@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');

:root {
    --color-font-primary: #000;
	--color-font-blue: #003863;
    --color-primary:  #0075a4;
    --color-ui-background:  #f5f5f5;
	--color-blue: #2995d1;
	--color-blue-light: #EAEDF1;
    --color-blue-dark:  #03477B;
    --color-grey: #707070;

	/* Course - Rating */
    --course-rating-color: var(--color-font-primary);
    --course-rating-star-color: var(--color-blue);

	--c-brand-primary: var(--color-primary);
	--c-brand-primary-darken-5: #e8e8e8;
	--c-brand-primary-darken-7: #e6e6e6;
	--c-brand-primary-darken-10: #e3e3e3;
	--c-brand-primary-darken-15: #dedede;
	--c-brand-primary-darken-17: #dcdcdc;
	--c-brand-primary-darken-20: #d9d9d9;
	--c-brand-primary-darken-25: #d4d4d4;
	--c-brand-primary-lighten-7: #f4f4f4;
	--c-brand-primary-lighten-40: #ffffff;
}

html,body{
  background-color: #f5f5f5 !important;
}

.ef-dashboard-header>.row fieldset legend {
  color: #003863;
}

.btn.btn-danger{
  background-color: #D94368;
}

.slick-slider .slick-dots{
 display: none !important; 
}
.ef-standard-course-type, .label-ef-roster{
 text-transform: uppercase !important; 
}
.course-list-item .course-category-wrapper>div{
 font-size: 11px; 
}

/* CENTER HEADER VERTICALLY - START */
header#ef-navbar #userNavBar{
	display: flex;
  	align-items: center;
}

/* My Courses */
.ef-my-courses-controls .form-control,
.ef-my-courses-controls #ef-order-button {
	background-color: #f1f3f9;
    border-color: #f1f3f9;
    color: #2f3237;
    box-shadow: none;
}

.ef-card-entries .ef-card .ef-card-wrap div.caption .ef-plain.ef-header a{
  font-size: 16px !important;
}

.elfinder * {
	font-family: 'Roboto', sans-serif !important;
}

div.ui-resizable-handle.ui-icon-grip-dotted-vertical {
	display: none; 
}


  
.ef-my-courses-controls .form-control {
	font-size: 14px;
}

.ef-my-courses-controls .panel {
	box-shadow: none;
}

.label.label-ef-ilt{
  background-color: #003863;
}

.ef-my-courses-controls .open > .dropdown-menu {
	margin: auto;
}

.ef-my-courses-controls #ef-reset-button {
	border-radius: 3px !important;
    background-color: #008dd1;
    border-color: #008dd1;
    color: #fff;
}

.ef-card-entries .ef-card {
    height: 330px;
}

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 {
  height: 8px;
}

.ef-card-entries .ef-card .ef-card-wrap,
.ef-card-entries .ef-card .ef-card-wrap div.caption {
	background-color: var(--color-blue-light) !important;
	border-radius: 0 !important;
}

.ef-card-entries .ef-card .ef-card-wrap:hover {
    box-shadow: none !important;
}

.ef-card-entries .ef-card .ef-card-wrap div.caption .ef-plain.ef-category,
.ef-card-entries .ef-card .ef-card-wrap div.caption .ef-plain.ef-header a {
	color: var(--color-font-blue);
}

.ef-card-entries .ef-card .ef-card-wrap div.caption .ef-plain.ef-header a {
    font-size: 16px;
	font-weight: bold;
}

.ef-card-entries .ef-card .ef-card-wrap div.caption .ef-plain.ef-category {
    font-size: 11px;
}

.label.label-ef-elearning,
.ef-card-entries .ef-card.ef-course .ef-card-wrap div.caption .ef-plain.ef-tags span.label.elearning.ef-standard-course-type,
.ef-card-entries .ef-card.ef-course.ef-course-type-elearning .ef-card-wrap div.caption .ef-plain.ef-tags span.label.label-ef-curriculum {
	background-color: #20bade !important;
	color: white;
}

.ef-my-courses.ef-my-courses-list ul li.ef-my-courses-category > div.ef-entry-head .ef-expand-collapse-handle,
.ef-my-courses.ef-my-courses-list .ef-entry-name {
	color: var(--color-font-blue) !important;
}

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

.ef-my-courses .ef-courses-list ul li.ef-my-courses-category ul li:first-child{
	border-top-color: var(--color-font-blue) !important;
}

header#ef-navbar #searchInputContainer > .navbar-collapse{
	display: flex;
  	align-items: center;
}

header#ef-navbar #searchInputContainer > .navbar-collapse > #main{
	width: 100%;
}

/* Catalog */
.ef-card.ef-course-card:not(.ef-catalog-entry) .ef-card-wrap.ef-course-wrap > div:first-of-type,
.ef-card-entries .ef-card .ef-card-wrap .ef-color-header {
    height: 0 !important;
}
/* CENTER HEADER VERTICALLY - END */

/* START - Customizing Dashboard Plugin */
	#dashboardHeader ~ .jumbotron.jumbotron-fluid.dashboard-intro{
      	background-color: transparent !important; 
	}
/* END - Customizing Dashboard Plugin */

#widgetGrid .courseContainer {
	box-shadow: none;
	background-color: var(--color-blue-light);
}

#widgetGrid .course-tags-wrapper .cLabel {
    white-space: nowrap;
}

#widgetGrid .cLabel {
	font-size: 11px;
	text-transform: uppercase;
	font-weight: normal;
	padding: 2px 4px;
	border-radius: 1px;
	margin: 2px;
	text-align: center;
	line-height: 1;
}

#widgetGrid .course-widget-vertical-list-wrapper .course-list-item .course-info-wrapper .course-tags-wrapper {
    max-height: 20px;
}

body
{
	background-color:#ffffff;
	font-family: 'Roboto', sans-serif;
}

.note-editor p{
	font-family: 'Roboto' !important;
}

#ef-navbar
{
	background-color:var(--color-font-blue);
	height:96px;
}

#ef-navbar .container .navbar-header
{
	max-width:174px;
}

#ef-navbar .container .navbar-header .ef-navbar-logo
{
	max-width:174px;
}

#ef-navbar .container .navbar-header .ef-navbar-logo img
{
	padding:0px;
}

/* #ef-search-bar,
.searchDivRight,
.searchDivRight .search-handle
{
	background-color:#f5f5f5 !important;
} */

#ef-navbar .container ul.nav.navbar-nav > li > a
{
	color:#f5f5f5;
}

#ef-navbar .container ul.nav.navbar-nav > li > a:hover
{
	color:#0075a4;
}

#ef-navbar .container ul.nav.navbar-nav li.open a.dropdown-toggle
{
	background:none;
}

#ef-navbar .container ul.nav.navbar-nav > li a.dropdown-toggle .img-thumbnail
{
	background-color:#838e92 !important;
	box-shadow:none;
}

#ef-navigation > li:not(.user-preferences){
	margin-top: 11px !important;
  	margin-right: 10px !important;
    background-color: #008dd1;
    height: 36px !important;
    border-radius: 3px;
}

/*#ef-navigation > li:not(.user-preferences) > *{
  height: inherit !important;
  line-height: inherit !important;
  display: flex;
  align-items: center;
}*/

#ef-navigation > li > a[href*="/katalog/"]{
  	height: 100% !important;
  	display: flex;
  	align-items: center;
}

#ef-navigation > li#nav-gamification-points > a{
	display: flex;
  	align-items: center;
  	height: 100%;
}

#ef-navigation > li > #ef-timeout-timer-container{
		padding: 10px;
}

div.breadcrumb-x
{
	background-color:var(--color-blue-dark) !important;
	/* box-shadow:0px 3px 3px -3px rgba(0, 0, 0, 0.25); */
}

div.breadcrumb-x ol.breadcrumb li
{
	margin-right:15px;
}

div.breadcrumb-x li a
{
	color:#f5f5f5 !important;
}

div.breadcrumb-x ol.breadcrumb li.active a
{
	font-size:inherit;
	font-weight:normal;
	/* color:#0075a4; */
}

.breadcrumb > li + li::before
{
	display:none;
}

/* Login */
/* html:not(.popup) body:not(.ef-user-signed-in) #ef-index-page #ef-login-index form .divider,
html:not(.popup) body:not(.ef-user-signed-in) #ef-index-page #ef-login-index form .row.ef-row:last-of-type {
	display: none;
} */

html:not(.popup) body:not(.ef-user-signed-in) #ef-index-page > .col-md-6 > div:first-of-type .ef-block {
    box-shadow: none !important;
}

html:not(.popup) body:not(.ef-user-signed-in) #ef-index-page > .col-md-6 > div:first-of-type .ef-block-content {
    padding-top: 0;
}

html:not(.popup) body:not(.ef-user-signed-in) #ef-index-page > .col-md-6 > div:first-of-type .ef-custom-block {
    padding: 0 !important;
}

html:not(.popup) body:not(.ef-user-signed-in) #ef-index-page .saml-teaser {
	padding: 16px;
}

html:not(.popup) body:not(.ef-user-signed-in) #ef-index-page .saml-teaser i {
	font-size: 14px;
    margin-right: 4px;
    float: left;
    border-radius: 50%;
    text-align: center;
    padding: 0px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
    color: #fefefe;
    background-color: #4360B3;
}

html:not(.popup) body:not(.ef-user-signed-in) #ef-index-page .saml-teaser .ef-login-with {
    cursor: pointer;
    display: inline-block;
    padding: 0px;
    border-radius: 3px;
    text-transform: uppercase;
    width: 215px;
    max-width: 100%;
    overflow: hidden;
    text-align: left;
    line-height: 29px;
    color: #5D78C3;
}

#login_form label {
    color: var(--color-grey);
}

/* div.ef-block table.iconTable td.iconData:hover
{
	background-color:#e3e4e6;
} */

/* ul.customTabs > li.active > a,
ul.tabulizedList > li.tabulizedElement.selected > a:not(:first-child)
{
	color:#0075a4;
}

ul.tabulizedList > li.tabulizedElement.selected > a:not(:first-child):after
{
	display:none;
}

#slider,
#sliderNested
{
	display:none !important;
}

.nav-pills > li > a:hover,
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus
{
	background-color:rgba(0, 0, 0, 0.15);
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus
{
	color:#294061;
} */

/** 
 * Admin - Navigation sliders 
*/
ul.tabulizedList > li.tabulizedElement.selected > a::after,
ul.tabulizedList > li.tabulizedElement.selected > a:not(:first-child):after {
    border-color: var(--color-primary);
}

#slider,
ul.customTabs .slider {
    background: var(--color-primary);
}

div.tabs-ruler hr,
div.tabs-ruler-special > hr {
    display: none;
}

ul.tabulizedList > li.tabulizedElement.selected > a,
ul.customTabs > li.active > a,
ul.tabulizedList > li.tabulizedElement.selected > a:not(:first-child) {
    color: var(--color-primary);
}


.ef-my-courses .ef-block-header a.ef-block-handle:hover
{
	color:inherit;
}

.ef-my-courses .ef-block-header a.ef-block-handle.ef-my-courses-toggle-view.active
{
	color:#83CEE6;
}

.ef-my-courses .ef-courses-list ul li.ef-my-courses-category
{
	margin-top:0px;
	margin-bottom:0px;
}

.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:#0075a4;
}

.ef-my-courses ul li.ef-my-courses-category > div.ef-entry-head .ef-expand-collapse-handle,
.ef-my-courses ul li.ef-my-courses-category > div.ef-entry-head span.ef-entry-name,
.ef-my-courses ul li.ef-my-courses-category > div.ef-entry-head span.ef-entry-name:hover
{
	color:#555555;
}

.ef-my-courses ul li.ef-my-courses-category > ul > li:nth-child(n+1) div.ef-entry-head:hover,
.ef-my-courses ul li.ef-my-courses-category > ul > li:nth-child(2n+2),
.ef-my-courses ul li.ef-my-courses-category > ul > li:nth-child(2n+2) div.ef-entry-head:hover
{
	background-color:#ffffff;
}

.ef-my-courses .ef-courses-list div.ef-entry-head span.ef-entry-name a:hover,
.ef-unit-tree ul.ef-courses-list div.ef-entry-head span.ef-entry-name a:hover
{
	color:#0075a4;
}

#content-title-row
{
	margin-bottom:15px;
}

.ef-unit-tree ul > li.ef-courses-list-item.lesson-entry:nth-child(even):not(.unit-entry),
.ef-unit-tree ul > li.ef-courses-list-item.lesson-entry:nth-child(odd):not(.unit-entry)
{
	background-color:#f0f0f0;
}

div.ef-entry-description
{
	display:none;
}

.ef-dashboard-header .ef-main-action-button .btn.btn-success
{
	white-space:initial;
}

a:hover,
a.link:hover,
a.link:link:hover,
a.link:hover:hover
{
	text-decoration:none;
}

a.link,
a.link:link,
a.link:hover,
a.link:visited
{
	color:#0075a4 !important;
}

#ef-login-index div.ef-block-content form div.row #forgot-passwd
{
	color:#0075a4;
}

#ef-description a.more-less-link
{
	color:#0075a4 !important;
}

.btn.btn-primary:not(.active)
{
	background-color:#838e92;
	border-color:#838e92;
}

.btn.btn-primary:not(.active):hover,
.btn.btn-primary:not(.active):focus
{
	background-color:#0075a4;
	border-color:#0075a4;
}

.btn.btn-success:not(.active),
.btn.btn-success:not(.active):hover,
.btn.btn-success:not(.active):focus,
.btn.btn-success:not(.active):hover:focus{
	background-color:#008dd1;
	border-color:#008dd1;
}

/* COURSE DASHBOARD */
.ef-dashboard-header .ef-main-action-button .btn.btn-success,
.ef-dashboard-header .ef-main-action-button .btn.btn-success:hover,
.ef-dashboard-header .ef-main-action-button .btn.btn-success:focus,
.ef-dashboard-header .ef-main-action-button .btn.btn-success:hover:focus{ 
	background-color: #008dd1;
  	border-color: #008dd1;
}

.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: #008dd1 !important;
}

.ef-unit-tree i.passed.ef-tooltip-toggle.fa-check,
.fa-check{
	color: #008dd1 !important;
}

.ef-unit-tree .active-content::before,
.progress .progress-bar.progress-bar-success{
	background-color: #008dd1;
}

.ef-dashboard #ef-course-name-heading,
.ef-dashboard #content-title-row .course-content-heading,
.ef-dashboard #ef-description .more-less-link,
.ef-dashboard .ef-category-name,
.ef-dashboard #ef-course-rating-label,
.progress .progress-bar .progress-bar-content{
	color: #003863;
}

div.ef-block, div.dashboard-panel div.panel-body{
  /*background-color: white !important;*/
  box-shadow: none !important;
}

.ef-nav-handle i{
	color: #003863;
}

.ef-content ~ .ef-content-footer .btn.btn-warning.ef-failure-button.ef-content-handle,
.ef-content ~ .ef-content-footer .btn.btn-primary.ef-content-handle.ef-incomplete-button{
  background-color: #f18926;
  border-color: #f18926;
}

/* Search */
#ef-navbar form.navbar-form .searchDivRight,
#ef-navbar #ef-search #searchDiv #ef-search-bar {
    background-color: #fff;
}

.new-ui .twui-content #ef-navbar #ef-search #searchDiv #ef-search-bar {
	border: 0 !important;
	border-radius: 0 !important;
}

/* Course */
#ef-toggle-fullscreen {
	background-color: #fff;
}

/**
 *  Course Rating 
*/
.ef-dashboard-header .ef-course-rating {
    color: var(--course-rating-color);
}

.ef-dashboard-header .ef-course-rating-options i,
.ef-dashboard-header .ef-course-rating-options i:before {
    color: var(--course-rating-star-color);
}

.ef-card-entries .ef-card .ef-card-wrap div.caption div.ef-rate span.fa.active {
    color: var(--course-rating-star-color) !important;
}

/* New UI */
.new-ui header.twui-old-navbar-replacement {
	background-color: var(--color-font-blue);
	border: 0;
}

.new-ui header.tw-sticky.twui-old-navbar-replacement button.twui-dropdown,
.new-ui header.tw-sticky.twui-old-navbar-replacement button.twui-dropdown > span > i.fa-light,
.new-ui header.tw-sticky.twui-old-navbar-replacement .fa-light.fa-magnifying-glass,
.new-ui header.tw-sticky.twui-old-navbar-replacement .fa-light.fa-bars {
	color: #fff;
}

@media(min-width: 767px) {
	.new-ui .twui-content #ef-navbar #searchInputContainer #ef-search.navbar-form {
		background: transparent;
	}
}

#ef-bookmark-button{
color: white;
}
div.breadcrumb-x li a.ef-bookmark-list-item,div.breadcrumb-x li a.ef-bookmark-item{
 color: black !important; 
}
.fa-light.fa-gem{
 color: white; 
}
.tw-sticky.twui-old-navbar-replacement{
 padding-top: 1.8rem; 
}

#widgetGrid .statisticsContainer .iconsWrapper span.fa-bookmark {
  	display: none;
}

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