@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900');
@import url('https://fonts.googleapis.com/css2?family=Archivo+Narrow:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900');
@import url('https://fonts.googleapis.com/css2?family=Archivo+Narrow:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700');

.body-style {
	font-family: 'Archivo Narrow', sans-serif;
        font-weight:400;
		font-style:normal;
}
.zclm-player-body-style {
	font-family: 'Archivo Narrow', sans-serif;
        font-weight:400;
	font-style:normal;
}
.zclm-player-body-style .select2-container {
	font-family: 'Roboto', sans-serif;
        font-weight:700;
	font-style:normal;
}

.zclm-player-body-style-nav {
        font-family: 'Roboto', sans-serif;
        font-weight:700;
	font-style:normal;
}
#LessonDetails .redactor-styles {
        font-family: 'Archivo Narrow', sans-serif;
        font-weight:400;
	font-style:normal;
}

.body-style  .dynamic-heading,
.content-style  .dynamic-heading{
	font-family: 'Roboto', sans-serif;
        font-weight:700;
		font-style:normal;
}

.body-style  .dynamic-text, .body-style  .dynamic-link, .body-style  .dynamic-button{
	font-family: 'Archivo Narrow', sans-serif;
        font-weight:400;
		font-style:normal;
}

.header-style {
	background-color:#ffffff ;
	color:#081150 ;
}

.header-style .dynamic-text{
        color:#081150;  }

 .header-style .dynamic-button{
        background-color:#6e6e6e ;
        border-color:#dedcda;
	color:#081150;
 }

 .header-style .dynamic-button:hover{
        background-color:#dedcda;
        border-color:#dedcda;
        color:#555555;
 }

 .header-style a.dynamic-link{
        color:#555555;
 }

 .header-style a.dynamic-link:hover{
        color:#081150;
 }

 .header-style .notification-bell{
        color:#555555 !important;
 }


 .content-style {
	background-color:#ffffff ;
	color:#081150;
 }

.content-style .dynamic-text{
        color:#081150;
 }

 .content-style .dynamic-button{
        background-color:#dedcda ;
        border-color:#dedcda;
	color:#555555;
        text-decoration:none;
 }

 .content-style .dynamic-button:hover{
        background-color:#555555;
        border-color:#555555;
        text-decoration:none;
 }

 .content-style a.dynamic-link{
        color:#dedcda;
 }
 .content-style a.dynamic-link:hover{
        color:#081150;
 }

 .content-style .dynamic-heading{
        color:#081150;
 }
 .content-style .dynamic-border {
 border:1px solid #dedcda;
 }
 .content-style .dynamic-text-color {
 color:#dedcda;
 }
 .content-style .dynamic-border-bottom-color {
 border-bottom:1px solid #dedcda;
 }
 


.footer-style {
	background-color:#ffffff ;
	color:#081150;
 }

.footer-style .dynamic-text{
        color:#081150;
 }

 .footer-style .dynamic-button{
        background-color:#6e6e6e;
        border-color:#dedcda;
	color:#081150;
 }

 .footer-style .dynamic-button:hover{
        background-color:#dedcda;
        border-color:#dedcda;
        color:#555555;
 }

 .footer-style a.dynamic-link{
        color:#555555;
 }
 .footer-style a.dynamic-link:hover{
        color:#081150;
 }



.trainee-header {
    background: #ffffff !important;
        border-color:#dedcda;
	color:#081150;
 }

 .footer-style .dynamic-button:hover{
        background-color:#dedcda;
        border-color:#dedcda;
        color:#555555;
 }

 .footer-style a.dynamic-link{
        color:#555555;
 }
 .footer-style a.dynamic-link:hover{
        color:#081150;
 }

 .footer-style a.dynamic-link-icon{
        color:#555555;
 }
 .footer-style a.dynamic-link-icon:hover{
        color:#081150;
 }



.trainee-header {
    background: #ffffff !important;
    border: 0px!important;
 }

.trainee-header a {
    color: #555555 !important;
    font-size:16px !important;
    margin-left:10px !important;
    font-weight:600 !important;
 }

.side-menu-list .selected {
    background:#d6d9e0 !important;
    border-left:2px solid #ffffff  !important;
 }


 

 .sgreen{
    background:#555555 ! important ;
    color:#555555 ! important ;
    border: 1px solid #555555;
}

.navbar-cls-top {
    background:#555555 ! important ;
    color:#555555 ! important ;

}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
    border-bottom: 2px solid #555555 ! important ;
}
.bktocur:hover{
    color:#555555 ! important ;
}
#titleHolder{
    color:#081150 ! important ;
}
#myBar {

    background:#555555 ! important ;
}

.zenstyle .header-logo .navbar-nav li a::before {
    content: "";
    position: absolute;
    width: 70%;
    height: 1px;
    bottom: 20px;
    left: 15%;
    background-color: #555555  !important;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}



.next-content{
    background:#555555 ! important ;
}

.course-timeline>.active, .course-section:hover{
    background-color:#f2f2f2 ! important ;
}

.course-timeline>.lessons>ul>li:hover {
    background-color: #fafafa ! important ;
    color: #555555;
}
.course-timeline>.lessons>ul>li.active {
    background-color: #f2f2f2 ! important ;
}

.navbar-left{
    background: #fcfcfc ! important ;
}

a.status-completed{
    background: #f2f2f2 ! important ;
}
.select2-container--default .select2-selection--single{
    border: 1px solid #cccccc ! important;
}
.content-area{
    box-shadow: 0px 6px 10px 4px #f2f2f2 ! important ;
}
.content-wrapper > .next-content {
    border: 5px solid #e6e6e6 ! important ;
    color: #555555 ! important ;
}

.select2-container--default .select2-selection--single,.select2-dropdown,.select2-container--default .select2-search--dropdown .select2-search__field{
    border: 1px solid #e6e6e6 ! important ;
}

.select2-results__option.select2-results__option--highlighted,.select2-container--default .select2-results__option--highlighted[aria-selected]{
    background-color: #e6e6e6 ! important ;
    color:#464646;
}

.course-stage a{
    border: 1px solid #555555 ! important ;
    color: #fff ! important ;
}

.course-pricing ul.plan-details:hover{
    box-shadow: 0 0 10px #f2f2f2 ! important ;
}
.select2-dropdown{
    <!-- background:  ! important ; -->
}
.sub-list:hover, .sub-list:focus {
     background: #f2f2f2 ! important ;
}
.navbar-top {
    color:#081150 ! important ;
}
.navbar-menu a,.navbar-menu,.navbar-menu a:hover{
    color:#555555 ! important ;
}
a.status-box {
    box-shadow: 0px 2px 5px 2px #f2f2f2 ! important ;
    border: 1px dashed #555555 ! important ;
    color: #555555 ! important ;
}

a.status-box i {
    color: #555555 ! important ;
    border: 1px dashed #555555 ! important ;
}
a.status-completed {
    color: #555555 ! important ;
}

.lesson-link.active-menu{
    background: #f2f2f2 ! important ;
}

.course-timeline>.active, .course-section:hover , .course-timeline>.lessons>ul>li>.lessons-tick{
    color: #555555 ! important ;
}

.mob-menu a .icon-bars:hover,
.mob-menu a .icon-bars:focus {
  color: #cccccc ! important ;
}
.mob-menu a:hover,
.mob-menu a:focus {
  color: #cccccc ! important ;
}
.mob-menu a .icon-bars{
    color: #fff ! important ;
}

.popup-window > a {
    border:1px solid #555555 ! important ;
    color: #555555 ! important ;
}

.course-progress-bar-fill {
    background-color:#555555 ! important ;
}

.popup-window span, .course-timeline>.course-section>.section-icon-checked{
        color: #555555 ! important ;
}

a.status-completed i , .popup-window > a:hover{
    color: #fff ! important ;
}

.course-pricing ul.plan-details{
  border: 1px solid #555555 ! important ;
}
.course-pricing ul.plan-details li{
  border-bottom: 1px solid #555555 ;
}
.course-pricing ul.plan-details li.title{
  color: #555555 ! important ;
}
.player-community-btn {
    border: 1px solid #555555 ! important;
    background:none;
}
a.player-community-btn:focus, a.player-community-btn:active, a.player-community-btn:hover{
    background:none !important;
    color:#555555 ! important;
}

.zblog-list-search-btn {
background:#555555 ! important;
}
.zblog-link {
color:#555555 !important;
}
a.zblog-link:hover {
color:#555555 !important;
}
.zblog-list-link:hover {
color:#555555 !important;
}
.zen-blog-details-strip {
border-left: 8px solid #555555 !important;
}
.jqAssignmentButton{
    background:#555555 ! important ;
    color: #555555 ! important ;
    border: 5px solid #e6e6e6 ! important ;
}
.player-discussion-button{
    color: #555555 ! important ;
    background:#555555 ! important ;
}
.player-discussion-button:hover,.player-discussion-button:focus {
    color: #555555 ! important ;
}
