:root {
    --sanacorp-color-primary-font: #000;
    --sanacorp-color-red:  #C8005A;
    --sanacorp-color-red-light: #FFAED0;
    --sanacorp-color-blue-light: #A3B2FF;
    --sanacorp-color-sand: #F2D6D2;
	--sanacorp-color-sand-light: #F4E4E3;
    --sanacorp-color-orange: #FF4E50; 
    --sanacorp-color-white: #ffffff;
}

.ef-block-content .fa-edit {
  color: #000000;
}

#ef-index-page .ef-custom-block{
 line-height: 1.4; 
}

/*Daniels Änderungen*/
.ef-icon.no-content-added{
 display: none; 
}

body:not(.ef-user-signed-in) .ef-block-header>.row{
 display: none; 
}

/*Daniel Ende*/

/* Fonts */
@font-face {
	font-family: 'ScalaSans';
  	src: url('/assets/fonts/ScalaSans/ScalaSansOT.otf');
}

@font-face {
	font-family: 'ScalaSansWeb';
  	src: url('/assets/fonts/ScalaSansWeb.eot');
      src: url('/assets/fonts/ScalaSansWeb.woff') format('woff');
}

@font-face {
    font-family: 'SharpGroteskBook';
    src: url('/assets/fonts/SharpGrotesk/SharpGroteskBook20.woff2') format('woff2'), 
      url('/assets/fonts/SharpGrotesk/SharpGroteskBook20.woff') format('woff');
}

@font-face {
    font-family: 'SharpGroteskMedium';
    src: url('/assets/fonts/SharpGrotesk/SharpGroteskMedium20.woff2') format('woff2'), 
      url('/assets/fonts/SharpGrotesk/SharpGroteskMedium20.woff') format('woff');
}

.ef-cancel-session-custom.ef-session-link{
 display: none !important; 
}

html,
body {
	font-family: 'ScalaSansWeb', Arial, Helvetica, sans-serif;
	color: var(--sanacorp-color-primary-font);
	color: #000;
    font-variant-numeric: lining-nums;
}

body {
	background: #F4E4E3 url('/assets/images/background/sanacorp_bg.png') no-repeat 0 0;
	background-size: cover;
}

html.popup, 
html.popup body {
	background-image: none;
}

.ef-content-area p, 
.ef-content-area li,  
.ef-content-area h2, 
 .ef-content-area blockquote, 
 .ef-content-area > div:not([class*="video-js"]) span {
	font-family: 'ScalaSansWeb', Arial, Helvetica, sans-serif !important;
}

h1,
h2,
h3,
h4 {
	font-family: 'SharpGroteskMedium', Arial, Helvetica, sans-serif !important;
}

a,
a:link,
a:visited,
a:hover,
a:active,
.btn-link,
.btn-link:hover,
.ef-anchor-like, 
.ef-anchor-like:hover, 
a.link, 
a.link:visited, 
a.link:hover, 
a.link:link {
    color: #C8005A !important;
    color: var(--sanacorp-color-red) !important;
}

.btn {
	border: 0;
	border-radius: 22px;
    text-transform: none !important;
    font-size: 17px;
}

.btn.btn-primary,
.btn.btn-warning,
.btn.btn-danger,
.btn.btn-success,
.tw-bg-brand-primary{
    color: #fff !important;
    color: var(--sanacorp-color-white) !important;
    background-color: #C8005A !important;
    background-color: var(--sanacorp-color-red) !important;
    padding: 12px 30px 11px;
    line-height: 100%;
    white-space: initial;
}

.btn.btn-primary:focus,
.btn.btn-primary:hover,
.btn.btn-warning:hover,
.btn.btn-warning:focus,
.btn.btn-danger:focus,
.btn.btn-danger:hover,
.btn.btn-success:focus,
.btn.btn-success:hover {
    background-color: #FF4E50 !important;
    background-color: var(--sanacorp-color-orange) !important;
}

.btn.btn-default {
    background-color: #fff;
    background-color: var(--sanacorp-color-white);
    color: #FF4E50;
    color: var(--sanacorp-color-red);
	border-width: 1px;
	border-style: solid;
	border-color: #FF4E50;
    border-color: var(--sanacorp-color-red);
    padding: 12px 30px 11px;
    line-height: 100%;
}

.btn-default.active,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:focus,
.btn-default:hover {
    color: #fff !important;
    color: var(--sanacorp-color-white);
    background-color: #FF4E50;
    background-color: var(--sanacorp-color-red);
    box-shadow: none;
}

.btn.note-btn{
    padding: 8px; 
}

.btn-group > .dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
} 

.btn-group .glyphicon.glyphicon-export {
    font-size: 12px;
}

/* Admin toggle buttons: prevent wrap */
.ef-dashboard-header .ef-dashboard-content .btn-group {
    display: flex;
    flex-wrap: nowrap;
    justify-content: end;
}

hr {
    border-color: rgba(0,0,0,.05);
}

/* Logo */
#ef-navbar .container .navbar-header .ef-navbar-logo img,
#ef-navbar .container .navbar-header {
    max-width: 220px;
}

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

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

/* Header - Breadcrumb */
.breadcrumb-x ol.breadcrumb,
.breadcrumb-x .container .ef-breadcrumb {
	padding-left: 0 !important;
}

@media(min-width: 768px) {
    .breadcrumb-x .container .ef-breadcrumb {
        padding-left: 5px;
    }
}

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

#searchDiv #ef-search-bar {
    border-radius: 24px;
}

/* Header - Navbar buttons */
#ef-navbar .container ul.nav.navbar-nav > li > button,
#ef-navbar .container ul.nav.navbar-nav > li > button:hover {
    color:#000;
    color: var(--sanacorp-color-primary-font);
}

/* Header - Navbar alphatar  */
.img-thumbnail {
    background-color: #C8005A !important;
    background-color: var(--sanacorp-color-red) !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;
    background-color: var(--sanacorp-color-white);
}

#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;
    color: var(--sanacorp-color-primary-font);
}

/**
 * Admin Dashboard
*/
#adminDashboard .welcomeHeader,
#adminDashboard .bellInfo,
#adminDashboard .statCard .bigNum,
#adminDashboard .statCard .percBlock  {
    color: var(--sanacorp-color-red);
}

#adminDashboard .sessionStartElement.first:before {
    background-color: var(--sanacorp-color-red);
} 


/* Dashboard */
.dashboard-app .img_placeholder, 
.dashboard-app .panel:hover {
    text-decoration: none;
}

.dashboard-app .panel,
.dashboard-app .panel:hover {
    background-color: var(--sanacorp-color-red) !important;
    border-radius: 0 !important;
}

.jumbotron.dashboard-intro {
    background-color: transparent !important;
}

.jumbotron h1 {
    font-size: 48px;
    color: var(--sanacorp-color-blue-light);
}

.jumbotron.dashboard-intro {
    margin-bottom: 8px;
    padding: 0;
}

.dashboard-app .img_placeholder,
.dashboard-app .panel:hover .img_placeholder {
    background-color: #fff !important;
}

.dashboard-app .panel-heading .img_placeholder img {
    max-width: 70% !important;
    max-height: 30px;
}

.dashboard-app .panel-footer h4 {
    color: #fff !important;
  }

/* Alerts */
.alert.alert-warning {
    background-color: var(--sanacorp-color-blue-light) !important;
}

.ef-new-feature-alert button[type=button].close,
.ef-new-feature-alert a,
.alert.alert-warning a {
    color: #fff !important;
}

.ef-new-feature-alert,
.alert-info,
aside.alert.alert-info {
    color: #fff;
    background-color: var(--sanacorp-color-blue-light);
    border-color: var(--sanacorp-color-blue-light);
}

.alert-warning hr,
.alert-info hr {
  border-top-color: #fff;
}

/* Course - Grid */
.ef-my-courses-controls .ef-my-courses-toggle-view.active {
	color: #C8005A;
    color: var(--sanacorp-color-red);
}

.ef-dashboard-header .ef-course-name h1,
.ef-card-entries .ef-card .ef-card-wrap div.caption .ef-plain.ef-header a {
    line-height: 130%;
	color: var(--sanacorp-color-primary-font) !important;
    font-size: 18px !important;
    word-break: break-word;
    hyphens: auto;
}

.ef-card-entries .ef-card .ef-card-wrap {
	background-color: initial !important;
}

/* .ef-card-entries .ef-card .ef-card-wrap div.caption {
    background-color: rgba(0,0,0,.03);
} */

.ef-card-entries .ef-card .ef-card-wrap div.caption .ef-plain.ef-header {
	max-height: 52px;
	font-size: 1.2em;
}

.ef-card-entries .ef-card .ef-card-wrap div.caption .ef-plain.ef-category {
	font-size: .85em;
    padding-bottom: 0;
    min-height: 30px;
}

.ef-my-courses ul li .ef-my-courses-progress-bar,
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 {
    background-color: var(--sanacorp-color-sand);
}

span.label {
	padding: 4px 4px 2px 4px;
}

.label-ef-ended-at {
    background-color: #FF4E50;
}

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

.search-container.panel {
	margin-bottom: 0;
}

*.progress .progress-bar.progress-bar-success {
    background-color: #C8005A;
    background-color: var(--sanacorp-color-red);
}

table *.progress .progress-bar {
    background-color: var(--sanacorp-color-red);
    color: #fff;
}

/* Magnificent Catalog */
[data-role=expander] i.gj-icon.plus {
    border-color: transparent transparent transparent var(--sanacorp-color-red) !important;
}

[data-role=expander] i.gj-icon.minus {
    border-color: var(--sanacorp-color-red) transparent transparent transparent !important;
}

.gj-checkbox-material-icons input[type=checkbox]:checked+span.checked {
    background-color: var(--sanacorp-color-red) !important;
    border-color: var(--sanacorp-color-red) !important;
}

.checkbox.checbox-switch label > input:checked + span, .checkbox-inline.checbox-switch > input:checked + span {
    background-color: var(--sanacorp-color-red) !important;
    border-color: var(--sanacorp-color-red) !important;
    box-shadow: var(--sanacorp-color-red) 0px 0px 0px 8px inset !important;
}

.ef-card-entries .ef-card .ef-card-wrap div.caption .ef-plain.ef-category {
    background-color: transparent !important;
}

.ef-card-entries .ef-card .ef-card-wrap {
    background-color: rgba(0,0,0,.03) !important;
}

.ef-card-entries .ef-card .ef-card-wrap div.caption {
    background-color: var(--sanacorp-color-sand-light) !important;
}

#mainRow hr {
    border-color: transparent;
}

.ef-card-entries .ef-card .ef-card-wrap div.caption .ef-plain.ef-header {
    padding-top: 5px !important;
}

#headerTitle {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    /*-webkit-line-clamp: 2 !important;*/
    line-height: 120% !important;
  	font-size: 13px !important;
    padding-top: 10px
}

.ef-card-entries .ef-card .ef-card-wrap div.caption .ef-plain.ef-header {
    max-height: 52px !important;
}

#mainRow #ef-refresh {
    margin: 20px 0 0 5px !important;
    width: 100%;
}

#mainRow #ef-refresh-btn {
    border-radius: 22px !important;
    padding: 12px 30px 11px;
    line-height: 100%;
    text-transform: none !important;
    font-size: 17px;
}

#mainRow .ef-my-courses-controls {
    padding: 5px 0 !important;
}

.courses-filter .panel-default.category-filter,
.courses-filter .panel-default.category-filter > .panel-heading {
    border-color: var(--sanacorp-color-sand-light);
    border-radius: 22px;
    background-color: var(--sanacorp-color-sand-light);
}

.courses-filter .panel-default.category-filter > .panel-heading .panel-title {
    font-size: 14px;
    font-weight: normal;
}

/* Course - List */
.ef-my-courses ul li.ef-my-courses-category > ul > li:nth-child(2n+2),
.ef-unit-tree ul > li.ef-courses-list-item.lesson-entry:nth-child(odd),
.ef-unit-tree ul > li.ef-courses-list-item.lesson-entry {
    background-color: rgba(0,0,0,.03);
}

.ef-unit-tree .unit-entry {
    background-color: rgba(255,255,255,.8);
}

.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 > div.ef-entry-head span.ef-entry-name {
	font-size: .75em;
}

.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 {
    background-color: #C8005A;
    background-color: var(--sanacorp-color-red);
}

.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: #FFAED0;
	background-color: var(--sanacorp-color-red-light);
}

.ef-dashboard-header .ef-course-rating,
.ef-dashboard-header .ef-course-rating-options i,
.ef-dashboard-header .ef-course-rating-options i:before {
    color: #C8005A;
    color: var(--sanacorp-color-red);
}

/* Course catalog */
.ef-catalog .ef-card-entries .ef-card .ef-card-wrap div.caption .ef-plain.ef-header {
	line-height: 130%;
}

/*.ef-catalog .ef-card-entries .ef-card .ef-card-wrap > div:first-of-type:not(.thumbnail) {
	height: 0px !important;
}*/

/* Course - Content */
.ef-unit-tree .active-content:before {
	background: #C8005A;
	background: var(--sanacorp-color-red);
}

/* Course - Test */
.ef-question-indicator .ef-question-indicator-current,
.ef-question-indicator .ef-question-indicator-wrong {
    background-color: #C8005A !important;
    background-color: var(--sanacorp-color-red);
    border: 2px solid transparent !important;
    color: #fff !important;
    color: var(--sanacorp-color-white) !important;
}

.ef-question-indicator .ef-question-indicator-done {
    background-color: #C8005A !important;
    background-color: var(--sanacorp-color-red) !important;
    border: 2px solid transparent !important;
    color: #fff !important;
    color: var(--sanacorp-color-white) !important;
    opacity: .5;
}

.ef-question-indicator .ef-question-indicator-incomplete {
    background-color: #fff !important;
    background-color: var(--sanacorp-color-white) !important;
}

.ef-question-indicator .ef-question-indicator-correct {
    border: 2px solid transparent !important;
}

.panel-primary > .panel-heading {
    background-color: #C8005A;
    background-color: var(--sanacorp-color-red);
    border-color: #C8005A;
    border-color: var(--sanacorp-color-red);
}

.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: #C8005A !important;
    color: var(--sanacorp-color-red) !important;
}

/* Form elements */
[type="text"],
[type="password"],
[type="search"],
[type="email"],
select,
textarea,
.selectize-input.full,
.selectize-input {
    background-color: #F4E4E3 !important;
    background-color: var(--sanacorp-color-sand-light) !important;
    border: 0;
    border-radius: 24px !important;
    box-shadow: none;
}

.note-editor.note-airframe .note-editing-area .note-editable, 
.note-editor.note-frame .note-editing-area .note-editable {
    background-color: #F4E4E3 !important;
    background-color: var(--sanacorp-color-sand-light) !important;
}

[type="text"]:focus,
[type="search"]:focus,
[type="password"]:focus,
[type="email"]:focus,
select:focus,
textarea:focus {
   box-shadow: none !important;
}

.input-group-addon {
    background-color: transparent;
    border: 0;
}

.form-control,
.form-control:focus,
.selectize-input {
    border: 0;
    box-shadow: none;
}

/* Cart */
.panel-heading.bg-primary {
    background-color: var(--sanacorp-color-red);
}

.panel-primary {
    border-color: var(--sanacorp-color-red);
}

#cartContentsTable th[name="price"] button,
#cartContentsTable td span.normalPrice,
#ef-cart-payment-table #ef-cart-total,
#ef-cart-payment-table #ef-cart-subtotal,
#ef-cart-payment-table th {
    display: none;
}

/* Admin - Label */
.label-ef-starts-at,
.label-success {
	background-color: #C8005A;
    background-color: var(--sanacorp-color-red);
}

/* 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 div.panel-body {
    background-color: #F4E4E3;
    background-color: var(--sanacorp-color-sand-light);
}

div.dashboard-panel .panel {
	border: 1px solid #fff;
}

/* Admin - Navigation sliders */
ul.tabulizedList > li.tabulizedElement.selected > a:not(:first-child):after {
    border-color: #FF4E50;
    border-color: var(--sanacorp-color-orange);
    border-width: 2px;
}

ul.tabulizedList > li.tabulizedElement > a,
ul.customTabs > li > a {
    color: #000 !important;
    text-transform: none;
    font-size: 14px;
}

#slider {
    background: #FF4E50;
    background: var(--sanacorp-color-orange);
}

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

/* Admin - Course stats, Preview box, Panel */
.ef-dashboard-header .ef-preview-box-course-stats,
.ef-preview-box,
.ef-preview-box-mini {
    background-color: #F4E4E3;
	background-color: rgba(0,0,0,.03);
    border: 0;
}

.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;
}

.ef-preview-box {
    padding-bottom: 10px;
}

.colored-info {
    color: rgba(0,0,0,.7);
}

/* 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 - Nav pills */
.nav-pills > li.active > a, 
.nav-pills > li.active > a:focus, 
.nav-pills > li.active > a:hover {
    background-color: #C8005A;
    background-color: var(--sanacorp-color-red);
	color: #fff !important;
	color: var(--sanacorp-color-white) !important;
}

/* Chart */
[fill="#67b7dc"] {
    fill: #A3B2FF !important;
    fill: var(--sanacorp-color-blue-light) !important;
}

[stroke="#67b7dc"] {
    stroke: #A3B2FF !important;
    stroke: var(--sanacorp-color-blue-light) !important;
}

[fill="#009688"] {
    fill: #FF4E50 !important;
    fill: var(--sanacorp-color-orange) !important;
}

[stroke="#009688"] {
    stroke: #FF4E50 !important;
    stroke: var(--sanacorp-color-orange) !important;
}

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