@charset "utf-8";
/*
# ---------------------- #
# Developed by Volkertek #
# All rights reserved    #
# ---------------------- #
*/
/* -------------------------------------------------- */
/* -------------------------------------------------- */
body           {display: flex; flex-direction: column; margin: 0!important; min-height: 100vh; overflow-x: hidden!important; overflow-y: scroll!important; padding-left: 0!important; padding-right: 0!important;}
header, footer {flex: none;}
main           {flex: 1 0 auto; padding: 3rem;}
a              {transition: .15s all;}
.modal         {margin: 0!important; padding: 0!important;}
/* -------------------------------------------------- */
/* -------------------------------------------------- */
.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-pulse          {height: 45px; position: relative; width: 50px;}
.loader-pulse:before,
.loader-pulse:after    {background: var(--bs-primary); clip-path: polygon(50% 0, 100% 55%, 90% 55%, 50% 100%, 10% 55%, 0 55%); content: ''; inset: 0; position: absolute;}
.loader-pulse:after    {animation: pulse 1s infinite; transform: perspective(150px) translateZ(0px);}
.loader-static         {align-items: center; display: flex; height: 45px; justify-content: center; position: relative; width: 50px;}
.loader-static:before,
.loader-static:after   {background: var(--bs-secondary-bg-subtle); clip-path: polygon(50% 20%, 80% 55%, 70% 55%, 50% 80%, 30% 55%, 20% 55%); content: ''; inset: 0; position: absolute;}
/* -------------------------------------------------- */
@keyframes pulse {to {transform: perspective(300px) translateZ(100px); opacity: 0;}}
/* -------------------------------------------------- */
/* -------------------------------------------------- */
.navbar                   {background-color: #1a1c1e; border-bottom: 1px solid #34383c; box-shadow: none; height: 60px; z-index: 1050;}
.navbar .navbar-brand     {height: 30px; margin: 0; padding: 0; width: 219px;}
.navbar .navbar-brand svg {height: 25px; width: auto;}
/* -------------------------------------------------- */
/* -------------------------------------------------- */
#wrapper          {display: flex;}
#wrapper #sidebar {flex-basis: 260px; flex-shrink: 0; height: 100vh; transform: translateX(-260px); transition: .3s all; width: 260px; z-index: 1038;}
#wrapper #content {display: flex; flex-direction: column; flex-grow: 1; justify-content: space-between; margin-left: -260px; min-height: calc(100vh - 60px); min-width: 0; padding-left: 260px; position: relative; top: 60px;}
/* -------------------------------------------------- */
/* -------------------------------------------------- */
.side-navbar                   {background-color: #1a1c1e; color: rgba(255, 255, 255, 0.7); display: flex; flex-direction: column; flex-wrap: nowrap; height: 100%; padding: 90px 15px 30px;}
.side-navbar .side-navbar-menu {flex-grow: 1; overflow-y: auto;}
/* -------------------------------------------------- */
.side-navbar .side-navbar-menu .nav                                 {flex-direction: column; flex-wrap: nowrap;}
.side-navbar .side-navbar-menu .nav .menu-heading                   {color: rgba(var(--bs-primary-rgb), .8); font-size: 0.875rem; font-weight: 700; text-transform: uppercase; padding: 0 0 .5rem;}
.side-navbar .side-navbar-menu .nav .menu-heading:not(:first-child) {padding: 1.5rem 0 .5rem;}
/* -------------------------------------------------- */
.side-navbar .side-navbar-menu .nav .nav-link       {align-items: center; border-radius: .2rem; color: rgba(255, 255, 255, .9); display: flex; padding: 1rem; position: relative;}
.side-navbar .side-navbar-menu .nav .nav-link:hover {color: #FFFFFF; background-color: rgba(var(--bs-primary-rgb), .8);}
.side-navbar .side-navbar-menu .nav .nav-link i     {color: rgba(255, 255, 255, .7); margin-right: 1rem;}
/* -------------------------------------------------- */
.side-navbar .side-navbar-menu .nav button.nav-link::after           {content: '\f0d7'; font-family: 'Font Awesome 7 Free'; font-weight: 900; position: absolute; right: 1rem; transform: rotate(0deg); transition: .15s all; vertical-align: middle;}
.side-navbar .side-navbar-menu .nav button.nav-link.collapsed::after {transform: rotate(-90deg);}
/* -------------------------------------------------- */
.side-navbar .side-navbar-menu .nav .submenu                  {flex-direction: column; flex-wrap: nowrap; margin-left: 2rem;}
.side-navbar .side-navbar-menu .nav .submenu .nav-link        {color: rgba(255, 255, 255, .7);}
.side-navbar .side-navbar-menu .nav .submenu .nav-link i      {color: rgba(255, 255, 255, .5);}
.side-navbar .side-navbar-menu .nav .submenu .nav-link::after {content: '';}
/* -------------------------------------------------- */
.side-navbar-toggled #wrapper #sidebar        {transform: translateX(0);}
.side-navbar-toggled #wrapper #content:before {background: #000000; content: ''; display: block; height: 100%; left: 0; opacity: 0.5; position: absolute; top: 0; transition: .15s all; width: 100%; z-index: 1037;}
/* -------------------------------------------------- */
.simplebar-track.simplebar-vertical           {width: 8px;}
.simplebar-scrollbar::before                  {background-color: var(--bs-primary);}
/* -------------------------------------------------- */
@media (min-width: 1200px)
{
  #wrapper #sidebar {transform: translateX(0);}
  #wrapper #content {margin-left: 0; transition: .15s all;}
  /* -------------------------------------------------- */
  .side-navbar-toggled #wrapper #sidebar {transform: translateX(-260px);}
  .side-navbar-toggled #wrapper #content {margin-left: -260px;}
  .side-navbar-toggled #wrapper #content::before {display: none;}
}
/* -------------------------------------------------- */
/* -------------------------------------------------- */
.breadcrumb-item+.breadcrumb-item::before {content: '\f105'; font-family: 'Font Awesome 7 Free'; font-weight: 900;}
/* -------------------------------------------------- */
/* -------------------------------------------------- */
.table-wrapper           {position: relative;}
.table                   {margin: 0;}
.table>:not(caption)>*>* {background-color: var(--bs-tertiary-bg)!important;}
.table-loader            {align-items:center; background-color: rgba(0,0,0, 0.7); display: flex; flex-direction:column; height: 100%; justify-content:center; left: 0; position: absolute; top: 0; width: 100%; z-index: 999;}
.table-loader .spinner   {animation: spin .5s linear infinite; border: 4px solid #999999; border-radius: 50%; border-top: 4px solid var(--bs-primary); height: 30px; margin: auto; width: 30px;}
.table thead tr th       {background-color: var(--bs-secondary-bg)!important; color: var(--bs-primary);}
/* -------------------------------------------------- */
.table thead tr th button                {align-items: center; color: var(--bs-primary); display: flex; font-weight: 700!important; justify-content: center; padding: .5rem; text-transform: uppercase; width: 100%;}
.table thead tr th button i              {color: var(--bs-tertiary-color); font-size: .8rem;}
.table thead tr th button i.fa-sort-up   {margin-bottom: -.3rem!important;}
.table thead tr th button i.fa-sort-down {margin-top: -.3rem!important;}
.table thead tr th button i.active       {color: var(--bs-info);}
/* -------------------------------------------------- */
.table tbody tr td img { height: auto; max-width: 32px;}
/* -------------------------------------------------- */
.table tfoot tr td     {padding: 2rem 1rem;}
/* -------------------------------------------------- */
@keyframes spin {0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);}}
/* -------------------------------------------------- */
/* -------------------------------------------------- */
.card              {box-shadow: 0 .125rem 0 rgba(10, 10, 10, .04); transition: .15s all;}
.card-header       {border-bottom: 1px solid var(--bs-body-bg);}
.card-title        {display: flex; align-items: center; justify-content: space-between; margin: 0; position: relative;}
.card-title:before {background: var(--bs-primary); border-radius: .25rem; content: ''; height: 2rem; left: -1.625rem; position: absolute; transform: translateY(-50%); top: 50%; width: .25rem;}
.card-footer       {border-top: 1px solid var(--bs-body-bg);}
/* -------------------------------------------------- */
.progress          {height: 30px;}
/* -------------------------------------------------- */
.loading-bar       {background-color: var(--bs-primary); bottom: 0; height: 2px; left: 0; position: absolute; transition: width 1s linear; width: 0%;}
/* -------------------------------------------------- */
.dropdown-item       {font-size: 0.875rem;}
.dropdown-item:hover {color: var(--bs-primary);}
/* -------------------------------------------------- */
/* -------------------------------------------------- */
[data-bs-theme="light"]
{
  .card                        {background-color: #FFFFFF;}
  .dropdown-menu               {background-color: #FFFFFF; border: 1px solid #F3F3F3;}
  .dropdown-menu               {box-shadow: 0 1rem 1.125rem rgba(169, 169, 169, .15);}
  .table-loader                {background-color: rgba(255,255,255, 0.8);}
}
/* -------------------------------------------------- */
[data-bs-theme="dark"]
{
  .card                        {background-color: #1A1C1E;}
  .dropdown-menu               {background-color: #1A1C1E; border: 1px solid rgba(255, 255, 255, .1);}
  .dropdown-menu               {box-shadow: 0 1rem 1.125rem rgba(40, 40, 40, .15);}
  .table-loader                {background-color: rgba(0,0,0, 0.8);}
}
/* -------------------------------------------------- */