/*
/*
  You can add custom CSS rules or import files here.
*/

/* Import the Radzen CSS files */
@import './styles-generated.css';

:root {
    --rz-menu-top-item-hover-background-color: #20CBFC;
}

.dialog-ansprechpartner .rz-dialog-titlebar {
    font-size: x-large;
    line-height: 1.2;
}

.dialog-ansprechpartner .rz-dialog-title {
    font-family: inherit;
    font-weight: 400;
}

/* Breite des Popups in Dispooutlookartikel für das DropDownDatagrid für 'En's */
#popup-DropDownDataGridEnNr {
    width: 700px !important;
}

.fade-in-text {
    animation: fadeIn 0.3s;
}

.fade-out-text {
    animation: fadeOut 1s;
}

/* Toast 
.e-toast-container .e-toast.e-toast-warning {
    background-color: #F58A00;
}*/

/* Formfield Placeholder */
.rz-form-field-label:last-child {
    right: 1.5rem;
    color: lightgray;
}

@keyframes fadeIn {
    0% {
        font-size: 6px;
        opacity: 0;
    }

    50% {
        font-size: 48px;
        opacity: 1;
    }

    100% {
        font-size: 30px;
        opacity: 1;
    }
}

@keyframes fadeOut {
    100% {
        font-size: 30px;
        opacity: 1;
    }

    0% {
        font-size: 6px;
        opacity: 0;
    }
}


e-input-group e-control-container e-control-wrapper e-valid-input {
    margin-top: 0px
}


/* Zeilenhöhe & Abstand Floating-Label*/
.e-grid .e-row .e-input-group {
    height: 25px;
    margin-bottom: 15px;
}

/* Selected Text Color */
:root {
    --color-sf-primary: 100,100,100
}

/* Abstand DropDown Label Text damit p,g, ect. nicht abgeschnitten werden */
span.rz-dropdown-label.rz-inputtext {
    line-height: 19px;
    padding-right: 15px;
}

.rz-header.fixed {
    min-height: 35px;
}

/* Radzen Formfield*/
.rz-form-field-content {
    height: 28px;
}
/*radzen progressbar*/
.rz-progressbar-label {
    font-size: 12px;
    color: black;
}
/* Inline Date/Time edit */
.rz-datepicker-inline .rz-datepicker-group {
    display: block;
}

.rz-timepicker {
    padding: unset;
}

/* leaflet divicons classes*/
.tourstarticon path {
    fill: crimson;
    filter: drop-shadow(3px 5px 2px rgba(0, 0, 0, 0.4));
}

/* button light hover*/
/*.rz-button.rz-variant-text.rz-light:not(.rz-state-disabled):hover:not(:active).rz-shade-lighter, .rz-variant-text.rz-light.rz-paginator-element:not(.rz-state-disabled):hover:not(:active).rz-shade-lighter, .rz-button.rz-variant-text.rz-light:not(.rz-state-disabled):focus:not(:active).rz-shade-lighter, .rz-variant-text.rz-light.rz-paginator-element:not(.rz-state-disabled):focus:not(:active).rz-shade-lighter, .rz-button.rz-variant-text.rz-light:not(.rz-state-disabled):active.rz-shade-lighter, .rz-variant-text.rz-light.rz-paginator-element:not(.rz-state-disabled):active.rz-shade-lighter {
    color: #ffffff;
}*/
/* Dispo */
/*.schedule-cell-dimension.e-schedule .e-vertical-view .e-date-header-wrap table col,
.schedule-cell-dimension.e-schedule .e-vertical-view .e-content-wrap table col {
    width: 200px;
}

.schedule-cell-dimension.e-schedule .e-vertical-view .e-time-cells-wrap table td,
.schedule-cell-dimension.e-schedule .e-vertical-view .e-work-cells {
    height: 55px;
}*/
/* Radiobuttonlist Abstand wenn mehrzeilig */
.rz-radio-button-list-horizontal .rz-radio-btn {
    margin-bottom: 6px;
}
/* Notification Text leserlich ausgeben*/
.rz-growl-message p {
    white-space: pre-line;
    width: fit-content;
    height: fit-content;
    overflow: auto;
    word-wrap: break-word;
}

/* Dark Mode Variables */
body.dark-mode {
    --trent-input-bg: #323130; /* TrentFarben.Normal */
    --trent-text-color: #ffffff;
    --trent-login-card-bg: rgba(50, 49, 48, 0.85);
    --trent-login-text-color: #ffffff;
    --trent-login-text-secondary-color: #cccccc;
}

/* Syncfusion Pager aktive Seite in Trent-Blau (Light- und Dark-Mode) */
.e-pager .e-currentitem,
.e-pager .e-currentitem:hover {
    background: var(--trent-blau) !important;
    color: #ffffff !important;
}

.e-pager .e-currentitem.e-numericitem.e-focused {
    background: var(--trent-blau) !important;
    box-shadow: 0 0 0 1px var(--trent-blau-dunkel) inset !important;
}

/* TrentLabel Styling */
.TrentLabel .e-input[disabled],
.AmountLabel .e-input[disabled],
.CurrencyLabel .e-input[disabled],
.DateLabel .e-input[disabled],
.IntegerLabel .e-input[disabled],
.TimeLabel .e-input[disabled],
.WeightLabel .e-input[disabled] {
    color: black;
    border-bottom: 1px solid black;
}

body.dark-mode .TrentLabel .e-input[disabled],
body.dark-mode .AmountLabel .e-input[disabled],
body.dark-mode .CurrencyLabel .e-input[disabled],
body.dark-mode .DateLabel .e-input[disabled],
body.dark-mode .IntegerLabel .e-input[disabled],
body.dark-mode .TimeLabel .e-input[disabled],
body.dark-mode .WeightLabel .e-input[disabled] {
    color: white;
    border-bottom: 1px solid white;
}

:root {
    --trent-blau: #00ABDC;           /* TrentFarben.Blau */
    --trent-blau-dunkel: #00789B;    /* TrentFarben.BlauDunkel */
    --trent-login-card-bg: rgba(255, 255, 255, 0.85);
    --trent-login-text-color: #323130; /* TrentFarben.Normal */
    --trent-login-text-secondary-color: #666666; /* TrentFarben.Standard */
    --rz-dropdown-item-padding: 0.25rem 1rem;
    --rz-primary-lighter: rgba(138, 184, 53, 0.24); /* für markierten Text */
    --rz-on-warning: #ffffff;
    --rz-on-warning-light: #dddddd;
    --rz-on-warning-lighter: #b86800;
    --rz-on-warning-dark: #dddddd;
    --rz-on-warning-darker: #000000;
}

.trent-transparent-background {
    background-image: linear-gradient(45deg, #808080 25%, transparent 25%), linear-gradient(-45deg, #808080 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #808080 75%), linear-gradient(-45deg, transparent 75%, #808080 75%);
    background-size: 20px 20px;
    background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
}
/*release notes button*/
.release-notes {
    white-space: nowrap;
    padding: 0 4px !important;
    text-transform: none;
    min-height: 20px;
}

.rz-card {
    --rz-card-background-color: #f2f4f6;
}

.drop-area-wrap {
    margin: 0px;
    vertical-align: top;
    display: inline-block;
    text-align: center;
    border-width: 2px;
    border-style: dashed;
    border-color: lightgrey;
    padding: 5px 0px 0px 0px !important;
    border-radius: 5px;
    display: block;
    width: 70%;
}

.drop-area-wrap1 {
    margin: 0px;
    vertical-align: top;
    display: inline-block;
    text-align: center;
    border-width: 2px;
    border-style: dashed;
    border-color: lightgrey;
    padding: 5px 0px 0px 0px !important;
    border-radius: 5px;
    display: block;
    width: 70%;
}

.drop-area-image {
    vertical-align: middle;
    border-style: none;
    width: 100%;
    height: 20px;
}

.drop-area-text {
    padding: 5px 0px 0px 0px !important;
    font-size: 10px;
    line-height: 11px;
    vertical-align: super;
    display: block;
}

.trent-uploaded-file {
    background-color: #EEEEEE;
    border-radius: 0px;
    margin: 0px 10px 0px 0px;
    color: #888888;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    padding: 5px 5px 0px 5px;
}

/*syncfusion grid selektierte zeile*/
.e-selectionbackground {
    background-color: #eeeeee !important;
}

.trent-admin-menu.e-menu-wrapper ul.e-menu-parent:not(.e-menu),
ul.e-menu-parent.trent-admin-menu:not(.e-menu) {
    margin-top: -1px !important;
}

/*syncfusion accordionitem headertemplate*/
.e-accordion .e-acrdn-item .e-acrdn-header {
    padding: 5px 5px 0px 5px;
    min-height: 32px;
}

.e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
    padding: 5px;
}

/*syncfusion accordionitem body*/
.e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
    padding: 5px;
}

/*syncfusion message color*/
.e-message.e-warning {
    background-color: #ffd399;
}
.e-message.e-info {
    background-color: #99e9ff;
}
.e-message.e-success {
    background-color: #d4e8b0;
}
.e-message.e-error {
    background-color: #faa49e;
}

/*syncfusion bagde color*/
.e-badge.e-badge-danger:not(.e-badge-ghost):not([href]) {
    background-color: #f44336;
}

.e-badge.e-badge-success:not(.e-badge-ghost):not([href]) {
    background-color: #8AB835;
}

.e-badge.e-badge-info:not(.e-badge-ghost):not([href]) {
    background-color: #00ABDC;
}
/*syncfusion scheduler tooltip*/
.e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment {
    height: 200px;
}

.e-schedule-event-tooltip .tooltip-wrap {
    display: flex;
    align-items: center;
}

.e-tip-content {
    background-color: white !important;
}

    .e-tip-content.displaynone {
        display: none;
    }

.e-schedule-event-tooltip .tooltip-wrap .content-area {
    color: black;
    font-size: 12px;
    background-color: white;
}

.e-tooltip-wrap.e-popup {
    padding-left: 6px;
    font-size: 10px;
    background-color: white;
    border: 1px solid black;
}

/*syncfusion datepicker datum auswahl*/
.e-datepicker .e-calendar {
    width: 300px;
    min-width: 240px;
    background-color: #000000; /* Ändere die Hintergrundfarbe */
    font-size: 28px;
    font-weight: 600;
}

/*syncfusion calendar*/
.e-calendar {
    width: 60%;
    min-width: 180px;
    max-width: 180px;
    display: inline-block;
}

    .e-calendar.e-week-number {
        min-width: 220px;
    }

    .e-calendar th, .e-bigger.e-small .e-calendar th {
        font-size: 12px;
    }

    .e-calendar .e-header.e-month {
        padding: 0;
    }

    .e-calendar .e-header .e-title {
        font-size: 12px;
        line-height: 14px;
        padding-top: 5px;
    }

    .e-calendar .e-header .e-icon-container .e-prev {
        height: 20px;
        width: 15px;
    }

    .e-calendar .e-header .e-icon-container .e-next {
        height: 20px;
        width: 15px;
    }

    .e-calendar .e-header span {
        font-size: 10px;
        line-height: 14px;
        padding: 0;
    }

    .e-calendar .e-content table, .e-bigger.e-small .e-calendar .e-content table {
        padding: 0 5px 5px 5px;
    }

    .e-calendar .e-content span.e-day {
        font-size: 10px;
        height: 18px;
        line-height: 14px;
        width: 18px;
        padding-top: 2px;
    }

    .e-calendar .e-content td.e-focused-date.e-today span.e-day {
        font-size: 10px;
        height: 18px;
        line-height: 14px;
        width: 18px;
    }

    .e-calendar .e-content.e-month td.e-today span.e-day {
        line-height: 14px;
    }

    .e-calendar .e-content.e-month td {
        height: 20px;
    }

    .e-calendar .e-content td.e-week-number {
        font-size: 10px;
        font-style: normal;
        text-decoration: underline;
        font-weight: 600;
        color: #CCCCCC;
    }
/*datagrid cell*/
/*.rz-datatable-data td, .rz-grid-table td{
    padding: 3px 5px 3px 5px;
}
*/

/* Login Seite - volle Höhe ohne Lücken */
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

/* Wenn Login-Seite aktiv ist */
body:has(.loginbackground) {
    background: transparent !important;
    overflow: hidden;
}

.loginbackground {
    background-image: url('../../assets/images/Loginbild.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    min-height: 100vh;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

/* Login Layout - RadzenBody volle Höhe */
.rz-body.loginbackground {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: auto;
    /* FIX für das Screenshot-Problem: */
    margin: 0px !important; /* Überschreibt die von Radzen JS falsch berechneten Ränder (250px left etc.) */
    padding: 0px !important;
}
/* Splitbutton Menu item background color */
.rz-menuitem {
    background-color: #00ABDC;
    color: #ffffff;
}
/* Selectbar */

.rz-selectbutton {
    line-height: 33px;
}

    .rz-selectbutton .rz-button.rz-button-md {
        line-height: 1.5rem;
        padding: 7px 10px 0px 10px;
        margin-bottom: 7px;
    }

    .rz-selectbutton .rz-button:hover, .rz-selectbutton .rz-paginator-element:hover {
        box-shadow: none !important;
        background: rgba(0, 0, 0, 0.2);
    }
/* Höhe des Menüs reduzieren */
.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper .rz-navigation-item-link {
    height: 40px;
    min-height: 40px;
}

.header.fixed {
    min-height: 40px;
}
/* Login content zentrieren */
.body {
    margin-left: 0px !important;
}
/* datagrid */
.rz-grid-table {
    z-index: 1;
}

/* TrentMap Layer-Toggle Button */
.trentmap-layer-toggle {
    width: 36px;
    height: 36px;
    border: 2px solid rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    background: #fff;
    cursor: pointer;
    font-size: 20px;
    line-height: 32px;
    text-align: center;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
}
.trentmap-layer-toggle:hover {
    background: #f4f4f4;
}

/* multiline notifications*/
.rz-growl-message {
    display: flex;
}

.rz-growl-title {
    margin-right: 8px;
}

.rz-growl-message p {
    white-space: pre-line;
}
/* Damit in Numeric Input Fieds die textfarbe und font-weight per Attribut "style" gesetzt werden kann */
.rz-spinner-input {
    color: inherit;
    font-weight: inherit;
}
/*remove spinner buttons from Numeric Input Fieds*/
.rz-spinner-button {
    display: none;
}

.rz-navigation-item-icon {
    width: 30px;
    height: 30px;
    margin-right: 5px;
}

.rz-panel-titlebar {
    color: #00ABDC;
    font-size: x-large;
    display: block;
}

.rz-steps-next {
    font-weight: 600;
}

.rz-steps-prev {
    font-weight: 600;
}

.rz-button-sm {
    min-height: 28px;
}

.rz-button {
    margin-left: 5px;
    margin-right: 5px;
    text-transform: none;
    letter-spacing: 0;
}

.trent-image-color {
    fill: blueviolet;
}

.rz-button ui-button-md rz-widget rz-state-default rz-corner-all btn-light {
    background-color: #F5941C;
    color: #ffffff;
}

.trentpanelheader .row {
    flex: 1;
}

.rz-lookup-panel {
    background-color: rgba(0, 0, 0, 0.04);
}

.rz-cell-filter {
    border-top: none
}

.rz-datatable-thead th {
    border-top: 1px solid #dfe7eb;
}
/* File Upload Button Size*/
.rz-fileupload .rz-button {
    height: 2.1rem;
    padding: 4px 1.375rem !important;
}

.rz-button.btn-light, .btn-light.rz-paginator-element {
    box-shadow: none;
    color: #00ABDC;
    font-size: 22px;
}
/*HTML Editor*/
.rz-html-editor-button {
    padding: 4px;
    margin: 4px;
}
/*Chatroom*/
/* improved for chat text box */
textarea {
    border: 1px dashed #888;
    border-radius: 5px;
    width: 80%;
    overflow: auto;
    background: #f7f7f7
}
/* improved for speech bubbles */
.received, .sent {
    position: relative;
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 18px;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 20px;
}

    .received:after, .sent:after {
        content: '';
        border: 20px solid transparent;
        position: absolute;
        margin-top: -30px;
    }

.sent {
    background: #03a9f4;
    color: #fff;
    margin-left: 10%;
    top: 50%;
    text-align: right;
}

.received {
    background: #4CAF50;
    color: #fff;
    margin-left: 10px;
    margin-right: 10%;
}

.sent:after {
    border-left-color: #03a9f4;
    border-right: 0;
    right: -20px;
}

.received:after {
    border-right-color: #4CAF50;
    border-left: 0;
    left: -20px;
}
/* div within bubble for name */
.user {
    font-size: 16px;
    font-weight: bold;
    color: #000;
}
/* disabled Button opacity*/
.rz-button.rz-state-disabled, .rz-state-disabled.rz-paginator-element {
    opacity: 0.5;
}

.msg { /*display: inline;*/
}
/*Warnig button*/
.rz-button.rz-warning, .rz-warning.rz-paginator-element {
    color: var(--rz-text-contrast-color);
}
/*Panel Menu*/
.rz-menu {
    border: 0px;
    box-shadow: none;
}
/*Split Button*/
.rz-splitbutton .rz-button.rz-primary.rz-shade-default {
    background-color: var(--rz-secondary);
    margin-right: 0px;
}

.rz-splitbutton .rz-button.rz-splitbutton-menubutton {
    margin-left: 0px;
}
/* ALT: .rz-splitbutton .rz-button, .rz-splitbutton .rz-paginator-element{
    background-color: #00abdc;
    margin-right: -5px;
}
*/
.rz-dropdown-panel.rz-popup {
    width: max-content !important;
}
/*dropdown searchbox höhe*/
.rz-dropdown-items-wrapper {
    max-height: 400px !important;
}

.rz-cell-filter .rzi {
    margin: unset;
}
/*report viewer export drop down*/
.dxbs-toolbar .btn-toolbar .dxbs-tb-dropdown-container {
    background-color: white !important;
}

.dxbs-toolbar.dxbs-ta-nib.dx-r-toolbar > .btn-toolbar > .btn-group .dxbs-toolbar-btn.btn, .dxbs-toolbar.dxbs-ta-nib.dx-r-toolbar > .btn-toolbar > .btn-group .dxbs-toolbar-btn > .btn, .dxbs-toolbar.dxbs-ta-nib.dx-r-toolbar .dxbs-ta-ag > .btn, .dxbs-toolbar .dxbs-toolbar-dropdown-item > .dropdown-item:not(:disabled) {
    border-width: 0px;
}

.dxbs-toolbar:not(.dxbs-ta-nib) > .btn-toolbar > .btn-group:not(:last-child) {
    align-self: auto;
}

.dxbrv-toolbar .dxbs-toolbar .btn-toolbar > .btn-group .btn-secondary {
    align-self: baseline;
}

.dxbs-toolbar .dxbs-dm > ul > li > .dropdown-item {
    color: black;
}
/*scheduler*/
/*dispooutlook*/
.schedule-cell-dimension.e-schedule .e-vertical-view .e-date-header-wrap table col, .schedule-cell-dimension.e-schedule .e-vertical-view .e-content-wrap table col {
    width: 250px;
}

.schedule-cell-dimension.e-schedule .e-vertical-view .e-time-cells-wrap table td, .schedule-cell-dimension.e-schedule .e-vertical-view .e-work-cells {
    height: 55px;
}

.e-schedule .e-vertical-view .e-day-wrapper .e-appointment .e-appointment-details {
    padding: 0;
    display: contents;
}
.e-schedule .e-vertical-view .e-content-wrap table td {
    height: 100%;
}

.e-schedule .dispotemplate {
    height: 100%;
    white-space: normal;
    width: 100%;
    font-weight: normal;
}

    .e-schedule .dispotemplate .subject {
        color: black;
        font-weight: 100;
        font-size: 12px;
        padding: 2px 2px 0px 2px;
        float: left;
        /*max-height: 36px;*/
        display: table;
        table-layout: auto;
        width: 100%;
    }

    .e-schedule .dispotemplate .termine {
        font-size: 13px;
        font-weight: bold;
        text-align: left;
        padding: 2px 2px 0px 2px;
        float: left;
        width: 85%;
        overflow: hidden;
        line-height: 12px;
        height: 40px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    .e-schedule .dispotemplate .partner {
        font-size: 12px;
        font-weight: bold;
        padding: 0px 3px 0px 2px;
        margin: 2px 0px 0px 2px;
        width: 100%;
        text-align: left;
        max-width: 80%;
        float: left;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 13px;
    }

    .e-schedule .dispotemplate .fahrzeugecontainer {
        font-weight: bold;
        position: absolute;
        width: min-content;
        max-width: 30px;
        box-sizing: border-box;
        top: 0;
        bottom: 0;
        right: 0;
        text-align: end;
    }

    .e-schedule .dispotemplate .fahrzeuge {
        display: block;
        font-weight: bold;
        font-size: 12px;
        padding: 0px 0px 0px 2px;
        margin: 0px;
        width: 100%;
        text-align: right;
    }

    .e-schedule .dispotemplate .leistungspartner {
        font-weight: bold;
        font-size: 13px;
        line-height: 13px;
        padding: 0px 0px 0px 2px;
        margin: 0px 0px 0px 0px;
        width: 100%;
        text-align: left;
        float: left;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

.e-grid .e-rowcell:not(.e-editedbatchcell):not(.e-updatedtd) .termine {
    white-space: normal;
    /* font-weight: bold; */
    font-size: 12px;
    text-align: left;
    padding: 2px 2px 0px 2px;
    float: left;
    width: 100%;
    overflow: hidden;
    /* line-height: 10px; */
    /* height: 32px; */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/*belegungsplan*/
.e-schedule .e-blazor-template {
    height: 100%;
}

.e-schedule .template-wrap {
    height: 100%;
    white-space: normal;
    width: 100%
}

    .e-schedule .template-wrap .image img {
        padding: 8px 0 4px;
        height: 32px;
        width: 32px;
        float: left;
    }

    .e-schedule .template-wrap .subject {
        font-weight: normal;
        font-size: 12px;
        padding: 2px 4px;
        color: black;
    }

    .e-schedule .template-wrap .subjectbelegungsplan {
        font-weight: normal;
        font-size: 12px;
        padding: 2px 4px;
        color: black;
    }

    .e-schedule .template-wrap .subjectbelegungsplanunbesetzt {
        font-weight: normal;
        font-size: 12px;
        padding: 2px 4px;
        color: white;
    }

    .e-schedule .template-wrap .fahrername {
        font-weight: bold;
    }

    .e-schedule .template-wrap .stammfahrzeug {
        font-weight: normal;
        font-size: smaller;
    }

.e-schedule .e-timeline-view .e-content-wrap .e-appointment {
    border-radius: 6px
}

.e-schedule .e-timeline-view .e-date-header-wrap table tbody td, .e-schedule .e-timeline-month-view .e-date-header-wrap table tbody td {
    height: 25px;
}

.e-schedule .e-timeline-month-view .e-appointment {
    border: 0px;
    border-radius: 6px;
    margin-left: 1px;
    margin-top: -1px;
    color: #555555;
}

.e-schedule .e-timeline-view .e-appointment {
    /*    padding: 0; */
    color: #000000;
    font-size: small;
}

.e-schedule .e-timeline-month-view .e-work-cells {
    background-color: #EEEEEE;
}

.e-schedule .e-timeline-month-view .e-work-days {
    background-color: #FFFFFF;
}

.e-schedule .e-timeline-month-view .e-date-header-wrap table tbody td {
    line-height: 10px;
}

.e-resource-text {
    line-height: 10px;
}

.e-resource-text .fahrername {
    font-weight: bold;
}

.e-resource-text .stammfahrzeug {
    font-weight: normal;
    font-size: smaller;
}

.e-schedule .e-vertical-view .e-content-wrap .e-appointment .e-appointment-details {
    padding: 0;
    height: 100%;
}

/*SFMenu Menü*/

/* Popup-Container (überschreibt Material3 .e-popup.e-menu-popup border) */
.e-menu-wrapper.e-popup.e-menu-popup,
.e-menu-container.e-popup.e-menu-popup,
.e-menu-wrapper.e-menu-popup,
.e-menu-container.e-menu-popup,
.e-menu-popup {
    position: fixed !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
    background: #00ABDC !important;
    background-color: #00ABDC !important;
    color: white !important;
}

/* Menü-Liste im Popup */
.e-menu-container .e-ul,
.e-menu-wrapper .e-ul {
    background-color: #00ABDC !important;
    border: none !important;
    border-radius: 0 !important;
}

/* Hauptmenü-Leiste */
.e-menu-wrapper ul.e-menu:not(.e-vertical),
.e-menu-container ul.e-menu:not(.e-vertical) {
    color: white !important;
}

/* Alle Menüeinträge */
.e-menu-container .e-ul .e-menu-item,
.e-menu-container .e-menu .e-menu-item,
.e-menu-wrapper .e-ul .e-menu-item,
.e-menu-wrapper .e-menu .e-menu-item {
    color: white !important;
    background-color: #00ABDC !important;
}

/* Text-Spans innerhalb der Menüeinträge */
.e-menu-container .e-ul .e-menu-item .e-menu-text,
.e-menu-container .e-menu .e-menu-item .e-menu-text,
.e-menu-wrapper .e-ul .e-menu-item .e-menu-text,
.e-menu-wrapper .e-menu .e-menu-item .e-menu-text {
    color: white !important;
}

/* Submenü-Pfeil */
.e-menu-wrapper .e-menu .e-menu-item .e-caret,
.e-menu-container .e-menu .e-menu-item .e-caret,
.e-menu-wrapper .e-ul .e-menu-item .e-caret,
.e-menu-container .e-ul .e-menu-item .e-caret {
    color: white !important;
}

/* Hover / Focus */
.e-menu-container .e-ul .e-menu-item.e-focused,
.e-menu-container .e-menu .e-menu-item.e-focused,
.e-menu-wrapper .e-ul .e-menu-item.e-focused,
.e-menu-wrapper .e-menu .e-menu-item.e-focused {
    color: white !important;
    background-color: #20CBFC !important;
}

/* Selected / Active */
.e-menu-container .e-ul .e-menu-item.e-selected,
.e-menu-container .e-menu .e-menu-item.e-selected,
.e-menu-container .e-menu .e-menu-item.e-active-item,
.e-menu-wrapper .e-ul .e-menu-item.e-selected,
.e-menu-wrapper .e-menu .e-menu-item.e-selected {
    color: white !important;
    background-color: #20CBFC !important;
}

/* Pfeil bei selected/active */
.e-menu-container .e-menu .e-menu-item.e-selected .e-caret,
.e-menu-container .e-menu .e-menu-item.e-active-item .e-caret {
    color: white !important;
}

/* Korrektur fuer die generelle min-height bei Syncfusion Input Groups */
.e-input-group .e-input-group-icon, .e-input-group.e-control-wrapper .e-input-group-icon {
    min-height: 20px !important;
}

/* Button Hover Effekt für Radzen/Trent-Buttons */
.rz-button:hover:not(.rz-state-disabled) {
    filter: brightness(0.85);
    transition: filter 0.2s ease-in-out;
}

/* SplitButtons als Ganzes aufhellen/abdunkeln und doppelten Effekt auf inneren Buttons verhindern */
.rz-splitbutton:hover:not(.rz-state-disabled) {
    filter: brightness(0.85);
    transition: filter 0.2s ease-in-out;
}
.rz-splitbutton .rz-button:hover:not(.rz-state-disabled) {
    filter: none;
}