#theme-mode-1{background-color:var(--ar-gray-500)!important;}
#theme-mode-2{background-color:var(--ar-gray-500)!important;}
#theme-custom-margin-top{margin-top:74px!important;}
.theme-custom-padding-top{padding-top:74px!important;}
body{font-family:'Poppins',sans-serif!important;}

#dashboard-layout-container-header{height:64px;min-height:64px;max-height:64px;}

/* COMMON */
.sidebar-link-chevron {
transition: all 0.35s ease;
}
.sidebar-link.collapsed .sidebar-link-chevron {
transform: rotate(0deg);
}
.sidebar-link:not(.collapsed) .sidebar-link-chevron {
transform: rotate(90deg);
}
[data-bs-theme=dark] #dashboard-layout-toggler {
background: #262A31;
}
[data-bs-theme=dark] #dashboard-layout-toggler:hover {
background: #333842;
}
[data-bs-theme=dark] #dashboard-layout-toggler:focus-visible {
background: #333842;
}
[data-bs-theme=dark] #dashboard-layout-toggler:active {
background: #333842;
}
.custom-dot {
font-size: .33rem;
}
.sidebar-title-wrapper {
height: 64px;
min-height: 64px;
max-height: 64px;
align-items: center;
}
.sidebar-link {
height: 3rem;
min-height: 3rem;
text-decoration: none;
}
.sidebar-link:hover {
background: var(--ar-gray-200);
}
.sidebar-link.active {
background: rgba(var(--ar-primary-rgb), 0.1);
}
.bottombar-link:hover {
background: var(--ar-gray-200) !important;
}
.bottombar-link.active, .bottombar-link:active {
color: var(--ar-primary) !important;
background: rgba(var(--ar-primary-rgb), 0.1) !important;
}
#dashboard-layout-toggler {
transition: 0s;
-moz-transition: 0s;
-webkit-transition: 0s;
}
[data-bs-theme=light] .sidebar-link-sub.active {
color: var(--ar-dark);
background: transparent;
}
[data-bs-theme=dark] .sidebar-link-sub.active {
color: var(--ar-light);
background: transparent;
}
.sidebar-link-sub.active .custom-dot {
font-size: .5rem;
color: var(--ar-primary);
}
#dashboard-layout-sidebar {
transition: width 0.35s ease-in-out,
min-width 0.35s ease-in-out,
max-width 0.35s ease-in-out,
flex-basis 0.35s ease-in-out;
}

/* COLLAPSED */
#dashboard-layout.layout-collapsed #dashboard-layout-sidebar {
width: 100px;
min-width: 100px;
max-width: 100px;
}
#dashboard-layout.layout-collapsed .sidebar-title-wrapper {
justify-content: center;
}
#dashboard-layout.layout-collapsed .sidebar-title-short{display:flex;}
#dashboard-layout.layout-collapsed .sidebar-title-long{display:none;}
#dashboard-layout.layout-collapsed #dashboard-layout-toggler {
transform: rotate(180deg);
}
#dashboard-layout.layout-collapsed .sidebar-link {
justify-content: center;
}
#dashboard-layout.layout-collapsed .sidebar-link-both span {
display: none;
}
#dashboard-layout.layout-collapsed .sidebar-link-short {
display: flex;
}
#dashboard-layout.layout-collapsed .sidebar-link-long {
display: none;
}
#dashboard-layout.layout-collapsed .sidebar-group-short {
display: flex !important;
}
#dashboard-layout.layout-collapsed .sidebar-group-long {
display: none !important;
}
#dashboard-layout.layout-collapsed .sidebar-form {
height: 0;
opacity: 0;
visibility: hidden;
transition: opacity 0.35s ease-in-out, visibility 0.35s ease-in-out;
}

/* EXPANDED */
#dashboard-layout.layout-expanded #dashboard-layout-sidebar {
width: 280px;
min-width: 280px;
max-width: 280px;
}
#dashboard-layout.layout-expanded .sidebar-title-wrapper {
justify-content: flex-start;
}
#dashboard-layout.layout-expanded .sidebar-title-short{display:none;}
#dashboard-layout.layout-expanded .sidebar-title-long{display:flex;}
#dashboard-layout.layout-expanded #dashboard-layout-toggler {
transform: rotate(0deg);
}
#dashboard-layout.layout-expanded .sidebar-link {
justify-content: flex-start;
}
#dashboard-layout.layout-expanded .sidebar-link-short {
display: none;
}
#dashboard-layout.layout-expanded .sidebar-link-long {
display: flex;
}
#dashboard-layout.layout-expanded .sidebar-link-both span {
display: flex;
}
#dashboard-layout.layout-expanded .sidebar-group-long {
display: flex !important;
}
#dashboard-layout.layout-expanded .sidebar-form {
opacity: 1;
visibility: visible;
transition: opacity 0.35s ease-in-out, visibility 0.35s ease-in-out;
}

/* OFFCANVAS */
#offcanvas-navbar.offcanvas .sidebar-link {
transition: none !important;
}
#offcanvas-navbar.offcanvas .sidebar-link {
justify-content: flex-start;
}
#offcanvas-navbar.offcanvas .sidebar-link-short {
display: none;
}
#offcanvas-navbar.offcanvas .sidebar-link-long {
display: flex;
}
#offcanvas-navbar.offcanvas .sidebar-link-both span {
display: flex;
}
#offcanvas-navbar.offcanvas .sidebar-group-long {
display: flex !important;
}