@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

html {
position: relative;
min-height: 100%;
}

.text-danger {
color: rgb(253 79 79) !important;
}

.btn-outline-danger {
color: #F44336;
border-color: #F44336;
}

.map-control {
z-index: 9 !important;
}
.table-responsive {
min-height: 300px;
}
.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #25814a;
    border-color: #25814a;
}
.table-bordered > :not(caption) > * {
    border-width: 0 !important;
}
.table-bordered > :not(caption) > * > * {
border-left-width:0 !important
}

input::placeholder,
textarea::placeholder {
    color: #94A3B8 !important;
    font-weight: 400;
    opacity: 1;
}

/* When placeholder option is selected */
select:has(option:checked:disabled) {
    color: #94A3B8;
}

/* When real value is selected */
select:not(:has(option:checked:disabled)) {
    color: #111827;
}

body {
font-family: 'Nunito Sans', sans-serif;
background: #F7F8FA;
color: #0F172A
}

body {
overflow-y: auto;
overflow-x: hidden;
/*scrollbar-color: #0F172A #0F172A;
scrollbar-width: thin;*/
}
/*
body::-webkit-scrollbar {
width: 4px;
}

body::-webkit-scrollbar-track {
background-color: darkgrey;
}

body::-webkit-scrollbar-thumb {
background: #0F172A;
width: 2px
}*/

::-webkit-scrollbar {
width: 3px;
}

::-webkit-scrollbar-track {
background-color: #ededed;
}

::-webkit-scrollbar-thumb {
background: #777;
width: 2px;
border-radius: 2px
}


.text-success {
color: #2ba24c !important
}

.green {
color: #2ba24c !important
}

.red {
color: #ff5c5c !important
}

a {
text-decoration: none;
}

a:hover {
color: #88888b;
}

:focus, a:focus, button:focus {
outline-color: transparent;
outline-width: 0 !important
}

.btn {
letter-spacing: 2px;
font-weight: 600;
line-height: 1.5;
/*text-transform: uppercase;*/
padding: 10px 15px 7px 15px;
}

.nav-link:focus {
box-shadow: none;
outline: none
}

.main .theme-2 .content .input-group .form-control {
width: auto !important
}

.main .content .card .card-header .btn {
letter-spacing: 2px;
font-weight: 600;
line-height: 1.5;
text-transform: uppercase;
padding: 10px 12px 6px 12px;
font-size: .875rem;
}

.cursor-pointer {
cursor: pointer
}

.btn i {
    font-size: .8rem;
    margin-right: 5px;
    vertical-align: middle;
    font-style: normal;
    line-height: 1 !important;
}

.btn .spinner-border{
width: 10px;
height: 10px;
color: #878282;
border-width: 1px;
margin-left: 4px;
}

.card-header .action-card a.dropdown-toggle {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
background: #e9e9e9;
text-align: center;
padding: 4px;
border-radius: 35px;
}

.card-header .action-card a i {
font-size: 20px;
color: #333
}

.card-header .action-card a.dropdown-toggle::after {
display: none
}

.card-header .action-card .dropdown-menu li a {
font-size: 14px;
font-weight: 500;
vertical-align: bottom;
margin: 12px;
display: block;
}

.card-header .action-card .dropdown-menu {
padding: 0
}

.card-header .action-card .dropdown-menu li a i {
font-size: 16px;
margin-right: 5px;
color: #0F172A
}



.btn .bi-floppy {
font-size: .8rem;
}

figure {
margin-bottom: 0;
}

dl {
margin-bottom: 0;
}

dt {
color: #0F172A;
}

dd {
color: #1e2022;
font-weight: 600;
margin-bottom: .75rem;
}

label {
display: inline-block;
margin-bottom: 0.5rem;
color: #0F172A;
font-weight: 700;
}

.table {
color: #0F172A
}

.table > :not(caption) > * > * {
box-shadow: none
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
background: rgba(240, 244, 249, 0.6) !important;
border-top: 1px solid #fbfbfb;
border-bottom: 1px solid #fbfbfb;
}

.input-group-text {
color: #0F172A
}

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type=number] {
    -moz-appearance: textfield;
}


.bg-success {
background-color: #2ba24c !important;
}





::-moz-selection {
color: #0F172A;
background-color: rgba(112,112,112,.1);
}

::selection {
color: #0F172A;
background-color: rgba(112,112,112,.1);
}

.form-control {
padding: 0.6125rem 0.6rem;
font-size: .9rem;
font-weight: 600;
position: relative;
border: 1px solid #E5E7EB;
}

.form-control:disabled, .form-control[readonly] {
background-color: #fff;
opacity: 1;
}

.bg-primary ::-moz-selection {
color: #fff;
background-color: rgba(255,255,255,.1);
}

.bg-primary ::selection {
color: #fff;
background-color: rgba(255,255,255,.1);
}

.btn-outline-primary:hover {
color: #0F172A;
background-color: transparent;
border-color: #0F172A0F172A;
}

.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}

.btn-outline-success {
color: #2ba24c;
border-color: #2ba24c;
}

.btn-outline-success:hover {
color: #fff;
background-color: #2ba24c;
border-color: #2ba24c;
}

.btn-sm {
padding: 5px 12px !important;
}

.btn-primary {
color: #fff;
background-color: #2ba24c;
border-color: #2ba24c;
}

.btn-primary-outline {
border: 1px solid #E5E7EB;
background: #fff;
color: #111827;
}

.btn-secondary {
color: #fff;
background-color: #0F172A;
border-color: #0F172A;
}

.btn-primary:hover {
color: #fff;
background-color: #0F172A;
border-color: #0F172A;
}

.btn-primary:active {
color: #fff;
background-color: #2ba24c;
border-color: #2ba24c;
}

.btn-primary:focus {
color: #fff;
background-color: #2ba24c;
border-color: #2ba24c;
}

.btn-secondary:hover {
color: #fff;
background-color: #2ba24c;
border-color: #2ba24c;
}

@-webkit-keyframes fadeIn {
from {
opacity: 0;
}

to {
opacity: 1;
}
}

@keyframes fadeIn {
from {
opacity: 0;
}

to {
opacity: 1;
}
}

.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}

@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0,15px,0);
transform: translate3d(0,15px,0);
}

to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}

@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0,15px,0);
transform: translate3d(0,15px,0);
}

to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}

.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}

@-webkit-keyframes fadeOut {
from {
opacity: 1;
}

to {
opacity: 0;
}
}

@keyframes fadeOut {
from {
opacity: 1;
}

to {
opacity: 0;
}
}

.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}

@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}

to {
opacity: 0;
-webkit-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0);
}
}

@keyframes fadeOutUp {
from {
opacity: 1;
}

to {
opacity: 0;
-webkit-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0);
}
}

.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}

to {
opacity: 0;
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
}
}

@keyframes fadeOutDown {
from {
opacity: 1;
}

to {
opacity: 0;
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
}
}

.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}

@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0,10px,0);
transform: translate3d(0,10px,0);
visibility: visible;
}

to {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
}

@keyframes slideInUp {
from {
-webkit-transform: translate3d(0,10px,0);
transform: translate3d(0,10px,0);
visibility: visible;
}

to {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
}

.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}

@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0,-10px,0);
transform: translate3d(0,-10px,0);
visibility: visible;
}

to {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
}

@keyframes slideInDown {
from {
-webkit-transform: translate3d(0,-10px,0);
transform: translate3d(0,-10px,0);
visibility: visible;
}

to {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
}

.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}

@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
}

to {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
}

@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
}

to {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
}

.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
}

to {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
}

@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
}

to {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
}

.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}

@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}

to {
opacity: 0;
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
}
}

@keyframes fadeOutLeft {
from {
opacity: 1;
}

to {
opacity: 0;
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
}
}

.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}

to {
opacity: 0;
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
}
}

@keyframes fadeOutRight {
from {
opacity: 1;
}

to {
opacity: 0;
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
}
}

.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}

.flatpickr-wrapper {
width: 100%
}

header {
position: sticky;
top: 0;
z-index: 99;
box-shadow: 0px -10px 18px 3px rgba(0,0,0,0.2);
}

.accordion-button:focus {
box-shadow: none;
}

.accordion-button:not(.collapsed) {
box-shadow: none;
}

.accordion-button {
color: #0F172A;
font-size: .875rem;
font-weight: 600;
padding: .75rem 1.25rem;
}

@media (max-width:575.98px) {
.accordion-button {
padding: .5rem .80F172A3rem;
}
}

.accordion-body {
padding-top: 0;
}

@media (max-width:575.98px) {
.accordion-body, .accordion-button {
padding: .5rem .80F172A3rem;
}
}

.alert-primary {
color: #fff;
background-color: #0F172A0F172A;
border-color: #0F172A0F172A;
}

.alert-primary .alert-link {
color: #fff;
}

.alert-secondary {
color: #fff;
background-color: #71869d;
border-color: #71869d;
}

.alert-secondary .alert-link {
color: #fff;
}

.alert-success {
color: #fff;
background-color: #00c9a7;
border-color: #00c9a7;
}

.alert-success .alert-link {
color: #fff;
}

.alert-info {
color: #fff;
background-color: #09a5be;
border-color: #09a5be;
}

.alert-info .alert-link {
color: #fff;
}

.alert-warning {
color: #0F172A;
background-color: #f5ca99;
border-color: #f5ca99;
}

.alert-warning .alert-link {
color: #0F172A;
}

.alert-danger {
color: #fff;
background-color: #F44336;
border-color: #F44336;
}

.alert-danger .alert-link {
color: #fff;
}

.alert-light {
color: #0F172A;
background-color: #f9fafc;
border-color: #f9fafc;
}

.alert-light .alert-link {
color: #0F172A;
}

.alert-dark {
color: #fff;
background-color: #0F172A;
border-color: #0F172A;
}

.alert-dark .alert-link {
color: #fff;
}

.alert-soft-primary {
color: #0F172A0F172A;
background-color: rgba(112,112,112,.15);
}

.alert-soft-primary .alert-link {
color: #0F172A0F172A;
}

.alert-soft-primary .alert-link:hover {
color: #919191;
}

.alert-soft-secondary {
color: #71869d;
background-color: rgba(113,134,157,.15);
}

.alert-soft-secondary .alert-link {
color: #71869d;
}

.alert-soft-secondary .alert-link:hover {
color: #60748b;
}

.alert-soft-success {
color: #00c9a7;
background-color: rgba(0,201,167,.15);
}

.alert-soft-success .alert-link {
color: #00c9a7;
}

.alert-soft-success .alert-link:hover {
color: #00a589;
}

.alert-soft-info {
color: #09a5be;
background-color: rgba(9,165,190,.15);
}

.alert-soft-info .alert-link {
color: #09a5be;
}

.alert-soft-info .alert-link:hover {
color: #07879c;
}

.alert-soft-warning {
color: #f5ca99;
background-color: rgba(245,202,153,.15);
}

.alert-soft-warning .alert-link {
color: #f5ca99;
}

.alert-soft-warning .alert-link:hover {
color: #f2b978;
}

.alert-soft-danger {
color: #F44336;
background-color: rgba(237,76,120,.15);
}

.alert-soft-danger .alert-link {
color: #F44336;
}

.alert-soft-danger .alert-link:hover {
color: #ea2c60;
}

.alert-soft-light {
color: #f9fafc;
background-color: rgba(249,250,252,.15);
}

.alert-soft-light .alert-link {
color: #f9fafc;
}

.alert-soft-light .alert-link:hover {
color: #e1e6f0;
}

.alert-soft-dark {
color: #0F172A;
background-color: rgba(19,33,68,.15);
}

.alert-soft-dark .alert-link {
color: #0F172A;
}

.alert-soft-dark .alert-link:hover {
color: #0b1328;
}

.avatar {
position: relative;
display: inline-block;
width: 2.625rem;
height: 2.625rem;
border-radius: .5rem;
}

.avatar:not(img) {
background-color: #fff;
}

.avatar-img {
max-width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: .5rem;
}

.avatar .badge {
background: #2ba24c;
}

.avatar-initials {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
width: 2.625rem;
height: 2.625rem;
font-size: .875rem;
font-weight: 600;
pointer-events: none;
text-transform: uppercase;
border-radius: .5rem;
}

.avatar-circle {
border-radius: 50%;
}

.avatar-circle .avatar, .avatar-circle .avatar-img, .avatar-circle .avatar-initials {
border-radius: 50%;
}

.avatar-centered {
display: -ms-flexbox;
display: flex;
margin-right: auto;
margin-left: auto;
}

.avatar-group {
position: relative;
z-index: 2;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
}

.avatar-group .avatar:hover {
z-index: 2;
}

.avatar-group .avatar-circle .avatar-initials {
border-radius: 50%;
}

.avatar-group .avatar .avatar-img, .avatar-group .avatar .avatar-initials, .avatar-group .avatar-sm .avatar-img, .avatar-group .avatar-sm .avatar-initials, .avatar-group .avatar-xs .avatar-img, .avatar-group .avatar-xs .avatar-initials {
border: 2px solid #fff;
}

.avatar-group .avatar-lg .avatar-img, .avatar-group .avatar-lg .avatar-initials {
border: 5px solid #fff;
}

.avatar-group .avatar-xl .avatar-img, .avatar-group .avatar-xl .avatar-initials {
border: 7px solid #fff;
}

.avatar-group .avatar + .avatar {
margin-left: -1rem;
}

.avatar-group .avatar-xs + .avatar-xs {
margin-left: -.6125rem;
}

.avatar-group .avatar-sm + .avatar-sm {
margin-left: -.875rem;
}

.avatar-group .avatar-lg + .avatar-lg {
margin-left: -1.5rem;
}

.avatar-group .avatar-xl + .avatar-xl {
margin-left: -2rem;
}

.avatar-group .avatar {
width: 2.625rem;
height: 2.625rem;
}

.avatar-group .avatar .avatar-initials {
width: 2.625rem;
height: 2.625rem;
font-size: .875rem;
}

.avatar-group .avatar + .avatar {
margin-left: -1rem;
}

.avatar-group-xs .avatar {
width: 1.53125rem;
height: 1.53125rem;
}

.avatar-group-xs .avatar .avatar-initials {
width: 1.53125rem;
height: 1.53125rem;
font-size: .65625rem;
}

.avatar-group-xs .avatar + .avatar {
margin-left: -.6125rem;
}

.avatar-group-sm .avatar {
width: 2.40625rem;
height: 2.40625rem;
}

.avatar-group-sm .avatar .avatar-initials {
width: 2.40625rem;
height: 2.40625rem;
font-size: .875rem;
}

.avatar-group-sm .avatar + .avatar {
margin-left: -.875rem;
}

.avatar-group-lg .avatar {
width: 3.36875rem;
height: 3.36875rem;
}

.avatar-group-lg .avatar .avatar-initials {
width: 3.36875rem;
height: 3.36875rem;
font-size: 1rem;
}

.avatar-group-lg .avatar + .avatar {
margin-left: -1.5rem;
}

.avatar-group-xl .avatar {
width: 4.92188rem;
height: 4.92188rem;
}

.avatar-group-xl .avatar .avatar-initials {
width: 4.92188rem;
height: 4.92188rem;
font-size: 1.75rem;
}

.avatar-group-xl .avatar + .avatar {
margin-left: -1.5rem;
}

.avatar-group-xxl .avatar {
width: 7.875rem;
height: 7.875rem;
}

.avatar-group-xxl .avatar .avatar-initials {
width: 7.875rem;
height: 7.875rem;
font-size: 2.625rem;
}

.avatar-group-xxl .avatar + .avatar {
margin-left: -2rem;
}

.avatar.avatar-circle .avatar-status {
bottom: -.19141rem;
right: -.19141rem;
}

.avatar.avatar-circle .avatar-sm-status {
bottom: 0;
right: 0;
}

.avatar.avatar-circle .avatar-lg-status {
bottom: -.28437rem;
right: -.28437rem;
}

.avatar-xss, .avatar-xss .avatar-initials {
width: 1rem;
height: 1rem;
}

.avatar-xss .avatar-img {
width: 1rem;
}

.avatar-xss .avatar-initials {
font-size: .65625rem;
}

.avatar-xs, .avatar-xs .avatar-initials {
width: 1.53125rem;
height: 1.53125rem;
}

.avatar-xs .avatar-img {
width: 1.53125rem;
}

.avatar-xs .avatar-initials {
font-size: .65625rem;
}

.avatar-xs.avatar-circle .avatar-status {
bottom: -.19141rem;
right: -.19141rem;
}

.avatar-xs.avatar-circle .avatar-sm-status {
bottom: -.10254rem;
right: -.10254rem;
}

.avatar-xs.avatar-circle .avatar-lg-status {
bottom: -.28437rem;
right: -.28437rem;
}

.avatar-xs, .avatar-xs .avatar-initials {
width: 1.53125rem;
height: 1.53125rem;
}

.avatar-xs .avatar-img {
width: 1.53125rem;
}

.avatar-xs .avatar-initials {
font-size: .65625rem;
}

.avatar-xs.avatar-circle .avatar-status {
bottom: -.19141rem;
right: -.19141rem;
}

.avatar-xs.avatar-circle .avatar-sm-status {
bottom: -.10254rem;
right: -.10254rem;
}

.avatar-xs.avatar-circle .avatar-lg-status {
bottom: -.28437rem;
right: -.28437rem;
}

.avatar-sm, .avatar-sm .avatar-initials {
width: 2rem;
height: 2rem;
margin-right: 5px;
vertical-align: middle;
}

.avatar-sm .avatar-img {
width: 2.40625rem;
}

.avatar-sm .avatar-initials {
font-size: .875rem;
}

.avatar-sm.avatar-circle .avatar-status {
bottom: -.19141rem;
right: -.19141rem;
}

.avatar-sm.avatar-circle .avatar-sm-status {
bottom: -.08203rem;
right: -.08203rem;
}

.avatar-sm.avatar-circle .avatar-lg-status {
bottom: -.35547rem;
right: -.35547rem;
}

.avatar-lg, .avatar-lg .avatar-initials {
width: 3.36875rem;
height: 3.36875rem;
}

.avatar-lg .avatar-img {
width: 3.36875rem;
}

.avatar-lg .avatar-initials {
font-size: 1rem;
}

.avatar-lg.avatar-circle .avatar-status {
bottom: -.11484rem;
right: -.11484rem;
}

.avatar-lg.avatar-circle .avatar-sm-status {
bottom: .08203rem;
right: .08203rem;
}

.avatar-lg.avatar-circle .avatar-lg-status {
bottom: -.17773rem;
right: -.17773rem;
}

.avatar-xl, .avatar-xl .avatar-initials {
width: 4.92188rem;
height: 4.92188rem;
}

.avatar-xl .avatar-img {
width: 4.92188rem;
}

.avatar-xl .avatar-initials {
font-size: 1.75rem;
}

.avatar-xl.avatar-circle .avatar-status {
bottom: .14355rem;
right: .14355rem;
}

.avatar-xl.avatar-circle .avatar-sm-status {
bottom: .20508rem;
right: .20508rem;
}

.avatar-xl.avatar-circle .avatar-lg-status {
bottom: .11849rem;
right: .11849rem;
}

.avatar-xxl, .avatar-xxl .avatar-initials {
width: 7.875rem;
height: 7.875rem;
}

.avatar-xxl .avatar-img {
width: 7.875rem;
}

.avatar-xxl .avatar-initials {
font-size: 2.625rem;
}

.avatar-xxl.avatar-circle .avatar-status {
bottom: .65625rem;
right: .65625rem;
}

.avatar-xxl.avatar-circle .avatar-sm-status {
bottom: .76562rem;
right: .76562rem;
}

.avatar-xxl.avatar-circle .avatar-lg-status {
bottom: .56875rem;
right: .56875rem;
}

.avatar-status {
position: absolute;
bottom: -.45937rem;
right: -.45937rem;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
white-space: nowrap;
text-align: center;
vertical-align: baseline;
border: .125rem solid #fff;
width: 1.14844rem;
height: 1.14844rem;
line-height: 1;
font-size: .65625rem;
border-radius: 50%;
}

.avatar-sm-status {
bottom: -.22969rem;
right: -.22969rem;
width: .82031rem;
height: .82031rem;
font-size: .4375rem;
}

.avatar-lg-status {
width: 1.42188rem;
height: 1.42188rem;
font-size: .65625rem;
}

.avatar-primary .avatar-initials {
color: #fff;
background-color: #0F172A0F172A;
}

.avatar-status-primary {
color: #fff;
background-color: #0F172A0F172A;
}

.avatar-secondary .avatar-initials {
color: #fff;
background-color: #71869d;
}

.avatar-status-secondary {
color: #fff;
background-color: #71869d;
}

.avatar-success .avatar-initials {
color: #fff;
background-color: #00c9a7;
}

.avatar-status-success {
color: #fff;
background-color: #00c9a7;
}

.avatar-info .avatar-initials {
color: #fff;
background-color: #09a5be;
}

.avatar-status-info {
color: #fff;
background-color: #09a5be;
}

.avatar-warning .avatar-initials {
color: #0F172A;
background-color: #f5ca99;
}

.avatar-status-warning {
color: #0F172A;
background-color: #f5ca99;
}

.avatar-danger .avatar-initials {
color: #fff;
background-color: #F44336;
}

.avatar-status-danger {
color: #fff;
background-color: #F44336;
}

.avatar-light .avatar-initials {
color: #0F172A;
background-color: #f9fafc;
}

.avatar-status-light {
color: #0F172A;
background-color: #f9fafc;
}

.avatar-dark .avatar-initials {
color: #fff;
background-color: #0F172A;
}


.avatar-dark .avatar-initials img {
max-width: 100%;
border-radius: 35px;
}

.avatar-status-dark {
color: #fff;
background-color: #0F172A;
}

.avatar-soft-primary .avatar-initials {
color: #0F172A0F172A;
background-color: rgba(112,112,112,.1);
}

.avatar-status-soft-primary {
color: #0F172A0F172A;
background-color: rgba(112,112,112,.1);
}

.avatar-soft-secondary .avatar-initials {
color: #71869d;
background-color: rgba(113,134,157,.1);
}

.avatar-status-soft-secondary {
color: #71869d;
background-color: rgba(113,134,157,.1);
}

.avatar-soft-success .avatar-initials {
color: #00c9a7;
background-color: rgba(0,201,167,.1);
}

.avatar-status-soft-success {
color: #00c9a7;
background-color: rgba(0,201,167,.1);
}

.avatar-soft-info .avatar-initials {
color: #09a5be;
background-color: rgba(9,165,190,.1);
}

.avatar-status-soft-info {
color: #09a5be;
background-color: rgba(9,165,190,.1);
}

.avatar-soft-warning .avatar-initials {
color: #f5ca99;
background-color: rgba(245,202,153,.1);
}

.avatar-status-soft-warning {
color: #f5ca99;
background-color: rgba(245,202,153,.1);
}

.avatar-soft-danger .avatar-initials {
color: #F44336;
background-color: rgba(237,76,120,.1);
}

.avatar-status-soft-danger {
color: #F44336;
background-color: rgba(237,76,120,.1);
}

.avatar-soft-light .avatar-initials {
color: #f9fafc;
background-color: rgba(249,250,252,.1);
}

.avatar-status-soft-light {
color: #f9fafc;
background-color: rgba(249,250,252,.1);
}

.avatar-soft-dark .avatar-initials {
color: #0F172A;
background-color: rgba(19,33,68,.1);
}

.avatar-status-soft-dark {
color: #0F172A;
background-color: rgba(19,33,68,.1);
}

.avatar.avatar-4x3 {
width: 3.5rem;
height: auto;
border-radius: 0;
}

.avatar.avatar-4x3 .avatar-img {
height: inherit;
}

.avatar-xss.avatar-4x3 {
width: 1.0F172A33rem;
height: 1rem;
border-radius: 0;
}

.avatar-xss.avatar-4x3 .avatar-img {
height: inherit;
}

.avatar-xs.avatar-4x3 {
width: 2.04167rem;
height: 1.53125rem;
border-radius: 0;
}

.avatar-xs.avatar-4x3 .avatar-img {
height: inherit;
}

.avatar-sm.avatar-4x3 {
width: 3.20833rem;
height: auto;
border-radius: 0;
}

.avatar-sm.avatar-4x3 .avatar-img {
height: inherit;
}

.avatar-lg.avatar-4x3 {
width: 4.49167rem;
height: auto;
border-radius: 0;
}

.avatar-lg.avatar-4x3 .avatar-img {
height: inherit;
}

.avatar-xl.avatar-4x3 {
width: 6.5625rem;
height: auto;
border-radius: 0;
}

.avatar-xl.avatar-4x3 .avatar-img {
height: inherit;
}

.avatar-xxl.avatar-4x3 {
width: 10.5rem;
height: auto;
border-radius: 0;
}

.avatar-xxl.avatar-4x3 .avatar-img {
height: inherit;
}

.avatar-uploader {
cursor: pointer;
display: inline-block;
transition: .2s;
margin-bottom: 0;
}

.avatar-uploader-input {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: -1;
opacity: 0;
width: 100%;
height: 100%;
background-color: rgba(19,33,68,.25);
border-radius: 50%;
transition: .2s;
}

.avatar-uploader-trigger {
position: absolute;
bottom: 0;
right: 0;
cursor: pointer;
border-radius: 50%;
}

.avatar-uploader-icon {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
color: #0F172A;
background-color: #fff;
border-radius: 50%;
transition: .2s;
}

.avatar-uploader:hover .avatar-uploader-icon {
color: #fff;
background-color: #0F172A0F172A;
}

.avatar-lg .avatar-uploader-icon {
font-size: .65625rem;
width: 1.3125rem;
height: 1.3125rem;
}

.avatar-xl .avatar-uploader-icon {
font-size: .8125rem;
width: 1.53125rem;
height: 1.53125rem;
}

.avatar-xxl .avatar-uploader-icon {
width: 2.40625rem;
height: 2.40625rem;
}

.dropdown-item-text {
display: block;
padding: 0 .5rem;
color: #1e2022;
}

/*.btn-primary:active {
border-color: #707070;
}
*/
.badge {
line-height: normal;
}

.badge .legend-indicator {
margin-right: .3125rem;
}

.blockquote {
color: #0F172A;
font-size: 1.25rem;
border-left: .1875rem solid rgba(231,234,243,.7);
padding-left: .75rem;
margin-bottom: 0;
}

.blockquote-sm {
font-size: .875rem;
padding-left: .6125rem;
}

.blockquote-footer {
margin-top: 1.5rem;
}

.breadcrumb .breadcrumb-item {
color: #1e2022;
}

.breadcrumb .breadcrumb-link {
color: #8c98a4;
}

.breadcrumb .breadcrumb-link:hover {
color: #919191;
}

.btn-link {
font-weight: 600;
}

.btn-link:focus {
box-shadow: none;
}

.btn-check:focus + .btn, .btn:focus {
box-shadow: none;
}

.btn.dropdown-toggle {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
}

.btn-check:focus + .btn-primary, .btn-primary:focus, .btn-primary:hover {
box-shadow: 0 4px 11px rgba(112,112,112,.35);
}

.btn-check:focus + .btn-secondary, .btn-secondary:focus, .btn-secondary:hover {
box-shadow: 0 4px 11px rgba(113,134,157,.35);
}

.btn-check:focus + .btn-success, .btn-success:focus, .btn-success:hover {
box-shadow: 0 4px 11px rgba(0,201,167,.35);
}

.btn-check:focus + .btn-info, .btn-info:focus, .btn-info:hover {
box-shadow: 0 4px 11px rgba(9,165,190,.35);
}

.btn-check:focus + .btn-warning, .btn-warning:focus, .btn-warning:hover {
box-shadow: 0 4px 11px rgba(245,202,153,.35);
}

.btn-check:focus + .btn-danger, .btn-danger:focus, .btn-danger:hover {
box-shadow: 0 4px 11px rgba(237,76,120,.35);
}

.btn-check:focus + .btn-light, .btn-light:focus, .btn-light:hover {
box-shadow: 0 4px 11px rgba(249,250,252,.35);
}

.btn-check:focus + .btn-dark, .btn-dark:focus, .btn-dark:hover {
box-shadow: 0 4px 11px rgba(19,33,68,.35);
}

.btn-toggle .btn-toggle-default {
display: inline-block;
}

.btn-toggle .btn-toggle-toggled {
display: none;
}

.btn-toggle.toggled .btn-toggle-default {
display: none;
}

.btn-toggle.toggled .btn-toggle-toggled {
display: inline-block;
}

.btn-white {
background-color: #fff;
border-color: rgba(231,234,243,.7);
}

.btn-white.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%2371869d' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-check:focus + .btn-white, .btn-white:focus, .btn-white:hover {
color: #919191;
box-shadow: 0 3px 6px -2px rgba(140,152,164,.25);
}

.btn-check:focus + .btn-white.dropdown-toggle::after, .btn-white:focus.dropdown-toggle::after, .btn-white:hover.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%20F172A0F172A3' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
}

.btn-white.disabled, .btn-white:disabled {
color: #bdc5d1;
background-color: rgba(231,234,243,.5);
}

.btn-primary.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%23fff' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-secondary.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%23fff' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-success.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%23fff' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-info.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%23fff' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-warning.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%230F172A' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-danger.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%23fff' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-light.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%230F172A' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-dark.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%23fff' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-ghost-primary {
color: #0F172A0F172A;
background-color: transparent;
}

.btn-check:active + .btn-ghost-primary, .btn-check:checked + .btn-ghost-primary, .btn-check:focus + .btn-ghost-primary, .btn-ghost-primary.active, .btn-ghost-primary:active, .btn-ghost-primary:focus, .btn-ghost-primary:hover, .show > .btn-ghost-primary.dropdown-toggle {
color: #0F172A0F172A;
background-color: rgba(112,112,112,.1);
}

.btn-ghost-primary.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%20F172A0F172A3' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-check:focus + .btn-ghost-primary.btn-no-focus, .btn-ghost-primary.btn-no-focus.focus, .btn-ghost-primary.btn-no-focus:focus, .btn-ghost-primary.btn-no-focus:hover {
color: #0F172A0F172A;
background-color: unset;
box-shadow: none;
}

.btn-check:focus + .btn-ghost-primary.btn-no-focus:hover, .btn-ghost-primary.btn-no-focus.focus:hover, .btn-ghost-primary.btn-no-focus:focus:hover, .btn-ghost-primary.btn-no-focus:hover:hover {
color: #0F172A0F172A;
background-color: rgba(112,112,112,.1);
}

.btn-check:focus + .btn-ghost-primary.btn-no-focus.btn-transition, .btn-ghost-primary.btn-no-focus.btn-transition.focus, .btn-ghost-primary.btn-no-focus.btn-transition:focus, .btn-ghost-primary.btn-no-focus.btn-transition:hover {
-webkit-transform: translateY(0);
transform: translateY(0);
}

.btn-ghost-secondary {
color: #71869d;
background-color: transparent;
}

.btn-check:active + .btn-ghost-secondary, .btn-check:checked + .btn-ghost-secondary, .btn-check:focus + .btn-ghost-secondary, .btn-ghost-secondary.active, .btn-ghost-secondary:active, .btn-ghost-secondary:focus, .btn-ghost-secondary:hover, .show > .btn-ghost-secondary.dropdown-toggle {
color: #71869d;
background-color: rgba(112,112,112,.1);
}

.btn-ghost-secondary.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%2371869d' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-check:focus + .btn-ghost-secondary.btn-no-focus, .btn-ghost-secondary.btn-no-focus.focus, .btn-ghost-secondary.btn-no-focus:focus, .btn-ghost-secondary.btn-no-focus:hover {
color: #71869d;
background-color: unset;
box-shadow: none;
}

.btn-check:focus + .btn-ghost-secondary.btn-no-focus:hover, .btn-ghost-secondary.btn-no-focus.focus:hover, .btn-ghost-secondary.btn-no-focus:focus:hover, .btn-ghost-secondary.btn-no-focus:hover:hover {
color: #71869d;
background-color: rgba(113,134,157,.1);
}

.btn-check:focus + .btn-ghost-secondary.btn-no-focus.btn-transition, .btn-ghost-secondary.btn-no-focus.btn-transition.focus, .btn-ghost-secondary.btn-no-focus.btn-transition:focus, .btn-ghost-secondary.btn-no-focus.btn-transition:hover {
-webkit-transform: translateY(0);
transform: translateY(0);
}

.btn-ghost-success {
color: #00c9a7;
background-color: transparent;
}

.btn-check:active + .btn-ghost-success, .btn-check:checked + .btn-ghost-success, .btn-check:focus + .btn-ghost-success, .btn-ghost-success.active, .btn-ghost-success:active, .btn-ghost-success:focus, .btn-ghost-success:hover, .show > .btn-ghost-success.dropdown-toggle {
color: #00c9a7;
background-color: rgba(0,201,167,.1);
}

.btn-ghost-success.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%2300c9a7' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-check:focus + .btn-ghost-success.btn-no-focus, .btn-ghost-success.btn-no-focus.focus, .btn-ghost-success.btn-no-focus:focus, .btn-ghost-success.btn-no-focus:hover {
color: #00c9a7;
background-color: unset;
box-shadow: none;
}

.btn-check:focus + .btn-ghost-success.btn-no-focus:hover, .btn-ghost-success.btn-no-focus.focus:hover, .btn-ghost-success.btn-no-focus:focus:hover, .btn-ghost-success.btn-no-focus:hover:hover {
color: #00c9a7;
background-color: rgba(0,201,167,.1);
}

.btn-check:focus + .btn-ghost-success.btn-no-focus.btn-transition, .btn-ghost-success.btn-no-focus.btn-transition.focus, .btn-ghost-success.btn-no-focus.btn-transition:focus, .btn-ghost-success.btn-no-focus.btn-transition:hover {
-webkit-transform: translateY(0);
transform: translateY(0);
}

.btn-ghost-info {
color: #09a5be;
background-color: transparent;
}

.btn-check:active + .btn-ghost-info, .btn-check:checked + .btn-ghost-info, .btn-check:focus + .btn-ghost-info, .btn-ghost-info.active, .btn-ghost-info:active, .btn-ghost-info:focus, .btn-ghost-info:hover, .show > .btn-ghost-info.dropdown-toggle {
color: #09a5be;
background-color: rgba(9,165,190,.1);
}

.btn-ghost-info.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%2309a5be' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-check:focus + .btn-ghost-info.btn-no-focus, .btn-ghost-info.btn-no-focus.focus, .btn-ghost-info.btn-no-focus:focus, .btn-ghost-info.btn-no-focus:hover {
color: #09a5be;
background-color: unset;
box-shadow: none;
}

.btn-check:focus + .btn-ghost-info.btn-no-focus:hover, .btn-ghost-info.btn-no-focus.focus:hover, .btn-ghost-info.btn-no-focus:focus:hover, .btn-ghost-info.btn-no-focus:hover:hover {
color: #09a5be;
background-color: rgba(9,165,190,.1);
}

.btn-check:focus + .btn-ghost-info.btn-no-focus.btn-transition, .btn-ghost-info.btn-no-focus.btn-transition.focus, .btn-ghost-info.btn-no-focus.btn-transition:focus, .btn-ghost-info.btn-no-focus.btn-transition:hover {
-webkit-transform: translateY(0);
transform: translateY(0);
}

.btn-ghost-warning {
color: #f5ca99;
background-color: transparent;
}

.btn-check:active + .btn-ghost-warning, .btn-check:checked + .btn-ghost-warning, .btn-check:focus + .btn-ghost-warning, .btn-ghost-warning.active, .btn-ghost-warning:active, .btn-ghost-warning:focus, .btn-ghost-warning:hover, .show > .btn-ghost-warning.dropdown-toggle {
color: #f5ca99;
background-color: rgba(245,202,153,.1);
}

.btn-ghost-warning.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%23f5ca99' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-check:focus + .btn-ghost-warning.btn-no-focus, .btn-ghost-warning.btn-no-focus.focus, .btn-ghost-warning.btn-no-focus:focus, .btn-ghost-warning.btn-no-focus:hover {
color: #f5ca99;
background-color: unset;
box-shadow: none;
}

.btn-check:focus + .btn-ghost-warning.btn-no-focus:hover, .btn-ghost-warning.btn-no-focus.focus:hover, .btn-ghost-warning.btn-no-focus:focus:hover, .btn-ghost-warning.btn-no-focus:hover:hover {
color: #f5ca99;
background-color: rgba(245,202,153,.1);
}

.btn-check:focus + .btn-ghost-warning.btn-no-focus.btn-transition, .btn-ghost-warning.btn-no-focus.btn-transition.focus, .btn-ghost-warning.btn-no-focus.btn-transition:focus, .btn-ghost-warning.btn-no-focus.btn-transition:hover {
-webkit-transform: translateY(0);
transform: translateY(0);
}

.btn-ghost-danger {
color: #F44336;
background-color: transparent;
}

.btn-check:active + .btn-ghost-danger, .btn-check:checked + .btn-ghost-danger, .btn-check:focus + .btn-ghost-danger, .btn-ghost-danger.active, .btn-ghost-danger:active, .btn-ghost-danger:focus, .btn-ghost-danger:hover, .show > .btn-ghost-danger.dropdown-toggle {
color: #F44336;
background-color: rgba(237,76,120,.1);
}

.btn-ghost-danger.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%23F44336' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-check:focus + .btn-ghost-danger.btn-no-focus, .btn-ghost-danger.btn-no-focus.focus, .btn-ghost-danger.btn-no-focus:focus, .btn-ghost-danger.btn-no-focus:hover {
color: #F44336;
background-color: unset;
box-shadow: none;
}

.btn-check:focus + .btn-ghost-danger.btn-no-focus:hover, .btn-ghost-danger.btn-no-focus.focus:hover, .btn-ghost-danger.btn-no-focus:focus:hover, .btn-ghost-danger.btn-no-focus:hover:hover {
color: #F44336;
background-color: rgba(237,76,120,.1);
}

.btn-check:focus + .btn-ghost-danger.btn-no-focus.btn-transition, .btn-ghost-danger.btn-no-focus.btn-transition.focus, .btn-ghost-danger.btn-no-focus.btn-transition:focus, .btn-ghost-danger.btn-no-focus.btn-transition:hover {
-webkit-transform: translateY(0);
transform: translateY(0);
}

.btn-ghost-light {
color: #f9fafc;
background-color: transparent;
}

.btn-check:active + .btn-ghost-light, .btn-check:checked + .btn-ghost-light, .btn-check:focus + .btn-ghost-light, .btn-ghost-light.active, .btn-ghost-light:active, .btn-ghost-light:focus, .btn-ghost-light:hover, .show > .btn-ghost-light.dropdown-toggle {
color: #f9fafc;
background-color: rgba(249,250,252,.1);
}

.btn-ghost-light.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%23f9fafc' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-check:focus + .btn-ghost-light.btn-no-focus, .btn-ghost-light.btn-no-focus.focus, .btn-ghost-light.btn-no-focus:focus, .btn-ghost-light.btn-no-focus:hover {
color: #f9fafc;
background-color: unset;
box-shadow: none;
}

.btn-check:focus + .btn-ghost-light.btn-no-focus:hover, .btn-ghost-light.btn-no-focus.focus:hover, .btn-ghost-light.btn-no-focus:focus:hover, .btn-ghost-light.btn-no-focus:hover:hover {
color: #f9fafc;
background-color: rgba(249,250,252,.1);
}

.btn-check:focus + .btn-ghost-light.btn-no-focus.btn-transition, .btn-ghost-light.btn-no-focus.btn-transition.focus, .btn-ghost-light.btn-no-focus.btn-transition:focus, .btn-ghost-light.btn-no-focus.btn-transition:hover {
-webkit-transform: translateY(0);
transform: translateY(0);
}

.btn-ghost-dark {
color: #0F172A;
background-color: transparent;
}

.btn-check:active + .btn-ghost-dark, .btn-check:checked + .btn-ghost-dark, .btn-check:focus + .btn-ghost-dark, .btn-ghost-dark.active, .btn-ghost-dark:active, .btn-ghost-dark:focus, .btn-ghost-dark:hover, .show > .btn-ghost-dark.dropdown-toggle {
color: #0F172A;
background-color: rgba(19,33,68,.1);
}

.btn-ghost-dark.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%20F172A3' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-check:focus + .btn-ghost-dark.btn-no-focus, .btn-ghost-dark.btn-no-focus.focus, .btn-ghost-dark.btn-no-focus:focus, .btn-ghost-dark.btn-no-focus:hover {
color: #0F172A;
background-color: unset;
box-shadow: none;
}

.btn-check:focus + .btn-ghost-dark.btn-no-focus:hover, .btn-ghost-dark.btn-no-focus.focus:hover, .btn-ghost-dark.btn-no-focus:focus:hover, .btn-ghost-dark.btn-no-focus:hover:hover {
color: #0F172A;
background-color: rgba(19,33,68,.1);
}

.btn-check:focus + .btn-ghost-dark.btn-no-focus.btn-transition, .btn-ghost-dark.btn-no-focus.btn-transition.focus, .btn-ghost-dark.btn-no-focus.btn-transition:focus, .btn-ghost-dark.btn-no-focus.btn-transition:hover {
-webkit-transform: translateY(0);
transform: translateY(0);
}

.btn-check:focus + .btn-ghost-secondary, .btn-ghost-secondary:focus, .btn-ghost-secondary:hover {
color: #0F172A0F172A;
}

.btn-check:focus + .btn-ghost-secondary.dropdown-toggle::after, .btn-ghost-secondary:focus.dropdown-toggle::after, .btn-ghost-secondary:hover.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%20F172A0F172A3' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
}

.btn-check:focus + .btn-ghost-secondary.btn-no-focus:hover, .btn-ghost-secondary.btn-no-focus.focus:hover, .btn-ghost-secondary.btn-no-focus:focus:hover, .btn-ghost-secondary.btn-no-focus:hover:hover {
color: #0F172A0F172A;
background-color: rgba(112,112,112,.1);
}

.btn-check:focus + .btn-ghost-secondary.btn-no-focus.btn-transition, .btn-ghost-secondary.btn-no-focus.btn-transition.focus, .btn-ghost-secondary.btn-no-focus.btn-transition:focus, .btn-ghost-secondary.btn-no-focus.btn-transition:hover {
-webkit-transform: translateY(0);
transform: translateY(0);
}

.btn-group-segment {
position: relative;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-pack: center;
justify-content: center;
background-color: #f8fafd;
border-radius: .5rem;
padding: .25rem .25rem;
}

.btn-group-segment .btn {
color: #0F172A;
}

.btn-group-segment .btn:not(:last-child) {
margin-right: .25rem;
}

.btn-group-segment .btn:hover {
color: #919191;
}

.btn-group-segment > .btn-group:not(:first-child) > .btn, .btn-group-segment > .btn-group:not(:last-child) > .btn, .btn-group-segment > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-segment > .btn:nth-child(n+3), .btn-group-segment > :not(.btn-check) + .btn {
border-radius: .5rem;
}

.btn-group-segment > .btn-check:checked + .btn, .btn-group-segment > .btn-check:focus + .btn {
color: #1e2022;
background-color: #fff;
box-shadow: 0 .375rem .75rem rgba(140,152,164,.075);
}

.btn-group-segment.btn-group-pills {
border-radius: 50rem;
}

.btn-group-segment.btn-group-pills > .btn-group:not(:first-child) > .btn, .btn-group-segment.btn-group-pills > .btn-group:not(:last-child) > .btn, .btn-group-segment.btn-group-pills > .btn:not(:first-child), .btn-group-segment.btn-group-pills > .btn:not(:last-child):not(.dropdown-toggle) {
border-radius: 50rem;
}

.btn-group-fill {
display: -ms-flexbox;
display: flex;
}

.btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn {
width: 100%;
display: block;
}

.btn-group-vertical > .btn-group > .btn-check:not(:first-child) + .btn {
margin-top: -.0625rem;
}

.btn-group-vertical .btn-group > .btn-group:not(:first-child), .btn-group-vertical .btn-group > .btn:not(:first-child) {
margin-left: 0;
}

.btn-group-vertical > .btn-group > .btn-check + .btn {
border-radius: 0;
}

.btn-group-vertical > .btn-group > .btn-check:first-child + .btn {
border-top-left-radius: .3125rem;
border-top-right-radius: .3125rem;
}

.btn-group-vertical > .btn-group > .btn:last-child {
border-bottom-right-radius: .3125rem;
border-bottom-left-radius: .3125rem;
}

.btn-group-vertical > .btn-group-segment > .btn-check + .btn {
border-radius: .3125rem;
}

.no-record-found {
padding: 70px 0 100px 0;
}

.no-record-found h3 {
margin-top: 25px;
font-weight: 600;
color: #aaa;
font-size: 1.5rem;
}

.no-record-found svg {
fill: #aaa;
width: 80px;
height: 80px
}

@media (max-width:575.98px) {
.btn-group-sm-vertical > .btn, .btn-group-sm-vertical > .btn-group, .btn-group-sm-vertical > .btn-group > .btn {
width: 100%;
display: block;
}

.btn-group-sm-vertical > .btn-group > .btn-check:not(:first-child) + .btn {
margin-top: -.0625rem;
}

.btn-group-sm-vertical .btn-group > .btn-group:not(:first-child), .btn-group-sm-vertical .btn-group > .btn:not(:first-child) {
margin-left: 0;
}

.btn-group-sm-vertical > .btn-group > .btn-check + .btn {
border-radius: 0;
}

.btn-group-sm-vertical > .btn-group > .btn-check:first-child + .btn {
border-top-left-radius: .3125rem;
border-top-right-radius: .3125rem;
}

.btn-group-sm-vertical > .btn-group > .btn:last-child {
border-bottom-right-radius: .3125rem;
border-bottom-left-radius: .3125rem;
}

.btn-group-sm-vertical > .btn-group-segment > .btn-check + .btn {
border-radius: .3125rem;
}
}

@media (max-width:767.98px) {
.btn-group-md-vertical > .btn, .btn-group-md-vertical > .btn-group, .btn-group-md-vertical > .btn-group > .btn {
width: 100%;
display: block;
}

.btn-group-md-vertical > .btn-group > .btn-check:not(:first-child) + .btn {
margin-top: -.0625rem;
}

.btn-group-md-vertical .btn-group > .btn-group:not(:first-child), .btn-group-md-vertical .btn-group > .btn:not(:first-child) {
margin-left: 0;
}

.btn-group-md-vertical > .btn-group > .btn-check + .btn {
border-radius: 0;
}

.btn-group-md-vertical > .btn-group > .btn-check:first-child + .btn {
border-top-left-radius: .3125rem;
border-top-right-radius: .3125rem;
}

.btn-group-md-vertical > .btn-group > .btn:last-child {
border-bottom-right-radius: .3125rem;
border-bottom-left-radius: .3125rem;
}

.btn-group-md-vertical > .btn-group-segment > .btn-check + .btn {
border-radius: .3125rem;
}
}

@media (max-width:991.98px) {
.btn-group-lg-vertical > .btn, .btn-group-lg-vertical > .btn-group, .btn-group-lg-vertical > .btn-group > .btn {
width: 100%;
display: block;
}

.btn-group-lg-vertical > .btn-group > .btn-check:not(:first-child) + .btn {
margin-top: -.0625rem;
}

.btn-group-lg-vertical .btn-group > .btn-group:not(:first-child), .btn-group-lg-vertical .btn-group > .btn:not(:first-child) {
margin-left: 0;
}

.btn-group-lg-vertical > .btn-group > .btn-check + .btn {
border-radius: 0;
}

.btn-group-lg-vertical > .btn-group > .btn-check:first-child + .btn {
border-top-left-radius: .3125rem;
border-top-right-radius: .3125rem;
}

.btn-group-lg-vertical > .btn-group > .btn:last-child {
border-bottom-right-radius: .3125rem;
border-bottom-left-radius: .3125rem;
}

.btn-group-lg-vertical > .btn-group-segment > .btn-check + .btn {
border-radius: .3125rem;
}
}

@media (max-width:1199.98px) {
.btn-group-xl-vertical > .btn, .btn-group-xl-vertical > .btn-group, .btn-group-xl-vertical > .btn-group > .btn {
width: 100%;
display: block;
}

.btn-group-xl-vertical > .btn-group > .btn-check:not(:first-child) + .btn {
margin-top: -.0625rem;
}

.btn-group-xl-vertical .btn-group > .btn-group:not(:first-child), .btn-group-xl-vertical .btn-group > .btn:not(:first-child) {
margin-left: 0;
}

.btn-group-xl-vertical > .btn-group > .btn-check + .btn {
border-radius: 0;
}

.btn-group-xl-vertical > .btn-group > .btn-check:first-child + .btn {
border-top-left-radius: .3125rem;
border-top-right-radius: .3125rem;
}

.btn-group-xl-vertical > .btn-group > .btn:last-child {
border-bottom-right-radius: .3125rem;
border-bottom-left-radius: .3125rem;
}

.btn-group-xl-vertical > .btn-group-segment > .btn-check + .btn {
border-radius: .3125rem;
}
}

@media (max-width:1399.98px) {
.btn-group-xxl-vertical > .btn, .btn-group-xxl-vertical > .btn-group, .btn-group-xxl-vertical > .btn-group > .btn {
width: 100%;
display: block;
}

.btn-group-xxl-vertical > .btn-group > .btn-check:not(:first-child) + .btn {
margin-top: -.0625rem;
}

.btn-group-xxl-vertical .btn-group > .btn-group:not(:first-child), .btn-group-xxl-vertical .btn-group > .btn:not(:first-child) {
margin-left: 0;
}

.btn-group-xxl-vertical > .btn-group > .btn-check + .btn {
border-radius: 0;
}

.btn-group-xxl-vertical > .btn-group > .btn-check:first-child + .btn {
border-top-left-radius: .3125rem;
border-top-right-radius: .3125rem;
}

.btn-group-xxl-vertical > .btn-group > .btn:last-child {
border-bottom-right-radius: .3125rem;
border-bottom-left-radius: .3125rem;
}

.btn-group-xxl-vertical > .btn-group-segment > .btn-check + .btn {
border-radius: .3125rem;
}
}

.btn-soft-primary {
color: #0F172A;
background-color: rgba(112,112,112,.1);
border-color: transparent;
}

.btn-check:focus + .btn-soft-primary, .btn-soft-primary:focus, .btn-soft-primary:hover {
color: #fff;
background-color: #0F172A;
}

.btn-check:active + .btn-soft-primary, .btn-check:checked + .btn-soft-primary, .btn-soft-primary.active, .btn-soft-primary:active, .show > .btn-soft-primary.dropdown-toggle {
color: #fff;
background-color: #0F172A;
border-color: transparent;
}

.btn-soft-primary.disabled, .btn-soft-primary:disabled {
color: #0F172A;
background-color: #0F172A;
border-color: transparent;
}

.btn-soft-secondary {
color: #71869d;
background-color: rgba(113,134,157,.1);
border-color: transparent;
}

.btn-check:focus + .btn-soft-secondary, .btn-soft-secondary:focus, .btn-soft-secondary:hover {
color: #fff;
background-color: #71869d;
}

.btn-check:active + .btn-soft-secondary, .btn-check:checked + .btn-soft-secondary, .btn-soft-secondary.active, .btn-soft-secondary:active, .show > .btn-soft-secondary.dropdown-toggle {
color: #fff;
background-color: #71869d;
border-color: transparent;
}

.btn-soft-secondary.disabled, .btn-soft-secondary:disabled {
color: #71869d;
background-color: #71869d;
border-color: transparent;
}

.btn-soft-success {
color: #00c9a7;
background-color: rgba(0,201,167,.1);
border-color: transparent;
}

.btn-check:focus + .btn-soft-success, .btn-soft-success:focus, .btn-soft-success:hover {
color: #fff;
background-color: #00c9a7;
}

.btn-check:active + .btn-soft-success, .btn-check:checked + .btn-soft-success, .btn-soft-success.active, .btn-soft-success:active, .show > .btn-soft-success.dropdown-toggle {
color: #fff;
background-color: #00c9a7;
border-color: transparent;
}

.btn-soft-success.disabled, .btn-soft-success:disabled {
color: #00c9a7;
background-color: #00c9a7;
border-color: transparent;
}

.btn-soft-info {
color: #09a5be;
background-color: rgba(9,165,190,.1);
border-color: transparent;
}

.btn-check:focus + .btn-soft-info, .btn-soft-info:focus, .btn-soft-info:hover {
color: #fff;
background-color: #09a5be;
}

.btn-check:active + .btn-soft-info, .btn-check:checked + .btn-soft-info, .btn-soft-info.active, .btn-soft-info:active, .show > .btn-soft-info.dropdown-toggle {
color: #fff;
background-color: #09a5be;
border-color: transparent;
}

.btn-soft-info.disabled, .btn-soft-info:disabled {
color: #09a5be;
background-color: #09a5be;
border-color: transparent;
}

.btn-soft-warning {
color: #f5ca99;
background-color: rgba(245,202,153,.1);
border-color: transparent;
}

.btn-check:focus + .btn-soft-warning, .btn-soft-warning:focus, .btn-soft-warning:hover {
color: #0F172A;
background-color: #f5ca99;
}

.btn-check:active + .btn-soft-warning, .btn-check:checked + .btn-soft-warning, .btn-soft-warning.active, .btn-soft-warning:active, .show > .btn-soft-warning.dropdown-toggle {
color: #0F172A;
background-color: #f5ca99;
border-color: transparent;
}

.btn-soft-warning.disabled, .btn-soft-warning:disabled {
color: #f5ca99;
background-color: #f5ca99;
border-color: transparent;
}

.btn-soft-danger {
color: #F44336;
background-color: rgba(237,76,120,.1);
border-color: transparent;
}

.btn-check:focus + .btn-soft-danger, .btn-soft-danger:focus, .btn-soft-danger:hover {
color: #fff;
background-color: #F44336;
}

.btn-check:active + .btn-soft-danger, .btn-check:checked + .btn-soft-danger, .btn-soft-danger.active, .btn-soft-danger:active, .show > .btn-soft-danger.dropdown-toggle {
color: #fff;
background-color: #F44336;
border-color: transparent;
}

.btn-soft-danger.disabled, .btn-soft-danger:disabled {
color: #F44336;
background-color: #F44336;
border-color: transparent;
}

.btn-soft-light {
color: #f9fafc;
background-color: rgba(249,250,252,.1);
border-color: transparent;
}

.btn-check:focus + .btn-soft-light, .btn-soft-light:focus, .btn-soft-light:hover {
color: #0F172A;
background-color: #f9fafc;
}

.btn-check:active + .btn-soft-light, .btn-check:checked + .btn-soft-light, .btn-soft-light.active, .btn-soft-light:active, .show > .btn-soft-light.dropdown-toggle {
color: #0F172A;
background-color: #f9fafc;
border-color: transparent;
}

.btn-soft-light.disabled, .btn-soft-light:disabled {
color: #f9fafc;
background-color: #f9fafc;
border-color: transparent;
}

.btn-soft-dark {
color: #0F172A;
background-color: rgba(19,33,68,.1);
border-color: transparent;
}

.btn-check:focus + .btn-soft-dark, .btn-soft-dark:focus, .btn-soft-dark:hover {
color: #fff;
background-color: #0F172A;
}

.btn-check:active + .btn-soft-dark, .btn-check:checked + .btn-soft-dark, .btn-soft-dark.active, .btn-soft-dark:active, .show > .btn-soft-dark.dropdown-toggle {
color: #fff;
background-color: #0F172A;
border-color: transparent;
}

.btn-soft-dark.disabled, .btn-soft-dark:disabled {
color: #0F172A;
background-color: #0F172A;
border-color: transparent;
}

.btn-soft-primary.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%20F172A0F172A3' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-check:focus + .btn-soft-primary.dropdown-toggle::after, .btn-soft-primary:focus.dropdown-toggle::after, .btn-soft-primary:hover.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%23fff' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
}

.btn-soft-secondary.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%2371869d' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-check:focus + .btn-soft-secondary.dropdown-toggle::after, .btn-soft-secondary:focus.dropdown-toggle::after, .btn-soft-secondary:hover.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%23fff' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
}

.btn-soft-success.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%2300c9a7' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-check:focus + .btn-soft-success.dropdown-toggle::after, .btn-soft-success:focus.dropdown-toggle::after, .btn-soft-success:hover.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%23fff' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
}

.btn-soft-info.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%2309a5be' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-check:focus + .btn-soft-info.dropdown-toggle::after, .btn-soft-info:focus.dropdown-toggle::after, .btn-soft-info:hover.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%23fff' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
}

.btn-soft-warning.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%23f5ca99' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-check:focus + .btn-soft-warning.dropdown-toggle::after, .btn-soft-warning:focus.dropdown-toggle::after, .btn-soft-warning:hover.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%230F172A' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
}

.btn-soft-danger.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%23F44336' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-check:focus + .btn-soft-danger.dropdown-toggle::after, .btn-soft-danger:focus.dropdown-toggle::after, .btn-soft-danger:hover.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%23fff' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
}

.btn-soft-light.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%23f9fafc' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-check:focus + .btn-soft-light.dropdown-toggle::after, .btn-soft-light:focus.dropdown-toggle::after, .btn-soft-light:hover.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%230F172A' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
}

.btn-soft-dark.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%20F172A3' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-check:focus + .btn-soft-dark.dropdown-toggle::after, .btn-soft-dark:focus.dropdown-toggle::after, .btn-soft-dark:hover.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%23fff' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
}

.btn-check:focus + .btn-soft-secondary, .btn-soft-secondary:focus, .btn-soft-secondary:hover {
color: #fff;
}

.btn-check:focus + .btn-soft-secondary.dropdown-toggle::after, .btn-soft-secondary:focus.dropdown-toggle::after, .btn-soft-secondary:hover.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%23fff' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
}

.btn-icon {
position: relative;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
font-size: .875rem;
font-weight: 600;
width: 2.625rem;
height: 2.625rem;
padding: 0;
}

.btn-icon > svg {
width: .875rem;
height: auto;
}

.btn-outline-primary.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%20F172A0F172A3' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-outline-primary:hover::after {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%23fff' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
}

.btn-check:active + .btn-outline-primary.dropdown-toggle::after, .btn-check:checked + .btn-outline-primary.dropdown-toggle::after, .btn-outline-primary.active.dropdown-toggle::after, .btn-outline-primary.dropdown-toggle.show.dropdown-toggle::after, .btn-outline-primary:active.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%23fff' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
}

.btn-outline-secondary.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%2371869d' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-outline-secondary:hover::after {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%23fff' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
}

.btn-check:active + .btn-outline-secondary.dropdown-toggle::after, .btn-check:checked + .btn-outline-secondary.dropdown-toggle::after, .btn-outline-secondary.active.dropdown-toggle::after, .btn-outline-secondary.dropdown-toggle.show.dropdown-toggle::after, .btn-outline-secondary:active.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%23fff' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
}

.btn-outline-success.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%2300c9a7' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-outline-success:hover::after {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%23fff' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
}

.btn-check:active + .btn-outline-success.dropdown-toggle::after, .btn-check:checked + .btn-outline-success.dropdown-toggle::after, .btn-outline-success.active.dropdown-toggle::after, .btn-outline-success.dropdown-toggle.show.dropdown-toggle::after, .btn-outline-success:active.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%23fff' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
}

.btn-outline-info.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%2309a5be' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-outline-info:hover::after {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%23fff' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
}

.btn-check:active + .btn-outline-info.dropdown-toggle::after, .btn-check:checked + .btn-outline-info.dropdown-toggle::after, .btn-outline-info.active.dropdown-toggle::after, .btn-outline-info.dropdown-toggle.show.dropdown-toggle::after, .btn-outline-info:active.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%23fff' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
}

.btn-outline-warning.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%23f5ca99' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-outline-warning:hover::after {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%230F172A' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
}

.btn-check:active + .btn-outline-warning.dropdown-toggle::after, .btn-check:checked + .btn-outline-warning.dropdown-toggle::after, .btn-outline-warning.active.dropdown-toggle::after, .btn-outline-warning.dropdown-toggle.show.dropdown-toggle::after, .btn-outline-warning:active.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%230F172A' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
}

.btn-outline-danger.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%23F44336' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-outline-danger:hover::after {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%23fff' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
}

.btn-check:active + .btn-outline-danger.dropdown-toggle::after, .btn-check:checked + .btn-outline-danger.dropdown-toggle::after, .btn-outline-danger.active.dropdown-toggle::after, .btn-outline-danger.dropdown-toggle.show.dropdown-toggle::after, .btn-outline-danger:active.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%23fff' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
}

.btn-outline-light.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%23f9fafc' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-outline-light:hover::after {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%230F172A' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
}

.btn-check:active + .btn-outline-light.dropdown-toggle::after, .btn-check:checked + .btn-outline-light.dropdown-toggle::after, .btn-outline-light.active.dropdown-toggle::after, .btn-outline-light.dropdown-toggle.show.dropdown-toggle::after, .btn-outline-light:active.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%230F172A' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
}

.btn-outline-dark.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%20F172A3' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-outline-dark:hover::after {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%23fff' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
}

.btn-check:active + .btn-outline-dark.dropdown-toggle::after, .btn-check:checked + .btn-outline-dark.dropdown-toggle::after, .btn-outline-dark.active.dropdown-toggle::after, .btn-outline-dark.dropdown-toggle.show.dropdown-toggle::after, .btn-outline-dark:active.dropdown-toggle::after {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%23fff' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
}

.btn-outline-secondary {
border-color: rgba(231,234,243,.7);
}

.btn-dashed-outline {
border-style: dashed;
}

.btn-xs:not(.btn-icon) {
font-size: .65625rem;
padding: .3125rem .75rem;
}

.btn-icon.btn-xs {
font-size: .65625rem;
width: 1.53125rem;
height: 1.53125rem;
}

.btn-icon.btn-xs > svg {
width: .65625rem;
height: auto;
}

.btn-group-sm > .btn-icon.btn, .btn-icon.btn-sm {
font-size: .875rem;
width: 2.40625rem;
height: 2.40625rem;
}

.btn-group-sm > .btn-icon.btn > svg, .btn-icon.btn-sm > svg {
width: .875rem;
height: auto;
}

.btn-group-lg > .btn-icon.btn, .btn-icon.btn-lg {
font-size: 1rem;
width: 3.36875rem;
height: 3.36875rem;
}

.btn-group-lg > .btn-icon.btn > svg, .btn-icon.btn-lg > svg {
width: 1rem;
height: auto;
}

.btn-status {
position: absolute;
top: -.4375rem;
right: -.4375rem;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
font-size: .65625rem;
font-weight: 600;
width: 1.14844rem;
height: 1.14844rem;
background-color: #bdc5d1;
border: .125rem solid #fff;
padding: 0;
border-radius: 50%;
}

.btn.rounded-circle .btn-status {
top: -.29167rem;
right: -.29167rem;
}

.btn-xs-status {
top: -.3125rem;
right: -.3125rem;
font-size: .53594rem;
width: 10px;
height: 10px;
border-width: .1rem;
}

.btn.rounded-circle .btn-xs-status {
top: -.07812rem;
right: -.07812rem;
}

.btn-sm-status {
top: -.3125rem;
right: -.3125rem;
font-size: .65625rem;
width: 12px;
height: 12px;
}

.btn.rounded-circle .btn-sm-status {
top: -.15625rem;
right: -.15625rem;
}

.btn-lg-status {
top: -.6125rem;
right: -.6125rem;
font-size: .875rem;
width: 24px;
height: 24px;
}

.btn.rounded-circle .btn-lg-status {
top: -.49rem;
right: -.49rem;
}

.btn-status-primary {
color: color-yiq(#0F172A0F172A);
background-color: #0F172A0F172A;
}

.btn-status-secondary {
color: color-yiq(#71869d);
background-color: #71869d;
}

.btn-status-success {
color: color-yiq(#00c9a7);
background-color: #00c9a7;
}

.btn-status-info {
color: color-yiq(#09a5be);
background-color: #09a5be;
}

.btn-status-warning {
color: color-yiq(#f5ca99);
background-color: #f5ca99;
}

.btn-status-danger {
color: color-yiq(#F44336);
background-color: #F44336;
}

.btn-status-light {
color: color-yiq(#f9fafc);
background-color: #f9fafc;
}

.btn-status-dark {
color: color-yiq(#0F172A);
background-color: #0F172A;
}

.card {
box-shadow: 0 .375rem .75rem rgba(140,152,164,.075);
}

.card table tr th {
font-weight: 400;
}

.card-footer {
display: block;
border-top: 0;
}

.card-subtitle {
display: block;
text-transform: uppercase;
color: #0F172A;
font-size: .85rem;
margin-bottom: .25rem;
}

.card-title {
margin-bottom: 0;
}

.card-title:not(:last-child) {
margin-bottom: .5rem;
}

.card-header {
padding: .5rem 1rem;
}

.card-header a {
font-size: .98438rem;
vertical-align: middle;
font-weight: 800;
font-size: 20px;
}

/*.card-header a i {
font-size: 30px;
vertical-align: inherit;
color: #2ba24c;
}*/

.card-header h2 a {
color: #259f47;
font-weight: 600;
font-size: 18px;
margin-left: 10px;
}

.card-header-title {
margin-bottom: 0;
padding: 5px;
font-weight: 800;
text-transform: uppercase;
color: #2ba24c;
}

h4.card-header-title a {
font-size: 30px;
vertical-align: middle;
}

.card-header-title + .card-text {
margin-top: .25rem;
}

.card-link {
font-weight: 600;
white-space: nowrap;
}

.card-text {
color: #0F172A;
}

.card-transition {
transition: all .2s ease-in-out;
}

.card-transition:focus, .card-transition:hover {
-webkit-transform: translateY(-.1875rem) !important;
transform: translateY(-.1875rem) !important;
}

.card-ghost {
background-color: transparent;
box-shadow: none;
}

.card-dashed {
border: .0625rem dashed rgba(231,234,243,.7);
}

.card-centered .card-body {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-direction: column;
flex-direction: column;
}

.card-group .card {
box-shadow: none;
}

.card-group .card + .card {
border-left: .0625rem solid rgba(231,234,243,.7);
}

.card .card-header + .table-responsive {
margin-top: -1px;
}

.card .table {
margin-bottom: 0;
}

.card .card-table > tbody > tr:first-child > td {
padding-top: 0.5125rem;
}

.card .card-table > tbody > tr:last-child > td {
padding-bottom: 0.5125rem;
}

.card .card-table > :not(caption) > * > * {
padding-right: 1rem;
padding-left: 1rem;
}

.card .card-table > .popover > * > * {
padding: 0;
}

.card .card-header + .table .thead-light th:first-child, .card .card-header + .table-responsive .thead-light th:first-child {
border-top-left-radius: 0;
}

.card .card-header + .table .thead-light th:last-child, .card .card-header + .table-responsive .thead-light th:last-child {
border-top-right-radius: 0;
}

.card .card-header + .table .table-thead-bordered > :not(:last-child) > :last-child > *, .card .card-header + .table-responsive .table-thead-bordered > :not(:last-child) > :last-child > * {
border-top: .0625rem solid rgba(231,234,243,.7);
}

.card .table-thead-bordered > :not(:last-child) > :last-child > * {
border-top-width: 0;
}

.card-sm > .card-footer, .card-sm > .card-header {
padding: 1rem 1rem;
}

.card-sm > .card-body, .card-sm > .card-img-overlay, .card-sm > .collapse .card-body {
padding: 1rem 1rem;
}

.card-sm .card-table > tbody > tr:first-child > td {
padding-top: 1rem;
}

.card-sm .card-table > tbody > tr:last-child > td {
padding-bottom: 1rem;
}

.card-sm .card-table > :not(caption) > * > * {
padding-right: 1rem;
padding-left: 1rem;
}

.card-lg > .card-footer, .card-lg > .card-header {
padding-right: 2.5rem;
padding-left: 2.5rem;
}

.card-lg > .card-body, .card-lg > .card-img-overlay, .card-lg > .collapse .card-body {
padding: 2.5rem 2.5rem;
}

.card-lg .card-table > tbody > tr:first-child > td {
padding-top: 2.5rem;
}

.card-lg .card-table > tbody > tr:last-child > td {
padding-bottom: 2.5rem;
}

.card-lg .card-table > :not(caption) > * > * {
padding-right: 2.5rem;
padding-left: 2.5rem;
}

.card-pinned {
position: relative;
display: block;
}

.card-pinned-top-start {
position: absolute;
top: 1rem;
left: 1rem;
}

.card-pinned-top-end {
position: absolute;
top: 1rem;
right: 1rem;
}

.card-pinned-bottom-start {
position: absolute;
bottom: 1rem;
left: 1rem;
}

.card-pinned-bottom-end {
position: absolute;
bottom: 1rem;
right: 1rem;
}

.card-body-height {
height: 21.25rem;
overflow-x: hidden;
overflow-y: auto;
}

.card-body-height::-webkit-scrollbar {
width: 4px;
}

.card-body-height::-webkit-scrollbar-track {
background-color: #fff;
}

.card-body-height::-webkit-scrollbar-thumb {
background: #0F172A;
width: 2px;
}

/*.card-body-height::-webkit-scrollbar {
width: .6125rem;
}

.card-body-height::-webkit-scrollbar-thumb {
background-color: rgba(189,197,209,.6);
}

.card-hover-shadow {
transition: .3s;
}

.card-hover-shadow:hover {
box-shadow: 0 .1875rem .75rem rgba(140,152,164,.25) !important;
}*/

.card-alert {
border-radius: 0;
margin-bottom: 0;
}

.card-navbar-nav {
width: 100%;
padding: 1.5rem .5rem;
}

.card-navbar-nav.nav-tabs .dropdown-header, .card-navbar-nav.nav-tabs .nav-link {
margin-left: -.5rem;
}

@media (min-width:576px) {
.card-header-content-sm-between {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
gap: .5rem;
}
}

@media (min-width:768px) {
.card-header-content-md-between {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
gap: .5rem;
}
}

@media (min-width:992px) {
.card-header-content-lg-between {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
gap: .5rem;
}
}

@media (min-width:1200px) {
.card-header-content-xl-between {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
gap: .5rem;
}
}

@media (min-width:1400px) {
.card-header-content-xxl-between {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
gap: .5rem;
}
}

.card-header-content-between {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
gap: .5rem;
}

@media (max-width:575.98px) {
.card-dropdown-filter-centered {
left: -8rem;
min-width: 18rem !important;
}
}

.card-nav-vertical {
-ms-flex-direction: column;
flex-direction: column;
}

.card-nav-vertical.nav .nav-link {
padding-top: .5rem;
padding-bottom: .5rem;
}

.card-nav-vertical.card-nav {
margin-left: -.65625rem;
margin-right: -.65625rem;
}

.card-dropdown-btn {
z-index: 3;
}

.card-avatar-group {
z-index: 2;
}

.card-progress-wrap {
overflow: hidden;
border-top-left-radius: .75rem;
border-top-right-radius: .75rem;
}

.card-progress {
height: .25rem;
}

.card-progress:first-child .progress-bar {
border-top-left-radius: .75rem;
}

.card-progress:first-child .progress-bar[aria-valuenow="100"] {
border-top-right-radius: .75rem;
}

.card > .profile-cover, .card > .profile-cover .profile-cover-img, .card > .profile-cover .profile-cover-img-wrapper {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}

.card > .card-header ~ .profile-cover, .card > .card-header ~ .profile-cover .profile-cover-img, .card > .card-header ~ .profile-cover .profile-cover-img-wrapper {
border-radius: 0;
}

.card > .tab-content .tab-pane[class*=bg] {
border-bottom-right-radius: .75rem;
border-bottom-left-radius: .75rem;
}

.circles-chart {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
border-radius: 50%;
margin-left: auto;
margin-right: auto;
}

.circles-chart-content {
position: absolute;
top: 50%;
left: 0;
right: 0;
-webkit-transform: translate(0,-50%);
transform: translate(0,-50%);
}

.btn-close:focus {
box-shadow: none;
}

.btn-close-light {
background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/20F172A/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center;
}

@media (min-width:576px) {
.col-sm-divider > :not(:first-child) {
position: relative;
}

.col-sm-divider > :not(:first-child)::before {
position: absolute;
top: 0;
left: 0;
width: .0625rem;
height: 100%;
background-color: rgba(231,234,243,.7);
content: '';
}
}

.col-divider-rotated > :not(:first-child)::before {
-webkit-transform: rotate(20deg);
transform: rotate(20deg);
}

@media (min-width:768px) {
.col-md-divider > :not(:first-child) {
position: relative;
}

.col-md-divider > :not(:first-child)::before {
position: absolute;
top: 0;
left: 0;
width: .0625rem;
height: 100%;
background-color: rgba(231,234,243,.7);
content: '';
}
}

.col-divider-rotated > :not(:first-child)::before {
-webkit-transform: rotate(20deg);
transform: rotate(20deg);
}

@media (min-width:992px) {
.col-lg-divider > :not(:first-child) {
position: relative;
}

.col-lg-divider > :not(:first-child)::before {
position: absolute;
top: 0;
left: 0;
width: .0625rem;
height: 100%;
background-color: rgba(231,234,243,.7);
content: '';
}
}

.col-divider-rotated > :not(:first-child)::before {
-webkit-transform: rotate(20deg);
transform: rotate(20deg);
}

@media (min-width:1200px) {
.col-xl-divider > :not(:first-child) {
position: relative;
}

.col-xl-divider > :not(:first-child)::before {
position: absolute;
top: 0;
left: 0;
width: .0625rem;
height: 100%;
background-color: rgba(231,234,243,.7);
content: '';
}
}

.col-divider-rotated > :not(:first-child)::before {
-webkit-transform: rotate(20deg);
transform: rotate(20deg);
}

@media (min-width:1400px) {
.col-xxl-divider > :not(:first-child) {
position: relative;
}

.col-xxl-divider > :not(:first-child)::before {
position: absolute;
top: 0;
left: 0;
width: .0625rem;
height: 100%;
background-color: rgba(231,234,243,.7);
content: '';
}
}

.col-divider-rotated > :not(:first-child)::before {
-webkit-transform: rotate(20deg);
transform: rotate(20deg);
}

.col-divider > :not(:first-child) {
position: relative;
}

.col-divider > :not(:first-child)::before {
position: absolute;
top: 0;
left: 0;
width: .0625rem;
height: 100%;
background-color: rgba(231,234,243,.7);
content: '';
}

.col-divider-rotated > :not(:first-child)::before {
-webkit-transform: rotate(20deg);
transform: rotate(20deg);
}

.col-divider > :not(:first-child) {
position: relative;
}

.col-divider > :not(:first-child)::before {
position: absolute;
top: 0;
left: 50%;
width: calc(100% - 1.5rem);
height: .0625rem;
background-color: rgba(231,234,243,.7);
content: '';
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}

.col-divider > * {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}

.col-divider > :first-child {
padding-top: 0;
}

.col-divider > :last-child {
padding-bottom: 0;
}

@media (max-width:575.98px) {
.col-sm-divider > :not(:first-child) {
position: relative;
}

.col-sm-divider > :not(:first-child)::before {
position: absolute;
top: 0;
left: 50%;
width: calc(100% - 1.5rem);
height: .0625rem;
background-color: rgba(231,234,243,.7);
content: '';
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}

.col-sm-divider > * {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}

.col-sm-divider > :first-child {
padding-top: 0;
}

.col-sm-divider > :last-child {
padding-bottom: 0;
}
}

@media (max-width:767.98px) {
.col-md-divider > :not(:first-child) {
position: relative;
}

.col-md-divider > :not(:first-child)::before {
position: absolute;
top: 0;
left: 50%;
width: calc(100% - 1.5rem);
height: .0625rem;
background-color: rgba(231,234,243,.7);
content: '';
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}

.col-md-divider > * {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}

.col-md-divider > :first-child {
padding-top: 0;
}

.col-md-divider > :last-child {
padding-bottom: 0;
}
}

@media (max-width:991.98px) {
.col-lg-divider > :not(:first-child) {
position: relative;
}

.col-lg-divider > :not(:first-child)::before {
position: absolute;
top: 0;
left: 50%;
width: calc(100% - 1.5rem);
height: .0625rem;
background-color: rgba(231,234,243,.7);
content: '';
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}

.col-lg-divider > * {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}

.col-lg-divider > :first-child {
padding-top: 0;
}

.col-lg-divider > :last-child {
padding-bottom: 0;
}
}

@media (max-width:1199.98px) {
.col-xl-divider > :not(:first-child) {
position: relative;
}

.col-xl-divider > :not(:first-child)::before {
position: absolute;
top: 0;
left: 50%;
width: calc(100% - 1.5rem);
height: .0625rem;
background-color: rgba(231,234,243,.7);
content: '';
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}

.col-xl-divider > * {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}

.col-xl-divider > :first-child {
padding-top: 0;
}

.col-xl-divider > :last-child {
padding-bottom: 0;
}
}

@media (max-width:1399.98px) {
.col-xxl-divider > :not(:first-child) {
position: relative;
}

.col-xxl-divider > :not(:first-child)::before {
position: absolute;
top: 0;
left: 50%;
width: calc(100% - 1.5rem);
height: .0625rem;
background-color: rgba(231,234,243,.7);
content: '';
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}

.col-xxl-divider > * {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}

.col-xxl-divider > :first-child {
padding-top: 0;
}

.col-xxl-divider > :last-child {
padding-bottom: 0;
}
}

.col-divider > :not(:first-child) {
position: relative;
}

.col-divider > :not(:first-child)::before {
position: absolute;
top: 0;
left: 0;
width: .0625rem;
height: 100%;
background-color: rgba(231,234,243,.7);
content: '';
}

.col-divider > *, .col-divider > :first-child, .col-divider > :last-child {
padding-top: 0;
padding-bottom: 0;
}

.col-divider-light > :not(:first-child)::before {
background-color: rgba(255,255,255,.1);
}

.content-space {
padding: 2rem;
}

@media (max-width:575.98px) {
.content-space {
padding: 1rem;
}
}

.navbar-expand .navbar-vertical-aside.navbar-vertical-fixed ~ .main {
padding-left: 16.25rem;
}

@media (min-width:576px) {
.navbar-expand-sm .navbar-vertical-aside.navbar-vertical-fixed ~ .main {
padding-left: 16.25rem;
}
}

@media (min-width:768px) {
.navbar-expand-md .navbar-vertical-aside.navbar-vertical-fixed ~ .main {
padding-left: 16.25rem;
}
}

@media (min-width:992px) {
.navbar-expand-lg .navbar-vertical-aside.navbar-vertical-fixed ~ .main {
padding-left: 16.25rem;
}
}

@media (min-width:1200px) {
.navbar-expand-xl .navbar-vertical-aside.navbar-vertical-fixed ~ .main {
padding-left: 16.25rem;
}
}

@media (min-width:1400px) {
.navbar-expand-xxl .navbar-vertical-aside.navbar-vertical-fixed ~ .main {
padding-left: 16.25rem;
}
}

.footer-offset {
margin-bottom: 3.5rem;
}

.main {
-ms-flex-positive: 1;
flex-grow: 1;
}

.main .content {
padding-top: 0;
padding-bottom: 1rem;
padding-left: 1rem;
padding-right: 1rem;
background: transparent;
/*height:86vh;
padding-left: 0.5rem;
padding-right: 0.5rem;
overflow-y: auto;
overflow-x: hidden;
scrollbar-color: #0F172A0F172A #e0e0e0;
scrollbar-width: thin;*/
}


/*.main .content::-webkit-scrollbar {
width: 4px;
}
.main .content::-webkit-scrollbar-track {
background-color: darkgrey;
}
.main .content::-webkit-scrollbar-thumb {
background:#0F172A;
width:2px
}*/

.main .content .card {
padding: 15px;
background: transparent;
border: 0;
box-shadow: none
}

.main .content .card .card-header {
background: transparent;
padding-bottom: 25px;
border-bottom: 0;
padding-left: 0;
padding-right: 0;
}

.main .content .card .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-datalabel-label {
display: none;
}

    .main .content .card .card-body {
        /*box-shadow: 0px 7px 19px -4px rgba(0,0,0,0.2);*/
        border-radius: 7px;
        /*overflow-x: hidden;
overflow-y: auto;*/
        box-shadow: 0 0.375rem 0.75rem rgba(140,152,164,.075);
        background: #fff;
        padding: 15px;
        border-radius: 14px 14px 0 0;
    }
/*.main .content .card .card-body.percentage-area{padding:15px 15px 0 15px}
*/

.main .content .card .card-body.counter h2 {
font-size: 1.7rem;
color: #259f47;
}

.main .content .card .card-body.counter .click-chart {
margin: -50px 0 -70px -20px;
}




.main .content .card .card-body.percentage-area svg {
width: 96px;
height: 96px;
min-width: 70px !important;
min-height: 70px !important
}

.main .content .card .card-body h6 span.percentage {
color: #2ba24c;
}

.subscriber-chart-container {
margin: -22px -10px -24px;
}


.container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
padding-right: 0;
padding-left: 0;
}

@media (max-width:575.98px) {
.container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
padding-right: var(--bs-gutter-x,1.25rem);
padding-left: var(--bs-gutter-x,1.25rem);
}
}

.kanban-board {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}

.kanban-board::-webkit-scrollbar {
height: .6125rem;
}

.kanban-board::-webkit-scrollbar-thumb {
background-color: rgba(189,197,209,.6);
}

.kanban-board .kanban-board-row {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}

.kanban-board .kanban-board-row > [class*=col] {
max-width: 350px;
}

.sidebar-detached-content {
margin-left: 18.25rem;
}

.splitted-content-main {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.navbar-vertical.splitted-content-navbar {
width: 22rem;
}

.navbar-vertical.splitted-content-navbar .navbar-vertical-content {
height: 100%;
}

.navbar-vertical.splitted-content-navbar .navbar-nav {
margin-left: 5.75rem;
}

.navbar-vertical.splitted-content-navbar .navbar-vertical-footer {
margin-left: 5.75rem;
}

.splitted-content-bordered:not(:last-child) {
border-right: .0625rem solid rgba(231,234,243,.7);
}

.splitted-content-bordered:not(:first-child) {
border-left: .0625rem solid rgba(231,234,243,.7);
}

.navbar-vertical-aside ~ .splitted-content-small.splitted-content-bordered:not(:last-child) {
margin-left: -.0625rem;
}

.splitted-content-mini, .splitted-content-small {
background-color: #fff;
}

.splitted-content-mini.offcanvas, .splitted-content-small.offcanvas {
z-index: 1041;
}

.splitted-content-mini {
width: 5.75rem;
min-height: 100vh;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}

.splitted-content-mini .navbar-brand {
margin-right: 0;
}

.splitted-content-mini .offcanvas-body {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
padding: 0;
}

.splitted-content-fluid, .splitted-content-small {
min-height: 100vh;
}

.splitted-content-small {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20rem;
max-width: 100%;
}

.splitted-content-fluid {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
min-width: 0;
max-width: 100%;
}

.header ~ .main .splitted-content-fluid, .header ~ .main .splitted-content-mini, .header ~ .main .splitted-content-small {
min-height: calc(100vh - 3.875rem);
}

@media (min-width:1200px) {
.splitted-content-toggle {
display: none;
}
}

@media (min-width:992px) {
.splitted-content-mini {
position: static;
visibility: visible;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}

.dropdown-menu {
box-shadow: 0 .6125rem 2.5rem .6125rem rgba(140,152,164,.175);
margin-top: .3125rem;
padding: 0.6rem 1rem 0.4rem 1rem;
}

.dropdown-menu.custom {
overflow-y: auto;
overflow-x: hidden;
max-height: 550px;
margin-top: 0;
}

.dropdown-menu.custom::-webkit-scrollbar {
width: 4px;
}

.dropdown-menu.custom::-webkit-scrollbar-track {
background-color: #fff;
}

.dropdown-menu.custom::-webkit-scrollbar-thumb {
background: #8c8c8c;
width: 2px;
}

.dropdown-menu .dropdown-item {
font-size: .8125rem;
text-transform: uppercase;
padding: 0.4rem 0.5rem 0.4rem 0.5rem;
line-height: 1.2
}

.dropdown-menu .dropdown-item .bi-shop-window {
font-size: 14px
}

.dropdown-menu .dropdown-item i {
font-size: 15px;
margin-right: 6px
}

.dropdown-menu .dropdown-item .bi-truck, .dropdown-menu .dropdown-item .bi-person {
vertical-align: middle;
}

.avatar-title {
align-items: center;
/*background-color: #f5f5f5;*/
color: #2ba24c;
display: flex;
font-weight: 500;
justify-content: center;
height: 3rem;
width: 3rem !important;
position: relative
}

.avatar-title img {
max-height: 40px
}

.avatar-title i {
font-size: 1.5rem;
}
/*.avatar-title:before {
background-color: hsla(0,0%,100%,.1);
content: "";
height: 54px;
left: 16px;
position: absolute;
top: -5px;
-webkit-transform: rotate(32deg);
transform: rotate(32deg);
transition: all .4s;
width: 8px;
}*/




.dropdown-menu .dropdown-item.dropdown-toggle::after {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}

.dropdown-item {
border-radius: .3125rem;
}

.dropdown-item:not(:last-child) {
margin-bottom: .25rem;
}

.dropdown-item:active {
color: #1e2022;
background-color: rgba(189,197,209,.2);
}

.dropdown-item.active:active:focus, .dropdown-item.active:not(:focus):not(:active) {
color: #1e2022;
background-color: rgba(189,197,209,.2);
}

.dropdown-header {
text-transform: uppercase;
letter-spacing: .03125rem;
font-size: .65625rem;
font-weight: 600;
padding: .5rem 1rem;
}

.dropdown-item-icon {
display: inline-block;
opacity: .7;
width: 1.5rem;
color: #0F172A;
}

.dropdown-toggle {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
}

.dropdown-toggle::after {
display: inline-block;
width: 1rem;
height: 1rem;
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right center;
background-size: 1rem 1rem;
content: '';
transition: .3s;
}

.dropdown-toggle.custom::after {
transform: rotate(-90deg);
}

.dropdown-toggle:not(.dropdown-toggle-empty)::after {
padding-left: 1.25rem;
margin-left: auto;
}

.dropdown-toggle .dropdown-item-icon {
width: 1.75rem;
}

/*.nav-item > .nav-link[aria-expanded=true]::after, .show > .nav-link.dropdown-toggle::after {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}*/

.dropup .dropdown-toggle::after {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}

.dropright .dropdown-toggle::after {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
margin-top: .25rem;
}

.dropleft .dropdown-toggle::after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
margin-top: -.25rem;
}

.dropdown-card {
padding: 0;
}

.dropdown-card .card {
box-shadow: none;
}

.dropdown-card-shopping-cart .card > .card-footer {
border-top-width: .0625rem;
}

.dropdown-menu-form-search {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
overflow: hidden;
}

.dropdown-menu-form-search .card-body-height {
padding: .5rem;
}

.dropdown-menu-form-search .card-body-height .dropdown-divider {
width: calc(100% + 1rem);
margin-left: -.5rem;
}

.dropupend .dropdown-menu[data-bs-popper] {
top: auto;
right: auto;
left: 100%;
bottom: 100%;
margin-top: 0;
margin-bottom: .625rem;
}

.footer {
/*position: absolute;*/
bottom: 0;
left: 0;
right: 0;
height: 3.5rem;
}

.footer:not([class*=container]) {
padding-right: 2rem;
padding-left: 2rem;
}

@media (max-width:575.98px) {
.footer:not([class*=container]) {
padding-right: 1rem;
padding-left: 1rem;
}
}

.footer-height-offset {
height: calc(100vh - 3.5rem);
}

.form-control::-webkit-input-placeholder {
color: #404040;
opacity: 1;
}

.form-control::-moz-placeholder {
color: #404040;
opacity: 1;
}

.form-control:-ms-input-placeholder {
color: #404040;
opacity: 1;
}

.form-control::-ms-input-placeholder {
color: #404040;
opacity: 1;
}

.form-control::placeholder {
color: #404040;
opacity: 1;
}

.form-control-title {
font-size: 1.75rem;
line-height: normal;
font-weight: 600;
border: none;
padding: 0;
}

.form-control-title:focus {
box-shadow: none;
}

.form-control-single-number {
font-size: 1.75rem;
text-align: center;
}

.form-check-label {
margin-top: .125rem;
font-weight: 400;
color: #333;
}

.form-check .form-check-label {
margin-top: 0;
}

.form-check-input {
margin-top: .1875rem;
}

.form-check-text {
display: block;
}

.form-check-img {
max-width: 100%;
height: auto;
}

.form-check-input, .form-check-label, label.form-control {
cursor: pointer;
}

.form-check-input:focus {
box-shadow: none;
}

.form-check-input ~ .form-check-label .form-check-default {
display: block;
}

.form-check-input ~ .form-check-label .form-check-active {
display: none;
}

.form-check-input:checked ~ .form-check-label .form-check-default {
display: none;
}

.form-check-input:checked ~ .form-check-label .form-check-active {
display: block;
}

.form-check-reverse {
padding-left: 0;
padding-right: 1.5rem;
}

.form-check-reverse .form-check-input {
float: right;
margin-left: 0;
margin-right: -1.5rem;
}

.form-check-input.is-valid, .was-validated .form-check-input:valid {
border: 1px solid rgba(231,234,243,.7);
}

.form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label {
color: #0F172A;
}

.form-check-primary .form-check-input:checked {
background-color: #0F172A0F172A;
border-color: #0F172A0F172A;
}

.form-check-secondary .form-check-input:checked {
background-color: #71869d;
border-color: #71869d;
}

.form-check-success .form-check-input:checked {
background-color: #00c9a7;
border-color: #00c9a7;
}

.form-check-info .form-check-input:checked {
background-color: #09a5be;
border-color: #09a5be;
}

.form-check-warning .form-check-input:checked {
background-color: #f5ca99;
border-color: #f5ca99;
}

.form-check-danger .form-check-input:checked {
background-color: #F44336;
border-color: #F44336;
}

.form-check-light .form-check-input:checked {
background-color: #f9fafc;
border-color: #f9fafc;
}

.form-check-dark .form-check-input:checked {
background-color: #0F172A;
border-color: #0F172A;
}

.form-check-dashed {
text-align: center;
padding: 2rem 2rem;
border: .125rem dashed rgba(231,234,243,.7);
border-radius: .5rem;
}

.form-check-dashed:hover {
cursor: pointer;
background-color: #f9fafc;
}

.form-check-dashed .form-check-input {
display: none;
}

.form-check-label-highlighter {
position: relative;
padding-left: 0;
}

.form-check-label-highlighter .form-check-img {
border-radius: .5rem;
}

.form-check-label-highlighter .form-check-input {
width: 100%;
height: 100%;
background: 0 0;
border-width: 0;
margin-left: 0;
}

.form-check-label-highlighter .form-check-label {
border: .125rem solid rgba(231,234,243,.7);
border-radius: .5rem;
}

.form-check-label-highlighter .form-check-label::before {
position: absolute;
top: .75rem;
right: .75rem;
width: 1.25rem;
height: 1.25rem;
background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/20F172A/svg'%3e%3crect width='18' height='18' rx='9' fill='%23e7eaf3'/%3e%3cpath d='M12.0603 5.78792C12.2511 5.56349 12.5876 5.5362 12.8121 5.72697C13.0365 5.91774 13.0638 6.25432 12.873 6.47875L8.3397 11.8121C8.14594 12.04 7.80261 12.064 7.57901 11.8653L5.17901 9.73195C4.95886 9.53626 4.93903 9.19915 5.13472 8.979C5.33041 8.75885 5.66751 8.73902 5.88766 8.93471L7.88011 10.7058L12.0603 5.78792Z' fill='%23fff'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right center;
background-size: 1.25rem 1.25rem;
opacity: 0;
content: '';
}

.form-check-label-highlighter .form-check-input:checked[type=checkbox], .form-check-label-highlighter .form-check-input:checked[type=radio] {
background-image: none;
background-color: transparent;
border-width: 0;
}

.form-check-label-highlighter .form-check-input:checked[type=checkbox] ~ .form-check-label, .form-check-label-highlighter .form-check-input:checked[type=radio] ~ .form-check-label {
border-color: #0F172A0F172A;
}

.form-check-label-highlighter .form-check-input:checked[type=checkbox] ~ .form-check-label::before, .form-check-label-highlighter .form-check-input:checked[type=radio] ~ .form-check-label::before {
background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/20F172A/svg'%3e%3crect width='18' height='18' rx='9' fill='%20F172A0F172A3'/%3e%3cpath d='M12.0603 5.78792C12.2511 5.56349 12.5876 5.5362 12.8121 5.72697C13.0365 5.91774 13.0638 6.25432 12.873 6.47875L8.3397 11.8121C8.14594 12.04 7.80261 12.064 7.57901 11.8653L5.17901 9.73195C4.95886 9.53626 4.93903 9.19915 5.13472 8.979C5.33041 8.75885 5.66751 8.73902 5.88766 8.93471L7.88011 10.7058L12.0603 5.78792Z' fill='%23fff'/%3e%3c/svg%3e");
opacity: 1;
}

.form-check-select {
cursor: pointer;
}

.form-check-select .form-check-input {
position: relative;
z-index: 2;
width: 12px;
height: 12px;
background-color: #e7eaf3;
border-width: 0;
border-radius: 50%;
}

.form-check-select .form-check-input:hover {
background-color: rgba(112,112,112,.3125);
}

.form-check-select .form-check-input:checked[type=checkbox] {
background-image: none;
}

.form-check-select .form-check-input:checked[type=checkbox] ~ .form-check-stretched-bg::before {
background-color: rgba(112,112,112,.035);
}

.form-check-select .form-check-input:checked[type=checkbox]:hover {
background-color: #0F172A0F172A;
}

.form-check-select .form-check-stretched-bg::before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: auto;
content: '';
z-index: 1;
background-color: rgba(0,0,0,0);
}

.form-check-select:hover .form-check-stretched-bg::before {
background-color: rgba(112,112,112,.035);
}

.form-check-select-stretched {
padding-left: 0;
margin-bottom: 0;
}

.form-check-select-stretched .form-check-label {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
float: none;
margin-left: 0;
margin-top: 0;
z-index: 1;
border: .0625rem solid rgba(231,234,243,.7);
border-radius: .75rem;
}

.form-check-select-stretched .form-check-label::before {
position: absolute;
top: .75rem;
right: .75rem;
width: 1.25rem;
height: 1.25rem;
background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/20F172A/svg'%3e%3crect width='18' height='18' rx='9' fill='%23e7eaf3'/%3e%3cpath d='M12.0603 5.78792C12.2511 5.56349 12.5876 5.5362 12.8121 5.72697C13.0365 5.91774 13.0638 6.25432 12.873 6.47875L8.3397 11.8121C8.14594 12.04 7.80261 12.064 7.57901 11.8653L5.17901 9.73195C4.95886 9.53626 4.93903 9.19915 5.13472 8.979C5.33041 8.75885 5.66751 8.73902 5.88766 8.93471L7.88011 10.7058L12.0603 5.78792Z' fill='%23fff'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right center;
background-size: 1.25rem 1.25rem;
content: '';
}

.form-check-select-stretched .form-check-input[type=checkbox], .form-check-select-stretched .form-check-input[type=radio] {
background-color: transparent;
border-width: 0;
background-image: none;
}

.form-check-select-stretched .form-check-input:checked[type=checkbox] ~ .form-check-label, .form-check-select-stretched .form-check-input:checked[type=radio] ~ .form-check-label {
border-color: #0F172A0F172A;
}

.form-check-select-stretched .form-check-input:checked[type=checkbox] ~ .form-check-label::before, .form-check-select-stretched .form-check-input:checked[type=radio] ~ .form-check-label::before {
background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/20F172A/svg'%3e%3crect width='18' height='18' rx='9' fill='%20F172A0F172A3'/%3e%3cpath d='M12.0603 5.78792C12.2511 5.56349 12.5876 5.5362 12.8121 5.72697C13.0365 5.91774 13.0638 6.25432 12.873 6.47875L8.3397 11.8121C8.14594 12.04 7.80261 12.064 7.57901 11.8653L5.17901 9.73195C4.95886 9.53626 4.93903 9.19915 5.13472 8.979C5.33041 8.75885 5.66751 8.73902 5.88766 8.93471L7.88011 10.7058L12.0603 5.78792Z' fill='%23fff'/%3e%3c/svg%3e");
}

.form-check-select-stretched.checked .form-check-select-stretched-btn {
color: #fff;
background-color: #0F172A0F172A;
border-color: #0F172A0F172A;
}

.form-check-switch {
display: inline-block;
padding-left: 0;
margin-bottom: 0;
}

.form-check-switch .form-check-input {
display: none;
}

.form-check-switch .form-check-label {
cursor: pointer;
color: #0F172A0F172A;
background-color: #fff;
border: .0625rem solid #0F172A0F172A;
}

.form-check-switch .form-check-input:checked ~ .form-check-label {
color: #fff;
border-style: solid;
background-color: #0F172A0F172A;
}

.form-check-switch .form-check-input:disabled ~ .form-check-label {
color: #bdc5d1;
background-color: rgba(231,234,243,.5);
}

.form-select {
cursor: pointer;
color: #0F172A;
border: 0.0625rem solid rgba(231,234,243,.9);
font-weight: 600
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
font-weight: 600
}

.form-select-borderless {
border-width: 0;
}

.form-switch {
position: relative;
}

.form-switch.row {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding-left: 0;
}

.form-switch.row .form-check-input {
float: none;
margin-left: auto;
margin-right: 0;
}

.form-switch .form-check-input {
width: 2.8125em;
height: 1.8125em;
border-width: 0;
background-color: rgba(231,234,243,.7);
margin-top: -.25rem;
margin-right: .75rem;
}

.form-switch .form-check-input:active {
-webkit-filter: 100%;
filter: 100%;
}

.form-check-input:checked {
background-color: #2ba24c;
border-color: #2ba24c;
}

.form-switch-between {
-ms-flex-align: center;
align-items: center;
padding-left: 0;
}

.form-switch-between .form-check-input {
float: none;
-ms-flex-align: center;
align-items: center;
margin-left: .5rem;
}

.form-switch-between .form-check-label {
cursor: inherit;
}

.form-switch-promotion {
position: relative;
min-width: 5rem;
}

.form-switch-promotion-container {
position: absolute;
top: -1.25rem;
left: 1.25rem;
}

.form-switch-promotion-body {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-top: -1rem;
}

.form-switch-promotion-arrow {
margin-right: -1.75rem;
}

.form-switch-promotion-text {
display: block;
margin-top: .3125rem;
}

.form-switch-darkmode-with-icons {
margin-bottom: 0;
}

.form-switch-darkmode-with-icons .form-check-input {
position: relative;
width: 4em;
height: 2.25em;
border-width: 0;
background-color: rgba(231,234,243,.7);
cursor: pointer;
margin-top: -.1rem;
margin-right: .75rem;
}

.form-switch-darkmode-with-icons .form-check-input:active {
-webkit-filter: 100%;
filter: 100%;
}

.form-switch-darkmode-with-icons .form-check-input::after, .form-switch-darkmode-with-icons .form-check-input::before {
position: absolute;
top: calc(50% - .40625rem);
width: .8125rem;
height: .8125rem;
background-repeat: no-repeat;
background-position: right center;
background-size: .8125rem .8125rem;
content: '';
transition: .3s;
}

.form-switch-darkmode-with-icons .form-check-input::before {
left: .5rem;
color: #fff;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/20F172A/svg' width='16' height='16' fill='%23fff' viewBox='0 0 16 16'%3e%3cpath d='M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z'/%3e%3c/svg%3e");
-webkit-transform: scale(0);
transform: scale(0);
}

.form-switch-darkmode-with-icons .form-check-input::after {
right: .5rem;
opacity: 1;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/20F172A/svg' width='16' height='16' fill='%20F172A3' viewBox='0 0 16 16'%3e%3cpath d='M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278zM4.858 1.311A7.269 7.269 0 0 0 1.025 7.71c0 4.02 3.279 7.276 7.319 7.276a7.316 7.316 0 0 0 5.205-2.162c-.337.042-.68.063-1.029.063-4.61 0-8.343-3.714-8.343-8.29 0-1.167.242-2.278.681-3.286z'/%3e%3cpath d='M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z'/%3e%3c/svg%3e");
-webkit-transform: scale(1);
transform: scale(1);
}

.form-switch-darkmode-with-icons .form-check-input:checked {
background-color: #0F172A0F172A;
}

.form-switch-darkmode-with-icons .form-check-input:checked::before {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}

.form-switch-darkmode-with-icons .form-check-input:checked::after {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}

.form-attachment-btn {
position: relative;
overflow: hidden;
margin-bottom: 0;
}

.form-attachment-btn-label {
position: absolute;
top: 0;
right: 0;
display: block;
min-width: 100%;
min-height: 100%;
opacity: 0;
}

.form-text {
margin-bottom: 0;
}

.form-link {
display: inline-block;
font-weight: 600;
margin-top: 1rem;
}

.input-group-merge {
position: relative;
overflow: hidden;
border: .0625rem solid rgba(231,234,243,.7);
border-radius: 7px;
}

.input-group-merge .input-group-append, .input-group-merge .input-group-prepend {
position: absolute;
top: 1px;
bottom: 1px;
z-index: 4;
background-color: transparent;
}

.input-group-merge .input-group-append.input-group-text, .input-group-merge .input-group-prepend.input-group-text {
border-width: 0;
}

.input-group-merge .input-group-prepend {
left: 1px;
}

.input-group-merge .input-group-append {
right: 1px;
}

.input-group-merge .form-control, .input-group-merge .form-select {
border-width: 0;
}

.input-group-merge .form-control:not(:first-child), .input-group-merge .form-select:not(:first-child) {
padding-left: 2.6rem;
border-top-left-radius: .3125rem;
border-bottom-left-radius: .3125rem;
}

.input-group-merge .form-control:not(:last-child), .input-group-merge .form-select:not(:last-child) {
padding-right: 3.25rem;
border-top-right-radius: .3125rem;
border-bottom-right-radius: .3125rem;
}

.input-group-merge .form-control-sm, .input-group-merge .form-select-sm {
min-height: calc(1.5em + .875rem);
}

.input-group-merge .form-control-sm:not(:first-child), .input-group-merge .form-select-sm:not(:first-child) {
padding-left: 3.25rem;
}

.input-group-merge .form-control-sm:not(:last-child), .input-group-merge .form-select-sm:not(:last-child) {
padding-right: 3.25rem;
}

.input-group-merge .form-control-lg, .input-group-merge .form-select-lg {
min-height: calc(1.5em + 1.375rem);
}

.was-validated .input-group-merge.is-valid {
border-color: #00c9a7;
}

.was-validated .input-group-merge.is-valid.focus {
box-shadow: 0 0 1rem 0 rgba(0,201,167,.25);
}

.was-validated .input-group-merge.is-invalid {
border-color: #F44336;
}

.was-validated .input-group-merge.is-invalid.focus {
box-shadow: 0 0 1rem 0 rgba(237,76,120,.25);
}

.input-group-append, .input-group-prepend {
display: -ms-flexbox;
display: flex;
}

.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}

.input-group > .input-group-append:last-child > .btn:not(:last-child), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child), .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}

@media (min-width:576px) {
.input-group-append-last-sm-down-none .tom-select-custom .form-select {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
}

@media (max-width:575.98px) {
.input-group-append-last-sm-down-none.input-group-append:last-child .form-select:not(:last-child) {
border-top-right-radius: .3125rem;
border-bottom-right-radius: .3125rem;
}
}

.input-group-vertical {
display: block;
}

.input-group-vertical > .form-control, .input-group-vertical > .form-select {
width: 100%;
}

.input-group-vertical > .form-control:first-child, .input-group-vertical > .form-select:first-child {
border-top-left-radius: .3125rem !important;
border-top-right-radius: .3125rem !important;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}

.input-group-vertical > .form-control:not(:first-child):not(:last-child), .input-group-vertical > .form-select:not(:first-child):not(:last-child) {
border-radius: 0;
}

.input-group-vertical > .form-control:last-child, .input-group-vertical > .form-select:last-child {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: .3125rem !important;
border-bottom-left-radius: .3125rem !important;
}

.input-group-vertical .form-control + .form-control, .input-group-vertical .form-control + .form-select, .input-group-vertical .form-control-plaintext + .form-control, .input-group-vertical .form-control-plaintext + .form-select, .input-group-vertical .form-select + .form-control, .input-group-vertical .form-select + .form-select {
margin-left: 0 !important;
margin-top: -.0625rem;
}

.input-group-vertical.input-group .tom-select-custom {
margin-left: 0 !important;
}

.input-group-vertical.input-group .tom-select-custom .form-select:last-child {
border-top-right-radius: 0;
border-bottom-left-radius: .3125rem;
}

@media (max-width:575.98px) {
.input-group-sm-vertical {
display: block;
}

.input-group-sm-vertical > .form-control, .input-group-sm-vertical > .form-select {
width: 100%;
}

.input-group-sm-vertical > .form-control:first-child, .input-group-sm-vertical > .form-select:first-child {
border-top-left-radius: .3125rem !important;
border-top-right-radius: .3125rem !important;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}

.input-group-sm-vertical > .form-control:not(:first-child):not(:last-child), .input-group-sm-vertical > .form-select:not(:first-child):not(:last-child) {
border-radius: 0;
}

.input-group-sm-vertical > .form-control:last-child, .input-group-sm-vertical > .form-select:last-child {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: .3125rem !important;
border-bottom-left-radius: .3125rem !important;
}

.input-group-sm-vertical .form-control + .form-control, .input-group-sm-vertical .form-control + .form-select, .input-group-sm-vertical .form-control-plaintext + .form-control, .input-group-sm-vertical .form-control-plaintext + .form-select, .input-group-sm-vertical .form-select + .form-control, .input-group-sm-vertical .form-select + .form-select {
margin-left: 0 !important;
margin-top: -.0625rem;
}

.input-group-sm-vertical.input-group .tom-select-custom {
margin-left: 0 !important;
}

.input-group-sm-vertical.input-group .tom-select-custom .form-select:last-child {
border-top-right-radius: 0;
border-bottom-left-radius: .3125rem;
}
}

@media (max-width:767.98px) {
.input-group-md-vertical {
display: block;
}

.input-group-md-vertical > .form-control, .input-group-md-vertical > .form-select {
width: 100%;
}

.input-group-md-vertical > .form-control:first-child, .input-group-md-vertical > .form-select:first-child {
border-top-left-radius: .3125rem !important;
border-top-right-radius: .3125rem !important;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}

.input-group-md-vertical > .form-control:not(:first-child):not(:last-child), .input-group-md-vertical > .form-select:not(:first-child):not(:last-child) {
border-radius: 0;
}

.input-group-md-vertical > .form-control:last-child, .input-group-md-vertical > .form-select:last-child {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: .3125rem !important;
border-bottom-left-radius: .3125rem !important;
}

.input-group-md-vertical .form-control + .form-control, .input-group-md-vertical .form-control + .form-select, .input-group-md-vertical .form-control-plaintext + .form-control, .input-group-md-vertical .form-control-plaintext + .form-select, .input-group-md-vertical .form-select + .form-control, .input-group-md-vertical .form-select + .form-select {
margin-left: 0 !important;
margin-top: -.0625rem;
}

.input-group-md-vertical.input-group .tom-select-custom {
margin-left: 0 !important;
}

.input-group-md-vertical.input-group .tom-select-custom .form-select:last-child {
border-top-right-radius: 0;
border-bottom-left-radius: .3125rem;
}
}

@media (max-width:991.98px) {
.input-group-lg-vertical {
display: block;
}

.input-group-lg-vertical > .form-control, .input-group-lg-vertical > .form-select {
width: 100%;
}

.input-group-lg-vertical > .form-control:first-child, .input-group-lg-vertical > .form-select:first-child {
border-top-left-radius: .3125rem !important;
border-top-right-radius: .3125rem !important;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}

.input-group-lg-vertical > .form-control:not(:first-child):not(:last-child), .input-group-lg-vertical > .form-select:not(:first-child):not(:last-child) {
border-radius: 0;
}

.input-group-lg-vertical > .form-control:last-child, .input-group-lg-vertical > .form-select:last-child {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: .3125rem !important;
border-bottom-left-radius: .3125rem !important;
}

.input-group-lg-vertical .form-control + .form-control, .input-group-lg-vertical .form-control + .form-select, .input-group-lg-vertical .form-control-plaintext + .form-control, .input-group-lg-vertical .form-control-plaintext + .form-select, .input-group-lg-vertical .form-select + .form-control, .input-group-lg-vertical .form-select + .form-select {
margin-left: 0 !important;
margin-top: -.0625rem;
}

.input-group-lg-vertical.input-group .tom-select-custom {
margin-left: 0 !important;
}

.input-group-lg-vertical.input-group .tom-select-custom .form-select:last-child {
border-top-right-radius: 0;
border-bottom-left-radius: .3125rem;
}
}

@media (max-width:1199.98px) {
.input-group-xl-vertical {
display: block;
}

.input-group-xl-vertical > .form-control, .input-group-xl-vertical > .form-select {
width: 100%;
}

.input-group-xl-vertical > .form-control:first-child, .input-group-xl-vertical > .form-select:first-child {
border-top-left-radius: .3125rem !important;
border-top-right-radius: .3125rem !important;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}

.input-group-xl-vertical > .form-control:not(:first-child):not(:last-child), .input-group-xl-vertical > .form-select:not(:first-child):not(:last-child) {
border-radius: 0;
}

.input-group-xl-vertical > .form-control:last-child, .input-group-xl-vertical > .form-select:last-child {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: .3125rem !important;
border-bottom-left-radius: .3125rem !important;
}

.input-group-xl-vertical .form-control + .form-control, .input-group-xl-vertical .form-control + .form-select, .input-group-xl-vertical .form-control-plaintext + .form-control, .input-group-xl-vertical .form-control-plaintext + .form-select, .input-group-xl-vertical .form-select + .form-control, .input-group-xl-vertical .form-select + .form-select {
margin-left: 0 !important;
margin-top: -.0625rem;
}

.input-group-xl-vertical.input-group .tom-select-custom {
margin-left: 0 !important;
}

.input-group-xl-vertical.input-group .tom-select-custom .form-select:last-child {
border-top-right-radius: 0;
border-bottom-left-radius: .3125rem;
}
}

@media (max-width:1399.98px) {
.input-group-xxl-vertical {
display: block;
}

.input-group-xxl-vertical > .form-control, .input-group-xxl-vertical > .form-select {
width: 100%;
}

.input-group-xxl-vertical > .form-control:first-child, .input-group-xxl-vertical > .form-select:first-child {
border-top-left-radius: .3125rem !important;
border-top-right-radius: .3125rem !important;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}

.input-group-xxl-vertical > .form-control:not(:first-child):not(:last-child), .input-group-xxl-vertical > .form-select:not(:first-child):not(:last-child) {
border-radius: 0;
}

.input-group-xxl-vertical > .form-control:last-child, .input-group-xxl-vertical > .form-select:last-child {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: .3125rem !important;
border-bottom-left-radius: .3125rem !important;
}

.input-group-xxl-vertical .form-control + .form-control, .input-group-xxl-vertical .form-control + .form-select, .input-group-xxl-vertical .form-control-plaintext + .form-control, .input-group-xxl-vertical .form-control-plaintext + .form-select, .input-group-xxl-vertical .form-select + .form-control, .input-group-xxl-vertical .form-select + .form-select {
margin-left: 0 !important;
margin-top: -.0625rem;
}

.input-group-xxl-vertical.input-group .tom-select-custom {
margin-left: 0 !important;
}

.input-group-xxl-vertical.input-group .tom-select-custom .form-select:last-child {
border-top-right-radius: 0;
border-bottom-left-radius: .3125rem;
}
}

.form-control-borderless, .input-group-borderless .form-control, .input-group-borderless .input-group-text, .input-group-borderless.input-group-merge {
border: none;
}

.form-control-borderless:focus, .input-group-borderless .form-control:focus, .input-group-borderless .input-group-text:focus, .input-group-borderless.input-group-merge:focus {
box-shadow: none;
}

.form-select-borderless {
border-color: transparent;
}

.form-select-borderless:focus {
box-shadow: none;
border-color: transparent;
}

.form-control-light, .form-select-light, .input-group-light .form-control, .input-group-light .form-select {
background-color: #fff;
box-shadow: none;
}

.form-control-light:disabled, .form-control-light[readonly], .form-select-light:disabled, .form-select-light[readonly], .input-group-light .form-control:disabled, .input-group-light .form-control[readonly], .input-group-light .form-select:disabled, .input-group-light .form-select[readonly] {
background-color: transparent;
}

.form-control-hover-light.focus, .form-control-hover-light:focus, .form-control-hover-light:hover, .form-select-hover-light.focus, .form-select-hover-light:focus, .form-select-hover-light:hover, .input-group-hover-light .form-control.focus, .input-group-hover-light .form-control:focus, .input-group-hover-light .form-control:hover, .input-group-hover-light .form-select.focus, .input-group-hover-light .form-select:focus, .input-group-hover-light .form-select:hover {
background-color: #fff;
box-shadow: none;
}

.form-control-hover-light:disabled, .form-control-hover-light[readonly], .form-select-hover-light:disabled, .form-select-hover-light[readonly], .input-group-hover-light .form-control:disabled, .input-group-hover-light .form-control[readonly], .input-group-hover-light .form-select:disabled, .input-group-hover-light .form-select[readonly] {
background-color: transparent;
}

.form-control-hover-light, .form-select-hover-light, .input-group-hover-light .form-control, .input-group-hover-light .form-select {
background-color: #fff;
}

.form-control-hover-light.focus, .form-control-hover-light:focus, .form-control-hover-light:hover, .form-select-hover-light.focus, .form-select-hover-light:focus, .form-select-hover-light:hover, .input-group-hover-light .form-control.focus, .input-group-hover-light .form-control:focus, .input-group-hover-light .form-control:hover, .input-group-hover-light .form-select.focus, .input-group-hover-light .form-select:focus, .input-group-hover-light .form-select:hover {
background-color: #f6f7fa;
box-shadow: none;
}

.form-control-hover-light:disabled, .form-control-hover-light[readonly], .form-select-hover-light:disabled, .form-select-hover-light[readonly], .input-group-hover-light .form-control:disabled, .input-group-hover-light .form-control[readonly], .input-group-hover-light .form-select:disabled, .input-group-hover-light .form-select[readonly] {
background-color: transparent;
}

.form-select-flush, .input-group-flush {
background-color: transparent;
border-top: none;
border-right: none;
border-left: none;
box-shadow: none;
padding-right: 0;
padding-left: 0;
border-radius: 0;
}

.form-select-flush.is-invalid, .form-select-flush.is-invalid:focus, .form-select-flush.is-valid, .form-select-flush.is-valid:focus, .input-group-flush.is-invalid, .input-group-flush.is-invalid:focus, .input-group-flush.is-valid, .input-group-flush.is-valid:focus {
box-shadow: none;
}

.form-control-flush:focus {
box-shadow: none;
}

.input-group-flush .form-control, .input-group-flush .form-select {
background-color: transparent;
border-top: none;
border-right: none;
border-left: none;
box-shadow: none;
padding-right: 0;
padding-left: 0;
border-radius: 0;
}

.input-group-flush .form-control.is-invalid, .input-group-flush .form-control.is-invalid:focus, .input-group-flush .form-control.is-valid, .input-group-flush .form-control.is-valid:focus, .input-group-flush .form-select.is-invalid, .input-group-flush .form-select.is-invalid:focus, .input-group-flush .form-select.is-valid, .input-group-flush .form-select.is-valid:focus {
box-shadow: none;
}

.input-group-flush .input-group-append.input-group-text, .input-group-flush .input-group-prepend.input-group-text {
border-top: none;
border-right: none;
border-left: none;
border-radius: 0;
}

.input-group-flush .input-group-prepend.input-group-text {
padding-left: 0;
}

.input-group-flush .input-group-append.input-group-text {
padding-left: 0;
}

.input-group-flush.input-group-merge .input-group-append.input-group-text, .input-group-flush.input-group-merge .input-group-prepend.input-group-text {
padding: 0;
}

.input-group-flush.input-group-merge .form-control:not(:first-child), .input-group-flush.input-group-merge .form-select:not(:first-child) {
padding-left: 2rem;
}

.input-group-flush.input-group-merge .form-control:not(:last-child), .input-group-flush.input-group-merge .form-select:not(:last-child) {
padding-right: 2rem;
}

.input-group-flush.input-group .form-control:not(:first-child), .input-group-flush.input-group .form-control:not(:last-child), .input-group-flush.input-group .form-select:not(:first-child), .input-group-flush.input-group .form-select:not(:last-child), .input-group-flush.input-group .input-group-append.input-group-text:first-child, .input-group-flush.input-group .input-group-append.input-group-text:last-child, .input-group-flush.input-group-merge .input-group-append.input-group-text, .input-group-flush.input-group-merge .input-group-prepend.input-group-text {
border-radius: 0;
}

.input-group-add-field {
position: relative;
margin-top: 1rem;
}

.input-group-add-field-delete {
position: absolute;
top: .75rem;
right: -1.25rem;
color: #F44336;
}

.input-group-add-field-delete:hover {
color: #ea2c60;
}

.form-label-secondary {
font-size: .8125rem;
color: #8c98a4;
}

.form-label-link {
font-weight: 600;
font-size: .875rem;
margin-bottom: .5rem;
}

.go-to {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
z-index: 9999;
width: 2.625rem;
height: 2.625rem;
background-color: rgba(113,134,157,.1);
color: #0F172A;
font-size: .875rem;
opacity: .5;
border-radius: 50%;
transition: .3s ease-out;
}

.go-to:focus:hover, .go-to:hover {
color: #fff;
background-color: #0F172A0F172A;
opacity: 1;
}

.icon {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
font-size: .875rem;
width: 2.625rem;
height: 2.625rem;
border-radius: .3125rem;
}

.icon-circle {
border-radius: 50%;
}

.icon-centered {
display: -ms-flexbox;
display: flex;
margin-right: auto;
margin-left: auto;
}

.icon.icon-xs {
font-size: .65625rem;
width: 1.53125rem;
height: 1.53125rem;
}

.icon.icon-sm {
font-size: .875rem;
width: 2.40625rem;
height: 2.40625rem;
}

.icon.icon-lg {
font-size: 1rem;
width: 3.36875rem;
height: 3.36875rem;
}

.icon-primary {
color: #fff;
border-color: #0F172A0F172A;
background-color: #0F172A0F172A;
}

.icon-secondary {
color: #fff;
border-color: #71869d;
background-color: #71869d;
}

.icon-success {
color: #fff;
border-color: #00c9a7;
background-color: #00c9a7;
}

.icon-info {
color: #fff;
border-color: #09a5be;
background-color: #09a5be;
}

.icon-warning {
color: #0F172A;
border-color: #f5ca99;
background-color: #f5ca99;
}

.icon-danger {
color: #fff;
border-color: #F44336;
background-color: #F44336;
}

.icon-light {
color: #0F172A;
border-color: #f9fafc;
background-color: #f9fafc;
}

.icon-dark {
color: #fff;
border-color: #0F172A;
background-color: #0F172A;
}

.icon-soft-primary {
color: #0F172A0F172A;
background: rgba(112,112,112,.1);
}

.icon-soft-secondary {
color: #71869d;
background: rgba(113,134,157,.1);
}

.icon-soft-success {
color: #00c9a7;
background: rgba(0,201,167,.1);
}

.icon-soft-info {
color: #09a5be;
background: rgba(9,165,190,.1);
}

.icon-soft-warning {
color: #f5ca99;
background: rgba(245,202,153,.1);
}

.icon-soft-danger {
color: #F44336;
background: rgba(237,76,120,.1);
}

.icon-soft-light {
color: #f9fafc;
background: rgba(249,250,252,.1);
}

.icon-soft-dark {
color: #0F172A;
background: rgba(19,33,68,.1);
}

.legend-indicator {
display: inline-block;
width: .5rem;
height: .5rem;
background-color: #bdc5d1;
border-radius: 50%;
margin-right: .4375rem;
}

.list-comment {
padding-left: 0;
list-style: none;
margin-bottom: 0;
}

.list-comment:first-child {
margin-top: -2.5rem;
}

.list-comment-item {
margin-top: 2.5rem;
}

.list-comment-item .list-comment .list-comment-item {
padding-left: 1rem;
border-left: .1875rem solid rgba(231,234,243,.7);
}

.list-comment-divider .list-comment-item:not(:last-child) {
border-bottom: .0625rem solid rgba(231,234,243,.7);
padding-bottom: 2.5rem;
}

.list-py-1 > li:not(:first-child) {
padding-top: .3125rem;
}

.list-py-1 > li:not(:last-child) {
padding-bottom: .3125rem;
}

.list-py-2 > li:not(:first-child) {
padding-top: .5rem;
}

.list-py-2 > li:not(:last-child) {
padding-bottom: .5rem;
}

.list-py-3 > li:not(:first-child) {
padding-top: 1rem;
}

.list-py-3 > li:not(:last-child) {
padding-bottom: 1rem;
}

.list-px-1 > li:not(:first-child), .list-px-1 > li:not(:last-child) {
padding-right: .25rem;
}

.list-px-2 > li:not(:first-child), .list-px-2 > li:not(:last-child) {
padding-right: .5rem;
}

.list-px-3 > li:not(:first-child), .list-px-3 > li:not(:last-child) {
padding-right: 1rem;
}

.list-separator {
margin-bottom: 0;
}

.list-separator .list-inline-item {
position: relative;
margin-left: 0;
margin-right: -.25rem;
}

.list-separator .list-inline-item:not(:last-child) {
padding-right: 2rem;
}

.list-separator .list-inline-item:not(:last-child)::after {
position: absolute;
top: 50%;
right: .8rem;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
content: "/";
opacity: .4;
}

.list-separator .list-separator-link {
color: #0F172A;
}

.list-separator .list-separator-link:hover {
color: #919191;
}

.list-separator-light .list-inline-item::after {
color: #fff;
}

.list-separator-light .list-separator-link, .list-separator-light .list-separator-link:hover {
color: #fff;
}

.list-separator-light .list-separator-link:hover {
text-decoration: underline;
}

.list-group-item:first-child {
border-top-left-radius: .5rem;
border-top-right-radius: .5rem;
}

.list-group-item:last-child {
border-bottom-right-radius: .5rem;
border-bottom-left-radius: .5rem;
}

.list-group-item.active .list-group-icon {
color: #fff;
}

.list-group-icon {
display: inline-block;
color: #0F172A;
width: 2rem;
text-align: center;
margin-right: .5rem;
}

.list-group-striped > li:nth-of-type(odd) {
background-color: rgba(112,112,112,.1);
}

.list-group-sm .list-group-item {
font-size: .8125rem;
padding: .5rem .5rem;
}

.list-group-lg .list-group-item {
padding: 1.5rem 1.5rem;
}

.list-group-lg .list-group-icon {
font-size: 1.3125rem;
width: 2.5rem;
}

.list-group-no-gutters .list-group-item {
padding-right: 0;
padding-left: 0;
}

.list-group-start-bordered .list-group-item {
padding-left: 0;
padding-right: 0;
}

.list-group-start-bordered .list-group-item-action {
display: block;
border-width: 0 0 0 .125rem;
border-style: solid;
border-color: transparent;
padding-left: 1rem;
}

.list-group-start-bordered .list-group-item-action:focus, .list-group-start-bordered .list-group-item-action:hover {
background-color: transparent;
}

.list-checked {
padding-left: 0;
list-style: none;
}

.list-checked-item {
position: relative;
color: #0F172A;
padding-left: 2rem;
}

.list-checked-item:not(:last-child) {
margin-bottom: .5rem;
}

.list-checked-item::before {
position: absolute;
top: 0;
left: 0;
width: 1.25rem;
height: 1.25rem;
background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M13.3035 4.76425C13.5718 4.44865 14.0451 4.41027 14.3607 4.67853C14.6763 4.9468 14.7147 5.42012 14.4464 5.73572L8.07144 13.2357C7.79896 13.5563 7.31616 13.5901 7.00171 13.3105L3.62671 10.3105C3.31713 10.0354 3.28924 9.5613 3.56443 9.25172C3.83962 8.94213 4.31367 8.91424 4.62326 9.18943L7.42515 11.68L13.3035 4.76425Z' fill='%2371869d'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right center;
background-size: 1.25rem 1.25rem;
content: '';
margin-top: .125rem;
}

.list-checked-item[hover]:hover {
color: #0F172A0F172A;
}

[class*=list-checked-bg-] .list-checked-item::before, [class*=list-checked-soft-bg-] .list-checked-item::before {
margin-top: .25rem;
}

.list-checked-primary .list-checked-item::before {
background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M13.3035 4.76425C13.5718 4.44865 14.0451 4.41027 14.3607 4.67853C14.6763 4.9468 14.7147 5.42012 14.4464 5.73572L8.07144 13.2357C7.79896 13.5563 7.31616 13.5901 7.00171 13.3105L3.62671 10.3105C3.31713 10.0354 3.28924 9.5613 3.56443 9.25172C3.83962 8.94213 4.31367 8.91424 4.62326 9.18943L7.42515 11.68L13.3035 4.76425Z' fill='%20F172A0F172A3'/%3e%3c/svg%3e");
}

.list-checked-bg-primary .list-checked-item::before {
background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/20F172A/svg'%3e%3crect width='18' height='18' rx='9' fill='%20F172A0F172A3'/%3e%3cpath d='M12.0603 5.78792C12.2511 5.56349 12.5876 5.5362 12.8121 5.72697C13.0365 5.91774 13.0638 6.25432 12.873 6.47875L8.3397 11.8121C8.14594 12.04 7.80261 12.064 7.57901 11.8653L5.17901 9.73195C4.95886 9.53626 4.93903 9.19915 5.13472 8.979C5.33041 8.75885 5.66751 8.73902 5.88766 8.93471L7.88011 10.7058L12.0603 5.78792Z' fill='white'/%3e%3c/svg%3e");
}

.list-checked-soft-bg-primary .list-checked-item::before {
background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/20F172A/svg'%3e%3crect width='18' height='18' rx='9' fill='%20F172A0F172A3' fill-opacity='0.1'/%3e%3cpath d='M12.0603 5.78792C12.2511 5.56349 12.5876 5.5362 12.8121 5.72697C13.0365 5.91774 13.0638 6.25432 12.873 6.47875L8.3397 11.8121C8.14594 12.04 7.80261 12.064 7.57901 11.8653L5.17901 9.73195C4.95886 9.53626 4.93903 9.19915 5.13472 8.979C5.33041 8.75885 5.66751 8.73902 5.88766 8.93471L7.88011 10.7058L12.0603 5.78792Z' fill='%20F172A0F172A3'/%3e%3c/svg%3e");
}

.list-checked-secondary .list-checked-item::before {
background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M13.3035 4.76425C13.5718 4.44865 14.0451 4.41027 14.3607 4.67853C14.6763 4.9468 14.7147 5.42012 14.4464 5.73572L8.07144 13.2357C7.79896 13.5563 7.31616 13.5901 7.00171 13.3105L3.62671 10.3105C3.31713 10.0354 3.28924 9.5613 3.56443 9.25172C3.83962 8.94213 4.31367 8.91424 4.62326 9.18943L7.42515 11.68L13.3035 4.76425Z' fill='%2371869d'/%3e%3c/svg%3e");
}

.list-checked-bg-secondary .list-checked-item::before {
background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/20F172A/svg'%3e%3crect width='18' height='18' rx='9' fill='%2371869d'/%3e%3cpath d='M12.0603 5.78792C12.2511 5.56349 12.5876 5.5362 12.8121 5.72697C13.0365 5.91774 13.0638 6.25432 12.873 6.47875L8.3397 11.8121C8.14594 12.04 7.80261 12.064 7.57901 11.8653L5.17901 9.73195C4.95886 9.53626 4.93903 9.19915 5.13472 8.979C5.33041 8.75885 5.66751 8.73902 5.88766 8.93471L7.88011 10.7058L12.0603 5.78792Z' fill='white'/%3e%3c/svg%3e");
}

.list-checked-soft-bg-secondary .list-checked-item::before {
background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/20F172A/svg'%3e%3crect width='18' height='18' rx='9' fill='%2371869d' fill-opacity='0.1'/%3e%3cpath d='M12.0603 5.78792C12.2511 5.56349 12.5876 5.5362 12.8121 5.72697C13.0365 5.91774 13.0638 6.25432 12.873 6.47875L8.3397 11.8121C8.14594 12.04 7.80261 12.064 7.57901 11.8653L5.17901 9.73195C4.95886 9.53626 4.93903 9.19915 5.13472 8.979C5.33041 8.75885 5.66751 8.73902 5.88766 8.93471L7.88011 10.7058L12.0603 5.78792Z' fill='%2371869d'/%3e%3c/svg%3e");
}

.list-checked-success .list-checked-item::before {
background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M13.3035 4.76425C13.5718 4.44865 14.0451 4.41027 14.3607 4.67853C14.6763 4.9468 14.7147 5.42012 14.4464 5.73572L8.07144 13.2357C7.79896 13.5563 7.31616 13.5901 7.00171 13.3105L3.62671 10.3105C3.31713 10.0354 3.28924 9.5613 3.56443 9.25172C3.83962 8.94213 4.31367 8.91424 4.62326 9.18943L7.42515 11.68L13.3035 4.76425Z' fill='%2300c9a7'/%3e%3c/svg%3e");
}

.list-checked-bg-success .list-checked-item::before {
background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/20F172A/svg'%3e%3crect width='18' height='18' rx='9' fill='%2300c9a7'/%3e%3cpath d='M12.0603 5.78792C12.2511 5.56349 12.5876 5.5362 12.8121 5.72697C13.0365 5.91774 13.0638 6.25432 12.873 6.47875L8.3397 11.8121C8.14594 12.04 7.80261 12.064 7.57901 11.8653L5.17901 9.73195C4.95886 9.53626 4.93903 9.19915 5.13472 8.979C5.33041 8.75885 5.66751 8.73902 5.88766 8.93471L7.88011 10.7058L12.0603 5.78792Z' fill='white'/%3e%3c/svg%3e");
}

.list-checked-soft-bg-success .list-checked-item::before {
background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/20F172A/svg'%3e%3crect width='18' height='18' rx='9' fill='%2300c9a7' fill-opacity='0.1'/%3e%3cpath d='M12.0603 5.78792C12.2511 5.56349 12.5876 5.5362 12.8121 5.72697C13.0365 5.91774 13.0638 6.25432 12.873 6.47875L8.3397 11.8121C8.14594 12.04 7.80261 12.064 7.57901 11.8653L5.17901 9.73195C4.95886 9.53626 4.93903 9.19915 5.13472 8.979C5.33041 8.75885 5.66751 8.73902 5.88766 8.93471L7.88011 10.7058L12.0603 5.78792Z' fill='%2300c9a7'/%3e%3c/svg%3e");
}

.list-checked-info .list-checked-item::before {
background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M13.3035 4.76425C13.5718 4.44865 14.0451 4.41027 14.3607 4.67853C14.6763 4.9468 14.7147 5.42012 14.4464 5.73572L8.07144 13.2357C7.79896 13.5563 7.31616 13.5901 7.00171 13.3105L3.62671 10.3105C3.31713 10.0354 3.28924 9.5613 3.56443 9.25172C3.83962 8.94213 4.31367 8.91424 4.62326 9.18943L7.42515 11.68L13.3035 4.76425Z' fill='%2309a5be'/%3e%3c/svg%3e");
}

.list-checked-bg-info .list-checked-item::before {
background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/20F172A/svg'%3e%3crect width='18' height='18' rx='9' fill='%2309a5be'/%3e%3cpath d='M12.0603 5.78792C12.2511 5.56349 12.5876 5.5362 12.8121 5.72697C13.0365 5.91774 13.0638 6.25432 12.873 6.47875L8.3397 11.8121C8.14594 12.04 7.80261 12.064 7.57901 11.8653L5.17901 9.73195C4.95886 9.53626 4.93903 9.19915 5.13472 8.979C5.33041 8.75885 5.66751 8.73902 5.88766 8.93471L7.88011 10.7058L12.0603 5.78792Z' fill='white'/%3e%3c/svg%3e");
}

.list-checked-soft-bg-info .list-checked-item::before {
background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/20F172A/svg'%3e%3crect width='18' height='18' rx='9' fill='%2309a5be' fill-opacity='0.1'/%3e%3cpath d='M12.0603 5.78792C12.2511 5.56349 12.5876 5.5362 12.8121 5.72697C13.0365 5.91774 13.0638 6.25432 12.873 6.47875L8.3397 11.8121C8.14594 12.04 7.80261 12.064 7.57901 11.8653L5.17901 9.73195C4.95886 9.53626 4.93903 9.19915 5.13472 8.979C5.33041 8.75885 5.66751 8.73902 5.88766 8.93471L7.88011 10.7058L12.0603 5.78792Z' fill='%2309a5be'/%3e%3c/svg%3e");
}

.list-checked-warning .list-checked-item::before {
background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M13.3035 4.76425C13.5718 4.44865 14.0451 4.41027 14.3607 4.67853C14.6763 4.9468 14.7147 5.42012 14.4464 5.73572L8.07144 13.2357C7.79896 13.5563 7.31616 13.5901 7.00171 13.3105L3.62671 10.3105C3.31713 10.0354 3.28924 9.5613 3.56443 9.25172C3.83962 8.94213 4.31367 8.91424 4.62326 9.18943L7.42515 11.68L13.3035 4.76425Z' fill='%23f5ca99'/%3e%3c/svg%3e");
}

.list-checked-bg-warning .list-checked-item::before {
background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/20F172A/svg'%3e%3crect width='18' height='18' rx='9' fill='%23f5ca99'/%3e%3cpath d='M12.0603 5.78792C12.2511 5.56349 12.5876 5.5362 12.8121 5.72697C13.0365 5.91774 13.0638 6.25432 12.873 6.47875L8.3397 11.8121C8.14594 12.04 7.80261 12.064 7.57901 11.8653L5.17901 9.73195C4.95886 9.53626 4.93903 9.19915 5.13472 8.979C5.33041 8.75885 5.66751 8.73902 5.88766 8.93471L7.88011 10.7058L12.0603 5.78792Z' fill='white'/%3e%3c/svg%3e");
}

.list-checked-soft-bg-warning .list-checked-item::before {
background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/20F172A/svg'%3e%3crect width='18' height='18' rx='9' fill='%23f5ca99' fill-opacity='0.1'/%3e%3cpath d='M12.0603 5.78792C12.2511 5.56349 12.5876 5.5362 12.8121 5.72697C13.0365 5.91774 13.0638 6.25432 12.873 6.47875L8.3397 11.8121C8.14594 12.04 7.80261 12.064 7.57901 11.8653L5.17901 9.73195C4.95886 9.53626 4.93903 9.19915 5.13472 8.979C5.33041 8.75885 5.66751 8.73902 5.88766 8.93471L7.88011 10.7058L12.0603 5.78792Z' fill='%23f5ca99'/%3e%3c/svg%3e");
}

.list-checked-danger .list-checked-item::before {
background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M13.3035 4.76425C13.5718 4.44865 14.0451 4.41027 14.3607 4.67853C14.6763 4.9468 14.7147 5.42012 14.4464 5.73572L8.07144 13.2357C7.79896 13.5563 7.31616 13.5901 7.00171 13.3105L3.62671 10.3105C3.31713 10.0354 3.28924 9.5613 3.56443 9.25172C3.83962 8.94213 4.31367 8.91424 4.62326 9.18943L7.42515 11.68L13.3035 4.76425Z' fill='%23F44336'/%3e%3c/svg%3e");
}

.list-checked-bg-danger .list-checked-item::before {
background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/20F172A/svg'%3e%3crect width='18' height='18' rx='9' fill='%23F44336'/%3e%3cpath d='M12.0603 5.78792C12.2511 5.56349 12.5876 5.5362 12.8121 5.72697C13.0365 5.91774 13.0638 6.25432 12.873 6.47875L8.3397 11.8121C8.14594 12.04 7.80261 12.064 7.57901 11.8653L5.17901 9.73195C4.95886 9.53626 4.93903 9.19915 5.13472 8.979C5.33041 8.75885 5.66751 8.73902 5.88766 8.93471L7.88011 10.7058L12.0603 5.78792Z' fill='white'/%3e%3c/svg%3e");
}

.list-checked-soft-bg-danger .list-checked-item::before {
background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/20F172A/svg'%3e%3crect width='18' height='18' rx='9' fill='%23F44336' fill-opacity='0.1'/%3e%3cpath d='M12.0603 5.78792C12.2511 5.56349 12.5876 5.5362 12.8121 5.72697C13.0365 5.91774 13.0638 6.25432 12.873 6.47875L8.3397 11.8121C8.14594 12.04 7.80261 12.064 7.57901 11.8653L5.17901 9.73195C4.95886 9.53626 4.93903 9.19915 5.13472 8.979C5.33041 8.75885 5.66751 8.73902 5.88766 8.93471L7.88011 10.7058L12.0603 5.78792Z' fill='%23F44336'/%3e%3c/svg%3e");
}

.list-checked-light .list-checked-item::before {
background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M13.3035 4.76425C13.5718 4.44865 14.0451 4.41027 14.3607 4.67853C14.6763 4.9468 14.7147 5.42012 14.4464 5.73572L8.07144 13.2357C7.79896 13.5563 7.31616 13.5901 7.00171 13.3105L3.62671 10.3105C3.31713 10.0354 3.28924 9.5613 3.56443 9.25172C3.83962 8.94213 4.31367 8.91424 4.62326 9.18943L7.42515 11.68L13.3035 4.76425Z' fill='%23f9fafc'/%3e%3c/svg%3e");
}

.list-checked-bg-light .list-checked-item::before {
background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/20F172A/svg'%3e%3crect width='18' height='18' rx='9' fill='%23f9fafc'/%3e%3cpath d='M12.0603 5.78792C12.2511 5.56349 12.5876 5.5362 12.8121 5.72697C13.0365 5.91774 13.0638 6.25432 12.873 6.47875L8.3397 11.8121C8.14594 12.04 7.80261 12.064 7.57901 11.8653L5.17901 9.73195C4.95886 9.53626 4.93903 9.19915 5.13472 8.979C5.33041 8.75885 5.66751 8.73902 5.88766 8.93471L7.88011 10.7058L12.0603 5.78792Z' fill='white'/%3e%3c/svg%3e");
}

.list-checked-soft-bg-light .list-checked-item::before {
background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/20F172A/svg'%3e%3crect width='18' height='18' rx='9' fill='%23f9fafc' fill-opacity='0.1'/%3e%3cpath d='M12.0603 5.78792C12.2511 5.56349 12.5876 5.5362 12.8121 5.72697C13.0365 5.91774 13.0638 6.25432 12.873 6.47875L8.3397 11.8121C8.14594 12.04 7.80261 12.064 7.57901 11.8653L5.17901 9.73195C4.95886 9.53626 4.93903 9.19915 5.13472 8.979C5.33041 8.75885 5.66751 8.73902 5.88766 8.93471L7.88011 10.7058L12.0603 5.78792Z' fill='%23f9fafc'/%3e%3c/svg%3e");
}

.list-checked-dark .list-checked-item::before {
background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/20F172A/svg'%3e%3cpath d='M13.3035 4.76425C13.5718 4.44865 14.0451 4.41027 14.3607 4.67853C14.6763 4.9468 14.7147 5.42012 14.4464 5.73572L8.07144 13.2357C7.79896 13.5563 7.31616 13.5901 7.00171 13.3105L3.62671 10.3105C3.31713 10.0354 3.28924 9.5613 3.56443 9.25172C3.83962 8.94213 4.31367 8.91424 4.62326 9.18943L7.42515 11.68L13.3035 4.76425Z' fill='%20F172A3'/%3e%3c/svg%3e");
}

.list-checked-bg-dark .list-checked-item::before {
background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/20F172A/svg'%3e%3crect width='18' height='18' rx='9' fill='%20F172A3'/%3e%3cpath d='M12.0603 5.78792C12.2511 5.56349 12.5876 5.5362 12.8121 5.72697C13.0365 5.91774 13.0638 6.25432 12.873 6.47875L8.3397 11.8121C8.14594 12.04 7.80261 12.064 7.57901 11.8653L5.17901 9.73195C4.95886 9.53626 4.93903 9.19915 5.13472 8.979C5.33041 8.75885 5.66751 8.73902 5.88766 8.93471L7.88011 10.7058L12.0603 5.78792Z' fill='white'/%3e%3c/svg%3e");
}

.list-checked-soft-bg-dark .list-checked-item::before {
background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/20F172A/svg'%3e%3crect width='18' height='18' rx='9' fill='%20F172A3' fill-opacity='0.1'/%3e%3cpath d='M12.0603 5.78792C12.2511 5.56349 12.5876 5.5362 12.8121 5.72697C13.0365 5.91774 13.0638 6.25432 12.873 6.47875L8.3397 11.8121C8.14594 12.04 7.80261 12.064 7.57901 11.8653L5.17901 9.73195C4.95886 9.53626 4.93903 9.19915 5.13472 8.979C5.33041 8.75885 5.66751 8.73902 5.88766 8.93471L7.88011 10.7058L12.0603 5.78792Z' fill='%20F172A3'/%3e%3c/svg%3e");
}

.list-checked-sm .list-checked-item {
padding-left: 1.5rem;
}

.list-checked-sm .list-checked-item::before {
width: 1rem;
height: 1rem;
background-size: 1rem 1rem;
margin-top: .3125rem;
}

.list-checked-sm[class*=list-checked-bg-] .list-checked-item::before, .list-checked-sm[class*=list-checked-soft-bg-] .list-checked-item::before {
margin-top: .25rem;
}

.list-checked-lg .list-checked-item {
padding-left: 2.75rem;
}

.list-checked-lg .list-checked-item:not(:last-child) {
margin-bottom: 1.25rem;
}

.list-checked-lg .list-checked-item::before {
width: 1.75rem;
height: 1.75rem;
background-size: 1.75rem 1.75rem;
margin-top: 0;
}

.list-checked-lg[class*=list-checked-bg-] .list-checked-item::before, .list-checked-lg[class*=list-checked-soft-bg-] .list-checked-item::before {
margin-top: -.0625rem;
}

.list-pointer {
padding-left: 0;
list-style: none;
}

.list-pointer-item {
position: relative;
color: #0F172A;
padding-left: 1.75rem;
}

.list-pointer-item:not(:last-child) {
margin-bottom: .5rem;
}

.list-pointer-item::before {
position: absolute;
top: 0;
left: 0;
width: 1.25rem;
height: 1.25rem;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/20F172A/svg' viewBox='0 0 24 24'%3e%3cpath fill='%2371869d' d='M15.78,11.28a.75.75,0,0,1,.22.53v.38a.77.77,0,0,1-.22.53l-5.14,5.13a.5.5,0,0,1-.71,0l-.71-.71a.49.49,0,0,1,0-.7L13.67,12,9.22,7.56a.5.5,0,0,1,0-.71l.71-.7a.5.5,0,0,1,.71,0Z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right center;
background-size: 1.25rem 1.25rem;
content: '';
margin-top: .1875rem;
}

.list-pointer-item[hover]:hover {
color: #0F172A0F172A;
}

[class*=list-pointer-bg-] .list-pointer-item::before, [class*=list-pointer-soft-bg-] .list-pointer-item::before {
margin-top: .25rem;
}

.list-pointer-primary .list-pointer-item::before {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/20F172A/svg' viewBox='0 0 24 24'%3e%3cpath fill='%20F172A0F172A3' d='M15.78,11.28a.75.75,0,0,1,.22.53v.38a.77.77,0,0,1-.22.53l-5.14,5.13a.5.5,0,0,1-.71,0l-.71-.71a.49.49,0,0,1,0-.7L13.67,12,9.22,7.56a.5.5,0,0,1,0-.71l.71-.7a.5.5,0,0,1,.71,0Z'/%3e%3c/svg%3e");
}

.list-pointer-bg-primary .list-pointer-item::before {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/20F172A/svg'%3e%3crect width='24' height='24' rx='12' fill='%20F172A0F172A3'/%3e%3cpath d='M15.78 11.28C15.9207 11.4205 15.9998 11.6112 16 11.81V12.19C15.9977 12.3884 15.9189 12.5783 15.78 12.72L10.64 17.85C10.5935 17.8969 10.5382 17.9341 10.4773 17.9595C10.4164 17.9848 10.351 17.9979 10.285 17.9979C10.219 17.9979 10.1536 17.9848 10.0927 17.9595C10.0318 17.9341 9.97648 17.8969 9.93 17.85L9.22 17.14C9.17344 17.0944 9.13644 17.0399 9.11119 16.9798C9.08594 16.9197 9.07293 16.8552 9.07293 16.79C9.07293 16.7248 9.08594 16.6603 9.11119 16.6002C9.13644 16.5401 9.17344 16.4856 9.22 16.44L13.67 12L9.22 7.56C9.17314 7.51352 9.13594 7.45822 9.11055 7.39729C9.08517 7.33636 9.0721 7.27101 9.0721 7.205C9.0721 7.139 9.08517 7.07365 9.11055 7.01272C9.13594 6.95179 9.17314 6.89649 9.22 6.85L9.93 6.15C9.97648 6.10314 10.0318 6.06594 10.0927 6.04056C10.1536 6.01517 10.219 6.00211 10.285 6.00211C10.351 6.00211 10.4164 6.01517 10.4773 6.04056C10.5382 6.06594 10.5935 6.10314 10.64 6.15L15.78 11.28Z' fill='%23fff'/%3e%3c/svg%3e");
}

.list-pointer-soft-bg-primary .list-pointer-item::before {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%20F172A0F172A3' xmlns='http://www.w3.org/20F172A/svg'%3e%3crect width='24' height='24' rx='12' fill='%20F172A0F172A3' fill-opacity='0.1'/%3e%3cpath d='M15.78 11.28C15.9207 11.4205 15.9998 11.6112 16 11.81V12.19C15.9977 12.3884 15.9189 12.5783 15.78 12.72L10.64 17.85C10.5935 17.8969 10.5382 17.9341 10.4773 17.9595C10.4164 17.9848 10.351 17.9979 10.285 17.9979C10.219 17.9979 10.1536 17.9848 10.0927 17.9595C10.0318 17.9341 9.97648 17.8969 9.93 17.85L9.22 17.14C9.17344 17.0944 9.13644 17.0399 9.11119 16.9798C9.08594 16.9197 9.07293 16.8552 9.07293 16.79C9.07293 16.7248 9.08594 16.6603 9.11119 16.6002C9.13644 16.5401 9.17344 16.4856 9.22 16.44L13.67 12L9.22 7.56C9.17314 7.51352 9.13594 7.45822 9.11055 7.39729C9.08517 7.33636 9.0721 7.27101 9.0721 7.205C9.0721 7.139 9.08517 7.07365 9.11055 7.01272C9.13594 6.95179 9.17314 6.89649 9.22 6.85L9.93 6.15C9.97648 6.10314 10.0318 6.06594 10.0927 6.04056C10.1536 6.01517 10.219 6.00211 10.285 6.00211C10.351 6.00211 10.4164 6.01517 10.4773 6.04056C10.5382 6.06594 10.5935 6.10314 10.64 6.15L15.78 11.28Z' fill='%20F172A0F172A3'/%3e%3c/svg%3e");
}

.list-pointer-secondary .list-pointer-item::before {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/20F172A/svg' viewBox='0 0 24 24'%3e%3cpath fill='%2371869d' d='M15.78,11.28a.75.75,0,0,1,.22.53v.38a.77.77,0,0,1-.22.53l-5.14,5.13a.5.5,0,0,1-.71,0l-.71-.71a.49.49,0,0,1,0-.7L13.67,12,9.22,7.56a.5.5,0,0,1,0-.71l.71-.7a.5.5,0,0,1,.71,0Z'/%3e%3c/svg%3e");
}

.list-pointer-bg-secondary .list-pointer-item::before {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/20F172A/svg'%3e%3crect width='24' height='24' rx='12' fill='%2371869d'/%3e%3cpath d='M15.78 11.28C15.9207 11.4205 15.9998 11.6112 16 11.81V12.19C15.9977 12.3884 15.9189 12.5783 15.78 12.72L10.64 17.85C10.5935 17.8969 10.5382 17.9341 10.4773 17.9595C10.4164 17.9848 10.351 17.9979 10.285 17.9979C10.219 17.9979 10.1536 17.9848 10.0927 17.9595C10.0318 17.9341 9.97648 17.8969 9.93 17.85L9.22 17.14C9.17344 17.0944 9.13644 17.0399 9.11119 16.9798C9.08594 16.9197 9.07293 16.8552 9.07293 16.79C9.07293 16.7248 9.08594 16.6603 9.11119 16.6002C9.13644 16.5401 9.17344 16.4856 9.22 16.44L13.67 12L9.22 7.56C9.17314 7.51352 9.13594 7.45822 9.11055 7.39729C9.08517 7.33636 9.0721 7.27101 9.0721 7.205C9.0721 7.139 9.08517 7.07365 9.11055 7.01272C9.13594 6.95179 9.17314 6.89649 9.22 6.85L9.93 6.15C9.97648 6.10314 10.0318 6.06594 10.0927 6.04056C10.1536 6.01517 10.219 6.00211 10.285 6.00211C10.351 6.00211 10.4164 6.01517 10.4773 6.04056C10.5382 6.06594 10.5935 6.10314 10.64 6.15L15.78 11.28Z' fill='%23fff'/%3e%3c/svg%3e");
}

.list-pointer-soft-bg-secondary .list-pointer-item::before {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%2371869d' xmlns='http://www.w3.org/20F172A/svg'%3e%3crect width='24' height='24' rx='12' fill='%2371869d' fill-opacity='0.1'/%3e%3cpath d='M15.78 11.28C15.9207 11.4205 15.9998 11.6112 16 11.81V12.19C15.9977 12.3884 15.9189 12.5783 15.78 12.72L10.64 17.85C10.5935 17.8969 10.5382 17.9341 10.4773 17.9595C10.4164 17.9848 10.351 17.9979 10.285 17.9979C10.219 17.9979 10.1536 17.9848 10.0927 17.9595C10.0318 17.9341 9.97648 17.8969 9.93 17.85L9.22 17.14C9.17344 17.0944 9.13644 17.0399 9.11119 16.9798C9.08594 16.9197 9.07293 16.8552 9.07293 16.79C9.07293 16.7248 9.08594 16.6603 9.11119 16.6002C9.13644 16.5401 9.17344 16.4856 9.22 16.44L13.67 12L9.22 7.56C9.17314 7.51352 9.13594 7.45822 9.11055 7.39729C9.08517 7.33636 9.0721 7.27101 9.0721 7.205C9.0721 7.139 9.08517 7.07365 9.11055 7.01272C9.13594 6.95179 9.17314 6.89649 9.22 6.85L9.93 6.15C9.97648 6.10314 10.0318 6.06594 10.0927 6.04056C10.1536 6.01517 10.219 6.00211 10.285 6.00211C10.351 6.00211 10.4164 6.01517 10.4773 6.04056C10.5382 6.06594 10.5935 6.10314 10.64 6.15L15.78 11.28Z' fill='%2371869d'/%3e%3c/svg%3e");
}

.list-pointer-success .list-pointer-item::before {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/20F172A/svg' viewBox='0 0 24 24'%3e%3cpath fill='%2300c9a7' d='M15.78,11.28a.75.75,0,0,1,.22.53v.38a.77.77,0,0,1-.22.53l-5.14,5.13a.5.5,0,0,1-.71,0l-.71-.71a.49.49,0,0,1,0-.7L13.67,12,9.22,7.56a.5.5,0,0,1,0-.71l.71-.7a.5.5,0,0,1,.71,0Z'/%3e%3c/svg%3e");
}

.list-pointer-bg-success .list-pointer-item::before {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/20F172A/svg'%3e%3crect width='24' height='24' rx='12' fill='%2300c9a7'/%3e%3cpath d='M15.78 11.28C15.9207 11.4205 15.9998 11.6112 16 11.81V12.19C15.9977 12.3884 15.9189 12.5783 15.78 12.72L10.64 17.85C10.5935 17.8969 10.5382 17.9341 10.4773 17.9595C10.4164 17.9848 10.351 17.9979 10.285 17.9979C10.219 17.9979 10.1536 17.9848 10.0927 17.9595C10.0318 17.9341 9.97648 17.8969 9.93 17.85L9.22 17.14C9.17344 17.0944 9.13644 17.0399 9.11119 16.9798C9.08594 16.9197 9.07293 16.8552 9.07293 16.79C9.07293 16.7248 9.08594 16.6603 9.11119 16.6002C9.13644 16.5401 9.17344 16.4856 9.22 16.44L13.67 12L9.22 7.56C9.17314 7.51352 9.13594 7.45822 9.11055 7.39729C9.08517 7.33636 9.0721 7.27101 9.0721 7.205C9.0721 7.139 9.08517 7.07365 9.11055 7.01272C9.13594 6.95179 9.17314 6.89649 9.22 6.85L9.93 6.15C9.97648 6.10314 10.0318 6.06594 10.0927 6.04056C10.1536 6.01517 10.219 6.00211 10.285 6.00211C10.351 6.00211 10.4164 6.01517 10.4773 6.04056C10.5382 6.06594 10.5935 6.10314 10.64 6.15L15.78 11.28Z' fill='%23fff'/%3e%3c/svg%3e");
}

.list-pointer-soft-bg-success .list-pointer-item::before {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%2300c9a7' xmlns='http://www.w3.org/20F172A/svg'%3e%3crect width='24' height='24' rx='12' fill='%2300c9a7' fill-opacity='0.1'/%3e%3cpath d='M15.78 11.28C15.9207 11.4205 15.9998 11.6112 16 11.81V12.19C15.9977 12.3884 15.9189 12.5783 15.78 12.72L10.64 17.85C10.5935 17.8969 10.5382 17.9341 10.4773 17.9595C10.4164 17.9848 10.351 17.9979 10.285 17.9979C10.219 17.9979 10.1536 17.9848 10.0927 17.9595C10.0318 17.9341 9.97648 17.8969 9.93 17.85L9.22 17.14C9.17344 17.0944 9.13644 17.0399 9.11119 16.9798C9.08594 16.9197 9.07293 16.8552 9.07293 16.79C9.07293 16.7248 9.08594 16.6603 9.11119 16.6002C9.13644 16.5401 9.17344 16.4856 9.22 16.44L13.67 12L9.22 7.56C9.17314 7.51352 9.13594 7.45822 9.11055 7.39729C9.08517 7.33636 9.0721 7.27101 9.0721 7.205C9.0721 7.139 9.08517 7.07365 9.11055 7.01272C9.13594 6.95179 9.17314 6.89649 9.22 6.85L9.93 6.15C9.97648 6.10314 10.0318 6.06594 10.0927 6.04056C10.1536 6.01517 10.219 6.00211 10.285 6.00211C10.351 6.00211 10.4164 6.01517 10.4773 6.04056C10.5382 6.06594 10.5935 6.10314 10.64 6.15L15.78 11.28Z' fill='%2300c9a7'/%3e%3c/svg%3e");
}

.list-pointer-info .list-pointer-item::before {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/20F172A/svg' viewBox='0 0 24 24'%3e%3cpath fill='%2309a5be' d='M15.78,11.28a.75.75,0,0,1,.22.53v.38a.77.77,0,0,1-.22.53l-5.14,5.13a.5.5,0,0,1-.71,0l-.71-.71a.49.49,0,0,1,0-.7L13.67,12,9.22,7.56a.5.5,0,0,1,0-.71l.71-.7a.5.5,0,0,1,.71,0Z'/%3e%3c/svg%3e");
}

.list-pointer-bg-info .list-pointer-item::before {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/20F172A/svg'%3e%3crect width='24' height='24' rx='12' fill='%2309a5be'/%3e%3cpath d='M15.78 11.28C15.9207 11.4205 15.9998 11.6112 16 11.81V12.19C15.9977 12.3884 15.9189 12.5783 15.78 12.72L10.64 17.85C10.5935 17.8969 10.5382 17.9341 10.4773 17.9595C10.4164 17.9848 10.351 17.9979 10.285 17.9979C10.219 17.9979 10.1536 17.9848 10.0927 17.9595C10.0318 17.9341 9.97648 17.8969 9.93 17.85L9.22 17.14C9.17344 17.0944 9.13644 17.0399 9.11119 16.9798C9.08594 16.9197 9.07293 16.8552 9.07293 16.79C9.07293 16.7248 9.08594 16.6603 9.11119 16.6002C9.13644 16.5401 9.17344 16.4856 9.22 16.44L13.67 12L9.22 7.56C9.17314 7.51352 9.13594 7.45822 9.11055 7.39729C9.08517 7.33636 9.0721 7.27101 9.0721 7.205C9.0721 7.139 9.08517 7.07365 9.11055 7.01272C9.13594 6.95179 9.17314 6.89649 9.22 6.85L9.93 6.15C9.97648 6.10314 10.0318 6.06594 10.0927 6.04056C10.1536 6.01517 10.219 6.00211 10.285 6.00211C10.351 6.00211 10.4164 6.01517 10.4773 6.04056C10.5382 6.06594 10.5935 6.10314 10.64 6.15L15.78 11.28Z' fill='%23fff'/%3e%3c/svg%3e");
}

.list-pointer-soft-bg-info .list-pointer-item::before {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%2309a5be' xmlns='http://www.w3.org/20F172A/svg'%3e%3crect width='24' height='24' rx='12' fill='%2309a5be' fill-opacity='0.1'/%3e%3cpath d='M15.78 11.28C15.9207 11.4205 15.9998 11.6112 16 11.81V12.19C15.9977 12.3884 15.9189 12.5783 15.78 12.72L10.64 17.85C10.5935 17.8969 10.5382 17.9341 10.4773 17.9595C10.4164 17.9848 10.351 17.9979 10.285 17.9979C10.219 17.9979 10.1536 17.9848 10.0927 17.9595C10.0318 17.9341 9.97648 17.8969 9.93 17.85L9.22 17.14C9.17344 17.0944 9.13644 17.0399 9.11119 16.9798C9.08594 16.9197 9.07293 16.8552 9.07293 16.79C9.07293 16.7248 9.08594 16.6603 9.11119 16.6002C9.13644 16.5401 9.17344 16.4856 9.22 16.44L13.67 12L9.22 7.56C9.17314 7.51352 9.13594 7.45822 9.11055 7.39729C9.08517 7.33636 9.0721 7.27101 9.0721 7.205C9.0721 7.139 9.08517 7.07365 9.11055 7.01272C9.13594 6.95179 9.17314 6.89649 9.22 6.85L9.93 6.15C9.97648 6.10314 10.0318 6.06594 10.0927 6.04056C10.1536 6.01517 10.219 6.00211 10.285 6.00211C10.351 6.00211 10.4164 6.01517 10.4773 6.04056C10.5382 6.06594 10.5935 6.10314 10.64 6.15L15.78 11.28Z' fill='%2309a5be'/%3e%3c/svg%3e");
}

.list-pointer-warning .list-pointer-item::before {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/20F172A/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23f5ca99' d='M15.78,11.28a.75.75,0,0,1,.22.53v.38a.77.77,0,0,1-.22.53l-5.14,5.13a.5.5,0,0,1-.71,0l-.71-.71a.49.49,0,0,1,0-.7L13.67,12,9.22,7.56a.5.5,0,0,1,0-.71l.71-.7a.5.5,0,0,1,.71,0Z'/%3e%3c/svg%3e");
}

.list-pointer-bg-warning .list-pointer-item::before {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/20F172A/svg'%3e%3crect width='24' height='24' rx='12' fill='%23f5ca99'/%3e%3cpath d='M15.78 11.28C15.9207 11.4205 15.9998 11.6112 16 11.81V12.19C15.9977 12.3884 15.9189 12.5783 15.78 12.72L10.64 17.85C10.5935 17.8969 10.5382 17.9341 10.4773 17.9595C10.4164 17.9848 10.351 17.9979 10.285 17.9979C10.219 17.9979 10.1536 17.9848 10.0927 17.9595C10.0318 17.9341 9.97648 17.8969 9.93 17.85L9.22 17.14C9.17344 17.0944 9.13644 17.0399 9.11119 16.9798C9.08594 16.9197 9.07293 16.8552 9.07293 16.79C9.07293 16.7248 9.08594 16.6603 9.11119 16.6002C9.13644 16.5401 9.17344 16.4856 9.22 16.44L13.67 12L9.22 7.56C9.17314 7.51352 9.13594 7.45822 9.11055 7.39729C9.08517 7.33636 9.0721 7.27101 9.0721 7.205C9.0721 7.139 9.08517 7.07365 9.11055 7.01272C9.13594 6.95179 9.17314 6.89649 9.22 6.85L9.93 6.15C9.97648 6.10314 10.0318 6.06594 10.0927 6.04056C10.1536 6.01517 10.219 6.00211 10.285 6.00211C10.351 6.00211 10.4164 6.01517 10.4773 6.04056C10.5382 6.06594 10.5935 6.10314 10.64 6.15L15.78 11.28Z' fill='%230F172A'/%3e%3c/svg%3e");
}

.list-pointer-soft-bg-warning .list-pointer-item::before {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%23f5ca99' xmlns='http://www.w3.org/20F172A/svg'%3e%3crect width='24' height='24' rx='12' fill='%23f5ca99' fill-opacity='0.1'/%3e%3cpath d='M15.78 11.28C15.9207 11.4205 15.9998 11.6112 16 11.81V12.19C15.9977 12.3884 15.9189 12.5783 15.78 12.72L10.64 17.85C10.5935 17.8969 10.5382 17.9341 10.4773 17.9595C10.4164 17.9848 10.351 17.9979 10.285 17.9979C10.219 17.9979 10.1536 17.9848 10.0927 17.9595C10.0318 17.9341 9.97648 17.8969 9.93 17.85L9.22 17.14C9.17344 17.0944 9.13644 17.0399 9.11119 16.9798C9.08594 16.9197 9.07293 16.8552 9.07293 16.79C9.07293 16.7248 9.08594 16.6603 9.11119 16.6002C9.13644 16.5401 9.17344 16.4856 9.22 16.44L13.67 12L9.22 7.56C9.17314 7.51352 9.13594 7.45822 9.11055 7.39729C9.08517 7.33636 9.0721 7.27101 9.0721 7.205C9.0721 7.139 9.08517 7.07365 9.11055 7.01272C9.13594 6.95179 9.17314 6.89649 9.22 6.85L9.93 6.15C9.97648 6.10314 10.0318 6.06594 10.0927 6.04056C10.1536 6.01517 10.219 6.00211 10.285 6.00211C10.351 6.00211 10.4164 6.01517 10.4773 6.04056C10.5382 6.06594 10.5935 6.10314 10.64 6.15L15.78 11.28Z' fill='%23f5ca99'/%3e%3c/svg%3e");
}

.list-pointer-danger .list-pointer-item::before {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/20F172A/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23F44336' d='M15.78,11.28a.75.75,0,0,1,.22.53v.38a.77.77,0,0,1-.22.53l-5.14,5.13a.5.5,0,0,1-.71,0l-.71-.71a.49.49,0,0,1,0-.7L13.67,12,9.22,7.56a.5.5,0,0,1,0-.71l.71-.7a.5.5,0,0,1,.71,0Z'/%3e%3c/svg%3e");
}

.list-pointer-bg-danger .list-pointer-item::before {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/20F172A/svg'%3e%3crect width='24' height='24' rx='12' fill='%23F44336'/%3e%3cpath d='M15.78 11.28C15.9207 11.4205 15.9998 11.6112 16 11.81V12.19C15.9977 12.3884 15.9189 12.5783 15.78 12.72L10.64 17.85C10.5935 17.8969 10.5382 17.9341 10.4773 17.9595C10.4164 17.9848 10.351 17.9979 10.285 17.9979C10.219 17.9979 10.1536 17.9848 10.0927 17.9595C10.0318 17.9341 9.97648 17.8969 9.93 17.85L9.22 17.14C9.17344 17.0944 9.13644 17.0399 9.11119 16.9798C9.08594 16.9197 9.07293 16.8552 9.07293 16.79C9.07293 16.7248 9.08594 16.6603 9.11119 16.6002C9.13644 16.5401 9.17344 16.4856 9.22 16.44L13.67 12L9.22 7.56C9.17314 7.51352 9.13594 7.45822 9.11055 7.39729C9.08517 7.33636 9.0721 7.27101 9.0721 7.205C9.0721 7.139 9.08517 7.07365 9.11055 7.01272C9.13594 6.95179 9.17314 6.89649 9.22 6.85L9.93 6.15C9.97648 6.10314 10.0318 6.06594 10.0927 6.04056C10.1536 6.01517 10.219 6.00211 10.285 6.00211C10.351 6.00211 10.4164 6.01517 10.4773 6.04056C10.5382 6.06594 10.5935 6.10314 10.64 6.15L15.78 11.28Z' fill='%23fff'/%3e%3c/svg%3e");
}

.list-pointer-soft-bg-danger .list-pointer-item::before {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%23F44336' xmlns='http://www.w3.org/20F172A/svg'%3e%3crect width='24' height='24' rx='12' fill='%23F44336' fill-opacity='0.1'/%3e%3cpath d='M15.78 11.28C15.9207 11.4205 15.9998 11.6112 16 11.81V12.19C15.9977 12.3884 15.9189 12.5783 15.78 12.72L10.64 17.85C10.5935 17.8969 10.5382 17.9341 10.4773 17.9595C10.4164 17.9848 10.351 17.9979 10.285 17.9979C10.219 17.9979 10.1536 17.9848 10.0927 17.9595C10.0318 17.9341 9.97648 17.8969 9.93 17.85L9.22 17.14C9.17344 17.0944 9.13644 17.0399 9.11119 16.9798C9.08594 16.9197 9.07293 16.8552 9.07293 16.79C9.07293 16.7248 9.08594 16.6603 9.11119 16.6002C9.13644 16.5401 9.17344 16.4856 9.22 16.44L13.67 12L9.22 7.56C9.17314 7.51352 9.13594 7.45822 9.11055 7.39729C9.08517 7.33636 9.0721 7.27101 9.0721 7.205C9.0721 7.139 9.08517 7.07365 9.11055 7.01272C9.13594 6.95179 9.17314 6.89649 9.22 6.85L9.93 6.15C9.97648 6.10314 10.0318 6.06594 10.0927 6.04056C10.1536 6.01517 10.219 6.00211 10.285 6.00211C10.351 6.00211 10.4164 6.01517 10.4773 6.04056C10.5382 6.06594 10.5935 6.10314 10.64 6.15L15.78 11.28Z' fill='%23F44336'/%3e%3c/svg%3e");
}

.list-pointer-light .list-pointer-item::before {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/20F172A/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23f9fafc' d='M15.78,11.28a.75.75,0,0,1,.22.53v.38a.77.77,0,0,1-.22.53l-5.14,5.13a.5.5,0,0,1-.71,0l-.71-.71a.49.49,0,0,1,0-.7L13.67,12,9.22,7.56a.5.5,0,0,1,0-.71l.71-.7a.5.5,0,0,1,.71,0Z'/%3e%3c/svg%3e");
}

.list-pointer-bg-light .list-pointer-item::before {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/20F172A/svg'%3e%3crect width='24' height='24' rx='12' fill='%23f9fafc'/%3e%3cpath d='M15.78 11.28C15.9207 11.4205 15.9998 11.6112 16 11.81V12.19C15.9977 12.3884 15.9189 12.5783 15.78 12.72L10.64 17.85C10.5935 17.8969 10.5382 17.9341 10.4773 17.9595C10.4164 17.9848 10.351 17.9979 10.285 17.9979C10.219 17.9979 10.1536 17.9848 10.0927 17.9595C10.0318 17.9341 9.97648 17.8969 9.93 17.85L9.22 17.14C9.17344 17.0944 9.13644 17.0399 9.11119 16.9798C9.08594 16.9197 9.07293 16.8552 9.07293 16.79C9.07293 16.7248 9.08594 16.6603 9.11119 16.6002C9.13644 16.5401 9.17344 16.4856 9.22 16.44L13.67 12L9.22 7.56C9.17314 7.51352 9.13594 7.45822 9.11055 7.39729C9.08517 7.33636 9.0721 7.27101 9.0721 7.205C9.0721 7.139 9.08517 7.07365 9.11055 7.01272C9.13594 6.95179 9.17314 6.89649 9.22 6.85L9.93 6.15C9.97648 6.10314 10.0318 6.06594 10.0927 6.04056C10.1536 6.01517 10.219 6.00211 10.285 6.00211C10.351 6.00211 10.4164 6.01517 10.4773 6.04056C10.5382 6.06594 10.5935 6.10314 10.64 6.15L15.78 11.28Z' fill='%230F172A'/%3e%3c/svg%3e");
}

.list-pointer-soft-bg-light .list-pointer-item::before {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%23f9fafc' xmlns='http://www.w3.org/20F172A/svg'%3e%3crect width='24' height='24' rx='12' fill='%23f9fafc' fill-opacity='0.1'/%3e%3cpath d='M15.78 11.28C15.9207 11.4205 15.9998 11.6112 16 11.81V12.19C15.9977 12.3884 15.9189 12.5783 15.78 12.72L10.64 17.85C10.5935 17.8969 10.5382 17.9341 10.4773 17.9595C10.4164 17.9848 10.351 17.9979 10.285 17.9979C10.219 17.9979 10.1536 17.9848 10.0927 17.9595C10.0318 17.9341 9.97648 17.8969 9.93 17.85L9.22 17.14C9.17344 17.0944 9.13644 17.0399 9.11119 16.9798C9.08594 16.9197 9.07293 16.8552 9.07293 16.79C9.07293 16.7248 9.08594 16.6603 9.11119 16.6002C9.13644 16.5401 9.17344 16.4856 9.22 16.44L13.67 12L9.22 7.56C9.17314 7.51352 9.13594 7.45822 9.11055 7.39729C9.08517 7.33636 9.0721 7.27101 9.0721 7.205C9.0721 7.139 9.08517 7.07365 9.11055 7.01272C9.13594 6.95179 9.17314 6.89649 9.22 6.85L9.93 6.15C9.97648 6.10314 10.0318 6.06594 10.0927 6.04056C10.1536 6.01517 10.219 6.00211 10.285 6.00211C10.351 6.00211 10.4164 6.01517 10.4773 6.04056C10.5382 6.06594 10.5935 6.10314 10.64 6.15L15.78 11.28Z' fill='%23f9fafc'/%3e%3c/svg%3e");
}

.list-pointer-dark .list-pointer-item::before {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/20F172A/svg' viewBox='0 0 24 24'%3e%3cpath fill='%20F172A3' d='M15.78,11.28a.75.75,0,0,1,.22.53v.38a.77.77,0,0,1-.22.53l-5.14,5.13a.5.5,0,0,1-.71,0l-.71-.71a.49.49,0,0,1,0-.7L13.67,12,9.22,7.56a.5.5,0,0,1,0-.71l.71-.7a.5.5,0,0,1,.71,0Z'/%3e%3c/svg%3e");
}

.list-pointer-bg-dark .list-pointer-item::before {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/20F172A/svg'%3e%3crect width='24' height='24' rx='12' fill='%20F172A3'/%3e%3cpath d='M15.78 11.28C15.9207 11.4205 15.9998 11.6112 16 11.81V12.19C15.9977 12.3884 15.9189 12.5783 15.78 12.72L10.64 17.85C10.5935 17.8969 10.5382 17.9341 10.4773 17.9595C10.4164 17.9848 10.351 17.9979 10.285 17.9979C10.219 17.9979 10.1536 17.9848 10.0927 17.9595C10.0318 17.9341 9.97648 17.8969 9.93 17.85L9.22 17.14C9.17344 17.0944 9.13644 17.0399 9.11119 16.9798C9.08594 16.9197 9.07293 16.8552 9.07293 16.79C9.07293 16.7248 9.08594 16.6603 9.11119 16.6002C9.13644 16.5401 9.17344 16.4856 9.22 16.44L13.67 12L9.22 7.56C9.17314 7.51352 9.13594 7.45822 9.11055 7.39729C9.08517 7.33636 9.0721 7.27101 9.0721 7.205C9.0721 7.139 9.08517 7.07365 9.11055 7.01272C9.13594 6.95179 9.17314 6.89649 9.22 6.85L9.93 6.15C9.97648 6.10314 10.0318 6.06594 10.0927 6.04056C10.1536 6.01517 10.219 6.00211 10.285 6.00211C10.351 6.00211 10.4164 6.01517 10.4773 6.04056C10.5382 6.06594 10.5935 6.10314 10.64 6.15L15.78 11.28Z' fill='%23fff'/%3e%3c/svg%3e");
}

.list-pointer-soft-bg-dark .list-pointer-item::before {
background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%20F172A3' xmlns='http://www.w3.org/20F172A/svg'%3e%3crect width='24' height='24' rx='12' fill='%20F172A3' fill-opacity='0.1'/%3e%3cpath d='M15.78 11.28C15.9207 11.4205 15.9998 11.6112 16 11.81V12.19C15.9977 12.3884 15.9189 12.5783 15.78 12.72L10.64 17.85C10.5935 17.8969 10.5382 17.9341 10.4773 17.9595C10.4164 17.9848 10.351 17.9979 10.285 17.9979C10.219 17.9979 10.1536 17.9848 10.0927 17.9595C10.0318 17.9341 9.97648 17.8969 9.93 17.85L9.22 17.14C9.17344 17.0944 9.13644 17.0399 9.11119 16.9798C9.08594 16.9197 9.07293 16.8552 9.07293 16.79C9.07293 16.7248 9.08594 16.6603 9.11119 16.6002C9.13644 16.5401 9.17344 16.4856 9.22 16.44L13.67 12L9.22 7.56C9.17314 7.51352 9.13594 7.45822 9.11055 7.39729C9.08517 7.33636 9.0721 7.27101 9.0721 7.205C9.0721 7.139 9.08517 7.07365 9.11055 7.01272C9.13594 6.95179 9.17314 6.89649 9.22 6.85L9.93 6.15C9.97648 6.10314 10.0318 6.06594 10.0927 6.04056C10.1536 6.01517 10.219 6.00211 10.285 6.00211C10.351 6.00211 10.4164 6.01517 10.4773 6.04056C10.5382 6.06594 10.5935 6.10314 10.64 6.15L15.78 11.28Z' fill='%20F172A3'/%3e%3c/svg%3e");
}

.list-pointer-sm .list-pointer-item {
padding-left: 1.5rem;
}

.list-pointer-sm .list-pointer-item::before {
width: 1rem;
height: 1rem;
background-size: 1rem 1rem;
margin-top: .3125rem;
}

.list-pointer-sm[class*=list-pointer-bg-] .list-pointer-item::before, .list-pointer-sm[class*=list-pointer-soft-bg-] .list-pointer-item::before {
margin-top: .25rem;
}

.list-pointer-lg .list-pointer-item {
padding-left: 2.75rem;
}

.list-pointer-lg .list-pointer-item:not(:last-child) {
margin-bottom: 1.25rem;
}

.list-pointer-lg .list-pointer-item::before {
width: 1.75rem;
height: 1.75rem;
background-size: 1.75rem 1.75rem;
margin-top: 0;
}

.list-pointer-lg[class*=list-pointer-bg-] .list-pointer-item::before, .list-pointer-lg[class*=list-pointer-soft-bg-] .list-pointer-item::before {
margin-top: -.0625rem;
}

.card-footer {
padding: 1rem 1rem;
}

.pagination {
margin-bottom: 0;
margin-top: 20px;
}

.modal-header {
-ms-flex-align: center;
align-items: center;
padding-bottom: 0;
padding: 1rem 1rem;
}

.modal-header .close {
padding: .25rem .25rem;
margin: 0 0 0 auto;
}



.modal-footer > * {
margin: 0.25rem 0 0.25rem 0.25rem;
}

.modal-footer > * {
margin-top: 0;
margin-bottom: 0;
}

.modal-footer-text:last-child {
font-size: .875rem;
margin-bottom: 0;
}

.modal-close {
position: absolute;
top: .75rem;
right: .75rem;
z-index: 2;
}

.modal-top-cover {
position: relative;
overflow: hidden;
min-height: 8rem;
border-top-right-radius: .6875rem;
border-top-left-radius: .6875rem;
}

.modal-top-cover-avatar, .modal-top-cover-icon {
position: relative;
z-index: 2;
margin-top: -3rem;
}

.nav-subtitle {
display: block;
color: #8c98a4;
font-size: .65625rem;
text-transform: uppercase;
letter-spacing: .03125rem;
}

.nav-link.dropdown-toggle {
-ms-flex-align: center;
align-items: center;
}

.nav-link.active {
color: #0F172A0F172A;
}

.nav-item.show .nav-link-svg path, .nav-link.active .nav-link-svg path {
fill: #0F172A0F172A;
}

.nav-text:last-child, .nav-title:last-child {
margin-bottom: 0;
}

/*.nav-icon {

-ms-flex: 0 0 1.9375rem;
flex: 0 0 1.9375rem;
}*/

.nav-tabs .nav-link {
border-top-color: transparent;
border-left-color: transparent;
border-right-color: transparent;
border-bottom: .1875rem solid transparent;
margin-bottom: -.125rem;
}

.nav-tabs .nav-link .nav-item.show .nav-link, .nav-tabs .nav-link.active, .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
border-top-color: transparent;
border-left-color: transparent;
border-right-color: transparent;
}

.nav-tabs .nav-link .badge {
line-height: 1;
}

.nav-tabs .nav-item.show > .nav-link, .nav-tabs .nav-link.active {
font-weight: 600;
}

.nav-tabs .nav-item.show .nav-link {
color: #0F172A;
border-color: transparent;
}

.nav-tabs .nav-item.show .nav-link:hover {
color: #0F172A0F172A;
}

.nav-tabs .nav-item.show .nav-link.active {
color: #0F172A0F172A;
}

.nav-tabs:not(.nav-vertical) .nav-link {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}

.nav-tabs .nav-scroller-dropdown .dropdown-menu {
border-radius: .5rem;
}

.nav-tabs-light .nav-item.show .nav-link, .nav-tabs-light .nav-link.active {
color: #fff;
}

.nav-vertical {
-ms-flex-direction: column;
flex-direction: column;
}

.nav-vertical.nav .nav-item:not(:last-child) {
margin-right: 0;
}

.nav-vertical.nav .nav-link {
display: -ms-flexbox;
display: flex;
white-space: nowrap;
font-weight: 600;
}

.nav-vertical .nav-subtitle {
padding-left: 1rem;
}

.nav-vertical.nav-tabs {
border-bottom-width: 0;
}

.nav-vertical.nav-tabs .dropdown-header {
padding-left: 1rem !important;
padding-right: 1rem !important;
}

.nav-vertical.nav-tabs .dropdown-header {
padding-left: 2rem !important;
}

.nav-vertical.nav-tabs .nav-link {
border-top-width: 0;
border-right-width: 0;
border-bottom-width: 0;
border-left: .1875rem solid transparent;
margin-bottom: 0;
}

.nav-vertical.nav-tabs .nav-subtitle {
border-left: .0625rem solid rgba(231,234,243,.7);
}

.nav-vertical.nav-tabs .nav-item.show > .nav-link, .nav-vertical.nav-tabs .nav-link.active {
border-color: #0F172A0F172A;
}

.nav-vertical.nav-tabs .nav-collapse .nav-link, .nav-vertical.nav-tabs .nav-item.show .nav-item.show .nav-link {
border-color: transparent;
}

.nav-vertical.nav-lg .nav-link {
font-size: .875rem;
margin-top: .25rem;
margin-bottom: .25rem;
}

.nav-vertical.nav.nav-tabs .nav-collapse .nav-link {
padding-left: 3rem;
}

.nav-vertical.nav.nav-tabs .nav-collapse .nav-collapse .nav-link {
padding-left: 3.91875rem;
}

.nav-vertical.nav.nav-tabs .nav-collapse .nav-collapse .nav-link::before {
display: block;
color: #97a4af;
content: "•";
padding-right: .5rem;
}

.nav-vertical.nav.nav-tabs .nav-collapse .nav-item.show > .nav-link::before, .nav-vertical.nav.nav-tabs .nav-collapse .nav-link.active::before {
color: #0F172A0F172A;
}

.nav-vertical.nav-pills {
width: 100%;
}

.nav-vertical.nav-pills .nav-item {
margin: 0;
}

.nav-vertical.nav-pills .nav-link {
padding: .5rem .875rem !important;
margin-bottom: .25rem;
}

.nav-vertical.nav-pills .nav-link.active[aria-expanded=false], .nav-vertical.nav-pills .nav-link.active[aria-expanded=true] {
color: #0F172A0F172A;
}

.nav-vertical.nav-pills .nav-link.active[aria-expanded=false]:hover, .nav-vertical.nav-pills .nav-link.active[aria-expanded=true]:hover {
background-color: transparent;
}

.nav-vertical.nav-pills .nav-item .nav-link:hover, .nav-vertical.nav-pills .nav-item .nav-link[aria-expanded]:hover {
color: #0F172A;
}

.nav-vertical.nav-pills .nav-item.show .nav-link[aria-expanded]:hover {
color: #919191;
}

.nav-vertical.nav-pills .nav-link {
background-color: transparent;
}

.nav-vertical.nav-pills .nav-link.active {
background-color: rgba(189,197,209,.2);
}

.nav-vertical.nav-pills .nav-link.active[aria-expanded=false], .nav-vertical.nav-pills .nav-link.active[aria-expanded=true] {
background-color: transparent;
}

.nav-vertical.nav-pills .nav-item .nav-collapse.show .nav-link.active {
color: #0F172A;
background-color: rgba(189,197,209,.2);
}

.navbar-dark .nav-vertical.nav-pills .nav-item .nav-collapse.show .nav-link.active {
color: #fff;
}

.nav-vertical.nav-pills .nav-collapse .nav-item .nav-link[aria-expanded]:hover, .nav-vertical.nav-pills .nav-collapse .nav-link:hover {
color: #0F172A;
background-color: rgba(189,197,209,.2);
}

.nav-vertical.nav-pills .nav-collapse .nav-item.show .nav-link[aria-expanded]:hover {
color: #0F172A;
}

.nav-vertical.nav-pills .nav-collapse {
position: relative;
padding-left: 1.9375rem;
}

.nav-vertical.nav-pills .nav-collapse::before {
position: absolute;
top: 0;
left: 1.3125rem;
width: .125rem;
height: calc(100% - .25rem);
content: '';
background-color: rgba(231,234,243,.7);
}

.nav-vertical.nav-pills .nav-link.dropdown-toggle {
display: -ms-flexbox;
display: flex;
width: 100%;
}

.nav-pills .nav-item {
margin: .25rem .25rem;
}

.nav-pills .nav-link {
padding: 1rem 1rem;
}

.nav-pills .nav-link:hover {
color: #0F172A;
background-color: rgba(189,197,209,.2);
}

.nav-pills .nav-link.active:hover {
background-color: rgba(189,197,209,.2);
}

.nav-pills .nav-link.active:hover, .nav-pills .show > .nav-link:hover {
border-color: transparent;
}

.nav-segment {
position: relative;
background-color: #f8fafd;
padding: .25rem .25rem;
border-radius: .5rem;
}

.nav-segment:not(.nav-fill) {
display: -ms-inline-flexbox;
display: inline-flex;
}

.nav-segment .nav-link {
color: #0F172A;
font-size: .8125rem;
padding: .5rem .8125rem;
border-radius: .5rem;
}

.nav-segment .nav-link:hover {
color: #0F172A0F172A;
}

.nav-segment .nav-link.active {
color: #1e2022;
background-color: #fff;
box-shadow: 0 .1875rem .375rem 0 rgba(140,152,164,.25);
}

.nav-segment .nav-link.disabled {
color: #bdc5d1;
}

.nav-segment.nav-pills {
border-radius: 50rem;
}

.nav-segment.nav-pills .nav-link {
border-radius: 50rem;
}

.nav-light .nav-link {
color: rgba(255,255,255,.7);
}

.nav-light .nav-link.active, .nav-light .nav-link:hover {
color: #fff;
}

.nav-light.nav-pills .nav-link.active, .nav-light.nav-pills .nav-link:hover {
color: #0F172A;
}

.nav-sm .nav-link {
font-size: .9375rem;
padding-right: .75rem;
padding-left: .75rem;
}

.nav-sm.nav-pills .nav-link {
padding: .75rem .75rem;
}

.nav-lg .nav-link {
font-size: .875rem;
}

.nav-lg.nav-pills .nav-link {
padding: 1.5rem 1.5rem;
}

.nav-link-badge {
margin-left: auto;
}

.nav-compact {
text-align: center;
-ms-flex-align: center;
align-items: center;
}

.nav-compact .card-navbar-nav {
padding-top: 0;
}

.nav-compact .nav-item > .nav-link {
border-radius: .5rem;
margin: .75rem 0;
}

.nav-compact .nav-item > .nav-link.active, .nav-compact .nav-item > .nav-link:hover {
color: #919191;
background-color: rgba(112,112,112,.1);
}

.nav-compact .nav-tabs .nav-collapse .nav-collapse {
position: static;
box-shadow: none;
}

.nav-compact .nav-collapse .nav-item > .nav-link {
display: -ms-flexbox;
display: flex;
margin: .375rem 0;
}

.nav-compact .nav-collapse .nav-item > .nav-link.active, .nav-compact .nav-collapse .nav-item > .nav-link:hover {
background-color: transparent;
}

.nav-compact .nav-item {
margin: 0;
}

.nav-compact .nav-icon {
font-size: 1.25rem;
}

.nav-compact .nav-link-title {
display: block;
}

.nav-compact-icon {
text-align: center;
-ms-flex-align: center;
align-items: center;
}

.nav-compact-icon > .nav-item {
margin: .75rem 0;
}

.nav-compact-icon > .nav-item:not(:last-child) {
margin-right: 0;
}

.nav-compact-icon .nav-icon {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
width: 2.625rem;
height: 2.625rem;
font-size: .875rem;
color: #0F172A;
background-color: transparent;
opacity: 1;
margin-right: 0;
border-radius: .5rem;
text-align: center;
}

.nav-compact-icon .nav-icon.active, .nav-compact-icon .nav-icon:hover {
color: #919191;
background-color: rgba(112,112,112,.1);
}

.nav-compact-icon .nav-link.active .nav-icon {
color: #919191;
background-color: rgba(112,112,112,.1);
}

.nav-compact-icon-circle .nav-icon {
border-radius: 50%;
}

.navbar {
z-index: 99;
padding: 0
}

.navbar-collapse {
-ms-flex-align: start;
align-items: flex-start;
}

.navbar-nav {
-ms-flex-positive: 1;
flex-grow: 1;
}

.navbar-bordered {
border-width: 0 0 .0625rem 0;
border-style: solid;
border-color: rgba(231,234,243,.7);
}

.navbar-shadow {
box-shadow: 0 .375rem 1.5rem 0 rgba(140,152,164,.125);
}

.navbar-height {
height: 3.875rem;
}

.navbar.navbar-scrolled.navbar-light {
box-shadow: 0 .375rem 1.5rem 0 rgba(140,152,164,.125);
}

.navbar-fixed {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 99;
}

.navbar-fixed ~ .main {
padding-top: 3.875rem;
}

@media (min-width:576px) {
.navbar-fixed-sm {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 99;
}

.navbar-fixed-sm ~ .main {
padding-top: 3.875rem;
}
}

@media (min-width:768px) {
.navbar-fixed-md {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 99;
}

.navbar-fixed-md ~ .main {
padding-top: 3.875rem;
}
}

@media (min-width:992px) {
.navbar-fixed-lg {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 99;
}

.navbar-fixed-lg ~ .main {
padding-top: 3.875rem;
}
}

@media (min-width:1200px) {
.navbar-fixed-xl {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 99;
}

.navbar-fixed-xl ~ .main {
padding-top: 3.875rem;
}
}

@media (min-width:1400px) {
.navbar-fixed-xxl {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 99;
}

.navbar-fixed-xxl ~ .main {
padding-top: 3.875rem;
}
}

.navbar.navbar-container {
padding-right: 2rem;
padding-left: 2rem;
}

@media (max-width:575.98px) {
.navbar.navbar-container {
padding-right: var(--bs-gutter-x,1.25rem);
padding-left: var(--bs-gutter-x,1.25rem);
}
}

.navbar.navbar-container .navbar-nav-wrap-content-start {
padding-left: 0;
}

.navbar-spacer-y-0 {
padding-top: 0;
padding-bottom: 0;
}

.navbar.navbar-scrolled.navbar-light {
background-color: #fff;
box-shadow: 0 .375rem 1.5rem 0 rgba(140,152,164,.125);
}

.navbar.navbar-scrolled.navbar-dark {
background-color: #0F172A;
}

.navbar-brand {
padding-top: 0;
padding-bottom: 0;
}

.navbar-brand img {
max-height: 36px
}

.navbar-brand-logo {
width: 100%;
min-width: 150px;
max-width: 200px;
}

.navbar-brand-logo-short {
width: 100%;
min-width: 2rem;
max-width: 2rem;
}

.navbar-brand-collapsed, .navbar-brand-on-scroll {
display: none;
}

.navbar-scrolled .navbar-brand-default {
display: none;
}

.navbar-scrolled .navbar-brand-on-scroll {
display: inline-block;
}

.navbar-nav-wrap {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-ms-flex-align: center;
align-items: center;
}

.navbar-nav-wrap .navbar-toggler {
margin-left: auto;
font-size: 2rem;
}

.navbar-nav-wrap-secondary-content {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: .5rem;
}

.navbar-nav-wrap-content-start {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding-left: 2rem;
}

.navbar-nav-wrap-content-end {
margin-left: auto;
}

.navbar .navbar-nav-wrap-content-end .navbar-nav, .navbar .navbar-nav-wrap-secondary-content .navbar-nav {
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
align-items: center;
padding: 0;
}

.navbar-toggler {
color: #0F172A;
padding: .5rem .5rem;
}

.navbar-toggler:focus {
box-shadow: none;
}

.navbar-toggler .navbar-toggler-text {
color: #0F172A;
}

.navbar-toggler .navbar-toggler-default {
display: -ms-flexbox;
display: flex;
}

.navbar-toggler .navbar-toggler-toggled {
display: none;
}

.navbar-toggler[aria-expanded=true] .navbar-toggler-default {
display: none;
}

.navbar-toggler[aria-expanded=true] .navbar-toggler-toggled {
display: -ms-flexbox;
display: flex;
}

.navbar-topbar .navbar-toggler {
-ms-flex-positive: 1;
flex-grow: 1;
margin-left: 0;
font-size: .8125rem;
}

.navbar-topbar .js-mega-menu {
z-index: 11;
}

header .nav-link.CompanyName {
width: 190px;
overflow: hidden;
}

header .nav-link.CompanyName span {
width: 95%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

header .nav-link {
color: #0F172A;
font-weight: 700;
text-transform: uppercase;
font-size: 14px;
}

header .nav-link i {
color: #0F172A;
font-size: 1rem;
opacity: 1;
}

header .nav-link i.bi-journals {
font-size: .9rem
}

header .nav-link i.bi-person-video2 {
font-size: .9rem
}


header .nav-link i.bi.bi-pin-map {
font-size: .9rem;
vertical-align: baseline;
}

header .nav-link i.bi.bi-person-workspace {
font-size: .9rem;
vertical-align: baseline;
}

header .nav-link i.bi.bi-key {
font-size: 1.2rem;
vertical-align: middle;
}


.navbar .nav-item {
margin-right: 0;
}

.navbar .nav-item:not(:last-child) {
margin-right: 1.3rem;
}

.navbar .dropdown-menu .nav-item, .navbar .nav-compact-icon .nav-item {
margin-right: 0;
}

.navbar .dropdown-menu .nav-item:not(:last-child), .navbar .nav-compact-icon .nav-item:not(:last-child) {
margin-right: 0;
}

.navbar .dropdown-menu .dropdown-toggle::after, .navbar .nav-compact-icon .dropdown-toggle::after {
margin-right: -.625rem;
}

.navbar:not(.splitted-content-navbar) .navbar-nav .nav-link {
padding: 1.2rem .9rem;
}

.navbar .nav-item.dropdown .dropdown-menu li a.nav-link {
padding: 0.4rem 0.75rem;
}

.navbar .nav-link i.bi-receipt {
font-size: 14px
}

.navbar .nav-link i.bi-exclamation-square {
font-size: 13px
}

.navbar .nav-link:focus, .navbar .nav-link:hover i {
    color: #88888b;
    transition: .4s
}

.dropdown-item:focus, .dropdown-item:hover i {
color: #2ba24c;
transition: .4s
}


.navbar .navbar-collapse .nav-link:first-child {
padding-left: 0;
}

.navbar .nav-item:hover > .nav-link {
color: #919191;
}

/*.navbar .dropdown-menu {
border-top: .1875rem solid #0F172A0F172A;
border-top-left-radius: 0;
border-top-right-radius: 0;
max-height: 80vh;
overflow-y: auto;
overflow-x: hidden;
}*/


/*.navbar .dropdown-menu::-webkit-scrollbar {
width: 4px;
}

.navbar .dropdown-menu::-webkit-scrollbar-track {
background-color: #fff;
}

.navbar .dropdown-menu::-webkit-scrollbar-thumb {
background: #0F172A;
width: 2px;
}*/

.navbar .dropdown-menu::before {
position: absolute;
top: -.625rem;
display: block;
left: 0;
width: 100%;
height: 1.75rem;
content: '';
}

.navbar-collapse .dropdown:hover > .dropdown-menu {
display: block;
}

.navbar-collapse .dropdown:hover > .dropdown-menu.sub-menu {
top: 0;
left: 100%;
}

.navbar ul ul ul {
position: absolute;
top: 0 !important;
left: 100%;
display: none;
}

.navbar ul ul ul ul {
position: absolute;
top: 0 !important;
left: 100%;
display: none;
}

/*.navbar ul ul ul ul {
position: absolute;
top: 0 !important;
left: auto;
right: 100% !important;
display: none;
}*/

.dropupend .navbar-dropdown-menu .dropdown .dropdown-menu {
top: 0;
bottom: auto;
margin-left: .625rem;
}

.navbar .navbar-dropdown-menu-borderless {
border-top-width: 0;
border-radius: .5rem;
}

.mega-menu-cus .navbar-dropdown-menu-borderless {
max-height: 80vh;
overflow-x: hidden;
overflow-y: auto;
}

.mega-menu-cus .navbar-dropdown-menu-borderless h3 {
font-weight: 800;
font-size: 11px;
border-bottom: 1px dashed #2ba24c;
text-transform: uppercase;
color: #0F172A;
padding: 0.7rem 0.5rem 0.4rem 0.0rem;
margin: 0 10px 6px 10px
}

.mega-menu-cus .navbar-dropdown-menu-borderless::-webkit-scrollbar {
width: 4px;
}

.mega-menu-cus .navbar-dropdown-menu-borderless::-webkit-scrollbar-track {
background-color: darkgrey;
}

.mega-menu-cus .navbar-dropdown-menu-borderless::-webkit-scrollbar-thumb {
background: #0F172A;
width: 2px
}

.navbar-dropdown-menu-inner {
padding: .75rem .75rem;
}

.navbar-dropdown-menu-media-link {
display: block;
text-decoration: none;
padding: 1rem 1rem;
border-radius: .5rem;
}

.navbar-dropdown-menu-media-link:hover:not(.disabled):not(:disabled) {
background-color: rgba(189,197,209,.2);
}

.navbar-dropdown-menu-media-link:hover:not(.disabled):not(:disabled) .navbar-dropdown-menu-media-title {
color: #0F172A0F172A;
}

.navbar-dropdown-menu-media-link.disabled {
pointer-events: none;
}

.navbar-dropdown-menu-media-link + .navbar-dropdown-menu-media-link {
margin-top: .5rem;
}

.navbar-dropdown-menu-media-title {
color: #1e2022;
font-weight: 600;
}

.navbar-dropdown-menu-media-desc {
color: #0F172A;
font-size: .76562rem;
margin-bottom: 0;
}

.navbar-dropdown-menu-promo:not(:first-child) .navbar-dropdown-menu-promo-item {
position: relative;
}

.navbar-dropdown-menu-promo:not(:first-child) .navbar-dropdown-menu-promo-item::after {
position: absolute;
top: -.75rem;
right: 0;
border-top: .0625rem solid rgba(231,234,243,.7);
width: 100%;
content: '';
}

.navbar-dropdown-menu-promo-item {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-clip: border-box;
margin: .75rem .75rem;
}

.navbar-dropdown-menu-promo-item ~ .navbar-dropdown-menu-promo-item {
border-top: .0625rem solid rgba(231,234,243,.7);
}

.navbar-dropdown-menu-promo .navbar-dropdown-menu-promo-item {
border-top: none;
}

.navbar-dropdown-menu-promo-link {
display: block;
height: 100%;
padding: 1rem 1rem;
border-radius: .5rem;
}

.navbar-dropdown-menu-promo-link.active {
background-color: rgba(189,197,209,.2);
}

.navbar-dropdown-menu-promo-link.active .navbar-dropdown-menu-media-title {
color: #0F172A0F172A;
}

.navbar-dropdown-menu-promo-link.disabled {
opacity: .7;
pointer-events: none;
}

.navbar-dropdown-menu-promo-link:hover:not(.disabled):not(:disabled) {
background-color: rgba(189,197,209,.2);
}

.navbar-dropdown-menu-promo-link:hover:not(.disabled):not(:disabled) .navbar-dropdown-menu-media-title {
color: #0F172A0F172A;
}

.navbar-dropdown-menu-banner {
position: relative;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
border-radius: .5rem;
}

.navbar-dropdown-menu-banner-content {
position: absolute;
top: 50%;
z-index: 1;
width: 100%;
text-align: center;
padding: 2rem 2rem;
-webkit-transform: translate(0,-50%);
transform: translate(0,-50%);
}

.navbar-dropdown-menu-shop-banner {
position: relative;
background-color: #f9fafc;
padding-left: 10rem;
border-radius: .5rem;
}

.navbar-dropdown-menu-shop-banner-img {
position: absolute;
bottom: 0;
left: 0;
width: 10rem;
}

.navbar.navbar-vertical:not(.splitted-content-navbar) .navbar-nav .nav-link, .navbar.navbar-vertical:not(.splitted-content-navbar) .navbar-nav .nav-subtitle {
padding: .3125rem 1.5rem;
}

.navbar.navbar-vertical .nav-tabs-borderless.nav-vertical {
padding-right: 0;
padding-left: 0;
}

.navbar.navbar-vertical .nav-tabs-borderless.nav-vertical .nav-link, .navbar.navbar-vertical .nav-tabs-borderless.nav-vertical .nav-subtitle {
border-left-color: transparent;
}

.navbar.navbar-vertical .nav-tabs-borderless.nav-vertical .nav-item.show .nav-link, .navbar.navbar-vertical .nav-tabs-borderless.nav-vertical .nav-link.active {
border-color: #0F172A0F172A;
}

@media (min-width:576px) {
.navbar-input-group {
min-width: 21rem;
}
}

.navbar-input-group input[type=search]::-ms-clear {
display: none;
width: 0;
height: 0;
}

.navbar-input-group input[type=search]::-ms-reveal {
display: none;
width: 0;
height: 0;
}

.navbar-input-group input[type=search]::-webkit-search-cancel-button, .navbar-input-group input[type=search]::-webkit-search-decoration, .navbar-input-group input[type=search]::-webkit-search-results-button, .navbar-input-group input[type=search]::-webkit-search-results-decoration {
display: none;
}

.navbar-vertical .card .nav-tabs .nav-link {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding-left: 1.25rem;
margin-left: -1.3125rem;
}

.navbar-vertical .card .nav-tabs .nav-link:not(.active) {
border-color: transparent;
}

.navbar-dropdown-sub-menu[data-bs-popper] {
top: 0;
right: calc(100% + 1rem);
}

.navbar-dropdown-account-wrapper {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
color: #1e2022;
background-color: transparent;
padding: .25rem;
border-radius: 50rem;
transition: .3s;
}

.navbar-dropdown-account-wrapper:focus, .navbar-dropdown-account-wrapper:hover {
background-color: transparent;
}

.navbar-card-list-group {
margin: .5rem 0 .5rem .5rem;
}

.navbar-card-list-group .list-group-item {
padding-top: 1rem;
padding-bottom: 1rem;
}

@media (min-width:576px) {
.navbar-expand-sm .navbar-toggler {
-ms-flex-order: 1;
order: 1;
}

.navbar-expand-sm .navbar-collapse {
width: auto;
-ms-flex-order: 2;
order: 2;
}

.navbar-expand-sm .navbar-nav-wrap-secondary-content {
-ms-flex-order: 3;
order: 3;
}

.navbar-expand-sm:not(.navbar-vertical) .navbar-nav {
-ms-flex-align: center;
align-items: center;
}

.navbar-expand-sm .navbar-nav-wrap .navbar-aside-toggler {
display: none;
}

.navbar-expand-sm .hs-sub-menu.dropdown-menu, .navbar-expand-sm .hs-sub-menu.dropdown-menu[data-bs-popper] {
margin-top: 0;
}

.navbar-expand-sm .dropdown-menu {
margin-top: .75rem;
}

.navbar-expand-sm .dropdown-menu .hs-has-sub-menu .dropdown-menu {
margin-top: -.6875rem;
margin-left: .5rem;
}

.navbar-expand-sm .dropdown-menu .hs-has-sub-menu .dropdown-menu[data-bs-popper] {
top: 0;
left: 100%;
}

.navbar-expand-sm .dropdown-menu .hs-has-sub-menu .dropdown-menu::before {
top: 0;
left: -1rem;
width: 1rem;
height: 100%;
}

.navbar-expand-sm.navbar-sidebar-detached .navbar-brand {
width: 16.25rem;
margin-right: 0;
}

.navbar-expand-sm .navbar-topbar .navbar-toggler {
margin-left: 0;
}

.navbar-expand-sm .navbar-topbar .nav-link {
font-size: .9375rem;
padding: .5rem .75rem;
}

.navbar-expand-sm .navbar-topbar .nav-item:first-child .nav-link {
padding-left: 0;
}

.navbar-expand-sm .navbar-topbar .nav-item:last-child .nav-link {
padding-right: 0;
}

.navbar-expand-sm.navbar-center .navbar-nav {
-ms-flex-pack: center;
justify-content: center;
}

.navbar-expand-sm.navbar-end .navbar-topbar .navbar-nav {
-ms-flex-positive: 1;
flex-grow: 1;
margin-left: 0;
}

.navbar-expand-sm.navbar-end .navbar-nav {
-ms-flex-pack: end;
justify-content: flex-end;
margin-left: auto;
}

.navbar-expand-sm.navbar-end .navbar-absolute-top-scroller, .navbar-expand-sm.navbar-end .navbar-sticky-top-scroller {
margin-left: auto;
}

.navbar-expand-sm.navbar-floating {
position: absolute;
right: 0;
left: 0;
margin-top: 2.5rem;
}

.navbar-expand-sm.navbar-floating.navbar-scrolled {
position: fixed;
background-color: #fff;
box-shadow: 0 .375rem 1.5rem 0 rgba(140,152,164,.125);
margin-top: 0;
}

.navbar-expand-sm.navbar-floating.navbar-scrolled .navbar-floating-nav {
padding-top: 0;
padding-bottom: 0;
}

.navbar-expand-sm.navbar-floating.navbar.navbar-scrolled .navbar-floating-nav {
box-shadow: none;
}

.navbar-expand-sm.navbar-floating .navbar-floating-nav {
box-shadow: 0 .375rem 1.5rem 0 rgba(140,152,164,.125);
padding-top: .5rem;
padding-bottom: .5rem;
}

.navbar-expand-sm.navbar-floating .dropdown-menu, .navbar-expand-sm.navbar-floating .dropdown-menu[data-bs-popper] {
margin-top: .5rem;
}

.navbar-expand-sm.navbar-floating .dropdown-menu .hs-mega-menu, .navbar-expand-sm.navbar-floating .dropdown-menu:not(.hs-sub-menu) {
margin-top: 0;
}

.navbar-expand-sm .navbar-floating-nav {
border-radius: .5rem;
padding-left: 1rem;
padding-right: 1rem;
}

.navbar-expand-sm.navbar-vertical.navbar-sidebar {
-ms-flex-flow: column;
flex-flow: column;
overflow-y: scroll;
height: 100%;
max-height: 100vh;
}

.navbar-expand-sm.navbar-vertical.navbar-sidebar::-webkit-scrollbar {
width: .6125rem;
}

.navbar-expand-sm.navbar-vertical.navbar-sidebar::-webkit-scrollbar-thumb {
background-color: rgba(189,197,209,.6);
}

.navbar-expand-sm.navbar-vertical.navbar-sidebar .navbar-collapse {
width: 100%;
display: block !important;
}

.navbar-expand-sm.navbar-vertical.navbar-sidebar .navbar-nav {
display: block;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
}

.navbar-expand-sm .navbar-vertical.navbar-collapse {
display: block !important;
}

.navbar-expand-sm .navbar-vertical.navbar-vertical-fixed {
height: 100%;
}

.navbar-expand-sm .navbar-dropdown-menu-promo {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}

.navbar-expand-sm .navbar-dropdown-menu-promo-item {
display: -ms-flexbox;
display: flex;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
-ms-flex-direction: column;
flex-direction: column;
}

.navbar-expand-sm .navbar-dropdown-menu-promo-item:not(:last-child) .navbar-dropdown-menu-promo-link {
position: relative;
}

.navbar-expand-sm .navbar-dropdown-menu-promo-item:not(:last-child) .navbar-dropdown-menu-promo-link::after {
position: absolute;
top: 0;
right: 0;
margin-right: -.75rem;
border-right: .0625rem solid rgba(231,234,243,.7);
height: 100%;
content: '';
}
}

@media (min-width:768px) {
.navbar-expand-md .navbar-toggler {
-ms-flex-order: 1;
order: 1;
}

.navbar-expand-md .navbar-collapse {
width: auto;
-ms-flex-order: 2;
order: 2;
}

.navbar-expand-md .navbar-nav-wrap-secondary-content {
-ms-flex-order: 3;
order: 3;
}

.navbar-expand-md:not(.navbar-vertical) .navbar-nav {
-ms-flex-align: center;
align-items: center;
}

.navbar-expand-md .navbar-nav-wrap .navbar-aside-toggler {
display: none;
}

.navbar-expand-md .hs-sub-menu.dropdown-menu, .navbar-expand-md .hs-sub-menu.dropdown-menu[data-bs-popper] {
margin-top: 0;
}

.navbar-expand-md .dropdown-menu {
margin-top: .75rem;
}

.navbar-expand-md .dropdown-menu .hs-has-sub-menu .dropdown-menu {
margin-top: -.6875rem;
margin-left: .5rem;
}

.navbar-expand-md .dropdown-menu .hs-has-sub-menu .dropdown-menu[data-bs-popper] {
top: 0;
left: 100%;
}

.navbar-expand-md .dropdown-menu .hs-has-sub-menu .dropdown-menu::before {
top: 0;
left: -1rem;
width: 1rem;
height: 100%;
}

.navbar-expand-md.navbar-sidebar-detached .navbar-brand {
width: 16.25rem;
margin-right: 0;
}

.navbar-expand-md .navbar-topbar .navbar-toggler {
margin-left: 0;
}

.navbar-expand-md .navbar-topbar .nav-link {
font-size: .9375rem;
padding: .5rem .75rem;
}

.navbar-expand-md .navbar-topbar .nav-item:first-child .nav-link {
padding-left: 0;
}

.navbar-expand-md .navbar-topbar .nav-item:last-child .nav-link {
padding-right: 0;
}

.navbar-expand-md.navbar-center .navbar-nav {
-ms-flex-pack: center;
justify-content: center;
}

.navbar-expand-md.navbar-end .navbar-topbar .navbar-nav {
-ms-flex-positive: 1;
flex-grow: 1;
margin-left: 0;
}

.navbar-expand-md.navbar-end .navbar-nav {
-ms-flex-pack: end;
justify-content: flex-end;
margin-left: auto;
}

.navbar-expand-md.navbar-end .navbar-absolute-top-scroller, .navbar-expand-md.navbar-end .navbar-sticky-top-scroller {
margin-left: auto;
}

.navbar-expand-md.navbar-floating {
position: absolute;
right: 0;
left: 0;
margin-top: 2.5rem;
}

.navbar-expand-md.navbar-floating.navbar-scrolled {
position: fixed;
background-color: #fff;
box-shadow: 0 .375rem 1.5rem 0 rgba(140,152,164,.125);
margin-top: 0;
}

.navbar-expand-md.navbar-floating.navbar-scrolled .navbar-floating-nav {
padding-top: 0;
padding-bottom: 0;
}

.navbar-expand-md.navbar-floating.navbar.navbar-scrolled .navbar-floating-nav {
box-shadow: none;
}

.navbar-expand-md.navbar-floating .navbar-floating-nav {
box-shadow: 0 .375rem 1.5rem 0 rgba(140,152,164,.125);
padding-top: .5rem;
padding-bottom: .5rem;
}

.navbar-expand-md.navbar-floating .dropdown-menu, .navbar-expand-md.navbar-floating .dropdown-menu[data-bs-popper] {
margin-top: .5rem;
}

.navbar-expand-md.navbar-floating .dropdown-menu .hs-mega-menu, .navbar-expand-md.navbar-floating .dropdown-menu:not(.hs-sub-menu) {
margin-top: 0;
}

.navbar-expand-md .navbar-floating-nav {
border-radius: .5rem;
padding-left: 1rem;
padding-right: 1rem;
}

.navbar-expand-md.navbar-vertical.navbar-sidebar {
-ms-flex-flow: column;
flex-flow: column;
overflow-y: scroll;
height: 100%;
max-height: 100vh;
}

.navbar-expand-md.navbar-vertical.navbar-sidebar::-webkit-scrollbar {
width: .6125rem;
}

.navbar-expand-md.navbar-vertical.navbar-sidebar::-webkit-scrollbar-thumb {
background-color: rgba(189,197,209,.6);
}

.navbar-expand-md.navbar-vertical.navbar-sidebar .navbar-collapse {
width: 100%;
display: block !important;
}

.navbar-expand-md.navbar-vertical.navbar-sidebar .navbar-nav {
display: block;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
}

.navbar-expand-md .navbar-vertical.navbar-collapse {
display: block !important;
}

.navbar-expand-md .navbar-vertical.navbar-vertical-fixed {
height: 100%;
}

.navbar-expand-md .navbar-dropdown-menu-promo {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}

.navbar-expand-md .navbar-dropdown-menu-promo-item {
display: -ms-flexbox;
display: flex;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
-ms-flex-direction: column;
flex-direction: column;
}

.navbar-expand-md .navbar-dropdown-menu-promo-item:not(:last-child) .navbar-dropdown-menu-promo-link {
position: relative;
}

.navbar-expand-md .navbar-dropdown-menu-promo-item:not(:last-child) .navbar-dropdown-menu-promo-link::after {
position: absolute;
top: 0;
right: 0;
margin-right: -.75rem;
border-right: .0625rem solid rgba(231,234,243,.7);
height: 100%;
content: '';
}
}

@media (min-width:992px) {
.navbar-expand-lg .navbar-toggler {
-ms-flex-order: 1;
order: 1;
}

.navbar-expand-lg .navbar-collapse {
width: auto;
-ms-flex-order: 2;
order: 2;
}

.navbar-expand-lg .navbar-nav-wrap-secondary-content {
-ms-flex-order: 3;
order: 3;
}

.navbar-expand-lg:not(.navbar-vertical) .navbar-nav {
-ms-flex-align: center;
align-items: center;
}

.navbar-expand-lg .navbar-nav-wrap .navbar-aside-toggler {
display: none;
}

.navbar-expand-lg .hs-sub-menu.dropdown-menu, .navbar-expand-lg .hs-sub-menu.dropdown-menu[data-bs-popper] {
margin-top: 0;
}

/*.navbar-expand-lg .dropdown-menu {
margin-top: .75rem;
}*/

.navbar-expand-lg .dropdown-menu[data-bs-popper] {
left: auto;
right: 0;
border-top: 0
}

.navbar-expand-lg .dropdown-menu .hs-has-sub-menu .dropdown-menu {
margin-top: -.6875rem;
margin-left: .5rem;
}

.navbar-expand-lg .dropdown-menu .hs-has-sub-menu .dropdown-menu[data-bs-popper] {
top: 0;
left: 100%;
}

.navbar-expand-lg .dropdown-menu .hs-has-sub-menu .dropdown-menu::before {
top: 0;
left: -1rem;
width: 1rem;
height: 100%;
}

.navbar-expand-lg.navbar-sidebar-detached .navbar-brand {
width: 16.25rem;
margin-right: 0;
}

.navbar-expand-lg .navbar-topbar .navbar-toggler {
margin-left: 0;
}

.navbar-expand-lg .navbar-topbar .nav-link {
font-size: .9375rem;
padding: .5rem .75rem;
}

.navbar-expand-lg .navbar-topbar .nav-item:first-child .nav-link {
padding-left: 0;
}

.navbar-expand-lg .navbar-topbar .nav-item:last-child .nav-link {
padding-right: 0;
}

.navbar-expand-lg.navbar-center .navbar-nav {
-ms-flex-pack: center;
justify-content: center;
}

.navbar-expand-lg.navbar-end .navbar-topbar .navbar-nav {
-ms-flex-positive: 1;
flex-grow: 1;
margin-left: 0;
}

.navbar-expand-lg.navbar-end .navbar-nav {
-ms-flex-pack: end;
justify-content: flex-end;
margin-left: auto;
}

.navbar-expand-lg.navbar-end .navbar-absolute-top-scroller, .navbar-expand-lg.navbar-end .navbar-sticky-top-scroller {
margin-left: auto;
}

.navbar-expand-lg.navbar-floating {
position: absolute;
right: 0;
left: 0;
margin-top: 2.5rem;
}

.navbar-expand-lg.navbar-floating.navbar-scrolled {
position: fixed;
background-color: #fff;
box-shadow: 0 .375rem 1.5rem 0 rgba(140,152,164,.125);
margin-top: 0;
}

.navbar-expand-lg.navbar-floating.navbar-scrolled .navbar-floating-nav {
padding-top: 0;
padding-bottom: 0;
}

.navbar-expand-lg.navbar-floating.navbar.navbar-scrolled .navbar-floating-nav {
box-shadow: none;
}

.navbar-expand-lg.navbar-floating .navbar-floating-nav {
box-shadow: 0 .375rem 1.5rem 0 rgba(140,152,164,.125);
padding-top: .5rem;
padding-bottom: .5rem;
}

.navbar-expand-lg.navbar-floating .dropdown-menu, .navbar-expand-lg.navbar-floating .dropdown-menu[data-bs-popper] {
margin-top: .5rem;
}

.navbar-expand-lg.navbar-floating .dropdown-menu .hs-mega-menu, .navbar-expand-lg.navbar-floating .dropdown-menu:not(.hs-sub-menu) {
margin-top: 0;
}

.navbar-expand-lg .navbar-floating-nav {
border-radius: .5rem;
padding-left: 1rem;
padding-right: 1rem;
}

.navbar-expand-lg.navbar-vertical.navbar-sidebar {
-ms-flex-flow: column;
flex-flow: column;
overflow-y: scroll;
height: 100%;
max-height: 100vh;
}

.navbar-expand-lg.navbar-vertical.navbar-sidebar::-webkit-scrollbar {
width: .6125rem;
}

.navbar-expand-lg.navbar-vertical.navbar-sidebar::-webkit-scrollbar-thumb {
background-color: rgba(189,197,209,.6);
}

.navbar-expand-lg.navbar-vertical.navbar-sidebar .navbar-collapse {
width: 100%;
display: block !important;
}

.navbar-expand-lg.navbar-vertical.navbar-sidebar .navbar-nav {
display: block;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
}

.navbar-expand-lg .navbar-vertical.navbar-collapse {
display: block !important;
}

.navbar-expand-lg .navbar-vertical.navbar-vertical-fixed {
height: 100%;
}

.navbar-expand-lg .navbar-dropdown-menu-promo {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}

.navbar-expand-lg .navbar-dropdown-menu-promo-item {
display: -ms-flexbox;
display: flex;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
-ms-flex-direction: column;
flex-direction: column;
}

.navbar-expand-lg .navbar-dropdown-menu-promo-item:not(:last-child) .navbar-dropdown-menu-promo-link {
position: relative;
}

.navbar-expand-lg .navbar-dropdown-menu-promo-item:not(:last-child) .navbar-dropdown-menu-promo-link::after {
position: absolute;
top: 0;
right: 0;
margin-right: -.75rem;
border-right: .0625rem solid rgba(231,234,243,.7);
height: 100%;
content: '';
}
}

@media (min-width:1200px) {
.navbar-expand-xl .navbar-toggler {
-ms-flex-order: 1;
order: 1;
}

.navbar-expand-xl .navbar-collapse {
width: auto;
-ms-flex-order: 2;
order: 2;
}

.navbar-expand-xl .navbar-nav-wrap-secondary-content {
-ms-flex-order: 3;
order: 3;
}

.navbar-expand-xl:not(.navbar-vertical) .navbar-nav {
-ms-flex-align: center;
align-items: center;
}

.navbar-expand-xl .navbar-nav-wrap .navbar-aside-toggler {
display: none;
}

.navbar-expand-xl .hs-sub-menu.dropdown-menu, .navbar-expand-xl .hs-sub-menu.dropdown-menu[data-bs-popper] {
margin-top: 0;
}

.navbar-expand-xl .dropdown-menu {
margin-top: .75rem;
}

.navbar-expand-xl .dropdown-menu .hs-has-sub-menu .dropdown-menu {
margin-top: -.6875rem;
margin-left: .5rem;
}

.navbar-expand-xl .dropdown-menu .hs-has-sub-menu .dropdown-menu[data-bs-popper] {
top: 0;
left: 100%;
}

.navbar-expand-xl .dropdown-menu .hs-has-sub-menu .dropdown-menu::before {
top: 0;
left: -1rem;
width: 1rem;
height: 100%;
}

.navbar-expand-xl.navbar-sidebar-detached .navbar-brand {
width: 16.25rem;
margin-right: 0;
}

.navbar-expand-xl .navbar-topbar .navbar-toggler {
margin-left: 0;
}

.navbar-expand-xl .navbar-topbar .nav-link {
font-size: .9375rem;
padding: .5rem .75rem;
}

.navbar-expand-xl .navbar-topbar .nav-item:first-child .nav-link {
padding-left: 0;
}

.navbar-expand-xl .navbar-topbar .nav-item:last-child .nav-link {
padding-right: 0;
}

.navbar-expand-xl.navbar-center .navbar-nav {
-ms-flex-pack: center;
justify-content: center;
}

.navbar-expand-xl.navbar-end .navbar-topbar .navbar-nav {
-ms-flex-positive: 1;
flex-grow: 1;
margin-left: 0;
}

.navbar-expand-xl.navbar-end .navbar-nav {
-ms-flex-pack: end;
justify-content: flex-end;
margin-left: auto;
}

.navbar-expand-xl.navbar-end .navbar-absolute-top-scroller, .navbar-expand-xl.navbar-end .navbar-sticky-top-scroller {
margin-left: auto;
}

.navbar-expand-xl.navbar-floating {
position: absolute;
right: 0;
left: 0;
margin-top: 2.5rem;
}

.navbar-expand-xl.navbar-floating.navbar-scrolled {
position: fixed;
background-color: #fff;
box-shadow: 0 .375rem 1.5rem 0 rgba(140,152,164,.125);
margin-top: 0;
}

.navbar-expand-xl.navbar-floating.navbar-scrolled .navbar-floating-nav {
padding-top: 0;
padding-bottom: 0;
}

.navbar-expand-xl.navbar-floating.navbar.navbar-scrolled .navbar-floating-nav {
box-shadow: none;
}

.navbar-expand-xl.navbar-floating .navbar-floating-nav {
box-shadow: 0 .375rem 1.5rem 0 rgba(140,152,164,.125);
padding-top: .5rem;
padding-bottom: .5rem;
}

.navbar-expand-xl.navbar-floating .dropdown-menu, .navbar-expand-xl.navbar-floating .dropdown-menu[data-bs-popper] {
margin-top: .5rem;
}

.navbar-expand-xl.navbar-floating .dropdown-menu .hs-mega-menu, .navbar-expand-xl.navbar-floating .dropdown-menu:not(.hs-sub-menu) {
margin-top: 0;
}

.navbar-expand-xl .navbar-floating-nav {
border-radius: .5rem;
padding-left: 1rem;
padding-right: 1rem;
}

.navbar-expand-xl.navbar-vertical.navbar-sidebar {
-ms-flex-flow: column;
flex-flow: column;
overflow-y: scroll;
height: 100%;
max-height: 100vh;
}

.navbar-expand-xl.navbar-vertical.navbar-sidebar::-webkit-scrollbar {
width: .6125rem;
}

.navbar-expand-xl.navbar-vertical.navbar-sidebar::-webkit-scrollbar-thumb {
background-color: rgba(189,197,209,.6);
}

.navbar-expand-xl.navbar-vertical.navbar-sidebar .navbar-collapse {
width: 100%;
display: block !important;
}

.navbar-expand-xl.navbar-vertical.navbar-sidebar .navbar-nav {
display: block;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
}

.navbar-expand-xl .navbar-vertical.navbar-collapse {
display: block !important;
}

.navbar-expand-xl .navbar-vertical.navbar-vertical-fixed {
height: 100%;
}

.navbar-expand-xl .navbar-dropdown-menu-promo {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}

.navbar-expand-xl .navbar-dropdown-menu-promo-item {
display: -ms-flexbox;
display: flex;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
-ms-flex-direction: column;
flex-direction: column;
}

.navbar-expand-xl .navbar-dropdown-menu-promo-item:not(:last-child) .navbar-dropdown-menu-promo-link {
position: relative;
}

.navbar-expand-xl .navbar-dropdown-menu-promo-item:not(:last-child) .navbar-dropdown-menu-promo-link::after {
position: absolute;
top: 0;
right: 0;
margin-right: -.75rem;
border-right: .0625rem solid rgba(231,234,243,.7);
height: 100%;
content: '';
}
}

@media (min-width:1400px) {
.navbar-expand-xxl .navbar-toggler {
-ms-flex-order: 1;
order: 1;
}

.navbar-expand-xxl .navbar-collapse {
width: auto;
-ms-flex-order: 2;
order: 2;
}

.navbar-expand-xxl .navbar-nav-wrap-secondary-content {
-ms-flex-order: 3;
order: 3;
}

.navbar-expand-xxl:not(.navbar-vertical) .navbar-nav {
-ms-flex-align: center;
align-items: center;
}

.navbar-expand-xxl .navbar-nav-wrap .navbar-aside-toggler {
display: none;
}

.navbar-expand-xxl .hs-sub-menu.dropdown-menu, .navbar-expand-xxl .hs-sub-menu.dropdown-menu[data-bs-popper] {
margin-top: 0;
}

.navbar-expand-xxl .dropdown-menu {
margin-top: .75rem;
}

.navbar-expand-xxl .dropdown-menu .hs-has-sub-menu .dropdown-menu {
margin-top: -.6875rem;
margin-left: .5rem;
}

.navbar-expand-xxl .dropdown-menu .hs-has-sub-menu .dropdown-menu[data-bs-popper] {
top: 0;
left: 100%;
}

.navbar-expand-xxl .dropdown-menu .hs-has-sub-menu .dropdown-menu::before {
top: 0;
left: -1rem;
width: 1rem;
height: 100%;
}

.navbar-expand-xxl.navbar-sidebar-detached .navbar-brand {
width: 16.25rem;
margin-right: 0;
}

.navbar-expand-xxl .navbar-topbar .navbar-toggler {
margin-left: 0;
}

.navbar-expand-xxl .navbar-topbar .nav-link {
font-size: .9375rem;
padding: .5rem .75rem;
}

.navbar-expand-xxl .navbar-topbar .nav-item:first-child .nav-link {
padding-left: 0;
}

.navbar-expand-xxl .navbar-topbar .nav-item:last-child .nav-link {
padding-right: 0;
}

.navbar-expand-xxl.navbar-center .navbar-nav {
-ms-flex-pack: center;
justify-content: center;
}

.navbar-expand-xxl.navbar-end .navbar-topbar .navbar-nav {
-ms-flex-positive: 1;
flex-grow: 1;
margin-left: 0;
}

.navbar-expand-xxl.navbar-end .navbar-nav {
-ms-flex-pack: end;
justify-content: flex-end;
margin-left: auto;
}

.navbar-expand-xxl.navbar-end .navbar-absolute-top-scroller, .navbar-expand-xxl.navbar-end .navbar-sticky-top-scroller {
margin-left: auto;
}

.navbar-expand-xxl.navbar-floating {
position: absolute;
right: 0;
left: 0;
margin-top: 2.5rem;
}

.navbar-expand-xxl.navbar-floating.navbar-scrolled {
position: fixed;
background-color: #fff;
box-shadow: 0 .375rem 1.5rem 0 rgba(140,152,164,.125);
margin-top: 0;
}

.navbar-expand-xxl.navbar-floating.navbar-scrolled .navbar-floating-nav {
padding-top: 0;
padding-bottom: 0;
}

.navbar-expand-xxl.navbar-floating.navbar.navbar-scrolled .navbar-floating-nav {
box-shadow: none;
}

.navbar-expand-xxl.navbar-floating .navbar-floating-nav {
box-shadow: 0 .375rem 1.5rem 0 rgba(140,152,164,.125);
padding-top: .5rem;
padding-bottom: .5rem;
}

.navbar-expand-xxl.navbar-floating .dropdown-menu, .navbar-expand-xxl.navbar-floating .dropdown-menu[data-bs-popper] {
margin-top: .5rem;
}

.navbar-expand-xxl.navbar-floating .dropdown-menu .hs-mega-menu, .navbar-expand-xxl.navbar-floating .dropdown-menu:not(.hs-sub-menu) {
margin-top: 0;
}

.navbar-expand-xxl .navbar-floating-nav {
border-radius: .5rem;
padding-left: 1rem;
padding-right: 1rem;
}

.navbar-expand-xxl.navbar-vertical.navbar-sidebar {
-ms-flex-flow: column;
flex-flow: column;
overflow-y: scroll;
height: 100%;
max-height: 100vh;
}

.navbar-expand-xxl.navbar-vertical.navbar-sidebar::-webkit-scrollbar {
width: .6125rem;
}

.navbar-expand-xxl.navbar-vertical.navbar-sidebar::-webkit-scrollbar-thumb {
background-color: rgba(189,197,209,.6);
}

.navbar-expand-xxl.navbar-vertical.navbar-sidebar .navbar-collapse {
width: 100%;
display: block !important;
}

.navbar-expand-xxl.navbar-vertical.navbar-sidebar .navbar-nav {
display: block;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
}

.navbar-expand-xxl .navbar-vertical.navbar-collapse {
display: block !important;
}

.navbar-expand-xxl .navbar-vertical.navbar-vertical-fixed {
height: 100%;
}

.navbar-expand-xxl .navbar-dropdown-menu-promo {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}

.navbar-expand-xxl .navbar-dropdown-menu-promo-item {
display: -ms-flexbox;
display: flex;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
-ms-flex-direction: column;
flex-direction: column;
}

.navbar-expand-xxl .navbar-dropdown-menu-promo-item:not(:last-child) .navbar-dropdown-menu-promo-link {
position: relative;
}

.navbar-expand-xxl .navbar-dropdown-menu-promo-item:not(:last-child) .navbar-dropdown-menu-promo-link::after {
position: absolute;
top: 0;
right: 0;
margin-right: -.75rem;
border-right: .0625rem solid rgba(231,234,243,.7);
height: 100%;
content: '';
}
}

.navbar-expand .navbar-toggler {
-ms-flex-order: 1;
order: 1;
}

.navbar-expand .navbar-collapse {
width: auto;
-ms-flex-order: 2;
order: 2;
}

.navbar-expand .navbar-nav-wrap-secondary-content {
-ms-flex-order: 3;
order: 3;
}

.navbar-expand:not(.navbar-vertical) .navbar-nav {
-ms-flex-align: center;
align-items: center;
}

.navbar-expand .navbar-nav-wrap .navbar-aside-toggler {
display: none;
}

.navbar-expand .hs-sub-menu.dropdown-menu, .navbar-expand .hs-sub-menu.dropdown-menu[data-bs-popper] {
margin-top: 0;
}

.navbar-expand .dropdown-menu {
margin-top: .75rem;
}

.navbar-expand .dropdown-menu .hs-has-sub-menu .dropdown-menu {
margin-top: -.6875rem;
margin-left: .5rem;
}

.navbar-expand .dropdown-menu .hs-has-sub-menu .dropdown-menu[data-bs-popper] {
top: 0;
left: 100%;
}

.navbar-expand .dropdown-menu .hs-has-sub-menu .dropdown-menu::before {
top: 0;
left: -1rem;
width: 1rem;
height: 100%;
}

.navbar-expand.navbar-sidebar-detached .navbar-brand {
width: 16.25rem;
margin-right: 0;
}

.navbar-expand .navbar-topbar .navbar-toggler {
margin-left: 0;
}

.navbar-expand .navbar-topbar .nav-link {
font-size: .9375rem;
padding: .5rem .75rem;
}

.navbar-expand .navbar-topbar .nav-item:first-child .nav-link {
padding-left: 0;
}

.navbar-expand .navbar-topbar .nav-item:last-child .nav-link {
padding-right: 0;
}

.navbar-expand.navbar-center .navbar-nav {
-ms-flex-pack: center;
justify-content: center;
}

.navbar-expand.navbar-end .navbar-topbar .navbar-nav {
-ms-flex-positive: 1;
flex-grow: 1;
margin-left: 0;
}

.navbar-expand.navbar-end .navbar-nav {
-ms-flex-pack: end;
justify-content: flex-end;
margin-left: auto;
}

.navbar-expand.navbar-end .navbar-absolute-top-scroller, .navbar-expand.navbar-end .navbar-sticky-top-scroller {
margin-left: auto;
}

.navbar-expand.navbar-floating {
position: absolute;
right: 0;
left: 0;
margin-top: 2.5rem;
}

.navbar-expand.navbar-floating.navbar-scrolled {
position: fixed;
background-color: #fff;
box-shadow: 0 .375rem 1.5rem 0 rgba(140,152,164,.125);
margin-top: 0;
}

.navbar-expand.navbar-floating.navbar-scrolled .navbar-floating-nav {
padding-top: 0;
padding-bottom: 0;
}

.navbar-expand.navbar-floating.navbar.navbar-scrolled .navbar-floating-nav {
box-shadow: none;
}

.navbar-expand.navbar-floating .navbar-floating-nav {
box-shadow: 0 .375rem 1.5rem 0 rgba(140,152,164,.125);
padding-top: .5rem;
padding-bottom: .5rem;
}

.navbar-expand.navbar-floating .dropdown-menu, .navbar-expand.navbar-floating .dropdown-menu[data-bs-popper] {
margin-top: .5rem;
}

.navbar-expand.navbar-floating .dropdown-menu .hs-mega-menu, .navbar-expand.navbar-floating .dropdown-menu:not(.hs-sub-menu) {
margin-top: 0;
}

.navbar-expand .navbar-floating-nav {
border-radius: .5rem;
padding-left: 1rem;
padding-right: 1rem;
}

.navbar-expand.navbar-vertical.navbar-sidebar {
-ms-flex-flow: column;
flex-flow: column;
overflow-y: scroll;
height: 100%;
max-height: 100vh;
}

.navbar-expand.navbar-vertical.navbar-sidebar::-webkit-scrollbar {
width: .6125rem;
}

.navbar-expand.navbar-vertical.navbar-sidebar::-webkit-scrollbar-thumb {
background-color: rgba(189,197,209,.6);
}

.navbar-expand.navbar-vertical.navbar-sidebar .navbar-collapse {
width: 100%;
display: block !important;
}

.navbar-expand.navbar-vertical.navbar-sidebar .navbar-nav {
display: block;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
}

.navbar-expand .navbar-vertical.navbar-collapse {
display: block !important;
}

.navbar-expand .navbar-vertical.navbar-vertical-fixed {
height: 100%;
}

.navbar-expand .navbar-dropdown-menu-promo {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}

.navbar-expand .navbar-dropdown-menu-promo-item {
display: -ms-flexbox;
display: flex;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
-ms-flex-direction: column;
flex-direction: column;
}

.navbar-expand .navbar-dropdown-menu-promo-item:not(:last-child) .navbar-dropdown-menu-promo-link {
position: relative;
}

.navbar-expand .navbar-dropdown-menu-promo-item:not(:last-child) .navbar-dropdown-menu-promo-link::after {
position: absolute;
top: 0;
right: 0;
margin-right: -.75rem;
border-right: .0625rem solid rgba(231,234,243,.7);
height: 100%;
content: '';
}

.navbar-expand .navbar-nav-wrap-secondary-content {
margin-left: auto;
}

.navbar-expand .navbar-nav-wrap-secondary-content ~ .navbar-toggler {
margin-left: .5rem;
}

.navbar-expand .navbar-collapse {
background-color: #fff;
}

.navbar-expand .navbar-nav {
padding: 1rem 1rem;
}

.navbar-expand .navbar-nav-wrap .navbar-aside-toggler {
position: static;
}

.navbar-expand .navbar-nav .nav-link, .navbar-expand .navbar-nav .nav-subtitle {
padding: .5rem 0;
}

.navbar-expand .hs-mega-menu {
max-width: 100% !important;
min-width: 100% !important;
}

.navbar-expand .navbar-nav .dropdown-menu:not(.navbar-dropdown-menu) {
position: relative;
box-shadow: none;
border-top-width: 0;
margin-top: 0;
border-radius: 0;
padding-left: 1rem;
}

.navbar-expand .navbar-nav .dropdown-menu:not(.navbar-dropdown-menu)::before {
position: absolute;
top: 0;
left: .4375rem;
width: .125rem;
height: calc(100% - .25rem);
content: '';
background-color: rgba(231,234,243,.7);
}

.navbar-expand .navbar-dropdown-menu, .navbar-expand .navbar-dropdown-submenu {
position: absolute;
}

.navbar-expand .navbar-dropdown-sub-menu {
position: static;
box-shadow: none;
padding: 0;
margin-top: 0;
}

.navbar-expand.navbar-dark .navbar-nav .dropdown-menu {
border-left-width: 0;
}

.navbar-expand .navbar-btn {
padding: .35rem .5rem;
}

.navbar-expand .hs-sub-menu-opened > .dropdown-toggle::after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}

.navbar-expand .dropdown-menu .dropdown-item.dropdown-toggle::after {
-webkit-transform: rotate(0);
transform: rotate(0);
}

.navbar-expand .dropdown-menu .hs-sub-menu-opened > .dropdown-toggle::after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}

.navbar-expand .dropdown-menu .navbar-dropdown-submenu-item.show.dropdown-toggle::after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}

.navbar-expand .hs-mega-menu .hs-mega-menu, .navbar-expand .hs-mega-menu .hs-sub-menu, .navbar-expand .hs-menu-vertical .hs-mega-menu, .navbar-expand .hs-menu-vertical .hs-sub-menu, .navbar-expand .hs-sub-menu .hs-mega-menu, .navbar-expand .hs-sub-menu .hs-sub-menu {
left: 0;
}

.navbar-expand .navbar-topbar {
margin-bottom: .4375rem;
}

.navbar-expand.navbar-dark .navbar-nav {
background-color: #0F172A;
}

.navbar-expand.navbar-vertical .navbar-nav {
padding: 0;
}

.navbar-expand .navbar-dropdown-menu-promo:not(:first-child) .navbar-dropdown-menu-promo-item::after {
top: -.375rem;
}

.navbar-expand .navbar-dropdown-menu-promo:first-child .navbar-dropdown-menu-promo-item {
position: relative;
}

.navbar-expand .navbar-dropdown-menu-promo:first-child .navbar-dropdown-menu-promo-item::after {
position: absolute;
bottom: -.375rem;
right: 0;
border-bottom: .0625rem solid rgba(231,234,243,.7);
width: 100%;
content: '';
}

.navbar-expand .navbar-dropdown-menu-promo:not(:first-child) .navbar-dropdown-menu-promo-item:first-child::after {
border-top-width: 0;
}

.navbar-expand .navbar-absolute-top-inner {
background-color: #fff;
}

.navbar-expand .navbar.navbar-vertical-detached {
position: relative;
width: auto;
}

.navbar-expand .navbar.navbar-vertical-detached .navbar-vertical-container {
height: auto;
min-height: auto;
max-height: none;
}

.navbar-expand ~ .sidebar-detached-content {
margin-left: 0;
}

.navbar-expand .dropdown-menu-form-search {
position: fixed;
top: 0 !important;
left: 0;
height: 100%;
margin-top: 0;
}

.navbar-expand .dropdown-menu-form-search .card-body-height {
height: 100%;
}

@media (max-width:575.98px) {
.navbar-expand-sm .navbar-nav-wrap-secondary-content {
margin-left: auto;
}

.navbar-expand-sm .navbar-nav-wrap-secondary-content ~ .navbar-toggler {
margin-left: .5rem;
}

.navbar-expand-sm .navbar-collapse {
background-color: #fff;
}

.navbar-expand-sm .navbar-nav {
padding: 1rem 1rem;
}

.navbar-expand-sm .navbar-nav-wrap .navbar-aside-toggler {
position: static;
}

.navbar-expand-sm .navbar-nav .nav-link, .navbar-expand-sm .navbar-nav .nav-subtitle {
padding: .5rem 0;
}

.navbar-expand-sm .hs-mega-menu {
max-width: 100% !important;
min-width: 100% !important;
}

.navbar-expand-sm .navbar-nav .dropdown-menu:not(.navbar-dropdown-menu) {
position: relative;
box-shadow: none;
border-top-width: 0;
margin-top: 0;
border-radius: 0;
padding-left: 1rem;
}

.navbar-expand-sm .navbar-nav .dropdown-menu:not(.navbar-dropdown-menu)::before {
position: absolute;
top: 0;
left: .4375rem;
width: .125rem;
height: calc(100% - .25rem);
content: '';
background-color: rgba(231,234,243,.7);
}

.navbar-expand-sm .navbar-dropdown-menu, .navbar-expand-sm .navbar-dropdown-submenu {
position: absolute;
}

.navbar-expand-sm .navbar-dropdown-sub-menu {
position: static;
box-shadow: none;
padding: 0;
margin-top: 0;
}

.navbar-expand-sm.navbar-dark .navbar-nav .dropdown-menu {
border-left-width: 0;
}

.navbar-expand-sm .navbar-btn {
padding: .35rem .5rem;
}

.navbar-expand-sm .hs-sub-menu-opened > .dropdown-toggle::after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}

.navbar-expand-sm .dropdown-menu .dropdown-item.dropdown-toggle::after {
-webkit-transform: rotate(0);
transform: rotate(0);
}

.navbar-expand-sm .dropdown-menu .hs-sub-menu-opened > .dropdown-toggle::after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}

.navbar-expand-sm .dropdown-menu .navbar-dropdown-submenu-item.show.dropdown-toggle::after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}

.navbar-expand-sm .hs-mega-menu .hs-mega-menu, .navbar-expand-sm .hs-mega-menu .hs-sub-menu, .navbar-expand-sm .hs-menu-vertical .hs-mega-menu, .navbar-expand-sm .hs-menu-vertical .hs-sub-menu, .navbar-expand-sm .hs-sub-menu .hs-mega-menu, .navbar-expand-sm .hs-sub-menu .hs-sub-menu {
left: 0;
}

.navbar-expand-sm .navbar-topbar {
margin-bottom: .4375rem;
}

.navbar-expand-sm.navbar-dark .navbar-nav {
background-color: #0F172A;
}

.navbar-expand-sm.navbar-vertical .navbar-nav {
padding: 0;
}

.navbar-expand-sm .navbar-dropdown-menu-promo:not(:first-child) .navbar-dropdown-menu-promo-item::after {
top: -.375rem;
}

.navbar-expand-sm .navbar-dropdown-menu-promo:first-child .navbar-dropdown-menu-promo-item {
position: relative;
}

.navbar-expand-sm .navbar-dropdown-menu-promo:first-child .navbar-dropdown-menu-promo-item::after {
position: absolute;
bottom: -.375rem;
right: 0;
border-bottom: .0625rem solid rgba(231,234,243,.7);
width: 100%;
content: '';
}

.navbar-expand-sm .navbar-dropdown-menu-promo:not(:first-child) .navbar-dropdown-menu-promo-item:first-child::after {
border-top-width: 0;
}

.navbar-expand-sm .navbar-absolute-top-inner {
background-color: #fff;
}

.navbar-expand-sm .navbar.navbar-vertical-detached {
position: relative;
width: auto;
}

.navbar-expand-sm .navbar.navbar-vertical-detached .navbar-vertical-container {
height: auto;
min-height: auto;
max-height: none;
}

.navbar-expand-sm ~ .sidebar-detached-content {
margin-left: 0;
}

.navbar-expand-sm .dropdown-menu-form-search {
position: fixed;
top: 0 !important;
left: 0;
height: 100%;
margin-top: 0;
}

.navbar-expand-sm .dropdown-menu-form-search .card-body-height {
height: 100%;
}
}

@media (max-width:767.98px) {
.navbar-expand-md .navbar-nav-wrap-secondary-content {
margin-left: auto;
}

.navbar-expand-md .navbar-nav-wrap-secondary-content ~ .navbar-toggler {
margin-left: .5rem;
}

.navbar-expand-md .navbar-collapse {
background-color: #fff;
}

.navbar-expand-md .navbar-nav {
padding: 1rem 1rem;
}

.navbar-expand-md .navbar-nav-wrap .navbar-aside-toggler {
position: static;
}

.navbar-expand-md .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-subtitle {
padding: .5rem 0;
}

.navbar-expand-md .hs-mega-menu {
max-width: 100% !important;
min-width: 100% !important;
}

.navbar-expand-md .navbar-nav .dropdown-menu:not(.navbar-dropdown-menu) {
position: relative;
box-shadow: none;
border-top-width: 0;
margin-top: 0;
border-radius: 0;
padding-left: 1rem;
}

.navbar-expand-md .navbar-nav .dropdown-menu:not(.navbar-dropdown-menu)::before {
position: absolute;
top: 0;
left: .4375rem;
width: .125rem;
height: calc(100% - .25rem);
content: '';
background-color: rgba(231,234,243,.7);
}

.navbar-expand-md .navbar-dropdown-menu, .navbar-expand-md .navbar-dropdown-submenu {
position: absolute;
}

.navbar-expand-md .navbar-dropdown-sub-menu {
position: static;
box-shadow: none;
padding: 0;
margin-top: 0;
}

.navbar-expand-md.navbar-dark .navbar-nav .dropdown-menu {
border-left-width: 0;
}

.navbar-expand-md .navbar-btn {
padding: .35rem .5rem;
}

.navbar-expand-md .hs-sub-menu-opened > .dropdown-toggle::after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}

.navbar-expand-md .dropdown-menu .dropdown-item.dropdown-toggle::after {
-webkit-transform: rotate(0);
transform: rotate(0);
}

.navbar-expand-md .dropdown-menu .hs-sub-menu-opened > .dropdown-toggle::after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}

.navbar-expand-md .dropdown-menu .navbar-dropdown-submenu-item.show.dropdown-toggle::after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}

.navbar-expand-md .hs-mega-menu .hs-mega-menu, .navbar-expand-md .hs-mega-menu .hs-sub-menu, .navbar-expand-md .hs-menu-vertical .hs-mega-menu, .navbar-expand-md .hs-menu-vertical .hs-sub-menu, .navbar-expand-md .hs-sub-menu .hs-mega-menu, .navbar-expand-md .hs-sub-menu .hs-sub-menu {
left: 0;
}

.navbar-expand-md .navbar-topbar {
margin-bottom: .4375rem;
}

.navbar-expand-md.navbar-dark .navbar-nav {
background-color: #0F172A;
}

.navbar-expand-md.navbar-vertical .navbar-nav {
padding: 0;
}

.navbar-expand-md .navbar-dropdown-menu-promo:not(:first-child) .navbar-dropdown-menu-promo-item::after {
top: -.375rem;
}

.navbar-expand-md .navbar-dropdown-menu-promo:first-child .navbar-dropdown-menu-promo-item {
position: relative;
}

.navbar-expand-md .navbar-dropdown-menu-promo:first-child .navbar-dropdown-menu-promo-item::after {
position: absolute;
bottom: -.375rem;
right: 0;
border-bottom: .0625rem solid rgba(231,234,243,.7);
width: 100%;
content: '';
}

.navbar-expand-md .navbar-dropdown-menu-promo:not(:first-child) .navbar-dropdown-menu-promo-item:first-child::after {
border-top-width: 0;
}

.navbar-expand-md .navbar-absolute-top-inner {
background-color: #fff;
}

.navbar-expand-md .navbar.navbar-vertical-detached {
position: relative;
width: auto;
}

.navbar-expand-md .navbar.navbar-vertical-detached .navbar-vertical-container {
height: auto;
min-height: auto;
max-height: none;
}

.navbar-expand-md ~ .sidebar-detached-content {
margin-left: 0;
}

.navbar-expand-md .dropdown-menu-form-search {
position: fixed;
top: 0 !important;
left: 0;
height: 100%;
margin-top: 0;
}

.navbar-expand-md .dropdown-menu-form-search .card-body-height {
height: 100%;
}
}

@media (max-width:991.98px) {
.navbar-expand-lg .navbar-nav-wrap-secondary-content {
margin-left: auto;
}

.navbar-expand-lg .navbar-nav-wrap-secondary-content ~ .navbar-toggler {
margin-left: .5rem;
}

.navbar-expand-lg .navbar-collapse {
background-color: #fff;
}

.navbar-expand-lg .navbar-nav {
padding: 1rem 1rem;
}

.navbar-expand-lg .navbar-nav-wrap .navbar-aside-toggler {
position: static;
}

.navbar-expand-lg .navbar-nav .nav-link, .navbar-expand-lg .navbar-nav .nav-subtitle {
padding: .5rem 0;
}

.navbar-expand-lg .hs-mega-menu {
max-width: 100% !important;
min-width: 100% !important;
}

.navbar-expand-lg .navbar-nav .dropdown-menu:not(.navbar-dropdown-menu) {
position: absolute;
}

.navbar .dropdown-menu.custom {
border-top: 0;
box-shadow: none;
background: #f7f7f7;
border-radius: 0;
position: initial !important;
}

.navbar-toggler {
background-color: #f7f7f7;
color: #2ba24b;
padding: 0.2rem 0.3rem;
font-size: 1.5rem;
}
.navbar-brand {
margin-right: 0;
padding-top: 15px;
}

.navbar .nav-item:not(:last-child) {
margin-right: 0;
}
/*.navbar-expand-lg .navbar-nav .dropdown-menu:not(.navbar-dropdown-menu)::before {
position: absolute;
top: 0;
left: .4375rem;
width: .125rem;
height: calc(100% - .25rem);
content: '';
background-color: rgba(231,234,243,.7);
}*/

.navbar-expand-lg .navbar-dropdown-menu, .navbar-expand-lg .navbar-dropdown-submenu {
position: absolute;
}

.navbar-expand-lg .navbar-dropdown-sub-menu {
position: static;
box-shadow: none;
padding: 0;
margin-top: 0;
}

.navbar-expand-lg.navbar-dark .navbar-nav .dropdown-menu {
border-left-width: 0;
}

.navbar-expand-lg .navbar-btn {
padding: .35rem .5rem;
}

.navbar-expand-lg .hs-sub-menu-opened > .dropdown-toggle::after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}

.navbar-expand-lg .dropdown-menu .dropdown-item.dropdown-toggle::after {
-webkit-transform: rotate(0);
transform: rotate(0);
}

.navbar-expand-lg .dropdown-menu .hs-sub-menu-opened > .dropdown-toggle::after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}

.navbar-expand-lg .dropdown-menu .navbar-dropdown-submenu-item.show.dropdown-toggle::after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}

.navbar-expand-lg .hs-mega-menu .hs-mega-menu, .navbar-expand-lg .hs-mega-menu .hs-sub-menu, .navbar-expand-lg .hs-menu-vertical .hs-mega-menu, .navbar-expand-lg .hs-menu-vertical .hs-sub-menu, .navbar-expand-lg .hs-sub-menu .hs-mega-menu, .navbar-expand-lg .hs-sub-menu .hs-sub-menu {
left: 0;
}

.navbar-expand-lg .navbar-topbar {
margin-bottom: .4375rem;
}

.navbar-expand-lg.navbar-dark .navbar-nav {
background-color: #0F172A;
}

.navbar-expand-lg.navbar-vertical .navbar-nav {
padding: 0;
}

.navbar-expand-lg .navbar-dropdown-menu-promo:not(:first-child) .navbar-dropdown-menu-promo-item::after {
top: -.375rem;
}

.navbar-expand-lg .navbar-dropdown-menu-promo:first-child .navbar-dropdown-menu-promo-item {
position: relative;
}

.navbar-expand-lg .navbar-dropdown-menu-promo:first-child .navbar-dropdown-menu-promo-item::after {
position: absolute;
bottom: -.375rem;
right: 0;
border-bottom: .0625rem solid rgba(231,234,243,.7);
width: 100%;
content: '';
}

.navbar-expand-lg .navbar-dropdown-menu-promo:not(:first-child) .navbar-dropdown-menu-promo-item:first-child::after {
border-top-width: 0;
}

.navbar-expand-lg .navbar-absolute-top-inner {
background-color: #fff;
}

.navbar-expand-lg .navbar.navbar-vertical-detached {
position: relative;
width: auto;
}

.navbar-expand-lg .navbar.navbar-vertical-detached .navbar-vertical-container {
height: auto;
min-height: auto;
max-height: none;
}

.navbar-expand-lg ~ .sidebar-detached-content {
margin-left: 0;
}

.navbar-expand-lg .dropdown-menu-form-search {
position: fixed;
top: 0 !important;
left: 0;
height: 100%;
margin-top: 0;
}

.navbar-expand-lg .dropdown-menu-form-search .card-body-height {
height: 100%;
}
}

@media (max-width:1199.98px) {
.navbar-expand-xl .navbar-nav-wrap-secondary-content {
margin-left: auto;
}

.navbar-expand-xl .navbar-nav-wrap-secondary-content ~ .navbar-toggler {
margin-left: .5rem;
}

.navbar-expand-xl .navbar-collapse {
background-color: #fff;
}

.navbar-expand-xl .navbar-nav {
padding: 1rem 1rem;
}

.navbar-expand-xl .navbar-nav-wrap .navbar-aside-toggler {
position: static;
}

.navbar-expand-xl .navbar-nav .nav-link, .navbar-expand-xl .navbar-nav .nav-subtitle {
padding: .5rem 0;
}

.navbar-expand-xl .hs-mega-menu {
max-width: 100% !important;
min-width: 100% !important;
}

.navbar-expand-xl .navbar-nav .dropdown-menu:not(.navbar-dropdown-menu) {
position: relative;
box-shadow: none;
border-top-width: 0;
margin-top: 0;
border-radius: 0;
padding-left: 1rem;
}

.navbar-expand-xl .navbar-nav .dropdown-menu:not(.navbar-dropdown-menu)::before {
position: absolute;
top: 0;
left: .4375rem;
width: .125rem;
height: calc(100% - .25rem);
content: '';
background-color: rgba(231,234,243,.7);
}

.navbar-expand-xl .navbar-dropdown-menu, .navbar-expand-xl .navbar-dropdown-submenu {
position: absolute;
}

.navbar-expand-xl .navbar-dropdown-sub-menu {
position: static;
box-shadow: none;
padding: 0;
margin-top: 0;
}

.navbar-expand-xl.navbar-dark .navbar-nav .dropdown-menu {
border-left-width: 0;
}

.navbar-expand-xl .navbar-btn {
padding: .35rem .5rem;
}

.navbar-expand-xl .hs-sub-menu-opened > .dropdown-toggle::after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}

.navbar-expand-xl .dropdown-menu .dropdown-item.dropdown-toggle::after {
-webkit-transform: rotate(0);
transform: rotate(0);
}

.navbar-expand-xl .dropdown-menu .hs-sub-menu-opened > .dropdown-toggle::after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}

.navbar-expand-xl .dropdown-menu .navbar-dropdown-submenu-item.show.dropdown-toggle::after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}

.navbar-expand-xl .hs-mega-menu .hs-mega-menu, .navbar-expand-xl .hs-mega-menu .hs-sub-menu, .navbar-expand-xl .hs-menu-vertical .hs-mega-menu, .navbar-expand-xl .hs-menu-vertical .hs-sub-menu, .navbar-expand-xl .hs-sub-menu .hs-mega-menu, .navbar-expand-xl .hs-sub-menu .hs-sub-menu {
left: 0;
}

.navbar-expand-xl .navbar-topbar {
margin-bottom: .4375rem;
}

.navbar-expand-xl.navbar-dark .navbar-nav {
background-color: #0F172A;
}

.navbar-expand-xl.navbar-vertical .navbar-nav {
padding: 0;
}

.navbar-expand-xl .navbar-dropdown-menu-promo:not(:first-child) .navbar-dropdown-menu-promo-item::after {
top: -.375rem;
}

.navbar-expand-xl .navbar-dropdown-menu-promo:first-child .navbar-dropdown-menu-promo-item {
position: relative;
}

.navbar-expand-xl .navbar-dropdown-menu-promo:first-child .navbar-dropdown-menu-promo-item::after {
position: absolute;
bottom: -.375rem;
right: 0;
border-bottom: .0625rem solid rgba(231,234,243,.7);
width: 100%;
content: '';
}

.navbar-expand-xl .navbar-dropdown-menu-promo:not(:first-child) .navbar-dropdown-menu-promo-item:first-child::after {
border-top-width: 0;
}

.navbar-expand-xl .navbar-absolute-top-inner {
background-color: #fff;
}

.navbar-expand-xl .navbar.navbar-vertical-detached {
position: relative;
width: auto;
}

.navbar-expand-xl .navbar.navbar-vertical-detached .navbar-vertical-container {
height: auto;
min-height: auto;
max-height: none;
}

.navbar-expand-xl ~ .sidebar-detached-content {
margin-left: 0;
}

.navbar-expand-xl .dropdown-menu-form-search {
position: fixed;
top: 0 !important;
left: 0;
height: 100%;
margin-top: 0;
}

.navbar-expand-xl .dropdown-menu-form-search .card-body-height {
height: 100%;
}
}

@media (max-width:1399.98px) {
.navbar-expand-xxl .navbar-nav-wrap-secondary-content {
margin-left: auto;
}

.navbar-expand-xxl .navbar-nav-wrap-secondary-content ~ .navbar-toggler {
margin-left: .5rem;
}

.navbar-expand-xxl .navbar-collapse {
background-color: #fff;
}

.navbar-expand-xxl .navbar-nav {
padding: 1rem 1rem;
}

.navbar-expand-xxl .navbar-nav-wrap .navbar-aside-toggler {
position: static;
}

.navbar-expand-xxl .navbar-nav .nav-link, .navbar-expand-xxl .navbar-nav .nav-subtitle {
padding: .5rem 0;
}

.navbar-expand-xxl .hs-mega-menu {
max-width: 100% !important;
min-width: 100% !important;
}

.navbar-expand-xxl .navbar-nav .dropdown-menu:not(.navbar-dropdown-menu) {
position: relative;
box-shadow: none;
border-top-width: 0;
margin-top: 0;
border-radius: 0;
padding-left: 1rem;
}

.navbar-expand-xxl .navbar-nav .dropdown-menu:not(.navbar-dropdown-menu)::before {
position: absolute;
top: 0;
left: .4375rem;
width: .125rem;
height: calc(100% - .25rem);
content: '';
background-color: rgba(231,234,243,.7);
}

.navbar-expand-xxl .navbar-dropdown-menu, .navbar-expand-xxl .navbar-dropdown-submenu {
position: absolute;
}

.navbar-expand-xxl .navbar-dropdown-sub-menu {
position: static;
box-shadow: none;
padding: 0;
margin-top: 0;
}

.navbar-expand-xxl.navbar-dark .navbar-nav .dropdown-menu {
border-left-width: 0;
}

.navbar-expand-xxl .navbar-btn {
padding: .35rem .5rem;
}

.navbar-expand-xxl .hs-sub-menu-opened > .dropdown-toggle::after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}

.navbar-expand-xxl .dropdown-menu .dropdown-item.dropdown-toggle::after {
-webkit-transform: rotate(0);
transform: rotate(0);
}

.navbar-expand-xxl .dropdown-menu .hs-sub-menu-opened > .dropdown-toggle::after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}

.navbar-expand-xxl .dropdown-menu .navbar-dropdown-submenu-item.show.dropdown-toggle::after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}

.navbar-expand-xxl .hs-mega-menu .hs-mega-menu, .navbar-expand-xxl .hs-mega-menu .hs-sub-menu, .navbar-expand-xxl .hs-menu-vertical .hs-mega-menu, .navbar-expand-xxl .hs-menu-vertical .hs-sub-menu, .navbar-expand-xxl .hs-sub-menu .hs-mega-menu, .navbar-expand-xxl .hs-sub-menu .hs-sub-menu {
left: 0;
}

.navbar-expand-xxl .navbar-topbar {
margin-bottom: .4375rem;
}

.navbar-expand-xxl.navbar-dark .navbar-nav {
background-color: #0F172A;
}

.navbar-expand-xxl.navbar-vertical .navbar-nav {
padding: 0;
}

.navbar-expand-xxl .navbar-dropdown-menu-promo:not(:first-child) .navbar-dropdown-menu-promo-item::after {
top: -.375rem;
}

.navbar-expand-xxl .navbar-dropdown-menu-promo:first-child .navbar-dropdown-menu-promo-item {
position: relative;
}

.navbar-expand-xxl .navbar-dropdown-menu-promo:first-child .navbar-dropdown-menu-promo-item::after {
position: absolute;
bottom: -.375rem;
right: 0;
border-bottom: .0625rem solid rgba(231,234,243,.7);
width: 100%;
content: '';
}

.navbar-expand-xxl .navbar-dropdown-menu-promo:not(:first-child) .navbar-dropdown-menu-promo-item:first-child::after {
border-top-width: 0;
}

.navbar-expand-xxl .navbar-absolute-top-inner {
background-color: #fff;
}

.navbar-expand-xxl .navbar.navbar-vertical-detached {
position: relative;
width: auto;
}

.navbar-expand-xxl .navbar.navbar-vertical-detached .navbar-vertical-container {
height: auto;
min-height: auto;
max-height: none;
}

.navbar-expand-xxl ~ .sidebar-detached-content {
margin-left: 0;
}

.navbar-expand-xxl .dropdown-menu-form-search {
position: fixed;
top: 0 !important;
left: 0;
height: 100%;
margin-top: 0;
}

.navbar-expand-xxl .dropdown-menu-form-search .card-body-height {
height: 100%;
}
}

.navbar-expand .navbar-nav .nav-link, .navbar-expand .navbar-nav .nav-subtitle {
padding-right: 1rem;
padding-left: 1rem;
}


@media (min-width:992px) and (max-width:1199.98px) {
[class*=navbar-expand] .navbar-nav-wrap .navbar-aside-toggler {
display: block;
}
}

.navbar-vertical.navbar {
display: block;
padding: 0;
}

.navbar-vertical.navbar.collapse:not(.show) {
display: none;
}

.navbar-vertical.navbar .nav-subtitle-replacer {
display: none;
color: #8c98a4;
text-align: center;
font-size: 1.3125rem;
padding: .5rem 0;
}

.navbar-vertical-container {
position: relative;
height: 100%;
min-height: 100%;
}

.navbar-vertical-fixed .navbar-vertical-container {
max-height: 100%;
}

.navbar-vertical-content {
overflow: hidden;
}

.navbar-vertical .nav-compact, .navbar-vertical .nav-compact-icon {
-ms-flex-direction: column;
flex-direction: column;
}

.navbar-vertical .nav-compact .nav-link-title, .navbar-vertical .nav-compact-icon .nav-link-title {
max-width: 8.5rem;
}

.navbar-vertical .nav-compact .nav-link, .navbar-vertical .nav-compact-icon .nav-link {
display: block;
}

.navbar-vertical .nav-compact .nav-tabs .nav-collapse .nav-item .nav-link, .navbar-vertical .nav-compact-icon .nav-tabs .nav-collapse .nav-item .nav-link {
display: -ms-flexbox;
display: flex;
}

.navbar-vertical-absolute {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 16.25rem;
margin-left: -16.25rem;
}

.navbar-vertical-fixed {
position: fixed;
top: 0;
left: 0;
bottom: 0;
z-index: 100;
width: 16.25rem;
margin-left: -16.25rem;
}

.navbar-vertical-fixed .navbar-vertical-footer {
position: absolute;
right: 0;
bottom: 0;
left: 0;
}

.navbar-vertical-fixed .navbar-vertical-footer-offset {
height: 100%;
padding-bottom: 4.25rem;
}

.navbar-vertical.navbar-bordered {
border-width: 0 .0625rem 0 0;
}

.navbar-vertical-footer {
border-top: .0625rem solid rgba(231,234,243,.7);
padding: .75rem 2rem;
}

.navbar-vertical-footer-list {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
list-style: none;
margin-bottom: 0;
}

.navbar-vertical-footer-list .navbar-vertical-footer-list-item {
position: relative;
margin: 0 .5rem;
}

.navbar-vertical-footer-dropdown {
margin-bottom: 1.5rem;
}

.navbar-vertical-detached.navbar {
top: auto;
left: auto;
width: 16.25rem;
z-index: 98;
margin-left: 0;
bottom: auto;
}

.navbar-vertical-detached.navbar .navbar-vertical-footer {
position: static;
}

.navbar-vertical-detached .card-navbar-nav .navbar-nav {
padding: 0;
}

.navbar-vertical-detached .card-navbar-nav .nav-tabs {
margin-left: -.5rem;
}

.navbar-vertical-detached .card-navbar-nav .nav-link {
padding-left: 1.5rem;
}

.navbar-vertical-detached.navbar-vertical .nav-tabs .nav-collapse .nav-link {
padding-left: 3.5rem;
}

.navbar.navbar-vertical-detached-no-gutters .navbar-nav .nav-link, .navbar.navbar-vertical-detached-no-gutters .navbar-nav .nav-subtitle {
padding-right: 0;
padding-left: 0;
}

.navbar.navbar-vertical-detached-no-gutters .navbar-nav .nav .nav-link {
padding-right: 0;
padding-left: 2.1875rem;
}

.navbar-vertical-aside:not(.splitted-content-navbar):not([class*=container]) .nav-vertical.nav-tabs .nav-link {
padding-left: 2rem;
padding-right: 2rem;
}

.navbar-vertical:not(.splitted-content-navbar):not([class*=container]) .nav-vertical.nav-tabs .dropdown-header {
padding-left: 1.5rem;
padding-right: 1.5rem;
}

.navbar-vertical:not(.splitted-content-navbar):not([class*=container]) .nav-vertical.nav-tabs .nav-collapse .nav-link {
padding-right: 2rem;
padding-left: 3.91875rem;
}

.navbar-vertical:not(.splitted-content-navbar):not([class*=container]) .nav-vertical.nav-tabs .nav-collapse .nav-collapse .nav-link {
padding-left: 4.66875rem;
}

.navbar-vertical:not(.splitted-content-navbar):not([class*=container]) .navbar-nav .nav-collapse .nav-link {
padding-right: 4.66875rem;
padding-left: 3rem;
}

.navbar-vertical:not(.splitted-content-navbar):not([class*=container]) .nav-vertical.nav-tabs .nav-item.show > .nav-link {
color: #0F172A0F172A;
}

.navbar-vertical-aside-mini-mode .navbar-vertical:not(.splitted-content-navbar):not([class*=container]) .nav-vertical.nav-tabs .show > .nav-link[aria-expanded=true] {
border-color: #0F172A0F172A;
}

.navbar-vertical-aside-mini-mode .navbar-vertical:not(.splitted-content-navbar):not([class*=container]) .nav-vertical.nav-tabs .show > .nav-link[aria-expanded=true].dropdown-toggle::before {
background-color: #0F172A0F172A;
}

.navbar-vertical-aside-mini-mode .navbar-vertical:not(.splitted-content-navbar):not([class*=container]) .nav-vertical.nav-tabs .show .nav-item.show > .nav-link {
border-color: transparent;
}

.navbar-vertical-aside-mini-mode .navbar-vertical:not(.splitted-content-navbar):not([class*=container]) .nav-vertical.nav-tabs .nav-collapse .nav-link {
padding-left: 2rem;
padding-right: 2rem;
}

.navbar-vertical-aside-mini-mode .navbar-vertical:not(.splitted-content-navbar):not([class*=container]) .nav-vertical.nav-tabs .nav-collapse .nav-collapse .nav-link {
padding-left: 2rem;
}

.navbar-vertical:not(.splitted-content-navbar):not([class*=container]) .nav-subtitle, .navbar-vertical:not(.splitted-content-navbar):not([class*=container]) .nav-subtitle-replacer, .navbar-vertical:not(.splitted-content-navbar):not([class*=container]) .nav-title {
padding-right: 0;
padding-left: 0;
}

.navbar-vertical:not(.splitted-content-navbar):not([class*=container]) .navbar-nav.nav-compact .nav-link, .navbar-vertical:not(.splitted-content-navbar):not([class*=container]) .navbar-nav.nav-compact-icon .nav-link {
padding-right: 0;
padding-left: 0;
}

.navbar-vertical-aside-transition-on .footer, .navbar-vertical-aside-transition-on .main, .navbar-vertical-aside-transition-on .navbar, .navbar-vertical-aside-transition-on .navbar-vertical-aside {
transition: .2s ease-in-out;
}

.navbar-vertical-aside-transition-on .navbar-vertical-aside .navbar-vertical-footer {
opacity: 0;
}

.has-navbar-vertical-aside.navbar-vertical-aside-closed-mode .main {
padding-left: 0;
}

.navbar-fixed ~ .main .navbar-vertical-aside {
top: 0;
}

[class*=navbar-vertical-aside-show] .navbar.splitted-content-navbar .navbar-brand {
display: block;
}

[class*=navbar-vertical-aside-show] .navbar-vertical.splitted-content-navbar .navbar-brand {
display: -ms-flexbox;
display: flex;
}

[class*=navbar-vertical-aside-show] .navbar-nav-wrap-content-left {
padding-left: 0;
}

.navbar-vertical-aside-mini-mode-hidden-elements {
-ms-flex: 1;
flex: 1;
}

.navbar-vertical-aside .navbar-brand {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
height: 3.875rem;
padding-right: 1.75rem;
padding-left: 1.75rem;
}

.navbar-vertical-aside .navbar-brand-logo {
display: block;
}

.navbar-vertical-aside .navbar-brand-logo-mini {
width: 43px;
display: none;
}

.navbar-aside-toggler {
opacity: 0;
z-index: 10F172A;
width: 2.40625rem;
height: 2.40625rem;
font-size: .875rem;
color: #0F172A;
background-color: #fff;
border: .0625rem solid rgba(231,234,243,.7);
border-radius: 50%;
transition: .4s;
}

.navbar-vertical-aside .navbar-aside-toggler {
position: absolute;
top: calc(1.9375rem - 1.20312rem);
right: -1.20312rem;
}

.navbar-vertical-content {
height: calc(100% - 3.875rem);
overflow-y: auto;
}

.navbar-vertical-content::-webkit-scrollbar {
width: .6125rem;
}

.navbar-vertical-content::-webkit-scrollbar-thumb {
background-color: rgba(189,197,209,.6);
}

.nav-footer-item {
display: none;
}

.nav-footer-item:last-child {
margin-bottom: 2rem;
}

.navbar-vertical-aside-mini-mode .navbar-vertical-aside {
position: fixed;
}

.navbar-vertical-aside-mini-mode .navbar-vertical-aside .navbar-vertical-content {
height: 100%;
}

.navbar-vertical-aside-mini-mode .navbar-vertical-aside .navbar-vertical-footer {
position: static;
margin-top: -.0625rem;
}

.navbar-vertical-aside-mini-mode .navbar-vertical-aside .navbar-vertical-footer .navbar-vertical-footer-list-item {
position: static;
}

.navbar-vertical-aside-mini-mode .navbar-vertical-aside .navbar-vertical-footer .navbar-vertical-footer-list-item .hs-unfold {
position: static;
}

.navbar-vertical-aside-mini-mode .navbar-vertical-aside .navbar-vertical-footer-offset {
padding-bottom: 0;
}

.navbar-vertical-aside-mini-mode .navbar-vertical-aside .navbar-vertical-footer-list-item {
margin: .5rem 0;
}

.navbar-vertical-aside-mini-mode .navbar-vertical-aside .navbar-vertical-footer-dropdown {
top: 0;
left: calc(100% + 1rem);
margin: 0;
}

.navbar-vertical-aside-mini-mode .navbar-vertical-aside .navbar-vertical-footer-dropdown.hs-unfold-reverse-y {
top: auto;
bottom: 0;
}

.navbar-vertical-aside-mini-mode .navbar-vertical-aside .navbar-vertical-footer-dropdown::before {
position: absolute;
top: 0;
display: block;
right: calc(100% - .0625rem);
width: 1.75rem;
height: 100%;
content: '';
}

.navbar-vertical-aside.navbar-vertical-aside-initialized {
margin-left: 0;
}

.navbar-vertical-aside-closed-mode .navbar-vertical-aside.navbar-vertical-aside-initialized {
margin-left: -16.25rem;
}

.navbar-vertical-aside-closed-mode .navbar-vertical-aside.splitted-content-navbar.navbar-vertical-aside-initialized {
margin-left: -22rem;
}

.navbar-vertical-aside-closed-mode .navbar-vertical-aside {
margin-left: -16.25rem;
}

.navbar-vertical-aside .nav.nav-pills {
padding-right: 1.25rem;
padding-left: 1.25rem;
}

.navbar-vertical-aside-compact-mode .navbar-vertical-aside {
width: 9rem !important;
}

.navbar-vertical-aside-compact-mode .navbar-vertical .navbar-brand {
margin-right: 0;
}

.navbar-vertical-aside-compact-mode .nav-item > .nav-collapse {
position: absolute;
top: 0;
left: calc(100% + .9125rem);
z-index: 2;
min-width: 15rem;
background-color: #fff;
padding: .5rem .5rem;
box-shadow: 0 .6125rem 2.5rem .6125rem rgba(140,152,164,.175);
border-radius: .5rem;
}

.navbar-vertical-aside-compact-mode .navbar-vertical-aside .nav-vertical.nav-pills .nav-collapse {
text-align: left;
padding-left: 1.9375rem;
}

.navbar-vertical-aside-compact-mode .navbar-vertical-aside .nav-vertical.nav-pills .nav-collapse::before {
height: 100%;
}

.navbar-vertical-aside-compact-mode .navbar-vertical-aside .nav-vertical.nav-pills .nav-collapse .nav-collapse {
position: static;
box-shadow: none;
}

.navbar-vertical-aside-compact-mode .navbar-vertical-aside .nav-collapse.collapsing {
transition: none;
}

.navbar-vertical-aside-compact-mode .navbar-vertical-aside .nav.nav-pills.nav-vertical .nav-collapse .nav-link {
padding: .5rem 1rem;
}

.navbar-vertical-aside-compact-mode .navbar-vertical-aside .nav.nav-vertical.nav-tabs .nav-collapse {
text-align: left;
}

.navbar-vertical-aside-compact-mode .navbar-vertical-aside .nav.nav-vertical.nav-tabs .nav-collapse .nav-link {
padding-left: 2rem;
}

.navbar-vertical-aside-compact-mode .navbar-vertical-aside .nav.nav-vertical.nav-tabs .nav-collapse .nav-collapse .nav-link {
padding-left: 2.6125rem;
}

.navbar-vertical-aside-compact-mini-mode .navbar-vertical-aside .dropdown-header {
display: none;
}

.navbar-vertical-aside-compact-mini-mode .navbar-vertical-aside .nav-subtitle-replacer {
display: block;
}

.navbar-vertical-aside-mini-mode .nav-collapse {
position: absolute !important;
top: 0;
left: calc(100% + .9125rem);
z-index: 2;
min-width: 15rem;
background-color: #fff;
box-shadow: 0 .6125rem 2.5rem .6125rem rgba(140,152,164,.175);
border-radius: .3125rem;
}

.navbar-vertical-aside-mini-mode .nav-collapse::before {
position: absolute;
top: 0;
left: -1.0625rem;
width: 1.125rem;
height: calc(100% - .25rem);
content: '';
background: 0 0;
}

.navbar-vertical-aside-mini-mode .nav-collapse .nav-link.dropdown-toggle::before {
display: none;
}

.navbar-vertical-aside-mini-mode .nav-vertical.nav-pills .nav-collapse::before {
display: none;
}

.navbar-vertical-aside-mini-mode .nav .nav-collapse {
padding: .5rem .5rem;
}

.navbar-vertical-aside-mini-mode .nav-tabs .nav-collapse .nav-collapse {
padding-left: 0;
}

.navbar-vertical-aside-mini-mode .nav-tabs .nav-item.show .nav-item.show .nav-link.active {
border-color: #0F172A0F172A;
}

.navbar-vertical-aside .nav-link.dropdown-toggle {
position: relative;
}

.navbar-vertical-aside .nav-link.dropdown-toggle::before {
position: absolute;
top: 50%;
left: .6125rem;
content: '';
width: 5px;
height: 5px;
background-color: #bdc5d1;
opacity: 0;
border-radius: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
transition: opacity .3s;
}

.navbar-vertical-aside .nav-pills .nav-link.dropdown-toggle::before {
left: 2.5px;
}

.navbar-vertical-aside .nav-item.show > .nav-link.dropdown-toggle::before, .navbar-vertical-aside .nav-link.dropdown-toggle.active::before, .navbar-vertical-aside .nav-link.dropdown-toggle:hover::before {
background-color: #0F172A0F172A;
}

.navbar-vertical-aside-mini-mode .nav-link.dropdown-toggle::before {
opacity: 1;
}

.navbar-vertical-aside-mini-mode .navbar-vertical-aside .navbar-brand {
margin-right: 0;
}

.navbar-vertical-aside-mini-mode .nav {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}

.navbar-vertical-aside-mini-mode .nav-link.dropdown-toggle::after {
display: none;
}

.navbar-vertical-aside-mini-mode .nav-collapse .nav-link.dropdown-toggle::after {
display: block;
}

.navbar-vertical-aside-mini-mode .nav-collapse .nav-collapse {
position: static !important;
box-shadow: none;
min-width: 100%;
}

.navbar-vertical-aside-mini-mode .nav-link-title {
display: none;
}

.navbar-vertical-aside-compact-mini-mode .navbar-vertical-container, .navbar-vertical-aside-mini-mode .navbar-vertical-container {
position: static;
}

.navbar-vertical-aside-compact-mini-mode .navbar-vertical-container::-webkit-scrollbar, .navbar-vertical-aside-mini-mode .navbar-vertical-container::-webkit-scrollbar {
width: .6125rem;
}

.navbar-vertical-aside-compact-mini-mode .navbar-vertical-container::-webkit-scrollbar-thumb, .navbar-vertical-aside-mini-mode .navbar-vertical-container::-webkit-scrollbar-thumb {
background-color: rgba(189,197,209,.6);
}

.navbar-vertical-aside .splitted-content-mini {
position: absolute;
top: 0;
left: 0;
margin-left: 0;
z-index: 1;
}

.navbar-vertical-aside-mobile-overlay, .navbar-vertical-aside-sub-menu-overlay {
position: fixed;
top: 0;
left: 0;
width: 0;
height: 0;
opacity: 0;
z-index: 1;
transition: opacity .2s ease;
}

.navbar-vertical-aside-mobile-overlay {
background-color: rgba(19,33,68,.25);
}

.navbar-vertical-aside-mobile-overlay-transparent {
background-color: transparent;
}

.has-navbar-vertical-aside.navbar-vertical-aside-sub-menu-opened .navbar-vertical-aside-sub-menu-overlay, .has-navbar-vertical-aside:not(.navbar-vertical-aside-closed-mode) .navbar-vertical-aside-mobile-overlay {
z-index: 99;
opacity: 1;
width: 100%;
height: 100%;
}

@media (min-width:576px) {
.navbar-vertical.navbar-expand-sm {
-ms-flex-flow: column;
flex-flow: column;
}

.navbar-vertical.navbar-expand-sm .navbar-nav {
-ms-flex-direction: column;
flex-direction: column;
}

.navbar-vertical-aside-show-sm .main {
padding-left: 16.25rem;
}

.navbar-vertical-aside-show-sm .footer {
margin-left: 16.25rem;
}

.navbar-vertical-aside-show-sm .navbar:not(.navbar-vertical) {
margin-left: 16.25rem;
}

.navbar-vertical-aside-show-sm .splitted-content-navbar {
margin-left: 22rem;
}

.navbar-vertical-aside-show-sm.navbar-vertical-aside-compact-mode .main {
padding-left: 9rem;
}

.navbar-vertical-aside-show-sm.navbar-vertical-aside-compact-mode .footer {
margin-left: 9rem;
}

.navbar-vertical-aside-show-sm.navbar-vertical-aside-compact-mode .navbar:not(.navbar-vertical) {
margin-left: 9rem;
}

.navbar-vertical-aside-show-sm.splitted-content .main {
padding-left: 22rem;
}

.navbar-vertical-aside-show-sm.splitted-content .footer {
margin-left: 22rem;
}

.navbar-vertical-aside-show-sm.splitted-content .navbar:not(.navbar-vertical) {
margin-left: 22rem;
}

.navbar-vertical-aside-show-sm .navbar-vertical-aside {
margin-left: 0;
}

.navbar-vertical-aside-show-sm .navbar:not(.navbar-vertical-aside) .navbar-brand {
display: none;
}

.navbar-vertical-aside-show-sm .navbar-vertical.splitted-content-navbar .navbar-brand {
display: none;
}

.navbar-vertical-aside-show-sm.navbar-vertical-aside-mini-mode .navbar:not(.navbar-vertical) {
margin-left: 5.75rem;
}

.navbar-vertical-aside-show-sm.navbar-vertical-aside-mini-mode .main {
padding-left: 5.75rem;
}

.navbar-vertical-aside-show-sm.navbar-vertical-aside-mini-mode .footer {
margin-left: 5.75rem;
}

.navbar-vertical-aside-show-sm.navbar-vertical-aside-mini-mode .navbar-vertical-aside {
width: 5.75rem;
}

.navbar-vertical-aside-show-sm.navbar-vertical-aside-compact-mini-mode.splitted-content .splitted-content-navbar {
width: 22rem;
}

.navbar-vertical-aside-show-sm.navbar-vertical-aside-compact-mini-mode.splitted-content .footer, .navbar-vertical-aside-show-sm.navbar-vertical-aside-compact-mini-mode.splitted-content .navbar:not(.navbar-vertical), .navbar-vertical-aside-show-sm.navbar-vertical-aside-compact-mini-mode.splitted-content .splitted-content-main {
padding-left: 22rem;
}

.navbar-vertical-aside-show-sm.navbar-vertical-aside-compact-mini-mode.splitted-content .navbar:not(.navbar-vertical) {
margin-left: 2rem;
}

.navbar-vertical-aside-show-sm.navbar-vertical-aside-mini-mode .navbar-vertical-aside-mini-mode-hidden-elements {
display: none;
}

.navbar-vertical-aside-show-sm.navbar-vertical-aside-mini-mode .navbar-vertical-aside .navbar-brand-logo-mini {
display: block;
}

.navbar-vertical-aside-show-sm.navbar-vertical-aside-mini-mode .navbar-vertical-aside .navbar-brand-logo {
display: none;
}

.navbar-vertical-aside-show-sm:not(.navbar-vertical-closed-mode) .navbar-vertical-aside-mobile-overlay {
display: none;
}

.navbar-vertical-aside-show-sm .splitted-content-navbar .navbar-toggler-full-align, .navbar-vertical-aside-show-sm .splitted-content-navbar .navbar-toggler-short-align {
display: none;
}

.navbar-vertical-aside-show-sm .navbar-toggler, .navbar-vertical-aside-show-sm .navbar-vertical .navbar-toggler {
display: none;
}

.navbar-vertical-aside-show-sm.navbar-vertical-aside-compact-mini-mode .navbar-vertical-aside-initialized .navbar-vertical-content {
overflow-y: scroll;
overflow-y: overlay;
}

.navbar-vertical-aside-show-sm.navbar-vertical-aside-mini-mode .navbar-vertical-aside .dropdown-header {
display: none;
}

.navbar-vertical-aside-show-sm.navbar-vertical-aside-mini-mode .navbar-vertical-aside .nav-subtitle-replacer {
display: block;
}

.navbar-vertical-aside-show-sm.navbar-vertical-aside-mini-mode .nav-footer-item {
display: block;
}

.navbar-vertical-aside-show-sm.navbar-vertical-aside-mini-mode .navbar-vertical-footer {
display: none;
}

.navbar-vertical-aside-show-sm .splitted-content-small {
position: static;
visibility: visible;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}

@media (min-width:768px) {
.navbar-vertical.navbar-expand-md {
-ms-flex-flow: column;
flex-flow: column;
}

.navbar-vertical.navbar-expand-md .navbar-nav {
-ms-flex-direction: column;
flex-direction: column;
}

.navbar-vertical-aside-show-md .main {
padding-left: 16.25rem;
}

.navbar-vertical-aside-show-md .footer {
margin-left: 16.25rem;
}

.navbar-vertical-aside-show-md .navbar:not(.navbar-vertical) {
margin-left: 16.25rem;
}

.navbar-vertical-aside-show-md .splitted-content-navbar {
margin-left: 22rem;
}

.navbar-vertical-aside-show-md.navbar-vertical-aside-compact-mode .main {
padding-left: 9rem;
}

.navbar-vertical-aside-show-md.navbar-vertical-aside-compact-mode .footer {
margin-left: 9rem;
}

.navbar-vertical-aside-show-md.navbar-vertical-aside-compact-mode .navbar:not(.navbar-vertical) {
margin-left: 9rem;
}

.navbar-vertical-aside-show-md.splitted-content .main {
padding-left: 22rem;
}

.navbar-vertical-aside-show-md.splitted-content .footer {
margin-left: 22rem;
}

.navbar-vertical-aside-show-md.splitted-content .navbar:not(.navbar-vertical) {
margin-left: 22rem;
}

.navbar-vertical-aside-show-md .navbar-vertical-aside {
margin-left: 0;
}

.navbar-vertical-aside-show-md .navbar:not(.navbar-vertical-aside) .navbar-brand {
display: none;
}

.navbar-vertical-aside-show-md .navbar-vertical.splitted-content-navbar .navbar-brand {
display: none;
}

.navbar-vertical-aside-show-md.navbar-vertical-aside-mini-mode .navbar:not(.navbar-vertical) {
margin-left: 5.75rem;
}

.navbar-vertical-aside-show-md.navbar-vertical-aside-mini-mode .main {
padding-left: 5.75rem;
}

.navbar-vertical-aside-show-md.navbar-vertical-aside-mini-mode .footer {
margin-left: 5.75rem;
}

.navbar-vertical-aside-show-md.navbar-vertical-aside-mini-mode .navbar-vertical-aside {
width: 5.75rem;
}

.navbar-vertical-aside-show-md.navbar-vertical-aside-compact-mini-mode.splitted-content .splitted-content-navbar {
width: 22rem;
}

.navbar-vertical-aside-show-md.navbar-vertical-aside-compact-mini-mode.splitted-content .footer, .navbar-vertical-aside-show-md.navbar-vertical-aside-compact-mini-mode.splitted-content .navbar:not(.navbar-vertical), .navbar-vertical-aside-show-md.navbar-vertical-aside-compact-mini-mode.splitted-content .splitted-content-main {
padding-left: 22rem;
}

.navbar-vertical-aside-show-md.navbar-vertical-aside-compact-mini-mode.splitted-content .navbar:not(.navbar-vertical) {
margin-left: 2rem;
}

.navbar-vertical-aside-show-md.navbar-vertical-aside-mini-mode .navbar-vertical-aside-mini-mode-hidden-elements {
display: none;
}

.navbar-vertical-aside-show-md.navbar-vertical-aside-mini-mode .navbar-vertical-aside .navbar-brand-logo-mini {
display: block;
}

.navbar-vertical-aside-show-md.navbar-vertical-aside-mini-mode .navbar-vertical-aside .navbar-brand-logo {
display: none;
}

.navbar-vertical-aside-show-md:not(.navbar-vertical-closed-mode) .navbar-vertical-aside-mobile-overlay {
display: none;
}

.navbar-vertical-aside-show-md .splitted-content-navbar .navbar-toggler-full-align, .navbar-vertical-aside-show-md .splitted-content-navbar .navbar-toggler-short-align {
display: none;
}

.navbar-vertical-aside-show-md .navbar-toggler, .navbar-vertical-aside-show-md .navbar-vertical .navbar-toggler {
display: none;
}

.navbar-vertical-aside-show-md.navbar-vertical-aside-compact-mini-mode .navbar-vertical-aside-initialized .navbar-vertical-content {
overflow-y: scroll;
overflow-y: overlay;
}

.navbar-vertical-aside-show-md.navbar-vertical-aside-mini-mode .navbar-vertical-aside .dropdown-header {
display: none;
}

.navbar-vertical-aside-show-md.navbar-vertical-aside-mini-mode .navbar-vertical-aside .nav-subtitle-replacer {
display: block;
}

.navbar-vertical-aside-show-md.navbar-vertical-aside-mini-mode .nav-footer-item {
display: block;
}

.navbar-vertical-aside-show-md.navbar-vertical-aside-mini-mode .navbar-vertical-footer {
display: none;
}

.navbar-vertical-aside-show-md .splitted-content-small {
position: static;
visibility: visible;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}

@media (min-width:992px) {
.navbar-vertical.navbar-expand-lg {
-ms-flex-flow: column;
flex-flow: column;
}

.navbar-vertical.navbar-expand-lg .navbar-nav {
-ms-flex-direction: column;
flex-direction: column;
}

.navbar-vertical-aside-show-lg .main {
padding-left: 16.25rem;
}

.navbar-vertical-aside-show-lg .footer {
margin-left: 16.25rem;
}

.navbar-vertical-aside-show-lg .navbar:not(.navbar-vertical) {
margin-left: 16.25rem;
}

.navbar-vertical-aside-show-lg .splitted-content-navbar {
margin-left: 22rem;
}

.navbar-vertical-aside-show-lg.navbar-vertical-aside-compact-mode .main {
padding-left: 9rem;
}

.navbar-vertical-aside-show-lg.navbar-vertical-aside-compact-mode .footer {
margin-left: 9rem;
}

.navbar-vertical-aside-show-lg.navbar-vertical-aside-compact-mode .navbar:not(.navbar-vertical) {
margin-left: 9rem;
}

.navbar-vertical-aside-show-lg.splitted-content .main {
padding-left: 22rem;
}

.navbar-vertical-aside-show-lg.splitted-content .footer {
margin-left: 22rem;
}

.navbar-vertical-aside-show-lg.splitted-content .navbar:not(.navbar-vertical) {
margin-left: 22rem;
}

.navbar-vertical-aside-show-lg .navbar-vertical-aside {
margin-left: 0;
}

.navbar-vertical-aside-show-lg .navbar:not(.navbar-vertical-aside) .navbar-brand {
display: none;
}

.navbar-vertical-aside-show-lg .navbar-vertical.splitted-content-navbar .navbar-brand {
display: none;
}

.navbar-vertical-aside-show-lg.navbar-vertical-aside-mini-mode .navbar:not(.navbar-vertical) {
margin-left: 5.75rem;
}

.navbar-vertical-aside-show-lg.navbar-vertical-aside-mini-mode .main {
padding-left: 5.75rem;
}

.navbar-vertical-aside-show-lg.navbar-vertical-aside-mini-mode .footer {
margin-left: 5.75rem;
}

.navbar-vertical-aside-show-lg.navbar-vertical-aside-mini-mode .navbar-vertical-aside {
width: 5.75rem;
}

.navbar-vertical-aside-show-lg.navbar-vertical-aside-compact-mini-mode.splitted-content .splitted-content-navbar {
width: 22rem;
}

.navbar-vertical-aside-show-lg.navbar-vertical-aside-compact-mini-mode.splitted-content .footer, .navbar-vertical-aside-show-lg.navbar-vertical-aside-compact-mini-mode.splitted-content .navbar:not(.navbar-vertical), .navbar-vertical-aside-show-lg.navbar-vertical-aside-compact-mini-mode.splitted-content .splitted-content-main {
padding-left: 22rem;
}

.navbar-vertical-aside-show-lg.navbar-vertical-aside-compact-mini-mode.splitted-content .navbar:not(.navbar-vertical) {
margin-left: 2rem;
}

.navbar-vertical-aside-show-lg.navbar-vertical-aside-mini-mode .navbar-vertical-aside-mini-mode-hidden-elements {
display: none;
}

.navbar-vertical-aside-show-lg.navbar-vertical-aside-mini-mode .navbar-vertical-aside .navbar-brand-logo-mini {
display: block;
}

.navbar-vertical-aside-show-lg.navbar-vertical-aside-mini-mode .navbar-vertical-aside .navbar-brand-logo {
display: none;
}

.navbar-vertical-aside-show-lg:not(.navbar-vertical-closed-mode) .navbar-vertical-aside-mobile-overlay {
display: none;
}

.navbar-vertical-aside-show-lg .splitted-content-navbar .navbar-toggler-full-align, .navbar-vertical-aside-show-lg .splitted-content-navbar .navbar-toggler-short-align {
display: none;
}

.navbar-vertical-aside-show-lg .navbar-toggler, .navbar-vertical-aside-show-lg .navbar-vertical .navbar-toggler {
display: none;
}

.navbar-vertical-aside-show-lg.navbar-vertical-aside-compact-mini-mode .navbar-vertical-aside-initialized .navbar-vertical-content {
overflow-y: scroll;
overflow-y: overlay;
}

.navbar-vertical-aside-show-lg.navbar-vertical-aside-mini-mode .navbar-vertical-aside .dropdown-header {
display: none;
}

.navbar-vertical-aside-show-lg.navbar-vertical-aside-mini-mode .navbar-vertical-aside .nav-subtitle-replacer {
display: block;
}

.navbar-vertical-aside-show-lg.navbar-vertical-aside-mini-mode .nav-footer-item {
display: block;
}

.navbar-vertical-aside-show-lg.navbar-vertical-aside-mini-mode .navbar-vertical-footer {
display: none;
}

.navbar-vertical-aside-show-lg .splitted-content-small {
position: static;
visibility: visible;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}

@media (min-width:1200px) {
.navbar-vertical.navbar-expand-xl {
-ms-flex-flow: column;
flex-flow: column;
}

.navbar-vertical.navbar-expand-xl .navbar-nav {
-ms-flex-direction: column;
flex-direction: column;
}

.navbar-vertical-aside-show-xl .main {
padding-left: 16.25rem;
}

.navbar-vertical-aside-show-xl .footer {
margin-left: 0;
}

.navbar-vertical-aside-show-xl .navbar:not(.navbar-vertical) {
margin-left: 16.25rem;
}

.navbar-vertical-aside-show-xl .splitted-content-navbar {
margin-left: 22rem;
}

.navbar-vertical-aside-show-xl.navbar-vertical-aside-compact-mode .main {
padding-left: 9rem;
}

.navbar-vertical-aside-show-xl.navbar-vertical-aside-compact-mode .footer {
margin-left: 9rem;
}

.navbar-vertical-aside-show-xl.navbar-vertical-aside-compact-mode .navbar:not(.navbar-vertical) {
margin-left: 9rem;
}

.navbar-vertical-aside-show-xl.splitted-content .main {
padding-left: 22rem;
}

.navbar-vertical-aside-show-xl.splitted-content .footer {
margin-left: 22rem;
}

.navbar-vertical-aside-show-xl.splitted-content .navbar:not(.navbar-vertical) {
margin-left: 22rem;
}

.navbar-vertical-aside-show-xl .navbar-vertical-aside {
margin-left: 0;
}

.navbar-vertical-aside-show-xl .navbar:not(.navbar-vertical-aside) .navbar-brand {
display: none;
}

.navbar-vertical-aside-show-xl .navbar-vertical.splitted-content-navbar .navbar-brand {
display: none;
}

.navbar-vertical-aside-show-xl.navbar-vertical-aside-mini-mode .navbar:not(.navbar-vertical) {
margin-left: 5.75rem;
}

.navbar-vertical-aside-show-xl.navbar-vertical-aside-mini-mode .main {
padding-left: 5.75rem;
}

.navbar-vertical-aside-show-xl.navbar-vertical-aside-mini-mode .footer {
margin-left: 5.75rem;
}

.navbar-vertical-aside-show-xl.navbar-vertical-aside-mini-mode .navbar-vertical-aside {
width: 5.75rem;
}

.navbar-vertical-aside-show-xl.navbar-vertical-aside-compact-mini-mode.splitted-content .splitted-content-navbar {
width: 22rem;
}

.navbar-vertical-aside-show-xl.navbar-vertical-aside-compact-mini-mode.splitted-content .footer, .navbar-vertical-aside-show-xl.navbar-vertical-aside-compact-mini-mode.splitted-content .navbar:not(.navbar-vertical), .navbar-vertical-aside-show-xl.navbar-vertical-aside-compact-mini-mode.splitted-content .splitted-content-main {
padding-left: 22rem;
}

.navbar-vertical-aside-show-xl.navbar-vertical-aside-compact-mini-mode.splitted-content .navbar:not(.navbar-vertical) {
margin-left: 2rem;
}

.navbar-vertical-aside-show-xl.navbar-vertical-aside-mini-mode .navbar-vertical-aside-mini-mode-hidden-elements {
display: none;
}

.navbar-vertical-aside-show-xl.navbar-vertical-aside-mini-mode .navbar-vertical-aside .navbar-brand-logo-mini {
display: block;
}

.navbar-vertical-aside-show-xl.navbar-vertical-aside-mini-mode .navbar-vertical-aside .navbar-brand-logo {
display: none;
}

.navbar-vertical-aside-show-xl:not(.navbar-vertical-closed-mode) .navbar-vertical-aside-mobile-overlay {
display: none;
}

.navbar-vertical-aside-show-xl .splitted-content-navbar .navbar-toggler-full-align, .navbar-vertical-aside-show-xl .splitted-content-navbar .navbar-toggler-short-align {
display: none;
}

.navbar-vertical-aside-show-xl .navbar-toggler, .navbar-vertical-aside-show-xl .navbar-vertical .navbar-toggler {
display: none;
}

.navbar-vertical-aside-show-xl.navbar-vertical-aside-compact-mini-mode .navbar-vertical-aside-initialized .navbar-vertical-content {
overflow-y: scroll;
overflow-y: overlay;
}

.navbar-vertical-aside-show-xl.navbar-vertical-aside-mini-mode .navbar-vertical-aside .dropdown-header {
display: none;
}

.navbar-vertical-aside-show-xl.navbar-vertical-aside-mini-mode .navbar-vertical-aside .nav-subtitle-replacer {
display: block;
}

.navbar-vertical-aside-show-xl.navbar-vertical-aside-mini-mode .nav-footer-item {
display: block;
}

.navbar-vertical-aside-show-xl.navbar-vertical-aside-mini-mode .navbar-vertical-footer {
display: none;
}

.navbar-vertical-aside-show-xl .splitted-content-small {
position: static;
visibility: visible;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}

@media (min-width:1400px) {
.navbar-vertical.navbar-expand-xxl {
-ms-flex-flow: column;
flex-flow: column;
}

.navbar-vertical.navbar-expand-xxl .navbar-nav {
-ms-flex-direction: column;
flex-direction: column;
}

.navbar-vertical-aside-show-xxl .main {
padding-left: 16.25rem;
}

.navbar-vertical-aside-show-xxl .footer {
margin-left: 16.25rem;
}

.navbar-vertical-aside-show-xxl .navbar:not(.navbar-vertical) {
margin-left: 16.25rem;
}

.navbar-vertical-aside-show-xxl .splitted-content-navbar {
margin-left: 22rem;
}

.navbar-vertical-aside-show-xxl.navbar-vertical-aside-compact-mode .main {
padding-left: 9rem;
}

.navbar-vertical-aside-show-xxl.navbar-vertical-aside-compact-mode .footer {
margin-left: 9rem;
}

.navbar-vertical-aside-show-xxl.navbar-vertical-aside-compact-mode .navbar:not(.navbar-vertical) {
margin-left: 9rem;
}

.navbar-vertical-aside-show-xxl.splitted-content .main {
padding-left: 22rem;
}

.navbar-vertical-aside-show-xxl.splitted-content .footer {
margin-left: 22rem;
}

.navbar-vertical-aside-show-xxl.splitted-content .navbar:not(.navbar-vertical) {
margin-left: 22rem;
}

.navbar-vertical-aside-show-xxl .navbar-vertical-aside {
margin-left: 0;
}

.navbar-vertical-aside-show-xxl .navbar:not(.navbar-vertical-aside) .navbar-brand {
display: none;
}

.navbar-vertical-aside-show-xxl .navbar-vertical.splitted-content-navbar .navbar-brand {
display: none;
}

.navbar-vertical-aside-show-xxl.navbar-vertical-aside-mini-mode .navbar:not(.navbar-vertical) {
margin-left: 5.75rem;
}

.navbar-vertical-aside-show-xxl.navbar-vertical-aside-mini-mode .main {
padding-left: 5.75rem;
}

.navbar-vertical-aside-show-xxl.navbar-vertical-aside-mini-mode .footer {
margin-left: 5.75rem;
}

.navbar-vertical-aside-show-xxl.navbar-vertical-aside-mini-mode .navbar-vertical-aside {
width: 5.75rem;
}

.navbar-vertical-aside-show-xxl.navbar-vertical-aside-compact-mini-mode.splitted-content .splitted-content-navbar {
width: 22rem;
}

.navbar-vertical-aside-show-xxl.navbar-vertical-aside-compact-mini-mode.splitted-content .footer, .navbar-vertical-aside-show-xxl.navbar-vertical-aside-compact-mini-mode.splitted-content .navbar:not(.navbar-vertical), .navbar-vertical-aside-show-xxl.navbar-vertical-aside-compact-mini-mode.splitted-content .splitted-content-main {
padding-left: 22rem;
}

.navbar-vertical-aside-show-xxl.navbar-vertical-aside-compact-mini-mode.splitted-content .navbar:not(.navbar-vertical) {
margin-left: 2rem;
}

.navbar-vertical-aside-show-xxl.navbar-vertical-aside-mini-mode .navbar-vertical-aside-mini-mode-hidden-elements {
display: none;
}

.navbar-vertical-aside-show-xxl.navbar-vertical-aside-mini-mode .navbar-vertical-aside .navbar-brand-logo-mini {
display: block;
}

.navbar-vertical-aside-show-xxl.navbar-vertical-aside-mini-mode .navbar-vertical-aside .navbar-brand-logo {
display: none;
}

.navbar-vertical-aside-show-xxl:not(.navbar-vertical-closed-mode) .navbar-vertical-aside-mobile-overlay {
display: none;
}

.navbar-vertical-aside-show-xxl .splitted-content-navbar .navbar-toggler-full-align, .navbar-vertical-aside-show-xxl .splitted-content-navbar .navbar-toggler-short-align {
display: none;
}

.navbar-vertical-aside-show-xxl .navbar-toggler, .navbar-vertical-aside-show-xxl .navbar-vertical .navbar-toggler {
display: none;
}

.navbar-vertical-aside-show-xxl.navbar-vertical-aside-compact-mini-mode .navbar-vertical-aside-initialized .navbar-vertical-content {
overflow-y: scroll;
overflow-y: overlay;
}

.navbar-vertical-aside-show-xxl.navbar-vertical-aside-mini-mode .navbar-vertical-aside .dropdown-header {
display: none;
}

.navbar-vertical-aside-show-xxl.navbar-vertical-aside-mini-mode .navbar-vertical-aside .nav-subtitle-replacer {
display: block;
}

.navbar-vertical-aside-show-xxl.navbar-vertical-aside-mini-mode .nav-footer-item {
display: block;
}

.navbar-vertical-aside-show-xxl.navbar-vertical-aside-mini-mode .navbar-vertical-footer {
display: none;
}

.navbar-vertical-aside-show-xxl .splitted-content-small {
position: static;
visibility: visible;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}

.navbar-vertical.navbar-expand {
-ms-flex-flow: column;
flex-flow: column;
}

.navbar-vertical.navbar-expand .navbar-nav {
-ms-flex-direction: column;
flex-direction: column;
}

.navbar-vertical-aside-show .main {
padding-left: 16.25rem;
}

.navbar-vertical-aside-show .footer {
margin-left: 16.25rem;
}

.navbar-vertical-aside-show .navbar:not(.navbar-vertical) {
margin-left: 16.25rem;
}

.navbar-vertical-aside-show .splitted-content-navbar {
margin-left: 22rem;
}

.navbar-vertical-aside-show.navbar-vertical-aside-compact-mode .main {
padding-left: 9rem;
}

.navbar-vertical-aside-show.navbar-vertical-aside-compact-mode .footer {
margin-left: 9rem;
}

.navbar-vertical-aside-show.navbar-vertical-aside-compact-mode .navbar:not(.navbar-vertical) {
margin-left: 9rem;
}

.navbar-vertical-aside-show.splitted-content .main {
padding-left: 22rem;
}

.navbar-vertical-aside-show.splitted-content .footer {
margin-left: 22rem;
}

.navbar-vertical-aside-show.splitted-content .navbar:not(.navbar-vertical) {
margin-left: 22rem;
}

.navbar-vertical-aside-show .navbar-vertical-aside {
margin-left: 0;
}

.navbar-vertical-aside-show .navbar:not(.navbar-vertical-aside) .navbar-brand {
display: none;
}

.navbar-vertical-aside-show .navbar-vertical.splitted-content-navbar .navbar-brand {
display: none;
}

.navbar-vertical-aside-show.navbar-vertical-aside-mini-mode .navbar:not(.navbar-vertical) {
margin-left: 5.75rem;
}

.navbar-vertical-aside-show.navbar-vertical-aside-mini-mode .main {
padding-left: 5.75rem;
}

.navbar-vertical-aside-show.navbar-vertical-aside-mini-mode .footer {
margin-left: 5.75rem;
}

.navbar-vertical-aside-show.navbar-vertical-aside-mini-mode .navbar-vertical-aside {
width: 5.75rem;
}

.navbar-vertical-aside-show.navbar-vertical-aside-compact-mini-mode.splitted-content .splitted-content-navbar {
width: 22rem;
}

.navbar-vertical-aside-show.navbar-vertical-aside-compact-mini-mode.splitted-content .footer, .navbar-vertical-aside-show.navbar-vertical-aside-compact-mini-mode.splitted-content .navbar:not(.navbar-vertical), .navbar-vertical-aside-show.navbar-vertical-aside-compact-mini-mode.splitted-content .splitted-content-main {
padding-left: 22rem;
}

.navbar-vertical-aside-show.navbar-vertical-aside-compact-mini-mode.splitted-content .navbar:not(.navbar-vertical) {
margin-left: 2rem;
}

.navbar-vertical-aside-show.navbar-vertical-aside-mini-mode .navbar-vertical-aside-mini-mode-hidden-elements {
display: none;
}

.navbar-vertical-aside-show.navbar-vertical-aside-mini-mode .navbar-vertical-aside .navbar-brand-logo-mini {
display: block;
}

.navbar-vertical-aside-show.navbar-vertical-aside-mini-mode .navbar-vertical-aside .navbar-brand-logo {
display: none;
}

.navbar-vertical-aside-show:not(.navbar-vertical-closed-mode) .navbar-vertical-aside-mobile-overlay {
display: none;
}

.navbar-vertical-aside-show .splitted-content-navbar .navbar-toggler-full-align, .navbar-vertical-aside-show .splitted-content-navbar .navbar-toggler-short-align {
display: none;
}

.navbar-vertical-aside-show .navbar-toggler, .navbar-vertical-aside-show .navbar-vertical .navbar-toggler {
display: none;
}

.navbar-vertical-aside-show.navbar-vertical-aside-compact-mini-mode .navbar-vertical-aside-initialized .navbar-vertical-content {
overflow-y: scroll;
overflow-y: overlay;
}

.navbar-vertical-aside-show.navbar-vertical-aside-mini-mode .navbar-vertical-aside .dropdown-header {
display: none;
}

.navbar-vertical-aside-show.navbar-vertical-aside-mini-mode .navbar-vertical-aside .nav-subtitle-replacer {
display: block;
}

.navbar-vertical-aside-show.navbar-vertical-aside-mini-mode .nav-footer-item {
display: block;
}

.navbar-vertical-aside-show.navbar-vertical-aside-mini-mode .navbar-vertical-footer {
display: none;
}

.navbar-vertical-aside-show .splitted-content-small {
position: static;
visibility: visible;
-webkit-transform: translateX(0);
transform: translateX(0);
}

.navbar-vertical-aside-show .navbar-brand-logo-mini {
display: none;
}

.navbar-vertical-aside-show.has-navbar-vertical-aside .navbar-height {
height: 3.875rem;
}

.navbar-vertical-aside-show.has-navbar-vertical-aside .navbar-nav {
display: -ms-flexbox;
display: flex;
}

.navbar-vertical-aside-show.navbar-vertical-aside-closed-mode .navbar-vertical-aside {
margin-left: -17.25rem;
}

@media (max-width:575.98px) {
.navbar-vertical-aside-show-sm .navbar-brand-logo-mini {
display: none;
}

.navbar-vertical-aside-show-sm.has-navbar-vertical-aside .navbar-height {
height: 3.875rem;
}

.navbar-vertical-aside-show-sm.has-navbar-vertical-aside .navbar-nav {
display: -ms-flexbox;
display: flex;
}

.navbar-vertical-aside-show-sm.navbar-vertical-aside-closed-mode .navbar-vertical-aside {
margin-left: -17.25rem;
}
}

@media (max-width:767.98px) {
.navbar-vertical-aside-show-md .navbar-brand-logo-mini {
display: none;
}

.navbar-vertical-aside-show-md.has-navbar-vertical-aside .navbar-height {
height: 3.875rem;
}

.navbar-vertical-aside-show-md.has-navbar-vertical-aside .navbar-nav {
display: -ms-flexbox;
display: flex;
}

.navbar-vertical-aside-show-md.navbar-vertical-aside-closed-mode .navbar-vertical-aside {
margin-left: -17.25rem;
}
}

@media (max-width:991.98px) {
.navbar-vertical-aside-show-lg .navbar-brand-logo-mini {
display: none;
}

.navbar-vertical-aside-show-lg.has-navbar-vertical-aside .navbar-height {
height: 3.875rem;
}

.navbar-vertical-aside-show-lg.has-navbar-vertical-aside .navbar-nav {
display: -ms-flexbox;
display: flex;
}

.navbar-vertical-aside-show-lg.navbar-vertical-aside-closed-mode .navbar-vertical-aside {
margin-left: -17.25rem;
}
}

@media (max-width:1199.98px) {
.navbar-vertical-aside-show-xl .navbar-brand-logo-mini {
display: none;
}

.navbar-vertical-aside-show-xl.has-navbar-vertical-aside .navbar-height {
height: 3.875rem;
}

.navbar-vertical-aside-show-xl.has-navbar-vertical-aside .navbar-nav {
display: -ms-flexbox;
display: flex;
}

.navbar-vertical-aside-show-xl.navbar-vertical-aside-closed-mode .navbar-vertical-aside {
margin-left: -17.25rem;
}
}

@media (max-width:1399.98px) {
.navbar-vertical-aside-show-xxl .navbar-brand-logo-mini {
display: none;
}

.navbar-vertical-aside-show-xxl.has-navbar-vertical-aside .navbar-height {
height: 3.875rem;
}

.navbar-vertical-aside-show-xxl.has-navbar-vertical-aside .navbar-nav {
display: -ms-flexbox;
display: flex;
}

.navbar-vertical-aside-show-xxl.navbar-vertical-aside-closed-mode .navbar-vertical-aside {
margin-left: -17.25rem;
}
}

.has-navbar-vertical-aside .navbar-toggler-short-align {
display: block;
}

.has-navbar-vertical-aside.navbar-vertical-aside-closed-mode .navbar-toggler-short-align, .has-navbar-vertical-aside.navbar-vertical-aside-mini-mode .navbar-toggler-short-align {
display: none;
}

.has-navbar-vertical-aside .navbar-toggler-full-align {
display: none;
}

.has-navbar-vertical-aside.navbar-vertical-aside-closed-mode .navbar-toggler-full-align, .has-navbar-vertical-aside.navbar-vertical-aside-mini-mode .navbar-toggler-full-align {
display: block;
}

.splitted-content-navbar .navbar-toggler-short-align {
display: block;
}

.navbar-vertical-aside-closed-mode .splitted-content-navbar .navbar-toggler-short-align, .navbar-vertical-aside-mini-mode .splitted-content-navbar .navbar-toggler-short-align {
display: none;
}

.splitted-content-navbar .navbar-toggler-full-align {
display: none;
}

.navbar-vertical-aside-closed-mode .splitted-content-navbar .navbar-toggler-full-align, .navbar-vertical-aside-mini-mode .splitted-content-navbar .navbar-toggler-full-align {
display: block;
}

@-webkit-keyframes fadein {
from {
opacity: 0;
}

to {
opacity: 1;
}
}

@keyframes fadein {
from {
opacity: 0;
}

to {
opacity: 1;
}
}

@media (min-width:576px) {
.navbar-absolute-sm-top {
position: absolute;
top: 0;
left: 0;
right: 0;
}
}

@media (min-width:768px) {
.navbar-absolute-md-top {
position: absolute;
top: 0;
left: 0;
right: 0;
}
}

@media (min-width:992px) {
.navbar-absolute-lg-top {
position: absolute;
top: 0;
left: 0;
right: 0;
}
}

@media (min-width:1200px) {
.navbar-absolute-xl-top {
position: absolute;
top: 0;
left: 0;
right: 0;
}
}

@media (min-width:1400px) {
.navbar-absolute-xxl-top {
position: absolute;
top: 0;
left: 0;
right: 0;
}
}

.navbar-absolute-top {
position: absolute;
top: 0;
left: 0;
right: 0;
}

@media (max-width:575.98px) {
.navbar-absolute-md-top .navbar-absolute-top-scroller {
max-height: 75vh;
background-color: #fff;
overflow: hidden;
overflow-y: auto;
}

.navbar-absolute-md-top .navbar-absolute-top-scroller::-webkit-scrollbar {
width: .6125rem;
}

.navbar-absolute-md-top .navbar-absolute-top-scroller::-webkit-scrollbar-thumb {
background-color: rgba(189,197,209,.6);
visibility: hidden;
}

.navbar-absolute-md-top .navbar-absolute-top-scroller:hover::-webkit-scrollbar-thumb {
visibility: visible;
}
}

@media (max-width:767.98px) {
.navbar-absolute-lg-top .navbar-absolute-top-scroller, .navbar-absolute-sm-top .navbar-absolute-top-scroller, .navbar-absolute-top .navbar-absolute-top-scroller {
max-height: 75vh;
background-color: #fff;
overflow: hidden;
overflow-y: auto;
}

.navbar-absolute-lg-top .navbar-absolute-top-scroller::-webkit-scrollbar, .navbar-absolute-sm-top .navbar-absolute-top-scroller::-webkit-scrollbar, .navbar-absolute-top .navbar-absolute-top-scroller::-webkit-scrollbar {
width: .6125rem;
}

.navbar-absolute-lg-top .navbar-absolute-top-scroller::-webkit-scrollbar-thumb, .navbar-absolute-sm-top .navbar-absolute-top-scroller::-webkit-scrollbar-thumb, .navbar-absolute-top .navbar-absolute-top-scroller::-webkit-scrollbar-thumb {
background-color: rgba(189,197,209,.6);
visibility: hidden;
}

.navbar-absolute-lg-top .navbar-absolute-top-scroller:hover::-webkit-scrollbar-thumb, .navbar-absolute-sm-top .navbar-absolute-top-scroller:hover::-webkit-scrollbar-thumb, .navbar-absolute-top .navbar-absolute-top-scroller:hover::-webkit-scrollbar-thumb {
visibility: visible;
}
}

@media (max-width:991.98px) {
.navbar-absolute-xl-top .navbar-absolute-top-scroller {
max-height: 75vh;
background-color: #fff;
overflow: hidden;
overflow-y: auto;
}

.navbar-absolute-xl-top .navbar-absolute-top-scroller::-webkit-scrollbar {
width: .6125rem;
}

.navbar-absolute-xl-top .navbar-absolute-top-scroller::-webkit-scrollbar-thumb {
background-color: rgba(189,197,209,.6);
visibility: hidden;
}

.navbar-absolute-xl-top .navbar-absolute-top-scroller:hover::-webkit-scrollbar-thumb {
visibility: visible;
}
}

@media (min-width:576px) {
.navbar-sticky-sm-top {
position: fixed;
top: 0;
left: 0;
right: 0;
}
}

@media (min-width:768px) {
.navbar-sticky-md-top {
position: fixed;
top: 0;
left: 0;
right: 0;
}
}

@media (min-width:992px) {
.navbar-sticky-lg-top {
position: fixed;
top: 0;
left: 0;
right: 0;
}
}

@media (min-width:1200px) {
.navbar-sticky-xl-top {
position: fixed;
top: 0;
left: 0;
right: 0;
}
}

@media (min-width:1400px) {
.navbar-sticky-xxl-top {
position: fixed;
top: 0;
left: 0;
right: 0;
}
}

.navbar-sticky-top {
position: fixed;
top: 0;
left: 0;
right: 0;
}

@media (max-width:575.98px) {
.navbar-sticky-md-top .navbar-sticky-top-scroller {
max-height: 75vh;
overflow: hidden;
overflow-y: auto;
}

.navbar-sticky-md-top .navbar-sticky-top-scroller::-webkit-scrollbar {
width: .6125rem;
}

.navbar-sticky-md-top .navbar-sticky-top-scroller::-webkit-scrollbar-thumb {
background-color: rgba(189,197,209,.6);
visibility: hidden;
}

.navbar-sticky-md-top .navbar-sticky-top-scroller:hover::-webkit-scrollbar-thumb {
visibility: visible;
}
}

@media (max-width:767.98px) {
.navbar-sticky-lg-top .navbar-sticky-top-scroller, .navbar-sticky-sm-top .navbar-sticky-top-scroller, .navbar-sticky-top .navbar-sticky-top-scroller {
max-height: 75vh;
overflow: hidden;
overflow-y: auto;
}

.navbar-sticky-lg-top .navbar-sticky-top-scroller::-webkit-scrollbar, .navbar-sticky-sm-top .navbar-sticky-top-scroller::-webkit-scrollbar, .navbar-sticky-top .navbar-sticky-top-scroller::-webkit-scrollbar {
width: .6125rem;
}

.navbar-sticky-lg-top .navbar-sticky-top-scroller::-webkit-scrollbar-thumb, .navbar-sticky-sm-top .navbar-sticky-top-scroller::-webkit-scrollbar-thumb, .navbar-sticky-top .navbar-sticky-top-scroller::-webkit-scrollbar-thumb {
background-color: rgba(189,197,209,.6);
visibility: hidden;
}

.navbar-sticky-lg-top .navbar-sticky-top-scroller:hover::-webkit-scrollbar-thumb, .navbar-sticky-sm-top .navbar-sticky-top-scroller:hover::-webkit-scrollbar-thumb, .navbar-sticky-top .navbar-sticky-top-scroller:hover::-webkit-scrollbar-thumb {
visibility: visible;
}
}

@media (max-width:991.98px) {
.navbar-sticky-xl-top .navbar-sticky-top-scroller {
max-height: 75vh;
overflow: hidden;
overflow-y: auto;
}

.navbar-sticky-xl-top .navbar-sticky-top-scroller::-webkit-scrollbar {
width: .6125rem;
}

.navbar-sticky-xl-top .navbar-sticky-top-scroller::-webkit-scrollbar-thumb {
background-color: rgba(189,197,209,.6);
visibility: hidden;
}

.navbar-sticky-xl-top .navbar-sticky-top-scroller:hover::-webkit-scrollbar-thumb {
visibility: visible;
}
}

.navbar-sidebar-aside-content {
padding-left: .75rem;
padding-right: .75rem;
}

.navbar-vertical-aside-mini-mode .nav-collapse {
opacity: 0;
}

.navbar-vertical-aside-mini-mode .navbar-vertical-aside-initialized .nav-collapse {
opacity: 1;
}

@media (min-width:576px) {
.navbar-sidebar-aside-sm .navbar-sidebar {
position: fixed;
top: 0;
left: 0;
bottom: 0;
width: 17rem;
padding: 0;
}

.navbar-sidebar-aside-sm .navbar-sidebar .navbar-collapse {
width: 100%;
}

.navbar-sidebar-aside-sm .navbar-sidebar .navbar-brand-wrapper {
position: fixed;
top: 0;
left: 0;
width: 17rem;
height: 5rem;
background-color: #fff;
z-index: 99;
padding: 1.25rem 1.5rem;
border-bottom: .0625rem solid rgba(231,234,243,.7);
}

.navbar-sidebar-aside-sm .navbar-sidebar .navbar-brand {
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-align: center;
align-items: center;
margin-right: 0;
}

.navbar-sidebar-aside-sm .navbar-sidebar .navbar-nav {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}

.navbar-sidebar-aside-sm .navbar-sidebar .navbar-sidebar-aside-body {
padding-top: 6.25rem;
}

.navbar-sidebar-aside-sm .navbar-sidebar-aside-content {
margin-left: 17rem;
}
}

@media (min-width:768px) {
.navbar-sidebar-aside-md .navbar-sidebar {
position: fixed;
top: 0;
left: 0;
bottom: 0;
width: 17rem;
padding: 0;
}

.navbar-sidebar-aside-md .navbar-sidebar .navbar-collapse {
width: 100%;
}

.navbar-sidebar-aside-md .navbar-sidebar .navbar-brand-wrapper {
position: fixed;
top: 0;
left: 0;
width: 17rem;
height: 5rem;
background-color: #fff;
z-index: 99;
padding: 1.25rem 1.5rem;
border-bottom: .0625rem solid rgba(231,234,243,.7);
}

.navbar-sidebar-aside-md .navbar-sidebar .navbar-brand {
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-align: center;
align-items: center;
margin-right: 0;
}

.navbar-sidebar-aside-md .navbar-sidebar .navbar-nav {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}

.navbar-sidebar-aside-md .navbar-sidebar .navbar-sidebar-aside-body {
padding-top: 6.25rem;
}

.navbar-sidebar-aside-md .navbar-sidebar-aside-content {
margin-left: 17rem;
}
}

@media (min-width:992px) {
.navbar-sidebar-aside-lg .navbar-sidebar {
position: fixed;
top: 0;
left: 0;
bottom: 0;
width: 17rem;
padding: 0;
}

.navbar-sidebar-aside-lg .navbar-sidebar .navbar-collapse {
width: 100%;
}

.navbar-sidebar-aside-lg .navbar-sidebar .navbar-brand-wrapper {
position: fixed;
top: 0;
left: 0;
width: 17rem;
height: 5rem;
background-color: #fff;
z-index: 99;
padding: 1.25rem 1.5rem;
border-bottom: .0625rem solid rgba(231,234,243,.7);
}

.navbar-sidebar-aside-lg .navbar-sidebar .navbar-brand {
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-align: center;
align-items: center;
margin-right: 0;
}

.navbar-sidebar-aside-lg .navbar-sidebar .navbar-nav {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}

.navbar-sidebar-aside-lg .navbar-sidebar .navbar-sidebar-aside-body {
padding-top: 6.25rem;
}

.navbar-sidebar-aside-lg .navbar-sidebar-aside-content {
margin-left: 17rem;
}
}

@media (min-width:1200px) {
.navbar-sidebar-aside-xl .navbar-sidebar {
position: fixed;
top: 0;
left: 0;
bottom: 0;
width: 17rem;
padding: 0;
}

.navbar-sidebar-aside-xl .navbar-sidebar .navbar-collapse {
width: 100%;
}

.navbar-sidebar-aside-xl .navbar-sidebar .navbar-brand-wrapper {
position: fixed;
top: 0;
left: 0;
width: 17rem;
height: 5rem;
background-color: #fff;
z-index: 99;
padding: 1.25rem 1.5rem;
border-bottom: .0625rem solid rgba(231,234,243,.7);
}

.navbar-sidebar-aside-xl .navbar-sidebar .navbar-brand {
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-align: center;
align-items: center;
margin-right: 0;
}

.navbar-sidebar-aside-xl .navbar-sidebar .navbar-nav {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}

.navbar-sidebar-aside-xl .navbar-sidebar .navbar-sidebar-aside-body {
padding-top: 6.25rem;
}

.navbar-sidebar-aside-xl .navbar-sidebar-aside-content {
margin-left: 17rem;
}
}

@media (min-width:1400px) {
.navbar-sidebar-aside-xxl .navbar-sidebar {
position: fixed;
top: 0;
left: 0;
bottom: 0;
width: 17rem;
padding: 0;
}

.navbar-sidebar-aside-xxl .navbar-sidebar .navbar-collapse {
width: 100%;
}

.navbar-sidebar-aside-xxl .navbar-sidebar .navbar-brand-wrapper {
position: fixed;
top: 0;
left: 0;
width: 17rem;
height: 5rem;
background-color: #fff;
z-index: 99;
padding: 1.25rem 1.5rem;
border-bottom: .0625rem solid rgba(231,234,243,.7);
}

.navbar-sidebar-aside-xxl .navbar-sidebar .navbar-brand {
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-align: center;
align-items: center;
margin-right: 0;
}

.navbar-sidebar-aside-xxl .navbar-sidebar .navbar-nav {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}

.navbar-sidebar-aside-xxl .navbar-sidebar .navbar-sidebar-aside-body {
padding-top: 6.25rem;
}

.navbar-sidebar-aside-xxl .navbar-sidebar-aside-content {
margin-left: 17rem;
}
}

.navbar-sidebar-aside .navbar-sidebar {
position: fixed;
top: 0;
left: 0;
bottom: 0;
width: 17rem;
padding: 0;
}

.navbar-sidebar-aside .navbar-sidebar .navbar-collapse {
width: 100%;
}

.navbar-sidebar-aside .navbar-sidebar .navbar-brand-wrapper {
position: fixed;
top: 0;
left: 0;
width: 17rem;
height: 5rem;
background-color: #fff;
z-index: 99;
padding: 1.25rem 1.5rem;
border-bottom: .0625rem solid rgba(231,234,243,.7);
}

.navbar-sidebar-aside .navbar-sidebar .navbar-brand {
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-align: center;
align-items: center;
margin-right: 0;
}

.navbar-sidebar-aside .navbar-sidebar .navbar-nav {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}

.navbar-sidebar-aside .navbar-sidebar .navbar-sidebar-aside-body {
padding-top: 6.25rem;
}

.navbar-sidebar-aside .navbar-sidebar-aside-content {
margin-left: 17rem;
}

.navbar-sidebar-aside .navbar-sidebar .navbar-brand, .navbar-sidebar-aside .navbar-sidebar .navbar-brand-badge {
display: none;
}

.navbar-sidebar-aside .nav-segment {
margin: 1.25rem 1.5rem;
}

@media (max-width:575.98px) {
.navbar-sidebar-aside-sm .navbar-sidebar .navbar-brand, .navbar-sidebar-aside-sm .navbar-sidebar .navbar-brand-badge {
display: none;
}

.navbar-sidebar-aside-sm .nav-segment {
margin: 1.25rem 1.5rem;
}
}

@media (max-width:767.98px) {
.navbar-sidebar-aside-md .navbar-sidebar .navbar-brand, .navbar-sidebar-aside-md .navbar-sidebar .navbar-brand-badge {
display: none;
}

.navbar-sidebar-aside-md .nav-segment {
margin: 1.25rem 1.5rem;
}
}

@media (max-width:991.98px) {
.navbar-sidebar-aside-lg .navbar-sidebar .navbar-brand, .navbar-sidebar-aside-lg .navbar-sidebar .navbar-brand-badge {
display: none;
}

.navbar-sidebar-aside-lg .nav-segment {
margin: 1.25rem 1.5rem;
}
}

@media (max-width:1199.98px) {
.navbar-sidebar-aside-xl .navbar-sidebar .navbar-brand, .navbar-sidebar-aside-xl .navbar-sidebar .navbar-brand-badge {
display: none;
}

.navbar-sidebar-aside-xl .nav-segment {
margin: 1.25rem 1.5rem;
}
}

@media (max-width:1399.98px) {
.navbar-sidebar-aside-xxl .navbar-sidebar .navbar-brand, .navbar-sidebar-aside-xxl .navbar-sidebar .navbar-brand-badge {
display: none;
}

.navbar-sidebar-aside-xxl .nav-segment {
margin: 1.25rem 1.5rem;
}
}

.navbar-light .navbar-brand, .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
color: #0F172A;
}

.navbar-light .navbar-toggler {
color: #0F172A;
border-color: rgba(231,234,243,.7);
}

.navbar-light .navbar-nav .nav-link {
color: #0F172A;
}

.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
color: #0F172A0F172A;
}

.navbar-light .navbar-nav .nav-link.active .dropdown-item-icon {
color: #0F172A0F172A;
opacity: 1;
}

.navbar-dark .navbar-nav .nav-item:hover .nav-link, .navbar-dark .navbar-nav .nav-item:hover .nav-link:focus, .navbar-dark .navbar-nav .nav-item:hover .nav-link:hover {
color: #fff;
}

.navbar-dark .navbar-nav .navbar-dropdown-menu .nav-link {
color: rgba(255,255,255,.55);
}

.navbar-dark .navbar-nav .navbar-dropdown-menu .nav-link.active, .navbar-dark .navbar-nav .navbar-dropdown-menu .nav-link:focus, .navbar-dark .navbar-nav .navbar-dropdown-menu .nav-link:hover {
color: #fff;
}

.navbar-dark .navbar-nav .navbar-dropdown-menu .nav-link.disabled {
color: rgba(255,255,255,.25);
}

.navbar-dark .navbar-nav .navbar-dropdown-menu .nav-tabs .nav-link, .navbar-dark .navbar-nav .navbar-dropdown-menu .nav-tabs .nav-link:focus, .navbar-dark .navbar-nav .navbar-dropdown-menu .nav-tabs .nav-link:hover {
color: #0F172A;
}

.navbar-dark .navbar-nav .navbar-dropdown-menu .nav-tabs .nav-link.active {
color: #0F172A0F172A;
}

.navbar-dark .navbar-nav .navbar-dropdown-menu .nav-tabs .nav-item .nav-link:hover {
color: #0F172A0F172A;
}

.navbar-dark .navbar-nav .nav-item:hover .navbar-dropdown-menu .nav-link {
color: #0F172A;
}

.navbar-dark .navbar-nav .nav-item:hover .navbar-dropdown-menu .nav-link.active {
color: #0F172A0F172A;
}

.navbar-dark .navbar-nav .navbar-dropdown-menu .dropdown-item-icon {
color: #0F172A;
}

.navbar-dark .navbar-toggler-text {
color: #fff;
}

.navbar-dark .nav-link.dropdown-toggle::after {
background-image: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' fill='rgba(255, 255, 255, 0.55)' xmlns='http://www.w3.org/20F172A/svg'><path d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/></svg>");
}

.navbar-dark .input-group-hover-light .form-control, .navbar-dark .input-group-hover-light .form-control:hover {
background-color: rgba(255,255,255,.1);
}

.navbar-dark .input-group-hover-light .form-control:focus {
background-color: #fff;
}

.navbar-dark .navbar-aside-toggler {
color: #fff;
background-color: #0F172A;
border-color: rgba(255,255,255,.1);
}

.navbar-dark .nav-tabs .nav-item .nav-link:hover {
color: #fff;
}

.navbar-dark .nav-tabs .nav-item.show .nav-link, .navbar-dark .nav-tabs .nav-link {
color: rgba(255,255,255,.55);
}

.navbar-dark .nav-tabs .nav-collapse .nav-link:hover {
color: #0F172A0F172A;
}

.navbar-dark .nav-pills .nav-link.active {
color: #fff;
}

.navbar-dark .nav-tabs > .nav-item > .nav-link:hover, .navbar-dark.navbar .nav-tabs .nav-item:hover > .nav-link:hover {
color: #fff;
}

.navbar-dark.navbar .nav-tabs .nav-collapse .nav-.nav-link, .navbar-dark.navbar .nav-tabs .nav-collapse .nav-item:hover > .nav-link:hover {
color: #0F172A0F172A;
}

.navbar-dark .nav-pills .nav-link, .navbar-dark .nav-vertical.nav-pills .nav-collapse .nav-item .nav-link[aria-expanded]:hover, .navbar-dark .nav-vertical.nav-pills .nav-collapse .nav-link:hover, .navbar-dark .nav-vertical.nav-pills .nav-item .nav-link:hover, .navbar-dark .nav-vertical.nav-pills .nav-item .nav-link[aria-expanded]:hover, .navbar-dark .nav-vertical.nav-pills .nav-item.show .nav-collapse .nav-link.active, .navbar-dark.navbar .nav-pills .nav-item:hover > .nav-link {
color: rgba(255,255,255,.55);
}

.navbar-dark .navbar-vertical-footer {
border-color: rgba(255,255,255,.1);
}

.navbar-dark .dropdown-menu:not(.navbar-dropdown-menu-borderless) .dropdown-item-icon {
color: rgba(255,255,255,.55);
}

.navbar-dark.splitted-content-mini .nav-compact-icon .nav-icon {
color: rgba(255,255,255,.55);
}

.navbar-dark.splitted-content-mini .nav-compact-icon .nav-icon.active, .navbar-dark.splitted-content-mini .nav-compact-icon .nav-icon:hover {
background-color: rgba(255,255,255,.1);
}

.navbar-vertical-aside.navbar-dark .nav-link {
color: #fff;
}

.navbar-vertical-aside-mini-mode .navbar-dark .nav-tabs .nav-item .nav-item > .nav-link {
color: #0F172A;
}

.navbar-vertical-aside-mini-mode .navbar-dark .nav-tabs .nav-collapse .nav-link {
color: #0F172A;
}

.navbar-vertical-aside-mini-mode .navbar-dark .nav-tabs .nav-collapse .nav-link.active {
color: #0F172A0F172A;
}

.navbar-vertical-aside-mini-mode .navbar-dark .nav-tabs .nav-collapse .nav-link.active:hover {
color: #0F172A0F172A;
}

.navbar-vertical-aside-mini-mode .navbar-dark .nav-tabs .nav-collapse .nav-link:hover {
color: #0F172A0F172A;
}

.navbar-vertical-aside-mini-mode .navbar-dark .nav-pills .nav-link, .navbar-vertical-aside-mini-mode .navbar-dark .nav-vertical.nav-pills .nav-collapse .nav-item .nav-link[aria-expanded]:hover, .navbar-vertical-aside-mini-mode .navbar-dark .nav-vertical.nav-pills .nav-collapse .nav-link:hover, .navbar-vertical-aside-mini-mode .navbar-dark .nav-vertical.nav-pills .nav-item .nav-link:hover, .navbar-vertical-aside-mini-mode .navbar-dark .nav-vertical.nav-pills .nav-item .nav-link[aria-expanded]:hover, .navbar-vertical-aside-mini-mode .navbar-dark .nav-vertical.nav-pills .nav-item.show .nav-collapse .nav-link.active, .navbar-vertical-aside-mini-mode .navbar-dark.navbar .nav-pills .nav-item:hover > .nav-link {
color: #0F172A;
}

.navbar-vertical-aside-mini-mode .navbar-dark .nav-pills > * > .nav-item > .nav-link, .navbar-vertical-aside-mini-mode .navbar-dark .nav-pills > .nav-item > .nav-link {
color: rgba(255,255,255,.55);
}

.navbar-vertical-aside-mini-mode .navbar-dark .nav-vertical.nav-pills .nav-item .nav-link[aria-expanded]:hover {
color: #fff;
}

.navbar-vertical-aside-mini-mode .navbar-dark .nav-vertical.nav-pills .nav-link.active:hover {
background-color: rgba(189,197,209,.2);
}

.navbar-invisible {
display: none;
}

.navbar-moved-up {
-webkit-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0);
}

.navbar-faded {
opacity: 0;
visibility: hidden;
}

.navbar-section-hidden {
position: relative;
}

.navbar[data-hs-header-options*=fixMoment] {
transition: .3s ease;
}

.navbar.navbar-untransitioned {
transition: none;
}

.navbar.navbar-scrolled {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: auto;
}

.navbar.navbar-scrolled .navbar-topbar {
display: none;
}

.navbar-fix-top {
position: fixed;
}

.navbar.navbar-fix-top[data-hs-header-options*=effectCompensation] {
transition: none;
}

.offcanvas-header {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
border-bottom: .0625rem solid rgba(231,234,243,.7);
}

.offcanvas-navbar-search {
bottom: auto;
height: auto;
}

.offcanvas-footer {
padding: 1.5rem 2rem;
border-top: .0625rem solid rgba(231,234,243,.7);
}

.page-header {
border-bottom: .0625rem solid rgba(231,234,243,.7);
padding-bottom: 2rem;
margin-bottom: 2.25rem;
}

.page-header .breadcrumb {
margin-bottom: .25rem;
}

.page-header-title {
margin-bottom: .5rem;
}

.page-header-text {
margin-bottom: .25rem;
}

.page-header-tabs {
margin-bottom: -2rem;
border-bottom-width: 0;
}

.hs-nav-scroller-horizontal .page-header-tabs {
margin-bottom: -2rem;
}

.page-header-reset {
border-bottom-width: 0;
padding-bottom: 0;
}

.page-header-light {
border-bottom-color: rgba(255,255,255,.1);
}

.page-header-light .page-header-title {
color: #fff;
}

.page-header-light .page-header-text {
color: rgba(255,255,255,.7);
}

.page-item:not(:last-child) {
margin-right: .25rem;
}

.page-link {
min-width: 2.25rem;
text-align: center;
cursor: pointer;
border-radius: .3125rem;
border: 1px solid #ebebeb;
}

.popover {
box-shadow: 0 .6125rem 2.5rem .6125rem rgba(140,152,164,.175);
}

.popover-header {
font-size: 1rem;
font-weight: 600;
}

.popover-dark {
background-color: #0F172A;
}

.popover-dark.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .popover-dark.bs-popover-top > .popover-arrow::after {
border-top-color: #0F172A;
}

.popover-dark.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after, .popover-dark.bs-popover-end > .popover-arrow::after {
border-right-color: #0F172A;
}

.popover-dark.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .popover-dark.bs-popover-bottom > .popover-arrow::after {
border-bottom-color: #0F172A;
}

.popover-dark.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .popover-dark.bs-popover-start > .popover-arrow::after {
border-left-color: #0F172A;
}

.popover-dark .popover-header {
color: #fff;
background-color: #0F172A;
border-bottom-color: rgba(255,255,255,.1);
}

.popover-dark .popover-body {
color: #bdc5d1;
}

.profile-cover {
position: relative;
height: 7.5rem;
padding: 1rem 1rem;
border-radius: .75rem;
}

.profile-cover-content {
position: relative;
z-index: 1;
}

.profile-cover-img-wrapper {
position: absolute;
top: 0;
right: 0;
left: 0;
height: 7.5rem;
background-color: #e7eaf3;
border-radius: .75rem;
}

.profile-cover-img {
width: 100%;
height: 7.5rem;
-o-object-fit: cover;
object-fit: cover;
vertical-align: top;
border-radius: .75rem;
}

.profile-cover-avatar {
display: -ms-flexbox;
display: flex;
background-color: #fff;
border: .25rem solid #fff;
margin: -6.3rem auto .5rem auto;
}

.profile-cover-content {
padding: 1rem 1rem;
}

.profile-cover-uploader {
position: absolute;
bottom: 0;
right: 0;
overflow: hidden;
margin-bottom: 0;
}

.profile-cover-uploader-input {
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
opacity: 0;
}

.profile-cover-uploader-label {
margin-bottom: 0;
}

@media (min-width:992px) {
.profile-cover {
height: 10rem;
}

.profile-cover-img-wrapper {
height: 10rem;
}

.profile-cover-img {
height: 10rem;
}
}

.progress-vertical {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-ms-flex-pack: end;
justify-content: flex-end;
background-color: #bdc5d1;
width: .5rem;
height: 12.5rem;
}

.shape-container {
position: relative;
}

.shape[class*=text-] > svg [fill]:not([fill=none]) {
fill: currentColor !important;
}

.shape {
position: absolute;
z-index: -1;
}

.shape-top {
top: 0;
left: 0;
right: 0;
}

.shape-top > svg {
width: 100%;
height: auto;
margin-bottom: -1px;
-webkit-transform-origin: bottom center;
transform-origin: bottom center;
}

.shape-bottom {
bottom: 0;
left: 0;
right: 0;
}

.shape-bottom > svg {
width: 100%;
height: auto;
margin-bottom: -1px;
-webkit-transform-origin: top center;
transform-origin: top center;
}

.shape-start {
top: 0;
left: 0;
bottom: 0;
}

.shape-start > svg {
width: auto;
height: 100%;
-webkit-transform-origin: left center;
transform-origin: left center;
}

.shape-end {
top: 0;
right: 0;
bottom: 0;
}

.shape-end > svg {
width: auto;
height: 100%;
-webkit-transform-origin: right center;
transform-origin: right center;
}

.sliding-img {
width: 100%;
height: 281px;
overflow: hidden;
}

.sliding-img-frame-to-end, .sliding-img-frame-to-start {
width: 2880px;
height: 281px;
background-size: 2880px 281px;
}

.sliding-img-frame-to-start {
-webkit-animation: sliding-img-frame-to-start 60s linear infinite;
animation: sliding-img-frame-to-start 60s linear infinite;
}

.sliding-img-frame-to-end {
-webkit-animation: sliding-img-frame-to-end 60s linear infinite;
animation: sliding-img-frame-to-end 60s linear infinite;
}

@-webkit-keyframes sliding-img-frame-to-start {
from {
background-position-x: 0;
}

to {
background-position-x: -2880px;
}
}

@keyframes sliding-img-frame-to-start {
from {
background-position-x: 0;
}

to {
background-position-x: -2880px;
}
}

@-webkit-keyframes sliding-img-frame-to-end {
from {
background-position-x: 0;
}

to {
background-position-x: 2880px;
}
}

@keyframes sliding-img-frame-to-end {
from {
background-position-x: 0;
}

to {
background-position-x: 2880px;
}
}

.step {
position: relative;
list-style: none;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
margin-right: calc(1.5rem / -2);
margin-left: calc(1.5rem / -2);
}

.step.step-dashed .step-icon::after {
border-left-style: dashed;
}

.step-icon-border {
border: .125rem solid rgba(231,234,243,.7);
}

.step-title {
display: block;
color: #1e2022;
font-weight: 600;
}

.step-text:last-child {
color: #0F172A;
margin-bottom: 0;
}

.step-border-last-0 .step-item:last-child .step-icon::after {
display: none;
}

.step .step-item {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
padding-right: .75rem;
padding-left: .75rem;
margin-bottom: 2.25rem;
}

.step-item-between .step-item:last-child {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}

.step .step-content-wrapper {
position: relative;
display: -ms-flexbox;
display: flex;
width: 100%;
}

.step .step-content {
-ms-flex: 1;
flex: 1;
}

.step-item.collapse:not(.show) {
display: none;
}

.step-item .step-title-description {
display: none;
}

.step-item.focus .step-title-description {
display: block;
}

.step .step-avatar {
font-size: .875rem;
font-weight: 600;
width: 2.625rem;
height: 2.625rem;
border-radius: 50%;
margin-right: 1rem;
}

.step .step-avatar-img {
max-width: 100%;
height: auto;
border-radius: 50%;
}

.step .step-avatar::after {
position: absolute;
top: 3.375rem;
left: 1.3125rem;
height: calc(100% - 1.875rem);
border-left: .125rem solid rgba(231,234,243,.7);
content: "";
}

.step-avatar-xs .step-avatar, .step-avatar-xs.step-avatar {
font-size: .65625rem;
width: 1.53125rem;
height: 1.53125rem;
}

.step-avatar-xs .step-avatar::after, .step-avatar-xs.step-avatar::after {
top: 2.28125rem;
left: .70312rem;
width: 1.625rem;
height: calc(100% - .78125rem);
}

.step-avatar-xs .step-divider::after {
left: .76562rem;
}

.step-avatar-sm .step-avatar, .step-avatar-sm.step-avatar {
font-size: .875rem;
width: 2.40625rem;
height: 2.40625rem;
}

.step-avatar-sm .step-avatar::after, .step-avatar-sm.step-avatar::after {
top: 3.15625rem;
left: 1.14062rem;
width: 1.625rem;
height: calc(100% - 1.65625rem);
}

.step-avatar-sm .step-divider::after {
left: 1.20312rem;
}

.step-avatar-lg .step-avatar, .step-avatar-lg.step-avatar {
font-size: 1rem;
width: 4.8125rem;
height: 4.8125rem;
}

.step-avatar-lg .step-avatar::after, .step-avatar-lg.step-avatar::after {
top: 5.5625rem;
left: 2.34375rem;
width: 1.625rem;
height: calc(100% - 4.0625rem);
}

.step-avatar-lg .step-divider::after {
left: 2.40625rem;
}

.step-divider {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
text-transform: uppercase;
height: 1rem;
font-size: .71094rem;
font-weight: 600;
}

.step-divider::after {
position: absolute;
top: 1.75rem;
left: 1.3125rem;
height: calc(100% - .25rem);
border-left: .125rem solid rgba(231,234,243,.7);
content: "";
}

.step .step-icon {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
font-size: .875rem;
font-weight: 600;
width: 2.625rem;
height: 2.625rem;
border-radius: 50%;
margin-right: 1rem;
}

.step .step-icon::after {
position: absolute;
top: 3.375rem;
left: 1.3125rem;
height: calc(100% - 1.875rem);
border-left: .125rem solid rgba(231,234,243,.7);
content: "";
}

.step .step-icon-pseudo::before {
display: block;
width: .25rem;
height: .25rem;
background-color: #97a4af;
border-radius: 50%;
content: "";
}

.step-icon-xs .step-icon, .step-icon-xs.step-icon {
font-size: .65625rem;
width: 1.53125rem;
height: 1.53125rem;
}

.step-icon-xs .step-icon::after, .step-icon-xs.step-icon::after {
top: 2.28125rem;
left: .70312rem;
width: 1.625rem;
height: calc(100% - .78125rem);
}

.step-icon-xs .step-divider::after {
left: .76562rem;
}

.step-icon-sm .step-icon, .step-icon-sm.step-icon {
font-size: .875rem;
width: 2.40625rem;
height: 2.40625rem;
}

.step-icon-sm .step-icon::after, .step-icon-sm.step-icon::after {
top: 3.15625rem;
left: 1.14062rem;
width: 1.625rem;
height: calc(100% - 1.65625rem);
}

.step-icon-sm .step-divider::after {
left: 1.20312rem;
}

.step-icon-lg .step-icon, .step-icon-lg.step-icon {
font-size: 1rem;
width: 4.8125rem;
height: 4.8125rem;
}

.step-icon-lg .step-icon::after, .step-icon-lg.step-icon::after {
top: 5.5625rem;
left: 2.34375rem;
width: 1.625rem;
height: calc(100% - 4.0625rem);
}

.step-icon-lg .step-divider::after {
left: 2.40625rem;
}

@media (min-width:576px) {
.step-sm.step-dashed .step-icon::after {
border-left: none;
border-top-style: dashed;
}

.step-sm .step-item {
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex: 1;
flex: 1;
margin-bottom: 0;
}

.step-sm:not(.step-inline) .step-content-wrapper {
display: block;
}

.step-sm .step-icon {
margin-bottom: 1rem;
}

.step-sm .step-icon::after {
top: 1.3125rem;
left: 4.125rem;
width: calc(100% - 4.125rem);
height: 1.625rem;
border-top: .125rem solid rgba(231,234,243,.7);
border-left: none;
}

.step-sm .step-icon.step-icon-xs::after, .step-sm.step-icon-xs .step-icon::after {
top: .76562rem;
left: 3.03125rem;
width: calc(100% - 3.03125rem);
}

.step-sm .step-icon.step-icon-sm::after, .step-sm.step-icon-sm .step-icon::after {
top: 1.20312rem;
left: 3.90625rem;
width: calc(100% - 3.90625rem);
}

.step-sm .step-icon.step-icon-lg::after, .step-sm.step-icon-lg .step-icon::after {
top: 2.40625rem;
left: 6.3125rem;
width: calc(100% - 6.3125rem);
}
}

@media (min-width:768px) {
.step-md.step-dashed .step-icon::after {
border-left: none;
border-top-style: dashed;
}

.step-md .step-item {
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex: 1;
flex: 1;
margin-bottom: 0;
}

.step-md:not(.step-inline) .step-content-wrapper {
display: block;
}

.step-md .step-icon {
margin-bottom: 1rem;
}

.step-md .step-icon::after {
top: 1.3125rem;
left: 4.125rem;
width: calc(100% - 4.125rem);
height: 1.625rem;
border-top: .125rem solid rgba(231,234,243,.7);
border-left: none;
}

.step-md .step-icon.step-icon-xs::after, .step-md.step-icon-xs .step-icon::after {
top: .76562rem;
left: 3.03125rem;
width: calc(100% - 3.03125rem);
}

.step-md .step-icon.step-icon-sm::after, .step-md.step-icon-sm .step-icon::after {
top: 1.20312rem;
left: 3.90625rem;
width: calc(100% - 3.90625rem);
}

.step-md .step-icon.step-icon-lg::after, .step-md.step-icon-lg .step-icon::after {
top: 2.40625rem;
left: 6.3125rem;
width: calc(100% - 6.3125rem);
}
}

@media (min-width:992px) {
.step-lg.step-dashed .step-icon::after {
border-left: none;
border-top-style: dashed;
}

.step-lg .step-item {
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex: 1;
flex: 1;
margin-bottom: 0;
}

.step-lg:not(.step-inline) .step-content-wrapper {
display: block;
}

.step-lg .step-icon {
margin-bottom: 1rem;
}

.step-lg .step-icon::after {
top: 1.3125rem;
left: 4.125rem;
width: calc(100% - 4.125rem);
height: 1.625rem;
border-top: .125rem solid rgba(231,234,243,.7);
border-left: none;
}

.step-lg .step-icon.step-icon-xs::after, .step-lg.step-icon-xs .step-icon::after {
top: .76562rem;
left: 3.03125rem;
width: calc(100% - 3.03125rem);
}

.step-lg .step-icon.step-icon-sm::after, .step-lg.step-icon-sm .step-icon::after {
top: 1.20312rem;
left: 3.90625rem;
width: calc(100% - 3.90625rem);
}

.step-lg .step-icon.step-icon-lg::after, .step-lg.step-icon-lg .step-icon::after {
top: 2.40625rem;
left: 6.3125rem;
width: calc(100% - 6.3125rem);
}
}

@media (min-width:1200px) {
.step-xl.step-dashed .step-icon::after {
border-left: none;
border-top-style: dashed;
}

.step-xl .step-item {
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex: 1;
flex: 1;
margin-bottom: 0;
}

.step-xl:not(.step-inline) .step-content-wrapper {
display: block;
}

.step-xl .step-icon {
margin-bottom: 1rem;
}

.step-xl .step-icon::after {
top: 1.3125rem;
left: 4.125rem;
width: calc(100% - 4.125rem);
height: 1.625rem;
border-top: .125rem solid rgba(231,234,243,.7);
border-left: none;
}

.step-xl .step-icon.step-icon-xs::after, .step-xl.step-icon-xs .step-icon::after {
top: .76562rem;
left: 3.03125rem;
width: calc(100% - 3.03125rem);
}

.step-xl .step-icon.step-icon-sm::after, .step-xl.step-icon-sm .step-icon::after {
top: 1.20312rem;
left: 3.90625rem;
width: calc(100% - 3.90625rem);
}

.step-xl .step-icon.step-icon-lg::after, .step-xl.step-icon-lg .step-icon::after {
top: 2.40625rem;
left: 6.3125rem;
width: calc(100% - 6.3125rem);
}
}

@media (min-width:576px) {
.step-sm.step-centered {
text-align: center;
}

.step-sm.step-centered .step-item:last-child .step-icon::after {
display: none;
}

.step-sm.step-centered .step-icon {
margin-left: auto;
margin-right: auto;
}

.step-sm.step-centered .step-icon::after {
width: calc(100% - 4.125rem);
left: calc(50% + 2.8125rem);
}

.step-sm.step-centered .step-icon.step-icon-xs::after, .step-sm.step-centered.step-icon-xs .step-icon::after {
width: calc(100% - 3.03125rem);
left: calc(50% + 2.26562rem);
}

.step-sm.step-centered .step-icon.step-icon-sm::after, .step-sm.step-centered.step-icon-sm .step-icon::after {
width: calc(100% - 3.90625rem);
left: calc(50% + 2.70312rem);
}

.step-sm.step-centered .step-icon.step-icon-lg::after, .step-sm.step-centered.step-icon-lg .step-icon::after {
width: calc(100% - 6.3125rem);
left: calc(50% + 3.90625rem);
}
}

@media (min-width:768px) {
.step-md.step-centered {
text-align: center;
}

.step-md.step-centered .step-item:last-child .step-icon::after {
display: none;
}

.step-md.step-centered .step-icon {
margin-left: auto;
margin-right: auto;
}

.step-md.step-centered .step-icon::after {
width: calc(100% - 4.125rem);
left: calc(50% + 2.8125rem);
}

.step-md.step-centered .step-icon.step-icon-xs::after, .step-md.step-centered.step-icon-xs .step-icon::after {
width: calc(100% - 3.03125rem);
left: calc(50% + 2.26562rem);
}

.step-md.step-centered .step-icon.step-icon-sm::after, .step-md.step-centered.step-icon-sm .step-icon::after {
width: calc(100% - 3.90625rem);
left: calc(50% + 2.70312rem);
}

.step-md.step-centered .step-icon.step-icon-lg::after, .step-md.step-centered.step-icon-lg .step-icon::after {
width: calc(100% - 6.3125rem);
left: calc(50% + 3.90625rem);
}
}

@media (min-width:992px) {
.step-lg.step-centered {
text-align: center;
}

.step-lg.step-centered .step-item:last-child .step-icon::after {
display: none;
}

.step-lg.step-centered .step-icon {
margin-left: auto;
margin-right: auto;
}

.step-lg.step-centered .step-icon::after {
width: calc(100% - 4.125rem);
left: calc(50% + 2.8125rem);
}

.step-lg.step-centered .step-icon.step-icon-xs::after, .step-lg.step-centered.step-icon-xs .step-icon::after {
width: calc(100% - 3.03125rem);
left: calc(50% + 2.26562rem);
}

.step-lg.step-centered .step-icon.step-icon-sm::after, .step-lg.step-centered.step-icon-sm .step-icon::after {
width: calc(100% - 3.90625rem);
left: calc(50% + 2.70312rem);
}

.step-lg.step-centered .step-icon.step-icon-lg::after, .step-lg.step-centered.step-icon-lg .step-icon::after {
width: calc(100% - 6.3125rem);
left: calc(50% + 3.90625rem);
}
}

@media (min-width:992px) {
.step-lg.step-centered {
text-align: center;
}

.step-lg.step-centered .step-item:last-child .step-icon::after {
display: none;
}

.step-lg.step-centered .step-icon {
margin-left: auto;
margin-right: auto;
}

.step-lg.step-centered .step-icon::after {
width: calc(100% - 4.125rem);
left: calc(50% + 2.8125rem);
}

.step-lg.step-centered .step-icon.step-icon-xs::after, .step-lg.step-centered.step-icon-xs .step-icon::after {
width: calc(100% - 3.03125rem);
left: calc(50% + 2.26562rem);
}

.step-lg.step-centered .step-icon.step-icon-sm::after, .step-lg.step-centered.step-icon-sm .step-icon::after {
width: calc(100% - 3.90625rem);
left: calc(50% + 2.70312rem);
}

.step-lg.step-centered .step-icon.step-icon-lg::after, .step-lg.step-centered.step-icon-lg .step-icon::after {
width: calc(100% - 6.3125rem);
left: calc(50% + 3.90625rem);
}
}

.step .step-is-invalid-icon, .step .step-is-valid-icon {
display: none;
}

.step .active .step-icon, .step .active.is-valid .step-icon, .step .visited .step-icon {
color: #fff;
background-color: #0F172A0F172A;
}

.step .active .step-title, .step .active.is-valid .step-title, .step .visited .step-title {
color: #0F172A0F172A;
}

.step .is-valid .step-icon {
color: #fff;
background-color: #0F172A0F172A;
}

.step .is-valid .step-title {
color: #0F172A0F172A;
}

.step .is-valid .step-is-valid-icon {
display: -ms-inline-flexbox;
display: inline-flex;
}

.step .is-valid .step-is-default-icon, .step .is-valid .step-is-invalid-icon {
display: none;
}

.step .is-invalid .step-icon {
color: #fff;
background-color: #F44336;
}

.step .is-invalid .step-title {
color: #F44336;
}

.step .is-invalid .step-is-invalid-icon {
display: -ms-inline-flexbox;
display: inline-flex;
}

.step .is-invalid .step-is-default-icon, .step .is-invalid .step-is-valid-icon {
display: none;
}

.step-icon-primary {
color: #fff;
background-color: #0F172A0F172A;
}

.step-icon-primary.step-icon-pseudo::before {
background-color: #fff;
}

.step-icon-secondary {
color: #fff;
background-color: #71869d;
}

.step-icon-secondary.step-icon-pseudo::before {
background-color: #fff;
}

.step-icon-success {
color: #fff;
background-color: #00c9a7;
}

.step-icon-success.step-icon-pseudo::before {
background-color: #fff;
}

.step-icon-info {
color: #fff;
background-color: #09a5be;
}

.step-icon-info.step-icon-pseudo::before {
background-color: #fff;
}

.step-icon-warning {
color: #0F172A;
background-color: #f5ca99;
}

.step-icon-warning.step-icon-pseudo::before {
background-color: #0F172A;
}

.step-icon-danger {
color: #fff;
background-color: #F44336;
}

.step-icon-danger.step-icon-pseudo::before {
background-color: #fff;
}

.step-icon-light {
color: #0F172A;
background-color: #f9fafc;
}

.step-icon-light.step-icon-pseudo::before {
background-color: #0F172A;
}

.step-icon-dark {
color: #fff;
background-color: #0F172A;
}

.step-icon-dark.step-icon-pseudo::before {
background-color: #fff;
}

.step-icon-soft-primary {
color: #0F172A0F172A;
background-color: rgba(112,112,112,.1);
}

.step-icon-soft-primary.step-icon-pseudo::before {
background-color: #0F172A0F172A;
}

.step-icon-soft-secondary {
color: #71869d;
background-color: rgba(113,134,157,.1);
}

.step-icon-soft-secondary.step-icon-pseudo::before {
background-color: #71869d;
}

.step-icon-soft-success {
color: #00c9a7;
background-color: rgba(0,201,167,.1);
}

.step-icon-soft-success.step-icon-pseudo::before {
background-color: #00c9a7;
}

.step-icon-soft-info {
color: #09a5be;
background-color: rgba(9,165,190,.1);
}

.step-icon-soft-info.step-icon-pseudo::before {
background-color: #09a5be;
}

.step-icon-soft-warning {
color: #f5ca99;
background-color: rgba(245,202,153,.1);
}

.step-icon-soft-warning.step-icon-pseudo::before {
background-color: #f5ca99;
}

.step-icon-soft-danger {
color: #F44336;
background-color: rgba(237,76,120,.1);
}

.step-icon-soft-danger.step-icon-pseudo::before {
background-color: #F44336;
}

.step-icon-soft-light {
color: #f9fafc;
background-color: rgba(249,250,252,.1);
}

.step-icon-soft-light.step-icon-pseudo::before {
background-color: #f9fafc;
}

.step-icon-soft-dark {
color: #0F172A;
background-color: rgba(19,33,68,.1);
}

.step-icon-soft-dark.step-icon-pseudo::before {
background-color: #0F172A;
}

.step-inline .step-content-wrapper {
-ms-flex-align: center;
align-items: center;
}

.step-inline .step-item:last-child .step-title::after {
display: none;
}

.step-inline .step-title {
display: inline-block;
}

@media (min-width:576px) {
.step-sm.step-inline.step-dashed .step-title::after {
border-top-style: dashed;
}

.step-sm.step-inline .step-item {
overflow: hidden;
}

.step-sm.step-inline .step-icon {
margin-bottom: 0;
}

.step-sm.step-inline .step-icon::after {
display: none;
}

.step-sm.step-inline .step-title::after {
position: absolute;
top: 1.3125rem;
width: 100%;
height: 1.625rem;
border-top: .125rem solid rgba(231,234,243,.7);
margin-left: 1.5rem;
content: "";
}

.step-sm.step-inline .step-icon-xs + .step-content .step-title::after, .step-sm.step-inline.step-icon-xs .step-content .step-title::after {
top: .76562rem;
}

.step-sm.step-inline .step-icon-sm + .step-content .step-title::after, .step-sm.step-inline.step-icon-sm .step-content .step-title::after {
top: 1.20312rem;
}

.step-sm.step-inline .step-icon-lg + .step-content .step-title::after, .step-sm.step-inline.step-icon-lg .step-content .step-title::after {
top: 2.40625rem;
}
}

@media (min-width:768px) {
.step-md.step-inline.step-dashed .step-title::after {
border-top-style: dashed;
}

.step-md.step-inline .step-item {
overflow: hidden;
}

.step-md.step-inline .step-icon {
margin-bottom: 0;
}

.step-md.step-inline .step-icon::after {
display: none;
}

.step-md.step-inline .step-title::after {
position: absolute;
top: 1.3125rem;
width: 100%;
height: 1.625rem;
border-top: .125rem solid rgba(231,234,243,.7);
margin-left: 1.5rem;
content: "";
}

.step-md.step-inline .step-icon-xs + .step-content .step-title::after, .step-md.step-inline.step-icon-xs .step-content .step-title::after {
top: .76562rem;
}

.step-md.step-inline .step-icon-sm + .step-content .step-title::after, .step-md.step-inline.step-icon-sm .step-content .step-title::after {
top: 1.20312rem;
}

.step-md.step-inline .step-icon-lg + .step-content .step-title::after, .step-md.step-inline.step-icon-lg .step-content .step-title::after {
top: 2.40625rem;
}
}

@media (min-width:992px) {
.step-lg.step-inline.step-dashed .step-title::after {
border-top-style: dashed;
}

.step-lg.step-inline .step-item {
overflow: hidden;
}

.step-lg.step-inline .step-icon {
margin-bottom: 0;
}

.step-lg.step-inline .step-icon::after {
display: none;
}

.step-lg.step-inline .step-title::after {
position: absolute;
top: 1.3125rem;
width: 100%;
height: 1.625rem;
border-top: .125rem solid rgba(231,234,243,.7);
margin-left: 1.5rem;
content: "";
}

.step-lg.step-inline .step-icon-xs + .step-content .step-title::after, .step-lg.step-inline.step-icon-xs .step-content .step-title::after {
top: .76562rem;
}

.step-lg.step-inline .step-icon-sm + .step-content .step-title::after, .step-lg.step-inline.step-icon-sm .step-content .step-title::after {
top: 1.20312rem;
}

.step-lg.step-inline .step-icon-lg + .step-content .step-title::after, .step-lg.step-inline.step-icon-lg .step-content .step-title::after {
top: 2.40625rem;
}
}

@media (min-width:1200px) {
.step-xl.step-inline.step-dashed .step-title::after {
border-top-style: dashed;
}

.step-xl.step-inline .step-item {
overflow: hidden;
}

.step-xl.step-inline .step-icon {
margin-bottom: 0;
}

.step-xl.step-inline .step-icon::after {
display: none;
}

.step-xl.step-inline .step-title::after {
position: absolute;
top: 1.3125rem;
width: 100%;
height: 1.625rem;
border-top: .125rem solid rgba(231,234,243,.7);
margin-left: 1.5rem;
content: "";
}

.step-xl.step-inline .step-icon-xs + .step-content .step-title::after, .step-xl.step-inline.step-icon-xs .step-content .step-title::after {
top: .76562rem;
}

.step-xl.step-inline .step-icon-sm + .step-content .step-title::after, .step-xl.step-inline.step-icon-sm .step-content .step-title::after {
top: 1.20312rem;
}

.step-xl.step-inline .step-icon-lg + .step-content .step-title::after, .step-xl.step-inline.step-icon-lg .step-content .step-title::after {
top: 2.40625rem;
}
}

@media (min-width:576px) {
.step-timeline-sm {
margin-left: 0;
margin-right: 0;
}

.step-timeline-sm .step-item {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
padding-left: 0;
padding-right: 0;
margin-left: 50%;
}

.step-timeline-sm .step-item:nth-child(even) {
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
text-align: right;
margin-left: auto;
margin-right: 50%;
}

.step-timeline-sm .step-item:nth-child(even) .step-content-wrapper {
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}

.step-timeline-sm .step-item:nth-child(even) .step-icon {
margin-left: 0;
margin-right: -1.3125rem;
}

.step-timeline-sm .step-item:nth-child(even) .step-icon-xs {
margin-right: -.76562rem;
}

.step-timeline-sm .step-item:nth-child(even) .step-icon-sm {
margin-right: -1.20312rem;
}

.step-timeline-sm .step-item:nth-child(even) .step-icon-lg {
margin-right: -2.40625rem;
}

.step-timeline-sm .step-item:nth-child(even) .step-content {
margin-right: 1.5rem;
}

.step-timeline-sm .step-icon {
margin-left: -1.3125rem;
}

.step-timeline-sm .step-icon::after {
left: auto;
width: auto;
}

.step-timeline-sm .step-icon-xs {
margin-left: -.76562rem;
}

.step-timeline-sm .step-icon-sm {
margin-left: -1.20312rem;
}

.step-timeline-sm .step-icon-lg {
margin-left: -2.40625rem;
}
}

@media (min-width:768px) {
.step-timeline-md {
margin-left: 0;
margin-right: 0;
}

.step-timeline-md .step-item {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
padding-left: 0;
padding-right: 0;
margin-left: 50%;
}

.step-timeline-md .step-item:nth-child(even) {
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
text-align: right;
margin-left: auto;
margin-right: 50%;
}

.step-timeline-md .step-item:nth-child(even) .step-content-wrapper {
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}

.step-timeline-md .step-item:nth-child(even) .step-icon {
margin-left: 0;
margin-right: -1.3125rem;
}

.step-timeline-md .step-item:nth-child(even) .step-icon-xs {
margin-right: -.76562rem;
}

.step-timeline-md .step-item:nth-child(even) .step-icon-sm {
margin-right: -1.20312rem;
}

.step-timeline-md .step-item:nth-child(even) .step-icon-lg {
margin-right: -2.40625rem;
}

.step-timeline-md .step-item:nth-child(even) .step-content {
margin-right: 1.5rem;
}

.step-timeline-md .step-icon {
margin-left: -1.3125rem;
}

.step-timeline-md .step-icon::after {
left: auto;
width: auto;
}

.step-timeline-md .step-icon-xs {
margin-left: -.76562rem;
}

.step-timeline-md .step-icon-sm {
margin-left: -1.20312rem;
}

.step-timeline-md .step-icon-lg {
margin-left: -2.40625rem;
}
}

@media (min-width:992px) {
.step-timeline-lg {
margin-left: 0;
margin-right: 0;
}

.step-timeline-lg .step-item {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
padding-left: 0;
padding-right: 0;
margin-left: 50%;
}

.step-timeline-lg .step-item:nth-child(even) {
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
text-align: right;
margin-left: auto;
margin-right: 50%;
}

.step-timeline-lg .step-item:nth-child(even) .step-content-wrapper {
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}

.step-timeline-lg .step-item:nth-child(even) .step-icon {
margin-left: 0;
margin-right: -1.3125rem;
}

.step-timeline-lg .step-item:nth-child(even) .step-icon-xs {
margin-right: -.76562rem;
}

.step-timeline-lg .step-item:nth-child(even) .step-icon-sm {
margin-right: -1.20312rem;
}

.step-timeline-lg .step-item:nth-child(even) .step-icon-lg {
margin-right: -2.40625rem;
}

.step-timeline-lg .step-item:nth-child(even) .step-content {
margin-right: 1.5rem;
}

.step-timeline-lg .step-icon {
margin-left: -1.3125rem;
}

.step-timeline-lg .step-icon::after {
left: auto;
width: auto;
}

.step-timeline-lg .step-icon-xs {
margin-left: -.76562rem;
}

.step-timeline-lg .step-icon-sm {
margin-left: -1.20312rem;
}

.step-timeline-lg .step-icon-lg {
margin-left: -2.40625rem;
}
}

@media (min-width:1200px) {
.step-timeline-xl {
margin-left: 0;
margin-right: 0;
}

.step-timeline-xl .step-item {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
padding-left: 0;
padding-right: 0;
margin-left: 50%;
}

.step-timeline-xl .step-item:nth-child(even) {
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
text-align: right;
margin-left: auto;
margin-right: 50%;
}

.step-timeline-xl .step-item:nth-child(even) .step-content-wrapper {
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}

.step-timeline-xl .step-item:nth-child(even) .step-icon {
margin-left: 0;
margin-right: -1.3125rem;
}

.step-timeline-xl .step-item:nth-child(even) .step-icon-xs {
margin-right: -.76562rem;
}

.step-timeline-xl .step-item:nth-child(even) .step-icon-sm {
margin-right: -1.20312rem;
}

.step-timeline-xl .step-item:nth-child(even) .step-icon-lg {
margin-right: -2.40625rem;
}

.step-timeline-xl .step-item:nth-child(even) .step-content {
margin-right: 1.5rem;
}

.step-timeline-xl .step-icon {
margin-left: -1.3125rem;
}

.step-timeline-xl .step-icon::after {
left: auto;
width: auto;
}

.step-timeline-xl .step-icon-xs {
margin-left: -.76562rem;
}

.step-timeline-xl .step-icon-sm {
margin-left: -1.20312rem;
}

.step-timeline-xl .step-icon-lg {
margin-left: -2.40625rem;
}
}

.svg-icon {
display: block;
margin-top: .125rem;
}

.svg-icon[class*=text-] > svg [fill]:not([fill=none]) {
fill: currentColor !important;
}

.svg-inline {
display: inline-block;
}

.svg-icon > svg {
width: 2.75rem;
height: 2.75rem;
}

.svg-icon-xs > svg {
width: 1.25rem;
height: 1.25rem;
}

.svg-icon-sm > svg {
width: 1.75rem;
height: 1.75rem;
}

.svg-icon-lg > svg {
width: 3.5rem;
height: 3.5rem;
}

.toast-header .btn-close {
margin-right: 0;
}

/*.table tr {
color: #0F172A;
}*/

.table thead th {
color: #0F172A;
font-weight: 700;
text-transform: uppercase;
}

.table thead th a i {
font-size: 20px;
vertical-align: middle;
color: #207939;
}

.form-label a i {
font-size: 20px;
vertical-align: middle;
color: #207939;
display: inline-flex;
}

.table > :not(:last-child) > :last-child > * {
border-bottom-color: rgba(231,234,243,.7);
}

.table > :not(caption) > :last-child > * {
border-bottom-width: 0;
}

.table .btn {
white-space: nowrap;
}

.table-nowrap td, .table-nowrap th {
white-space: nowrap;
}

.table-align-middle tbody tr, .table-align-middle td, .table-align-middle th {
vertical-align: middle;
}

.table-text-center, .table-text-center td, .table-text-center th {
text-align: center;
}

.table-text-start, .table-text-start td, .table-text-start th {
text-align: left;
}

.table-text-end, .table-text-end td, .table-text-end th {
text-align: right;
}

.thead-light th {
background-color: #f8fafd;
}

.table-lg > :not(caption) > * > * {
padding: 1rem 1.5rem;
}

.table-thead-bordered > :not(:last-child) > :last-child > * {
border-top: .0625rem solid rgba(231,234,243,.7);
border-bottom: .0625rem solid rgba(231,234,243,.7);
}

.table-vertical-border-striped > tbody > tr > td:not(:first-child):not(:last-child), .table-vertical-border-striped > thead > tr > th:not(:first-child):not(:last-child) {
border-right: .0625rem solid rgba(231,234,243,.7);
}

.table-column-pe-0 {
padding-right: 0 !important;
}

.table-column-ps-0 {
padding-left: 0 !important;
}

.table-progress {
-ms-flex-positive: 1;
flex-grow: 1;
min-width: 5rem;
height: .25rem;
}

.table-input-group {
min-width: 14rem;
}

[class*=text-highlight-] {
background: left 1em/1em .2em;
background-repeat: repeat-x;
}

.text-highlight-primary {
background-image: linear-gradient(to bottom,rgba(112,112,112,.5),rgba(112,112,112,.5));
}

.text-highlight-secondary {
background-image: linear-gradient(to bottom,rgba(113,134,157,.5),rgba(113,134,157,.5));
}

.text-highlight-success {
background-image: linear-gradient(to bottom,rgba(0,201,167,.5),rgba(0,201,167,.5));
}

.text-highlight-info {
background-image: linear-gradient(to bottom,rgba(9,165,190,.5),rgba(9,165,190,.5));
}

.text-highlight-warning {
background-image: linear-gradient(to bottom,rgba(245,202,153,.5),rgba(245,202,153,.5));
}

.text-highlight-danger {
background-image: linear-gradient(to bottom,rgba(237,76,120,.5),rgba(237,76,120,.5));
}

.text-highlight-light {
background-image: linear-gradient(to bottom,rgba(249,250,252,.5),rgba(249,250,252,.5));
}

.text-highlight-dark {
background-image: linear-gradient(to bottom,rgba(19,33,68,.5),rgba(19,33,68,.5));
}

.bg-img-start {
background-size: cover;
background-repeat: no-repeat;
background-position: top center;
}

.bg-img-end {
background-size: cover;
background-repeat: no-repeat;
background-position: bottom center;
}

.bg-img-center {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}

.gradient-radial-sm-primary {
background-image: radial-gradient(50% 50% at 50% 50%,rgba(112,112,112,.1) 0,rgba(255,255,255,0) 100%);
}

.gradient-y-lg-dark {
background-image: linear-gradient(to bottom,rgba(255,255,255,0),#0F172A);
}

.link {
font-weight: 600;
}

.link-primary:focus, .link-primary:hover {
color: #919191;
}

.link-secondary:focus, .link-secondary:hover {
color: #919191;
}

.link-success:focus, .link-success:hover {
color: #919191;
}

.link-info:focus, .link-info:hover {
color: #919191;
}

.link-warning:focus, .link-warning:hover {
color: #919191;
}

.link-danger:focus, .link-danger:hover {
color: #919191;
}

.link-light:focus, .link-light:hover {
color: rgba(255,255,255,.7);
}

.link-dark:focus, .link-dark:hover {
color: #919191;
}

.link-collapse[aria-expanded=false] .link-collapse-default {
display: inline-block;
}

.link-collapse[aria-expanded=false] .link-collapse-active {
display: none;
}

.link-collapse[aria-expanded=true] .link-collapse-default {
display: none;
}

.link-collapse[aria-expanded=true] .link-collapse-active {
display: inline-block;
}

.text-cap {
display: block;
color: #1e2022;
font-size: .71094rem;
font-weight: 600;
letter-spacing: .03125rem;
text-transform: uppercase;
margin-bottom: 1rem;
}

.text-dark {
color: #1e2022 !important;
}

.text-dark[href]:hover {
color: #919191 !important;
}

.link-secondary[href]:hover, .text-body[href]:hover, .text-muted[href]:hover, .text-secondary[href]:hover {
color: #919191 !important;
}

a:hover .text-inherit {
color: #919191 !important;
}

.divider-start {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
color: #8c98a4;
}

.divider-start::after {
-ms-flex: 1 1 0%;
flex: 1 1 0%;
border-top: .0625rem solid rgba(231,234,243,.7);
margin-top: .0625rem;
content: '';
}

.divider-start::after {
margin-left: 1.5rem;
}

.divider-end {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
color: #8c98a4;
}

.divider-end::before {
-ms-flex: 1 1 0%;
flex: 1 1 0%;
border-top: .0625rem solid rgba(231,234,243,.7);
margin-top: .0625rem;
content: '';
}

.divider-end::before {
margin-right: 1.5rem;
}

.divider-center {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
color: #8c98a4;
}

.divider-center::after, .divider-center::before {
-ms-flex: 1 1 0%;
flex: 1 1 0%;
border-top: .0625rem solid rgba(231,234,243,.7);
margin-top: .0625rem;
content: '';
}

.divider-center::before {
margin-right: 1.5rem;
}

.divider-center::after {
margin-left: 1.5rem;
}

.devices {
max-width: 1140px;
position: relative;
overflow: hidden;
padding: 0 .75rem 7rem;
margin-right: -.75rem;
margin-left: -.75rem;
}

.devices .device-browser {
margin-left: auto;
margin-right: 5rem;
}

@media (max-width:991.98px) {
.devices .device-browser {
margin-right: auto;
}
}

.device-browser {
position: relative;
z-index: 1;
display: block;
max-width: 100%;
width: 50rem;
height: auto;
margin-left: auto;
margin-right: auto;
}

.device-browser-lg {
width: 60rem;
}

.device-browser-frame {
background: #fff;
box-shadow: 0 2.75rem 5.5rem -3.5rem rgba(189,197,209,.5),0 2rem 4rem -2rem rgba(19,33,68,.3);
border-bottom-right-radius: .5rem;
border-bottom-left-radius: .5rem;
}

.device-browser-img {
max-width: 100%;
height: auto;
border-bottom-right-radius: .5rem;
border-bottom-left-radius: .5rem;
}

.device-browser .hs-img-comp {
border-bottom-right-radius: .5rem;
border-bottom-left-radius: .5rem;
}

.device-browser-header {
position: relative;
display: -ms-flexbox;
display: flex;
max-width: 50rem;
background: #fff;
border-bottom: .0625rem solid #f1f3f8;
border-top-left-radius: .5rem;
border-top-right-radius: .5rem;
padding: .5rem 6.5rem;
}

.device-browser-header-btn-list {
display: -ms-flexbox;
display: flex;
grid-gap: .25rem;
position: absolute;
top: calc(50% - .25rem);
left: 1rem;
}

.device-browser-header-btn-list-btn {
width: .5rem;
height: .5rem;
background-color: #e7eaf3;
border-radius: 50%;
}

.device-browser-header-browser-bar {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 100%;
color: #0F172A;
background-color: #e7eaf3;
font-size: .4375rem;
border-radius: .125rem;
}

.device-browser-lg {
width: 60rem;
}

.device-browser-lg .device-browser-header {
max-width: 60rem;
}

.hs-nav-scroller-horizontal {
position: relative;
}

.hs-nav-scroller-horizontal .nav {
overflow-x: auto;
overflow-y: hidden;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
white-space: nowrap;
scroll-behavior: smooth;
}

.hs-nav-scroller-horizontal .nav .nav-item {
white-space: nowrap;
}

.hs-nav-scroller-horizontal .nav .nav-link {
white-space: nowrap;
}

.hs-nav-scroller-horizontal .nav::-webkit-scrollbar {
display: none;
}

.hs-nav-scroller-horizontal .nav-tabs {
padding-bottom: .125rem;
}

.hs-nav-scroller-horizontal .hs-nav-scroller-arrow-next, .hs-nav-scroller-horizontal .hs-nav-scroller-arrow-prev {
position: absolute;
height: 100%;
z-index: 1;
font-size: 1.3125rem;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}

.hs-nav-scroller-horizontal .hs-nav-scroller-arrow-link {
width: 2.625rem;
color: #0F172A;
}

.hs-nav-scroller-horizontal .hs-nav-scroller-arrow-link:hover {
color: #919191;
}

.hs-nav-scroller-horizontal .hs-nav-scroller-arrow-prev {
left: 0;
margin-left: -.125rem;
background-image: linear-gradient(to right,#fff 50%,rgba(255,255,255,0) 100%);
}

.hs-nav-scroller-horizontal .hs-nav-scroller-arrow-prev .hs-nav-scroller-arrow-link {
padding: .5rem 0;
}

.hs-nav-scroller-horizontal .hs-nav-scroller-arrow-next {
right: 0;
margin-right: -.125rem;
background-image: linear-gradient(to right,rgba(255,255,255,0) 0,#fff 50%);
}

.hs-nav-scroller-horizontal .hs-nav-scroller-arrow-next .hs-nav-scroller-arrow-link {
padding: .5rem 0;
text-align: right;
}

.hs-nav-scroller-horizontal .hs-nav-scroller-arrow-dark-next .hs-nav-scroller-arrow-link, .hs-nav-scroller-horizontal .hs-nav-scroller-arrow-dark-prev .hs-nav-scroller-arrow-link {
color: rgba(255,255,255,.7);
}

.hs-nav-scroller-horizontal .hs-nav-scroller-arrow-dark-next .hs-nav-scroller-arrow-link:hover, .hs-nav-scroller-horizontal .hs-nav-scroller-arrow-dark-prev .hs-nav-scroller-arrow-link:hover {
color: #fff;
}

.hs-nav-scroller-horizontal .hs-nav-scroller-arrow-dark-prev {
background: linear-gradient(to left,rgba(19,33,68,.53),#0F172A 61.34%);
}

.hs-nav-scroller-horizontal .hs-nav-scroller-arrow-dark-next {
background: linear-gradient(to right,rgba(19,33,68,.53),#0F172A 61.34%);
}

.hs-nav-scroller-vertical {
height: 100%;
overflow: hidden;
overflow-y: auto;
}

.hs-nav-scroller-vertical::-webkit-scrollbar {
width: .6125rem;
}

.hs-nav-scroller-vertical::-webkit-scrollbar-thumb {
background-color: rgba(189,197,209,.6);
}

.nav-scroller-dropdown {
position: static;
}

.hs-form-search-menu-content {
position: absolute;
display: block !important;
opacity: 0;
pointer-events: none;
}

.hs-form-search-menu-hidden {
display: none !important;
opacity: 0;
visibility: hidden;
}

.hs-form-search-menu-initialized {
opacity: 1;
visibility: visible;
pointer-events: auto;
}

.hs-loader-wrapper {
position: absolute;
top: -1px;
right: -1px;
bottom: -1px;
left: -1px;
display: none;
background-color: #fff;
border-radius: .5rem;
}

.hs-loader {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
}

.hs-fullscreen {
position: fixed !important;
z-index: 9999;
top: 0;
left: 0;
right: 0;
height: 100vh !important;
max-height: 100vh !important;
width: 100vw !important;
max-width: 100vw !important;
border-radius: 0;
}

.hs-fullscreen .hs-fullscreen-icon-default {
display: none;
}

.hs-fullscreen .hs-fullscreen-icon-active {
display: block;
}

.hs-fullscreen-on {
overflow: hidden;
}

.hs-fullscreen-icon-default {
display: block;
}

.hs-fullscreen-icon-active {
display: none;
}

.chartjs-custom {
position: relative;
overflow: hidden;
margin-right: auto;
margin-left: auto;
}

.hs-chartjs-tooltip-wrap {
position: absolute;
z-index: 3;
transition: opacity .2s ease-in-out,left .2s ease,top .2s ease;
}

.hs-chartjs-tooltip {
position: relative;
font-size: .8125rem;
background-color: #0F172A;
border-radius: .5rem;
padding: .6125rem 1rem;
transition: opacity .2s ease-in-out,left .2s ease,top .2s ease,top 0s;
}

.hs-chartjs-tooltip::before {
position: absolute;
left: calc(50% - .5rem);
bottom: -.4375rem;
width: 1rem;
height: .5rem;
content: "";
background-image: url("data:image/svg+xml,%3Csvg width='1rem' height='0.5rem' xmlns='http://www.w3.org/20F172A/svg' x='0px' y='0px' viewBox='0 0 50 22.49'%3E%3Cpath fill='%20F172A3' d='M0,0h50L31.87,19.65c-3.45,3.73-9.33,3.79-12.85,0.13L0,0z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center center;
background-size: 1rem .5rem;
}

.hs-chartjs-tooltip-left {
left: -130%;
}

.hs-chartjs-tooltip-left::before {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: -.6875rem;
left: auto;
-webkit-transform: translateY(-50%) rotate(270deg);
transform: translateY(-50%) rotate(270deg);
}

.hs-chartjs-tooltip-right {
left: 30%;
}

.hs-chartjs-tooltip-right::before {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: -.6875rem;
right: auto;
-webkit-transform: translateY(-50%) rotate(90deg);
transform: translateY(-50%) rotate(90deg);
}

.hs-chartjs-tooltip-header {
color: rgba(255,255,255,.7);
font-weight: 600;
white-space: nowrap;
}

.hs-chartjs-tooltip-body {
color: #fff;
}

.chartjs-doughnut-custom {
position: relative;
}

.chartjs-doughnut-custom-stat {
position: absolute;
top: 8rem;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}

.chartjs-matrix-custom {
position: relative;
}

.hs-chartjs-matrix-legend {
display: inline-block;
position: relative;
height: 2.5rem;
list-style: none;
padding-left: 0;
}

.hs-chartjs-matrix-legend-item {
width: .625rem;
height: .625rem;
display: inline-block;
}

.hs-chartjs-matrix-legend-min {
position: absolute;
left: 0;
bottom: 0;
}

.hs-chartjs-matrix-legend-max {
position: absolute;
right: 0;
bottom: 0;
}

.datatable-custom .dataTables_filter, .datatable-custom .dataTables_info, .datatable-custom .dataTables_length, .datatable-custom .dataTables_paginate {
display: none;
}

.datatable-custom .sorting, .datatable-custom .sorting_asc, .datatable-custom .sorting_desc {
position: relative;
cursor: pointer;
overflow: hidden;
}

.datatable-custom .sorting::after, .datatable-custom .sorting_asc::after, .datatable-custom .sorting_desc::after {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
width: .7rem;
height: .7rem;
background-image: url("data:image/svg+xml,%3Csvg width='0.7rem' height='0.7rem' viewBox='0 0 292 375' fill='none' xmlns='http://www.w3.org/20F172A/svg'%3E%3Cpath d='M131.965 15.3808C139.5 7.12345 152.5 7.12346 160.035 15.3808L262.976 128.193C274.106 140.39 265.453 160 248.941 160H43.0589C26.5474 160 17.8943 140.39 29.0238 128.193L131.965 15.3808Z' fill='%23dde1ee'/%3E%3Cpath d='M160.035 359.619C152.5 367.877 139.5 367.877 131.965 359.619L29.0238 246.807C17.8942 234.61 26.5473 215 43.0589 215L248.941 215C265.453 215 274.106 234.61 262.976 246.807L160.035 359.619Z' fill='%23dde1ee'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: right center;
background-size: .7rem .7rem;
content: '';
margin-left: .5rem;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}

.datatable-custom .sorting_asc::after {
background-image: url("data:image/svg+xml,%3Csvg width='0.7rem' height='0.7rem' viewBox='0 0 292 375' fill='none' xmlns='http://www.w3.org/20F172A/svg'%3E%3Cpath d='M131.965 15.3808C139.5 7.12345 152.5 7.12346 160.035 15.3808L262.976 128.193C274.106 140.39 265.453 160 248.941 160H43.0589C26.5474 160 17.8943 140.39 29.0238 128.193L131.965 15.3808Z' fill='%23dde1ee'/%3E%3Cpath d='M160.035 359.619C152.5 367.877 139.5 367.877 131.965 359.619L29.0238 246.807C17.8942 234.61 26.5473 215 43.0589 215L248.941 215C265.453 215 274.106 234.61 262.976 246.807L160.035 359.619Z' fill='%20F172A0F172A3'/%3E%3C/svg%3E%0A");
content: "";
}

.datatable-custom .sorting_desc::after {
background-image: url("data:image/svg+xml,%3Csvg width='0.7rem' height='0.7rem' viewBox='0 0 292 375' fill='none' xmlns='http://www.w3.org/20F172A/svg'%3E%3Cpath d='M131.965 15.3808C139.5 7.12345 152.5 7.12346 160.035 15.3808L262.976 128.193C274.106 140.39 265.453 160 248.941 160H43.0589C26.5474 160 17.8943 140.39 29.0238 128.193L131.965 15.3808Z' fill='%20F172A0F172A3'/%3E%3Cpath d='M160.035 359.619C152.5 367.877 139.5 367.877 131.965 359.619L29.0238 246.807C17.8942 234.61 26.5473 215 43.0589 215L248.941 215C265.453 215 274.106 234.61 262.976 246.807L160.035 359.619Z' fill='%23dde1ee'/%3E%3C/svg%3E%0A");
content: "";
}

.datatable-custom-pagination {
margin-bottom: 0;
}

.datatable-custom-content-box.dataTable, .datatable-custom-content-box.dataTable td, .datatable-custom-content-box.dataTable th {
box-sizing: content-box;
}

.datatable-custom-centered .dataTable {
margin: 0 auto;
}

.datatable-custom-collapsible td.details-control {
position: relative;
}

.datatable-custom-collapsible td.details-control::before {
position: absolute;
top: 50%;
left: 50%;
width: 1rem;
height: 1rem;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='%20F172A3' xmlns='http://www.w3.org/20F172A/svg'%3E%3Cpath d='M19,11.5v1a.5.5,0,0,1-.5.5H13v5.5a.5.5,0,0,1-.5.5h-1a.5.5,0,0,1-.5-.5V13H5.5a.5.5,0,0,1-.5-.5v-1a.5.5,0,0,1,.5-.5H11V5.5a.5.5,0,0,1,.5-.5h1a.5.5,0,0,1,.5.5V11h5.5A.5.5,0,0,1,19,11.5Z'/%3E%3C/svg%3E") no-repeat right center/1rem 1rem;
content: "";
cursor: pointer;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}

.datatable-custom-collapsible tr.shown td.details-control::before {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='%20F172A3' xmlns='http://www.w3.org/20F172A/svg'%3E%3Cpath d='M5.5,13a.5.5,0,0,1-.5-.5v-1a.5.5,0,0,1,.5-.5h13a.5.5,0,0,1,.5.5v1a.5.5,0,0,1-.5.5Z'/%3E%3C/svg%3E") no-repeat right center/1rem 1rem;
}

.daterangepicker-custom-input {
cursor: pointer;
}

.daterangepicker-wrapper {
border: none;
padding: 0;
cursor: pointer;
}

.daterangepicker {
border: none;
font-family: Inter,sans-serif;
z-index: 98;
background-color: #fff;
box-shadow: 0 .6125rem 2.5rem .6125rem rgba(140,152,164,.175);
margin-top: 0;
border-radius: .75rem;
}

.daterangepicker.opensright::after, .daterangepicker.opensright::before {
left: 1rem;
}

.daterangepicker::after, .daterangepicker::before {
top: 0;
border-bottom-color: #fff;
border-bottom-width: 0;
}

.daterangepicker.drop-up::before {
border-top-color: #fff;
}

.daterangepicker .drp-calendar {
max-width: 18.75rem;
}

.daterangepicker .drp-calendar.left {
padding: 1rem 1rem;
}

.daterangepicker .drp-calendar.right {
padding: 1rem 1rem;
}

.daterangepicker th.next, .daterangepicker th.prev {
min-width: auto;
width: 2.40625rem;
height: 2.40625rem;
color: #0F172A0F172A;
font-size: .875rem;
border-radius: 50%;
}

.daterangepicker th.next:hover, .daterangepicker th.prev:hover {
background-color: rgba(112,112,112,.1);
}

.daterangepicker th.next:hover .daterangepicker-custom-arrow, .daterangepicker th.prev:hover .daterangepicker-custom-arrow {
color: #0F172A0F172A;
}

.daterangepicker .calendar-table {
background-color: #fff;
border-width: 0;
}

.daterangepicker .calendar-table table {
border-collapse: separate;
border-spacing: 0 .25rem;
}

.daterangepicker .calendar-table th:not(.month) {
color: #97a4af;
font-weight: 600;
text-transform: uppercase;
}

.daterangepicker .calendar-table th.month {
font-size: .875rem;
font-weight: 600;
}

.daterangepicker .calendar-table td {
min-width: 2.40625rem;
width: 2.40625rem;
height: 2.40625rem;
font-size: .875rem;
line-height: 2.15625rem;
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
border-color: #0F172A;
}

.daterangepicker .calendar-table .next:hover span, .daterangepicker .calendar-table .prev:hover span {
border-color: #0F172A0F172A;
}

.daterangepicker td.available:not(.in-range) {
border-radius: 50%;
}

.daterangepicker td.available:hover:not(.active) {
color: #0F172A0F172A;
background-color: rgba(112,112,112,.1);
}

.daterangepicker td.in-range {
color: #0F172A;
background-color: rgba(231,234,243,.5);
}

.daterangepicker td.active.start-date.end-date, .daterangepicker td.today.start-date.end-date {
border-radius: 50%;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
color: #fff;
background-color: #0F172A0F172A;
}

.daterangepicker td.active.start-date {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-top-left-radius: 50rem;
border-bottom-left-radius: 50rem;
}

.daterangepicker td.active.end-date {
border-top-right-radius: 50rem;
border-bottom-right-radius: 50rem;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}

.daterangepicker td.off, .daterangepicker td.off.end-date, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date {
color: #bdc5d1;
background-color: transparent;
}

.daterangepicker .drp-buttons, .daterangepicker.show-ranges.ltr .drp-calendar.left {
border-color: rgba(231,234,243,.7);
}

.daterangepicker .drp-buttons {
padding: 1rem 1rem;
}

.daterangepicker .drp-buttons .btn {
font-size: .875rem;
font-weight: 400;
padding: .6125rem 1rem;
}

.daterangepicker .cancelBtn {
background-color: #fff;
border-color: rgba(231,234,243,.7);
}

.daterangepicker .cancelBtn.active, .daterangepicker .cancelBtn:active, .daterangepicker .cancelBtn:focus, .daterangepicker .cancelBtn:hover {
color: #919191;
box-shadow: 0 3px 6px -2px rgba(140,152,164,.25);
}

.daterangepicker .drp-selected {
color: #71869d;
}

.daterangepicker .ranges ul {
min-width: 10rem;
padding-top: .5rem;
padding-bottom: .5rem;
}

.daterangepicker .ranges li {
color: #0F172A;
font-size: .875rem;
line-height: 1.5;
border-radius: .3125rem;
padding: .5rem 1rem;
margin-left: .625rem;
margin-right: .625rem;
}

.daterangepicker .ranges li:hover {
color: #919191;
background-color: transparent;
}

.daterangepicker .ranges li.active {
color: #0F172A0F172A;
background-color: rgba(112,112,112,.1);
}

.daterangepicker select.ampmselect, .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect {
cursor: pointer;
width: 3.5rem;
font-size: .8125rem;
color: #1e2022;
background-color: transparent;
border-color: rgba(231,234,243,.7);
padding: .25rem .25rem;
border-radius: .5rem;
}

.daterangepicker select.ampmselect:hover, .daterangepicker select.hourselect:hover, .daterangepicker select.minuteselect:hover, .daterangepicker select.secondselect:hover {
color: #919191;
}

@media (max-width:776.98px) {
.daterangepicker {
width: auto;
max-width: 19rem;
}

.daterangepicker .drp-calendar {
max-width: 100%;
}

.daterangepicker .drp-calendar, .daterangepicker .ranges {
float: none;
}

.daterangepicker .ranges ul {
width: 100%;
margin: 0;
}

.daterangepicker .drp-selected {
display: block;
margin-bottom: 1rem;
}
}

.dz-dropzone {
cursor: pointer;
}

.dz-dropzone .dz-message {
width: 100%;
text-align: center;
}

.dz-dropzone .dz-details {
margin-bottom: 1rem;
}

.dz-dropzone .dz-file-preview {
background-color: #fff;
border-radius: .5rem;
padding: 1rem 1rem;
box-shadow: 0 .375rem .75rem rgba(140,152,164,.075);
}

.dz-dropzone .dz-file-wrapper {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.dz-dropzone .dz-filename {
margin-bottom: .25rem;
}

.dz-dropzone .dz-img {
max-width: 2.625rem;
border-radius: .5rem;
margin-right: .75rem;
}

.dz-dropzone .dz-img-inner {
border-radius: .5rem;
}

.dz-dropzone .dz-close-icon, .dz-dropzone .dz-size {
color: #0F172A;
}

.dz-dropzone .dz-title {
font-size: .65625rem;
font-weight: 600;
}

.dz-dropzone .dz-size {
font-size: 80%;
}

.dz-dropzone .dz-file-initials {
display: inline-block;
width: 2.625rem;
height: 2.625rem;
line-height: 2.625rem;
font-weight: 600;
font-size: .875rem;
color: #0F172A0F172A;
text-align: center;
background-color: rgba(112,112,112,.1);
border-radius: .5rem;
margin-right: .75rem;
}

.dz-dropzone [data-dz-thumbnail]:not([src]) {
display: none;
margin-bottom: 0;
}

.dz-dropzone .dz-progress {
margin-bottom: 1rem;
}

.dz-dropzone .dz-processing .dz-error-mark, .dz-dropzone .dz-processing .dz-success-mark {
display: none;
}

.dz-dropzone .dz-processing.dz-error .dz-error-mark, .dz-dropzone .dz-processing.dz-success .dz-success-mark {
display: block;
}

.dz-dropzone .dz-processing .dz-error-mark {
color: #F44336;
}

.dz-dropzone .dz-processing .dz-success-mark {
color: #00c9a7;
}

.dz-dropzone-card {
width: 100%;
background-color: #f8fafd;
border: .125rem dashed rgba(231,234,243,.7);
border-radius: .5rem;
padding: 3rem 3rem;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.fancybox-custom .fancybox-slide.animated {
display: block;
opacity: 0;
z-index: 0;
}

.fancybox-custom .fancybox-slide.animated.fancybox-slide--current {
opacity: 1;
z-index: 1;
}

.fancybox-custom .fancybox-content {
background-color: transparent;
}

.fancybox-custom .fancybox-bg {
background-color: #1e2022;
}

.fancybox-custom .fancybox-button svg {
margin-bottom: 0;
}

.fancybox-custom .fancybox-progress {
background-color: #0F172A0F172A;
}

.fancybox-blur aside, .fancybox-blur footer, .fancybox-blur header, .fancybox-blur main {
-webkit-filter: blur(30px);
filter: blur(30px);
}

.flatpickr-custom {
position: relative;
width: 100% !important;
}

.flatpickr-custom .flatpickr-calendar {
top: calc(1.5em + 1.35rem) !important;
left: 0 !important;
width: auto;
}

.flatpickr-custom-form-control[readonly], .form-control[readonly] {
background-color: transparent;
}

.flatpickr-calendar {
width: 21.125rem;
padding: 1rem 1rem;
box-shadow: 0 .6125rem 2.5rem .6125rem rgba(140,152,164,.175);
background-color: #fff;
border-radius: .75rem;
margin-top: .5rem;
}

.flatpickr-calendar::before {
left: 1rem;
border-width: .5rem;
margin: 0 .5rem;
}

.flatpickr-calendar.arrowTop::before {
border-bottom-color: #fff;
}

.flatpickr-calendar::after {
display: none;
}

.flatpickr-calendar.animate.open {
-webkit-animation: fadeInUp .3s cubic-bezier(.23,1,.32,1);
animation: fadeInUp .3s cubic-bezier(.23,1,.32,1);
}

.flatpickr-calendar .flatpickr-months {
-ms-flex-align: center;
align-items: center;
margin-bottom: .75rem;
}

.flatpickr-calendar .flatpickr-current-month, .flatpickr-calendar .flatpickr-next-month, .flatpickr-calendar .flatpickr-prev-month {
padding: 0;
}

.flatpickr-calendar .flatpickr-current-month {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
width: auto;
}

.flatpickr-calendar .flatpickr-next-month, .flatpickr-calendar .flatpickr-prev-month {
position: absolute;
color: #0F172A;
width: 2.40625rem;
height: 2.40625rem;
line-height: 2.40625rem;
background-color: transparent;
border-radius: 50%;
}

.flatpickr-calendar .flatpickr-next-month:hover, .flatpickr-calendar .flatpickr-prev-month:hover {
color: #0F172A0F172A;
background-color: rgba(112,112,112,.1);
}

.flatpickr-calendar .flatpickr-weekday {
color: #97a4af;
text-transform: uppercase;
font-weight: 600;
}

.flatpickr-calendar .rangeMode .flatpickr-day {
margin-top: .25rem;
}

.flatpickr-calendar .flatpickr-monthDropdown-months {
color: #0F172A;
font-size: .875rem;
font-weight: 600;
}

.flatpickr-calendar .flatpickr-monthDropdown-months:hover {
background-color: transparent;
}

.flatpickr-calendar .flatpickr-current-month input.cur-year {
color: #0F172A;
font-size: .875rem;
font-weight: 600;
}

.flatpickr-calendar .flatpickr-day {
color: #1e2022;
border: none;
}

.flatpickr-calendar .flatpickr-day:focus, .flatpickr-calendar .flatpickr-day:hover {
color: #0F172A0F172A;
background-color: rgba(112,112,112,.1);
}

.flatpickr-calendar .flatpickr-day.endRange, .flatpickr-calendar .flatpickr-day.endRange.inRange, .flatpickr-calendar .flatpickr-day.endRange.nextMonthDay, .flatpickr-calendar .flatpickr-day.endRange.prevMonthDay, .flatpickr-calendar .flatpickr-day.endRange:focus, .flatpickr-calendar .flatpickr-day.endRange:hover, .flatpickr-calendar .flatpickr-day.selected, .flatpickr-calendar .flatpickr-day.selected.inRange, .flatpickr-calendar .flatpickr-day.selected.nextMonthDay, .flatpickr-calendar .flatpickr-day.selected.prevMonthDay, .flatpickr-calendar .flatpickr-day.selected:focus, .flatpickr-calendar .flatpickr-day.selected:hover, .flatpickr-calendar .flatpickr-day.startRange, .flatpickr-calendar .flatpickr-day.startRange.inRange, .flatpickr-calendar .flatpickr-day.startRange.nextMonthDay, .flatpickr-calendar .flatpickr-day.startRange.prevMonthDay, .flatpickr-calendar .flatpickr-day.startRange:focus, .flatpickr-calendar .flatpickr-day.startRange:hover {
color: #fff;
background-color: #0F172A0F172A;
border-color: #0F172A0F172A;
}

.flatpickr-calendar .flatpickr-day.inRange {
color: #fff;
background-color: #0F172A0F172A;
box-shadow: -.35rem 0 0 #0F172A0F172A,.35rem 0 0 #0F172A0F172A;
}

.flatpickr-calendar .flatpickr-day.inRange.nextMonthDay, .flatpickr-calendar .flatpickr-day.inRange.nextMonthDay:focus, .flatpickr-calendar .flatpickr-day.inRange.nextMonthDay:hover, .flatpickr-calendar .flatpickr-day.inRange.prevMonthDay, .flatpickr-calendar .flatpickr-day.inRange.prevMonthDay:focus, .flatpickr-calendar .flatpickr-day.inRange.prevMonthDay:hover, .flatpickr-calendar .flatpickr-day.selected.nextMonthDay, .flatpickr-calendar .flatpickr-day.selected.nextMonthDay:focus, .flatpickr-calendar .flatpickr-day.selected.nextMonthDay:hover, .flatpickr-calendar .flatpickr-day.selected.prevMonthDay, .flatpickr-calendar .flatpickr-day.selected.prevMonthDay:focus, .flatpickr-calendar .flatpickr-day.selected.prevMonthDay:hover {
color: #fff;
border-color: #0F172A0F172A;
background-color: #0F172A0F172A;
}

.flatpickr-calendar .flatpickr-day.today {
color: #fff;
border-color: transparent;
background-color: #0F172A0F172A;
}

.flatpickr-calendar .flatpickr-day.nextMonthDay, .flatpickr-calendar .flatpickr-day.prevMonthDay {
color: #e7eaf3;
}

.flatpickr-calendar .flatpickr-day.nextMonthDay:focus, .flatpickr-calendar .flatpickr-day.nextMonthDay:hover, .flatpickr-calendar .flatpickr-day.prevMonthDay:focus, .flatpickr-calendar .flatpickr-day.prevMonthDay:hover {
color: #bdc5d1;
background-color: rgba(231,234,243,.7);
border-color: rgba(231,234,243,.7);
}

.flatpickr-calendar .flatpickr-day.disabled {
color: #bdc5d1;
}

.flatpickr-calendar .flatpickr-day.disabled:hover {
color: #bdc5d1;
background-color: rgba(231,234,243,.7);
border-color: rgba(231,234,243,.7);
}

.flatpickr-calendar .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-calendar .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-calendar .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)) {
box-shadow: -.35rem 0 0 #0F172A0F172A,.35rem 0 0 #0F172A0F172A;
}

.flatpickr-calendar .numInputWrapper span.arrowDown, .flatpickr-calendar .numInputWrapper span.arrowUp {
display: block;
}

.flatpickr-calendar .numInputWrapper:hover {
background-color: transparent;
}

.flatpickr-calendar .flatpickr-time input {
color: #1e2022;
}

.flatpickr-calendar .flatpickr-time .flatpickr-am-pm:focus, .flatpickr-calendar .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-calendar .flatpickr-time input:focus, .flatpickr-calendar .flatpickr-time input:hover {
background-color: rgba(231,234,243,.5);
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback).flatpickr-calendar {
border-top-left-radius: .75rem;
border-bottom-left-radius: .75rem;
}

.flatpickr-custom-borderless {
width: 0 !important;
min-width: 7rem !important;
}

.flatpickr-custom-borderless .input-group-text {
border: 0;
padding-right: 0 !important;
}

.flatpickr-custom-borderless .flatpickr-custom-form-control {
border: none;
cursor: pointer;
box-shadow: none;
padding-right: 0;
color: #0F172A0F172A;
}

.flatpickr-custom-position-fix-sm-down .flatpickr-calendar {
left: -100% !important;
}

.fullcalendar-custom .fc-list-empty {
background-color: #f8fafd;
}

.fullcalendar-custom .fc-daygrid-dot-event.fc-event-mirror, .fullcalendar-custom .fc-daygrid-dot-event:hover {
color: #0F172A0F172A;
}

.fullcalendar-custom .fc-daygrid-dot-event {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #1e2022;
background-color: rgba(112,112,112,.1);
border-radius: .5rem;
}

.fullcalendar-custom .fc-v-event .fc-event-main {
color: #1e2022;
font-weight: 600;
}

.fullcalendar-custom .fc-h-event, .fullcalendar-custom .fc-v-event {
cursor: pointer;
border: none;
}

.fullcalendar-custom .fc-h-event {
background-color: rgba(112,112,112,.1);
}

.fullcalendar-custom .fc-listWeek-view .fc-list-event {
background-color: #fff;
}

.fullcalendar-custom .fullcalendar-custom-event-hs-team {
background-color: #eaf1ff;
}

.fullcalendar-custom .fullcalendar-custom-event-hs-team .fc-list-event-dot {
border-color: #b7d0ff;
}

.fullcalendar-custom .fullcalendar-custom-event-reminders {
background-color: #fdeef2;
}

.fullcalendar-custom .fullcalendar-custom-event-reminders .fc-list-event-dot {
border-color: #f9c0cf;
}

.fullcalendar-custom .fullcalendar-custom-event-tasks {
background-color: #fdf3e8;
}

.fullcalendar-custom .fullcalendar-custom-event-tasks .fc-list-event-dot {
border-color: #f8dbba;
}

.fullcalendar-custom .fullcalendar-custom-event-holidays {
background-color: #b1f1fb;
}

.fullcalendar-custom .fullcalendar-custom-event-holidays .fc-list-event-dot {
border-color: #80e8f9;
}

.fullcalendar-custom .fc-daygrid-inline-block-event {
display: inline-block;
}

.fullcalendar-custom .fc-daygrid-dot-event .fc-event-title, .fullcalendar-custom .fc-daygrid-event {
font-size: .8125rem;
font-weight: 600;
}

.fullcalendar-custom .fc-event-resizable, .fullcalendar-custom .fc-timegrid-event-harness .fc-timegrid-event {
max-width: 15rem;
}

.fullcalendar-custom .fc-daygrid-event, .fullcalendar-custom .fc-timegrid-event .fc-event-main {
padding: .3125rem .3125rem;
}

.fullcalendar-custom .fc-daygrid-block-event .fc-event-time, .fullcalendar-custom .fc-daygrid-block-event .fc-event-title {
color: #1e2022;
padding: 0;
}

.fullcalendar-custom .fc-daygrid-block-event .fc-event-time:hover, .fullcalendar-custom .fc-daygrid-block-event .fc-event-title:hover {
color: #0F172A0F172A;
}

.fullcalendar-custom .fc-daygrid-block-event .fc-event-time.fc-sticky, .fullcalendar-custom .fc-daygrid-block-event .fc-event-title.fc-sticky {
padding-right: 0;
padding-left: 0;
}

.fullcalendar-custom .fc-daygrid-event .fc-event-title {
padding: .125rem 0;
}

.fullcalendar-custom .fc-event-time {
font-size: .65625rem;
}

.fullcalendar-custom .fc-event-title.fc-sticky {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: .8125rem;
}

.fullcalendar-custom .fc-daygrid-event, .fullcalendar-custom.fc-direction-ltr .fc-daygrid-event.fc-event-start, .fullcalendar-custom.fc-direction-rtl .fc-daygrid-event.fc-event-end {
margin: .125rem 0;
}

.fullcalendar-custom.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-end), .fullcalendar-custom.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-start) {
border-radius: .5rem;
}

.fullcalendar-custom.fc table, .fullcalendar-custom.fc td, .fullcalendar-custom.fc th {
border-color: rgba(231,234,243,.7);
}

.fullcalendar-custom.fc .fc-view:not(.fc-timeGridDay-view) .fc-daygrid-day {
height: 10rem;
}

.fullcalendar-custom.fc .fc-daygrid-day-frame {
padding: .25rem;
}

.fullcalendar-custom.fc .fc-col-header-cell-cushion, .fullcalendar-custom.fc .fc-timegrid-slot-label-cushion {
font-size: .76562rem;
color: #97a4af;
text-transform: uppercase;
}

.fullcalendar-custom.fc .fc-col-header-cell-cushion {
display: block;
background-color: transparent;
padding: .5rem .5rem;
}

.fullcalendar-custom.fc .fc-day-today .fc-col-header-cell-cushion {
color: #0F172A0F172A;
background-color: rgba(112,112,112,.1);
border-top-left-radius: .5rem;
border-top-right-radius: .5rem;
}

.fullcalendar-custom.fc .fc-daygrid-day-top {
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: .125rem;
}

.fullcalendar-custom.fc .fc-day-other .fc-daygrid-day-top {
opacity: 1;
}

.fullcalendar-custom.fc .fc-day-other .fc-daygrid-day-top .fc-daygrid-day-number {
color: #e7eaf3;
}

.fullcalendar-custom.fc .fc-daygrid-day-number {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
width: 2.40625rem;
height: 2.40625rem;
color: #0F172A;
border-radius: 50%;
}

.fullcalendar-custom.fc .fc-daygrid-day.fc-day-today {
background-color: transparent;
}

.fullcalendar-custom.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number {
color: #fff;
background-color: #0F172A0F172A;
}

.fullcalendar-custom.fc .fc-highlight, .fullcalendar-custom.fc .fc-timegrid-col.fc-day-today {
background-color: rgba(112,112,112,.1);
}

.fullcalendar-custom.fc .fc-cell-shaded, .fullcalendar-custom.fc .fc-day-disabled {
background-color: rgba(231,234,243,.5);
}

.fullcalendar-custom.fc .fc-button {
font-size: .875rem;
color: #0F172A;
background-color: transparent;
border-color: rgba(231,234,243,.7);
text-transform: capitalize;
padding: .5rem 1rem;
}

.fullcalendar-custom.fc .fc-button .fc-icon {
font-size: .875rem;
vertical-align: baseline;
}

.fullcalendar-custom.fc .fc-button.active, .fullcalendar-custom.fc .fc-button.focus, .fullcalendar-custom.fc .fc-button:active, .fullcalendar-custom.fc .fc-button:focus, .fullcalendar-custom.fc .fc-button:hover {
color: #919191;
box-shadow: 0 3px 6px -2px rgba(140,152,164,.25);
}

.fullcalendar-custom.fc .fc-button.fc-button-active {
color: #fff;
background-color: #0F172A0F172A;
border-color: #0F172A0F172A;
}

.fullcalendar-custom.fc .fc-button.fc-button-primary:focus, .fullcalendar-custom.fc .fc-button.fc-button-primary:not(:disabled).fc-button-active:focus, .fullcalendar-custom.fc .fc-button.fc-button-primary:not(:disabled):active:focus {
box-shadow: none;
}

.fullcalendar-custom.fc .fc-button.fc-button-primary:not(:disabled).fc-button-active, .fullcalendar-custom.fc .fc-button.fc-button-primary:not(:disabled):active {
color: #fff;
background-color: #0F172A0F172A;
border-color: #0F172A0F172A;
}

.fullcalendar-custom.fc .fc-toolbar-title {
font-size: 1.14844rem;
}

.fullcalendar-custom-timegrid.fc-theme-standard .fc-scrollgrid td {
border-bottom: none;
}

.fullcalendar-custom-timegrid.fc-theme-standard .fc-scrollgrid td .fc-timegrid-slot-minor {
border-top: none;
}

.fullcalendar-custom-timegrid .fc-col-header-cell-cushion {
cursor: pointer;
}

.fullcalendar-custom-timegrid .fc-col-header-cell-cushion .day-view {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}

.fullcalendar-custom-timegrid .fc-col-header-cell-cushion:hover {
color: #919191;
}

.fullcalendar-custom-timegrid .fc-timegrid-event {
min-height: 5rem;
padding: .3125rem;
}

.fullcalendar-custom-timegrid .fc-timegrid-now-indicator-line {
border-color: #F44336;
}

.fullcalendar-custom-timegrid .fc-timegrid-now-indicator-arrow {
left: auto;
right: 0;
border: none;
}

.fullcalendar-custom-timegrid .fc-timegrid-now-indicator-arrow::before {
position: absolute;
top: 1px;
right: 0;
width: .5rem;
height: .5rem;
content: "";
background-color: #F44336;
border-radius: 50%;
}

.fc-theme-standard .fc-list {
border-color: rgba(231,234,243,.7);
}

.fc-theme-standard .fc-list .fc-list-event:hover td {
background-color: transparent;
}

.fc-theme-standard .fc-list .fc-list-day-text {
color: #1e2022;
}

.fc-theme-standard .fc-list .fc-list-day-side-text {
color: #0F172A;
font-weight: 400;
}

.fullcalendar-custom.fc.fc-theme-standard .fc-popover {
background-color: #fff;
box-shadow: 0 .375rem .75rem rgba(140,152,164,.075);
}

.fullcalendar-custom.fc .fc-popover {
border-color: rgba(231,234,243,.7);
box-shadow: 0 .375rem .75rem rgba(140,152,164,.075);
border-radius: .75rem;
}

.fullcalendar-custom.fc .fc-popover-header {
border-top-left-radius: .75rem;
border-top-right-radius: .75rem;
background-color: #f8fafd;
padding: .5rem .75rem;
}

.fullcalendar-custom.fc .fc-more-popover .fc-popover-body {
padding: .5rem .75rem;
}

.fullcalendar-custom.fc .fc-more-popover .fc-popover-body .fc-sticky {
position: static;
}

.fullcalendar-custom.fc .fc-popover-title {
margin: 0;
}

.fullcalendar-custom.fc .fc-popover-close:hover {
color: #919191;
}

.fullcalendar-event-popover {
width: 25rem;
max-width: 25rem;
}

.quantity-counter {
min-width: 9rem;
padding: .5rem 1rem;
border: .0625rem solid rgba(231,234,243,.7);
border-radius: .3125rem;
}

.quantity-counter-btn.btn > svg {
width: 1rem;
}

.form-control-quantity-counter {
border-width: 0;
height: auto;
padding: 0;
}

.form-control-quantity-counter:focus {
box-shadow: none;
}

.quill-custom {
width: 100%;
}

.quill-custom .ql-container {
position: static;
}

.quill-custom .ql-container.ql-snow, .quill-custom .ql-toolbar.ql-snow {
border-color: rgba(231,234,243,.7);
}

.quill-custom .ql-toolbar.ql-snow {
padding: .75rem 1rem;
border-top-left-radius: .3125rem;
border-top-right-radius: .3125rem;
}

.quill-custom .ql-container.ql-snow {
border-bottom-right-radius: .3125rem;
border-bottom-left-radius: .3125rem;
}

.quill-custom .ql-formats:first-child {
padding-left: 0;
}

.quill-custom .ql-formats:first-child button {
margin-right: .25rem;
}

.quill-custom .ql-formats:first-child button:first-child {
margin-left: -.25rem;
}

.quill-custom .ql-editor {
position: relative;
padding: .6125rem 1rem;
}

.quill-custom .ql-editor p {
font-size: .875rem;
font-family: Inter,sans-serif;
color: #1e2022;
}

.quill-custom .ql-editor.ql-blank::before {
left: 1rem;
color: #8c98a4;
font-family: Inter,sans-serif;
font-style: normal;
}

.quill-custom .ql-snow.ql-toolbar .ql-fill {
fill: #0F172A;
}

.quill-custom .ql-snow.ql-toolbar .ql-stroke {
stroke: #0F172A;
}

.quill-custom .ql-snow.ql-toolbar button:hover {
color: #0F172A0F172A;
}

.quill-custom .ql-snow.ql-toolbar button:hover .ql-fill {
fill: #0F172A0F172A;
}

.quill-custom .ql-snow.ql-toolbar button:hover .ql-stroke {
stroke: #0F172A0F172A;
}

.quill-custom .ql-snow .ql-toolbar button, .quill-custom .ql-snow.ql-toolbar button {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
width: 2.1875rem;
height: 2.1875rem;
padding: .25rem .25rem;
border-radius: .3125rem;
}

.quill-custom .ql-snow .ql-toolbar button.ql-active, .quill-custom .ql-snow .ql-toolbar button:hover, .quill-custom .ql-snow.ql-toolbar button.ql-active, .quill-custom .ql-snow.ql-toolbar button:hover {
background-color: #f8fafd;
}

.quill-custom .ql-snow .ql-toolbar button svg, .quill-custom .ql-snow.ql-toolbar button svg {
width: 1rem;
margin-bottom: 0;
}

.quill-custom .ql-snow .ql-tooltip {
position: fixed;
top: 50% !important;
left: 50% !important;
z-index: 1;
min-width: 20rem;
border-width: 0;
text-align: center;
box-shadow: 0 .6125rem 2.5rem .6125rem rgba(140,152,164,.175);
padding: 1.5rem 1.5rem;
border-radius: .3125rem;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}

.quill-custom .ql-snow .ql-tooltip::before {
display: block;
text-align: center;
font-family: Inter,sans-serif;
font-weight: 600;
font-size: .875rem;
border-bottom: .0625rem solid rgba(231,234,243,.7);
padding-bottom: 1rem;
margin-bottom: 1.5rem;
margin-right: 0;
}

.quill-custom .ql-snow .ql-tooltip.ql-editing a.ql-preview, .quill-custom .ql-snow .ql-tooltip.ql-editing a.ql-remove {
display: none;
}

.quill-custom .ql-snow .ql-tooltip a.ql-preview, .quill-custom .ql-snow .ql-tooltip.ql-editing input[type=text] {
min-width: 20rem;
font-size: .875rem;
line-height: normal;
border: .0625rem solid rgba(231,234,243,.7);
padding: .6125rem 1rem;
margin-bottom: 1.5rem;
border-radius: .3125rem;
transition: .3s;
}

.quill-custom .ql-snow .ql-tooltip a.ql-preview {
display: block;
}

.quill-custom .ql-snow .ql-tooltip a.ql-preview:hover {
border-color: #0F172A0F172A;
}

.quill-custom .ql-snow .ql-tooltip.ql-editing input[type=text] {
height: auto;
display: block;
font-family: Inter,sans-serif;
}

.quill-custom .ql-snow .ql-tooltip.ql-editing input[type=text]:focus {
border-color: rgba(140,152,164,.25);
box-shadow: 0 .375rem 1.5rem 0 rgba(140,152,164,.125);
}

.quill-custom .ql-snow .ql-action {
display: inline-block;
color: #fff;
background-color: #0F172A0F172A;
font-size: .875rem;
line-height: normal;
padding: .6125rem 1rem;
border-radius: .3125rem;
transition: .3s;
}

.quill-custom .ql-snow .ql-action:hover {
background-color: #919191;
}

.quill-custom .ql-snow .ql-tooltip a.ql-action::after, .quill-custom .ql-snow .ql-tooltip a.ql-remove::before {
padding-right: 0;
margin-left: 0;
border-right: none;
}

.quill-custom .ql-snow .ql-tooltip a.ql-remove {
border: .0625rem solid rgba(231,234,243,.7);
font-size: .875rem;
padding: .6125rem 1rem;
border-radius: .3125rem;
margin-left: .5rem;
transition: .3s;
}

.quill-custom .ql-snow .ql-tooltip a.ql-remove:hover {
color: #919191;
box-shadow: 0 3px 6px -2px rgba(140,152,164,.25);
}

.quill-custom .ql-snow .ql-toolbar .ql-picker-item.ql-selected, .quill-custom .ql-snow .ql-toolbar .ql-picker-item:hover, .quill-custom .ql-snow .ql-toolbar .ql-picker-label.ql-active, .quill-custom .ql-snow .ql-toolbar .ql-picker-label:hover, .quill-custom .ql-snow .ql-toolbar button.ql-active, .quill-custom .ql-snow .ql-toolbar button:focus, .quill-custom .ql-snow .ql-toolbar button:hover, .quill-custom .ql-snow.ql-toolbar .ql-picker-item.ql-selected, .quill-custom .ql-snow.ql-toolbar .ql-picker-item:hover, .quill-custom .ql-snow.ql-toolbar .ql-picker-label.ql-active, .quill-custom .ql-snow.ql-toolbar .ql-picker-label:hover, .quill-custom .ql-snow.ql-toolbar button.ql-active, .quill-custom .ql-snow.ql-toolbar button:focus, .quill-custom .ql-snow.ql-toolbar button:hover {
color: #0F172A0F172A;
}

.sortablejs-custom.sortable-ghost {
opacity: .3;
}

.sortablejs-custom-rotate.sortable-fallback {
-webkit-transform: rotate(10deg);
transform: rotate(10deg);
opacity: 1 !important;
}

.sortablejs-custom-handle {
cursor: pointer;
}

.tom-select-custom .input-group-sm > .ts-control .ts-input.has-items, .tom-select-custom .ts-control.form-control-sm .ts-input.has-items, .tom-select-custom .ts-control.form-select-sm .ts-input.has-items {
padding: .5rem 2.25rem .5rem 1rem;
}

.tom-select-custom .input-group-lg > .ts-control > .ts-input, .tom-select-custom .ts-control.form-control-lg .ts-input, .tom-select-custom .ts-control.form-select-lg .ts-input {
padding: .75rem 2.25rem .75rem 1rem;
}

.tom-select-custom .hs-select-single-multiple .item {
display: none !important;
}

.tom-select-custom .ts-control.form-select .ts-input, .tom-select-custom .ts-control.multi .ts-input.has-items.hs-select-single-multiple {
padding: .6125rem 2.25rem .6125rem 1rem;
}

.tom-select-custom .ts-control.form-select .ts-input .tom-select-custom-hide, .tom-select-custom .ts-control.multi .ts-input.has-items.hs-select-single-multiple .tom-select-custom-hide {
display: none;
}

.tom-select-custom .ts-control.form-select .ts-input .focus, .tom-select-custom .ts-control.form-select .ts-input:focus, .tom-select-custom .ts-control.multi .ts-input.has-items.hs-select-single-multiple .focus, .tom-select-custom .ts-control.multi .ts-input.has-items.hs-select-single-multiple:focus {
box-shadow: none;
}

.tom-select-custom .ts-dropdown, .tom-select-custom .ts-input, .tom-select-custom .ts-input input {
color: #0F172A;
}

.tom-select-custom .ts-dropdown, .tom-select-custom .ts-dropdown.form-control, .tom-select-custom .ts-dropdown.form-select {
background-color: #fff;
border: .0625rem solid rgba(231,234,243,.7);
border-radius: .3125rem;
box-shadow: inset 0 1px 2px rgba(0,0,0,.075);
}

.tom-select-custom .ts-dropdown .active, .tom-select-custom .ts-dropdown .create:hover, .tom-select-custom .ts-dropdown .option:hover {
color: #1e2022;
background-color: rgba(189,197,209,.3);
}

.tom-select-custom .ts-dropdown .create, .tom-select-custom .ts-dropdown .no-results, .tom-select-custom .ts-dropdown .optgroup-header, .tom-select-custom .ts-dropdown .option {
padding: .5rem 2.5rem .5rem 1rem;
}

.tom-select-custom .ts-dropdown .option {
position: relative;
}

.tom-select-custom .ts-dropdown .option::after {
display: none;
position: absolute;
top: 50%;
right: .5rem;
width: 1rem;
height: 1rem;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/20F172A/svg' viewBox='0 0 110 110' fill='%20F172A0F172A3'%3e%3cpath d='M98.1,16.2c-2.5-2.3-6.4-2.2-8.7,0.2L36.7,70.1l-13-15.5c-2.9-3.5-7.9-4.1-11.1-1.4c-2.9,2.4-3.5,6.6-1.4,10.1l16.5,28c3.2,5.4,10.8,5.8,14.5,0.8l56.5-67.3C100.7,22.1,100.4,18.5,98.1,16.2z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right center;
background-size: 1rem 1rem;
content: '';
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}

.tom-select-custom .ts-dropdown .option.selected::after {
display: block;
}

.tom-select-custom .ts-control.single .ts-input.input-active, .tom-select-custom .ts-input {
cursor: pointer;
}

.tom-select-custom .ts-input.focus {
box-shadow: none;
}

.tom-select-custom .input-group > .form-select, .tom-select-custom .input-group > .ts-control {
-ms-flex-positive: unset;
flex-grow: unset;
}

.tom-select-custom .input-group > .form-select {
width: auto;
}

.tom-select-custom .ts-control {
display: inline-block;
}

.tom-select-custom .ts-dropdown .optgroup-header {
font-weight: 700;
color: #0F172A;
}

.tom-select-custom .ts-dropdown .optgroup:before {
display: none;
}

.tom-select-custom .ts-dropdown .optgroup .option {
padding-left: 1.5rem;
}

.tom-select-custom .ts-control.multi .ts-input > div {
color: #1e2022;
background-color: #e7eaf3;
font-size: .875rem;
padding: .28rem .875rem;
border-radius: 4px;
}

.tom-select-custom .ts-control.multi .ts-input > .ts-custom-placeholder {
background-color: transparent;
}

.tom-select-custom .ts-control.plugin-remove_button .item .remove {
border-left: none;
color: #8c98a4;
}

.tom-select-custom .ts-control.plugin-remove_button .item .remove:hover {
background: 0 0;
color: #0F172A0F172A;
}

.tom-select-custom .plugin-dropdown_input .dropdown-input-wrap {
padding: .4rem;
}

.tom-select-custom .plugin-dropdown_input .dropdown-input-wrap .dropdown-input {
color: #1e2022;
border: .0625rem solid rgba(231,234,243,.7);
border-radius: .3125rem;
}

.tom-select-custom .plugin-dropdown_input .dropdown-input-wrap .dropdown-input:focus {
color: #1e2022;
}

.tom-select-custom .plugin-dropdown_input .dropdown-input-wrap .dropdown-input::-webkit-input-placeholder {
color: #0F172A;
opacity: 1;
}

.tom-select-custom .plugin-dropdown_input .dropdown-input-wrap .dropdown-input::-moz-placeholder {
color: #0F172A;
opacity: 1;
}

.tom-select-custom .plugin-dropdown_input .dropdown-input-wrap .dropdown-input:-ms-input-placeholder {
color: #0F172A;
opacity: 1;
}

.tom-select-custom .plugin-dropdown_input .dropdown-input-wrap .dropdown-input::-ms-input-placeholder {
color: #0F172A;
opacity: 1;
}

.tom-select-custom .plugin-dropdown_input .dropdown-input-wrap .dropdown-input::placeholder {
color: #0F172A;
opacity: 1;
}

.tom-select-custom .ts-custom-placeholder, .tom-select-custom .ts-selected-count {
color: #0F172A !important;
}

.tom-select-custom-end .ts-dropdown {
left: auto;
right: 0;
text-align: left;
}



.scanSec {
min-height: 220px;
text-align: center;
margin-bottom: 60px;
}
.scanSec h1{font-size:16px}
.score-sec {
position:relative
}

.score-sec .border {
border-radius: 10px;
}

.score-board {
border: 2px solid #333;
min-width: 100px;
position: absolute;
right: -6px;
top: -53px;
text-align: center;
height: 60px;
display: flex;
align-items: start;
justify-content: center;
border-radius: 10px;
padding: 1px;
}

.score-board:after {
content: '';
background-image: url(/Content/admin/images/score-board.png);
background-position: top center;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
left: 50%;
bottom: -25px;
width: 70px;
height: 24px;
transform: translateX(-50%);
}


.score-view {
width: 100%;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
margin-top: 2px;
}

.score-board span {
height: 100%;
font-size: 28px;
color: #fff;
font-weight: 400;
background: #333;
padding: 6px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 1px;
border-radius: 4px;
width: 100%;
font-family: "Stardos Stencil", system-ui;
transition: .4s
}


.score-board h3 {
margin-bottom: 0
}

.barcodeinput .form-group {
position: relative;
}

.barcodeinput .form-group .form-control {
padding: 0.6125rem 2.6rem;
}

.barcodeinput .search-btn {
position: absolute;
top: 12px;
right: 18px;
}

.barcodeinput .scan-icon {
    position: absolute;
    top: 11px;
    left: 17px;
    z-index: 2;
}

.barcodenum {
margin: 25px 0 0 0;
display: inline-block;
}

.barcodenum h3 {
margin: 0;
font-size: 30px;
text-align: center;
letter-spacing: 1px;
}

.barcodestatus {
margin: 20px 0 20px 0;
width: 100%;
text-align: center;
display: flex;
justify-content: center !important;
position: relative;
}

.statusbox {
width: 240px;
height: 240px;
border-radius: 50%;
font-size: 24px;
color: #333;
font-weight: 800;
display: flex;
align-items: center !important;
justify-content: center !important;
position: relative;
text-transform: uppercase;
}

.statusbox.green {
color: #08b54c;
box-shadow: inset 0 0 10px rgba(8, 181, 76, 0.5);
border: 8px double #08b54c;
}

.statusbox.black {
box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
border: 8px double #333;
color: #333;
}

.statusbox.red {
box-shadow: inset 0 0 10px rgba(235, 67, 9, 0.5);
border: 8px double #eb435a;
color: #eb435a;
}

.statusbox.yellow {
box-shadow: inset 0 0 10px rgba(255, 195, 9, 0.5);
border: 8px double #ffc309;
color: #ffc309;
}


.radius {
width: 150px;
height: 150px;
border-radius: 100%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}

.scanSec .border-animation {
display: none;
width: 100%;
height: 100%;
position: absolute;
border-radius: 100%;
}

.scanSec.animated .border-animation {
display: block
}



.border-animation {
z-index: 1;
}

.ba2 {
animation: rounder2 .8s infinite alternate;
}

.ba2.red {
background: rgba(249,186,186,0.5);
}


.ba2.green {
background: rgba(130,181,76,0.5);
}

.ba2.black {
background: rgba(193,193,193,0.5);
}

.ba2.red {
background: rgba(255,67,90,0.5);
}

.ba2.yellow {
background: rgba(253,224,132,0.5);
}



@keyframes rounder2 {
from {
transform: scale(1.80);
}

to {
transform: scale(1);
}
}

.totalscan {
position: absolute;
top: 3px;
right: 20px;
}

.totalscan h3 {
font-size: 45px;
}

.totalbarcode {
margin: 15px 0 0 0;
width: 100%;
display: flex;
justify-content: space-evenly !important;
}

.totalbarcode span {
font-size: 16px;
color: #787878
}


.sidebarnotification {
margin: 0;
width: 100%;
height: 100%;
background: #ddd
}



#sidebar {
position: absolute;
top: 85px;
right: 0px;
width: 35%;
transform: translateX(100%);
height: 9 0vh;
background: #fff;
transition: all 300ms linear;
box-shadow: 0 0.375rem 0.75rem rgba(140,152,164,.075);
}

#sidebar.active {
right: 0;
transform: translateX(0);
}

#sidebar .closesidebar {
position: absolute;
left: 0;
top: 0;
width: 30px;
height: 30px;
}

.notification_content {
margin-top: 0;
width: 100%
}

.chat-history {
padding: 30px 30px 20px;
border-bottom: 2px solid white;
overflow-y: auto;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
scrollbar-color: #0F172A0F172A #e0e0e0;
scrollbar-width: thin;
}

.chat-history::-webkit-scrollbar {
width: 4px;
}

.chat-history::-webkit-scrollbar-track {
background-color: darkgrey;
}

.chat-history::-webkit-scrollbar-thumb {
background: #ffc309;
width: 2px
}

.chat-history .message-data {
margin-bottom: 10px;
}

.chat-history .message-data i {
font-size: 8px
}

.chat-history .message-data-time {
color: #555555;
padding-right: 6px;
font-size: 12px;
font-weight: 700;
}

.chat-history .message {
color: #0F172A;
padding: 7px 10px;
line-height: 21px;
font-size: 14px;
border-radius: 7px;
margin-bottom: 15px;
width: 100%;
position: relative;
display: flex;
align-items: center !important;
}

.chat-history .message .icon {
margin-right: 10px
}

.chat-history .message .icon i {
font-size: 25px
}

.chat-history .message .contentnot {
margin: 0;
}


.chat-history .message:after {
bottom: 100%;
right: 7%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-width: 10px;
margin-left: -10px;
}

.chat-message {
padding: 30px;
}



.chat-history .infonot {
background: rgba(255,195,9, .2);
}

.chat-history .infonot:after {
border-bottom-color: rgba(255,195,9, .2);
left: 93%;
}

.chat-history .successnot {
background: rgba(49,165,81, .2);
}

.chat-history .successnot:after {
border-bottom-color: rgba(49,165,81, .2);
left: 93%;
}

.chat-history .dangernot {
background: rgba(235,67,90, .2);
}

.chat-history .dangernot:after {
border-bottom-color: rgba(235,67,90, .2);
left: 93%;
}

.chat-history .defaultnot {
background: rgba(203,203,203, .2);
}

.chat-history .defaultnot:after {
border-bottom-color: rgba(203,203,203, .2);
left: 93%;
}

.readed {
color: #555555;
}

.unreaded {
color: #2ba24c;
}


/*.statusbox.green{background:#08b54c}
.statusbox.black{background:#0F172A0F172A}
.statusbox.red{background:#eb435a}
.statusbox.yellow{background:#ffc309}*/



.view_object_modal {
width: 99%;
max-width: 100%;
margin: 20px auto;
}
.view_object_modal .modal-body {
padding: 1.2rem 1rem;
}

.view_object_modal .modal-content {

height: 95vh;
}


.from_preview {
margin: 0;
}

.from_sec {
width: 100%;
border-bottom: 1px solid #d7d8da;
margin-bottom: 15px
}

.from_preview .from_sec label {
font-size: 14px;
font-weight: 400;
letter-spacing: 0;
color: #0F172A !important;
text-transform: capitalize;
}

.from_preview .from_sec h3 {
font-size: 14px;
padding-top: 1px;
padding-bottom: 7px;
font-weight: 600;
margin: 0;
line-height: 1.5;
color: #0F172A;
overflow: hidden;
width: 98%;
}

.from_preview .from_sec .required {
color: #eb445a
}



.view_object_modal .modal-body .btn-close {
    position: absolute;
    right: 10px;
    top: 10px;
}



.from_preview {
display: block;
max-height: 90vh;
overflow-y: auto;
overflow-x: hidden;
scrollbar-color: #0F172A0F172A #e0e0e0;
scrollbar-width: thin;
}

.from_preview::-webkit-scrollbar {
width: 4px;
}

.from_preview::-webkit-scrollbar-track {
background-color: darkgrey;
}

.from_preview::-webkit-scrollbar-thumb {
background: #0F172A;
width: 2px
}

#video_player {
    width: 100%;
    height: 100%;
}

#video_player .video-js {
width: 100% !important;
height: 100% !important;
padding-top: 58%;
}

#video_player .video-js .vjs-tech {
width: 99.9%;
}

.walletSec {
margin: 0;
width: 100%;
padding: 40px 0
}

.walletSec h2 {
font-size: 1.875rem;
line-height: 1.2;
font-weight: 600;
}

.walletSec .card {
background-color: #fff;
border: 0 solid transparent;
border-radius: 0.625rem;
box-shadow: 0 0.3125rem 0.3125rem 0 rgba(82,63,105,.05);
height: calc(100% - 30px);
margin-bottom: 1.875rem;
position: relative;
transition: all .5s ease-in-out;
}

.walletSec .card-header {
padding: 0.9rem 1rem;
}

.walletSec .card-header h4 {
font-size: 1rem;
font-weight: 700;
}

.walletSec .card table tr th {
color: #0F172A;
font-size: 19px;
font-weight: 700;
white-space: nowrap;
padding: 10px;
text-transform: initial
}

.walletSec .card table tr td {
padding: 5px 10px;
font-size: 16px;
display: table-cell;
vertical-align: middle;
}

.walletSec .card table tr td .fs-20 {
font-size: 20px !important;
}

.walletSec .card table tr td h6 {
font-size: 18px;
margin-bottom: 0;
}

.fs-20 {
font-size: 20px !important;
color: #878787 !important;
font-weight: 400;
}

.fs-14, .fs-15 {
font-size: 16px !important;
line-height: 1.5;
}

.fs-18 {
font-size: 20px !important;
font-weight: 700;
}

.text-num {
font-size: 38px;
font-weight: 600;
}

.walletSec .card .card-body {
position: relative
}

.walletSec .card .card-body .addfund {
position: absolute;
right: 24px;
top: 10px;
text-align: center;
}

.walletSec .card .card-body .addfund .btn {
padding: 3px 1px;
background: #2ba24c;
border-radius: 35px;
width: 34px;
height: 34px;
text-align: center;
margin-bottom: 5px
}

.walletSec .card .card-body .addfund .btn i {
font-size: 27px;
color: #fff;
line-height: 0;
vertical-align: middle;
}

.frame {
position: absolute;
top: 50%;
left: 50%;
width: 400px;
height: 400px;
margin-top: -200px;
margin-left: -200px;
border-radius: 3px;
box-shadow: 0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.6);
overflow: hidden;
background: #413951;
background: linear-gradient(145deg, #413951 0%, #201c29 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#413951", endColorstr="#201c29",GradientType=0 );
color: #fff;
font-family: "montserrat", Helvetica, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: flex;
justify-content: center;
align-items: center;
}

.headline {
font-size: 2rem;
text-transform: uppercase;
text-align: center;
}

.circle-big {
position: relative;
width: 114px;
height: 114px;
margin: 0;
display: inline-block;
}

.circle-big svg {
width: 114px;
height: 114px;
}

.circle-big .bg {
fill: none;
stroke-width: 8px;
stroke: rgba(0,0,0,0.1);
}

.circle-big .bg.custom {
fill: none;
stroke-width: 8px;
stroke: #d5d5d5;
}

.circle-big .progress {
fill: none;
stroke-width: 10px;
stroke: #fff;
stroke-linecap: round;
stroke-dasharray: 326.56;
stroke-dashoffset: 60;
transform: rotate(-90deg);
transform-origin: 50% 50%;
-webkit-animation: big 1.5s ease-in-out;
animation: big 1.5s ease-in-out;
}

.circle-big .progress.custom {
stroke: #2ba24c;
}

.circle-big .text {
position: absolute;
width: 100%;
top: 50px;
font-size: 24px;
text-align: center;
font-weight: 400;
line-height: 22px;
color: #fff
}

.circle-big .text.custom {
color: #0F172A
}


.circle-big .progress.one {
stroke-dashoffset: 140;
-webkit-animation: one 2.5s ease-in-out, appear 1s;
animation: one 2.5s ease-in-out, appear 1s;
}

.circle-big .progress.two {
stroke-dashoffset: 140;
-webkit-animation: two 3.5s ease-in-out, appear 2s;
animation: two 3.5s ease-in-out, appear 2s;
}

.circle-big .progress.three {
stroke-dashoffset: 140;
-webkit-animation: two 3.5s ease-in-out, appear 2s;
animation: two 3.5s ease-in-out, appear 2s;
}


@-webkit-keyframes big {
from {
stroke-dashoffset: 326.56;
}

to {
stroke-dashoffset: 60;
}
}

@keyframes big {
from {
stroke-dashoffset: 326.56;
}

to {
stroke-dashoffset: 60;
}
}

@-webkit-keyframes one {
from {
stroke-dashoffset: 232.36;
}

to {
stroke-dashoffset: 80;
}
}

@keyframes one {
from {
stroke-dashoffset: 232.36;
}

to {
stroke-dashoffset: 80;
}
}

@-webkit-keyframes two {
from {
stroke-dashoffset: 232.36;
}

to {
stroke-dashoffset: 140;
}
}

@keyframes two {
from {
stroke-dashoffset: 232.36;
}

to {
stroke-dashoffset: 140;
}
}

@-webkit-keyframes three {
from {
stroke-dashoffset: 326.56;
}

to {
stroke-dashoffset: 170;
}
}

@keyframes three {
from {
stroke-dashoffset: 326.56;
}

to {
stroke-dashoffset: 170;
}
}


.walletSec .card .card-body .pbg-secondary {
background: #2ba24c;
}

.walletSec .card .card-body .pbg-success {
background: #2bc155
}

.walletSec .card .card-body .border-primary {
border-color: #1eaae7 !important;
}

.walletSec .card .card-body .pbg-info {
background: #461ee7
}

.navbar-expand-lg .navbar-nav .dropdown-menu.customerList {
    max-height: 80vh;
    width: 384px;
    overflow-y: auto;
    overflow-x: hidden;
    border-top: 0;
}

.navbar-expand-lg .navbar-nav .dropdown-menu.customerList::-webkit-scrollbar {
width: 4px;
}

.navbar-expand-lg .navbar-nav .dropdown-menu.customerList::-webkit-scrollbar-track {
background-color: darkgrey;
}

.navbar-expand-lg .navbar-nav .dropdown-menu.customerList::-webkit-scrollbar-thumb {
background: #0F172A;
width: 2px
}


.navbar-expand-lg .navbar-nav .dropdown-menu.customerList .customerList-search{margin-bottom:12px}


.navbar-expand-lg .navbar-nav .dropdown-menu.customerList li .form-control {
background-color: #fff;
border: 1px solid #E5E7EB;
border-radius: 6px;
padding: 8px 10px;
font-size: 13px;
color: #111827;
box-shadow: 0 1px 0 rgba(0, 0, 0, .02);
width:100%
}

.vendor-filter-item a.dropdown-item{font-weight:600}
.vendor-filter-item a.dropdown-item .pro-img {
display: inline-block;
}
.vendor-filter-item a.dropdown-item span.inactive {
color: #ff5c5c;
background-color: #ffd6d6;
font-weight: 800;
padding: 2px 8px;
border-radius: 999px;
font-weight: 800;
font-size: 12px;
text-transform: capitalize;
}


/* Steps */


.stepperSec {
margin: 0
}

.topStepper {
width: 100%;
padding: 5px 10px;
background: #fff;
display: flex;
align-items: center !important;
margin: 10px 0
}

.topStepper .StepiconSec {
display: flex;
align-items: center !important;
justify-content: center !important;
margin-right: 10px
}

.topStepper .StepiconSec i {
font-size: 1.3rem !important;
color: #2ba24c !important
}

.stepper {
position: relative;
min-height: 1em;
color: #0F172A;
padding-left: 0;
}

.stepper + .stepper {
margin-top: 1em
}

.stepper > div:first-child {
position: static;
height: 0;
}

.stepper > div:not(:first-child) {
margin-left: 1.5em;
padding-left: 1em;
}

.stepper.step-active {
color: #4285f4
}

.stepper.step-active .circle {
background-color: #0069B4;
}

/* Circle */
.stepper .circle {
background: #fff;
position: relative;
width: 1.4em;
height: 1.4em;
line-height: 1.4;
border-radius: 100%;
color: #fff;
text-align: center;
box-shadow: 0 0 0 3px #fff;
}

.stepper.step-active .circle {
background: #c9c9c9;
}

.stepper.hubs .circle {
background: #0F172A;
}

.stepper .circle i {
font-size: 12px !important;
color: #2ba24c !important;
margin: 0 !important;
position: relative;
z-index: 4;
}
/* Vertical Line */
.stepper .circle:after {
content: ' ';
position: absolute;
display: block;
top: -15px;
right: 50%;
bottom: 1px;
left: 26%;
height: 150%;
width: 1px;
transform: scale(1, 2);
transform-origin: 50% -100%;
border: 1px dotted #d3d3d3;
z-index: 1;
}

.stepper .circle:before {
content: ' ';
background: #fff;
position: absolute;
display: block;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 2;
border-radius: 35px;
}

.stepper:last-child .circle:after {
display: none
}

.stepper:first-child .circle:after {
/*height: 100%;*/
z-index: 1;
}

.stepper .title {
line-height: 1.5em;
font-weight: bold;
font-size: 14px;
color: #0F172A
}

.stepper .caption {
font-size: 12px;
color: #0F172A
}

.stepperSec .title {
line-height: 1.5em;
font-weight: bold;
font-size: 14px;
color: #0F172A
}

.stepperSec .title.date {
font-size: 12px;
}

.stepperSec .caption {
font-size: 12px;
color: #0F172A
}




.customdate {
padding: 0.6125rem 0.6rem 0.6125rem 2rem;
font-size: .8rem;
font-weight: 600;
box-shadow: 0 6px 12px -5px rgba(140,152,164,.2);
border: 0.0625rem solid rgba(231,234,243,.7);
border-radius: 0.3125rem;
line-height: 1.5;
color: #1e2022;
display: flex;
align-items: center !important;
width: 100%;
background-color: #fff;
}

.customdate .form-control {
padding: 0 !important;
padding-left: 10px !important;
box-shadow: none !important;
border: 0 !important;
0 !important
}

.customdate.form-select {
padding-left: 10px !important;
}



.customdate .select2-container--default .select2-selection--single {
background-color: #fff;
border: 0;
border-radius: 4px;
}

.customdate .select2-container .select2-selection--single {
box-sizing: border-box;
cursor: pointer;
display: block;
height: 33px;
user-select: none;
-webkit-user-select: none;
padding-top: 2px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #2ba24c !important;
color: white;
}

.bg-gradient-burning {
background: linear-gradient(to right, rgb(255, 65, 108), rgb(255, 75, 43)) !important;
color: #fff !important
}

.bg-gradient-voilet {
background: linear-gradient(87deg,#8965e0 0,#bc65e0 100%) !important;
color: #fff !important
}

.bg-gradient-branding {
background: linear-gradient(87deg,#2dce89 0,#2dcecc 100%) !important;
color: #fff !important
}

.bg-gradient-green {
background: linear-gradient(87deg,#2ba24c 0,#48e774 100%) !important;
color: #fff !important;
}

.bg-gradient-orange {
background: linear-gradient(87deg,#f1990d 0,#ffc173 100%) !important;
color: #fff !important;
}

.chartsDashboard .card .card-body .apexcharts-canvas {
position: relative;
user-select: none;
display: inline-block;
}

.chartsDashboard .card .card-body .avatar-title {
height: 3.5rem;
width: 3.5rem !important;
background: transparent
}

.chartsDashboard .card-subtitle {
display: block;
text-transform: uppercase;
color: #0F172A;
font-size: 13px;
font-weight: 800;
margin-bottom: 0.25rem;
background: transparent
}

/*.chartsDashboard .card table tr th {
font-weight: 800;
}*/

.chartsDashboard .card table thead {
background: #f5f5f5;
position: sticky;
top: 0;
z-index: 9;
}

/*.chartsDashboard .card table tr td {
font-size: 16px
}
*/
.chartsDashboard .card .table-thead-bordered > :not(:last-child) > :last-child > * {
border-bottom: 0
}

.chartsDashboard .table-height {
vertical-align: inherit;
overflow-y: auto;
overflow-x: hidden;
max-height: 380px;
}

.chartsDashboard .table-height::-webkit-scrollbar {
width: 4px;
}

.chartsDashboard .table-height::-webkit-scrollbar-track {
background-color: #fff;
}

.chartsDashboard .table-height::-webkit-scrollbar-thumb {
background: #8c8c8c;
width: 2px;
}

.chartsDashboard h2.hubstitle {
font-weight: 800;
font-size: 20px;
color: #0F172A0F172A;
}

.apexcharts-legend-text {
line-height: 26px;
}

.chartsDashboard .table-responsive {
min-height: auto;
overflow-y: hidden;
overflow-y: auto;
}

.dashTabBtn {
margin: 0;
display: flex;
}

.dashTabBtn a {
text-decoration: none;
font-size: 1rem;
color: #1e2022;
padding: 8px 30px;
background: #ededed;
min-width: 160px;
border-radius: 4px;
text-align: center;
}

.dashTabBtn a.active {
color: #fff;
background-color: #2ba24c;
border-color: #2ba24c;
}




.notificationBtn {
position: fixed;
bottom: 10%;
right: 25px;
z-index: 999;
width: 50px;
height: 50px;
display: flex;
}

.notificationBtn button {
background: transparent;
padding: 0;
margin: 0;
border: 0
}

.notificationBtn button img {
max-height: 100%;
width: 100%;
}

.noticontent {
position: fixed;
top: 0;
right: 0;
width: 688px;
height: 100vh;
background-color: #fff;
padding: 10px;
transition: transform 0.5s ease-in-out;
z-index: 99;
box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.14);
overflow-y: auto;
overflow-x: hidden;
z-index: 9999;
}

.noticontent.hidden {
transform: translateX(688px);
}

.noticontent.visible {
transition: transform 0.5s ease-in-out;
transform: translateX(0);
}

.noticontent::-webkit-scrollbar {
width: 4px;
}

.noticontent::-webkit-scrollbar-track {
background-color: #fff;
}

.noticontent::-webkit-scrollbar-thumb {
background: #0F172A;
width: 2px;
}


.noticontent .list-group-item {
position: relative;
display: block;
padding: 10px 0;
color: #1e2022;
background-color: transparent;
}

.noticontent .list-group-item h5 {
font-weight: 800;
}

.noticontent .avatar-soft-dark .avatar-initials {
background-color: #f5f5f5;
}

.noticontent .avatar-soft-dark .avatar-initials img {
max-height: 20px;
}

.noticontent .list-group-item p {
margin-top: 0;
margin-bottom: 0;
}

/*.toast {
background-color: #fff !important;
position: fixed;
right:15px;
bottom: 75px;
}*/













/*.........new-2k-content...........*/
.two_kscreen {
position: absolute;
width: 100%;
top: 0;
height: 97%;
overflow-y: auto;
overflow-x: hidden
}

.two_kscreen::-webkit-scrollbar {
width: 4px;
}

.two_kscreen::-webkit-scrollbar-track {
background-color: darkgrey;
}

.two_kscreen::-webkit-scrollbar-thumb {
background: #0F172A;
width: 2px
}

.back_btn {
position: absolute;
left: 0;
width: 50px;
width: 100%;
}

.back_btn i {
font-size: 1.5rem !important
}

.two_kcontent {
margin: 0
}

.two_kcontent .two_kcard {
position: relative;
width: 100%;
height: 86vh;
background: #fff
}

.two_kcontent .two_kcard .blog-ses {
width: 100%;
padding: 0;
margin-top: 0;
padding: 15px 0 0 0;
}

.two_kcontent .two_kcard .blog-ses h2 {
font-size: 1.7rem;
margin: 0 0 6px 0;
text-transform: uppercase;
color: #08b54d;
text-align: center;
font-weight: 600;
}

.two_kcontent .two_kcard .blog-ses ul {
margin: 0;
padding: 0 4%;
list-style-type: none;
text-align: center;
display: flex;
align-items: center !important;
justify-content: center !important;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.two_kcontent .two_kcard .blog-ses ul li {
background: #fff;
margin: 0 2%;
flex: 0 0 48%;
max-width: 46%;
box-shadow: 0px 7px 16px -10px rgba(0, 0, 0, .2);
margin-bottom: 60px;
border-radius: 10px;
}

.two_kcontent .two_kcard .blog-ses ul li a {
text-decoration: none;
display: flex;
flex-direction: column;
justify-content: space-around;
height: 160px;
}

.two_kcontent .two_kcard .blog-ses ul li a .image-sec {
height: 120px;
}

.two_kcontent .two_kcard .blog-ses ul li a .image-sec span {
display: inline-block;
padding: 0;
border-radius: 35px;
height: 100px;
width: 100px;
text-align: center;
}

.two_kcontent .two_kcard .blog-ses ul li a .image-sec span img {
max-height: 100px;
max-width: 100%;
}

.two_kcontent .two_kcard .blog-ses ul li a h3 {
font-size: 1.1rem;
margin: 0 0 16px 0;
color: #0F172A;
text-align: center;
font-weight: 700;
text-transform: uppercase;
}

.two_kcontent .two_kcard .blog-ses ul li a.active {
background: #0F172A
}

.two_kcontent .two_kcard .blog-ses ul li p {
font-size: 0.85rem;
color: #7a7a7a;
line-height: 22px;
text-align: center;
margin: 0 0 15px 0;
font-weight: 500;
}

.two_kcontent .two_kcard .blog-ses ul li p a {
text-decoration: none;
color: #fff;
margin-left: 5px;
font-weight: 600;
}


/*...............selecttable.........*/

.twok_selecttable {
width: 100%;
padding: 0;
margin-top: 0;
padding: 25px 0 0 0;
}

.twok_selecttable h2 {
font-size: 1.3rem;
margin: 0 0 15px 0;
color: #0F172A;
text-align: center;
font-weight: 800;
text-transform: uppercase
}

.twok_selecttable ul {
margin: 0;
padding: 0 4%;
list-style-type: none;
text-align: center;
display: flex;
justify-content: center !important;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.twok_selecttable ul li {
background: #fff;
margin: 0;
flex: 0 0 48%;
max-width: 48%;
box-shadow: 0px 7px 16px -10px rgba(0, 0, 0, .2);
margin-bottom: 36px;
border-radius: 10px;
}

.twok_selecttable ul li a {
text-decoration: none;
display: flex;
flex-direction: column;
justify-content: space-around;
height: 125px;
}

.twok_selecttable ul li a .image-sec {
height: 130px;
}

.twok_selecttable ul li a .image-sec .img_box {
display: inline-block;
padding: 0;
border-radius: 35px;
height: 120px;
width: 120px;
position: relative;
text-align: center;
}

.twok_selecttable ul li a .image-sec .boxSec {
height: 100%;
width: 100%;
display: flex;
align-items: center !important;
text-align: center;
flex-wrap: wrap;
flex-direction: column;
justify-content: center;
}

.twok_selecttable ul li a .image-sec .boxSec img {
max-height: 42px;
max-width: 100%;
}

.twok_selecttable ul li a .image-sec .boxSec .number {
margin: 0;
position: absolute;
top: 12px;
}

.twok_selecttable ul li a .image-sec .boxSec .number h3 {
margin: 0;
font-size: 2rem;
color: #08b54d;
}


/*...............Bag Creation.........*/

.twok_warehouse {
width: 100%;
padding: 0;
margin-top: 0;
padding: 25px 0 0 0;
}

.twok_warehouse h2 {
font-size: 1.3rem;
margin: 0 0 15px 0;
color: #0F172A;
text-align: center;
font-weight: 800;
text-transform: uppercase;
}

.twok_warehouse ul {
margin: 0;
padding: 0 4%;
list-style-type: none;
text-align: center;
display: flex;
justify-content: space-between !important;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.twok_warehouse ul li {
background: #fff;
margin: 0;
flex: 0 0 48%;
max-width: 48%;
box-shadow: 0px 7px 16px -10px rgba(0, 0, 0, .2);
margin-bottom: 36px;
border-radius: 10px;
}

.twok_warehouse ul li a {
text-decoration: none;
display: flex;
flex-direction: column;
justify-content: space-around;
height: 125px;
}

.twok_warehouse ul li a .image-sec {
height: 130px;
}

.twok_warehouse ul li a .image-sec .img_box {
display: inline-block;
padding: 0;
border-radius: 35px;
height: 120px;
width: 120px;
position: relative;
text-align: center;
}

.twok_warehouse ul li a .image-sec .boxSec {
height: 100%;
width: 100%;
display: flex;
align-items: center !important;
text-align: center;
flex-wrap: wrap;
flex-direction: column;
justify-content: center;
}

.twok_warehouse ul li a .image-sec .boxSec img {
max-height: 86px;
max-width: 100%;
}

.twok_warehouse ul li a .image-sec .boxSec .number {
margin: 0;
position: absolute;
top: 40px;
}

.twok_warehouse ul li a .image-sec .boxSec .number h3 {
margin: 0;
font-size: 2rem;
color: #fff;
}


/*...............Scan table..warehouse .......*/

.scantable {
width: 100%;
padding: 0;
margin-top: 0;
padding: 25px 0 0 0;
}

.scantable ul {
margin: 0;
padding: 0 4%;
list-style-type: none;
text-align: center;
display: flex;
align-items: center !important;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.scantable ul li {
background: #fff;
margin: 0;
flex: 0 0 100%;
max-width: 100%;
padding: 20px 35px;
box-shadow: 0px 7px 16px -10px rgba(0, 0, 0, .2);
margin-bottom: 20px;
border-radius: 10px;
}



.scantable ul li .image-sec {
height: 280px;
}

.scantable ul li .image-sec .img_box {
display: inline-block;
padding: 0;
border-radius: 35px;
height: 280px;
width: 280px;
text-align: center;
position: relative;
}

.scantable ul li .image-sec .boxSec {
height: 100%;
width: 100%;
display: flex;
align-items: center !important;
text-align: center;
flex-wrap: wrap;
flex-direction: column;
justify-content: center;
position: relative;
}

.scantable ul li .image-sec .boxSec img {
max-height: 230px;
max-width: 100%;
}

.scantable ul li .image-sec .boxSec .number {
margin: 0;
position: absolute;
top: 57px;
}

.scantable ul li .image-sec .boxSec .number h3 {
margin: 0;
font-size: 2.5rem;
color: #08b54d;
}

.scantable ul li.noshadow {
box-shadow: none !important;
background: transparent !important;
}

.scantable ul li.noshadow h5 {
font-size: 1.4rem;
font-weight: 500;
}

.scantable ul li.noshadow h6 {
font-size: 1rem;
color: #747474;
line-height: 45px;
font-weight: 800;
}



.scanarea {
width: 100%;
padding: 0;
margin-top: 0;
padding: 25px 0 0 0;
}

.scanarea h2 {
font-size: 1.3rem;
margin: 0 0 15px 0;
color: #0F172A;
text-align: center;
font-weight: 800;
text-transform: uppercase;
}

.scanarea ul {
margin: 0;
padding: 0 4%;
list-style-type: none;
text-align: center;
display: flex;
align-items: center !important;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.scanarea ul li {
background: #fff;
margin: 0;
flex: 0 0 100%;
max-width: 100%;
padding: 20px 35px;
box-shadow: 0px 7px 16px -10px rgba(0, 0, 0, .2);
margin-bottom: 20px;
border-radius: 10px;
}

.scanarea ul li .image-sec {
height: 280px;
}

.scanarea ul li .image-sec .img_box {
display: inline-block;
padding: 0;
border-radius: 35px;
height: 280px;
width: 280px;
text-align: center;
position: relative;
}

.scanarea ul li .image-sec .boxSec {
height: 100%;
width: 100%;
display: flex;
align-items: center !important;
text-align: center;
flex-wrap: wrap;
flex-direction: column;
justify-content: center;
position: relative;
}

.scanarea ul li .image-sec .boxSec img {
max-height: 230px;
max-width: 100%;
}

.scanarea ul li .image-sec .boxSec .number {
margin: 0;
position: absolute;
top: 112px;
}

.scanarea ul li .image-sec .boxSec .number h3 {
margin: 0;
font-size: 2.5rem;
color: #fff;
}

.scanarea ul li.noshadow {
box-shadow: none !important;
background: transparent !important;
}

.scanarea ul li.noshadow h5 {
font-size: 1.4rem;
font-weight: 800;
}

.scanarea ul li.noshadow h6 {
font-size: 1rem;
color: #0F172A
}

/*...............twok..scan............*/
.twok_modal {
position: fixed;
top: 0;
left: 0;
z-index: 1040;
width: 100vw;
height: 100vh;
background-color: rgba(0,0,0,0.5);
}

.twok_modal .modal-content {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 0.3rem;
outline: 0;
}

.twok_modal .modal-header {
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: space-between;
padding: 1rem 1rem;
border-bottom: 1px solid #dee2e6;
border-top-left-radius: calc(0.3rem - 1px);
border-top-right-radius: calc(0.3rem - 1px);
}

.twok_modal .modal-body {
position: relative;
flex: 1 1 auto;
padding: 1rem;
}

.twok_modal .modal-footer {
display: flex;
flex-wrap: wrap;
flex-shrink: 0;
align-items: center;
justify-content: flex-end;
padding: 0.75rem;
border-top: 1px solid #dee2e6;
border-bottom-right-radius: calc(0.3rem - 1px);
border-bottom-left-radius: calc(0.3rem - 1px);
}

.twok_modal .modal-dialog {
max-width: 500px;
margin: 1.75rem auto;
}

.twok_modal .modal-dialog-centered {
display: flex;
align-items: center;
min-height: calc(100% - 1rem);
}




/*...............choose content............*/

.choosecontent {
width: 100%;
padding: 0;
margin-top: 0;
padding: 15px 0 0 0;
}

.choosecontent ul {
margin: 0;
padding: 0 4%;
list-style-type: none;
height: 100%;
text-align: center;
display: flex;
align-items: center !important;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.choosecontent ul li {
background: #fff;
margin: 0;
flex: 0 0 100%;
max-width: 100%;
box-shadow: 0px 7px 16px -10px rgba(0, 0, 0, .2);
margin-bottom: 20px;
border-radius: 10px;
padding: 20px 0;
}

.choosecontent ul li a {
text-decoration: none;
display: flex;
flex-direction: column;
justify-content: space-around;
height: 256px;
}

.choosecontent ul li a .image-sec {
height: 160px;
}

.choosecontent ul li a .image-sec .img_box {
display: inline-block;
padding: 0;
border-radius: 35px;
height: 160px;
width: 160px;
position: relative;
text-align: center;
}

.choosecontent ul li a .image-sec .img_box img {
max-height: 140px;
max-width: 100%;
}

.choosecontent ul li a h3 {
font-size: 1.1rem;
margin: 0 0 6px 0;
color: #0F172A;
text-align: center;
font-weight: 700;
text-transform: uppercase;
}


/*...............choose image............*/

.chooseimage {
width: 100%;
padding: 0;
margin-top: 0;
padding: 15px 0 0 0;
}

.chooseimage ul {
margin: 0;
padding: 0 4%;
list-style-type: none;
height: 100%;
text-align: center;
display: flex;
align-items: center !important;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.chooseimage ul li {
background: #fff;
margin: 0;
flex: 0 0 100%;
max-width: 100%;
box-shadow: 0px 7px 16px -10px rgba(0, 0, 0, .2);
margin-bottom: 20px;
border-radius: 10px;
padding: 20px 0;
}

.chooseimage ul li a {
text-decoration: none;
display: flex;
flex-direction: column;
justify-content: space-around;
height: 256px;
}

.chooseimage ul li a .image-sec {
text-align: center;
display: flex;
align-items: center !important;
height: 200px;
}

.chooseimage ul li a .image-sec .img_box {
display: inline-block;
padding: 0;
border-radius: 35px;
position: relative;
text-align: center;
margin: 0 auto;
}

.chooseimage ul li a .image-sec .img_box img {
max-height: 140px;
max-width: 100%;
transition: .5s
}

.chooseimage ul li a .image-sec .img_box img.camera_icon {
max-height: 100px;
max-width: 100%;
}

.chooseimage ul li a .image-sec .img_box img:hover.camera_icon {
transform: scale(1.1);
transition: .5s
}

.chooseimage ul li a .image-sec .img_box img.upload_img {
max-height: 185px;
max-width: 100%;
}

.chooseimage ul li a h3 {
font-size: 14px;
text-transform: capitalize;
}


/*...............form...........*/

.formsec .form-label {
font-size: 1rem;
}

.formsec .form-control {
font-size: 1rem;
padding: 0.6rem 1rem;
color: #818181;
}

.formsec .form-select {
font-size: 1rem;
padding: 0.6rem 1rem;
color: #818181;
}

/*..........rto bag........*/

.rtobag {
margin: 0
}

.search-sec {
margin: 0;
padding: 0;
position: sticky;
top: 0px;
z-index: 2;
}

.search-sec .header_bg {
background: #efefef;
margin-top: 5px;
padding: 3px 0;
border-radius: 4px 4px 0 0;
}

.search-sec .header_bg h2 {
font-size: 0.9rem;
margin: 10px 18px;
text-align: left;
font-weight: 700;
color: #0F172A;
}

.rtobag .form-label {
font-size: 1rem;
}

.rtobag .form-control {
font-size: 1rem;
padding: 0.6rem 1rem;
color: #818181;
}

.syncSec {
margin: 0;
padding: 16px 0px 10px;
width: 100%;
}

.syncSec p {
font-size: 15px;
margin: 7px 0;
text-align: left;
color: #0F172A;
line-height: 18px;
font-weight: 700;
}

.syncSec p span {
font-size: 13px;
vertical-align: top;
color: #7b7b7b;
}

.syncSec p span.datetime {
color: #747474;
font-size: 13px;
font-weight: 400;
}

.two_kscreen .card-footer {
padding: 1rem 1rem;
position: sticky;
width: 100%;
bottom: 0;
left: 0;
z-index: 99;
background: #fff;
}

.two_kscreen .btn-outline-secondary:hover {
color: #0F172A;
background-color: transparent;
border: 0.0625rem solid rgba(231, 234, 243, .7);
}

.two_kscreen .btn-outline-secondary {
color: #0F172A;
border: 0.0625rem solid rgba(231, 234, 243, .7);
}






/*.........new-2k-content.end..........*/




/*.................camera...................*/
.camera-content {
height: 78vh;
border-radius: 0;
overflow: hidden
}

.camera-content h2 {
vertical-align: middle;
font-weight: 800;
font-size: 20px;
margin-bottom: 0
}

.camera-btn {
width: 100%;
height: 78vh;
overflow-x: hidden;
overflow-y: auto;
display: inline-block;
}

.camera-btn::-webkit-scrollbar {
width: 4px;
}

.camera-btn::-webkit-scrollbar-track {
background-color: darkgrey;
}

.camera-btn::-webkit-scrollbar-thumb {
background: #0F172A;
width: 2px
}

.camera-btn li {
width: 100%;
position: relative;
margin-bottom: 5px
}

.camera-btn li a {
color: #0F172A;
font-weight: 700;
text-transform: uppercase;
font-size: 14px;
padding: 6px 0 0 0;
position: relative;
width: 100%;
display: block;
font-size: 14px;
transition: .5s;
}

.camera-btn li .btn i {
font-size: 1.4rem;
margin-right: 0;
vertical-align: middle;
font-style: normal;
line-height: 1.2;
}

.camera-btn li span {
font-size: 11px
}

.editname {
position: absolute;
top: 5px;
right: 5px;
}

.editname .btn {
letter-spacing: 2px;
font-weight: 600;
line-height: 1.5;
text-transform: uppercase;
padding: 0;
background: transparent;
border-color: transparent;
color: #0F172A;
}


.camera-btn li a:hover {
color: #2ba24c !important;
transition: .5s
}

.camera-btn li a.active {
color: #2ba24c !important;
}

/*.camera-btn li a.active:before {
content: " ";
display: block;
width: 0;
height: 0;
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
border-left: 20px solid #ebebeb;
position: absolute;
bottom: 0;
margin-top: 0;
margin-left: 0;
left: 100%;
z-index: 1;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}*/

.bg-dark {
background-color: #0F172A !important;
}

.camera-screen {
border-radius: 0;
}

.main .content .camera-screen .card {
position: relative;
/*padding-bottom: 66%;*/
padding-bottom: 63%;
padding-top: 0;
height: 0;
padding-left: 0;
padding-right: 0;
border-block: 0;
background: #0F172A;
border-radius: 0;
}

.main .content .camera-screen .border-end {
border-right: 3px solid #2ba24c !important;
}

.main .content .camera-screen .border-end-transparent {
border-right: 3px solid #0F172A !important;
}

.main .content .camera-screen .border-top {
border-top: 3px solid #2ba24c !important;
}

.main .content .camera-screen .card.default-card {
padding-bottom: 63%;
}


.main .content .camera-screen .card.default-card .ima_sec {
border-radius: 0;
/* height: 100%; */
/* width: 100%; */
/* overflow: hidden; */
margin-bottom: 2px;
background: #0F172A649;
}

.main .content .camera-screen .card.default-card .ima_sec img {
width: 100%;
height: 100%;
object-fit: fill;
}
/*    .main .content .camera-screen .card.default-card{height:100%}*/

.main .content .camera-screen .card .close_btn {
position: absolute;
top: 1px;
right: 1px;
width: 25px;
height: 25px;
background: rgba(255, 255, 255, .7);
color: #f0F172A00;
border-radius: 0;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
z-index: 2;
line-height: .4;
}

.main .content .camera-screen .card .card-body a {
color: #e10F172A3;
font-size: 14px;
}

.main .content .camera-screen .card .card-body {
border-radius: 0;
box-shadow: none;
background: #0F172A0F172A;
height: 29px;
padding: 3px 15px 0px 15px;
position: absolute;
width: 100%;
bottom: 0;
}

.main .content .camera-screen .card .card-body h4 {
width: 100%;
font-weight: 700;
color: #fff;
white-space: nowrap;
overflow: hidden;
font-size: 12px;
margin: 0;
text-overflow: ellipsis;
}


.camera-screen .card .cam-title {
position: absolute;
top: 1px;
left: 1px;
font-size: 12px;
font-weight: 600;
padding: 3px 10px;
background: rgba(255, 255, 255, .7);
border-radius: 0;
color: #0F172A;
z-index: 2;
max-width: 80%;
}

.camera-screen .card video {
width: 100%;
}




.modal-dialog.audit_form_modal {
max-width: 100%;
width: 64%;
min-height: 500px
}

.partners_modal .modal-body {
max-height: 74vh;
overflow-x: hidden;
overflow-y: auto
}

.modal-dialog.audit_form_modal .form-control {
font-size: 14px
}

.modal-dialog.audit_form_modal .form-label {
font-size: 14px;
}

.modal-dialog.audit_form_modal .accordion-button:not(.collapsed)::after {
content: '\F2E6';
font-family: bootstrap-icons !important;
font-style: normal;
font-weight: 400 !important;
font-variant: normal;
text-transform: none;
line-height: 1;
background: none !important
}

.modal-dialog.audit_form_modal .accordion-button::after {
content: '\F4FA';
font-family: bootstrap-icons !important;
font-style: normal;
font-weight: 400 !important;
font-variant: normal;
text-transform: none;
line-height: 1;
background: none !important
}


.modal-body::-webkit-scrollbar {
width: 4px;
}

.modal-body::-webkit-scrollbar-track {
background-color: darkgrey;
}

.modal-body::-webkit-scrollbar-thumb {
background: #0F172A;
width: 2px
}

.modalTabBTN .nav-tabs:not(.nav-vertical) .nav-link {
padding: .5rem;
margin-right: 10px;
}



.audit_pro {
display: flex
}

.audit_pro a {
text-decoration: none;
text-align: center;
width: 150px
}

.audit_pro .proimg {
width: 70px;
height: 70px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
border-radius: 50%;
overflow: hidden;
margin: 0 auto;
}

.audit_pro h5 {
font-size: 18px;
margin-bottom: 0;
}

.audit_pro p {
margin: 0;
font-size: 13px;
color: #6a6a6a;
font-weight: 500;
}

.grid-item img {
width: 100%;
height: auto;
}

.audit_form_modal .accordion-item {
background-color: #fff;
border: 0;
}

.audit_form_modal .accordion-button:not(.collapsed) {
color: #2ba24c;
}

.audit_form_modal .accordion-button {
color: #0F172A;
font-size: 20px;
font-weight: 800;
padding: .75rem 1.25rem;
}


.modal-dialog.audit_form_modal .modal-body h3.hubstitle {
font-weight: 800
}

.modal-dialog.audit_form_modal .modal-body .badge {
display: inline-block;
padding: .3em .2em;
font-size: .75em;
font-weight: 700;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .3125rem;
width: 16px;
height: 16px;
}

.partners_modal {
}



/* ...........timeline...............*/
.btn-back {
padding: 0 !important;
border-radius: 35px;
height: 35px;
align-items: center;
justify-content: center;
display: flex;
font-weight: 800 !important;
}

.btn-back i {
font-size: 20px !important;
color: #0F172A !important;
margin-top: 2px;
margin-right: 5px
}

.position-absolute .btn-link {
text-decoration: underline;
color: #2ba24c
}


.timeline-container {
width: 100%;
margin: auto;
display: block;
position: relative;
padding: 0 10px;
}

.timeline-container h2 {
font-weight: 600;
font-size: 1.14844rem;
}

.timeline-container ul.tl {
margin: 20px 0;
padding: 0;
display: inline-block;
width: 100%;
}

.timeline-container ul.tl li {
list-style: none;
margin: auto;
min-height: 40px;
border-left: 1px solid #259f47;
padding: 0 0 8px 30px;
position: relative;
display: flex;
flex-direction: row;
}

.timeline-container ul.tl li.dashed {
border-left: 1px dashed #259f47;
}

.timeline-container ul.tl li:last-child {
border-left: 0;
}

.timeline-container ul.tl li .item-icon {
position: absolute;
left: -10px;
top: 0px;
content: " ";
border: 4px solid rgba(255, 255, 255, 0.74);
border-radius: 500%;
background: #259f47;
height: 20px;
width: 20px;
}

.timeline-container ul.tl li:last-child .spinner-item {
display: block;
border: 1px solid #259f47;
border-radius: 50%;
height: 25px;
width: 25px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
opacity: 0;
-webkit-animation: zoom 2s linear 0.75s infinite;
animation: zoom 2s linear 0.75s infinite;
}

.timeline-container ul.tl li .spinner-item {
display: none;
}

.timeline-container ul.tl li .spinner-item--2 {
-webkit-animation-delay: 1.25s;
animation-delay: 1.25s;
}

.timeline-container ul.tl li .spinner-item--3 {
-webkit-animation-delay: 1.75s;
animation-delay: 1.75s;
}

.timeline-container ul.tl li .item-icon::after


.timeline-container ul.tl li:hover::before {
border-color: #259f47;
transition: all 10F172Ams ease-in-out;
}

.timeline-container ul.tl li .item-text {
display: flex;
flex-direction: column;
flex-grow: 1;
border-bottom: 1px solid #d1f1da;
padding-bottom: 12px;
}

.timeline-container ul.tl li .item-title {
}

.timeline-container ul.tl li .item-timestamp {
font-size: 13px;
line-height: 1.3;
font-weight: 300;
margin-bottom: 7px;
}

.timeline-container ul.tl li .item-detail {
color: #0F172A;
font-weight: 700;
font-size: .8rem;
}

.timeline-container ul.tl li .item-timestamp ion-icon {
vertical-align: text-top;
margin-top: 1px;
}

.timeline-container .spinner-item--2 {
-webkit-animation-delay: 1.25s;
animation-delay: 1.25s;
}

.timeline-container .spinner-item--3 {
-webkit-animation-delay: 1.75s;
animation-delay: 1.75s;
}

@-webkit-keyframes zoom {
0% {
transform: translate(-50%, -50%) scale(0.2);
opacity: 0;
}

50% {
opacity: 0.9;
}

100% {
transform: translate(-50%, -50%) scale(1);
opacity: 0;
}
}

@keyframes zoom {
0% {
transform: translate(-50%, -50%) scale(0.2);
opacity: 0;
}

50% {
opacity: 0.9;
}

100% {
transform: translate(-50%, -50%) scale(1);
opacity: 0;
}
}


.label_bg {
position: relative;
height: 34px;
margin-bottom: 5px;
}

.label_bg .form-label {
position: relative;
z-index: 2;
margin-bottom: 0;
margin-left: 10px
}

.label_bg:after {
content: '';
position: absolute;
height: 100%;
width: 30%;
background: #f5f5f5;
z-index: 1;
}


.kiranaform {
margin: 0;
padding: 50px;
}

.kiranaform h2 {
vertical-align: middle;
font-weight: 800;
font-size: 20px;
}
/*.kiranaform label {
display: inline-block;
margin-bottom: 0;
color: #0F172A;
font-weight: 500;
}*/

.kiranaform .form-check-label {
color: #0F172A;
margin-bottom: 0
}

.kiranaform .select2-container {
min-width: 100%;
}

.kiranaform .form-control.error {
border: 1px solid #f93030
}

.kiranaform .form-select {
padding: .6125rem 2rem .6125rem .5rem;
}

.file-wrapper {
width: 100%;
height: 100%;
border: 1px dashed #2ba24c;
position: relative;
margin: 0;
margin-top: 0;
}

.file-wrapper .form-check-label {
color: #0F172A
}


.file-wrapper:after {
content: '\f64d';
font-family: bootstrap-icons !important;
font-style: normal;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: max-content;
height: max-content;
display: block;
font-size: 40px;
font-weight: bolder;
color: #bdbdbd;
}

.file-wrapper:before {
content: 'UPLOAD IMAGE ';
display: block;
position: absolute;
left: 0;
right: 0;
margin: auto;
bottom: 35px;
width: max-content;
height: max-content;
font-size: 0.75em;
color: gray;
}


.file-wrapper .close-btn {
display: none;
}

input[type="file"] {
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
z-index: 99999;
cursor: pointer;
}

.add-picture {
background-size: cover;
background-repeat: no-repeat;
color: transparent;
padding: 10px;
border-width: 0px;
}

.add-picture:hover {
transition: all 0.5s ease-out;
filter: brightness(110%);
}

.add-picture:before {
color: transparent;
}

.add-picture:after {
color: transparent;
}

.add-picture .close-btn {
position: absolute;
width: 35px;
height: 35px;
display: block;
background: #0F172A;
color: #fff;
top: 0;
right: 0;
font-size: 25px;
text-align: center;
line-height: 1.5;
cursor: pointer;
opacity: 0.8;
}

.add-picture > input {
pointer-events: none;
}



.thankyouSec {
position: fixed;
width: 100%;
height: 100%;
z-index: 9;
display: flex;
align-items: center;
justify-content: center;
background: rgba(255,255,255,.9)
}

.thankyouSec .content {
background: #fff;
padding: 50px;
text-align: center
}

.thankyouSec .content h2 {
font-size: 30px;
font-weight: 400;
margin-top: 25px;
}

.thankyouSec .content p {
font-size: 18px;
font-weight: 400;
}

.success-checkmark {
width: 90px;
height: 115px;
margin: 0 auto;
}

.success-checkmark .check-icon {
width: 80px;
height: 80px;
position: relative;
border-radius: 50%;
box-sizing: content-box;
border: 4px solid #4CAF50;
}

.success-checkmark .check-icon::before {
top: 3px;
left: -2px;
width: 30px;
transform-origin: 100% 50%;
border-radius: 100px 0 0 100px;
}

.success-checkmark .check-icon::after {
top: 0;
left: 30px;
width: 60px;
transform-origin: 0 50%;
border-radius: 0 100px 100px 0;
animation: rotate-circle 4.25s ease-in;
}

.success-checkmark .check-icon::before, .success-checkmark .check-icon::after {
content: "";
height: 100px;
position: absolute;
background: #FFFFFF;
transform: rotate(-45deg);
}

.success-checkmark .check-icon .icon-line {
height: 5px;
background-color: #4CAF50;
display: block;
border-radius: 2px;
position: absolute;
z-index: 10;
}

.success-checkmark .check-icon .icon-line.line-tip {
top: 46px;
left: 14px;
width: 25px;
transform: rotate(45deg);
animation: icon-line-tip 0.75s;
}

.success-checkmark .check-icon .icon-line.line-long {
top: 38px;
right: 8px;
width: 47px;
transform: rotate(-45deg);
animation: icon-line-long 0.75s;
}

.success-checkmark .check-icon .icon-circle {
top: -4px;
left: -4px;
z-index: 10;
width: 80px;
height: 80px;
border-radius: 50%;
position: absolute;
box-sizing: content-box;
border: 4px solid rgba(76, 175, 80, 0.5);
}

.success-checkmark .check-icon .icon-fix {
top: 8px;
width: 5px;
left: 26px;
z-index: 1;
height: 85px;
position: absolute;
transform: rotate(-45deg);
background-color: #FFFFFF;
}

@keyframes rotate-circle {
0% {
transform: rotate(-45deg);
}

5% {
transform: rotate(-45deg);
}

12% {
transform: rotate(-405deg);
}

100% {
transform: rotate(-405deg);
}
}

@keyframes icon-line-tip {
0% {
width: 0;
left: 1px;
top: 19px;
}

54% {
width: 0;
left: 1px;
top: 19px;
}

70% {
width: 50px;
left: -8px;
top: 37px;
}

84% {
width: 17px;
left: 21px;
top: 48px;
}

100% {
width: 25px;
left: 14px;
top: 45px;
}
}

@keyframes icon-line-long {
0% {
width: 0;
right: 46px;
top: 54px;
}

65% {
width: 0;
right: 46px;
top: 54px;
}

84% {
width: 55px;
right: 0px;
top: 35px;
}

100% {
width: 47px;
right: 8px;
top: 38px;
}
}



.leaderBoard {
margin: 0;
padding: 50px 0
}

.leaderBoard h2 {
vertical-align: middle;
font-weight: 800;
font-size: 20px;
color: #0F172A;
margin-bottom: 25px
}

.topArea {
margin: 0;
padding: 0 30px;
background: #f1f1f1;
min-height: 200px;
position: relative;
}

.starSec {
display: none;
width: 120px;
height: 100px;
position: absolute;
top: 4%;
left: 8%;
background-image: url(/Content/admin/images/stars.png);
background-repeat: no-repeat;
background-size: contain;
background-position: top center;
}

.leaderSec {
margin: 0;
width: 100%;
height: 530px;
background-image: url(/Content/admin/images/leadersboard_bg.png);
background-repeat: no-repeat;
background-size: contain;
background-position: bottom center;
position: relative;
}

.leaderSec .row {
position: relative;
height: 100%
}

.leaderSec .row .col-md-4, .row .col-4 {
position: relative;
}

.leadName {
display: inline-block;
width: 100%;
text-align: center;
}

.leadImg {
display: inline-block;
width: 100%;
text-align: center;
}

.leadImg h6 {
margin: 16px 0 0 0;
font-size: 16px;
color: #0F172A;
font-weight: 700;
}

.leadImg .imageSec {
margin: 0 auto;
border-radius: 50%;
width: 100px;
height: 100px;
position: relative;
box-shadow: 0px 1px 9px -4px rgba(0, 0, 0, 0.7);
}

.leadImg .imageSec img {
width: 100px;
height: 100px;
object-fit: cover;
object-position: center;
border-radius: 50%;
}

.leadImg .badge {
position: absolute;
bottom: -12px;
right: -10px;
width: 20px;
height: 20px;
padding: 0px 3px 3px 3px;
font-size: 0.9rem;
font-weight: 500;
box-shadow: -1px 2px 10px -1px rgba(0, 0, 0, 0.9);
margin: 10px;
border-radius: 35px;
background: #0F172A;
color: #fff
}

.leadName .crown {
position: absolute;
top: -30px;
right: -10px;
width: 70px;
height: 40px;
background-image: url(/Content/admin/images/award.png);
background-repeat: no-repeat;
background-size: contain;
background-position: bottom center;
}

.leadName.first {
position: absolute;
left: 50%;
bottom: 55%;
transform: translate(-50%, -44%);
}

.leadName.second {
position: absolute;
left: 50%;
bottom: 40%;
transform: translate(-50%, -31%);
}

.leadName.third {
position: absolute;
left: 50%;
bottom: 27%;
transform: translate(-50%, -22%);
}


.listSec {
margin: 0;
padding: 0 15px;
height: 80vh;
overflow: auto;
}

.listSec::-webkit-scrollbar {
width: 4px;
}

.listSec::-webkit-scrollbar-track {
background-color: darkgrey;
}

.listSec::-webkit-scrollbar-thumb {
background: #0F172A;
width: 2px
}

.listSec h2 {
font-size: 1.3rem;
margin: 0 0 24px 0;
font-weight: 800;
padding: 0 15px;
display: flex;
}

.list {
margin-bottom: 13px;
width: 100%;
padding: 10px;
box-shadow: 0px 3px 17px -8px rgba(0, 0, 0, 0.2);
border-radius: 10px;
}

.list .imageSec {
width: 50px;
height: 50px;
border-radius: 35px
}

.list .imageSec img {
width: 50px;
height: 50px;
border-radius: 35px
}

.list h3 {
margin: 0;
padding-left: 0;
font-size: 16px;
font-weight: 700;
}

.list .tag {
font-size: 0.8rem;
margin-right: 16px;
font-weight: 400;
display: inline-block;
padding: 5px 15px;
border-radius: 8px;
background: rgba(8, 181, 77, 0.2);
}

.list p {
margin: 0;
font-size: .8rem;
display: inline-block;
}

.list i {
vertical-align: middle;
font-size: 0.75rem;
margin-left: 2px;
}

.list p.up i {
color: #2ba24c;
}

.list p.down i {
color: #F44336;
}

.leaderBoard .table-height {
vertical-align: inherit;
overflow-y: auto;
overflow-x: hidden;
max-height: 380px;
}

.leaderBoard .table-height::-webkit-scrollbar {
width: 4px;
}

.leaderBoard .table-height::-webkit-scrollbar-track {
background-color: #fff;
}

.leaderBoard .table-height::-webkit-scrollbar-thumb {
background: #8c8c8c;
width: 2px;
}

.leaderBoard .card table thead {
background: #f5f5f5;
position: sticky;
top: 0;
}


.scrool_table {
max-height: 70vh;
overflow-y: auto;
position: relative
}

.scrool_table table thead {
position: sticky;
top: 0;
z-index: 4;
}

.scrool_table::-webkit-scrollbar {
width: 4px;
}

.scrool_table::-webkit-scrollbar-track {
background-color: #fff;
}

.scrool_table::-webkit-scrollbar-thumb {
background: #8c8c8c;
width: 2px;
}

.scrool_table.vechile-table .table tr th.sticky-left {
position: sticky;
left: 0;
z-index: 6;
top: 0;
background: #F8FAFC;
border-right: 1px solid #e5e7eb;
}
.scrool_table.vechile-table .table tr td.sticky-left {
position: sticky;
left: 0;
z-index: 3;
background: #fff;
border-right: 1px solid #e5e7eb;
}
.scrool_table.vechile-table .table tr th {
position: relative;
left: 0;
z-index: 1;
vertical-align: top;
}

.scrool_table.vechile-table .table tr td.sev.warn {
background-color: #fbf1da;
color: #e7a100;
font-weight: 800;
}

.scrool_table.vechile-table .table tr td.sev.bad {
color: #ff5c5c;
background-color: #ffd6d6;
font-weight:800;
}

.scrool_table.vechile-table .table tr td {
position: relative;
left: 0;
z-index: 1;
}

.card .dash-table .card-table.customTable > tbody > tr:first-child > td {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}

.card .dash-table .card-table.customTable > tbody tr td {
padding-top: 0.3rem;
padding-bottom: 0.3rem;
}

.card .dash-table .card-table.customTable > tbody tr td.customBody {
background: #f9f9f9;
padding-top: 12px;
}

.card .dash-table .card-table.customTable .thead-light th {
background-color: #ebebeb;
padding-top: 0.7rem;
padding-bottom: 0.4rem;
font-weight: 800;
font-size: 14px;
border: 0;
vertical-align: middle;
}

.card .dash-table .card-table.customTable > tbody tr td.customBody .table {
margin-bottom: 0;
border-radius: 6px 6px 0 0;
overflow: hidden;
}


.note-sec{margin:0}
    .note-sec ul{margin:0; padding:0; list-style-type:none; display:flex; align-items:center}

.note-sec ul li{
margin: 0 6px
}
.note-sec ul li .sev {
padding: 2px 8px;
border-radius: 999px;
font-weight: 800;
font-size: 12px;
margin-right: 4px;
}
.note-sec ul li .sev.warn {
background-color: #fbf1da;
color: #e7a100;
font-weight: 800;
}

.note-sec ul li .sev.bad {
color: #ff5c5c;
background-color: #ffd6d6;
font-weight: 800;
}
.note-sec ul li .sev.ok {
color: #2ba24c;
background-color: #cefddb;
font-weight: 800;
}
.note-sec ul li.line {
color: #e7e7e7;
}

.tdTag {
margin: 0;
}



.tdTag ul {
margin: 0;
padding: 0;
list-style-type: none;
display: flex;
flex-flow: row;
}

.tdTag ul li, span.tdTag {
margin: 0 0px 0 0;
padding: 1px 4px;
font-size: .7rem;
border-radius: 4px;
line-height: 1.2;
text-align: center;
justify-content: center !important;
}

.tdTag ul li.green, .tdTag.green {
background: #259f47;
color: #fff !important
}

.tdTag ul li.red, .tdTag.red {
background: #F44336;
color: #fff !important
}

.tdTag ul li.yellow, .tdTag.yellow {
background: #f7be56;
color: #0F172A
}


.chartsDashboard .card .table.liveTripDash tr td {
padding: 5px;
vertical-align: middle
}

.chartsDashboard .card .table.liveTripDash tr th {
padding: 5px;
vertical-align: middle
}

.summaryTag {
margin: 10px 0 0 0
}

.summaryTag ul {
margin: 0;
padding: 0;
list-style-type: none;
display: flex;
align-content: center;
flex-flow: row
}

.summaryTag ul li {
padding: 4px 14px 4px 0;
box-shadow: 0 0.375rem 0.75rem rgba(140, 152, 164, .075);
background: #fff;
border-radius: 4px;
font-size: 13px;
font-weight: 600;
margin-right: 10px;
}

.summaryTag ul li span {
font-weight: 600;
border-left: 1px solid #d5d5d5;
padding: 0 0 0 5px;
margin-left: 5px;
/*width: 40px;
display: inline-block;*/
text-align: center;
}

.summaryTag ul li span.orange {
color: #ffa500;
font-weight: 800;
width: auto;
padding: 0;
margin-left: 0;
border-left: 0
}

.summaryTag ul li span.red {
color: #F44336;
font-weight: 800;
width: auto;
padding: 0;
margin-left: 0;
border-left: 0
}

.summaryTag ul li span.green {
color: #2ba24c;
font-weight: 800;
width: auto;
padding: 0;
margin-left: 0;
border-left: 0
}

.summary-sec .card-summary .card-b.fulel-card {
    margin: 0;
}
.fulel-card .fc-tabs-left {
border-right: 0;
padding: 0;
}

.fulel-card .fc-tabs-left .nav-link {
border-radius: 0;
padding: 14px 12px;
color: #374151;
text-align: left;
font-weight: 500;
border-left: 4px solid #ddd;
transition: all 0.2s ease;
background: #f7f7f7;
}


.fulel-card .fc-page {
padding: 2px 20px 20px 20px;
}

.fulel-card .fuel-card-content {
    max-height: 500px;
    overflow: auto;
}

.fulel-card .fc-account-card {
border-radius: 8px;
border: 1px solid #e5e7eb;
box-shadow: 0 2px 8px rgba(0,0,0,0.04);
background: #fff;
}

.fulel-card .fc-vertical-tabs {
min-height: 520px;
}


.fulel-card .fc-tabs-nav {
padding:0;
}



.fulel-card .fc-tabs-left .nav-link:hover {
background: #2ba24c2e;
color: #2ba24c;
font-weight: 600;
border-left: 4px solid #2ba24c;
}

.fulel-card .fc-tabs-left .nav-link.active {
background: #2ba24c2e;
color: #2ba24c;
font-weight: 600;
border-left: 4px solid #2ba24c;
border-bottom: .0625rem solid transparent;
}

.fulel-card .fc-tabs-content {
padding: 0;
background: #ffffff;
}


.fulel-card .section-title {
font-weight: 600;
font-size: 18px;
margin-bottom: 15px;
padding-bottom: 6px;
border-bottom: 1px solid #e5e7eb;
}

.fulel-card .tab-pane {
animation: fadeIn 0.2s ease-in;
}

.bulk-fuel-modal .step-content[hidden] {
    display: none;
}

.bulk-fuel-modal .step-btn-sec {
    padding: 0 16px
}
.bulk-fuel-modal .step-btn {
    list-style: none;
    padding: 0;
    margin: 0 0 16px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}

    .bulk-fuel-modal .step-btn .step {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 10px 12px;
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        background: #ffffff;
        color: #6b7280;
        width: 96%;
    }

        .bulk-fuel-modal .step-btn .step.active {
            border-color: #2ba24c;
            color: #1a1a1a;
            box-shadow: inset 0 0 0 1px #2ba24c;
        }

    .bulk-fuel-modal .step-btn .num {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 22px;
        height: 22px;
        border-radius: 50%;
        background: #e5e7eb;
        color: #fff;
        font-size: 12px;
    }
    .bulk-fuel-modal .step-btn .step.active .num {
        background: #2ba24c;
    }

.bulk-fuel-modal .step-content {
    opacity: 0;
    transform: translateX(20px);
    transition: opacity 0.35s ease, transform 0.35s ease;
    position: absolute;
    width: 100%;
    pointer-events: none;
}

    .bulk-fuel-modal .step-content.active {
        opacity: 1;
        transform: translateX(0);
        position: relative;
        pointer-events: auto;
    }

/* Cards */
.bulk-fuel-modal .card {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 16px;
    box-shadow: 0 1px 0 rgba(0,0,0,0.02);
}

    .bulk-fuel-modal .card + .card {
        margin-top: 16px;
    }

    .bulk-fuel-modal .card h2 {
        margin: 0 0 12px;
        font-size: 20px;
    }

/* Toolbar & fields */
.bulk-fuel-modal .toolbar {
    display: flex;
    gap: 12px;
    align-items: center;
    margin-top: 12px;
    justify-content: space-between;
}

.bulk-fuel-modal .summary-sec .card-summary .field {
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: 6px 12px;
    font-size: 14px;
    margin-bottom: 8px;
    align-items: center;
}
.modal-dialog .summary-sec .card-summary .form-label {
    font-size: .875rem;
    color: #0F172A;
    font-weight: 400;
    font-family: "Roboto", sans-serif;
    white-space: nowrap;
    margin-right: 10px;
}
.modal-dialog .summary-sec .card-summary .card-b .meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding:0 10px 10px 10px
}

.modal-dialog .summary-sec .card-summary.fuel tr:last-child td{ border-bottom:0}
.modal-dialog .summary-sec .card-summary.fuel .form-select.user-select{width:150px}
.modal-dialog .summary-sec .card-summary.fuel tr th:first-child {
    border-radius: 0 0 0 0;
}
.modal-dialog .summary-sec .card-summary.fuel tr th:last-child {
    border-radius: 0 0 0 0;
}
.modal-dialog .summary-sec .card-summary.fuel .table-wrap {
    overflow: hidden;
    border-radius: 14px 14px 0 0;
}

.modal-dialog .summary-sec .card-summary .limit-section {
display: none;
opacity: 0;
transform: translateY(10px);
transition: opacity 0.25s ease, transform 0.25s ease;
}

.modal-dialog .summary-sec .card-summary .limit-section.active {
display: block;
opacity: 1;
transform: translateY(0);
}


.modal-qr{max-width:90%; width:90%}

.qr-filter{margin:0}

.vehicle-list {
    max-height: 250px;
    overflow: auto;
}


.upload__preview {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.upload__img-box,
.upload__file-box {
    width: 100px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 0;
    position: relative;
    background: #fff;
    height: 100px;
}

.upload__img-box{
    display: flex;
    align-items: center;
    justify-content: center;
}
    .upload__img-box img{
        max-width:100%;
        max-height:100%
    }

    .upload__file-box {
        display: inline-block;
        text-align: center;
        padding: 10px;
    }

.upload__file-icon {
    font-size: 34px;
}

.upload__file-name {
    font-size: 13px;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.upload__remove {
    position: absolute;
    top: 1px;
    right: 1px;
    cursor: pointer;
    background: rgba(255, 255, 255, .8);
    width: 22px;
    height: 22px;
    border-radius: 25px;
    text-align: center;
    vertical-align: bottom;
}
.upload__remove i {
color: #dc3545;
font-size: 11px;
margin-left: 1px;
}

.modal-dialog .form-control span .bi-upload {
    margin-right: .25rem !important;
}

.main .theme-2 .content .qr-filter .search-select .clear {
    right: 0;
    top: -2px;
}

.shipment-order .table-responsive {
    min-height: 300px;
    max-height: 60vh;
}


.modal-dialog.modal-shipment {
    max-width: 95%;
}

.modal-dialog.modal-shipment .modal-body .card-b {
max-height: 85vh;
overflow-y: auto
}

.modal-dialog.modal-shipment .actions {
display: flex;
gap: 8px;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
width: 100%;
}
.modal-dialog.modal-shipment .actions .btn {
padding: 6px 12px;
text-transform: capitalize;
letter-spacing: 0;
}

.modal-dialog.createOrder-modal .table-height {
    max-height: 350px;
    height: 100% !important;
    min-height: 200px;
    overflow: auto;
}
.nav-underline .nav-link {
    padding: 6px 14px 6px 14px;
    background: transparent;
    border: none;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    font-size: 16px;
    margin-right: 30px;
}
.nav-underline .nav-link.active {
border-bottom: 2px solid #2ba24c;
font-size:18px;
color:#333
        
}

.summary-sec .card-summary .lm-trip tr th:first-child {
    border-radius: 0 0 0 0;
}
.summary-sec .card-summary .lm-trip tr th:last-child {
    border-radius: 0 0 0 0;
}

.lm-map {
    position: relative;
    height: 53vh;
    background: linear-gradient(135deg, #eef2ff, #f8fafc);
    overflow: hidden;
}
.hub-pin {
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 999px;
    background: #7fbf2a;
    border: 2px solid #fff;
    box-shadow: 0 2px 8px rgba(127, 191, 42, .5);
}
.stop-pin {
    position: absolute;
    width: 14px;
    height: 14px;
    border-radius: 999px;
    background: #10b981;
    border: 2px solid #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
}
.shopsidebar {
    position: fixed;
    top: 0;
    right: -400px;
    width: 400px;
    height: 100%;
    background: #fff;
    transition: right 0.4s ease;
    z-index: 1000;
}

    .shopsidebar.open {
        right: 0;
    }
/* Shipment detail wider */
#shipmentdetail {
    width: 600px;
    right: -600px;
}

    /* 🔥 IMPORTANT: override when open */
    #shipmentdetail.open {
        right: 0;
    }

#backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.45);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
    z-index: 999;
}

    #backdrop.show {
        opacity: 1;
        visibility: visible;
    }

.shopsidebar .summary-sec .card-summary {
    background: #FFFFFF;
    height: 100%;
    border-radius: 0;
    box-shadow: none;
    font-family: "Roboto", sans-serif;
}
.shopsidebar .summary-sec .card-summary .card-h {
padding: 8px 14px;
border-bottom: 1px solid #E5E7EB;
display: flex;
align-items: center;
justify-content: space-between;
height: 54px;
}
.shopsidebar .summary-sec .card-summary .card-h h3 {
margin: 0;
font-size: 14px;
letter-spacing: .4px;
text-transform: uppercase;
color: #334155;
font-weight: 700;
}


.shopsidebar .summary-sec .card-summary .card-h .btn {
appearance: none;
padding: 8px 12px;
border-radius: 6px;
line-height: 1.5;
font-size: 12px;
font-weight: 500;
cursor: pointer;
box-shadow: 0 1px 0 rgba(0, 0, 0, .02);
letter-spacing: .55px;
text-transform: capitalize;
}
.shopsidebar .summary-sec .card-summary .card-f {
padding: 12px 14px;
border-top: 0;
display: flex;
align-items: center;
justify-content: space-between;
}

.shopsidebar .summary-sec .card-summary .card-b .form-label {
font-size: 13px;
color: #334155;
font-weight: 700;
display: block;
margin-bottom: 6px;
font-family: "Roboto", sans-serif;
}

.summary-sec .card-summary .card-b tr td .fotag {
border: 1px solid #E5E7EB;
padding: 3px 6px;
border-radius: 999px;
font-weight: 400;
background: #f9f9f9;
font-size: 11px;
margin-left: 8px;
line-height: 1.2;
}


.shopsidebar .summary-sec .card-summary .card-h .icon-btn.del {
    border: 1px solid #F44336;
    background: #fff;
    color: #F44336;
}
.shopsidebar .summary-sec .card-summary .card-h .btn-primary-outline {
    border: 1px solid #E5E7EB;
    background: #fff;
    color: #111827;
}

.summary-sec .card-summary .card-b .lm-trip .stops tbody tr:hover {
    cursor: pointer;
}

/*....................Mobile....responsive....................*/
@media (min-width:576px) {
    .tom-select-custom-sm-end .ts-dropdown {
left: auto;
right: 0;
text-align: left;
}
}

@media (min-width:768px) {
.tom-select-custom-md-end .ts-dropdown {
left: auto;
right: 0;
text-align: left;
}
}

@media (min-width:992px) {
.tom-select-custom-lg-end .ts-dropdown {
left: auto;
right: 0;
text-align: left;
}
}

@media (min-width:1200px) {
.tom-select-custom-xl-end .ts-dropdown {
left: auto;
right: 0;
text-align: left;
}
}

@media (min-width:1400px) {
.tom-select-custom-xxl-end .ts-dropdown {
left: auto;
right: 0;
text-align: left;
}
}

.tom-select-custom-with-tags .tom-select-custom .ts-control.multi .ts-input.has-items.hs-select-single-multiple, .tom-select-custom-with-tags .ts-control.form-select .ts-input {
padding: calc(.375rem - 1px - 0px) .75rem calc(.375rem - 1px - 4px - 0px);
}

.tom-select-custom-with-tags .ts-control.multi .ts-input > .item {
color: #1e2022;
background-color: rgba(19,33,68,.1);
}

.input-group .tom-select-custom .form-select:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}

.input-group .tom-select-custom .form-select:last-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}

.tom-select-custom .tom-select-custom-form-select-invite-user {
width: auto;
}

.tom-select-custom .ts-control.tom-select-form-select-ps-0 .ts-input.has-items {
padding-left: 0;
}

.tom-select-custom-bg-transparent .form-select {
background-color: transparent;
}

.jvm-tooltip {
color: #1e2022;
background-color: #fff;
font-family: Inter,sans-serif;
font-size: .875rem;
z-index: 10F172A;
padding: .6125rem 1rem;
margin: -1rem;
box-shadow: 0 .375rem 1.5rem 0 rgba(140,152,164,.125);
-webkit-transform: translate(1rem 1rem);
transform: translate(1rem 1rem);
}

.jvm-zoom-btn {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
color: #0F172A;
background-color: #fff;
border: .0625rem solid rgba(231,234,243,.7);
width: 1.53125rem;
height: 1.53125rem;
border-radius: .3125rem;
padding: 0;
}

.jvm-zoom-btn:focus, .jvm-zoom-btn:hover {
color: #919191;
}

.jvm-zoom-btn.jvm-zoomin {
top: 1rem;
left: 1rem;
}

.jvm-zoom-btn.jvm-zoomout {
top: 2.84375rem;
left: 1rem;
}

.jsvectormap-custom-wrapper {
height: 20rem;
}

@media (min-width:768px) {
.jsvectormap-custom-wrapper {
height: 25rem;
}
}

@media (min-width:992px) {
.jsvectormap-custom-wrapper {
height: 30rem;
}
}



.leaflet {
min-height: 30rem;
height: 100%;
z-index: 0;
}

.leaflet-touch .leaflet-bar, .leaflet-touch .leaflet-control-layers {
border: none;
}

.leaflet-bar, .leaflet-popup-content-wrapper, .leaflet-popup-tip {
box-shadow: 0 .375rem .75rem rgba(140,152,164,.075);
}

.leaflet-bar, .leaflet-popup-content-wrapper {
border-radius: .5rem;
}

.leaflet-bar a, .leaflet-bar a:hover {
color: #0F172A;
background-color: #fff;
border-bottom: none;
}

.leaflet-bar a:hover {
color: #919191;
}

.leaflet-touch .leaflet-bar a {
width: 1.75rem;
height: 1.75rem;
line-height: 1.75rem;
}

.leaflet-control-zoom-in, .leaflet-control-zoom-out {
font: 600 .875rem Inter,sans-serif;
text-indent: 0;
}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
font-family: Inter,sans-serif;
font-size: .875rem;
}

.leaflet-control-zoom-in {
margin-bottom: .25rem;
}

.leaflet-touch .leaflet-bar a:first-child, .leaflet-touch .leaflet-bar a:last-child {
border-radius: .5rem;
}

.leaflet-popup {
margin-bottom: 2.5rem;
}

.dashboard-content {
display: block;
/*height: 90vh;
overflow: hidden;*/
}

.dashboard-content .content .card {
padding: 0
}

.dashboard-content .content .card .card-header h2 {
font-weight: 800
}

.dashboard-content .content a.card:hover .text-inherit {
color: #259f47 !important
}


.map_sec {
width: 100%;
height: 60vh;
}

.map_sec .card {
height: 100%;
}


.user-table {
display: block;
/*height: 98vh;
overflow-y: auto;
overflow-x: hidden;
scrollbar-color: #0F172A0F172A #e0e0e0;
scrollbar-width: thin;*/
}

.user-table::-webkit-scrollbar {
width: 4px;
}

.user-table::-webkit-scrollbar-track {
background-color: darkgrey;
}

.user-table::-webkit-scrollbar-thumb {
background: #0F172A;
width: 2px
}



.card .dash-table .card-table > tbody > tr:first-child > td {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}

.card .dash-table .card-table td {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
color: #0F172A;
font-weight: 500;
vertical-align: middle;
vertical-align: top;
}

.card .dash-table .card-table td.absent {
color: #F44336
}

.card .dash-table .card-table td a {
font-size: .85rem;
color: #2ba24c;
}

.card .dash-table .card-table td a.green {
color: #2ba24c;
font-weight: 700;
}

.card .dash-table .card-table td .h5 {
font-size: 13px;
}

.card .dash-table .card-table .thead-light th {
background-color: #f1f1f1;
padding-top: 0.7rem;
padding-bottom: 0.4rem;
font-weight: 800;
font-size: 14px;
border: 0;
vertical-align: middle;
}

.card .dash-table .card-table .thead-light th h3.custom {
color: #2ba24c
}

.addTrops_modal .table > :not(:first-child) {
border-top: 1px solid #fff;
}

.addTrops_modal .table thead th {
background-color: #f1f1f1;
padding: 10px 0 3px 0;
}

.addTrops_modal .table thead th:first-child {
padding-left: 10px
}

.modal-dialog-scrollable .modal-body .table tbody td:first-child {
padding-left: 10px
}

.modal-dialog-scrollable .modal-body .table thead th {
background-color: #F8FAFC;
padding: 10px 0 10px 0;
border-bottom-color: transparent
}

.modal-dialog-scrollable .modal-body .table thead th:first-child {
padding-left: 10px
}

.modal-dialog-scrollable .modal-body .table tbody td:first-child {
padding-left: 10px
}

.modal-dialog-scrollable .table > :not(:first-child) {
border-top: 0;
}

.card .table > :not(:first-child) {
border-top: 0;
}

.card .dash-table .card-table .thead-light td .fs-5 {
font-size: .9rem !important;
}

.lockstatus {
font-size: 1rem !important;
font-weight: 600;
color: #2ba24c
}

.unlockstatus {
font-size: 1rem !important;
font-weight: 600;
color: #dc3545
}


@media (max-width:1440px) {
/*.dashboard-content {
height: 100vh;
background: #f8fafd;
}*/
.map_sec {
margin: 0;
width: 100%
}
/*.user-table{
height: 98vh;

}*/

.modal-dialog.audit_form_modal {
max-width: 100%;
width: 94%;
min-height: 500px;
}
}


@media (max-width:1366px) {
.navbar:not(.splitted-content-navbar) .navbar-nav .nav-link {
padding: 0.5rem 0.3rem;
}

/*.dashboard-content {
height: 87vh;
}*/
.map_sec {
margin: 0;
width: 100%
}
/*.user-table{
height: 84vh;

}*/

.from_preview {
max-height: 470px;
}

.scantable ul li .image-sec {
height: 174px;
}

.scantable ul li .image-sec .img_box {
height: 170px;
width: 170px;
}

.scantable ul li .image-sec .boxSec .number {
top: 18px;
}

.two_kcontent .two_kcard .blog-ses ul li a h3 {
font-size: .85rem;
}

.twok_selecttable h2 {
font-size: .85rem;
}

.scantable ul li.noshadow h5 {
font-size: 1rem;
font-weight: 500;
}
}


.form-content {
margin: 0;
}

.input-group.custom-group .form-control {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-right: 0
}

.input-group.custom-group .form-select {
border-radius: 0;
}

.input-group.custom-group .btn {
border-radius: 0 0.3125rem 0.3125rem 0;
}

.btn.btn-none {
padding: 0.25rem 1rem;
}

.main .form-content .content {
background: #f8fafd;
min-height: 83vh
}

.form-content .card {
padding: 15px
}



.table-content {
margin: 0;
}

.table-content .card td {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
/*padding-left: 0.5rem;
padding-right: 0.5rem;*/
}

.status-bg {
padding: 2px 5px;
color: #fff;
min-width: 95px;
display: inline-block;
text-align: center;
border-radius: 4px;
}

.sign-in-page {
height: 100vh;
height: 100vh;
-ms-flex-align: center !important;
align-items: center !important;
display: flex;
padding: 0 16px;
background-color: #fff;
position:relative
}
.signin-footer {
position: fixed;
bottom: 26px;
width: 100%;
font-size: 14px;
color: #777;
padding: 0 16px;
}
.signin-footer a{font-size:12px; color:#777}

.signin-footer a img{
max-height: 24px;
margin-left: 4px;
}

.sign-in-detail {
padding: 100px;
height: 100vh;
}


.sign-in-page .form-group {
margin-bottom: 1rem;
position:relative
}
.sign-in-page .form-group .icon {
position: absolute;
top: 4px;
border-right: 1px solid #f7f5f5;
border-radius: 0;
z-index: 2;
}
.sign-in-page .form-group .icon i{font-size:20px}

.sign-in-logo {
display: inline-block;
width: 100%;
}

.sign-in-logo img {
height: 50px;
}

.sign-in-from {
padding: 0 0 34% 0;
margin: 0 auto;
height: 100%;
}
.sign-in-from .sign-logo {
text-align: center;
margin-bottom: 14%
}

.sign-in-from .sign-logo img {
max-height: 100px
}

.sign-in-from h2 {
font-size: 30px;
font-weight: 600;
margin: 0 0 10px 0;
text-align: center;
text-transform: capitalize
}
.sign-in-from p {
margin: 0 auto 68px auto;
width: 95%;
color: #333;
text-align: center;
text-transform: none;
font-size: 18px;
letter-spacing: 0.5px;
}
.sign-in-from  .btn {
letter-spacing: 2px;
font-weight: 600;
line-height: 1.5;
text-transform: uppercase;
padding: 14px 15px 12px 15px;
}
.sign-in-from label {
display: inline-block;
margin-bottom: 0;
color: #0F172A;
font-weight: 700;
font-size: .8rem;
}

.sign-in-from .form-control {
padding: 14px 9px 14px 50px;
font-size: .9rem;
font-weight: 600;
border-radius: 6px;
}

.sign-info {
border-top: 1px solid #cdd1f3;
margin-top: 30px;
padding-top: 20px;
}
.graphic-sec {
height: 96vh;
background: #f1fcee;
border-radius:14px
}

.graphic-sec .swiper {
width: 70%;
height: 100%;
}

.graphic-sec .swiper-slide {
text-align: center;
font-size: 18px;
display: flex;
justify-content: center;
align-items: center;
}
.graphic-sec .swiper-pagination-bullet-active {
background: #101010;
width: 32px;
border-radius: 6px;
transition:.4s
}
.graphic-sec .swiper-pagination-bullet {
transition: .4s
}

.graphic-sec .swiper-slide .image-sec {
max-width: 100%;
margin-bottom: 40px;
text-align: center
}

.graphic-sec .swiper-slide .image-sec img {
max-width: 100%;
max-height: 350px;
}

.industries {
margin: 0;
}
.industries ul {
padding: 0;
margin: 0;
list-style-type: none;
display: flex;
justify-content: center;
}
.industries ul li{
margin: 0 10px 0 0;
}
.industries ul li img {
max-height: 40px;
margin-bottom: 0;
}

.iso img {
max-height: 50px;
margin-bottom: 0;
}

.content-sec {
margin: 0;
text-align: center
}
.content-sec h2 {
font-size: 28px;
color: #333;
margin: 0 0 10px 0;
font-weight: 800;
position: relative;
width: auto;
display: inline-block;
text-transform: capitalize;
}
.content-sec p {
font-size: 14px;
color: #64748B;
letter-spacing: 0.5px;
margin: 0px 0 20px 0;
font-weight: 500;
line-height: 24px;
text-transform: capitalize;
}

.social-media {
margin: 0;
padding: 0;
float: right;
}

.social-media li {
list-style: none;
float: left;
margin-right: 10px;
}

.social-media li:last-child {
margin-right: 0;
}

.social-media li a {
height: 30px;
width: 30px;
text-align: center;
font-size: 18px;
line-height: 30px;
display: inline-block;
background: #f7f7f7;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

.social-media li a:hover {
text-decoration: none;
}

.pending {
background-color: #ff8c09
}

.started {
background-color: #f1cb7e
}

.arriving {
background-color: #5bf13c
}

.completed {
background-color: #29bd0a
}



/*loader*/
.page_loader {
left: 0;
top: 0;
width: 100%;
height: 100%;
position: fixed;
background: #bdbdbd;
z-index: 999999;
opacity: 0.9;
}

.page_loader__inner {
left: 0;
top: 0;
width: 100%;
height: 100%;
position: absolute;
}

.page_loader__content {
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
text-align: center;
}

.page_loader .spinner {
width: 40px;
height: 40px;
display: inline-block;
border-width: 2px;
border-color: #71869d; /*rgba(255, 255, 255, 0.05);*/
border-top-color: #fff;
animation: spin 1s infinite linear;
border-radius: 100%;
border-style: solid;
}

.page_loader .loader_msg {
float: left;
margin-top: 10px;
width: 100%;
color: #0F172A;
font-weight: 600;
font-size: 15px;
}

.disabled {
pointer-events: none;
opacity: 0.4;
}

@keyframes spin {
100% {
transform: rotate(360deg);
}
}


.modal-dialog.barcode_scan {
max-width: 75%;
margin: 1.75rem auto;
}

.modal-dialog.barcode_scan .modal-header button {
position: absolute;
right: 14px;
}

.modal-body {
padding: 0 1rem;
}

.modal.custom-modal-body {
overflow-y: hidden !important;
}

.custom-scroll {
overflow: hidden;
}

.custom-scroll {
max-height: 500px;
overflow-y: auto;
}

.custom-scroll::-webkit-scrollbar {
width: 4px;
}

.custom-scroll::-webkit-scrollbar-track {
background-color: darkgrey;
}

.custom-scroll::-webkit-scrollbar-thumb {
background: #0F172A;
width: 2px
}

.form-label {
margin-bottom: 0.3rem;
font-size: .875rem;
color: #0F172A;
font-weight: 600;
}

.modal-title {
    font-size: .875rem;
    text-transform: uppercase;
    font-weight: 800;
    color: #2ba24c;
}

@media (max-width: 1399.98px) {
.custom-scroll {
max-height: 270px;
overflow-y: auto;
}

.btn {
letter-spacing: 2px;
font-weight: 600;
line-height: 1.2;
padding: 8px 15px 7px 15px;
font-size: .75rem;
}

.btn i {
font-size: .8rem !important;
}

.btn i.bi-plus {
font-size: 1rem !important;
}
}


.table thead tr th, .table tbody tr td {
padding: 0.5rem 0.75rem;
}

.modal-dialog.barcode_scan .table thead {
position: sticky;
top: 34px
}

.report_label {
margin: 0;
width: 100%;
background: #fff;
padding: 10px 0;
position: sticky;
top: 0
}

.modal-dialog.barcode_scan .modal-body {
padding: 0 1rem 1rem 1rem;
}

.report_label ul {
list-style-type: none;
margin: 0;
padding: 0;
}

.report_label ul li {
margin: 0 5px;
display: inline-block;
padding: 3px 7px;
}

.report_label ul li h6 {
font-size: 14px
}

.modal-dialog-custom {
z-index: 1060; /* Update the z-index as needed */
}

.custom-modal {
background: rgba(0,0,0,0.7)
}

.action_btn {
width: 30px;
height: 30px;
display: inline-block;
background: #e9e9e9;
text-align: center;
padding: 4px;
border-radius: 35px;
}

.dropdown.action-dropdown {
text-align: right
}

.action_btn i {
font-size: 15px;
color: #0F172A
}

.card .dash-table .card-table td .action-dropdown ul li a i {
margin-right: 5px;
vertical-align: text-top;
}

.card .dash-table .card-table td .action-dropdown ul li:not(:last-child) {
margin-bottom: 10px
}

.card .dash-table .card-table td .action-dropdown ul li a {
color: #0F172A
}

.action_btn.dropdown-toggle:not(.dropdown-toggle-empty)::after {
display: none
}

.fs-6 {
font-size: .85rem !important;
}

.gmap-sec {
position: relative;
width: 100%
}

.gmap-sec a {
position: absolute;
top: 7px;
right: 13px;
}

.dropdown-menu {
    min-width: 15rem;
    padding: 0.7rem 0.5rem;
    transition: .4s;
}

.table-responsive.datatable-custom {
min-height: 360px;
overflow-y: hidden;
overflow-y: auto;
}

.max-height {
max-height: 400px;
overflow-y: auto;
overflow-x: hidden;
/*scrollbar-color: #0F172A0F172A #e0e0e0;
scrollbar-width: thin;*/
}

.max-height::-webkit-scrollbar {
width: 4px;
}

.max-height::-webkit-scrollbar-track {
background-color: darkgrey;
}

.max-height::-webkit-scrollbar-thumb {
background: #0F172A;
width: 2px
}


@media (max-width: 1440px) {
.card-header .btn {
font-size: .7rem;
}

.main .content .card .card-header .btn {
padding: 6px 8px 4px 8px;
}

.main .content .card .card-header .btn i {
font-size: .7rem;
}


.gmap-sec a {
position: absolute;
top: 5px;
right: 15px;
}

.chartsDashboard .card table tr th {
font-weight: 800;
font-size: 11px;
}

.chartsDashboard .card table tr td {
font-size: 13px;
}

.chartsDashboard .card-subtitle {
font-size: 11px;
}

.chartsDashboard h2.hubstitle {
font-size: 15px;
}

.chartsDashboard .card .card-body .avatar-title {
height: 2.5rem;
width: 2.5rem !important;
}

.avatar-title img {
max-height: 34px;
}
}


@media (max-width: 1366px) {
.sign-in-from .sign-logo {
text-align: center;
margin-bottom: 6%;
}
.sign-in-from .sign-logo img {
max-height: 40px;
}
.sign-in-from h2 {
font-size: 24px;
}
.sign-in-from p {
margin: 0px auto 40px auto;
width: 100%;
font-size: 16px;

}
.sign-in-from {
padding: 0px 0 24% 0;
}
.sign-in-from .form-control {
font-size: .8rem;
}
.sign-in-from label {
font-size: .7rem;
}

.sign-in-from .btn {
padding: 10px 15px 8px 15px;
}
.signin-footer a {
font-size: 10px;
}
.signin-footer {
font-size: 12px;
}
.signin-footer {
bottom: 16px;
}

.navbar .nav-item:not(:last-child) {
margin-right: 1rem;
}

.chartsDashboard .card table tr th {
font-weight: 800;
font-size: 11px;
}

.chartsDashboard .card table tr td {
font-size: 13px;
}

.chartsDashboard .card-subtitle {
font-size: 11px;
}

.chartsDashboard h2.hubstitle {
font-size: 15px;
}

.chartsDashboard .card .card-body .avatar-title {
height: 2.5rem;
width: 2.5rem !important;
}

.avatar-title img {
max-height: 34px;
}

.input-group.custom-group .btn {
padding: 9px 10px 5px 10px;
font-size: .7rem;
}

.form-control.search_hub {
}

.custom-group .btn {
padding: 0.4rem 1rem;
font-size: .75rem;
}

.form-control {
padding: 0.6rem 1rem;
line-height: 1.2;
}

.form-label {
font-size: .7rem;
}

.modal-header {
padding: 0.6rem 1rem;
}

.modal-body {
padding: .5rem 1rem;
scrollbar-color: #e0e0e0;
scrollbar-width: thin;
}

.modal-body::-webkit-scrollbar {
width: 4px;
}

.modal-body::-webkit-scrollbar-track {
background-color: darkgrey;
}

.modal-body::-webkit-scrollbar-thumb {
background: #0F172A;
width: 2px
}



.card-header {
padding-top: 0.6rem;
padding-bottom: 0.5rem;
}

.h4, h4 {
font-size: .8rem;
}

.card-header a {
font-size: .8rem;
}

.navbar-brand-logo {
min-width: 103px;
max-width: 120px;
}

.navbar-brand {
margin-right: 0;
}

header .nav-link {
font-size: .65rem;
}

.dropdown-menu .dropdown-item {
font-size: .7rem;
}

header .nav-link i {
font-size: .8rem;
}

header .nav-link i.bi.bi-person-workspace {
font-size: .75rem;
}

header .nav-link i.bi.bi-pin-map {
font-size: .75rem;
}

.card .dash-table .card-table td {
font-size: .75rem;
}

.fs-5 {
font-size: .75rem !important;
}

.main .content .card .card-body.counter h5 {
font-size: .7rem;
}

.card .dash-table .card-table td a {
font-size: .75rem;
}

.fs-6 {
font-size: .7rem !important;
}
/*.card .dash-table .card-table td a i {
vertical-align: top;
}*/

.mega-menu-cus .navbar-dropdown-menu-borderless h3 {
font-size: .75rem;
padding: 0.4rem 0.5rem 0.4rem 0.5rem;
line-height: 1.2
}

.card .dash-table .card-table .thead-light th {
padding-bottom: 0.4rem;
font-size: .75rem;
}

.page-link {
min-width: 2rem;
}

.form-control {
font-size: .7rem;
}

.form-select {
font-size: .7rem;
padding: 0.5rem 1rem;
}


.kiranaform .form-control {
font-size: .7rem;
padding: 0.6125rem 0.6rem;
}

.kiranaform .form-select {
font-size: .7rem;
}


.action_btn {
width: 25px;
height: 25px;
display: inline-block;
background: #f4f4f4;
text-align: center;
padding: 2px;
border-radius: 35px;
}

.card .dash-table .card-table td .action-dropdown ul li:not(:last-child) {
margin-bottom: 12px
}

.modal-title {
font-size: .8rem;
}

.map_sec {
width: 100%;
height: 47vh;
}

.navbar-brand img {
max-height: 36px;
}

.card-subtitle {
font-size: .65rem;
}

.card-header-content-between .btn {
padding: 0.5rem .5rem .3rem .5rem;
}

.avatar-sm, .avatar-sm .avatar-initials {
width: 1.6rem;
height: 1.6rem;
}
}


@media (max-width: 1280px) {

.leaderSec {
height: 446px;
}

.leadName.first {
bottom: 36%;
}

.leadName.third {
bottom: 20%;
}

.leadImg .imageSec {
width: 80px;
height: 80px;
}

.leadImg .imageSec img {
width: 80px;
height: 80px;
}

.leadName.second {
bottom: 27%;
}
}

@media only screen and (max-width:1024px) {
.sign-in-from .sign-logo {
margin-bottom: 20%;
}
.sign-in-from .form-control {
padding: 14px 9px 14px 50px;
}
.sign-in-page .form-group .icon {
position: absolute;
top: 4px;
border-right: 1px solid #f7f5f5;
border-radius: 0;
}

.sign-in-page .form-group .icon i {
font-size: 20px
}

.sign-in-from .btn {
padding: 12px 15px 10px 15px;
}
.sign-in-from p {
margin: 0 auto 58px auto;
width: 100%;
font-size: 16px;

}



}

@media (max-width: 767px) {
.pagination .page-item.first {
display: none
}

.pagination .page-item.last {
display: none
}

.leadImg h6 {
font-size: 13px;
}

.leadName.third {
bottom: 17%;
}

.leadImg .imageSec {
width: 70px;
height: 70px;
}

.leadName.first {
bottom: 33%;
}

.leadName.second {
bottom: 24%;
}
}


@media (max-width: 576px) {

.modal-md {
max-width: 95% !important;
}

.documents .modal-content .modal-body {
overflow-x: auto;
}

.documents .modal-content .modal-body {
padding: 0;
scrollbar-color: #0F172A #0F172A;
scrollbar-width: thin;
}

.documents .modal-content .modal-body::-webkit-scrollbar {
width: 4px;
height: 2px
}

.documents .modal-content .modal-body::-webkit-scrollbar-track {
background-color: darkgrey;
}

.documents .modal-content .modal-body::-webkit-scrollbar-thumb {
background: #0F172A;
width: 2px;
height: 3px
}

.main .content {
padding-left: 0;
padding-right: 0;
}

.kiranaform {
margin: 0;
padding: 50px 0;
}

.file-wrapper {
width: 100%;
height: 210px;
}

.kiranaform .form-control {
padding: 0.6125rem 0.6rem;
font-size: .875rem;
}
}

@keyframes blink {
0% {
opacity: 1;
}

50% {
opacity: 0;
}

100% {
opacity: 1;
}
}

.blinking-icon {
animation: blink 1s infinite;
position: relative;
z-index: 1;
}


.main .content .card .card-header .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
width: 100%;
}

.main .content .card .card-header .bootstrap-select {
color: #0F172A;
border: 0.0625rem solid rgba(231, 234, 243, .9);
font-weight: 600;
background-color: #fff;
box-shadow: none;
font-size: .875rem;
line-height: 1.5;
border-radius: .3125rem;
}

.main .content .card .card-header .bootstrap-select .btn {
letter-spacing: 0;
font-weight: 600;
line-height: 1.5;
text-transform: capitalize;
padding: 10px 12px 6px 12px;
color: #0F172A;
background: #fff;
}

.main .content .card .card-header .bootstrap-select .dropdown-menu {
padding: 10px 0;
}

.main .content .card .card-header .bootstrap-select .dropdown-menu .form-control {
padding: 0.45rem 0.6rem;
font-size: .9rem;
font-weight: 600;
}

.main .content .card .card-header .bootstrap-select .btn:focus {
outline: none !important;
}

.main .content .card .card-header .bootstrap-select .dropdown-menu .inner {
scrollbar-color: #e0e0e0;
scrollbar-width: thin;
max-height: 300px !important
}

.main .content .card .card-header .bootstrap-select .dropdown-menu .inner::-webkit-scrollbar {
width: 2px;
}

.main .content .card .card-header .bootstrap-select .dropdown-menu .inner::-webkit-scrollbar-track {
background-color: darkgrey;
}

.main .content .card .card-header .bootstrap-select .dropdown-menu .inner::-webkit-scrollbar-thumb {
background: #0F172A;
width: 1px
}

.timelinePage {
margin: 0
}

.timelinePage #map {
height: 100%;
position: absolute;
top: 0;
bottom: 0;
width: 100%;
}

.timelinePage .mapboxgl-popup {
max-width: 350px !important;
}

.timelinePage .mapboxgl-popup-content {
border-radius: 5px !important;
padding: 15px 20px 20px !important;
z-index: 9999 !important;
font-size: 15px !important;
line-height: 26px;
color: #0F172A;
}

.timelinePage .mapboxgl-popup-close-button {
right: 2px !important;
top: 3px !important;
font-size: 25px !important;
}

.timelinePage #floating-panel {
text-align: left;
max-height: 100%;
border-radius: 14px;
padding: 0;
overflow: hidden;
box-shadow: 0 1px 2px rgba(16, 24, 40, .08), 0 1px 3px rgba(16, 24, 40, .06);
border: 1px solid #E5E7EB;
background: #fff;
width: 100%;
height: 86.6vh;
margin-top: 27px;
}

.timelinePage #floating-panel .accordion-button:not(.collapsed) {
color: #2ba24c;
background-color: #fff;
box-shadow: none;
}

.timelinePage #floating-panel form {
padding:0 10px;
background: #fff;
}

.timelinePage #floating-panel .customdate {
padding: 0.7rem 0.6rem 0.7rem 2.5rem;
font-size: .8rem;
font-weight: 600;
box-shadow: none;
border: 0.0625rem solid rgba(231, 234, 243, .7);
border-radius: 7px;
line-height: 1.5;
color: #1e2022;
display: flex;
align-items: center !important;
width: 100%;
background-color: #fff;
position: relative;
}

.userSec {
margin: 10px 0 0 0;
width: 100%;
height: 71vh;
overflow-y: auto;
overflow-x: hidden;
position: relative
}

/*.timelinePage #floating-panel .userSec::-webkit-scrollbar {
width: 4px;
}

.timelinePage #floating-panel .userSec::-webkit-scrollbar-track {
background-color: #fff;
}

.timelinePage #floating-panel .userSec::-webkit-scrollbar-thumb {
background: #0F172A;
width: 2px;
}*/

.timelinePage #floating-panel .userSec::-webkit-scrollbar {
width: 4px;
}

.timelinePage #floating-panel .userSec::-webkit-scrollbar-track {
background-color: #ddd;
}

.timelinePage #floating-panel .userSec::-webkit-scrollbar-thumb {
background: #0F172A;
width: 2px
}





.hearder-sec {
padding: 14px 10px 0 10px;
position: sticky;
top: 0;
background: #fff;
z-index: 99;
border-bottom: 1px solid #e5e7eb;
padding-bottom: 16px;
}

.hearder-sec .new-datepicker {
background-color: #fff;
border: 1px solid #E5E7EB;
border-radius: 6px;
padding: 0;
font-size: 11px;
width: 100%;
display: flex;
align-items: center;
}

.hearder-sec .new-datepicker .form-control {
border: 0;
font-size: 12px;
height: 36px;
}

.hearder-sec .new-datepicker .form-label {
font-size: 13px;
color: #334155;
font-weight: 700;
display: block;
margin-bottom: 0;
padding: 0 0px 0 7px;
line-height: 1.4;
}

.hearder-sec h2 {
color: #333;
font-size: 18px;
font-weight: 700;
letter-spacing: .2px;
display: flex;
align-items: center;
justify-content: space-between;
}

.hearder-sec h2 a {
margin-top: 0;
color: #2ba24c;
display: block;
font-size: 16px;
font-weight: 600;
text-decoration: underline;
}

.userSec ul {
margin: 0;
padding: 0 6px;
list-style-type: none;
/*    display: flex;
flex-wrap: wrap;*/
}

.userSec ul li:not(:last-child) {
width: 100%;
border-bottom: 1px solid #f1f1f1
}

.userSec ul li a {
display: block;
padding: 15px 30px 15px 10px;
background: #fff;
font-size: 14px;
font-weight: 600;
color: #0F172A;
position: relative;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
position:relative
}

.userSec ul li a i {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
color: #333;
font-size: 26px;
opacity: 0;
transition: .4s
}
.userSec ul li a.active i {
opacity: 1;
transition: .4s
}


.user-list{display:flex; align-items:center}
.user-list h2 {
font-size: 14px;
font-weight: 800;
color: #0F172A;
margin: 0 0 2px 0;
max-width: 190px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.user-list h5 {
font-size: 13px;
font-weight: 400;
color: #7d7d7d;
margin: 0;
}

.pro-img {
width: 38px;
height: 38px;
margin-right:10px;
position:relative
}

.pro-img img{width:100%; height:100%}

.userSec ul li a .pro-img span {
    width: 14px;
    height: 14px;
    background: #2ba24c;
    border-radius: 35px;
    display: none;
    position: absolute;
    right: 0px;
    top: 28px;
    border: 2px solid #ffffff;
}

.userSec ul li a.active .pro-img span {
    display: block;

}


.userSec ul li a.active {
color: #2ba24c;
font-weight: 800
}


.userSec ul li a.live span {
width: 8px;
height: 8px;
background: #2ba24c;
border-radius: 35px;
display: block;
position: absolute;
right: 10px;
top: 22px;
}


.userSec ul li a div > span {
display: block;
font-size: 12px;
line-height: 1.2;
color: #7d7d7d;
}

.userSec ul li a div > span.lastloctime {
display: block;
font-size: 11px;
line-height: 1.2;
color: #7d7d7d;
}

.userSec ul li a.active div > span {
display: block;
font-size: 12px;
line-height: 1.2;
color: #7d7d7d;
}

/*.timelinePage #floating-panel .form-control {
padding: 0.6125rem 0.6rem 0.6125rem 2rem;
font-size: .8rem;
font-weight: 600;

box-shadow: none;
padding-left: 0 !important;
}*/

.timelinePage #floating-panel .form-group {
position: relative;
box-shadow: none;
}
.hearder-sec .form-control {
    background-color: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 6px;
    padding: 8px 10px;
    font-size: 13px;
    color: #111827;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .02);
}
.hearder-sec ::placeholder {
font-size: 13px;
color: #334155;
font-weight: 600;
}

.hearder-sec ::-webkit-input-placeholder {
font-size: 13px;
color: #334155;
font-weight: 600;
}

.hearder-sec :-ms-input-placeholder {
font-size: 13px;
color: #334155;
font-weight: 600;
}
.hearder-sec .dropdown-menu {
    min-width: 10rem;
}

.hearder-sec .dropdown-menu li a {
padding: 5px;
display: inline-block;
color: #132144;
font-size: .875rem;
height: auto;
width: 100%;
position:relative
}

.hearder-sec .dropdown-menu li a .count {
position: absolute;
right: 0;
font-size: 12px;
}
.hearder-sec .dropdown-menu li a i {
font-size: 12px !important;
margin-right: 6px !important;
}

.timelinePage .mapSec {
width: 100%;
position: relative;
height: 100%;
margin: 0;
padding: 0;
overflow: hidden;
background: #fff;
border-radius: 0;
}

.timelinePage .iconSec {
position: absolute;
left: 8px;
}

.timelinePage .iconSec i {
font-size: 1rem;
color: #0F172A;
}

.timelinePage .iconSec .bi-calendar2-event {
font-size: .9rem;
}

.timelinePage #floating-panel .form-select {
padding: 0.6125rem 0.6rem 0.6125rem 2rem;
}

.timelinePage #floating-panel label {
margin-bottom: 0.2rem;
}

.timelinePage #floating-panel .btn-light {
background-color: transparent;
border-color: transparent;
box-shadow: none;
}

.timelinePage #floating-panel .form-group .btn {
padding: 0;
text-transform: inherit;
letter-spacing: 0;
}

.timelinePage #floating-panel .dropdown-menu .dropdown-item {
font-size: .8125rem;
text-transform: uppercase;
padding: 0.4rem 0.5rem 0.1rem 0.5rem;
}

.timelinePage #floating-panel .bootstrap-select .dropdown-toggle:focus {
outline: 0 !important;
}

.timelinePage #floating-panel .bootstrap-select {
width: 100%;
}

.timelinePage .input-map-drivers {
width: 80px;
}


.timelinePage .trackLine {
margin: 0;
width: 1%;
padding-left: 5px;
}

.timelinePage .Line {
width: 1px;
margin-top: 5px;
height: 74%;
border: 1px dashed #9d9fa6;
position: relative;
}

.timelinePage .Line::after {
content: '';
position: absolute;
top: -4px;
left: -4px;
width: 8px;
height: 8px;
display: inline-block;
border-radius: 35px;
background: #12c455;
}

.timelinePage .Line::before {
content: '';
position: absolute;
bottom: -3px;
left: -4px;
width: 8px;
height: 8px;
display: inline-block;
border-radius: 35px;
background: #eb445a;
}

.timelinePage .trackContent2 {
margin: 0;
width: 99%;
padding: 0 16px;
display: flex;
flex-direction: column;
justify-content: space-between;
}

.timelinePage .trackContent2 h6 {
font-size: .75rem;
color: #0F172A;
margin: 0;
}


.timelinePage .order-track {
margin: 0;
}

.timelinePage .order-track-step {
display: flex;
height: 50px;
flex-wrap: wrap;
}

.timelinePage .order-track-step .order-track-status {
margin-right: 5px;
position: relative;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}

.timelinePage .order-track-step .order-track-status .order-track-status-dot {
display: block;
border-radius: 50%;
background: #c6c6c6;
position: relative;
z-index: 2;
border: 5px solid #fff;
padding: 4px;
}

.timelinePage .order-track-step.active .order-track-status .order-track-status-dot {
position: relative;
background: #08b54d;
}

.timelinePage .order-track-step:first-child .order-track-status .order-track-status-line {
display: none;
}

.timelinePage .order-track-step.order-track-step.active.active_line:first-child .order-track-status .order-track-status-line {
display: block;
top: 10px;
z-index: 2;
}

.timelinePage .order-track-step .order-track-status .order-track-status-line {
display: block;
margin: 0 auto;
width: 2px;
height: 42px;
background: #c6c6c6;
position: absolute;
left: 8px;
top: -34px;
}

.timelinePage .order-track-step.active .order-track-status .order-track-status-line {
background: #08b54d;
}

.timelinePage .order-track-text {
margin: 0;
padding: 4px 0 0 0;
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}

.timelinePage .order-track-text .address-sec {
margin: 0;
height: 100%;
display: block;
}

.timelinePage .order-track-text .address-sec h4 {
font-size: 12px;
margin: 0;
line-height: 15px;
font-weight: 300;
color: #0F172A;
}

.timelinePage .order-track-text .address-sec h4 span {
color: #0F172A;
display: block;
font-weight: 400;
font-size: 12px;
margin: 0;
line-height: 15px;
}

.timelinePage .order-track-step:last-child .order-track-status .order-track-status-dot {
background: #ffc409;
position: relative;
}

.timelinePage .order-track-text .address-sec h4 span.datetime {
color: #08b54d;
font-weight: 500;
height: auto;
font-size: 10px;
display: inline-block;
}

.timelinePage .order-track-text .address-sec h4 span.datetimeend {
color: #d7a506;
font-weight: 500;
height: auto;
font-size: 10px;
display: inline-block;
}

.timelinePage .margin_top {
margin-top: -17px;
}

.timelinePage .order-track-step:last-child {
height: 33px;
}

.timelinePage span.bold {
font-weight: bold;
font-size: 13px;
}

.timelinePage .map-label {
text-align: left;
color: #3b3b3b;
font-size: 12px;
width: 40%;
}

.timelinePage .map-data {
text-align: left;
color: #0F172A;
font-size: 12px;
font-weight: bold;
width: 60%;
}


.timelinePage .custom-box {
position: relative;
margin-top: 10px;
box-shadow: 0px 6px 12px -5px rgba(0,0,0,0.2);
}

.timelinePage .custom-box::after {
content: '';
position: absolute;
width: 8px;
height: 90%;
left: 0;
border-radius: 5px 0 0 5px;
background: #2ba24c;
}

.livelink {
margin-top: 12px;
color: #2ba24c;
display: block;
font-size: 16px;
font-weight: 600;
text-decoration: underline;
}


.timelinePage .select .select-list {
top: 112%;
left: 10px;
right: 10px;
border: 1px solid #fdfdfd;
background: #f7f7f7;
padding: 10px;
overflow-y: auto;
overflow-x: hidden;
max-height: 250px;
}

.timelinePage .select .select-list::-webkit-scrollbar {
width: 4px;
}

.timelinePage .select .select-list::-webkit-scrollbar-track {
background-color: #fff;
}

.timelinePage .select .select-list::-webkit-scrollbar-thumb {
background: #0F172A;
width: 2px;
}

.timelinePage .select-list .select-list-item {
margin: 3px 0;
padding: 5px;
}

.timelinePage .select-list-searchbox {
padding: 0.6125rem 0.6rem !important;
}

.timelinePage .lockList {
margin: 0;
padding: 10px 0;
overflow-y: auto;
overflow-x: hidden;
max-height: 60vh;
}

.timelinePage .lockList ul {
padding: 0;
margin: 0;
list-style-type: none;
}

.timelinePage .lockList ul li {
width: 100%;
padding: 5px 0;
margin: 3px 0;
font-size: 14px;
}

.timelinePage .lockList ul li .bi-unlock-fill {
color: #2ba24c;
}

.timelinePage.lockList::-webkit-scrollbar {
width: 4px;
}

.timelinePage .lockList::-webkit-scrollbar-track {
background-color: #fff;
}

.timelinePage .lockList::-webkit-scrollbar-thumb {
background: #0F172A;
width: 2px;
}

.timelinePage .lockList h3 {
font-size: 18px;
font-weight: 800;
margin: 12px 0 0 0;
}

.timelinePage .lockList hr {
margin: 6px 0;
}


.timelinePage .select-list .select-list-item {
margin: 3px 0;
padding: 5px;
}

.profileArea-new {
width: 350px;
height: 86vh;
background: #fff;
box-shadow: 0px 3px 14px -7px rgba(0, 0, 0, 0.75);
border-radius: 14px;
padding: 14px;
position: absolute;
z-index: 9;
left: 8px;
top: 8px;
}
.filter-tag .form-check {
position: relative;
padding-left: 0;
}
.filter-tag .form-check-input {
position: absolute;
opacity: 0;
z-index: -1;
padding: 2px 8px;
border-radius: 0;
font-size: 12px;
font-weight: 700;
margin: 0;

}
.filter-tag .form-check-label {
position: relative;
z-index: 4;
padding: 8px 12px;
border-radius: 6px;
line-height: 1.2;
font-size: 13px;
font-weight: 800;
cursor: pointer;
box-shadow: 0 1px 0 rgba(0, 0, 0, .02);
letter-spacing: .55px;
text-transform: capitalize;
text-align: center;
border: 1px solid #E5E7EB;
background: #fff;
color: #111827;
}
.filter-tag .form-check-label.active {
background-color: #2ba24c;
border: 1px solid #2ba24c;
color: #fff;
}

.profileArea-new .form-label {
margin-bottom: 0.3rem;
font-size: .875rem;
color: #0F172A;
font-weight: 800;
}
.profileArea-new .accordion-item .accordion-button {
color: #0F172A;
font-size: .875rem;
font-weight: 600;
padding: 12px;
}


.contact-list {
max-width: 600px;
margin: 20px auto;
background-color: #fff;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.contact-item {
display: flex;
align-items: center;
padding: 0 4px;
}

.contact-item:last-child {
border-bottom: none;
}

.contact-info {
display: flex;
align-items: center;
flex-grow: 1;
}
.contact-info .user-pro {
width: 40px;
height: 40px;
border-radius: 50%;
margin-right: 10px;
position: relative;
}
.contact-info .user-pro img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
}
.contact-info .user-pro span {
width: 12px;
height: 12px;
border-radius: 35px;
background: transparent;
display: none;
position: absolute;
bottom: 0px;
right: 6px;
}
.contact-info .user-pro span.active {
background: #2ba24c;
display: block;
border: 2px solid #fff;
}
.contact-details h3 {
margin: 0;
font-size: 14px;
color: #333;
font-weight:800
}

.user-sec-height {
overflow-y: auto;
overflow-x: hidden;
height: 62vh;
}
.user-sec-height .accordion-body {
background: #f7f7f7;
padding: 10px;
}
.user-sec-height .accordion-body .available-sec:not(:last-child) {
margin-bottom:6px
}
.user-sec-height .accordion-body .available-sec span {
width: 12px;
height: 12px;
border-radius: 35px;
background: transparent;
display: none;
}

.user-sec-height .accordion-body .available-sec span.active {
background: #2ba24c;
display: inline-block;
border: 2px solid #fff;
}
.user-sec-height .accordion-body .available-sec .icon {
width: auto;
height: auto;
}
.user-sec-height .accordion-body .available-sec .icon i {
font-size: 14px;
margin: 0;
}

.summary-sec .card-summary .card-b .user-sec-height .accordion-body ul {
margin: 0;
padding: 0;
list-style-type: none;
display: flex;
justify-content: start;
align-items: center;
}
.summary-sec .card-summary .card-b .user-sec-height .accordion-body ul li {
font-size: 14px;
font-weight: 700;
color: #333;
margin: 4px;
}
.summary-sec .card-summary .card-b .user-sec-height .accordion-body ul li:first-child{margin-left:0}

.contact-details .phone-number {
font-size: 12px;
color: #858585;
margin: 3px 0 0 0;
}
.summary-sec .card-summary .card-b .contact-details .phone-number i {
font-size: 11px;
color: #555;
}

.contact-meta p {
font-size: 14px;
color: #888;
margin-top: 5px;
}

.status {
color: #28a745; /* Green color for Available status */
}

.contact-item.available .status {
color: #28a745;
}

/*..........................*/

.statusSec {
display: flex;
flex-wrap: wrap;
height: 100%;
padding: 26px 18px 0 18px
}

.statusSec .statusArea {
flex: 0 0 auto;
width: 24.66667%;
padding: 0;
}

.statusSec .statusArea .profileArea {
width: 95%;
height: 87vh;
overflow-y: auto;
overflow-x: hidden;
box-shadow: 0 1px 2px rgba(16, 24, 40, .08), 0 1px 3px rgba(16, 24, 40, .06);
border: 1px solid #E5E7EB;
background: #fff;
border-radius: 14px;
padding: 20px 0 0 0;
margin-right: 8%;
}

.statusSec .statusArea .profileArea .timeline .item:first-child .icon-box.icon {
background: #d1ffde
}

.statusSec .statusArea .profileArea .timeline .item:last-child .icon-box.icon {
background: #ffd0cc
}
.statusSec .statusArea .profileArea .timeline .item:only-child .icon-box.icon {
background: #d1ffde;
}
.statusSec .statusArea .profileArea .timeline {
height: 54vh;
overflow: auto;
}
.statusSec .statusArea .profileArea .timeline::-webkit-scrollbar {
width: 4px;
}

.statusSec .statusArea .profileArea .timeline::-webkit-scrollbar-track {
background-color: #fff;
}

.statusSec .statusArea .profileArea .timeline::-webkit-scrollbar-thumb {
background: #0F172A;
width: 2px;
}

.statusSec .statusArea .profileArea .timeline .icon-box.icon i {
font-size: 20px
}
.statusSec .statusArea .profileArea .timeline .icon-box.icon .bi-file-richtext {
font-size: 16px
}

.statusSec .statusArea .profileArea .timeline .icon-box.icon .bi bi-telephone {
font-size: 16px
}

.statusSec .statusArea .profileArea .timeline .icon-box.icon {
width: 27px;
height: 27px;
background: #fff5c5;
border-radius: 4px;
left: -28px;
top: -2px;
}


.statusSec .statusArea .profileArea::-webkit-scrollbar {
width: 4px;
}

.statusSec .statusArea .profileArea::-webkit-scrollbar-track {
background-color: #fff;
}

.statusSec .statusArea .profileArea::-webkit-scrollbar-thumb {
background: #0F172A;
width: 2px;
}

.proContent {
padding: 0 0 0 10px;
width: 74%;
}

.profile {
display: flex;
justify-content: center;
align-items: center;
position: relative;
border-bottom: 1px solid #e5e7eb;
padding-bottom: 16px;
}


.option-action {
position: absolute;
right: 8px;
top: 0;
}

.option-action .action_btn {
background: transparent;
}

.option-action ul li:not(:last-child) {
margin-bottom: 10px
}

.option-action .dropdown-menu {
min-width: 10rem;
padding: 1rem 0.8rem;
color: #0F172A;
}

.option-action .dropdown-menu a {
color: #0F172A
}

.option-action .dropdown-menu a i {
margin-right: 4px
}

.profile .img {
width: 42px;
height: 42px;
border-radius: 50%;
position: relative
}

.option-action .dropdown-menu a:hover {
color: #777
}

.profile .img img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 35px;
}

.profile .img span {
width: 8px;
height: 8px;
background: #2ba24c;
border-radius: 35px;
display: block;
position: absolute;
right: -1px;
top: 4px;
opacity: 0;
}

.profile .img span.live {
opacity: 1;
}

.profile h3 {
font-size: 17px;
font-weight: 700;
color: #0F172A;
margin: 0;
}

.profile .proContent ul {
margin: 0;
padding: 0;
list-style-type: none;
justify-content: start;
align-items: center
}

.profile .proContent ul li {
font-size: 12px;
font-weight: 500;
color: #777777;
margin: 0 4px;
}


.statusContent {
margin-top: 24px
}

.proStatus {
display: flex;
justify-content: center;
align-items: start;
position: relative;
margin-bottom: 16px;
}

.proStatus .img {
width: 30px;
height: 30px;
border-radius: 50%;
overflow: hidden;
text-align: center;
padding: 2px 0 0 0;
}


.proStatus .img img {
width: 24px;
height: 24px;
}

.proStatus h3 {
font-size: 16px;
font-weight: 600;
color: #0F172A;
margin: 0;
}

.proStatus ul {
margin: 0;
padding: 0;
list-style-type: none;
display: flex;
justify-content: start;
align-items: center
}

.proStatus li {
font-size: 12px;
font-weight: 500;
color: #777777;
margin: 0;
}

.statusSec .mapArea {
    flex: 1 0 0%;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .08), 0 1px 3px rgba(16, 24, 40, .06);
    border: 1px solid #E5E7EB;
    background: #fff;
    padding: 10px;
    border-radius: 14px;
    position: relative
}

.checkbox-area {
position: absolute;
top: 20px;
left: 20px;
z-index: 9;
background: rgba(255, 255, 255, .9);
padding: 10px;
border-radius: 4px;
box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}
.checkbox-area  .form-check .form-check-label {
margin-top: 0;
font-weight: 800;
}


input[type="search"]::-webkit-search-cancel-button {
display: none
}

.content.field-force {
height: 90vh
}

.fieldforce-map {
width: 100%;
height: 86vh;
box-shadow: 0 0.375rem 0.75rem rgba(140, 152, 164, .5);
position: relative;
overflow: hidden
}

.fieldforce-map .search {
position: relative;
}

.fieldforce-map .search i {
color: #0F172A;
}

.search-btn {
position: absolute;
right: 10px;
top: 11px;
width: 20px;
height: 20px
}

.user-checkbox {
display: flex;
align-items: center;
justify-content: space-between
}

.user-checkbox button {
border: 0;
background: transparent;
font-size: 12px;
color: #F44336;
text-transform: uppercase;
}

.fieldforce-map .search-sec {
position: absolute;
width: 36px;
height: 36px;
justify-content: center;
align-items: center;
display: flex;
left: 10px;
top: 10px;
box-shadow: 0 0.375rem 0.75rem rgba(140, 152, 164, .5);
overflow: hidden;
background: #fff;
border-radius: 35px;
padding: 0;
}

.fieldforce-map #sidebar h2 {
margin: 0 0 12px 0;
font-size: 18px;
font-weight: 700;
display: flex;
justify-content: space-between;
align-items: center
}

.fieldforce-map .search-sec button {
border: 0;
background: transparent;
}

.fieldforce-map #sidebar h2 button {
border: 0;
background: transparent;
font-size: 14px;
}

.fieldforce-map #sidebar {
position: absolute;
top: 10px;
bottom: 10px;
left: 0;
right: auto;
width: 280px;
height: 60vh;
color: white;
padding: 14px 10px;
transform: translateX(-100%);
transition: transform 0.3s ease;
box-shadow: none;
z-index: 10F172A;
border-radius: 10px;
background: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
overflow: hidden;
}

.fieldforce-map #sidebar.active {
transform: translateX(8px);
}

.fieldforce-map .userSec {
height: 41vh;
}

.fieldforce-map.userSec ul {
margin: 0;
padding: 0 0;
list-style-type: none;
}


.fieldforce-map .userSec::-webkit-scrollbar {
width: 4px;
}

.fieldforce-map .userSec::-webkit-scrollbar-track {
background-color: darkgrey;
}

.fieldforce-map .userSec::-webkit-scrollbar-thumb {
background: #0F172A;
width: 2px
}

.fieldforce-map .hearder-sec {
padding: 14px 0 0 0;
}

.fieldforce-map .userSec ul li a {
padding: 8px 30px 8px 0;
}

.fieldforce-map .userSec ul li:not(:last-child) {
width: 100%;
border-bottom: 1px solid #f3f3f3;
}

.fieldforce-map .userSec ul li a.live span {
top: 14px;
}

.fieldforce-map .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 26px;
position: absolute;
top: 7px;
right: 6px;
width: 20px;
}

.fieldforce-map .select2-container--default .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 36px;
}

.fieldforce-map .select2-container .select2-selection--single {
box-sizing: border-box;
cursor: pointer;
display: block;
height: 40px;
user-select: none;
border-radius: 10px;
}

.fieldforce-map iframe {
width: 100%;
height: 100%
}

.content.field-force .card .card-body .field-loop {
padding: 4px 0;
margin-bottom: 6px;
}
/*.content.field-force .card .card-body .number {
font-size: 1.2rem;
color: #259f47;
border: 4px solid #ddd;
width: 60px;
height: 60px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 8px auto;
}*/
.content.field-force .card .card-body .number.active {
border: 4px solid #2ba24c;
}

.content.field-force .card .card-body .number.inactive {
border: 4px solid #d90303;
}

.content.field-force .card .card-body .field-loop .img-sec {
height: 50px
}


.progress-container {
width: 60px;
height: 60px;
position: relative;
margin: 6px auto
}

.progress-ring {
width: 60px;
height: 60px;
border-radius: 50%;
background: conic-gradient(var(--color) 0deg, #2c2c2c 0deg);
animation: fill 2s forwards;
animation-delay: 0.3s;
}

.progress-container::before {
content: '';
position: absolute;
top: 6px;
left: 6px;
width: 48px;
height: 48px;
border-radius: 50%;
background: #fff;
z-index: 1;
}

.progress-value {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #0F172A;
font-size: 14px;
font-weight: bold;
z-index: 2;
}

/* Custom animations per circle */
/*@keyframes fill-1 {
to {
        
}
}*/

/*@keyframes fill-2 {
to {
background: conic-gradient(#2ba24c 60%, #dddddd 0);
}
}*/

/*@keyframes fill-3 {
to {
background: conic-gradient(#d90303 25%, #dddddd 0);
}
}*/


.fill-1 .progress-ring {
animation: fill-1 2s ease-out forwards;
}

.fill-2 .progress-ring {
animation: fill-2 2s ease-out forwards;
}

.fill-3 .progress-ring {
animation: fill-3 2s ease-out forwards;
}


.content.field-force .card .card-body .field-loop .img-sec img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 6px
}

.content.field-force .card .card-body .field-loop h4 {
font-size: 14px;
font-weight: 700;
margin-bottom: 0;
}

.content.field-force .card .card-body .field-loop h4.name {
color: #8f8f8f;
}

.content.field-force .card .card-body .field-loop h5 {
font-size: 13px;
color: #878787;
}

.content.field-force .card .card-body .field-loop h5.time {
font-size: 12px;
color: #2ba24c;
line-height: 1.4;
}

.content.field-force .card .card-body .field-loop h4 span {
font-size: 13px;
font-weight: 500;
}

.content.field-force .card .card-body .field-loop h4 span.high {
color: #d90303
}

.content.field-force .card .card-body .field-loop h4 span.medium {
color: #f59a78
}

.content.field-force .card .card-body .field-loop h4 span.low {
color: #2ba24c
}

.content.field-force .card .card-body .table-height {
vertical-align: inherit;
overflow-y: auto;
overflow-x: hidden;
max-height: 170px;
min-height: 100px;
}

.content.field-force .card .card-body .table-height.custom {
max-height: 270px;
}

.content.field-force .card .card-body h5 {
margin-bottom: 0
}

.content.field-force .card .card-body .table-height::-webkit-scrollbar {
width: 4px;
}

.content.field-force .card .card-body .table-height::-webkit-scrollbar-track {
background-color: darkgrey;
}

.content.field-force .card .card-body .table-height::-webkit-scrollbar-thumb {
background: #0F172A;
width: 2px
}

.content.field-force .card .card-body .datatable-custom {
vertical-align: inherit;
overflow-y: auto;
overflow-x: hidden;
max-height: 336px;
min-height: 336px;
}

.content.field-force .card .card-body .datatable-custom::-webkit-scrollbar {
width: 4px;
}

.content.field-force .card .card-body .datatable-custom::-webkit-scrollbar-track {
background-color: darkgrey;
}

.content.field-force .card .card-body .datatable-custom::-webkit-scrollbar-thumb {
background: #0F172A;
width: 2px
}

.content.field-force .card .card-body .datatable-custom thead {
position: sticky;
top: 0
}

.incidents-btn {
display: flex;
align-items: center;
justify-content: end;
}

/*.transaction-list .location_btn {
width: 30px;
height: 30px;
display: inline-block;
background: #259f47;
text-align: center;
padding: 4px;
border-radius: 35px;
}*/
.location_btn.inverse {
width: 30px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
background: transparent;
text-align: center;
padding: 4px;
border-radius: 35px;
}

.location_btn.inverse i {
color: #259f47;
font-size: 14px
}

.location_btn i {
color: #fff
}


.content.field-force h2 {
font-size: 17px;
font-weight: 700;
margin: 0 0 10px 0
}

.stat-card {
border-radius: 20px;
padding: 12px;
position: relative;
overflow: hidden;
}

.stat-card .title {
font-size: 14px;
color: #666;
}

.stat-card .amount {
font-size: 20px;
font-weight: 700;
color: #0F172A;
}

.stat-card .trend {
font-size: 14px;
display: flex;
align-items: center;
gap: 4px;
}

.stat-card .trend.up {
color: #2ba24c;
}

.stat-card .trend.down {
color: #ff0F172A0;
}

.stat-card .chart-placeholder {
height: 60px;
background-size: cover;
background-repeat: no-repeat;
margin: 0;
}

.bg-active {
background-color: #e6f9ec;
}

.bg-inactive {
background-color: #ffeee6;
}

.bg-total {
background-color: #ffffff;
}

.more-icon {
position: absolute;
top: 15px;
right: 15px;
cursor: pointer;
}

.rounded-card {
border-radius: 20px;
}

.transaction-list {
background: #fff;
border-radius: 16px;
padding: 8px;
box-shadow: 0 0 10px rgba(0,0,0,0.05);
}

.transaction-list.incidents {
height: 65vh
}

.transaction-list .datatable-custom {
vertical-align: inherit;
overflow-y: auto;
overflow-x: hidden;
max-height: 28vh;
min-height: 28vh;
}

.transaction-list.incidents .datatable-custom {
vertical-align: inherit;
overflow-y: auto;
overflow-x: hidden;
max-height: 64vh;
min-height: 64vh;
}


.transaction-list .datatable-custom .no-record-found {
padding: 60px 0 50px 0;
}


.transaction-list .datatable-custom::-webkit-scrollbar {
width: 4px;
}

.transaction-list .datatable-custom::-webkit-scrollbar-track {
background-color: darkgrey;
}

.transaction-list .datatable-custom::-webkit-scrollbar-thumb {
background: #0F172A;
width: 2px
}

.transaction-item {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 14px;
}

.transaction-left {
display: flex;
align-items: center;
gap: 15px;
width: 80%;
}

.transaction-left.custom-width {
width: 60%
}


.icon-circle {
width: 32px;
height: 32px;
border-radius: 12px;
background: #f3f3f3;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
}

.img-circle {
width: 66px;
height: 66px;
border-radius: 10px;
background: #f3f3f3;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
overflow: hidden;
}

.img-circle a {
height: 100%;
width: 100%;
}

.transaction-info.info-width {
width: 80%
}

.transaction-info.info-width .time_km {
display: flex;
align-items: center;
font-size: 12px;
}

.transaction-info.info-width .time_km .time {
color: #2ba24c
}

.transaction-info.info-width .time_km .line {
margin: 0px 8px;
font-size: 10px;
}

.transaction-info.info-width .time_km .km {
color: #ff5e00;
}

.transaction-info h3 {
display: flex;
justify-content: space-between;
font-size: 16px;
margin-bottom: 3px;
}

.transaction-amount .tag {
margin: 0;
border-radius: 6px;
display: inline-block;
padding: 6px 8px 6px 8px;
font-size: 12px;
font-weight: 700;
color: #0F172A;
text-transform: uppercase;
position: relative;
width: 60px;
}

.transaction-amount .tag span {
position: relative;
z-index: 9;
text-align: center;
}

.transaction-amount .tag.high::after {
background: #ff5c5c;
content: '';
width: 100%;
height: 100%;
animation: blink 1.2s infinite;
position: absolute;
left: 0;
top: 0;
border-radius: 4px;
}

.transaction-amount .tag.medium::after {
background: #ff5e00;
content: '';
width: 100%;
height: 100%;
/*animation: blink 1.2s infinite;*/
position: absolute;
left: 0;
top: 0;
border-radius: 4px;
}

.transaction-amount .tag span {
color: #fff
}

.transaction-amount .tag.low::after {
background: #df9e06;
content: '';
width: 100%;
height: 100%;
/*animation: blink 1.2s infinite;*/
position: absolute;
left: 0;
top: 0;
border-radius: 4px;
}

.img-circle img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}

.transaction-info small {
color: #888;
font-size: 13px;
}

.transaction-list table td {
color: #0F172A !important
}


.transaction-list.incidents .transaction-amount {
text-align: right;
}

.transaction-amount {
font-weight: 600;
font-size: 16px;
width: 104px;
text-align: center;
display: flex;
align-items: center;
justify-content: end;
padding-right: 0
}

.transaction-amount span {
color: #666666;
display: block;
font-size: 10px;
margin-right: 0;
font-weight: 700;
line-height: 1;
}

.transaction-amount a {
color: #259f47;
margin-left: 4px
}

.location_btn:hover {
background: #0c860c
}

.location_btn:hover i {
color: #fff
}

.transaction-amount a:hover i {
color: #fff
}

.transaction-amount a.markclosed {
color: #0c860c;
font-size: 12px;
margin: 0;
font-weight: 700;
letter-spacing: .8px;
}

.transaction-amount a.markclosed:hover {
color: #0F172A
}

.transaction-info h4 {
font-size: 14px;
font-weight: 700;
margin-bottom: 0;
display: flex;
}

.transaction-info h4 {
font-size: 14px;
font-weight: 700;
margin-bottom: 0;
}

.transaction-info h4 span.details {
color: #0F172A0F172A;
font-size: 13px;
margin-top: 0;
font-weight: 600;
display: -webkit-box;
-webkit-line-clamp: 2; /* Show only two lines */
-webkit-box-orient: vertical;
overflow: hidden;
}

.transaction-info h4 span.time {
color: #8f8f8f;
display: block;
font-size: 11px;
margin-top: 4px;
font-weight: 600;
margin-right: 8px;
}



.transaction-info h5 {
font-size: 14px;
font-weight: 700;
margin-bottom: 0;
}

.transaction-info h5 {
font-size: 14px;
font-weight: 700;
margin-bottom: 0;
}

.transaction-info h5 span.details {
color: #666666;
display: block;
font-size: 12px;
margin-top: 2px;
font-weight: 600;
}

.transaction-info h5 span.time {
color: #8f8f8f;
display: block;
font-size: 11px;
margin-top: 4px;
font-weight: 600;
margin-right: 8px;
}



.transaction-item .tagsec a {
margin: 0;
border-radius: 6px;
display: inline-block;
padding: 3px 8px;
font-size: 12px;
font-weight: 700;
color: #0F172A;
position: relative;
}

.transaction-item .tagsec a span {
position: relative;
z-index: 9;
white-space: nowrap;
font-size: 10px;
}


.transaction-item .tagsec a::after {
content: '';
width: 100%;
height: 100%;
background: #dff7e5;
animation: blink 1.2s infinite;
position: absolute;
left: 0;
top: 0;
border-radius: 4px;
}

.content.field-force .card .card-body {
padding: 8px;
}

/*.................new............*/
.status-card {
border-radius: 10px;
background: #fff;
box-shadow: 0 0 10px rgba(0,0,0,0.05);
padding: 12px;
text-align: center;
cursor: pointer
}

.status-title {
font-weight: 600;
font-size: 16px;
margin-bottom: 10px;
}

.blinking-circle {
width: 100px;
height: 100px;
margin: 0 auto 4px auto;
border-radius: 50%;
color: #0F172A;
font-size: 30px;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}

.blinking-circle.active {
background-color: #ecf9f0;
}

.blinking-circle.active::after {
content: '';
width: 100%;
height: 100%;
border: 4px solid #259f47;
background-color: #cefddb;
animation: blink 1.2s infinite;
position: absolute;
left: 0;
top: 0;
border-radius: 50%;
}

.blinking-circle.inactive {
background-color: #ffebeb;
}

.blinking-circle.inactive::after {
content: '';
width: 100%;
height: 100%;
border: 4px solid #ff5c5c;
background-color: #ffd6d6;
animation: blink 1.2s infinite;
position: absolute;
left: 0;
top: 0;
border-radius: 50%;
}

@keyframes blink {
0%, 100% {
opacity: 1;
}

50% {
opacity: 0;
}
}



.blinking-circle span {
position: relative;
z-index: 9
}

.blinking-circle.greenzone {
background-color: #ecf9f0;
}

.blinking-circle.greenzone::after {
content: '';
width: 100%;
height: 100%;
border: 4px solid #259f47;
background-color: #cefddb;
animation: blink 1.2s infinite;
position: absolute;
left: 0;
top: 0;
border-radius: 50%;
}

.blinking-circle.redzone {
background-color: #ffebeb;
}

.blinking-circle.redzone::after {
content: '';
width: 100%;
height: 100%;
border: 4px solid #ff5c5c;
background-color: #ffd6d6;
animation: blink 1.2s infinite;
position: absolute;
left: 0;
top: 0;
border-radius: 50%;
}

.blinking-circle.yellowzone {
background-color: #fffaef;
}

.blinking-circle.yellowzone::after {
content: '';
width: 100%;
height: 100%;
border: 4px solid #df9e06;
background-color: #ffebbd;
animation: blink 1.2s infinite;
position: absolute;
left: 0;
top: 0;
border-radius: 50%;
}


.card.card-sticky {
position: sticky;
top: 50px;
}

.fancybox-caption__body p {
font-size: 20px
}
/*.fancybox-caption {
padding: 40px 44px 70px !important
}*/
.fancybox-caption {
background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0, rgba(0, 0, 0, .44) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .05) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, transparent);
}

.transaction-list tr td .time_km {
display: flex;
align-items: center;
font-size: 12px;
}

.transaction-list tr td .time_km .time {
color: #2ba24c
}

.transaction-list tr td .time_km .line {
margin: 0px 8px;
font-size: 10px;
}

.transaction-list tr td .time_km .km {
color: #ff5e00;
}

@media (max-width: 1680px) {
.img-circle {
width: 46px;
height: 46px;
}

.blinking-circle {
width: 80px;
height: 80px;
font-size: 24px;
}

.status-title {
font-size: 14px;
}

.transaction-amount .tag {
padding: 7px 10px 5px 10px;
font-size: 10px;
}

.transaction-amount span {
font-size: 9px;
}
}


@media (max-width: 1440px) {

.card.card-sticky {
position: sticky;
top: 80px;
}

.status-card {
padding: 10px;
}

.status-title {
font-size: 14px;
}

.blinking-circle {
width: 80px;
height: 80px;
font-size: 24px;
}

.img-circle {
width: 50px;
height: 50px;
}

.transaction-info.info-width {
width: 76%;
}

.transaction-info h4 span.time {
font-size: 10px;
margin-right: 5px;
}

.fieldforce-map {
height: 84vh;
}
}

@media (max-width: 1366px) {

.card.card-sticky {
position: sticky;
top: 50px;
}
}

@media (max-width: 1600px) {
.fieldforce-map {
height: 83.5vh;
}

.transaction-amount {
width: 34%;
}

.transaction-left {
width: 76%;
}

.transaction-list.incidents {
height: 60.5vh;
}

.transaction-list.incidents .datatable-custom {
max-height: 57vh;
min-height: 57vh;
}

.transaction-list .datatable-custom {
max-height: 25vh;
min-height: 25vh;
}

.search-btn {
top: 8px;
}
}


@media (max-width: 1680px) {
.transaction-amount {
width: 34%;
}

.transaction-left {
width: 76%;
}

.transaction-list.incidents {
height: 67vh;
}

.transaction-list .datatable-custom {
max-height: 29vh;
min-height: 29vh;
}

.no-record-found svg {
width: 60px;
height: 60px;
}

.no-record-found h3 {
margin-top: 18px;
font-size: 1.2rem;
}
}

@media (max-width: 1600px) {
.fieldforce-map {
height: 83.5vh;
}

.transaction-amount {
width: 34%;
}

.transaction-left {
width: 76%;
}

.transaction-list.incidents {
height: 60.5vh;
}

.transaction-list.incidents .datatable-custom {
max-height: 57vh;
min-height: 57vh;
}

.transaction-list .datatable-custom {
max-height: 25vh;
min-height: 25vh;
}

.transaction-list .datatable-custom .no-record-found {
padding: 36px 0 36px 0;
}

.fieldforce-map .userSec {
height: 37vh;
}
}



@media (max-width: 1440px) {
.search-btn {
top: 12px;
}

.fieldforce-map {
height: 84vh;
}

.transaction-amount {
width: 30%;
}

.transaction-left {
width: 70%;
}

.content.field-force h2 {
font-size: 14px;
margin: 0px 0 6px 0;
}

.blinking-circle {
width: 74px;
height: 74px;
font-size: 20px;
}

.transaction-info h5 {
font-size: 12px;
}

.transaction-info h5 span.time {
font-size: 10px;
margin-top: 2px;
font-weight: 500;
margin-right: 0;
}

.icon-circle {
width: 26px;
height: 26px;
font-size: 12px;
}

.transaction-item {
margin-bottom: 0px;
}

.transaction-list.incidents .transaction-item:not(:last-child) {
margin-bottom: 6px;
}

.img-circle {
width: 45px;
height: 45px;
}

.transaction-info h4 span.details {
font-size: 11px;
}

.transaction-info.info-width {
width: 76%;
padding-right: 6px
}

.transaction-amount a.markclosed {
font-size: 10px;
}

.transaction-list .datatable-custom {
max-height: 27vh;
min-height: 27vh;
}

.transaction-list.incidents .datatable-custom {
max-height: 60vh;
min-height: 60vh;
}

.transaction-list.incidents {
height: 63.5vh;
}

.transaction-list .table thead tr th, .table tbody tr td {
padding: 0.4rem 0.50rem 2px 0.50rem;
font-size: 11px;
}

.no-record-found svg {
width: 40px;
height: 40px;
}

.no-record-found h3 {
margin-top: 18px;
font-size: 1rem;
}

.userSec ul li a div > span.lastloctime {
font-size: 10px;
}
}

@media (max-width: 1366px) {
.search-btn {
top: 7px;
}

.fieldforce-map .userSec {
height: 34vh;
}

.fieldforce-map .search-sec {
width: 30px;
height: 30px;
}

.fieldforce-map #sidebar h2 button {
font-size: 11px;
}

.fieldforce-map #sidebar h2 {
font-size: 14px;
}

.userSec ul li a {
font-size: 12px;
}

.userSec ul li a div > span.lastloctime {
font-size: 10px;
}

.fieldforce-map .search-sec button i {
font-size: .8rem
}

.transaction-info.info-width .time_km {
font-size: 10px;
margin-top: 2px;
}

.fieldforce-map {
height: 85vh;
}

.transaction-amount {
width: 28%;
}

.transaction-left {
width: 82%;
}

.content.field-force h2 {
font-size: 14px;
margin: 0px 0 6px 0;
}

.blinking-circle {
width: 74px;
height: 74px;
font-size: 20px;
}

.transaction-info h5 {
font-size: 12px;
}

.transaction-info h5 span.time {
font-size: 10px;
margin-top: 2px;
font-weight: 500;
margin-right: 0;
}

.icon-circle {
width: 26px;
height: 26px;
font-size: 12px;
}

.transaction-item {
margin-bottom: 0px;
}

.transaction-list.incidents .transaction-item:not(:last-child) {
margin-bottom: 6px;
}

.img-circle {
width: 45px;
height: 45px;
}

.transaction-info h4 span.details {
font-size: 11px;
}

.transaction-info.info-width {
width: 76%;
padding-right: 6px
}

.transaction-amount a.markclosed {
font-size: 10px;
}

.transaction-list .datatable-custom {
max-height: 24vh;
min-height: 24vh;
}

.transaction-list.incidents .datatable-custom {
max-height: 57vh;
min-height: 57vh;
}

.transaction-list.incidents {
height: 60vh;
}

.transaction-list .table thead tr th, .table tbody tr td {
padding: 0.4rem 0.50rem 2px 0.50rem;
font-size: 11px;
}

.transaction-list tr td .time_km {
font-size: 10px;
}


.location_btn.inverse {
width: 25px;
height: 25px;
display: flex;
justify-content: center;
align-items: center;
}

.location_btn.inverse i {
font-size: 10px
}
}


.appthankyou-sec {
padding: 20px 14px;
margin: 0;
width: 100%;
background: #fff;
position: relative
}

.appthankyou-sec .thankyouSec {
position: initial;
height: auto;
display: block;
background: transparent;
}

.appthankyou-sec .thankyouArea {
margin-top: 30px;
}



.massage-box {
display: flex;
align-items: center;
justify-content: center;
}

.massage-box img {
max-height: 42px;
margin-right: 8px;
}

.appthankyou-sec .thankyouSec .thankyouArea .content {
background: #fff;
padding: 28px 14px;
text-align: center;
border-radius: 14px;
box-shadow: 0px 9px 19px -4px rgba(0, 0, 0, 0.08);
}

.appthankyou-sec .thankyouSec .thankyouArea .content h2 {
font-size: 26px;
font-weight: 600;
margin-top: 0;
color: #2ba24c;
}

.appthankyou-sec .thankyouSec .thankyouArea .content p {
display: inline-block;
padding: 4px 0;
font-size: 17px;
font-weight: 400;
}

.appthankyou-sec .thankyouSec .thankyouArea .content h4 {
display: inline-block;
padding: 6px 0;
font-size: 18px;
font-weight: 400
}

.appthankyou-sec .thankyouSec .thankyouArea .content h4 a {
margin-left: 10px
}

.appthankyou-sec .thankyouSec .thankyouArea .content h4 a i {
font-size: 14px;
color: #2ba24c;
}

.appthankyou-sec .thankyouSec .thankyouArea .content h4 span {
font-weight: 600
}

.download-sec {
margin-top: 40px;
}

.download-sec h2 {
display: inline-block;
padding: 4px 0;
font-size: 17px;
font-weight: 600;
color: #677788
}

.download-sec .download-link {
display: flex;
width: 100%;
align-items: center;
justify-content: center;
}

.download-sec .download-link a {
margin: 0 4px 0 4px;
text-decoration: none;
border: 1px solid #dddddd;
padding: 10px 20px 10px 20px;
border-radius: 10px;
font-size: 16px !important;
color: #0F172A;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
line-height: 1.1 !important;
width: 160px;
}

.download-sec .download-link a i.bi-apple {
font-size: 20px;
color: #0F172A;
margin-right: 6px;
}

.download-sec .download-link a img {
max-height: 18px;
margin-right: 6px;
max-width: 85%;
}


.success2-checkmark {
width: 50px;
height: 72px;
margin: 0 auto;
}

.success2-checkmark .check-icon2 {
width: 50px;
height: 50px;
position: relative;
border-radius: 50%;
box-sizing: content-box;
border: 2.5px solid #4CAF50;
}

.success2-checkmark .check-icon2::before {
top: 1.875px;
left: -1.25px;
width: 18.75px;
transform-origin: 100% 50%;
border-radius: 62.5px 0 0 62.5px;
}

.success2-checkmark .check-icon2::after {
top: 0;
left: 18.75px;
width: 37.5px;
transform-origin: 0 50%;
border-radius: 0 62.5px 62.5px 0;
animation: rotate-circle2 4.25s ease-in;
}

.success2-checkmark .check-icon2::before,
.success2-checkmark .check-icon2::after {
content: "";
height: 62.5px;
position: absolute;
background: #FFFFFF;
transform: rotate(-45deg);
}

.success2-checkmark .check-icon2 .icon-line2 {
height: 3.125px;
background-color: #4CAF50;
display: block;
border-radius: 1.25px;
position: absolute;
z-index: 10;
}

.success2-checkmark .check-icon2 .icon-line2.line-tip2 {
top: 28.75px;
left: 8.75px;
width: 15.625px;
transform: rotate(45deg);
animation: icon-line2-tip2 0.75s;
}

.success2-checkmark .check-icon2 .icon-line2.line-long2 {
top: 23.75px;
right: 5px;
width: 29.375px;
transform: rotate(-45deg);
animation: icon-line2-long2 0.75s;
}

.success2-checkmark .check-icon2 .icon-circle2 {
top: -2.5px;
left: -2.5px;
z-index: 10;
width: 50px;
height: 50px;
border-radius: 50%;
position: absolute;
box-sizing: content-box;
border: 2.5px solid rgba(43, 162, 76, 0.5);
}

.success2-checkmark .check-icon2 .icon-fix2 {
top: 5px;
width: 3.125px;
left: 16.25px;
z-index: 1;
height: 53.125px;
position: absolute;
transform: rotate(-45deg);
background-color: #FFFFFF;
}

@keyframes rotate-circle2 {
0% {
transform: rotate(-45deg);
}

5% {
transform: rotate(-45deg);
}

12% {
transform: rotate(-405deg);
}

100% {
transform: rotate(-405deg);
}
}

@keyframes icon-line2-tip2 {
0% {
width: 0;
left: 0.625px;
top: 11.875px;
}

54% {
width: 0;
left: 0.625px;
top: 11.875px;
}

70% {
width: 31.25px;
left: -5px;
top: 23.125px;
}

84% {
width: 10.625px;
left: 13.125px;
top: 30px;
}

100% {
width: 15.625px;
left: 8.75px;
top: 28.125px;
}
}

@keyframes icon-line2-long2 {
0% {
width: 0;
right: 28.75px;
top: 33.75px;
}

65% {
width: 0;
right: 28.75px;
top: 33.75px;
}

84% {
width: 34.375px;
right: 0px;
top: 21.875px;
}

100% {
width: 29.375px;
right: 5px;
top: 23.75px;
}
}


.comInput .card {
border: 0;
box-shadow: 0 .375rem .75rem rgba(140, 152, 164, .2);
margin-bottom: 20px;
margin-top: 14px;
}

.comInput .form-control {
padding: 0.8rem 1rem;
line-height: 1.2;
font-size: 14px;
}

.comInput .form-select {
padding: 0.8rem 1rem;
font-size: 14px;
}

.comInput .btn {
letter-spacing: 2px;
font-weight: 600;
line-height: 1.2;
text-transform: uppercase;
padding: 12px 26px 12px 26px;
font-size: 14px;
}



@media (max-width: 375px) {
.appthankyou-sec .thankyouSec .thankyouArea .content h2 {
font-size: 20px;
}

.appthankyou-sec .thankyouSec .thankyouArea .content h4 {
padding: 4px 0;
font-size: 16px;
}

.appthankyou-sec .thankyouSec .thankyouArea .content p {
font-size: 15px;
}

.comInput .form-control {
padding: 0.65rem 1rem;
}

.comInput .form-select {
padding: 0.6rem 1rem;
}
}

@media (max-width: 320px) {
.appthankyou-sec .thankyouSec .thankyouArea .content h2 {
font-size: 18px;
}

.appthankyou-sec .thankyouSec .thankyouArea .content h4 {
padding: 2px 0;
font-size: 14px;
}

.appthankyou-sec .thankyouSec .thankyouArea .content p {
font-size: 14px;
}

.download-sec .download-link a {
padding: 10px 10px 10px 10px;
}
}


.main .theme-2 {
margin: 0;
font-family: "Roboto", sans-serif;
}

.main .theme-2 .content .card .topbar {
background: #FFFFFF;
border: 1px solid #E5E7EB;
border-radius: 12px;
box-shadow: 0 1px 2px rgba(16,24,40,.08), 0 1px 3px rgba(16,24,40,.06);
padding: 16px 18px;
position: sticky;
top: 0;
z-index: 50;
width: 100%;
}
.main .theme-2 .content .card .topbar svg {
width: 30px;
height: 30px;
}
.main .theme-2 .content .card .topbar .btn i {
font-size: 16px;
margin-right: 0;
vertical-align: middle;
font-style: normal;
line-height: 0;
}

.main .theme-2 .content .card .topbar .btn i.bi-search {
font-size: 12px;
margin-right: 4px;
vertical-align: baseline;
}
.main .theme-2 .content .card .topbar .btn i.bi-download {
font-size: 12px;
margin-right: 4px;
vertical-align: baseline;
}

.main .theme-2 .content .card .topbar .wallet-balance {
margin: 0;
font-size: 22px;
letter-spacing: .4px;
color: #334155;
font-weight: 600;
}

.summary-sec .card-summary tr.closing-bal td {
font-weight: 600;
color: #2ba24c
}

.main .theme-2 .content .card .trip-title {
font-size: 18px;
font-weight: 700;
letter-spacing: .2px;
display: flex;
align-items: center;
gap: 10px;
}

.main .theme-2 .content .card .status-pill {
padding: 6px 10px;
border-radius: 999px;
background: #d5ffe1;
color: #2ba24c;
font-weight: 600;
font-size: 12px;
letter-spacing: .3px;
}

.main .theme-2 .content .card .meta {
    color: #64748B;
    font-size: 13px;
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.main .theme-2 .content .card .meta .dot::before {
content: "• ";
margin: 0 4px;
color: #CBD5E1;
}

.main .theme-2 .content .card .meta b {
color: #0F172A
}

.main .theme-2 .content .card .meta .status {
padding: 2px 8px;
border-radius: 999px;
font-weight: 800;
font-size: 12px;
}

.main .theme-2 .content .card .meta .status.ok {
color: #2ba24c;
background-color: #cefddb;
font-weight: 800;
}

.main .theme-2 .content .card .meta .status.bad {
color: #ff5c5c;
background-color: #ffd6d6;
font-weight: 800;
}

.main .theme-2 .content .card .meta .status.warn {
color: #df9e06;
background-color: #ffebbd;
font-weight: 800;
}

.main .theme-2 .content .card .actions {
display: flex;
gap: 8px;
flex-wrap: wrap;
justify-content: end;
}

.main .theme-2 .content .card .btn {
appearance: none;
padding: 8px 12px;
border-radius: 6px;
line-height: 1.5;
font-size: 12px;
font-weight: 500;
cursor: pointer;
box-shadow: 0 1px 0 rgba(0, 0, 0, .02);
letter-spacing: .55px;
text-transform: capitalize;
}

/*    .main .theme-2 .content .card .card-h .btn {
padding: 5px 12px;
}*/

.main .theme-2 .content .card .card-header .actions .btn {
padding: 8px 12px;
}


.main .theme-2 .content .card .actions .btn {
padding: 5px 12px;
}

.summary-sec .card-summary .card-h .btn {
padding: 5px 12px;
}

.main .theme-2 .content .card .btn-primary-outline:hover {
background: #fafafa;
}

.main .theme-2 .content .card .btn-primary-outline:active {
transform: translateY(1px);
}

.main .theme-2 .content .card .btn-primary:active {
transform: translateY(1px);
}

.main .theme-2 .content .card .btn-primary-outline {
border: 1px solid #E5E7EB;
background: #fff;
color: #111827;
}


.main .theme-2 .content .card.btn-primary:hover {
background: #2463EB;
}

.main .theme-2 .content .card .btn-danger {
background: #EF4444;
border-color: #EF4444;
color: #fff;
}

.main .theme-2 .content .card .btn-check:active + .btn-primary, .main .theme-2 .content .card .btn-check:checked + .btn-primary, .main .theme-2 .content .card .btn-primary.active, .main .theme-2 .content .card .btn-primary:active, .main .theme-2 .content .card .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #2ba24c;
    border-color: #2ba24c;
}


.main .theme-2 .content .card .card-header.sticky {
position: sticky;
top: 62px;
z-index: 9;
}

.main .theme-2 .content .card .form-label {
font-size: 13px;
color: #334155;
font-weight: 700;
display: block;
margin-bottom: 6px;
}

.main .theme-2 .content .card .form-label .help {
font-size: 12px;
color: #64748b;
}

.summary-sec .card-summary .card-h .form-check .form-check-label {
margin-top: 0;
color: #0F172A;
}


.kpi-bar {
margin-top: 14px;
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 12px;
}

.kpi {
grid-column: span 3;
background: #FFFFFF;
border: 1px solid #E5E7EB;
border-radius: 12px;
padding: 10px 12px;
box-shadow: 0 1px 2px rgba(16,24,40,.08), 0 1px 3px rgba(16,24,40,.06);
min-width: 0;
/*    height: 108px;*/
}

.kpi.active {
border: 1px solid #2ba24c;
box-shadow: 0 1px 2px rgb(144 222 166), 0 1px 3px rgba(16, 24, 40, .01);
}

.kpi .label {
color: #64748B;
font-size: 12px;
letter-spacing: .4px;
font-weight: 700;
}

/*.kpi .value {
font-size: 14px;
font-weight: 600;
margin-top: 6px;
}*/
.kpi .value {
font-size: 18px;
font-weight: 600;
margin-top: 6px;
}

.kpi .value.ok {
color: #2ba24c;
font-weight: 600;
}

.kpi .value.warn {
color: #df9e06;
font-weight: 600;
}

.kpi .value.bad {
color: #ff5c5c;
font-weight: 600;
}


.kpi .sub {
color: #64748B;
font-size: 12px;
}

.kpi .trend-ok {
color: #2ba24c;
font-weight: 700;
}

.kpi .trend-warn {
color: #F59E0B;
font-weight: 700;
}



.kpi .sub.ok {
color: #2ba24c;
font-weight: 800;
}

.kpi .sub.warn {
color: #df9e06;
font-weight: 800;
}

.kpi .sub.bad {
color: #ff5c5c;
font-weight: 800;
}

.doc {
border: 1px solid #E5E7EB;
border-radius: 10px;
padding: 12px;
}

.doc.active {
border: 1px solid #2ba24c
}

.doc-head {
display: flex;
justify-content: space-between;
align-items: center;
}

.doc-head .sev {
padding: 3px 8px;
border-radius: 10px;
font-weight: 800;
font-size: 12px;
line-height: 1;
}

.doc-head .sev.ok {
color: #2ba24c;
background-color: #cefddb;
font-weight: 800;
}

.doc-head .sev.warn {
color: #df9e06;
background-color: #ffebbd;
font-weight: 800;
}

.doc-head .sev.bad {
color: #ff5c5c;
background-color: #ffd6d6;
font-weight: 800;
}

.doc-head .sev.draft {
color: #0F172A;
background-color: #e5e7eb;
font-weight: 800;
}

.doc .sub {
color: #64748B;
font-size: 12px;
}

.details-loop:not(:first-child) {
/*border-top: 1px solid #E5E7EB;
margin-top: 20px;*/
padding-top: 16px;
}

.details-loop h5 {
margin: 0 0 14px 0;
font-size: 16px;
letter-spacing: .4px;
color: #334155;
font-weight: 500;
}

.details-loop .volume {
min-width: 22px;
min-height: 22px;
width: 22px;
height: 22px;
border-radius: 50%;
font-size: 10px;
color: #0F172A;
background: #ededed;
display: flex;
align-items: center;
justify-content: center;
font-weight: 500;
}

.details-loop .volume.ok {
color: #2ba24c;
background-color: #cefddb;
}

.details-loop .volume .warn {
color: #df9e06;
background-color: #ffebbd;
}

.details-loop .volume.bad {
color: #ff5c5c;
background-color: #ffd6d6;
}

.summary-sec .card-summary .details-loop .field .sub a.first {
color: #2ba24c;
}

.summary-sec .card-summary .details-loop .field .sub a {
color: #0F172A;
}

.preview-sec {
width: 100%;
height: 250px;
background: #E5E7EB;
position: relative
}

.preview-sec img {
width: 100%;
height: 100%;
object-fit: cover
}

.dov-value {
min-width: 22px;
min-height: 22px;
border-radius: 50%;
font-size: 12px;
color: #0F172A;
background: #ededed;
display: flex;
align-items: center;
justify-content: center;
font-weight: 500;
position: absolute;
right: 10px;
top: 10px;
}

.dov-value.ok {
color: #2ba24c;
background-color: #cefddb;
}

.dov-value.bad {
color: #ff5c5c;
background-color: #ffd6d6;
}


.main .theme-2 .content .card .btn.xs {
border: 1px solid #E5E7EB;
background: #fff;
color: #111827;
padding: 4px 8px;
font-size: 12px;
border-radius: 6px;
box-shadow: 0 1px 0 rgba(0, 0, 0, .02);
}


.main .theme-2 .content .card .tag {
display: inline-block;
padding: 2px 8px;
border-radius: 999px;
font-size: 12px;
font-weight: 700;
}

.main .theme-2 .content .card .tag.ok {
background: #ECFDF5;
color: #065F46;
}

.main .theme-2 .content .card .tag.warn {
background: #FFFBEB;
color: #92400E;
}

.main .theme-2 .content .card .tag.bad {
background: #FEF2F2;
color: #991B1B;
}

.main .theme-2 .content .card .expiry-date {
display: block;
font-size: 11px;
margin-top: 3px;
}

.summary-sec {
margin: 0
}

.summary-sec .card-summary {
background: #FFFFFF;
border: 1px solid #E5E7EB;
border-radius: 12px;
box-shadow: 0 1px 2px rgba(16,24,40,.08), 0 1px 3px rgba(16,24,40,.06);
height: 100%
}

.summary-sec .card-summary .card-h {
padding: 8px 14px;
border-bottom: 1px solid #E5E7EB;
display: flex;
align-items: center;
justify-content: space-between;
}

.summary-sec .card-summary .card-b .document-sec {
height: 200px;
overflow: auto;
position: relative;
padding-bottom: 14px
}


.summary-sec .card-summary.h-50 {
}
.summary-sec .card-summary .card-b .time-line {
min-height: 430px;
max-height: 490px;
overflow: auto;
position: relative;
padding-bottom: 14px
}

.summary-sec .card-summary .card-b .time-line .card-h {
position: sticky;
top: 0;
background: #fff;
z-index: 9;
}

.timeline-wrapper {
width: 100%;
padding-left: 0;
}

.date-group {
margin-bottom: 0;
}

.date-title-sec {
font-size: 13px;
font-weight: 500;
margin-bottom: 8px;
color: #333;
display: flex;
padding: 0;
border-radius: 4px;
background: #ffffff;
padding: 0 10px 10px 6px;
width: 64%;
/*    border: 1px dashed #ddd;
box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 16px -6px;*/
align-items: center;
}
.date-title-sec .start-icon {
margin-right: 10px
}
.date-title-sec .start-icon img {
max-height: 30px
}
.date-title-sec .date {
font-size: 14px;
margin: 0;
color: #048204;
font-weight: 800;
}

.timeline {
padding-left: 40px;
}
.item:last-child::after{border-left:0}


.timeline .item {
position: relative;
display: flex;
align-items: start;
min-height: 66px;
padding-left: 20px;
}
.timeline .item {
position: relative;
display: flex;
align-items: start;
min-height: 66px;
padding-left: 20px;
}

.timeline .item:after {
content: '';
border-left: 1px dashed #c5c5c5;
position: absolute;
left: -18px;
height: 140%;
top: -20px;
}
.timeline .item:last-child::after {
border-left: 0
}
.timeline .icon-box {
width: 10px;
height: 10px;
display: flex;
justify-content: center;
align-items: center;
margin-right: 0;
z-index: 2;
position: absolute;
left: -23px;
background: #767676;
border-radius: 35px;
top: 5px;
}

.timeline .icon-box.icon {
width: 22px;
height: 22px;
background: #e3fcef;
border-radius: 4px;
left: -28px;
top: -2px;
}
.summary-sec .card-summary .card-b .timeline .icon-box.icon i {
color: #2e9e74
}

.timeline .icon-box.icon.unlock {
background: #ffe5e3;
}
.summary-sec .card-summary .card-b .timeline .icon-box.icon.unlock i {
color: #F44336
}

.summary-sec .card-summary .card-b .icon-box i {
font-size: 12px;
margin: 0;
}


.timeline .item .item-icon {
width: 16px;
height: 16px;
}

.timeline .item:before {
content: "";
position: absolute;
left: -16px;
top: 10px;
width: 30px;
height: 1px;
border-top: 1px dashed #c5c5c5;
}

.timeline .label {
font-size: 12px;
color: #979797;
font-weight: 400;
}
.timeline .label span {
display: block;
color: #333;
font-size: 13px;
line-height: 1.2;
margin-bottom: 2px;
}
.timeline .label ul{margin:0; padding:0; list-style-type:none}


.summary-sec .card-summary .card-h.cus-h {
height: 54px;
}
.summary-sec .card-summary .card-h .action_btn {
width: 36px;
height: 100%;
display: flex;
background: #e9e9e9;
text-align: center;
padding: 4px;
border-radius: 6px;
justify-content: center;
}
.summary-sec .card-summary .card-h .dropdown-menu.show {
transition: .4s;
}
.summary-sec .card-summary .card-h .dropdown-menu li a {
padding: 5px;
display: inline-block;
white-space: nowrap;
}
.summary-sec .card-summary .card-h .dropdown-menu li a i{
font-size: 12px;
margin-right:6px
}

.summary-sec .card-summary .card-h .dropdown-menu li a i.bi-list-stars {
font-size: 14px;
}


.summary-sec .card-summary .card-h h3 {
margin: 0;
font-size: 14px;
letter-spacing: .4px;
text-transform: uppercase;
color: #334155;
}

.summary-sec .card-summary .card-h h3.text {
font-weight: 400
}

.summary-sec .card-summary .card-h h3.text span {
color: #2ba24c;
font-weight: 800;
}

.summary-sec .card-summary .card-h .label {
color: #64748B;
font-size: 12px;
text-transform: uppercase;
letter-spacing: .4px;
}

.summary-sec .card-summary .card-b .apexcharts-legend-text {
line-height: 1 !important;
}

.summary-sec .card-summary .card-b {
padding: 14px;
}



/*.summary-sec .card-summary .card-b ul.document-list {
margin: 0
}
.summary-sec .card-summary .card-b ul.document-list li {
margin: 4px 0;
display:flex;
justify-content:space-between;
align-content:center
}*/
.summary-sec .card-summary .card-b .document-sec td i.bi-download {
font-size: 14px;
color: #2ba24c;
}
.summary-sec .card-summary .card-b .document-sec td {
color: #64748B;
}
.summary-sec .card-summary .card-b .document-sec td .dot {
margin: 0 2px
}
.summary-sec .card-summary .card-b .document-sec td sapn {
color: #64748B;
}

.summary-sec .card-summary tr td .document-sec span.dates {
color: #64748B;
}

.summary-sec .card-summary .card-b h4.sub-header {
margin: 0 0 14px 0;
font-size: 16px;
letter-spacing: .4px;
color: #334155;
}

.summary-sec .card-summary .card-b h5.table-header {
font-size: 15px;
font-weight: 400;
color: #64748B;
margin-bottom: 14px;
}

.summary-sec .card-summary .card-b h5.table-header span {
color: #334155;
font-weight: 600
}

.summary-sec .card-summary .card-b .filter-sec h4.sub-header {
margin: 0 0 14px 0;
font-size: 16px;
letter-spacing: .4px;
color: #334155;
font-weight: 500;
}

.card .card-f {
padding: 12px 14px;
border-top: 1px solid #E5E7EB;
display: flex;
align-items: center;
justify-content: space-between;
}


.grid-container {
display: grid;
grid-template-columns: 280px 1fr 420px;
gap: 10px;
}

.summary-sec .card-summary .doc-list {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0.75rem;
}

.summary-sec .card-summary .card-b .filter-sec {
height: 70vh;
overflow-y: auto;
overflow-x: hidden;
position: relative
}

.filter-btn-sec {
position: sticky;
bottom: 0;
background: #fff;
padding-top:10px
}

.summary-sec .card-summary .doc-height {
height: 70vh;
overflow-y: auto;
overflow-x: hidden;
}

.summary-sec .card-summary .preview-height {
height: 70vh;
overflow-y: auto;
}

.page-height {
height: 100vh;
overflow-y: hidden;
}

.document-height {
height: 80vh;
}



.summary-sec .card-summary .card-b .filter-sec label {
margin-bottom: 0;
font-weight: 400;
}

.summary-sec .card-summary .card-b .filter-sec .form-check {
margin-bottom: 6px;
}

.catagory-status {
width: 10px;
height: 10px;
border-radius: 50%;
display: inline-block;
margin-right: 4px;
}

.catagory-status.green {
background: #2ba24c
}

.catagory-status.blue {
background: #6366f1
}

.catagory-status.orange {
background: #f59e0b
}

.catagory-status.gray {
background: #6b7280
}

.doc-name {
font-weight: 600;
}

.doc-value {
color: #64748B;
font-size: 12px;
}

.volume {
min-width: 22px;
height: 22px;
border-radius: 50%;
font-size: 12px;
color: #0F172A;
background: #ededed;
display: flex;
align-items: center;
justify-content: center;
font-weight: 500;
}

.doc .sub a {
color: #0F172A;
}

.doc .sub a.first {
color: #2ba24c;
}

.doc .sub a:hover {
text-decoration: underline
}


.card-b-h {
max-height: 70vh;
overflow-y: auto;
overflow-x: hidden
}

.card-b-h::-webkit-scrollbar {
width: 4px;
}

.card-b-h::-webkit-scrollbar-track {
background-color: transparent;
}

.card-b-h::-webkit-scrollbar-thumb {
background: #cccccc;
width: 2px;
border-radius: 4px
}

.summary-sec .card-summary .card-b ul {
margin: 0;
padding: 0;
list-style: none;
display: grid;
}

.summary-sec .card-summary .card-b ul li {
display: flex;
justify-content: space-between;
align-items: center;
}

.summary-sec .card-summary .card-b i {
/*font-size: 6px;*/
color: #0F172A;
margin-right: 5px;
}

.summary-sec .card-summary .card-b ul li.txn {
display: flex;
justify-content: space-between;
padding: 14px 0;
border-top: 1px dashed #E5E7EB;
font-size: 14px;
}

.summary-sec .card-summary .card-b ul li:last-child {
padding-bottom: 0
}

.summary-sec .card-summary .card-b ul li.txn a.download {
color: #2ba24c;
text-decoration: underline
}

.main .theme-2 .content .sticky-footer {
position: sticky;
bottom: 0;
}


.summary-sec .card-summary .field {
display: grid;
grid-template-columns: 70px 1fr;
gap: 6px 12px;
font-size: 14px;
margin-bottom: 8px;
align-items: center;
}

.summary-sec .card-summary .field.document {
border-top: 1px dashed #E5E7EB;
padding: 2px 0 2px 10px;
margin-bottom: 0;
background: #fff;
}

.summary-sec .card-summary .field.document.active {
border-top: 1px dashed #E5E7EB;
background: #f8fafc;
}

.summary-sec .card-summary .field.document:first-child {
border-top: 0;
}

.summary-sec .card-summary .field.document:last-child {
border-bottom: 1px dashed #E5E7EB;
}

.versions-head {
margin-bottom: 13px;
background: #F8FAFC;
padding: 10px;
}

.versions-head h3 {
font-weight: 600;
font-size: 12px;
margin-bottom: 0
}

.summary-sec .card-summary .field a.download {
text-decoration: none
}

.summary-sec .card-summary .field a.download i {
font-size: 14px;
color: #2ba24c;
}

.summary-sec .card-summary .field a.delete {
text-decoration: none;
margin-left: 6px;
vertical-align: text-top;
}

.summary-sec .card-summary .field a.delete i {
font-size: 14px;
color: #ff5c5c
}

.summary-sec .card-summary .field .k {
color: #64748B;
}

.summary-sec .card-summary .field .k.date {
font-size: 12px
}

.summary-sec .card-summary .field .c-width {
white-space: nowrap;
width: 90%;
overflow: hidden;
text-overflow: ellipsis;
}

.summary-sec .card-summary .field a {
text-decoration: underline;
color: #2ba24c
}


.summary-sec .card-summary .field .sev {
padding: 2px 8px;
border-radius: 9px;
font-weight: 800;
font-size: 10px;
margin-left: 6px;
line-height: 1.2;
}

.summary-sec .card-summary .field .sev.rvp-tag {
color: #333;
background-color: #fff;
font-weight: 600;
border: 1px solid #c0c0c0;
}

.summary-sec .card-summary .field .sev.ok {
color: #2ba24c;
background-color: #cefddb;
font-weight: 800;
}

.summary-sec .card-summary .field .sev.warn {
color: #df9e06;
background-color: #ffebbd;
font-weight: 800;
}

.summary-sec .card-summary .field .sev.bad {
color: #ff5c5c;
background-color: #ffd6d6;
font-weight: 800;
}

.summary-sec .card-summary .field .sev.draft {
color: #0F172A;
background-color: #e5e7eb;
font-weight: 800;
}

.summary-sec .card-summary .field .k.activity {
line-height: 1.8;
font-size: 12px;
text-transform: capitalize;
}

.summary-sec .card-summary table {
width: 100%;
border-collapse: collapse;
font-family: "Roboto", sans-serif;
}

.summary-sec .card-summary tr th, .summary-sec .card-summary tr td {
padding: 10px 12px;
border-bottom: 1px solid #E5E7EB;
/*border-top: 1px solid transparent;*/
font-size: 13px;
text-align: left;
position: relative;
}

.summary-sec .card-summary tr td {
vertical-align: middle
}

.summary-sec .card-summary tr.active {
background: #f7f7f7;
}
.summary-sec .card-summary tr td span.date {
font-weight: 800;
}


.summary-sec .card-summary tr td btn.btn-primary-outline {
border: 1px solid #2ba24c;
background: #fff;
color: #2ba24c;
}

.summary-sec .card-summary tr td small.sub-line {
color: #64748B;
}

.summary-sec .card-summary tr th {
color: #334155;
background: #F8FAFC;
position: sticky;
top: 0;
z-index: 1;
font-weight: 600;
}
.summary-sec .card-summary tr th {
    /*    padding: 10px 14px;*/
    text-transform: uppercase;
    border-bottom: 0;
}
/*.summary-sec .card-summary tr td {padding: 8px 14px}*/
.summary-sec .card-summary tr th:last-child{border-radius:0 14px 0 0}
.summary-sec .card-summary tr th:first-child {
border-radius: 14px 0 0 0
}

.summary-sec .card-summary .table.card-fuel tr th:first-child {
    border-radius: 0 0 0 0 !important
}
.summary-sec .card-summary .table.card-fuel tr th:last-child {
    border-radius: 0 0 0 0 !important;
}

.summary-sec .card-summary tr td .video-id {
max-width: 150px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
display: inline-block;
}
.summary-sec .card-summary tr td .bi-play-btn {
    vertical-align: sub;
    color: #2ba24c;
    margin-right:8px
}

.summary-sec .card-summary tr td .table-action ul.dropdown-menu {
    min-width: 15rem;
    padding: 0.7rem 0.5rem;
}
.summary-sec .card-summary tr td .table-action ul.dropdown-menu li{border-bottom:0 !important}
.summary-sec .card-summary tr td .table-action ul.dropdown-menu li a {
padding: 5px;
display: inline-block;
color: #132144;
font-size: .875rem;
height: auto;
}
.summary-sec .card-summary tr td .table-action ul.dropdown-menu li a i {
font-size: 12px !important;
margin-right: 6px !important;
}
.summary-sec .card-summary tr td .table-action ul.dropdown-menu li a:hover {
transition: .4s;
background: #fff;
color: #88888b;
}


.summary-sec .card-summary tr.error td .form-control.err-input {
border: 1px solid #FCA5A5 !important;
background: #FEF2F2 !important;
}
.main .theme-2 .content .card .form-control.err-input {
border: 1px solid #FCA5A5 !important;
background: #FEF2F2 !important;
}

.main .theme-2 .content .card .form-select.th-select {
background-color: #f8fafc;
border: 0;
border-radius: 10px;
padding: 0px 24px 0px 0;
font-size: 13px;
color: #111827;
box-shadow: 0 1px 0 rgba(0, 0, 0, .02);
background-position: right .3rem center;
display: inline-block;
width: auto;
}

.main .theme-2 .content .card .form-select.th-select input {
width: 100%;
height: 36px;
padding: 0;
padding-right: 0;
border: 0;
border-radius: 0;
font-size: 13px;
background: #f8fafc;
}

.main .theme-2 .content .card .form-select.th-select .clear {
position: absolute;
right: -24px;
top: 6px;
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
color: #F44336;
cursor: pointer;
background: #f8fafc;
}

.main .theme-2 .content .card .form-select.th-select .options {
left: auto;
right: 0;
max-height: 220px;
width: auto;
max-width: 300px;
min-width: 274px;
}

.main .theme-2 .content .card .form-select.th-select ::placeholder {
font-size: 13px;
color: #334155;
font-weight: 600;
}

.main .theme-2 .content .card .form-select.th-select ::-webkit-input-placeholder {
font-size: 13px;
color: #334155;
font-weight: 600;
}

.main .theme-2 .content .card .form-select.th-select :-ms-input-placeholder {
font-size: 13px;
color: #334155;
font-weight: 600;
}


.summary-sec .card-summary td a {
color: #2ba24c
}

.summary-sec .card-summary td .links {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 4px;
}

.summary-sec .card-summary td .links a {
color: #2ba24c;
font-size: 11px;
}

.summary-sec .card-summary td .links span {
font-size: 11px;
color: #a3a3a3;
}

.summary-sec .card-summary tbody tr:hover {
background: #F9FAFB;
}

.summary-sec .card-summary tbody tr.active {
background: #efefef;
}

.summary-sec .card-summary .card-b .exceptions-sec {
margin: 0
}

.summary-sec .card-summary .card-b .exceptions-sec ul.list {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 10px;
box-shadow: none
}

.summary-sec .card-summary .card-b .exceptions-sec ul.list li.item {
border: 1px solid #E5E7EB;
border-radius: 10px;
padding: 10px 12px;
background: #fff;
display: flex;
justify-content: space-between;
gap: 8px;
align-items: center;
}

.summary-sec .card-summary .card-b .exceptions-sec ul.list li.item .sev {
padding: 2px 8px;
border-radius: 999px;
font-weight: 800;
font-size: 12px;
}



.summary-sec .card-summary .card-b .exceptions-sec ul.list li.item .sub {
color: #64748B;
font-size: 12px;
}

.summary-sec .card-summary td .sev {
padding: 2px 8px;
border-radius: 999px;
font-weight: 800;
font-size: 12px;
}

.summary-sec .card-summary td .sev.ok {
color: #2ba24c;
background-color: #cefddb;
font-weight: 800;
}


.summary-sec .card-summary td .sev.bad {
color: #ff5c5c;
background-color: #ffd6d6;
font-weight: 800;
}


.summary-sec .card-summary td .sev.ok {
color: #2ba24c;
background-color: #cefddb;
font-weight: 800;
}

.summary-sec .card-summary td .sev.warn {
color: #df9e06;
background-color: #ffebbd;
font-weight: 800;
}

.summary-sec .card-summary td .sev.bad {
color: #ff5c5c;
background-color: #ffd6d6;
font-weight: 800;
}

.summary-sec .card-summary td .sev.dispatched {
background-color: #d5dcff;
color: #052cbb;
}

.summary-sec .card-summary td .sev.neg {
color: #052cbb;
background-color: #d5dcff;
font-weight: 800;
}

.summary-sec .card-summary td .alerts {
color: #052cbb;
background-color: #d5dcff;
font-weight: 800;
padding: 2px 8px;
border-radius: 10px;
}

.summary-sec .card-summary td .sev.in-transit {
background-color: #fbf1da;
color: #e7a100;
}

.summary-sec .card-summary td .sev.ready-to-start {
background-color: #ffe4cf;
color: #af662e;
}

.summary-sec .card-summary td .sev.completed {
background-color: #e7e7e7;
color: #333;
}

.summary-sec .card-summary td .sev.breakdown {
background-color: #ffd6d6;
color: #ff5c5c;
}

.summary-sec .card-summary td .sev.forward {
background-color: #cefddb;
color: #2ba24c;
}

.summary-sec .card-summary td .sev.mr {
background-color: #ffd2b4;
color: #c14d00
}

.summary-sec .card-summary td .sev.last-mile {
background: #f5e2a5;
color: #b18600;
}

.summary-sec .card-summary td .sev.return {
background-color: #f9f5c0;
color: #dbb800;
}

.summary-sec .card-summary td .sev.outside {
background-color: #e7e7e7;
color: #333;
}


.summary-sec .card-summary td .sub {
color: #64748B;
font-size: 12px;
}


.summary-sec .card-summary .card-b .kpi {
height: auto;
background: #F8FAFC;
border: 1px solid #E5E7EB;
box-shadow: none
}

.summary-sec .card-summary td .sev.rvp-tag {
color: #333;
background-color: #fff;
font-weight: 600;
border: 1px solid #c0c0c0;
font-size: 10px;
}

.summary-sec .card-summary .card-b .costs-sec {
background: #F8FAFC;
border: 1px solid #E5E7EB;
border-radius: 999px;
padding: 8px 12px;
min-width: 0;
display: flex;
align-items: center;
}

.summary-sec .card-summary .card-b .costs-sec .value {
margin-left: 6px;
font-weight: bold;
font-size: 13px;
color: #0F172A;
}

.summary-sec .card-summary .card-b .costs-sec .label {
font-weight: 400;
font-size: 13px;
}

.summary-sec .card-summary .card-b .total-balance {
margin-top: 10px;
font-size: 13px;
color: #334155;
}



.summary-sec .card-summary .card-b .trip-table {
width: 100%;
border-collapse: collapse;
background: #fff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}



/* Main Trip */
.summary-sec .card-summary .card-b .trip-row {
background: #ffffff;
cursor: pointer;
transition: background 0.2s ease;
}

.summary-sec .card-summary .card-b .trip-row:hover {
background: #F9FAFB;
}

/* Sub-Trip */
.summary-sec .card-summary .card-b .sub-trip {
display: none;
background: #f9f9f9;
font-weight: normal;
}

.summary-sec .card-summary .card-b .sub-trip td {
padding: 14px 14px
}
/* Branch lines */
.sub-trip td:first-child::before {
content: "";
position: absolute;
left: 16px;
top: 0;
bottom: 0;
width: 2px;
background: #2ba24c;
}

.sub-trip td:first-child::after {
content: "";
position: absolute;
left: 16px;
top: 32px;
width: 28px;
height: 2px;
background: #2ba24c;
}

.wrapper {
max-width: 100%;
margin: 0 auto;
padding: 0;
}


.main .theme-2 .content .card .form-select {
background-color: #fff;
border: 1px solid #E5E7EB;
border-radius: 6px;
padding: 8px 24px 8px 10px;
font-size: 13px;
color: #111827;
box-shadow: 0 1px 0 rgba(0, 0, 0, .02);
background-position: right .3rem center;
}
/*    .main .theme-2 .content .card .form-select.custom-search {
background-color: transparent;
border: 1px solid transparent;
}*/


.main .theme-2 .content .card .form-control {
background-color: #fff;
border: 1px solid #E5E7EB;
border-radius: 6px;
padding: 8px 10px;
font-size: 13px;
color: #111827;
box-shadow: 0 1px 0 rgba(0, 0, 0, .02);
}

.main .theme-2 .content .card .form-control:disabled {
background-color: #fbfbfb;
}

.summary-sec .card-summary .video-player {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 10px 14px;
background: #fff;
border-top: 1px solid #e5e7eb;
display: flex;
align-items: center;
gap: 10px;
}

.summary-sec .card-summary .video-player input[type=range] {
flex: 1;
}

.summary-sec .card-summary iframe {
border: 0;
height: 92%;
}

.summary-sec .card-summary .video-player .btn {
appearance: none;
border: 1px solid #e5e7eb;
background: #fff;
color: #111827;
padding: 8px 12px;
border-radius: 6px;
font-size: 13px;
font-weight: 600;
cursor: pointer;
box-shadow: 0 1px 0 rgba(0, 0, 0, .02);
}

.main .theme-2 .content .card .select2-container {
width: 100% !important;
}

.main .theme-2 .content .card .select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #E5E7EB;
border-radius: 6px;
padding: 5px 24px 5px 10px;
font-size: 13px;
color: #111827;
box-shadow: 0 1px 0 rgba(0, 0, 0, .02);
background-position: right .3rem center;
height: auto
}

.main .theme-2 .content .card .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 26px;
position: absolute;
top: 8px;
right: 4px;
width: 20px;
}

.main .theme-2 .content .card .select2-container--default .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
height: 29px;
margin-right: 4px;
padding-right: 0px;
color: #d95050;
font-size: 15px;
}

.main .theme-2 .content .card .select2-container--default .select2-selection--single .select2-selection__arrow {
background-color: #fff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/20F172A/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%2371869d' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right .3rem center;
background-size: 13px 9px;
}

.main .theme-2 .content .card .select2-container--default .select2-selection--single .select2-selection__arrow b {
display: none
}


.main .theme-2 .content .card .help {
font-size: 12px;
color: #64748b;
margin-top: 2px
}

.main .theme-2 .content .card .form-control::placeholder {
color: #94A3B8;
font-weight: 400
}

.main .theme-2 .content .card .select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #94A3B8;
font-weight: 400
}

.routes {
border: 1px solid #E5E7EB;
border-radius: 6px;
/*overflow: hidden;*/
background: #fff;
}

.rt-head, .rt-row {
display: grid;
grid-template-columns: 36px 1.2fr 1.2fr 1fr 1fr 1.1fr .9fr .7fr .9fr .9fr 1fr 1fr 40px;
align-items: center;
}

.rt-head {
background: #F8FAFC;
color: #334155;
font-weight: 700;
font-size: 12px;
border-bottom: 1px solid #E5E7EB;
}

.rt-head > div, .rt-row > div {
padding: 8px 8px;
border-bottom: 1px solid #E5E7EB;
}

.rt-row:last-child > div {
border-bottom: none;
}

.sl {
text-align: center;
color: #475569;
font-weight: 700;
}

.rt-row .i {
padding: 7px 8px;
font-size: 13px;
}

.rt-actions {
display: flex;
gap: 6px;
justify-content: center;
}

.summary-sec .card-summary .card-b .icon-btn {
width: 26px;
height: 26px;
display: inline-grid;
place-items: center;
/*border: 1px solid #E5E7EB;*/
border-radius: 6px;
background: #fff;
cursor: pointer;
}

.summary-sec .card-summary .card-b .icon-btn i {
font-size: 14px !important;
margin-right: 0 !important;
}

.summary-sec .card-summary .card-b .icon-btn.del {
background: #fff;
border-color: #FCA5A5;
color: #F44336;
border-style: inherit;
border-width: 0;
}
.summary-sec .card-summary .card-b .icon-btn.del i {
color: #F44336;
}
.summary-sec .card-summary .card-b  .icon-btn.edit {
background: #fff;
border-color: transparent;
color: #0F172A;
}

.accordion-btn {
width: 26px;
height: 26px;
display: inline-grid;
place-items: center;
border: 0;
border-radius: 0;
background: transparent;
cursor: pointer;
padding: 0;
margin-top: 0px;
}

.summary-sec .card-summary .card-b .accordion-btn i {
font-size: 16px;
margin-right: 0;
}



.message-sec {
margin: 0;
padding: 0;
background-color: #f3f3f3;
}

.message-tabs {
margin: 0;
background: #fff;
height: 93vh;
overflow-y: auto;
padding: 0 4px;
position: relative
}

.message-tabs::-webkit-scrollbar {
width: 4px;
}

.message-tabs::-webkit-scrollbar-track {
background-color: transparent;
}

.message-tabs::-webkit-scrollbar-thumb {
background: #cccccc;
width: 2px;
border-radius: 4px
}

.message-sec .search-area {
position: sticky;
top: 0;
background: #fff;
padding: 10px;
z-index: 99;
}

.message-sec .chat-search {
padding: 0;
position: relative
}

.message-sec .chat-search .form-control {
background: #f6f5f4;
border-radius: 35px;
padding: 8px 10px 8px 34px;
border: 1px solid transparent
}

.message-sec .chat-search .form-control:hover {
border: 1px solid #c5c4c3;
box-shadow: none
}

.message-sec .chat-search .form-control:focus {
border: 1px solid #2ba24c;
box-shadow: none
}

.message-sec .chat-search .search-icon {
position: absolute;
left: 13px;
top: 17%;
transform: translateY(17%);
}

.message-sec .chat-search .search-icon i {
color: #959595
}

.message-tabs .nav-link {
border-radius: 12px;
padding: 0.50rem .5rem;
width: 100%;
margin-bottom: 4px
}

.message-tabs .nav-link:hover {
background-color: #f6f5f4;
}

.message-tabs .nav-link.active {
background-color: #f6f5f4;
}

.message-tabs .nav-link.active h3 {
margin: 0;
font-size: 1rem;
color: #111b21;
}

.message-tabs .nav-link .image-sec {
overflow: hidden;
border-radius: 50%;
width: 44px;
height: 44px;
text-align: left;
}

.message-tabs .nav-link .image-sec img {
width: 100%;
height: 100%;
object-fit: cover;
}

.message-tabs .nav-link .w-80 {
width: 80%;
padding-left: 14px;
}

.message-tabs .nav-link .w-80 .customer-details {
position: relative;
}

.message-tabs .nav-link .w-80 .customer-details h2 {
margin: 0 0 2px 0;
font-size: 14px;
letter-spacing: .4px;
text-transform: uppercase;
color: #334155;
display: flex;
justify-content: space-between;
align-items: center;
text-transform: initial;
font-weight: 700;
}

.message-tabs .nav-link .w-80 .customer-details h2 span {
font-size: 12px;
font-weight: 400;
color: #64748b;
}

.message-tabs .nav-link .w-80 .customer-details h3 {
margin: 0;
padding-right: 14px;
font-weight: 400;
text-align: left;
text-transform: initial;
font-size: 12px;
color: #64748b;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.message-tabs .nav-link .unread {
position: absolute;
bottom: 4px;
right: 0;
width: 8px;
height: 8px;
border-radius: 25px;
background: #7766C6;
display: none;
}

.message-tabs .nav-link.unreadMessages .unread {
display: block;
}

.message-content {
height: 100vh;
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
}

.message-content .tab-content {
overflow: hidden;
padding: 0 2px 0 0;
}



.message-content .tab-content .chatScreen {
padding: 16px 10px;
position: relative;
overflow: auto;
height: 88vh;
}

.message-content .tab-content .chatScreen::-webkit-scrollbar {
width: 4px;
}

.message-content .tab-content .chatScreen::-webkit-scrollbar-track {
background-color: transparent;
}

.message-content .tab-content .chatScreen::-webkit-scrollbar-thumb {
background: #cccccc;
width: 2px;
border-radius: 4px
}

.message-content .tab-content .chatScreen .messageTime {
text-align: center;
margin-bottom: 20px;
position: sticky;
top: 0;
}

.message-content .tab-content .chatScreen .messageTime span {
border: 1px solid #E5E7EB;
background: #fff;
color: #111827;
padding: 4px 11px;
border-radius: 6px;
line-height: 1.1;
font-size: 12px;
font-weight: 500;
cursor: pointer;
box-shadow: 0 1px 0 rgba(0, 0, 0, .02);
}

.message-content .tab-content .chatScreen .message-center {
display: block;
}

.messageSend {
width: 100%;
text-align: left;
}

.messageSend .content .time-sec {
margin: 0 0 0 auto;
display: flex;
width: 68px;
align-items: center;
justify-content: space-between;
height: 14px;
}

.messageSend .content .time-sec .time {
margin: 0 4px 0 0;
font-size: 10px;
font-weight: 500;
color: #818181;
display: inline-block;
float: right;
width: 80%;
text-align: right;
}

.messageSend .content .time-sec i {
font-size: 14px;
margin-top: 0;
color: #9b9b9b;
}

.messageSend .content {
max-width: 90%;
background: #fff;
padding: 6px 8px 4px 8px;
border-radius: 10px 10px 0 10px;
margin-bottom: 10px;
display: inline-block;
position: relative
}

.messageSend .content .sender-header {
display: flex;
align-items: center;
justify-content: space-between
}

.messageSend .content .img-upload-sec {
max-width: 100%;
margin-top: 6px;
margin-bottom: 8px;
}

.messageSend .content .img-upload-sec .upload-image {
max-width: 100%;
max-height: 300px;
border-radius: 6px;
overflow: hidden
}

.messageSend .content .img-upload-sec .upload-image img {
width: 100%;
max-height: 100%;
object-fit: contain
}

.messageSend .upload-sec {
max-width: 100%;
padding: 8px;
background: #ebebeb;
border-radius: 6px;
margin-top: 6px;
display: flex;
overflow: hidden;
justify-content: space-between;
align-items: center;
pointer-events: painted;
margin-bottom: 8px;
}


.messageSend .upload-sec .dropdown-icon img {
width: 22px;
height: 22px;
margin-left: 10px;
opacity: 1
}

.messageSend .upload-sec .upload-content {
display: flex;
align-items: center;
padding: 2px 0 0 0;
}

.messageSend .upload-sec .upload-content .icon {
margin: 0 8px 0 0;
width: auto;
height: 27px;
}

.messageSend .upload-sec .upload-content .icon i {
font-size: 1.4rem;
}

.messageSend .upload-sec .upload-content .icon .bi-file-earmark-pdf {
color: #d10335
}

.messageSend .upload-sec .upload-content .icon i.bi-file-earmark-pdf-fill {
color: #c50606;
}

.messageSend .upload-sec .upload-content .name {
text-align: left;
}

.messageSend .upload-sec .upload-content .name p {
font-weight: 600;
}

.messageSend .upload-sec .upload-content .name span {
margin: 8px 0 0 0;
font-size: 10px;
font-weight: 600;
line-height: 16px;
text-align: left;
color: #818181;
display: inline-block;
float: right;
}

.messageSend .upload-sec .upload-content .name span ion-icon,
.messageSend .upload-sec .upload-content .name span ion-spinner {
font-size: 12px;
margin-left: 5px;
}

.messageSend .upload-sec .typecontent {
background: #E0DFFE;
padding: 10px;
border-radius: 0 0 0 0;
}

.messageSend .upload-sec .typecontent p {
margin: 0;
font-size: 14px;
font-weight: 400;
line-height: 22px;
}








.messageSend .content .sender-header h3 {
font-size: 14px;
color: #2ba24c;
font-weight: 700;
display: block;
margin-bottom: 2px;
margin-right: 10px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.messageSend .content p .action-sec {
float: left;
}

.messageSend .content p .action-sec .action-tag {
color: #ff5018;
border-radius: 10px;
line-height: 1;
font-size: 15px;
font-weight: 800;
cursor: pointer;
box-shadow: 0 1px 0 rgba(0, 0, 0, .02);
letter-spacing: 0;
text-transform: capitalize;
padding: 0;
margin: 0 8px 0 0;
}

.messageSend .content p {
margin: 0;
font-size: 14px;
color: #334155;
font-weight: 400;
text-align: left;
white-space: initial;
}

/*.messageSend .content span {
margin: 0;
font-size: 10px;
font-weight: 600;
line-height: 16px;
text-align: left;
color: #818181;
display: inline-block;
float: right;
height: 14px;
}*/

.messageSend .send-sec {
max-width: 90%;
padding: 0;
background: #fff;
border-radius: 14px 14px 14px 0;
margin-bottom: 20px;
display: inline-block;
overflow: hidden;
}

.messageSend .send-sec .send-content {
display: flex;
align-items: start;
padding: 10px;
}

.messageSend .send-sec .send-content .icon {
margin: 0 8px 0 0;
}

.messageSend .send-sec .send-content .icon i {
font-size: 1.8rem;
margin-top: 0;
}

.messageSend .send-sec .send-content .icon i.bi-file-earmark-pdf-fill {
color: #c50606;
}

.messageSend .send-sec .send-content .name {
text-align: left;
}

.messageSend .send-sec .send-content .name p {
margin: 0;
font-size: 14px;
font-weight: 400;
line-height: 16px;
text-align: right;
color: #0F172A;
white-space: break-spaces;
}

.messageSend .send-sec .send-content .name span {
margin: 0;
font-size: 10px;
font-weight: 400;
line-height: 16px;
text-align: right;
color: #8A8A8A;
}

.messageSend .send-sec .send-content .name span ion-icon,
.messageSend .send-sec .send-content .name span ion-spinner {
font-size: 12px;
margin-left: 5px;
}

.messageSend .send-sec .typecontent {
background: #ededed;
padding: 10px;
border-radius: 0 0 0 0;
}

.messageSend .send-sec .typecontent p {
margin: 0;
font-size: 14px;
font-weight: 400;
line-height: 22px;
text-align: left;
color: #0F172A;
}

.messagetype {
width: 100%;
text-align: right;
}

.messagetype .content {
max-width: 90%;
padding: 6px 8px 4px 8px;
border-radius: 10px 12px 0 10px;
margin-bottom: 10px;
display: inline-block;
background: #e0ffe9;
/*border: 1px solid #c3f7d1;*/
text-align: left;
position: relative
}

.messagetype .content .sender-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 2px;
}


.messagetype .content .img-upload-sec {
max-width: 100%;
margin-top: 6px;
margin-bottom: 8px;
}

.messagetype .content .img-upload-sec .upload-image {
max-width: 100%;
max-height: 300px;
border-radius: 6px;
overflow: hidden
}

.messagetype .content .img-upload-sec .upload-image img {
width: 100%;
max-height: 100%;
object-fit: contain
}





.messagetype .content .sender-header h3 {
font-size: 14px;
color: #2ba24c;
font-weight: 700;
display: block;
margin-bottom: 0;
margin-right: 10px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.messagetype .content .sender-header .action-sec {
display: flex;
align-items: center;
}

.messagetype .content .sender-header .action-sec .action-tag {
border: 1px solid #43a047;
background: #43a047;
color: #fff;
border-radius: 10px;
line-height: 1;
font-size: 10px;
font-weight: 400;
cursor: pointer;
box-shadow: 0 1px 0 rgba(0, 0, 0, .02);
letter-spacing: .55px;
text-transform: capitalize;
padding: 3px 6px;
margin: 0 6px 0 4px;
}

.messagetype .content h3 {
font-size: 14px;
color: #2ba24c;
font-weight: 700;
display: block;
margin-bottom: 0;
}

.messagetype .content p {
margin: 0;
font-size: 14px;
color: #334155;
font-weight: 400;
text-align: left
}

.messagetype .content p .action-sec {
float: left;
}

.messagetype .content p .action-sec .action-tag {
color: #ff5018;
border-radius: 10px;
line-height: 1;
font-size: 15px;
font-weight: 800;
cursor: pointer;
box-shadow: 0 1px 0 rgba(0, 0, 0, .02);
letter-spacing: 0;
text-transform: capitalize;
padding: 0;
margin: 0 8px 0 0;
}

.messagetype .content .time-sec {
margin: 0 0 0 auto;
display: flex;
width: 68px;
align-items: center;
justify-content: space-between;
height: 14px;
}

.messagetype .content .time-sec .time {
margin: 0 4px 0 0;
font-size: 10px;
font-weight: 500;
color: #818181;
display: inline-block;
float: right;
width: 80%;
text-align: right;
}

.messagetype .content .time-sec i {
font-size: 14px;
margin-top: 0;
color: #9b9b9b;
}

.messagetype .content .time-sec i.active {
color: #00afcd
}


.messagetype .content span ion-icon,
.messagetype .content span ion-spinner {
font-size: 12px;
margin-left: 5px;
}

.messagetype .upload-sec {
max-width: 100%;
padding: 8px;
background: #cbf3d6;
border-radius: 6px;
margin-top: 6px;
display: flex;
overflow: hidden;
justify-content: space-between;
align-items: center;
pointer-events: painted;
margin-bottom: 8px;
}

.messagetype .upload-sec .dropdown-icon img {
width: 24px;
height: 24px;
margin-left: 10px;
opacity: 1
}

.messagetype .upload-sec .upload-content {
display: flex;
align-items: center;
padding: 2px 0 0 0;
}

.messagetype .upload-sec .upload-content .icon {
margin: 0 8px 0 0;
width: auto;
height: 27px;
}

.messagetype .upload-sec .upload-content .icon i {
font-size: 1.4rem;
}

.messagetype .upload-sec .upload-content .icon .bi-file-earmark-pdf {
color: #d10335
}

.messagetype .upload-sec .upload-content .icon i.bi-file-earmark-pdf-fill {
color: #c50606;
}

.messagetype .upload-sec .upload-content .name {
text-align: left;
}

.messagetype .upload-sec .upload-content .name p {
font-weight: 600;
}

.messagetype .upload-sec .upload-content .name span {
margin: 8px 0 0 0;
font-size: 10px;
font-weight: 600;
line-height: 16px;
text-align: left;
color: #818181;
display: inline-block;
float: right;
}

.messagetype .upload-sec .upload-content .name span ion-icon,
.messagetype .upload-sec .upload-content .name span ion-spinner {
font-size: 12px;
margin-left: 5px;
}

.messagetype .upload-sec .typecontent {
background: #E0DFFE;
padding: 10px;
border-radius: 0 0 0 0;
}

.messagetype .upload-sec .typecontent p {
margin: 0;
font-size: 14px;
font-weight: 400;
line-height: 22px;
}

.message-input {
background: #f0f2f5;
padding: 10px;
}

.footer-sec {
background: #fff;
padding: 5px;
border-radius: 20px;
}

.preview-sec {
display: flex;
justify-content: space-between;
align-items: flex-start;
background: #fffefe;
border-radius: 8px;
border-left: 0;
padding: 0;
width: 100%;
position: sticky;
margin: 0;
flex-wrap: wrap;
top: 0;
z-index: 1;
}

.preview-sec a {
width: 100%;
height: 250px;
display: block
}

.preview-sec a img {
width: 100%;
height: 100%;
object-fit: cover;
}

.upload-details {

padding: 14px;
margin-top: 0;
border-radius: 0;
position: relative;
background: #fff;
}

.upload-img {
width: 82px;
position: relative;
height: 82px;
border-radius: 6px;
overflow: hidden;
margin: 4px 4px 4px 5px;
}

.upload-img img {
width: 100%;
height: 100%;
object-fit: cover;
}


.upload-doc {
display: flex;
align-items: center;
padding: 18px 28px 8px 10px;
background: #f5f5f5;
position: relative;
margin: 4px 4px 4px 5px;
border-radius: 6px;
}

.button-sec {
position: absolute;
top: 2px;
right: 2px;
}

.button {
font-size: 0.8125rem;
margin-top: 0;
margin-bottom: 0;
background: #0F172A;
border-radius: 20px;
color: #fff;
padding: 0;
width: 20px;
height: 20px;
}

.button i {
font-size: 11px;
}

.upload-doc .icon {
margin: 0 8px 0 0;
}

.upload-doc .icon i {
font-size: 1.8rem;
}

.upload-doc .icon i.bi.bi-file-earmark-fill {
color: #92c1fa;
}

.upload-doc .icon i.bi-file-earmark-word-fill {
color: #2d7ad6;
}

.upload-doc .icon i.bi-file-excel-fill {
color: #1fa163;
}

.upload-doc .icon i.bi-file-earmark-text-fill {
color: #eb6c4a;
}

.upload-doc .icon i.bi-image-fill {
color: #ae4ad7;
}

.upload-doc .icon i.bi-file-earmark-pdf-fill {
color: #c50606;
}


.message-input .sendButtonSec {
display: flex;
align-items: end;
justify-content: space-between;
}

.message-input .sendButtonSec .attachBtn .add-button {
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
padding: 0;
background: #7766c6;
min-height: 1.5em;
border-radius: 50%;
border: 0;
}

.message-input .sendButtonSec .attachBtn .add-button i {
font-size: 1.4rem;
color: #fff;
}

.message-input .sendButtonSec .inputSec {
width: 100%;
}

.message-input .sendButtonSec .inputSec .chat-textarea {
resize: none;
overflow: hidden;
min-height: 40px;
max-height: 150px;
border: 0;
}

.message-input .sendButtonSec .inputSec .chat-textarea:focus {
box-shadow: none;
}

.message-input .sendButtonSec .sendBtn .send-button {
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
padding: 0;
border: 0;
background: transparent;
min-height: 1.5em;
}

.message-input .sendButtonSec .sendBtn .send-button {
background: #2ba24c;
border-radius: 35px;
}

.message-input .sendButtonSec .sendBtn .send-button img {
max-height: 20px;
margin-left: 4px;
}

.message-input .sendButtonSec .sendBtn .add-button {
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
padding: 0;
border: 0;
background: transparent;
min-height: 1.5em;
}

.message-input .sendButtonSec .sendBtn .add-button i {
font-size: 1.4rem;
color: #0F172A
}

.message-input .sendButtonSec .sendBtn .add-button:hover i {
font-size: 1.4rem;
color: #2ba24c
}

.content-header {
position: sticky;
top: 0;
padding: 10px 14px;
border-bottom: 1px solid #E5E7EB;
background: #fff;
box-shadow: 0 1px 2px rgba(16, 24, 40, .08), 0 1px 3px rgba(16, 24, 40, .06);
z-index: 9;
}

.content-header .btn {
appearance: none;
padding: 8px 12px;
border-radius: 10px;
line-height: 1.1;
font-size: 13px;
font-weight: 500;
cursor: pointer;
box-shadow: none;
letter-spacing: .55px;
text-transform: capitalize;
border: 0;
background: transparent
}

.sendButtonSec .add-button::after {
display: none
}

.sendButtonSec .dropdown-menu {
bottom: 14px !important;
min-width: 10rem;
}

.sendButtonSec .dropdown-menu li {
margin: 6px 0;
}


.sendButtonSec .dropdown-menu li i {
font-size: 20px;
margin-right: 6px;
vertical-align: middle;
}

.sendButtonSec .dropdown-menu li .bi-file-earmark-medical-fill {
color: #7f66ff
}

.sendButtonSec .dropdown-menu li .bi-file-image {
color: #007bfc
}

.sendButtonSec .dropdown-menu li .bi-camera {
color: #ff2e74
}

.content-header .btn i {
font-size: 1.1rem;
margin-right: 0;
color: #d10335;
}

.content-header .image-sec {
overflow: hidden;
border-radius: 50%;
width: auto;
text-align: left;
margin-right: 10px;
}

.content-header .image-sec img {
width: 40px;
height: 40px;
object-fit: cover;
border-radius: 50%;
overflow: hidden;
/*margin-right: 10px;*/
}

.content-header .customer-details h2 {
margin: 0 0 2px 0;
font-size: 14px;
letter-spacing: .4px;
text-transform: uppercase;
color: #334155;
display: flex;
justify-content: space-between;
align-items: center;
text-transform: initial;
font-weight: 700;
}

.content-header .customer-details h3 {
margin: 0;
padding-right: 14px;
font-weight: 400;
text-align: left;
text-transform: initial;
font-size: 12px;
color: #64748b;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}


#body-overlay.active {
position: fixed;
top: 0;
left: 0;
z-index: 1040;
width: 100vw;
height: 100vh;
background-color: #505050;
opacity: .5;
}

.message-input .tags {
margin: 0;
width: 100%;
}

.message-input .tags ul {
margin: 0;
padding: 0;
list-style-type: none;
display: flex;
align-items: center;
justify-content: start;
flex-wrap: wrap;
}

.message-input .tags ul li {
width: auto;
border: 1px solid #E5E7EB;
background: #fff;
color: #111827;
border-radius: 10px;
line-height: 1.1;
white-space: nowrap;
font-size: 13px;
font-weight: 500;
cursor: pointer;
padding: 6px 10px;
margin: 3px;
}

.message-input .tags ul li.active {
background: #2BA24C;
border: 1px solid #2BA24C;
color: #fff
}

.reply-box {
display: flex;
justify-content: space-between;
align-items: flex-start;
background: #f3f3f3;
border-radius: 8px;
border-left: 3px solid #2ba24c;
padding: 8px 15px;
width: 100%;
position: relative;
margin: 2px 0 4px 0;
}

.reply-content {
display: flex;
flex-direction: column;
}

.reply-title {
color: #25d366;
font-weight: bold;
font-size: 14px;
margin-bottom: 4px;
}

.reply-file {
display: flex;
align-items: center;
font-size: 13px;
color: #555;
}

.reply-file i {
margin-right: 6px;
font-size: 14px;
}

.close-btn {
position: absolute;
top: 8px;
right: 10px;
cursor: pointer;
font-size: 16px;
color: #777;
}

.close-btn:hover {
color: #0F172A;
}



.main .theme-2 .content .search-select {
position: relative;
display: inline-block;
width: 100%;
}

.main .theme-2 .content .search-select input {
width: 86%;
height: auto;
padding: 0;
padding-right: 0;
border: 0;
border-radius: 6px;
font-size: 13px;
background: #fff;
font-weight: 600;
color: #0F172A;
}


.main .theme-2 .content .search-select .clear {
position: absolute;
right: 6px;
top: 6px;
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
color: #F44336;
cursor: pointer;
}

.main .theme-2 .content .topbar .search-select .clear {
    position: absolute;
    right: 0;
    top: -3px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #F44336;
    cursor: pointer;
}

.main .theme-2 .content .modal .search-select .clear {
    position: absolute;
    right: 0;
    top: -3px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #F44336;
    cursor: pointer;
}

.main .theme-2 .content table td .search-select .clear {
    position: absolute;
    right: -6px;
    top: -2px;
    width: 18px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #F44336;
    cursor: pointer;
    font-size: 10px;
}
.main .theme-2 .content table td .search-select input {
    width: 82%;
    height: auto;
    padding: 0;
    padding-right: 0;
    border: 0;
    border-radius: 6px;
    font-size: 13px;
    background: #fff;
    font-weight: 600;
    color: #0F172A;
}

.main .theme-2 .content .search-select .options {
position: absolute;
top: 40px;
left: 0;
right: 0;
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 8px;
max-height: 220px;
width: 280px;
overflow: auto;
box-shadow: 0 6px 18px rgba(0,0,0,.08);
z-index: 10;
display: none;
}

.main .theme-2 .content .search-select .options::-webkit-scrollbar {
width: 4px;
}

.main .theme-2 .content .search-select .options::-webkit-scrollbar-track {
background-color: transparent;
}

.main .theme-2 .content .search-select .options::-webkit-scrollbar-thumb {
background: #cccccc;
width: 2px;
border-radius: 4px
}




.main .theme-2 .content .search-select.open .options {
display: block;
}

.main .theme-2 .content .search-select .option {
padding: 8px 10px;
cursor: pointer;
}

.main .theme-2 .content .search-select .option-label {
font-weight: 500;
}

.main .theme-2 .content .search-select .option-desc {
font-size: 10px;
color: #6b7280; /* Tailwind gray-500 */
}

.main .theme-2 .content .search-select .option:hover, .search-select .option.active {
background: #F8FAFC;
}

.main .theme-2 .content .search-select .no-matches {
padding: 8px 10px;
color: #94a3b8;
cursor: default;
}

.main .theme-2 .content .search-select input[disabled] {
background: #f5f5f5;
cursor: not-allowed;
}

.main .theme-2 .content .search-select .option.disabled {
color: #999;
pointer-events: none;
}

.main .theme-2 .content .sub-trips tr.disabled {
background: #f5f5f5;
cursor: not-allowed;
pointer-events: none;
opacity: 0.8 !important;
}



.sub-trips search-select.error input, .sub-trips input.error {
border: 1px solid #F44336 !important;
}

.main .theme-2 .content .sub-trips tr.disabled .search-select .clear {
display: none
}

.main .theme-2 .content .sub-trips tr.disabled .search-select input {
padding-right: 10px;
}


.main .theme-2 .content .multi-search-select {
position: relative;
width: 150px;
font-family: inherit;
}

.main .theme-2 .content .multi-search-select .tag-container {
width: 100%;
min-height: 36px;
padding: 6px 4px;
border: 1px solid #e5e7eb;
border-radius: 6px;
font-size: 13px;
background: #fff;
display: flex;
flex-flow: wrap;
}

.main .theme-2 .content .multi-search-select .tag {
background: #e7e7e7;
border-radius: 12px;
padding: 2px 8px;
margin: 2px;
display: flex;
align-items: center;
font-size: 11px;
font-weight: 500;
}

.main .theme-2 .content .multi-search-select .remove-tag {
margin-left: 4px;
cursor: pointer;
color: #555;
}

.main .theme-2 .content .multi-search-select .options {
position: absolute;
top: 100%;
left: 0;
right: 0;
border: 1px solid #ddd;
background: white;
z-index: 10;
max-height: 200px;
overflow-y: auto;
}

.main .theme-2 .content .multi-search-select .options .search-input {
width: 96%;
height: 30px;
padding: 4px 6px;
border: 1px solid #e5e7eb;
border-radius: 4px;
font-size: 11px;
background: #fff;
margin: 4% 2% 5% 2%;
}

.main .theme-2 .content .multi-search-select .option {
padding: 8px 10px 4px;
cursor: pointer;
}

.main .theme-2 .content .multi-search-select .option .option-label {
vertical-align: text-bottom;
}

.main .theme-2 .content .multi-search-select .option.active {
background: #f3f3f3;
}




.main .theme-2 .content .sub-trips .mismatched {
font-size: 11px;
color: red;
display: block;
}

.main .theme-2 .content .sub-trips th, .main .theme-2 .content .sub-trips td {
padding: 5px 5px !important;
}

.main .theme-2 .content .sub-trips td .trip-no {
white-space: nowrap;
}

.check-sec {
position: absolute;
top: 14px;
left: 18px;
width: 60px;
background: #fff;
border: 1px solid #fff;
z-index: 9;
box-shadow: 0px 4px 11px 3px rgba(0, 0, 0, 0.2);
padding: 4px 10px;
border-radius: 6px;
}

.check-sec .form-check .form-check-label {
margin-top: 1px;
margin-bottom: 0;
position: absolute;
left: 50%;
transform: translateX(-50%);
width: 100%;
text-align: center;
z-index: 2;
color: #0F172A
}

.check-sec .form-check .form-check-input {
opacity: 0;
z-index: 4
}

.check-sec:has(.form-check-input:checked) {
background: #2ba24c;
border: 1px solid #2ba24c;
transition: .4s
}

.check-sec:has(.form-check-input:checked) .form-check-label {
color: #fff
}

.modal-theme-2 .modal-body .chip {
display: inline-flex;
align-items: center;
padding: 6px 12px 4px 12px;
border: 1px solid #E5E7EB;
border-radius: 999px;
font-size: 14px;
background: #fff;
margin-right: 10px;
cursor: pointer;
line-height: 1.2;
}

.modal-theme-2 .modal-body .chip.active {
background: #fafffb;
border-color: #2ba24c;
color: #2ba24c;
}

.table-height {
height: 450px;
overflow: hidden
}

.recent-table {
position: relative;
height: 100%;
overflow-Y: auto
}

.recent-table table thead {
position: sticky;
top: -2px;
z-index: 4;
}

.main .theme-2 ::placeholder {
color: #333
}

/* Vendor-specific (for full browser support) */
.main .theme-2 ::-webkit-input-placeholder {
color: #333
}

.main .theme-2 :-ms-input-placeholder {
color: #333
}

.main .theme-2 ::-ms-input-placeholder {
color: #333
}

.modal-dialog.mdform_save .search-select input {
padding: 0.6125rem 0.6rem !important;
font-size: .9rem !important;
font-weight: 600;
height: auto !important;
}

.modal-dialog.mdform_save .search-select .clear {
top: 10px !important;
}

.summary-sec .card-summary .card-b ul.dropdown-menu {
display: none;
padding: 0;
}
.summary-sec .card-summary .card-b ul.dropdown-menu a {
color: #333333
}

.summary-sec .card-summary .card-b ul.dropdown-menu a i {
font-size: 12px;
margin-right: 6px;
}

.summary-sec .card-summary .card-b ul.dropdown-menu li:not(:last-child) {
border-bottom: 1px solid #f5f5f5;
}

.summary-sec .card-summary .card-b ul.dropdown-menu li a {
display: inline-block;
padding: 10px 14px;
width: 100%;
}

.summary-sec .card-summary .card-b ul.dropdown-menu li a:hover {
transition: .4s;
background: #f7f7f7
}

.summary-sec .card-summary .card-b ul.dropdown-menu li a i {
font-size: 13px
}

.summary-sec .card-summary .card-b ul.dropdown-menu.show {
display: block;
transition:.4s
}

.summary-sec .card-summary .card-b .action_btn {
width: 30px;
height: 30px;
display: inline-block;
background: #e9e9e9;
text-align: center;
padding: 4px;
border-radius: 35px;
border: 0
}

.summary-sec .card-summary .card-b .action_btn i {
font-size: 15px;
color: #0F172A;
margin: 0;
}

.module-nav {
font-size: 11px;
font-weight: 400;
}

.module-nav a {
font-size: 10px;
font-weight: 400;
color: #2ba24c
}

.modal-dialog.lrcreation-form {
width: 95%;
max-width: 95%;
font-family: "Roboto", sans-serif;
}

.modal-dialog .summary-sec .card-summary .card-h .btn {
appearance: none;
padding: 8px 12px;
border-radius: 6px;
line-height: 1.4;
font-size: 13px;
font-weight: 500;
cursor: pointer;
box-shadow: 0 1px 0 rgba(0, 0, 0, .02);
letter-spacing: .55px;
text-transform: capitalize;
}
.modal-dialog .summary-sec .card-summary .card-h .btn i{ font-size:16px}

.modal-dialog .summary-sec .card-summary .card-h .btn.btn-primary-outline {
border: 1px solid #E5E7EB;
background: #fff;
color: #111827;
}

.modal-dialog .summary-sec .card-summary .card-h {
padding: 8px 14px;
border-bottom: 1px solid #E5E7EB;
display: flex;
align-items: center;
justify-content: space-between;
background: #f8fafc;
border-radius: 10px 10px 0 0;
}

.modal-dialog .summary-sec .card-summary .card-h.sticky{
top:0;
position:sticky;
z-index:4
}
.modal-dialog .summary-sec .card-summary .card-b.sticky tr th {
position: sticky;
top: 54px;
}
.modal-dialog .summary-sec .card-summary .card-b.sticky tr th:first-child{border-radius:0 0 0 0}
.modal-dialog .summary-sec .card-summary .card-b.sticky tr th:last-child {
border-radius: 0 0 0 0
}

.modal-dialog .summary-sec .card-summary .card-b .btn.btn-primary-outline {
border: 1px solid #E5E7EB;
background: #fff;
color: #111827;
}

.modal-dialog .card .form-control {
background-color: #fff;
border: 1px solid #E5E7EB;
border-radius: 6px;
padding: 8px 10px;
font-size: 13px;
color: #111827;
box-shadow: 0 1px 0 rgba(0, 0, 0, .02);
font-weight: 600;
line-height: 1.5;
}

.modal-dialog .card .form-select {
background-color: #fff;
border: 1px solid #E5E7EB;
border-radius: 6px;
padding: 8px 24px 8px 10px;
font-size: 13px;
color: #111827;
box-shadow: 0 1px 0 rgba(0, 0, 0, .02);
background-position: right .3rem center;
font-weight: 600;
line-height: 1.5;
}

.modal-dialog .card .form-control::placeholder {
color: #94A3B8;
font-weight: 400
}

.modal-dialog .card .form-select::placeholder {
color: #94A3B8;
font-weight: 400
}

.main .theme-2 .content .card .select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #94A3B8;
font-weight: 400
}

.modal-dialog .form-label {
margin-bottom: 0.3rem;
font-size: .875rem;
color: #0F172A;
font-weight: 400;
font-family: "Roboto", sans-serif;
}

.modal-dialog .card .form-control span img{max-height:16px}

.modal-dialog input[type="file"] {
    width: auto;
    height: auto;
    opacity: 1;
    z-index: 99999;
    cursor: pointer;
    top: 5px;
}

.modal-dialog .preview-height {
max-height: 300px;
height: 100% !important;
min-height: 310px;
}

.modal-dialog .table-height {
max-height: 280px;
height: 100% !important;
min-height: 280px;
overflow: auto;
}

.modal-dialog .modal-footer .btn.btn-primary-outline {
border: 1px solid #E5E7EB;
background: #fff;
color: #111827;
}

.summary-sec .card-summary tr td a.download {
margin-left: 10px
}

.summary-sec .card-summary tr td a.download i {
font-size: 16px;
color: #2ba24c
}


.modal-dialog.modal-QuickPay .summary-sec .card-summary {
min-height: 246px
}

.bharatbillpay-logo {
position: absolute;
top: 8px;
right: 50px;
}

.bharatbillpay-logo img {
max-height: 35px;
}

.modal-dialog.modal-QuickPay .search-select .options {
max-height: 154px;
}

.modal-dialog .search-select {
position: relative;
display: inline-block;
width: 100%;
}

.modal-dialog .search-select input {
width: 100%;
height: 37px;
padding: 6px 10px;
padding-right: 28px;
border: 1px solid #e5e7eb;
border-radius: 6px;
font-size: 13px;
background: #fff;
}

.modal-dialog .form-control {
width: 100%;
height: 36px;
padding: 6px 10px;
padding-right: 10px;
border: 1px solid #e5e7eb;
border-radius: 6px;
font-size: 13px;
background: #fff;
}

.modal-dialog label[for="file-upload"] span {
width: 98%;
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.modal-dialog .input-group .form-control {
    width: auto
}
.modal-dialog .input-group {
flex-wrap: inherit;
}
.modal-dialog .input-group .btn {padding: 7px 10px 7px 10px;}

.modal-dialog .input-group .btn-validate {
color: #333;
background-color: #efefef;
border-color: #e5e7eb;
letter-spacing: 1px;
width: 94px;
}

.modal-dialog .form-select {
background-color: #fff;
border: 1px solid #E5E7EB;
border-radius: 6px;
padding: 7px 24px 7px 10px;
font-size: 13px;
color: #111827;
box-shadow: 0 1px 0 rgba(0, 0, 0, .02);
background-position: right .3rem center;
}

.modal-dialog .search-select .clear {
position: absolute;
right: 6px;
top: 6px;
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
color: #F44336;
cursor: pointer;
}


.modal-dialog .search-select .options {
position: absolute;
top: 40px;
left: 0;
right: 0;
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 8px;
max-height: 220px;
width: 280px;
overflow: auto;
box-shadow: 0 6px 18px rgba(0,0,0,.08);
z-index: 10;
display: none;
}

.modal-dialog .search-select .options::-webkit-scrollbar {
width: 4px;
}

.modal-dialog .search-select .options::-webkit-scrollbar-track {
background-color: transparent;
}

.modal-dialog .search-select .options::-webkit-scrollbar-thumb {
background: #cccccc;
width: 2px;
border-radius: 4px
}




.modal-dialog .search-select.open .options {
display: block;
}

.modal-dialog .search-select .option {
padding: 8px 10px;
cursor: pointer;
}

.modal-dialog .search-select .option-label {
font-weight: 500;
}

.modal-dialog .search-select .option-desc {
font-size: 10px;
color: #6b7280; /* Tailwind gray-500 */
}

.modal-dialog .search-select .option:hover, .search-select .option.active {
background: #F8FAFC;
}

.modal-dialog .search-select .no-matches {
padding: 8px 10px;
color: #94a3b8;
cursor: default;
}

.modal-dialog .search-select input[disabled] {
background: #f5f5f5;
cursor: not-allowed;
}

.modal-dialog .search-select .option.disabled {
color: #999;
pointer-events: none;
}

.modal-dialog .btn {
padding: 7px 15px 7px 15px;
}

.modal-dialog.bulk-fuel-modal .fuel-card-content .modal-body {
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
}
.modal-dialog .modal-footer {
    margin-top: 16px;
}

.error-message{margin:0;}
.error-message .alert-danger {
color: #F44336;
background-color: transparent;
border-color: transparent;
}

.error-message .alert {
position: relative;
padding: 0 0 0 6px;
margin-bottom: 0;
border: 0;
border-radius: .5rem;
}

.error-message .alert ul{margin:6px 0 0 0; padding:0; list-style-type:none}

.uploadmesseng {
position: absolute;
right: 10px;
top: 34px;
font-size: 14px
}

.uploadmesseng.success {
color: #2ba24c;
}

.uploadmesseng.error {
color: #fd4f4f;
}

/*...........success-modal........*/
.transaction-overlay {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.45);
display: flex;
align-items: center;
justify-content: center;
z-index: 999;
}

.transaction-overlay .modal-header {
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-align: center;
align-items: center;
justify-content: space-between;
padding: 0;
border-bottom: 0 solid rgba(231, 234, 243, .7);
border-top-left-radius: .6875rem;
border-top-right-radius: .6875rem;
}


/* Popup Box */
.transaction-overlay .popup {
background: #fff;
border-radius: 14px;
box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15);
width: 100%;
max-width: 460px;
padding: 14px;
border: 1px solid #e4e7eb;
animation: fadeIn 0.3s ease;
}

/* Title */
.transaction-overlay .popup h2 {
margin: 0;
font-size: 20px;
color: #333;
text-align: center;
font-weight: 700;
}

/* Field List */
.transaction-overlay .txn-details {
display: flex;
flex-direction: column;
border: 1px solid #e4e7eb;
border-radius: 10px;
background: #fafbfc;
padding: 14px
}

.transaction-overlay .txn-row {
display: flex;
justify-content: space-between;
align-items: center;
padding: 7px 0;
}

.transaction-overlay .label {
color: #6b7280;
font-size: 14px;
}

.transaction-overlay .value {
color: #111827;
font-weight: 600;
font-size: 14px;
text-align: right;
}

/* Status Badge */
.transaction-overlay .sev {
padding: 3px 8px;
border-radius: 10px;
font-weight: 800;
font-size: 12px;
line-height: 1;
}

.transaction-overlay .sev.ok {
color: #2ba24c;
background-color: #cefddb;
font-weight: 800;
}

.transaction-overlay .sev.warn {
color: #df9e06;
background-color: #ffebbd;
font-weight: 800;
}

.transaction-overlay .sev.bad {
color: #ff5c5c;
background-color: #ffd6d6;
font-weight: 800;
}



@keyframes fadeIn {
from {
opacity: 0;
transform: scale(0.99);
}

to {
opacity: 1;
transform: scale(1);
}
}

.transaction-overlay .icon-sec {
text-align: center;
width: 100%;
margin-top: -16px;
}

.transaction-overlay .icon-sec svg {
width: 60px;
margin: 0;
}

.transaction-overlay .icon-sec .path {
stroke-dasharray: 1000;
stroke-dashoffset: 0;
}

.transaction-overlay .icon-sec .path.circle {
-webkit-animation: dash 0.9s ease-in-out;
animation: dash 0.9s ease-in-out;
}

.transaction-overlay .icon-sec .path.line {
stroke-dashoffset: 1000;
-webkit-animation: dash 0.9s 0.35s ease-in-out forwards;
animation: dash 0.9s 0.35s ease-in-out forwards;
}

.transaction-overlay .icon-sec .path.check {
stroke-dashoffset: -100;
-webkit-animation: dash-check 0.9s 0.35s ease-in-out forwards;
animation: dash-check 0.9s 0.35s ease-in-out forwards;
}

.transaction-overlay .icon-sec p {
margin: 5px 0 14px 0;
font-size: 1.25em;
font-weight: 700;
}

.transaction-overlay .icon-sec p.success {
color: #2ba24c;
}

.transaction-overlay .icon-sec p.error {
color: #ff5c5c;
}

@-webkit-keyframes dash {
0% {
stroke-dashoffset: 1000;
}

100% {
stroke-dashoffset: 0;
}
}

@keyframes dash {
0% {
stroke-dashoffset: 1000;
}

100% {
stroke-dashoffset: 0;
}
}

@-webkit-keyframes dash-check {
0% {
stroke-dashoffset: -100;
}

100% {
stroke-dashoffset: 900;
}
}

@keyframes dash-check {
0% {
stroke-dashoffset: -100;
}

100% {
stroke-dashoffset: 900;
}
}
/*...........success-modal........*/


.transaction-overlay .popup .bharatbillpay-logo {
position: absolute;
top: -7px;
right: 30px;
}

.transaction-overlay .popup .bharatbillpay-logo img {
max-height: 35px;
}

.main .theme-2 .content .card .new-datepicker {
background-color: #fff;
border: 1px solid #E5E7EB;
border-radius: 6px;
padding: 0;
font-size: 11px;
width: 100%;
display: flex;
align-items: center;
}

.main .theme-2 .content .card .new-datepicker .form-control {
border: 0;
font-size: 12px;
height: 36px;
}

.main .theme-2 .content .card .new-datepicker .form-label {
font-size: 13px;
color: #334155;
font-weight: 400;
display: block;
margin-bottom: 0;
padding: 0 0px 0 7px;
}

.main .theme-2 .content .card .new-datepicker span {
display: block;
/* height: 30px; */
font-size: 16px;
color: #ddd;
font-weight: 400;
}

.new-trip-table {
height: 60vh;
overflow-y: scroll;
}

.new-trip-table .table thead {
position: sticky;
top: 0;
z-index: 9
}

.customers-list {
max-height: 150px;
overflow-y: auto;
}




.download-drawer {
position: fixed;
bottom: 0;
right: 16px;
width: 420px;
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 14px 14px 0 0;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
overflow: hidden;
transition: all 0.3s ease;
z-index: 1050;
padding-bottom:20px
}

.download-drawer.collapsed .download-drawer-body {
max-height: 0;
padding: 0 1rem;
overflow: hidden;
    
}
.download-drawer .upload-arrow i{
font-size:14px
}
.download-drawer .upload-arrow {
transition:.4s
}


.download-drawer.collapsed .upload-arrow {
transform: rotate(-90deg);
transition: .4s
}

.download-drawer-header {
background: #F8FAFC;
padding: 14px 10px;
font-weight: 600;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
}
.download-drawer-header h4 {
margin: 0;
font-size: 14px;
letter-spacing: .4px;
text-transform: uppercase;
color: #334155;
font-weight: 600;
}
.download-drawer-header h4 span {
font-size: 12px;
font-weight: 400;
text-transform: capitalize;
position:relative
}

.download-drawer-header h4 span .count {
color: #2ba24c;
font-weight: 600;
}
.download-drawer-header h4 span:after {
content: '';
position: absolute;
top: 2px;
height: 70%;
width: 1px;
background: #d5d5d5;
right: -3px;
}
.download-drawer-header h4 span:last-child:after{display:none}

.download-drawer-body {
padding: 0 14px 14px 14px;
max-height: 300px;
overflow-y: auto;
transition: max-height .3s ease, padding .3s ease;
}
.drawer-detail {
margin: 0;
border-bottom: 1px dashed #E5E7EB;
padding: 14px 0;
}
.drawer-detail:last-child{border-bottom:0}

.drawer-detail h5 {
margin: 0 0 4px 0;
font-size: 14px;
letter-spacing: .4px;
color: #0f172a;
font-weight: 600;
}
.drawer-actions {
margin: 0;
}


.drawer-detail .title-sec {
display: flex;
align-items: center
}


.drawer-detail .title-sec .subtitle1-title {
width: 68%;
color: #64748B;
font-size: 12px;
}

.drawer-detail .title-sec .subtitle1-title span {
display: block;
max-width: 90%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.time-sec {
width: 20%;
}

.time-sec h6 {
font-size: 12px;
margin: 0
}
.time-sec h6 span {
display: block;
color: #64748B;
font-size: 12px;
margin-top: 2px;
font-weight: 400;
}

.drawer-actions {
width: 26%;
text-align: right
}
.drawer-actions .btn-sm {
padding: 9px 8px !important;
font-size: 11px;
letter-spacing: 1px;
font-weight: 500;
width: 100%;
line-height: 1;
}
.drawer-actions .btn-primary-outline {
border: 1px solid #E5E7EB;
background: #fff;
color: #111827;
}

.spinner {
width: 30px;
height: 30px;
border: 2px solid #ddd;
border-top-color: #2ba24c;
border-radius: 50%;
animation: spin 1s linear infinite;
display: inline-block;
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}

@keyframes fadeInOut {
0%, 100% {
opacity: 0;
}

50% {
opacity: 1;
   
}
}


.modal-dialog.modal_trip .modal-content {
background-color: #F7F8FA;
}

.modal-header .modal-topbar {
background: #FFFFFF;
border: 1px solid #E5E7EB;
border-radius: 12px;
box-shadow: 0 1px 2px rgba(16, 24, 40, .08), 0 1px 3px rgba(16, 24, 40, .06);
padding: 8px 12px;
position: relative;
top: 0;
z-index: 50;
width: 100%;
}

.modal-header .modal-topbar h5.modal-title {
font-size: 18px;
font-weight: 700;
letter-spacing: .2px;
display: flex;
align-items: center;
gap: 10px;
color: #0F172A;
}

.modal-header .modal-topbar .meta {
color: #64748B;
font-size: 13px;
display: flex;
gap: 12px;
flex-wrap: wrap;
}
.modal-header .modal-topbar .meta .dot::before {
content: "• ";
margin: 0 4px;
color: #CBD5E1;
}
.scannning-title {
width: 170px;
display: flex;
justify-content: space-between;
padding-right: 10px;
}

.package-status {
margin: 0;
width: 91%;
}
.package-status ul {
margin: 0;
padding: 0;
list-style-type: none;
display: flex;
flex-wrap: wrap;
justify-content: start;
}
.package-status ul li {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 8px 10px 6px 10px;
border-radius: 6px;
font-size: .85rem;
background: #fff;
color: #2ba24c;
border: 1px solid #E5E7EB;
}
.package-status ul li.ok {
background: #d5ffe1;
color: #2ba24c;
border: 1px solid #a3cfaf;
}

.package-status ul li.warn {
background: #FFFBEB;
color: #92400E;
border: 1px solid #bba89c;
}
.package-status ul li.bad {
background: #FEF2F2;
color: #991B1B;
border: 1px solid #d9c7c7;
}

.package-status ul li h5 {
margin: 0 0;
font-size: 0.7rem;
color: #111827;
font-weight: 700;
letter-spacing: 0px;
display: flex;
align-items: center;
justify-content: space-between;
text-transform: uppercase;
}
.package-status ul li h5 span {
margin-left: 8px;
font-weight: 700;
font-size: .8rem;
color: #64748B;
}

.package-status ul li h5 span .mismatch {
text-decoration: none;
color: #e94a4a;
margin:0
}

.summary-sec .card-summary tr td small span.dot {
color: #040404;
margin: 0 3px;
font-size: 15px;
vertical-align: middle;
}

.summary-sec .card-summary tr td small span.name {
width: 56px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: inline-block;
vertical-align: middle;
}

.modal-dialog.modal_trip .modal-header button {
position: absolute;
right: 14px;
}
.modal-dialog-scrollable .modal-body .table thead th:first-child {
border-radius: 14px 0 0 0
}
.modal-dialog-scrollable .modal-body .table thead th:last-child {
border-radius: 0 14px 0 0
}

.modal-dialog.modal_trip .modal-body .table thead th {
background-color: #F8FAFC;
padding: 4px 8px;
border-bottom-color: transparent
}

.modal-dialog.modal_trip .modal-header {
padding: 1rem 1rem;
}


.package-table.table thead th {
background-color: #F8FAFC;
padding: 10px;
border-bottom-color: transparent;
vertical-align: sub;
}

.package-table.table thead th .label {
font-size: .78rem;
color: #333;
margin-bottom: 2px;
font-weight: 600;
}

.modal-dialog .btn.close-modal {
background: #FEF2F2;
border-color: #FCA5A5;
color: #991B1B;
padding: 5px;
width: 40px;
text-align: center;
letter-spacing: 0;
}
.modal-dialog .btn.close-modal i {
margin: 0;
color: #991B1B
}

.modal-dialog.modal_trip .modal-topbar .meta.title {
color: #5a5a5a;
font-weight: 600;
}

.modal-dialog.modal_trip .table th .form-select {
/*    background-color: #fff;*/
border: 1px solid #E5E7EB;
border-radius: 6px;
padding: 8px 24px 8px 10px;
font-size: 13px;
color: #64748B;
box-shadow: 0 1px 0 rgba(0, 0, 0, .02);
background-position: right .3rem center;
font-weight: 400;
line-height: 1.5;
}

.modal-dialog.modal_trip .table td .sub {
padding: 2px 8px;
border-radius: 999px;
font-weight: 800;
font-size: 12px;
}

.modal-dialog.modal_trip .table td .sub.ok {
color: #2ba24c;
background-color: #cefddb;
}

.modal-dialog.modal_trip .table td .sub.warn {
color: #df9e06;
background-color: #ffebbd;
}

.modal-dialog.modal_trip .table td .sub.bad {
color: #ff5c5c;
background-color: #ffd6d6;
}

.modal-dialog.modal_trip .table td i.bi-x-circle {
font-size: 12px;
margin-right: 0;
margin-left:6px
}

.summary-sec .card-summary .score-sec small.sub-line {
color: #64748B;
font-size: .9em;
}
.modal-dialog .btn.close-modal.scan {
padding: 6px 7px !important;
}
.btn-sm.scan {
padding: 7px 7px !important;
line-height: 1.4;
}
.gallery-sec a {
display: none;
}
.gallery-sec a:first-of-type {
display: block;
}

.gallery-sec a:first-of-type img{display:none}

.charges-sec .form-control{width:100px}

.video-slider-sec {
    display: block;
    
}
.slider-thumbnail {
    width: 100%;
    background: transparent;
    padding: 10px;
    border-radius: 6px;
}
.priview-sec {
    width: 100%;
    padding: 0;

}


.priview-sec .flexslider {
    margin: 0;
    border: 0;
    background: #fff;
    border-radius: 0;
    padding: 0;
    /*box-shadow: 0px 2px 14px -7px rgba(0, 0, 0, 0.2);*/
}
.priview-sec ul {
/*max-height:530px;*/
display: flex !important;
justify-content: center;
}
.priview-sec ul li {
display: flex;
justify-content: center !important;
align-items: start;
width: 100%;
}

.priview-sec img {
max-width: 100%;
max-height: 74vh;
height: 100% !important;
}

/*.shipment-info {
    height: 89vh
}*/
    .shipment-info #carousel {
        width: 100%;
        overflow: hidden;
        background: transparent;
    }

.shipment-info .flexslider {
margin: 0;
border: 0;
}
.shipment-info #carousel ul.slides {
display: flex;
justify-content: center;
}
.shipment-info #carousel ul.slides li {
height: 70px; /* 8 × 70 = 560px + padding/margins */
margin-right: 4px;
width: 100px;
border: 2px solid transparent;
border-radius: 8px;
}
.shipment-info #carousel ul.slides li.active {
border: 2px solid #2ba24c;
}

.shipment-info #carousel .slides li.video {
height: 67px;
width: 100px;
border: 1px solid #dbdbdb;
border-radius: 6px;
object-fit: cover;
display: flex;
align-items: center;
justify-content: center;
background: #f3f3f3;
}

.shipment-info .flex-viewport {
height: 100% !important
}

.shipment-info .flexslider .slides .humbnail-img {
height: 100%;
width: 100%;
object-fit: cover;
}

.shipment-info .flexslider .slides .humbnail-img img {
height: 100%;
width: 100%;
border: 0;
border-radius: 8px;
object-fit: cover
}

.shipment-info .flexslider .slides .humbnail-video {
height: 50px;
width: 100%;
border: 0;
border-radius: 8px;
object-fit: cover;
display: flex;
align-items: center;
justify-content: center;
background: #f3f3f3;
}

.shipment-info #carousel ul.slides li .humbnail-video img {
    max-height: 26px;
    width: auto;
    position:absolute;
}

.shipment-info #carousel ul.slides li.active .humbnail-video img.a {
    opacity:1;
    transition: .4s
}
.shipment-info #carousel ul.slides li.active .humbnail-video img.b {
    opacity: 0;
    transition: .4s
}

.shipment-info #carousel ul.slides li .humbnail-video img.a {
    opacity: 0;
    transition: .4s
}

.shipment-info #carousel ul.slides li .humbnail-video img.b {
    opacity: 1;
    transition: .4s
}

 

/*    .flex-direction-nav a.flex-next:before {
content: '\f002';
}*/
.shipment-info .flex-direction-nav a:before {
font-family: bootstrap-icons !important;
content: '\f229';
font-size: 24px;
font-style: normal;
font-weight: 400 !important;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: inherit;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
font-size: 24px;
margin-top: 3px;
}

.shipment-info .flex-direction-nav a.flex-next:before {
content: '\f235';
margin-top: -4px;
}

.shipment-info .flexslider:hover .flex-direction-nav .flex-next {
opacity: 0.7;
right: 50%;
transform: translateX(46%);
}

.shipment-info .flex-direction-nav .flex-next {
right: -50px;
text-align: right;
top: 14px;
}

.shipment-info .flex-direction-nav a {
margin: 0;
top: auto;
width: 28px;
height: 28px;
display: flex;
align-items: center;
justify-content: center;
font-size: 0;
background: rgba(255,255,255.5);
border-radius: 6px
}


.shipment-info .flexslider:hover .flex-direction-nav .flex-prev {
opacity: 0.7;
left: 50%;
bottom: 8px;
transform: translateX(-45%);
}

    .shipment-info .summary-sec .card-summary .card-b .time-line {
        max-height: 17vh;
        min-height: 150px;
        overflow: auto;
        position: relative;
        padding-bottom: 14px;
    }
.shipment-info .summary-sec .card-summary .field {
    display: block;
    margin-bottom: 10px;
}
.shipment-info .summary-sec .card-summary .card-b {
    padding: 14px 14px 0 14px;
}
.shipment-info .summary-sec .card-summary tr th:first-child {
    border-radius: 0 0 0 0;
}
.shipment-info .summary-sec .card-summary tr th:last-child {
    border-radius: 0 0 0 0;
}
/*.ship-info-height {
    max-height: 60vh;
    overflow: auto;
}*/

.accordion-button:not(.collapsed) {
    color: #2ba24c;
}
.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.accordion-button span.tag.completed {
    background-color: #e7e7e7;
    color: #333;
    padding: 2px 6px;
    border-radius: 10px;
    font-weight: 800;
    font-size: 12px;
    margin-left: 6px;
}

.accordion-item:first-of-type .accordion-button .tag.ok {
color: #2ba24c;
background-color: #cefddb;
font-weight: 600;
padding: 3px 4px;
border-radius: 999px;
font-size: 14px;
margin-left: 6px;
line-height: 1.2;
min-width: 22px;
text-align: center;
}
.accordion-body {
    padding: 0;
    border-top:.0625rem solid rgba(231, 234, 243, .7);
}

.accordion-content{padding:14px}

.ship-info-height .accordion-button {
    padding: .75rem 0.8rem;
}

.modal-dialog .card .form-control.attach-input {
    height: 38px;
    position: relative;
    width: 106px;
    border: 0;
    background: transparent
}
.modal-dialog .card .form-control.attach-input:hover{ background:transparent}

/*.......................responsive.................*/

@media only screen and (min-width:1025px) and (max-width:1280px) {
    .summary-sec .card-summary .doc-list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-container {
display: grid;
grid-template-columns: 260px 1fr 330px;
gap: 10px;
}
}

@media (max-width: 1366px) {

/*.shipment-info #carousel {
height: 444px;
}*/
.message-tabs {
height: 91vh;
}

.message-content .tab-content .chatScreen {
height: 80vh;
}

.table-height {
height: 260px;
overflow: hidden;
}

.summary-sec .card-summary tr th, .summary-sec .card-summary tr td {
font-size: 11px;
padding: 8px 14px;
}

.summary-sec .card-summary .card-b .icon-btn {
width: 17px;
height: 17px;
}
.summary-sec .card-summary .card-b .icon-btn i {
font-size: 12px !important;

}

.new-trip-table {
height: 50vh;
}

.card .card-f {
padding: 5px 14px;
}
.summary-sec .card-summary td .sev {
font-weight: 600 !important;
font-size: 8px;
}
.modal-header .modal-topbar h5.modal-title {
font-size: 14px;
}
.modal-header .modal-topbar .meta {
font-size: 11px;
}

.modal-dialog .card .form-control.attach-input {
height: 38px;
position: relative;
width: 100px;
}












}
@media only screen and (min-width:1640px) and (max-width:1718px) {
    .main .theme-2 .content .card .new-datepicker .form-control {
        border: 0;
        font-size: 11px;
    }
}
@media only screen and (min-width:1600px) and (max-width:1639px) {
    .main .theme-2 .content .card .new-datepicker .form-control {
        border: 0;
/*        font-size: 10px;*/
    }
}

@media only screen and (min-width:1368px) and (max-width:1590px) {
    .main .theme-2 .content .card .new-datepicker .form-control {
        border: 0;
        font-size: 11px;
    }
    .main .theme-2 .content .card .new-datepicker .form-label {
        font-size: 11px;
    }
}


@media (max-width: 1600px) {
/*.main .theme-2 .content .card .btn {
padding: 8px 9px;
}*/
.user-list h2 {
max-width: 116px;

}
.pro-img {
width: 36px;
height: 36px;
}
.wrapper {
max-width: 100%;
margin: 0 auto;
padding: 0;
}
.main .theme-2 .content .card .new-datepicker .form-control {
/*font-size: 11px;*/
width: 124px;
height: 34px;
padding: 8px 5px;
}
.main .theme-2 .content .search-select .clear {
right: -8px !important;
top: -1px !important;
}
/*.main .theme-2 .content .card .form-select {
font-size: 11px;

}*/
.bottom-button-sec .btn {
font-size: 12px !important;

}

}

@media (max-width: 1440px) {
    .table-responsive.report-table {
        max-height: 68vh
    }

    .user-list h2 {
        max-width: 100px;
    }
.bottom-button-sec .btn {

font-size: 11px !important;

}
}

    @media (max-width: 1366px) {
        .bottomSec .col span.data {
            font-size: 12px !important;
        }
        .statusSec .statusArea {
            width: 28.66667% !important;
        }

        .view_object_modal .modal-content {
            height: 100%;
        }
        .user-list h2 {
            max-width: 96px;
        }
        .user-list h5 {
            font-size: 11px;
        }

        .main .theme-2 .content .card .form-select {
            font-size: 11px;
            padding: 7px 24px 7px 10px;
        }

        .main .theme-2 .content .search-select .clear {
            right: -7px !important;
            top: -2px !important;
            font-size: 11px;
        }

        .modal-dialog .card .form-select {
            font-size: 11px;
            line-height: 1;
            height: 33px;
        }

        .modal-dialog .card .form-control {
            font-size: 11px;
            line-height: 1;
            height: 33px;
        }

        .input-group .btn-validate {
            font-size: .7rem;
        }

        .main .theme-2 .content .card .card-header .actions .btn {
            padding: 5px 12px;
        }

        .modal-dialog.mdform_save .search-select input {
            font-size: .7rem !important;
            padding: 0.5rem 1rem !important;
        }

        .main .theme-2 .content .card .topbar {
            padding: 8px 10px;
        }

        .main .theme-2 .content .card .trip-title {
            font-size: 16px;
        }

/*        .main .theme-2 .content .search-select input {
            height: 34px;
            padding: 4px 10px;
            font-size: 11px !important;
        }*/

        .topbar textarea.form-control {
            min-height: calc(1.5em + 1.0rem);
        }

        .main .theme-2 .content .card input[type="date"] {
            padding: 7px 10px !important;
        }

        .main .theme-2 .content .card .form-control {
            background-color: #fff;
            border: 1px solid #E5E7EB;
            border-radius: 6px;
            padding: 8px 10px;
            font-size: 11px;
        }

        .main .theme-2 .content .card .new-datepicker .form-control {
            width: 122px;
            font-size: 10px;
        }

        .main .theme-2 .content .card .new-datepicker .form-label {
            font-size: 11px;
        }

        .main .theme-2 .content.p-3 {
            padding: 0 1rem 1rem 1rem !important;
        }

        .main .theme-2 .content .card .card-header.sticky {
            top: 44px;
        }

        .summary-sec .card-summary .card-b ul li.txn {
            font-size: 10px;
            padding: 8px 0;
        }

        .grid-container {
            grid-template-columns: 244px 1fr 350px;
        }

        .summary-sec .card-summary .field a.delete i {
            font-size: 11px;
        }

        .summary-sec .card-summary .field a.download i {
            font-size: 11px;
        }

        .summary-sec .card-summary .card-b .filter-sec {
            height: 60vh;
        }

        .volume {
            font-size: 10px;
        }

        .summary-sec .card-summary .preview-height {
            height: 60vh;
            overflow-y: auto;
        }

        .summary-sec .card-summary .doc-height {
            height: 60vh;
        }

        .summary-sec .card-summary .field .k.date {
            font-size: 10px;
        }

        .summary-sec .card-summary .card-b .filter-sec h4.sub-header {
            font-size: 14px;
        }

        .summary-sec .card-summary .card-b .filter-sec label {
            font-size: 12px;
        }

        .summary-sec .card-summary .card-b .filter-sec .form-check-input {
            margin-top: .3rem;
            width: .8rem;
            height: .8rem;
        }

        .doc-name {
            font-size: 11px;
        }

        .summary-sec .card-summary .field {
            font-size: 11px;
            grid-template-columns: 52px 2fr;
            gap: 6px 6px;
            height: auto;
            align-items: start;
        }

        .main .theme-2 .content .card .tag {
            padding: 4px 8px;
            font-size: 10px;
        }

        .details-loop h5 {
            margin: 0 0 10px 0;
            font-size: 14px;
        }

        .main .theme-2 .content .card .btn {
            padding: 8px 10px;
            font-size: 11px;
            line-height: 1.2;
        }

        .doc-head .sev {
            font-size: 9px;
        }

        .bharatbillpay-logo img {
            max-height: 25px;
        }

        .summary-sec .card-summary .card-h h3 {
            font-size: 12px;
        }

        .summary-sec .card-summary .card-h.cus-h {
            height: 44px;
        }

        .modal-dialog .summary-sec .card-summary .card-h {
            padding: 4px 14px;
        }

        .modal-dialog .form-label {
            font-size: .65rem;
        }
    }

    @media only screen and (max-width:1024px) {
        .main .theme-2 .content.p-3 {
            padding: 0 1rem 1rem 1rem !important;
        }

        .main .theme-2 .content .card .card-header.sticky {
            top: 44px;
        }

        .main .theme-2 .content .card .card-header input[type="search"] {
            padding: 11px 10px;
        }

        .main .theme-2 .content .card .card-header .actions .btn {
            padding: 8px 10px;
        }

        .grid-container {
            grid-template-columns: 280px 1fr 360px;
        }

        .summary-sec .card-summary .doc-list {
            grid-template-columns: repeat(1, minmax(0, 1fr));
        }

        .summary-sec .card-summary .card-b .filter-sec {
            height: 68vh;
        }

        .summary-sec .card-summary .doc-height {
            height: 74vh
        }

        .summary-sec .card-summary .preview-height {
            height: 72vh;
            overflow-y: auto;
        }

        .industries ul li img {
            max-height: 26px;
        }

        .industries ul li {
            margin: 0 6px;
        }
    }

    @media only screen and (max-width: 1023px) and (orientation: landscape) {
        .sign-in-page {
            height: 100%;
        }

        .signin-footer {
            position: inherit;
            margin-bottom: 20px;
        }

        .content-sec h2 {
            font-size: 20px;
        }

        .content-sec p {
            font-size: 13px;
        }

        .graphic-sec .swiper {
            width: 80%;
        }

        .graphic-sec .swiper-slide .image-sec img {
            max-height: 240px;
        }

        .sign-in-from .sign-logo {
            margin-bottom: 8%;
            margin-top: 40px;
        }

        .sign-in-from p {
            margin: 0 auto 30px auto;
        }

        .graphic-sec {
            height: 450px;
        }

        .industries ul li img {
            max-height: 34px;
        }
    }


    @media (max-width: 768px) {
        .doc-list {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .sign-in-from {
            padding: 0 0 43px 0;
        }

        .graphic-sec {
            display: none
        }

        .sign-in-from h2 {
            font-size: 22px;
        }

        .sign-logo img {
            max-height: 50px
        }
    }

@media (min-width: 992px) {
    .modal-dialog.cardbalance {
        max-width: 1000px;
    }
}


.card-b.card-table {
border-left: 1px solid #e5e7eb;
border-radius: 14px 14px 0 0;
overflow: hidden;
padding-left: 2px !important;
border-right: 1px solid #e5e7eb;
border-top: 1px solid #e5e7eb;
border-bottom: 1px solid #e5e7eb;
}
.card-b.card-table .no-record-found svg {
width: 50px;
height: 50px;
}
.card-b.card-table .no-record-found h3 {
font-size: 1.2rem;
}
.card-b.card-table .no-record-found {
padding: 40px 0 28px 0;
}

.fuel-card {
    width: 340px;
    height: 222px;
    background: linear-gradient(135deg, #535353, #171515);
    border-radius: 15px;
    padding: 20px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    margin: 0;
}

    .fuel-card .card-header {
        display: flex;
        display: flex;
        justify-content: end;
        align-items: end;
        margin-top: 10px;
    }

    .fuel-card .logo {
        height: 46px;
    }

    .fuel-card .euro-logo {
        width: 60px;
    }

    .fuel-card .fuelcard-logo {
        width: 80px;
    }

    .fuel-card .card-number {
        margin: 2% 0 0px 0;
    }
.fuel-card .card-number .number {
    font-size: 22px;
    letter-spacing: 4px;
    font-weight: 400;
    margin: 0 0 8px 0;
    display: block;
}

    .fuel-card .holder-name {
        font-size: 14px;
        letter-spacing: 1px;
        font-weight: 400;
        margin: 4% 0 2px 0;
        display: block;
        text-transform: uppercase;
    }

.fuel-card .vehicle-number {
font-size: 12px;
letter-spacing: 4px;
font-weight: 400;
margin: 6% 0 16px 0;
}
.modal-dialog .fuel-card .card-number .pin {
    display: block;
    margin-top: 24px;
}

.fuel-card .card-expiry .pin{
    color: #fff;
    font-size: 14px !important;
}
.fuel-card .card-expiry i {
    color: #fff !important;
    opacity: 1 !important;
}
.fuel-card .card-number .pin .pin-number {
    font-size: 12px;
    letter-spacing: 4px;
    font-weight: 400;
}

.fuel-card .card-footer {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 0;
}

    .fuel-card .card-name {
        font-size: 16px;
    }

    .fuel-card .card-expiry {
        text-align: right;
        font-size: 14px;
        margin-bottom: 4px;
    }

        .fuel-card .card-expiry span:first-child {
            font-size: 9px;
            opacity: 0.7;
            margin-right: 4px;
        }

.locatr-logo {
    position: absolute;
    right: -20px;
    top: 55%;
    transform: translateY(-50%);
    width: 120px;
    height: 120px;
}

    .locatr-logo img {
        max-height: 80px;
    }

.balance-sec {
    position: absolute;
    left: 20px;
    top: 10%;
}

    .balance-sec label {
        color: #c3c3c3;
        display: block;
        font-size: 11px;
        font-weight: 300;
        letter-spacing: .65px;
    }

    .balance-sec .total {
        font-size: 28px;
        margin-bottom: 0;
        line-height: 40px;
    }

        .balance-sec .total .rs {
            color: #c3c3c3;
            font-size: 16px;
            font-weight: 300;
            margin-right: 4px;
        }