/* #region Region_FullPageLayout */
html, body {
    font-family: 'Open Sans Condensed', sans-serif !important;
    font-size: 1.2rem !important;
    margin: 0;
    padding: 0;
    height: 100%;
}

body {
    /* Margin bottom by footer height */
    display: flex;
    flex-direction: column;
    height: 100%;
}

.NoMarginNoPadding {
    padding: 0px !important;
    margin: 0px !important;
}

.mainLayoutMenu {
    height: 60px;
}

* {
    box-sizing: border-box;
}

.devRedBorder {
    border: 1px solid red;
}

.devGreenBorder {
    border: 1px solid red;
}

.devBlueBorder {
    border: 1px solid blue;
}
/* #endregion Region_FullPageLayout */

/* #region Region_MainLayout */

/* MainLayout: PlanAPP logo in the upper left corner. */
.img-logo {
    height: 35px;
    padding-bottom: 5px;
    width: auto;
}

/* MainLayout: Main container */
.mainLayoutContainer {
    display: flex;
    flex-direction: column;
    height: 96%;
}

/* MainLayout: Page (full) container */
.pageContainer {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 10px 20px 20px 20px;
    margin: 20px 60px 40px 20px;
    overflow: hidden;
    border: 0px solid red;
}

/* MainLayout: Page Title */
.pageTitle {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 15px;
    border: 0px solid green;
    height: 30px !important;
}

/*Footer*/
.pageFooter {
    height: 60px;
    background-color: #002d63;
    text-align: center;
}

    .pageFooter p {
        color: white;
        padding-top: 12px;
    }

/* #endregion Region_MainLayout */

/* #region Region_Page */
.gridlayout-item {
    font-size: 1.2em;
    font-weight: 500;
    text-align: center;
    height: 100%;
    /*padding: 0.5rem;*/
    text-align: center;
    position: relative;
    z-index: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gridlayout-item-border {
    border: 1px solid black;
    font-size: 1.2em;
    font-weight: 500;
    text-align: center;
    height: 100%;
    /*padding: 0.5rem;*/
    text-align: center;
    position: relative;
    z-index: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gridlayout-item:before {
    content: " ";
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0.4;
}


.pageReportFilter {
    width: 100%; /* Nimmt die gesamte Breite des Bildschirms ein */
    max-width: 100%; /* Stellt sicher, dass es keine maximale Breitenbegrenzung gibt */
    box-sizing: border-box; /* Bezieht Padding und Border in die Breite mit ein */
    position: sticky; /* Fixiert den Filter */
    top: 0;
    z-index: 100;
    background-color: white;
    border-bottom: 1px solid revert; /* Optional: Trennlinie */
    display: flex;
    flex-wrap: wrap; /* Ermöglicht Umbruch für kleinere Bildschirme */
    justify-content: space-between; /* Elemente gleichmäßig verteilen */
    align-items: center; /* Vertikale Ausrichtung */
}

.pageReportGrid {
    flex-grow: 1; /* Container wächst, um verbleibenden Platz zu füllen */
    border: 1px solid gray;
    overflow: auto; /* Overflow X & Y auto because the columns should have a min width */
    margin-top: 10px;
    /*padding: 10px 5px;*/
    height: calc(100% - 138px); /* Berechnung: Abzug der Höhe des Filters (falls bekannt) */
    /*background-color: antiquewhite;*/
}

/* #endregion Region_Page */

/* #region Region_Colors */
/*Color classes to change background color*/
.bg-darkblue {
    background-color: #002d63;
}

.bg-grey {
    background-color: #afb7c0;
}

.bg-white {
    background-color: #ffffff;
}

/*Color classes to change font or icon color*/
.f-white {
    color: white !important;
}

.f-darkblue {
    color: #002d63 !important;
}

f-violet {
    color: #952055;
}

.f-readonly {
    color: #808080 !important;
}
/*#endregion Region_Colors*/

/* #region Region_Font_And_Icon_Installation */

/*Font and Icon installation ******************************************************************************/

@font-face {
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-weight: 300;
    src: url('/_style/fonts/Open_Sans_Condensed/open-sans-condensed-v14-latin-300.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Condensed Light'), local('OpenSansCondensed-Light'), url('/_style/fonts/Open_Sans_Condensed/open-sans-condensed-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/_style/fonts/Open_Sans_Condensed/open-sans-condensed-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('/_style/fonts/Open_Sans_Condensed/open-sans-condensed-v14-latin-300.woff') format('woff'), /* Modern Browsers */
    url('/_style/fonts/Open_Sans_Condensed/open-sans-condensed-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/_style/fonts/Open_Sans_Condensed/open-sans-condensed-v14-latin-300.svg#OpenSansCondensed') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(/_style/fonts/Material_Icons_Font/MaterialIcons-Regular.eot); /* For IE6-8 */
    src: local('Material Icons'), local('MaterialIcons-Regular'), url(/_style/fonts/Material_Icons_Font/MaterialIcons-Regular.woff2) format('woff2'), url(/_style/fonts/Material_Icons_Font/MaterialIcons-Regular.woff) format('woff'), url(/_style/fonts/Material_Icons_Font/MaterialIcons-Regular.ttf) format('truetype');
}

/*Fonts*********************************************************************************************/
h1 {
    font-size: 43px;
    font-size: 2.7rem;
}

h2 {
    font-size: 32px;
    font-size: 2rem;
}

h1, h2 {
    text-transform: uppercase;
    color: #002d63;
}

h3 {
    font-size: 22px;
    font-size: 1.4rem;
    font-weight: bold;
    color: #002d63;
}

h4 {
    font-size: 24px;
    font-size: 1.5rem;
}

h5 {
    font-size: 19px;
    font-size: 1.2rem;
}

h4, h5 {
    text-transform: uppercase;
    color: #ffffff;
}

h6 {
    font-size: 19px;
    font-size: 1.2rem;
    font-weight: bold;
    color: #002d63;
}

p, .input-text {
    font-size: 12px;
    font-size: 1.2rem;
    color: #202020;
}

a, a:hover {
    text-decoration: none !important;
}

/*Icons*********************************************************************************************/
/*Material Design Icons from Google with Apache License: add_circle, search, phone, email, message, delete ...*/
.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px; /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
}

/* #endregion Region_Font_And_Icon_Installation */

/* #region Region_Navbar */

/*Navbar********************************************************************************************/
/*See also Site.js for some additional functionality*/

/*Define a grey border between navbar and rest of page*/
.navbar {
    border-bottom: 2px solid #a6a7ac;
    padding: 0.5rem 1rem !important;
}

    /*Padding in between navbar links*/
    .navbar .nav-item {
        padding-left: 15px;
    }

        /*Make navbar links uppercase*/
        .navbar .nav-item .nav-link {
            text-transform: uppercase;
            font-size: 19px;
            font-size: 1.2rem;
        }

.nav-link {
    padding: 0px !important;
}

/*Adjust user name on the right to same font-size as other navbar links*/
.navbar-user-header {
    font-size: 21px;
    font-size: 1.3rem;
}

/*Change brand and text color*/
.navbar-light .navbar-brand,
.navbar-light .navbar-text {
    color: #002d63 !important;
}

/*Change link color*/
.navbar-light .navbar-nav .nav-link {
    color: #002d63 !important;
}

/*Change color of active and hovered links*/
.navbar-light .nav-item:active .nav-link,
.navbar-light .nav-item:focus .nav-link,
.navbar-light .nav-item:hover .nav-link {
    color: #952055 !important;
}

/*Change color dropdown menu*/
.navbar-nav .nav-item .dropdown-menu {
    background-color: #002d63 !important;
    border-radius: 5px;
    border: 0;
}

    .navbar-nav .nav-item .dropdown-menu .dropdown-item {
        background-color: #002d63 !important;
        color: #ffffff !important;
    }

        /*Change color dropdown menu hover*/
        .navbar-nav .nav-item .dropdown-menu .dropdown-item:active,
        .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover,
        .navbar-nav .nav-item .dropdown-menu .dropdown-item a:focus {
            background-color: #952055 !important;
        }

/*Style links in dropdown menu*/
.navbar-nav .nav-item .dropdown-menu {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

    .navbar-nav .nav-item .dropdown-menu .dropdown-item {
        padding-top: 2px !important;
        padding-bottom: 2px !important;
        padding-left: 10px !important;
        padding-right: 0 !important;
    }

        .navbar-nav .nav-item .dropdown-menu .dropdown-item a {
            color: #ffffff !important;
            display: block;
            width: 100%;
            padding-left: 1.5rem;
            padding-right: 1.5rem;
        }

            /*No underline on hover*/
            .navbar-nav .nav-item .dropdown-menu .dropdown-item a:active,
            .navbar-nav .nav-item .dropdown-menu .dropdown-item a:hover,
            .navbar-nav .nav-item .dropdown-menu .dropdown-item a:focus {
                text-decoration: none;
            }


/*Menu & Submenu links - give arrow some space*/
.dropdown-toggle::after {
    margin-left: .4em !important;
}

/*Submenu - show on hover*/
.submenu:hover > .dropdown-menu {
    display: block;
    position: absolute;
    left: 100%;
    margin-left: 1px;
    top: -10px;
}
/*#endregion Region_Navbar*/

/* #region Region_Buttons_On_The_Right */

/*Fixed Contact Containers***********************************************************************/
/*Wrapping div, general*/
.fixed-contact-container {
    position: fixed;
    background-color: #afb7c0;
    right: 0;
    height: 50px;
    min-width: 20px;
    display: flex;
    flex-direction: row;
    cursor: pointer;
    overflow: hidden;
    border-radius: 5px 0 0 5px;
}

/*Wrapping div download, defining the position of the element*/
.fixed-contact-download {
    bottom: 310px;
}

/*Wrapping div whatsapp, defining the position of the element*/
.fixed-contact-benchmark {
    bottom: 240px;
}

/*Wrapping div email, defining the position of the element*/
.fixed-contact-email {
    bottom: 170px;
}

/*Wrapping div hotline, defining the position of the element*/
.fixed-contact-hotline {
    bottom: 100px;
}

/* Wrapping div chat, defining the position of the element */
.fixed-contact-chat {
    bottom: 380px; /* 70px über der Hotline (100px) */
}

/*Blue visible button*/
.fixed-contact-button {
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #002d63;
    color: white;
    border-radius: 5px 0 0 5px;
}

/*Grey invisible information area, visible on hover*/
.fixed-contact-area-hide {
    background-color: #afb7c0;
    height: 50px;
    width: 250px;
    display: none;
}

    .fixed-contact-area-hide h6 {
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 1.1rem;
        overflow: hidden;
    }

.fixed-contact-container:hover .fixed-contact-area-hide {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 15px;
}

/* #endregion Region_Buttons_On_The_Right */

/* #region Region_Buttons */

input[type=submit]:focus, .button-full:focus {
    outline: 1px dashed grey;
}

.button-full-center {
    display: inline-block;
    line-height: 1.2em;
    box-sizing: border-box;
    font-size: 19px;
    font-size: 1.2rem;
    font-weight: bold;
    white-space: nowrap;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 7px;
    padding-bottom: 7px;
    /*width: auto;*/
    text-align: center;
    border: 2px solid #952055;
    border-radius: 5px !important;
    cursor: pointer !important;
    color: white;
    background-color: #952055;
    margin-right: 7px;
}

    .button-full-center:hover {
        border: 2px solid #952055;
        border-radius: 5px !important;
        cursor: pointer !important;
        color: black;
        background-color: #952055;
        margin-right: 7px;
    }

.button2-full-center {
    display: inline-block;
    line-height: 1.2em;
    box-sizing: border-box;
    font-size: 1rem;
    font-weight: bold;
    white-space: nowrap;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 5px;
    padding-bottom: 5px;
    /*width: auto;*/
    text-align: center;
    border: 2px solid #952055;
    border-radius: 5px !important;
    cursor: pointer !important;
    color: white;
    background-color: #952055;
    margin-right: 7px;
}

    .button2-full-center:hover {
        border: 2px solid #952055;
        border-radius: 5px !important;
        cursor: pointer !important;
        color: black;
        background-color: #952055;
        margin-right: 7px;
    }


.btn100W100H {
    height: 100% !important;
    width: 100% !important;
}

.button-full-center_PlanEditor {
    display: inline-block;
    line-height: 1.2em;
    box-sizing: border-box;
    font-size: 19px;
    font-size: 1.2rem;
    font-weight: bold;
    white-space: nowrap;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 2px;
    padding-bottom: 2px;
    /*width: auto;*/
    text-align: center;
    border: 2px solid #952055;
    border-radius: 5px !important;
    cursor: pointer !important;
    color: white;
    background-color: #952055;
    margin-right: 7px;
}

    .button-full-center_PlanEditor:hover {
        border: 2px solid #952055;
        border-radius: 5px !important;
        cursor: pointer !important;
        color: black;
        background-color: #952055;
        margin-right: 7px;
    }

.btn100W35H {
    height: 35px !important;
    width: 100% !important;
}
/* #endregion Region_Buttons */

/* #region Region_Inputs */
/*Input fields*********************************************************************************************/
/*Give input elements some padding, a round border and hide overflow*/
input, select, optgroup, textarea {
    border: 0px solid #202020;
    border-radius: 5px !important;
    padding-top: 5px; /*IEPLE - 10px*/
    padding-bottom: 5px; /*IEPLE - 9px*/
    padding-left: 7px;
    padding-right: 7px;
    overflow: hidden !important;
}
.seasonInput {
    font-weight: bold;
    text-align: center;
    background-color: #f0f8ff !important;
}
.seasonInputLabel {
    font-weight: bold;
    text-align: right;
    padding: 5px 0px;
}
.seasonPadding{
    margin-left: 15px;
}
/* #endregion Region_Inputs */

/* #region Region_Validation */
.validation-message {
    color: red;
    font-size: 0.8em;
}

.forgot-password {
    color: #007bff;
    font-size: 0.8em;
    text-align: right;
}

.show-password {
    font-size: 0.8em;
    margin-top: 5px;
}
.popUpClass {
    white-space: pre-line;
}
/* #endregion Region_Validation */

/* #region Region_CustomDevExpress_Style */
.dxbl-loading-panel {
    --dxbl-loading-panel-indicator-size: 2rem;
    --dxbl-loading-panel-message-size: 1.8rem;
    --dxbl-loading-panel-message-color: #002d63;
}

.dxbl-wait-indicator {
    --dxbl-wait-indicator-color: #952055;
}

.dxbl-list-box, .dxbl-list-box-render-container {
    --dxbl-list-box-color: red important;
    --dxbl-list-box-item-hover-bg: #002d63 !important;
    --dxbl-list-box-item-hover-color: white !important;
    --dxbl-list-box-item-selected-bg: #80b4ef !important;
    --dxbl-list-box-item-selected-color: white !important;
    --dxbl-list-box-item-selected-hover-bg: #002d63 !important;
    --dxbl-list-box-item-selected-hover-color: white !important;
}

.dxbl-btn-standalone.dxbl-btn-primary {
    --dxbl-btn-color: rgb(255, 255, 255);
    --dxbl-btn-bg: #952055;
    --dxbl-btn-border-color: #952055;
    --dxbl-btn-active-bg: #432874;
    --dxbl-btn-active-color: rgb(255, 255, 255);
    --dxbl-btn-active-border-color: #432874;
    --dxbl-btn-hover-bg: #952055;
    --dxbl-btn-hover-color: rgb(0, 0, 0);
    --dxbl-btn-hover-border-color: #952055;
    --dxbl-btn-focus-outline-size: 0.125rem;
    --dxbl-btn-focus-outline-offset: 0.063rem;
    --dxbl-btn-focus-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    --dxbl-btn-focus-bg: #952055;
    --dxbl-btn-focus-color: rgb(255, 255, 255);
    --dxbl-btn-focus-border-bg: #952055;
    --dxbl-btn-focus-outline-color: #952055;
}
.dxbl-btn-outline-secondary {
    /*--dxbl-text-edit-btn-hover-color: white !important;*/
    /*--dxbl-text-edit-btn-hover-bg: #952055 !important;*/
    --dxbl-text-edit-btn-hover-color: #952055;
    --dxbl-text-edit-btn-hover-border-color: #952055;
}


.dxbl-text-edit {
    /*--dxbl-text-edit-font-size:0.875 rem !important;*/
    --dxbl-text-edit-box-shadow: none !important;
    --dxbl-text-edit-bg: white !important;   
}


.dxbl-text-edit-input {
    /*padding: 0px !important; */
}

.dxbl-checkbox {
    --dxbl-checkbox-radio-check-bg: #952055 !important;
    --dxbl-checkbox-switch-checked-bg: #952055 !important;
    --dxbl-checkbox-check-element-checked-bg: #952055 !important;
}

.OverrideDevExpressStyle.dxbl-treeview {
    --dxbl-treeview-item-hover-bg: #002d63 !important;
    --dxbl-treeview-item-hover-color: white !important;
    --dxbl-treeview-item-selection-bg: #80b4ef !important;
    --dxbl-treeview-item-selection-color: white !important;
}

.dxbl-gridlayout-item
{
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

.reportFilterTree .dxbl-scroll-viewer {
    height: 400px !important;
}

.dxbl-text-edit-template {
    padding-top: 4px !important; /* Dropdown text*/
    text-overflow: ellipsis;
}

.comboBox .dx-listbox-scrollable {
    max-height: 1300px !important;
}

.dxbl-text-edit.dxbl-disabled, .dxbl-text-edit:disabled {
    --dxbl-text-edit-disabled-root-bg: var(--dxbl-text-edit-disabled-bg, #b4b4b4) !important;
    position: relative;
    color: var(--dxbl-text-edit-disabled-color);
}

.dxbl-grid {
    --dxbl-grid-selection-focus-bg: #952055 !important;
    --dxbl-grid-selection-focus-color: white !important;
    --dxbl-grid-focus-frame-color: #002d63 !important;
    --dxbl-grid-hover-bg: #002d63 !important;
    --dxbl-grid-hover-color: white !important;
    /*    --dxbl-list-box-item-selected-hover-bg: #002d63 !important;
    --dxbl-list-box-item-selected-hover-color: white !important;*/

    --dxbl-grid-focus-bg: #fff !important;
    --dxbl-grid-focus-color: #000 !important;
}

.dxbl-grid-header {
    --dxbl-grid-header-color: white !important; /* Header-Textfarbe */
    --dxbl-grid-header-bg: #80b4ef !important; /* Header-Hintergrund */
    --dxbl-grid-header-hover-bg: #002d63 !important; /* Header-Hintergrund bei Hover */
    --dxbl-grid-header-hover-color: white !important; /* Textfarbe bei Hover */
}

    .dxbl-grid-header.dxbl-grid-fixed-cell {
        background-color: #2989BC !important;
    }

.dxbl-tabs > .dxbl-tabs-tablist > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-disabled):not(:disabled).dxbl-active::after,
.dxbl-tabs > .dxbl-tabs-tablist > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-disabled):not(:disabled).dxbl-active::after {
    background-color: #952055 !important;
}

/* #endregion Region_CustomDevExpress_Style */

/* #region Region_ImportPage */
.upload-container {
    padding: 0 !important;
    margin: 0 auto;
    border-style: dashed;
    border-width: 2px !important;
    /*max-height: 200px;*/
    height: 100px !important;
    width: 80%;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    /*justify-content: center;*/
    background-color: rgba(183, 183, 183, 0.1);
}

.grid-container {
    padding: 0 !important;
    margin: 10px auto;
    border-style: dashed;
    border-width: 2px !important;
    width: 80%;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    /*justify-content: center;*/
    background-color: rgba(183, 183, 183, 0.1);
}

.grid-delete-btn {
    background-image: url(../_img/delete-icon.png);
    width: 18px;
    height: 18px;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent;
    border: none;
}
.grid-copy-btn {
    background-image: url(../_img/copy-icon.png);
    width: 18px;
    height: 18px;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent;
    border: none;
}
.grid-base-btn {
    background-image: url(../_img/basePlan-icon.png);
    width: 18px;
    height: 18px;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent;
    border: none;
}
.grid-lock-btn {
    background-image: url(../_img/lock-icon.png);
    width: 18px;
    height: 18px;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent;
    border: none;
}
.grid-unlock-btn {
    background-image: url(../_img/unlock-icon.png);
    width: 18px;
    height: 18px;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent;
    border: none;
}


.grid-edit-btn {
    background-image: url(../_img/edit-icon.png);
    width: 18px;
    height: 18px;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent;
    border: none;
}
.grid-clear-filter-btn {
    background-image: url('../_img/filterclear-icon.png');
    width: 18px;
    height: 18px;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent;
    border: none;
}
.grid-zoom-btn {
    background-image: url(../_img/zoom-icon.png);
    width: 18px;
    height: 18px;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    border: none;
}
.grid-download-btn {
    background-image: url(../_img/download-icon.png);
    width: 18px;
    height: 18px;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    border: none;
}
.grid-update-btn {
    background-image: url(../_img/update-icon.png);
    width: 18px;
    height: 18px;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    border: none;
}

/* #endregion Region_ImportPage */

/* #region Region_Filter */
.filter-save-btn {
    background-image: url(../_img/save-icon.png);
    width: 24px;
    height: 24px;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    border: none;
}

.filter-reset-btn {
    background-image: url(../_img/filterClear-icon.png);
    width: 24px;
    height: 24px;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    border: none;
}
.filter-reset-btn_disable {
    background-image: url(../_img/filterClear-icon-disable.png);
    width: 24px;
    height: 24px;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    border: none;
}

.filter-excel-btn {
    background-image: url(../_img/excel-icon.png);
    width: 24px;
    height: 24px;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    border: none;
}

.filter-refresh-btn {
    background-image: url(../_img/refresh-icon.png);
    width: 24px;
    height: 24px;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    border: none;
}

.filterComponent {
    width: 100% !important;
    border: 1px solid black;
    color: #002d63 !important;
    height: 35px !important;
    text-align: left !important;
    background-color: #80b4ef;
}

.filterComponentNeutro {
    width: 100% !important;
    border: 1px solid black;
    color: #002d63 !important;
    height: 35px !important;
    text-align: left !important;
    /*background-color: #80b4ef;*/
}
/* filterComponentDisabled */
.filterComponentDisabled {
    width: 100% !important;
    border: 1px solid black;
    color: #002d63 !important;
    background-color: rebeccapurple !important;
    height: 35px !important;
    text-align: left !important;
    /*background-color: #80b4ef;*/
}

.filterComponentWarning {
    width: 100% !important;
    border: 2px solid red;
    color: #002d63 !important;
    height: 35px !important;
    text-align: left !important;
    /*background-color: #80b4ef;*/
}

/* #endregion Region_Filter */

/* #region Region_KPI */
.kpiTableCss
{
    width: 100%;
    font-size: 16px !important;
}
.kpiTableSpaceRow {
    height: 10px;
}

.kpiChartCss
{
    margin-top: 5px;
}
.FS12 {
    font-size: 14px !important;
}

.KpiDiv {
    border: 1px solid black;
    margin: 5px;
}

.ktoClass {
    font-size: 14px !important;
}

.KPIBM_TH {
    background-color: #e6994c !important;
}

.KPISM_TH {
    background-color: #75bd99 !important;
}

.KPID_TH {
    background-color: #5275e0 !important;
}

.KPIBM {
    text-align: right !important;
    border-right: 10px solid #FFF;
    color: darkorange;
}

.KPISimulation {
    text-align: right !important;
    border-right: 10px solid #FFF;
    color: darkgreen;
}

.KPIDelta {
    text-align: right !important;
    border-right: 10px solid #FFF;
    color: darkblue;
}

.TopBorder {
    padding-top: 4px;
    padding-bottom: 4px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: darkgray;
}
/* #endregion Region_Filter */

/* #region Region_HomePage */

/* MainLayout: HomePage */
.WarningNotesStyle {
    /*background-color: #ffcc00;*/
    /*color: #000;*/
    padding: 10px;
    border: 2px solid #ff9900;
    border-radius: 8px;
    font-family: Arial, sans-serif;
    font-size: 16px;
    margin: 0px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);    
}
/* MainLayout: Page Content (scrollable) */
.pageContent {
    flex: 1;
    overflow-y: auto;
    padding: 10px;
    border: 1px solid gray;
    /*    background-color: whitesmoke;*/
}


.ReleaseNotesStyle {
    padding: 10px;
    background-color: whitesmoke;
    border: 1px solid green;
}

.ReleaseHighlights {
    padding: 10px;
    background-color: #dcdcdc;
    border: 1px solid green;
}

.AdminDashboardStyle {
    padding: 10px;
    background-color: white;
    border: 1px solid green;
    height: 100%;
}
/* #endregion Region_HomePage */

/* #region Region_Grid */
.centerAlignHeader {
    text-align: center;
    width: 100%;
}
.ImportRawHeaderValueColor {
    text-align: center;
    background-color: #952055 !important;
}
.ImportRawHeaderFirstColor {
    background-color: #80b4ef !important;
}
.ImportRawHeaderSecondColor {
    background-color: #2989BC !important;
}
.detailGridImportRuleHeader {
    border: 1px solid gray;
    text-align: center;
    background-color: whitesmoke;
    padding: 4px;
}
.detailGridImportRuleItem {
    border: 1px solid gray;
    text-align: center;
    padding: 4px;
}
.editGridImportRuleItem {
    max-width: 60px !important;
    text-align: center;
}
.editGridPercentageCell {
    max-width: 80px !important;
    text-align: right;
}

.editButtonsOnRight {
    text-align: right !important;
}
.Grid100Height {
    height: 100% !important;
}
.GridFilterSearch{
    /*background-color: whitesmoke;*/
}
.selectAllDDBox {
    padding-left: 8px;
}

.hideOverflow {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.newItemInGrid{
    background-color: yellow !important;
}

/* #endregion Region_Grid */

/* #region Region_Plan */
/*Buttons*/
.plan-save-btn {
    background-image: url(../_img/save-icon.png);
    width: 24px;
    height: 24px;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    border: none;
}
.plan-save-btn_disable {
    background-image: url(../_img/save-icon-disable.png);
    width: 24px;
    height: 24px;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    border: none;
}
.plan-undo-btn {
    background-image: url(../_img/undo-icon.png);
    width: 24px;
    height: 24px;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    border: none;
}
.plan-undo-btn_disable {
    background-image: url(../_img/undo-icon-disable.png);
    width: 24px;
    height: 24px;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    border: none;
}
.plan-clear-btn {
    background-image: url(../_img/clear-icon.png);
    width: 24px;
    height: 24px;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    border: none;
}

.plan-clear-btn_disable {
    background-image: url(../_img/clear-icon-disable.png);
    width: 24px;
    height: 24px;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    border: none;
}
.btnPlanValueCopy {
    border: 2px solid #952055;
    border-radius: 5px !important;
    cursor: pointer !important;
    color: white;   
    font-size: 1.2rem;
    font-weight: bold;
    background-color: #952055;
    width: 40px;
    margin: 0px;
    padding: 0px;
}
.btnPlanValueCopyAccount {
    border: 2px solid #952055;
    border-radius: 5px !important;
    cursor: pointer !important;
    color: white;
    font-size: 1.2rem;
    font-weight: bold;
    background-color: #952055;
    width: 35px;
    margin: 0px;
    padding: 0px;
}
.btnPlanValueCopyAccountDisabled {
    border: 2px solid #952055;
    border-radius: 5px !important;
    cursor: pointer !important;
    color: white;
    font-size: 1.2rem;
    font-weight: bold;
    background-color: #d9d9d9 !important;
    width: 35px;
    margin: 0px;
    padding: 0px;
}
.btnPlanValueLinkAccount {
    border: 2px solid #952055;
    border-radius: 5px !important;
    cursor: pointer !important;
    color: white;
    font-size: 1.2rem;
    font-weight: bold;
    background-color: #ff8800 !important;
    width: 35px;
    margin: 0px;
    padding: 0px;
}
.btnPlanValueLinkAccountDisabled {
    border: 2px solid #952055;
    border-radius: 5px !important;
    cursor: pointer !important;
    color: white;
    font-size: 1.2rem;
    font-weight: bold;
    background-color: #d9d9d9 !important;
    width: 35px;
    margin: 0px;
    padding: 0px;
}
.btnCopyDisabled {
    width: 100%;
    margin: 0px;
    padding: 0px;
    background-color: #d9d9d9 !important;
    color: black !important;
}
.cellStyle {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    border: 1px solid black;
    width: 100%;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cellStyleRed {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    border: 1px solid red !important;
    width: 100%;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    outline: none; /* Very important to avoid native override */
}

.cellStyleDisabled {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    border: 1px solid black;
    width: 100%;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: #d9d9d9 !important;
    color: black !important;
}

.txtboxStyleDisabled {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    width: 80%;
    background-color: #d9d9d9 !important;
}

.cellChangedBorder {
    border: 1px solid red !important;
}

.ddlStyle {
    width: 100%;
}

/* #endregion Region_Plan */

/* #region Region_Media */
/* Optimierungen für größere Bildschirme */
@media (min-width: 1024px) {
    .pageReportFilter {
            justify-content: space-between; /* Verteilt die Elemente gleichmäßig */
        }
    }
    /* Optimierung für kleinere Bildschirme */
    @media (max-width: 768px) {
        .pageReportFilter {
            flex-direction: column; /* Elemente untereinander anordnen */
            align-items: flex-start; /* Elemente links ausrichten */
        }

            .pageReportFilter > * {
                width: 100%; /* Volle Breite für Filterelemente */
            }
    }

    @media (max-width: 480px) {
        .pageReportFilter {
            font-size: 14px; /* Kleinere Schriftgröße */
        }
    }
    /* #endregion Region_Media */


/* #region SettingsPages */
.dxbl-fl-item {
    border: 0px solid red !important; /* Light gray border around each item */
    box-sizing: border-box; /* Ensure padding and border are included in the element's total width/height */
}

.gridlayoutCaption {
    text-align: right;
    padding: 5px 10px 5px 10px;
    border: 0px solid blue;
}

.gridlayoutContent {
    text-align: left;
    padding: 5px 10px 5px 10px;
    border: 0px solid blue;
}
/* #endregion SettingsPages */