/* Anpassung nach Update */

/* Logo larger */
body.ef-user-signed-in header img {
  /*min-width: 250px !important;*/
}
/* Header logo Tn larger */
html.new-ui-html body.ef-user-signed-in.learner-user
header a.tw-block > img {
  min-width: 165px !important;
  margin-left: -35px !important;
}

/* course details info boxes 2 per row */
div.col-sm-3 dl.stats_style {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px;
}
div.col-sm-3 dl.stats_style > div.ef-preview-box-course-stats {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* course details width issue */
@media (min-width: 992px) {
  .ef-dashboard [class*="col-md-6"] {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* Reports button text color */
a.ajaxHandle.btn.btn-primary.btn-md {
    color: #fff !important;
}


/* buttons fix 'add unit' selection radio buttons */ 
/* label:not(.radio-inline):has(input[type="radio"]:checked) {
    background-color: var(--c-brand-primary) !important;
    color: #fff !important;
} */
/* normal label */
label.btn.btn-default {
  background-color: #f8f8f8;
  color: #333;
}
/* hover */
label.btn.btn-default:hover,
input.ef-completion-button:checked + label.btn.btn-default,
label.btn.btn-default:has(input.ef-completion-button:checked) {
  background-color: var(--c-brand-primary);
  color: #fff;
}
/* other radio buttons */
.ef-interval.btn.btn-default.btn-sm:hover,
.ef-interval.btn.btn-default.btn-sm:active,
.ef-interval.btn.btn-default.btn-sm.active {
  background-color: var(--c-brand-primary) !important;
  color: #fff !important;
}

/* hide switch-ui and timeout buttons */
#ef-timeout-timer-container-new,
.new-ui .twui-menu .twui-switch-ui,
button.twui-switch-ui {
    display: none;
}

/* sidebar fix */
.twui-menu .hover\:tw-bg-gray-800:hover i,
.twui-menu .tw-text-white,
.twui-menu .hover\:tw-text-white:hover {
    color: #fff !important;
}

/* hide Search div bg */
.searchDivRight,
.search-handle .input-group-addon {
    background-color: #fff !important;
}

/* TN background */
[data-vue-component="my_courses"] {
    background-color: #f5f5f5;
}

/* Erweiterte Eintellungen extend button */
.ef-toggle-hidden-section {
  color:var(--c-brand-primary) !important;
  font-weight:bold
}
.ef-toggle-hidden-section:hover {
  text-decoration:none !important;
}

.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; */
    background-color: #fff;
}

/* removed button dropdown that seemed intentional but apparently wasn't */
/* .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;
}


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

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

*
{
    border-radius: 0;
}

/* switch toggles border radius back */
.checkbox-switch label {
    border-radius: 9999px !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;
}

/**
 * Admin - Charts
 */
[fill='#67b7dc'] {
    fill: #182874 !important;
}

[stroke='#67b7dc'] {
    stroke: #182874 !important;
}

[fill='#009688'] {
    fill: #b0b0b0 !important;
}

[stroke='#009688'] {
    stroke: #5a5a5a !important;
}

[role="tooltip"] > g > g[fill='#000000'] {
    fill: #fff !important;
}


/* 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 */
#ef-navbar, #ef-navbar li a.dropdown-toggle[aria-expanded="true"]{background-color:#182874;border-color:#182874;}
html.new-ui-html:root{--c-brand-primary:#182874;--c-brand-primary-darken-5:#13236f;--c-brand-primary-darken-7:#11216d;--c-brand-primary-darken-10:#0e1e6a;--c-brand-primary-darken-15:#091965;--c-brand-primary-darken-17:#071763;--c-brand-primary-darken-20:#041460;--c-brand-primary-darken-25:#000f5b;--c-brand-primary-lighten-7:#1f2f7b;--c-brand-primary-lighten-40:#40509c;}
*.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;}
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:#182874;border-color:#182874;}
html.new-ui-html:root{
--c-brand-primary: #182874;
--c-brand-primary-darken-5:  #142261;
--c-brand-primary-darken-7:  #121f59;
--c-brand-primary-darken-10: #101b4f;
--c-brand-primary-darken-15: #0d163f;
--c-brand-primary-darken-17: #0c143a;
--c-brand-primary-darken-20: #0a1232;
--c-brand-primary-darken-25: #070d26;
--c-brand-primary-lighten-7:  #2a3a8a;
--c-brand-primary-lighten-40: #8f9ad6;
--c-brand-success-darken-5: #027979;
--c-brand-success-darken-7: #026f6f;
--c-brand-success-darken-10: #026060;
--c-brand-success-darken-15: #015050;
--c-brand-success-darken-17: #014b4b;
--c-brand-success-darken-20: #014141;
--c-brand-success-darken-25: #013232;
--c-brand-success-lighten-7: #039898;
--c-brand-success-lighten-40: #66c9c8;
--c-brand-danger: #d9534f;
--c-brand-danger-darken-5: #c94b47;
--c-brand-danger-darken-7: #bf443f;
--c-brand-danger-darken-10: #b03737;
--c-brand-danger-darken-15: #9c2f2f;
--c-brand-danger-darken-17: #942828;
--c-brand-danger-darken-20: #8a1f1f;
--c-brand-danger-darken-25: #761616;
--c-brand-danger-lighten-7: #e06662;
--c-brand-danger-lighten-40: #f7baba;
--c-brand-warning: #f0ad4e; 
--c-brand-warning-darken-5: #e09d44;
--c-brand-warning-darken-7: #d6933c;
--c-brand-warning-darken-10: #c6812e;
--c-brand-warning-darken-15: #b26d24;
--c-brand-warning-darken-17: #aa631f;
--c-brand-warning-darken-20: #99571a;
--c-brand-warning-darken-25: #7e4413;
--c-brand-warning-lighten-7: #f3b76e;
--c-brand-warning-lighten-40: #fce9d1;
}