:root {
    --color-font-primary: #242424;
    --color-primary:  #242424;
    --color-beige: rgb(237, 234, 231);
    --color-hover: #414141;
    --form-border-color: #a4a4a4;
    --color-brand-danger: #c92a2a;
    --color-black-20: rgba(0,0,0,.2);
    --color-ui-background:  rgb(244,243,241);

    /* Background */
    --background-color: var(--color-ui-background);
    /* Anchors */
    --anchor-color: var(--color-primary);
    /* Buttons */
    --button-primary-background-color: var(--color-primary);
    --button-primary-background-color-active: var(--color-hover);
    --button-primary-border-color: var(--color-primary);
    --button-primary-color: #fff;
    /* Header */
    --header-background-color: var(--color-beige);
    /* Form */
    --form-elements-border-color: var(--form-border-color);
}

@font-face {
    font-family: 'Roboto';
    src: url('/assets/fonts/Roboto-Regular.ttf');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/assets/fonts/Roboto-Italic.ttf');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('/assets/fonts/Roboto-Light.ttf');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/assets/fonts/Roboto-LightItalic.ttf');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('/assets/fonts/Roboto-Medium.ttf');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/assets/fonts/Roboto-MediumItalic.ttf');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('/assets/fonts/Roboto-Bold.ttf');
    font-weight: 600;
}

@font-face {
    font-family: 'Roboto';
    src: url('/assets/fonts/Roboto-BoldItalic.ttf');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('/assets/fonts/Roboto-Bold.ttf');
    font-weight: 700;
}

@font-face {
    font-family: 'Roboto';
    src: url('/assets/fonts/Roboto-BoldItalic.ttf');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('/assets/fonts/Roboto-Black.ttf');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/assets/fonts/Roboto-BlackItalic.ttf');
    font-weight: 800;
    font-style: italic;
}

/* Startseite */
html:not(.popup) body:not(.ef-user-signed-in) {
    background-color: var(--background-color);
    font-family: 'Roboto', sans-serif;
}

body:not(.ef-user-signed-in) #ef-navbar .container .navbar-header .ef-navbar-logo img {
    filter: invert(1);
}


body:not(.ef-user-signed-in) #ef-language-select:not(.open) .dropdown-toggle.text-uppercase {
    color: var(--color-font-primary) !important;
}
 
body:not(.ef-user-signed-in) #ef-navbar {
    background-color: var(--color-beige) !important;
    border: 0 !important;
}

body:not(.ef-user-signed-in) div.breadcrumb-x {
    box-shadow: rgba(0, 0, 0, 0.12) 0px 12px 42px -4px;
    border: 0 !important;
    margin: 0;
}

body:not(.ef-user-signed-in) div.ef-block {
    background-color: transparent;
}

body:not(.ef-user-signed-in) .breadcrumb-x .ef-breadcrumb .dropdown.account-link .dropdown-toggle,
body:not(.ef-user-signed-in) .breadcrumb-x .ef-breadcrumb li,
body:not(.ef-user-signed-in) .breadcrumb-x .ef-breadcrumb li a {
    font-size: 16px;
}

body:not(.ef-user-signed-in) .breadcrumb-x .container .ef-breadcrumb {
    display: flex;
    align-items: center;
    padding: 8px 0;
}

body:not(.ef-user-signed-in) .breadcrumb-x .container .ef-breadcrumb > .dropdown.account-link {
    flex: 1;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: end;
}

body:not(.ef-user-signed-in) .custom-login {
    background: transparent url('/assets/images/bora-start-bg.jpeg') no-repeat center center;
    background-size: cover;
    /* aspect-ratio: 16 / 9; */
    display: flex;
    align-items: end;
    min-height: 620px;
}

body:not(.ef-user-signed-in) .breadcrumb-x .container {
    align-items: center;
}

body:not(.ef-user-signed-in) .custom-login .login-slogan h3 {
    color: #fff;
    margin: 0 0 60px 0;
    font-weight: bold;
    font-size: 40px;
}

#ef-login-index h2 {
    font-size: 30px;
    font-weight: bold;
    margin-top: 0;
}

#ef-login-index h4 {
    font-size: 28px;
    font-weight: bold;
    margin-top: 0;
}

#ef-login-index p {
    font-size: 17px;
    line-height: 150%;
}

#ef-login-index .login-intro,
#ef-login-index .external-login {
    margin: 60px 0;
}

#ef-login-index .login-signup {
    margin: 10px 0;
}

#ef-login-index .login-text-image {
    display: flex;
    gap: 24px;
    margin: 60px 0;
}

#ef-login-index .login-text-image article {
    background-color: #fff;
    border-radius: 16px;
    padding: 30px;
    width: calc(50% - 12px);
    box-shadow: rgba(0, 0, 0, 0.06) 0px 10px 32px -4px;
}

#ef-login-index .login-text-divided article figure,
#ef-login-index .login-text-image article figure {
    margin: 0 0 24px !important;
    border-radius: 8px;
    overflow: hidden;
}

#ef-login-index .login-text-divided article figure img,
#ef-login-index .login-text-image article figure img {
    aspect-ratio: 4 / 3;
    max-width: 100%;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

#ef-login-index .login-text-divided {
    background-color: #fff;
    border-radius: 16px;
    padding: 30px;
    box-shadow: rgba(0, 0, 0, 0.06) 0px 10px 32px -4px;
    display: flex;
}

#ef-login-index .login-text-divided > div {
    width: 50%;
    display: flex;
    align-items: center;
}

#ef-login-index .login-text-divided > div:first-of-type {
    border-right: 1px solid var(--color-ui-background);
    padding-right: 24px;
}

#ef-login-index .login-text-divided > div:last-of-type {
    padding-left: 24px;
}

.ef-login-with.ef-saml-login.custom {
    text-transform: none;
    width: auto;
    margin-left: 20px;
    display: flex;
    align-items: center;
}

.ef-login-with.ef-saml-login.custom img {
    max-width: 20px;
    object-fit: contain;
}

#login_form {
    padding: 0 !important;
    margin-bottom: 30px;
}

#login_form .col-md-6,
#login_form .form-group {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body:not(.ef-user-signed-in) .btn-primary {
    background-color: var(--button-primary-background-color) !important;
    border-color: var(--button-primary-border-color) !important;
    color: var(--button-primary-color) !important;
    box-shadow: none;
    white-space: normal;
    text-transform: none;
    border-radius: 6px;
    font-size: 16px;
    padding: 8px 20px;
}

body:not(.ef-user-signed-in) .btn-primary:hover {
    background-color: var(--button-primary-background-color-active) !important;
    color: var(--button-primary-color) !important;
    border-color: var(--button-primary-background-color-active) !important;
}

body:not(.ef-user-signed-in) .btn-default {
    background-color: var(--color-ui-background) !important;
    border-color: var(--color-primary) !important;
    color: var(--color-primary) !important;
    box-shadow: none;
    white-space: normal;
    text-transform: none;
    border-radius: 6px;
    font-size: 16px;
    padding: 8px 20px;
}

body:not(.ef-user-signed-in) .btn-default:hover {
    background-color: var(--color-beige) !important;
    border-color: var(--color-primary) !important;
    color: var(--color-primary) !important;
    box-shadow: none;
    white-space: normal;
    text-transform: none;
    border-radius: 6px;
    font-size: 16px;
    padding: 8px 20px;
}

body:not(.ef-user-signed-in) label,
body:not(.ef-user-signed-in) input,
body:not(.ef-user-signed-in) select {
    font-size: 16px;
}

body:not(.ef-user-signed-in) [type='text'],
body:not(.ef-user-signed-in) [type='email'],
body:not(.ef-user-signed-in) [type='url'],
body:not(.ef-user-signed-in) [type='password'],
body:not(.ef-user-signed-in) [type='number'],
body:not(.ef-user-signed-in) [type='date'],
body:not(.ef-user-signed-in) [type='datetime-local'],
body:not(.ef-user-signed-in) [type='month'],
body:not(.ef-user-signed-in) [type='search'],
body:not(.ef-user-signed-in) [type='tel'],
body:not(.ef-user-signed-in) [type='time'],
body:not(.ef-user-signed-in) [type='week'],
body:not(.ef-user-signed-in) [multiple],
body:not(.ef-user-signed-in) textarea,
body:not(.ef-user-signed-in) select,
body:not(.ef-user-signed-in) .form-control,
body:not(.ef-user-signed-in) .input-group-addon {
    border-color: var(--form-elements-border-color) !important;
    border-radius: 8px;
    font-size: 14px !important;
    box-shadow: none !important;
    border-width: 2px !important;
}

body:not(.ef-user-signed-in) .form-control:focus {
    border-color: var(--form-elements-border-color) !important;
    outline: 0;
    box-shadow: none !important;
}

body:not(.ef-user-signed-in) .eye-input-group {
    background-color: #fff !important;
}

body:not(.ef-user-signed-in) .form-control {
    height: 44px;
}

body:not(.ef-user-signed-in) .input-group-addon:last-child {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}



@media(max-width: 767px) {
    #ef-login-index .login-text-divided > div,
    #ef-login-index .login-text-image article {
        width: 100%;
    }

    #ef-login-index {
        padding: 0 10px;
    }

    body:not(.ef-user-signed-in) .custom-login {
        padding: 20px 10px 10px;
        min-height: auto;
    }

    body:not(.ef-user-signed-in) .custom-login .login-slogan h3 {
        margin: 0 0 40px 0;
    }

    #ef-login-index .login-text-image,
    #ef-login-index .external-login {
        margin: 30px 0;
    }

    #login_form {
        margin-bottom: 0;
    }

    #ef-login-index .login-text-divided,
    #ef-login-index .login-text-image {
        flex-wrap: wrap;
    }

    #ef-login-index .login-text-divided > div:first-of-type {
        border-bottom: 1px solid var(--color-ui-background);
        padding-bottom: 24px;
        border-right: 0;
        padding-right: 0;
    }
    
    #ef-login-index .login-text-divided > div:last-of-type {
        padding-left: 0;
        padding-top: 24px;
    }
}

.ef-expiration-radio.active
{
  background-color:#bcaa97 !important;
}

.ef-switch-account>i{
 overflow: unset;
word-wrap: anywhere;
word-break: keep-all;
white-space: break-spaces; 
}
html.popup body {
	background-image:none;
}
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=cyrillic,latin,greek);

@font-face {
    font-family: 'Corporate S';
    src: url('/plugins/Customizing/assets/fonts/CorporateS-Regular.woff2') format('woff2'),
        url('/plugins/Customizing/assets/fonts/CorporateS-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


#ef-navbar form.navbar-form .selectize-input, #ef-navbar form.navbar-form input[type='text'], #ef-navbar form.navbar-form span.search-handle {
	/*border-color: #1a1a1a;
  	background-color: #1a1a1a;*/
}

#ef-navbar .container ul.nav.navbar-nav li#user-roles a.ef-switch-account span.fa {
	color: lightgrey;
}

#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li > a:hover {
	background-color: lightgrey;
}

#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 {
	color: black;
}

#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu {
    background-color: white !important;
    color: black;
}

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

#ef-navbar .container ul.nav.navbar-nav li a.dropdown-toggle + ul.dropdown-menu {
	background-color: white;
    color: black;
}

#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu li a ~ ul.dropdown-menu {
	background-color: white;
    color: black;
}

.ef-unit-tree .active-content {
	background-color: rgb(130,0,0);
}

.panel-danger > .panel-heading {
    color: white;
    background-color: rgb(130,0,0);
    border-color: rgb(130,0,0);
	}

	.panel-danger {
		border-color: rgb(130,0,0);
	}

.panel-warning > .panel-heading {
    color: black;
    background-color: rgb(170,155,140);
    border-color: rgb(170,155,140);
	}

	.panel-warning {
		border-color: rgb(170,155,140);
	}

.panel-success > .panel-heading {
    color: white;
    background-color: rgb(0,0,0);
    border-color: rgb(0,0,0);
}

.panel-success {
		border-color: black;
}

.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
	color: black;
}

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

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

#ef-navbar .container ul.nav.navbar-nav li#user-roles a.ef-switch-account span.fa:after {
	color: #bcaa97 !important;
}

.avatar-special-img {
	background-color: rgb(188,170,151) !important;
}

a.fc-event {
	background: black;
  	border-color: white;
}

td.fc-widget-header {
	background-color: black;
  	border-color: white;
}

th.fc-widget-header{
	background-color: black;
  	border-color: white;
}

.label-ef-completed {
	background-color: black;
}

.ef-my-courses .ef-courses-list ul li.ef-my-courses-category ul li.ef-my-courses-category > div.ef-entry-head {
	background-color: black;
}

.img-thumbnail {
	background-color: rgb(188,170,151) !important;
}

.slider-handle {
	background-image: linear-gradient(to bottom, rgb(130,0,0) 0%, rgb(130,0,0) 100%) !important;
}

.text-danger {
    color: rgb(130,0,0);
}

body {
  background: #ddd;
  font-family: 'Corporate S', sans-serif;
}

.ef-unit-tree i.passed.ef-tooltip-toggle.fa-check {
	color: black !important;
}

.ef-dashboard-header .ef-main-action-button .btn.btn-success {
	background-color: black !important;
  	border-color: black !important;
}

.selectize-dropdown .active {
	background-color: #ccc;
}

*.progress .progress-bar.progress-bar-success {
	background-color: black;
}

.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: black !important;
}

.selectize-dropdown-content {
	padding: 0;
}

.body.ef-user-signed-in .form-control {
	border-radius: 0;
  	border: 2px solid #ccc;
}

.btn {
	border-radius: 0;
}

.btn-danger {
	color: white;
  	background-color: rgb(130,0,0);
    border-color: rgb(130,0,0);
}

.btn-danger:hover {
	background-color: rgb(130,0,0);
    border-color: rgb(130,0,0);
}


.btn.btn-primary {
 	color: white !important;
}

.btn.btn-primary:hover {
	background-color: #bcaa97 !important;
  	border-color: #bcaa97 !important;
}


body.ef-user-signed-in .selectize-control.single .selectize-input, 
body.ef-user-signed-in .selectize-control.single .selectize-input input {
	border-radius: 0;
}

.video-js .vjs-big-play-button {
	border: none;
  	background-color: transparent;
}

.label-success {
	background-color: black;
}

#ef-navbar .container ul.nav.navbar-nav > li a.dropdown-toggle .img-thumbnail {
	background-color: #bcaa97 !important;
}

/* Icons */
.ef-my-courses .ef-block-header a.ef-block-handle.ef-my-courses-toggle-view.active {
 color: rgb(130,0,0);
}

/* Input-area */
.form-control:focus {
 border-color: black;
  box-shadow: none;
}

.selectize-input.focus {
 border-color: black;
  box-shadow: none;
}

/* Student */
.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: #000000;
}

.panel-primary > .panel-heading {
 background-color: black;
  border-color: black
}

.panel-body:focus {
 border:none!important;
}

.ef-question-panel {
 background-color: white;
}

/* LINKS */
ul.customTabs > li.active > a {
 color: #000000;
}

.ef-my-courses .ef-courses-list div.ef-entry-head span.ef-entry-name a:hover {
 color: rgb(170,155,140);
}

.ef-unit-tree ul.ef-courses-list div.ef-entry-head span.ef-entry-name a:hover{
 color:  rgb(170,155,140);
}

.ef-dashboard-header .ef-course-rating {
 color: black;
}

.colored-info {
 color: #000000;
}

div.breadcrumb-x ol.breadcrumb li.active a {
 color: #000000!important;
  font-size: 1.2em;
  text-decoration: none;
}

div.breadcrumb-x ol.breadcrumb.visible-lg li a {
 height: 24px;
}

ul.tabulizedList > li.tabulizedElement.selected > a:not(:first-child) {
 color: #000000;
}

.ef-anchor-like,
a.link,
a.link:visited,
a.link:hover,
a.link:link,
a.ef-toggle-hidden-section {
 color: #000000!important;
}


/*Box-Shadow*/
div.ef-block {
 box-shadow: none;
}

/*Kachel*/
.iconData:hover {
 background-color: white!important;
 color: rgb(170,155, 140)!important;
}

/*Box Titles*/
div.block .title {
  background:#FFF;
  border: 4px solid #ccc;
  border-bottom: 0px;
  position: relative;
  top: 8px;
}

/*Box Content*/
div.block .content {
  border: 4px solid #ccc;
  box-shadow: 0 1px 1px rgba(0,0,0,0); /*shadow*/
  border-radius: 8px;
}

/*Handle in a different way blocks within a block*/
div.block div.block .content {
  border: 0px;
}

/*Hide top left radious when then block has a Header*/
div.block .blockHeader ~ .content {
  border-top-left-radius: 0px;
}

/*Consistency with toolbars*/
div.block .toolbar {
  border: 4px solid #ccc;
  border-bottom: 0px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

/* Hide radious on box after a toolbar*/
div.block .toolbar ~ .content {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-top:0px;
}

/*Graph*/
path[fill="#009688"]
{
 fill:rgba(0, 0, 0, 0.9);
}

path[fill="#67b7dc"]
{
  fill:rgba(0, 0, 0, 0.9);
}

path[stroke="#009688"]
{
  stroke:rgba(130,0,0,0.9);
}

circle[fill="#009688"]{
 fill:rgba(130,0,0,0.9);
}

circle[stroke="#009688"]{
 stroke:rgba(0130,0,0,0.9);
}

path[stroke="#67b7dc"]
{
  stroke:rgba(0, 0, 0, 0.9);
}


circle[fill="#67b7dc"]{
   fill:rgba(0, 0, 0, 0.9);
}

circle[stroke="#67b7dc"]{
   stroke:rgba(0, 0, 0, 0.9);
}

.label-ef-starts-at   { background-color: rgb(130,0,0); }
.label-ef-pending     { background-color: rgb(0,0,160); }
.label-ef-expired     { background-color: rgb(0,0,0); }
.label-ef-depends     { background-color: rgb(0,0,160); }
.label-ef-ends-at     { background-color: rgb(130,0,0); }
.label-ef-ended-at    { background-color: rgb(130,0,0); }
.label-ef-started     { background-color: rgb(255,255,255); }
.label-ef-finished    { background-color: rgb(0,0,160); }
.label-ef-completed   { background-color: rgb(204,204,204); color:rgb(0,0,0) !important; }
.label-ef-failed      { background-color: rgb(130,0,0); }
.label-ef-cancelled   { background-color: rgb(130,0,0); }
.label-ef-expires     { background-color: rgb(0,0,0); }
.label-ef-roster      { background-color: rgb(0,0,0); }
.label-ef-curriculum  { background-color: rgb(0,0,160); }
.label-ef-test        { background-color: rgb(0,0,0); }
.label-ef-bora        { background-color: rgb(0,0,0); }

.btn-success, .btn-success:hover {
	background-color: rgb(0,0,0);
	border-color: rgb(0,0,0);
}
.btn-warning, .btn-warning:hover {
	background-color: rgb(130,0,0);
	border-color: rgb(130,0,0);
}

.alert-success { background-color: rgb(0,0,0) !important; }
.alert-info    { background-color: rgb(0,0,160) !important; }
.alert-warning { background-color: rgb(130,0,0) !important; }
.alert-danger  { background-color: rgb(130,0,0) !important; }
.alert hr { border-top-color: white !important; }

div.ef-question-indicator > .ef-question-indicator-done {
    background-color:rgb(0,0,160)!important;
    border:2px solid rgb(0,0,160)!important;;
    color:white!important;;
  }
  div.ef-question-indicator > .ef-question-indicator-current {
    background-color:rgb(170,155,140)!important;;
    border:2px solid rgb(170,155,140)!important;;
  }
  div.ef-question-indicator > .ef-question-indicator-incomplete {
    background-color:#fff!important;;
    border:2px solid #ccc!important;;
    color:#ccc!important;;
  }
  div.ef-question-indicator > .ef-question-indicator-correct {
    background-color:rgb(0,0,0)!important;;
    border:2px solid rgb(0,0,0)!important;;
    color:#fff!important;;
  }
  div.ef-question-indicator > .ef-question-indicator-wrong {
    background-color:rgb(130,0,0)!important;;
    border:2px solid rgb(130,0,0)!important;;
    color:#fff!important;;
  }
  div.ef-question-indicator > .ef-question-indicator-partial {
    background-color: rgb(130,0,0) !important;;
    border:2px solid rgb(130,0,0)!important;;
    color:#fff!important;;
  }

/* DO NOT ADD/EDIT AFTER THIS LINE */
#ef-navbar, #ef-navbar li a.dropdown-toggle[aria-expanded="true"]{background-color:#000000;border-color:#000000;}
*.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:#1A1A1A;border-color:#1A1A1A;}
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;}
:root{--c-brand-primary:#1a1a1a;--c-brand-primary-darken-5:#151515;--c-brand-primary-darken-7:#131313;--c-brand-primary-darken-10:#101010;--c-brand-primary-darken-15:#0b0b0b;--c-brand-primary-darken-17:#090909;--c-brand-primary-darken-20:#060606;--c-brand-primary-darken-25:#010101;--c-brand-primary-lighten-7:#212121;--c-brand-primary-lighten-40:#424242;}