.k-dropdown .k-dropdown-wrap, .k-dropdowntree .k-dropdown-wrap {
    border-color: #c7cdd5;
    color: #212529;
    background-color: #fafafa;
    /*color: #ffffff;*/
    /*background-color: #f08334E6;*/ 
    /* CC -> 80% alpha, E6 -> 90% alpha */
}

.k-dropdown .k-dropdown-wrap:hover, .k-dropdowntree .k-dropdown-wrap:hover, .k-dropdown .k-dropdown-wrap.k-state-hover, .k-dropdowntree .k-dropdown-wrap.k-state-hover {
    border-color: #c7cdd5;
    background-color: #e9ecef;
    /*background-color: #f08334;*/
}

.k-dropdown .k-dropdown-wrap.k-state-focused, .k-dropdowntree .k-dropdown-wrap.k-state-focused {
    border-color: #bfc6d0;
    background-color: #fafafa;
    box-shadow: 0 0 0 3px rgba(228, 231, 235, 0.5);
}



/* Customer specific font-family settings */

/* Override font family for drawer */
/*.k-drawer {
    font-family: Interstate, Roboto, "Helvetica Neue" !important;
}*/

/* Override font size for drawer items */
.k-drawer-item {
    font-size: 0.9rem;
}

.k-menu-link {
    font-size: 0.9rem;
}

.k-textbox-container > .k-label, .k-floating-label-container > .k-label {
    font-size: 0.9rem;
}

/* k-list-scroller */
.k-list .k-item {
    font-size: 0.9rem;
}

/* Reduce empty space on left side in treeview */
.k-treeview-lines {
    padding-left: 0rem;
}

/* Reduce distance between nodes */
.treeview-reduced-item-height .k-in {
    padding-top: 0;
    padding-bottom: 0;
}


/* Set 3 dots if text in grid header (title) column is to long */
.k-column-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Padding right makes on sortable columns the arrow visible */
.k-cell-inner > .k-link {
    padding-right: 20px;
}







/* Drawer item - Allow line break in drawer item */
/*.k-drawer-item .k-item-text {*/
    /* Icon appears on top */
    /*display: inline-flex;*/
    /* Long drawer label should break */
    /*white-space: normal;  
}*/


/* Make TabStrip headers appear in a multiline way */
/* https://feedback.telerik.com/blazor/1534632-how-can-i-make-a-multiline-tabstrip-header */
.multiline-tabs {}

/* enable tab wrapping */
.multiline-tabs .k-tabstrip-items {
    flex-wrap: wrap;
    width: 100%;
}

/* add borders to all tabs */
.multiline-tabs .k-tabstrip-items .k-item,
.multiline-tabs .k-tabstrip-items .k-item.k-state-active {
    border-color: rgba(0, 0, 0, 0.08);
}

/* add background to selected tab */
.multiline-tabs .k-tabstrip-items .k-item.k-state-active {
    background: rgba(0, 0, 0, 0.04);
}


/* Used in 'AlarmEvent' to highlight events which have missing data (incomplete) */
.k-in .incomplete {
    background-color: #FDF4AA;
    margin-left: -13px;
    margin-right: -13px;
    padding-right: 13px;
    padding-left: 13px;
    border-radius: 0.25rem;
}

    .k-in .incomplete:hover {
        background-color: #F9E749;
        margin-left: -13px;
        margin-right: -13px;
        padding-right: 13px;
        padding-left: 13px;
        border-color: orange;
        border-radius: 0.25rem;
    }


/* Used in 'AlarmEvent' to put different color on top of the highlighted events */
.k-state-selected .incomplete {
    background-color: var(--bg-clr-selection);
    margin-left: -13px;
    margin-right: -13px;
    margin-top: -1px;
    margin-bottom: -1px;
    padding-left: 13px;
    padding-right: 13px;
    border-radius: 0.25rem;
}

    .k-state-selected .incomplete:hover {
        background-color: var(--bg-clr-selection-hover);
        margin-left: -13px;
        margin-right: -13px;
        margin-top: -1px;
        margin-bottom: -1px;
        padding-left: 13px;
        padding-right: 13px;
        border-radius: 0.25rem;
    }


/* #fefe4c 30% lighter than yellow */
/*.k-grid-table tr.inactive-even {
    background-color: #fefe4c; 
}*/

    /* yellow */
/*    .k-grid-table tr.inactive-even:hover {
        background-color: #ffff00; 
    }*/

/* 40% lighter than yellow */
/*.k-grid-table tr.inactive-odd {
    background-color: #ffff65; 
}*/

    /* 10% lighter than yellow */
/*    .k-grid-table tr.inactive-odd:hover {
        background-color: #ffff19; 
    }
*/

.hover-danger {
    border-radius: 0.3rem;
    border-color: rgba(0, 0, 0, 0.2);
}

    .hover-danger:hover {
        color: white;
        background-color: #DC3545;
        border-color: rgba(0, 0, 0, 0.2);
    }

.hover-success {
    border-radius: 0.3rem;
    border-color: rgba(0, 0, 0, 0.2);
}

    .hover-success:hover {
        color: white;
        background-color: #28a745;
        border-color: rgba(0, 0, 0, 0.2);
    }
/* NEW Telerik v3 adjustments */


/* Used in groups to change cell background for groups that aren't assigned to any alarm event */
.k-master-row .no-assigned-alarm {
    background-color: #FDF4AA;
}

.k-master-row.k-alt .no-assigned-alarm {
    background-color: #FBEB70; /* #FCEE78 */
}


/******************************/
/* Grid colors for 'inactive' */
/******************************/
/* https://docs.telerik.com/blazor-ui/knowledge-base/grid-conditional-cell-background */
/* https://coolors.co/f2c126-f6cd3a-f9d84d-fade5c-fae478 */
/* WP 20220705 - table row 'odd' */
.k-grid-table tr.k-master-row.inactive {
    background-color: #FDF4AA;
}

    .k-grid-table tr.k-master-row.inactive:hover {
        background-color: #FBEE7A;
    }

/* WP 20220705 - table row 'even' */
.k-grid-table tr.k-master-row.k-alt.inactive {
    background-color: #F9E749;
}

    .k-grid-table tr.k-master-row.k-alt.inactive:hover {
        background-color: #F7E018;
    }


/* WP 20250516 - table cell 'odd' */
.k-grid-table tr.k-master-row td.k-table-td.inactive {
    background-color: #FDF4AA;
}

    .k-grid-table tr.k-master-row td.k-table-td.inactive:hover {
        background-color: #FBEE7A;
    }

/* WP 20250516 - table cell 'even' */
.k-grid-table tr.k-master-row.k-alt td.k-table-td.inactive {
    background-color: #F9E749;
}

    .k-grid-table tr.k-master-row.k-alt td.k-table-td.inactive:hover {
        background-color: #F7E018;
    }


/* WP 20221124 - export cell 'odd' for ad hoc */
.k-grid td.export-adhoc-odd {
    background-color: #FFC0C0;
}

.k-grid td.export-adhoc-even {
    background-color: #FFA2A2;
}

/* WP 20221124 - export cell 'odd' for app pikett */
.k-grid td.export-app-odd {
    background-color: #D3D9FF;
}

.k-grid td.export-app-even {
    background-color: #C1C9FA;
}

/* WP 20221124 - export cell 'odd' for pikett */
.k-grid td.export-pikett-odd {
    background-color: #86D886;
}

.k-grid td.export-pikett-even {
    background-color: #6FC56F;
}



/* WP 20220707 - Ad hoc group row colors */
/* https://coolors.co/gradient-palette/ff6666-ffc0c0?number=4 */
.k-grid-table tr.k-master-row.group-adhoc {
    background-color: #FFC0C0;
}

    .k-grid-table tr.k-master-row.group-adhoc:hover {
        background-color: #FF8484;
    }

/* table row 'even' */
.k-grid-table tr.k-master-row.k-alt.group-adhoc {
    background-color: #FFA2A2;
}

    .k-grid-table tr.k-master-row.k-alt.group-adhoc:hover {
        background-color: #FF6666;
    }


/* WP 20220707 - App group row colors */
/* https://coolors.co/gradient-palette/9eaaf1-d3d9ff?number=4 */
.k-grid-table tr.k-master-row.group-app {
    background-color: #D3D9FF;
}

    .k-grid-table tr.k-master-row.group-app:hover {
        background-color: #B0BAF6;
    }

/* table row 'even' */
.k-grid-table tr.k-master-row.k-alt.group-app {
    background-color: #C1C9FA;
}

    .k-grid-table tr.k-master-row.k-alt.group-app:hover {
        background-color: #9EAAF1;
    }


/* WP 20220707 - Pikett group row colors */
/* https://coolors.co/gradient-palette/409e40-86d886?number=4 */
.k-grid-table tr.k-master-row.group-pikett {
    background-color: #86D886;
}

    .k-grid-table tr.k-master-row.group-pikett:hover {
        background-color: #57B157;
        color: white;
    }

/* table row 'even' */
.k-grid-table tr.k-master-row.k-alt.group-pikett {
    background-color: #6FC56F;
}

    .k-grid-table tr.k-master-row.k-alt.group-pikett:hover {
        background-color: #409E40;
    }


/* WP 20220707 - Reduce height of menu items */
.k-menu-link {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}


/* WP 20220615 - Fix grid pages size */
.k-pager-sizes {
    margin-left: 0.5rem;
}

.k-pager-sizes .k-dropdownlist {
    width: fit-content;
    height: 2.25rem; /* Reduce the DropDown item height */
}

/* WP 20220628 - Reduce button size for 'sm' */
.k-icon-button.k-button-sm {
    padding: 0.15rem; /* 0.25rem */
}

/* WP 20220628 - Reduce button size for 'sm' */
    .k-icon-button.k-button-sm > .k-button-icon {
        min-width: 1.25rem; /* 1.5rem */
        min-height: 1.25rem; /* 1.5rem */
        padding-top: 0.1rem;
    }


/* WP 20220628 - Reduce button size for 'md' */
.k-icon-button.k-button-md {
    padding: 0.25rem; /* 0.375rem; */
}

/* WP 20220628 - Reduce button size for 'md' */
.k-icon-button.k-button-md > .k-button-icon {
    min-width: 1.25rem; /* 1.5rem */
    min-height: 1.25rem; /* 1.5rem */
    padding-top: 0.15rem;
}

/* WP 20220629 - Reduce card header height */
.k-card-header {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}



/*************************/
/* FONT SIZE adjustments */
/*************************/
.k-input-sm, .k-picker-sm {
    font-size: 0.9rem;
}

.k-input-md, .k-picker-md {
    font-size: 0.9rem;
}

.k-input-lg, .k-picker-lg {
    font-size: 1rem;
}

.k-list-sm {
    font-size: 0.9rem;
}

.k-list-md {
    font-size: 0.9rem;
}

.k-list-lg {
    font-size: 0.9rem;
}

.k-listgroup {
    font-size: 0.9rem;
}

.k-popup {
    font-size: 0.9rem;
}

.k-button-sm {
    font-size: 0.9rem;
}

.k-button-md {
    font-size: 0.9rem;
}

.k-button-lg {
    font-size: 0.9rem;
}

.k-table-sm {
    font-size: 0.9rem;
}


.k-table-md {
    font-size: 0.9rem;
}

.k-table-lg {
    font-size: 0.9rem;
}

.k-avatar-text, .k-avatar-initials {
    font-size: 1rem;
}

.k-chip-sm {
    font-size: 0.9rem;
}


.k-chip-md {
    font-size: 0.9rem;
}

.k-chip-lg {
    font-size: 0.9rem;
}

.k-menu-group-sm {
    font-size: 0.9rem;
}

    .k-menu-group-sm .k-menu-item {
            font-size: 0.9rem;
    }

.k-menu-group-md {
    font-size: 0.9rem;
}

    .k-menu-group-md .k-menu-item {
        font-size: 0.9rem;
    }

.k-menu-group-lg {
    font-size: 0.9rem;
}

    .k-menu-group-lg .k-menu-item {
        font-size: 0.9rem;
    }

.k-overflow-container {
    font-size: 1rem;
}

.k-form, .k-form-inline {
    font-size: 1rem;
}

.k-captcha {
    font-size: 0.9rem;
}

.k-treeview-sm {
    font-size: 0.9rem;
}

.k-treeview-md {
    font-size: 0.9rem;
}

.k-treeview-lg {
    font-size: 0.9rem;
}

.k-card-subtitle {
    font-size: 0.9rem;
}

.k-orgchart-node-group-subtitle {
    font-size: 0.9rem;
}

/* has font-family */
.k-drag-clue {
    font-size: 0.9rem;
}

/* has font-family */
.k-body, .k-typography {
    font-size: 0.9rem;
}

/* has font-family */
.k-paragraph {
    font-size: 0.9rem;
}

/* has font-family */
.k-input, .k-picker {
    font-size: 0.9rem;
}

/* has font-family */
.k-chip {
    font-size: 0.9rem;
}

/* has font-family */
.k-menu-bar, .k-menu {
    font-size: 0.9rem;
}

/* has font-family */
.k-toolbar {
    font-size: 0.9rem;
}

/* has font-family */
.k-listbox {
    font-size: 0.9rem;
}

/* has font-family */
.k-slider {
    font-size: 0.9rem;
}

/* has font-family */
.k-calendar {
    font-size: 0.9rem;
}

/* has font-family */
.k-timeselector {
    font-size: 0.9rem;
}

/* has font-family */
.k-colorpalette {
    font-size: 0.9rem;
}

/* has font-family */
.k-colorgradient {
    font-size: 0.9rem;
}

/* has font-family */
.k-coloreditor {
    font-size: 0.9rem;
}

/* has font-family */
.k-treeview {
    font-size: 0.9rem;
}

/* has font-family */
.k-rating {
    font-size: 0.9rem;
}

/* has font-family */
.k-dropzone-inner {
    font-size: 0.9rem;
}

/* has font-family */
.k-upload {
    font-size: 0.9rem;
}

/* has font-family */
.k-appbar {
    font-size: 0.9rem;
}

/* has font-family */
.k-fab {
    font-size: 0.9rem;
}

/* has font-family */
.k-actionsheet {
    font-size: 0.9rem;
}

/* has font-family */
.k-window {
    font-size: 0.9rem;
}

/* has font-family */
.k-drawer {
    font-size: 0.9rem;
}

/* has font-family */
.k-card {
    font-size: 0.9rem;
}

/* has font-family */
.k-popover {
    font-size: 0.9rem;
}

/* has font-family */
.k-bottom-nav {
    font-size: 0.9rem;
}

/* has font-family */
.k-breadcrumb {
    font-size: 0.9rem;
}

/* has font-family */
.k-pager-wrap {
    font-size: 0.9rem;
}

/* has font-family */
.k-stepper {
    font-size: 0.9rem;
}

/* has font-family */
.k-tabstrip {
    font-size: 0.9rem;
}

/* has font-family */
.k-wizard {
    font-size: 0.9rem;
}

/* has font-family */
.k-expander {
    font-size: 0.9rem;
}

/* has font-family */
.k-panelbar {
    font-size: 0.9rem;
}

/* has font-family */
.k-splitter {
    font-size: 0.9rem;
}

/* has font-family */
.k-pane-wrapper {
    font-size: 0.9rem;
}

/* has font-family */
    .k-pane-wrapper .k-view {
        font-size: 0.9rem;
    }

/* has font-family */
.k-grid {
    font-size: 0.9rem;
}

/* has font-family */
.k-listview {
    font-size: 0.9rem;
}

/* has font-family */
.k-spreadsheet {
    font-size: 0.9rem;
}

/* has font-family */
.k-pivotgrid {
    font-size: 0.9rem;
}

/* has font-family */
.k-filemanager {
    font-size: 0.9rem;
}

/* has font-family */
.k-taskboard {
    font-size: 0.9rem;
}

/* has font-family */
.k-editor {
    font-size: 0.9rem;
}

/* has font-family */
.k-imageeditor {
    font-size: 0.9rem;
}

/* has font-family */
.k-gantt {
    font-size: 0.9rem;
}

/* has font-family */
.k-scheduler {
    font-size: 0.9rem;
}

/* has font-family */
.k-chat {
    font-size: 0.9rem;
}

/* has font-family */
.k-mediaplayer {
    font-size: 0.9rem;
}

/* has font-family */
.k-timeline {
    font-size: 0.9rem;
}

/* has font-family */
.k-pdf-viewer {
    font-size: 0.9rem;
}

/* has font-family */
kendo-scrollview.k-scrollview-wrap,
kendo-scrollview.k-scrollview,
.k-scrollview {
    font-size: 0.9rem;
}

/* has font-family */
.k-chart,
.k-sparkline,
.k-stockchart {
    font-size: 0.9rem;
}

/* has font-family */
.k-treemap {
    font-size: 0.9rem;
}

/* has font-family */
.k-map {
    font-size: 0.9rem;
}

/* has font-family */
.k-orgchart {
    font-size: 0.9rem;
}


.k-numerictextbox.k-input {
    width: 12.4em;
}
.k-drawer-items li:empty {
    list-style-type: none; /* Hide the marker for empty list items */
}

.k-drawer-items ul{
    padding-left: 0 !important;
}

.k-drawer-content {
    overflow: unset !important;
}

.k-toolbar {
    align-items: center !important;
}

/* 20230614 - Telerik V4.3 - @progress/kendo-theme-bootstrap@6.4.0 */

/* Reduce drawer height */
/*.k-drawer-item .k-icon {
    padding-block: 0rem;
}*/

/*.k-drawer-items .k-text-item {
    padding: 0.25rem;
}*/

.k-pager-sm .k-pager-sizes .k-dropdownlist, .k-pager-md .k-pager-sizes .k-dropdownlist {
    width: fit-content;
}


.k-grid .k-toolbar-item {
    width: 100%;
}



.k-drawer-item {
    font-size: var(--overall-font-size);
}


/* Window title bar */
/* https://docs.telerik.com/blazor-ui/components/window/overview#styling */
.window-dialog .k-window-titlebar {
    height: 3rem;
    background-color: var(--bg-clr-selection);
}

/* Window dialog title color */
.window-dialog .k-window-title,
.window-dialog .k-window-titlebar-actions {
    color: var(--clr-window-dialog-title);
}

/*.k-window {*/
.window-dialog .k-window {
    border-style: none;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}


/* Make TabStrip headers appear in a multiline way */
/* https://feedback.telerik.com/blazor/1534632-how-can-i-make-a-multiline-tabstrip-header */
.multiline-tabs {}

/* enable tab wrapping */
.multiline-tabs .k-tabstrip-items {
    flex-wrap: wrap;
    width: 100%;
}

/* add borders to all tabs */
.multiline-tabs .k-tabstrip-items .k-item {
    border-color: rgba(0, 0, 0, 0.08);
    border-bottom-width: 1px;
}

/* add background to selected tab */
/*.multiline-tabs .k-tabstrip-items .k-item.k-active {
    background: rgba(0, 0, 0, 0.04);
}*/