﻿body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}
.bannerheight{
    height:480px;
}
/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}
.text_bold{
    font-weight:700;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

/* Nav Bar Overwrites */
.testcss {
    padding: 10px 15px !important;
}

.toplevelheader {
    margin-top: 15px;    
}

.nonloggedtoplevelheader {
    margin-top: 0px;    
}

.navbar-inverse .navbar-nav > li > a {
    color: #FFFFFF;
    font-size: larger;
    /*padding-left:10px;*/   
    /*padding: 10px 40px 10px 0px;*/
    text-align: center;
}



.navbar-inverse .navbar-nav > li > a > btn > btn-danger {
    /*padding: 14px 15px 14px 15px !important;*/
}
.navbar-inverse .navbar-nav > li > a  {
    padding: 14px 15px 14px 15px !important;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus{
    /*color: #ff0000 !important;*/
    border-bottom-style: solid !important;
    border-color:#D0021B !important;
    padding-bottom: 14px !important;
}

.navbar-inverse .navbar-nav > .active2 > a, 
  .navbar-inverse .navbar-nav > .active2 > a:hover, 
  .navbar-inverse .navbar-nav > .active2 > a:focus {
            border-bottom-style: solid !important;
            border-color:#D0021B !important;
            padding-bottom: 14px !important;
   }

.navbar-header {
    margin-top: 5px;
    margin-bottom: 20px;
    margin-left: 0px !important;
}

/* Body Content Overwrite*/
.body-content {
    margin-top: 85px;
}


/* Table OverWrites */
.graybackground {
    background-color: #d0d0d0;
}
/*="margin-left:10px; display:inline-block;"*/
.YearTo {
   margin-left:10px; 
   display:inline-block;
    }
.YearTo1 {
   margin-left:10px; 
   display:inline-block;
    }
.YearTo2 {
   margin-left:10px; 
   display:inline-block;
    }

.addPartClass li>a:active{
            border-bottom-style: solid !important;
            border-color:#D0021B !important;
            padding-bottom: 16px !important;
}
#cardsec_1, #cardsec_2, #cardsec_3{
    cursor:pointer;
}
 @media screen and (min-width: 768px) and (max-width: 990px) {
    .ctrlspacing {
        margin-top: 18%;
    }
  .desktopview{
        display:none !important;
    }
}
@media screen and (max-width: 767px) {
    .desktopview{
        display:none !important;
    }
    .desktopview1{
        display:none !important;
    }
#cardsec_1, #cardsec_2, #cardsec_3{
    cursor:none;
}    
   .ctrlpadding {
        margin-bottom: 2%;
    }
     .YearTo {
      margin-top: 2px;
      margin-left: 36px;
      display: inline-block;
    }
      .YearTo1 {
      margin-top: 2px;
      margin-left: 6px;
      display: inline-block;
    }
        .YearTo2 {
      margin-top: 2px;
     margin-left: 20px;
      display: inline-block;
    }
}
@media screen and (max-width: 767px) and (mn-width: 414px) {
    .YearTo {
      margin-top: 2px;
      margin-left: 36px;
      display: inline-block;
    }
       .YearTo1 {
      margin-top: 2px;
     margin-left: 6px;
      display: inline-block;
    }
        .YearTo2 {
      margin-top: 2px;
     margin-left: 20px;
      display: inline-block;
    }
      #makeSpace {
    margin-left:7px;
    }
    #modelSpace {
        margin-left:9px;
    }
}
@media screen and (max-width: 413px) {
    .YearTo {
      margin-top: 2px;
      margin-left: 36px;
      display: inline-block;
    }
      #makeSpace {
    margin-left:7px;
    }
    #modelSpace {
        margin-left:9px;
    }
}

.mt-18 {
    margin-top:18px;
}
