*::-webkit-scrollbar {
    width: 1em;
    height: 1rem;
}
*::-webkit-scrollbar-track {
    background: rgba(var(--bs-scrollbar-bg-rgb), var(--bs-scrollbar-opacity, 0.5));
    border: 0.2rem var(--bs-scrollbar-bg) solid;
    border-radius: 0.5rem;
}
*::-webkit-scrollbar-thumb {
    background-color: rgba(var(--bs-scrollbar-bg-rgb), var(--bs-scrollbar-opacity, 0.5));
    border: 0.2rem var(--bs-scrollbar-bg) solid;
    border-radius: 0.5rem;
}
*::-webkit-calendar-picker-indicator {
  filter: invert(1) brightness(0.5);
}
body{
    --bs-min-width: 460px;
    --bs-body-bg: #161824;
    --bs-body-bg-rgb: 22, 24, 36;
    --bs-body-color: #e2e3e5;
    --bs-body-color-rgb: 226, 227, 229;
    --bs-scrollbar-opacity: 0.5;
    --bs-scrollbar-bg-rgb: var(--bs-light-rgb);
    --bs-scrollbar-bg: var(--bs-body-bg-rgb);
    --bs-form-invalid-color: #ff818d;
    --bs-body-font-size: 1rem;
    --bs-nav-link-font-size: 0.9rem;
    --bs-body-font-weight: 300;
    font-family: 'Sofia Sans';
    line-height: normal;
    positidon: fixed;
    display: flex;
    flex-wrap: nowrap;
    min-width: var(--bs-min-width);
    width: 100%;
    height: 100vh;
    overflow-x: auto;
    overflow-y: hidden;   
    background-image: var(--bs-body-background);
    background-attachment: fixed;
    background-clip: border-box;
    background-color: var(--bs-body-bg);
    background-origin: padding-box;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    color: var(--bs-body-color);
    font-family: Monitorica;
}
body > .loading{
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 99999;
    vertical-align: middle;
    text-align: center;
}
body > .loading.show{
    display: flex !important;
}
body > .loading > *{
    display: block;
    margin: auto;
    text-align: center;
    justify-content: center;
}
body > .loading .spinner-border, body > .loading .spinner-grow{
    position: relative;
    width: 6rem;
    height: 6rem;
    opacity: 0.8;
    z-index: 1;
    --bs-spinner-border-width: 0.5rem;
}
body > .loading .title{
    font-weight: bold;
    font-size: 3rem;
    margin-top: 1rem;
    display: block;
    color: var(--bs-gray-dark);
    text-shadow: 0 0 0.4rem #FFF, 0 0 0.5rem #000
}

body > .alerts{
    display: grid;
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 10000;
    margin: 0 1rem;
    text-align: right;
}
body > .alerts > .alert{
    width: auto !important;
    margin: 0.2rem -0.3rem 0.3rem auto;
    max-width: 40rem;
}

img.logo{
    min-height: 10rem;
    max-height: 20vh;
}

.btn-close, .alert-dismissible .btn-close{
    background-size: 0.7rem;
    padding: 0.35rem 0.4rem;
}

.alert:not(.modal){
    text-align: left;
    position: relative;
    flex-wrap: wrap;
    display: flex;
    margin: 0.2rem 0.3rem;
    padding: 0.4rem 0.5rem;
}
.alert:not(.modal) .alert-icon{
    vertical-align: middle;
    font-size: 1rem;
    display: flex;
    align-self: baseline;
    padding: 0px 0.2rem;
}
.alert:not(.modal) .alert-heading{
    font-weight: bold;
    font-size: 110%;
    display: flex;
    align-items: center;
    flex: 1 0 0;
    margin: 0;
}
.alert:not(.modal) .alert-icon +.alert-message{
    border: 0;
    flex: 1 0 0;
    padding-top: 0;
    margin: 0;
    margin-top: 0;
    margin-left: 0.5rem;
    display: flex;
    flex-direction: column;
    align-items: baseline;
}
.alert:not(.modal) .alert-icon + .alert-heading ~ .alert-message{
    margin-left: 3.3rem;
}
.alert:not(.modal) .alert-icon + .alert-heading{
    margin-left: 0.5rem;
}
.alert:not(.modal) .btn-close{
    float: right;
}
.alert:not(.modal) .alert-message{
    width: 100%;
    margin: 0.3rem;
    padding-top: 0.2rem;
    display: flex;
    align-items: center;
}
.alert:not(.modal) alert-heading + .alert-message{
    border-top: var(--bs-alert-border);
}
.alert:not(.modal) .alert-message ~ *{
    display: flex;
}
.alert:not(.modal) .alert-message > .row{
    margin: 0 !important;
    padding: 0 !important;
}

.clock{
    font-weight: bold;
    position: relative;
    text-align: end;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.clock .date{
    margin: 0 0.2rem;
    position: relative;
    font-size: 70%;
}
.clock .date > *{
    margin: 0 0.1rem;
}
.clock .date .week{
    justify-content: flex-end;
    display: flex;
    font-size: 90%;
    opacity: 0.6;
    font-weight: bold;
}
.clock .date .week:not(:empty):before{
    content: '(';
}
.clock .date .week:not(:empty):after{
    content: ')';
}
.clock .time{
    margin: 1% 0.2rem 0;
    display: flex;
    position: relative;
    font-size: 190%;
}
.clock .time > *:not(:empty):after{
    content: ':';
    margin: 0 0.05rem;
    position: relative;
    top: -10%;
}
.clock.blink .time > *:after{
    opacity: 0.5;
}
.clock .time > *:last-child:after{
    display: none;
}

.header > .logo{
    font-size: calc(var(--bs-body-font-size) * 3.6);
    position: relative;
    margin: 0 auto;
    text-align: left;
}
.header > .logo .title{
    position: relative;
    display: flex;
}
.header > .logo .title h1{
    font-size: 100%;
    font-weight: 600;
    letter-spacing: -0.3rem;
    margin: 0;
    display: flex;
}
.header > .logo .store-title{
    font-size: calc(var(--bs-body-font-size) * 0.6);
    font-weight: bold;
    line-height: normal;
    margin-left: calc(var(--bs-body-font-size) * 0.22);
    margin-top: calc(0px - calc(var(--bs-body-font-size) * 0.84));
}
.header > .logo .title h1 + div{
    display: flex;
    font-size: 20%;
    font-weight: 400;
    position: relative;
    text-align: left;
    vertical-align: middle;
    align-items: end;
    width: min-content;
    margin-bottom: 1rem;
    padding-left: calc(var(--bs-body-font-size) / 1.2);
}
.header > .logo .title h1 + div:before{
    border-left: 2px solid var(--bs-emphasis-color);
    bottom: 0;
    content: "";
    display: block;
    position: absolute;
    top: 45%;
    left: 10%;
    bottom: 0;
}
main{
    --bs-body-bg: #202334;
    --bs-body-bg-rgb: var(--bs-white-rgb);
    --bs-scrollbar-opacity: 0.2;
    --bs-scrollbar-bg-rgb: var(--bs-secondary-rgb);
    --bs-scrollbar-bg: var(--bs-white);
    
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    flex-shrink: 0;
    flex-direction: column;
    display: flex;
    flex: 1 1 0;
    min-width: 0;
}
main > header{
    display: block;
    width: 100%;
    text-align: center;
    padding: 0.5rem 1rem;
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    z-index: 1080;
}
main > article{
    flex-direction: row;
    display: flex;
    overflow: auto;
    margin-bottom: auto;
    height: 100%;
}
main > article > section{
    --bs-scrollbar-opacity: 0.5;
    --bs-scrollbar-bg-rgb: var(--bs-body-bg-rgb);
    --bs-scrollbar-bg: #202334;	
    
    overflow: auto;
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    height: 100%;
    
    background: #202334;
    color: var(--bs-body-color);
}
main > footer{
    display: block;
    width: 100%;
    text-align: center;
    padding: 0.5rem 1rem;
    border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

article section > header.navbar{
    min-height: 6rem;
    color: var(--bs-light);
    border-bottom: 1px var(--bs-light) solid;
    align-content: center;
}
.z-top{
	z-index: 2000;
}
.fa, .fa-brands, .fa-classic, .fa-regular, .fa-sharp, .fa-solid, .fab, .far, .fas{
    line-height: inherit;
}
.fa-stack{
    height: auto;
    width: auto;
    position: relative;
    line-height: normal;
}
.fa-stack > * + *{
    position: absolute;
    font-size: small;
    left: 50%;
    top: 30%;
}
.fa-stack > .small{
    font-size: 70% !important;
}
.fa.right{
    position: absolute;
    right: -0.4rem;
    bottom: 0.2rem;
}
.fa-stack .fa-2x + .fa{
    font-size: 1.2em;
}
.avatar{
    border-radius: 50%;
    border: 0.1rem var(--bs-light) solid;
    background: var(--bs-body-bg);
    padding: 0.2rem;
    position: relative;
}
.avatar-sm{
    height: 1.4rem;
}
div:empty:not(.show):not(.form-control){
    display: none;
}
div.btn{
    cursor: inherit;
}
.btn{
    font-weight: bold;
}   
.btn-group > .btn, .btn-group-vertical > .btn{
    align-content: center;
}

.row{
    --bs-gutter-x: 0.6rem;
    --bs-gutter-y: 0;
}

small, .small {
    font-size: 80% !important;
}
.x-small{
    font-size: 70% !important;
}
.xx-small{
    font-size: 60% !important;
}

.w-min{
    min-width: var(--bs-min-width);
    width: min-content;
}
.w-max{
    width: max-content;
}
.w-max-25{
    max-width: 25%;
}
.w-max-50{
    max-width: 50%;
}
.w-max-75{
    max-width: 75%;
}
.w-min-25{
    min-width: 25%;
}
.w-min-50{
    min-width: 50%;
}
.w-min-75{
    min-width: 75%;
}
.hv-min-10 {
  min-height: 10vh !important;
} 
.h-inherit{
    height: inherit;
}
.m--1{
    margin-right: calc(calc(-0.5 * var(--bs-gutter-x)) / 2);
    margin-left: calc(calc(-0.5 * var(--bs-gutter-x)) / 2); 
    margin-top: calc(calc(-0.5 * var(--bs-gutter-y)) / 2);
    margin-bottom: calc(calc(-0.5 * var(--bs-gutter-y)) / 2);
}
.mx--1{
    margin-right: calc(calc(-0.5 * var(--bs-gutter-x)) / 2);
    margin-left: calc(calc(-0.5 * var(--bs-gutter-x)) / 2);
}
.my--1{
    margin-top: calc(calc(-0.5 * var(--bs-gutter-y)) / 2);
    margin-bottom: calc(calc(-0.5 * var(--bs-gutter-y)) / 2);
}

.no-resize{
    resize: none;
}

form legend{
    font-weight: bold;
    margin-bottom: 0;
}
form .description{
    font-size: 80%;
    margin: 0.5rem 0;
    opacity: 0.5;
}
form label{
    z-index: 2;
}

.form{
    margin: 0.375rem;
    padding: 0.375rem 0.75rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
}
.form legend{
    padding: 0.375rem 0.75rem;
    font-size: inherit;
    /*margin-top: -1.2rem;*/
    z-index: 100;
    font-size: 1.7rem;
    color: rgba(var(--bs-light-rgb), 0.5);
}
body.screen .form legend{
    text-align: center;
}
.form .description{
    color: rgba(var(--bs-light-rgb), 0.8);
    padding-bottom: 0.3rem;
    margin-bottom: 0.3rem;
    margin-top: 1rem;
}
body.screen .form .description{
    max-width: 20rem;
    text-align: center;
}
.form .form-errors{
    border-radius: var(--bs-border-radius);
    width: 100%;
    position: relative;
    display: flex;
    margin: 0;
    flex-direction: column;
    margin-bottom: 0.5rem !important
}
.form .form-errors:empty{
    display: none;
}
.form .form-errors > *{
    display: block;
    margin: 0;
}
.form .form-errors > header{
    font-weight: bold;
    margin: 0.2rem 0;
    border-bottom: 1px var(--bs-alert-border-color) solid;
}
.form .form-errors > ul{
    padding: 0;
}
.form .form-errors > ul > li{
    display: block;
    margin: 0.1rem 0;
}
.form .sr-only,
.form .sr-only-focusable:not(:focus) {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}
.form-loading{
    display: none;
    position: absolute;
    z-index: 1000;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.75);
    align-content: center;
    text-align: center;
    color: var(--bs-light);
}
.form-label{
    margin-bottom: 0.2rem;
    font-size: 85%;
}

.form-control:not(input):not(textarea):not(select){
    color: #f1f1f1;
    background-color: #292929;
}

select.form-control {
  --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='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--bs-body-bg);
  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none) !important;
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  select.form-control {
    transition: none;
  }
}
select.form-control:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
select.form-control[multiple], select.form-control[size]:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}
select.form-control:disabled {
  background-color: var(--bs-secondary-bg);
}
select.form-control:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--bs-body-color);
}

select.form-control-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}

select.form-control-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}
[data-bs-theme=dark] select.form-control {
  --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='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}


.was-validated select.form-control:valid, select.form-control.is-valid {
  border-color: var(--bs-form-valid-border-color);
}
.was-validated select.form-control:valid:not([multiple]):not([size]), .was-validated select.form-control:valid:not([multiple])[size="1"], select.form-control.is-valid:not([multiple]):not([size]), select.form-control.is-valid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: 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");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated select.form-control:valid:focus, select.form-control.is-valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}

.was-validated select.form-control:invalid, select.form-control.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
}
.was-validated select.form-control:invalid:not([multiple]):not([size]), .was-validated select.form-control:invalid:not([multiple])[size="1"], select.form-control.is-invalid:not([multiple]):not([size]), select.form-control.is-invalid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated select.form-control:invalid:focus, select.form-control.is-invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}

select.form-control option{
    color: var(--bs-body-color);
}
.form-group .select2-container.select2-container--focus .select2-selection,
.form-group .select2-container.select2-container--open .select2-selection{
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-group .select2-container .select2-search--dropdown .select2-search__field{
    background-color: #202334;
    color: #848798;
}
.form-group .select2-container .select2-selection--single{
    border: var(--bs-border-width) solid #4c4e59;
    background-color: #202334;
    color: #848798;
}
.form-group .select2-container .select2-dropdown{
    
}
.form-group .select2-dropdown{
    background: var(--bs-body-bg);
}
.form-group .select2-container .select2-results > .select2-results__options{
    border: 0;
}
.form-group .select2-container .select2-results__option{
    background-color: transparent;
    color: var(--bs-body-color)
}
.form-group .select2-container .select2-results__option--highlighted[aria-selected]{
    background-color: red;
}
.form-group .daterangepicker{
    background-color: var(--bs-body-bg);
    border: var(--bs-border-width) solid #4c4e59;
}
.form-group .daterangepicker .drp-calendar.left,
.form-group .daterangepicker .drp-calendar.right,
.form-group .daterangepicker .drp-buttons{
    border: 0
}
.form-group .daterangepicker .drp-calendar.left + .drp-calendar.right{
    border-left: var(--bs-border-width) solid #4c4e59;
}
.form-group .daterangepicker .drp-buttons{
    border-top: var(--bs-border-width) solid #4c4e59;
}
.form-group .daterangepicker .calendar-table table thead{
    background-color: var(--bs-dark);
}
.form-group .daterangepicker .calendar-time{
    margin: 0.4rem 0.3rem;
}

.form-group .daterangepicker select.monthselect,
.form-group .daterangepicker select.yearselect,
.form-group .daterangepicker select.hourselect, 
.form-group .daterangepicker select.minuteselect, 
.form-group .daterangepicker select.secondselect, 
.form-group .daterangepicker select.ampmselect{
    border: var(--bs-border-width) solid #4c4e59;
    background-color: #202334;
    color: #848798;
}

.form-group .daterangepicker td.available:hover, 
.form-group .daterangepicker th.available:hover{
    border: var(--bs-border-width) solid #4c4e59;
    background-color: #202334;
    color: #848798;
}
.form-group .daterangepicker .table-condensed thead tr:last-child > th,
.form-group .daterangepicker .table-condensed thead tr:last-child > td{
    background-color: rgba(var(--bs-light-rgb), 0.2);
}
.form-group .daterangepicker td.off,
.form-group .daterangepicker td.off.in-range,
.form-group .daterangepicker td.off.start-date, 
.form-group .daterangepicker td.off.end-date{
    color: rgba(var(--bs-light-rgb), 0.3);
    background-color: rgba(var(--bs-light-rgb), 0.1);
}
.form-group .daterangepicker .calendar-table .next span{
    border: 0;
    border-bottom: solid rgba(var(--bs-light-rgb), 0.5);
    border-right: solid rgba(var(--bs-light-rgb), 0.5);
}
.form-group .daterangepicker .calendar-table .prev span{
    border: 0;
    border-bottom: solid rgba(var(--bs-light-rgb), 0.5);
    border-right: solid rgba(var(--bs-light-rgb), 0.5);
}
.form-group .daterangepicker td.available:hover, 
.form-group .daterangepicker th.available:hover{
    border: 0;
}
.form-control.disabled{
    background-color: #000000;
    border: var(--bs-border-width) solid #4c4e59;
}
.form-control.disabled:valid, .form-control.disabled.is-valid{
    background-image: none;
}
.form-control::placeholder{
    color: rgba(132, 135, 152, 0.8);
}
.form-check{
    display: flex;
    margin-bottom: 0;
}
.form-group{
    margin-bottom: 0.3rem;
}
.form-group > .form-label{
    margin-top: 0.2rem;
}
.form-group .invalid-feedback{
    display: block;
}
.form-check-input{
    margin-top: 0;
}
.form-check .form-check-label{
    margin: 0.1rem 0.3rem;
}
.form-switch .form-check-label{
    margin: 0.1rem 0.3rem;
}
.form-check-node .form-check + .form-check-group{
    margin-left: 1rem;
}
.input-group > .input-group-text{
    color: #848798;
    background-color: #4c4e59;
    border: var(--bs-border-width) #4c4e59 solid;
}
label.required:after{
    content: '*';
    color: #C00;
    font-weight: bold;
}
label.required > span.required{
    display: none;
}
label.separator:after{
    content: ':';
    margin-right: 0.2rem;
}
.was-validated .form-check-input:valid ~ .form-check-label, 
.form-check-input.is-valid ~ .form-check-label{
    color: var(--bs-btn-color, var(--bs-form-valid-color, inherit));
}
.btn-check:checked + .btn, 
:not(.btn-check) + .btn:active, 
.btn:first-child:active, 
.btn.active, .btn.show{
    color: var(--bs-btn-active-color, var(--bs-btn-color, var(--bs-form-valid-color, inherit)));
}
.sidebar{    
    --bs-emphasis-color: var(--bs-light);
    --bs-emphasis-color-rgb: var(--bs-light-rgb);
    width: min-content;
    z-index: 1200;
    padding: 0;
    height: 100%;
    flex-shrink: 0;
    flex-direction: column;
    display: flex;
    transition: width 0.35s ease;
}
.sidebar.show{ 
    display: flex !important;
}
@media (max-width: 576px) {
    .sidebar{
        display: block;
        width: 100%;
        position: fixed;
        background: var(--bs-body-background);
    }
}
.sidebar > header{
    display: block;
    width: 100%;
    text-align: center;
    padding: 0.45rem 1rem;
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.sidebar > article{
    flex-direction: column;
    height: 100%;
    overflow: auto;
    margin-bottom: auto;
}
.sidebar > footer{
    display: block;
    width: 100%;
    text-align: center;
    padding: 0.5rem 1rem;
    border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.sidebar.hide{
    display: none !important;
    width: 0;
}
.sidebar .navbar-vertical{ 
    --bs-nav-link-color: var(--bs-emphasis-color);
    --bs-nav-link-hover-color: var(--bs-white);
    width: 100%;
}

a.sort-link{
    color: inherit;
    text-decoration: none;
    padding-right: 1rem;
    opacity: 0.8;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin: 0 0.4rem;
}
a.sort-link::after{
    font-size: small;
    font-family: "FontAwesome";
    position: relative;
    margin-left: 0.5rem;
}
a.sort-link::after{
    content: "";
}
a.sort-link.desc::after{
    content: "";
}
a.sort-link.asc::after{
    content: "";
}

.pagination{
    --bs-pagination-color: var(--bs-dark);
    --bs-pagination-hover-bg: rgba(var(--bs-tertiary-color-rgb), 0.1);
    
    display: inline-flex;
    overflow: hidden;
    margin: 0;
    border-radius: var(--bs-pagination-border-radius);
    border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
}
.pagination > li{
    white-space: nowrap;
    padding: 0.3rem 0.5rem;
    flex-direction: column;
    display: flex;
    justify-content: center;
    border-right: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
}
.pagination > li:last-child{
   border-right: 0;
}
.pagination > li.page-item{
    padding: 0;
}
.pagination .page-item{
    overflow: hidden;
}
.pagination .page-item.disabled > .page-link{
    background: var(--bs-pagination-border-color);
}
.pagination label{
    padding:0 0.3rem 0 1rem
}
.pagination .page-item .page-link{
    border: 0;
}
.pagination .page-link.active, .pagination .active > .page-link{
    background-color: var(--bs-pagination-active-bg);
    border-color: var(--bs-pagination-active-border-color);
}
.pagination .previous.page-item .page-link,
.pagination .next.page-item .page-link,
.pagination .first.page-item .page-link,
.pagination .last.page-item .page-link{
    background: var(--bs-pagination-hover-bg);
}
.pagination .previous.page-item.disabled .page-link,
.pagination .next.page-item.disabled .page-link,
.pagination .first.page-item.disabled .page-link,
.pagination .last.page-item.disabled .page-link{
    color: var(--bs-pagination-disabled-color);
}
.pagination input, .pagination select{
    align-items: center;
    width: 4rem;
    min-width: 4rem;
    padding: 0.1rem 0.75rem;
    height: 100%;
    border: 0;
}
.pagination input:focus, .pagination select:focus{
    outline: 0;
}
.pagination label + input, .pagination label + select{
    border-left: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
}
.pagination input{
    text-align: center;
}
.pagination select{
    text-align: right;
    width: auto;
}
.table-bordered > :not(caption) > * > *{
    border-width: 0 var(--bs-border-width) var(--bs-border-width) var(--bs-border-width);
}
.table{
    --bs-table-bg: var(--bs-dark);
    --bs-table-striped-color: var(--bs-body-color);
    --bs-table-color: var(--bs-light);
    --bs-table-striped-bg: #1b2025;
    --bs-table-border-color: #5f5f5f;
    
    margin: 0;
    position: relative;
}
.h-100 > table.table{
    height: inherit;
    height: -webkit-fill-available;
    max-height: 100%;
}
.table.table-sm > :not(caption) > * > *{
    padding: 0.15rem 0.25rem;
}
.table.rounded > caption:first-child{
    border-top-left-radius: var(--bs-border-radius);
    border-top-right-radius: var(--bs-border-radius);
}
.table.rounded > caption:last-child{
    border-bottom-left-radius: var(--bs-border-radius);
    border-bottom-right-radius: var(--bs-border-radius);
}
.table.rounded > *:first-child > th:first-child,
.table.rounded > *:first-child > td:first-child,
.table.rounded > *:first-child > *:first-child > th:first-child,
.table.rounded > *:first-child > *:first-child > td:first-child{
    border-top-left-radius: var(--bs-border-radius);
}
.table.rounded > *:first-child > th:last-child,
.table.rounded > *:first-child > td:last-child,
.table.rounded > *:first-child > *:first-child > th:last-child,
.table.rounded > *:first-child > *:first-child > td:last-child{
    border-top-right-radius: var(--bs-border-radius);
}
.table.rounded > *:last-child > th:first-child,
.table.rounded > *:last-child > td:first-child,
.table.rounded > *:last-child > *:last-child > th:first-child,
.table.rounded > *:last-child > *:last-child > td:first-child{
    border-bottom-left-radius: var(--bs-border-radius);
}
.table.rounded > *:last-child > th:last-child,
.table.rounded > *:last-child > td:last-child,
.table.rounded > *:last-child > *:last-child > th:last-child,
.table.rounded > *:last-child > *:last-child > td:last-child{
    border-bottom-right-radius: var(--bs-border-radius);
}
.table.rounded > *:last-child > th,
.table.rounded > *:last-child > td,
.table.rounded > *:last-child > *:last-child > th,
.table.rounded > *:last-child > *:last-child > td{
    border-bottom-width: 0;
}


.table.rounded-2 > caption:first-child{
    border-top-left-radius: var(--bs-border-radius-sm);
    border-top-right-radius: var(--bs-border-radius-sm);
}
.table.rounded-2 > caption:last-child{
    border-bottom-left-radius: var(--bs-border-radius-sm);
    border-bottom-right-radius: var(--bs-border-radius-sm);
}
.table.rounded-2 > *:first-child > th:first-child,
.table.rounded-2 > *:first-child > td:first-child,
.table.rounded-2 > *:first-child > *:first-child > th:first-child,
.table.rounded-2 > *:first-child > *:first-child > td:first-child{
    border-top-left-radius: var(--bs-border-radius-sm);
}
.table.rounded-2 > *:first-child > th:last-child,
.table.rounded-2 > *:first-child > td:last-child,
.table.rounded-2 > *:first-child > *:first-child > th:last-child,
.table.rounded-2 > *:first-child > *:first-child > td:last-child{
    border-top-right-radius: var(--bs-border-radius-sm);
}
.table.rounded-2 > *:last-child > th:first-child,
.table.rounded-2 > *:last-child > td:first-child,
.table.rounded-2 > *:last-child > *:last-child > th:first-child,
.table.rounded-2 > *:last-child > *:last-child > td:first-child{
    border-bottom-left-radius: var(--bs-border-radius-sm);
}
.table.rounded-2 > *:last-child > th:last-child,
.table.rounded-2 > *:last-child > td:last-child,
.table.rounded-2 > *:last-child > *:last-child > th:last-child,
.table.rounded-2 > *:last-child > *:last-child > td:last-child{
    border-bottom-right-radius: var(--bs-border-radius-sm);
}
.table.rounded-2 > *:last-child > th,
.table.rounded-2 > *:last-child > td,
.table.rounded-2 > *:last-child > *:last-child > th,
.table.rounded-2 > *:last-child > *:last-child > td{
    border-bottom-width: 0;
}

.table.rounded-3 > caption:first-child{
    border-top-left-radius: var(--bs-border-radius-lg);
    border-top-right-radius: var(--bs-border-radius-lg);
}
.table.rounded-3 > caption:last-child{
    border-bottom-left-radius: var(--bs-border-radius-lg);
    border-bottom-right-radius: var(--bs-border-radius-lg);
}
.table.rounded-3 > *:first-child > th:first-child,
.table.rounded-3 > *:first-child > td:first-child,
.table.rounded-3 > *:first-child > *:first-child > th:first-child,
.table.rounded-3 > *:first-child > *:first-child > td:first-child{
    border-top-left-radius: var(--bs-border-radius-lg);
}
.table.rounded-3 > *:first-child > th:last-child,
.table.rounded-3 > *:first-child > td:last-child,
.table.rounded-3 > *:first-child > *:first-child > th:last-child,
.table.rounded-3 > *:first-child > *:first-child > td:last-child{
    border-top-right-radius: var(--bs-border-radius-lg);
}
.table.rounded-3 > *:last-child > th:first-child,
.table.rounded-3 > *:last-child > td:first-child,
.table.rounded-3 > *:last-child > *:last-child > th:first-child,
.table.rounded-3 > *:last-child > *:last-child > td:first-child{
    border-bottom-left-radius: var(--bs-border-radius-lg);
}
.table.rounded-3 > *:last-child > th:last-child,
.table.rounded-3 > *:last-child > td:last-child,
.table.rounded-3 > *:last-child > *:last-child > th:last-child,
.table.rounded-3 > *:last-child > *:last-child > td:last-child{
    border-bottom-right-radius: var(--bs-border-radius-lg);
}
.table.rounded-3 > *:last-child > th,
.table.rounded-3 > *:last-child > td,
.table.rounded-3 > *:last-child > *:last-child > th,
.table.rounded-3 > *:last-child > *:last-child > td{
    border-bottom-width: 0;
}

.table.rounded-4 > caption:first-child{
    border-top-left-radius: var(--bs-border-radius-xl);
    border-top-right-radius: var(--bs-border-radius-xl);
}
.table.rounded-4 > caption:last-child{
    border-bottom-left-radius: var(--bs-border-radius-xl);
    border-bottom-right-radius: var(--bs-border-radius-xl);
}
.table.rounded-4 > *:first-child > th:first-child,
.table.rounded-4 > *:first-child > td:first-child,
.table.rounded-4 > *:first-child > *:first-child > th:first-child,
.table.rounded-4 > *:first-child > *:first-child > td:first-child{
    border-top-left-radius: var(--bs-border-radius-xl);
}
.table.rounded-4 > *:first-child > th:last-child,
.table.rounded-4 > *:first-child > td:last-child,
.table.rounded-4 > *:first-child > *:first-child > th:last-child,
.table.rounded-4 > *:first-child > *:first-child > td:last-child{
    border-top-right-radius: var(--bs-border-radius-xl);
}
.table.rounded-4 > *:last-child > th:first-child,
.table.rounded-4 > *:last-child > td:first-child,
.table.rounded-4 > *:last-child > *:last-child > th:first-child,
.table.rounded-4 > *:last-child > *:last-child > td:first-child{
    border-bottom-left-radius: var(--bs-border-radius-xl);
}
.table.rounded-4 > *:last-child > th:last-child,
.table.rounded-4 > *:last-child > td:last-child,
.table.rounded-4 > *:last-child > *:last-child > th:last-child,
.table.rounded-4 > *:last-child > *:last-child > td:last-child{
    border-bottom-right-radius: var(--bs-border-radius-xl);
}
.table.rounded-4 > *:last-child > th,
.table.rounded-4 > *:last-child > td,
.table.rounded-4 > *:last-child > *:last-child > th,
.table.rounded-4 > *:last-child > *:last-child > td{
    border-bottom-width: 0;
}

.table.rounded-5 > caption:first-child{
    border-top-left-radius: var(--bs-border-radius-xxl);
    border-top-right-radius: var(--bs-border-radius-xxl);
}
.table.rounded-5 > caption:last-child{
    border-bottom-left-radius: var(--bs-border-radius-xxl);
    border-bottom-right-radius: var(--bs-border-radius-xxl);
}
.table.rounded-5 > *:first-child > th:first-child,
.table.rounded-5 > *:first-child > td:first-child,
.table.rounded-5 > *:first-child > *:first-child > th:first-child,
.table.rounded-5 > *:first-child > *:first-child > td:first-child{
    border-top-left-radius: var(--bs-border-radius-xxl);
}
.table.rounded-5 > *:first-child > th:last-child,
.table.rounded-5 > *:first-child > td:last-child,
.table.rounded-5 > *:first-child > *:first-child > th:last-child,
.table.rounded-5 > *:first-child > *:first-child > td:last-child{
    border-top-right-radius: var(--bs-border-radius-xxl);
}
.table.rounded-5 > *:last-child > th:first-child,
.table.rounded-5 > *:last-child > td:first-child,
.table.rounded-5 > *:last-child > *:last-child > th:first-child,
.table.rounded-5 > *:last-child > *:last-child > td:first-child{
    border-bottom-left-radius: var(--bs-border-radius-xxl);
}
.table.rounded-5 > *:last-child > th:last-child,
.table.rounded-5 > *:last-child > td:last-child,
.table.rounded-5 > *:last-child > *:last-child > th:last-child,
.table.rounded-5 > *:last-child > *:last-child > td:last-child{
    border-bottom-right-radius: var(--bs-border-radius-xxl);
}
.table.rounded-5 > *:last-child > th,
.table.rounded-5 > *:last-child > td,
.table.rounded-5 > *:last-child > *:last-child > th,
.table.rounded-5 > *:last-child > *:last-child > td{
    border-bottom-width: 0;
}

.table.rounded > tr:first-child,
.table.rounded-2 > tr:first-child,
.table.rounded-3 > tr:first-child,
.table.rounded-4 > tr:first-child,
.table.rounded-5 > tr:first-child,
.table.rounded > *:first-child > tr:first-child,
.table.rounded-2 > *:first-child > tr:first-child,
.table.rounded-3 > *:first-child > tr:first-child,
.table.rounded-4 > *:first-child > tr:first-child,
.table.rounded-5 > *:first-child > tr:first-child{
    border-top-width: 0;
}
.table.rounded > tr:last-child,
.table.rounded-2 > tr:last-child,
.table.rounded-3 > tr:last-child,
.table.rounded-4 > tr:last-child,
.table.rounded-5 > tr:last-child,
.table.rounded > *:last-child > tr:last-child,
.table.rounded-2 > *:last-child > tr:last-child,
.table.rounded-3 > *:last-child > tr:last-child,
.table.rounded-4 > *:last-child > tr:last-child,
.table.rounded-5 > *:last-child > tr:last-child{
    border-bottom-width: 0;
}
.table.rounded > tr > *:first-child,
.table.rounded-2 > tr > *:first-child,
.table.rounded-3 > tr > *:first-child,
.table.rounded-4 > tr > *:first-child,
.table.rounded-5 > tr > *:first-child,
.table.rounded > * > tr > *:first-child,
.table.rounded-2 > * > tr > *:first-child,
.table.rounded-3 > * > tr > *:first-child,
.table.rounded-4 > * > tr > *:first-child,
.table.rounded-5 > * > tr > *:first-child{
    /*border-left-width: 0;*/
}
.table.rounded > tr > *:last-child,
.table.rounded-2 > tr > *:last-child,
.table.rounded-3 > tr > *:last-child,
.table.rounded-4 > tr > *:last-child,
.table.rounded-5 > tr > *:last-child,
.table.rounded > * > tr > *:last-child,
.table.rounded-2 > * > tr > *:last-child,
.table.rounded-3 > * > tr > *:last-child,
.table.rounded-4 > * > tr > *:last-child,
.table.rounded-5 > * > tr > *:last-child{
    /*border-right-width: 0;*/
}
.table td.separator,
.table th.separator{
    border-right-color: var(--bs-dark);
}
.table .sticky-top{
    z-index: 100;
}
.table caption.sticky-top{
    z-index: 200;
}
.table caption{
    caption-side: top;
    position: -webkit-sticky;
    position: sticky;
    top: -1px;
    padding: 0.5rem;
    font-weight: bold;
    background: var(--bs-dark);
    color: var(--bs-light);
    border: 1px var(--bs-table-border-color) solid; 
    padding: 0.5rem;
}
.table caption.sticky-bottom{
    caption-side: bottom;
}
.table caption.table-control{
    caption-side: bottom;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    border: 1px var(--bs-table-border-color) solid;
    padding: 0.2rem;
    font-weight: 400;
}
.table caption.table-control.shadow{
    box-shadow: 0 -0.5rem 1rem rgb(0 0 0 / 15%) !important;
}
.table thead th, .table thead td, .table tfoot th, .table tfoot td{
    text-transform: uppercase;
    position: relative;
    vertical-align: top;
    font-weight: 600;
}
.table thead th, .table thead td{
    font-size: small;
}
.table thead.filters{
    --bs-table-color: var(--bs-light);
    --bs-table-bg: var(--bs-dark);
    --bs-table-border-color: #6c757d;
    
    padding: 0.1rem;
}
.table thead .form-group > .form-label,
.table thead span.header,
.table thead a.sort-link{
    display: flex;
    color: inherit;
    font-size: inherit;
    text-decoration: none;
    padding-right: 0.2rem;
    align-items: center;
    margin: 0.1rem 0 0.3rem !important;
}
.table thead a.sort-link:focus{
    outline: 0;
    opacity: 1;
}
.table thead a.sort-link:hover{
    opacity: 1;
}
.table thead a.sort-link .caret{
    display: none;
}
.table thead tr th, .table thead tr td, .table tfoot tr th, .table tfoot tr td{
    position: relative;
    vertical-align: top;
}
.table thead tr th > *, .table thead tr td > *, .table tfoot tr th > *, .table tfoot tr td > *{
    position: relative;
}
.table th.w-min, .table td.w-min{
    min-width: auto !important;
    width: 1px;
}
.table.table-bordered thead.sticky-top > tr th:before, .table.table-bordered thead.sticky-top > tr > td:before,
.table.table-bordered thead tr.sticky-top > th:before, .table.table-bordered thead tr.sticky-top > td:before,
.table.table-bordered tfoot.sticky-bottom > tr > th:before, .table.table-bordered tfoot.sticky-bottom > tr > td:before,
.table.table-bordered tfoot tr.sticky-bottom > th:before, .table.table-bordered tfoot tr.sticky-bottom > td:before{
    content: '';
    display: block;
    outline: 1px var(--bs-table-border-color) solid;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.table thead th.form-group, .table thead td.form-group {
    vertical-align: top;
    padding: 0.2rem;
}
.table .table-control .navigation{
    display: inline-block;
}
.table .table-control .navigation .pagination{
    margin: 0;
}
.table .table-control .table-column-control.dropdown-menu .dropdown-item:before{
    font-weight: bold;
    content: "☆";
    display: inline-block;
    margin-right: 0.5rem;
}
.table .table-control .table-column-control.dropdown-menu .dropdown-item[data-show="true"]:before{
    content: "★";
}
th.btn-group, td.btn-group{
    vertical-align: top;
    display: table-cell;
}
th.btn-group > .btn, td.btn-group > .btn{
    height: 100%;
    display: inline-flex;
    align-items: center;
}
.table-column-control-icon{
    display: inline-block;
    vertical-align: middle;
    border: 1px solid var(--bs-primary);
    border-radius: 0.25rem;
    background-color: var(--bs-blue);
    color: var(--bs-light);
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    padding: 0.2rem 0.5rem;
}
.table-column-control-icon:after{
    font-weight: bold;
    content: "\205D";
    display: block;
    width: 1rem;
}

.navbar{
    padding: 0.2rem;
}

.navbar-vertical ul{
    position: relative !important;
    float: none !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
}
.navbar-vertical li{
    display: block;
    padding: 0.1rem 0;
    width: 100%;
    position: relative;
    border-radius: 0;
    background: transparent;
    border: none;
}
.navbar-vertical li.dropdown-item:hover, .navbar-vertical li.dropdown-item:focus,
.navbar-vertical li.dropdown-item.active, .navbar-vertical li.dropdown-item:active{
    background: transparent;
}
.navbar-vertical .nav-header > .icon, .navbar-vertical .nav-link > .icon{
    margin-right: 0.3rem;
}
.navbar-vertical .dropdown-menu{
    z-index: inherit;
}
.navbar-vertical .nav-item .dropdown-menu{
    padding: 0 0 0 1.2rem;
}
.navbar-vertical .nav-header, .navbar-vertical .nav-item a.nav-link.dropdown-toggle{
    font-weight: bold;
    letter-spacing: 0.0625rem;
    text-transform: uppercase;
    width: 100%;
    display: block;
}
.navbar-vertical .nav-link{
    color: #9d9d9d !important;
    border-left: 3px solid transparent;
    
    position: relative;
    padding: 0.3rem 0.5rem;
}
.navbar-vertical .nav-link.active{
    color: #4089fc !important;
    border-left: 3px solid #4089fc;
    
    background-color: RGBA(var(--bs-light-rgb), 0.1);
}
.navbar-vertical .nav-link:hover{
    color: #4089fc !important;
    border-left: 3px solid #4089fc;
    
    background-color: RGBA(var(--bs-light-rgb), 0.05);
}

.navbar-vertical .nav-item a.nav-link > .nav-title > .icon{
    padding-right: 0.5rem;
}
.navbar-vertical .nav-link.dropdown-toggle::after{
    font-family: "FontAwesome";
    font-weight: 900;
    font-size: 70%;
    content: "\f105";
    margin-right: 1rem;
    position: absolute;
    border: 0 !important;
    right: 0;
    top: 0.3rem;
}
.navbar-vertical .dropdown-toggle.show::after{
    content: "\f107";
}
.dropdown-menu.show{
    z-index: 3000;
}
.full-screen:before{
    font-family: "Font Awesome 6 Free";
    content: "\f065";
    font-weight: bold;
    position: relative;
}
.full-screen.full-screen-on:before{
    content: "\f31e";
}
.full-screen.full-screen-off:before{
    content: "\f78c";
}
.list-group-sm > .list-group-item{
    padding: calc(var(--bs-list-group-item-padding-y) / 3) calc(var(--bs-list-group-item-padding-x) / 3);
}
.page-title{
    -ms-flex-item-align: center;
    display: block;
    align-items: baseline;
    font-weight: bold;
    align-self: center;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    margin: 0 0.5rem;
}
.page-title > small{
    display: block;
    font-size: small !important;
    font-weight: normal;
    opacity: 0.6;
}
@media (min-width: 768px) {
    .page-title{
        display: flex;
        flex-direction: column;
    }
    .page-title > small{
        margin-left: 0.5rem;    
    }
}

.breadcrumb{
    -ms-flex-item-align: center !important;
    align-self: center !important;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
    margin: 0.3rem 0.5rem;
}
.breadcrumb .breadcrumb-item{
    -ms-flex-item-align: center !important;
    align-self: center !important;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
    margin: 0;
    align-items: center;
    line-height: normal;
}
.breadcrumb .breadcrumb-item {
    align-items: normal;
    font-weight: 600;
    color: var(--bs-white);
    opacity: 0.8;
    display: flex;
}
.breadcrumb .breadcrumb-item.active{
    margin-top: 0.1rem;
    opacity: 1;
}
.breadcrumb .breadcrumb-item .icon{
    margin-right: 0.6rem;
}
.breadcrumb .breadcrumb-item a{
    margin-top: 0.1rem;
    color: var(--bs-white);
    opacity: 0.6;
    font-weight: 600;
    text-decoration: none;
}
.breadcrumb .breadcrumb-item a:hover,
.breadcrumb .breadcrumb-item a:focus{
    opacity: 0.8;
}
.breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    position: relative;
    top: -0.02rem;
    width: 1.25rem;
    font-family: "FontAwesome";
    font-size: 0.875rem;
    color: #ced4da;
    content: "";
}

.modal{
    --bs-body-bg: #161824;
    --bs-body-bg-rgb: 22, 24, 36;
    --bs-body-color: var(--bs-body-color);
    --bs-modal-bg: var(--bs-body-bg);
    --bs-modal-color: var(--bs-body-color);
    
    --bs-scrollbar-opacity: 0.3;
    --bs-scrollbar-bg-rgb: var(--bs-secondary-rgb);
    --bs-scrollbar-bg: var(--bs-white);
    
    
    z-index: 1300;
}
.modal-backdrop{
    z-index: 1250;
}
.modal-content{
    border: 1px rgba(var(--bs-light-rgb), 0.3) solid;
}
.modal-content > .alert{
    margin: 0;
}
.modal-header{
    background: var(--bs-dark);
    color: var(--bs-light);
    padding: 0.5rem 0.8rem;
    border: 0;
}
.modal-header .modal-title{
    font-weight: bold;
    line-height: normal;
    margin-right: auto;
}
.modal-header .btn-close{
    background-size: 0.7rem;
    filter: invert(1) grayscale(100%) brightness(200%);
}
.modal-body{
    padding: 0;
    border-top: 1px rgba(var(--bs-light-rgb), 0.3) solid;
}
.modal-body > .form{
    border: 0;
    margin: 0.3275rem;
    padding: 0.275rem;
    padding-top: 0;
}
.modal-content > *{
    border-radius: 0;
}
.modal-dialog:not(.modal-fullscreen) > .modal-content > *:first-child{
    border-top-left-radius: var(--bs-modal-inner-border-radius);
    border-top-right-radius: var(--bs-modal-inner-border-radius);
}
.modal-dialog:not(.modal-fullscreen) > .modal-content > *:last-child{
    border-bottom-left-radius: var(--bs-modal-inner-border-radius);
    border-bottom-right-radius: var(--bs-modal-inner-border-radius);
}

[aria-expanded] + .navbar-brand{
    display: none;
}
[aria-expanded="false"] + .navbar-brand{
    display: block;
}
.navbar-brand{
    max-height: 5.05rem;
}
.navbar-brand > img{
    max-height: inherit;
}
.btn > .tooltip{
    position: absolute;
    top: 100%;
    left: 0;
    background: inherit;
    color: inherit;
    display: none;
}
.btn:hover > .tooltip{
    display: block;
}
.btn-group > .btn, .btn-group-vertical > .btn{
    display: flex;
    align-items: center;
}
.badge{
    --bs-badge-font-size: 0.8rem;
    --bs-badge-font-weight: 400;
    display: flex;
    align-items: center;
    line-height: normal;
}
.badge .fa, 
.badge .fa-brands, 
.badge .fa-classic, 
.badge .fa-regular, 
.badge .fa-sharp, 
.badge .fa-solid, 
.badge .fab, 
.badge .far, 
.badge .fas{
    font-size: smaller;
}
.dropdown-toggle{
    position: relative;
    display: flex;
    padding-right: 1.3rem;
    align-items: center;
}
.dropdown-toggle::after{
    right: 0.4rem;
}
.dropdown-menu{
    --bs-dropdown-link-hover-bg: rgba(var(--bs-link-hover-color-rgb), 0.2);
    padding: 0;
}
.dropdown-menu .dropdown-item{
    padding: 0.5rem;
}
.row.nav > *{
    margin: -1px;
    max-width: none !important;
    width: calc(100% - -2px);
}
.row.nav .row.nav{
    margin: 1px -1px;
}

@keyframes blink {
    from { opacity: 0; }
    to { opacity: 1; }
}
.text-blink {
    animation: blink 0.8s infinite;
}
.text-invert-active:not(:disabled):not(.disabled):hover,
.text-invert-active:not(:disabled):not(.disabled):focus, 
.text-invert {
    filter: invert(1) grayscale(100%) brightness(200%);
}
.text-inherit{
    color: inherit !important;
}
.text-shadow-sm{
    --size-shadow: 2px;
}
.text-shadow-md{
    --size-shadow: 4px;
}
.text-shadow-lg{
    --size-shadow: 6px;
}
.text-shadow-xl{
    --size-shadow: 8px;
}
.text-shadow-xxl{
    --size-shadow: 10px;
}
.text-shadow{
    -webkit-text-stroke: var(--size-shadow, 1px) var(--bg-shadow, var(--bs-btn-bg, #444));
    paint-order: stroke fill;
}
.text-rotate {
    writing-mode: tb-rl;
    transform:rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.fw-bold {
  font-weight: 800 !important;
}

.fs-1 {
    --bs-body-font-size: calc(1.375rem + 1.5vw);
    font-size: var(--bs-body-font-size) !important;
}
.fs-2 {
    --bs-body-font-size: calc(1.325rem + 0.9vw);
    font-size: var(--bs-body-font-size) !important;
}
.fs-3 {
    --bs-body-font-size: calc(1.3rem + 0.6vw);
    font-size: var(--bs-body-font-size) !important;
}
.fs-4 {
    --bs-body-font-size: calc(1.275rem + 0.3vw);
    font-size: var(--bs-body-font-size) !important;
}
.fs-5 {
    --bs-body-font-size: calc(1.15rem + 0.1vw);
    font-size: var(--bs-body-font-size) !important;
}
.fs-6 {
    --bs-body-font-size: 1rem;
    font-size: var(--bs-body-font-size) !important;
}
.fs-initial{
    font-size: initial;
}
.lh-normal{
    line-height: normal;
}
.currency:after{
    font-family: "Segoe UI Semibold";
    content: "₽";
    font-size: 0.65rem;
    margin-left: 0.2rem;
    font-weight: inherit;
} 
.text-break-spaces{
    white-space: break-spaces;
}
.text-ellipsis{
    padding-left: 0.8rem;
    position: relative;
    white-space: break-spaces;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    border: 1px var(--bs-secondary-border-subtle, inherit) solid;
    border-radius: 0.5rem;
    background: inherit;
    filter: invert(0);
}
.text-ellipsis:hover{
    filter: invert(0.1);
}
.text-ellipsis:before{
    position: absolute;
    display: block;
    background: var(--bs-secondary-border-subtle, --bs-secondary-bg-subtle);
    width: 0.8rem;
    top: 0;
    left: 0;
    bottom: 0;
    content: '';
}
.text-ellipsis:after{
    position: absolute;
    display: block;
    background: inherit;
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    width: 0.4rem;
    top: 0;
    left: 0.4rem;
    bottom: 0;
    content: '';
}
.text-ellipsis.h-min{
    -webkit-line-clamp: 1;
}
.text-ellipsis.show{
    -webkit-line-clamp: none;
    -webkit-box-orient: none;
}
.text-bg-primary {
    --bs-scrollbar-bg-rgb:var(--bs-dark-rgb);
    --bs-scrollbar-bg:var(--bs-primary);
}
.text-bg-secondary {
    --bs-scrollbar-bg-rgb:var(--bs-dark-rgb);
    --bs-scrollbar-bg:var(--bs-secondary);
}
.text-bg-success {
    --bs-scrollbar-bg-rgb:var(--bs-dark-rgb);
    --bs-scrollbar-bg:var(--bs-success);
}
.text-bg-info {
    --bs-scrollbar-bg-rgb:var(--bs-dark-rgb);
    --bs-scrollbar-bg:var(--bs-info);
}
.text-bg-warning {
    --bs-scrollbar-bg-rgb:var(--bs-dark-rgb);
    --bs-scrollbar-bg:var(--bs-warning);
}
.text-bg-danger {
    --bs-scrollbar-bg-rgb:var(--bs-dark-rgb);
    --bs-scrollbar-bg:var(--bs-danger);
}
.text-bg-light {
    --bs-scrollbar-bg-rgb:var(--bs-dark-rgb);
    --bs-scrollbar-bg:var(--bs-light);
}
.text-bg-dark {
    --bs-scrollbar-bg-rgb:var(--bs-light-rgb);
    --bs-scrollbar-bg:var(--bs-dark);
}
.link-primary {
    --bs-scrollbar-bg-rgb:var(--bs-dark-rgb);
    --bs-scrollbar-bg:var(--bs-primary);
}
.top-auto {
    top: auto !important;
}
.top-25 {
  top: 25% !important;
}
.top-75 {
  top: 75% !important;
}
.bottom-auto {
    bottom: auto !important;
}
.bottom-25 {
  bottom: 25% !important;
}
.bottom-75 {
  bottom: 75% !important;
}
.start-auto {
    left: auto !important;
}
.start-25 {
  left: 25% !important;
}
.start-75 {
  left: 75% !important;
}
.end-auto {
    right: auto !important;
}
.end-25 {
  right: 25% !important;
}
.end-75 {
  right: 75% !important;
}

@media (min-width: 576px) {
    .position-sm-static {
      position: static !important;
    }
    .position-sm-relative {
      position: relative !important;
    }
    .position-sm-absolute {
      position: absolute !important;
    }
    .position-sm-fixed {
      position: fixed !important;
    }
    .position-sm-sticky {
      position: -webkit-sticky !important;
      position: sticky !important;
    }
    .top-sm-auto {
        top: auto !important;
    }
    .top-sm-0 {
      top: 0 !important;
    }
    .top-sm-25 {
      top: 25% !important;
    }
    .top-sm-50 {
      top: 50% !important;
    }
    .top-sm-75 {
      top: 75% !important;
    }
    .top-sm-100 {
      top: 100% !important;
    }
    .bottom-sm-auto {
        bottom: auto !important;
    }
    .bottom-sm-0 {
      bottom: 0 !important;
    }
    .bottom-sm-25 {
      bottom: 25% !important;
    }
    .bottom-sm-50 {
      bottom: 50% !important;
    }
    .bottom-sm-75 {
      bottom: 75% !important;
    }
    .bottom-sm-100 {
      bottom: 100% !important;
    }
    .start-sm-auto {
        left: auto !important;
    }
    .start-sm-0 {
      left: 0 !important;
    }
    .start-sm-25 {
      left: 25% !important;
    }
    .start-sm-50 {
      left: 50% !important;
    }
    .start-sm-75 {
      left: 75% !important;
    }
    .start-sm-100 {
      left: 100% !important;
    }
    .end-sm-auto {
        right: auto !important;
    }
    .end-sm-0 {
      right: 0 !important;
    }
    .end-sm-25 {
      right: 25% !important;
    }
    .end-sm-50 {
      right: 50% !important;
    }
    .end-sm-75 {
      right: 75% !important;
    }
    .end-sm-100 {
      right: 100% !important;
    }
}
@media (min-width: 768px) {
    .position-md-static {
      position: static !important;
    }
    .position-md-relative {
      position: relative !important;
    }
    .position-md-absolute {
      position: absolute !important;
    }
    .position-md-fixed {
      position: fixed !important;
    }
    .position-md-sticky {
      position: -webkit-sticky !important;
      position: sticky !important;
    }
    .top-md-auto {
        top: auto !important;
    }
    .top-md-0 {
      top: 0 !important;
    }
    .top-md-25 {
      top: 25% !important;
    }
    .top-md-50 {
      top: 50% !important;
    }
    .top-md-75 {
      top: 75% !important;
    }
    .top-md-100 {
      top: 100% !important;
    }
    .bottom-md-auto {
        bottom: auto !important;
    }
    .bottom-md-0 {
      bottom: 0 !important;
    }
    .bottom-md-25 {
      bottom: 25% !important;
    }
    .bottom-md-50 {
      bottom: 50% !important;
    }
    .bottom-md-75 {
      bottom: 75% !important;
    }
    .bottom-md-100 {
      bottom: 100% !important;
    }
    .start-md-auto {
        left: auto !important;
    }
    .start-md-0 {
      left: 0 !important;
    }
    .start-md-25 {
      left: 25% !important;
    }
    .start-md-50 {
      left: 50% !important;
    }
    .start-md-75 {
      left: 75% !important;
    }
    .start-md-100 {
      left: 100% !important;
    }
    .end-md-auto {
        right: auto !important;
    }
    .end-md-0 {
      right: 0 !important;
    }
    .end-md-25 {
      right: 25% !important;
    }
    .end-md-50 {
      right: 50% !important;
    }
    .end-md-75 {
      right: 75% !important;
    }
    .end-md-100 {
      right: 100% !important;
    }
}
@media (min-width: 992px) {
    .position-lg-static {
      position: static !important;
    }
    .position-lg-relative {
      position: relative !important;
    }
    .position-lg-absolute {
      position: absolute !important;
    }
    .position-lg-fixed {
      position: fixed !important;
    }
    .position-lg-sticky {
      position: -webkit-sticky !important;
      position: sticky !important;
    }
    .top-lg-auto {
        top: auto !important;
    }
    .top-lg-0 {
      top: 0 !important;
    }
    .top-lg-25 {
      top: 25% !important;
    }
    .top-lg-50 {
      top: 50% !important;
    }
    .top-lg-75 {
      top: 75% !important;
    }
    .top-lg-100 {
      top: 100% !important;
    }
    .bottom-lg-auto {
        bottom: auto !important;
    }
    .bottom-lg-0 {
      bottom: 0 !important;
    }
    .bottom-lg-25 {
      bottom: 25% !important;
    }
    .bottom-lg-50 {
      bottom: 50% !important;
    }
    .bottom-lg-75 {
      bottom: 75% !important;
    }
    .bottom-lg-100 {
      bottom: 100% !important;
    }
    .start-lg-auto {
        left: auto !important;
    }
    .start-lg-0 {
      left: 0 !important;
    }
    .start-lg-25 {
      left: 25% !important;
    }
    .start-lg-50 {
      left: 50% !important;
    }
    .start-lg-75 {
      left: 75% !important;
    }
    .start-lg-100 {
      left: 100% !important;
    }
    .end-lg-auto {
        right: auto !important;
    }
    .end-lg-0 {
      right: 0 !important;
    }
    .end-lg-25 {
      right: 25% !important;
    }
    .end-lg-50 {
      right: 50% !important;
    }
    .end-lg-75 {
      right: 75% !important;
    }
    .end-lg-100 {
      right: 100% !important;
    }
}
@media (min-width: 1200px) {
    .position-xl-static {
      position: static !important;
    }
    .position-xl-relative {
      position: relative !important;
    }
    .position-xl-absolute {
      position: absolute !important;
    }
    .position-xl-fixed {
      position: fixed !important;
    }
    .position-xl-sticky {
      position: -webkit-sticky !important;
      position: sticky !important;
    }
    .top-xl-auto {
        top: auto !important;
    }
    .top-xl-0 {
      top: 0 !important;
    }
    .top-xl-25 {
      top: 25% !important;
    }
    .top-xl-50 {
      top: 50% !important;
    }
    .top-xl-75 {
      top: 75% !important;
    }
    .top-xl-100 {
      top: 100% !important;
    }
    .bottom-xl-auto {
        bottom: auto !important;
    }
    .bottom-xl-0 {
      bottom: 0 !important;
    }
    .bottom-xl-25 {
      bottom: 25% !important;
    }
    .bottom-xl-50 {
      bottom: 50% !important;
    }
    .bottom-xl-75 {
      bottom: 75% !important;
    }
    .bottom-xl-100 {
      bottom: 100% !important;
    }
    .start-xl-auto {
        left: auto !important;
    }
    .start-xl-0 {
      left: 0 !important;
    }
    .start-xl-25 {
      left: 25% !important;
    }
    .start-xl-50 {
      left: 50% !important;
    }
    .start-xl-75 {
      left: 75% !important;
    }
    .start-xl-100 {
      left: 100% !important;
    }
    .end-xl-auto {
        right: auto !important;
    }
    .end-xl-0 {
      right: 0 !important;
    }
    .end-xl-25 {
      right: 25% !important;
    }
    .end-xlxl-50 {
      right: 50% !important;
    }
    .end-md-75 {
      right: 75% !important;
    }
    .end-xl-100 {
      right: 100% !important;
    }
}
@media (min-width: 1400px) {
    .position-xxl-static {
      position: static !important;
    }
    .position-xxl-relative {
      position: relative !important;
    }
    .position-xxl-absolute {
      position: absolute !important;
    }
    .position-xxl-fixed {
      position: fixed !important;
    }
    .position-xxl-sticky {
      position: -webkit-sticky !important;
      position: sticky !important;
    }
    .top-xxl-auto {
        top: auto !important;
    }
    .top-xxl-0 {
      top: 0 !important;
    }
    .top-xxl-25 {
      top: 25% !important;
    }
    .top-xxl-50 {
      top: 50% !important;
    }
    .top-xxl-75 {
      top: 75% !important;
    }
    .top-xxl-100 {
      top: 100% !important;
    }
    .bottom-xxl-auto {
        bottom: auto !important;
    }
    .bottom-xxl-0 {
      bottom: 0 !important;
    }
    .bottom-xxl-25 {
      bottom: 25% !important;
    }
    .bottom-xxl-50 {
      bottom: 50% !important;
    }
    .bottom-xxl-75 {
      bottom: 75% !important;
    }
    .bottom-xxl-100 {
      bottom: 100% !important;
    }
    .start-xxl-auto {
        left: auto !important;
    }
    .start-xxl-0 {
      left: 0 !important;
    }
    .start-xxl-25 {
      left: 25% !important;
    }
    .start-xxl-50 {
      left: 50% !important;
    }
    .start-xxl-75 {
      left: 75% !important;
    }
    .start-xxl-100 {
      left: 100% !important;
    }
    .end-xxl-auto {
        right: auto !important;
    }
    .end-xxl-0 {
      right: 0 !important;
    }
    .end-xxl-25 {
      right: 25% !important;
    }
    .end-xxl-50 {
      right: 50% !important;
    }
    .end-xxl-75 {
      right: 75% !important;
    }
    .end-xxl-100 {
      right: 100% !important;
    }
}