:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-primary: #C30101;
  --bs-secondary: #000000;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 195, 1, 1;
  --bs-secondary-rgb: 0, 0, 0;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-primary-text-emphasis: #052c65;
  --bs-secondary-text-emphasis: #2b2f32;
  --bs-success-text-emphasis: #0a3622;
  --bs-info-text-emphasis: #055160;
  --bs-warning-text-emphasis: #664d03;
  --bs-danger-text-emphasis: #58151c;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #cfe2ff;
  --bs-secondary-bg-subtle: #e2e3e5;
  --bs-success-bg-subtle: #d1e7dd;
  --bs-info-bg-subtle: #cff4fc;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #9ec5fe;
  --bs-secondary-border-subtle: #c4c8cb;
  --bs-success-border-subtle: #a3cfbb;
  --bs-info-border-subtle: #9eeaf9;
  --bs-warning-border-subtle: #ffe69c;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: "Inter", sans-serif;
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #000000;
  --bs-body-color-rgb: 0, 0, 0;
  --bs-body-bg: #FBFDFD;
  --bs-body-bg-rgb: 251, 253, 253;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #007CFF;
  --bs-link-color-rgb: 0, 124, 255;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #0a58ca;
  --bs-link-hover-color-rgb: 10, 88, 202;
  --bs-code-color: #d63384;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: #fff3cd;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #CECECA;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: calc(.25rem + 1px);
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
  --bs-content-padding-x: 3.75rem;
}

img{ max-width: 100%;}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { margin-bottom: 0.5rem; font-weight: 700; line-height: 1.2; color: var(--bs-heading-color);}
h1, .h1 { font-size: 2rem;}
h2, .h2 { font-size: 1.75rem;}
h3, .h3 { font-size: 1.5rem;}
h4, .h4 { font-size: 1.25rem;}
h5, .h5 { font-size: 1rem;}
h6, .h6 { font-size: .875rem;}

.text-14{ font-size: .875rem;}

.icon-size{ width: 1em; height: 1em; display: inline-block; vertical-align: top; background-repeat: no-repeat; background-size: contain; background-position: center;}
.icon-10{ font-size: .625rem;}
.icon-14{ font-size: .875rem;}

.btn {
  --bs-btn-padding-x: 1.5rem;
  --bs-btn-padding-y: 0.625rem;
  --bs-btn-font-family: var(--bs-body-font-family);
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 500;
  --bs-btn-line-height: 1.25rem;
  --bs-btn-color: var(--bs-secondary);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: var(--bs-border-radius);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
}

.btn-icon{ display: inline-flex; align-items: center;}
.w-180{ width: 180px; max-width: 100%;}
.w-116{ width: 116px; max-width: 100%;}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #AA0000;
  --bs-btn-hover-border-color: #AA0000;
  --bs-btn-focus-shadow-rgb: 195, 1, 1;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #AA0000;
  --bs-btn-active-border-color: #AA0000;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);
}
.btn-secondary {
  --bs-btn-color: var(--bs-primary);
  --bs-btn-bg: var(--bs-secondary);
  --bs-btn-border-color: var(--bs-secondary);
  --bs-btn-hover-color: var(--bs-secondary);
  --bs-btn-hover-bg: var(--bs-primary);
  --bs-btn-hover-border-color: var(--bs-primary);
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: var(--bs-primary);
  --bs-btn-active-bg: var(--bs-secondary);
  --bs-btn-active-border-color: var(--bs-secondary);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-secondary);
  --bs-btn-disabled-bg: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);
}
.btn-gray {
  --bs-btn-color: #fff;
  --bs-btn-bg: #B8B8B8;
  --bs-btn-border-color: #B8B8B8;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #AAAAAA;
  --bs-btn-hover-border-color: #AAAAAA;
  --bs-btn-focus-shadow-rgb: 184, 184, 184;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #AAAAAA;
  --bs-btn-active-border-color: #AAAAAA;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #B8B8B8;
  --bs-btn-disabled-border-color: #B8B8B8;
}
.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #282828;
  --bs-btn-border-color: #282828;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #000000;
  --bs-btn-hover-border-color: #000000;
  --bs-btn-focus-shadow-rgb: 40, 40, 40;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #000000;
  --bs-btn-active-border-color: #000000;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #282828;
  --bs-btn-disabled-border-color: #282828;
}

.btn-link { --bs-btn-font-weight: 500; text-decoration: none;}
.btn-link:hover { text-decoration: underline;}
.link-go-back{ padding-left: 1rem; font-size: 1rem; line-height: 1.5rem; font-weight: 600; color: var(--bs-body-color); text-decoration: none; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 13' fill='none' stroke='%23282828' stroke-width='2' stroke-linecap='round'%3e%3cpath d='M6.55032 1.49995L1.72701 6.18989C1.6427 6.28431 1.6001 6.40674 1.6001 6.52818C1.6001 6.64963 1.6427 6.77158 1.72701 6.86598L6.5503 11.5559M6.5503 11.5559C6.36458 11.7428 6.7263 11.7531 6.5503 11.5559Z' /%3e%3c/svg%3E") left center no-repeat; background-size: 8px 13px;}

/* Header */
.header{ background: #fff; border-bottom: 1px solid #D8D8D8; width: 100%; position: fixed; top: 0; left: 0; z-index: 9;}
.header .container-fluid{ min-height: calc(5.25rem - 1px); padding-left: 2.25rem; padding-right: 2.25rem;}
.nav-user{ background: transparent; border: none; padding: 0; display: inline-flex; align-items: center; text-decoration: none; font-size: 1rem; font-weight: 500; line-height: 1.5; color: #000;}
.nav-user:after{ display: none;}
.nav-user .sn{ width: 2.5rem; height: 2.5rem; margin-right: .5rem; font-weight: 700; line-height: 1; display: flex; align-items: center; justify-content: center; color: #fff; background: var(--bs-primary); border-radius: 50%;}
.nav-user .icon-lock{ background: url(../images/icon-lock.svg) center center no-repeat; background-size: contain; width: 1rem; height: 1rem; margin-left: .5rem;}

/* Sidebar */
.sidebar{ width: 250px; position: fixed; top: 6.25rem; bottom: 0; left: 0; overflow-y: auto; background-color: #fff; border-right: 1px solid #D8D8D8;}
.navbar-nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 1rem;
  --bs-nav-link-font-size: .875rem;
  --bs-nav-link-font-weight: 400;
  --bs-nav-link-color: #000000;
  --bs-nav-link-hover-color: #282828;
  --bs-nav-link-disabled-color: #A1A1A1;
  padding: 1.25rem 2.25rem;
}
/*.navbar-nav .nav-item + .nav-item{ margin-top: 1rem;}*/
.navbar-nav .nav-link{ display: flex; align-items: center;}
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active{ font-weight: 700;}
.navbar-nav .nav-link .icon-size{ font-size: 1.25rem; margin-right: 1.125rem; color: #A1A1A1;}
.navbar-nav .nav-link.active .icon-size,
.navbar-nav .nav-link:hover .icon-size{ color: var(--bs-nav-link-hover-color);}

/* Form */
.form-group{ margin-bottom: 1.25rem;}
.form-group label{ font-size: .875rem; line-height: 1.125rem; font-weight: 700; margin-bottom: .375rem;}
.form-control{ padding: .625rem 1rem; font-size: .875rem; line-height: 1.125rem; color: var(--bs-body-color); background-color: var(--bs-white); border-color: var(--bs-border-color);}
textarea.form-control{ resize: none;}
.form-select{ padding: .625rem 2rem .625rem 1rem; font-size: .875rem; line-height: 1.125rem; color: var(--bs-body-color); background-color: var(--bs-white); border-color: var(--bs-border-color); --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 6'%3e%3cpath fill='none' stroke='%23282828' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' d='M1.25 1.30005L4.50019 4.63729L7.75 1.30007'/%3e%3c/svg%3e"); background-position: right 1rem center; background-size: 9px 6px;}
.form-control:focus,
.form-select:focus{ color: var(--bs-body-color); background-color: var(--bs-white); border-color: var(--bs-primary); box-shadow: none;}
.form-control.is-invalid:focus,
.form-control.is-valid:focus{ box-shadow: none;}
.form-control.is-invalid{ padding-right: 2rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"); background-position: right .75rem center;}
.form-control.is-valid{ padding-right: 2rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-position: right .5rem center;}

.input-icon-end{ position: relative;}
.input-icon-end .icon-end{ position: absolute; top: .5rem; right: .625rem;}
.input-icon-end .form-control{ padding-right: 2.5rem;}
.icon-eye{ width: 1.5rem; height: 1.5rem; display: inline-block; vertical-align: top; background-size: contain; background-position: center center; background-repeat: no-repeat; cursor: pointer;}
.hide-pass .icon-eye{ background-image: url(../images/icon-eye.svg);}
.show-pass .icon-eye{ background-image: url(../images/icon-eye-slash.svg);}
.input-icon-start{ position: relative;}
.input-icon-start .icon-size{ position: absolute; top: calc(.75rem + 1px); left: 1rem; color: #CECECA;}
.input-icon-start .form-control{ padding-left: 2.375rem;}

.input-icon-end .form-control.is-invalid,
.was-validated .input-icon-end .form-control:invalid,
.input-icon-end .form-control.is-valid,
.was-validated .input-icon-end .form-control:valid{ padding-right: 3.5rem; background-position: right 2.25rem center;}

.valid-feedback,
.invalid-feedback{ font-size: .75rem;}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px var(--bs-white) inset;
}
input:-webkit-autofill{
    -webkit-text-fill-color: var(--bs-body-color);
}
.form-control::-moz-placeholder{ color: #CECECA; opacity: 1;}
.form-control::placeholder{ color: #CECECA; opacity: 1;}

/* Check and Radio */
.form-check{ font-size: 1.25rem; line-height: 1; min-height: 1.25rem; margin-bottom: .5rem;}
.form-check-input{ --bs-form-check-bg: #fff; margin-top: 0;}
.form-check .form-check-label{ font-size: .875rem; line-height: 1.125rem; font-weight: 400; margin-bottom: 0; vertical-align: top;}
.form-check-input[type=checkbox]{ border-radius: var(--bs-border-radius);}
.form-check-input:active{ filter: brightness(100%);}
.form-check-input:focus{ border-color: var(--bs-primary); box-shadow: none;}
.form-check-input:checked{ background-color: var(--bs-primary); border-color: var(--bs-primary);}
.form-check-input[type=checkbox]:indeterminate{ background-color: var(--bs-primary); border-color: var(--bs-primary);}

/* Select2 */
.select2-container .select2-selection--single{ height: 2.5rem; background-color: var(--bs-white); border-color: var(--bs-border-color); border-radius: var(--bs-border-radius);}
.select2-container .select2-selection--single .select2-selection__rendered{ padding: .625rem 2.5rem .625rem 1rem; font-size: .875rem; line-height: 1.125rem; color: var(--bs-body-color);}
.select2-container.select2-container--focus .select2-selection--single{ border-color: var(--bs-primary); outline: none;}
.select2-container .select2-selection--single .select2-selection__placeholder{ color: #CECECA;}
.select2-container .select2-selection--single .select2-selection__clear{ font-weight: 500;}
.select2-container .select2-selection--single .select2-selection__arrow{ height: 100%; width: 2.5rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 6'%3e%3cpath fill='none' stroke='%23282828' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' d='M1.25 1.30005L4.50019 4.63729L7.75 1.30007'/%3e%3c/svg%3e"); background-position: center center; background-size: 9px 6px; background-repeat: no-repeat;}
.select2-container .select2-selection--single .select2-selection__arrow b{ display: none;}
.select2-container .select2-search--dropdown .select2-search__field{ padding: .5rem .75rem; font-size: .875rem; line-height: 1.125rem; color: var(--bs-body-color); border-color: var(--bs-border-color); box-shadow: none; outline: none;}
.select2-container .select2-results__option[aria-selected="true"]{ background-color: #eee;}
.select2-container .select2-results__option--highlighted[aria-selected]{ background-color: var(--bs-primary); color: #fff;}
.select2-container--open{ z-index: 1056;}
.select2-dropdown{ border-color: var(--bs-border-color);}
.select2-results__option{ padding: .625rem 1rem; font-size: .875rem; line-height: 1.125rem; color: var(--bs-body-color);}
.select2-container--open .select2-dropdown--below.select2-dropdown--transparent{ border-top: 1px solid var(--bs-border-color);}
.select2-container--open .select2-dropdown--above.select2-dropdown--transparent{ border-bottom: 1px solid var(--bs-border-color);}

/* Popover */
.popover {
  --bs-popover-max-width: 276px;
  --bs-popover-font-size: 0.75rem;
  --bs-popover-bg: #fff;
  --bs-popover-border-width: var(--bs-border-width);
  --bs-popover-border-color: var(--bs-border-color);
  --bs-popover-border-radius: var(--bs-border-radius);
  --bs-popover-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-popover-box-shadow: var(--bs-box-shadow);
  --bs-popover-header-padding-x: .75rem;
  --bs-popover-header-padding-y: .5rem;
  --bs-popover-header-font-size: .75rem;
  --bs-popover-header-color: inherit;
  --bs-popover-header-bg: var(--bs-body-bg);
  --bs-popover-body-padding-x: .75rem;
  --bs-popover-body-padding-y: .5rem;
  --bs-popover-body-color: var(--bs-body-color);
}
.info-popover{ width: 1rem; height: 1rem; background-color: var(--bs-secondary); color: #fff; display: inline-flex; align-items: center; justify-content: center; vertical-align: text-bottom; border-radius: 50%;}

/* Login */
.section-login{ min-height: calc(100vh - 6.375rem); padding: 1.5rem; display: flex; align-items: center; justify-content: center;}
.card-login { width: 350px; max-width: 100%; margin: 0 auto;
  --bs-card-spacer-y: 1.5rem;
  --bs-card-spacer-x: 1.5rem;
  --bs-card-border-width: 0;
  --bs-card-color: var(--bs-body-color);
  --bs-card-bg: var(--bs-white);
  color: var(--bs-body-color);
}
.card-login h1{ font-weight: 600; text-align: center;}
.fp-text{ font-size: .625rem; line-height: 1rem; font-weight: 600;}
.fp-text a{ text-decoration: underline; color: var(--bs-body-color);}
.fp-text a:hover{ text-decoration: none;}

.section-boxes{ padding: 2rem var(--bs-content-padding-x); background-color: #fff; border-bottom: 1px solid #D8D8D8;}
.g-20, .gx-20{ --bs-gutter-x: 1.25rem;}
.g-20, .gy-20{ --bs-gutter-y: 1.25rem;}
.items-box{ padding: 1rem 1.5rem; height: 100%; width: 100%; display: inline-block; color: #fff; text-decoration: none; transition: all .2s ease; background-size: 100% 100%; background-position: 100% center; border-radius: var(--bs-border-radius);}
.items-box.purple{ background-image: linear-gradient(124.9deg, #853FDE 29.46%, #6627B6 100.24%); filter: drop-shadow(0px 4px 6px rgba(133, 63, 222, 0.1));}
.items-box.light{ background-image: linear-gradient(121.83deg, #E6EDEE 30.85%, #CFE0E4 101.23%); filter: drop-shadow(0px 4px 6px rgba(106, 134, 138, 0.1)); color: #000;}
.items-box.red{ background-image: linear-gradient(120.18deg, #DE3F3F 31.62%, #CA3030 99.93%); filter: drop-shadow(0px 4px 6px rgba(222, 63, 63, 0.1));}
.items-box.blue{ background-image: linear-gradient(113.11deg, #3F92DE 24.99%, #3483CC 94.71%); filter: drop-shadow(0px 4px 6px rgba(63, 146, 222, 0.1));}
.items-box:hover{ background-size: 300% 100%;}
.items-box .item-icon{ line-height: 1; min-height: 2rem;}
.items-box.purple .item-icon{ font-size: 2rem;}
.items-box.light .item-icon{ font-size: 1.625rem; color: var(--bs-primary);}
.items-box.red .item-icon{ font-size: 1.875rem;}
.items-box.blue .item-icon{ font-size: 1.625rem;}
.items-box .item-number{ font-size: 4.5rem; line-height: 1; font-weight: 600;}
.items-box .item-text{ font-size: 1.25rem; line-height: 1.5rem; font-weight: 600;}

.section-content{}
.section-content .item-header{ padding: 1.25rem var(--bs-content-padding-x); background-color: #fff; border-bottom: 1px solid #D8D8D8;}
.section-content .item-header h1{ font-size: 1.25rem; line-height: 1.5rem; margin-bottom: 0;}
.section-content .item-body{ padding: 1.375rem var(--bs-content-padding-x);}

/* Dropdowns */
.dropdown-menu {
  --bs-dropdown-color: var(--bs-body-color);
  --bs-dropdown-bg: var(--bs-white);
  --bs-dropdown-link-color: var(--bs-body-color);
  --bs-dropdown-link-hover-color: var(--bs-white);
  --bs-dropdown-link-hover-bg: var(--bs-secondary);
  --bs-dropdown-link-active-color: var(--bs-white);
  --bs-dropdown-link-active-bg: var(--bs-secondary);
  --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
}

/* Tabs */
.nav-pills {
  --bs-nav-link-padding-x: 1.5rem;
  --bs-nav-link-font-size: 1rem;
  --bs-nav-link-color: #A1A1A1;
  --bs-nav-link-hover-color: var(--bs-secondary);
  --bs-nav-link-font-weight: 600;
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: var(--bs-secondary);
  --bs-nav-pills-border-radius: var(--bs-border-radius-pill);
  margin-top: -.5rem;
}
.nav-pills .nav-item{ margin-top: .5rem;}
.nav-pills .nav-link{ min-width: 200px; max-width: 100%; text-align: center;}

/* Table */
.table { --bs-table-color: var(--bs-secondary); --bs-table-bg: #fff; --bs-table-border-color: #D8D8D8;}
.table-dark { --bs-table-bg: #000;}
.table > :not(caption) > * > *{ padding: 1.5rem .625rem;}
.table-sm > :not(caption) > * > *{ padding: .5rem .625rem;}
.table > thead:not(caption) > * > *{ padding: 1rem .625rem;}
.table > thead:not(caption) > * > *:first-child{ border-top-left-radius: 5px;}
.table > thead:not(caption) > * > *:last-child{ border-top-right-radius: 5px;}
.table > :not(caption) > * > *:first-child{ padding-left: 1.375rem;}
.table > :not(caption) > * > *:last-child{ padding-right: 1.375rem;}
.table > thead > tr > th{ font-size: .75rem; line-height: .875rem; font-weight: 600; vertical-align: middle;}
.table > tbody > tr > td{ font-size: .625rem;}
.table > tbody > tr > *:first-child{ border-left: 1px solid var(--bs-table-border-color);}
.table > tbody > tr > *:last-child{ border-right: 1px solid var(--bs-table-border-color);}
.table td .icon-edit{ width: 1.25rem; height: 1.25rem; display: inline-block; vertical-align: top; background: url(../images/icon-edit.svg) center center no-repeat;}
.table td .icon-delete{ width: 1.25rem; height: 1.25rem; display: inline-block; vertical-align: top; background: url(../images/icon-delete.svg) center center no-repeat;}

.card-table {
  --bs-card-spacer-y: 0;
  --bs-card-spacer-x: 0;
  --bs-card-color: var(--bs-body-color);
  --bs-card-bg: var(--bs-white);
}
.card-table .table > tbody > tr > *:first-child{ border-left: none;}
.card-table .table > tbody > tr > *:last-child{ border-right: none;}
.card-table .table > tbody > tr:last-child > *{ border-bottom: none;}

.table-filter-wrap{ position: relative;}
.table-filter-wrap .items-filter{ position: absolute; right: 104px; top: .25rem; display: flex; align-items: center;}
.table-filter-wrap .items-filter.with-btn{ top: -1px;}
.table-filter-wrap .items-filter label{ padding: .25rem 0; font-size: 1rem; line-height: 1.5rem; font-weight: 700; margin-right: 4px; white-space: nowrap;}
.table-filter-wrap .items-filter .label-show{ margin-left: 2rem;}
.table-filter-wrap .items-filter select{ padding: .25rem 1.25rem .25rem 0; width: auto; font-size: 1rem; line-height: 1.5rem; font-weight: 400; border: none; --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); background-position: right center; background-size: 12px 10px; background-color: transparent; box-shadow: none;}
.table-filter-wrap .items-filter .select2-container .select2-selection--single{ height: 2rem; background-color: transparent; border: none; border-radius: 0;}
.table-filter-wrap .items-filter .select2-container .select2-selection--single .select2-selection__rendered{ padding: .25rem 1.25rem .25rem 0; font-size: 1rem; line-height: 1.5rem;}
.table-filter-wrap .items-filter .select2-container .select2-selection--single .select2-selection__arrow{ height: 100%; width: 1.25rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); background-position: right center; background-size: 12px 10px;}

div.dt-container div.dt-search label{ display: none;}
div.dt-container div.dt-search input{ padding: .25rem 0 .25rem 1.5rem; font-size: 1rem; line-height: 1.5rem; font-weight: 600; margin-left: 0; background: url(../images/icon-search.svg) left center no-repeat; border: none;}
div.dt-container div.dt-search input::-moz-placeholder{ color: #000000; opacity: 1;}
div.dt-container div.dt-search input::placeholder{ color: #000000; opacity: 1;}
div.dt-container div.dt-length{ width: 104px; white-space: nowrap; overflow: hidden; position: relative; text-align: right;}
div.dt-container div.dt-length label{ font-size: 1rem; font-weight: normal; width: 54px; overflow: hidden; margin: 3px 16px 0 0}
div.dt-container div.dt-length select{ padding: .25rem 1rem .25rem 0; width: 100%; position: absolute; left: 0; top: 0; font-size: 1rem; line-height: 1.5rem; font-weight: 400; border: none; --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); background-position: right center; background-size: 12px 10px; background-color: transparent; box-shadow: none;}
div.dt-container div.dt-info{ padding-top: 0; font-size: .625rem;}
div.dt-container div.dt-paging ul.pagination{ margin: 0;}

table.dataTable thead > tr > th.dt-orderable-asc,
table.dataTable thead > tr > th.dt-orderable-desc{ padding-right: 1.25rem;}
table.dataTable thead > tr > th .dt-column-title{ display: inline-block;}
table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order,
table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order{ right: .25rem;}
table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order::before,
table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order::after,
table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order::before,
table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order::after,
table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order::before,
table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order::after,
table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order::before,
table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order::after,
table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order::before,
table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order::after,
table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order::before,
table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order::after,
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order::before,
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order::after,
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order::before,
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order::after{ opacity: .6; line-height: 10px;}
table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order::before,
table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order::after,
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order::before,
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order::after{ opacity: .3; line-height: 10px;}
table.dataTable th.dt-type-numeric,
table.dataTable th.dt-type-date,
table.dataTable td.dt-type-numeric,
table.dataTable td.dt-type-date{ text-align: left;}

.pagination {
  --bs-pagination-padding-x: 0;
  --bs-pagination-padding-y: 0;
  --bs-pagination-font-size: .625rem;
  --bs-pagination-color: #000;
  --bs-pagination-bg: #fff;
  --bs-pagination-border-width: 0;
  --bs-pagination-hover-color: #fff;
  --bs-pagination-hover-bg: #282828;
  --bs-pagination-hover-border-color: #282828;
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: var(--bs-secondary-bg);
  --bs-pagination-focus-box-shadow: none;
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #282828;
  --bs-pagination-active-border-color: #282828;
  --bs-pagination-disabled-color: #D8D8D8;
  --bs-pagination-disabled-bg: #fff;
  --bs-pagination-disabled-border-color: #fff;
}
.pagination .page-item .page-link{ width: 1.5rem; height: 1.5rem; margin: 0 1px; display: inline-flex; align-items: center; justify-content: center; border-radius: var(--bs-border-radius);}
.pagination .page-item.active .page-link{ font-weight: 700;}
.pagination .page-item .page-link.previous{ margin-right: .5rem;}
.pagination .page-item .page-link.next{ margin-left: .5rem;}
.pagination .page-item .page-link.first,
.pagination .page-item .page-link.last,
.pagination .page-item .page-link.previous,
.pagination .page-item .page-link.next{ text-indent: -99999px; background-size: 6px 9px; background-position: center center; background-repeat: no-repeat;}
.pagination .page-item .page-link.first,
.pagination .page-item .page-link.last{ background-size: 10px 9px;}
.pagination .page-item .page-link.first{ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 9' fill='none' stroke='%23282828' stroke-width='1.6' stroke-linecap='round'%3e%3cpath d='M4.55371 7.80005L1.2994 4.76937C1.23358 4.70813 1.20032 4.62901 1.20032 4.55021C1.20032 4.47142 1.23358 4.39199 1.2994 4.33073L4.55371 1.30005'/%3e%3cpath d='M8.55322 7.80005L5.29891 4.76937C5.23309 4.70813 5.19983 4.62901 5.19983 4.55021C5.19983 4.47142 5.23309 4.39199 5.29891 4.33073L8.55322 1.30005' /%3e%3c/svg%3E");}
.pagination .page-item .page-link.previous{ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 9' fill='none' stroke='%23282828' stroke-width='1.6' stroke-linecap='round'%3e%3cpath d='M4.55371 7.80005L1.2994 4.76937C1.23358 4.70813 1.20032 4.62901 1.20032 4.55021C1.20032 4.47142 1.23358 4.39199 1.2994 4.33073L4.55371 1.30005' /%3e%3c/svg%3E");}
.pagination .page-item .page-link.last{ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 9' fill='none' stroke='%23282828' stroke-width='1.6' stroke-linecap='round'%3e%3cpath d='M5.19971 7.80005L8.45402 4.76937C8.51984 4.70813 8.5531 4.62901 8.5531 4.55021C8.5531 4.47142 8.51984 4.39199 8.45402 4.33073L5.19971 1.30005'/%3e%3cpath d='M1.2002 7.80005L4.45451 4.76937C4.52033 4.70813 4.55359 4.62901 4.55359 4.55021C4.55359 4.47142 4.52033 4.39199 4.45451 4.33073L1.2002 1.30005' /%3e%3c/svg%3E");}
.pagination .page-item .page-link.next{ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 9' fill='none' stroke='%23282828' stroke-width='1.6' stroke-linecap='round'%3e%3cpath d='M1.19971 7.80005L4.45402 4.76937C4.51984 4.70813 4.5531 4.62901 4.5531 4.55021C4.5531 4.47142 4.51984 4.39199 4.45402 4.33073L1.19971 1.30005' /%3e%3c/svg%3E");}
.pagination .page-item.disabled .page-link.first{ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 9' fill='none' stroke='%23D8D8D8' stroke-width='1.6' stroke-linecap='round'%3e%3cpath d='M4.55371 7.80005L1.2994 4.76937C1.23358 4.70813 1.20032 4.62901 1.20032 4.55021C1.20032 4.47142 1.23358 4.39199 1.2994 4.33073L4.55371 1.30005'/%3e%3cpath d='M8.55322 7.80005L5.29891 4.76937C5.23309 4.70813 5.19983 4.62901 5.19983 4.55021C5.19983 4.47142 5.23309 4.39199 5.29891 4.33073L8.55322 1.30005' /%3e%3c/svg%3E");}
.pagination .page-item.disabled .page-link.previous{ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 9' fill='none' stroke='%23D8D8D8' stroke-width='1.6' stroke-linecap='round'%3e%3cpath d='M4.55371 7.80005L1.2994 4.76937C1.23358 4.70813 1.20032 4.62901 1.20032 4.55021C1.20032 4.47142 1.23358 4.39199 1.2994 4.33073L4.55371 1.30005' /%3e%3c/svg%3E");}
.pagination .page-item.disabled .page-link.last{ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 9' fill='none' stroke='%23D8D8D8' stroke-width='1.6' stroke-linecap='round'%3e%3cpath d='M5.19971 7.80005L8.45402 4.76937C8.51984 4.70813 8.5531 4.62901 8.5531 4.55021C8.5531 4.47142 8.51984 4.39199 8.45402 4.33073L5.19971 1.30005'/%3e%3cpath d='M1.2002 7.80005L4.45451 4.76937C4.52033 4.70813 4.55359 4.62901 4.55359 4.55021C4.55359 4.47142 4.52033 4.39199 4.45451 4.33073L1.2002 1.30005' /%3e%3c/svg%3E");}
.pagination .page-item.disabled .page-link.next{ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 9' fill='none' stroke='%23D8D8D8' stroke-width='1.6' stroke-linecap='round'%3e%3cpath d='M1.19971 7.80005L4.45402 4.76937C4.51984 4.70813 4.5531 4.62901 4.5531 4.55021C4.5531 4.47142 4.51984 4.39199 4.45402 4.33073L1.19971 1.30005' /%3e%3c/svg%3E");}

/* Inspector */
.card-inspector{ margin: .5rem 0; display: inline-block; width: 100%; color: var(--bs-body-color); box-shadow: 0px 4px 6px rgba(228, 228, 228, 0.25);
  --bs-card-spacer-y: 1.875rem;
  --bs-card-spacer-x: 1.875rem;
  --bs-card-border-width: 0;
  --bs-card-color: var(--bs-body-color);
  --bs-card-bg: var(--bs-white);
}
.card-sub{ margin-top: .625rem; color: var(--bs-body-color);
  --bs-card-spacer-y: 1.5rem;
  --bs-card-spacer-x: 1.875rem;
  --bs-card-border-width: 1px;
  --bs-card-border-color: #D8D8D8;
  --bs-card-color: var(--bs-body-color);
  --bs-card-bg: var(--bs-white);
}
.items-main .item-title{ margin-bottom: .25rem;}
.items-main .item-text{ padding-bottom: .875rem;}
.card-inspector .item-text{ font-size: .875rem; line-height: 1.125rem;}

/* Change Password */
.items-change-password{ width: 420px; max-width: 100%;}

/* Modal */
.modal {
  --bs-modal-padding: 1rem 1.5rem;
  --bs-modal-bg: #fff;
  --bs-modal-header-padding-x: 1.5rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1.5rem;
  --bs-modal-footer-gap: 1rem;
}
.modal-footer{ padding: .5rem 1rem;}
.modal .btn-close{ font-size: .75rem; box-shadow: none; outline: none;}

.w-600{ width: 600px; max-width: 100%;}

/* @media */
@media (max-width: 991px) {
  :root{
    --bs-content-padding-x: 2rem;
  }

  body.overflow{ overflow: hidden;}
  .header .container-fluid{ min-height: calc(3rem - 1px);}
  .navbar-toggler{ margin-right: 1.25rem;}
  .navbar{
    --bs-navbar-toggler-padding-y: 0;
    --bs-navbar-toggler-padding-x: 0;
    --bs-navbar-toggler-font-size: 1rem;
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='none' stroke='%23000000' stroke-width='2.8' stroke-linecap='round' d='M2.667,4h18.667 M2.667,12 h18.667 M2.667,20h18.667'/%3e%3c/svg%3e");
    --bs-navbar-toggler-border-color: transparent;
    --bs-navbar-toggler-border-radius: 0;
    --bs-navbar-toggler-focus-width: 0;
    --bs-navbar-brand-padding-y: 0;
  }
  .navbar-toggler.active{ --bs-navbar-toggler-icon-bg: url(../images/icon-close-gray.svg);}
  .navbar-toggler.active .navbar-toggler-icon{ background-size: 122%;}
  .navbar-brand img{ width: 118px;}
  .sidebar{ top: 4rem; transform: translateX(-100%); z-index: 9; transition: all .4s ease;}
  .sidebar.active{ transform: translateX(0);}
  .main-content{ padding-top: 4rem;}

  .items-box .item-number{ font-size: 3rem;}
  .items-box .item-text{ font-size: 1rem; line-height: 1.25rem;}
}
@media (max-width: 767px) {
  :root{
    --bs-content-padding-x: 1.25rem;
  }

  h1, .h1 { font-size: 1.75rem;}
  h2, .h2 { font-size: 1.5rem;}

  .header .container-fluid{ padding-left: 1.25rem; padding-right: 1.25rem;}
  .nav-user .sn{ width: 2rem; height: 2rem; font-size: .875rem; margin-right: .25rem;}
  .nav-user .nm{ display: none;}

  .section-boxes{ padding-top: 1.25rem; padding-bottom: 1.25rem;}
  .nav-pills .nav-link{ min-width: 150px;}

  div.dt-container .row.gy-1{ --bs-gutter-y: .25rem;}
  div.dt-container .row.gy-0{ --bs-gutter-y: 0;}
  .table-filter-wrap .items-filter{ top: .25rem;}
  div.dt-container div.dt-search input{ width: 100%;}

  .table-fcs{ width: 700px;}
}
@media (max-width: 575px) {
  .table-filter-wrap .items-filter{ position: relative; right: 0; top: 0; width: 100%; flex-wrap: wrap;}
  .table-filter-wrap .items-filter .label-show{ width: 100%; margin: 0 0 -2rem;}
  div.dt-container div.dt-length{ margin-left: 3.25rem;}
}
@media (min-width: 576px) {
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
  .main-content{ padding-top: 100px;}
  .sidebar + .main-content{ padding-left: 250px;}
}
@media (min-width: 1200px) {
}
@media (min-width: 1400px) {
}
@media (min-width: 1600px) {
}
@media (min-width: 1800px) {
}

.custom-info-window {
    font-size: 13px;
    padding: 5px;
    max-width: 500px;
}

.custom-info-window h3 {
    margin: 0;
    font-size: 13px;
}

.custom-info-window p {
    margin: 5px 0 0;
}

.custom-info-window img {
    max-width: 100%;
    height: auto;
    margin-top: 5px;
}