/****************************************************
    MODULES
****************************************************/
@import 'modules/styles.css';

.navbar-default .navbar-nav > li.login.logoff {
    padding: 0;
}

#main-navigation .menu-items {
    background: #0b4c83;
}

#main-navigation .menu-items ul {
    display: flex;
    justify-content: space-between;
    margin: 0;
}

#main-navigation .menu-items ul a {
    color: white;
    padding: 10px;
    font-size: 14px;
}

.navbar {
    margin: 0;
}

form#frmMain {
    display: flex;
    flex-direction: column;
    height: 100%;
}

form#frmMain header {
    position: relative;
}

form#frmMain header #navigation {
    position: relative;
    background: white;
}

form#frmMain header #navigation .navbar {
    border: none;
    background: none;
}

form#frmMain #members-inner-container {
    flex-grow: 1;
    overflow: auto;
}

.navbar-default .navbar-nav > li.live_chat, .navbar-default .navbar-nav > li.chat-button {
    padding: 0;
    text-align: center;
    cursor: pointer;
}

header .contact_phone {
    padding: 5px 0;
    border-top: 1px solid;
    border-bottom: 1px solid;
}

header .contact_phone p {
    padding: 0 5px;
    margin: 0;
}

header .contact_phone p > a {
    margin-right: 10px;
}

#main-navigation #navigation .navbar-default .navbar-nav > li {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0;
}

#main-navigation #navigation .navbar-default .navbar-nav > li > a {
    font-weight: 300;
    font-size: 16px;
    padding-top: 40px !important;
}

#main-navigation #navigation .menu-items .nav > li > a:hover, 
#main-navigation #navigation .menu-items .nav > li > a:focus {
    background: #0b4c83;
    color: #888;
}

ol {
    list-style-type: decimal;
}

h1, h2, h3, h4,h5, h6 {
    line-height: 1.2;
}

.raf-market-pad h1 {
    font-size: 26px;
}

.menu-items .navbar-collapse {
    transition: max-height linear 0.5s;
    display: block;
    max-height: 350px;
}

.menu-items .navbar-collapse.in {
    max-height: 350px;
    overflow: hidden;
}

#main-content {
    margin-top: 30px;
}

@media screen and (min-width: 768px) {
    #main-navigation #navigation .navbar-default .navbar-nav > li {
        background-color: #48515e;
        color: white;
        height: 110px;
        background-position: center 25px;
        background-repeat: no-repeat;
        width: 135px;
        margin-left: 0;
    }

    #main-navigation #navigation .navbar-default .navbar-nav > li.chat-button {
        background-color: #868d96;
        background-image: url(data:image/svg+xml;charset=utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ4OS42IDQ4OS42IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0ODkuNiA0ODkuNjsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIzMnB4IiBoZWlnaHQ9IjMycHgiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0zOTQuOCwyNjEuNVY4MS43YzAtMjQuOS0yMC4zLTQ1LjItNDUuMi00NS4ySDQ1LjJDMjAuMywzNi41LDAsNTYuOCwwLDgxLjd2MTc5LjhjMCwyNC45LDIwLjMsNDUuMiw0NS4yLDQ1LjJoMTIuOXY1NC4yICAgIGMwLDEwLDguMSwxOC4xLDE4LjIsMTguMWwwLDBjNS4yLDAsMTAuMi0yLjMsMTMuNy02LjNsNTcuMS02Ni4xaDIwMi42QzM3NC41LDMwNi43LDM5NC44LDI4Ni40LDM5NC44LDI2MS41eiBNMTQxLjQsMjgyLjIgICAgYy0zLjYsMC02LjksMS41LTkuMyw0LjJsLTQ5LjYsNTcuM3YtNDkuM2MwLTYuOC01LjUtMTIuMy0xMi4zLTEyLjNoLTI1Yy0xMS40LDAtMjAuNy05LjMtMjAuNy0yMC43VjgxLjcgICAgYzAtMTEuNCw5LjMtMjAuNywyMC43LTIwLjdoMzA0LjRjMTEuNCwwLDIwLjcsOS4zLDIwLjcsMjAuN3YxNzkuOGMwLDExLjQtOS4zLDIwLjctMjAuNywyMC43TDE0MS40LDI4Mi4yTDE0MS40LDI4Mi4yeiIgZmlsbD0iI0ZGRkZGRiIvPgoJCTxwYXRoIGQ9Ik0zOTkuNyw0NDYuOGMzLjUsNC4xLDguNSw2LjMsMTMuNiw2LjNjMi4xLDAsNC4zLTAuNCw2LjQtMS4yYzcuMi0yLjcsMTEuOC05LjMsMTEuOC0xN3YtNTQuMmgxMi45ICAgIGMyNC45LDAsNDUuMi0yMC4zLDQ1LjItNDUuMlYxNTUuN2MwLTI0LjktMjAuMy00NS4yLTQ1LjItNDUuMmMtNi44LDAtMTIuMyw1LjUtMTIuMywxMi4yYzAsNi44LDUuNSwxMi4zLDEyLjMsMTIuMyAgICBjMTEuNCwwLDIwLjcsOS4zLDIwLjcsMjAuN3YxNzkuOGMwLDExLjQtOS4zLDIwLjctMjAuNywyMC43aC0yNS4xYy02LjgsMC0xMi4zLDUuNS0xMi4zLDEyLjN2NDkuM2wtNDkuNi01Ny4zICAgIGMtMi4zLTIuNy01LjctNC4yLTkuMy00LjJoLTE4NGMtNi44LDAtMTIuMyw1LjUtMTIuMywxMi4zczUuNSwxMi4zLDEyLjMsMTIuM2gxNzguNEwzOTkuNyw0NDYuOHoiIGZpbGw9IiNGRkZGRkYiLz4KCQk8Y2lyY2xlIGN4PSIxOTcuNCIgY3k9IjE3NS45IiByPSIxNC42IiBmaWxsPSIjRkZGRkZGIi8+CgkJPGNpcmNsZSBjeD0iMjQ2LjMiIGN5PSIxNzUuOSIgcj0iMTQuNiIgZmlsbD0iI0ZGRkZGRiIvPgoJCTxjaXJjbGUgY3g9IjE0OC41IiBjeT0iMTc1LjkiIHI9IjE0LjYiIGZpbGw9IiNGRkZGRkYiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
    }

    #main-navigation #navigation .navbar-default .navbar-nav > li.login {
        background-color: #48515e;
        background-image: url(data:image/svg+xml;charset=utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDM1MCAzNTAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM1MCAzNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4Ij4KPGc+Cgk8cGF0aCBkPSJNMTc1LDE3MS4xNzNjMzguOTE0LDAsNzAuNDYzLTM4LjMxOCw3MC40NjMtODUuNTg2QzI0NS40NjMsMzguMzE4LDIzNS4xMDUsMCwxNzUsMHMtNzAuNDY1LDM4LjMxOC03MC40NjUsODUuNTg3ICAgQzEwNC41MzUsMTMyLjg1NSwxMzYuMDg0LDE3MS4xNzMsMTc1LDE3MS4xNzN6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8cGF0aCBkPSJNNDEuOTA5LDMwMS44NTNDNDEuODk3LDI5OC45NzEsNDEuODg1LDMwMS4wNDEsNDEuOTA5LDMwMS44NTNMNDEuOTA5LDMwMS44NTN6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8cGF0aCBkPSJNMzA4LjA4NSwzMDQuMTA0QzMwOC4xMjMsMzAzLjMxNSwzMDguMDk4LDI5OC42MywzMDguMDg1LDMwNC4xMDRMMzA4LjA4NSwzMDQuMTA0eiIgZmlsbD0iI0ZGRkZGRiIvPgoJPHBhdGggZD0iTTMwNy45MzUsMjk4LjM5N2MtMS4zMDUtODIuMzQyLTEyLjA1OS0xMDUuODA1LTk0LjM1Mi0xMjAuNjU3YzAsMC0xMS41ODQsMTQuNzYxLTM4LjU4NCwxNC43NjEgICBzLTM4LjU4Ni0xNC43NjEtMzguNTg2LTE0Ljc2MWMtODEuMzk1LDE0LjY5LTkyLjgwMywzNy44MDUtOTQuMzAzLDExNy45ODJjLTAuMTIzLDYuNTQ3LTAuMTgsNi44OTEtMC4yMDIsNi4xMzEgICBjMC4wMDUsMS40MjQsMC4wMTEsNC4wNTgsMC4wMTEsOC42NTFjMCwwLDE5LjU5MiwzOS40OTYsMTMzLjA4LDM5LjQ5NmMxMTMuNDg2LDAsMTMzLjA4LTM5LjQ5NiwxMzMuMDgtMzkuNDk2ICAgYzAtMi45NTEsMC4wMDItNS4wMDMsMC4wMDUtNi4zOTlDMzA4LjA2MiwzMDQuNTc1LDMwOC4wMTgsMzAzLjY2NCwzMDcuOTM1LDI5OC4zOTd6IiBmaWxsPSIjRkZGRkZGIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
    }

    #main-navigation #navigation .navbar-default .navbar-nav > li a {
        color: white !important;
        text-transform: none;
    }

    #main-navigation .navbar-brand img {
        margin-top: 10px;
        max-height: 80px;
        max-width: 100%;
    }

    #main-navigation .navbar-header {
        width: calc(100% - 300px);
    }
}

@media (max-width: 767px) {
    .row, .thumbnails {
        margin-left: 0;
        margin-right: 0;
    }

    .menu-items .navbar-collapse {
        max-height: 0;
    }

    .navbar-nav > li > a {
        font-size: 16px;
    }

    #main-navigation .menu-items {
        background: white;
        border-top: 1px solid #aaa;
    }

    #main-navigation .menu-items ul {
        display: block;
    }

    #main-navigation .menu-items ul li a {
        color: black;
    }

    #main-navigation .navbar-default .navbar-brand {
        width: calc(100% - 60px);
    }

    #main-navigation .navbar-default .navbar-brand img {
        max-height: 40px;
    }

    .dashboard-container {
        display: flex;
        flex-wrap: wrap;
    }

    .dashboard-container .left-dash,
    .dashboard-container .right-dash {
        width: 100%;
    }

    .navbar-default .navbar-brand {
        padding: 5px;
    }
    
    #main-navigation .navbar-header {
        width: 100%;
    }
}


/* Traffic School Main Page */
.traffic-chapter .traffic-main-chapters {
    margin: 0;
    padding: 0;
    max-width: 100%;
    border: none;
}

    .traffic-chapter > div:first-child {
        border-right: 1px solid #cecece;
    }

.traffic-chapter .traffic-main-chapters > div {
    padding: 6px;
    margin: 0 4px;
}

.traffic-chapter .traffic-main-chapters .chapter-title {
    width: calc(100% - 170px);
}

#main-navigation .affix {
    position: relative;
}

.video-embed > div {
    width: 100%;
}

@media print {
    header {
        display: none;
    }

    #PrintThisPage {
        display: none;
    }

    .btn-row {
        display: none;
    }

    #report-error {
        display: none;
    }
}

.btn-register {
    background: linear-gradient(to bottom, #d53c39, #a32d22);
    color: white;
    text-transform: uppercase;
}

.btn-register:hover {
    background: linear-gradient(to top, #d53c39, #a32d22);
    color: white;
}

.btn-register:active {
    color: white;
}

.btn-register:focus {
    color: white;
}

.welcomeuser h1 {
    font-size: 48px;
    font-weight: 600;
    color: #48515e;
    margin-bottom: 20px;
}

.roundedbox {
    background-color: #ffd8d8;
    padding: 15px 20px;
    border-radius: 50px;
    font-size: 20px;
    margin: 15px 0;
}

    .roundedbox .btn, .roundedbox .btn:hover, .roundedbox .btn:focus, .roundedbox .btn:active:hover {
        border-radius: 30px;
        background-color: #ff4e4e;
        border: 0;
        padding: 10px 20px;
        margin-left: 15px;
    }

    .roundedbox span img {
        vertical-align: middle;
    }

    .roundedbox .fa {
        font-size: 24px;
    }

.calendertext {
    padding-left: 10px;
}

    .calendertext h3 {
        margin: 0;
    }

.msgbox-dashboard {
    border: 1px solid #e5e5e5;
    padding: 10px 40px;
    position: relative;
    font-size: 16px;
    border-radius: 5px;
    margin-top: 10px;
}
    .msgbox-dashboard strong {
        font-size: 18px;
    }

    .msgbox-dashboard .close {
        position: absolute;
        top: 6px;
        right: 10px;
    }
.msgbox {
    border: 1px solid #e5e5e5;
    padding: 10px 40px;
    position: relative;
    font-size: 16px;
    border-radius: 5px;
    margin-top: 30px;
}

    .msgbox strong {
        font-size: 18px;
    }

    .msgbox .close {
        position: absolute;
        top: 6px;
        right: 10px;
    }

.makemoneyBox .title {
    padding: 12px;
    background-color: #004985;
    font-size: 30px;
    color: white;
    border-radius: 5px 5px 0 0;
}

.makemoneyBox .bodytext {
    padding: 15px 20px 30px;
    background-color: #f1f1f1;
}

.welcomeuser .bodytext strong {
    color: #004985;
}

.welcomeuser .bodytext span {
    font-size: 24px;
}

.whitebg {
    background-color: white;
    padding: 5px;
    border: 1x solid #e5e5e5;
    border-radius: 5px;
}

    .whitebg span {
        font-size: 36px;
        color: #004985;
        min-height: 200px;
    }

.tabsbar {
    margin: 30px 0;
}

    .tabsbar .nav-tabs > li {
        width: 25%;
    }

.tab-content {
    border: 1px solid #e5e5e5;
    padding: 15px 30px;
}

.tabsbar .nav-tabs > li {
    border: 1px solid #e5e5e5;
}

    .tabsbar .nav-tabs > li a {
        border: 0;
        margin: 0;
        border-radius: 0;
        text-align: center;
        font-size: 18px;
        padding: 15px;
    }

    .tabsbar .nav-tabs > li.active > a {
        background-color: #004985;
        color: white
    }

    .tabsbar .nav-tabs > li a:hover, .tabsbar .nav-tabs > li.active > a {
        border: 0;
    }

    .tabsbar .nav-tabs > li:first-child, .tabsbar .nav-tabs > li:first-child a {
        border-top-left-radius: 8px;
    }

    .tabsbar .nav-tabs > li:last-ld, .tabsbar .nav-tabs > li:last-child a {
        border-top-right-radius: 8px;
    }

.codebox {
    background-color: #ffd8d8;
    display: inline-block;
    border-radius: 50px;
    padding: 10px 50px;
    margin: 15px 0;
}

    .codebox h2 {
        margin: 0;
        color: #004985;
    }

    .codebox span {
        font-size: 18px;
    }

.welcomeuser .btnlg {
    padding: 15px 50px;
    border-radius: 30px;
    background-color: #ff4e4e;
    border: 0;
}

.welcomeuser .btnoutline {
    background-color: white !important;
    border: 1px solid #ff4e4e !important;
    color: #ff4e4e !important;
}

.social-wrapper h2 {
    font-size: 40px;
}

.social-wrapper a {
    width: 70px;
    height: 70px;
    border-radius: 70px;
    line-height: 70px;
    font-size: 40px;
    color: white;
    background-color: #48515e;
    display: inline-block;
    text-align: center;
    margin: 0 5px;
}

    .social-wrapper a:hover {
        background-color: #004985;
    }

.bullets {
    padding-left: 20px;
}

    .bullets li {
        list-style: decimal;
    }

.graybox {
    border-radius: 8px;
    border: #e5e5e5 solid 1px;
    background-color: #f1f1f1;
    display: inline-block;
    min-width: 150px;
    padding: 20px 20px;
    margin-top: 50px;
}

    .graybox h2 {
        margin: 0;
        color: #004985;
    }

.price {
    background-color: #004985;
    border-radius: 6px;
    padding: 10px 30px;
    color: white;
    font-size: bold;
}

.tab-pane form {
    padding: 30px 0;
}

    .tab-pane form .form-control {
        height: 50px;
        font-size: 20px;
        border-radius: 50px;
    }

img {
    max-width: 100%;
}


@media (min-width: 1200px) {
    .tabsbar .nav-tabs > li a {
        font-size: 17px;
        padding: 15px 10px;
    }
}

@media (max-width: 991px) {
    .social-wrapper h2 {
        font-size: 30px;
    }

    .social-wrapper a {
        width: 50px;
        height: 50px;
        border-radius: 50px;
        line-height: 50px;
        font-size: 24px;
    }

    .codebox {
        margin: 15px 0;
    }

        .codebox h2 {
            font-size: 24px;
        }

        .codebox span {
            font-size: 16px;
        }

    .msgbox {
        padding: 10px 20px;
    }
}

@media (max-width: 991px) {
    .tabsbar .nav-tabs > li {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .tabsbar .nav-tabs > li {
        width: 100%;
    }

    .welcomeuser h1 {
        font-size: 36px;
    }

    .roundedbox {
        text-align: center;
    }
}

@media (max-width: 600px) {
    .pre-next-container {
        text-align: center;
    }

        .pre-next-container .btn {
            float: none !important;
            margin-bottom: 10px;
        }

    span.input-medium {
        width: auto;
    }
}