/* ---------------------- GLOBAL ---------------------- */
:root {
    --text-color-tab: var(--kendo-color-on-primary);
    /* CHANGE YOUR THEME HERE */

    --kendo-color-primary-subtle: #FFFED9;
    --kendo-color-primary-subtle-hover: #FFF3AD;
    --kendo-color-primary-subtle-active: #FFF3AD;
    --kendo-color-primary: #FFDD5D;
    --kendo-color-primary-hover: #F9DF77;
    --kendo-color-primary-active: #FDCF5D;
    --kendo-color-primary-emphasis: #F9DF77;
    --kendo-color-primary-on-subtle: #593500;
    --kendo-color-on-primary: black;
    --kendo-color-primary-on-surface: #804c00;
    --kendo-color-secondary-subtle: #FFFED9;
    --kendo-color-secondary-subtle-hover: #FFF3AD;
    --kendo-color-secondary-subtle-active: #FFF3AD;
    --kendo-color-secondary: #FFDD5D;
    --kendo-color-secondary-hover: #F9DF77;
    --kendo-color-secondary-active: #FDCF5D;
    --kendo-color-secondary-emphasis: #F9DF77;
    --kendo-color-secondary-on-subtle: #591e0c;
    --kendo-color-on-secondary: black;
    --kendo-color-secondary-on-surface: #802c11;
}




html, body, #app, .page, .main {
    height: 100%;
    overflow: hidden;
    background-color: #F5F5F5;
}

html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.k-grid.k-grid-md .k-table-tbody .k-master-row.k-table-row > td, .k-menu-popup .k-group.k-menu-group .k-item.k-menu-item .k-link.k-menu-link .k-menu-link-text, .k-list.k-list-md .k-list-content .k-list-ul .k-list-item .k-list-item-text, .k-list.k-list-md .k-list-content .k-list-ul .k-list-optionlabel .k-list-item-text, .k-floating-label-container .k-floating-label, .k-floating-label-container.k-empty.k-text-disabled .k-floating-label.k-text-disabled, .k-floating-label-container, .k-form .k-label, .k-form .k-floating-label-container, .k-form .k-floating-label-container.k-empty .k-floating-label, .k-form .k-form-fieldset .k-form-field .k-form-field-wrap, .k-multiselect.k-input .k-input-values .k-chip-list.k-chip-list-md .k-chip.k-chip-md, .k-dropdownlist.k-picker, .k-list.k-list-md .k-list-content .k-list-ul .k-list-item, .k-list.k-list-md .k-list-content .k-list-ul .k-list-optionlabel, .k-input.k-input-md, .k-maskedtextbox.k-input, .k-numerictextbox.k-input, .k-input-md.k-rounded-md.k-input-solid.k-textbox.k-input .k-input-inner::placeholder, .k-input-md.k-rounded-md.k-input-solid.k-textbox.k-input .k-input-inner {
    font-size: 14px !important;
}

.content {
    padding-top: 1.1rem;
}

.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

h1:focus {
    outline: none;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid #e50000;
}

.validation-message {
    color: #e50000;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.main {
    margin-top: 80px;
    max-height: calc(100dvh - 80px);
}


.wrapper {
    height: calc( 100dvh - 90px );
    overflow: auto;
}

/*DESIGN APPBAR */
.k-appbar {
    background-image: url(/header-bg.png);
    background-blend-mode: screen;
    height: 80px;
}

    .k-appbar h1 {
        color: var(--kendo-color-on-primary) !important;
    }

    .k-appbar .k-button-md.k-icon-button,
    .k-appbar .k-button-link-base, .k-button-link-base {
        color: var(--kendo-color-on-primary) !important;
    }

.logo-appbar {
    width: 60px;
}

.MyLogo {
    width: 100%;
    height: 120px;
}

@media screen and (min-width:800px) and (max-width:1200px) {
    .MyLogo {
        width: 100%;
        height: 150px;
    }
}

@media screen and (min-width:1000px) and (max-width:1200px) {
    .MyLogo {
        width: 100%;
        height: 200px;
    }
}

.bg-home {
    background-image: url(/MyHomeIllu.svg);
    background-size: contain;
    background-repeat: no-repeat;
}
/* END DESIGN APP BAR */

/* TITLE FORMS */
.page-title::after {
    display: block;
    width: fit-content;
    content: "";
    width: 100%;
    height: 5px;
    background-color: var(--kendo-color-primary);
}
/* END TITLE FORMS */

/*FIX CSS FROM THEMEBUILDER*/

.k-splitbar:focus, .k-splitbar.k-focus {
    color: var(--kendo-color-on-primary);
    background: var(--kendo-color-primary);
}

.k-input-solid:focus-within {
    border-bottom-color: var(--kendo-color-primary) !important;
}

.k-reset.k-header.k-menu-vertical.k-menu > .k-item.k-menu-item.k-focus .k-link.k-menu-link, .k-reset.k-header.k-menu-vertical.k-menu > .k-item.k-menu-item.k-state-focus .k-link.k-menu-link, .k-reset.k-header.k-menu-vertical.k-menu > .k-item.k-menu-item.k-state-focused .k-link.k-menu-link, .k-reset.k-header.k-menu-vertical.k-menu > .k-item.k-menu-item:focus .k-link.k-menu-link, .k-reset.k-header.k-menu-vertical.k-menu > .k-item.k-menu-item .k-link.k-menu-link.k-active, .k-reset.k-header.k-menu-vertical.k-menu > .k-item.k-menu-item .k-link.k-menu-link.k-state-active, .k-reset.k-header.k-menu-vertical.k-menu > .k-item.k-menu-item .k-link.k-menu-link:active,
.k-menu-link.k-active,
.k-menu-link:focus,
.k-menu-link:active {
    background-color: var(--kendo-color-primary) !important;
    background-image: none !important;
    color: var(--kendo-color-on-primary) !important;
}
/*END FIX CSS FROM THEMEBUILDER*/


/* ---------------------- END GLOBAL ---------------------- */



/* ---------------------- MANAGE ---------------------- */
a, .btn-link {
    color: #006bb7;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}


.darker-border-checkbox.form-check-input {
    border-color: #929292;
}


#modalLogin {
    width: 50vw;
}

/* ---------------------- END MANAGE ---------------------- */



/* ---------------------- TELERIK OVERRIDE ---------------------- */

/* RADIO BUTTON*/
.k-radio-wrap {
    display: none !important;
}

.k-radio {
    display: none;
    opacity: 0;
}

.k-radio-label {
    cursor: pointer;
    border-radius: 5px;
    padding: 4px 10px !important;
    background-color: #eee; /* Couleur de fond */
    display: block; /* Permet aux étiquettes de se comporter comme des boutons */
}

/* Style quand le bouton radio est sélectionné */
.k-radio-wrap:has(>.k-checked) ~ .k-radio-label {
    transition: all .2s ease-in-out;
    background-color: var(--kendo-color-primary) !important; /* Couleur de fond quand sélectionné */
    color: black; /* Couleur du texte quand sélectionné */
    padding: 10px;
}
/* END RADIO BUTTON */




/* FORMS */
.k-form-md .k-form-field, .k-form-md .k-form-buttons {
    margin-top: 10px !important;
}

.k-card-body {
    padding-block: 5px !important;
}

.k-form-md .k-form-field, .k-form-md .k-form-buttons {
    margin-top: 10px !important;
}

.k-treeview .k-treeview-item .anp-row-deleted .k-treeview-leaf {
    background-color: var(--kendo-color-error) !important;
    color: var(--kendo-color-on-error);
}

.k-treeview .k-treeview-item .anp-row-deleted .k-checkbox-wrap:has(input:checked) + .k-treeview-leaf {
    background-color: var(--kendo-color-error-emphasis) !important;
}

.k-treeview .k-treeview-group .k-treeview-item .anp-row-deleted .k-treeview-leaf.k-selected {
    background-color: var(--kendo-color-error-emphasis) !important;
}

.anp-row-deleted .k-treeview-toggle {
    color: black;
}


/* END FORMS */


/* TABSTRIP */

.k-tabstrip.k-tabstrip-top .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-active .k-link, .k-tabstrip.k-tabstrip-top .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-state-active .k-link, .k-tabstrip.k-tabstrip-top .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item:active .k-link {
    background-color: var(--kendo-color-primary);
    background-image: none;
    color: var(--kendo-color-on-primary);
}

.k-tabstrip.k-tabstrip-top .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-active::after, .k-tabstrip.k-tabstrip-top .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-state-active::after, .k-tabstrip.k-tabstrip-top .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item:active::after {
    border-bottom-color: var(--kendo-color-primary);
    border-left-color: var(--kendo-color-primary);
    border-right-color: var(--kendo-color-primary);
    border-top-color: var(--kendo-color-primary);
}
/* END TABSTRIP */



/* TABSTRIP BUTTONS */
.k-tabstrip-item .k-button, .button-hover .k-button {
    opacity: 0;
    padding-inline: 8px !important;
    transition: 0.1s all ease-in-out;
    margin-left: -10px;
}

.k-tabstrip-item:hover .k-button, .button-hover:hover .k-button {
    opacity: 0.4;
    width: auto;
    margin-left: 0px;
}

.k-tabstrip-item:hover .k-button, .button-hover:hover .k-button {
    opacity: 1;
}

.k-tabstrip-item .pinned, .button-hover .pinned {
    opacity: 1;
    width: auto;
    margin-left: 0px;
}

.k-tabstrip-item .k-icon-button {
    padding: 3px !important;
}

    .k-tabstrip-item .k-icon-button .k-button-icon {
        min-width: 12px !important;
        min-height: 12px !important;
    }

    .k-tabstrip-item .k-icon-button .k-svg-icon {
        width: 12px !important;
        height: 12px !important;
    }

.smoothButton .showButton ~ button {
    opacity: 0 !important;
    transition: all 0.3s ease-in-out;
}

.smoothButton:hover .showButton ~ button, .showButton:focus ~ button {
    opacity: 0.4 !important;
}

.smoothButton .showButton ~ button:hover {
    opacity: 1 !important;
}

.k-tabstrip-items .k-link {
    padding-inline: 14px !important;
}

.k-tabstrip-content .k-tabstrip-content .k-grid {
    height: calc(100vh - 350px);
    width: 100%;
}

/* END TABSTRIP BUTTONS */


/* MENU DRAWER ITEM */
.k-drawer-container.k-drawer-expanded.k-drawer-push .k-drawer.k-drawer-start .k-drawer-wrapper .k-drawer-items .k-drawer-item.k-selected {
    background-color: var(--kendo-color-secondary);
    background-image: none;
    color: var(--kendo-color-on-secondary);
}
/* MENU DRAWER ITEM */


/* STEPPER FIX */
.k-stepper .k-step-done:hover .k-step-indicator, .k-stepper .k-step-done.k-hover .k-step-indicator, .k-stepper .k-step-done.k-step-hover .k-step-indicator {
    background-color: var(--kendo-color-primary);
}

.k-stepper .k-step-done .k-step-indicator {
    border-color: var(--kendo-color-primary);
    color: var(--kendo-color-on-primary);
    background-color: var(--kendo-color-primary);
}

.k-stepper .k-step-current .k-step-indicator {
    border-color: var(--kendo-color-primary);
    color: var(--kendo-color-on-primary);
    background-color: var(--kendo-color-primary);
}

.k-progressbar {
    color: var(--kendo-color-on-primary);
    background-color: var(--kendo-color-primary-subtle);
}

.k-stepper .k-step-current:hover .k-step-indicator, .k-stepper .k-step-current.k-hover .k-step-indicator, .k-stepper .k-step-current.k-step-hover .k-step-indicator {
    background-color: var(--kendo-color-primary);
}

.k-progressbar .k-selected {
    color: var(--kendo-color-on-primary);
    background-color: var(--kendo-color-primary);
}
/* END STEPPER FIX */

/* FIX FILEMAAGER */
.k-tabstrip-content .FilemanagerHeight {
    height: calc(100dvh - 310px) !important;
}
/* END FIX FILEMAAGER */
/* END FIX FILEMANAGER */

/* PANELBAR HEADER FIX */
.k-panelbar > .k-panelbar-header > .k-link.k-selected:focus, .k-panelbar > .k-panelbar-header > .k-link.k-selected.k-focus,
.k-panelbar > .k-panelbar-header > .k-link.k-selected:hover:focus, .k-panelbar > .k-panelbar-header > .k-link.k-selected.k-hover.k-focus {
    background: var(--kendo-color-primary);
    color: var(--kendo-color-on-primary);
}
/* END PANELBAR HEADER FIX */
/* ---------------------- END TELERIK OVERWRITE ---------------------- */
/* ---------------------- HOMEMADE COMPONENT ---------------------- */
/* HORIZONTAL COLLAPSE PANEL : aka PannelFranck */
.horizontalCollapsePanelSpace {
    width: 44px;
}

td .horizontalCollapsePanel {
    width: 100%;
    height: 100%;
    position: relative;
}

.horizontalCollapsePanel > * {
    transition: 0.2s all ease-in-out;
}

.horizontalCollapsePanel {
    width: 42px;
    right: 0px;
    bottom: 0;
    text-align: right;
    height: 100%;
    overflow: hidden;
    transition: 0.3s all ease-in-out;
}

    .horizontalCollapsePanel.Small {
        line-height: 1;
    }

    .horizontalCollapsePanel:hover, .horizontalCollapsePanel.Show {
        width: 100% !important;
    }

.k-dropdownlist ~ .horizontalCollapsePanel:hover, .k-dropdownlist ~ .horizontalCollapsePanel.Show {
    background-color: #f5f5f5 !important;
}

.horizontalCollapsePanelButton:hover ~ .horizontalCollapsePanelButtons, .horizontalCollapsePanelButtons:hover,
.horizontalCollapsePanelButtons.alwaysShow {
    display: block;
    transform: translateX(-38px);
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    border-top: 1px solid rgba(0, 0, 0, 0.5);
}

    .horizontalCollapsePanel.Small .horizontalCollapsePanelButton:hover ~ .horizontalCollapsePanelButtons, .horizontalCollapsePanel.Small .horizontalCollapsePanelButtons:hover,
    .horizontalCollapsePanelButtons.alwaysShow.Small {
        transform: translateX(-38px);
    }

.horizontalCollapsePanel:hover .horizontalCollapsePanelButtons {
    opacity: 1;
}

.horizontalCollapsePanelButtons {
    display: block;
    position: absolute;
    right: 0px;
    width: auto;
    height: 100%;
    z-index: 2;
    white-space: nowrap;
    top: 0px;
    border-left: 1px solid rgba(0, 0, 0, 0.5);
    border-bottom: 0px solid rgba(0, 0, 0, 0.5);
    border-top: 0px solid rgba(0, 0, 0, 0.5);
    border-radius: 5px 0px 0px 5px;
    background: white;
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
    transform: translateX(100%);
    opacity: 0;
    transition: 0.2s all ease-in-out;
    box-shadow: -1px 0px 10px -3px rgba(0,0,0,0.54);
    -webkit-box-shadow: -1px 0px 10px -3px rgba(0,0,0,0.54);
    -moz-box-shadow: -1px 0px 10px -3px rgba(0,0,0,0.54);
}

.k-dropdownlist ~ .horizontalCollapsePanel {
    border-bottom: 1px solid #989898;
}

    .k-dropdownlist ~ .horizontalCollapsePanel:hover {
        border-bottom: 1px solid #000;
    }

    .k-dropdownlist ~ .horizontalCollapsePanel .horizontalCollapsePanelButtons {
        background-color: #f5f5f5 !important;
        border-left: 0px solid rgba(0, 0, 0, 0.5);
        border-bottom: 0px solid rgba(0, 0, 0, 0.5);
        border-top: 0px solid rgba(0, 0, 0, 0.5);
        border-radius: 0px;
    }

.horizontalCollapsePanelButtons button {
    height: 100% !important;
}

.horizontalCollapsePanelButton {
    z-index: 3;
}

.horizontalCollapsePanel.Small .horizontalCollapsePanelButton {
    height: 22px !important;
}

.horizontalCollapsePanelButtons.alwaysShow {
    opacity: 1; /* Opacité à 1 lorsque toujours montré */
}

.horizontalCollapsePanelButtons:not(.alwaysShow) {
    opacity: 0; /* Opacité à 0 si pas toujours montré */
}
/* END HORIZONTAL COLLAPSE PANEL */


/* GRIDS FOR BATCH IMPORT */
.batch-grid td:first-child,
.batch-grid th:first-child {
    text-align: center !important;
}

.batch-grid .k-new-row, .batch-grid .k-changed-cell {
    background-color: rgb(94, 194, 50, 0.5) !important;
}

    .batch-grid .k-new-row:hover {
        background-color: rgb(94, 194, 50, 0.6) !important;
    }

.batch-grid .k-deleted-row td:not(:first-child):not(.k-command-cell) {
    outline: none;
    cursor: default;
    opacity: 0.6;
    filter: grayscale(0.1);
    pointer-events: none;
    box-shadow: none;
}
/* END GRIDS FOR BATCH IMPORT */

/* TOOLBAR GRID */
/*.k-grid .k-toolbar {
    display: none !important;
    height: 0px !important;
    transition: 0.2s ease-in-out all !important;
}

    .k-grid .k-toolbar:has(button), .k-grid .k-toolbar:has(input), .k-grid .k-toolbar:has(label) {
        display: flex !important;
        height: auto !important;
    }
*/
/* END TOOLBAR GRID */

/* DISPLAY BUTTON HOVER */
.anp-button-hover .button-hover button {
    opacity: 0 !important;
    transition: 0.2s ease-in-out opacity !important;
}

.anp-button-hover:hover .button-hover button {
    opacity: 1 !important;
}
/* END DISPLAY BUTTON HOVER */


/* REMOVING SCROLL ON GRIDS */
.grid-no-scroll .k-grid-content {
    overflow-y: auto;
}

.grid-no-scroll .k-grid-header,
.grid-no-scroll .k-grid-footer {
    padding-right: 0; /* version 2.26 and older requires !important here */
}

.grid-no-scroll .k-grid-header-wrap,
.grid-no-scroll .k-grid-footer-wrap {
    border-right-width: 0;
}
/* END REMOVING SCROLL ON GRIDS */


/* REMOVE SEPARATOR FOR CARD FOOTER */
.anpCardFooterSeparatorNone .k-card-footer {
    border: 0px !important;
}
/* END REMOVE SEPARATOR FOR CARD FOOTER */


/* CUSTOM BACKGROUND ON GRIDS */
/* ERROR */
.k-card-error td,
.k-card-error .k-grid .k-table-th,
.k-card-error .k-changed-cell,
.k-card-error .k-toolbar,
.k-card-error .k-tooltip,
.k-card-error .k-grid-header,
.k-card-error .k-grouping-header,
.k-card-error .k-grid-add-row,
.k-card-error .k-pager {
    background-color: var(--kendo-color-error-subtle, #fcc7c2) !important;
    color: var(--kendo-color-error-on-subtle, #550c07) !important;
}

    .k-card-error .k-tooltip .k-callout {
        color: var(--kendo-color-error-subtle, #fcc7c2) !important;
    }

.customer-risk div:not(.k-multiselect, .k-input-values), .customer-risk .k-tabstrip-item {
    background-color: var(--kendo-color-error-subtle) !important;
}
/* END ERROR */
/* END CUSTOM BACKGROUND ON GRIDS */


/* ANP INNERCELL */
.limited .k-table-row {
    display: table-row !important;
    height: 10px !important;
}

.limited .hover, .limited .full, .limited .selected {
    height: 20px;
    overflow: hidden;
    transition: 0.2s all ease-in-out;
}

    .limited .hover p, .limited .full p {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.limited .k-table-row .hover {
    transition: 0.2s all ease-in-out;
}

.limited .k-table-row:hover .hover, .limited .k-table-row.k-selected .selected, .limited .k-selected .hover {
    height: auto !important;
}

    .limited .k-table-row:hover .hover p, .limited .k-table-row.k-selected .hover p, .limited .k-table-row.k-selected .selected p {
        overflow: visible;
        white-space: normal;
    }

.limited .k-table-row p {
    margin: 0 !important;
}

.limited .k-table-row:nth-of-type(even) {
    background-color: #FBFBFB !important;
}
/* END ANP INNERCELL */


/* GRID EVEN STYLE */
.k-table-row:nth-of-type(even):hover {
    background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 8%, transparent) !important;
}
/* END GRID EVEN STYLE */


/* DOCUMENTFORM FIX RESPONSIVE */
@media screen and (min-width: 1280px) {
    .documentFormClient {
        order: 1;
        width: calc((100% / 10)*2 - 16px);
    }

    .documentFormBills {
        order: 2;
        width: calc((100% / 4) - 16px);
    }

    .documentFormDelivery {
        order: 3;
        width: calc((100% / 4) - 16px);
    }

    .documentFormStatus {
        order: 4;
        width: calc((100% / 10)*3 - 16px);
    }
}

@media screen and (max-width: 1279px) {
    .documentFormClient {
        order: 1;
        width: calc(100% / 3 - 16px);
    }

    .documentFormBills {
        order: 2;
        width: calc(100% / 3 - 16px);
    }

    .documentFormDelivery {
        order: 3;
        width: calc(100% / 3 - 16px);
    }

    .documentFormStatus {
        order: 4;
        width: 100%;
    }
}
/* END DOCUMENTFORM FIX RESPONSIVE */


/* ANP TABSTRIP */
.k-tabstrip-content:focus, .k-tabstrip-content.k-focus, .k-tabstrip > .k-content:focus, .k-tabstrip > .k-content.k-focus {
    outline-width: 0px !important;
}

.k-splitter {
    border-width: 0 !important;
}

.k-treeview-item .k-checkbox-wrap:has(input:checked) + .k-treeview-leaf {
    background-color: var(--kendo-color-primary-subtle-active);
}

.treeview-item-button {
    border: none;
    font-size: var(--kendo-font-size, inherit);
    background-color: var(--kendo-color-primary, inherit);
    color: var(--kendo-color-on-primary) !important;
    padding: .25rem !important;
}

span:has(.k-disabled) .k-disabled {
    border-color: color(srgb 0.129412 0.129412 0.129412 / 0.44);
    color: #212121;
    background-color: rgb(245, 245, 245);
    opacity: 0.6 !important;
}
/* END ANP TABSTRIP */


/* ---------------------- END HOMEMADE COMPONENT ---------------------- */


/* ---------------------- SPECIFIC TO PROJECT ---------------------- */

/* ICON PLUS SIZE */
.k-svg-i-plus-outline svg {
    width: 20px !important;
    height: 20px !important;
}
/* END ICON PLUS SIZE */

/* ---------------------- END SPECIFIC TO PROJECT ---------------------- */


.breadcrumb-innercell-items, .breadcrumb-innercell-suppitems {
    display: flex;
    width: auto;
    padding-inline: 0 !important;
    align-items: center;
}

.breadcrumb-innercell-item {
    padding: 5px 10px !important;
    width: max-content;
    margin-bottom: 0 !important;
    font-weight: bold;
}

    .breadcrumb-innercell-item:last-child {
        border-radius: 0.25rem;
        background-color: var(--kendo-color-primary);
        color: var(--kendo-color-on-primary);
    }

    .h-75dvh{
        max-height:75dvh !important;
    }