@import url('https://fonts.googleapis.com/css?family=Roboto');

@font-face {
    font-family: 'FitInnBlCn';
    src: url('/assets/fonts/fitinn_tradegothic-blackcondensed.woff2') format('woff2'), 
      url('/assets/fonts/fitinn_tradegothic-blackcondensed.woff') format('woff');
}

#ef-test-status .h3.media-heading
{
  font-size:20px;
}

:root {
    --fitinn-color-primary-font: #000;
    --fitinn-color-primary:  #ffd500;
    --fitinn-color-white: #ffffff;
}

html,
body {
    font-family: 'Roboto', Arial, sans-serif;
}

.btn {
    border-radius: 0;
}

.btn:hover {
    text-decoration: underline;
}

.btn.btn-primary,
.btn.btn-success,
.btn.btn-warning,
.btn.btn-danger,
.btn.btn-default {
    font-family: 'FitInnBlCn';
    color: #000 !important;
    font-size: 16px;
}

.btn.btn-success,
.btn.btn-warning,
.btn.btn-danger {
    background-color: #ffd500 !important;
    border: 0;
}

.btn.btn-default {
    border-color: rgba(0,0,0,.1);
}

.btn-default:active, 
.btn-default.active, 
.btn-default.active.focus,
.open > .btn-default.dropdown-toggle,
.btn.btn-default:hover {
    color: #ffd500;
    text-decoration: none;
    background: #fff;
    box-shadow: none;
    border-color: #ffd500;
}

a,
a:link,
a:visited,
a:hover,
a:active {
    color: #000;
}

.btn-link,
.ef-anchor-like, 
a.link, 
a.link:visited, 
a.link:link {
    color: #000 !important;
}

a:hover,
.btn-link:hover,
.ef-anchor-like:hover, 
a.link:hover {
    color: #ffd500 !important;
    text-decoration: none;
}

a.ef-toggle-hidden-section,
#ef-login-index div.ef-block-content form div.row #forgot-passwd {
    color: #000 !important;
}

hr {
    border-color: rgba(0,0,0,.05);
}

button,
button:focus {
    outline: none;
}

.label {
    border-radius: 0;
}

/* Block container */
div.ef-block {
    border-radius: 0;
    box-shadow: none;
}

/* Header */
#ef-navbar,
#ef-navbar .container ul.nav.navbar-nav,
#ef-navbar .container ul.nav.navbar-nav > li > a {
    height: 76px;
}

#ef-navbar .container .navbar-header .ef-navbar-logo,
#ef-navbar .container ul.nav.navbar-nav > li > a {
    line-height: 76px;
}

#ef-navbar form.navbar-form {
    margin-top: 20px;
}

#ef-navbar .container ul.nav.navbar-nav li .dropdown-toggle + ul.dropdown-menu {
    top: 76px;
}

body:not(.ef-user-signed-in) #userNavBar a {
    font-family: 'FitInnBlCn';
    font-size: 19px;
}

/* Header - Breadcrumb */
.breadcrumb-x ol.breadcrumb {
	padding-left: 0;
}

@media(min-width: 768px) {
    .breadcrumb-x .container .ef-breadcrumb {
        padding-left: 5px;
    }
}

/* Header - Search input */
#ef-navbar form.navbar-form #searchDiv {
    background-color: rgba(255,255,255,.15);
}

/* Header - Navbar alphatar  */
.img-thumbnail {
    background-color: #ffd500 !important;
    box-shadow: none !important;
}

div.img-placeholder.alphatar div.img-thumbnail:after {
    color: #000;
}

/* 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: #000;
}

#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(255,255,255,.15);
}

#ef-navbar .container ul.nav.navbar-nav li#communication ul.dropdown-menu li.content {
    border-color: rgba(255,255,255,.15);
}

#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: #fff !important;
}

/* Courses */
*.progress .progress-bar.progress-bar-success {
    background-color: #ffd500;
    box-shadow: none;
}

.ef-my-courses-controls .ef-block-handle {
    color: #000;
}

.ef-my-courses-controls .ef-my-courses-toggle-view.active {
    color: #ffd500;
}

.label-ef-completed {
    background-color: mediumseagreen;
}

/* Course grid */
.ef-card-entries .ef-card .ef-card-wrap,
.ef-card-entries .ef-card .ef-card-wrap:hover {
    box-shadow: 0 3rem 4rem 0 rgb(0 0 0 / 10%);
    border-radius: 0;
}

.ef-card-entries .ef-card .ef-card-wrap div.caption {
    background-color: #fff;
}

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 div.ef-my-courses-progress-bar,
.ef-my-courses ul li .ef-my-courses-progress-bar,
*.progress {
    border-radius: 0;
}

.ef-card-entries .ef-card .ef-card-wrap div.caption .ef-plain.ef-header {
    max-height: 55px;
    margin-top: 20px;
}

.ef-card-entries .ef-card .ef-card-wrap div.caption .ef-plain.ef-header a {
    font-family: 'FitInnBlCn';
    font-size: 24px;
    line-height: 120%;
}

.ef-card-entries .ef-card .ef-card-wrap div.caption .ef-plain.ef-category {
    font-family: 'FitInnBlCn';
    font-size: 13px;
    color: #000;
    padding: 8px 8px 5px 8px;
    background-color: #FFD500;
    display: inline;
    margin: -10px 0 0 10px;
    position: absolute;
    z-index: 10;
}

/* Course list */
.ef-courses-list {
    background-color: #fff;
}

.ef-my-courses .ef-courses-list ul li.ef-my-courses-category > div.ef-entry-head,
.ef-my-courses .ef-courses-list ul li.ef-my-courses-category > div.ef-entry-head:hover,
.ef-my-courses .ef-courses-list ul li.ef-my-courses-category ul li.ef-my-courses-category > div.ef-entry-head,
.ef-my-courses .ef-courses-list ul li.ef-my-courses-category ul li.ef-my-courses-category > div.ef-entry-head:hover {
    background-color: #000;
}

.ef-my-courses .ef-courses-list div.ef-entry-head span.ef-entry-name a:hover {
    color: #FFD500;   
}

.ef-my-courses .ef-courses-list ul li.ef-my-courses-category {
    background: none;
}

.ef-unit-tree li.ef-courses-list-item:not(.lesson-entry),
.ef-my-courses .ef-courses-list ul li.ef-my-courses-category ul li,
.ef-unit-tree .lesson-entry:nth-child(odd):not(:last-child) > ul > .unit-entry:last-child {
    border-color: rgba(0,0,0,.08);
}

.ef-my-courses ul li.ef-my-courses-category > ul > li div.ef-entry-head:hover {
    background-color: rgba(0,0,0,.1);
}

.ef-my-courses ul li.ef-my-courses-category > ul > li:nth-child(2n+2) {
    background-color: rgba(0,0,0,.02);
}

.ef-my-courses .ef-courses-list ul li.ef-my-courses-curriculum > div.ef-entry-head {
    background-color: rgba(0,0,0,.1) !important;
}

/* Course - Detail */
.ef-unit-tree .active-content:before {
    background: #ffd500;
}

.ef-dashboard-header .ef-course-name {
    margin-top: 3px;
}

.ef-dashboard-header .ef-course-name h1 {
    font-family: 'FitInnBlCn';
    font-size: 36px;
    line-height: 130%;
}

.ef-dashboard-header .ef-category-name {
    font-family: 'FitInnBlCn';
    font-size: 14px;
    background-color: #ffd500;
    display: inline;
    padding: 3px 5px;
}

.ef-dashboard-header h2.course-content-heading {
    font-weight: bold;
}

.ef-unit-tree ul > li.ef-courses-list-item.lesson-entry {
    background-color: rgba(0,0,0,.03) !important;
    margin-bottom: 5px;
}

.ef-unit-tree .lesson-entry > ul > .unit-entry:last-child {
    border-bottom: 0 !important;
}

/* Course - Test */
.ef-question-indicator .ef-question-indicator-current,
.ef-question-indicator .ef-question-indicator-wrong {
    background-color: #000 !important;
    border: 2px solid transparent !important;
    color: #fff !important;
}

.ef-question-indicator .ef-question-indicator-done {
    background-color: #000 !important;
    border: 2px solid transparent !important;
    color: #fff !important;
    opacity: .5;
}

.ef-question-indicator .ef-question-indicator-incomplete {
    background-color: #fff !important;
}

.ef-question-indicator .ef-question-indicator-correct {
    border: 2px solid transparent !important;
}

.panel-primary > .panel-heading {
    background-color: #000;
    border-color: #000;
}

.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: #ffd500 !important;
}

/* Admin - Component tiles */
div.ef-block table.iconTable td.iconData:hover {
    background-color: rgba(0,0,0,.05);
}

/* Admin - Dashboard panels */
div.dashboard-panel .panel {
    box-shadow: none;
    border-radius: 0;
}

.dashboard-panel .number {
    font-weight: bold;
}

.dashboard-panel .number,
div.dashboard-panel .panel a.ef-admin-panel-link {
    color: #000;
}

div.dashboard-panel .panel a.ef-admin-panel-link {
    text-decoration: underline;
}

div.tabs-ruler hr,
div.tabs-ruler-special > hr {
    display: none;
}

ul.tabulizedList > li.tabulizedElement.selected > a:not(:first-child),
ul.customTabs > li.active > a {
    color: #000;
}

/* Admin - Course stats, Preview box, Panel */
.ef-dashboard-header .ef-preview-box-course-stats,
.ef-preview-box,
.ef-preview-box-mini {
	background-color: #fff;
    border: 1px solid rgba(0,0,0,.1);
}

.ef-dashboard-header .ef-preview-box-course-stats .ef-info-text {
    margin-top: 0;
    padding: 5px 0 15px 0;
}

.ef-dashboard-header .ef-preview-box-course-stats .ef-info-header {
	margin-top: 20px;
    color: #000;
}

.ef-preview-box {
    padding-bottom: 10px;
}

.panel {
    box-shadow: none;
    border-radius: 0;
}

.colored-info {
    color: #000;
}

/* Admin - Nav pills */
.nav-pills > li.active > a, 
.nav-pills > li.active > a:focus, 
.nav-pills > li.active > a:hover,
.nav-pills > li > a:focus, 
.nav-pills > li > a:hover {
    background-color: #ffd500;
    color: #000 !important;
}

/* Admin - Table */
table:not(.iconTable) {
    background: rgba(255,255,255,.8);
}
.sortedTable tr.oddRowColor {
    background-color: rgba(0,0,0,.02);
}

.sortedTable tr.evenRowColor:hover,
.sortedTable tr.oddRowColor:hover {
    background: rgba(0,0,0,.05);
}

/* Admin - Chart */
[fill="#67b7dc"] {
    fill: #ffd500 !important;
}

[stroke="#67b7dc"] {
    stroke: #ffd500 !important;
}

[fill="#009688"] {
    fill: #000 !important;
}

[stroke="#009688"] {
    stroke: #000 !important;
}

/* DO NOT ADD/EDIT AFTER THIS LINE */
html,body{background-color:#F7F7F7;}
div.ef-block, div.dashboard-panel div.panel-body{background-color:#FFFFFF;}
#ef-navbar, #ef-navbar li a.dropdown-toggle[aria-expanded="true"]{background-color:#000000;border-color:#000000;}
div.breadcrumb-x{background-color:#FFFFFF;border-color:#FFFFFF;}
*.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:#FFD500;border-color:#FFD500;}
html.new-ui-html:root{--c-brand-primary:#000000;--c-brand-primary-darken-5:#000000;--c-brand-primary-darken-7:#000000;--c-brand-primary-darken-10:#000000;--c-brand-primary-darken-15:#000000;--c-brand-primary-darken-17:#000000;--c-brand-primary-darken-20:#000000;--c-brand-primary-darken-25:#000000;--c-brand-primary-lighten-7:#070707;--c-brand-primary-lighten-40:#282828;}
