/*Place your CSS code here*/
.searchDivRight > span:nth-child(1) {
    display: none!important;
}

.label.label-custom1 {
background-color: cornflowerblue;
}

.label.label-custom2 {
background-color: red;
}

.label.label-custom3 {
background-color: blue;
}

.label.label-custom4 {
background-color: orange;
}

.searchDivRight {
    background: #f0f0f0!important;
}

#background-3-div {
    display: none;
}

body:not(.ef-user-signed-in) div.breadcrumb-x ol.ef-breadcrumb > li {
    display: none!important;
}

body.ef-user-signed-in #helpdesk-link {
    margin-top: -35px;
}
body:not(.ef-user-signed-in) .cb-h3-12 {
    color: #66cc00;
}

body:not(.ef-user-signed-in) .ef-navbar-logo.navbar-brand {
    height: inherit!important;
}

.btn.btn-link:hover {
    background-color: transparent!important;
    text-decoration: underline!important;
}

#ef-toggle-fullscreen {
    color: white!important;
}

.selectize-control.multi .selectize-input > div {
    background-color: #66cc00!important;
}

.btn-success {
    background-color: #66cc00!important;
    border-color: #66cc00!important;
}

.text-success {
    color: #66cc00;
}

.label-professor {
    background-color: #66cc00!important;
}

#ef-navbar .container ul.nav.navbar-nav > li > a:visited, #ef-navigation > li.hidden-xs.open > a  {
    color: #72be1d!important;
}

#communication.open > a {
    color: #66cc00!important;
}

.ef-dashboard-header .ef-main-action-button .btn.btn-success {
    background-color: #66cc00!important;
}
.selectize-input.focus {
    border-color: #66cc00!important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 204, 0, 0.6)!important;
}

#ef-my-courses-list-content, #ef-my-courses-list-content > div, #ef-my-courses-grid-content, #ef-my-courses-grid-content > div {
    background-color: transparent;
}
#ef-my-courses-list-content > div > div.ef-block.animated, #ef-my-courses-grid-content > div > div.ef-block.animated {
    background-color: rgba(0,0,0,0.2);
    box-shadow: none!important;
}
#ef-course-list-order-by, 
#ef-show-courses-action-handler, 
#ef-show-courses-buttons .caret, 
#ef-order-buttons .caret, 
.ef-my-courses .ef-block-header a.ef-block-handle,
.container > .ef-my-courses-controls .ef-block-handle {
    color: white;
}
.ef-my-courses ul li.ef-my-courses-category > ul > li:nth-child(2n+2) {
    background-color: white!important;
}

div.col-md-12:nth-child(3) > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) {
    padding-top: 0!important;
    padding-bottom: 5px;
}


div.col-md-12:nth-child(3) > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) {
    background: rgba(255,255,255,0.8);
    padding: 20px;
}

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

.container > .ef-my-courses-controls {
    background-color: rgba(0,0,0,0.2);
}

/* SLIDER */

.background-div {
    width: 100%;
    height: 100%;
    position: fixed;
    background-size: cover!important;
    background-repeat: no-repeat;
    background-attachment: fixed!important;
    z-index: -1;
}

#background-1-div {
    background: url('/plugins/Customizing/assets/images/slider/GP0STOBZ9_PressMedia.jpg');
}

#background-2-div {
    background: url('/plugins/Customizing/assets/images/slider/GP0STR9R6_PressMedia.jpg');
}

#background-3-div {
    background: url('/plugins/Customizing/assets/images/slider/GP0STR9R6_PressMedia.jpg');
}

#background-4-div {
    background: url('/plugins/Customizing/assets/images/slider/GP0STRW4U_PressMedia.jpg');
}

#background-5-div {
    background: url('/plugins/Customizing/assets/images/slider/GP0STS7QZ_PressMedia.jpg');
}

div.breadcrumb-x, #ef-navbar{
    background: rgba(0,0,0,0.1)!important;
    box-shadow: none;
}

body.ef-user-signed-in .ef-navbar-logo > img {
    max-width:1000px!important;
    max-height:1000px!important;
    width: 12vw!important;
}

#ef-navbar form.navbar-form {
    margin: 9px 48px;
    width: 66%;
    margin-left: 225px;
}

div.breadcrumb-x ol.ef-breadcrumb.visible-lg li a {
    color: white!important;
}


#ef-navbar > div {
    background-color: transparent!important;
}

body:not(.ef-user-signed-in) #ef-navigation {
    display: none !important;
}



/* SLIDER */

/* MOBILE */
@media only screen
and (orientation: portrait) {
    body:not(.ef-user-signed-in) #ef-login-index {
        width: 400px;
        position: fixed;
        height: 414px!important;
        background: rgba(255,255,255,0.8)!important;
    }
}

@media only screen
and (orientation: landscape) and (min-width: 901px) {
    body:not(.ef-user-signed-in) #ef-login-index {
        width: 400px;
        position: fixed;
        height: 414px!important;
        background: rgba(255,255,255,0.8)!important;
    }

    div.col-md-12:nth-child(3) > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) {
        height: 420px;
        border-radius: 5px;
    }
}

@media only screen
and (orientation: portrait)  {
    body:not(.ef-user-signed-in)  #ef-index-page > div:nth-child(3) > div:nth-child(2) > div > div > div > div > p {
        display: none!important;
    }
    body:not(.ef-user-signed-in) #ef-index-page > div:nth-child(3) > div:nth-child(2) > div > div > div > div > p {
        display: none!important;
    }
    #ef-login-index .ef-form-element {
        width: 100%!important;
    }
}

@media only screen
and (max-device-width: 1000px)
and (max-device-height: 600px)
and (orientation: landscape)  {
    body:not(.ef-user-signed-in)  #ef-index-page > div:nth-child(3) > div:nth-child(2) > div > div > div > div > p {
        font-size: 12px!important;
    }
    div.col-md-12:nth-child(3) > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) {
        height: 75vh!important;
    }


    body:not(.ef-user-signed-in) #ef-navbar, body:not(.ef-user-signed-in) .breadcrumb-x {
        background-color: rgba(0,0,0,0)!important;
    }

    body:not(.ef-user-signed-in) div.col-md-12:nth-child(3) > div:nth-child(2) {
        position: fixed;
        height: 70vh!important;
        left: 20px!important;
        top: 20vh!important;
    }

    body:not(.ef-user-signed-in) #ef-index-page > div:nth-child(3) > div:nth-child(2) {
        width: 40vw!important;
    }

    body:not(.ef-user-signed-in) .cb-h2-12 {
        font-size: 14px!important;
    }

    body:not(.ef-user-signed-in)  .ef-navbar-logo {
        position: fixed;
        left:20px!important;
        top: 10px!important;
    }
    body:not(.ef-user-signed-in) #helpdesk-link {
        color: white!important;
        position: fixed;
        left: 10px!important;

        display: none;
        z-index: 100000;
        top: calc(100vh - 50px)!important;
    }

    body:not(.ef-user-signed-in) #ef-login-index {
        width: 50vw!important;
        position: fixed;
        right: 0px!important;
        top: 0px!important;
        height: 100vh!important;
        background: rgba(255,255,255,0.8)!important;
    }
}
@media screen and (max-width: 1400px) and (min-width: 1201px) {
    body:not(.ef-user-signed-in) div.col-md-12:nth-child(3) > div:nth-child(2) {
        position: fixed;
        left: 100px;
        top: 200px;
    }

    body:not(.ef-user-signed-in)   #ef-navigation {
        display: none;
    }

    body:not(.ef-user-signed-in)  .ef-navbar-logo {
        position: fixed;
        left:100px;
        top: 50px;
    }
    body:not(.ef-user-signed-in) #helpdesk-link {
        color: white!important;
        top: 50px;
        position: fixed;
        right: 100px;
        z-index: 100000;
    }

    body:not(.ef-user-signed-in) #ef-login-index {
        width: 400px;
        position: fixed;
        right: 100px;
        top: 200px;
        height: 420px!important;
        background: rgba(255,255,255,0.8)!important;
    }
}
@media screen and (max-width: 1200px) and (min-width: 901px) {
    body:not(.ef-user-signed-in)    div.col-md-12:nth-child(3) > div:nth-child(2) {
        position: fixed;
        left: 50px;
        top: 200px;
        width: 400px!important;
    }
    body:not(.ef-user-signed-in)   #ef-navigation {
        display: none;
    }

    body:not(.ef-user-signed-in)     .ef-navbar-logo {
        position: fixed;
        left:50px;
        top: 50px;
    }
    body:not(.ef-user-signed-in) #helpdesk-link {
        color: white!important;
        top: 50px;
        position: fixed;
        right: 50px;
        z-index: 100000;
    }

    body:not(.ef-user-signed-in) #ef-login-index {
        width: 400px;
        position: fixed;
        right: 50px;
        top: 200px;
        height: 420px!important;
        background: rgba(255,255,255,0.8)!important;
    }
}
@media screen and (max-width: 900px) and (orientation: portrait) {
    body:not(.ef-user-signed-in) div.col-md-12:nth-child(3) > div:nth-child(2) {
        position: fixed;
        left: 5vw;
        top: 100px;
        width: 90vw!important;
    }
    .cb-h3-12 {
        text-align: center;
    }

    body:not(.ef-user-signed-in) #ef-index-page > div:nth-child(3) > div:nth-child(2) > div > div > div > div > p:nth-child(5) {
        bottom: 10px!important;
    }

    body:not(.ef-user-signed-in)   #ef-navigation {
        display: none;
    }

    body:not(.ef-user-signed-in) .cb-h2-12 {
        font-size: 18px!important;
        text-align: center;
    }

    body:not(.ef-user-signed-in)  .ef-navbar-logo {
        position: fixed;
        left:5vw;
        top: 20px;
    }

    body:not(.ef-user-signed-in) #ef-logo > a.ef-navbar-logo > img {
        width: 31vw!important;
    }
    .ef-custom-block > p:nth-child(4) {
        background-color: transparent!important;
    }
    body:not(.ef-user-signed-in)  #ef-index-page > div:nth-child(3) > div:nth-child(2) > div > div > div > div > p {
        position: fixed;
        bottom: 70px;
        margin-top: 10px;
        background: rgba(255,255,255,0.8);
        width: 90vw;
        left: 5vw;
        padding: 10px;
    }

    body:not(.ef-user-signed-in) #helpdesk-link {
        color: white!important;
        top: 20px;
        position: fixed;
        right: 5vw;
        z-index: 100000;
    }

    body:not(.ef-user-signed-in) #ef-login-index {
        width: 90vw!important;
        position: fixed;
        right: 5vw!important;
        top: 200px;
        height: 420px!important;
        background: rgba(255,255,255,0.8)!important;
    }
}

@media screen and (min-width: 1401px) {
    body:not(.ef-user-signed-in) div.col-md-12:nth-child(3) > div:nth-child(2) {
        position: fixed;
        left: 200px;
        top: 200px;
    }

    body:not(.ef-user-signed-in) .ef-navbar-logo {
        position: fixed;
        left: 200px;
        top: 50px;
    }

    body:not(.ef-user-signed-in) #helpdesk-link {

        top: 50px;

        right: 200px;

    }

    body:not(.ef-user-signed-in) #ef-login-index {
        width: 400px;
        right: 200px;
        top: 200px;

    }
}
/* MOBILE ENDE */

/* LOGIN */
#login_form > div > div:nth-child(1) {
    width: 100%;
}





body:not(.ef-user-signed-in) .ef-navbar-logo > img {
    max-width:1000px!important;
    max-height:1000px!important;
    width: 14vw!important;
}

body:not(.ef-user-signed-in) #helpdesk-link {
    color: white!important;

    position: fixed;

    z-index: 100000;
}


body:not(.ef-user-signed-in) {
    background: transparent!important;
}




body:not(.ef-user-signed-in) #ef-login-index div.ef-block-footer span.sign-slogan a, #forgot-passwd {
    color: #72be1d!important;
}

body:not(.ef-user-signed-in) #ef-login-index div.ef-block-footer {
    background: rgba(0,0,0,0);
}

body:not(.ef-user-signed-in) #ef-index-page > div:nth-child(3) > div:nth-child(2) {
    width: 600px;
    background: none;
}
body:not(.ef-user-signed-in) #ef-index-page > div:nth-child(3) > div:nth-child(2) > div {
    background: none!important;
}

body:not(.ef-user-signed-in) #ef-index-page > div:nth-child(3) > div:nth-child(2) > div > div > div > div {
    padding: 0 10px 0 0!important;
}

body:not(.ef-user-signed-in) div.ef-block {
    box-shadow: none!important;
}

body:not(.ef-user-signed-in) #ef-index-page > div:nth-child(3) > div:nth-child(2) > div > div > div > div {
    color: black!important;
}

body:not(.ef-user-signed-in) .cb-h2-12 {
    font-size: 29px;
}

body:not(.ef-user-signed-in) #ef-index-page > div:nth-child(3) > div:nth-child(2) > div > div > div > div > p:nth-child(3) {
    margin-top: 40px;
    font-size: 15px;
}

body:not(.ef-user-signed-in) #ef-index-page > div:nth-child(3) > div:nth-child(2) > div > div > div > div > p:nth-child(5) {
    font-size: 15px;
}

html:not(.popup) body:not(.ef-user-signed-in) .form-control {
    background: rgba(0,0,0,0)!important;
    border-radius: 0;
    border-top: 0!important;
    border-right: 0!important;
    border-left: 0!important;
    border-bottom: 1px solid black!important;
    box-shadow: none!important;
}

body:not(.ef-user-signed-in) .form-control:focus {
    border-top: 0!important;
    border-right: 0!important;
    border-left: 0!important;
    border-bottom: 1px solid #66cc00!important;
    box-shadow: none!important;
}

.selectize-dropdown-content{
    background-color: white;
}

/* LOGIN ENDE */

@font-face { font-family: 'HelveticaLT';
    src: url('/assets/helvetica-45/HelveticaNeueLTStd-Lt-45.otf') format('opentype'); }


.panel-primary > .panel-heading {
    background-color: #66cc00;
}

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

.label-success {
    background-color: #66cc00;
}

a {
    color: #66cc00;
}

/* LEARNER */
.ef-my-courses .ef-courses-list ul li.ef-my-courses-category > div.ef-entry-head {
    background-color: #66cc00!important;
}

.ef-my-courses .ef-block-header a.ef-block-handle.ef-my-courses-toggle-view.active,
.ef-my-courses-controls .ef-my-courses-toggle-view.active {
    color: #66cc00!important;
}

.form-control:focus {
    border-color: #66cc00!important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 204, 0, 0.6)!important;
}

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

/* EDIT KURS */
.ef-dashboard-header .ef-course-name {
    width: 70%;
}

@media screen and (max-width: 500px) {
    .panel{
        width: 90%
    }
    body.ef-user-signed-in #helpdesk-link{
        margin-top: -10px
    }
    body:not(.ef-user-signed-in) #ef-index-page .col-md-12 {
        display: flex!important;
        flex-wrap: wrap!important;
        justify-content: space-between!important;
        flex-direction: column!important;
        align-items: center!important;
    }
    body:not(.ef-user-signed-in) #ef-index-page .col-md-12 > div:nth-child(2), body:not(.ef-user-signed-in) #ef-index-page .col-md-12 > div:nth-child(3) {
        width: 90%!important;
        margin-top: 4vh;
    }

    body:not(.ef-user-signed-in) #ef-login-index {
        top: 240px!important;
    }
    div.col-md-12:nth-child(3) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > h2:nth-child(1) {
        font-size: 20px!important;
    }
}

#ef-login-index div.ef-block-footer span.sign-slogan a {
    color: #66cc00!important;
}

@media screen and (max-width: 400px) and (orientation: portrait) {
    body:not(.ef-user-signed-in) div.col-md-12:nth-child(3) > div:nth-child(2) {
        position: absolute;
        top: 0px;
    }

    body:not(.ef-user-signed-in) #ef-login-index {
        position: absolute;
        top: 145px!important;
        border-radius: 0;
    }

    div#google-sign-in {
        margin-left: -15px !important;
    }
}




/* DROPDOWN */
#ef-navbar .container ul.nav.navbar-nav li#communication ul.dropdown-menu li.content {
    border-bottom: none!important;
}

#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu li.divider {
    background: #000!important;
}

#ef-navbar .container ul.nav.navbar-nav > li.user-preferences ul.dropdown-menu::after {
    height: 0!important;
}

#ef-navbar .container ul.nav.navbar-nav li a.dropdown-toggle + ul.dropdown-menu, #ef-navbar .container ul.nav.navbar-nav li .dropdown-toggle + ul.dropdown-menu li ul {
    padding: 0!important;
}
#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu li a ~ ul.dropdown-menu{
    background: white;
}

#ef-navbar .container ul.nav.navbar-nav li.open .dropdown-toggle {
    background: #ffffff;
    color: #66cc00;
}

#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: grey!important;
}

#ef-navbar .container ul.nav.navbar-nav li .dropdown-toggle + ul.dropdown-menu {
    background: #fff;
    color: #66cc00;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
}
#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: white;
    background-color: #fff;
}

#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li > a:hover {

    color: #fff;
}

#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li > a:hover {
    color: #66cc00!important;
}

#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li > a {
    border-top: 1px solid #fff;
}



/* LEARNER LIST */
.ef-my-courses .ef-courses-list ul li.ef-my-courses-category > div.ef-entry-head {
    background-color: rgba(4, 68, 101, 0.9);
}

.ef-my-courses .ef-courses-list ul li.ef-my-courses-category > div.ef-entry-head:hover {
    background-color:rgba(4, 68, 101,1);
}

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

.ef-my-courses ul li .ef-my-courses-progress-bar {
    height: 12px;
}

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

.ef-my-courses .ef-courses-list div.ef-entry-head span.ef-entry-name a:hover {
    color: #66cc00;
}

.ef-unit-tree ul.ef-courses-list div.ef-entry-head span.ef-entry-name a:hover{
    color: #66cc00;
}

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

.colored-info {
    color: #66cc00;
}

div.breadcrumb-x ol.ef-breadcrumb li a {
    color: white!important;
    text-decoration: none;
}

.breadcrumb-x .container .ef-breadcrumb {
    display: block;
}

.breadcrumb-x .ef-breadcrumb li {
    display: inline-block;
}

#ef-navigation > li > a[href="18/offene-kurse"],
#ef-navigation > li > a[href="18/offene-kurse/1"] {
    display: none;
}



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

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


.iconData:hover {
    background-color: #AC58FF!important;
    filter: invert(100%);
    color: black!important;
}

.iconData:hover .ef-dashboard-icon-label {
    color: black!important;
}

/*  SEARCH BAR */

#ef-navbar form.navbar-form .selectize-input,
#ef-navbar form.navbar-form span.search-handle,
#ef-navbar form.navbar-form.ef-active .selectize-input,
#ef-navbar form.navbar-form.ef-active span.search-handle,
#ef-navbar form.navbar-form input[type='text']
{
    background-color:#f0f0f0;
}

/* BREADCRUMB */
div.breadcrumb-x ol.ef-breadcrumb li a {
    color: white!important;
}

#ef-navbar, .breadcrumb-x {
    background-color: rgb(7, 67, 101);
}


.container div.navbar-collapse {
    background-color: rgba(0,0,0,0)!important;
}

html:not(.popup) body.ef-user-signed-in {
    background-image: url('/plugins/Customizing/assets/images/slider/GP0STS20E_PressMedia.jpg');
    background-size: cover;
    background-attachment: fixed;
}

body:not(.ef-user-signed-in) .ef-breadcrumb > li > a {
    display: none!important;
}

.breadcrumb-x ol.ef-breadcrumb {
    padding: 8px 0;
}

/* GRAPHS */
[fill='#67b7dc'] {
    fill: rgba(255, 234, 7, 0.7) !important;
}

[stroke='#67b7dc'] {
    stroke: rgba(255, 234, 7, 0.7) !important;
}

[fill='#009688'] {
    fill: rgba(115,200,44,0.5) !important;
}

[stroke='#009688'] {
    stroke: rgba(115,200,44,0.5) !important;
}

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