/* roboto-300 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/Roboto-Light.woff2') format('woff2')/* Chrome 36+, Opera 23+, Firefox 39+ */
}

/* roboto-regular - latin */

@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/Roboto-Regular.woff2') format('woff2')
}

/* roboto-500 - latin */

@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/Roboto-Medium.woff2') format('woff2')/* Chrome 36+, Opera 23+, Firefox 39+ */
}

/* roboto-700 - latin */

@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/Roboto-Bold.woff2') format('woff2')
}

/* ON - regular and hover state */

.k-switch-on span.k-switch-container,
.k-switch-on .k-switch-track,
.k-switch-on:hover .k-switch-track {
    background-color: var(--mud-palette-primary) !important;
    border-color: black !important;
    border-style: solid !important;
    border-width: 1px;
    color: var(--mud-palette-primary) !important;
}

.k-switch-on .k-switch-track .k-rounded-full {
    background-color: var(--mud-palette-primary) !important;
    color: var(--mud-palette-primary) !important;
}

.k-grid-header .k-grid-filter.k-active, .k-grid-header .k-table-th-column-menu.k-active, .k-grid-header .k-grid-header-menu.k-active, .k-grid-header .k-hierarchy-cell .k-icon.k-active {
    background-color: var(--mud-palette-primary) !important;
    color: white;
}

.k-switch-on .k-switch-thumb {
    background-color: var(--mud-palette-primary) !important;
    border-color: black !important;
    border-style: solid !important;
    border-width: 1px;
}

.k-grid-add, .k-grid-edit, .k-grid-resendMails {
    background-color: var(--mud-palette-primary) !important;
    border-color: var(--mud-palette-primary) !important;
}

.k-list-item .k-selected { color: var(--mud-palette-primary) !important; }

.k-picker-solid {
    border-color: var(--mud-palette-primary) !important;
    border-top: 0 !important;
}

.k-tabstrip-items-wrapper .k-item.k-active::after { border-color: var(--mud-palette-primary) !important; }

.k-input-solid:focus-within { border-color: var(--mud-palette-primary) !important; }

.k-picker-solid:focus, .k-picker-solid.k-focus { border-color: var(--mud-palette-primary) !important; }

.k-checkbox:checked, .k-checkbox.k-checked {
    background-color: var(--mud-palette-primary) !important;
    border-color: var(--mud-palette-primary) !important;
    color: white;
}

.k-list-item.k-selected, .k-selected.k-list-optionlabel {
    background-color: #ffffff;
    color: var(--mud-palette-primary) !important;
}

.telerik-blazor-pilot-grid { max-height: 95%; }

.custom-loading-colors .k-loader { color: var(--mud-palette-primary); }

.custom-loading-colors .k-loader-container-label {
    color: black !important;
    font-weight: bold;
}

.k-input-solid {
    border-color: var(--mud-palette-primary) !important;
    border-top: 0px !important;
}

.k-calendar .k-selected.k-focus .k-link {
    background-color: var(--mud-palette-primary) !important;
    border-color: var(--mud-palette-primary) !important;
}

.k-calendar .k-calendar-td.k-selected .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-selected .k-link {
    background-color: var(--mud-palette-primary) !important;
    border-color: var(--mud-palette-primary) !important;
}

.k-checkbox:indeterminate, .k-checkbox.k-indeterminate {
    border-color: var(--mud-palette-primary) !important;
    color: white;
    background-color: var(--mud-palette-primary) !important;
}

.mud-table-toolbar {
    flex-wrap: wrap !important;
    height: inherit !important;
}

.mud-table-toolbar .employee-grid-toolbar-content {
    flex-basis: 100%;
}

.mud-table-toolbar .department-grid-toolbar-content {
    flex-basis: 100%;
}
.mud-table-foot {
    display: none;
}