.e-dropdown-btn {
    background-color: var(--main-color-2);
    border-radius: var(--r-lg);
    margin: 4px;
    padding-left: 15px;
    border: none;
    white-space: nowrap;
}

    .e-dropdown-btn:hover {
        background-color: var(--main-color-1);
    }

    .e-dropdown-btn.e-active{
        background-color: var(--main-color-1);
    }

    .e-dropdown-popup {
        background-color: var(--main-color-2);
    }

.e-upload-drag-hover {
    border: 1px dashed var(--danger-high-color);
}

.e-pv-toolbar,
.e-toolbar,
.e-pv-toolbar-container,
.e-pv-secondary-toolbar,
.e-pv-annotation-toolbar,
.e-pv-formfield-toolbar,
.e-pv-navigation-toolbar {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
}

.e-pv-viewer-container {
    top: 0 !important;
    height: 100% !important;
}

.e-control, .e-css, .e-toast-title, .e-toast-content {
    font-family: var(--common-font), sans-serif;
    font-size: 1rem;
}

/* To change color, font family and font size */
.e-toast-container .e-toast .e-toast-message .e-toast-content {
    font-size: 1.3rem;
    font-weight: bold;
}

.e-dialog .e-dlg-header {
    white-space: normal;
}

li.e-disabled {
    background-color: var(--main-color-1);
    color: white !important;
    font-weight: bold;
    font-size: 1rem;
}

/* Syncfusion dropdown and autocomplete inputs use the application font */
.e-ddl.e-input-group.e-control-wrapper .e-input {
    font-size: var(--fs-400);
    font-family: var(--common-font), sans-serif;
    align-self: center;
}

/* Chart data points that open a detail dialog on click (Statistics pages) */
[id^="TotalHoursExceptDaysOffOvertimeReal_Series_"],
[id^="TotalHoursOnDaysOffReal_Series_"],
[id^="TotalHoursDiffRealAnnualized_Series_"],
[id^="TotalHoursToRecoverPaid_Series_"],
[id^="Expenses_Series_"],
[id^="Machines_Series_"],
[id^="OnCallDaysCount_Series_"],
[id^="ChartByDatePeriod_Series_"] {
    cursor: pointer;
}