/* GENERAL */
html { height: -webkit-fill-available; font-family: 'Poppins', sans-serif; }
body { min-height: 100vh; min-height: -webkit-fill-available; background: rgba(0, 0, 0, .1); font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 0.9rem; }
main { height: 100vh; height: -webkit-fill-available; max-height: 100vh; overflow-x: auto; overflow-y: hidden; }
.badge { font-weight: 500; }

/* TYPOGRAPHY */
a { cursor: pointer; color: #03a9f3; }
h3 { font-size: 1.3rem; }
.toggleBoolean { font-size: 1rem; }

/* COLORS */
.text-bg-primary { background-color: #fb9670 !important; }
.text-bg-info { background-color: #03a9f3 !important; }
.text-bg-danger { background-color: #e46a76 !important; }
.text-bg-warning { background-color: #fec107 !important; }
.text-bg-success { background-color: #00c292 !important; }
.text-bg-secondary { background-color: #f8f9fa !important; color: rgb(33, 37, 41) !important; }
.text-bg-dark { background-color: #343a40 !important; }
.active>.page-link, .page-link.active { background-color: #03a9f3; border-color: #03a9f3; }
.btn-primary { background-color: #fb9678; border-color: #fb9678; }
.btn-secondary { color: rgb(33, 37, 41); background-color: #f8f9fa; border-color: #f8f9fa; }
.btn-success { background-color: #00c292; border-color: #00c292; }
.btn-info { background-color: #03a9f3; border-color: #03a9f3; }
.btn-warning {  background-color: #fec107; border-color: #fec107; }
.btn-danger { background-color: #e46a76; border-color: #e46a76; }
.btn-light { color: rgb(33, 37, 41); background-color: #f8f9fa; border-color: #f8f9fa; }
.btn-dark { background-color: #343a40; border-color: #343a40; }
.btn-outline-primary { color: #fb9678; border-color: #fb9678; }
.btn-outline-secondary { color: #212529; background: #fff; border-color: #dee2e6; }
.btn-outline-success { color: #00c292; border-color: #00c292; }
.btn-outline-info { color: #03a9f3; border-color: #03a9f3; }
.btn-outline-warning { color: #fec107; border-color: #fec107; }
.btn-outline-danger { color: #e46a76; border-color: #e46a76; }
.btn-outline-dark { color: #343a40; border-color: #343a40; }

/* MAIN NAV */
.sidemenu { height: 100vh; width: 280px; z-index: 1 }
.sidemenu i { vertical-align: bottom; }
.navbar-brand i { vertical-align: top; }
@media (max-width: 1199px) {
   .sidemenu { margin-left: -230px; position: absolute; transition: all 0.5s; }
   .sidemenu:hover { margin-left: 0px; position: absolute; transition: all 0.5s; }
   .main_content { margin-left: 50px; }
}

/* SUBNAV */
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show { border-radius: 3px; background: #03a9f3; color: white; }
.dropdown-item.active, .dropdown-item:active { background: #03a9f3; }

/* SIDEBAR */
.offcanvas.large { width: 640px; max-width: 80%; }
.offcanvas-header { background: #f3f3f3; }

/* STUFF */
.dropdown-toggle { outline: 0; }

.btn-toggle {
   padding: .25rem .5rem;
   font-weight: 600;
   color: var(--bs-emphasis-color);
   background-color: transparent;
}
.btn-toggle:hover,
.btn-toggle:focus {
   color: rgba(var(--bs-emphasis-color-rgb), .85);
   background-color: var(--bs-tertiary-bg);
}

.btn-toggle::before {
   width: 1.25em;
   line-height: 0;
   content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
   transition: transform .35s ease;
   transform-origin: .5em 50%;
}

[data-bs-theme="dark"] .btn-toggle::before {
   content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%28255,255,255,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
}

.btn-toggle[aria-expanded="true"] {
   color: rgba(var(--bs-emphasis-color-rgb), .85);
}
.btn-toggle[aria-expanded="true"]::before {
   transform: rotate(90deg);
}

.btn-toggle-nav a {
   padding: .1875rem .5rem;
   margin-top: .125rem;
   margin-left: 1.25rem;
}
.btn-toggle-nav a:hover,
.btn-toggle-nav a:focus {
   background-color: var(--bs-tertiary-bg);
}

.scrollarea {
   overflow-y: auto;
}

.bd-placeholder-img {
   font-size: 1.125rem;
   text-anchor: middle;
   -webkit-user-select: none;
   -moz-user-select: none;
   user-select: none;
}

@media (min-width: 768px) {
   .bd-placeholder-img-lg {
      font-size: 3.5rem;
   }
}

.b-example-divider {
   width: 100%;
   height: 3rem;
   background-color: rgba(0, 0, 0, .1);
   border: solid rgba(0, 0, 0, .15);
   border-width: 1px 0;
   box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

.b-example-vr {
   flex-shrink: 0;
   width: 1.5rem;
   height: 100vh;
}

.bi {
   vertical-align: -.125em;
   fill: currentColor;
}

.nav-scroller {
   position: relative;
   z-index: 2;
   height: 2.75rem;
   overflow-y: hidden;
}

.nav-scroller .nav {
   display: flex;
   flex-wrap: nowrap;
   padding-bottom: 1rem;
   margin-top: -1px;
   overflow-x: auto;
   text-align: center;
   white-space: nowrap;
   -webkit-overflow-scrolling: touch;
}

.btn-bd-primary {
   --bd-violet-bg: #712cf9;
   --bd-violet-rgb: 112.520718, 44.062154, 249.437846;

   --bs-btn-font-weight: 600;
   --bs-btn-color: var(--bs-white);
   --bs-btn-bg: var(--bd-violet-bg);
   --bs-btn-border-color: var(--bd-violet-bg);
   --bs-btn-hover-color: var(--bs-white);
   --bs-btn-hover-bg: #6528e0;
   --bs-btn-hover-border-color: #6528e0;
   --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
   --bs-btn-active-color: var(--bs-btn-hover-color);
   --bs-btn-active-bg: #5a23c8;
   --bs-btn-active-border-color: #5a23c8;
}
.bd-mode-toggle {
   z-index: 1500;
}


.dataTables_filter { padding: 5px 10px; background: #f3f3f3; border-radius: 5px; margin-bottom: 10px; border: 1px solid #deee; float: right; }
.dt-buttons { float: left; }
.dt-buttons button { border-radius: 3px; padding: 5px 10px; border: 1px solid #333; background: #333; color: white; }