html,
body {
    color: #3c4043;
}
body {
    background-color: #f5f5f5 !important;
}

.e-questions li a {
    color: #333;
}
.e-questions li::before {
    color: #045193;
}
.e-questions li.completed::before {
    color: #28a745;
}
.e-questions li.not-yet-started::before {
    color: #dc3545;
}
.e-questions li.in-progress::before {
    color: #ffc107;
}

.wrap-input100 {
    border: 1px solid #dadce0;
}
.label-input100 {
    color: #3c4043;
}
textarea:focus,
input:focus {
    border-color: transparent !important;
}
.input100 {
    color: #3c4858;
}
    .focus-input100::after {
        color: #dadce0;      
    }
.the-legend {
    border-style: none;
    border-width: 0;
    color: #3c4858;
}
.the-fieldset {
    border: 0rem;
    border-top: 0.2rem solid #faca23;
}
.container .title {
    color: #3c4858;
}
div.card .card-header-primary {
    background: linear-gradient(60deg, #ab47bc, #7b1fa2);
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .2), 0 13px 24px -11px rgba(156, 39, 176, .6);
}
div.card .card-header-danger {
    background: linear-gradient(60deg, #ef5350, #d32f2f);
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .2), 0 13px 24px -11px rgba(244, 67, 54, .6);
}
    .nav-tabs .nav-item .nav-link.active {
        background-color: hsla(0, 0%, 100%, .2);
    }
    .nav-tabs .nav-item .nav-link {
        border: 0 !important;
        color: #fff !important;
    }
    .nav-tabs .nav-item .nav-link {
        color: #fff;
    }
::placeholder {
    color: #fff;
}
:-ms-input-placeholder {
    color: #fff;
}
::-ms-input-placeholder {
    color: #fff;
}
/*Button css*/
.red-btn {
    background-color: #d72718;
    color: #ffffff;
    border-color: #d72718;
}
    .red-btn:hover,
    .red-btn:focus {
        background-color: #d72718;
        color: #ffffff;        
    }
.red-text-clr {
    color: #d72718;
}
.cancel-btn {
    background-color: #0b2f47;
    color: #fff;
    border-color: #0b2f47;
}
    .cancel-btn:hover,.cancel-btn:focus {
        background-color: #faca23;
        color: #000;
        border-color: #faca23;
    }
body .cancel-btn:hover,body .cancel-btn:focus {
    background-color: #0b2f47 !important;
    border-color: #0b2f47 !important;
}
.yello-text-clr {
    color: #faca23;
}
.bg-primary {
    background-color: #007bff !important;
    border: 1px solid #007bff !important;
}
.yello-btn:hover {
    background: #f0c017;
}
/*--dashboard-wrap--*/
.navigation-wrap {
    background-color: #D72718;
}
.nav-right li a {
    color: #fff !important;
}
.nav-item.active.dropdown {
    background: #04325c;
}
.dropdown-menu {
    background-color: #04325c;
}
.dropdown-item:hover,
.dropdown-item:focus {
    background-color: #004a86;
}
.dropdown-item.active,
.dropdown-item:active {
    color: #04325c !important;
    background-color: #faca23;
}
.dropdown-item:hover,
.dropdown-item:focus {
    background-color: #faca23;
    color: #04325c !important;
}
.star {
    color: #0065b5;
}
.addtocard-btn {
    background-color: #0065b5;
    border-color: #0065b5;
}
.point-text {
    color: #04325c;
}
.primary-clr {
    color: #0a67ad;
}
    .transactionSummary span strong {
        color: #0a67ad;
    }
.thead-bluebg {
    background-color: #0065b5;
    border-top: 1px solid #629dcb;
    color: #fff;
}
.orderSummary .table th {
    border-top: 1px solid #dee2e6;
}
#myprofile-form .wrap-input100 {
    color: #444f63 !important;
    border-bottom: 1px solid #dadce0;
}
#myprofile-form input::placeholder {
    color: #444f63;
}
#myprofile-form input:-ms-input-placeholder {
    color: #444f63;
}
#myprofile-form input::-ms-input-placeholder {
    color: #444f63;
}
    #myprofile-form .proviens-select::after {
        background-color: #2892e6;
    }
    #myprofile-form .proviens-select select {
        background: #fff;
        color: #444f63;
        border: none;
    }
/*START pop-up CSS*/
.overlay {
    background: rgba(0, 0, 0, 0.7);
}
.popup {
    background: #fff;
}
.popup h2 {
    color: #333;
}
.popup .close {
    color: #333;
}
    .popup .close:hover {
        color: #06D85F;
    }

#divImg a .reward-hedding {
    background-color: rgba(255, 255, 255, 0.75);
}
#divImg a .reward-hedding {
    color: #3c4858 !important;
}
.button-details {
    background-color: #d72718;
    color: #ffffff;
}
.bdr-bottom {
    border-bottom: 1px solid #727272 !important;
}
.headline {
    color: #3c4858;
}
/*--START Sidebar CSS--*/
.cours-left {
    background-color: #222d32;
    color: rgba(255, 255, 255, 0.5);
}
.cours-left ul li a {
    color: #fff;
    border-bottom: 1px solid #003e77;
}
.cours-left ul li:hover a {
    background: #04325c;
}
.cours-left .k-treeview .k-item {
    color: #b8c7ce;
}
.k-treeview .k-in.k-state-hover,
.k-treeview .k-in:hover {
    color: #8aa4af;
    background: #2c3b41 !important;
}
#treeview_tv_active {
    color: #8aa4af;
    background: #2c3b41;
}
.k-treeview .k-in.k-state-selected,.k-treeview .k-in.k-state-selected:focus {
    background: #2c3b41 !important;
    color: #8aa4af !important;
}
#sidebar {
    background: #222d32;
    color: rgba(255, 255, 255, 0.5);
}
#sidebar .sidebar-header {
    background: #6d7fcc;
}
#sidebar ul.components {
    border-bottom: 1px solid #47748b;
}
#sidebar ul p {
    color: #fff;
}
#sidebar ul li a:hover {
    color: #7386D5;
    background: #fff;
}
#sidebar ul li.active > a,
a[aria-expanded="true"] {
    color: #fff;
    background: #6d7fcc;
}
button#sidebarCollapse {
    background: #d72718;
    color: #fff;
    border-color: #d72718;
}
/*--END Sidebar CSS--*/
input:-internal-autofill-selected {
    background-color: #ffffff;
    color: -internal-light-dark-color(black, white) !important;
}
#navbarColor01 ul li.k-state-hover a {
    color: #e6e6e6 !important;
    background-color: #d72718;
    border-color: #b6b6b6;
}
/*new login css*/
.login {
    border: 1px solid #d72718;
}
.login .wrap-input100 {
    border-bottom: 1px solid #dadce0;
}
/*START Footer CSS*/
.footer-links, footer .support-box i {
    color: #b5b8bc;
}
footer .support-box a:hover {
    color: #dfe9ef;
}
footer {
    background-color: #243b49;
    color: #fff;
}
#footer ul li a {
    color: #d8d8d8;
}
#footer ul li:hover a {
    color: #fff;
}
#footer .support-box span {
    color: #b5b8bc;
}
#footer .support-box span:hover a {
    color: #dfe9ef;
}
footer h3 {
    color: #fff;
}
ul ul a {
    background: #6d7fcc;
}
#content {
    background-color: #f4f6f6;
}
.k-button.k-primary,
.k-button.k-primary:hover {
    border-color: #d72718;
    color: #fff;
    background-color: #d72718;
}
.next-btn,.prev-btn {
    color: #1b1e21;
}
.k-progressbar .k-state-selected {
    border-color: transparent;
    color: #fff;
    background-color: #28a745 !important;
}
.dashboard-cr-box {
    color: #ffffff;
}
.dashboard-box1 {
    background-color: #195bbc;
}
.dashboard-box2 {
    background-color: #8c45ad;
}
.dashboard-box3 {
    background-color: #006D28;
}
.testuser .dropdown-menu {
    background-color: #d72718;
    border: 1px solid #d72718;
}
.mandatory {
    color: red
}
.bs-callout {
    border: 1px solid #eee;
    border-left-color: rgb(238, 238, 238);
}
.bs-callout-danger {
    border-left-color: #ce4844;
}
.bs-callout-danger h4 {
    color: #ce4844;
}
.course-details-banner .course-heading {
    background: rgba(0, 0, 0, 0.5);
    color: white;
}
.link-bread-crumb a {
    color: #222d32;
}
.link-bread-crumb i {
    color: #222d32;
}
.tab-content > .tab-pane .tab-content {
    border-left: solid 1px #dee2e6;
    border-right: solid 1px #dee2e6;
    border-bottom: solid 1px #dee2e6;
}
span.in-progress {
    color: #828282;
}
span.completed {
    color: #28a745;
}
span.in-progress {
    color: #ffc107;
}
span.not-yet-started {
    color: #dc3545;
}
.e-questions.q-parent li {
    border-top: 1px solid #ddd;
}
.e-questions.q-parent li i {
    border: 1px solid #222d32;
}
.video_buttons {
    background-color: #000;
}
    .video_buttons span {
        background-color: transparent;
        border: none;
    }
        .video_buttons span i {
  
            color: #000;
            background-color: #fff;
        }
.video_buttons {
    background-color: #000;
}
    .video_buttons span {
        background-color: transparent;
        border: none;
        color: #e6e6e6;
    }
.video_buttons i {
    color: #f3f3f3;
    background-color: transparent;
}
.video_buttons button {
    background-color: transparent;
    border: none;
}
div#divsubTabsList {
    background-color: rgb(22 22 22 / 82%);
}
    div#divsubTabsList input[type="textbox"] {
        border: 1px solid #8d8f90;
    }
input.next-btn {
    background: transparent;
}
.audio-container {
    border: 1px solid #ccc;
}
#audioControl {
    color: #000 !important;
}
.bg-grey {
    background-color: #e4e4e4;
    color: #000000;
}

.technoacordion ul li ul li p span:after {
    background-color: #222d32;    
}
.left-menu-active {
    color: #ffffff;
    background-color: #f1f1f1;
    display: block;
}
.top-menu-active {
    background: #f35800 !important;
    color: #ffffff !important;
}
#panelbar {
    background-color: #fff;
    border: 1px solid #ddd;
}
.teamMate img {
    border: 1px solid #ccc;
}
    #panelbar li.k-item.k-state-default table tr td {
        border-top: 1px solid #b3b3b3;
    }
    #panelbar li.k-item.k-state-default ul li {
        background: transparent;
    }
.k-panel > .k-item > .k-link,.k-panelbar > .k-item > .k-link {
    border-bottom-style: none;
}
.passcource-wrap {
    border: 0px solid #787878;
}
.pass-course-table-bg {
    background-color: rgb(255,255,255);
    opacity: 0.8;
   
 }
.pass-course-box1 {
    background-color: #17375e;
    padding: 35px;
    height: 200px;
    text-align: center;
    color: #ffffff;
    border-radius: 10px;
    border: solid 5px #f4f6f6
}
.pass-course-box2 {
    background-color: #D72718;
    padding: 35px;
    height: 200px;
    text-align: center;
    color: #ffffff;
    border-radius: 10px;
    border: solid 5px #f4f6f6
}
.pass-course-box3 {
    background-color: #57687a;
    padding: 35px;
    height: 200px;
    text-align: center;
    color: #ffffff;
    border-radius: 10px;
    border: solid 5px #f4f6f6
}

.passcource-inrcontent {
    border: 0px solid #787878;
}
.circle {
    background: #f2f2f2;
}
h4.mb-4 {
    background-color: #2c3b41;
}
.b-hedding {
    background-color: #2c3b41;
}
.A, .B {
    background-color: rgba(0,0,0,0.5);
}
.bg-15 {
    background-color: #15557d;
}