/* Compatible with @import "@progress/kendo-theme-bootstrap@7.0.0"; */

/* Compatible from Telerik Kendo version 7.0.0 as of January 2024 */
/* All new Telerik updates will be added to this file until a major release or structure change  */

/* TABLE OF CONTENTS 

A. Components
A0.     Fonts/colors
A0.1    Borders and spacing
A1.     Buttons
A1.1    Button primary
A1.2    Button secondary
A1.3    Button success
A1.4    Button disabled
A1.5    Button with icon
A1.6a   Button group
A1.6b   Button group vertical
A1.7    Badge buttons
A1.8    SVG buttons
A1.9    Button links
A1.10   Ghost button
A1.11   Danger button
A1.12   Outline danger button
A2.     Checkbox
A3.     Input - text, form-controls
A3.0    Control width
A3.1    Dropdown - wrap
A3.2    Dropdown
A3.3    Combobox / Dropdown tree
A3.4    Multi-select
A4.     Date input
A5.     Forms
A5.1    Forms - default
A5.2    Forms - horizontal
A6.     Radio
A7.     Textarea
A8.     Date and time picker
A8.1    Date range picker
A9.     Grid
A9.1    Datagrid status border
A9.2    Datagrid header
A9.3    Datagrid pager
A9.4    Radio button in grid
A9.5    Datagrid footer
A10.    Error message
A11.    Horizontal forms - callout
A12.    Mobile bottom nav
A13.    Notification
A14.    Text input with button
A15.    Modal dialog
A15.0   Modal dialog (danger / delete)
A16.    Chip
A17.    Panelbar
A18.    Loader
A19.    Switch
A20.    NumberTextBox
A21.    Menu
A22.    Mobile sections
A23.    Popup
A24.    Multi-step form
A25.    Card
A26.    SVG Icon
A27.    Progress bar
A28.    Tab strip
A29.    App Bar
B. Bootstrap 5 classes */


/* A0. Fonts/colors */
body {
    font-family: Noto Sans, sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
}

.k-color-inherit, .k-text-inherit {
    color: inherit;
}

.k-color-dark, .k-text-dark {
    color: #444;
}

.k-color-primary, .k-text-primary {
    color: #0279b1 !important;
}

.k-color-warning-light, .k-text-warning-light {
    color: #fcd700;
}

.k-color-warning, .k-text-warning {
    color: #f5a623 !important;
}

.k-color-error, .k-text-error {
    color: #d0021b !important;
}

.k-color-success, .k-text-success {
    color: #4b8516 !important;
}

.k-color-success-light, .k-text-success-light {
    color: #96bf50 !important;
}


/* A0.1 Borders and spacing */
.k-float-right {
    float: right !important;
}

/* Change Kendo default rounded input fields to 0 border radius */
.k-rounded-md {
    border-radius: 0rem;
}

/* Default invalid border styling */
.k-input.k-invalid {
    border: #d0021b 1px solid;
    box-shadow: 0 0 0 1px #d0021b;
}

/* Default invalid focus styling */
.k-input.k-invalid:focus-within {
    border: #d9d9d5 1px solid;
    box-shadow: 0 0 0 3px #f5a623;
}

/* Remove default kendo input field border */
.k-input .k-input-inner {
    border: none;
}


/* A1. Buttons */
/* Default general button styling */
.k-button {
    font-family: Noto Sans, sans-serif;
    padding: 13px;
    text-decoration: none;
    border-radius: 5px;
    line-height: 1.45em;
    display: inline-block;
    cursor: pointer;
    border: 0;
    -webkit-appearance: none;
    box-sizing: border-box;
    text-align: center;
    font-weight: 700;
    font-size: 1em;
    transition: none;
    max-width: 300px;
    white-space: normal;
}

/* Default button focus/active styling */
.k-button:focus,
.k-button.k-focus
.k-button:active,
.k-button.k-active {
    border: #b2b2b2 1px solid;
    box-shadow: 0 0 0 3px #f5a623;
}

.k-form-buttons > * {
    margin-right: 0;
}

button:not(:first-of-type) {
    margin-left: 20px;
}


/* A1.1 Button primary */
.k-button-solid-primary {
    border: #0279b1 1px solid;
    background-color: #0279b1;
    color: #fff;
}

.k-button-solid-primary:hover,
.k-button-solid-primary.k-hover {
    background-color: #fff;
    border: #b2b2b2 1px solid;
    color: #0279b1;
    outline: 0;
}

.k-button-solid-primary:focus,
.k-button-solid-primary.k-focus,
.k-button-solid-primary:active,
.k-button-solid-primary.k-active {
    background-color: #fff;
    color: #0279b1;
    border: 1px solid #b2b2b2;
    box-shadow: 0 0 0 3px rgb(245 166 35);
}

.k-button-flat-primary,
.k-button-flat-primary:hover,
.k-button-flat-primary.k-hover {
    color: #0279b1;
}

.k-button-solid-primary.k-selected:focus, 
.k-button-solid-primary.k-selected.k-focus, 
.k-button-solid-primary.k-selected:active, 
.k-button-solid-primary.k-selected.k-active {
    background-color: #fff;
    color: #0279b1;
    border: 1px solid #b2b2b2;
    box-shadow: 0 0 0 3px rgb(245 166 35);
}

.k-button-solid-primary.k-selected {
    background-color: #4b8516;
    border: solid 1px #4b8516;
    color: #fff;
}

.k-button-solid-primary.k-selected:hover {
    background-color: #0279b1;
    border: 1px solid #0279b1;
    color: #fff;
}


/* A1.2 Button secondary */
.k-button-outline-primary {
    background-color: #fff;
    border: #b2b2b2 1px solid;
    color: #0279b1;
}

.k-button-outline-primary.k-active, 
.k-button-outline-primary:active,
.k-button-outline-primary.k-focus,
.k-button-outline-primary:focus {
    background: #0279b1 !important;
    color: #fff !important;
    border: #0279b1 1px solid;
}

.k-button-outline-primary:hover,
.k-button-outline-primary.k-hover {
    background: #0279b1;
    color: #fff;
    border: #0279b1 1px solid;
}

.k-button-outline-primary.k-selected:focus, 
.k-button-outline-primary.k-selected.k-focus, 
.k-button-outline-primary.k-selected:active, 
.k-button-outline-primary.k-selected.k-active,
.k-button-outline-primary.k-selected {
    background-color: #4b8516;
    border: solid 1px #4b8516;
}

.k-button-outline-primary.k-selected:hover {
    background-color: #0279b1;
    border: 1px solid #0279b1;
}

/* A1.3 Button success */
.k-button-solid-success,
.k-button-solid-success:visited {
    background-color: #4b8516;
    color: #fff;
    text-decoration: none;
    border: #4b8516 1px solid;
}

.k-button-solid-success:hover,
.k-button-solid-success.k-hover {
    color: #4b8516;
    background-color: #fff;
    border: #b2b2b2 1px solid;
}

.k-button-solid-success:active,
.k-button-solid-success.k-active,
.k-button-solid-success:focus,
.k-button-solid-success.k-focus {
    background-color: #fff;
    color: #4b8516;
}


/* A1.4 Button disabled */
.k-button:disabled,
.k-button.k-disabled {
    border: 1px solid #d9d9d5;
    background-color: #d9d9d5;
    color: #444;
    opacity: 1;
    pointer-events: none;
    cursor: not-allowed !important;
}


/* A1.5 Button with icon */
.k-button-icon ~ .k-button-text {
    margin-left: 5px;
}


/* A1.6a Button group */
.k-button-group .k-group-start,
.k-button-group .k-button:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.k-button-group .k-button:focus,
.k-button-group .k-button.k-state-focused,
.k-button-group > input[type="radio"]:focus + .k-button,
.k-button-group > input[type="checkbox"]:focus + .k-button {
    box-shadow: inset 0 0 0 3px #f5a623;
}

.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 {
    border-color: #0279b1;
    color: #ffffff;
    background-color: #0279b1;
    box-shadow: inset 0 0 0 3px #F5A623;
}

.k-button-group button:active,
.k-button-group button:active:focus,
.k-button-group button:focus {
    box-shadow: inset 0 0 0 3px #F5A623 !important;
}

.k-button-group .k-selected {
    border-color: #4b8516;
    color: #ffffff;
    background-color: #4b8516;
}

.btn-success.btn-group-end:hover,
.btn-success.btn-group-end:focus,
.btn-success.btn-group-end:active,
.btn-success.btn-group-start:hover,
.btn-success.btn-group-start:focus,
.btn-success.btn-group-start:active {
    background-color: #0279b1;
    color: #fff;
}


/* A1.6b Button group vertical  */
.cov-btn-group-nav-vertical {
    flex-direction: column;
    width: 100%;
    border: 1px solid #d9d9d5;
}

.cov-btn-group-nav-vertical .k-button:focus,
.cov-btn-group-nav-vertical .k-button:active,
.cov-btn-group-nav-vertical .k-button.k-hover,
.cov-btn-group-nav-vertical .k-button:hover {
    background-color: #f8f8f8;
    color: #015982;
}

.cov-btn-group-nav-vertical .k-button:active,
.cov-btn-group-nav-vertical .k-button.k-active,
.cov-btn-group-nav-vertical .k-button.k-selected {
    background-color: #4B8516 !important;
    box-shadow: inset 0px 0px 0px 3px #F5A623 !important;
    color: #fff;
}

.cov-btn-group-nav-vertical .k-button:focus,
.cov-btn-group-nav-vertical .k-button.k-focus {
    box-shadow: inset 0px 0px 0px 3px #F5A623 !important;
}

.cov-btn-group-nav-vertical button:not(:disabled):not(.disabled):active:focus {
    box-shadow: inset 0px 0px 0px 3px #F5A623 !important;
}

.cov-btn-group-nav-vertical .k-group-start,
.cov-btn-group-nav-vertical .k-button:first-child,
.cov-btn-group-nav-vertical .k-group-end,
.cov-btn-group-nav-vertical .k-button:last-child {
    border-radius: 0;
}

.cov-btn-group-nav-vertical .k-button {
    max-width: 100%;
    border: none;
    text-align: left;
    padding: 10px;
}

.cov-btn-group-nav-vertical .k-button ~ .k-button {
    -webkit-margin-start: initial;
    margin-inline-start: initial;
}

.cov-btn-group-nav-vertical-title {
    display: flex;
    padding: 10px;
}


/* A1.7 Badge button */
/* Custom class for COV */
.badge {
    font-family: Noto Sans, sans-serif;
    padding: 5px 10px;
    text-decoration: none;
    border-radius: 5px;
    line-height: 1.4em;
    cursor: pointer;
    border: 0;
    -webkit-appearance: none;
    box-sizing: border-box;
    text-align: center;
    font-weight: 500;
    font-size: 0.88em;
    margin-left: 10px;
    max-width: initial;
    max-height: 31px;
    display: inline-flex;
    margin-bottom: 10px;
}

.badge, .badge:visited {
    text-decoration: none;
    border: #b2b2b2 1px solid;
}

.k-button-solid-primary.badge:hover,
.k-button-solid-primary.badge.k-hover {
    box-shadow: none;
}

button.badge:first-of-type {
    margin-left: 10px;
}

button.badge:nth-last-of-type(2) {
    margin-right: 0;
}

button.badge {
    margin-right: 10px;
    margin-left: 0px;
}


/* A1.8 SVG button */
.k-button.k-button-solid-primary .k-svg-icon,
.k-button.k-button-solid-success .k-svg-icon,
.k-button.k-button-outline-primary:hover .k-svg-icon,
.k-button:focus .k-svg-icon,
.k-button:active .k-svg-icon {
    color: #fff !important;
}

.cov-switch-field input[type="radio"]:not(:checked) + label:hover .k-svg-icon,
.cov-switch-field input:checked + label .k-svg-icon {
    color: #fff !important;
}

.k-button-solid-primary:focus .k-svg-icon,
.k-button-solid-primary:active .k-svg-icon,
.k-button-solid-primary:hover .k-svg-icon {
    color: #0279b1 !important;
}

.k-button-solid-success:hover .k-svg-icon,
.k-button-solid-success:focus .k-svg-icon,
.k-button-solid-success:active .k-svg-icon {
    color: #4B8516 !important;
}

.k-button-outline-primary .k-svg-icon {
    color: #0279b1 !important;
}


/* A1.9 Button link */
button.k-button-link {
    text-decoration: underline;
    border: none;
    color: #0279b1;
    border-radius: 0;
    margin-left: 0;
    padding: 0px;
    text-align: left;
    white-space: normal;
    max-width: initial;
    background-color: transparent;
    padding: 3px;
}

button.k-button-link:hover,
button.k-button-link.k-hover {
    color: #015982;
    background-color: #fff;
    border: none;
}

button.k-button-link:focus,
button.k-button-link:active {
    box-shadow: 0 0 0 3px #f8c165 !important;
    border: none !important;
    outline: 0 !important;
    color: #015982 !important;
    background-color: #f8c165 !important;
    text-decoration: underline;
}

/* NEW - disabled button link */
.k-button.k-button-link:disabled, 
.k-button.k-button-link.k-disabled {
    background: transparent;
    border: none;
}


/* A1.10 Ghost button */
/* Custom class for COV */
button.k-button.btn-ghost,
button.k-button.btn-ghost.badge {
    border: none;
    color: #0279b1;
    background-color: transparent;
}

button.k-button.btn-ghost:hover,
button.k-button.btn-ghost.badge:hover {
    background-color: rgba(151, 151, 149, 0.35);
    color: #0279b1;
    border: none;
}

button.k-button.btn-ghost:active,
button.k-button.btn-ghost.badge:active,
button.k-button.btn-ghost:focus,
button.k-button.btn-ghost.badge:focus {
    background-color: rgba(151, 151, 149, 0.35);
}

.btn-ghost:disabled {
    color: #767676;
    background-color: transparent;
}

.btn-ghost.badge:hover [class^="fa"]:before,
.btn-ghost.badge:focus [class^="fa"]:before,
.btn-ghost.badge:active [class^="fa"]:before {
    color: #0279b1;
}


/* A1.11 Danger button */
.k-button-solid-error,
.k-button-solid-error:visited {
    border: #950000 1px solid;
    background-color: #950000;
    color: #fff;
    text-decoration: none;
}

.k-button-solid-error:hover,
.k-button-solid-error.k-hover {
    color: #d0021b;
    background-color: #fff;
    border: #b2b2b2 1px solid;
}

.k-button-solid-error:focus,
.k-button-solid-error.k-focus,
.k-button-solid-error:active,
.k-button-solid-error.k-active {
    color: #d0021b;
    background-color: #fff;
}


/* A1.12 Outline danger button */
.k-button-outline-error,
.k-button-outline-error:visited {
    background-color: #fff;
    color: #d0021b;
    text-decoration: none;
    border: #b2b2b2 1px solid;
}

.k-button-outline-error:hover,
.k-button-outline-error.k-hover {
    color: #fff;
    background-color: #950000;
    border: #950000 1px solid;
}

.k-button-outline-error:focus,
.k-button-focus-outline-error.k-focus,
.k-button-outline-error:active,
.k-button-focus-outline-error.k-active {
    color: #fff;
    background-color: #950000;
    border: #950000 1px solid;
}


/* A2. Checkbox */
/* Checkbox enhancements for v7.3 - start */
input[type=checkbox] {
	-moz-appearance:none;
	-webkit-appearance:none;
	-o-appearance:none;
	outline: none;
	content: none;	
    opacity: 1;
}

input[type=checkbox]::before {
    background-color: #fff;
    box-sizing: border-box;
    content: "\f00c";
    color: transparent !important;
    cursor: pointer;
    display: block;
    font-family: "Font Awesome 6 Pro", "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 18px;
    height: 25px;
    line-height: 20px;
    padding: 2px 6px 6px 3px;
    position: absolute;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    width: 25px;
    border: 2px solid #d9d9d5;
    top: -5px;
    left: -2px;
}

.cov-checkbox div[dir="rtl"] input[type=checkbox]::before {
    padding: 2px 3px 6px 3px;
}

.k-checkbox:active,
.k-checkbox:focus,
.k-checkbox:checked:active,
.k-checkbox:checked:focus {
    box-shadow: none;
}

input[type="checkbox"]:focus::before,
input[type="checkbox"]:active::before,
.k-checkbox:focus::before,
.k-checkbox:active::before {
    outline: 3px solid #f5a623;
    outline-offset: 0;
}

input[type=checkbox]:checked::before {
	color: #0279b1 !important;
}

.k-checkbox:disabled {
    opacity: 1 !important;
}

input[type="checkbox"]:disabled:before {
    background-color: #d9d9d5 !important;
    color: #444;
    cursor: not-allowed;
    border: 1px solid #d9d9d5;
    pointer-events: none;
}

.k-checkbox-label[for="disable-state"] {
    box-shadow: none;
    cursor: default;
    -webkit-filter: grayscale(.1);
    filter: grayscale(.1);
    opacity: .65;
    outline: none;
    pointer-events: none;
}

.k-checkbox + .k-label, 
.k-checkbox-wrap + .k-label, 
.k-checkbox + .k-checkbox-label, 
.k-checkbox-wrap + .k-checkbox-label {
    margin-inline-start: 2.25rem;
}

.k-checkbox-label,
.k-form-field .k-checkbox-label {
    font-weight: 400;
} 
/* Checkbox enhancements for v7.3 - end */

input[type="checkbox"] + label::before {
    margin-left: 0;
}

.k-checkbox + .k-checkbox-label,
.k-checkbox-label + .k-checkbox {
    margin-left: 40px;
}

input[type="checkbox"] + label::before {
    margin-left: 0;
    top: -4px;
    left: -40px;
}

.k-checkbox + .k-checkbox-label,
.k-checkbox-label + .k-checkbox {
    margin-left: 40px;
}

.k-checkbox:disabled {
    opacity: 0;
}

div[dir="ltr"] span.cov-hide-label + label,
.cov-hide-label .k-checkbox-label {
    visibility: hidden;
    font-size: 0;
}

div[dir="ltr"] span.cov-hide-label + label:before,
.cov-hide-label .k-checkbox-label:before {
    visibility: visible;
    top: -15px;
}

.k-form-horizontal .cov-form-field-callout .cov-checkbox {
    margin-left: 0;
}

.k-form-horizontal .cov-form-field-callout .k-form-field > .k-form-label,
.k-form-horizontal .cov-form-field-callout .k-form-field > .k-label,
.k-form-horizontal .cov-form-field-callout .k-form-field > kendo-label {
    width: auto;
}

.cov-form-field-callout.cov-checkbox-sub-item {
    margin-left: calc(25% + 50px);
}

.k-form-field > span.cov-checkbox {
    display: inline;
}

.k-form-field > .cov-checkbox > label[for="disable-state"] {
    outline: none;
    cursor: default;
    opacity: .65;
    filter: grayscale(.1);
    pointer-events: none;
    box-shadow: none;
}

/* Checkbox with label on left */
.k-checkbox.cov-checkbox-left-label + .k-label,
.k-checkbox-wrap.cov-checkbox-left-label + .k-label,
.k-checkbox.cov-checkbox-left-label + .k-checkbox-label,
.k-checkbox-wrap.cov-checkbox-left-label + .k-checkbox-label {
    margin-inline-start: 1.5rem;
}

/* A3. Input - text, form-controls */
.k-input {
    font-family: Noto Sans, sans-serif;
    border: #d9d9d5 1px solid;
    box-shadow: 0 0 0 1px #d9d9d5;
}

.k-input:focus-within {
    border: #b2b2b2 1px solid;
    box-shadow: 0 0 0 3px #f5a623;
}

.k-input-button {
    border-radius: 0;
}

.k-input-button:focus,
.k-input-button.k-focus,
.k-input-button:active,
.k-input-button.k-active {
    box-shadow: none;
}

.k-textbox {
	border-radius: 0;
	border: 2px solid #d9d9d5;
	transition: none;
    display: flex;
    max-width: fit-content;
}

input.k-textbox {
    padding: 5px;
}

.k-maskedtextbox.k-state-invalid .k-textbox:focus,
.k-maskedtextbox.k-state-invalid .k-textbox:active {
	border: none;
}

.k-form-field label {
    font-weight: 700;
}


/* A3.0 Control width */
.k-form input.xxsmall,
.k-form .k-form-field-wrap > span.xxsmall,
.k-form .k-form-field-wrap > .k-list-vertical.xxsmall {
    max-width: 2.5em;
}

.k-form input.xsmall,
.k-form .k-form-field-wrap > span.xsmall,
.k-form .k-form-field-wrap > .k-list-vertical.xsmall {
    max-width: 5em;
}

.k-form input.small,
.k-form .k-form-field-wrap > span.small,
.k-form .k-form-field-wrap > .k-list-vertical.small {
    max-width: 10em;
}

.k-form input.medium,
.k-form .k-form-field-wrap > span.medium,
.k-form .k-form-field-wrap > .k-list-vertical.medium {
    max-width: 15em;
}

.k-form input.large,
.k-form .k-form-field-wrap > span.large,
.k-form .k-form-field-wrap > .k-list-vertical.large {
    max-width: 20em;
}

/* specific control without form tag width */
.k-textarea.xxsmall,
.k-dropdown.xxsmall,
.k-dropdown-list.xxsmall,
.k-picker.xxsmall,
.k-multiselect.xxsmall {
    max-width: 2.5em;
}

.k-textarea.xsmall,
.k-dropdown.xsmall,
.k-dropdown-list.xsmall,
.k-picker.xsmall,
.k-multiselect.xsmall {
    max-width: 5em;
}

.k-textarea.small,
.k-dropdown.small,
.k-dropdown-list.small,
.k-picker.small,
.k-multiselect.small {
    max-width: 10em;
}

.k-textarea.medium,
.k-dropdown.medium,
.k-dropdown-list.medium,
.k-picker.medium,
.k-multiselect.medium {
    max-width: 15em;
}

.k-textarea.large,
.k-dropdown.large,
.k-dropdown-list.large,
.k-picker.large,
.k-multiselect.large {
    max-width: 20em;
}


/* A3.1 Dropdown - wrap */
.k-dropdown .k-dropdown-wrap {
    background-color: #fff;
    border: #b2b2b2 1px solid;
    color: #444;
}


/* A3.2 Dropdown */
input[type=text]:focus {
    outline: none;
}

.k-dropdownlist, .k-picker {
    font-family: 'Noto Sans';
    background-color: #fff;
    border: #d9d9d5 2px solid;
}

.k-dropdownlist .k-svg-icon svg {
    fill: inherit;
}

.k-picker:active, .k-picker.k-active,
.k-picker-solid:active, .k-picker-solid.k-active,
.k-picker:focus, .k-picker.k-focus,
.k-picker-solid:focus, .k-picker-solid.k-focus {
    background-color: #fff;
    box-shadow: 0 0 0 3px #f5a623;
}

.k-picker.k-invalid:focus-within,
.k-picker-solid.k-invalid:focus-within,
.k-picker.k-invalid:focus,
.k-picker-solid.k-invalid:focus,
.k-picker.k-invalid.k-focus,
.k-picker-solid.k-invalid.k-focus {
    border: 1px solid #d9d9d5;
    box-shadow: 0 0 0 3px #f5a623 !important;

}

.k-list-item:focus, .k-list-item.k-focus,
.k-list-optionlabel:focus, .k-list-optionlabel.k-focus {
    background-color: #fff;
    border: none;
    outline: none;
    box-shadow: none;
    color: #212529;
    transition: none;
}

.k-autocomplete-popup .k-list .k-list-content,
.k-multiselect-popup .k-list .k-list-content,
.k-dropdownlist-popup .k-list .k-list-content,
.k-combobox-popup .k-list .k-list-content,
.k-dropdowntree-popup .k-treeview .k-treeview-lines .k-treeview-item {
    font-family: 'Noto Sans';
}

.k-dropdownlist-popup .k-list .k-list-content .k-list-item.k-selected,
.k-combobox-popup .k-list .k-list-content .k-list-item.k-selected,
.k-dropdowntree-popup .k-treeview .k-treeview-lines .k-treeview-item .k-treeview-leaf.k-selected {
    background-color: #4b8516;
}

.k-dropdownlist.k-disabled,
.k-picker.k-disabled {
    background-color: #d9d9d5;
}

.k-dropdownlist.k-disabled button,
.k-picker.k-disabled button{
    background-color: #e4e7eb;
}

.k-combobox-popup .k-list .k-list-content .k-list-item.k-selected:hover,
.k-dropdownlist-popup .k-list .k-list-content .k-list-item.k-selected:hover{
	background-color: #015982;
    color: #fff;
}
.k-combobox-popup .k-list .k-list-content .k-list-item.k-selected,
.k-dropdownlist-popup .k-list .k-list-content .k-list-item.k-selected{
    background-color: #0279b1;
    color: #fff;
}

.k-list-item.k-focus:hover{
    background-color: #e9ecef;
}



/* A3.3 Combobox / Dropdown tree */
/* No custom styling */
.k-combobox .k-svg-icon svg,
.k-dropdowntree .k-svg-icon svg {
    fill: inherit;
}

/* A3.4 Multi-select */
.k-multiselect {
    font-family: Noto Sans, sans-serif;
}

.k-multiselect input {
    border: none;
    outline: none !important;
    box-shadow: none;
}

.k-multiselect .k-input-values {
    padding: 6px;
}

.k-multiselect.k-disabled {
    background-color: #d9d9d5;
    border: 1px solid #767676;
}

.k-multiselect * .k-chip {
    background-color: #f2f2f2;
    border: #b2b2b2 1px solid;
    border-radius: 5px;
    margin-right: 5px;
}

.k-multiselect * .k-chip:hover {
    background: #b2b2b2;
    outline: 2px solid #767676;
}

.k-multiselect * .k-chip:focus,
.k-multiselect * .k-chip:active {
    box-sizing: border-box;
    background: #88ccfe;
    outline: solid 2px #222222;
    box-shadow: none;
    border: 1px solid #fff;
}

.k-input-solid.k-focus,
.k-multiselect:focus,
.k-multiselect.k-focus,
.k-multiselect:active,
.k-multiselect.k-active {
    box-sizing: border-box;
    outline: 3px solid #f5a623;
    box-shadow: none !important;
    border: 1px solid #fff;
}

.k-multiselect .k-chip .k-chip-action.k-chip-remove-action {
    padding-top: 0px;
    padding-left: 5px;
    padding-right: 0px;
}

.k-multiselect * .k-chip-action.k-chip-remove-action .k-icon::before {
    height: 8px;
    width: 8px;
    font-family: "FontAwesome";
    content: '\f00d';
}

.k-multiselect * .k-chip-action.k-chip-remove-action .k-icon svg {
    display: none;
}

.k-multiselect-popup .k-list-item.k-selected,
.k-multiselect-popup .k-selected.k-list-optionlabel {
    background-color: #0279b1;
    color: #fff;
}

.k-multiselect-popup .k-list-item.k:hover,
 .k-multiselect-popup .k-list-optionlabel:hover {
    background-color: #F2F2F2;
 }

.k-multiselect-popup .k-list-item.k-selected:hover,
 .k-multiselect-popup .k-selected.k-list-optionlabel:hover {
    background-color: #015982;
}

.k-multiselect-popup {
    padding: 0px !important;
}


/* A4. Date input */
/* No custom styling */


/* A5. Forms */
/* A5.1 Forms - default */
.k-form,
.k-form-inline {
    color: #444;
    font-size: 1em;
}

.k-form .k-label,
.k-form kendo-label,
.k-form .k-form-label {
    margin-bottom: 10px;
}

.k-form .k-form-fieldset {
    padding: 0 10px;
    margin: 0 0 30px 0;
}

/* setting the flex for always horizontal */
.k-form .k-form-field.cov-form-field-horizontal .k-form-field-wrap {
    flex: 1 1;
}

.k-form .k-daterangepicker .k-textbox-container {
    margin-top: 0;
    margin-bottom: 0;
}

.k-form-field,
.k-form .k-form-field,
.k-form .k-form-buttons {
    margin-top: 0px;
    margin-bottom: 30px;
}

.form-control,
input[readonly],
input[type=text],
input[type=password],
input[type=url],
input[type=email],
input[type=tel],
input[type=number] {
    margin-bottom: 0;
}

.k-form .k-form-fieldset > div:last-child {
    margin-bottom: 0;
}

/* Agreement panel styling */
.agreement-panel .k-form-field .k-form-field-wrap div,
.cov-agreement-panel-checkbox {
    margin-left: 0;
    display: flex;
}

.k-checkbox.k-invalid + .k-checkbox-label {
    color: #444;
}

.k-form-error {
    margin-top: 10px;
}

.agreement-panel input[type="checkbox"]+label::before {
	border: 1px solid #D9D9D5 !important;
}

.agreement-panel input[type="checkbox"]:focus+label::before,
.agreement-panel input[type="checkbox"]:active+label::before {
    outline: 3px solid #f5a623;
    outline-offset: 0;
}

/* Remove extra bottom margin from agreement panel */
.agreement-panel .k-form-field {
    margin-bottom: 0px !important;
}

/* Required * label for forms */
.k-form-field label.cov-required:after {
    content: "*";
    color: #d0021b;
    margin-left: 5px;
    font-weight: 700;
}

.k-form-horizontal .k-form-field label.cov-required {
    display: inline !important;
} 

/* Required * label for form checkbox */
.k-form-field div[dir="rtl"] .k-checkbox-wrap.cov-required + label::before {
    content: "*";
    color: #d0021b;
    margin-left: 5px;
    margin-right: -12px;
    font-weight: 700;
}

.k-form-field div[dir="ltr"] .k-checkbox-wrap.cov-required + label::after {
    content: "*";
    color: #d0021b;
    margin-left: 5px;
    font-weight: 700;
}

/* A5.2 Forms - horizontal */
.k-form-horizontal .k-daterangepicker .k-textbox-container {
    margin-bottom: 0;
}

.k-form-horizontal .k-form-field {
    margin-bottom: 10px;
}

.k-form .cov-form-field-horizontal {
    display: flex;
}

.k-form .cov-form-field-horizontal {
    margin-bottom: 10px;
}

.k-form-horizontal .k-form-field .k-label,
.k-form .cov-form-field-horizontal .k-label {
    margin-bottom: 0px;
}

.k-form-horizontal .k-form-field > .k-label,
.k-form .k-form-field.cov-form-field-horizontal > .k-label {
    padding-top: 6px;
}

.k-form .cov-form-field-horizontal > label {
    margin-right: 10px;
    padding-top: 5px;
    width: 25%;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.k-form-horizontal .k-form-buttons {
    margin-left: calc(25% + 10px);
    margin-top: 30px;
    align-items: flex-start;
}

.bg-light .form-control {
    background-color: transparent;
}

.k-form-field.cov-label-align-top {
    align-items: start;
}

.k-form .k-form-field.cov-form-field-horizontal 
.k-daterangepicker .k-textbox-container {
    margin-bottom: 0;
}

.k-form-horizontal p {
    margin-bottom: 20px;
}

.cov-form-field-horizontal label.k-label {
    text-align: right;
    justify-content: flex-end;
}

/* Default checkbox */
.k-form-horizontal .k-form-field .cov-checkbox div[dir="ltr"] {
    margin-left: calc(35% + 5px);
}

.k-form-horizontal .cov-form-field-callout .cov-checkbox div[dir="ltr"] {
    margin-left: 0px;
}

.cov-form-field-horizontal .k-form-field-wrap.cov-checkbox div[dir="ltr"] {
    margin-left: calc(25% + 10px);
}

/* Full width default checkbox */
.cov-full-width .k-form .k-form-field .cov-checkbox div[dir="ltr"] {
    margin-left: calc(35% - 5px);
}

.cov-full-width .k-form .cov-form-field-callout .cov-checkbox div[dir="ltr"] {
    margin-left: 0px;
}

.cov-full-width .cov-form-field-horizontal .k-form-field-wrap.cov-checkbox div[dir="ltr"] {
    margin-left: calc(25% + 10px);
}

/* Left label checkbox */
.k-form-horizontal .k-form-field .cov-checkbox div[dir="rtl"] {
    width: fit-content;
    margin-left: 5%;
}

.cov-form-field-horizontal .k-form-field-wrap.cov-checkbox div[dir="rtl"] {
    width: 100%;
    margin-left: 12px;
}

/* Full width left label checkbox */
.cov-full-width .k-form .k-form-field .cov-checkbox div[dir="rtl"] {
    width: 36%;
    margin-left: 0px;
    text-align: right;
}

.cov-full-width .cov-form-field-horizontal .k-form-field-wrap.cov-checkbox div[dir="rtl"] {
    width: calc(260% + 6px);
    margin-left: 0px;
    text-align: right;
}

/* A6. Radio */
.k-radio-list {
    margin-left: 20px;
    padding-left: 20px;
}

.k-radio-list.k-list-horizontal li:not(:first-child) {
    margin-left: 40px;
}

.cov-hide-label .k-radio-label {
    visibility: hidden;
    font-size: 0;
}

.cov-hide-label .k-radio-label:before {
    visibility: visible;
}

.k-radio.k-invalid + .k-radio-label {
    color: #444;
}


/* A6.1. Switch fields */
.k-radio-list.cov-switch-field {
    padding-left: 0;
    margin-left: 0;
    display: flex;
}

.cov-outbox.k-radio-list.k-list-vertical.cov-switch-field li:first-of-type label {
    border-radius: 0;
}

.cov-outbox.k-radio-list.k-list-vertical.cov-switch-field li:last-of-type label {
    border-radius: 0;
}

.cov-outbox.k-radio-list.cov-switch-field li label {
    text-align: left;
}

/* vertical*/
.k-radio-list.k-list-vertical.cov-switch-field {
    flex-direction: column;
}

/* horizontal*/
.k-radio-list.k-list-horizontal.cov-switch-field {
    flex-direction: row;
    justify-content: flex-start;
    flex-flow: row wrap;
    gap: 0;
}

.k-radio-list.cov-switch-field input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
}

.k-radio-list.k-list-horizontal.cov-switch-field li {
    margin: 0;
    padding: 0;
}

.k-radio-list.k-list-vertical.cov-switch-field li {
    padding: 0;
}

.k-radio-list.cov-switch-field .k-radio.k-invalid + .k-radio-label,
.k-radio-list.cov-switch-field .k-radio.k-state-invalid + .k-radio-label,
.k-radio-list.cov-switch-field .k-radio.ng-invalid.ng-touched + .k-radio-label,
.k-radio-list.cov-switch-field .k-radio.ng-invalid.ng-dirty + .k-radio-label {
    color: #0279b1;
}

.k-radio-list.cov-switch-field .k-radio.k-invalid:focus + .k-radio-label,
.k-radio-list.cov-switch-field .k-radio.k-state-invalid:focus + .k-radio-label,
.k-radio-list.cov-switch-field .k-radio.ng-invalid.ng-touched:focus + .k-radio-label,
.k-radio-list.cov-switch-field .k-radio.ng-invalid.ng-dirty:focus + .k-radio-label,
.k-radio-list.cov-switch-field .k-radio.k-invalid:active + .k-radio-label,
.k-radio-list.cov-switch-field .k-radio.k-state-invalid:active + .k-radio-label,
.k-radio-list.cov-switch-field .k-radio.ng-invalid.ng-touched:active + .k-radio-label,
.k-radio-list.cov-switch-field .k-radio.ng-invalid.ng-dirty:active + .k-radio-label {
    color: #fff;
}

.k-radio-list.cov-switch-field input[type="radio"]:not(:checked) + label:hover .k-svg-icon,
.k-radio-list.cov-switch-field input:checked + label .k-svg-icon,
.k-radio-list.cov-switch-field input[type="radio"] + label:focus .k-svg-icon,
.k-radio-list.cov-switch-field input[type="radio"] + label:active .k-svg-icon {
    color: #fff !important;
}

.k-radio-list.cov-switch-field li label {
    background-color: #fff;
    text-align: center;
    margin-right: -1px;
    border: 1px solid #d9d9d5;
    padding: 10px 13px;
    color: #0279b1;
    height: 40px;
}

.k-radio-list.cov-switch-field.medium li label {
    width: 240px;
}

.k-radio-list.cov-switch-field li label span.k-color-inherit {
    color: #444;
}

.k-radio-list.k-list-horizontal.cov-switch-field li:not(:first-child) label {
    border-left: 0;
}

.k-radio-list.k-list-vertical.cov-switch-field li:not(:first-child) label {
    border-top: 0;
}

.k-radio-list.cov-switch-field label:hover,
.k-radio-list.cov-switch-field input:checked + label:hover {
    cursor: pointer;
    background-color: #0279b1;
}

.k-radio-list.cov-switch-field input[type="radio"]:not(:checked) + label:hover {
    color: #fff;
}

.k-radio-list.cov-switch-field input[type="radio"] + label:focus,
.k-radio-list.cov-switch-field input[type="radio"] + label:active,
.k-radio-list.cov-switch-field input[type="radio"]:focus + label,
.k-radio-list.cov-switch-field input[type="radio"]:active + label {
    box-shadow: inset 0 0 0 3px rgb(245 166 35);
    background-color: #0279b1;
    color: #fff;
}

.k-radio-list.cov-switch-field input[type="radio"] + label:focus svg,
.k-radio-list.cov-switch-field input[type="radio"] + label:active svg,
.k-radio-list.cov-switch-field input[type="radio"]:focus + label svg,
.k-radio-list.cov-switch-field input[type="radio"]:active + label svg {
    fill: #fff;
}

.k-radio-list.cov-switch-field input:checked + label {
    background-color: #4B8516;
    box-shadow: none;
    color: #fff;
}

/* vertical*/
.k-radio-list.k-list-vertical.cov-switch-field li:first-of-type label {
    border-radius: 5px 5px 0 0;
}

.k-radio-list.k-list-vertical.cov-switch-field li:last-of-type label {
    border-radius: 0 0 5px 5px;
}

/* horizontal*/
.k-radio-list.k-list-horizontal.cov-switch-field li:first-of-type label {
    border-radius: 5px 0 0 5px;
}

.k-radio-list.k-list-horizontal.cov-switch-field li:last-of-type label {
    border-radius: 0 5px 5px 0;
}

.k-radio-list.cov-switch-field input[type="radio"] + label {
    margin: 0;
}

.k-radio-list.cov-switch-field input[type="radio"] + label::before,
.k-radio-list.cov-switch-field input[type="radio"]:checked + label::before {
    display: none;
}

.k-radio-list.cov-switch-field .k-radio + .k-radio-label {
    margin-left: 0px;
}

.k-form .cov-form-field-horizontal .k-radio-list.cov-switch-field .k-radio-label {
    padding: 8px 13px;
}

.k-form .cov-form-field-horizontal .k-radio-list.cov-switch-field label {
    margin-right: 0;
    width: 100%;
}


/* A7. Textarea */
.k-textarea {
    padding: 0;
}

.k-textarea + .cov-char-count {
    order: 2;
    font-size: 0.88em;
}


/* A8. Date and time picker */
.k-input.k-datetimepicker,
.k-input.k-timepicker {
    border: #d9d9d5 1px solid;
    border-radius: 5px;
}

.k-datepicker .k-input-button {
    background: #fff;
    color: #0279b1;
}

.k-datepicker .k-input-button:hover,
.k-datepicker .k-input-button:focus,
.k-datepicker .k-input-button.k-focus,
.k-datepicker .k-input-button:active,
.k-datepicker .k-input-button.k-active {
    background: #0279b1;
    color: #fff;
}

.k-datetimepicker .k-svg-icon svg,
.k-timepicker .k-svg-icon svg {
    fill: inherit;
}

.k-datepicker .k-svg-icon svg {
    fill: #0279b1;
}

.k-datepicker .k-input-button:hover .k-svg-icon svg,
.k-datepicker .k-input-button:focus .k-svg-icon svg,
.k-datepicker .k-input-button.k-focus .k-svg-icon svg,
.k-datepicker .k-input-button:active .k-svg-icon svg,
.k-datepicker .k-input-button.k-active .k-svg-icon svg {
    fill: #fff;
}

/* Date picker calender */
.k-datetime-wrap > .k-datetime-buttongroup * .k-button {
    background-color: white;
    color: #444;
    border: #b2b2b2 1px solid;
}

.k-datetime-wrap * .k-selected {
    background-color: #0279b1 !important;
    color: white !important;
}

.k-datetime-wrap * .k-button.k-time-cancel,
.k-timeselector * .k-button.k-time-cancel {
    border: #b2b2b2 1px solid;
    background-color: #fff;
}

.k-calendar .k-button .k-icon,
.k-calendar .k-link,
.k-calendar,
.k-calender .k-content,
.k-calendar .k-calendar-view tbody th,
.k-calendar .k-calendar-view .k-calendar-tbody .k-calendar-th,
.k-calender-container .k-content,
.k-button.k-flat.k-title {
    color: #444;
}

.k-calendar .k-calendar-navigation li:hover {
    Color: #0279b1;
}

.k-calendar .k-content .k-link,
.k-calendar .k-calendar-content .k-link {
    border-radius: 0;
}

.k-calendar .k-content .k-today .k-link,
.k-calendar .k-calendar-content .k-today .k-link {
    box-shadow: inset 0 0 0 1px #0279b1;
}

.k-calendar .k-state-hover .k-link,
.k-calendar td:hover .k-link,
.k-calendar .k-calendar-td:hover .k-link {
    border-color: #F8F8F8;
    color: #444;
    background-color: #F8F8F8;
}

.k-calendar .k-calendar-navigation {
    color: #444;
    background-color: #F8F8F8;
    box-shadow: inset -1px 0 #d9d9d5;
}

.k-calendar .k-content .k-today.k-state-focused .k-link,
.k-calendar .k-calendar-content .k-today.k-state-focused .k-link {
    box-shadow: inset 0 0 0 1px #0279b1;
}

.k-calendar .k-state-selected .k-link,
.k-calendar.k-calendar-range .k-range-start .k-link,
.k-calendar.k-calendar-range .k-range-end .k-link {
    background-color: #0279b1;
    border-color: #0279b1;
    transition: none;
}

.k-calendar .k-state-selected.k-state-hover .k-link,
.k-calendar .k-state-selected:hover .k-link {
    border-color: #015982;
    background-color: #015982;
    color: #fff;
}

.k-calendar .k-footer .k-nav-today:hover,
.k-calendar .k-footer .k-nav-today:focus,
.k-calendar .k-calendar-header .k-today:hover,
.k-calendar .k-calendar-header .k-today:focus {
    color: #015982;
}

.k-calendar .k-footer .k-nav-today,
.k-calendar .k-calendar-header .k-today {
    color: #0279b1;
}


/* A8.1 Date range picker */
.k-daterangepicker-popup .k-button:active .k-svg-icon {
    color: #444 !important;
}


/* A9. Grid */
.k-grid {
    margin-bottom: 20px;
}

.k-grid th,
.k-grid td {
    font-family: 'Inconsolata', monospace;
}

.k-grid .k-alt {
    /* this may need to be added back or moved for VFRS */
    /* background-color: transparent; */
}

.k-grid-pager,
.k-grid {
    width: 100%;
    border-color: transparent;
    color: #444;
    background-color: #ffffff;
}

.k-grid .k-grid-header .k-table {
    margin-bottom: 0px;
}

.k-grid .k-grid-header .k-header:first-child td {
    border-bottom-width: 0;
}

.k-grid th, .k-grid .k-table-th {
    border-width: 3px 0 3px 0;
    border-top-color: #0279b1;
    border-bottom-color: #0279b1;
    font-weight: 600;
    line-height: 1.25em;
    padding: 10px;
    vertical-align: middle;
}

.k-grid td,
.k-grid .k-grid-header .k-header > .k-link {
    padding: 10px;
}

.k-grid-header .k-header > .k-link {
    margin: -10px;
}

.k-grid-content .k-table-td, 
.k-grid-content .k-table-th, 
.k-grid-content td {
    line-height: 1.25em;
    border-width: 0 0 1px 0;
    border-color: #d9d9d5;
    padding: 10px;
    vertical-align: middle;
}

.k-grid .k-table td, 
.k-grid .k-table th {
    line-height: 1.25em;
}

.k-grid-header .k-header > .k-link > .k-icon.k-i-sort-desc-sm,
.k-grid-header .k-header > .k-link > .k-icon.k-i-sort-asc-sm {
    vertical-align: middle;
}

.k-grid-content tr:last-child > td,
.vfrs-grid .k-grid-content-locked tr:last-child > td {
    border-bottom-width: 1px;
}

.k-grid .k-grid-table .k-sorted {
    background-color: #fff;
}

.k-grid-content .k-button {
    font-family: 'Inconsolata', monospace;
}

.k-grid-content .k-input {
    font-family: 'Inconsolata', monospace !important;
}

/* fixing the checkbox in the grid layout */
.k-grid .cov-hide-label .k-checkbox-label:before {
    top: -3px;
}

/* v6.0.0 rendering specific CSS */
.k-grid:has(+ .k-pager) {
    margin-bottom: 0px;
}

.k-grid:has(+ .k-pager) + .k-pager {
    margin-bottom: 30px;
}

/* IOS scrollbar fix */
::-webkit-scrollbar {
    -webkit-appearance: none;
    z-index: 5;
    width: 7px;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 4px;
}

.k-grid .k-grid-content p:last-child {
    margin-bottom: 0px;
}

.k-grid .k-grid-content ul:last-child {
    margin-top: 0px;
    margin-bottom: 0px;
}

.k-grid .k-grid-content ol:last-child {
    margin-top: 0px;
    margin-bottom: 0px;
}

/* Grid filter popup */
.k-column-menu.k-column-menu-popup.k-grid-columnmenu-popup button:not(:first-of-type) {
    margin-left: 0px;
}

.k-filter-menu span.k-numerictextbox button.k-button {
    height: 10px;
    padding: 4px;
    border-radius: 0px;
    display: flex;
}


/* A9.1 Datagrid status border */
.k-grid .cov-border-status-normal-left {
    /* padding-left: 15px; */
    border-left: 1px solid #d9d9d5;
}

.k-grid .cov-border-status-normal-right {
    /* padding-right: 15px; */
    border-right: 1px solid #d9d9d5;
}

.k-grid td.cov-border-status-error-left,
.k-grid td.cov-border-status-error-left:first-child,
.k-grid .k-grid-header th.cov-border-status-error-left,
.k-grid .k-grid-header th.cov-border-status-error-left:first-child {
    border-left: 5px solid #d0021b;
    border-radius: 5px 0 0 5px;
}

.k-grid td.cov-border-status-error-right,
.k-grid .k-grid-header th.cov-border-status-error-right,
.k-grid th.cov-border-status-error-right {
    border-right: 5px solid #d0021b;
    border-radius: 0 5px 5px 0;
}

.k-grid td.cov-border-status-success-left,
.k-grid td.cov-border-status-success-left:first-child,
.k-grid .k-grid-header th.cov-border-status-success-left,
.k-grid .k-grid-header th.cov-border-status-success-left:first-child,
.k-grid .k-table-thead th.cov-border-status-success-left,
.k-grid th.cov-border-status-success-left:first-child {
    border-left: 5px solid #4B8516;
    border-radius: 5px 0 0 5px;
}

.k-grid td.cov-border-status-success-right,
.k-grid .k-grid-header th.cov-border-status-success-right {
    border-right: 5px solid #4B8516;
    border-radius: 0 5px 5px 0;
}

.k-grid td.cov-border-status-warning-left,
.k-grid td.cov-border-status-warning-left:first-child,
.k-grid .k-grid-header th.cov-border-status-warning-left,
.k-grid .k-grid-header th.cov-border-status-warning-left:first-child {
    border-left: 5px solid #F5A623;
    border-radius: 5px 0 0 5px;
}

.k-grid td.cov-border-status-warning-right,
.k-grid .k-grid-header th.cov-border-status-warning-right,
.k-grid th.cov-border-status-warning-right {
    border-right: 5px solid #F5A623;
    border-radius: 0 5px 5px 0;
}


/* A9.2 Datagrid header */
.k-grid .k-i-sort-asc-sm::before {
    content: "\f106";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #0279b1;
}

.k-grid .k-i-sort-desc-sm::before {
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #0279b1;
}

.k-grid th.k-header {
    vertical-align: middle;
}

.k-header.k-border-left {
    border-left-color: #d9d9d5;
}

.k-header.k-border-right {
    border-right-color: #d9d9d5;
}

.k-grid .k-grid-header .k-header > .k-link {
    padding-right: 15px;
    display: block;
}

.k-grid .k-grid-header .k-header.k-sorted > .k-link {
    padding-right: 0;
}

.k-grid-header .k-header > .k-link > .k-icon.k-i-sort-asc-sm,
.k-grid-header .k-header > .k-link > .k-icon.k-i-sort-desc-sm {
    margin-left: 5px;
    width: 10px;
}

.k-grid th.k-header.k-sorted {
    padding-right: 10px;
}

.k-grid .k-checkbox-label {
    vertical-align: -webkit-baseline-middle;
}

.k-grid a.k-button,
.k-grid .k-button {
    margin-bottom: 0;
}

.k-grid-header {
    background-color: #fff;
}

.k-grid th.k-header.k-border-right {
    border-right-color: #d9d9d5;
}


/* A9.3 Datagrid pager */
.k-pager {
    order: 1;
    font-family: 'Noto Sans';
}

.k-grid.grid-pager-bottom .k-pager {
    order: 3;
}

.k-pager .k-dropdownlist,
.k-pager .k-picker {
    font-family: 'Noto Sans';
}

.k-pager .k-pager-numbers .k-button {
    padding: 6px;
}

.k-pager .k-pager-numbers-wrap .k-button:focus {
    border-radius: 5px;
}

/* Fix pager order for scrollable grid */
.k-grid-aria-root[role="grid"] {
    order: 2;
}

/* Fix pager order for non-scrollable grid */
div.cov-grid-no-scroll {
    display: flex;
    flex-direction: column-reverse;
}

div.cov-grid-no-scroll .k-grid:has(+ .k-pager) + .k-pager {
    margin-bottom: 10px;
}

.k-grid table {
    border-collapse: separate;
    border-spacing: 0;
}

.k-column-title {
    min-width: 20px;
}

.k-grid-container {
    order: 3;
}

.k-pager-info {
    text-align: right;
    justify-content: flex-start;
    order: 1;
}

.k-pager-numbers-wrap {
    order: 2;
}

.k-pager-numbers-wrap button.k-button .k-svg-icon svg {
    fill: inherit;
}

.k-grid-pager {
    margin-bottom: 10px;
    margin-top: 20px;
}

.k-pager-info {
    margin-left: 0;
}

.k-pager-nav {
    border: none;
}

.k-grid-pager .k-textbox {
    height: 30px;
    width: 50px;
}

.k-pager-wrap {
    padding: 0;
}

.k-pager-nav.k-link,
.k-pager-refresh {
    color: #0279b1;
}

.k-pager-nav.k-link.k-state-disabled {
    color: #767676;
}

.k-pager-first,
.k-pager-last {
    border-radius: 0;
}

.k-link.k-pager-nav.k-state-disabled:focus,
.k-link.k-pager-nav.k-state-disabled:active {
    box-shadow: none;
}

.k-textbox:focus,
.k-textbox.k-state-focus,
.k-textbox.k-state-focused {
    box-shadow: 0 0 0 3px #f5a623;
}

.k-pager-nav.k-link:focus,
.k-pager-refresh:focus,
.k-state-focus.k-pager-nav.k-link,
.k-state-focus.k-pager-refresh,
.k-pager-nav.k-link:active,
.k-pager-refresh:active,
.k-state-focus.k-pager-nav.k-link,
.k-state-focus.k-pager-refresh {
    box-shadow: inset 0 0 0 3px #f5a623;
}

.k-pager-numbers-wrap button {
    margin-top: 0px !important;
}

.k-pager .k-button {
    fill: #0279b1;
}

.k-pager .k-button.k-disabled {
    fill: #767676;
}

.k-pager .k-picker {
    margin-right: 1ex;
}

.k-pager .k-picker .k-button {
    fill: #000;   
}

.k-pager-input .k-numerictextbox {
    margin-block: 0;
    height: 30px;
    width: 50px;
    margin-inline: 1ex;
    border-width: 2px;
}

/* A9.4 Radio button in grid */
.k-grid .k-radio-label:before {
    left: 0;
}

/* A9.5 Datagrid footer */
.k-grid-footer {
    order: 3;
}

.k-grid-footer * td {
    border-width: 0 0 1px 0 !important;
}


/* A10. Error message */
.k-messagebox-error {
    border: 2px solid #D0021B;
    background: #fff;
    color: #D0021B;
    padding: 20px 10px;
}

/* Change h2 to red color in error messages */
.text-danger {
    color: #D0021B;
}

.k-messagebox-error ul {
    margin-bottom: 0;
}

.k-form-error:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f06a';
    color: #d0021b;
    margin-right: 5px;
}

.k-form .k-form-field-wrap {
    display: flex;
    flex-direction: column;
}

label.k-label.k-text-error {
    color: #444 !important;
}

.k-form-error,
.k-text-error,
.k-form-field-error .k-label {
    color: #d0021b;
    font-weight: 700;
}

.k-label.k-text-error {
    margin-bottom: 0;
}

.k-form-error {
    margin-top: 0;
    margin-bottom: 10px;
}

.k-label.k-text-error {
    margin-bottom: 0;
}

.k-form-error {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: inherit;
}


/* A11. Horizontal forms - callout */
.cov-form-field-callout {
    margin-left: calc(25% + 10px);
    border-left: 2px solid #d5d5d5;
    padding-left: 20px;
}


/* A12. Mobile bottom nav */
.k-bottom-nav button {
    margin-top: 0;
}

.bottom-nav-w-25 .k-bottom-nav-item {
    width: 25%;
}

.bottom-nav-w-20 .k-bottom-nav-item {
    width: 20%;
}

.k-bottom-nav-item {
    padding-top: 5px;
    padding-bottom: 25px;
    -webkit-appearance: none !important;
}

.k-bottom-nav-item-icon {
    font-size: 1.125em;
    height: 35px;
    color: #767676;
}

.k-bottom-nav-solid.k-bottom-nav-light,
.k-bottom-nav-solid-light {
    border-top: 1px solid rgba(0, 0, 0, 0.3);
    background-color: #F8F8F8;
    color: #767676;
}

.k-bottom-nav-item-text {
    font-size: 0.675em;
    font-weight: 500;
    font-family: 'Noto Sans';
    color: #444;
    overflow: visible;
    white-space: pre-wrap;
    text-align: center;
    height: 25px;
}

.k-bottom-nav-item.k-state-selected .k-bottom-nav-item-text {
    font-weight: 700;
}

.k-bottom-nav.k-pos-sticky {
    bottom: 0;
}

.k-bottom-nav.k-pos-fixed {
    left: 0;
}


/* A13. Notification */
.k-notification-group {
    min-width: 300px;
    max-width: 50%;
    right: 0px;
    bottom: 0px;
}

.k-notification-wrap > .k-notification-content,
.k-notification-content {
    display: inline-flex;
    align-items: center;
}

.k-notification-content button {
    /* margin: 0; */
}

.k-notification {
    font-family: 'Noto Sans';
    font-weight: 500;
    padding: 20px;
    font-size: 1em;
}

.k-notification-wrap > .k-svg-icon,
.k-notification-container .k-svg-icon {
    margin-right: 10px;
    height:28px;
    width: 28px;
    min-width: 28px;
}

.k-notification-wrap > .k-i-close,
.k-notification-actions .k-i-x {
    font-size: 20px;
    margin: 0 0 0 20px;
}

.k-notification-group .k-button-link {
    flex-grow: 0;
    margin-top: 0;
    /* align-self: end; */
}

.cov-notification-long .k-button-link {
    /* align-self: flex-end; */
}

.k-notification-content * {
    flex-grow: 2;
}

.k-notification-group .k-notification {
    margin: 0 10px;
    box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.5), inset 0px 0px 1px rgba(0, 0, 0, 0.25);
}

.cov-notification-long button:first-of-type {
    margin-left: 20px;
}

.cov-notification-short button:first-of-type {
    margin-left: 10px;
}

/* short version */
.cov-notification-short .k-notification-wrap,
.cov-notification-short .k-notification-content {
    display: inline-flex;
    align-items: center;
}

/* success */
.k-notification-success {
    color: #222;
    background-color: #96bf50;
    border: none;
    border-radius: 0;
}

/* warning */
.k-i-error::before {
    content: "\e403";
}

.k-notification-error {
    color: #fff;
    background-color: #950000;
    border: none;
    border-radius: 0;
}

/* caution */
.k-notification-warning {
    color: #222;
    background-color: #f5a623;
    border: none;
    border-radius: 0;
}

/* info */
.k-notification-info {
    color: #444;
    background-color: #dcf3ff;
    border: none;
    border-radius: 0;
}

.k-notification .k-i-info {
    color: #0279b1;
}

/* notification buttons */
.k-notification .k-button-link {
    background: transparent;
    color: #444;
    font-weight: 700;
}

.k-notification .k-button-link:hover {
    color: #222;
}

.k-notification-warning .k-button-link {
    color: #222;
}

.k-notification-warning .k-button-link:hover {
    color: #444;
}

.k-notification-error .k-button-link {
    color: #fff;
}

.k-notification-error .k-button-link:hover {
    color: #D9D9D5;
}

/* notification buttons focus, active */
.k-notification-success .k-button:not(:disabled):not(.disabled):active:focus,
.k-notification-success .k-button-link:focus,
.k-notification-success .k-button-link:active,
.k-notification-info .k-button:not(:disabled):not(.disabled):active:focus,
.k-notification-info .k-button-link:focus,
.k-notification-info .k-button-link:active,
.k-notification-success a.k-icon.k-i-close:focus,
.k-notification-success a.k-icon.k-i-close:active,
.k-notification-info a.k-icon.k-i-close:focus,
.k-notification-info a.k-icon.k-i-close:active {
    box-shadow: inset 0 0 0 3px #F5A623 !important;
    outline: none;
}

.k-notification-warning .k-button:not(:disabled):not(.disabled):active:focus,
.k-notification-warning .k-button-link:focus,
.k-notification-warning .k-button-link:active,
.k-notification-error .k-button:not(:disabled):not(.disabled):active:focus,
.k-notification-error .k-button-link:focus,
.k-notification-error .k-button-link:active {
    box-shadow: inset 0 0 0 3px #fff !important;
}

a.k-icon.k-i-close:hover,
a.k-icon.k-i-close:focus,
a.k-icon.k-i-close:active {
    background-color: rgba(151, 151, 149, .35);
}

.k-notification-error a.k-icon.k-i-close:focus,
.k-notification-error a.k-icon.k-i-close:active,
.k-notification-warning a.k-icon.k-i-close:focus,
.k-notification-warning a.k-icon.k-i-close:active {
    box-shadow: none;
    outline: 3px solid #fff;
}


/* A14. Text input with button */
.cov-textbox-button.k-textbox,
.cov-textbox-button.k-textarea {
    padding-right: 0;
}

.cov-textbox-button.k-textbox:focus-within,
.cov-textbox-button.k-textarea:focus-within {
    border: 2px solid #d9d9d5;
    box-shadow: 0 0 0 3px #f5a623;
}

.cov-textbox-button .k-button.k-button-icontext.btn-ghost.badge {
    margin: 0;
    margin-left: 5px;
    width: 30px;
    /* padding-right: 0; */
}

.cov-textbox-button input[type=text] {
    border: none;
}

.cov-textbox-button input[type=text],
.cov-textbox-button input[type=text]:active,
.cov-textbox-button input[type=text]:focus {
    outline: 0;
}

.k-form .k-textbox.medium.cov-textbox-button {
    width: 15em;
}


/* A15. Modal dialog */
.k-window {
    font-family: Noto Sans, sans-serif !important;
}

.k-dialog-wrapper .k-window-title {
    border: transparent;
    padding-bottom: 0;
}

.k-dialog-wrapper .k-i::before {
    color: #767676;
}

.k-dialog-wrapper .k-window-title.k-dialog-title {
    font-size: 28px;
    font-weight: 600;
    display: inline-block;
    overflow: initial;
    white-space: pre-line;
}

.k-dialog-wrapper .k-window-action.k-button:focus,
.k-dialog-wrapper .k-window-action.k-button:active,
.k-dialog-wrapper .k-window-action.k-button:hover {
    border: none;
}

.k-window.k-dialog,
.k-widget.k-window.k-dialog {
    min-width: 590px;
}

.k-dialog-wrapper .k-dialog-buttongroup {
    margin: 0 20px;
    padding: 3px 3px 20px 3px;
    justify-content: initial;
}

.k-dialog-wrapper .k-dialog-buttongroup > :last-child,
.k-dialog-wrapper .k-dialog-content > :last-child {
    margin-bottom: 0;
}

.k-dialog-buttongroup.k-dialog-button-layout-stretched {
    justify-content: flex-start;
}

.k-dialog-wrapper .k-hbox,
.k-hstack {
    display: flex;
    flex-flow: row nowrap;
}

.k-dialog-wrapper .k-justify-content-stretch > * {
    flex: 1 0 0%;
}

.k-dialog-wrapper .k-button::before {
    transition: none;
}

.k-dialog-wrapper.k-button:hover::before {
    opacity: 1;
}

.k-dialog-wrapper .k-window-action {
    opacity: 1;
}

.k-dialog-wrapper .k-window-actions .k-icon.k-i-x {
    color: #0279b1;
    font-weight: 600;
    background-color: transparent;
}

.k-dialog-wrapper .k-window-actions .k-button:active .k-icon.k-i-x,
.k-dialog-wrapper .k-window-actions .k-button:focus .k-icon.k-i-x,
.k-dialog-wrapper .k-window-actions .k-button:hover .k-icon.k-i-x {
    color: #015982;
}

.k-dialog-wrapper .k-dialog-content p {
    margin-bottom: 0;
}

.k-dialog-wrapper .k-dialog-buttongroup {
    gap: 0;
    grid-gap: 0;
}

.cov-dialog-buttongroup {
    padding: 20px 0 0 0;
}

.cov-dialog-buttongroup button:not(:first-of-type) {
    margin-left: 20px;
}

.k-window-titlebar-actions .k-svg-icon svg {
    fill: inherit;
}

/* A15.0 Modal dialog (danger / delete) */
.cov-dialog-danger .k-window {
    border-color: #D0021B;
    background-color: #f6cfd1;
}

.cov-dialog-danger.k-dialog-wrapper .k-window-actions .k-icon.k-i-x {
    color: #767676;
}

.cov-dialog-danger.k-dialog-wrapper .k-window-actions .k-button:active .k-icon.k-i-x,
.cov-dialog-danger.k-dialog-wrapper .k-window-actions .k-button:focus .k-icon.k-i-x,
.cov-dialog-danger.k-dialog-wrapper .k-window-actions .k-button:hover .k-icon.k-i-x {
    color: #444444;
}

.cov-dialog-danger.k-dialog-wrapper .k-button:hover::before,
.k-button.k-state-hover::before {
    opacity: 0;
}


/* A16. Chip */
.k-chip {
    padding: 5px 8px;
    border-width: 0;
    border-style: solid;
    border-radius: 16px;
    outline: 0;
    font-family: Noto Sans, sans-serif;
    font-size: 1rem;
    line-height: 1.25;
    display: inline-flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    user-select: none;
    box-sizing: border-box;
    background: #e4e7eb;
    width: auto;
}

.k-chip-solid-base.k-chip-focused,
.k-chip-solid-base:focus {
    box-shadow: 0 0 0 3px #f5a623;
}


/* A17. Panelbar */
.k-panelbar {
    font-family: 'Noto Sans' !important;
}

.k-panelbar > li {
	padding-bottom: 0px;
}

.k-item > .k-link:has(.k-panelbar-toggle) {
	cursor: pointer !important;
}

.k-panelbar > .k-item > .k-link, .k-panelbar > .k-panelbar-header > .k-link,
.k-panelbar > .k-item > .k-link.k-state-selected, .k-panelbar > .k-panelbar-header > .k-link.k-state-selected {
	color: #444;
	background-color: #fff;
	/* transition: none; */
}

.k-panelbar > .k-item > .k-link:hover, 
.k-panelbar > .k-item > .k-link.k-state-hover, 
.k-panelbar > .k-panelbar-header > .k-link:hover, 
.k-panelbar > .k-panelbar-header > .k-link.k-state-hover {
	background-color: #f8f8f8;
}

.k-panelbar .k-group>.k-item>.k-link.k-state-selected,
.k-panelbar .k-group>.k-item>.k-link.k-selected,
.k-panelbar .k-group>.k-panelbar-item>.k-link.k-state-selected,
.k-panelbar .k-group>.k-panelbar-item>.k-link.k-selected,
.k-panelbar .k-panelbar-group>.k-item>.k-link.k-state-selected,
.k-panelbar .k-panelbar-group>.k-item>.k-link.k-selected,
.k-panelbar .k-panelbar-group>.k-panelbar-item>.k-link.k-state-selected,
.k-panelbar .k-panelbar-group>.k-panelbar-item>.k-link.k-selected,
.k-panelbar>.k-item>.k-link:focus,
.k-panelbar>.k-item>.k-link.k-state-focus,
.k-panelbar>.k-item>.k-link.k-focus,
.k-panelbar>.k-item>.k-link.k-state-focused,
.k-panelbar>.k-item>.k-link.k-focus,
.k-panelbar>.k-panelbar-header>.k-link:focus,
.k-panelbar>.k-panelbar-header>.k-link.k-state-focus,
.k-panelbar>.k-panelbar-header>.k-link.k-focus,
.k-panelbar>.k-panelbar-header>.k-link.k-state-focused,
.k-panelbar>.k-panelbar-header>.k-link.k-focus {
	background-color: #fff;
	color: #444;
	box-shadow: inset 0 0 0 3px #f5a623;
	border: 0;
}

.k-panelbar>.k-item>.k-link.k-state-selected,
.k-panelbar>.k-item>.k-link.k-selected,
.k-panelbar>.k-panelbar-header>.k-link.k-state-selected,
.k-panelbar>.k-panelbar-header>.k-link.k-selected,
.k-panelbar>.k-item>.k-link.k-state-selected:hover,
.k-panelbar>.k-item>.k-link.k-selected:hover,
.k-panelbar>.k-item>.k-link.k-state-selected.k-state-hover,
.k-panelbar>.k-item>.k-link.k-selected.k-hover,
.k-panelbar>.k-panelbar-header>.k-link.k-state-selected:hover,
.k-panelbar>.k-panelbar-header>.k-link.k-selected:hover,
.k-panelbar>.k-panelbar-header>.k-link.k-state-selected.k-state-hover,
.k-panelbar>.k-panelbar-header>.k-link.k-selected.k-hover
.k-panelbar .k-group>.k-item>.k-link.k-state-selected:hover,
.k-panelbar .k-group>.k-item>.k-link.k-selected:hover,
.k-panelbar .k-group>.k-item>.k-link.k-state-selected.k-state-hover,
.k-panelbar .k-group>.k-item>.k-link.k-selected.k-hover,
.k-panelbar .k-group>.k-panelbar-item>.k-link.k-state-selected:hover,
.k-panelbar .k-group>.k-panelbar-item>.k-link.k-selected:hover,
.k-panelbar .k-group>.k-panelbar-item>.k-link.k-state-selected.k-state-hover,
.k-panelbar .k-group>.k-panelbar-item>.k-link.k-selected.k-hover,
.k-panelbar .k-panelbar-group>.k-item>.k-link.k-state-selected:hover,
.k-panelbar .k-panelbar-group>.k-item>.k-link.k-selected:hover,
.k-panelbar .k-panelbar-group>.k-item>.k-link.k-state-selected.k-state-hover,
.k-panelbar .k-panelbar-group>.k-item>.k-link.k-selected.k-hover,
.k-panelbar .k-panelbar-group>.k-panelbar-item>.k-link.k-state-selected:hover,
.k-panelbar .k-panelbar-group>.k-panelbar-item>.k-link.k-selected:hover,
.k-panelbar .k-panelbar-group>.k-panelbar-item>.k-link.k-state-selected.k-state-hover,
.k-panelbar .k-panelbar-group>.k-panelbar-item>.k-link.k-selected.k-hover {	
    background-color: #fff;
	color: #444;
}

.k-panelbar .k-group > .k-item > .k-link, .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link {
	transition: none;
}

.k-panelbar-item > .k-link > .k-svg-icon.k-panelbar-expand > svg,
.k-panelbar-item > .k-link > .k-svg-icon.k-panelbar-collapse > svg,
.k-panelbar-item > .k-link > .k-icon::before {
    color:#0279b1;
}

.k-panelbar-item .k-panelbar-content {
    padding-left: 1.5em;
}

.k-panelbar-item > .k-link:hover {
    cursor: pointer;
}

.k-panelbar-item > .k-animation-container > .k-child-animation-container > .k-panelbar-group > .k-panelbar-content > p {
    cursor: default;
}

/* .k-panelbar-header .k-link {
	border-bottom: 1px solid #d9d9d5;
	color: #015982;
	font-weight: 600;
}

.k-panelbar > .k-item > .k-link {
	color: #0279b1;
	padding: 10px 10px 10px 0;
	transition: none;
}

li.k-panelbar-header {
	padding-bottom: 0;
}

.k-panelbar > .k-item > .k-link,
.k-panelbar {
	border: none;
	background-color: #F8F8F8;
}

.k-panelbar li:not(:last-child) {
   border-bottom: 1px solid #d9d9d5;
}

ul.k-panelbar {
	padding-left: 10px;
	border-top: 1px solid #d9d9d5;
	border-bottom: 1px solid #d9d9d5;
}

.cov-panelbar .k-i-arrow-chevron-right {
	margin-inline-start: auto;
	order: 2;
}

.k-panelbar > .k-item > .k-link:focus:hover, .k-panelbar > .k-item > .k-link:focus.k-state-hover, .k-panelbar > .k-item > .k-link.k-state-focus:hover, .k-panelbar > .k-item > .k-link.k-state-focus.k-state-hover, .k-panelbar > .k-item > .k-link.k-state-focused:hover, .k-panelbar > .k-item > .k-link.k-state-focused.k-state-hover {
	box-shadow: inset 0 0 0 3px #f5a623;
	
}

.k-panelbar > .k-item > .k-link:focus, .k-panelbar > .k-item > .k-link.k-state-focus, .k-panelbar > .k-item > .k-link.k-state-focused,
.k-panelbar > .k-item > .k-link:focus.k-state-selected, .k-panelbar > .k-item > .k-link.k-state-focus.k-state-selected, .k-panelbar > .k-item > .k-link.k-state-focused.k-state-selected {
	box-shadow: inset 0 0 0 3px #f5a623;
	left: -10px;
	padding-left: 10px;
	width: calc(100% + 10px);
	color:  #015982;
}

.k-panelbar > .k-item > .k-link:hover, .k-panelbar > .k-item > .k-link.k-state-hover {
	background-color: #f8f8f8;
	color: #015982;
}

.k-panelbar > .k-item > .k-link.k-state-selected.k-state-focus {
	color: #fff;
}

.k-panelbar > .k-item > .k-link.k-state-selected {
	border-color:#4b8516;
	color: #ffffff;
	background-color: #4b8516;
	left: -10px;
	padding-left: 10px;
	width: calc(100% + 10px);
}
*/


/* A18. Loader */
.k-loader-primary {
    color: #0279b1;
}

.k-loader-secondary {
    color: #444;
}


/* A19. Switch */
.k-switch {
    cursor: pointer;
    width: 56px;
    box-sizing: border-box;
    outline: 0;
    display: inline-flex;
    vertical-align: middle;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 0.75em;
    line-height: 1.5;
    user-select: none;
    text-align: left;
}

.k-switch-label-on,
.k-switch-label-off {
    display: inline;
    text-transform: uppercase;
    font-weight: 500;
    color: #222;
}

.k-switch-label-on {
    left: 4px;
}

.k-switch-label-off {
    right: 4px;
}

.k-switch-on .k-switch-track {
    background-color: #8dbc2f;
    border-color: #8dbc2f;
}

.k-switch-off .k-switch-track {
    background-color: #c4c4c4;
    border-color: #c4c4c4;
}

.k-switch-off:focus .k-switch-track,
.k-switch-off.k-focus .k-switch-track,
.k-switch-on:focus .k-switch-track,
.k-switch-on.k-focus .k-switch-track {
    outline: none;
    border: none;
    box-shadow: 0 0 0 3px #f5a623;
}


/* A20. NumberTextBox */
/* No custom styling */


/* A21. Menu */
.cov-menu {
    background-color: transparent;
}

.cov-menu .k-menu.k-menu-horizontal:not(.k-context-menu) {
    padding: 0;
}

.cov-menu .k-menu-item:hover {
    background-color: #015982;
}

.k-menu {
    font-family: 'Noto Sans';
}

.k-menu.k-menu:not(.k-context-menu) {
    border-color: transparent;
    padding-top: 0;
    padding-bottom: 0;
}

.k-menu:not(.k-context-menu):not(.k-menu-vertical) {
    background-color: transparent;
}

.cov-menu .nav-item {
    padding: 0;
}

.cov-menu .k-menu-link {
    color: #fff;
    height: 36px;
    padding: 7px 8px;
}

.cov-menu .k-menu-item {
    border-top: 2px solid #172A55;
    margin: 0 10px 0 0;
    padding-bottom: 0;
}

.k-menu:not(.k-context-menu):not(.k-menu-vertical) > .k-item:focus,
.k-menu:not(.k-context-menu):not(.k-menu-vertical) > .k-item.k-state-focused,
.k-menu:not(.k-context-menu):not(.k-menu-vertical) > .k-item:active,
.k-menu:not(.k-context-menu):not(.k-menu-vertical) > .k-item.k-state-active,
.cov-menu .k-menu:not(.k-context-menu) > .k-item:focus,
.cov-menu .k-menu:not(.k-context-menu) > .k-item.k-state-focused {
    box-shadow: inset 0 0 0 3px #F5A623;
}

.cov-menu .k-menu:not(.k-context-menu) > .k-item > .k-state-active,
.cov-menu .k-menu:not(.k-context-menu) > .k-item.k-state-selected {
    color: #fff;
}

.cov-menu .k-item.k-menu-item.active {
    background-color: #4b8516;
    border-top: 5px solid #3C6C12;
}

.cov-menu .active .k-menu-link {
    padding-top: 4px;
    height: 33px;
}

.cov-menu .k-item.k-menu-item.active:hover {
    background-color: #015982;
    border-top: 2px solid #172A55;
    padding-top: 3px;
}


/* A22. Mobile sections */
/* Check mobile section under bootstrap classes */


/* A23. Popup */
.k-popup {
    padding: 10px;
    border-radius: 0;
}


/* A24. Multi-step form */
.k-stepper .k-step-list-horizontal {
    font-family: Noto Sans, sans-serif !important;
	padding: 20px 0px 20px 0px; /* DSG style guidlines for padding */
}

/* Remove large spacing between each step */
.k-stepper .k-step-list-horizontal {
	align-items: baseline; 
}

.k-stepper .k-step-list-horizontal .k-step-link {
	overflow: visible;
	min-width: 55px;
	height: 70px;
}

/* (Standard stepper) Change default cursor */
.k-stepper .k-step-list-horizontal .k-step .k-step-link {
    cursor: default;
}

/* (Standard stepper) Remove active/focus background */
.k-stepper:not(.cov-stepper-enhanced) .k-step-list-horizontal .k-step .k-step-link:active,
.k-stepper:not(.cov-stepper-enhanced) .k-step-list-horizontal .k-step .k-step-link.k-active,
.k-stepper:not(.cov-stepper-enhanced) .k-step-list-horizontal .k-step .k-step-link:focus,
.k-stepper:not(.cov-stepper-enhanced) .k-step-list-horizontal .k-step .k-step-link.k-focus {
    border: none;
    box-shadow: none;
    background-color: transparent;
}

/* (Enhanced stepper) Change cursor for clickable steps */
.k-stepper.cov-stepper-enhanced .k-step-list-horizontal .k-step .k-step-link {
    cursor: pointer;
}

/* Make future steps not clickable */
.k-stepper.cov-stepper-enhanced .k-step-list-horizontal .k-step-current ~ .k-step {
    cursor: default;
    pointer-events: none;
}

.k-stepper.cov-stepper-enhanced .k-step-list-horizontal .k-step-current ~ .k-step .k-step-link:active, 
.k-stepper.cov-stepper-enhanced .k-step-list-horizontal .k-step-current ~ .k-step.k-active .k-step-link,
.k-stepper.cov-stepper-enhanced .k-step-list-horizontal .k-step-current ~ .k-step .k-step-link:focus,
.k-stepper.cov-stepper-enhanced .k-step-list-horizontal .k-step-current ~ .k-step.k-focus .k-step-link {
    border: 0;
    background: none;
    box-shadow: none;
}

/* Make clickable steps underlined */
.k-stepper.cov-stepper-enhanced .k-step-list-horizontal .k-step .k-step-text {
    color: #0279b1;
    text-decoration: underline;
}

.k-stepper.cov-stepper-enhanced .k-step-list-horizontal .k-step-current ~ .k-step .k-step-text {
    color: inherit;
    text-decoration: none;
}

/* Change current step color to green */
.k-stepper .k-step-list-horizontal .k-step-current .k-step-indicator {
	border: none;
	color: #ffffff;
	background-color: #4b8516;
}

.k-stepper .k-step-list-horizontal .k-step-current:hover .k-step-indicator {
	background-color: #4b8516 !important;
}

/* Change color of step error to red */
.k-stepper .k-step-list-horizontal .k-step-current .k-step-indicator:has(span[class*="exclamation"]) {
    background-color: #d0021b;
}

/* Remove ellipses on text overflow */
.k-stepper .k-step-list-horizontal .k-step-label .k-step-text {
    font-size: 16px;
    font-weight: 400;
    overflow: visible;
    white-space: break-spaces;
}

/* Make current step font size larger and bold */
.k-stepper .k-step-list-horizontal .k-step-current .k-step-label .k-step-text {
    font-size: 18px;
	font-weight: 600;
}

/* Move label to side instead of under */
.k-stepper .k-step-list-horizontal .k-step {
	flex-direction: row;
	align-items: baseline;
	margin-right: 5px;
	display: flex;
}

/* Align label to center of step count */
.k-stepper .k-step-list-horizontal .k-step-indicator + .k-step-label {
	margin-top: 0px;
	margin-left: 5px;
	font-weight: normal;
}

/* Change size of step indicator */
.k-stepper .k-step-list-horizontal .k-step-indicator {
	min-height: 40px;
	min-width: 40px;
}

/* Change color of default (future) nodes to match DSG */
.k-stepper .k-step-list-horizontal .k-step-indicator {
	color: #ffffff;
	border: none;
	background-color: #b2b2b2;
}

.k-stepper .k-step-list-horizontal .k-step:hover .k-step-indicator {
	background-color: #b2b2b2;
}

/* Change color of completed step to CoV blue */
.k-stepper .k-step-list-horizontal .k-step-done .k-step-indicator {
	color: #ffffff;
	border: none;
	background-color: #0279b1;
}

.k-stepper .k-step-list-horizontal .k-step-done:hover .k-step-indicator {
	background-color: #0279b1;
} 

/* Generic icon size for k-stepper */
.k-stepper .k-step-list-horizontal .k-step-indicator span.k-icon {
    font-size: 35px;
    height: 35px;
    width: 35px;
    margin: auto;
}

/* FA icon for stepper */
.k-stepper .k-step-list-horizontal .k-step-indicator span[class*="fa-"] {
    font-size: 30px;
    margin: auto;
}

/* Adjust size of check to match background circle */
.k-stepper .k-step-list-horizontal .k-step-indicator-icon.k-icon.k-i-check,
.k-stepper .k-step-list-horizontal .k-step-indicator-icon.k-icon.k-i-check-circle {
	font-size: 30px;
	margin: auto;
}

/* Adjust size of error icon to match background circle */
.k-stepper .k-step-list-horizontal .k-step-indicator-icon.k-icon.k-i-warning, 
.k-stepper .k-step-list-horizontal .k-step-indicator-icon.k-icon.k-i-exclamation-circle {
	font-size: 40px;
	margin: auto;
}

/* Center the number of the step */
.k-stepper .k-step-list-horizontal .k-step-indicator {
	align-items: start
}

/* Remove the border on focus */
.k-stepper .k-step-list-horizontal .k-step-indicator::after {
	border: 0;
	box-shadow: none;
}

/* Change font size for step indicator */
.k-stepper .k-step-list-horizontal .k-step-indicator-text {
    margin-top: -2px; /* center text in circle */
    font-size: 28px;
    font-weight: 700;
}

/* Change progress indicators to chevron */
.k-stepper .k-step-list-horizontal .k-step::after {
	font-family: 'Font Awesome 5 Free';
	content: "\f054";
	font-weight: 900;
	font-size: 25px;
	transform: scale(1, 2);
  	-webkit-transform: scale(1, 2); /* Safari and Chrome */
  	-moz-transform: scale(1, 2); /* Firefox */
  	-ms-transform: scale(1, 2); /* IE 9+ */
	color: #d9d9d5;
	margin: 5px;
}

/* Remove chevron after last step */
.k-stepper .k-step-list-horizontal .k-step-last:after {
	visibility: hidden;
}

/* Hide default progress bar */
.k-stepper .k-progressbar-horizontal {
	display: none;
}

.k-stepper .k-step-list-horizontal .k-step {
    flex: 0 1;
}

@media (min-width: 800px) {
    .k-stepper .k-step-list-horizontal .k-step-link {
        margin-left: 0px;
        margin-right: 10px;
    }
}

@media (min-width: 750px) {
	.k-stepper .k-step-list-horizontal .k-step-link {
		flex-direction: row;
		height: 50px;
	}
    
    .k-stepper .k-step-list-horizontal .k-step-link {
        margin-left: 0px;
    }

    .k-stepper .k-step-list-horizontal .k-step-link .k-step-label {
        text-overflow: ellipsis;
    }
}

@media (max-width: 699px) {
	.k-stepper .k-step-list-horizontal .k-step-list {
		grid-column: 1 / -1 !important;
	}
}

@media (max-width: 390px) {
	.k-stepper .k-step-list-horizontal .k-step:after {
		margin-left: -5px;
	}
}


/* A25. Card */
.k-card {
	border: 1px solid #E9E9E9;
    box-shadow: 2px 4px 10px rgb(182 166 166 / 25%);
    border-radius: 10px;
	color: #444;
    font-family: Noto Sans, sans-serif !important;
}


/* A26. SVG Icons */
.k-notification .k-svg-icon {
    height: 28px;
    width: 28px;
}

.k-icon-lg.k-svg-icon {
    height: 48px;
    width: 48px;
}

.k-icon-md.k-svg-icon {
    height: 32px;
    width: 32px;
}

.k-icon-sm.k-svg-icon {
    height: 12px;
    width: 12px;
}


/* A27. Progress bar */
.k-progressbar-horizontal {
    background-color: #CCEAB9;
    height: 8px;
    overflow: visible;
    color: #7ABC38;
    margin-bottom: 40px;
}

.k-progressbar-horizontal .k-progressbar-value.k-selected {
    background-color: #7ABC38;
    height: 12px !important;
    border-radius: 10px;
}

.k-progressbar-horizontal.progress-zero .k-progressbar-value.k-selected {
    width: 0% !important;
}

.k-progressbar-horizontal .k-progress-status-wrap.k-progress-end {
    justify-content: flex-start;
    margin-top: 20px;
    font-family: 'Noto Sans';
    font-size: 14px;
}

.k-progressbar-horizontal .k-progress-status-wrap.k-progress-end::after {
    content: "% Complete";
    margin-left: -5px;
}


/* A28. Tab strip */
.k-tabstrip {
    font-family: 'Noto Sans' !important;
}

.k-tabstrip-items-wrapper .k-button .k-svg-icon svg {
    fill: inherit;
}

.k-tabstrip-items .k-item:active,
.k-tabstrip-items .k-item:focus,
.k-tabstrip-items .k-item.k-focus {
    box-shadow: 0 0 0 3px #f6a523 !important;
}

.tab-image {
    margin-right: 5px;
}

.k-tabstrip-content .k-animation-container-relative {
    min-width: 100%;
}

/* A29. App Bar */
.k-appbar {
    box-shadow: 0px 0px 0px transparent;
}


/* B. Bootstrap 5 classes */
.pe-none {
    pointer-events: none !important;
}

/* bootstrap specific breakpoint */
/* for RTL checkbox only */
@media (max-width: 1200px) {
    /* A5.2 Forms - horizontal */
    .cov-form-field-horizontal .k-form-field-wrap.cov-checkbox div[dir="rtl"] {
        margin-left: calc(50% + 10px);
    }

    .k-form-horizontal .k-form-field .cov-checkbox div[dir="rtl"] {
        margin-left: calc(15% + 2px);
    }

    .cov-full-width .k-form-field .cov-checkbox div[dir="rtl"] {
        width: calc(36% + 5px);
    }

    .cov-full-width .k-form .cov-form-field-horizontal .cov-checkbox div[dir="rtl"] {
        width: calc(165% + 5px);
    }
}

/* tablet */
@media (max-width: 980px) {
    /* A5.2 Forms - horizontal */
    .cov-full-width .k-form .cov-form-field-horizontal .cov-checkbox div[dir="rtl"] {
        width: calc(135% + 8px);
    }

    /* A13. Notification */
    .cov-notification-long .k-notification-wrap > .k-notification-content {
        flex-direction: column;
    }

    .k-notification.cov-notification-long button {
        align-self: flex-end;
        margin-top: 10px;
        margin-left: 0;
        margin-right: 0;
    }

    .k-notification.cov-notification-long button:first-of-type {
        margin-left: auto;
    }

    .k-notification-group button {
        margin-top: 0;
    }

    .k-notification-wrap > .k-notification-content,
    .k-animation-container,
    .k-notification-group,
    .k-notification-container,
    .k-notification,
    .k-notification-wrap {
        width: 100%;
        flex: 1 1 100%;
    }

    .k-notification-wrap > .k-notification-content,
    .k-notification-content {
        display: inline-flex;
        align-items: center;
    }

    /* long version */
    .cov-notification-long .k-notification-wrap > .k-notification-content {
        flex-direction: row;
        flex-wrap: wrap;
    }
}

/* mobile */
@media (max-width: 768px) {

    /* A1. button */
    .k-form-buttons {
        flex-direction: column;
    }

    .k-form-buttons > .k-button {
        width: 100%;
    }

    a.k-button,
    .k-button {
        flex-shrink: 0;
        /* flex-grow: 1; */
        max-width: initial;
    }

    button:not(:first-of-type) {
        margin-left: 0;
        margin-top: 20px;
    }

    .k-button-group button:not(:first-of-type) {
        margin-top: 0;
    }

    .k-form .cov-form-field-horizontal .k-label {
        align-items: flex-start;
        width: auto;
    }

    .k-button {
        white-space: pre-line;
    }

    /* A1.6B button group vertical */
    .k-button-group cov-btn-group-nav-vertical,
    .cov-btn-group-nav-vertical.k-button-group .k-button {
        position: relative;
        overflow: visible;
        background-color: #F8F8F8;
        padding: 10px 0 10px 20px;
    }

    .cov-btn-group-nav-vertical.k-button-group .k-button:not(:first-child)::after {
        background: #fff;
        border-bottom: 1px solid #d9d9d5;
        content: "";
        height: 1px;
        position: absolute;
        left: 10px;
        top: 0;
        width: calc(100% - 10px);
        display: initial;
        opacity: 1;
        bottom: 5px;

    }

    .cov-btn-group-nav-vertical.k-button-group .k-button.k-state-active,
    .cov-btn-group-nav-vertical.k-button-group .k-button.k-state-selected,
    .cov-btn-group-nav-vertical.k-button-group .k-button:active {
        background-color: #f8f8f8;
        color: #015982;
    }

    .cov-btn-group-nav-vertical .k-button-icontext [class^="fa"] {
        margin-right: 0;
        margin-left: 10px;
    }

    .cov-btn-group-nav-vertical {
        margin-left: -40px;
        width: 100vw;
        border-left: none;
        border-right: none;
    }

    .cov-btn-group-nav-vertical-title {
        width: calc(100vw - 10px);
        display: flex;
        padding: 0 20px 10px 10px;
        margin-left: -10px;
        background-color: #f8f8f8;
        width: 100vw;
    }

    .cov-btn-group-nav-vertical .fa-chevron-right.float-right {
        padding-top: 3px;
    }

    /* A2 Checkbox */
    .k-form-horizontal .cov-checkbox {
        margin-left: 0;
    }

    .cov-form-field-callout.cov-checkbox-sub-item {
        margin-left: 0;
    }
    
    /*** A3.1 control width ***/
    .k-form input.xxsmall,
    .k-form .k-form-field-wrap > span.xxsmall,
    .k-dropdown.xxsmall,
    .k-dropdownlist.xxsmall,
    .k-picker.xxsmall,
    .k-form input.xsmall,
    .k-form .k-form-field-wrap > span.xsmall,
    .k-dropdown.xsmall,
    .k-dropdownlist.xsmall,
    .k-picker.xsmall,
    .k-form input.small,
    .k-form .k-form-field-wrap > span.small,
    .k-dropdown.small,
    .k-dropdownlist.small,
    .k-picker.small,
    .k-form input.medium,
    .k-form .k-form-field-wrap > span.medium,
    .k-dropdown.medium,
    .k-dropdownlist.medium,
    .k-picker.medium,
    .k-form input.large,
    .k-form .k-form-field-wrap > span.large,
    .k-dropdown.large,
    .k-dropdownlist.large,
    .k-picker.large {
        max-width: 100%;
    }

    /* specific control without form tag width */
    .k-textbox.xxsmall,
    .k-dropdown.xxsmall,
    .k-multiselect.xxsmall,
    .k-textbox.xsmall,
    .k-dropdown.xsmall,
    .k-multiselect.xsmall,
    .k-textbox.small,
    .k-dropdown.small,
    .k-multiselect.small,
    .k-textbox.medium,
    .k-dropdown.medium,
    .k-multiselect.medium,
    .k-textbox.large,
    .k-dropdown.large,
    .k-multiselect.large {
        max-width: 100%;
        width: 100%;
    }

    /* A5.1 - forms default */
    .k-form-field,
    .k-form .k-form-field,
    .k-form .k-daterangepicker .k-textbox-container {
        margin-bottom: 30px;
    }

    /* A5.2 - horizontal forms */
    .k-form-horizontal .k-daterangepicker .k-textbox-container,
    .k-daterangepicker .k-textbox-container,
    .k-form-horizontal .k-form-field,
    .k-form-field {
        margin-bottom: 30px;
    }

    .k-form .k-form-buttons {
        margin-top: 40px;
    }

    .k-form-horizontal p {
        margin-bottom: 20px;
    }

    .k-form-horizontal .k-form-buttons {
        margin-left: 0;
    }

    .k-form-field .cov-checkbox div[dir="ltr"] {
        margin-left: 0px;
    }

    .k-form .k-form-field .cov-checkbox div[dir="rtl"] {
        width: fit-content;
        margin-left: 0px;
    }

    .cov-form-field-horizontal .k-form-field-wrap.cov-checkbox div[dir="rtl"] {
        margin-left: calc(45% + 4px);
    }
    
    .cov-form-field-horizontal .k-form-field-wrap.cov-checkbox div[dir="ltr"] {
        margin-left: calc(10% + 5px);
    }

    .cov-full-width .k-form .cov-form-field-horizontal .cov-checkbox div[dir="rtl"],
    .cov-full-width .k-panelbar-content .k-form .k-form-field .cov-checkbox div[dir="rtl"],
    .cov-full-width .k-form .k-form-field .cov-checkbox div[dir="ltr"],
    .cov-full-width .k-form .k-form-field .cov-checkbox div[dir="rtl"] {
        margin-left: 0px;
        width: fit-content;
    }

    /* A11. Horizontal forms - callout */
    .cov-form-field-callout {
        margin-left: 0;
    }

    .cov-form-field-callout .row {
        padding-left: 0;
    }

    /* A12 - Mobile bottom nav */
    main {
        min-height: 100vh;
    }

    /* A13. Notification */
    .k-notification-group {
        max-width: 100%;
    }

    .cov-notification-long .k-notification-content {
        flex-direction: column;
    }

    .cov-notification-long .k-svg-icon,
    .cov-notification-long .k-notification-actions {
        align-self: flex-start;
    }

    /* A15. Modal dialog */
    .k-window.k-dialog,
    .k-widget.k-window.k-dialog {
        width: 100%;
        min-width: initial;
    }

    .k-dialog-wrapper button:not(:first-of-type) {
        margin-top: 0;
    }

    .k-dialog-wrapper .k-form .k-form-buttons {
        margin-top: 0;
    }

    .k-dialog-wrapper button.badge:first-of-type {
        margin-left: 0;
        margin-right: 10px;
    }

    .k-dialog {
        min-width: initial !important;
        width: 100%;
    }

    .k-window-action:hover {
        /* review Figma */
        opacity: 1;
    }

    .k-dialog-wrapper .k-dialog-buttongroup button:not(:last-child) {
        margin-right: 20px;
    }

    .cov-dialog-buttongroup button {
        width: 100%;
        margin-bottom: 10px;
    }

    .cov-dialog-buttongroup button:not(:first-of-type) {
        margin-left: 0;
    }

    .cov-dialog-buttongroup button:last-of-type {
        margin-bottom: 0;
    }

    /* A17. Panelbar */
    .panelbar-wrapper {
	    width: 100vw;
    }
	
    .k-panelbar>.k-item>.k-link:focus,
    .k-panelbar>.k-item>.k-link.k-state-focus,
    .k-panelbar>.k-item>.k-link.k-state-focused,
    .k-panelbar>.k-item>.k-link:focus.k-state-selected,
    .k-panelbar>.k-item>.k-link.k-state-focus.k-state-selected,
    .k-panelbar>.k-item>.k-link.k-state-focused.k-state-selected {
		width: 100vw;
	}
	
    .k-panelbar > .k-item > .k-link.k-state-selected {
		width: 100vw;
	}

    /* A22. Mobile sections */
    .cov-mobile-section {
        margin-left: -40px;
        padding: 10px;
        width: 100vw;
        margin-bottom: 20px;
        border-top: 1px solid #D9D9D5;
        border-bottom: 1px solid #D9D9D5;
    }

    .cov-mobile-section > :last-child {
        margin-bottom: 0;
    }

    .cov-mobile-section .k-button {
        width: 100%;
    }

    .cov-mobile-section .cov-btn-group-nav-vertical {
        margin-left: -10px;
    }
}

@media screen and (max-width: 600px) {
    .k-button {
        max-width: initial;
    }

    .k-form-horizontal .k-form-buttons {
        align-items: initial;
    }

    /* A5.2 Forms - horizontal */
    .cov-form-field-horizontal .k-form-field-wrap.cov-checkbox div[dir="ltr"] {
        margin-left: calc(12% + 20px);
    }
}