@import url(http://fonts.googleapis.com/css?family=Roboto);
@import url('https://fonts.googleapis.com/css2?family=Hind+Vadodara:wght@600&display=swap');

.ef-label-tags a, .ef-label-tags a:hover, .ef-label-tags a:link, .ef-label-tags a:active, .ef-label-tags a:visited {
    color: #ffffff;
    background-color: #222222;
}

html.popup body {
	background-image: none;
   background-color: none;
}
#ef-navbar .container .navbar-header .ef-navbar-logo img {
    padding-left: 13px;
}
html{

/*background-color:#f8f8f8;*/
  
}

body {  
  font-family: 'Roboto Light', sans-serif;  
  color:#10273b;
  font-size:15px;
}
ul.customTabs, ul.tabulizedList {
  font-family: 'Roboto Light', sans-serif;  
}

div.ef-block, div.dashboard-panel div.panel-body{
  background-color:#FFFFFF;
border-radius: 6px;}

html, body{
  background-color:#EDEFF0;
}


#ef-navbar, #ef-navbar li a.dropdown-toggle[aria-expanded="true"]{
  background-color:#FFFFFF;
  border-color:#FFFFFF;
}

/*BLOCKS- padding*/

div.ef-block .ef-block-content {
    padding-top: 20px;
}

/*Primary btn*/
*.btn.btn-primary, *.btn.btn-primary:not(.active), *.btn.btn-primary:hover, *.btn.btn-primary:hover:not(.active), *.btn.btn-primary:focus, *.btn.btn-primary:focus:not(.active){
  background-color:#F7BE00;
  border-color:#f7be00;}

/*Box Titles*/
div.block .title {
  background:#FFF;
  color: #10273b;
  font-family: 'Hind Vadodara', sans-serif;
  border: 4px solid #cdd8e6;
  border-bottom: 0px;
  position: relative;
  top: 8px; 
}

/*Box Content*/
div.block .content {
  border: 4px solid #cdd8e6;
  box-shadow: 0 1px 1px rgba(0,0,0,0); /*shadow*/
  border-radius: 8px;
}
/*Handle in a different way blocks within a block*/
div.block div.block .content {
  border: 0px;
}
/*Hide top left radious when then block has a Header*/
div.block .blockHeader ~ .content {
  border-top-left-radius: 0px;
}
/*Consistency toolbar*/
div.block .toolbar {
  border: 4px solid #cdd8e6;
  border-bottom: 0px;
  border-top-left-radius: 8px; 
  border-top-right-radius: 8px;  
}
/* Hide radious on box after a toolbar*/
div.block .toolbar ~ .content {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-top:0px;
}
/*Grid table*/
table.sortedTable {
  background-color:#10273b;
  font-family: 'Hind Vadodara', sans-serif;
  color:#ffffff;
  top: 2px; 
  border-radius:4px;
}
/*Odd rows*/
tr.oddRowColor {
  background: #f7b300;
  border-bottom: 1px solid #cdd8e6;
  border-top: 1px solid #cdd8e6;
}
/*Even rows*/
tr.evenRowColor {
  background: #cdd8e6;
  color: #f7b300;
}
/*On hover above row color*/
tr.oddRowColor:hover,tr.evenRowColor:hover {
  background: #f7be00;
}
/*Grid footer*/
td.sortedTableFooter {
  background-color:#f7be00;
}
td{
color: #10273b;}
/*Navigation bar color*/
.navbar-inverse {
  background: #ffffff; /*Background color*/
  font-family: 'Hind Vadodara', sans-serif;
  border:0px;
}
/* navbar when hover*/
#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu li.divider {
background-color: #edeff0;
}
#ef-navbar .container ul.nav.navbar-nav > li > a:hover{
color:#f7be00!Important;}

#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu li a:hover{
color: #f7be00!Important;}

/*Breadcrubs external layer*/
.breadcrumb-x {
    font-family: 'Hind Vadodara', sans-serif;
  background: #ffffff; /*Background color*/
  
}
/*Breadcrumb internal layer*/
.breadcrumb {
    font-family: 'Hind Vadodara', sans-serif;
  background: #ffffff; /*Background color*/
  color:#FFF;
}
/*Breadcrumb separator*/
.breadcrumb > li + li:before {
  color: #10273b;
  content: "\003e";  
}

/*Main button*/
.btn-primary {
  background-color: #f7be00;
  border: none;
  color:#10273b;
  font-family: 'Hind Vadodara', sans-serif;
}
a.btn{
  color:#10273b;}
/*Main button hover color*/

#ef-navbar .container ul.nav.navbar-nav > li > a, #ef-navbar .container ul.nav.navbar-nav > li > button { /*Buttons and icons*/
    color: #10273B;
}

/*message and bell icons when hover*/
#ef-navbar .container ul.nav.navbar-nav > li > button:hover{
color:#f7be00;}
              
#ef-navbar .container ul.nav.navbar-nav li.open .dropdown-toggle {   /*buttons and icons when clicked*/
    background-color: #edeff0;
  color: #10273b;
}
#ef-navbar .container ul.nav.navbar-nav li .dropdown-toggle + ul.dropdown-menu {
    margin-top: -15px;
    opacity: 0;
    z-index: 1;
    position: absolute;
    right: 0px;
    top: 56px;
    background-color: #EDEFF0;
   /* color: #10273B;*/
}
#ef-navbar .container ul.nav.navbar-nav li#communication ul.dropdown-menu li.content div.no-results {
    margin: 30px 0px;
    text-align: center;
    color: #10273B;
    display: none;
}
#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu li > a, #ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu li a:hover, #ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li > a:active, #ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li > a:visited {
    background-color: transparent;
}

/* SEARCH BAR NAV BAR LOGGED IN USER (admin and learner)*/
#ef-navbar form.navbar-form .selectize-input, #ef-navbar form.navbar-form input[type=text], #ef-navbar form.navbar-form span.search-handle, #ef-navbar form.navbar-form .searchDivRight {
    border-color: #edeff0;
    background-color: #edeff0;
}




.searchDivRight:active {
    background-color: transparent;
  }
  
  
#ef-navbar form.navbar-form.ef-active .searchDivRight{
background-color: #dcdcdc;}
  .searchDivRight > span:nth-child(1):active {
    background-color: #edeff0;
   
  }
#ef-navbar form.navbar-form.ef-active #searchDiv {
    background-color: #edeff0;
}
  
.input-group-addon{
background-color: rgba(0,0,0,0);
}

#searchDiv{
background-color: #ffffff;
}

#ef-navbar form.navbar-form.ef-active span.search-handle, #ef-navbar form.navbar-form.ef-active .searchDivRight {
background-color: #dcdcdc;
}
/* USER THUMBNAIL COLOR CHANGE */
.img-thumbnail{
background-color: #F7BE00!Important;
}

.alert-warning{
  background-color: #F7BE00!Important;
}

/*calendrier*/

.fc-col-header-cell, th.fc-timegrid-axis {
    background-color: #10273b;
    color: #fff;
    font-weight: normal;
    line-height: 35px;
}

/*icons social media changing color when hove*/
#Layer_1 {
width: 3%;
}
.st0:hover{
  fill: #f7b300;
}
a.fa{
color: #10273b;
}
a.fa:hover{
color: #f7be00;}

button:hover{
color:#f7be00;}



.fa-th-list{
color: #879297;
}

.fa-th-list:active{
color: 10273b;
}



/*icon chain hover*/
.fa-link:hover{
  color:#f7be00!Important;
}


.fa-th-list:before, .fa-th:before {
    color: #10273b;
}

.fa-th-list:before, .fa-th:before:hover {

    color: #f7be00;
}

.bg-primary{
background-color:#10273b;
}
h1, h5{
color: #10273b;
font-family: 'Hind Vadodara', sans-serif;}

h4{
color: #10273b;
}

.ef-my-courses .ef-courses-list ul li.ef-my-courses-category > div.ef-entry-head {
    background-color: #10273b;
}

/* LEARNER SIDE LEARNER SIDE LEARNER SIDE LEARNER SIDE LEARNER SIDE */
/* color of the Progress bar */
*.progress .progress-bar.progress-bar-success {
    background-color: #17c233;
}
.label-ef-completed {
    background-color: #17c233;
}

.label{
color:#10273b;}

button.active{
border:none;
}

.label {
    background-color: transparent;
}


span.label {
    font-size: 11px;
    padding:0px;
    margin: 0px 0px;
    text-align: center;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

/* LIST MY COURSES LINKS WHEN HOVER*/
.ef-my-courses .ef-courses-list div.ef-entry-head span.ef-entry-name a:hover {
    font-weight:bold;
  color: #f7be00;
}




/*[Homepage] "Forgot your password"*/

#ef-login-index div.ef-block-content form div.row #forgot-passwd {
    color: #879297;
    font-size: 12px;
}

/*[Homepage] "Sign up here"*/
#ef-login-index div.ef-block-footer span.sign-slogan a {
    color: #879297;
}

/*[Homepage] - current page */
.ef-pager .ef-pager-handle.ef-current {
    color: #f7be00;
}


/*[Forms] -Labels*/
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    font-family: "Hind Vadodara", sans-serif;
}

/*[Bold]"change font-family to Hind Vadodara instead of making Roboto Light bold"*/
b{
    font-family: "Hind Vadodara", sans-serif;
}


/*AFTER Login as a Learner*/
/*[My Courses]"Order by title" - delete the outline when clicked*/
.ef-my-courses-controls .menu-toggle:focus {
    outline-style: none;
}


/*[My Courses] - "x" and handle icons*/ 
.ef-my-courses-controls .ef-block-handle {
    color: #10273b;
    cursor: pointer;
}

/*[My Courses > Course catalogue] - Filter toggler */
div.ef-catalog-filters form .toggle-filter {
    position: inherit;
    z-index: 1;
    color: #10273b;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
}

/*[ICONS] - Yellow when hover*/
.fa:hover{
    color:#f7be00!Important;
}
/*[ICONS] - Social Media icons on footer*/
#facebook-icon{
width: 2.5%;
height: auto;
padding: 5px;
}
#youtube-icon, #twitter-icon, #instagram-icon, #linkedIn-icon{
width: 3%;
height: auto;
padding: 5px;
}

/*[Drop down Menu] - dark text "Inbox"+"Discussions"+"Calendar"*/

li.hidden-xs:nth-child(3) > ul:nth-child(2) > li:nth-child(1) > a:nth-child(1) {
  color: #10273b!Important;
}
li.hidden-xs:nth-child(3) > ul:nth-child(2) > li:nth-child(2) > a:nth-child(1) {
  color: #10273b!Important;
}
li.hidden-xs:nth-child(3) > ul:nth-child(2) > li:nth-child(3) > a:nth-child(1) {
  color: #10273b!Important;
}
li.hidden-xs:nth-child(3) > ul:nth-child(2) > li:nth-child(4) > a:nth-child(1) {
  color: #10273b!Important;
}
.show-all > a:nth-child(1) {
  color: #10273b!Important;
}
.user-preferences > ul:nth-child(2) > li:nth-child(4) > a:nth-child(1) {
  color: #10273b!Important;
}
#nv-sign-out {
  color: #10273b!Important;
}
.user-preferences > ul:nth-child(2) > li:nth-child(6) > a:nth-child(1) {
    color: #10273b!Important;
   }



/*[Ressources] - Lateral marker */
.ef-unit-tree .active-content::before {
    content: "";
    position: absolute;
    background: #f7be00;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
}

/*[Ressources] -done/visited categories*/
.ef-unit-tree .ef-unit-link.passed, .ef-unit-tree .ef-unit-link.passed:hover, .ef-unit-tree .ef-unit-link.passed:link, .ef-unit-tree .ef-unit-link.passed:active, .ef-unit-tree .ef-unit-link.passed:visited {
    color: #098824 !important;
    font-weight:bold;
}

.form-control:focus{
box-shadow: 0 0 5px  #cdd8e6 ;
}

/*[My Courses> Course catalogue] - liste?*/
.ef-my-courses .ef-courses-list ul li.ef-my-courses-category > div.ef-entry-head:hover {
    background-color: #10273b;
}

/*[My Courses> Course catalogue] - liens liste cours*/
.ef-my-courses .ef-courses-list div.ef-entry-head span.ef-entry-name a:hover {
    font-weight: bold;
    color: #10273B;
}

b{
font-family: 'Hind Vadodara', sans-serif;}


/*WELCOME TO SENSEFLY ACADEMY TITLE*/
.cb-h2-9, .cb-h3-12 {
font-family: 'Hind Vadodara', sans-serif;
}
.ef-card-entries .ef-card .ef-card-wrap div.caption .ef-plain.ef-category {
    text-transform: uppercase;
    font-size: 8px;
}
.ef-card-entries .ef-card .ef-card-wrap div.caption .ef-plain.ef-header a {
  display: inline-block;
  margin: 0px;
  font-family: 'Hind Vadodara', sans-serif;
  font-size: 14px;
  
} 
#ef-navbar, #ef-navbar li a.dropdown-toggle[aria-expanded="true"]{background-color:#FFFFFF;border-color:#FFFFFF;}

#ef-my-courses-grid-content > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) {
background-color: #10273b;
}

.panel-primary > .panel-heading {
  color: #fff;
  background-color: #10273B;
  border-color: #10273B;
}

.ef-question-indicator .ef-question-indicator-current {
  background-color: #F7BE00 !Important;
  border: 2px solid #F7BE00 !Important;
  color: #222;
}
.col-md-9 > div:nth-last-child(2) > div:nth-child(1) {
 background-color: #10273B;
}

.modules-listing{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
 grid-column-gap: 20px;
  grid-row-gap: 20px;
/*  margin-left: 20%;
  margin-right: 20%;*/
}

#whereToGetStarted {
padding:  20px 0px;
 margin-top: 20px;
}
#slideHome{
margin-top: 20px;
}
/* SIGN UP - "Keep me sign" in and forget your password*/
.checkbox > label:nth-child(1) {
font-family: "Roboto", sans serif;
font-size: 12px;
}
#ef-login-index div.ef-block-footer span.sign-slogan {
font-size: 12px;
}

/*cookies alert*/
.cc-btn {
border-radius: 5px;
}

.cc-btn:hover{
  background-color: #f0f3f5;
  text-decoration: none;
}

#cookieconsent\:desc {
padding-right: 3%;
}

/* DO NOT ADD/EDIT AFTER THIS LINE */
html.new-ui-html:root{--c-brand-primary:#ffffff;--c-brand-primary-darken-5:#fafafa;--c-brand-primary-darken-7:#f8f8f8;--c-brand-primary-darken-10:#f5f5f5;--c-brand-primary-darken-15:#f0f0f0;--c-brand-primary-darken-17:#eeeeee;--c-brand-primary-darken-20:#ebebeb;--c-brand-primary-darken-25:#e6e6e6;--c-brand-primary-lighten-7:#ffffff;--c-brand-primary-lighten-40:#ffffff;}