:root {
    /*--blue: #007bff;*/
    /*--indigo: #6610f2;*/
    /*--purple: #6f42c1;*/
    /*--pink: #e83e8c;*/
    /*--red: #dc3545;*/
    /*--orange: #fd7e14;*/
    /*--yellow: #ffc107;*/
    /*--green: #28a745;*/
    /*--teal: #20c997;*/
    /*--cyan: #17a2b8;*/
    /*--white: #fff;*/
    /*--gray: #6c6c81;*/
    /*--gray-dark: #343a40;*/

    /* Original */
    --primary: #245f5f;
    --primary_hover: #194343;

    /* Rot *//*
    --primary: #9a0000;
    --primary_hover: #b40000;
    */

    /* Blau *//*
    --primary: #32326c;
    --primary_hover: #454586;
     */

    /*--secondary: #e6e6e6;*/
    --secondary: #cfcfcf; /** 2019-11-20 Änderungen PM */
    --success: var(--primary);
    --info: #36a3f7;
    --warning: #ffb848;
    --danger: #dd0025;
    --light: #f8f9fa;
    --dark: #333;
    --skin-evewa: #2f2f2f;
    --text_color: #333333;
    /*--skin-evewa-font: #909FAC;*/
    --skin-evewa-font: #eaeaea; /** 2019-11-20 Änderungen PM */
    --skin-evewa-font-active: #ffffff;
    /*--skin-evewa-font-hover: #727F8C;*/
    --skin-evewa-font-hover: #ffffff; /** 2019-11-20 Änderungen PM */
    --skin-evewa-font-head: #909FAC;
    --skin-evewa-font-head-hover: #363636;
    --skin-evewa-font-head-active: #363636;

    /*--skin-evewa-bg: #2a2a2a;*/
    --skin-evewa-bg: #212121; /** 2019-11-20 Änderungen PM */
    /*--skin-evewa-bg-active: #ffffff;*/
    --skin-evewa-bg-active: var(--primary); /** 2019-11-20 Änderungen PM */
    /*--skin-evewa-bg-hover: #ffffff;*/
    --skin-evewa-bg-hover: #363636; /** 2019-11-20 Änderungen PM */
    --skin-evewa-hover: #333;
    --skin-evewa-block-bg: #FFFFFF;
    --focus: #9816f4;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Poppins, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

    --btn_success_hover: var(--primary_hover);
    --btn_success_border: var(--primary);

    --btn_primary_hover: var(--primary_hover);
    --btn_priamry_border: var(--primary);
    --btn_secondary_hover: #d4d8e3;
    --btn_secondary_border: #d4d8e3;

    --btn_info_hover: #1192f6;
    --btn_info_border: #1192f6;

    --btn_warning_hover: #fbaa00;
    --btn_warning_border: #fbaa00;

    --btn_danger_hover: #f22d4e;
    --btn_danger_border: #f22d4e;

    --btn_light_hover: #e2e6ea;
    --btn_light_border: #e2e6ea;

    --btn_dark_hover: #23272b;
    --btn_dark_border: #23272b;

    --btn_focus_hover: #840ad9;
    --btn_focus_border: #840ad9;
}
.btn.green {
    background-color: var(--primary) !important;
    border-color: transparent;
}

.btn.green:hover,
.btn.green:focus,
.btn.green:active,
.btn.green.active,
.btn.green.disabled,
.btn.green[disabled] {
    background-color: var(--primary_hover) !important;
    border-color: transparent;
}
.btn.red {
    color: #fff !important;
    background-color: var(--btn_danger_hover);
    border-color: var(--btn_danger_hover);
}
/*
.btn.grey {
    color: #fff !important;
    background-color: var(--gray);
    border-color: var(--gray);
}
.btn-metal {
    color: #fff !important;
    background-color: var(--gray);
    border-color: var(--gray);
} */
.btn-success,
.bg-success
{
    background-color: var(--primary) !important;
    border-color: transparent; !important;
}
.btn-success:not(:disabled):not(.disabled):not(.disabled)
{
    border-color: transparent !important;
    border-bottom: transparent !important;
}

.m-login.m-login--1 .m-login__wrapper .m-login__form .m-form__group .form-control:focus::-moz-placeholder
{
    color: var(--primary) !important;
}
.m-input
{
    color: var(--text_color) !important;
}

.btn-outline-success.m-btn--air:hover,
.btn-success.m-btn--air:hover,
.m-btn--gradient-from-success.m-btn--air:hover,
.m-checkbox.m-checkbox--brand.m-checkbox--solid:focus-within:hover > span
{
    box-shadow: 0 0 5px 1px var(--primary) !important;
}
.m-checkbox.m-checkbox--brand.m-checkbox--solid:focus-within > span
{
    box-shadow: 0 0 0 0 transparent !important;;
}

/* Beispiel CSS-Chat */
/* Chat containers */
.container {
    border: 2px solid #dedede;
    background-color: #f1f1f1;
    border-radius: 5px;
    padding: 10px;
    margin: 10px 0;
}

/* Darker chat container */
.darker {
    border-color: #ccc;
    background-color: #ddd;
}

/* Clear floats */
.container::after {
    content: "";
    clear: both;
    display: table;
}

/* Style images */
.container img {
    float: left;
    max-width: 60px;
    width: 100%;
    margin-right: 20px;
    border-radius: 50%;
}

/* Style the right image */
.container img.right {
    float: right;
    margin-left: 20px;
    margin-right:0;
}

/* Style time text */
.time-right {
    float: right;
    color: #aaa;
}

/* Style time text */
.time-left {
    float: left;
    color: #999;
}

.login-secondary{
    text-align: center;
    color: white;
    font-size: xx-large;
}

.select2-container {
    width: 100% !important;
    display: block !important; /* Erzwingt Anzeige */
}

.select2-container--default .select2-selection--multiple {
    min-height: 38px;
    border: 1px solid #ced4da;
    background-color: white;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    padding: 5px;
    border-radius: 4px;
}