#login-header,#sign-header{
background-color : #f9c80e;
border-top :0px solid #fff;
}

.login-img-bg{
background-color : #f9c80e;
}

.login-header{
background-color : #f45c24;
border-left: 18px solid #f45c24;
border-right: 5px solid #f45c24;
}
    .login-img-bg{
    background :#f9c80e  url(https://d3jy9wj5xte6gl.cloudfront.net/lms-updated/ent_portal2/login/Diversity-with-Video-Interviews-1024x768-1_kqpa345.jpg) no-repeat top center; 
            background-repeat: no-repeat,no-repeat;
        background-position: center center,center center;
        background-size: cover,cover;
    

    background-attachment : fixed;
    } 
    #login-footer p{
    background-color: none!important;

    }
    #login-header {
    background:none!important;

    }
    #sign-header {
    background:none!important;

    }

.login-header h2{
color : #333333;
}
#forgot_password{
color : #f45c24;
}
#forgot_password:hover{
color : #000;
}

.btn_signup{
color : #f45c24;
}
.btn_signup:hover{
color : #000;
}


#login-footer, #login-footer p ,#login-footer2,#login-footer2 p{
color : #BFBFBF;
}

.icon-login-bg {	
color: #ffffff;	
}
.btn-new-large, .circlebox{
background-color : #f9c80e;
border-color : #f9c80e;
color : #000;
}

.btn-new-large:hover{
background-color : #edea47 !important;
border-color : #edea47;
color : #000;
}

.btn-new, .btn-lg:hover{
background-color : #fd0c0c !important;
border-color : #fd0c0c;
color : #000;
}

.btn-new, .btn-lg{
background-color : #fd0c0c;
border-color : #fd0c0c;
color : #f45c24;
}

.btn-new-large-gry:hover{
background-color : #fd0c0c;
border-color : #fd0c0c;
color : #000;
}

.btn-new-large-gry{
background-color : #fd0c0c;
border-color : #fd0c0c;
color : #f45c24;
}

.skin-blue .main-header .navbar{
background-color : #fff;
}

.skin-blue .main-header .logo-fixed,.skin-blue .main-header .static-logo{
background-color : #fff;
}

.skin-blue .main-header .navbar .nav > li > a:hover,.skin-blue .main-header .navbar .nav > li > a:active{
color : #f9c80e ;
}
.skin-blue .main-header .navbar .nav > li > a:hover i{
color : #f9c80e ;
}

.skin-blue .main-header .navbar .nav > li > a{
color : #212121;
}


.skin-blue .main-header .navbar .nav > li > a i,.send-mail .fa-envelope{
color : #212121;
}

.skin-blue .main-header .navbar .nav > li > a i:hover,.send-mail .fa-envelope:hover{
color : #f9c80e;
}
.truncate .showtx,  .truncate .hidetx{
color : #f9c80e;
}

.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side, .skin-blue .sidebar, #accordion2-option .circle-icon, .accordarrow .circle-icon {
background-color : #f45c24;
}
/* Assessment and Survey related code */
.assessment #sidebar-wrapper .currentActiveSection .status{
background : #f9c80e;
}
.assessment .btn-orange, .assessment .btnReset, #answersheet-body > .header, .assessment-instruction-page > .header, .assessment .header, .assessment .uploadBtn,.answersheet .header,.userprofile, .survey .header{
background-color : #f9c80e;
color : #000 !important;
}


.assessment  .orange,  .assessment .pagination > .done > a, .assessment .pagination > .done > a:focus, .assessment .pagination > .done > a:hover, .assessment .orange, #section_div .orange, .survey .orange{
color : #333; 
}

.assessment .pagination > .done > a, .assessment .pagination > .done > a:focus, .assessment .pagination > .done > a:hover{
border-color : #f9c80e; 
}

.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a, .skin-blue .sidebar-menu > li.active > a{
background-color : #f9c80e; 
}

.skin-blue .sidebar-menu > li:hover > a svg, .passportbox .nav-tabs > li a:hover svg, .passportbox .nav-tabs > li.active > a svg, .passportbox .nav-tabs > li.active > a:focus svg, .passportbox .nav-tabs > li.active > a:hover svg{
    fill : #f9c80e; 
}

.passportbox .nav-tabs > li a:hover, .passportbox .nav-tabs > li.active > a, .passportbox .nav-tabs > li.active > a:focus, .passportbox .nav-tabs > li.active > a:hover, .sessionbx .nav-tabs > li a:hover, .sessionbx .nav-tabs > li.active > a,  .sessionbx .nav-tabs > li > a.active, .sessionbx .nav-tabs > li.active > a:focus, .sessionbx .nav-tabs > li.active > a:hover {
background-color : #f9c80e !important; 
color:#000 !important; 
}
.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[aria-selected=true]:hover{
  background-color : #f9c80e !important; 
color:#000 !important;   
}
.passportbox .nav-tabs > li a:hover i, .passportbox .nav-tabs > li.active > a i{color:#000 !important;}
.passportbox .nav-tabs > .active > a::after, .sessionbx .nav-tabs > .active:after{
border-color: #f9c80e transparent !important; }

.box-dashticket i{
background-color : #f9c80e;
color : #000 !important;
}
.box-dashticket .box-header:hover i{
background-color : #edea47;
color : #000 !important;

}
.box-dashticket .box-header:hover .box-title span{color:#edea47 !important; }
.box-dashticket .box-header:hover{
background:#f9c80e; 
}
.ei-nav-container
{
background:#f9c80e; 
color : #000;
}
.ei-nav-container-2
{
background:#f9c80e; 
color : #000;
}
.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a > i, .passportbox .nav-tabs > li a:hover, .passportbox .nav-tabs > li.active > a, .passportbox .nav-tabs > li.active > a:focus, .passportbox .nav-tabs > li.active > a:hover{
color:#000 !important; 
}
.skin-blue .sidebar-menu > li:hover > a svg, .skin-blue .sidebar-menu > li.active > a{fill:#000 !important; }
.skin-blue .sidebar a, .skin-blue .treeview-menu > li > a{
color : #ffffff !important;
}

.skin-blue .sidebar .treeview a:hover{
color : #ffffff;
}

.skin-blue .sidebar-menu>li:hover>a{
background-color : #f9c80e; 
}
.skin-blue .sidebar-menu>li.active>a{
   background-color : #f9c80e !important; 
color:#000 !important; 
}

.skin-blue .main-header .navbar .sidebar-toggle{
color : #f9c80e;
}

.skin-blue .main-header .navbar .sidebar-toggle:hover{
color : #f9c80e;
}

.skin-blue .sidebar-menu > li > .treeview-menu{
background-color : #f9c80e; 
}

.skin-blue .treeview-menu > li > a:hover{
background-color : #f45c24; 
}

.skin-blue .treeview-menu > li > a{
color : #000;
}

.skin-blue .treeview .treeview-menu > li > a:hover{
color : #ffffff;
}


.content-fluid, .dark-bg, .inner-block, .inner-block-4, .inner-block-2, .inner-block-3,.content-bgwarp, .white-wrap-2{
background-color : #f6f6f6; 
}

.box-inner-headding, .skin-blue .box-inner-headding{
background-color : #f9c80e; 
}

.box-inner-headding h2{
color : #fff; 
}

.navbar-nav > .user-menu > .dropdown-menu > .user-body a,.skin-blue .navbar-nav > .user-menu > .dropdown-menu > .user-body a,#setting{
color : #f45c24; 
}

.navbar-nav > .user-menu > .dropdown-menu > .user-body a:hover,.skin-blue .navbar-nav > .user-menu > .dropdown-menu > .user-body a:hover,#setting:hover{
color : #000; 
}

.nav-tabs-custom > .nav-tabs > li.active > a > i, .nav-tabs-custom-new > .nav-tabs > li.active > a > i,.top-navemail a.active,fa,#search_enter i, .sessiontab .nav-tabs > li.active > a i, .mail_arrow
{
color : #f9c80e !important;
}

.nav-tabs-custom > .nav-tabs > li.active,.nav-tabs-custom-new > .nav-tabs > li.active
{
border-bottom: 3px solid #f9c80e;
}

.note-blue a ,.fa fa-edit{
color : #f9c80e !important;
}

.nav-tabs-custom > .nav-tabs > li.active::before,.nav-tabs-custom-new > .nav-tabs > li.active::before{
bottom:-13px;
font-family:"FontAwesome";
content: "\f0d7";
font-size:16px;
color:#f9c80e;
background:none;
}

#assignMaterial .nav-tabs > li.active, #assignMaterial .nav-tabs > li.active .round
{
border-bottom: 3px solid #f9c80e;
background-color:#f9c80e;
}

.bhoechie-tab-content .nav-tabs > li.active > a > i{
color : #f9c80e;
}

.icons-active .nav-tabs > li.active > a > i{
color : #f9c80e;
}

.date-wrap .input-group-addon i,.input-group-addon i,.search-warap i,.fa-envelope,.nav-tabs-custom > .nav-tabs > li.active > a > i, .nav-tabs-custom > .nav-tabs > li.active > a > i, .nav-tabs > li a i,  .icon-big-fillters, .filter-details p i, .export-pdf-btn i, .print-btn i, .organization-wrap i, .fa-share-alt::before{
color : #c6c8c8;
}
.filter-btn-custom{border-color:#c6c8c8 !important;}
.filter-btn-custom i, .filter-btn-custom .glyphicon{color:#f9c80e!important;}

.dd3-handle::before, .filter-icon,.skin-blue .share-btn,.share-btn span,.top-navemail a{
color : #c6c8c8 !important;
}

#assignMaterial .nav-tabs > li .round
{
background-color:#c6c8c8;
}
.leaderboard-details ul li div:first-child
{
background-color : #f45c24;
color : #ffffff;
}


/* While buttons replace with blue button */
.btn-transperant-blue:hover,.btn-white:hover, .btn-transperant:focus:hover,.btn-white-catalog:hover, .btn-default:hover{
background-color : #ffa463;
border-color: #ffa463;
color : #fff;
}
.assessment .btn-transperant-blue, .survey .btn-transperant-blue, .assessment .btn-blue, .survey .btn-blue,
.assessment .btn-transperant-blue:hover, .survey .btn-transperant-blue:hover, .assessment .btn-blue:hover, .survey .btn-blue:hover, .assessment-instruction-page .btn-save, .assessment-instruction-page .btn-save:hover, .assessment-instruction-page .btn-blue, .assessment-instruction-page .btn-blue:hover {
background-color : #f9c80e;
border: 1px solid #f9c80e;
color : #000 !important;
}
.btn-black {
  padding: 8px 20px;
  font-size: 14px;
  transition: all .3s linear 0s;
  -webkit-transition: all .3s linear 0s;
  -moz-transition: all .3s linear 0s;
  -ms-transition: all .3s linear 0s;
  -o-transition: all .3s linear 0s;
}
.btn-black {
background-color : #f45c24;
border: 1px solid #f45c24 !important;
color : #ffffff;
}

.btn-black:hover {
background-color : #ffa463 !important;
border: 1px solid #f45c24 !important;
color : #fff !important;
}

.assessment .btn-transperant-blue:hover, .survey .btn-transperant-blue:hover, .assessment .btn-blue:hover, .survey .btn-blue:hover, .assessment-instruction-page .btn-blue:hover, .assessment-instruction-page .btn-save:hover{opacity:0.8;}

.btn-transperant:focus{
background-color : #ffa463 !important;
border-color: #ffa463 !important;
color : #fff !important;
}

.dropdown .setting-drop li a:hover{
background-color:transparent !important;
color:#47b8f3 !important;
}

.btn-transperant-blue, .btn-white,.btn-transperant,.btn-file,.btn-white-catalog,.btn-default,.btn-tran{
background-color : #f45c24;
border-color: #f45c24 ;
color : #ffffff;
}

input.btn-transperant-blue, input[type=submit].btn-transperant-blue, button[type=button].btn-transperant-blue{
border-color: #f45c24 !important;
}
.AIbox .btn-transperant-blue{
border:1px solid #f45c24 !important;
}

input.btn-transperant-blue:hover, input[type=submit].btn-transperant-blue:hover, button[type=button].btn-transperant-blue:hover, .user-menu .btn-transperant-blue:hover{
color : #fff;
}

/*
.btn-transperant-blue:hover,.btn-file:hover,.btn-default:hover{
background-color : #ffa463 !important;
border-color: #ffa463 !important;
color : #fff !important;
}
.btn-default:hover{
background-color : #ffa463 !important;
border-color: #ffa463 !important;
color : #fff !important;
}
*/

.dropdown-menu>li.user-header>a{
color : #000;
}

/* End */

.skin-blue .btn-blue:hover,.btn-blue:hover,.btn-profile:hover,.btn-blue:hover, 
.btn-tra-catlog:hover,.btn-blue:focus,.btn-info:hover, .btn-info:focus,
.skin-blue .model-btn-pro:hover,.skin-blue .update-btn:hover,
.skin-blue .coupon-input-btn:hover,.back-btn:hover,
.sessiontt a:hover, .sessiontt .active, .assessment-tabs li.active a {
background-color : #edea47;
border-color: #edea47;
color : #000 !important;
}
.btn-info:hover, .btn-info:focus{
background-color : #edea47 !important;
border-color: #edea47 !important;
color : #000 !important;
}
.assessment .btn-orange:hover, .assessment .btnReset:hover, .assessment .uploadBtn:hover,  
.survey .btnReset:hover,  .assessment .btn-orange, .assessment .btnReset, .assessment .uploadBtn,  .survey .btnReset{
background-color: #3e3e3e;
border-color:  #3e3e3e;
color : #fff !important;
}
.assessment .btn-orange:hover, .assessment .btnReset:hover, .assessment .uploadBtn:hover,  
.survey .btnReset:hover{ opacity:0.8;}

.update-btn:disabled:hover{background-color : #f9c80e; color: #fff !important;}

.skin-blue .btn-blue, .btn-blue,a.btn-blue,.btn-profile,.btn-info,.btn-tra-catlog,.skin-blue .model-btn-pro,.skin-blue .update-btn,.skin-blue .coupon-input-btn,.back-btn,.progress-bar,  .object li a:hover, .object li .active, .nxtbtn, #leaderboard_next i, #leaderboard_prev i, .modal-fullscreen .closebtn, .modal-fullscreen .openbtn, .modal-fullscreen .closebtn:hover, .modal-fullscreen .openbtn:hover{
background-color : #f9c80e;
border: 1px solid #f9c80e;
color : #000 !important;
}

#pricePlans #plans .plan:hover .tophbg{
background-color : #f9c80e;
color : #000 !important;
}
.enterprise .tophbg, #pricePlans #plans .enterprise:hover .tophbg {
background: #f9c80e !important;
color : #000 !important;
}
#pricePlans #plans .enterprise:hover .tophbg{ opacity:0.6;}
#pricePlans #plans .plan:hover {border: 1px solid #f9c80e;}
#pricePlans #plans .plan:hover .tophbg *{color:#fff}
#pricePlans #plans .enterprise:hover {border: 1px solid #f9c80e;}
.enterprise .tophbg h2{color : #000 !important;}

.skin-blue .main-header .navbar .dropdown-menu li a.btn-blue,.skin-blue .btn-blue-catalog,.btn-blue-catalog,.btn-primary,.progress-bar{
background-color : #f9c80e;
border-color: #f9c80e;
color : #000;
}

.btn-tra {
background-color : #f9c80e;
border-color: #f9c80e;
color : #000;
}

#show_payumoney_details .modal-header{ background-color : #f9c80e; }
#show_payumoney_details .modal-header h4{ color : #000; }

.skin-blue .main-header .navbar .dropdown-menu li a.btn-blue:hover,.skin-blue .btn-blue-catalog:hover,.btn-blue-catalog:hover,.btn-primary:hover, .btn-primary:active:hover, .btn-primary:active, .btn-primary:active:focus, .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus {
background-color : #edea47;
border: 1px solid #edea47;
color : #000;
}

.navbar-nav .dropdown-menu > li > a
{
margin: 0 40px;
padding: 8px 20px !important;
}

.dropdown-menu > li > a:hover{
background-color : #edea47;
border-color: #edea47;
color : #000;
}

.btn-transperant-lg:hover,  .btn-transperant:focus{
border-color: #f9c80e;
color : #f9c80e;
background-color: transparent;
}
.btn-transperant-lg,  .event-title .join-now{
border-color: #fff;
color : #fff;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover{

background-color :  #f9c80e !important;
border-color: #f9c80e !important;

}

.pagination > li > a, .pagination > li > span,.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover{
<!-- border-color:  #edea47; -->
}
 
.pagination > li > a, .pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover{
color : #666;
}

.content-header > h1, .calendar-heading h1, .heading h1{
color : #212121;
}

.box-header > .fa, .box-header > .glyphicon, .box-header > .ion, .box-header .box-title, .sub-heading, .box-header, .skin-blue .box-title, .catlog-content h4, .skin-blue .course-content h1, .skin-blue .box-inner-2-headding h3, .skin-blue .learning-body h4, .team-name h2, .skin-blue .learning-body h4,.buttons-wrap span,.shoping-content h3{
color : #212121;
}
.list-body-content h2{
color : #212121;
}
th{
color : #212121;
}

.modal-title,.skin-blue .right-modal-po .modal-header h4,.modal-header{
color : #212121;
}

.main-footer{
background-color : #ffffff;
color : #000;
}
.main-footer p{
color : #000;
}

.bg-green, .callout.callout-success, .alert-success, .label-success, .modal-success .modal-body,.alert-postion{
background-color : #00a65a !important;
color : #fff !important;
border-color: #00a65a !important;
}

.bg-red, .callout.callout-danger, .alert-danger, .alert-error, .label-danger,.modal-danger .modal-body{
background-color : #dd4b39 !important;
color : #fff !important;
}

.alert-danger{
border-color: #dd4b39;
}

.bg-yellow,.callout.callout-warning,.alert-warning,.label-warning,.modal-warning .modal-body{
background-color : #f39c12;
color : #fff;
}

.alert-warning{
border-color: #f39c12;
}

.bg-aqua,.callout.callout-info,.alert-info,.label-info,.modal-info .modal-body{
background-color : #00c0ef;
color : #fff;
}

.alert-info{
border-color: #00c0ef;
}
#save_timezone{
background-color: #FFFFFF;
}
#save_timezone{
color: #888a8a !important;
}

.opacity-0 { opacity:0!important;}
.session p{
color : #363839;
}
.sessionDetails{
color : #363839;
}
.panel-default > .sessionHeading{
background-color : #919595 !important
}
.panel-default > .sessionHeadinghighlight{
background-color : #f9c80e !important;
color : #fff;
}
.session-title{
color : #fff;
}
.icon-green {
color: #4bcfbe !important;
}
.icon-blue {
color: #47b8f3 !important;
}
.icon-red {
color: #fe6d4b !important;
}
.icon-grey {
color: #8c8c8c !important;
}
.line-red {
background-color: #fe6d4b !important;
}
.line-green {
background-color: #4bcfbe !important;
}
.line-blue {
background-color: #47b8f3 !important;
}
.line-grey {
background-color: #8c8c8c !important;
}
.catlog-stript-grren{
border-left: 3px solid #4bcfbe !important;
}
.catlog-stript-red{
border-left: 3px solid #fe6d4b !important;
}
.catlog-stript-blue{
border-left: 3px solid #47b8f3 !important;
}
.catlog-stript-grey{
border-left: 3px solid #8c8c8c !important;
}
.catlog-stript-indigo{
border-left: 3px solid #1c60dd !important;
}
.orange-line{
border-left: 8px solid #fe6d4b !important;
border-top: 0px solid #fe6d4b !important;
}
.green-line{
border-left: 8px solid #4bcfbe !important;
border-top: 0px solid #4bcfbe !important;
}
.blue-line{
border-left: 8px solid #47b8f3 !important;
border-top: 0px solid #47b8f3 !important;
}
.grey-line{
border-left: 8px solid #8c8c8c !important;
border-top: 0px solid #8c8c8c !important;
}
.line-indigo{
border-left: 8px solid #1c60dd !important;
border-top: 0px solid #1c60dd !important;
}

@media (max-width:768px){
.login-img-bg{
background : #f9c80e  url(https://d3jy9wj5xte6gl.cloudfront.net/lms-updated/ent_portal2/login/Diversity-with-Video-Interviews-1024x768-1_kqpa345.jpg) no-repeat top center !important;
}

.orange-line{
border-left: 0px solid #fe6d4b !important;
border-top: 4px solid #fe6d4b !important;
}
.green-line{
border-left: 0px solid #4bcfbe !important;
border-top: 4px solid #4bcfbe !important;
}
.blue-line{
border-left: 0px solid #8c8c8c !important;
border-top: 4px solid #8c8c8c !important;
}
.grey-line{
border-left: 0px solid #47b8f3 !important;
border-top: 4px solid #47b8f3 !important;
}
.line-indigo{
border-left: 0px solid #1c60dd !important;
border-top: 4px solid #1c60dd !important;
}
}

.list-course-title.red_elearning{
border-left: 4px solid #fe6d4b !important;
}
.list-course-title.green_classroom{
border-left: 4px solid #4bcfbe !important;
}
.list-course-title.blue_webinar{
border-left: 4px solid  #47b8f3 !important;
}
.list-course-title.grey_learning_path{
border-left: 4px solid  #8c8c8c !important;
}
.list-course-title.indigo_course_bundle{
border-left: 4px solid  #1c60dd !important;
}
.poptt_elearning{
border-left: 4px solid #fe6d4b ;
}
.poptt_classroom{
border-left: 4px solid #4bcfbe ;
}
.poptt_webinar{
border-left: 4px solid #47b8f3 ;
}
.poptt_learning_path{
border-left: 4px solid #8c8c8c ;
}
.skin-blue .treeview-menu > li.active > a, .skin-blue .treeview-menu > li > a:hover{
background-color : #f45c24; 
color : #ffffff;
}
.catlog-favicon-green{
color: #4bcfbe !important;
}
.catlog-favicon-red{
color: #fe6d4b !important;
}
.catlog-favicon-blue{
color: #47b8f3 !important;
}
.catlog-favicon-grey{
color: #8c8c8c !important;
}
.catlog-favicon-indigo{
color: #1c60dd !important;
}
.popup-catlog-favicon-green{
border-left: 4px solid #4bcfbe  !important;
}
.popup-catlog-favicon-red{
border-left: 4px solid #fe6d4b !important;
}
.popup-catlog-favicon-blue{
border-left: 4px solid #47b8f3 !important;
}
.popup-catlog-favicon-grey{
border-left: 4px solid #8c8c8c !important;
}
.popup-catlog-favicon-indigo{
border-left: 4px solid #1c60dd !important;
}
.popup-datewrapbox-favicon-green{
background:#4bcfbe !important;
}
.popup-datewrapbox-favicon-red{
background:#fe6d4b!important;
}
.popup-datewrapbox-favicon-blue{
background: #47b8f3 !important;
}
.popup-datewrapbox-favicon-grey{
background:#8c8c8c !important;
}
.popup-datewrapbox-favicon-indigo{
background:#1c60dd !important;
}

#accordion .panel-title a i,input:checked + .slider:before{
background-color : #f9c80e;
border: 3px solid #f9c80e;
}
.slider:before{
border: 3px solid #f9c80e;
}

<!--.hide_show{

 color: ;
}
.toggleHide i{
 background-color: ;

}
.toggleHide i{
 background-color: ;
 color: ;
}
.toggleHide i{
 background-color: ;

}
.toggleHide i{
 background-color: ;

}-->

.pricetop{
color: #f9c80e;
}
.green_elearning_catalog_strip li{
border-left: 3px solid #4bcfbe !important;
}
.red_elearning_catalog_strip li{
border-left: 3px solid #fe6d4b !important;
background:#fff !important;
}
.blue_elearning_catalog_strip li{
border-left: 3px solid #47b8f3 !important;
background:#fff !important;
}
.grey_elearning_catalog_strip li{
border-left: 3px solid #8c8c8c !important;
background:#fff !important;
}

.sortdropdown .icon-big-fillters, #getLearnersDetails .glyphicon-filter.icon-small-fillters, .heading .icon-big-fillters{
color : #f9c80e !important;
}
.sortdropdown  .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a {
background-color :  #f9c80e;
color:#000; 
}
#search_helper,#search_icon,#search_helper_global{ color:#f9c80e;  }

.sortdropdown  .dropdown-menu > li > a:hover{
background-color : #f9c80e; 
color : #ffffff;
}
.switchbx-container .active{
background:#f9c80e!important;
}


.text-not-started {
color: #DD0000 !important;
}
.text-in-progress {
color: #FF8000 !important;
}
.text-completed {
color: #009900 !important;
}
.text-not-completed {
color: #707070 !important;
}
.blackopacity .bordclass {
border-top: 1px solid #f45c24;
}

.btn-overflow i, .toggle_ann i, .password-tooltip label.fa-exclamation-triangle, .pwd-icon-tooltip i, .pwd-icon-tooltip.icon-addon:hover .glyphicon, .pwd-icon-tooltip.icon-addon:focus .glyphicon, .pwd-icon-tooltip.icon-addon:active .glyphicon  {
background-color : #f9c80e !important;
color : #000 !important;

}
.btn-overflow {
color : #f45c24;
}


.headshadow{
<!--    background: -moz-linear-gradient(top, rgba(0,0,0,0.78) 0%, rgba(0,0,0,0.78) 1%, rgba(255,255,255,0.7) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.78) 0%,rgba(0,0,0,0.78) 1%,rgba(255,255,255,0.7) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.78) 0%,rgba(0,0,0,0.78) 1%,rgba(255,255,255,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7000000', endColorstr='#00000000',GradientType=0 );-->
background: -moz-linear-gradient(top, rgba(255,255,255,0.6) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0.6) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0.6) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
position: absolute;
width: 100%;
height: 130px;
}

.brdcrumbarrow{color : #000;}
.brdcrumblink{color : #212121 !important;}
.brdcrumb a{ color: #212121 !important;}
.brdcrumb a:hover{ opacity: 0.6 !important;}

/*--- strech to fit and crop to fit story-2151 ---*/
#bgvid {
position: fixed;
top: 0; right: 0; bottom: 0; left: 0;
overflow: hidden;
}
#bgvid  {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}




/* 1. No object-fit support: */
    @media (min-aspect-ratio: 16/9) {
    #bgvid  { height: 300%; top: -100%; }
    }
    @media (max-aspect-ratio: 16/9) {
    #bgvid  { width: 300%; left: -100%; }
    }

/* 2. If supporting object-fit, overriding (1): */
@supports (object-fit: cover) {
#bgvid  {
top: 0; left: 0;
width: 100%; height: 100%;
    object-fit: cover;

}
}
/*--- story-2151 ---*/
top-navemail a{ color: #f9c80e;}
/*--- story 2256 announcement content branding changes ---*/
#announcement_content h4.string-limit-name a{
color : #212121;
}
/*--- story 2256 announcement content branding changes ---*/

/*--- story-2297 ---*/
input:checked + .slider.round::before, .glyphicon.glyphicon-triangle-right{
background: #f9c80e !important;
}




div.bhoechie-tab-menu div.list-group > a .fa, div.bhoechie-tab-menu div.list-group > a .glyphicon,
 {
color: #ffffff;
background-color : #f45c24;
}

div.bhoechie-tab-menu div.list-group > a.active, 
div.bhoechie-tab-menu div.list-group > a.active .fa, 
div.bhoechie-tab-menu div.list-group > a.active .glyphicon{
color:#000  !important; 
}
div.bhoechie-tab-menu div.list-group > a{
color: #ffffff;
background-color : #f45c24;
}

div.bhoechie-tab-menu div.list-group > a.active, 
div.bhoechie-tab-menu div.list-group > a.active .fa, 
div.bhoechie-tab-menu div.list-group > a.active .glyphicon {
background: #f9c80e !important;
color:#000 !important; 
}
div.bhoechie-tab-menu div.list-group > a:hover, 
div.bhoechie-tab-menu div.list-group > a:hover .fa, 
div.bhoechie-tab-menu div.list-group > a:hover .glyphicon{
background: #f9c80e; !important;  
color : #ffffff;
}

div.bhoechie-tab-menu div.list-group > a.active::after {
border-left: 8px solid #f9c80e !important;
color:#000 !important; 
}
.checktick{color: #f9c80e !important;}

/*
* Style added for story-2289 marketing calendar (Learner Side)
* @author  Onkar S.
*/
.ei-nav-container, .ei-nav-container-2, .ei-nav-container-mcal
{
background:#f9c80e; 
color : #000;
}



.cus-content .list-group .list-group-item active{
background: #f9c80e; !important;
}


/*----story-2291---*/
.cert_chart_valid{
color: #009900 
}
.cert_chart_expired{
color: #DD0000 
}
.cert_chart_about_to_expire{
color: #FF8000 
}
#display_cc_count_span, #display_count_span, #display_to_count_span
{
color : #f9c80e !important;
cursor: pointer;
}
#search_enter:hover, #action_value:hover, .mail_arrow:hover{
cursor: pointer;
}
.text-orangee {color:#fe6d4b}
.comment-body .input-group-addon i{color : #f9c80e;}
.survey .pagination > .done > a, .survey .pagination > .done > a:focus, .survey .pagination > .done > a:hover, 
.assessment .pagination > .done > a, .assessment .pagination > .done > a:focus, .assessment .pagination > .done > a:hover{
border: 1px solid #333;  
}

/* Start For IE BB theme css */
.bbthemesurvey.survey .header, .bbthemesurvey.assessment .header {
color: var(--btn-textcolor) !important; 
background-color: var(--color-primary) !important;
}
.bbthemesurvey.survey .header .close .fa-times, .bbthemesurvey.assessment .header .close .fa-times {
color: var(--color-primary)!important;
}
.bbthemesurvey.survey .btn-save, .bbthemesurvey.survey .btn-cancel, .bbthemesurvey.assessment .btn-save, .bbthemesurvey.assessment .btn-cancel {
color:var(--btn-textcolor)!important;

}
.bbthemesurvey.survey .orange, .bbthemesurvey.assessment .orange{ color:#333  !important;}
.bbthemesurvey.survey .pagination>.done>a, .bbthemesurvey.survey .pagination>.done>a:focus, .bbthemesurvey.survey .pagination>.done>a:hover,
.bbthemesurvey.assessment .pagination>.done>a, .bbthemesurvey.assessment .pagination>.done>a:focus, .bbthemesurvey.assessment .pagination>.done>a:hover
{
color: #333 !important;
border-color: #333 !important;
}
.bbthemesurvey.survey .btnReset, .bbthemesurvey.assessment .btnReset{
background-color: var(--color-tertiaryDark) !important;
color: var(--color-white) !important;
border:0px !important;
}
.bbthemesurvey.assessment .btnReset:hover, .bbthemesurvey.assessment .btnReset:focus, .bbthemesurvey.assessment .btnReset:active:hover,
.bbthemesurvey.survey .btnReset:hover, .bbthemesurvey.survey .btnReset:focus, .bbthemesurvey.survey .btnReset:active:hover
{
background-color: var(--color-tertiaryDark) !important;
color: var(--color-white) !important;
opacity:0.6;
border:0px !important;
}
.bbthemesurvey.assessment .btn-orange, .bbthemesurvey.survey .btn-orange
{ background: var(--color-primary) !important; color:var(--btn-textcolor); }
.bbthemesurvey.survey .btn-default:hover, .bbthemesurvey.assessment .btn-default:hover {    background: var(--color-primary) !important;}
.bbthemesurvey.survey .btn-save:hover, .bbthemesurvey.survey .btn-cancel:hover,  .bbthemesurvey.assessment .btn-save:hover, .bbthemesurvey.assessment .btn-cancel:hover{
color:var(--btn-textcolor)!important;
}
.bbthemesurvey.assessment .btn-save, .bbthemesurvey.survey .btn-save {
background: var(--color-primary)!important;
color:var(--btn-textcolor)!important;
}
.bbthemesurvey.survey .btn-save:hover,
.bbthemesurvey.assessment-instruction-page .btn-save:hover{
background-color:var(--color-primary) !important;
border-color: var(--color-primary) !important;
color: var(--btn-textcolor) !important;
}

.bbthemesurvey.survey .btn-transperant-blue, 
.bbthemesurvey.survey .btn-white,
.bbthemesurvey.survey .btn-transperant,
.bbthemesurvey.survey .btn-file,
.bbthemesurvey.survey .btn-white-catalog, 
.bbthemesurvey.survey .btn-default,
.bbthemesurvey.survey .btn-tran,
.bbthemesurvey.assessment .btn-transperant-blue, 
.bbthemesurvey.assessment .btn-white,
.bbthemesurvey.assessment .btn-transperant,
.bbthemesurvey.assessment .btn-file,
.bbthemesurvey.assessment .btn-white-catalog, 
.bbthemesurvey.assessment .btn-default,
.bbthemesurvey.assessment .btn-tran{
background-color: var(--color-primary) !important;
border-color: var(--color-primary) !important;
color:  var(--btn-textcolor) !important;
}
.bbthemesurvey.survey .btn-transperant-blue,
.bbthemesurvey.survey .btn-white,
.bbthemesurvey.survey .btn-transperant,
.bbthemesurvey.survey .btn-file, 
.bbthemesurvey.survey .btn-white-catalog, 
.bbthemesurvey.survey .btn-default,
.bbthemesurvey.survey .btn-tran,
.bbthemesurvey.assessment .btn-transperant-blue,
.bbthemesurvey.assessment .btn-white,
.bbthemesurvey.assessment .btn-transperant,
.bbthemesurvey.assessment .btn-file, 
.bbthemesurvey.assessment .btn-white-catalog, 
.bbthemesurvey.assessment .btn-default,
.bbthemesurvey.assessment .btn-tran{
background-color: var(--color-primary) !important;
border-color: var(--color-primary) !important;
color: var(--btn-textcolor) !important;
}
.bbthemesurvey.survey .btn-blue:hover,
.bbthemesurvey.survey  .btn-transperant-blue:hover,
.bbthemesurvey.survey  .btn-white:hover, 
.bbthemesurvey.survey  .btn-transperant:focus:hover, 
.bbthemesurvey.survey  .btn-white-catalog:hover
.bbthemesurvey.survey .skin-blue .btn-blue,
.bbthemesurvey.survey .btn-blue, .bbthemesurvey.survey a.btn-blue,
.bbthemesurvey.survey .btn-profile,
.bbthemesurvey.survey .btn-info,
.bbthemesurvey.survey .btn-tra-catlog, 
.bbthemesurvey.survey .skin-blue .model-btn-pro,
.bbthemesurvey.survey .skin-blue .update-btn,
.bbthemesurvey.survey .skin-blue .coupon-input-btn,
.bbthemesurvey.survey .back-btn,
.bbthemesurvey.survey .progress-bar,
.bbthemesurvey.survey .btn-orange,
.bbthemesurvey.survey .uploadBtn,
.bbthemesurvey.survey .assessment-instruction-page .btn-save,
.bbthemesurvey.assessment-instruction-page .btn-save,
.bbthemesurvey.survey .object li a:hover,
.bbthemesurvey.survey .object li .active,
.bbthemesurvey.assessment .btn-blue:hover,
.bbthemesurvey.assessment  .btn-transperant-blue:hover,
.bbthemesurvey.assessment  .btn-white:hover, 
.bbthemesurvey.assessment  .btn-transperant:focus:hover, 
.bbthemesurvey.assessment  .btn-white-catalog:hover
.bbthemesurvey.assessment .skin-blue .btn-blue,
.bbthemesurvey.assessment .btn-blue, .bbthemesurvey.assessment a.btn-blue,
.bbthemesurvey.assessment .btn-profile,
.bbthemesurvey.assessment .btn-info,
.bbthemesurvey.assessment .btn-tra-catlog, 
.bbthemesurvey.assessment .skin-blue .model-btn-pro,
.bbthemesurvey.assessment .skin-blue .update-btn,
.bbthemesurvey.assessment .skin-blue .coupon-input-btn,
.bbthemesurvey.assessment.back-btn,
.bbthemesurvey.assessment .progress-bar,
.bbthemesurvey.assessment .btn-orange,
.bbthemesurvey.assessment .uploadBtn,
.bbthemesurvey.assessment-instruction-page .btn-save,
.bbthemesurvey.assessment .object li a:hover,
.bbthemesurvey.assessment .object li .active {
background-color: var(--color-primary) !important;
border: 1px solid var(--color-primary) !important;
color: var(--btn-textcolor) !important;
}

/* End For IE BB theme css */

.assessment-instruction-page > .mobileappheader{
background-color : #f9c80e !important;
color:#000; 
}

.message.info .message-info > h4, .message.success .message-info > h4, .message.warning .message-info > h4, .message.danger .message-info > h4, .message.dark .message-info > h4, .message-top a, .contacts li .message-count, .message .message-info > h4
{color:  #f9c80e;}
.contacts li.active .message-count, .contacts.info li.active .message-count{
background-color :  #f9c80e;  
color : #000 ;
}
.checkmark{ background-color: #f9c80e !important;}
.TriSea-technologies-Switch > label::after{background: #f9c80e;  border-color: #f9c80e;  }
.selectThemeWrapper .img_overlay{border:2px solid #f9c80e; }
.customCheckBoxWrap .checkmark:after{    border: solid #000;}

.boxtab a:hover, .boxtab .selected{    
border: 1px solid #f9c80e !important;
background: #f9c80e !important;}
.panel-body h2, .attachment,  .panel-title a{color : #f45c24 !important;}
#admin_profile_modal .panel-title a, .learnerProfile.modal .panel-title a {
    color: #000 !important;
}
#admin_profile_modal .panel-default>.panel-heading, .learnerProfile.modal .panel-heading.modal-header{background-color :  #f9c80e }
.loader1 span:nth-child(1), .loader1 span:nth-child(2), .loader1 span:nth-child(3), .loader1 span:nth-child(4), .loader1 span:nth-child(5){
background: #f9c80e;
}
.icon-usersum, .icon-coursesum{color: #f9c80e !important;}
.tophbg h3, .pricereview .pricefont{color: #f9c80e;}
#pricePlans #plans .plan:hover .tophbg h3, #pricePlans #plans .plan:hover .planContainer .title h2{#000 !important;}
.email-body .bootstrap-tagsinput .tag, .tasktrackuser .tag{
background-color : #f9c80e;
}
.sidepanel a:hover img, .sidepanel .on a img{border: 2px solid #f9c80e;}

.module-img svg{ 
fill : #f9c80e; 
stroke: #f9c80e; }
.wizard li.active span.round-tab{
background-color : #f9c80e;
border-color: #f9c80e;
}
.AIbox .wizard li.active span.round-tab svg{fill: #000;}
.wizard li.active span.round-tab i{color : #000;}
.wizard li span.round-tab{ 
background-color : #f45c24;
border:1px solid #f45c24;

}
.wizard li span.round-tab i, .AIbox .wizard li span.round-tab svg{color : #ffffff;}
.ui_qckBrndng .collapse.in{border-left: 2px solid #f9c80e;}
.skin-blue .sidebar a{
color : #ffffff !important;
}
.skin-blue .sidebar a svg{
fill : #ffffff !important;
}
.skin-blue .treeview-menu > li > a{
color : #000 !important;
}
.skin-blue .sidebar .active a svg{
fill : #000 !important;
}
.skin-blue .treeview-menu > li.active > a, .externalcertificatenav.active div{
color : #000 !important;
}
.skin-blue .treeview-menu > li > a:hover{
color : #ffffff !important;
}
.panel-heading .accordion-toggle:after{
background:#f9c80e;
color : #000;
}
.panel-heading .panel-title a[aria-expanded="true"]::after{ 
background:#f45c24;
color : #ffffff;}
.redHeart {
background-color : #f9c80e;
color : #000 !important;
}

.nav-status a:hover, .nav-status .active {
color: #f9c80e;
border-bottom: 3px solid #f9c80e;
}
.nav-status a:hover svg, .nav-status .active svg{fill: #f9c80e;}
ul.checkout-bar li.active { color:#f9c80e;}
ul.checkout-bar li.active:before, ul.checkout-bar li.visited:after, ul.checkout-bar li.visited::before
{ background: #f9c80e;}
ul.checkout-bar li.active a, ul.checkout-bar li.visited a {
color:#f9c80e;
} 



<!--.pie {   background-image: linear-gradient(to right, transparent 50%,  0) !important;}-->
.sk-circle .sk-child:before {  background-color: #f9c80e;}
.nav-tabs-custom > .nav-tabs > li.active > a > i svg{
fill : #f9c80e !important;  
}
.nav-tabs > li a i svg{fill : #c6c8c8 !important;  }

.nav-tabs-custom .nav-tabs > li > a > svg{
fill : #c6c8c8;
}
.nav-tabs-custom > .nav-tabs > li.active > a > svg, .nav-tabs-custom-new > .nav-tabs > li.active > a > svg
{
fill : #f9c80e !important;
}
.onbookmark{
border-left: 4px solid #f9c80e !important;
background: #f9f9f9;
}
select, .ms-choice{
   background-image:
    linear-gradient(45deg, transparent 50%, #666 60%),
    linear-gradient(135deg, #666 40%, transparent 50%) !important;
  background-position:
   calc(100% - 15px) 15px, calc(100% - 10px) 15px, 100% 0 !important;
  background-size: 6px 6px, 6px 6px !important;
  background-repeat: no-repeat !important;
  -webkit-appearance: none;
  -moz-appearance: none; 
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
    border-color: #666 transparent transparent transparent !important;
}
#fields{ <!-- background-position: calc(100% - 12px) 8px, calc(100% - 6px) 8px, 100% 0 !important; --> padding: 2px !important;}
.bookmark_object a i{ color: #f9c80e !important;}
.trialhd select {
     background-image:
    linear-gradient(45deg, transparent 50%, #666 60%),
    linear-gradient(135deg, #666 40%, transparent 50%) !important;
  background-position:
   calc(100% - 12px) 12px, calc(100% - 7px) 12px, 100% 0 !important;
  background-size: 6px 6px, 6px 6px !important;
  background-repeat: no-repeat !important;
  -webkit-appearance: none;
  -moz-appearance: none; 
}

.badgescroll .carousel-control>.fa{color: #f9c80e !important;}
.discussion-forumbx li .liked .fa-thumbs-up, .forum-wrap-pannel .liked, .liked{color:#f9c80e !important;}
.email-list ul.list-unstyled li a{border-right: 2px solid #f9c80e !important;}
.clsvg{fill: #f9c80e;}
.add_dropdown_option, .add_dropdown_option_body {color: #f9c80e !important;}
.box-blue{background: #f9c80e !important;
color: #000 !important;}

.datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover {
    
    background-color: #f9c80e!important;
    border-color: #f9c80e!important;color:#fff;
}
.icon-schedule-iocn{fill: #f9c80e !important;}
#email_body button, #email_body button:hover {
background-color : #f9c80e !important;
border: 1px solid #f9c80e !important;
color : #000 !important;
}


.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover{
    background-color: #f9c80e!important;
}
.assessment-tabs li a{border: 1px solid #f9c80e !important; 
color : #f9c80e !important;}
.assessment-tabs li.active a{
    background-color : #f9c80e !important;
border: 1px solid #f9c80e !important;
color : #000 !important;
}
 .assessment-tabs li.active a::after{ border-left: 8px solid #f9c80e !important;}
.assessment-tabs li.active a i{color:#000 !important;}
.stepwizard-step .btn-circle .fa-envelope{color: #000 !important;}

.color-brand {color: #f9c80e !important;}
.graytabs .nav-pills>li.active>a i{color : #f9c80e !important;}
.option-input:checked::before {background-color: #f9c80e !important;}
.bgchecklist .close, .checklistclose{background-color : #f9c80e !important;
color : #000 !important;}


#chatbot_modal .panel-default{background: #f9c80e!important; color:#000 !important;} 
#chatbot_modal2 .panel-default{background: #f9c80e!important; color:#000 !important;} 

#chat-message-window .icon-fly{ fill:#f9c80e }
#chat-message-window2 .icon-fly{ fill:#f9c80e }
.icon-tasktracker{
fill : #212121;
}
.heading h1 .fa-dashboard{color : #212121 !important;}
  .sidepanel .ftbutton{color : #f9c80e !important;}
.toggle-arrow:after{background: #f9c80e }

.status-progress.inprogress {border:1px solid #FF8000}
.inprogress .status-progress-fill {background: #FF8000; border-color:#FF8000 }

.status-progress.completed {border:1px solid #009900}
.completed .status-progress-fill {background: #009900; border-color:#009900}

.status-progress.notstarted {border:1px solid #DD0000}
.notstarted .status-progress-fill {background: #DD0000; border-color:#DD0000}

.status-progress.notcompleted {border:1px solid #707070}
.notcompleted .status-progress-fill {background: #707070; border-color:#707070}

.toggle-arrow.active:after {
    background: #212121;
}
.heading h1 .btn-blue i{color: #000 !important;}
.heading h1 .btn-blue:hover i{color: #000 !important;}
.sectionfolder.folder-wrap li.active:after{  border-left: 8px solid #f9c80e !important;}
.sectionfolder.folder-wrap li.active{    border-right: 2px solid #f9c80e !important;}
#embedding_success i {color: #f9c80e !important;}
#embedding_error i {color: #f9c80e !important;}
.card-uploaded a {color: #f9c80e !important;}

.list-group-item.active:focus, .list-group-item.active:hover, div.list-group .list-group-item.active {
    background: #f9c80e !important;
    color:#000 !important; 
}
div.list-group .list-group-item{
    color: #ffffff;
    background-color : #f45c24;
    margin-right : 10px;
}
div.list-group .list-group-item.active::after {
    border-top: 6px solid #f9c80e !important;
}
.user-body li a:hover, .user-body li a{background:transparent !important;}
.wizard .visited span.round-tab {
 background-color : #fff;
border-color: #f9c80e;
}
.AIbox .wizard .visited span.round-tab svg{fill: #f9c80e !important;}
.otpinput:focus{ border-color:  #f45c24 !important; }
#resendCode{color:  #f45c24 !important;}