/* Anpassung nach Update */

.navbar-brand > img {
	width: 300px;
  	max-width: none !important;
}

#searchInputContainer {
	margin-left: 195px;
}

#ef-navbar .container ul.nav.navbar-nav > li > a,
#ef-navbar .container ul.nav.navbar-nav > li > button,
#ef-navbar .container ul.nav.navbar-nav > li > a:hover,
#ef-navbar .container ul.nav.navbar-nav > li > button:hover
{
    color:#454545;
}

.searchDivRight,
.searchDivCenter,
#ef-navbar form.navbar-form input[type=text]
{
    background-color:#f0f0f0 !important;
}


body:not(.ef-user-signed-in) #ef-index-page > div:nth-child(2) > div:nth-child(3) > div {
    background: transparent!important;
    box-shadow: none!important;
    border: none!important;
}

body:not(.ef-user-signed-in) #ef-index-page > div:nth-child(2) > div:nth-child(3) > div div {
    background: transparent;
    box-shadow: none!important;
    border: none!important;
}

#handbook-link img, #handbook-link-en img {
    width: 100px!important;
}
.ef-entry-title > span {
    color: black!important;
}

.ef-entry-name > div {
    color: black!important;
}

#infografik{
    width: 180px!important;
    height: 90px;
    position: fixed;
    right: 130px;
    top: 50px;
}

#karriere-live {
    position: fixed;
    bottom: 30px;
    right: 30px;
    box-shadow: 0px 0px 15px 17px #ffffff;
    width: 200px!important;
}

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

.btn-primary.btn-sm.dropdown-toggle {
    height: 30px;
}

.label-success {
    background-color: #182874;
}

.text-success {
    color: #182874;
}

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

/* NEW LOGIN SCREEN */

body:not(.ef-user-signed-in) div.col-md-3:nth-child(2) > div:nth-child(1) > div:nth-child(1) {
    box-shadow: 0px 0px 15px 17px #ffffff;
}

body:not(.ef-user-signed-in) #ef-login-index {
    box-shadow: 0px 2px 32px 43px #ffffff;
    max-width:350px;
}

#login-logo {
    width: 14vw!important;

    box-shadow: 0px 0px 15px 17px #ffffff;
}

body:not(.ef-user-signed-in) .col-md-9 > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > p:nth-child(3) {
    display: flex;
    justify-content: flex-end;
}

body:not(.ef-user-signed-in) .col-md-9 .ef-block {
    background: transparent;
    box-shadow: none;
}



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




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




/* Infografik */

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

.dashboard-panel a.link,   .dashboard-panel a.link:link,   .dashboard-panel a.link:hover,   .dashboard-panel a.link:visited {
    color: black!important;
}

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



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

/* Allgemein */

body
{
    background-image: url('/assets/images/Gnutti_background.jpg');
    background-attachment: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: 50px;
}


td.iconData:hover {
    background-color: rgba(24, 40, 116, 0.6) !important;
}

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

*
{
    border-radius: 0 !important;
}

/* Navbar */

.navbar-nav a
{
    transition: color 300ms, background-color 300ms, opacity 300ms;
    -moz-transition: color 300ms, background-color 300ms, opacity 300ms;
    -o-transition: color 300ms, background-color 300ms, opacity 300ms;
    -webkit-transition: color 300ms, background-color 300ms, opacity 300ms;
}

@media (min-width: 768px)
{

    /* Dropdown Menü */

    .navbar-nav > li > .dropdown-menu
    {
        background: #2e2e2e;
        border-radius: 0;
    }

    /* Hauptmenü Links */

    .navbar-inverse .navbar-nav > li > a
    {
        font-weight: bold;
        font-size: 13px;
        color: #7c7c7c;

        text-transform: uppercase;

        line-height: 12px;
        margin-top: 20px;
        margin-bottom: 13px;

        padding: 0px 8px;
    }

    .navbar-inverse .navbar-nav > li > a:hover
    {
        color: #182874;
    }

    /* Links im Dropdown Menü */

    .navbar-inverse .dropdown-menu > li > a
    {
        font-size: 12px;
        color: #bebebe;
        padding: 10px;
    }

    .navbar-inverse .dropdown-menu > li + li
    {
        border-top: 1px solid #373737;
    }

    .navbar-inverse .dropdown-menu > li > a:hover
    {
        color: white;
        background: #2e2e2e;
    }

    /* Menü Icons */

    .navbar-inverse .navbar-nav > li > a .fa
    {
        color: #454545 !important;
    }

    /* Geöffnete Menü Elemente */

    .navbar-inverse .navbar-nav > .open > a,
    .navbar-inverse .navbar-nav > .open > a:focus,
    .navbar-inverse .navbar-nav > .open > a:hover
    {
        color: #182874;
        background-color: transparent;
    }

    /* Geöffnete Menü Icons */

    .navbar-inverse .navbar-nav > .open > a .fa,
    .navbar-inverse .navbar-nav > .open > a:focus .fa
    {
        color:  #182874 !important;
    }

    .navbar-inverse .navbar-nav > li > a:hover .fa
    {
        color:  white !important;
    }

    .navbar-inverse li.divider
    {
        display: none;
    }
}

@media (max-width: 767px)
{
    .navbar-inverse .navbar-nav .open .dropdown-menu>li > a
    {
        color: #ffffff;
    }

    .navbar-collapse
    {
        background: black;
    }

    .navbar-inverse .navbar-toggle
    {
        border-color: #333;
        background: #333 !important;
    }
}

/* Breadcrumbs */

.breadcrumb
{
    background: transparent;
}

.breadcrumb-x
{
    background: transparent;
   
}

.breadcrumb > li + li:before
{
    padding: 0 6px;
    color: #182874;
    content: "—";
    font-size: 14px;
    font-weight: bold;
}

.breadcrumb > li a
{
    color: #182874;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
}

.breadcrumb > li.active a
{
    color: #182874;
    text-decoration: none;
    font-weight: bold;
}

.breadcrumb > li:hover a
{
    text-decoration: none;
}

.breadcrumb > li.active:hover a
{
    text-decoration: none;
}

/* Ladesymbol */

.pace .pace-activity
{
    border: 4px solid transparent;
    border-radius: 10px !important;
    border-left-color: #182874;
    border-top-color: #182874;
    top: 20px;
}

/* Hovers */

div.block table.iconTable td.iconData:hover,
div.block table.iconTable td.disabledIconData:hover,
div.ef-dashboard-option:hover,
.ef-catalog .ef-catalog-entry:hover,
.oddRowColor:hover,
.evenRowColor:hover
{
    background: rgba(174, 205, 0, 0.2)  !important;
}

/* Buttons */

.btn-primary
{
    border: 0;

    border-left: 6px solid #182874;
    border-right: 6px solid #182874;

    transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    -webkit-transition: all 300ms;
}

.btn-primary:hover,
.btn-primary.active,
.btn-primary:active,
.btn-primary.focus,
.btn-primary:focus,
.open>.dropdown-toggle.btn-primary
{
    background-color: #182874 !important;

    border-left: 6px solid rgba(0, 61, 102, 1);
    border-right: 6px solid rgba(0, 61, 102, 1);
}

/* Startseite */

div.block#blk-2 .content {
    background: transparent;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0);
    box-shadow: 0 1px 1px rgba(0,0,0,0);
}

#theImg{
    max-width:190px!important;
}

/* Report: Survey progressbar */
.ef-question-analysis *.progress .progress-bar {
    background-color: #aecb06;
}

/* GRAPHS */
path[fill="#009688"]
{
    fill: #182874;
    opacity: 0.4;
}

path[fill="#67b7dc"]
{
    fill: #505559;
    opacity: 0.4;
}

path[stroke="#009688"]
{
    stroke: #182874;
}

circle[fill="#009688"]{
    fill: #182874;
}

circle[stroke="#009688"]{
    stroke:#182874;
}

path[stroke="#67b7dc"]
{
    stroke:#505559;
}


circle[fill="#67b7dc"]{
    fill:#505559;
}

circle[stroke="#67b7dc"]{
    stroke:#505559;
}


@media only screen and (min-width: 1202px) and (max-width: 1400px) {
    #ef-login-index{
        margin-left:70px;
    }
}

@media only screen and (min-width: 700px) and (max-width: 1780px) {
    #ef-login-index{
        margin-left:100px;
    }
}
@media only screen and (min-width: 500px) and (max-width: 700px) {
    #ef-login-index{
        margin-left:80px;
    }
}
@media only screen and (min-width: 460px) and (max-width: 500px) {
    #ef-login-index{
        margin-left:60px;
    }
}
@media only screen and (min-width: 425px) and (max-width: 460px) {
    #ef-login-index{
        margin-left:50px;
    }
}
@media only screen and (min-width: 398px) and (max-width: 425px) {
    #ef-login-index{
        margin-left:28px;
    }
}
@media only screen and (min-width: 350px) and (max-width: 398px) {
    #ef-login-index{
        margin-left:0px;
    }
}
@media only screen and (min-width: 374px) and (max-width: 375px) {
    #ef-login-index{
        margin-left:7.5px;
    }
}

/* DO NOT ADD/EDIT AFTER THIS LINE */
*.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:#182874;border-color:#182874;}
#ef-navbar, #ef-navbar li a.dropdown-toggle[aria-expanded="true"]{background-color:#FFFFFF;border-color:#FFFFFF;}
div.breadcrumb-x{background-color:#FFFFFF;border-color:#FFFFFF;}
.navbar-inverse{background-color:#ffffff;border-color:#ffffff;}
div.block .title{background-color:#ffffff;}
.btn-primary{background-color:rgba(174, 205, 0, 1);;border-color:rgba(174, 205, 0, 1);}