﻿/* Override for font set by SyncFusion's Bootstrap5 theme */
.e-control,
.e-grid,
.e-input-group.e-control-wrapper,
.e-dropdownbase .e-list-item,
.e-spinner-pane .e-spinner-inner .e-spin-label,
.e-tab .e-tab-header .e-toolbar-item .e-tab-text {
    font-family: 'Segoe UI',Roboto, 'IBM Plex Sans',system-ui,-apple-system,'Helvetica Neue',Arial,'Noto Sans','Liberation Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';
}

/* Hovered items in a Page Menu and Grid Menu */
.e-dropdown-popup ul .e-item:hover,
.e-contextmenu-container ul .e-menu-item.e-focused {
    background-color: #e5ecff;
}

/* The selected item in the Grid page-size dropdown */
.e-dropdownbase .e-list-item.e-active,
.e-dropdownbase .e-list-item.e-active.e-hover {
    background-color: var(--indigo);
}

/* The hovered item in the Grid page-size dropdown */
.e-dropdownbase .e-list-item.e-hover {
    background-color: #e5ecff;
}

/* Group items in the MultiSelect dropdown */
.e-ddl .e-dropdownbase .e-list-parent .e-list-group-item,
.e-ddl .e-dropdownbase .e-fixed-head {
    font-weight: 400 !important;
    color: #0044FF !important;
}

/* Indent for items in the MultiSelect dropdown when group is selectable */
.e-multiselect-group > .e-dropdownbase > .e-list-parent > .e-list-item {
    margin-left: 1.4rem;
}

/* Filter field in the MultiSelect dropdown */
.e-ddl .e-filter-parent .e-input-focus {
    border-color: #ced4da !important;
    box-shadow: none !important;
}
.e-ddl .e-filter-parent{
    border-bottom: 1px solid #dee2e6;
    box-shadow: none;
}

/* Remove rounded corners from controls */
input.e-input,
.e-input-group input.e-input,
.e-input-group input,
.e-input-group.e-control-wrapper input.e-input,
.e-input-group.e-control-wrapper input,
.e-float-input input,
.e-float-input.e-input-group input,
.e-float-input.e-control-wrapper input,
.e-float-input.e-control-wrapper.e-input-group input,
.e-input-group,
.e-input-group.e-control-wrapper,
.e-float-input,
.e-float-input.e-control-wrapper,
.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error),
.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error),
.e-pager .e-pagercontainer {
    border-radius: 0;
}
