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

@import url(../assets/fonts/font-inter.css);
@import url(../assets/fonts/font-ibm-plex-serif.css);

body {
    --cdu-color-unionschwarz: #1b191d;
    --cdu-color-unionrot: #bf111b;
    --cdu-color-uniongold: #ffa600;
    --cdu-color-cadenabbia: #52b7c1;
    --cdu-color-cadenabbia15: #e4f3f4;
    --cdu-color-cadenabbia30: #c8e6e9;
    --cdu-color-cadenabbia60: #92ccd3;
    --cdu-color-rhoendorf: #2d3c4b;
    --cdu-color-rhoendorf10: #e9eaec;
    --cdu-color-rhoendorf25: #c9cbd0;
    --cdu-color-rhoendorf60: #7f8490;

    --zmd-primary: var(--cdu-color-cadenabbia);
    --zmd-secondary: var(--cdu-color-rhoendorf);
    --primary: var(--zmd-primary);
    --success: var(--zmd-primary);
    --focus: var(--zmd-secondary);
    --info: var(--cdu-color-cadenabbia);
    --warning: var(--cdu-color-uniongold);
    --danger: var(--cdu-color-unionrot);
    --accent: var(--zmd-primary);

    --skin-evewa: var(--cdu-color-rhoendorf);
    --skin-evewa-bg: var(--cdu-color-rhoendorf60);
    --skin-evewa-bg-hover: var(--cdu-color-cadenabbia);
    --skin-evewa-bg-active: var(--cdu-color-cadenabbia60);
    --skin-evewa-font: #fff;
    --skin-evewa-font-active: #fff;
    --skin-evewa-font-head-hover: var(--cdu-color-rhoendorf60);

    --cdu-color-button-inaktiv: var(--cdu-color-cadenabbia);
    --cdu-color-button-inaktiv-hover: #256f77;
    --cdu-color-button-aktiv: #256f77;
    --cdu-color-button-aktiv-hover: var(--cdu-color-cadenabbia);

    --btn_primary_hover: var(--cdu-color-button-inaktiv-hover);
    --btn_success_hover: var(--cdu-color-button-inaktiv-hover);
    --btn_focus_hover: var(--cdu-color-button-aktiv);
    --btn_info_hover: var(--cdu-color-button-aktiv);

    font-family: "Inter", serif;
    font-weight: 500;
    color: var(--cdu-color-unionschwarz);

}

strong,
b {
    font-weight: 800;
    font-family: "Inter", serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Inter", sans-serif !important;
    font-weight: 800 !important;
}

h1 b, h1 strong, h2 b, h2 strong, h3 b, h3 strong, h4 b, h4 strong, h5 b, h5 strong, h6 b, h6 strong {
    font-weight: inherit;
    font-family: inherit;
}

a {
    color: var(--zmd-primary);
}

a:hover {
    color: var(--cdu-color-cadenabbia60);
}

/* Left-Navigation */

.m-link {
    color: var(--zmd-secondary) !important;
}

.m-link:hover {
    color: var(--cdu-color-cadenabbia60) !important;
}

.m-link:hover:after {
    border-bottom-color: var(--cdu-color-cadenabbia60);
}

.m--bg-accent {
    background-color: var(--cdu-color-cadenabbia60) !important;
}

.m--font-accent {
    color: var(--cdu-color-cadenabbia) !important;
}

.m-widget1 .m-widget1__item .m-widget1__desc {
    font-weight: 500;
}

/* Active Element */
.m-menu__item.m-menu__item--active {
    background-color: var(--cdu-color-cadenabbia) !important;
}

.m-menu__item.m-menu__item--active .m-menu__link i,
.m-menu__item.m-menu__item--active .m-menu__link .m-menu__link-text {
    color: white !important;
}

.m-portlet .m-portlet__body {
    color: var(--cdu-color-unionschwarz);
}

.dataTables_processing {
    color: #fff;
    border-color: var(--zmd-primary);
    background-color: var(--cdu-color-cadenabbia60);
}

.btn.removeall.btn-default {
  pointer-events: none;   /* keine Klicks */
  opacity: 0.5;           /* ausgegraut */
  cursor: not-allowed;    /* Mauszeiger zeigt "verboten" */
}

div.dataTables_wrapper div.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    margin-top: -26px;
    text-align: center;
    padding: 1em 0;
}

.dataTables_scroll+.dataTables_processing {
    display: none !important;
    visibility: hidden;
    opacity: 0;
}

.m-aside-menu {
    font-weight: 500;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--open > .m-menu__heading .m-menu__link-icon,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--open > .m-menu__link .m-menu__link-icon {
    color: #fff;
}

.m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__heading .m-menu__link-text,
.m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-text,
.m-aside-menu .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item > .m-menu__heading .m-menu__link-text,
.m-aside-menu .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item > .m-menu__link .m-menu__link-text {
    font-weight: 500;
}

.m-card-user.m-card-user--skin-dark .m-card-user__details .m-card-user__email:hover {
    color: #fff;
}

.m-card-user.m-card-user--skin-dark .m-card-user__details .m-card-user__email:hover:after {
    border-bottom-color: #fff;
}


#m_header_menu > ul > li > a > span {
    color: grey !important;
}

h3.m-login__welcome-headline {
    font-size: 80px;
    text-align: left;
}

.m-login.m-login--1 .m-login__content .m-login__msg {
    font-size: 30px;
}

.m-login.m-login--1 .m-login__wrapper .m-login__head .m-login__title {
    text-align: left;
    font-size: 19px;
    color: var(--zmd-secondary);
}

.login-background-block .m-grid__item-center {
    margin-top: 0; /*-500px; */
}

/*###################*/
/*##### Buttons #####*/
/*###################*/
.btn, .btn.m-btn--custom {
    font-weight: 500;
    font-family: "Inter", sans-serif;
}

/** Inaktive Buttons Small */
.btn.btn-metal.btn-sm, /* Einfacher Schnellfilter Inaktiv */
.btn.btn-success.btn-sm, /* Datumsfilter */
.btn.btn-success.btn-sm.filter_datumsbereich_filtern, /* Datumsfilter 2 */
.btn.btn-sm.dropdown-toggle:not(.note-btn) /* Druck Button */
{
    background-color: var(--cdu-color-button-inaktiv) !important;
    border-color: var(--cdu-color-button-inaktiv) !important;
}

/** Inaktive Buttons Small : Hover */
.btn.btn-metal.btn-sm:hover, /* Einfacher Schnellfilter inaktiv Hover */
.btn.btn-success.btn-sm:hover, /* Datumsfilter */
.btn.btn-success.btn-sm.filter_datumsbereich_filtern:hover, /* Datumsfilter 2 */
#quickfilters.filtering-active > a:hover,
.btn.btn-sm.dropdown-toggle:hover:not(.note-btn) /* Druck Button Hover */
{
    background-color: var(--cdu-color-button-aktiv) !important;
    border-color: var(--cdu-color-button-aktiv) !important;
}

/** Aktive Buttons Small */
.btn.btn-metal.btn-sm.green.filter_active, /* Einfacher Schnellfilter Aktiv */
.btn.btn-success.btn-sm.btn-warning[class*="filter_datumsbereich"],
#quickfilters.filtering-active > a,
.btn.btn-metal.filter_aktive.btn-sm {
    background-color: var(--warning) !important;
    border-color: var(--warning) !important;
}

/** Aktive Buttons Small : Hover */
.btn.btn-metal.btn-sm.green.filter_active:hover, /* Einfacher Schnellfilter */
.btn.btn-metal.filter_aktive.btn-sm
{
    background-color: var(--cdu-color-button-inaktiv) !important;
    border-color: var(--cdu-color-button-inaktiv) !important;
}



/* Inaktive Buttons Big (Excel/Word/Vewa) */
.btn.btn-lg.pull-right {
    background-color: var(--cdu-color-button-inaktiv) !important;
    border-color: var(--cdu-color-button-inaktiv) !important;
}

/* Inaktive Buttons Big (Excel/Word/Vewa) : hover*/
.btn.btn-lg.pull-right:hover,
.btn-success:not(:disabled):not(.disabled):active,
.btn-focus:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled):active {
    background-color: var(--cdu-color-button-inaktiv-hover) !important;
    border-color: var(--cdu-color-button-inaktiv-hover) !important;
}

.m-wizard.m-wizard--1 .m-wizard__head .m-wizard__steps .m-wizard__step.m-wizard__step--current .m-wizard__step-info span.m-wizard__step-number:hover > span {
    background-color: var(--cdu-color-button-inaktiv-hover) !important;
}

.m-wizard.m-wizard--1.m-wizard--success .m-wizard__steps .m-wizard__step.m-wizard__step--current .m-wizard__step-info .m-wizard__step-number > span {
    background-color: var(--cdu-color-button-inaktiv);
}


@media only screen and (max-width: 550px) {
    h3.m-login__welcome-headline {
        font-size: 30px;
    }

    .m-login__msg {
        font-size: 30px;
    }
}

@media only screen and (max-width: 1450px) {
    h3.m-login__welcome-headline {
        transform: scale(0.7);
    }
}