/**
 * evewa4 Custom-CSS
 * Author: GRUEN Software AG
 *
 * Hier koennen die Standard evewa4 Styles ueberschrieben werden.
 * Es wird empfohlen, allen Definitionen ein !important mitzugeben!
 */


:root {

    /* Kunden-Rot #E3061A */
    /* Kunden-Gelb #F7DC16 */

    /* die 3 wichtigen Farben definiert */
    --primary: #E3061A;
    --special: #AE0F11;
    /*--tertiary: #70182a;*/

    --success: #E3061A;
    /*--info: #36a3f7;*/

    --hover: #E3061A;
    /*--info: #F7DC16;*/

    --warning: #F7DC16;
    --btn_warning_hover: #F7DC16;

    --btn_hover: #AE0F11;
    /*--btn_border: #4A4A4A;*/

    --btn_success_hover: #AE0F11;
    --btn_success_border: #AE0F11;

    /*--btn_primary_hover: #4A4A4A;*/
    /*--btn_priamry_border: #4A4A4A;*/

    --skin-evewa-bg-active: #AE0F11;

    /*--btn_primary_hover: #2ca189;*/
    /*--btn_priamry_border: #2ca189;*/

}

body{
    height:99% !important;
}

.btn-primary:hover{
    background-color: var(--special);
    border-color: var(--special);
}
.btn-primary{
    background-color: var(--primary);
    border-color: var(--primary);
}
.m-login.m-login--1 .m-login__wrapper .m-login__form .m-form__group .form-control:focus::placeholder{
    color: var(--primary);
}
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
    color: #000;
    background-color: var(--special);
    border-color: var(--special);
}
.m-link:hover{
    color: var(--primary);
}

iframe {
    border: none !important;
}

.m-nav.m-nav--inline {
    !display:none;
}

.m-subheader .mr-auto {
    display:none !important;
}

.m-subheader .d-flex {
	float:right;
}

.m-menu__subnav
{
    background-color: #fff;
}
/* oberster Menü Punkt im Ausgewählten Bereich*/
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--open > .m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--open > .m-menu__link .m-menu__link-text {
    color: #000000 !important;
    font-face: Arial;
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0px;
    text-align: left;
    line-height: 36px;
}
/* ein Menü Punkt höher,  im Ausgewählten Bereich*/
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--open > .m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--open > .m-menu__link .m-menu__link-text {
    color: #000000 !important;
    font-family: Arial;
    font-weight: 400;
    font-size: 18px;
    font-style: normal;
    letter-spacing: 0px;
    text-align: left;
    line-height: 36px;
}
/* gleiche Ebene, wie aktueller Menüpunkt */
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item > .m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item > .m-menu__link .m-menu__link-text {
    color: #000000;
    font-family: Arial;
    font-weight: 400;
    font-size: 18px;
    font-style: normal;
    letter-spacing: 0px;
    text-align: left;
    line-height: 36px;
}
/* inaktiver Zweig, z.b. Pflegebereich wenn Community ausgewählt ist*/
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-text {
    color: #000000 !important;
    font-family: Arial;
    font-weight: 400;
    font-size: 18px;
    font-style: normal;
    letter-spacing: 0px;
    text-align: left;
    line-height: 36px;
}

.m-menu__item  .m-menu__item--active {
    background-color: var(--special) !important;
}

.m-aside-left.m-aside-left--skin-dark{
    background-color: white; !important;
}

.m-menu__nav, #m_ver_menu, .m-menu__submenu, .m-menu__link .m-menu__toggle, .m-menu__subnav  {
    background-color: white; !important;
}

.m-menu__toggle{
    background-color: white; !important;
}

.m-header-menu .m-menu__nav > .m-menu__item .m-menu__submenu > .m-menu__subnav > .m-menu__item:hover,
.m-aside-menu .m-menu__nav .m-menu__item > .m-menu__heading:hover,
.m-aside-menu .m-menu__nav .m-menu__item > .m-menu__link:hover {
    background-color: var(--special) !important;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--open > .m-menu__heading .m-menu__ver-arrow, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--open > .m-menu__link .m-menu__ver-arrow{
    color: #000;
}
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item > .m-menu__heading .m-menu__ver-arrow, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item > .m-menu__link .m-menu__ver-arrow{
    color: #000;
}
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--expanded > .m-menu__heading .m-menu__ver-arrow, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--expanded > .m-menu__link .m-menu__ver-arrow{
    color: #000;
}
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__heading .m-menu__ver-arrow, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__ver-arrow{
    color: #000;
}


/*aktive Schnellfilter-Button oder einfach grüne Buttons*/
.btn.green{
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}
.btn.green:hover, .btn.green:focus, .btn.green:active, .btn.green.active, .btn.green.disabled, .btn.green[disabled]
{
    background-color: var(--special) !important;
    border-color: var(--special) !important;

}

/* FIX für Error-Lable bei Checkboxen in Chrome */
.m-checkbox > label.error {
    display: block;
}

#mapid {
    height: 500px !important;
}


#m-wrapper {
    display: flex !important;
    flex-direction: column !important;
    width: 100%;
    height: 100%;
}
#m-content {
    display: flex !important;
    flex-direction: column !important;
    width: 100%;
    height: 100%;
    !height: 200vh;
}


.jwt-iframe-wrapper {
    flex: 1;
    min-height: 700px;
}

.lms-iframe-wrapper
{
    /*height: 100%;*/
    min-height: 700px;
    flex: 1;
    width: 100%;
    border: 0;
}

.lms-iframe
{
    height: 100%;
    width: 100%;
    border: 0;
}

/*.m-footer {
  position: fixed;
}*/


@media (min-width: 1025px) {
    .m-aside-left--fixed .m-body {
        padding-left: 260px;
    }
}

.m-aside-left-overlay {
    z-index: 970;
}
@media (max-width: 1024px) {
    .m-aside-menu .m-menu__nav {
        padding: 55px 0 0 0;
    }
    .m-aside-left-overlay {
        background: rgb(0 0 0 / 40%);
    }
}

@media (max-width: 1024px) {
    #m_header_topbar .m-dropdown .m-dropdown__wrapper .m-dropdown__body {
        max-height: calc(90vh - 270px);
    }
    .m-dropdown.m-dropdown--arrow .m-dropdown__arrow.m-dropdown__arrow--right {
        left: auto!important;
        right: 15px!important;
    }
}
/* RESPONSIVE: for inner evewa on mobile / very small screens. */
@media (max-width: 768px) {
    .m-portlet .m-portlet__body {
        padding: 2rem 0;
    }
    .m-nav.m-nav--inline > .m-nav__item > .m-nav__link {
        padding: 2px 0;
    }
    .m-wizard.m-wizard--1 .m-wizard__head .m-wizard__nav .m-wizard__steps {
        margin: 0 0 1rem;
    }
    .m-wizard.m-wizard--1 .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step .m-wizard__step-line > span {
        height: 3px;
    }
    .m-form .m-form__actions {
        padding: 30px 0;
    }
    .m-accordion .m-accordion__item .m-accordion__item-head {
        display: block;
        padding: 1rem 0.5rem;
    }
    .m-accordion .m-accordion__item .m-accordion__item-head .m-accordion__item-element, .m-ev-widget1 .m-accordion__item-element {
        width: 100%;
        display: block;
        clear: both;
        padding: 5px 15px;
    }
    #step-3::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 50px;
        pointer-events: none;
        z-index: 1;
    }
    #step-3 table.dataTable {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        width: max-content;
        min-width: 100%;
    }
#step-3 {
	overflow-x:scroll;
}
    .m-widget2 {
        margin-top: 1rem;
    }
    .m-widget2 .m-widget2__item:before {
        left: 0;
    }
    .m-widget2 .m-widget2__item .m-widget2__checkbox {
        padding-left: 1.5rem;
    }
    .m-widget2 .m-widget2__item .m-widget2__checkbox .col-md-12 {
        display: inline;
        padding: 0;
    }
}

li .btn.btn-success.filter_zurueck.m-btn.m-btn--icon {
	display:none;
}