:root {
    --primary: 121 85 72;
    --warning:230 167 54;
    --success:24 155 118;
    --info:40 153 218;
    --defaultborder: 240 240 240;
}

.main-header-container .header-element {
    align-items: center;
}

[data-toggled=close] .app-sidebar .main-sidebar-header {
    display: flex;
}

[data-toggled=close] .app-sidebar #sidebar-scroll {
    margin-top: 3.72rem;
}

.app-sidebar .main-sidebar-header .header-logo img {
    height: 7rem;
}

.app-sidebar .main-sidebar-header {
    height: 8.75rem;
}

[data-toggled=close] .app-sidebar #sidebar-scroll {
    margin-top: 8.72rem;
}

.main-sidebar {
    margin-top: 8.72rem;
    height: 80vh;
}

[data-menu-styles=dark] .app-sidebar {
    background-color: rgb(255 255 255);
}

.ti-btn-primary {
    background-color: rgb(var(--primary)) !important;
    color: #ffffff;
}

.app-sidebar .side-menu__item.active,
.app-sidebar .side-menu__item:hover {
    background-color: rgb(var(--primary)) !important;
}

.box {
    padding: 0 1rem;
}

.box-body {
    padding: 1.25rem 0;
}

.box-header {
    border-bottom-color: rgb(121 85 72 / 28%);
    border-style: dashed;
}

.app-sidebar .side-menu__label {
    color: rgb(var(--primary)) !important;
}

.app-sidebar .side-menu__icon {
    color: rgb(var(--primary)) !important;
}

.app-sidebar .slide.active .side-menu__label {
    color: #fff !important;
}

.app-sidebar .slide.active .side-menu__icon {
    color: #fff !important;
}

.app-sidebar .side-menu__item:hover .side-menu__icon,
.app-sidebar .side-menu__item:hover .side-menu__label {
    color: #fff !important;
}

.app-sidebar .slide__category {
    color: rgb(88 96 119);
}

.app-sidebar .main-sidebar-header {
    border-bottom-color: rgb(89 86 86 / 10%);
}

.bg-primary\/10 {
    background-color: rgb(var(--primary) / 0.1);
}

.app-sidebar .side-menu__item{
    color: rgb(var(--primary));
}
.badge{
    font-size: 1em;
}

.text-warning {
    color: rgb(var(--warning));
}
.text-success {
    color: rgb(var(--success));
}

.text-info {
    color: rgb(var(--info));
}

hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
    margin-bottom: 1rem !important;
    border-style: dashed;
    border-color: rgb(var(--primary) / 0.4);
    margin-top: 1rem !important;
}
.form-label {
    color: rgb(116 116 117) !important;
}

.box-title{
    color: rgb(var(--primary));
}
/* 
[data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar {
    width: 5rem;
}

@media screen and (min-width: 992px) {
    [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar {
        width: 5rem;
        display: block;
    }

    [data-vertical-style=closed][data-toggled=close-menu-close] .content {
        margin-inline-start: 5rem !important;
    }

} */