/*Base CSS for log-in page.*/
html {
    height: 100%;
}
body {
    background-image: url('../images/city.jpg');
    background-size: cover, cover;
    background-position: center, center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-color: #FFF;
    overflow-x: hidden;
    position: relative;
    min-height: 100%;
}
footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #1A325E;
    border-top: 2px solid black;
}

/*Desktop banner.*/
@media (min-width: 1920px) {
    .mobile {
        display: none;
    }
    .mobile-brand {
        display: none;
    }
    .desktop {
        border-bottom: 2px solid black;
    }
    .application {
        width: 50%;
    }
    .clearance {
        width: 50%;
    }
    .reports {
        width: 50%;
    }
    .navbar-inverse {
        height: 20.75%;
        background-image: url("../images/desktop.png");
        background-size: cover;
        border-top: none;
        border-left: none;
        border-right: none;
        border-bottom: 2px solid black;
    }
    .navbar-nav {
        margin-left: 20%;
        margin-top: 7.75%;
    }
    .mobileFooter {
        display: none;
    }
    .standardFooter {
        display: none;
    }
    .wideFooter {
        display: none;
    }
    .sixFooter {
        display: none;
    }
    .subHDFooter {
        display: none;
    }
    .HDFooter {
        height: 100px;
    }
}
@media (min-width: 1680px) and (max-width: 1919px) {
    .mobile {
        display: none;
    }
    .mobile-brand {
        display: none;
    }
    .desktop {
        border-bottom: 2px solid black;
    }
    .application {
        width: 50%;
    }
    .clearance {
        width: 50%;
    }
    .reports {
        width: 50%;
    }
    .navbar-inverse {
        height: 20%;
        background-image: url("../images/desktop.png");
        background-size: cover;
        border-top: none;
        border-left: none;
        border-right: none;
        border-bottom: 2px solid black;
    }
    .navbar-nav {
        margin-left: 20%;
        margin-top: 8.25%;
    }
    .mobileFooter {
        display: none;
    }
    .standardFooter {
        display: none;
    }
    .sixFooter {
        display: none;
    }
    .wideFooter {
        height: 90.5px;
    }
    .subHDFooter {
        display: none;
    }
    .HDFooter {
        display: none;
    }
}
@media (min-width: 1600px) and (max-width: 1679px) {
    .mobile {
        display: none;
    }
    .mobile-brand {
        display: none;
    }
    .desktop {
        border-bottom: 2px solid black;
    }
    .application {
        width: 50%;
    }
    .clearance {
        width: 50%;
    }
    .reports {
        width: 50%;
    }
    .navbar-inverse {
        /*height: 20.75%;*/
        background-image: url("../images/desktop.png");
        background-size: cover;
        border-top: none;
        border-left: none;
        border-right: none;
        border-bottom: 2px solid black;
    }
    .navbar-nav {
        margin-left: 20%;
        margin-top: 8.25%;
    }
    .mobileFooter {
        display: none;
    }
    .standardFooter {
        display: none;
    }
    .wideFooter {
        display: none;
    }
    .sixFooter {
        height: 80.5px;
    }
    .subHDFooter {
        display: none;
    }
    .HDFooter {
        display: none;
    }
    .sixFix {
        height: 400px !important;
        max-height: 400px !important;
        overflow-x: hidden !important;
        overflow-y: scroll !important;
    }
    .sixFixTwo {
        height: 375px !important;
        max-height: 375px !important;
        overflow-x: hidden !important;
        overflow-y: scroll !important;
    }
}
@media (min-width: 1440px) and (max-width: 1599px) {
    .mobile {
        display: none;
    }
    .mobile-brand {
        display: none;
    }
    .desktop {
        border-bottom: 2px solid black;
    }
    .application {
        width: 50%;
    }
    .clearance {
        width: 50%;
    }
    .reports {
        width: 50%;
    }
    .navbar-inverse {
        height: 20.75%;
        background-image: url("../images/desktop.png");
        background-size: cover;
        border-top: none;
        border-left: none;
        border-right: none;
        border-bottom: 2px solid black;
    }
    .navbar-nav {
        margin-left: 20%;
        margin-top: 8.25%;
    }
    .mobileFooter {
        display: none;
    }
    .standardFooter {
        display: none;
    }
    .wideFooter {
        display: none;
    }
    .sixFooter {
        display: none;
    }
    .subHDFooter {
        height: 80.5px;
    }
    .HDFooter {
        display: none;
    }
}
@media (min-width: 1366px) and (max-width: 1439px) {
    .mobile {
        display: none;
    }
    .mobile-brand {
        display: none;
    }
    .desktop {
        border-bottom: 2px solid black;
    }
    .application {
        width: 50%;
    }
    .clearance {
        width: 50%;
    }
    .reports {
        width: 50%;
    }
    .navbar-inverse {
        /*height: 17.020%;*/
        background-image: url("../images/desktop.png");
        background-size: cover;
        border-top: none;
        border-left: none;
        border-right: none;
        border-bottom: 2px solid black;
    }
    .navbar-nav {
        margin-left: 20%;
        margin-top: 8.25%;
    }
    .mobileFooter {
        display: none;
    }
    .standardFooter {
        height: 70.5px;
    }
    .wideFooter {
        display: none;
    }
    .sixFooter {
        display: none;
    }
    .subHDFooter {
        display: none;
    }
    .HDFooter {
        display: none;
    }
    .sixFixLog {
        margin-top: 2.5% !important;
    }
    .sixFix {
        height: 295px !important;
        max-height: 295px !important;
        overflow-x: hidden !important;
        overflow-y: scroll !important;
    }
    .sixFixTwo {
        height: 270px !important;
        max-height: 270px !important;
        overflow-x: hidden !important;
        overflow-y: scroll !important;
    }
    .sixFixTable {
        height: 290px !important;
        max-height: 290px !important;
        overflow-x: hidden !important;
        overflow-y: scroll !important;
    }
    .sixFixForm {
        height: 270px !important;
        max-height: 270px !important;
        overflow-x: hidden !important;
        overflow-y: scroll !important;
    }
}
@media (min-width: 1201px) and (max-width: 1365px) {
    .mobile {
        display: none;
    }
    .mobile-brand {
        display: none;
    }
    .desktop {
        border-bottom: 2px solid black;
    }
    .application {
        width: 50%;
    }
    .clearance {
        width: 50%;
    }
    .reports {
        width: 50%;
    }
    .navbar-inverse {
        /*height: 17.020%;*/
        background-image: url("../images/desktop.png");
        background-size: cover;
        border-top: none;
        border-left: none;
        border-right: none;
        border-bottom: 2px solid black;
    }
    .navbar-nav {
        margin-left: 18.5%;
        margin-top: 8.25%;
    }
    .mobileFooter {
        display: none;
    }
    .standardFooter {
        height: 80.5px;
    }
    .wideFooter {
        display: none;
    }
    .sixFooter {
        display: none;
    }
    .subHDFooter {
        display: none;
    }
    .HDFooter {
        display: none;
    }
}

/*Mobile banner.*/
@media (max-width: 720px) {
    .desktop {
        display: none;
    }
    .desktop-brand {
        display: none;
    }
    .mobile {
        border-bottom: 2px solid black;
    }
    .application {
        width: 50%;
    }
    .clearance {
        width: 50%;
    }
    .reports {
        width: 50%;
    }
    .mainOptions {
        width: 80% !important;
    }
    .navbar-inverse {
        height: 15%;
        background-image: url("../images/mobile.png");
        background-size: cover;
        border-top: none;
        border-left: none;
        border-right: none;
        border-bottom: 2px solid black;
    }
    .navbar-collapse {
        background-color: #1A325E;
        width: 100%;
        border-top: none;
    }
    .standardFooter {
        display: none;
    }
    .wideFooter {
        display: none;
    }
    .sixFooter {
        display: none;
    }
    .subHDFooter {
        display: none;
    }
    .HDFooter {
        display: none;
    }
}

/*CSS for form button.*/
#logButton {
    padding: 15px;
}
#resetButton {
    padding: 15px;
}

/*SmartyStreets changes.*/
.smarty-popup-invalid-header {
    color: #4D83C3;
}
.smarty-tag {
    display: none !important;
}

/*Overwrite default BootStrap CSS.*/
.btn-primary {
    background-color: #761214 !important;
    border-color: black;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    background-color: #761214 !important;
    border-color: black;
}
.nav-justified > li > a {
    text-align: center;
}
a {
    color: #761214;
}
a:focus, a:hover {
    color: #761214;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #761214;
    border-color: #761214;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child::before {
    background-color: #761214 !important;
}
.pagination > li > a, .pagination > li > span {
    background-color: #fff;
   color: #761214;
}
.pagination > li > a:focus, .pagination > li > a:hover, a.pagination > li > span:focus, .pagination > li > span:hover {
    color: #761214;
}
.navbar-brand {
    color: white !important;
}
.navbar-nav > li > a {
    color: white !important;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
    background-color: #1A325E;
    color: #fff;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
    background-color: #1A325E;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color:  #761214;
}
/*.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {*/
    /*color: white;*/
/*}*/

@media (min-width: 721px) and (max-width: 1200px) {
    .mobile {
        display: none;
    }
    .desktop {
        border-bottom: 2px solid black;
    }
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        margin-top: 1.5%;
        display: block;
    }
    .navbar-collapse {
        background-color: #1A325E;
        width: 100%;
        border-top: none;
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in {
        display: block !important;
        width: 100%;
    }
    .navbar-inverse {
        height: 20%;
        background-image: url("../images/desktop.png");
        background-size: cover;
        border-top: none;
        border-left: none;
        border-right: none;
        border-bottom: 2px solid black;
    }
    .application {
        width: 50%;
    }
    .clearance {
        width: 50%;
    }
    .reports {
        width: 50%;
    }
    .standardFooter {
        display: none;
    }
    .wideFooter {
        display: none;
    }
    .sixFooter {
        display: none;
    }
    .subHDFooter {
        display: none;
    }
    .HDFooter {
        display: none;
    }
}