/* horizontal scroll happens in the drawer content to keep the drawer on the left side of the screen */
.k-drawer-content {
    overflow: initial;
    height: 100%;
    overflow-x: auto;
}

span i {
    color: var(--bs-primary);
}

.k-drawer-items i {
    color: var(--bs-primary);
}

.k-checkbox, .k-checkbox:hover, .k-checkbox:active, .k-checkbox:focus {
    border-color: #393939;
}

.k-input-solid, .k-input-solid:hover, .k-input-solid:active, .k-input-solid:focus {
    border-color: #393939;
}

.k-picker-solid, .k-picker-solid:hover, .k-picker-solid:active, .k-picker-solid:focus {
    border-color: #393939;
}

.k-radio, .k-radio:hover, .k-radio:active {
    border-color: #393939;
}

.k-textbox.k-input.k-input-solid.k-focus {
    border-color: #393939;
}

.k-datepicker.k-input:focus-within.k-input-solid {
    border-color: #393939;
}

.accordion-item {
    border-color: #393939;
}

.k-stepper .k-step-label .k-step-text {
    white-space: normal;
}

/*
    Main Layout
*/
/* the size of the containers will fill up their parents up to the viewport */
html, body {
    width: 100vw;
    height: 100vh;
    max-height: 100vh;
}

body {
    margin: 0;
    display: flex;
    flex-direction: column;
}

/* vertical scroll should happen in the main portion of the content - where the Body is
          This keeps the header sticky at the top */
.main {
    padding: var(--kendo-spacing-4, 1rem);
    overflow: visible;
}

.k-drawer-container {
    flex: 1;
    overflow: auto;
}

.no-button .k-button {
    display: none;
}

.sticky-top-6 {
    position: sticky;
    top: 6rem;
}

.active {
    background: #B2D1E1;
}

.scroll-margin-top-6 {
    scroll-margin-top: 6rem;
}

.k-toolbar-item {
    display: flex;
}

.k-grid-toolbar .k-toolbar-item {
    flex-grow: 1;
}

.k-grid-toolbar .k-input {
    flex: auto;
}

.fixed {
    position: fixed
}

.fixedBottomRight {
    position: fixed;
    bottom: 0;
    right: 0;
    padding: 1rem;
    z-index: 1030;
}

.show-above-window {
    z-index: 11000 !important;
}

.k-drawer-item.k-state-selected span {
    color: white;
    font-weight: 600;
}


a.logo {
    text-decoration: none;
    --bs-link-color-rgb: rgba(52, 58, 64);
    --bs-link-hover-color-rgb: rgba(18, 20, 22);
    margin-left: 10px;
}

    a.logo:hover {
        --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
        color: var(--bs-link-color-rgb);
    }

.k-button-solid-base {
    border-color: #e4e7eb !important;
    color: #212529 !important;
    background-color: #e4e7eb !important;
}

    .k-button-solid-base:hover {
        border-color: #d2d5d8 !important;
        color: #212529 !important;
        background-color: #d2d5d8 !important;
    }

.btn.btn-link {
    color: black;
}

.k-datepicker {
    direction: rtl;
}

    .k-datepicker input {
        direction: ltr;
    }

.k-numerictextbox {
    direction: rtl;
}

    .k-numerictextbox input {
        direction: ltr;
    }

.k-checkbox-md {
    width: 1.25rem !important;
    height: 1.25rem !important;
}

.k-radio-list.k-list-horizontal {
    row-gap: var(--kendo-spacing-1);
}

.k-switch {
    transform: scale(0.85);
}

.pb-0\.3rem {
    padding-bottom: 0.3rem;
}