@font-face {
    font-family: 'ms reference sans serif';
    src: url('https://prodcalimaticfd-duczddazh5awejgt.z01.azurefd.net/calimatic-lmsportal-cdn/assets/ctxFonts/Previousfonts/MS%20Reference%20Sans%20Serif.ttf') format('truetype');

}
body.ctx-login-body, .ctx-login-body h1, .ctx-login-body h2, .ctx-login-body h3, .ctx-login-body h4, .ctx-login-body h5, .ctx-login-body h6, .ctx-login-body input {
    font-family: 'ms reference sans serif' !important;
}
.ctx-login-panel {
    justify-content: center;
}

#ctx-rightPanel-form, .ctx-chang-bg {
    height: auto;
}
    #ctx-rightPanel-form .ctx-login-form {
        margin: 20px auto !important;
        max-width: 354px;
    }
.ctx-login-panel, .ctx-login-row {
    background-color: #333;
}

.ctx-login-form {
    background-color: #444 !important;
    color: #fff;
}

.ctx-form-label {
    color: #fff;
}

.ctx-forget {
    border-color: #666;
}
#hazarTheme + #appbody .navbar-me {
    background-color: #333 !important;
}
.lds-ripple circle {
    stroke: #feb400 !important;
}
#hazarTheme + #appbody #slide-navbar-collapse .ctx-dropdown-lg .ctx-arrow {
    color: var(--color-white) !important;
}

#hazarTheme + #appbody .ctx-navlist-right {
    border-color: #fff !important;
}

    #hazarTheme + #appbody .ctx-navlist-right > a {
        color: var(--color-white) !important;
    }

#hazarTheme + #appbody .btn-default:not(.note-btn, .addendanceInfoDDlBtn), #hazarTheme + #appbody .btn-primary:not(.note-btn),
.tutor360_theme .btn-default:not(.note-btn), .tutor360_theme .btn-primary, #hazarTheme + #appbody .customButton {
    background-color: #feb400 !important;
    color: var(--color-lightBlack) !important;
    border-color: #feb400;
}

#hazarTheme + #appbody .customButton {
    border-color: #feb400 !important;
}

#hazarTheme + #appbody .button.customButton:hover {
    color: var(--color-white) !important;
    border-color: #feb400 !important;
}

.ctx-login-panel a {
    color: #feb400;
    text-decoration: none;
}

    .ctx-login-panel a:focus, .ctx-login-panel a:hover {
        color: #ff9800;
        text-decoration: underline;
    }

.ctx-forget {
    border-top: 1px solid rgb(225 224 224 / 24%);
}

.ctx-login-form .btn-primary {
    background-color: #ffb400 !important;
    border-color: #feb400;
    border-radius: 4px !important;
}
#btnSendMail {
    background-color: #ffb400 !important;
    border-color: #feb400;
    color: #000;
    border-radius: 4px !important;
}
#back-btn {
    color: #000;
    border-radius: 4px !important;
}

.ctx-login-form .btn-primary:hover {
    background-color: #ff9800 !important;
    border-color: #ff9800;
}

#hazarTheme + #appbody .btn-default:not(.note-btn):focus,
#hazarTheme + #appbody .btn-primary:not(.note-btn):focus,
.tutor360_theme .btn-default:not(.note-btn):focus, .tutor360_theme .btn-primary:focus {
    outline: 0;
}

#hazarTheme + #appbody table thead th .multiselect.btn-default {
    background-color: var(--color-white) !important;
}
/*#hazarTheme + #appbody .modal .modal-dialog .modal-body .multiselect.btn-default {
    background-color:unset !important;
}*/
#hazarTheme + #appbody .btn-default:hover, #hazarTheme + #appbody .btn-primary:hover,
.tutor360_theme .btn-primary:hover, .tutor360_theme .btn-default:hover {
    background-color: #ff9800 !important;
    border-color: #feb400;
}

#hazarTheme + #appbody .ctx-nav-list:after,
#hazarTheme + #appbody .ctx-projects li:not(.dropdown-header):after,
#hazarTheme + #appbody .mainProjectSelected:after {
    border-bottom: solid 3px #feb400 !important;
    color: rgb(18, 113, 196);
}

.btn-group:not([data-name="color"]) .dropdown-menu:not(.dropdown-menu-large):not(.stateScroll):not(.multiselect-container) li:after, .dropdown-toggle:not(.dropdown-menu-large) + .dropdown-menu li:not(.dropdown-header):not(.search-item):after, .welcomeContainer .popover-list-item:after {
    border-bottom: solid 3px #feb400 !important;
}

li.Notification ul.nav.nav-pills li.active a, li.Notification ul.nav.nav-pills li:hover a {
    border-bottom-color: #feb400 !important;
}

#hazarTheme + #appbody .ctx-menu-lg .nav > li > a:hover, #hazarTheme + #appbody .activeLink > a:first-of-type {
    color: #feb400 !important;
}

#hazarTheme + #appbody .tabbable-line > .nav-tabs > li:hover {
    border-bottom: 3px solid #fad378 !important;
}

#hazarTheme + #appbody .tabbable-line > .nav-tabs > li.active {
    border-bottom: 3px solid #feb400 !important;
}

    #hazarTheme + #appbody .tabbable-line > .nav-tabs > li.active > a,
    #hazarTheme + #appbody .tabbable-line > .nav-tabs > li.active > a > i {
        color: #feb400;
    }

#hazarTheme + #appbody li.Notification ul.dropdown-menu {
    background: linear-gradient( 130deg, #ffbc1b 40%, #e9a910 60%);
}

#hazarTheme + #appbody .profile-usermenu ul li a:hover {
    color: #feb400 !important;
}

#hazarTheme + #appbody .profile-usermenu ul li.active a {
    color: #feb400 !important;
    border-color: #feb400 !important;
}

#hazarTheme + #appbody .bg-theme, #hazarTheme + #appbody .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .tutor360_theme .bg-theme {
    /* background-color: #feb400 !important;*/
}

.tutor360_theme .modal .modal-header, .badge.rel-Note {
    background-color: #feb400 !important;
}

#hazarTheme + #appbody .ctx-active {
    background-color: #feb400 !important;
}

#hazarTheme + #appbody .ctx-btn-circle:hover, #hazarTheme + #appbody .ctx-btn-circle:focus {
    background-color: #feb400 !important;
}

span.clear-all {
    background: #991030 !important;
}

#hazarTheme + #appbody li.Notification:after, #hazarTheme + #appbody li.Notification li:after {
    border-bottom: 0 !important;
}

.temp-sidepanel-globel .panel-close:hover, .temp-sidepanel-globel .panel-open:hover {
    background: #feb400 !important;
}

#hazarTheme + #appbody .c_header .dropdown--topics .dropdown-menu__list > li.maintain-hover > a {
    color: #feb400;
}

#hazarTheme + #appbody .c_header .menu__link a:not(.btn):hover {
    color: #feb400;
}

#hazarTheme + #appbody .modal .modal-header {
    background: #333 !important;
}

#hazarTheme + #appbody div#dragbar:hover, div#dragbar:active {
    background-color: #feb400;
}

#hazarTheme + #appbody .actoin-icons i {
    background: #feb400;
}

#hazarTheme + #appbody .link-bar-item--lead-item--mZFmh .link-bar-item--menu__link--NScGd {
    color: #feb400;
}

#hazarTheme ~ .modal .modal-header, #hazarTheme ~ .modal .btn-default.bg-theme {
    background: #feb400 !important;
}

#hazarTheme + #appbody .fc-toolbar > .fc-center > h2 {
    color: #feb400 !important;
}

#hazarTheme + #appbody .closeBtn {
    color: #feb400;
}

    #hazarTheme + #appbody .closeBtn:hover {
        background: #feb400;
        color: var(--color-white);
    }

#hazarTheme + #appbody #SetUpGrid .btn-default {
    color: var(--color-white) !important;
}

#hazarTheme + #appbody #accordion .panel-heading a.collapsed:hover, #hazarTheme + #appbody #accordion .panel-heading a.collapsed:focus, #hazarTheme + #appbody #accordion .panel-heading a:not(.collapsed) {
    background-color: #feb400;
}

#hazarTheme + #appbody table tr td a:not(.addendanceInfoDDlBtn) i, #hazarTheme + #appbody table tr td a.fa, #hazarTheme + #appbody table tbody .tr-hover a i, #hazarTheme + #appbody table tbody .tr-hover a.fa {
    color: #feb400 !important;
}

#hazarTheme + #appbody #emailFrequencyContainer i.fa.fa-cogs {
    color: #feb400;
}

#hazarTheme + #appbody li.progress__circle.active a, li.progress__circle:hover a {
    background: #feb400 !important;
}

#hazarTheme + #appbody .single-course-nav-tabs .course-nav.active a, #hazarTheme + #appbody .currItems .addStepsBtn > a, #hazarTheme + #appbody .curriculum-sections li a .itemPreivew .course-item-status, #hazarTheme + #appbody .course-item-meta .item-meta.count-questions {
    background: #feb400 !important;
    color: var(--color-lightBlack) !important;
}

.curriculum-sections li a .itemPreivew .course-item-status:before {
    color: var(--color-lightBlack) !important;
}

#hazarTheme + #appbody .right-border-container .right-border-container-button {
    background: #feb400;
}

.toggle-check input[type="checkbox"]:checked + span:before {
    border-color: #feb40047 !important;
    background-color: #feb40047 !important;
}

.toggle-check.oversized input[type="checkbox"]:checked + span:after {
    background-color: #feb400 !important;
}

body .select2-container--bootstrap .select2-results__option--highlighted[aria-selected], body .ctx-grid-userinitials, body span.ctx-initials, body .datepicker .active {
    background-color: #feb400 !important;
}

.ctx-projects, .project-heading {
    color: #feb400 !important;
}

.panel .section_Header, .partyFieldSetHeading {
    border-left: 2px solid #feb400 !important;
    color: #feb400 !important;
}

.steps ul li.current a, .steps ul li.current {
    background-color: #feb400 !important;
}

    .steps ul li.current:after {
        border-left-color: #feb400 !important;
    }

.steps ul a h3 small, .steps ul li a {
    color: #feb400 !important;
}

#hazarTheme + #appbody .partyFieldSetHeading, .alert-info {
    background-color: #eeeeee;
}

.modal-open .modal {
    background-color: #eeeeee6e;
}

#hazarTheme + #appbody .link-list-items .link-icon {
    color: #feb400;
    background-color: #333333c2;
}
.hazarCalimatic_text {
    font-size: 11px;
    font-weight: 500;
    color: #fff;
    letter-spacing: 2px;

}

@media only screen and (max-width: 767px) {
    #boardmenuli ul.dropdown-menu.ctx-proj-menu.dropdown-menu-large .ctx-proj-col .flx-algn-cntr{
        display:flex;
    }
    #boardmenuli ul.dropdown-menu.ctx-proj-menu.dropdown-menu-large .ctx-proj-col .pd-rt-0{
        padding:0;
    }
        #boardmenuli ul.dropdown-menu.ctx-proj-menu.dropdown-menu-large .ctx-proj-col .pd-rt-0:last-child{
            margin:0;
        }
        #slide-navbar-collapse, #boardmenuli ul.dropdown-menu.ctx-proj-menu.dropdown-menu-large {
            background-color: #333;
        }

    ul.dropdown-menu.dropdown-menu-large.ctx-menu-lg.ctx-align-center.ctx-opened {
        background-color: #333;
        border-color: #484848;
    }
    #boardmenuli .ctx-projects li:not(.dropdown-header) a {
        color: #fff !important;
    }
    ul.dropdown-menu.dropdown-menu-large.ctx-menu-lg.ctx-align-center.ctx-opened li a {
        color: #fff;
        padding: 5px 30px !important;
        text-align: left;
    }

        ul.dropdown-menu.dropdown-menu-large.ctx-menu-lg.ctx-align-center.ctx-opened li {
            border-color: #484848;
            padding-left: 0;
            padding-right: 0;
        }

            ul.dropdown-menu.dropdown-menu-large.ctx-menu-lg.ctx-align-center.ctx-opened li:last-child {
                border: none;
            }


    #slide-navbar-collapse .ctx-navlist-left, #slide-navbar-collapse .ctx-nav-right {
        border-bottom: 1px solid #484848;
    }
}


@media only screen and (max-width: 425px) {
    #boardmenuli ul.dropdown-menu.ctx-proj-menu.dropdown-menu-large .ctx-proj-col .flx-algn-cntr {
        display: block;
    }
    #boardmenuli ul.dropdown-menu.ctx-proj-menu.dropdown-menu-large .ctx-proj-col .pd-rt-0 {
        padding: 5px;
    }
}