/*Place your CSS code here*/

/* START front-end */
html,body{background-color:#DDDDDD;}
div.ef-block, div.dashboard-panel div.panel-body{background-color:#DDDDDD;}
#ef-login-index {background-color: #eee; margin-top: 68px; border-radius: 0px;}
#ef-login-index div.ef-block-content {padding-bottom: 8px;}
#ef-login-index div.ef-block-footer {background-color: #ddd; padding: 10px 0px;}
div.ef-block {box-shadow: none}
#ef-navbar, #ef-navbar li a.dropdown-toggle[aria-expanded="true"]{background-color:#0a4565;border-color:#0a4565;}
*.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:#00a4ec;border-color:#00a4ec;}
html {font-family: Roboto, Arial }

/* style top menu */
#ef-navbar {height: 80px !IMPORTANT;}
#ef-navbar .container .navbar-header {max-width: 250px !IMPORTANT;}
#ef-navbar .container .navbar-header .ef-navbar-logo img {max-width: none !IMPORTANT; padding-top: 12px !IMPORTANT; padding-bottom: 12px !IMPORTANT;}
#ef-navbar .container .navbar-collapse {margin-top: 10px !IMPORTANT;}

#ef-navbar form.navbar-form .selectize-input, #ef-navbar form.navbar-form input[type=text], #ef-navbar form.navbar-form span.search-handle { background-color: gainsboro !IMPORTANT;}
#ef-navbar form.navbar-form input, #ef-navbar form.navbar-form span.search-handle {background-color: gainsboro !IMPORTANT;}
.searchDivRight {background-color: gainsboro !IMPORTANT;}

#ef-manage-courses  {display: none; }
/* hide the free course $ sign */
img[title="Free"] {display: none; }

img[alt="Free"]::after {
  font-weight: bold;
  content: "FREE" !IMPORTANT;
}

/* catalogue overview login box background */
#ef-login-index {background-color: #d3d3d3 !IMPORTANT;}

/* START styling course page */
body.ef-user-signed-in div.ef-dashboard-header div.col-sm-9:not(.ef-entry-row) {padding: 2em !IMPORTANT;}  /* <-- specific on learner profile */
div.ef-dashboard-header div.col-sm-9:not(.ef-entry-row) {background-color: #eee  !IMPORTANT; border-radius: .5em !IMPORTANT;} 

body:not(.ef-user-signed-in) div.ef-dashboard-header div.col-sm-9:not(.ef-entry-row) {padding: 2em !IMPORTANT;} /* target all that is not logged in */

.ef-unit-tree ul > li.ef-courses-list-item.lesson-entry:nth-child(odd):not(.unit-entry) {background-color: #e1e1e1;}
.ef-unit-tree .unit-entry {background-color: #f1f1f1;}
.ef-unit-tree li.ef-courses-list-item:not(.lesson-entry) {border-top: 1px solid #ddd;}
.ef-unit-tree ul.ef-courses-list div.ef-entry-head span.ef-entry-name {font-size: 14px; font-weight: 700;}
.ef-dashboard-header img.ef-default-avatar {border-radius: .5em;}
/* END styling course page */
.ef-anchor-like, a.link, a.link:visited, a.link:hover, a.link:link {color: #00a4ec !important; font-weight: 500;} /* styling text link color */
.more-less-link::after {content: "\ →"; font-weight: 700;}
/* front-end buttons*/
a.btn-default {color: white; background-color: #00a4ec; border: 0; border-radius: .5em; font-weight: 500; padding: .5em 2em;}
a.btn-default:hover {color: #fff; background-color: #666; border: 0;}
/* END front-end */


/* START back-end */ 

/* buttons*/
body.ef-user-signed-in a.btn {/* padding: 8px; font-size: 13.3px; border-radius: 3px; outline: none !important; -webkit-transition: background-color 0.1s ease; -o-transition: background-color 0.1s ease; transition: background-color 0.1s ease;*/}
body.ef-user-signed-in a.btn-default:hover {/*color: #333; background-color: #e6e6e6; border-color: #adadad;*/}

/* course editing  */
body.ef-user-signed-in .ef-dropzone {background-color: #f1f1f1}
body.ef-user-signed-in div.ef-dashboard-header div.col-sm-9 {padding: 0; border-radius: 0;} 
/*body.ef-user-signed-in li.ef-courses-list-item.lesson-entry:nth-child(odd):not(.unit-entry) {background-color: #e1e1e1 !important;}
 body.ef-user-signed-in .ef-entry-row {background-color: #e1e1e1 !important;} */

body.ef-user-signed-in .ef-entry-head .row {background-color:#eeeeee;}


/* END back-end*/

/* DO NOT ADD/EDIT AFTER THIS LINE */
#ef-navbar, #ef-navbar li a.dropdown-toggle[aria-expanded="true"]{background-color:#5A0A65;border-color:#5A0A65;}
html.new-ui-html:root{--c-brand-primary:#0a4565;--c-brand-primary-darken-5:#054060;--c-brand-primary-darken-7:#033e5e;--c-brand-primary-darken-10:#003b5b;--c-brand-primary-darken-15:#003656;--c-brand-primary-darken-17:#003454;--c-brand-primary-darken-20:#003151;--c-brand-primary-darken-25:#002c4c;--c-brand-primary-lighten-7:#114c6c;--c-brand-primary-lighten-40:#326d8d;}