/* All Syncfusion + Material 3 */

/* =============================== */
/* Syncfusion Font and Icon Setup  */
/* =============================== */
@font-face {
    font-family: 'e-icons';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype');
    font-weight: normal;
    font-style: normal;
}

.e-icons {
    font-family: 'e-icons';
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    text-align: center;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.e-close {
    color: salmon;
}


/* =============================== */
/* Syncfusion Grid Styling  */
/* =============================== */
/* Alt Row Color */
.e-grid .e-altrow {
    background-color: #f2f2f2;
}

/* Header Z-Index */
.e-grid .e-gridheader {
    z-index: 1;
}

/* Grid Header Cells */
.e-grid .e-headercell {
    background-color: #a2d6f4;
    color: rgb(3, 2, 2);
    font-size: 10px;
    font-weight: bold;
}

/* General Row Cell */
.e-grid .e-rowcell {
    font-size: 11px;
    padding: 1px;
}

/* Optional size override class */
.small-header-font .e-headercell {
    font-size: 12px;
}

/* Toolbar Buttons - Hide Text */
.e-grid .e-toolbar .e-tbar-btn-text,
.e-grid .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text {
    display: none;
}

/* Grid Container */
.sf-grid-container {
    width: 100%;
    max-width: 100%;  /* Prevents grid from overflowing */
    overflow-x: auto; /* Enables horizontal scroll if needed */
}

/* Toolbar Margin */
.toolbar-margin-right {
    margin-right: 10px;
}

/* Collapse Icon */
.e-collapse::before {
    content: '\e834';
}

/* =============================== */
/* Syncfusion Calendar Styling  */
/* https://blazor.syncfusion.com/documentation/calendar/style-appearance */
/* =============================== */

/* SAMPLE: To specify background color and border */
/*.e-calendar {
    background-color: peachpuff;
    border: 3px solid red;
}*/

/* SAMPLE: To specify color and border  */
/*.e-calendar .e-header span, .e-bigger.e-small .e-calendar .e-header span {
    border: 1px solid;
    color: chocolate;
}*/

/* SAMPLE: To specify background color and color  */
/*.e-calendar .e-content td.e-selected.e-focused-date span.e-day {
    background-color: maroon;
    color: #fff;
}*/

.calendar-import.e-upload {
    border: 0;
    padding-left: 0 !important;
}

@@media (max-width: 441px) {
    .calendar-import.e-upload {
        padding-top: 10px !important;
    }
}

.calendar-import.e-upload .e-file-select-wrap {
    padding: 0
}

.calendar-import.e-upload .e-file-select-wrap .e-file-drop, .calendar-import .e-upload-files {
    display: none;
}


/* =============================== */
/* Syncfusion DropdownTree Styling */
/* =============================== */

.e-ddt.e-input-group.e-control-wrapper .e-ddt-icon::before {
    content: '\e665';
}

e-ddt .e-input-group-icon.e-ddt-icon.e-icons,
.e-ddt .e-input-group-icon.e-ddt-icon.e-icons:hover {
    color: #3566c5;
    font-size: 13px;
}


/* =============================== */
/* Syncfusion Tab Styling */
/* =============================== */


#ItemTabsGroup1 .e-tab-header .e-toolbar-item.e-active {
    background: DarkSlateBlue;
}

/* Optional: Reset sub-tabs inside nested SfTab components */
#ItemTabsGroup1 .e-tab .e-tab-header .e-toolbar-item.e-active {
    background: white !important;
}

#ItemTabsGroup2 .e-tab-header .e-toolbar-item.e-active {
    background: purple;
}

/* Optional: Reset sub-tabs inside nested SfTab components */
#ItemTabsGroup2 .e-tab .e-tab-header .e-toolbar-item.e-active {
    background: white !important;
}

#ItemTabsGroup3 .e-tab-header .e-toolbar-item.e-active {
    background: green;
}

/* Optional: Reset sub-tabs inside nested SfTab components */
#ItemTabsGroup3 .e-tab .e-tab-header .e-toolbar-item.e-active {
    background: white !important;
}

/* Subtab: Inactive tab - white background, dark gray font */
.e-tab .e-tab-header .e-toolbar-item:not(.e-active) {
    background: white;
}
    .e-tab .e-tab-header .e-toolbar-item:not(.e-active) .e-tab-text,
    .e-tab .e-tab-header .e-toolbar-item:not(.e-active) .e-tab-icon {
        color: #555 !important; /* dark gray */
    }

/* Subtab: Active tab - lightblue background, white font */
.e-tab .e-tab-header .e-toolbar-item.e-active {
    background: lightblue;
}
    .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text,
    .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-icon {
        color: white !important;
    }


/* Component header text color */
.e-tab .e-content .e-item {
    color: steelblue;
    font-size: 10px;
}

/* Active tab background color */
/*.e-tab:not(#ItemTabsGroup1) .e-tab-header .e-toolbar-item.e-active {
    background: lightsteelblue;
}*/

/* Active tab icon & text color */
/*.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text,
.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-icon {*/
   /* color: white !important;*/
    /*color: #555 !important;*/ /* dark gray */
/*}*/

/* Inactive tab font color */
.e-tab .e-tab-header .e-toolbar-item:not(.e-active) .e-tab-text,
.e-tab .e-tab-header .e-toolbar-item:not(.e-active) .e-tab-icon {
    color: cadetblue !important;
}

/* Change background color of tab when user hovers */
.e-tab .e-tab-header .e-toolbar-item:hover {
    /*    background: SlateBlue !important;*/
    background: steelblue !important;
}

/* Change color of tab text and icon when user hovers */
.e-tab .e-tab-header .e-toolbar-item:hover .e-tab-text,
.e-tab .e-tab-header .e-toolbar-item:hover .e-tab-icon {
    color: white !important;
}


.drag-drop-tab {
    margin-top: 5px;
}



/* =============================== */
/* Spinner Styling                 */
/* =============================== */

.tree-spinner {
    margin-top: -50px;
}