:root {
    /*colors*/
    --white: #FFF;
    --black: #0F0F10;
    --rz-primary: #FF6C37 !important;
    --rz-primary-light: #FF6C37 !important;
    --rz-primary-lighter: #FF6C37 !important;
    --rz-secondary: #FF6C37 !important;
    --rz-secondary-light: #FF6C37 !important;
    --rz-secondary-lighter: #FF6C37 !important;
    --rz-base-background-color: #1F1F23 !important;
    --rz-layout-background-color: var(--rz-base-background-color) !important;
    --rz-base-700: #222226 !important;
    --rz-base-800: #1F1F23 !important;
    --rz-base-900: #1B1B1E !important;
    --rz-base-950: #151517 !important;
    --rz-border-base-700: #2C2C33 !important;
    --rz-border-base-800: #2C2C33 !important;
    --rz-border-base-900: #2C2C33 !important;
    --rz-border-normal: 1px solid var(--rz-border-base-800) !important;
    /*icons*/
    --rz-icon-weight: inherit !important;
    /*inputs*/
    --rz-input-background-color: var(--rz-layout-background-color) !important;
    /*buttons*/
    --rz-button-hover-shadow: none !important;
    /*checkbox*/
    --rz-checkbox-border-radius: 4px !important;
    --rz-checkbox-checked-icon-border-radius: 4px !important;
    --rz-checkbox-checked-border: none !important;
    --rz-checkbox-checked-color: var(--white) !important;
    --rz-checkbox-border-width: 2px !important;
    /*sidebar*/
    --rz-sidebar-background-color: var(--rz-base-900) !important;
    --rz-sidebar-border-inline-end: 1px solid var(--rz-border-base-800) !important;
    --rz-sidebar-border-color: var(--rz-border-base-800) !important;
    --rz-sidebar-toggle-background-color: var(--rz-layout-background-color) !important;
    --rz-sidebar-toggle-border: none !important;
    --rz-panel-menu-item-background-color: var(--rz-base-900) !important;
    --rz-panel-menu-item-2nd-level-background-color: var(--rz-base-950) !important;
    --rz-panel-menu-item-2nd-level-active-background-color: var(--rz-base-950) !important;
    --rz-panel-menu-item-border: none !important;
    --rz-panel-menu-item-active-background-color: var(--rz-base-950) !important;
    /*header*/
    --rz-header-background-color: var(--rz-layout-background-color) !important;
    --rz-header-border: 1px solid var(--rz-border-base-800) !important;
    /*profile*/
    --rz-profile-menu-top-item-background-color: var(--rz-layout-background-color) !important;
    --rz-profile-menu-background-color: var(--rz-base-700) !important;
    /*grid*/
    --rz-grid-stripe-odd-background-color: var(--rz-base-900) !important;
    --rz-grid-header-background-color: var(--rz-layout-background-color) !important;
    --rz-grid-selected-background-color: var(--rz-primary) !important;
    /*menu*/
    --rz-menu-top-item-background-color: transparent !important;
    /*splitbutton*/
    --rz-dropdown-open-background-color: var(--rz-layout-background-color) !important;
    /*fieldset*/
    --rz-fieldset-border: 1px solid var( --rz-border-base-700) !important;
}

/*center dialog over side dialog*/
.rz-dialog-wrapper {
    z-index: 1100 !important;
}

/*dialog over command butons*/
.rz-splitbutton-menu {
    z-index: unset !important;
}
/*hiding RadzenSplitButton arrow icon (ONLY FOR RadzenDataGrid)*/
.rz-data-grid .rz-splitbutton .rz-button.rz-splitbutton-menubutton {
    display: none !important;
}

/*removing split button from RadzenSplitButton to look like a RadzenMenu (ONLY FOR RadzenDataGrid)*/
.rz-data-grid .rz-splitbutton .rz-button:not(.rz-splitbutton-menubutton) {
    border-start-end-radius: 4px;
    border-end-end-radius: 4px;
}

/*RadzenSplitButton hover bg color (ONLY FOR RadzenDataGrid)*/
.rz-data-grid .rz-button.rz-variant-text.rz-primary:not(.rz-state-disabled):hover:not(:active) {
    background-color: var(--rz-base-700) !important;
    color: white !important;
}

/*RadzenSplitButton main button text color*/
.rz-data-grid .rz-button.rz-variant-text.rz-primary.rz-shade-default {
    color: white !important;
}

/*RadzenSplitButton active style*/
button.rz-variant-text.rz-primary:not(.rz-state-disabled):active {
    background-color: var(--rz-base-700) !important;
    color: white !important;
}

/*RadzenSplitButton main button icon active style*/
.rz-button.rz-variant-text.rz-primary:not(.rz-state-disabled):active {
    color: white !important;
}

.rz-cell-filter {
    border-bottom: 1px solid var(--rz-border-base-800);
}

.rz-notification {
    position: fixed !important;
    top: 8% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    inset-inline-end: auto !important;
}



/*sidebar menu*/
.sidebar-menu, .sidebar-menu ul {
    list-style: none;
    padding-inline-start: 0;
    margin-block-start: 4px;
    cursor: pointer;
    margin-top: 10px;
}
    .sidebar-menu > li > ul > li > a {
        font-weight: 250 !important;
    }
    .sidebar-menu li {
        padding: 10px 10px;
        /*padding: 0;*/
        margin: 0;
        line-height: 1.5;
        font-weight: 600;
        position: relative;
        /*border-left: 1px solid*/
    }

        .sidebar-menu li:hover {
            background-color: var(--rz-base-950);
        }

            .sidebar-menu li:hover > ul {
                display: block; /* Exibir os filhos quando o item pai estiver em hover */
            }

        .sidebar-menu li.active {
            border-left: 4px solid var(--rz-primary); /* Change to your active background color */
        }

    .sidebar-menu ul ul {
        display: none; /* Ocultar os subitens por padrão */
        list-style: none; /* Remover as marcas dos subitens */
        padding-left: 20px; /* Adicionar um recuo */
        border-left: 1px solid #ddd; /* Opcional: adicionar uma borda esquerda para os subitens */
    }

    .sidebar-menu ul li:hover {
        background-color: var(--black); /* Alterar a cor de fundo dos subitens ao passar o mouse */
    }


    .sidebar-menu i {
        display: inline-block;
        vertical-align: middle;
    }

    .sidebar-menu .item-title {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 12px;
    }

    .sidebar-menu button {
        background-color: transparent;
        box-shadow: none;
        border: none;
        color: white;
        display: inline-block;
        vertical-align: middle;
    }

    .sidebar-menu a {
        text-decoration: none;
        color: white;
        display: inline-block;
        vertical-align: middle;
        margin-left: 8px;
        width: 160px;
    }

    .sidebar-menu .expanded {
        background-color: var(--rz-base-950);
    }