/* Second Navigation bar */
.secNav .navbar{
    position: relative;
    min-height: 20px !important;
    margin-bottom: 1px !important;     
}

.secNav, .nav-inner, .nav-list {
    background-color: #fff;
    border: 0;
}

.secNav { border-top: 5px solid #ff5802; }

.secNav > a{
    color: #d7e2e9 !important;
}

.secNav .navbar-nav > li {
    font-weight: bold;
}

.secNav .navbar-nav > li > .dropdown-menu {
    background-color: #69899f;
}

.secNav .navbar-nav > li > .dropdown-menu > li > a {
    color: #d7e2e9;
    padding-bottom: 3px;
}

.secNav .navbar-nav .nav-item  > a {
    color: #69899f;
    padding-bottom: 3px;
}

.secNav .navbar-nav .dropdown-menu  > a {
    color: #e5dbdb;
    padding-bottom: 3px;
    white-space: nowrap;
}

.secNav .navbar-nav .dropdown-menu > li > a {

}

.secNav .navbar-nav > li > .dropdown-menu > li > a:hover,
.secNav .navbar-nav > li > .dropdown-menu > li > a:focus {
    color: #e5dbdb;
    background-color: #425766;
    white-space: nowrap;
}

.secNav a:link,a:visited { 
    border-radius: 0 0 8px 8px; 
    padding:0px 15px;
}

.secNav a:hover {
    background-color: #ff5802; 
    color: #fff;
}                

.navbar {
    padding-top: 0;
    padding-bottom: 0;
}

.bg-light {
    background-color: #fff !important;
}
.topNav .navbar{
    position: relative;
    max-height: 85px;
    margin-bottom: 1px;     
   
}

.topNav .container {
    padding: 0;
    margin: 0;
}

.topNav .nav-bar-fixed-top{
    top: 0;
    border-width: 0 0 1px;
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
}

.topNav .navbar-header {
    height: 70px;
}

.topNav .nav-list {
    background-color: #fff;
    border: 0;
}

.topNav { border-top: 7px solid #ff5802; }

.topNav  .navbar-brand {
    height: inherit;
    vertical-align: middle;
}

.topNav  .navbar-brand img{
    padding-right: 10px;
}

.topNav .nav-bar-nav {
    height: 85px;
}
/*
#topNav .nav {
    height: 70px;
}

#topNav .nav .nav-bar {
    height: 70px;
}
*/
.topNav .navbar-nav > li{
    font-weight: bold;
}
.topNav .navbar-nav > li > a{
    padding-top: 15px;
    padding-bottom: 15px;
} 

.topNav .navbar-nav > li > .dropdown-menu {
    background-color: #69899f;
}

.topNav .navbar-nav .dropdown-menu  > a {
    white-space: nowrap;
}


.topNav .navbar-nav > li > .dropdown-menu > li > a {
    color: #d7e2e9;
}

.topNav .navbar-nav > li > .dropdown-menu > li > a:hover,
.topNav .navbar-nav > li > .dropdown-menu > li > a:focus {
    color: #e5dbdb;
    background-color: #425766;
}

.topNav > .commandLink, a:link, a:visited { 
    border-radius: 8px 8px 8px 8px; 
}

.topNav a:hover {
    background-color: #ff5802; 
    color: #fff;
}

.frontCar {
    background-image: url('resources/images/showroom.jpg');
    height: 200px;
    width: 100%;
}

.footerLys{
    background-color: #446E9B;
    border-color: #345578;
    color: #fff;
}

.copy_right{
    color: #ffffff;
    background-color:#345578;
}

/* 
Extra small devices (portrait phones, less than 544px) 
No media query since this is the default in Bootstrap because it is "mobile first"
*/
div.headerText {font-size:1rem;} /*1rem = 16px*/
/*
####################################################
M E D I A  Q U E R I E S
####################################################
*/

/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Bootstrap 4 breakpoints
*/
/* Small devices (landscape phones, 544px and up) */
@media (min-width: 544px) {  
    div.headerText {font-size:1.5rem;} /*1rem = 16px*/
}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
    div.headerText {font-size:2rem;} /*1rem = 16px*/
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
    div.headerText {font-size:2.5rem;} /*1rem = 16px*/
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
    div.headerText {font-size:3rem;} /*1rem = 16px*/    
}

/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Custom media queries
*/

/* Set width to make card deck cards 100% width */
@media (min-width: 950px) and (max-width:1100px) { 
    div.headerText {font-size:2.75rem;color:red;} 
}

/* Equal height rows */
@media only screen and (min-width : 481px) {
    .flex-row.row {
        display: flex;
        flex-wrap: wrap;
    }
    .flex-row.row > [class*='col-'] {
        display: flex;
        flex-direction: column;
    }
    .flex-row.row:after, 
    .flex-row.row:before {
        display: flex;
    }
}

/* Equal height table */
@media only screen and (min-width : 480px){
    .table-row-equal {
        display: table;
        width: 100%;
        table-layout: fixed;
        border-spacing: 30px 0px;
        word-wrap: break-word;
        border-spacing: 30px 0px;
    }
    .table-row-equal .thumbnail {
        float: none;
        display: table-cell;
        vertical-align: top;
        width: 1%;
    }
}

.grid {
    display: flex;
    width: 100%
}

.item { 
   justify-content: space-between;
}

select.form-control{
    margin-bottom: 1rem;
}

.front-button {
    border-radius: 8px;
}

.input-group-prepend .glyphicon, .input-group-append .glyphicon {
    color: #ff5802;
}

#income > input {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}