﻿
.nav-tabs {
    border-bottom:2px solid #818181;
}
.nav-tabs li {
    margin-bottom:-2px;
    overflow:hidden;
}

/*This is for the hamburger menu on the side nav bar*/
.nav-tabs li.dropdown {
    overflow:visible;
}

.tab-navigation {
    margin-left:-15px;
    margin-right:-15px;
}
.tab-navigation.lg {
    display:none;
}
.tab-navigation li.first {
    margin-left:5%;
} 
.tab-navigation li {
    min-height:50px;
    text-align:center;
    margin-left:4px;
    border-left: 1px solid #818181;
    border-right: 1px solid #818181;
    border-top: 1px solid #818181;
    background-color:#818181;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
 .tab-navigation li a {
    position:inherit;
    margin-right: 0px;
    color: #000;
    margin-top: 10px;
    height: 42px;
    background-color: #e6e6e6;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom: 2px solid #818181;
    cursor: pointer;
    padding: 10px 10px;
    display: table;
    width:101%;
}
.tab-navigation li a span {
    display: table-cell;
    vertical-align: middle;
    height:inherit;
    width:inherit;
}
.tab-navigation a.active{    
    background-color:#fff;  
    border-bottom:2px solid #fff; 
    font-weight:600;
}
.tab-navigation li a.active:hover, .tab-navigation li a.active:focus, .tab-navigation li a.active.focus {
    background-color: #e0eef8;
    border-color:#e0eef8;
    border-bottom:2px solid #e0eef8;

}
.tab-navigation li a:hover, .tab-navigation li a:focus, .tab-navigation li a.focus {
    background-color: #e0eef8;
    border-color:#e0eef8;
    border-bottom:2px solid #818181;
}
.tab-navigation a.disabled{    
    background-color:#acacac;  
    border-bottom:2px solid #acacac;
    cursor:not-allowed; 
}

a.disabled {
    pointer-events: none;
    cursor: not-allowed;
}

.tab-navigation li a.disabled:hover, .tab-navigation li a.disabled:focus, .tab-navigation li a.disabled.focus {
    background-color:#acacac;
    border-color:#acacac;
    border-bottom:2px solid #acacac;
}
.navtabs-four {
    min-width: 23.7%;
    max-width: 23.7%;
}
.navtabs-five {
    min-width: 19%;
    max-width: 19%;
}
.navtabs-six {
    min-width: 15.8%;
    max-width: 15.8%;
}
.navtabs-seven {
    min-width: 13.6%;
    max-width: 13.6%;
}
.navtabs-eight {
    min-width: 11.8%;
    max-width: 11.8%;
}
.navtabs-nine {
    min-width: 10.5%;
    max-width: 10.5%;
}

.navtabs-9 {
    min-width: 10.5%;
    max-width: 10.5%;
}
.navtabs-8 {
    min-width: 11.8%;
    max-width: 11.8%;
}
.navtabs-7 {
    min-width: 13.6%;
    max-width: 13.6%;
}
.navtabs-6 {
    min-width: 15.8%;
    max-width: 15.8%;
}
.navtabs-5 {
    min-width: 19%;
    max-width: 19%;
}
.navtabs-4 {
    min-width: 24%;
    max-width: 24%;
}
.navtabs-3 {
    min-width: 32%;
    max-width: 32%;
}
.navtabs-2 {
    min-width: 48%;
    max-width: 48%;
}
.nav-tabs-sm {
    min-width:60%;
}
.nav-tabs-sm.other {
    min-width:20%;
}
.navTabMenu {
    left: auto !important;
    right:0 !important;
}
.navTabMenu a.disabled {
    background-color: #acacac;
    border-bottom: 2px solid #acacac !important;
    cursor: not-allowed;
}
.navTabMenu a{
    color:#000;
    background-color:#fff;
}
.navTabMenu a.status, .dropdown-menu a.status:hover{
    background-color: #818181;
    border-top:solid 1px #818181;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; 
}
.tab-completed {
    background-color:#00b050 !important;
}
.tab-rejected {
    background-color:#e74c3c !important;
}

.ae-only-label {
    white-space: nowrap;
    position: absolute;
    text-align: right;
    top: 0;
    right: 0;
    font-size: 10px !important;
    padding-right: 5px;
}

.prev-next-buttons {
    padding-top: 30px;
    text-align: center;
}

.title-loanNum {
    display: none;
}

@media (min-width: 768px) {
    .tab-navigation li a {
        padding: 0px 0px;
    }
    .tab-navigation li a span {
        font-size:13px;
    }
    .tab-navigation li.first {
        margin-left: .4%;
    }
    .tab-navigation.sm {
        display:none;
    }
    .tab-navigation.lg {
        display:block;
    }
    .prev-next-buttons {
        padding-top: 40px;
    }
    .title-loanNum {
        display:block;
    }
}
@media (min-width: 1200px) {
    /*.tab-navigation li a {
        padding: 10px 5px;
    }*/
    .tab-navigation li.first {
        margin-left: 1.6%;
    }
   .prev-next-buttons {
        padding-top: 50px;
    }
   .tab-navigation li a span {
        font-size:14px;
    }
}
@media (min-width: 1600px) {
}