@charset "utf-8";
/*
# ---------------------- #
# Developed by Volkertek #
# All rights reserved    #
# ---------------------- #
*/
/* -------------------------------------------------- */
html           {overflow-x: hidden; overflow-y: scroll;}
body           {display: flex; flex-direction: column; margin: 0!important; min-height: 100vh; padding-left: 0!important; padding-right: 0!important;}
header, footer {flex: none;}
main           {flex: 1 0 auto;}
a              {transition: .15s all;}
/* -------------------------------------------------- */
.loader-bg      {align-items: center; bottom: 0; display: flex; flex-direction: column; justify-content: center; left: 0; position: fixed; right: 0; top: 0; z-index: 9999;}
.loader-spinner {animation: spinner-cube 3s infinite; border: 6px solid; height: 56px; width: 56px;}
/* -------------------------------------------------- */
@keyframes spinner-cube {0%{transform: rotate(0deg);} 10%,15%{transform: rotate(-90deg);} 20%,25%{transform: rotate(-180deg);} 30%,35%{transform: rotate(-270deg);} 40%,50%{transform: rotate(-360deg);} 100%{transform: rotate(720deg);}}
/* -------------------------------------------------- */
.navbar {height: 60px;}
/* -------------------------------------------------- */
.offcanvas                                                                  {width: 280px!important;}
.offcanvas .offcanvas-header                                                {height: 60px;}
/* -------------------------------------------------- */
.offcanvas .offcanvas-body nav ul li.sub-menu:first-child img               {height: 32px; width: 32px;}
.offcanvas .offcanvas-body nav ul li.sub-menu:first-child > a::after        {content: '\2b';}
.offcanvas .offcanvas-body nav ul li.sub-menu:first-child.active > a::after {transform: rotate(135deg);}
.offcanvas .offcanvas-body nav ul li.sub-menu > a::after                    {content: '\f105'; font-family: 'Font Awesome 6 Free'; font-weight: 900; position: absolute; right: 0; transform: rotate(0deg); transition: .15s all; vertical-align: middle;}
.offcanvas .offcanvas-body nav ul li.sub-menu.active > a::after             {transform: rotate(90deg);}
/* -------------------------------------------------- */
.breadcrumb-item+.breadcrumb-item::before {content: '\f105'; font-family: 'Font Awesome 6 Free'; font-weight: 900;}
/* -------------------------------------------------- */
[data-image]     {cursor: pointer; max-height: 60px;}
[data-table] img {max-height: 60px;}
/* -------------------------------------------------- */
.card                  {box-shadow: 0 0 34px 0 rgba(154, 161, 171, 0.14); transition: .15s all}
.card.card-hover:hover {border-color: rgba(var(--bs-primary-rgb), 0.4); box-shadow: 0px 0px 24px 2px rgba(var(--bs-primary-rgb), 0.4);}
/* -------------------------------------------------- */
[data-bs-theme="dark"] {.card {box-shadow: 0 0 34px 0 rgba(10, 10, 10, 0.4)}}
/* -------------------------------------------------- */
table img, table svg {height: 40px; width: 60px;}
/* -------------------------------------------------- */
.progress, .progress-bar {height: 40px;}
/* -------------------------------------------------- */