/* Kendo theme overrides for Telerik controls*/

.k-checkbox {
    border-color: var(--skyline-luge-green) !important;
}

.k-checkbox:before {
    width: 16px !important;
    height: 20px !important;
    font-size: 16px !important;
}

.k-checkbox:checked {
    border-color: var(--skyline-luge-green) !important;
    background-color: var(--skyline-luge-green) !important;
}

.k-checkbox:checked:focus {
    box-shadow: 0 0 0 2px rgba(128, 191, 0, 0.2) !important;
}

.k-button.k-state-selected,
.k-button.k-primary:active,
.k-button.k-primary.k-state-active,
.k-button.k-primary.k-state-selected,
.k-button-group .k-button:active,
.k-button-group .k-button.k-state-active,
.k-button-group .k-button.k-state-selected,
.k-button-group>input[type="radio"]:checked+.k-button,
.k-button-group>input[type="checkbox"]:checked+.k-button,
.k-action-buttons .k-primary:active,
.k-action-buttons .k-primary.k-state-active,
.k-slider .k-draghandle:active,
.k-slider .k-draghandle.k-pressed {
    border-color: var(--skyline-luge-green) !important;
    background-color: var(--skyline-luge-green) !important;
    background-image: linear-gradient(rgba(137, 191, 0, 0.2), rgba(137, 191, 0, 0));
}

.k-datepicker {
    width: 10em !important;
}

.k-drag-clue {
    border-color: var(--skyline-luge-green) !important;
    background-color: var(--skyline-luge-green) !important;
}

.k-list .k-item.k-state-selected,
.k-list-optionlabel.k-state-selected,
.k-list-container .k-button:active,
.k-list-container .k-button.k-state-active,
.k-column-menu .k-menu:not(.k-context-menu) .k-item.k-state-selected,
.k-spreadsheet-popup .k-button:active,
.k-spreadsheet-popup .k-button.k-state-active,
.k-spreadsheet-popup .k-button.k-state-selected,
.k-menu-group .k-item.k-state-selected,
.k-menu.k-context-menu .k-item.k-state-selected {
    background-color: var(--skyline-luge-green) !important;
}

.k-widget ::selection,
.k-block ::selection,
.k-panel ::selection {
    background-color: var(--skyline-luge-green) !important;
}

.k-marquee-color {
    background-color: var(--skyline-luge-green) !important;
}

.k-pager-nav:hover {
    color: var(--skyline-luge-green) !important;
}

.k-pager-numbers .k-link {
    color: var(--skyline-luge-green) !important;
}

.k-pager-numbers .k-link:hover,
.k-pager-numbers .k-link.k-state-hover {
    color: var(--skyline-luge-green) !important;
}

.k-pager-numbers .k-state-selected {
    color: var(--skyline-luge-green) !important;
}

.k-picker {
    margin: 0.5em 0 0 0.5em !important;

}

.k-button.k-button-solid-primary,
.k-slider .k-draghandle {
    border-color: var(--skyline-luge-green) !important;
    background-color: var(--skyline-luge-green) !important;
    background-image: linear-gradient(rgba(137, 191, 0, 0), rgba(137, 191, 0, 0.2));
}

.k-button.k-button-solid-primary:hover,
.k-button.k-button-solid-primary.k-state-hover,
.k-action-buttons .k-button-solid-primary:hover,
.k-action-buttons .k-button-solid-primary.k-state-hover {
    background-image: linear-gradient(rgba(128, 191, 0, 0), rgba(128, 191, 0, 0.2));
}

.k-button.k-button-solid-primary.k-outline {
    color: var(--skyline-luge-green) !important;
}

.k-button.k-button-solid-primary.k-outline:hover,
.k-button.k-button-solid-primary.k-outline.k-state-hover {
    border-color: var(--skyline-luge-green) !important;
    background-color: var(--skyline-luge-green) !important;
    background-image: linear-gradient(rgba(137, 191, 0, 0), rgba(137, 191, 0, 0.2));
}

    .k-button.k-button-solid-primary.k-outline:active,
    .k-button.k-button-solid-primary.k-outline.k-state-active {
        border-color: var(--skyline-luge-green) !important;
        background-color: var(--skyline-luge-green) !important;
    }

    .k-button.k-button-solid-primary.k-outline.k-state-selected {
        border-color: var(--skyline-luge-green) !important;
        background-color: var(--skyline-luge-green) !important;
    }

.k-button-flat.k-primary,
.k-primary.k-button.k-flat,
.k-primary.k-button.k-bare,
.k-calendar-header .k-primary.k-button,
.k-calendar.k-calendar-range.k-calendar-infinite:not(.k-calendar-minimal)>.k-primary.k-button,
.k-button-flat.k-primary:hover,
.k-primary.k-button.k-flat:hover,
.k-primary.k-button.k-bare:hover,
.k-calendar-header .k-primary.k-button:hover,
.k-calendar.k-calendar-range.k-calendar-infinite:not(.k-calendar-minimal)>.k-primary.k-button:hover,
.k-button-flat.k-primary.k-state-hover,
.k-primary.k-state-hover.k-button.k-flat,
.k-primary.k-state-hover.k-button.k-bare,
.k-calendar-header .k-primary.k-state-hover.k-button,
.k-calendar.k-calendar-range.k-calendar-infinite:not(.k-calendar-minimal)>.k-primary.k-state-hover.k-button,
.k-button-group .k-button-flat.k-primary,
.k-button-group .k-primary.k-button.k-flat,
.k-button-group .k-primary.k-button.k-bare,
.k-button-group .k-calendar-header .k-primary.k-button,
.k-calendar-header .k-button-group .k-primary.k-button,
.k-button-group .k-calendar.k-calendar-range.k-calendar-infinite:not(.k-calendar-minimal)>.k-primary.k-button {
    color: var(--skyline-luge-green) !important;
}

.k-action-buttons .k-primary {
    color: var(--skyline-luge-green) !important;
}

.k-dialog-titlebar {
    background-color: var(--skyline-luge-green) !important;
}

.k-dialog-button-layout-stretched .k-primary:not(:hover):not(.k-state-hover):not(:active):not(.k-state-active) {
    color: var(--skyline-luge-green) !important;
}

.k-grid .k-tooltip.k-tooltip-validation {
    background-color: var(--skyline-luge-green) !important;
}

.k-grid .k-tooltip.k-tooltip-validation .k-callout-n {
    border-bottom-color: var(--skyline-luge-green) !important;
}

.k-grid .k-tooltip.k-tooltip-validation .k-callout-e {
    border-left-color: var(--skyline-luge-green) !important;
}

.k-grid .k-tooltip.k-tooltip-validation .k-callout-s {
    border-top-color: var(--skyline-luge-green) !important;
}

.k-grid .k-tooltip.k-tooltip-validation .k-callout-w {
    border-right-color: var(--skyline-luge-green) !important;
}

.k-grid-header .k-i-sort-asc-sm,
.k-grid-header .k-i-sort-desc-sm,
.k-grid-header .k-sort-order {
    color: var(--skyline-luge-green) !important;
}

.k-grid-header .k-grid-filter:hover {
    background-color: var(--skyline-luge-green);
    filter: brightness(110%);
}

.k-grid-header .k-header-column-menu.k-state-active,
.k-grid-header .k-hierarchy-cell .k-icon.k-state-active {
    background-color: var(--skyline-luge-green) !important;
}

.k-tabstrip-items .k-item {
    color: var(--luge-cart-app-text) !important;
}

.k-tabstrip-items .k-item.k-state-active, .k-tabstrip-items .k-item.k-state-selected {
    color: var(--skyline-luge-green) !important;
    font-weight: 700;
}

    .k-spreadsheet-selection {
        border-color: var(--skyline-luge-green) !important;
        box-shadow: inset 0 0 0 1px var(--skyline-luge-green) !important;
    }

.k-spreadsheet .k-single-selection::after {
    background-color: var(--skyline-luge-green) !important;
}

.k-spreadsheet-active-cell {
    box-shadow: inset 0 0 0 1px var(--skyline-luge-green) !important;
}

.k-spreadsheet-active-cell.k-right {
    box-shadow: inset 0 0 0 1px var(--skyline-luge-green), inset -1px 0 0 1px var(--skyline-luge-green);
}

.k-spreadsheet-active-cell.k-bottom {
    box-shadow: inset 0 0 0 1px var(--skyline-luge-green), inset 0 -1px 0 1px var(--skyline-luge-green);
}

.k-spreadsheet-active-cell.k-bottom.k-right {
    box-shadow: inset 0 0 0 1px var(--skyline-luge-green), inset -1px -1px 0 1px var(--skyline-luge-green);
}

.k-spreadsheet .k-auto-fill {
    border-color: var(--skyline-luge-green) !important;
    box-shadow: inset 0 0 0 1px var(--skyline-luge-green);
}

kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable>li.k-button.k-primary,
kendo-scrollview.k-scrollview-wrap .k-scrollview-nav>li.k-link.k-primary,
div.k-scrollview .k-scrollview-pageable>li.k-button.k-primary,
div.k-scrollview .k-scrollview-nav>li.k-link.k-primary {
    border-color: var(--skyline-luge-green) !important;
    background-color: var(--skyline-luge-green) !important;
}

.k-filter .k-filter-preview-field {
    color: var(--skyline-luge-green) !important;
}

.k-tooltip {
    background-color: var(--skyline-luge-green) !important;
}

.k-textbox::selection,
.k-textarea::selection,
.k-input.k-textbox::selection {
    background-color: var(--skyline-luge-green) !important;
}

.k-textbox::selection,
.k-input::selection,
.k-textarea::selection {
    background-color: var(--skyline-luge-green) !important;
}

.k-required,
.k-required.k-field-info {
    color: var(--skyline-luge-green) !important;
}

.k-editor .k-editor-toolbar-wrap a.k-tool.k-state-selected,
.k-ct-popup .k-editor-toolbar a.k-tool.k-state-selected,
.editorToolbarWindow.k-header.k-window-content a.k-tool.k-state-selected {
    background-color: var(--skyline-luge-green) !important;
}

.k-ct-popup .k-state-selected {
    background-color: var(--skyline-luge-green) !important;
}

.k-listbox .k-drop-hint {
    border-top-color: var(--skyline-luge-green) !important;
}

li.k-item.k-drag-clue {
    background-color: var(--skyline-luge-green) !important;
}

.k-checkbox-legacy:indeterminate+.k-checkbox-label::before {
    border-color: var(--skyline-luge-green) !important;
    background-color: var(--skyline-luge-green) !important;
}

.k-checkbox:checked+.k-checkbox-label::before {
    border-color: var(--skyline-luge-green) !important;
    background-color: var(--skyline-luge-green) !important;
}

.k-checkbox:checked:focus+.k-checkbox-label::before {
    border-color: var(--skyline-luge-green) !important;
}

.k-checkbox-legacy-label:hover::after {
    color: var(--skyline-luge-green) !important;
}

.k-checkbox-legacy:indeterminate+.k-checkbox-legacy-label::before {
    border-color: var(--skyline-luge-green) !important;
    background-color: var(--skyline-luge-green) !important;
}

.k-checkbox-legacy:checked+.k-checkbox-legacy-label::before {
    border-color: var(--skyline-luge-green) !important;
    background-color: var(--skyline-luge-green) !important;
}

.k-checkbox-legacy:checked:focus+.k-checkbox-legacy-label::before {
    border-color: var(--skyline-luge-green) !important;
}

label.k-checkbox-label {
    padding-left: 10px !important;
    border-color: var(--skyline-luge-green) !important;
}

label.k-checkbox-label::before,
label.k-checkbox-label::after {
    width: 18px !important;
    height: 18px !important;
    border-color: var(--skyline-luge-green) !important;
    margin-top: 0px !important;
}

.k-radio:checked+.k-radio-label::before {
    border-color: var(--skyline-luge-green) !important;
    background-color: var(--skyline-luge-green) !important;
}

.k-radio:checked:focus+.k-radio-label::before {
    border-color: var(--skyline-luge-green) !important;
}

.k-radio-legacy-label:hover::after {
    color: var(--skyline-luge-green) !important;
}

.k-radio-legacy:checked+.k-radio-legacy-label::before {
    border-color: var(--skyline-luge-green) !important;
    background-color: var(--skyline-luge-green) !important;
}

.k-radio-legacy:checked:focus+.k-radio-legacy-label::before {
    border-color: var(--skyline-luge-green) !important;
}

.k-menu:not(.k-context-menu)>.k-item {
    color: var(--skyline-luge-green) !important;
}

.k-menu-group .k-item>.k-state-active,
.k-menu.k-context-menu .k-item>.k-state-active {
    background-color: var(--skyline-luge-green) !important;
}

.k-menu-scroll-button {
    color: var(--skyline-luge-green) !important;
}

.k-text-primary {
    color: var(--skyline-luge-green) !important;
}

.k-bg-primary {
    background-color: var(--skyline-luge-green) !important;
}

.k-grid td.k-state-selected,
.k-grid tr.k-state-selected>td {
    color: #656565 !important;
    background-color: rgba(182, 191, 0, 0.25) !important;
}

.k-animation-container>.k-popup {
    border: 1px solid var(--skyline-luge-green) !important;
}

/* Override to stop descenders being chopped off in Grid Control column headings 27/04/2021 */
.k-cell-inner > .k-link {
    display: block !important;
}

.k-cell-inner {
    max-width: 100%;
}

.k-list-item.k-selected, 
.k-selected.k-list-optionlabel {
    background-color: var(--skyline-luge-green) !important;
}

.report-button {
    height: 40px;
    width: 140px;
    margin: 0px 10px;
    border-radius: 2px;
    background-color: #b6bf00;
    color: black;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}

.scroll-override {
    overflow-x: hidden;
}