:root {
  --gbo-color-blue: #009fe3;
  --gbo-color-dark-blue: #004261;
  --gbo-color-light-blue: #e3f0fa;
  --gbo-color-green: #9fc469;
  --gbo-color-grey: #b1b2b3;
}

@font-face {
  font-family: "BarlowBold";
  src: url("/assets/fonts/Barlow-Bold.ttf");
}
@font-face {
  font-family: "BarlowMedium";
  src: url("/assets/fonts/Barlow-Medium.ttf");
}
@font-face {
  font-family: "BarlowLight";
  src: url("/assets/fonts/Barlow-Light.ttf");
}
@font-face {
  font-family: "BarlowRegular";
  src: url("/assets/fonts/Barlow-Regular.ttf");
}
@font-face {
  font-family: "MontserratLight";
  src: url("/assets/fonts/Montserrat-Light.ttf");
}
@font-face {
  font-family: "MontserratRegular";
  src: url("/assets/fonts/Montserrat-Regular.ttf");
}
@font-face {
  font-family: "MontserratSemiBold";
  src: url("/assets/fonts/Montserrat-SemiBold.ttf");
}

body {
  font-family: Arial, sans-serif;
  background: transparent url("/plugins/Customizing/assets/images/gbo/background_gbo.jpg") no-repeat 0 0;
}

.btn {
    padding: 8px 32px;
    border-radius: 16px;
}
  
.btn.btn-success {
    background-color: #9fc469 !important;
    border-color: #9fc469;
}

.btn.btn-warning  {
  background-color: #009fe3 !important;
  border-color: #009fe3;
}

.ef-add-to {
    background-color:#009fe3 !important;
    border-color: #009fe3;
}

label {
    font-weight: normal;
    font-size: 14px;
}

/* Block container */
div.ef-block {
  box-shadow: none;
  border-radius: 0;
}

/* Header */
#ef-navbar .container .navbar-header .ef-navbar-logo img {
    max-height: 80%;
}
  
#ef-language-select > button > span,
#ef-navbar .container ul.nav.navbar-nav > li > a,
#ef-navbar .container ul.nav.navbar-nav > li > button {
    color: #b1b2b3 !important;
}

/* Header - Breadcrumb */
div.breadcrumb-x {
    border: 0;
    margin: 0;
    box-shadow: none;
}

/* Header - Search input */
#ef-navbar form.navbar-form #searchDiv,
#ef-navbar form.navbar-form.ef-active #searchDiv  {
    background-color: #e3f0fa;
}

#ef-navbar form.navbar-form #searchDiv {
    border-radius: 16px;
}

/* Header - Navbar alphatar  */
.img-thumbnail {
    background-color: #009fe3 !important;
    box-shadow: none !important;
}

/* Header - Dropdowns */
#ef-navbar .container ul.nav.navbar-nav li.open .dropdown-toggle,
#ef-navbar .container ul.nav.navbar-nav li .dropdown-toggle + ul.dropdown-menu,
#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu li a ~ ul.dropdown-menu,
#ef-navbar .container ul.nav.navbar-nav > li.user-preferences ul.dropdown-menu:after {
    background-color: #fff;
}

#ef-navbar .container ul.nav.navbar-nav li#user-roles a.ef-switch-account span.fa {
    color: rgba(0,0,0,.1);
}

#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu li.divider,
#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li > a:hover {
    background-color: rgba(0,0,0,.1);
}

#ef-navbar .container ul.nav.navbar-nav li#communication ul.dropdown-menu li.content {
    border-color: rgba(0,0,0,.1);
}

#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li a.dropdown-item, 
#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li *.dropdown-text,
#ef-navbar .container ul.nav.navbar-nav > li.open > button, 
#ef-navbar .container ul.nav.navbar-nav > li.open > button:hover {
    color: #000;
}

/* Form */
.form-control {
  border-color: #009fe3;
  border-radius: 16px;
  color: #888;
}

.form-control::placeholder,
.form-control input::placeholder {
  color: #ccc;
}

[name="initiate_password_form"] .col-sm-2 {
  width: 25%;
}


[name="initiate_password_form"] .col-sm-2 + div {
  width: 75%;
}

/* Course */
/* .ef-dashboard-header .ef-category-name {
    background-color: #6bbdbc;
    color: #fff;
    display: inline-block;
    padding: 2px 4px;
    margin-bottom: 20px;
} */

.ef-dashboard-header .ef-course-name h1 {
    color: #009fe3;
    text-transform: uppercase;
    font-size: 30px;
}

.ef-dashboard-header .ef-course-name h1::after,
.ef-dashboard-header #ef-description.divider::after {
    content: '';
    display: block;
    width: 150px;
    background-color: #009fe3;
    height: 3px;
    margin: 30px 0 0;
}

.ef-dashboard-header .ef-course-certificate {
    justify-content: center;
    margin-top: 30px;
}

.ef-dashboard-header .ef-course-certificate .icon-cert_icon {
    background-image: url('/plugins/Customizing/assets/images/gbo/Icon_Certificate@140x140_cyan.svg');
    background-size: 100px 100px;
    width: 100px;
    height: 100px;
}

.ef-dashboard-header .ef-course-certificate .ef-course-certificate-information {
    display: none;
}

.label-ef-completed {
    background-color: #9fc469;
}

.ef-unit-tree i.passed.ef-tooltip-toggle.fa-check,
.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: #9fc469 !important;
}

.ef-unit-tree .ef-entry-head .fa-cube:before,
.ef-unit-tree .ef-entry-head .fa-line-chart:before,
.ef-unit-tree .ef-entry-head .fa-microphone:before,
.ef-unit-tree .ef-entry-head .fa-question-circle-o:before,
.ef-unit-tree .ef-entry-head .fa-file-pdf-o:before,
.ef-unit-tree .ef-entry-head .fa-tasks:before,
.ef-unit-tree .ef-entry-head .fa-file-code-o:before {
  content: '';
  background-size: contain !important;
  width: auto;
  height: 14px;
  display: block;
  transform: translateY(2px);
}

.ef-unit-tree .ef-entry-head .fa-cube:before { /* Content */
  background: transparent url('/plugins/Customizing/assets/images/gbo/file.svg') no-repeat 0 0;
}

.ef-unit-tree .ef-entry-head .fa-line-chart:before { /* Survey */
  background: transparent url('/plugins/Customizing/assets/images/gbo/survey.svg') no-repeat 0 0;
}

.ef-unit-tree .ef-entry-head .fa-microphone:before,
.ef-unit-tree .ef-entry-head .fa-file-code-o:before { /* Live Session, Scorm */
  background: transparent url('/plugins/Customizing/assets/images/gbo/elearning.svg') no-repeat 0 0;
}

.ef-unit-tree .ef-entry-head .fa-question-circle-o:before { /* Quiz */
  background: transparent url('/plugins/Customizing/assets/images/gbo/quiz.svg') no-repeat 0 0;
}

.ef-unit-tree .ef-entry-head .fa-file-pdf-o:before { /* pdf */
  background: transparent url('/plugins/Customizing/assets/images/gbo/pdf.svg') no-repeat 0 0;
}

.ef-unit-tree .ef-entry-head .fa-tasks:before { /* Task */
  background: transparent url('/plugins/Customizing/assets/images/gbo/tasks.svg') no-repeat 0 0;
}

/* Course - Progress bar */
*.progress .progress-bar.progress-bar-success {
    background-color: #9fc469;
}

.progress-bar {
    box-shadow: none;
}

/* *.progress {
    height: 10px;
} */

/* Course - Grid */
div.ef-my-courses.ef-my-courses-grid div.ef-block div.ef-block-content div.ef-course-card div.caption div.ef-entry-status {
    height: auto;
}

.ef-courses-list .icon-cert_icon,
.ef-card-entries .ef-card .icon-cert_icon {
    background-image: url('/plugins/Customizing/assets/images/gbo/Icon_Certificate@140x140_green.svg');
    width: 25px;
    height: 25px;
    background-size: 25px 25px;
}

/* Course - Test */

.panel-primary > .panel-heading {
  background-color: #009fe3;
  border-color: #009fe3;
}

.ef-question-indicator .ef-question-indicator-current {
  background-color: #009fe3 !important;
  border: 2px solid transparent !important;
  color: #fff;
}

.ef-question-indicator .ef-question-indicator-done {
  background-color: #009fe3 !important;
  border: 2px solid transparent !important;
  color: #fff !important;
  opacity: .5;
}

.ef-question-indicator .ef-question-indicator-incomplete {
  background-color: #fff !important;
  border: 2px solid transparent !important;
}

/* Login, Signup, Contact */
.contact section h4,
#ef-login-index h4,
.signup section h4 {
  color: #009fe3;
  text-transform: uppercase;
  font-size: 32px;
  font-weight: bold;
  padding: 30px 0 0 30px;
  margin: 0 0 16px;
}

.contact section h4 {
  padding: 15px 0 0 15px;
}

#ef-login-index div.ef-block-content form div.row #forgot-passwd {
  color: #009fe3;
  padding: 10px;
  display: block;
}

#ef-login-index .sign-slogan,
.contact footer,
.signup footer {
  font-size: 16px !important;
  display: block;
  margin: 0 15px;
  padding: 30px 0 10px;
  border-top: 2px solid #009fe3;
  color: #009fe3 !important;
  line-height: 140%;
}

@media (min-width: 550px) {
  #ef-login-index .sign-slogan,
  .contact footer,
  .signup footer {
    width: 550px;
    margin: 0 auto;
  }
}

.ef-block-footer {
  clear: both;
}

#ef-login-index div.ef-block-footer span.sign-slogan a,
.contact footer a,
.signup footer a {
  color: #009fe3 !important;
  font-weight: bold;
}

#ef-login-index div.ef-block-footer {
  border: 0;
  background: #fff;
  text-transform: uppercase;
}

#ef-login-index div.ef-block-footer a {
  display: block;
}

.contact footer,
.signup footer {
  padding: 30px 10px;
  text-transform: uppercase;
  text-align: center;
}

.signup aside {
  margin: 10px 15px 40px;
}

.contact aside,
#ef-login-index aside {
  margin: 15px;
  clear: both;
}

.contact aside a,
.signup aside a,
#ef-login-index aside a {
  background-size: 300px auto !important;
  display: block;
}

.contact section {
  padding: 15px;
  margin-bottom: 30px;
}

.signup section p,
.contact section p {
  color: #009fe3;
}

.contact section p {
  margin: 15px 15px 30px;
}

.signup section p {
  margin: 15px 30px 30px;
}

.signup section form {
  padding-bottom: 60px !important;
}

#ef-login-index section {
    background: transparent url(/plugins/Customizing/assets/images/gbo/gbo_making-a-difference.png) no-repeat 30px 30px;
    background-size: 300px auto;
}

#ef-login-index section > div:first-of-type {
    padding-top: 90px;
}

#ef-login-index section > div {
    padding: 30px 0 0 30px;
    clear: both;
}

#ef-login-index section > div > *,
#ef-login-index section > div a {
    color: #009fe3;
}

#ef-login-index section > div > h2 {
    color: #009fe3;
    font-weight: bold;
    text-transform: uppercase;
}

#ef-login-index section > div > h4 {
    padding-left: 0;
}

.contact .newsletter,
.signup aside .newsletter,
#ef-login-index aside .newsletter {
  background: transparent
    url(/plugins/Customizing/assets/images/gbo/gbo_newsletter.jpg) no-repeat 0 0;
  min-height: 405px;
}

.signup aside .contact {
  background: transparent
    url(/plugins/Customizing/assets/images/gbo/gbo_contact.jpg) no-repeat 0 0;
  min-height: 250px;
}

#ef-login-index div.ef-block-content form div.one-column-login {
  margin: 0;
}

.ef-block-content.contact form .ef-form-element-textarea {
  max-width: 400px;
}

.signup [name="terms_of_use"] + a,
.contact [name="terms_of_use"] + a {
  text-decoration: underline;
}

@media (min-width: 1000px) {
  .ef-row.login-bottom {
    float: left;
    width: auto !important;
  }

  .ef-row.login-bottom + .ef-row {
    float: right;
    width: auto !important;
  }

  .contact section,
  .signup section {
    float: left;
    max-width: 600px;
  }

  #ef-login-index section {
    float: left;
    max-width: 700px;
  }

  .ef-block-content.contact form .control-label.col-sm-2,
  .signup section .form-horizontal .control-label.col-sm-2 {
    width: 25%;
  }

  .ef-block-content.contact
    form
    .control-label.col-sm-2
    + .ef-form-element-full-length,
  .signup
    section
    .form-horizontal
    .control-label.col-sm-2
    + .ef-form-element-full-length {
    margin-left: 25%;
  }

  .contact footer,
  .signup footer {
    clear: both;
  }

  .contact aside,
  #ef-login-index aside,
  .signup aside {
    float: right;
    width: 300px;
    clear: none;
  }

  .contact aside a,
  .signup aside a,
  #ef-login-index aside a {
    background-position: right 0 !important;
  }

  .signup .checkbox,
  .contact .checkbox {
    margin-left: 140px;
  }
}

@media (max-width: 1000px) {
    #ef-login-index section {
        padding-top: 20px;
    }
}

/* DO NOT ADD/EDIT AFTER THIS LINE */
#ef-navbar,
#ef-navbar li a.dropdown-toggle[aria-expanded="true"] {
  background-color: #ffffff;
  border-color: #ffffff;
}
html,
body {
  background-color: #e3f0fa;
}
div.breadcrumb-x {
  background-color: #e3f0fa;
  border-color: #e3f0fa;
}
*.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: #009fe3;
  border-color: #009fe3;
}