/*
/*
  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;
}

/* 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;
}

:root {
    --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;
}
/*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;
}
*/
.loginbackground {
    background-image: url('../../assets/images/ik-umwelt_IMG_04.jpg');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
    width: 100%;
    height: 100vh;
    top: 0px;
    left: 0px;
    margin-left: 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;
}
/*.row {
    margin-bottom: 0.5rem !important;
}*/
/*.dx-gridlayout > .dx-gridlayout-root {
    justify-content: inherit;
}
*/
div.dxbs-btn-group.dxbs-input-group-append {
    position: inherit;
}

.rz-datatable-thead th .rz-column-title {
    white-space: normal;
}

.rz-cell-filter input {
    color: #00ABDC;
}
/* 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:first-child {
    height: 55px;
}*/

.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ü*/
/*Pfeil nach unten*/
.e-menu-wrapper .e-menu .e-menu-item .e-caret, .e-menu-container .e-menu .e-menu-item .e-caret {
    color: white;
}

/*Menü text*/
.e-menu-wrapper ul.e-menu:not(.e-vertical), .e-menu-container ul.e-menu:not(.e-vertical) {
    color: white;
}

.e-menu-container.e-menu-popup /*To customize the menu popup*/ {
    color: white;
}

.e-menu-container .e-ul .e-menu-item /*To customize the menu items*/ {
    color: white;
    background-color: #00ABDC;
}

.e-menu-container .e-ul .e-menu-item.e-focused /*To customize the menu items on focus*/ {
    color: white;
    background-color: #20CBFC;
}

.e-menu-container .e-ul .e-menu-item.e-selected /*To customize selected menu item*/ {
    color: white;
    background-color: #20CBFC;
}

e-menu-item e-menu-caret-icon e-focused {
    color: white;
}

.e-menu-container .e-menu .e-menu-item.e-selected, .e-menu-container .e-menu .e-menu-item.e-active-item {
    color: white;
    background-color: #20cbfc;
}

.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;
}

.e-menu-container .e-menu .e-menu-item.e-selected .e-caret, .e-menu-container .e-menu .e-menu-item .e-caret {
    color: white;
}
.e-menu-container .e-ul .e-menu-item .e-caret::before {
    color: white;
}

.e-menu-wrapper ul.e-ul, .e-menu-wrapper ul.e-ul *, .e-menu-container ul.e-ul, .e-menu-container ul.e-ul {
    padding: 0px;
    color: white;
}

.e-menu-container ul.e-ul * {
    padding: 0px;
    color: white;
}
.e-menu-container ul.e-ul {
    padding: 0px;
    color: white;
}

/*Syncfusion dropdownlist*/
e-ddl e-lib e-input-group e-control-container e-control-wrapper e-outline e-valid-input valid {
    height: 30px;
}

.e-outline.e-input-group .e-input-group-icon, .e-outline.e-input-group.e-control-wrapper .e-input-group-icon {
    margin: 0px 0px 0px 0px;
    height: 25px;
    min-height: 25px;
}

.e-outline.e-input-group:not(.e-input-focus), .e-outline.e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left):not(.e-input-focus), .e-outline.e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left):not(.e-input-focus) {
    height: 30px;
    border-color: lightgray;
}

/*Syncfusion sfuploader*/
/*Hide Browse Button*/
.e-upload .e-file-select-wrap {
    display: none;
}

/*Hide Filelist*/
.e-upload.e-control-wrapper {
    display: none;
}

/*DropArea Style*/
.droparea {
    display: block;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 2px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    margin-left: 5px;
    margin-right: 5px;
    border: 1px dashed black;
    border-radius: 5px;
    position: relative;
    text-align: center;
    font-size: small;
    min-width: 130px;
    width: 130px;
    height: 46px;
    white-space: normal;
}

.dropareagrid {
    display: inline-block;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    margin-left: 5px;
    margin-right: 5px;
    border: 2px dashed black;
    border-radius: 5px;
    text-align: center;
    font-size: 14px;
    min-width: 64px;
    width: 64px;
    height: 25px;
    white-space: normal;
}


body .e-upload-drag-hover {
    border-color: orangered;
    cursor: pointer;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
}
.droparea-drag {
    display: flex;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 2px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    margin-left: 5px;
    margin-right: 5px;
    min-width: 130px;
    width: 130px;
    height: 46px;
    border: 1px dashed black;
    justify-content: center;
    align-items: center;
}

/*Tooltip*/
.e-tooltip-wrap {
    border-radius: 4px;
    opacity: 1;
}
.e-tooltip-wrap.e-popup {
    background-color: #fff;
    border: 1px solid #000;
}
.e-tooltip-wrap .e-tip-content {
    color: black;
    font-size: 11px;
    line-height: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
}