body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin: 0;
    font-family: segoe ui !important;
    font-size: 10px !important;
}

:root {
    --kendo-font-family: segoe ui !important;
    --kendo-font-size: 10pt !important;
    --kendo-font-size-md: 10pt !important;
    --light-blue-100: #41BFEF;
    /* Solid Shades */
    --light-blue-80: #67CCF2;
    --light-blue-60: #8DD9F5;
    --light-blue-50: #A0DFF7;
    --light-blue-40: #B3E5F9;
    --light-blue-20: #D9F2FC;
 --light-blue-10: #ECF9FD;
 --light-blue-5: #F6FCFE;
    /* Solid Shades */
    --dark-blue-100: #084062;
    --dark-blue-80: #396681;
    --dark-blue-60: #6B8CA1;
    --dark-blue-50: #84A0B0;
    --dark-blue-40: #9CB3C0;
    --dark-blue-30: #B5C6D0;
    --dark-blue-15: #d8f1fd;
    --dark-blue-20: #CED9E0;
    --dark-blue-2: #f5fcff;
    /* RGB Helper for the focus ring transparency */
    --dark-blue-80-rgb: 57, 102, 129;
    --orange-100: #F15A29;
    /* Solid Shades */
    --orange-80: #F37B54;
    --orange-60: #F69C7F;
    --orange-50: #F8AD94;
    --orange-40: #F9BDAA;
    --orange-30: #FBCEBF;
    --orange-20: #FCDED4;
    --yellow-green-100: #D7DF23;
    /* Solid Shades */
    --yellow-green-80: #DFE54F;
    --yellow-green-60: #E7EB7B;
    --yellow-green-50: #EBEF91;
    --yellow-green-40: #EFF2A7;
    --yellow-green-30: #F3F6BD;
    --yellow-green-20: #F7F9D3;
    --gray-100: #656565;
    /* Solid Shades */
    --gray-150: #323130;
    --gray-80: #848484;
    --gray-60: #A3A3A3;
    --gray-50: #B2B2B2;
    --gray-40: var(--gray-40);
    --gray-30: #D1D1D1;
    --gray-20: #E0E0E0;
    --gray-10: #EFEFEF;
    --gray-5: F5F5F5;
    /*Customer Tree*/
    --denim-blue: #2243B6;
    /* Greens */
    --green-80: #227100;
    --green-40: #81d15f;
    --green-60: rgba(76, 187, 23, 0.3); /* Base green-60 with 30% alpha */
    --green-65: #3ea614;
    --green-5: #cfffcf;
    --green-20: #90EE90;
    --green-35: #76c776;
    --green-20-alpha30: rgba(144, 238, 144, 0.3);
    --green-50: #4CBB17;
    --green-10: #dcf0d3;
    /* Reds */

    --red-5: #ffcccc;
    --red-25: #f98b80;
    --red-50: #f43520;
    --red-55: rgb(204, 75, 75); /* Use with rgba(var(--red-55), 0.3) if separated */
    --red-70: #b61100;
    /* Explicit declaration for the transparent token */
    --red-55-alpha30: rgba(204, 75, 75, 0.3);
}

/* Catch-all for typical button variants on hover */
/*.k-button.k-button-solid:hover,*/
.k-button.k-button-solid.k-hover,
.k-button.k-button-outline:hover,
.k-button.k-button-outline.k-hover {
    color: var(--kendo-color-on-primary, #ffffff);
}

.k-window {
    border: none !important;
    border-radius: 0;
}

.k-drawer-items {
    padding-block: 0px;
    padding-inline: 0px;
}


.k-tabstrip-top > .k-tabstrip-items-wrapper .k-tabstrip-item, .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item {
    border-start-start-radius: 0px;
    border-start-end-radius: 0px;
}


.k-tabstrip-items-wrapper .k-tabstrip-item.k-active::after, .k-tabstrip-items-wrapper .k-item.k-active::after {
    background-color: transparent !important;
}


:root {
    --kendo-tabstrip-md-item-padding-y: var(--kendo-spacing-1\.5);
    --kendo-tabstrip-md-item-padding-x: var(--kendo-spacing-3);
}


.k-input-solid, .k-picker-solid {
    border-bottom-color: var(--kendo-input-border, color-mix(in srgb, var(--kendo-color-border, rgba(36, 36, 36, 0.72)) 26%, transparent)) !important;
}


.k-menu-vertical > .k-menu-item > .k-menu-link {
    padding-block: var(--kendo-menu-item-padding-y, var(--kendo-spacing-2, 0.75rem)) !important;
}

.k-menu-group-md .k-menu-expand-arrow {
    margin-inline-end: calc(var(--kendo-spacing-2, 0.5rem) * -1) !important;
}

/* Specific + important to beat theme rules */
.k-menu.k-menu .k-item.k-expanded > .k-link,
.k-menu.k-menu .k-item.k-open > .k-link,
.k-menu.k-menu .k-item.k-focus > .k-link {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
}


.k-list-item:focus, .k-list-optionlabel:focus, .k-list-item.k-focus, .k-focus.k-list-optionlabel, .k-list-custom-value:focus, .k-list-custom-value.k-focus {
    color: var(--kendo-list-item-focus-text, var(--kendo-color-on-app-surface, --gray-100));
    background-color: var(--kendo-input-border, color-mix(in srgb, var(--kendo-color-border, rgba(36, 36, 36, 0.72)) 26%, transparent)) !important;
    box-shadow: var(--kendo-list-item-focus-shadow, inset 0 0 0 1px var(--kendo-color-border-alt, #000000)) !important;
    border-radius: 0;
}

.k-drawer-mini .k-drawer-wrapper {
    width: 40px;
}

#left-drawer {
    top: 35px
}


.k-grid a, a {
    text-decoration: none !important;
}