@import "../gdk/button.css";
@import "../gdk/dialog.css";
@import "../gdk/form.css";
@import "../gdk/misc.css";
@import "../gdk/brand_selection.css";

/**
 * Bootstrap
 */
legend {
    width: auto;
}

a:hover {
    text-decoration: none;

}

button:focus {
    outline: 0;
}

/* Overrule Bootsrap 5 Standards*/
.row {
    --bs-gutter-x: 0rem;
}

.nav-flyout .button-wrapper {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 3.5rem;
    margin: .75rem 0 -0.625rem 0;
}

.nav-flyout .btn-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    padding: 0.5rem 1rem;
    min-width: 6.5rem;
    height: auto;
    background-color: #eca935;
    color: #000;
    font-weight: 700;
    border: none;
    white-space: nowrap;
    background-image: none;
    --bs-btn-close-opacity: 1;
    --bs-btn-close-hover-opacity: 1;
}

/**
 * Header
 */
.gdk-content-container .gdk-header {
    background-color: #243782;
    width: auto;
    display: table;
}

.gdk-content-container .gdk-sub-header {
    margin-left: 100px;
    margin-top: 10px;
}

.gdk-content-container .gdk-header h1 {
    font-size: 1.5rem;
    color: #ffffff;
    padding: 0 10px 0 10px;
    line-height: 3rem;
}

.gdk-content-container .gdk-header img {
    height: 56px;
}

.gdk-content-container .gdk-header img:first-child {
    float: left;
}

.gdk-content-container .gdk-header img:last-child {
    float: right;
}

@media only screen and (max-width: 47.9375rem) {
    .gdk-content-container .gdk-header h1 {
        font-size: 1.7em;
        line-height: 2.5rem;
    }

    .gdk-content-container .gdk-header img {
        height: 40px;
    }
}

/**
 * Content
 */
.gdk-content-container .alert-box {
    margin-bottom: 0;
}

.gmit-gf-x1, .gmit-gf-s1, .gmit-gf-m1, .gmit-gf-l1, .gmit-gf-xl1, .gmit-gf-x2, .gmit-gf-s2, .gmit-gf-m2, .gmit-gf-l2, .gmit-gf-xl2, .gmit-gf-x3, .gmit-gf-s3, .gmit-gf-m3, .gmit-gf-l3, .gmit-gf-xl3, .gmit-gf-x4, .gmit-gf-s4, .gmit-gf-m4, .gmit-gf-l4, .gmit-gf-xl4, .gmit-gf-x5, .gmit-gf-s5, .gmit-gf-m5, .gmit-gf-l5, .gmit-gf-xl5, .gmit-gf-x6, .gmit-gf-s6, .gmit-gf-m6, .gmit-gf-l6, .gmit-gf-xl6, .gmit-gf-x7, .gmit-gf-s7, .gmit-gf-m7, .gmit-gf-l7, .gmit-gf-xl7, .gmit-gf-x8, .gmit-gf-s8, .gmit-gf-m8, .gmit-gf-l8, .gmit-gf-xl8, .gmit-gf-x9, .gmit-gf-s9, .gmit-gf-m9, .gmit-gf-l9, .gmit-gf-xl9, .gmit-gf-x10, .gmit-gf-s10, .gmit-gf-m10, .gmit-gf-l10, .gmit-gf-xl10, .gmit-gf-x11, .gmit-gf-s11, .gmit-gf-m11, .gmit-gf-l11, .gmit-gf-xl11, .gmit-gf-x12, .gmit-gf-s12, .gmit-gf-m12, .gmit-gf-l12, .gmit-gf-xl12 {
    padding-left: 8px;
    padding-right: 8px;
}

.gdk-content-container,
.gdk-content-container p,
.gdk-content-container ul,
.gdk-content-container ol {
    font-size: .8rem !important;
    line-height: 1.25rem !important;
}

.gdk-content-container .gdk-start-dealer-location {
    background-color: #DBDBDB;
    border: 1px solid #C3C3C3;
    margin-bottom: 20px;
    padding: 16px 12px;
}

.gdk-content-container .gdk-widget {
    background-color: #ffffff;
    border-top: 4px solid #eca935;
}

.gdk-content-container .gdk-widget table {
    background-color: #ffffff;
    margin-bottom: 1rem;
}

.gdk-content-container .gdk-widget-button {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
}

.gdk-content-container table {
    width: 100%;
}

.gdk-content-container table th {
    border-bottom: 4px solid #243782;
    background-color: #ffffff;
    font-family: "EncodedSansExpanded", Arial, sans-serif;
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1.1667;
}

.gdk-content-container table tfoot tr:first-child td {
    border-top: 4px solid #000;
}

.gdk-content-container table tfoot td {
    background-color: #ffffff;
    font-family: "EncodedSansExpanded", Arial, sans-serif;
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1.1667;
}

.gdk-content-container table.account td {
    border-right-width: 0 !important;
}

.gdk-content-container table.account td div.group-label {
    font-weight: 700;
    cursor: pointer;
}

.gdk-content-container table.account td table.group-content {
    margin: 4px 4px 0 40px;
}

.gdk-content-container table.account td table.group-content tr td {
    padding: 0.2rem;
}

.gdk-content-container table tr.even, table tr.alt, table tr:nth-of-type(even) {
    background: transparent;
}

.gdk-content-container table tr.odd, table tr.alt, table tr:nth-of-type(odd) {
    background: #ffffff;
}

/**
 * Forms
 */
.gdk-content-container form fieldset {
    border: 0;
    border-top: 4px solid #243782;
    background-color: #ffffff;
    margin: 0;
    padding: 1rem;
}

.gdk-content-container form fieldset legend {
    font-size: 0.9rem;
    font-family: "EncodedSansExpanded", Arial, sans-serif;
    text-transform: uppercase;
    margin-top: -0.9rem;
    float: none;
    width: auto;
    padding: 0 5px;
}

.gdk-content-container form fieldset input:focus,
.gdk-content-container form fieldset select:focus {
    background-color: #ffffff;
}

.gdk-content-container form fieldset button,
.gdk-content-container button {
    text-transform: uppercase;
    float: right;
    margin: 0 0 0 1rem;
}

.gdk-content-container form fieldset button:first-child,
.gdk-content-container button:first-child {
    margin: 0;
}

/*.gdk-content-container form fieldset input[type="checkbox"] {*/

/*}*/

/*.gdk-content-container form fieldset input[type="checkbox"] {*/
/*    opacity: 0;*/
/*    position: absolute;*/
/*}*/

/*.gdk-content-container form fieldset input[type="checkbox"]+label {*/
/*    padding-left: 16px;*/
/*    display: block;*/
/*    margin-bottom: 16px;*/
/*}*/

/*.gdk-content-container form fieldset input[type="checkbox"]+label::before {*/
/*    border: 1px solid #ccc;*/
/*    content: "";*/
/*    display: inline-block;*/
/*    height: 1rem;*/
/*    left: 230px;*/
/*    margin-right: 1rem;*/
/*    position: absolute;*/
/*    width: 1rem;*/
/*    margin-top: 0.15rem;*/
/*}*/

/*.gdk-content-container form fieldset input[type="checkbox"]:focus+label::before,*/
/*.gdk-content-container form fieldset input[type="checkbox"]:active+label::before{*/
/*    border-color: #999;*/
/*}*/

/*.gdk-content-container form fieldset input[type="checkbox"]:checked+label::before {*/
/*    content: "";*/
/*    font-family: 'icons-opel', serif;*/
/*    font-weight: 700;*/
/*    line-height: 1rem;*/
/*}*/

.gdk-content-container form fieldset select {
    width: auto;
    padding-right: 1.5em;
    background-color: transparent;
}

.gdk-content-container form fieldset select[name="select_incentive_year_form[incentiveYear]"] {
    width: 100%;
}

.gdk-content-container form fieldset label.required::after {
    content: ' *';
    color: #ff0000;
}

.gdk-content-container form fieldset label {
    cursor: default;
}

.gdk-content-container form fieldset span.error {
    font-style: normal;
    padding: 0;
    background: transparent;
    margin-top: 0;
    margin-bottom: 0.25rem;
    color: #ff0000;
    font-size: .875rem;
}

.gdk-content-container form fieldset label + span.value {
    font-weight: bold;
    margin-bottom: 1rem;
    display: block;
}

.gdk-content-container form fieldset div.table {
    margin-bottom: 0;
}

/**
 * Tabs – angepasst für jQuery UI 1.14
 */

/* Tab Container (UL) */
.gdk-content-container .ui-widget-header {
    background-color: transparent;
    border: none;
    padding: 0;
}

/* Alle Tabs */
.gdk-content-container .ui-state-default {
    background-color: #fff !important;
    border: 1px solid #ccc !important;
    margin-right: 5px;
}

/* Aktiver Tab */
.gdk-content-container .ui-state-active {
    background-color: #f3f3f3 !important;
    border-bottom-color: #f3f3f3 !important;
    z-index: 2;
    position: relative;
}

/* Textfarbe der Tabs */
.gdk-content-container .ui-state-active a,
.gdk-content-container .ui-state-default a {
    color: #000000 !important;
}

/* Schriftstil der Tabs */
.gdk-content-container .ui-tabs .ui-tabs-tab a {
    text-transform: uppercase;
    font-family: "EncodedSansExpanded", Arial, sans-serif;
    font-weight: bold;
    display: block;
    padding: 0.5rem 1.5rem;
    text-align: center;
}

/* Tabs-Leiste */
.gdk-content-container .ui-tabs .ui-tabs-nav {
    padding: 0;
    margin: 0;
    display: flex;
}

/* Content-Panels */
.gdk-content-container .ui-tabs .ui-tabs-panel {
    padding: 1.5rem;
    border: 1px solid #ccc;
    background-color: #f3f3f3;
    position: relative;
    top: -1px;
}

/* Alle sonstigen Widgets */
.gdk-content-container .ui-widget.ui-widget-content,
.gdk-content-container .ui-widget-content {
    background-color: transparent;
    border-width: 0;
}

/* Bulletpoints bei jQuery-UI-Tabs verhindern */
.gdk-content-container .ui-tabs-nav,
.gdk-content-container .ui-tabs-nav li {
    list-style: none;
}

/* Sicherheit für moderne Browser */
.gdk-content-container .ui-tabs-nav li::marker {
    content: none;
}

/**
 * Article group
 */
.gdk-content-container .gdk-article-group .gdk-article {
    float: left !important;
}

.gdk-content-container .gdk-article-group .gdk-article .gdk-article-header {
    background-color: #eca935;
    height: 58px;
}

.gdk-content-container .gdk-article-group .gdk-article .gdk-article-header > a {
    margin: 0;
    width: 100%;
}

.gdk-content-container .gdk-article-group .gdk-article .gdk-article-image {
    background-color: #fff;
    padding: 11px 16px;
    text-align: center;
}

.gdk-content-container .gdk-article-group .gdk-article .gdk-article-image > img {
    max-width: 100%;
    max-height: 220px;
}

.gdk-content-container .gdk-article-group .gdk-article .gdk-article-point-value {
    background-color: #fff;
    height: 40px;
}

.gdk-content-container .gdk-article-group .gdk-article .gdk-article-point-value > div,
.gdk-content-container .gdk-article .gdk-article-point-value > div {
    background-color: #243782;
    float: right;
}

.gdk-content-container .gdk-article-group .gdk-article .gdk-article-point-value > div:first-child,
.gdk-content-container .gdk-article .gdk-article-point-value > div:first-child {
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
    height: 40px;
    min-width: 170px;
    text-align: right;
    padding: 10px 16px;
}

.gdk-content-container .gdk-article-group .gdk-article .gdk-article-point-value img,
.gdk-content-container .gdk-article .gdk-article-point-value img {
    height: 40px;
}

.gdk-content-container .gdk-article .gdk-article-point-available-value {
    width: 100%;
    text-align: right;
    font-size: 11px;
    padding-top: 5px;
    color: #404040;
}

.gdk-content-container .gdk-article .gdk-article-point-available-value.not-enough-points {
    color: #FF0000;
}


/**
 * Article
 */


/**
 * Carousel
 */
.carousel-control-prev,
.carousel-control-next {
    justify-content: inherit;
    width: 2.5rem;
    opacity: 1;
    color: #000000;
    text-decoration: none;
}

.carousel-control-prev:hover,
.carousel-control-next:hover {
    opacity: 1;
    color: #606060;
}

.carousel-control-prev:focus,
.carousel-control-next:focus {
    opacity: 1;
    color: #606060;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    background: rgba(255, 255, 255, 0.9) none;
    height: 5.5rem;
    width: 2.5rem;
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.7;
}

.carousel-control-prev-icon {
    border: 1px solid #eeeeee;
    border-left-width: 0;
}

.carousel-control-next-icon {
    border: 1px solid #eeeeee;
    border-right-width: 0;
}

.carousel-control-prev-icon::before {
    content: "";
    font-family: 'icons-opel', serif;
}

.carousel-control-next-icon::before {
    content: "";
    font-family: 'icons-opel', serif;
}

/**
 * Fotorama
 */
.gdk-content-container .fotorama__stage {
    border: 1px solid #ccc;
}

.fotorama__arr,
.gdk-content-container .fotorama__arr {
    background: rgba(255, 255, 255, 0.9) none;
    height: 5.5rem;
    width: 2.5rem;
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.7;
    border: 1px solid #eee;
    margin-top: -2.75rem;
    text-align: center;
}

.fotorama__arr:hover,
.gdk-content-container .fotorama__arr:hover {
    color: #606060;
}

.fotorama__arr--prev,
.gdk-content-container .fotorama__arr--prev {
    left: 0;
    border-left: 0;
}

.fotorama__arr--prev::before,
.gdk-content-container .fotorama__arr--prev::before {
    content: "";
    font-family: 'icons-opel', serif;
}

.fotorama__arr--next,
.gdk-content-container .fotorama__arr--next {
    right: 0;
    border-right: 0;
}

.fotorama__arr--next::before,
.gdk-content-container .fotorama__arr--next::before {
    content: "";
    font-family: 'icons-opel', serif;
}

.fotorama__fullscreen-icon,
.fotorama__video-close,
.gdk-content-container .fotorama__video-close,
.gdk-content-container .fotorama__fullscreen-icon {
    background: rgba(255, 255, 255, 0.9) none;
    font-family: 'icons-opel', serif;
    font-weight: 700;
    font-size: 1.2rem;
    border: 1px solid #eee;
    border-right: 0;
    border-top: 0;
    right: 0;
    top: 0;
    padding: 5px 10px;
    width: 2.5rem;
    color: #000;
}

.fotorama__fullscreen-icon:hover,
.fotorama__video-close:hover,
.gdk-content-container .fotorama__video-close:hover,
.gdk-content-container .fotorama__fullscreen-icon:hover {
    color: #606060;
}

.fotorama__fullscreen-icon::before,
.fotorama__video-close::before,
.gdk-content-container .fotorama__video-close::before,
.gdk-content-container .fotorama__fullscreen-icon::before {
    content: "";
}

.fotorama--fullscreen-icon::before,
.gdk-content-container .fotorama__fullscreen-icon::before {
    content: "";
}

.fotorama__thumb-border,
.gdk-content-container .fotorama__thumb-border {
    border-color: #243782;
}

/**
 * Article
 */
.gdk-content-container .gdk-article .gdk-article-buttons button {
    padding-left: 1rem;
}

.gdk-content-container .gdk-article .gdk-article-buttons button::before {
    content: none;
}

/**
 * Data Table
 */
.dataTable th::after {
    display: inline;
}

.dataTable th.sort-alpha {
    cursor: pointer;
}

.dataTable th.sort-alpha.sorting_asc::after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    content: '\f15d';
    float: right;
}

.dataTable th.sort-alpha.sorting_desc::after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    content: '\f15e';
    float: right;
}

div.dataTables_info {
    float: left;
}

div.dataTables_paginate {
    float: right;
}

.dataTables_wrapper::after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
}

div.dataTables_paginate a {
    text-decoration: none;
}

div.dataTables_paginate .paginate_button,
div.dataTables_paginate .ellipsis {
    padding: 0.5em;
    border: 1px solid #ccc;
    border-right: 0;
    background-color: #fff;
}

div.dataTables_paginate .paginate_button.current {
    background-color: #243782;
}

div.dataTables_paginate .paginate_button.current:hover {
    background-color: #243782;
}

div.dataTables_paginate .paginate_button.disabled {
    color: #ccc;
}

div.dataTables_paginate .paginate_button.disabled:hover {
    color: #ccc;
    background-color: #fff;
    cursor: default;
}

div.dataTables_paginate .paginate_button.next {
    border-right: 1px solid #ccc;
}

div.dataTables_paginate .paginate_button:hover {
    background-color: #eee;
}

/**
 * jQuery UI Slider
 */
.ui-slider.ui-widget-content {
    background-color: #fff;
    cursor: pointer;
    border-width: 1px !important;
}

.ui-slider.ui-widget-content span.ui-state-active,
.ui-slider.ui-widget-content span.ui-state-focus {
    background: #fafafa !important;
    border-color: #999 !important;
}

/**
 * Misc
 */
.gdk-content-container .percentage-indicator.fa-minus-circle {
    color: #ccc;
}

.gdk-content-container .percentage-indicator.fa-chevron-circle-up {
    color: #4F805D;
}

.gdk-content-container .percentage-indicator.fa-chevron-circle-down {
    color: #B0413E;
}

/**
 * div table
 */
.gdk-content-container div.table {
    display: table;
    width: 100%;
}

.gdk-content-container div.table > div {
    display: table-row;
}

.gdk-content-container div.table > div > div {
    display: table-cell;
    padding-right: 2em
}

.gdk-content-container div.table div div:last-child {
    padding-right: 0;
}

/**
 * jQuery multiSelect
 */
.gdk-content-container .ms-container {
    width: auto;
    margin-bottom: 16px;
}

.gdk-content-container .ms-container .ms-list {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

div.user-account-notification {
    padding: 15px;
    background-color: #ffe5cb;
    border: 1px solid #fcd1a5;
    font-size: 16px;
}

.ms-container .ms-selectable li.ms-elem-selectable,
.ms-container .ms-selection li.ms-elem-selection {
    font-size: 1em !important;
}

.gdk-account-details-footer {
    font-size: 0.7rem;
}

.gdk-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.gdk-filters .filter-account-details-brand {
    flex: 1 1 200px;
}

.gdk-filters .filter-account-details-date {
    flex: 1 1 100px;
}

.gdk-filters .filter-account-details-text {
    flex: 4 1 200px;
}

.gdk-filters .filter-article-price-range {
    flex: 3 1 150px;
}

.gdk-filters .filter-article-amount {
    flex: 1 1 100px;
    margin-left: 10px;
    margin-top: 28px;
}

.gdk-filters .filter-article-search-text {
    flex: 3 1 200px;
}

.gdk-filters .filter-article-loader {
    flex: 1 1 100px;
    margin-left: 10px;
    margin-top: 28px;
}

.gdk-filters .filter-account-points-allocation-function {
    flex: 0 0 300px;
}

.gdk-points-allocation-user table {
    width: 100%;
}

.gdk-points-allocation-user th {
    padding: 15px 8px 15px 8px;
}

.gdk-points-allocation-user td {
    padding: 8px;
}

.gdk-points-allocation-user th input,
.gdk-points-allocation-user td input {
    margin: 0.1rem;
}

.gdk-account-points-allocation-user-list {
    border: 1px solid #ccc;
    padding: 15px;
}

.gdk-account-box {
    border: 1px solid #ABABAB;
    background-color: #fff;
    margin-bottom: 15px;
    align-items: flex-start;
    width: 100%;
}

.gdk-account-box .first-row {
    display: flex;
    align-items: flex-start;
    min-height: 7vw;
}

.gdk-account-box img {
    display: block;
    margin-left: 0;
    margin-right: auto;
    padding: 1vw;
    min-height: 60px;
    max-height: 7vw;
    width: 80%;
}

.gdk-account-box .gdk-available-points {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
}

.gdk-account-box .gdk-available-points .gdk-dealer-number {
    width: 100%;
    text-align: right;
    padding: 10px 10px 0 0;
    font-size: clamp(0.4rem, 1vw, 0.7rem);
    color: #808080;
}

.gdk-account-box .gdk-available-points .gdk-label-available {
    margin-top: 2vw;
}

.gdk-account-box .gdk-label-order {
    margin-left: 2px;
}

.gdk-account-box .gdk-label-total {
    width: 100%;
    text-align: center;
}

.gdk-account-box .gdk-label {
    color: #808080;
}

.gdk-account-box .gdk-available-points .gdk-points {
    font-weight: bold;
    line-height: 1;
    font-size: clamp(1.5rem, 2vw, 2rem);
}

.gdk-account-box .gdk-available-points .gdk-points .admin {
    font-size: clamp(1rem, 3vw, 3rem);
}

.gdk-account-box .gdk-progress-bar-wrapper {
    padding: 0.5vw 1vw 1vw 1vw;
    width: 100%;
}

.gdk-account-box .gdk-progress-bar-wrapper .admin {
    padding: 1vw 1vw 1vw 1vw;
}

.gdk-account-box .gdk-details-button {
    width: 100%;
    background-color: #ABABAB;
}

.gdk-account-box hr {
    border-top: 1px solid #ABABAB;
}

.gdk-account-box div.gdk-details-button-left {
    position: relative;
    padding-left: .5rem;
    padding-right: .1rem;
    float: left
}

.gdk-account-box div.gdk-details-button-right {
    position: relative;
    padding-right: .5rem;
    float: left
}

.gdk-account-box div.gdk-chart-user {
    padding: 15px 0 15px 15px;
    display: flex;
    flex-direction: column;
}

.gdk-account-box .gdk-chart-user .chart-round {
    max-width: 150px;
    max-height: 150px;
}

.gdk-account-box .gdk-chart-user .chart-label {
    height: clamp(3rem, 2vw, 4rem);
    line-height: 1.2;
    padding-top: 0.7rem;
}

.gdk-account-box .gdk-chart-user .chart-legend {
    display: flex;
    flex-direction: column;
    margin-top: 1vw;
}

.gdk-account-box .gdk-chart-user .chart-legend .legend-item {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 9px;
    line-height: 1rem !important;
}

.gdk-account-box .gdk-chart-user .chart-legend .legend-item span {
    width: 8px;
    height: 8px;
    display: inline-block;
    flex-shrink: 0;
}

.gdk-account-box div.gdk-chart-month {
    padding: 15px 25px 15px 15px;
    max-height: 300px;
}

.gdk-account-allocation-box {
    border: 1px solid #ABABAB;
    background-color: #fff;
    margin-bottom: 15px;
}

.gdk-account-allocation-box .padding-column,
.gdk-account-allocation-box .logo-column {
    padding: 1rem;
}

.gdk-account-allocation-box .padding-input-column {
    padding: 0 0 1rem 1rem;
}

.gdk-account-allocation-box .logo-column img {
    max-height: clamp(50px, 8vw, 100px);
    max-width: clamp(75px, 12vw, 150px);
}

.gdk-account-allocation-box .logo-column {
    margin-right: 1rem;
    margin-left: 1rem;
}

.gdk-account-allocation-box .stat-main-label,
.gdk-account-allocation-box .stat-sub-label,
.gdk-account-allocation-box .input-label,
.gdk-account-allocation-box .chart-label {
    font-size: clamp(10px, 1.2vw, 12px);
    line-height: 2;
}

.gdk-account-allocation-box .chart-label {
    height: clamp(3rem, 2vw, 4rem);
    line-height: 1.2;
    padding-top: 0.7rem;
}

.gdk-account-allocation-box .stat-main-label {
    margin-top: clamp(14px, 3.8vw, 40px);
}

.gdk-account-allocation-box .stat-main-value {
    font-size: clamp(18px, 4vw, 30px);
    line-height: 1;
    font-weight: bold;
    margin-bottom: clamp(14px, 3.8vw, 40px);
}

.gdk-account-allocation-box .stat-sub-value {
    font-size: clamp(10px, 1.5vw, 14px);
    line-height: 1.2;
    font-weight: bold;
    margin-bottom: clamp(10px, 3vw, 20px);
}

.gdk-account-allocation-box .chart-legend {
    margin-top: 1vw;
}

.gdk-account-allocation-box .chart-legend .legend-item {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 9px;
    line-height: 1rem !important;
}

.gdk-account-allocation-box .chart-legend .legend-item span {
    width: 8px;
    height: 8px;
    display: inline-block;
    flex-shrink: 0;
}

.gdk-account-allocation-box .chart-round {
    max-width: 170px;
    max-height: 170px;
}

.gdk-account-allocation-box .chart-bar {
    min-height: 5vw;
}

.gdk-account-allocation-box hr {
    border-top-color: #ccc;
}

@media only screen and (min-width: 47.9375rem) {
    .gdk-account-allocation-box .chart-area {
        border-left: 1px solid #ccc;
    }
}

.gdk-account-allocation-box .allocatable-value input {
    width: 140px;
    padding: 8px;
    font-size: 14px;
    font-weight: bold;
}

.gdk-actions {
    padding-top: 1.5rem;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}

.gdk-vehicle-base-points-table {
    table-layout: fixed;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

.gdk-vehicle-base-points-table th,
.gdk-vehicle-base-points-table td {
    padding: 4px 7px !important;
    text-align: right !important;
}

.gdk-vehicle-base-points-table td {
    border: 1px solid #ddd !important;
    white-space: nowrap;
    font-weight: normal !important;
    background-color: #fff;
}

.gdk-vehicle-base-points-table th {
    border: 1px solid #fff !important;
    text-align: center !important;
    font-weight: normal !important;
}

.gdk-vehicle-base-points-table .sticky {
    position: sticky;
    z-index: 2;
}

.gdk-vehicle-base-points-table colgroup col:nth-child(1) {
    width: 90px;
}

.gdk-vehicle-base-points-table colgroup col:nth-child(2) {
    width: 150px;
}

.gdk-vehicle-base-points-table colgroup col {
    width: 50px;
}

.gdk-vehicle-base-points-table .col1 {
    left: 0;
}

.gdk-vehicle-base-points-table .col2 {
    left: 90px;
}

.gdk-vehicle-base-points-table .b2c-header {
    background-color: #f39671 !important;
}

.gdk-vehicle-base-points-table .b2b-header {
    background-color: #a0d4cd !important;
}

.gdk-vehicle-base-points-table .behoerden-header {
    background-color: #fecd50 !important;
}

.gdk-vehicle-base-points-table .abo-header {
    background-color: #F3DBCC !important;
}

.gdk-vehicle-base-points-table .strategisch-header {
    background-color: #a1afe6 !important;
}

.gdk-vehicle-base-points-table .vk-header {
    background-color: #a3a3a3 !important;
}

.gdk-vehicle-base-points-table .motor-header {
    background-color: #a3a3a3 !important;
}

.gdk-vehicle-base-points-table .modelle-header {
    background-color: #dcdbdb;
    border: 1px solid #fff !important;
    text-align: left !important;
}

.gdk-vehicle-base-points-table .marked {
    background-color: #cad1e9 !important;
}

.gdk-not-selectable {
    cursor: not-allowed;
}