BAGETWEBPANEL/public/assets/admin/css/theme.minc619.css

.sidebar {
    position: fixed;
    top: 0;
    inset-inline-end: 0;
    z-index: 101;
    width: 23rem;
    height: 100%;
    background-color: #fff;
}

.sidebar-bordered {
    border-inline-start: 0.0625rem solid #e7eaf3;
}

.sidebar-box-shadow {
    -webkit-box-shadow: -5px 0 12px rgba(103, 119, 136, 0.1);
    box-shadow: -5px 0 12px rgba(103, 119, 136, 0.1);
}

.sidebar-left {
    inset-inline-start: 0;
    inset-inline-end: auto;
}

.sidebar-left.sidebar-bordered {
    border-inline-start: none;
    border-inline-end: 0.0625rem solid #e7eaf3;
}

.sidebar-left.sidebar-box-shadow {
    -webkit-box-shadow: 5px 0 12px rgba(103, 119, 136, 0.1);
    box-shadow: 5px 0 12px rgba(103, 119, 136, 0.1);
}

.sidebar-close {
    position: absolute;
    top: 1rem;
    inset-inline-end: 1.5rem;
    z-index: 2;
}

.sidebar-card {
    position: relative;
    height: 100%;
    border-radius: 0;
}

.sidebar-body {
    min-height: auto;
}

.sidebar-scrollbar {
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
}

.sidebar-scrollbar::-webkit-scrollbar {
    width: 0.6125rem;
}

.sidebar-scrollbar::-webkit-scrollbar-thumb {
    background-color: rgba(189, 197, 209, 0.6);
    visibility: hidden;
}

.sidebar-scrollbar:hover::-webkit-scrollbar-thumb {
    visibility: visible;
}

.sidebar-footer-fixed {
    padding-bottom: 4.75rem;
}

.sidebar-footer-fixed .sidebar-body {
    height: calc(100% - 4.75rem);
}

.sidebar-footer {
    position: absolute;
    inset-inline-end: 0;
    bottom: 0;
    inset-inline-start: 0;
    height: 4.75rem;
}

.table th {
    font-weight: 400;
}

.table thead th {
    font-size: 0.87rem;
    text-transform: uppercase;
    font-weight: 600;
    vertical-align: middle;
}

.table tfoot td,
.table tfoot th {
    color: #334257;
    font-weight: 600;
    border-top: 0.0625rem solid rgba(231, 234, 243, 0.7);
}

.table .btn {
    white-space: nowrap;
}

.table-sm {
    font-size: 0.8125rem;
}

.table-lg td,
.table-lg th {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.table-nowrap td,
.table-nowrap th {
    white-space: nowrap;
}

.table-align-middle tbody td {
    vertical-align: middle;
}

.table-text-center td,
.table-text-center th {
    text-align: center;
}

.table-column-right-aligned {
    text-align: end;
}

.table-column-pr-0 {
    padding-inline-end: 0 !important;
}

.table-column-pl-0 {
    padding-inline-start: 0 !important;
}

.table-thead-bordered thead th {
    border-top: 0.0625rem solid rgba(231, 234, 243, 0.7);
    border-bottom: 0.0625rem solid rgba(231, 234, 243, 0.7);
}

.table-input-group {
    min-width: 14rem;
}

.table-progress {
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    min-width: 5rem;
    height: 0.25rem;
}

.dropdown-menu {
    -webkit-box-shadow: 0 10px 40px 10px rgba(140, 152, 164, 0.175);
    box-shadow: 0 10px 40px 10px rgba(140, 152, 164, 0.175);
}

.dropdown-item {
    font-size: 0.8125rem;
}

.dropdown-item:active {
    color: #334257;
    background-color: rgba(189, 197, 209, 0.3);
}

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

.dropdown-item[href]:hover.dropdown-toggle::after {
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='%23377dff' 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")
        no-repeat right center/1rem 1rem;
}

.dropdown-header {
    text-transform: uppercase;
    letter-spacing: 0.03125rem;
    font-size: 80%;
    font-weight: 600;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.dropdown-menu-sm {
    padding: 0.75rem 0;
}

.dropdown-menu-sm .dropdown-header,
.dropdown-menu-sm .dropdown-item {
    padding: 0.25rem 1rem;
}

.dropdown-menu-sm .dropdown-divider {
    margin: 0.25rem;
}

.dropdown-menu-lg .dropdown-header,
.dropdown-menu-lg .dropdown-item {
    padding: 0.5rem 1.5rem;
}

.dropdown-menu-lg .dropdown-item {
    font-size: 0.875rem;
}

.dropdown-menu-lg .dropdown-item-icon {
    font-size: 1.125rem;
    width: 1.25rem;
    margin-inline-end: 0.5rem;
}

.dropdown-item-icon {
    display: inline-block;
    opacity: 0.7;
    font-size: 1rem;
    width: 1.5rem;
    color: #677788;
}

.dropdown-toggle {
    position: relative;
}

.dropdown-toggle::after {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='%23677788' 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")
        no-repeat right center/1rem 1rem;
    content: "";
}

.dropdown-toggle:not(.dropdown-toggle-empty)::after {
    margin-inline-start: 0.3125rem;
}

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

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

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

.dropdown-toggle-collapse::after {
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.dropdown-toggle-collapse[aria-expanded="true"]::after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.dropdown-card {
    padding-top: 0;
    padding-bottom: 0;
}

.footer {
    position: absolute;
    bottom: 0;
    inset-inline-start: 0;
    inset-inline-end: 0;
    height: 3.5rem;
}

.footer:not([class*="container"]) {
    padding-inline-end: 2rem;
    padding-inline-start: 2rem;
}

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

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

.custom-select:focus,
.form-control:focus {
    -webkit-box-shadow: 0 0 10px rgba(55, 125, 255, 0.1);
    box-shadow: 0 0 10px rgba(55, 125, 255, 0.1);
}

.form-text {
    color: #8c98a4;
}

.form-link {
    display: inline-block;
    margin-top: 0.75rem;
}

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

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

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

.custom-control-label,
.custom-select {
    cursor: pointer;
}

.form-control .custom-control-label {
    width: 100%;
}

.custom-control-input:checked:disabled ~ .custom-control-label::before {
    border-color: rgba(55, 125, 255, 0);
}

.custom-select-lg {
    border-radius: 0.3125rem;
}

.custom-select-sm {
    border-radius: 0.25rem;
}

.custom-radio-reverse {
    width: 100%;
    padding-inline-start: 0;
    padding-inline-end: 1.5rem;
}

.custom-radio-reverse .custom-control-label {
    width: 100%;
}

.custom-radio-reverse .custom-control-label::before {
    inset-inline-start: auto;
    inset-inline-end: -1.5rem;
}

.custom-radio-reverse .custom-control-label::after {
    inset-inline-start: auto;
    inset-inline-end: -1.5rem;
}

.input-group-text {
    border-color: #e7eaf3;
}

.input-label {
    display: block;
    color: #334257;
    font-size: 0.875rem;
    text-transform: capitalize;
}

.input-label-secondary {
    color: #8c98a4;
    font-size: 0.8125rem;
    margin-inline-start: 0.25rem;
}

.input-label-secondary i {
    font-size: 18px;
}

.select2-selection__placeholder {
    text-transform: capitalize;
}

.input-group .input-group-append,
.input-group .input-group-prepend {
    z-index: 4;
}

.input-group > .input-group-prepend .custom-select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group > .input-group-append .custom-select {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group
    > .input-group-prepend:first-child
    .select2-custom:not(:first-child)
    .custom-select {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group
    > .input-group-append:last-child
    .select2-custom:not(:last-child)
    .custom-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
        .select2-custom:not(:last-child)
        .custom-select {
        border-top-right-radius: 0.3125rem;
        border-bottom-right-radius: 0.3125rem;
    }
}

.input-group-add-field {
    position: relative;
    margin-top: 1rem;
}

.input-group-add-field:hover .input-group-add-field-delete {
    opacity: 1;
}

.input-group-add-field-delete {
    position: absolute;
    top: 0.5rem;
    inset-inline-end: 0;
    width: 1rem;
    color: #ed4c78;
    opacity: 0;
    margin-inline-end: -1rem;
    padding-inline-start: 0.25rem;
}

.input-group-add-field-delete:hover {
    color: #ea2c60;
}

@media (max-width: 1199.98px) {
    .input-group-add-field-delete {
        opacity: 1;
    }
}

.form-control-borderless,
.input-group-borderless .form-control,
.input-group-borderless .input-group-text {
    border: none;
}

.form-control-borderless:focus,
.input-group-borderless .form-control:focus,
.input-group-borderless .input-group-text:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.custom-select-borderless {
    border-color: transparent;
}

.custom-select-borderless:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: transparent;
}

@media (max-width: 575.98px) {
    .input-group-sm-down-break {
        display: block;
    }
    .input-group-sm-down-break > .custom-select,
    .input-group-sm-down-break > .form-control {
        width: 100%;
    }
    .input-group-sm-down-break .select2-custom,
    .input-group-sm-down-break .select2-custom .select2-container {
        width: 100% !important;
    }
    .input-group-sm-down-break .select2-custom {
        margin-inline-start: 1px;
    }
    .input-group-sm-down-break .select2-custom:first-child .select2-selection,
    .input-group-sm-down-break > .custom-select:first-child,
    .input-group-sm-down-break > .form-control:first-child {
        border-top-left-radius: 0.3125rem;
        border-top-right-radius: 0.3125rem;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }
    .input-group-sm-down-break
        .select2-custom:not(:first-child):not(:last-child)
        .select2-selection,
    .input-group-sm-down-break
        > .custom-select:not(:first-child):not(:last-child),
    .input-group-sm-down-break
        > .form-control:not(:first-child):not(:last-child) {
        border-radius: 0;
    }
    .input-group-sm-down-break .select2-custom:last-child .select2-selection,
    .input-group-sm-down-break > .custom-select:last-child,
    .input-group-sm-down-break > .form-control:last-child {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0.3125rem;
        border-bottom-left-radius: 0.3125rem;
    }
    .input-group-sm-down-break .custom-file + .custom-file,
    .input-group-sm-down-break .custom-file + .custom-select,
    .input-group-sm-down-break .custom-file + .form-control,
    .input-group-sm-down-break .custom-select + .custom-file,
    .input-group-sm-down-break .custom-select + .custom-select,
    .input-group-sm-down-break .custom-select + .form-control,
    .input-group-sm-down-break .form-control + .custom-file,
    .input-group-sm-down-break .form-control + .custom-select,
    .input-group-sm-down-break .form-control + .form-control,
    .input-group-sm-down-break .form-control-plaintext + .custom-file,
    .input-group-sm-down-break .form-control-plaintext + .custom-select,
    .input-group-sm-down-break .form-control-plaintext + .form-control,
    .input-group-sm-down-break .select2-custom .select2-selection {
        margin-inline-start: 0;
        margin-top: -0.0625rem;
    }
}

@media (max-width: 767.98px) {
    .input-group-md-down-break {
        display: block;
    }
    .input-group-md-down-break > .custom-select,
    .input-group-md-down-break > .form-control {
        width: 100%;
    }
    .input-group-md-down-break .select2-custom,
    .input-group-md-down-break .select2-custom .select2-container {
        width: 100% !important;
    }
    .input-group-md-down-break .select2-custom {
        margin-inline-start: 1px;
    }
    .input-group-md-down-break .select2-custom:first-child .select2-selection,
    .input-group-md-down-break > .custom-select:first-child,
    .input-group-md-down-break > .form-control:first-child {
        border-top-left-radius: 0.3125rem;
        border-top-right-radius: 0.3125rem;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }
    .input-group-md-down-break
        .select2-custom:not(:first-child):not(:last-child)
        .select2-selection,
    .input-group-md-down-break
        > .custom-select:not(:first-child):not(:last-child),
    .input-group-md-down-break
        > .form-control:not(:first-child):not(:last-child) {
        border-radius: 0;
    }
    .input-group-md-down-break .select2-custom:last-child .select2-selection,
    .input-group-md-down-break > .custom-select:last-child,
    .input-group-md-down-break > .form-control:last-child {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0.3125rem;
        border-bottom-left-radius: 0.3125rem;
    }
    .input-group-md-down-break .custom-file + .custom-file,
    .input-group-md-down-break .custom-file + .custom-select,
    .input-group-md-down-break .custom-file + .form-control,
    .input-group-md-down-break .custom-select + .custom-file,
    .input-group-md-down-break .custom-select + .custom-select,
    .input-group-md-down-break .custom-select + .form-control,
    .input-group-md-down-break .form-control + .custom-file,
    .input-group-md-down-break .form-control + .custom-select,
    .input-group-md-down-break .form-control + .form-control,
    .input-group-md-down-break .form-control-plaintext + .custom-file,
    .input-group-md-down-break .form-control-plaintext + .custom-select,
    .input-group-md-down-break .form-control-plaintext + .form-control,
    .input-group-md-down-break .select2-custom .select2-selection {
        margin-inline-start: 0;
        margin-top: -0.0625rem;
    }
}

@media (max-width: 991.98px) {
    .input-group-lg-down-break {
        display: block;
    }
    .input-group-lg-down-break > .custom-select,
    .input-group-lg-down-break > .form-control {
        width: 100%;
    }
    .input-group-lg-down-break .select2-custom,
    .input-group-lg-down-break .select2-custom .select2-container {
        width: 100% !important;
    }
    .input-group-lg-down-break .select2-custom {
        margin-inline-start: 1px;
    }
    .input-group-lg-down-break .select2-custom:first-child .select2-selection,
    .input-group-lg-down-break > .custom-select:first-child,
    .input-group-lg-down-break > .form-control:first-child {
        border-top-left-radius: 0.3125rem;
        border-top-right-radius: 0.3125rem;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }
    .input-group-lg-down-break
        .select2-custom:not(:first-child):not(:last-child)
        .select2-selection,
    .input-group-lg-down-break
        > .custom-select:not(:first-child):not(:last-child),
    .input-group-lg-down-break
        > .form-control:not(:first-child):not(:last-child) {
        border-radius: 0;
    }
    .input-group-lg-down-break .select2-custom:last-child .select2-selection,
    .input-group-lg-down-break > .custom-select:last-child,
    .input-group-lg-down-break > .form-control:last-child {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0.3125rem;
        border-bottom-left-radius: 0.3125rem;
    }
    .input-group-lg-down-break .custom-file + .custom-file,
    .input-group-lg-down-break .custom-file + .custom-select,
    .input-group-lg-down-break .custom-file + .form-control,
    .input-group-lg-down-break .custom-select + .custom-file,
    .input-group-lg-down-break .custom-select + .custom-select,
    .input-group-lg-down-break .custom-select + .form-control,
    .input-group-lg-down-break .form-control + .custom-file,
    .input-group-lg-down-break .form-control + .custom-select,
    .input-group-lg-down-break .form-control + .form-control,
    .input-group-lg-down-break .form-control-plaintext + .custom-file,
    .input-group-lg-down-break .form-control-plaintext + .custom-select,
    .input-group-lg-down-break .form-control-plaintext + .form-control,
    .input-group-lg-down-break .select2-custom .select2-selection {
        margin-inline-start: 0;
        margin-top: -0.0625rem;
    }
}

@media (max-width: 1199.98px) {
    .input-group-xl-down-break {
        display: block;
    }
    .input-group-xl-down-break > .custom-select,
    .input-group-xl-down-break > .form-control {
        width: 100%;
    }
    .input-group-xl-down-break .select2-custom,
    .input-group-xl-down-break .select2-custom .select2-container {
        width: 100% !important;
    }
    .input-group-xl-down-break .select2-custom {
        margin-inline-start: 1px;
    }
    .input-group-xl-down-break .select2-custom:first-child .select2-selection,
    .input-group-xl-down-break > .custom-select:first-child,
    .input-group-xl-down-break > .form-control:first-child {
        border-top-left-radius: 0.3125rem;
        border-top-right-radius: 0.3125rem;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }
    .input-group-xl-down-break
        .select2-custom:not(:first-child):not(:last-child)
        .select2-selection,
    .input-group-xl-down-break
        > .custom-select:not(:first-child):not(:last-child),
    .input-group-xl-down-break
        > .form-control:not(:first-child):not(:last-child) {
        border-radius: 0;
    }
    .input-group-xl-down-break .select2-custom:last-child .select2-selection,
    .input-group-xl-down-break > .custom-select:last-child,
    .input-group-xl-down-break > .form-control:last-child {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0.3125rem;
        border-bottom-left-radius: 0.3125rem;
    }
    .input-group-xl-down-break .custom-file + .custom-file,
    .input-group-xl-down-break .custom-file + .custom-select,
    .input-group-xl-down-break .custom-file + .form-control,
    .input-group-xl-down-break .custom-select + .custom-file,
    .input-group-xl-down-break .custom-select + .custom-select,
    .input-group-xl-down-break .custom-select + .form-control,
    .input-group-xl-down-break .form-control + .custom-file,
    .input-group-xl-down-break .form-control + .custom-select,
    .input-group-xl-down-break .form-control + .form-control,
    .input-group-xl-down-break .form-control-plaintext + .custom-file,
    .input-group-xl-down-break .form-control-plaintext + .custom-select,
    .input-group-xl-down-break .form-control-plaintext + .form-control,
    .input-group-xl-down-break .select2-custom .select2-selection {
        margin-inline-start: 0;
        margin-top: -0.0625rem;
    }
}

@media (max-width: 1399.98px) {
    .input-group-xxl-down-break {
        display: block;
    }
    .input-group-xxl-down-break > .custom-select,
    .input-group-xxl-down-break > .form-control {
        width: 100%;
    }
    .input-group-xxl-down-break .select2-custom,
    .input-group-xxl-down-break .select2-custom .select2-container {
        width: 100% !important;
    }
    .input-group-xxl-down-break .select2-custom {
        margin-inline-start: 1px;
    }
    .input-group-xxl-down-break .select2-custom:first-child .select2-selection,
    .input-group-xxl-down-break > .custom-select:first-child,
    .input-group-xxl-down-break > .form-control:first-child {
        border-top-left-radius: 0.3125rem;
        border-top-right-radius: 0.3125rem;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }
    .input-group-xxl-down-break
        .select2-custom:not(:first-child):not(:last-child)
        .select2-selection,
    .input-group-xxl-down-break
        > .custom-select:not(:first-child):not(:last-child),
    .input-group-xxl-down-break
        > .form-control:not(:first-child):not(:last-child) {
        border-radius: 0;
    }
    .input-group-xxl-down-break .select2-custom:last-child .select2-selection,
    .input-group-xxl-down-break > .custom-select:last-child,
    .input-group-xxl-down-break > .form-control:last-child {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0.3125rem;
        border-bottom-left-radius: 0.3125rem;
    }
    .input-group-xxl-down-break .custom-file + .custom-file,
    .input-group-xxl-down-break .custom-file + .custom-select,
    .input-group-xxl-down-break .custom-file + .form-control,
    .input-group-xxl-down-break .custom-select + .custom-file,
    .input-group-xxl-down-break .custom-select + .custom-select,
    .input-group-xxl-down-break .custom-select + .form-control,
    .input-group-xxl-down-break .form-control + .custom-file,
    .input-group-xxl-down-break .form-control + .custom-select,
    .input-group-xxl-down-break .form-control + .form-control,
    .input-group-xxl-down-break .form-control-plaintext + .custom-file,
    .input-group-xxl-down-break .form-control-plaintext + .custom-select,
    .input-group-xxl-down-break .form-control-plaintext + .form-control,
    .input-group-xxl-down-break .select2-custom .select2-selection {
        margin-inline-start: 0;
        margin-top: -0.0625rem;
    }
}

.input-group-down-break {
    display: block;
}

.input-group-down-break > .custom-select,
.input-group-down-break > .form-control {
    width: 100%;
}

.input-group-down-break .select2-custom,
.input-group-down-break .select2-custom .select2-container {
    width: 100% !important;
}

.input-group-down-break .select2-custom {
    margin-inline-start: 1px;
}

.input-group-down-break .select2-custom:first-child .select2-selection,
.input-group-down-break > .custom-select:first-child,
.input-group-down-break > .form-control:first-child {
    border-top-left-radius: 0.3125rem;
    border-top-right-radius: 0.3125rem;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group-down-break
    .select2-custom:not(:first-child):not(:last-child)
    .select2-selection,
.input-group-down-break > .custom-select:not(:first-child):not(:last-child),
.input-group-down-break > .form-control:not(:first-child):not(:last-child) {
    border-radius: 0;
}

.input-group-down-break .select2-custom:last-child .select2-selection,
.input-group-down-break > .custom-select:last-child,
.input-group-down-break > .form-control:last-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0.3125rem;
    border-bottom-left-radius: 0.3125rem;
}

.input-group-down-break .custom-file + .custom-file,
.input-group-down-break .custom-file + .custom-select,
.input-group-down-break .custom-file + .form-control,
.input-group-down-break .custom-select + .custom-file,
.input-group-down-break .custom-select + .custom-select,
.input-group-down-break .custom-select + .form-control,
.input-group-down-break .form-control + .custom-file,
.input-group-down-break .form-control + .custom-select,
.input-group-down-break .form-control + .form-control,
.input-group-down-break .form-control-plaintext + .custom-file,
.input-group-down-break .form-control-plaintext + .custom-select,
.input-group-down-break .form-control-plaintext + .form-control,
.input-group-down-break .select2-custom .select2-selection {
    margin-inline-start: 0;
    margin-top: -0.0625rem;
}

.custom-select-light,
.form-control-light,
.input-group-light .custom-select,
.input-group-light .form-control {
    background-color: #f6f7fa;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.custom-select-light:disabled,
.custom-select-light[readonly],
.form-control-light:disabled,
.form-control-light[readonly],
.input-group-light .custom-select:disabled,
.input-group-light .custom-select[readonly],
.input-group-light .form-control:disabled,
.input-group-light .form-control[readonly] {
    background-color: transparent;
}

.custom-select-hover-light.focus,
.custom-select-hover-light:focus,
.custom-select-hover-light:hover,
.form-control-hover-light.focus,
.form-control-hover-light:focus,
.form-control-hover-light:hover,
.input-group-hover-light .custom-select.focus,
.input-group-hover-light .custom-select:focus,
.input-group-hover-light .custom-select:hover,
.input-group-hover-light .form-control.focus,
.input-group-hover-light .form-control:focus,
.input-group-hover-light .form-control:hover {
    background-color: #f6f7fa;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.custom-select-hover-light:disabled,
.custom-select-hover-light[readonly],
.form-control-hover-light:disabled,
.form-control-hover-light[readonly],
.input-group-hover-light .custom-select:disabled,
.input-group-hover-light .custom-select[readonly],
.input-group-hover-light .form-control:disabled,
.input-group-hover-light .form-control[readonly] {
    background-color: transparent;
}

.input-group-merge {
    position: relative;
}

.input-group-merge .input-group-append,
.input-group-merge .input-group-prepend {
    position: absolute;
    top: 0;
    bottom: 0;
}

.input-group-merge .input-group-prepend {
    inset-inline-start: 0;
}

.input-group-merge .input-group-prepend .input-group-text {
    padding: 0 0 0 0.875rem;
}

.input-group-merge .input-group-prepend .input-group-text:first-child {
    border-top-left-radius: 0.3125rem;
    border-bottom-left-radius: 0.3125rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group-merge .input-group-append {
    inset-inline-end: 0;
}

.input-group-merge .input-group-append .input-group-text {
    padding: 0;
    padding-inline-end: 0.875rem;
}

.input-group-merge .input-group-append .input-group-text:last-child {
    border-top-right-radius: 0.3125rem;
    border-bottom-right-radius: 0.3125rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group-merge .input-group-text {
    z-index: 4;
    border: none;
}

.input-group-merge .custom-select:not(:first-child),
.input-group-merge .form-control:not(:first-child) {
    padding-inline-start: 2.625rem;
    border-top-left-radius: 0.3125rem;
    border-bottom-left-radius: 0.3125rem;
}

.input-group-merge .custom-select:not(:last-child),
.input-group-merge .form-control:not(:last-child) {
    padding-inline-end: 2.625rem;
    border-top-right-radius: 0.3125rem;
    border-bottom-right-radius: 0.3125rem;
}

.custom-select-flush,
.form-control-flush {
    background-color: transparent;
    border-top: none;
    border-inline-end: none;
    border-inline-start: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-inline-end: 0;
    padding-inline-start: 0;
    border-radius: 0;
}

.custom-select-flush.is-invalid,
.custom-select-flush.is-invalid:focus,
.custom-select-flush.is-valid,
.custom-select-flush.is-valid:focus,
.form-control-flush.is-invalid,
.form-control-flush.is-invalid:focus,
.form-control-flush.is-valid,
.form-control-flush.is-valid:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

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

.input-group-flush .custom-select,
.input-group-flush .form-control {
    background-color: transparent;
    border-top: none;
    border-inline-end: none;
    border-inline-start: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-inline-end: 0;
    padding-inline-start: 0;
    border-radius: 0;
}

.input-group-flush .custom-select.is-invalid,
.input-group-flush .custom-select.is-invalid:focus,
.input-group-flush .custom-select.is-valid,
.input-group-flush .custom-select.is-valid:focus,
.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 {
    -webkit-box-shadow: none;
    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-inline-end: none;
    border-inline-start: none;
    border-radius: 0;
}

.input-group-flush .input-group-prepend .input-group-text {
    padding-inline-start: 0;
}

.input-group-flush .input-group-append .input-group-text {
    padding-inline-start: 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 .custom-select:not(:first-child),
.input-group-flush.input-group-merge .form-control:not(:first-child) {
    padding-inline-start: 1.75rem;
}

.input-group-flush.input-group-merge .custom-select:not(:last-child),
.input-group-flush.input-group-merge .form-control:not(:last-child) {
    padding-inline-end: 1.75rem;
}

.input-group-flush.input-group .custom-select:not(:first-child),
.input-group-flush.input-group .custom-select:not(:last-child),
.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
    .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;
}

.custom-select-pill,
.form-control-pill {
    border-radius: 6.1875rem;
}

.input-group-pill {
    border-radius: 6.1875rem;
}

.input-group-pill > .custom-select:first-child,
.input-group-pill > .form-control:first-child {
    border-top-left-radius: 6.1875rem;
    border-bottom-left-radius: 6.1875rem;
}

.input-group-pill > .custom-select:last-child,
.input-group-pill > .form-control:last-child {
    border-top-right-radius: 6.1875rem;
    border-bottom-right-radius: 6.1875rem;
}

.input-group-pill > .input-group-prepend > .btn,
.input-group-pill > .input-group-prepend > .input-group-text {
    border-top-left-radius: 6.1875rem;
    border-bottom-left-radius: 6.1875rem;
}

.input-group-pill > .input-group-append > .btn,
.input-group-pill > .input-group-append > .input-group-text {
    border-top-right-radius: 6.1875rem;
    border-bottom-right-radius: 6.1875rem;
}

.input-group-pill.input-group-merge .form-control:not(:last-child) {
    border-top-right-radius: 6.1875rem;
    border-bottom-right-radius: 6.1875rem;
}

.input-group-pill.input-group-merge .input-group-prepend > .btn,
.input-group-pill.input-group-merge .input-group-prepend > .input-group-text {
    border-top-left-radius: 6.1875rem;
    border-bottom-left-radius: 6.1875rem;
}

.input-group-pill.input-group-merge .form-control:not(:first-child) {
    border-top-left-radius: 6.1875rem;
    border-bottom-left-radius: 6.1875rem;
}

.input-group-pill.input-group-merge .input-group-append > .btn,
.input-group-pill.input-group-merge .input-group-append > .input-group-text {
    border-top-right-radius: 6.1875rem;
    border-bottom-right-radius: 6.1875rem;
}

.input-group-pill.input-group-merge .custom-select {
    border-radius: 6.1875rem;
}

.input-group-quantity-counter {
    position: relative;
    width: 8rem;
}

.input-group-quantity-counter .input-group-quantity-counter-control {
    padding-inline-end: 4.0625rem;
}

.input-group-quantity-counter .input-group-quantity-counter-toggle {
    position: absolute;
    top: 50%;
    inset-inline-end: 0.5rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.input-group-quantity-counter .input-group-quantity-counter-btn {
    position: relative;
    display: -ms-inline-flexbox;
    display: -webkit-inline-box;
    display: inline-flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    color: #677788;
    font-size: 0.75rem;
    width: 1.53125rem;
    height: 1.53125rem;
    background-color: #fff;
    border: 0.0625rem solid #e7eaf3;
    border-radius: 50%;
}

.input-group-quantity-counter .input-group-quantity-counter-btn:hover {
    color: #0052ea;
    -webkit-box-shadow: 0 3px 6px -2px rgba(140, 152, 164, 0.25);
    box-shadow: 0 3px 6px -2px rgba(140, 152, 164, 0.25);
}

.input-group-sm.input-group-merge .custom-select:not(:first-child),
.input-group-sm.input-group-merge .form-control:not(:first-child) {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.input-group-sm.input-group-merge .custom-select:not(:last-child),
.input-group-sm.input-group-merge .form-control:not(:last-child) {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.input-group-sm.input-group-merge
    .input-group-prepend
    .input-group-text:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.input-group-sm.input-group-merge
    .input-group-append
    .input-group-text:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.input-group-lg.input-group-merge .custom-select:not(:first-child),
.input-group-lg.input-group-merge .form-control:not(:first-child) {
    padding-inline-start: 2.625rem;
    border-top-left-radius: 0.3125rem;
    border-bottom-left-radius: 0.3125rem;
}

.input-group-lg.input-group-merge .custom-select:not(:last-child),
.input-group-lg.input-group-merge .form-control:not(:last-child) {
    padding-inline-end: 2.625rem;
    border-top-right-radius: 0.3125rem;
    border-bottom-right-radius: 0.3125rem;
}

.input-group-lg.input-group-merge
    .input-group-prepend
    .input-group-text:first-child {
    border-top-left-radius: 0.3125rem;
    border-bottom-left-radius: 0.3125rem;
}

.input-group-lg.input-group-merge
    .input-group-append
    .input-group-text:last-child {
    border-top-right-radius: 0.3125rem;
    border-bottom-right-radius: 0.3125rem;
}

.form-control.is-valid {
    background-size: 1rem 1rem;
}

.form-control.is-valid,
.form-control.is-valid:focus {
    -webkit-box-shadow: 0 0 10px rgba(0, 201, 167, 0.1);
    box-shadow: 0 0 10px rgba(0, 201, 167, 0.1);
}

.form-control.is-invalid {
    background-size: 1rem 1rem;
}

.form-control.is-invalid,
.form-control.is-invalid:focus {
    -webkit-box-shadow: 0 0 10px rgba(237, 76, 120, 0.1);
    box-shadow: 0 0 10px rgba(237, 76, 120, 0.1);
}

.custom-control-input.is-valid:checked ~ .custom-control-label::before,
.was-validated
    .custom-control-input:valid:checked
    ~ .custom-control-label::before {
    border-color: #00c9a7;
    background-color: #00c9a7;
}

.is-valid .custom-select {
    background-size: 1rem 1rem;
    border-color: #00c9a7;
}

.is-valid .custom-select,
.is-valid .custom-select:focus {
    -webkit-box-shadow: 0 0 10px rgba(0, 201, 167, 0.1);
    box-shadow: 0 0 10px rgba(0, 201, 167, 0.1);
}

.is-invalid .custom-select {
    background-size: 1rem 1rem;
    border-color: #ed4c78;
}

.is-invalid .custom-select,
.is-invalid .custom-select:focus {
    -webkit-box-shadow: 0 0 10px rgba(237, 76, 120, 0.1);
    box-shadow: 0 0 10px rgba(237, 76, 120, 0.1);
}

.custom-checkbox-bookmark {
    padding-inline-start: 0;
}

.custom-checkbox-bookmark-label {
    display: -ms-inline-flexbox;
    display: -webkit-inline-box;
    display: inline-flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
    color: #bdc5d1;
    font-size: 1.09375rem;
    margin-bottom: 0;
}

.custom-checkbox-bookmark-active,
.custom-checkbox-bookmark-default {
    margin-top: -1px;
}

.custom-checkbox-bookmark-active {
    color: #ffc107;
}

.custom-checkbox-bookmark-input
    ~ .custom-checkbox-bookmark-label
    .custom-checkbox-bookmark-default {
    display: block;
}

.custom-checkbox-bookmark-input
    ~ .custom-checkbox-bookmark-label
    .custom-checkbox-bookmark-active {
    display: none;
}

.custom-checkbox-bookmark-input:checked
    ~ .custom-checkbox-bookmark-label
    .custom-checkbox-bookmark-default {
    display: none;
}

.custom-checkbox-bookmark-input:checked
    ~ .custom-checkbox-bookmark-label
    .custom-checkbox-bookmark-active {
    display: block;
}

.custom-checkbox-bookmark-input:disabled ~ .custom-checkbox-bookmark-label {
    color: #e7eaf3;
}

.custom-checkbox-card {
    position: relative;
    height: 100%;
    padding-inline-start: 0;
    margin-inline-end: 0;
}

.custom-checkbox-card.card {
    border-width: 0;
}

.custom-checkbox-card-input {
    position: absolute;
    inset-inline-start: 0;
    z-index: -1;
    opacity: 0;
}

.custom-checkbox-card-label {
    width: 100%;
    height: 100%;
    z-index: 1;
    border: 0.0625rem solid #e7eaf3;
    border-radius: 0.3125rem;
    cursor: pointer;
    margin-bottom: 0;
}

.custom-checkbox-card-label::after {
    position: absolute;
    top: 0.5rem;
    inset-inline-end: 0.5rem;
    width: 1rem;
    height: 1rem;
    z-index: 1;
    content: "";
}

.custom-checkbox-card-label-stretched {
    position: absolute;
    top: 0;
    inset-inline-start: 0;
}

.custom-checkbox-card-label-stretched::after {
    background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 110 110' fill='%23e7eaf3' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M55,110L55,110C24.6,110,0,85.4,0,55v0C0,24.6,24.6,0,55,0h0c30.4,0,55,24.6,55,55v0C110,85.4,85.4,110,55,110zM81.6,31c-1.5-1.4-3.9-1.4-5.4,0.1L43.7,64.3l-8-9.6c-1.8-2.2-4.9-2.6-6.9-0.9c-1.8,1.5-2.1,4.1-0.9,6.2l10.2,17.3c2,3.3,6.7,3.6,9,0.5L82,36.2C83.3,34.7,83.1,32.4,81.6,31z'/%3E%3C/svg%3E")
        no-repeat right center/1rem 1rem;
}

.custom-checkbox-card-img {
    max-width: 100%;
    height: auto;
    border-radius: 0.3125rem;
}

.custom-checkbox-card-text {
    display: block;
    padding: 0.3125rem 0;
}

.custom-checkbox-card-lg,
.custom-checkbox-card-lg .custom-checkbox-card-label {
    border-radius: 0.75rem;
}

.custom-checkbox-card-lg .custom-checkbox-card-label::after {
    top: 0.75rem;
    inset-inline-end: 0.75rem;
    width: 1.25rem;
    height: 1.25rem;
    background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 110 110' fill='%23e7eaf3' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M55,110L55,110C24.6,110,0,85.4,0,55v0C0,24.6,24.6,0,55,0h0c30.4,0,55,24.6,55,55v0C110,85.4,85.4,110,55,110zM81.6,31c-1.5-1.4-3.9-1.4-5.4,0.1L43.7,64.3l-8-9.6c-1.8-2.2-4.9-2.6-6.9-0.9c-1.8,1.5-2.1,4.1-0.9,6.2l10.2,17.3c2,3.3,6.7,3.6,9,0.5L82,36.2C83.3,34.7,83.1,32.4,81.6,31z'/%3E%3C/svg%3E")
        no-repeat right center/1.25rem 1.25rem;
}

.custom-checkbox-card-input:checked ~ .custom-checkbox-card-label::after {
    background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 110 110' fill='%23377dff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M55,110L55,110C24.6,110,0,85.4,0,55v0C0,24.6,24.6,0,55,0h0c30.4,0,55,24.6,55,55v0C110,85.4,85.4,110,55,110zM81.6,31c-1.5-1.4-3.9-1.4-5.4,0.1L43.7,64.3l-8-9.6c-1.8-2.2-4.9-2.6-6.9-0.9c-1.8,1.5-2.1,4.1-0.9,6.2l10.2,17.3c2,3.3,6.7,3.6,9,0.5L82,36.2C83.3,34.7,83.1,32.4,81.6,31z'/%3E%3C/svg%3E")
        no-repeat right center/1rem 1rem;
}

.custom-checkbox-card-lg
    .custom-checkbox-card-input:checked
    ~ .custom-checkbox-card-label::after {
    background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 110 110' fill='%23377dff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M55,110L55,110C24.6,110,0,85.4,0,55v0C0,24.6,24.6,0,55,0h0c30.4,0,55,24.6,55,55v0C110,85.4,85.4,110,55,110zM81.6,31c-1.5-1.4-3.9-1.4-5.4,0.1L43.7,64.3l-8-9.6c-1.8-2.2-4.9-2.6-6.9-0.9c-1.8,1.5-2.1,4.1-0.9,6.2l10.2,17.3c2,3.3,6.7,3.6,9,0.5L82,36.2C83.3,34.7,83.1,32.4,81.6,31z'/%3E%3C/svg%3E")
        no-repeat right center/1.25rem 1.25rem;
}

.custom-checkbox-card-input:checked ~ .custom-checkbox-card-label,
.custom-checkbox-card-input:checked ~ .custom-checkbox-card-label-stretched {
    border-color: #377dff;
}

.custom-checkbox-card.checked .custom-checkbox-card-btn {
    color: #fff;
    background-color: #377dff;
    border-color: #377dff;
}

.custom-checkbox-card-input:disabled ~ .custom-checkbox-card-label {
    opacity: 0.5;
}

.custom-checkbox-card.disabled .custom-checkbox-card-btn {
    cursor: default;
    opacity: 0.5;
}

.custom-checkbox-list {
    position: static;
    z-index: auto;
}

.custom-checkbox-list
    .custom-control-input:checked
    ~ .custom-control-label::after {
    background-image: none;
}

.custom-checkbox-list .custom-control-label::before {
    width: 0.6875rem;
    height: 0.6875rem;
    border: none;
    background-color: #e7eaf3;
    border-radius: 50%;
}

.custom-checkbox-list .custom-control-label::after {
    z-index: 2;
}

.custom-checkbox-list:hover .custom-control-label::before {
    background-color: rgba(55, 125, 255, 0.3125);
}

.custom-checkbox-list:hover
    .custom-control-input:checked
    ~ .custom-control-label::before {
    background-color: #377dff;
}

.custom-checkbox-list-stretched-bg::after {
    position: absolute;
    top: 0;
    inset-inline-end: 0;
    bottom: 0;
    inset-inline-start: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0, 0, 0, 0);
}

.custom-checkbox-list-wrapper:hover .custom-checkbox-list-stretched-bg::after {
    background-color: rgba(55, 125, 255, 0.035);
}

.custom-checkbox-list
    .custom-control-input:checked
    ~ .custom-checkbox-list-stretched-bg::after {
    background-color: rgba(55, 125, 255, 0.035);
}

.custom-checkbox-list
    .custom-control-input:disabled
    ~ .custom-control-label::before {
    background-color: #8c98a4;
}

.custom-checkbox-switch {
    display: inline-block;
    padding-inline-start: 0;
}

.custom-checkbox-switch-label {
    cursor: pointer;
    color: #377dff;
    background-color: #fff;
    border: 0.0625rem solid #377dff;
    margin-bottom: 0;
}

.custom-checkbox-switch-label:hover {
    color: #377dff;
}

.custom-checkbox-switch-label-btn-dashed {
    border: 0.0625rem dashed #e7eaf3;
}

.custom-checkbox-switch-input
    ~ .custom-checkbox-switch-label
    .custom-checkbox-switch-default {
    display: block;
}

.custom-checkbox-switch-input
    ~ .custom-checkbox-switch-label
    .custom-checkbox-switch-active {
    display: none;
}

.custom-checkbox-switch-input:checked ~ .custom-checkbox-switch-label {
    color: #fff;
    border-style: solid;
    background-color: #377dff;
}

.custom-checkbox-switch-input:checked
    ~ .custom-checkbox-switch-label
    .custom-checkbox-switch-default {
    display: none;
}

.custom-checkbox-switch-input:checked
    ~ .custom-checkbox-switch-label
    .custom-checkbox-switch-active {
    display: block;
}

.custom-checkbox-switch-input:disabled ~ .custom-checkbox-switch-label {
    color: #8c98a4;
    background-color: rgba(231, 234, 243, 0.5);
}

.checkbox-outline-primary .custom-control-label::before {
    border-color: #377dff;
}

.checkbox-outline-primary
    .custom-control-input:focus:not(:checked)
    ~ .custom-control-label::before {
    border-color: rgba(55, 125, 255, 0.4);
}

.checkbox-outline-primary
    .custom-control-input:checked
    ~ .custom-control-label::before,
.checkbox-outline-primary
    .custom-control-input:not(:disabled):active
    ~ .custom-control-label::before {
    color: #fff;
    border-color: #377dff;
    background-color: #377dff;
}

.checkbox-outline-secondary .custom-control-label::before {
    border-color: #71869d;
}

.checkbox-outline-secondary
    .custom-control-input:focus:not(:checked)
    ~ .custom-control-label::before {
    border-color: rgba(113, 134, 157, 0.4);
}

.checkbox-outline-secondary
    .custom-control-input:checked
    ~ .custom-control-label::before,
.checkbox-outline-secondary
    .custom-control-input:not(:disabled):active
    ~ .custom-control-label::before {
    color: #fff;
    border-color: #71869d;
    background-color: #71869d;
}

.checkbox-outline-success .custom-control-label::before {
    border-color: #00c9a7;
}

.checkbox-outline-success
    .custom-control-input:focus:not(:checked)
    ~ .custom-control-label::before {
    border-color: rgba(0, 201, 167, 0.4);
}

.checkbox-outline-success
    .custom-control-input:checked
    ~ .custom-control-label::before,
.checkbox-outline-success
    .custom-control-input:not(:disabled):active
    ~ .custom-control-label::before {
    color: #fff;
    border-color: #00c9a7;
    background-color: #00c9a7;
}

.checkbox-outline-info .custom-control-label::before {
    border-color: #0096ff;
}

.checkbox-outline-info
    .custom-control-input:focus:not(:checked)
    ~ .custom-control-label::before {
    border-color: rgba(0, 201, 219, 0.4);
}

.checkbox-outline-info
    .custom-control-input:checked
    ~ .custom-control-label::before,
.checkbox-outline-info
    .custom-control-input:not(:disabled):active
    ~ .custom-control-label::before {
    color: #fff;
    border-color: #0096ff;
    background-color: #0096ff;
}

.checkbox-outline-warning .custom-control-label::before {
    border-color: #f5ca99;
}

.checkbox-outline-warning
    .custom-control-input:focus:not(:checked)
    ~ .custom-control-label::before {
    border-color: rgba(245, 202, 153, 0.4);
}

.checkbox-outline-warning
    .custom-control-input:checked
    ~ .custom-control-label::before,
.checkbox-outline-warning
    .custom-control-input:not(:disabled):active
    ~ .custom-control-label::before {
    color: #334257;
    border-color: #f5ca99;
    background-color: #f5ca99;
}

.checkbox-outline-danger .custom-control-label::before {
    border-color: #ed4c78;
}

.checkbox-outline-danger
    .custom-control-input:focus:not(:checked)
    ~ .custom-control-label::before {
    border-color: rgba(237, 76, 120, 0.4);
}

.checkbox-outline-danger
    .custom-control-input:checked
    ~ .custom-control-label::before,
.checkbox-outline-danger
    .custom-control-input:not(:disabled):active
    ~ .custom-control-label::before {
    color: #fff;
    border-color: #ed4c78;
    background-color: #ed4c78;
}

.checkbox-outline-light .custom-control-label::before {
    border-color: #f9fafc;
}

.checkbox-outline-light
    .custom-control-input:focus:not(:checked)
    ~ .custom-control-label::before {
    border-color: rgba(249, 250, 252, 0.4);
}

.checkbox-outline-light
    .custom-control-input:checked
    ~ .custom-control-label::before,
.checkbox-outline-light
    .custom-control-input:not(:disabled):active
    ~ .custom-control-label::before {
    color: #334257;
    border-color: #f9fafc;
    background-color: #f9fafc;
}

.checkbox-outline-dark .custom-control-label::before {
    border-color: #132144;
}

.checkbox-outline-dark
    .custom-control-input:focus:not(:checked)
    ~ .custom-control-label::before {
    border-color: rgba(19, 33, 68, 0.4);
}

.checkbox-outline-dark
    .custom-control-input:checked
    ~ .custom-control-label::before,
.checkbox-outline-dark
    .custom-control-input:not(:disabled):active
    ~ .custom-control-label::before {
    color: #fff;
    border-color: #132144;
    background-color: #132144;
}

.toggle-switch {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
    text-transform: capitalize;
}

.toggle-switch span.pr-2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.toggle-switch:not(.form-group) {
    margin-bottom: 0;
}

.toggle-switch-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.toggle-switch-content {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
    margin-inline-start: 0.5rem;
}

.toggle-switch-label {
    position: relative;
    display: block;
    width: 3rem;
    height: 2rem;
    background-color: #8c9aae;
    background-clip: content-box;
    border: 0.125rem solid transparent;
    border-radius: 6.1875rem;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.toggle-switch-indicator {
    position: absolute;
    inset-inline-start: 0.125rem;
    bottom: 2px;
    width: 1.5rem;
    height: 1.5rem;
    background-color: #fff;
    -webkit-transform: initial;
    transform: initial;
    -webkit-box-shadow: 0 3px 6px 0 rgba(140, 152, 164, 0.25);
    box-shadow: 0 3px 6px 0 rgba(140, 152, 164, 0.25);
    border-radius: 50%;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    margin: 0 !important;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.toggle-switch-input:checked + .toggle-switch-label {
    background-color: var(--primary-clr);
}

.toggle-switch-input:checked + .toggle-switch-label .toggle-switch-indicator {
    -webkit-transform: translate3d(1.025rem, 0, 0);
    transform: translate3d(1.025rem, 0, 0);
}

.toggle-switch-input.is-valid + .toggle-switch-label {
    background-color: #00c9a7;
}

.toggle-switch-input.is-invalid + .toggle-switch-label {
    background-color: #ed4c78;
}

.toggle-switch-input:disabled + .toggle-switch-label {
    background-color: rgba(231, 234, 243, 0.5);
}

.toggle-switch-input:checked:disabled + .toggle-switch-label {
    background-color: rgba(55, 125, 255, 0.5);
}

.toggle-switch-sm .toggle-switch-label {
    width: 44px;
    height: 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
}

.toggle-switch-sm .toggle-switch-indicator {
    width: 18px;
    height: 18px;
}

.toggle-switch-sm
    .toggle-switch-input:checked
    + .toggle-switch-label
    .toggle-switch-indicator {
    -webkit-transform: translate3d(18px, 0, 0);
    transform: translate3d(18px, 0, 0);
}

.custom-file-boxed {
    position: relative;
    width: 100%;
    text-align: center;
    border: 0.1rem dashed #e7eaf3;
    cursor: pointer;
    padding: 3rem 3rem;
    border-radius: 0.3125rem;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.custom-file-boxed:hover {
    background-color: #f8fafd;
}

.custom-file-boxed-input {
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.custom-file-boxed-label {
    text-align: center;
    cursor: pointer;
    margin-inline-end: auto;
    margin-inline-start: auto;
    margin-bottom: 1rem;
}

.custom-file-boxed-sm {
    padding: 2rem 2rem;
}

.custom-file-btn {
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
}

.custom-file-btn-input {
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.custom-file-btn-label {
    margin-bottom: 0;
}

.go-to {
    display: -ms-inline-flexbox;
    display: -webkit-inline-box;
    display: inline-flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    z-index: 9999;
    width: 2.625rem;
    height: 2.625rem;
    background-color: rgba(113, 134, 157, 0.1);
    color: #677788;
    font-size: 0.92969rem;
    opacity: 0.5;
    border-radius: 50%;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.go-to:focus:hover,
.go-to:hover {
    color: #fff;
    background-color: #377dff;
    opacity: 1;
}

.icon {
    display: -ms-inline-flexbox;
    display: -webkit-inline-box;
    display: inline-flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    font-size: 1.09375rem;
    width: 2.625rem;
    height: 2.625rem;
    border-radius: 0.3125rem;
}

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

.icon-centered {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    margin-inline-end: auto;
    margin-inline-start: auto;
}

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

.icon.icon-sm {
    font-size: 0.98438rem;
    width: 2.1875rem;
    height: 2.1875rem;
}

.icon.icon-lg {
    font-size: 1.53125rem;
    width: 3.36875rem;
    height: 3.36875rem;
}

.icon-primary {
    color: #fff;
    border-color: #377dff;
    background-color: #377dff;
}

.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: #0096ff;
    background-color: #0096ff;
}

.icon-warning {
    color: #334257;
    border-color: #f5ca99;
    background-color: #f5ca99;
}

.icon-danger {
    color: #fff;
    border-color: #ed4c78;
    background-color: #ed4c78;
}

.icon-light {
    color: #334257;
    border-color: #f9fafc;
    background-color: #f9fafc;
}

.icon-dark {
    color: #fff;
    border-color: #132144;
    background-color: #132144;
}

.icon-soft-primary {
    color: #377dff;
    background: rgba(55, 125, 255, 0.1);
}

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

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

.icon-soft-info {
    color: #0096ff;
    background: rgba(0, 150, 255, 0.05);
}

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

.icon-soft-danger {
    color: #ed4c78;
    background: rgba(237, 76, 120, 0.1);
}

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

.icon-soft-dark {
    color: #132144;
    background: rgba(19, 33, 68, 0.1);
}

.nav-link {
    color: #677788;
}

.nav-link:hover {
    color: #0052ea;
}

.nav-link.active {
    color: #377dff;
}

.nav-title {
    display: block;
    color: #334257;
    font-size: 1.14844rem;
    font-weight: 600;
    margin-bottom: 0.75rem;
}

.nav-subtitle {
    display: block;
    color: #8c98a4;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03125rem;
}

.nav-tabs .nav-link {
    border-bottom-width: 0.0625rem;
    border-inline-start-width: 0;
    border-inline-end-width: 0;
    border-top-width: 0;
    padding: 0.607rem 1rem;
    margin-bottom: 0;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    border-bottom-width: 2px;
    margin-bottom: -0.1rem;
}

.nav-tabs-light .nav-item.show .nav-link,
.nav-tabs-light .nav-link.active {
    color: #fff;
}

.nav-tabs-light .nav-link {
    color: rgba(255, 255, 255, 0.7);
}

.nav-tabs-light .nav-link:hover {
    color: #fff;
}

.nav-pills .nav-item:not(:first-child) {
    margin-inline-start: 0.25rem;
}

.nav-pills .nav-item:not(:last-child) {
    margin-inline-end: 0.25rem;
}

.nav-pills:not(.nav-segment) .nav-link:hover {
    color: #677788;
    background-color: rgba(189, 197, 209, 0.3);
}

.nav-pills:not(.nav-segment) .nav-link.active {
    color: #fff;
    background-color: #377dff;
}

.nav-divider {
    height: 0;
    margin: 0.5rem 0;
    overflow: hidden;
    border-top: 0.0625rem solid #e7eaf3;
}

.nav-link-toggle {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
}

.nav-link-toggle::after,
.nav-link-toggle[data-toggle="collapse"]::after {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='%2371869d' 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")
        no-repeat right center/1rem 1rem;
    content: "";
    margin-inline-start: auto;
}

.nav-pills .show > .nav-link-toggle:not(:hover)::after,
.nav-pills .show > .nav-link-toggle:not(:hover)[data-toggle="collapse"]::after {
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='%23fff' 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")
        no-repeat right center/1rem 1rem;
}

.nav-item.active .nav-link {
    color: #377dff;
}

.nav-icon {
    font-size: 1.125rem !important;
    line-height: 1.1;
    -ms-flex: 0 0 1.75rem;
    -webkit-box-flex: 0;
    flex: 0 0 1.75rem;
}

.nav-compact {
    text-align: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
}

.nav-compact > .nav-item {
    margin: 0.25rem 0;
}

.nav-compact > .nav-item:not(:last-child) {
    margin-inline-end: 0;
}

.nav-compact > .nav-item > .nav-link {
    width: 7rem;
    border-radius: 0.3125rem;
}

.nav-compact > .nav-item > .nav-link.active,
.nav-compact > .nav-item > .nav-link:hover {
    color: #0052ea;
    background-color: rgba(55, 125, 255, 0.1);
}

.nav-compact > .nav-item > .nav-link .nav-icon {
    font-size: 1.25rem;
}

.nav-compact > .show > .nav-link {
    color: #0052ea;
    background-color: rgba(55, 125, 255, 0.1);
}

.nav-compact-title {
    display: block;
}

.nav-compact-icon {
    text-align: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
}

.nav-compact-icon > .nav-item {
    margin: 0.25rem 0;
}

.nav-compact-icon > .nav-item:not(:last-child) {
    margin-inline-end: 0;
}

.nav-compact-icon .nav-icon {
    display: -ms-inline-flexbox;
    display: -webkit-inline-box;
    display: inline-flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    width: 2.625rem;
    height: 2.625rem;
    font-size: 0.92969rem;
    color: #677788;
    background-color: transparent;
    opacity: 1;
    margin-inline-end: 0;
    border-radius: 0.3125rem;
    text-align: center;
}

.nav-compact-icon .nav-icon.active,
.nav-compact-icon .nav-icon:hover {
    color: #0052ea;
    background-color: rgba(55, 125, 255, 0.1);
}

.nav-compact-icon .nav-link.active .nav-icon {
    color: #0052ea;
    background-color: rgba(55, 125, 255, 0.1);
}

.nav-compact-icon-circle .nav-icon {
    border-radius: 50%;
}

.nav-indicator-icon {
    color: #bdc5d1;
    font-size: 6px;
    -ms-flex: 0 0 1rem;
    -webkit-box-flex: 0;
    flex: 0 0 1rem;
}

.nav-segment {
    position: relative;
    background-color: #f8fafd;
    padding: 0.25rem 0.25rem;
    border-radius: 0.3125rem;
}

.nav-segment:not(.nav-fill) {
    display: -ms-inline-flexbox;
    display: -webkit-inline-box;
    display: inline-flex;
}

.nav-segment .nav-link {
    color: #677788;
    font-size: 0.8125rem;
    padding: 0.4375rem 0.65625rem;
    border-radius: 0.3125rem;
}

.nav-segment .nav-link:hover {
    color: #377dff;
}

.nav-segment .nav-link.active {
    color: #334257;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 6px 0 rgba(140, 152, 164, 0.25);
    box-shadow: 0 3px 6px 0 rgba(140, 152, 164, 0.25);
}

.nav-segment.nav-pills {
    border-radius: 6.1875rem;
}

.nav-segment.nav-pills .nav-link {
    border-radius: 6.1875rem;
}

@media (max-width: 575.98px) {
    .nav-sm-down-break {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
    }
}

@media (max-width: 767.98px) {
    .nav-md-down-break {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
    }
}

@media (max-width: 991.98px) {
    .nav-lg-down-break {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
    }
}

@media (max-width: 1199.98px) {
    .nav-xl-down-break {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
    }
}

@media (max-width: 1399.98px) {
    .nav-xxl-down-break {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
    }
}

.nav-down-break {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

.legend-indicator {
    display: inline-block;
    width: 0.5rem;
    height: 0.5rem;
    background-color: #bdc5d1;
    border-radius: 50%;
    margin-inline-end: 0.4375rem;
}

.popover {
    -webkit-box-shadow: 0 10px 40px 10px rgba(140, 152, 164, 0.175);
    box-shadow: 0 10px 40px 10px rgba(140, 152, 164, 0.175);
}

.popover-header {
    font-size: 1rem;
    font-weight: 600;
}

.popover-dark {
    background-color: #132144;
}

.popover-dark.bs-popover-auto[x-placement^="top"] > .arrow::after,
.popover-dark.bs-popover-top > .arrow::after {
    border-top-color: #132144;
}

.popover-dark.bs-popover-auto[x-placement^="right"] > .arrow::after,
.popover-dark.bs-popover-right > .arrow::after {
    border-inline-end-color: #132144;
}

.popover-dark.bs-popover-auto[x-placement^="bottom"] > .arrow::after,
.popover-dark.bs-popover-bottom > .arrow::after {
    border-bottom-color: #132144;
}

.popover-dark.bs-popover-auto[x-placement^="left"] > .arrow::after,
.popover-dark.bs-popover-left > .arrow::after {
    border-inline-start-color: #132144;
}

.popover-dark .popover-header {
    color: #fff;
    background-color: #132144;
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.popover-dark .popover-body {
    color: #bdc5d1;
}

.page-link {
    cursor: pointer;
    text-align: center;
    min-width: 2.25rem;
}

.page-item:not(.active) .page-link:hover {
    color: #377dff;
}

.page-item {
    margin-inline-start: 0.25rem;
    margin-inline-end: 0.25rem;
}

.page-item .page-link {
    border-top-left-radius: 0.3125rem;
    border-bottom-left-radius: 0.3125rem;
}

.page-item .page-link {
    border-top-right-radius: 0.3125rem;
    border-bottom-right-radius: 0.3125rem;
}

.pagination-sm .page-link {
    border-radius: 0.25rem;
}

.pagination-lg .page-link {
    border-radius: 0.75rem;
}

.progress-vertical {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-flow: column nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column nowrap;
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    background-color: #f8fafd;
    width: 0.5rem;
    height: 12.5rem;
}

.profile-cover {
    position: relative;
    height: 7.5rem;
    padding: 1.75rem 2rem;
    border-radius: 0.75rem;
}

.profile-cover-content {
    position: relative;
    z-index: 1;
}

.profile-cover-img-wrapper {
    position: absolute;
    top: 0;
    inset-inline-end: 0;
    inset-inline-start: 0;
    height: 7.5rem;
    background-color: #e7eaf3;
    border-radius: 0.75rem;
}

.profile-cover-img {
    width: 100%;
    height: 7.5rem;
    -o-object-fit: cover;
    object-fit: cover;
    vertical-align: top;
    border-radius: 0.75rem;
}

.profile-cover-avatar {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    margin: -6.3rem auto 0.5rem auto;
}

.profile-cover-content {
    padding: 1rem 2rem;
}

.profile-cover-btn {
    position: absolute;
    bottom: 0;
    inset-inline-end: 0;
}

@media (min-width: 992px) {
    .profile-cover {
        height: 10rem;
    }
    .profile-cover-img-wrapper {
        height: 10rem;
    }
    .profile-cover-img {
        height: 10rem;
    }
}

.modal {
    padding-inline-end: 0 !important;
}

.modal-header {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    border-width: 0;
    padding-bottom: 0;
}

.modal-header .close {
    padding: 0.25rem 0.25rem;
    margin: 0 0 0 auto;
}

.modal-footer > * {
    margin-top: 0;
    margin-bottom: 0;
}

.modal-footer-text:last-child {
    font-size: 0.8125rem;
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .modal-lg .modal-header,
    .modal-xl .modal-header {
        padding-top: 2.25rem;
    }
    .modal-lg .modal-footer,
    .modal-lg .modal-header,
    .modal-xl .modal-footer,
    .modal-xl .modal-header {
        padding-inline-end: 2.25rem;
        padding-inline-start: 2.25rem;
    }
    .modal-lg .modal-body,
    .modal-xl .modal-body {
        padding: 2.25rem;
    }
    .modal-lg .modal-footer,
    .modal-xl .modal-footer {
        padding-bottom: 2.25rem;
    }
}

.modal-top-cover {
    position: relative;
    overflow: hidden;
    min-height: 8rem;
    border-top-right-radius: 0.6875rem;
    border-top-left-radius: 0.6875rem;
}

.modal-top-cover-avatar,
.modal-top-cover-icon {
    position: relative;
    z-index: 2;
    margin-top: -3rem;
}

.modal-close {
    position: absolute;
    top: 0.75rem;
    inset-inline-end: 0.75rem;
    z-index: 2;
}

.step {
    position: relative;
    list-style: none;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-inline-start: 0;
    margin-inline-end: -0.9375rem;
    margin-inline-start: -0.9375rem;
}

.step.step-dashed .step-icon::after {
    border-inline-start-style: dashed;
}

.step-title {
    display: block;
    color: #334257;
    font-weight: 600;
}

.step-text:last-child {
    color: #677788;
    margin-bottom: 0;
}

.step-border-last-0 .step-item:last-child .step-icon::after {
    display: none;
}

.step .step-item {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
    padding-inline-end: 0.9375rem;
    padding-inline-start: 0.9375rem;
    margin-bottom: 1.5rem;
}

.step-item-between .step-item:last-child {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: auto;
}

.step .step-content-wrapper {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    width: 100%;
}

.step .step-content {
    -ms-flex: 1;
    -webkit-box-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: 1.09375rem;
    font-weight: 600;
    width: 2.625rem;
    height: 2.625rem;
    border-radius: 50%;
    margin-inline-end: 1rem;
}

.step .step-avatar-img {
    max-width: 100%;
    height: auto;
    border-radius: 50%;
}

.step .step-avatar::after {
    position: absolute;
    top: 3.09375rem;
    inset-inline-start: 1.3125rem;
    height: calc(100% - 2.15625rem);
    border-inline-start: 0.125rem solid #e7eaf3;
    content: "";
}

.step-avatar-xs .step-avatar,
.step-avatar-xs.step-avatar {
    font-size: 0.875rem;
    width: 1.53125rem;
    height: 1.53125rem;
}

.step-avatar-xs .step-avatar::after,
.step-avatar-xs.step-avatar::after {
    top: 2rem;
    inset-inline-start: 0.70312rem;
    width: 1.0625rem;
    height: calc(100% - 1.0625rem);
}

.step-avatar-xs .step-divider::after {
    inset-inline-start: 0.76562rem;
}

.step-avatar-sm .step-avatar,
.step-avatar-sm.step-avatar {
    font-size: 0.98438rem;
    width: 2.1875rem;
    height: 2.1875rem;
}

.step-avatar-sm .step-avatar::after,
.step-avatar-sm.step-avatar::after {
    top: 2.65625rem;
    inset-inline-start: 1.03125rem;
    width: 1.0625rem;
    height: calc(100% - 1.71875rem);
}

.step-avatar-sm .step-divider::after {
    inset-inline-start: 1.09375rem;
}

.step-avatar-lg .step-avatar,
.step-avatar-lg.step-avatar {
    font-size: 1.53125rem;
    width: 3.36875rem;
    height: 3.36875rem;
}

.step-avatar-lg .step-avatar::after,
.step-avatar-lg.step-avatar::after {
    top: 3.8375rem;
    inset-inline-start: 1.62187rem;
    width: 1.0625rem;
    height: calc(100% - 2.9rem);
}

.step-avatar-lg .step-divider::after {
    inset-inline-start: 1.68437rem;
}

.step-divider {
    display: -ms-inline-flexbox;
    display: -webkit-inline-box;
    display: inline-flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    text-transform: uppercase;
    height: 1rem;
    font-weight: 600;
}

.step-divider::after {
    position: absolute;
    top: 1.46875rem;
    inset-inline-start: 1.3125rem;
    height: calc(100% - 0.53125rem);
    border-inline-start: 0.125rem solid #e7eaf3;
    content: "";
}

.step .step-icon {
    display: -ms-inline-flexbox;
    display: -webkit-inline-box;
    display: inline-flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    font-size: 1.09375rem;
    font-weight: 600;
    width: 2.625rem;
    height: 2.625rem;
    border-radius: 50%;
    margin-inline-end: 1rem;
}

.step .step-icon::after {
    position: absolute;
    top: 3.09375rem;
    inset-inline-start: 1.3125rem;
    height: calc(100% - 2.15625rem);
    border-inline-start: 0.125rem solid #e7eaf3;
    content: "";
}

.step .step-icon-pseudo::before {
    display: block;
    width: 0.25rem;
    height: 0.25rem;
    background-color: #97a4af;
    border-radius: 50%;
    content: "";
}

.step-icon-xs .step-icon,
.step-icon-xs.step-icon {
    font-size: 0.875rem;
    width: 1.53125rem;
    height: 1.53125rem;
}

.step-icon-xs .step-icon::after,
.step-icon-xs.step-icon::after {
    top: 2rem;
    inset-inline-start: 0.70312rem;
    width: 1.0625rem;
    height: calc(100% - 1.0625rem);
}

.step-icon-xs .step-divider::after {
    inset-inline-start: 0.76562rem;
}

.step-icon-sm .step-icon,
.step-icon-sm.step-icon {
    font-size: 0.98438rem;
    width: 2.1875rem;
    height: 2.1875rem;
}

.step-icon-sm .step-icon::after,
.step-icon-sm.step-icon::after {
    top: 2.65625rem;
    inset-inline-start: 1.03125rem;
    width: 1.0625rem;
    height: calc(100% - 1.71875rem);
}

.step-icon-sm .step-divider::after {
    inset-inline-start: 1.09375rem;
}

.step-icon-lg .step-icon,
.step-icon-lg.step-icon {
    font-size: 1.53125rem;
    width: 3.36875rem;
    height: 3.36875rem;
}

.step-icon-lg .step-icon::after,
.step-icon-lg.step-icon::after {
    top: 3.8375rem;
    inset-inline-start: 1.62187rem;
    width: 1.0625rem;
    height: calc(100% - 2.9rem);
}

.step-icon-lg .step-divider::after {
    inset-inline-start: 1.68437rem;
}

@media (min-width: 576px) {
    .step-sm.step-dashed .step-icon::after {
        border-inline-start: none;
        border-top-style: dashed;
    }
    .step-sm .step-item {
        -ms-flex-positive: 1;
        -webkit-box-flex: 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;
        inset-inline-start: 3.5625rem;
        width: calc(100% - 3.5625rem);
        height: 1.0625rem;
        border-top: 0.125rem solid #e7eaf3;
        border-inline-start: none;
    }
    .step-sm .step-icon.step-icon-xs::after,
    .step-sm.step-icon-xs .step-icon::after {
        top: 0.76562rem;
        inset-inline-start: 2.46875rem;
        width: calc(100% - 2.46875rem);
    }
    .step-sm .step-icon.step-icon-sm::after,
    .step-sm.step-icon-sm .step-icon::after {
        top: 1.09375rem;
        inset-inline-start: 3.125rem;
        width: calc(100% - 3.125rem);
    }
    .step-sm .step-icon.step-icon-lg::after,
    .step-sm.step-icon-lg .step-icon::after {
        top: 1.68437rem;
        inset-inline-start: 4.30625rem;
        width: calc(100% - 4.30625rem);
    }
}

@media (min-width: 768px) {
    .step-md.step-dashed .step-icon::after {
        border-inline-start: none;
        border-top-style: dashed;
    }
    .step-md .step-item {
        -ms-flex-positive: 1;
        -webkit-box-flex: 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;
        inset-inline-start: 3.5625rem;
        width: calc(100% - 3.5625rem);
        height: 1.0625rem;
        border-top: 0.125rem solid #e7eaf3;
        border-inline-start: none;
    }
    .step-md .step-icon.step-icon-xs::after,
    .step-md.step-icon-xs .step-icon::after {
        top: 0.76562rem;
        inset-inline-start: 2.46875rem;
        width: calc(100% - 2.46875rem);
    }
    .step-md .step-icon.step-icon-sm::after,
    .step-md.step-icon-sm .step-icon::after {
        top: 1.09375rem;
        inset-inline-start: 3.125rem;
        width: calc(100% - 3.125rem);
    }
    .step-md .step-icon.step-icon-lg::after,
    .step-md.step-icon-lg .step-icon::after {
        top: 1.68437rem;
        inset-inline-start: 4.30625rem;
        width: calc(100% - 4.30625rem);
    }
}

@media (min-width: 992px) {
    .step-lg.step-dashed .step-icon::after {
        border-inline-start: none;
        border-top-style: dashed;
    }
    .step-lg .step-item {
        -ms-flex-positive: 1;
        -webkit-box-flex: 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;
        inset-inline-start: 3.5625rem;
        width: calc(100% - 3.5625rem);
        height: 1.0625rem;
        border-top: 0.125rem solid #e7eaf3;
        border-inline-start: none;
    }
    .step-lg .step-icon.step-icon-xs::after,
    .step-lg.step-icon-xs .step-icon::after {
        top: 0.76562rem;
        inset-inline-start: 2.46875rem;
        width: calc(100% - 2.46875rem);
    }
    .step-lg .step-icon.step-icon-sm::after,
    .step-lg.step-icon-sm .step-icon::after {
        top: 1.09375rem;
        inset-inline-start: 3.125rem;
        width: calc(100% - 3.125rem);
    }
    .step-lg .step-icon.step-icon-lg::after,
    .step-lg.step-icon-lg .step-icon::after {
        top: 1.68437rem;
        inset-inline-start: 4.30625rem;
        width: calc(100% - 4.30625rem);
    }
}

@media (min-width: 1200px) {
    .step-xl.step-dashed .step-icon::after {
        border-inline-start: none;
        border-top-style: dashed;
    }
    .step-xl .step-item {
        -ms-flex-positive: 1;
        -webkit-box-flex: 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;
        inset-inline-start: 3.5625rem;
        width: calc(100% - 3.5625rem);
        height: 1.0625rem;
        border-top: 0.125rem solid #e7eaf3;
        border-inline-start: none;
    }
    .step-xl .step-icon.step-icon-xs::after,
    .step-xl.step-icon-xs .step-icon::after {
        top: 0.76562rem;
        inset-inline-start: 2.46875rem;
        width: calc(100% - 2.46875rem);
    }
    .step-xl .step-icon.step-icon-sm::after,
    .step-xl.step-icon-sm .step-icon::after {
        top: 1.09375rem;
        inset-inline-start: 3.125rem;
        width: calc(100% - 3.125rem);
    }
    .step-xl .step-icon.step-icon-lg::after,
    .step-xl.step-icon-lg .step-icon::after {
        top: 1.68437rem;
        inset-inline-start: 4.30625rem;
        width: calc(100% - 4.30625rem);
    }
}

@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-inline-start: auto;
        margin-inline-end: auto;
    }
    .step-sm.step-centered .step-icon::after {
        width: calc(100% - 2.625rem);
        inset-inline-start: calc(50% + 2.25rem);
    }
    .step-sm.step-centered .step-icon.step-icon-xs::after,
    .step-sm.step-centered.step-icon-xs .step-icon::after {
        width: calc(100% - 1.53125rem);
        inset-inline-start: calc(50% + 1.70312rem);
    }
    .step-sm.step-centered .step-icon.step-icon-sm::after,
    .step-sm.step-centered.step-icon-sm .step-icon::after {
        width: calc(100% - 2.1875rem);
        inset-inline-start: calc(50% + 2.03125rem);
    }
    .step-sm.step-centered .step-icon.step-icon-lg::after,
    .step-sm.step-centered.step-icon-lg .step-icon::after {
        width: calc(100% - 3.36875rem);
        inset-inline-start: calc(50% + 2.62188rem);
    }
}

@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-inline-start: auto;
        margin-inline-end: auto;
    }
    .step-md.step-centered .step-icon::after {
        width: calc(100% - 2.625rem);
        inset-inline-start: calc(50% + 2.25rem);
    }
    .step-md.step-centered .step-icon.step-icon-xs::after,
    .step-md.step-centered.step-icon-xs .step-icon::after {
        width: calc(100% - 1.53125rem);
        inset-inline-start: calc(50% + 1.70312rem);
    }
    .step-md.step-centered .step-icon.step-icon-sm::after,
    .step-md.step-centered.step-icon-sm .step-icon::after {
        width: calc(100% - 2.1875rem);
        inset-inline-start: calc(50% + 2.03125rem);
    }
    .step-md.step-centered .step-icon.step-icon-lg::after,
    .step-md.step-centered.step-icon-lg .step-icon::after {
        width: calc(100% - 3.36875rem);
        inset-inline-start: calc(50% + 2.62188rem);
    }
}

@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-inline-start: auto;
        margin-inline-end: auto;
    }
    .step-lg.step-centered .step-icon::after {
        width: calc(100% - 2.625rem);
        inset-inline-start: calc(50% + 2.25rem);
    }
    .step-lg.step-centered .step-icon.step-icon-xs::after,
    .step-lg.step-centered.step-icon-xs .step-icon::after {
        width: calc(100% - 1.53125rem);
        inset-inline-start: calc(50% + 1.70312rem);
    }
    .step-lg.step-centered .step-icon.step-icon-sm::after,
    .step-lg.step-centered.step-icon-sm .step-icon::after {
        width: calc(100% - 2.1875rem);
        inset-inline-start: calc(50% + 2.03125rem);
    }
    .step-lg.step-centered .step-icon.step-icon-lg::after,
    .step-lg.step-centered.step-icon-lg .step-icon::after {
        width: calc(100% - 3.36875rem);
        inset-inline-start: calc(50% + 2.62188rem);
    }
}

@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-inline-start: auto;
        margin-inline-end: auto;
    }
    .step-lg.step-centered .step-icon::after {
        width: calc(100% - 2.625rem);
        inset-inline-start: calc(50% + 2.25rem);
    }
    .step-lg.step-centered .step-icon.step-icon-xs::after,
    .step-lg.step-centered.step-icon-xs .step-icon::after {
        width: calc(100% - 1.53125rem);
        inset-inline-start: calc(50% + 1.70312rem);
    }
    .step-lg.step-centered .step-icon.step-icon-sm::after,
    .step-lg.step-centered.step-icon-sm .step-icon::after {
        width: calc(100% - 2.1875rem);
        inset-inline-start: calc(50% + 2.03125rem);
    }
    .step-lg.step-centered .step-icon.step-icon-lg::after,
    .step-lg.step-centered.step-icon-lg .step-icon::after {
        width: calc(100% - 3.36875rem);
        inset-inline-start: calc(50% + 2.62188rem);
    }
}

.step .step-is-invalid-icon,
.step .step-is-valid-icon {
    display: none;
}

.step .active .step-icon,
.step .active.is-valid .step-icon {
    color: #fff;
    background-color: #377dff;
}

.step .active .step-title,
.step .active.is-valid .step-title {
    color: #377dff;
}

.step .is-valid .step-icon {
    color: #fff;
    background-color: #377dff;
}

.step .is-valid .step-title {
    color: #377dff;
}

.step .is-valid .step-is-valid-icon {
    display: -ms-inline-flexbox;
    display: -webkit-inline-box;
    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: #ed4c78;
}

.step .is-invalid .step-title {
    color: #ed4c78;
}

.step .is-invalid .step-is-invalid-icon {
    display: -ms-inline-flexbox;
    display: -webkit-inline-box;
    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: #377dff;
}

.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: #0096ff;
}

.step-icon-info.step-icon-pseudo::before {
    background-color: #fff;
}

.step-icon-warning {
    color: #334257;
    background-color: #f5ca99;
}

.step-icon-warning.step-icon-pseudo::before {
    background-color: #334257;
}

.step-icon-danger {
    color: #fff;
    background-color: #ed4c78;
}

.step-icon-danger.step-icon-pseudo::before {
    background-color: #fff;
}

.step-icon-light {
    color: #334257;
    background-color: #f9fafc;
}

.step-icon-light.step-icon-pseudo::before {
    background-color: #334257;
}

.step-icon-dark {
    color: #fff;
    background-color: #132144;
}

.step-icon-dark.step-icon-pseudo::before {
    background-color: #fff;
}

.step-icon-soft-primary {
    color: #377dff;
    background-color: rgba(55, 125, 255, 0.1);
}

.step-icon-soft-primary.step-icon-pseudo::before {
    background-color: #377dff;
}

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

.step-icon-soft-secondary.step-icon-pseudo::before {
    background-color: #71869d;
}

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

.step-icon-soft-success.step-icon-pseudo::before {
    background-color: #00c9a7;
}

.step-icon-soft-info {
    color: #0096ff;
    background-color: rgba(0, 150, 255, 0.05);
}

.step-icon-soft-info.step-icon-pseudo::before {
    background-color: #0096ff;
}

.step-icon-soft-warning {
    color: #f5ca99;
    background-color: rgba(245, 202, 153, 0.1);
}

.step-icon-soft-warning.step-icon-pseudo::before {
    background-color: #f5ca99;
}

.step-icon-soft-danger {
    color: #ed4c78;
    background-color: rgba(237, 76, 120, 0.1);
}

.step-icon-soft-danger.step-icon-pseudo::before {
    background-color: #ed4c78;
}

.step-icon-soft-light {
    color: #f9fafc;
    background-color: rgba(249, 250, 252, 0.1);
}

.step-icon-soft-light.step-icon-pseudo::before {
    background-color: #f9fafc;
}

.step-icon-soft-dark {
    color: #132144;
    background-color: rgba(19, 33, 68, 0.1);
}

.step-icon-soft-dark.step-icon-pseudo::before {
    background-color: #132144;
}

.step-inline .step-content-wrapper {
    -ms-flex-align: center;
    -webkit-box-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.0625rem;
        border-top: 0.125rem solid #e7eaf3;
        margin-inline-start: 0.9375rem;
        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: 0.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.09375rem;
    }
    .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: 1.68437rem;
    }
}

@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.0625rem;
        border-top: 0.125rem solid #e7eaf3;
        margin-inline-start: 0.9375rem;
        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: 0.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.09375rem;
    }
    .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: 1.68437rem;
    }
}

@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.0625rem;
        border-top: 0.125rem solid #e7eaf3;
        margin-inline-start: 0.9375rem;
        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: 0.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.09375rem;
    }
    .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: 1.68437rem;
    }
}

@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.0625rem;
        border-top: 0.125rem solid #e7eaf3;
        margin-inline-start: 0.9375rem;
        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: 0.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.09375rem;
    }
    .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: 1.68437rem;
    }
}

@media (min-width: 576px) {
    .step-timeline-sm {
        margin-inline-start: 0;
        margin-inline-end: 0;
    }
    .step-timeline-sm .step-item {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%;
        padding-inline-start: 0;
        padding-inline-end: 0;
        margin-inline-start: 50%;
    }
    .step-timeline-sm .step-item:nth-child(even) {
        -ms-flex-direction: row-reverse;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        flex-direction: row-reverse;
        text-align: end;
        margin-inline-start: auto;
        margin-inline-end: 50%;
    }
    .step-timeline-sm .step-item:nth-child(even) .step-content-wrapper {
        -ms-flex-direction: row-reverse;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        flex-direction: row-reverse;
    }
    .step-timeline-sm .step-item:nth-child(even) .step-icon {
        margin-inline-start: 0;
        margin-inline-end: -1.3125rem;
    }
    .step-timeline-sm .step-item:nth-child(even) .step-icon-xs {
        margin-inline-end: -0.76562rem;
    }
    .step-timeline-sm .step-item:nth-child(even) .step-icon-sm {
        margin-inline-end: -1.09375rem;
    }
    .step-timeline-sm .step-item:nth-child(even) .step-icon-lg {
        margin-inline-end: -1.68437rem;
    }
    .step-timeline-sm .step-item:nth-child(even) .step-content {
        margin-inline-end: 1.5rem;
    }
    .step-timeline-sm .step-icon {
        margin-inline-start: -1.3125rem;
    }
    .step-timeline-sm .step-icon::after {
        inset-inline-start: auto;
        width: auto;
    }
    .step-timeline-sm .step-icon-xs {
        margin-inline-start: -0.76562rem;
    }
    .step-timeline-sm .step-icon-sm {
        margin-inline-start: -1.09375rem;
    }
    .step-timeline-sm .step-icon-lg {
        margin-inline-start: -1.68437rem;
    }
}

@media (min-width: 768px) {
    .step-timeline-md {
        margin-inline-start: 0;
        margin-inline-end: 0;
    }
    .step-timeline-md .step-item {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%;
        padding-inline-start: 0;
        padding-inline-end: 0;
        margin-inline-start: 50%;
    }
    .step-timeline-md .step-item:nth-child(even) {
        -ms-flex-direction: row-reverse;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        flex-direction: row-reverse;
        text-align: end;
        margin-inline-start: auto;
        margin-inline-end: 50%;
    }
    .step-timeline-md .step-item:nth-child(even) .step-content-wrapper {
        -ms-flex-direction: row-reverse;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        flex-direction: row-reverse;
    }
    .step-timeline-md .step-item:nth-child(even) .step-icon {
        margin-inline-start: 0;
        margin-inline-end: -1.3125rem;
    }
    .step-timeline-md .step-item:nth-child(even) .step-icon-xs {
        margin-inline-end: -0.76562rem;
    }
    .step-timeline-md .step-item:nth-child(even) .step-icon-sm {
        margin-inline-end: -1.09375rem;
    }
    .step-timeline-md .step-item:nth-child(even) .step-icon-lg {
        margin-inline-end: -1.68437rem;
    }
    .step-timeline-md .step-item:nth-child(even) .step-content {
        margin-inline-end: 1.5rem;
    }
    .step-timeline-md .step-icon {
        margin-inline-start: -1.3125rem;
    }
    .step-timeline-md .step-icon::after {
        inset-inline-start: auto;
        width: auto;
    }
    .step-timeline-md .step-icon-xs {
        margin-inline-start: -0.76562rem;
    }
    .step-timeline-md .step-icon-sm {
        margin-inline-start: -1.09375rem;
    }
    .step-timeline-md .step-icon-lg {
        margin-inline-start: -1.68437rem;
    }
}

@media (min-width: 992px) {
    .step-timeline-lg {
        margin-inline-start: 0;
        margin-inline-end: 0;
    }
    .step-timeline-lg .step-item {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%;
        padding-inline-start: 0;
        padding-inline-end: 0;
        margin-inline-start: 50%;
    }
    .step-timeline-lg .step-item:nth-child(even) {
        -ms-flex-direction: row-reverse;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        flex-direction: row-reverse;
        text-align: end;
        margin-inline-start: auto;
        margin-inline-end: 50%;
    }
    .step-timeline-lg .step-item:nth-child(even) .step-content-wrapper {
        -ms-flex-direction: row-reverse;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        flex-direction: row-reverse;
    }
    .step-timeline-lg .step-item:nth-child(even) .step-icon {
        margin-inline-start: 0;
        margin-inline-end: -1.3125rem;
    }
    .step-timeline-lg .step-item:nth-child(even) .step-icon-xs {
        margin-inline-end: -0.76562rem;
    }
    .step-timeline-lg .step-item:nth-child(even) .step-icon-sm {
        margin-inline-end: -1.09375rem;
    }
    .step-timeline-lg .step-item:nth-child(even) .step-icon-lg {
        margin-inline-end: -1.68437rem;
    }
    .step-timeline-lg .step-item:nth-child(even) .step-content {
        margin-inline-end: 1.5rem;
    }
    .step-timeline-lg .step-icon {
        margin-inline-start: -1.3125rem;
    }
    .step-timeline-lg .step-icon::after {
        inset-inline-start: auto;
        width: auto;
    }
    .step-timeline-lg .step-icon-xs {
        margin-inline-start: -0.76562rem;
    }
    .step-timeline-lg .step-icon-sm {
        margin-inline-start: -1.09375rem;
    }
    .step-timeline-lg .step-icon-lg {
        margin-inline-start: -1.68437rem;
    }
}

@media (min-width: 1200px) {
    .step-timeline-xl {
        margin-inline-start: 0;
        margin-inline-end: 0;
    }
    .step-timeline-xl .step-item {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%;
        padding-inline-start: 0;
        padding-inline-end: 0;
        margin-inline-start: 50%;
    }
    .step-timeline-xl .step-item:nth-child(even) {
        -ms-flex-direction: row-reverse;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        flex-direction: row-reverse;
        text-align: end;
        margin-inline-start: auto;
        margin-inline-end: 50%;
    }
    .step-timeline-xl .step-item:nth-child(even) .step-content-wrapper {
        -ms-flex-direction: row-reverse;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        flex-direction: row-reverse;
    }
    .step-timeline-xl .step-item:nth-child(even) .step-icon {
        margin-inline-start: 0;
        margin-inline-end: -1.3125rem;
    }
    .step-timeline-xl .step-item:nth-child(even) .step-icon-xs {
        margin-inline-end: -0.76562rem;
    }
    .step-timeline-xl .step-item:nth-child(even) .step-icon-sm {
        margin-inline-end: -1.09375rem;
    }
    .step-timeline-xl .step-item:nth-child(even) .step-icon-lg {
        margin-inline-end: -1.68437rem;
    }
    .step-timeline-xl .step-item:nth-child(even) .step-content {
        margin-inline-end: 1.5rem;
    }
    .step-timeline-xl .step-icon {
        margin-inline-start: -1.3125rem;
    }
    .step-timeline-xl .step-icon::after {
        inset-inline-start: auto;
        width: auto;
    }
    .step-timeline-xl .step-icon-xs {
        margin-inline-start: -0.76562rem;
    }
    .step-timeline-xl .step-icon-sm {
        margin-inline-start: -1.09375rem;
    }
    .step-timeline-xl .step-icon-lg {
        margin-inline-start: -1.68437rem;
    }
}

@media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
    .table-nowrap td,
    .table-nowrap th {
        white-space: normal;
    }
    .step-item-between .step-item:last-child {
        -ms-flex: 0 0 17%;
        -webkit-box-flex: 0;
        flex: 0 0 17%;
        width: auto;
    }
    .ie-modal-curved-shape {
        height: 1.75rem;
    }
    .ie-welcome-brands {
        width: 5rem;
    }
    .ie-sidebar-activity-img {
        width: 3.5rem;
    }
    .ie-card-img {
        width: 5.5rem;
    }
}

.bg-img-hero {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

.bg-soft-primary {
    background-color: rgba(55, 125, 255, 0.1);
}

.bg-soft-secondary {
    background-color: rgba(113, 134, 157, 0.1);
}

.bg-soft-success {
    background-color: rgba(0, 201, 167, 0.1);
}

.bg-soft-info {
    background-color: rgba(0, 150, 255, 0.05);
}

.bg-soft-warning {
    background-color: rgba(245, 202, 153, 0.1);
}

.bg-soft-danger {
    background-color: rgba(237, 76, 120, 0.1);
}

.bg-soft-light {
    background-color: rgba(249, 250, 252, 0.1);
}

.bg-soft-dark {
    background-color: rgba(19, 33, 68, 0.1);
}

.border-inline-start-primary {
    border-inline-start-color: #377dff !important;
}

.border-inline-start-secondary {
    border-inline-start-color: #71869d !important;
}

.border-inline-start-success {
    border-inline-start-color: #00c9a7 !important;
}

.border-inline-start-info {
    border-inline-start-color: #0096ff !important;
}

.border-inline-start-warning {
    border-inline-start-color: #f5ca99 !important;
}

.border-inline-start-danger {
    border-inline-start-color: #ed4c78 !important;
}

.border-inline-start-light {
    border-inline-start-color: #f9fafc !important;
}

.border-inline-start-dark {
    border-inline-start-color: #132144 !important;
}

.content-centered-x {
    position: absolute;
    inset-inline-start: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.g-0,
.gx-0 {
    margin-inline-start: -0.0625rem;
    margin-inline-end: -0.0625rem;
}

.g-0 > *,
.gx-0 > * {
    padding-inline-start: 0;
    padding-inline-end: 0;
}

.g-0,
.gy-0 {
    margin-top: 0;
    margin-bottom: 0;
}

.g-0 > *,
.gy-0 > * {
    padding-top: 0;
    padding-bottom: 0;
}

.g-1,
.gx-1 {
    margin-inline-start: -0.1875rem;
    margin-inline-end: -0.1875rem;
}

.g-1 > *,
.gx-1 > * {
    padding-inline-start: 0.25rem;
    padding-inline-end: 0.25rem;
}

.g-1,
.gy-1 {
    margin-top: -0.25rem;
    margin-bottom: -0.25rem;
}

.g-1 > *,
.gy-1 > * {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.g-2,
.gx-2 {
    margin-inline-start: -0.4375rem;
    margin-inline-end: -0.4375rem;
}

.g-2 > *,
.gx-2 > * {
    padding-inline-start: 0.5rem;
    padding-inline-end: 0.5rem;
}

.g-2,
.gy-2 {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
}

.g-2 > *,
.gy-2 > * {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.g-3,
.gx-3 {
    margin-inline-start: -0.9375rem;
    margin-inline-end: -0.9375rem;
}

.g-3 > *,
.gx-3 > * {
    padding-inline-start: 1rem;
    padding-inline-end: 1rem;
}

.g-3,
.gy-3 {
    margin-top: -1rem;
    margin-bottom: -1rem;
}

.g-3 > *,
.gy-3 > * {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.g-4,
.gx-4 {
    margin-inline-start: -1.4375rem;
    margin-inline-end: -1.4375rem;
}

.g-4 > *,
.gx-4 > * {
    padding-inline-start: 1.5rem;
    padding-inline-end: 1.5rem;
}

.g-4,
.gy-4 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
}

.g-4 > *,
.gy-4 > * {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.g-5,
.gx-5 {
    margin-inline-start: -2.9375rem;
    margin-inline-end: -2.9375rem;
}

.g-5 > *,
.gx-5 > * {
    padding-inline-start: 3rem;
    padding-inline-end: 3rem;
}

.g-5,
.gy-5 {
    margin-top: -3rem;
    margin-bottom: -3rem;
}

.g-5 > *,
.gy-5 > * {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

@media (min-width: 576px) {
    .g-sm-0,
    .gx-sm-0 {
        margin-inline-start: -0.0625rem;
        margin-inline-end: -0.0625rem;
    }
    .g-sm-0 > *,
    .gx-sm-0 > * {
        padding-inline-start: 0;
        padding-inline-end: 0;
    }
    .g-sm-0,
    .gy-sm-0 {
        margin-top: 0;
        margin-bottom: 0;
    }
    .g-sm-0 > *,
    .gy-sm-0 > * {
        padding-top: 0;
        padding-bottom: 0;
    }
    .g-sm-1,
    .gx-sm-1 {
        margin-inline-start: -0.1875rem;
        margin-inline-end: -0.1875rem;
    }
    .g-sm-1 > *,
    .gx-sm-1 > * {
        padding-inline-start: 0.25rem;
        padding-inline-end: 0.25rem;
    }
    .g-sm-1,
    .gy-sm-1 {
        margin-top: -0.25rem;
        margin-bottom: -0.25rem;
    }
    .g-sm-1 > *,
    .gy-sm-1 > * {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
    }
    .g-sm-2,
    .gx-sm-2 {
        margin-inline-start: -0.4375rem;
        margin-inline-end: -0.4375rem;
    }
    .g-sm-2 > *,
    .gx-sm-2 > * {
        padding-inline-start: 0.5rem;
        padding-inline-end: 0.5rem;
    }
    .g-sm-2,
    .gy-sm-2 {
        margin-top: -0.5rem;
        margin-bottom: -0.5rem;
    }
    .g-sm-2 > *,
    .gy-sm-2 > * {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
    .g-sm-3,
    .gx-sm-3 {
        margin-inline-start: -0.9375rem;
        margin-inline-end: -0.9375rem;
    }
    .g-sm-3 > *,
    .gx-sm-3 > * {
        padding-inline-start: 1rem;
        padding-inline-end: 1rem;
    }
    .g-sm-3,
    .gy-sm-3 {
        margin-top: -1rem;
        margin-bottom: -1rem;
    }
    .g-sm-3 > *,
    .gy-sm-3 > * {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .g-sm-4,
    .gx-sm-4 {
        margin-inline-start: -1.4375rem;
        margin-inline-end: -1.4375rem;
    }
    .g-sm-4 > *,
    .gx-sm-4 > * {
        padding-inline-start: 1.5rem;
        padding-inline-end: 1.5rem;
    }
    .g-sm-4,
    .gy-sm-4 {
        margin-top: -1.5rem;
        margin-bottom: -1.5rem;
    }
    .g-sm-4 > *,
    .gy-sm-4 > * {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
    .g-sm-5,
    .gx-sm-5 {
        margin-inline-start: -2.9375rem;
        margin-inline-end: -2.9375rem;
    }
    .g-sm-5 > *,
    .gx-sm-5 > * {
        padding-inline-start: 3rem;
        padding-inline-end: 3rem;
    }
    .g-sm-5,
    .gy-sm-5 {
        margin-top: -3rem;
        margin-bottom: -3rem;
    }
    .g-sm-5 > *,
    .gy-sm-5 > * {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
}

@media (min-width: 768px) {
    .g-md-0,
    .gx-md-0 {
        margin-inline-start: -0.0625rem;
        margin-inline-end: -0.0625rem;
    }
    .g-md-0 > *,
    .gx-md-0 > * {
        padding-inline-start: 0;
        padding-inline-end: 0;
    }
    .g-md-0,
    .gy-md-0 {
        margin-top: 0;
        margin-bottom: 0;
    }
    .g-md-0 > *,
    .gy-md-0 > * {
        padding-top: 0;
        padding-bottom: 0;
    }
    .g-md-1,
    .gx-md-1 {
        margin-inline-start: -0.1875rem;
        margin-inline-end: -0.1875rem;
    }
    .g-md-1 > *,
    .gx-md-1 > * {
        padding-inline-start: 0.25rem;
        padding-inline-end: 0.25rem;
    }
    .g-md-1,
    .gy-md-1 {
        margin-top: -0.25rem;
        margin-bottom: -0.25rem;
    }
    .g-md-1 > *,
    .gy-md-1 > * {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
    }
    .g-md-2,
    .gx-md-2 {
        margin-inline-start: -0.4375rem;
        margin-inline-end: -0.4375rem;
    }
    .g-md-2 > *,
    .gx-md-2 > * {
        padding-inline-start: 0.5rem;
        padding-inline-end: 0.5rem;
    }
    .g-md-2,
    .gy-md-2 {
        margin-top: -0.5rem;
        margin-bottom: -0.5rem;
    }
    .g-md-2 > *,
    .gy-md-2 > * {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
    .g-md-3,
    .gx-md-3 {
        margin-inline-start: -0.9375rem;
        margin-inline-end: -0.9375rem;
    }
    .g-md-3 > *,
    .gx-md-3 > * {
        padding-inline-start: 1rem;
        padding-inline-end: 1rem;
    }
    .g-md-3,
    .gy-md-3 {
        margin-top: -1rem;
        margin-bottom: -1rem;
    }
    .g-md-3 > *,
    .gy-md-3 > * {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .g-md-4,
    .gx-md-4 {
        margin-inline-start: -1.4375rem;
        margin-inline-end: -1.4375rem;
    }
    .g-md-4 > *,
    .gx-md-4 > * {
        padding-inline-start: 1.5rem;
        padding-inline-end: 1.5rem;
    }
    .g-md-4,
    .gy-md-4 {
        margin-top: -1.5rem;
        margin-bottom: -1.5rem;
    }
    .g-md-4 > *,
    .gy-md-4 > * {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
    .g-md-5,
    .gx-md-5 {
        margin-inline-start: -2.9375rem;
        margin-inline-end: -2.9375rem;
    }
    .g-md-5 > *,
    .gx-md-5 > * {
        padding-inline-start: 3rem;
        padding-inline-end: 3rem;
    }
    .g-md-5,
    .gy-md-5 {
        margin-top: -3rem;
        margin-bottom: -3rem;
    }
    .g-md-5 > *,
    .gy-md-5 > * {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
}

@media (min-width: 992px) {
    .g-lg-0,
    .gx-lg-0 {
        margin-inline-start: -0.0625rem;
        margin-inline-end: -0.0625rem;
    }
    .g-lg-0 > *,
    .gx-lg-0 > * {
        padding-inline-start: 0;
        padding-inline-end: 0;
    }
    .g-lg-0,
    .gy-lg-0 {
        margin-top: 0;
        margin-bottom: 0;
    }
    .g-lg-0 > *,
    .gy-lg-0 > * {
        padding-top: 0;
        padding-bottom: 0;
    }
    .g-lg-1,
    .gx-lg-1 {
        margin-inline-start: -0.1875rem;
        margin-inline-end: -0.1875rem;
    }
    .g-lg-1 > *,
    .gx-lg-1 > * {
        padding-inline-start: 0.25rem;
        padding-inline-end: 0.25rem;
    }
    .g-lg-1,
    .gy-lg-1 {
        margin-top: -0.25rem;
        margin-bottom: -0.25rem;
    }
    .g-lg-1 > *,
    .gy-lg-1 > * {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
    }
    .g-lg-2,
    .gx-lg-2 {
        margin-inline-start: -0.4375rem;
        margin-inline-end: -0.4375rem;
    }
    .g-lg-2 > *,
    .gx-lg-2 > * {
        padding-inline-start: 0.5rem;
        padding-inline-end: 0.5rem;
    }
    .g-lg-2,
    .gy-lg-2 {
        margin-top: -0.5rem;
        margin-bottom: -0.5rem;
    }
    .g-lg-2 > *,
    .gy-lg-2 > * {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
    .g-lg-3,
    .gx-lg-3 {
        margin-inline-start: -0.9375rem;
        margin-inline-end: -0.9375rem;
    }
    .g-lg-3 > *,
    .gx-lg-3 > * {
        padding-inline-start: 1rem;
        padding-inline-end: 1rem;
    }
    .g-lg-3,
    .gy-lg-3 {
        margin-top: -1rem;
        margin-bottom: -1rem;
    }
    .g-lg-3 > *,
    .gy-lg-3 > * {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .g-lg-4,
    .gx-lg-4 {
        margin-inline-start: -1.4375rem;
        margin-inline-end: -1.4375rem;
    }
    .g-lg-4 > *,
    .gx-lg-4 > * {
        padding-inline-start: 1.5rem;
        padding-inline-end: 1.5rem;
    }
    .g-lg-4,
    .gy-lg-4 {
        margin-top: -1.5rem;
        margin-bottom: -1.5rem;
    }
    .g-lg-4 > *,
    .gy-lg-4 > * {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
    .g-lg-5,
    .gx-lg-5 {
        margin-inline-start: -2.9375rem;
        margin-inline-end: -2.9375rem;
    }
    .g-lg-5 > *,
    .gx-lg-5 > * {
        padding-inline-start: 3rem;
        padding-inline-end: 3rem;
    }
    .g-lg-5,
    .gy-lg-5 {
        margin-top: -3rem;
        margin-bottom: -3rem;
    }
    .g-lg-5 > *,
    .gy-lg-5 > * {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
}

@media (min-width: 1200px) {
    .g-xl-0,
    .gx-xl-0 {
        margin-inline-start: -0.0625rem;
        margin-inline-end: -0.0625rem;
    }
    .g-xl-0 > *,
    .gx-xl-0 > * {
        padding-inline-start: 0;
        padding-inline-end: 0;
    }
    .g-xl-0,
    .gy-xl-0 {
        margin-top: 0;
        margin-bottom: 0;
    }
    .g-xl-0 > *,
    .gy-xl-0 > * {
        padding-top: 0;
        padding-bottom: 0;
    }
    .g-xl-1,
    .gx-xl-1 {
        margin-inline-start: -0.1875rem;
        margin-inline-end: -0.1875rem;
    }
    .g-xl-1 > *,
    .gx-xl-1 > * {
        padding-inline-start: 0.25rem;
        padding-inline-end: 0.25rem;
    }
    .g-xl-1,
    .gy-xl-1 {
        margin-top: -0.25rem;
        margin-bottom: -0.25rem;
    }
    .g-xl-1 > *,
    .gy-xl-1 > * {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
    }
    .g-xl-2,
    .gx-xl-2 {
        margin-inline-start: -0.4375rem;
        margin-inline-end: -0.4375rem;
    }
    .g-xl-2 > *,
    .gx-xl-2 > * {
        padding-inline-start: 0.5rem;
        padding-inline-end: 0.5rem;
    }
    .g-xl-2,
    .gy-xl-2 {
        margin-top: -0.5rem;
        margin-bottom: -0.5rem;
    }
    .g-xl-2 > *,
    .gy-xl-2 > * {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
    .g-xl-3,
    .gx-xl-3 {
        margin-inline-start: -0.9375rem;
        margin-inline-end: -0.9375rem;
    }
    .g-xl-3 > *,
    .gx-xl-3 > * {
        padding-inline-start: 1rem;
        padding-inline-end: 1rem;
    }
    .g-xl-3,
    .gy-xl-3 {
        margin-top: -1rem;
        margin-bottom: -1rem;
    }
    .g-xl-3 > *,
    .gy-xl-3 > * {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .g-xl-4,
    .gx-xl-4 {
        margin-inline-start: -1.4375rem;
        margin-inline-end: -1.4375rem;
    }
    .g-xl-4 > *,
    .gx-xl-4 > * {
        padding-inline-start: 1.5rem;
        padding-inline-end: 1.5rem;
    }
    .g-xl-4,
    .gy-xl-4 {
        margin-top: -1.5rem;
        margin-bottom: -1.5rem;
    }
    .g-xl-4 > *,
    .gy-xl-4 > * {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
    .g-xl-5,
    .gx-xl-5 {
        margin-inline-start: -2.9375rem;
        margin-inline-end: -2.9375rem;
    }
    .g-xl-5 > *,
    .gx-xl-5 > * {
        padding-inline-start: 3rem;
        padding-inline-end: 3rem;
    }
    .g-xl-5,
    .gy-xl-5 {
        margin-top: -3rem;
        margin-bottom: -3rem;
    }
    .g-xl-5 > *,
    .gy-xl-5 > * {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
}

@media (min-width: 1400px) {
    .g-xxl-0,
    .gx-xxl-0 {
        margin-inline-start: -0.0625rem;
        margin-inline-end: -0.0625rem;
    }
    .g-xxl-0 > *,
    .gx-xxl-0 > * {
        padding-inline-start: 0;
        padding-inline-end: 0;
    }
    .g-xxl-0,
    .gy-xxl-0 {
        margin-top: 0;
        margin-bottom: 0;
    }
    .g-xxl-0 > *,
    .gy-xxl-0 > * {
        padding-top: 0;
        padding-bottom: 0;
    }
    .g-xxl-1,
    .gx-xxl-1 {
        margin-inline-start: -0.1875rem;
        margin-inline-end: -0.1875rem;
    }
    .g-xxl-1 > *,
    .gx-xxl-1 > * {
        padding-inline-start: 0.25rem;
        padding-inline-end: 0.25rem;
    }
    .g-xxl-1,
    .gy-xxl-1 {
        margin-top: -0.25rem;
        margin-bottom: -0.25rem;
    }
    .g-xxl-1 > *,
    .gy-xxl-1 > * {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
    }
    .g-xxl-2,
    .gx-xxl-2 {
        margin-inline-start: -0.4375rem;
        margin-inline-end: -0.4375rem;
    }
    .g-xxl-2 > *,
    .gx-xxl-2 > * {
        padding-inline-start: 0.5rem;
        padding-inline-end: 0.5rem;
    }
    .g-xxl-2,
    .gy-xxl-2 {
        margin-top: -0.5rem;
        margin-bottom: -0.5rem;
    }
    .g-xxl-2 > *,
    .gy-xxl-2 > * {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
    .g-xxl-3,
    .gx-xxl-3 {
        margin-inline-start: -0.9375rem;
        margin-inline-end: -0.9375rem;
    }
    .g-xxl-3 > *,
    .gx-xxl-3 > * {
        padding-inline-start: 1rem;
        padding-inline-end: 1rem;
    }
    .g-xxl-3,
    .gy-xxl-3 {
        margin-top: -1rem;
        margin-bottom: -1rem;
    }
    .g-xxl-3 > *,
    .gy-xxl-3 > * {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .g-xxl-4,
    .gx-xxl-4 {
        margin-inline-start: -1.4375rem;
        margin-inline-end: -1.4375rem;
    }
    .g-xxl-4 > *,
    .gx-xxl-4 > * {
        padding-inline-start: 1.5rem;
        padding-inline-end: 1.5rem;
    }
    .g-xxl-4,
    .gy-xxl-4 {
        margin-top: -1.5rem;
        margin-bottom: -1.5rem;
    }
    .g-xxl-4 > *,
    .gy-xxl-4 > * {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
    .g-xxl-5,
    .gx-xxl-5 {
        margin-inline-start: -2.9375rem;
        margin-inline-end: -2.9375rem;
    }
    .g-xxl-5 > *,
    .gx-xxl-5 > * {
        padding-inline-start: 3rem;
        padding-inline-end: 3rem;
    }
    .g-xxl-5,
    .gy-xxl-5 {
        margin-top: -3rem;
        margin-bottom: -3rem;
    }
    .g-xxl-5 > *,
    .gy-xxl-5 > * {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
}

.opacity-xs {
    opacity: 0.2;
}

.opacity-sm {
    opacity: 0.4;
}

.opacity {
    opacity: 0.6;
}

.opacity-lg {
    opacity: 0.8;
}

.top-0 {
    top: 0 !important;
}

.right-0 {
    inset-inline-end: 0 !important;
}

.bottom-0 {
    bottom: 0 !important;
}

.left-0 {
    inset-inline-start: 0 !important;
}

.min-h-100 {
    min-height: 100%;
}

@media (min-width: 992px) {
    .vh-lg-100 {
        height: 100vh;
    }
    .min-vh-lg-100 {
        min-height: 100vh;
    }
}

.shadow-soft {
    -webkit-box-shadow: 0 3px 6px 0 rgba(140, 152, 164, 0.25) !important;
    box-shadow: 0 3px 6px 0 rgba(140, 152, 164, 0.25) !important;
}

.text-cap {
    display: block;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.03125rem;
}

.font-size-sm {
    font-size: 0.8125rem;
}

.text-dark {
    color: #334257 !important;
}

.text-dark[href]:hover {
    color: #377dff !important;
}

.text-secondary[href]:hover {
    color: #377dff !important;
}

.text-body[href]:hover,
.text-muted[href]:hover {
    color: #0052ea !important;
}

.text-white-70 {
    color: rgba(255, 255, 255, 0.7);
}

.text-white-70[href]:hover {
    color: #fff;
}

a:hover .text-hover-primary {
    color: var(--primary-clr) !important;
}

.text-warning {
    color: #ec9a3c !important;
}

.z-index-2 {
    z-index: 2;
}

.z-index-99 {
    z-index: 99;
}

.chartjs-custom {
    position: relative;
    overflow: hidden;
    margin-inline-end: auto;
    margin-inline-start: auto;
}

.hs-chartjs-tooltip-wrap {
    position: absolute;
    z-index: 3;
    -webkit-transition: opacity 0.2s ease-in-out, left 0.2s ease, top 0.2s ease;
    transition: opacity 0.2s ease-in-out, left 0.2s ease, top 0.2s ease;
}

.hs-chartjs-tooltip {
    position: relative;
    font-size: 0.75rem;
    background-color: #132144;
    border-radius: 0.3125rem;
    padding: 0.54688rem 0.875rem;
    -webkit-transition: opacity 0.2s ease-in-out, left 0.2s ease, top 0.2s ease,
        top 0s;
    transition: opacity 0.2s ease-in-out, left 0.2s ease, top 0.2s ease, top 0s;
}

.hs-chartjs-tooltip::before {
    position: absolute;
    inset-inline-start: calc(50% - 0.5rem);
    bottom: -0.4375rem;
    width: 1rem;
    height: 0.5rem;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='1rem' height='0.5rem' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 50 22.49'%3E%3Cpath fill='%23132144' 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 0.5rem;
}

.hs-chartjs-tooltip-left {
    inset-inline-start: -130%;
}

.hs-chartjs-tooltip-left::before {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    inset-inline-end: -0.6875rem;
    inset-inline-start: auto;
    -webkit-transform: translateY(-50%) rotate(270deg);
    transform: translateY(-50%) rotate(270deg);
}

.hs-chartjs-tooltip-right {
    inset-inline-start: 30%;
}

.hs-chartjs-tooltip-right::before {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    inset-inline-start: -0.6875rem;
    inset-inline-end: auto;
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
}

.hs-chartjs-tooltip-header {
    color: rgba(255, 255, 255, 0.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;
    inset-inline-start: 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-inline-start: 0;
}

.hs-chartjs-matrix-legend-item {
    width: 0.625rem;
    height: 0.625rem;
    display: inline-block;
}

.hs-chartjs-matrix-legend-min {
    position: absolute;
    inset-inline-start: 0;
    bottom: 0;
}

.hs-chartjs-matrix-legend-max {
    position: absolute;
    inset-inline-end: 0;
    bottom: 0;
}

.circle-custom-text {
    z-index: 1;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.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: -webkit-inline-box;
    display: inline-flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    width: 0.9rem;
    height: 0.9rem;
    background: url("data:image/svg+xml,%3Csvg width='0.7rem' height='0.7rem' viewBox='0 0 292 375' fill='none' xmlns='http://www.w3.org/2000/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");
    content: "";
    margin-inline-start: 0.5rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-size: contain;
}

.datatable-custom .sorting_asc:after {
    background: url("data:image/svg+xml,%3Csvg width='0.7rem' height='0.7rem' viewBox='0 0 292 375' fill='none' xmlns='http://www.w3.org/2000/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='%23377dff'/%3E%3C/svg%3E%0A");
    content: "";
    background-size: contain;
}

.datatable-custom .sorting_desc:after {
    background: url("data:image/svg+xml,%3Csvg width='0.7rem' height='0.7rem' viewBox='0 0 292 375' fill='none' xmlns='http://www.w3.org/2000/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='%23377dff'/%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: "";
    background-size: contain;
}

.datatable-custom-pagination {
    margin-bottom: 0;
}

.datatable-custom-content-box.dataTable,
.datatable-custom-content-box.dataTable td,
.datatable-custom-content-box.dataTable th {
    -webkit-box-sizing: content-box;
    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%;
    inset-inline-start: 50%;
    width: 1rem;
    height: 1rem;
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='%23677788' xmlns='http://www.w3.org/2000/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: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='%23677788' xmlns='http://www.w3.org/2000/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: "Open Sans", sans-serif;
    z-index: 98;
    -webkit-box-shadow: 0 10px 40px 10px rgba(140, 152, 164, 0.175);
    box-shadow: 0 10px 40px 10px rgba(140, 152, 164, 0.175);
    margin-top: 0.5rem;
    border-radius: 0.75rem;
}

.daterangepicker.opensright::after,
.daterangepicker.opensright::before {
    inset-inline-start: 1rem;
}

.daterangepicker::after,
.daterangepicker::before {
    top: -0.5rem;
    border-bottom-color: #fff;
    border-bottom-width: 0.5rem;
}

.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.1875rem;
    height: 2.1875rem;
    color: #377dff;
    font-size: 0.875rem;
    border-radius: 50%;
}

.daterangepicker th.next:hover,
.daterangepicker th.prev:hover {
    background-color: rgba(55, 125, 255, 0.1);
}

.daterangepicker th.next:hover .daterangepicker-custom-arrow,
.daterangepicker th.prev:hover .daterangepicker-custom-arrow {
    color: #377dff;
}

.daterangepicker .calendar-table table {
    border-collapse: separate;
    border-spacing: 0 0.25rem;
}

.daterangepicker .calendar-table th:not(.month) {
    color: #97a4af;
    font-weight: 600;
    text-transform: uppercase;
}

.daterangepicker .calendar-table th.month {
    font-size: 0.875rem;
    font-weight: 600;
}

.daterangepicker .calendar-table td {
    width: 2.1875rem;
    height: 2.1875rem;
    font-size: 0.875rem;
    line-height: 1.9375rem;
}

.daterangepicker td.available:not(.in-range) {
    border-radius: 50%;
}

.daterangepicker td.available:hover:not(.active) {
    color: #377dff;
    background-color: rgba(55, 125, 255, 0.1);
}

.daterangepicker td.in-range,
.daterangepicker td.in-range.available:hover {
    color: #fff;
    background-color: #377dff;
}

.daterangepicker td.today.start-date.end-date {
    border-radius: 50%;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    color: #fff;
    background-color: #377dff;
}

.daterangepicker td.active.start-date,
.daterangepicker td.active:hover.start-date {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 6.1875rem;
    border-bottom-left-radius: 6.1875rem;
}

.daterangepicker td.active.end-date,
.daterangepicker td.active:hover.end-date {
    border-top-right-radius: 6.1875rem;
    border-bottom-right-radius: 6.1875rem;
    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: #e7eaf3;
}

.daterangepicker .drp-buttons,
.daterangepicker.show-ranges.ltr .drp-calendar.left {
    border-color: #e7eaf3;
}

.daterangepicker .drp-buttons {
    padding: 1rem 1rem;
}

.daterangepicker .drp-buttons .btn {
    font-size: 0.875rem;
    font-weight: 400;
    padding: 0.54688rem 0.875rem;
}

.daterangepicker .cancelBtn {
    background-color: #fff;
    border-color: #e7eaf3;
}

.daterangepicker .cancelBtn.active,
.daterangepicker .cancelBtn:active,
.daterangepicker .cancelBtn:focus,
.daterangepicker .cancelBtn:hover {
    color: #0052ea;
    -webkit-box-shadow: 0 3px 6px -2px rgba(140, 152, 164, 0.25);
    box-shadow: 0 3px 6px -2px rgba(140, 152, 164, 0.25);
}

.daterangepicker .drp-selected {
    color: #71869d;
}

@media (max-width: 575.98px) {
    .daterangepicker .drp-selected {
        display: block;
        margin-bottom: 0.5rem;
    }
}

.daterangepicker .ranges ul {
    min-width: 10rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.daterangepicker .ranges li {
    color: #71869d;
    font-size: 0.875rem;
    line-height: 1.6;
    padding: 0.375rem 1.5rem;
}

.daterangepicker .ranges li:hover {
    color: #0052ea;
    background-color: transparent;
}

.daterangepicker .ranges li.active {
    color: #377dff;
    background-color: rgba(55, 125, 255, 0.1);
}

.daterangepicker select.ampmselect,
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect {
    cursor: pointer;
    width: 3.5rem;
    font-size: 0.8125rem;
    color: #334257;
    background-color: transparent;
    border-color: #e7eaf3;
    padding: 0.25rem 0.25rem;
    border-radius: 0.3125rem;
}

.daterangepicker select.ampmselect:hover,
.daterangepicker select.hourselect:hover,
.daterangepicker select.minuteselect:hover,
.daterangepicker select.secondselect:hover {
    color: #0052ea;
}

.dropzone-custom {
    cursor: pointer;
}

.dropzone-custom .dz-message {
    width: 100%;
    text-align: center;
    margin-bottom: 0;
}

.dropzone-custom .dz-details {
    margin-bottom: 1rem;
}

.dropzone-custom .dz-file-preview {
    background-color: #fff;
    border-radius: 0.3125rem;
    padding: 1rem 1rem;
    -webkit-box-shadow: 0 3px 6px 0 rgba(140, 152, 164, 0.25);
    box-shadow: 0 3px 6px 0 rgba(140, 152, 164, 0.25);
}

.dropzone-custom .dz-file-wrapper {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: start;
}

.dropzone-custom .dz-filename {
    margin-bottom: 0.25rem;
}

.dropzone-custom .dz-img {
    max-width: 2.625rem;
    border-radius: 0.3125rem;
    margin-inline-end: 0.75rem;
}

.dropzone-custom .dz-img-inner {
    border-radius: 0.3125rem;
}

.dropzone-custom .dz-close-icon,
.dropzone-custom .dz-size {
    color: #677788;
}

.dropzone-custom .dz-title {
    font-size: 0.75rem;
    font-weight: 600;
}

.dropzone-custom .dz-size {
    font-size: 80%;
}

.dropzone-custom .dz-file-initials {
    display: inline-block;
    width: 2.625rem;
    height: 2.625rem;
    line-height: 2.625rem;
    font-weight: 600;
    font-size: 0.92969rem;
    color: #377dff;
    text-align: center;
    background-color: rgba(55, 125, 255, 0.1);
    border-radius: 0.3125rem;
    margin-inline-end: 0.75rem;
}

.dropzone-custom [data-dz-thumbnail]:not([src]) {
    display: none;
    margin-bottom: 0;
}

.dropzone-custom .dz-progress {
    margin-bottom: 1rem;
}

.dropzone-custom .dz-processing .dz-error-mark,
.dropzone-custom .dz-processing .dz-success-mark {
    display: none;
}

.dropzone-custom .dz-processing.dz-error .dz-error-mark,
.dropzone-custom .dz-processing.dz-success .dz-success-mark {
    display: block;
}

.dropzone-custom .dz-processing .dz-error-mark {
    color: #ed4c78;
}

.dropzone-custom .dz-processing .dz-success-mark {
    color: #00c9a7;
}

.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: #334257;
}

.fancybox-custom .fancybox-button svg {
    margin-bottom: 0;
}

.fancybox-custom .fancybox-progress {
    background-color: #377dff;
}

.fancybox-blur aside,
.fancybox-blur footer,
.fancybox-blur header,
.fancybox-blur main {
    -webkit-filter: blur(30px);
    filter: blur(30px);
}

.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: #377dff;
}

.fullcalendar-custom .fc-daygrid-dot-event {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #334257;
    background-color: rgba(55, 125, 255, 0.1);
    border-radius: 0.3125rem;
}

.fullcalendar-custom .fc-v-event .fc-event-main {
    color: #334257;
    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(55, 125, 255, 0.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: #c2faff;
}

.fullcalendar-custom .fullcalendar-custom-event-holidays .fc-list-event-dot {
    border-color: #8ff6ff;
}

.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-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: 0.3125rem 0.3125rem;
}

.fullcalendar-custom .fc-daygrid-block-event .fc-event-time,
.fullcalendar-custom .fc-daygrid-block-event .fc-event-title {
    color: #334257;
    padding: 0;
}

.fullcalendar-custom .fc-daygrid-block-event .fc-event-time:hover,
.fullcalendar-custom .fc-daygrid-block-event .fc-event-title:hover {
    color: #377dff;
}

.fullcalendar-custom .fc-daygrid-block-event .fc-event-time.fc-sticky,
.fullcalendar-custom .fc-daygrid-block-event .fc-event-title.fc-sticky {
    padding-inline-end: 0;
    padding-inline-start: 0;
}

.fullcalendar-custom .fc-daygrid-event .fc-event-title {
    padding: 0.125rem 0;
}

.fullcalendar-custom .fc-event-time {
    font-size: 0.75rem;
}

.fullcalendar-custom .fc-event-title.fc-sticky {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.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: 0.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: 0.3125rem;
}

.fullcalendar-custom.fc table,
.fullcalendar-custom.fc td,
.fullcalendar-custom.fc th {
    border-color: #e7eaf3;
}

.fullcalendar-custom.fc .fc-view:not(.fc-timeGridDay-view) .fc-daygrid-day {
    height: 10rem;
}

.fullcalendar-custom.fc .fc-daygrid-day-frame {
    padding: 0.25rem;
}

.fullcalendar-custom.fc .fc-col-header-cell-cushion,
.fullcalendar-custom.fc .fc-timegrid-slot-label-cushion {
    font-size: 0.76562rem;
    color: #97a4af;
    text-transform: uppercase;
}

.fullcalendar-custom.fc .fc-col-header-cell-cushion {
    display: block;
    background-color: transparent;
    padding: 0.5rem 0.5rem;
}

.fullcalendar-custom.fc .fc-day-today .fc-col-header-cell-cushion {
    color: #377dff;
    background-color: rgba(55, 125, 255, 0.1);
    border-top-left-radius: 0.3125rem;
    border-top-right-radius: 0.3125rem;
}

.fullcalendar-custom.fc .fc-daygrid-day-top {
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin-bottom: 0.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: -webkit-inline-box;
    display: inline-flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    width: 2.1875rem;
    height: 2.1875rem;
    color: #132144;
    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: #377dff;
}

.fullcalendar-custom.fc .fc-highlight,
.fullcalendar-custom.fc .fc-timegrid-col.fc-day-today {
    background-color: rgba(55, 125, 255, 0.1);
}

.fullcalendar-custom.fc .fc-cell-shaded,
.fullcalendar-custom.fc .fc-day-disabled {
    background-color: rgba(231, 234, 243, 0.5);
}

.fullcalendar-custom.fc .fc-button {
    font-size: 0.875rem;
    color: #677788;
    background-color: transparent;
    border-color: #e7eaf3;
    text-transform: capitalize;
    padding: 0.4375rem 0.65625rem;
}

.fullcalendar-custom.fc .fc-button .fc-icon {
    font-size: 0.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: #0052ea;
    -webkit-box-shadow: 0 3px 6px -2px rgba(140, 152, 164, 0.25);
    box-shadow: 0 3px 6px -2px rgba(140, 152, 164, 0.25);
}

.fullcalendar-custom.fc .fc-button.fc-button-active {
    color: #fff;
    background-color: #377dff;
    border-color: #377dff;
}

.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 {
    -webkit-box-shadow: none;
    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: #377dff;
    border-color: #377dff;
}

.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: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
}

.fullcalendar-custom-timegrid .fc-col-header-cell-cushion:hover {
    color: #0052ea;
}

.fullcalendar-custom-timegrid .fc-timegrid-event {
    min-height: 5rem;
    padding: 0.3125rem;
}

.fullcalendar-custom-timegrid .fc-timegrid-now-indicator-line {
    border-color: #ed4c78;
}

.fullcalendar-custom-timegrid .fc-timegrid-now-indicator-arrow {
    inset-inline-start: auto;
    inset-inline-end: 0;
    border: none;
}

.fullcalendar-custom-timegrid .fc-timegrid-now-indicator-arrow::before {
    position: absolute;
    top: 1px;
    inset-inline-end: 0;
    width: 0.5rem;
    height: 0.5rem;
    content: "";
    background-color: #ed4c78;
    border-radius: 50%;
}

.fc-theme-standard .fc-list {
    border-color: #e7eaf3;
}

.fc-theme-standard .fc-list .fc-list-event:hover td {
    background-color: transparent;
}

.fc-theme-standard .fc-list .fc-list-day-text {
    color: #334257;
}

.fc-theme-standard .fc-list .fc-list-day-side-text {
    color: #677788;
    font-weight: 400;
}

.fullcalendar-custom.fc .fc-popover {
    border-color: rgba(231, 234, 243, 0.7);
    -webkit-box-shadow: 0 6px 12px rgba(140, 152, 164, 0.075);
    box-shadow: 0 6px 12px rgba(140, 152, 164, 0.075);
    border-radius: 0.75rem;
}

.fullcalendar-custom.fc .fc-popover-header {
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
    background-color: #f8fafd;
    padding: 0.5rem 0.75rem;
}

.fullcalendar-custom.fc .fc-more-popover .fc-popover-body {
    padding: 0.5rem 0.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: #0052ea;
}

.fullcalendar-event-popover {
    width: 25rem;
    max-width: 25rem;
}

.flatpickr-custom {
    position: relative;
    width: 100% !important;
}

.flatpickr-custom .flatpickr-calendar {
    top: calc(1.6em + 1.21875rem) !important;
    inset-inline-start: 0 !important;
    width: auto;
}

.flatpickr-custom-form-control[readonly],
.form-control[readonly] {
    background-color: transparent;
}

.flatpickr-calendar {
    width: 21.125rem;
    padding: 1rem 1rem;
    -webkit-box-shadow: 0 10px 40px 10px rgba(140, 152, 164, 0.175);
    box-shadow: 0 10px 40px 10px rgba(140, 152, 164, 0.175);
    border-radius: 0.75rem;
    margin-top: 0.5rem;
}

.flatpickr-calendar::before {
    inset-inline-start: 1rem;
    border-width: 0.5rem;
    margin: 0 0.5rem;
}

.flatpickr-calendar.arrowTop::before {
    border-bottom-color: #fff;
}

.flatpickr-calendar::after {
    display: none;
}

.flatpickr-calendar.animate.open {
    -webkit-animation: fadeInUp 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    animation: fadeInUp 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-calendar .flatpickr-months {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 0.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: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    width: auto;
}

.flatpickr-calendar .flatpickr-next-month,
.flatpickr-calendar .flatpickr-prev-month {
    position: static;
    color: #677788;
    width: 2.1875rem;
    height: 2.1875rem;
    line-height: 2.1875rem;
    background-color: transparent;
    border-radius: 50%;
}

.flatpickr-calendar .flatpickr-next-month:hover,
.flatpickr-calendar .flatpickr-prev-month:hover {
    color: #377dff;
    background-color: rgba(55, 125, 255, 0.1);
}

.flatpickr-calendar .flatpickr-weekday {
    color: #97a4af;
    text-transform: uppercase;
    font-weight: 600;
}

.flatpickr-calendar .rangeMode .flatpickr-day {
    margin-top: 0.25rem;
}

.flatpickr-calendar .flatpickr-monthDropdown-months {
    font-size: 0.875rem;
    font-weight: 600;
}

.flatpickr-calendar .flatpickr-monthDropdown-months:hover {
    background-color: transparent;
}

.flatpickr-calendar .flatpickr-current-month input.cur-year {
    font-size: 0.875rem;
    font-weight: 600;
}

.flatpickr-calendar .flatpickr-day {
    color: #334257;
    border: none;
}

.flatpickr-calendar .flatpickr-day:focus,
.flatpickr-calendar .flatpickr-day:hover {
    color: #377dff;
    background-color: rgba(55, 125, 255, 0.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: #377dff;
    border-color: #377dff;
}

.flatpickr-calendar .flatpickr-day.inRange {
    color: #fff;
    background-color: #377dff;
    -webkit-box-shadow: -0.35rem 0 0 #377dff, 0.35rem 0 0 #377dff;
    box-shadow: -0.35rem 0 0 #377dff, 0.35rem 0 0 #377dff;
}

.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: #377dff;
    background-color: #377dff;
}

.flatpickr-calendar .flatpickr-day.today {
    color: #fff;
    border-color: transparent;
    background-color: #377dff;
}

.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: #e7eaf3;
    border-color: #e7eaf3;
}

.flatpickr-calendar .flatpickr-day.disabled {
    color: #8c98a4;
}

.flatpickr-calendar .flatpickr-day.disabled:hover {
    color: #8c98a4;
    background-color: #e7eaf3;
    border-color: #e7eaf3;
}

.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)) {
    -webkit-box-shadow: -0.35rem 0 0 #377dff, 0.35rem 0 0 #377dff;
    box-shadow: -0.35rem 0 0 #377dff, 0.35rem 0 0 #377dff;
}

.flatpickr-calendar .numInputWrapper span.arrowDown,
.flatpickr-calendar .numInputWrapper span.arrowUp {
    display: none;
}

.flatpickr-calendar .numInputWrapper:hover {
    background-color: transparent;
}

.flatpickr-custom-borderless {
    width: 0 !important;
    min-width: 6.5rem !important;
}

.flatpickr-custom-borderless .input-group-text {
    border: 0;
    padding-inline-end: 0 !important;
}

.flatpickr-custom-borderless .flatpickr-custom-form-control {
    border: none;
    cursor: pointer;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-inline-end: 0;
    color: #377dff;
}

.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;
    inset-inline-end: -1px;
    bottom: -1px;
    inset-inline-start: -1px;
    display: none;
    background-color: #fff;
    border-radius: 0.3125rem;
}

.hs-loader {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 100%;
}

.hs-unfold {
    position: relative;
    display: inline-block;
}

.hs-unfold-content {
    display: block !important;
    opacity: 0;
    pointer-events: none;
}

.hs-unfold-content-initialized {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.hs-unfold-hidden {
    display: none !important;
    opacity: 0;
    visibility: hidden;
}

.hs-unfold-overlay {
    display: none;
    position: fixed;
    top: 0;
    inset-inline-start: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background-color: rgba(19, 33, 68, 0.25);
}

.hs-unfold-content.hs-unfold-reverse-y {
    top: auto;
    bottom: 100%;
    margin-top: 0;
}

.hs-unfold-has-submenu {
    top: 0;
    inset-inline-end: calc(100% + 0.75rem);
    inset-inline-start: auto;
    margin-top: 0;
}

.hs-unfold-has-submenu::after {
    position: absolute;
    top: 0;
    display: block;
    inset-inline-start: calc(100% - 0.0625rem);
    width: 1rem;
    height: 100%;
    content: "";
}

.hs-unfold-has-submenu-right {
    top: 0;
    inset-inline-end: auto;
    inset-inline-start: calc(100% + 0.75rem);
    margin-top: 0;
}

.hs-unfold-has-submenu-right::after {
    position: absolute;
    top: 0;
    display: block;
    inset-inline-end: calc(100% - 0.0625rem);
    width: 1rem;
    height: 100%;
    content: "";
}

.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::-webkit-scrollbar {
    display: none;
}

.hs-nav-scroller-horizontal .nav-tabs {
    padding-bottom: 2px;
}

.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: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
}

.hs-nav-scroller-horizontal .hs-nav-scroller-arrow-link {
    width: 2.625rem;
    color: #677788;
}

.hs-nav-scroller-horizontal .hs-nav-scroller-arrow-link:hover {
    color: #0052ea;
}

.hs-nav-scroller-horizontal .hs-nav-scroller-arrow-prev {
    inset-inline-start: 0;
    margin-inline-start: -0.125rem;
}

.hs-nav-scroller-horizontal
    .hs-nav-scroller-arrow-prev
    .hs-nav-scroller-arrow-link {
    padding: 0.75rem 0;
    background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(50%, #fff),
        to(rgba(255, 255, 255, 0))
    );
    background-image: linear-gradient(
        to right,
        #fff 50%,
        rgba(255, 255, 255, 0) 100%
    );
    background-repeat: repeat-x;
}

.hs-nav-scroller-horizontal .hs-nav-scroller-arrow-next {
    inset-inline-end: 0;
    margin-inline-end: -0.125rem;
}

.hs-nav-scroller-horizontal
    .hs-nav-scroller-arrow-next
    .hs-nav-scroller-arrow-link {
    padding: 0.75rem 0;
    background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(0, rgba(255, 255, 255, 0)),
        color-stop(50%, #fff)
    );
    background-image: linear-gradient(
        to right,
        rgba(255, 255, 255, 0) 0,
        #fff 50%
    );
    background-repeat: repeat-x;
    text-align: end;
}

.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, 0.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
    .hs-nav-scroller-arrow-link {
    background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(50%, #132144),
        to(rgba(255, 255, 255, 0))
    );
    background-image: linear-gradient(
        to right,
        #132144 50%,
        rgba(255, 255, 255, 0) 100%
    );
    background-repeat: repeat-x;
}

.hs-nav-scroller-horizontal
    .hs-nav-scroller-arrow-dark-next
    .hs-nav-scroller-arrow-link {
    background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(0, rgba(255, 255, 255, 0)),
        color-stop(50%, #132144)
    );
    background-image: linear-gradient(
        to right,
        rgba(255, 255, 255, 0) 0,
        #132144 50%
    );
    background-repeat: repeat-x;
}

.hs-nav-scroller-vertical {
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
}

.hs-nav-scroller-vertical::-webkit-scrollbar {
    width: 0.6125rem;
}

.hs-nav-scroller-vertical::-webkit-scrollbar-thumb {
    background-color: rgba(189, 197, 209, 0.6);
}

.hs-nav-scroller-unfold {
    position: static;
}

.hs-fullscreen {
    position: fixed !important;
    z-index: 9999;
    top: 0;
    inset-inline-start: 0;
    inset-inline-end: 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;
}

.range-slider-custom {
    height: 1.25rem;
}

.range-slider-custom .irs {
    height: 1.25rem;
}

.range-slider-custom .irs-line {
    height: 0.25rem;
}

.range-slider-custom .irs-bar {
    height: 0.25rem;
    background-color: #377dff;
}

.range-slider-custom .irs-handle {
    width: 1.53125rem;
    height: 1.53125rem;
    top: 0.76562rem;
    background-color: #fff;
    cursor: pointer;
    border-radius: 50%;
    -webkit-box-shadow: 0 3px 6px 0 rgba(140, 152, 164, 0.25);
    box-shadow: 0 3px 6px 0 rgba(140, 152, 164, 0.25);
}

.range-slider-custom .irs-handle i:first-child {
    display: none;
}

.range-slider-custom .irs-handle.state_hover {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.range-slider-custom .irs-from,
.range-slider-custom .irs-single,
.range-slider-custom .irs-to {
    top: -2.25rem;
    display: inline-block;
    min-width: 2.5rem;
    background-color: #fff;
    color: #334257;
    font-size: 0.8125rem;
    text-shadow: none;
    text-align: center;
    -webkit-box-shadow: 0 3px 6px 0 rgba(140, 152, 164, 0.25);
    box-shadow: 0 3px 6px 0 rgba(140, 152, 164, 0.25);
    border-radius: 0.3125rem;
    padding: 0.5rem 0.5rem;
}

.range-slider-custom .irs-from::before,
.range-slider-custom .irs-single::before,
.range-slider-custom .irs-to::before {
    border-top-color: #fff;
}

.range-slider-grid .irs-grid-pol {
    top: 0.5rem;
    height: 0.75rem;
    background-color: #e7eaf3;
}

.range-slider-grid .irs-grid-pol.small {
    display: none;
}

.range-slider-grid .irs-grid-text {
    top: 2rem;
    font-size: 0.875rem;
}

.jvectormap-custom {
    width: 100%;
    height: 100%;
}

.jvectormap-container {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
}

.jvectormap-tip,
.jvectormap-zoomin,
.jvectormap-zoomout {
    position: absolute;
    border-radius: 0.25rem;
}

.jvectormap-tip {
    z-index: 100;
    display: none;
    color: #334257;
    background-color: #fff;
    padding: 0.54688rem 0.875rem;
    margin: -0.875rem;
    -webkit-box-shadow: 0 6px 24px 0 rgba(140, 152, 164, 0.125);
    box-shadow: 0 6px 24px 0 rgba(140, 152, 164, 0.125);
}

.jvectormap-tip::before {
    position: absolute;
    inset-inline-start: calc(50% - 0.5rem);
    bottom: -0.4375rem;
    width: 1rem;
    height: 0.5rem;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='1rem' height='0.5rem' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 50 22.49'%3E%3Cpath fill='%23fff' 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 0.5rem;
}

.jvectormap-zoomin,
.jvectormap-zoomout {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    color: #677788;
    background-color: #fff;
    border: 0.0625rem solid #e7eaf3;
    width: 1.53125rem;
    height: 1.53125rem;
    cursor: pointer;
}

.jvectormap-zoomin:focus,
.jvectormap-zoomin:hover,
.jvectormap-zoomout:focus,
.jvectormap-zoomout:hover {
    color: #0052ea;
}

.jvectormap-zoomin {
    top: 1rem;
    inset-inline-start: 1rem;
}

.jvectormap-zoomout {
    top: 2.84375rem;
    inset-inline-start: 1rem;
}

.leaflet-custom {
    z-index: 98;
}

.leaflet-bar,
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.leaflet-bar a,
.leaflet-bar a:hover {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    width: 1.53125rem;
    height: 1.53125rem;
    line-height: 1.6;
    font-size: 0.8125rem;
    font-family: "Open Sans", sans-serif;
    color: #677788;
    background-color: #fff;
    border: 0.0625rem solid #e7eaf3;
    border-radius: 0.3125rem;
    text-indent: inherit;
}

.leaflet-bar a:first-child {
    margin-bottom: 0.25rem;
}

.leaflet-bar a:last-child {
    border-bottom: 0.0625rem solid #e7eaf3;
}

.leaflet-bar a:hover {
    color: #377dff;
}

.leaflet-popup {
    margin-bottom: 3rem;
}

.quill-custom {
    position: relative;
    width: 100%;
}

.quill-custom .ql-container {
    position: static;
}

.quill-custom .ql-container.ql-snow,
.quill-custom .ql-toolbar.ql-snow {
    border-color: #e7eaf3;
}

.quill-custom .ql-toolbar.ql-snow .ql-picker-label {
    border-width: 0;
}

.quill-custom .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
    color: #677788;
    border-radius: 0.25rem;
}

.quill-custom .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
    stroke: #677788;
}

.quill-custom .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
    border-width: 0;
    border-radius: 0.75rem;
    -webkit-box-shadow: 0 10px 40px 10px rgba(140, 152, 164, 0.175);
    box-shadow: 0 10px 40px 10px rgba(140, 152, 164, 0.175);
    padding: 0;
    overflow: hidden;
    margin-top: 0.5rem;
}

.quill-custom
    .ql-toolbar.ql-snow
    .ql-picker.ql-expanded
    .ql-picker-options
    .ql-picker-item {
    padding: 0.375rem 1.5rem;
}

.quill-custom
    .ql-toolbar.ql-snow
    .ql-picker.ql-expanded
    .ql-picker-options
    .ql-picker-item:hover {
    color: #334257;
    background-color: rgba(189, 197, 209, 0.3);
}

.quill-custom .ql-toolbar.ql-snow {
    padding: 0.75rem 1.3125rem;
    border-top-left-radius: 0.3125rem;
    border-top-right-radius: 0.3125rem;
}

.quill-custom .ql-container.ql-snow {
    border-bottom-right-radius: 0.3125rem;
    border-bottom-left-radius: 0.3125rem;
}

.quill-custom.ql-toolbar-bottom .ql-toolbar.ql-snow {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0.3125rem;
    border-bottom-left-radius: 0.3125rem;
}

.quill-custom.ql-toolbar-bottom .ql-toolbar.ql-snow + .ql-container.ql-snow {
    border-top-left-radius: 0.3125rem;
    border-top-right-radius: 0.3125rem;
    border: 0.0625rem solid #e7eaf3;
}

.quill-custom .ql-toolbar-list {
    line-height: normal;
    margin-bottom: 0;
}

.quill-custom .ql-formats:first-child {
    padding-inline-start: 0;
}

.quill-custom .ql-formats:first-child button {
    margin-inline-end: 0.5rem;
}

.quill-custom .ql-formats:first-child button:first-child {
    margin-inline-start: -0.25rem;
}

.quill-custom .ql-editor {
    position: relative;
    min-height: 10rem;
    padding: 1.3125rem 1.3125rem;
}

.quill-custom .ql-editor > * {
    font-size: 0.875rem;
    font-family: "Open Sans", sans-serif;
    color: #334257;
}

.quill-custom .ql-editor-content {
    min-height: 10rem;
}

.quill-custom .ql-editor.ql-blank::before {
    inset-inline-start: 1.3125rem;
    color: #97a4af;
    font-family: "Open Sans", sans-serif;
    font-style: normal;
}

.quill-custom .ql-snow a.btn-primary {
    color: #fff;
}

.quill-custom .ql-snow.ql-toolbar .ql-fill {
    fill: #677788;
}

.quill-custom .ql-snow.ql-toolbar .ql-stroke {
    stroke: #677788;
}

.quill-custom .ql-snow.ql-toolbar button:hover {
    color: #377dff;
}

.quill-custom .ql-snow.ql-toolbar button:hover .ql-fill {
    fill: #377dff;
}

.quill-custom .ql-snow.ql-toolbar button:hover .ql-stroke {
    stroke: #377dff;
}

.quill-custom .ql-snow .ql-toolbar button,
.quill-custom .ql-snow.ql-toolbar button {
    width: 1.75rem;
    height: 1.75rem;
    padding: 0.25rem 0.25rem;
}

.quill-custom .ql-snow .ql-tooltip {
    position: fixed;
    top: 50% !important;
    inset-inline-start: 50% !important;
    z-index: 1;
    min-width: 20rem;
    border-width: 0;
    text-align: center;
    -webkit-box-shadow: 0 10px 40px 10px rgba(140, 152, 164, 0.175);
    box-shadow: 0 10px 40px 10px rgba(140, 152, 164, 0.175);
    padding: 1.5rem 1.5rem;
    border-radius: 0.3125rem;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.quill-custom .ql-snow .ql-tooltip::before {
    display: block;
    text-align: center;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 1rem;
    border-bottom: 0.0625rem solid #e7eaf3;
    padding-bottom: 1rem;
    margin-bottom: 1.5rem;
    margin-inline-end: 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: 1rem;
    line-height: normal;
    border: 0.0625rem solid #e7eaf3;
    padding: 0.875rem 1.09375rem;
    margin-bottom: 1.5rem;
    border-radius: 0.3125rem;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.quill-custom .ql-snow .ql-tooltip a.ql-preview {
    display: block;
}

.quill-custom .ql-snow .ql-tooltip a.ql-preview:hover {
    border-color: #377dff;
}

.quill-custom .ql-snow .ql-tooltip.ql-editing input[type="text"] {
    height: auto;
    display: block;
    font-family: "Open Sans", sans-serif;
}

.quill-custom .ql-snow .ql-tooltip.ql-editing input[type="text"]:focus {
    border-color: rgba(55, 125, 255, 0.4);
    -webkit-box-shadow: 0 0 10px rgba(55, 125, 255, 0.1);
    box-shadow: 0 0 10px rgba(55, 125, 255, 0.1);
}

.quill-custom .ql-snow .ql-action {
    display: inline-block;
    color: #fff;
    background-color: #377dff;
    font-size: 0.875rem;
    line-height: normal;
    padding: 0.875rem 1.09375rem;
    border-radius: 0.3125rem;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.quill-custom .ql-snow .ql-action:hover {
    background-color: #1366ff;
}

.quill-custom .ql-snow .ql-tooltip a.ql-action::after,
.quill-custom .ql-snow .ql-tooltip a.ql-remove::before {
    padding-inline-end: 0;
    margin-inline-start: 0;
    border-inline-end: none;
}

.quill-custom .ql-snow .ql-tooltip a.ql-remove {
    border: 0.0625rem solid #e7eaf3;
    font-size: 0.875rem;
    padding: 0.875rem 1.09375rem;
    border-radius: 0.3125rem;
    margin-inline-start: 0.5rem;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.quill-custom .ql-snow .ql-tooltip a.ql-remove:hover {
    color: #0052ea;
    -webkit-box-shadow: 0 3px 6px -2px rgba(140, 152, 164, 0.25);
    box-shadow: 0 3px 6px -2px rgba(140, 152, 164, 0.25);
}

.select2-custom {
    position: relative;
}

.select2-custom .select2-custom-hide {
    display: none;
}

.select2-custom-right .select2-container--open {
    inset-inline-end: 0 !important;
    inset-inline-start: auto !important;
}

@media (min-width: 576px) {
    .select2-custom-sm-right .select2-container--open {
        inset-inline-end: 0 !important;
        inset-inline-start: auto !important;
    }
}

@media (min-width: 768px) {
    .select2-custom-md-right .select2-container--open {
        inset-inline-end: 0 !important;
        inset-inline-start: auto !important;
    }
}

@media (min-width: 992px) {
    .select2-custom-lg-right .select2-container--open {
        inset-inline-end: 0 !important;
        inset-inline-start: auto !important;
    }
}

@media (min-width: 1200px) {
    .select2-custom-xl-right .select2-container--open {
        inset-inline-end: 0 !important;
        inset-inline-start: auto !important;
    }
}

@media (min-width: 1400px) {
    .select2-custom-xxl-right .select2-container--open {
        inset-inline-end: 0 !important;
        inset-inline-start: auto !important;
    }
}

.select2-dropdown {
    border-color: #e7eaf3;
}

.select2-container--open .select2-dropdown--below {
    border-radius: 0.3125rem;
    border-top: 0.0625rem solid #e7eaf3;
    margin-top: 0.5rem;
}

.select2-container--default.select2-container--open.select2-container--below
    .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--below
    .select2-selection--single {
    border-radius: 0.3125rem;
}

.select2-container--default.select2-container--focus
    .select2-selection--multiple {
    border-color: rgba(55, 125, 255, 0.4);
}

.select2-container--default .custom-select.select2-selection--multiple,
.select2-container--default .form-control.select2-selection--multiple {
    height: auto;
    min-height: calc(1.6em + 1.21875rem);
}

.select2-container--default .select2-selection--multiple {
    border-color: #e7eaf3;
    padding: 0 0.875rem;
}

.select2-container--default
    .custom-select
    .select2-search--inline
    .select2-search__field,
.select2-container--default
    .select2-selection--multiple
    .select2-selection__choice {
    margin: 0.25rem 0.25rem 0.25rem 0;
    padding: 0.3125rem 0.875rem;
}

.select2-container--default
    .select2-selection--multiple
    .select2-selection__choice {
    position: relative;
    background-color: #e7eaf3;
    border-color: transparent;
    padding-inline-end: 1.6125rem;
    line-height: normal;
}

.select2-container--default
    .select2-selection--multiple
    .select2-selection__choice__remove {
    position: absolute;
    inset-inline-end: 0.125rem;
    color: #71869d;
    margin-inline-end: 0.25rem;
}

.select2-container--default .select2-search__field {
    padding-inline-start: 0 !important;
    width: 100% !important;
}

.select2-container--default .select2-search__field::-webkit-input-placeholder {
    color: #97a4af;
}

.select2-container--default .select2-search__field:-ms-input-placeholder {
    color: #97a4af;
}

.select2-container--default .select2-search__field::-ms-input-placeholder {
    color: #97a4af;
}

.select2-container--default .select2-search__field::placeholder {
    color: #97a4af;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: #e7eaf3;
    background-color: #f9fafc;
    padding: 0.4375rem 0.65625rem;
    border-radius: 0.3125rem;
}

.select2-container--default
    .select2-search--dropdown
    .select2-search__field::-webkit-input-placeholder {
    color: #97a4af;
}

.select2-container--default
    .select2-search--dropdown
    .select2-search__field:-ms-input-placeholder {
    color: #97a4af;
}

.select2-container--default
    .select2-search--dropdown
    .select2-search__field::-ms-input-placeholder {
    color: #97a4af;
}

.select2-container--default
    .select2-search--dropdown
    .select2-search__field::placeholder {
    color: #97a4af;
}

.select2-container--default
    .select2-search--dropdown
    .select2-search__field:focus {
    border-color: rgba(55, 125, 255, 0.4);
    -webkit-box-shadow: 0 0 10px rgba(55, 125, 255, 0.1);
    box-shadow: 0 0 10px rgba(55, 125, 255, 0.1);
}

.select2-container--default
    .select2-selection.active
    .select2-selection__placeholder {
    color: #334257;
}

.select2-container--default
    .select2-selection--multiple
    .select2-selection__rendered {
    display: block;
    padding-inline-start: 0;
}

.select2-container--default .select2-results__option {
    padding: 0.5rem 3rem 0.5rem 0.5rem;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
    color: #334257;
    background-color: rgba(189, 197, 209, 0.3);
}

.select2-container--default .select2-results__option:first-child,
.select2-container--default .select2-results__option:first-child:hover {
    border-top-left-radius: 0.3125rem;
    border-top-right-radius: 0.3125rem;
}

.select2-container--default .select2-results__option:last-child,
.select2-container--default .select2-results__option:last-child:hover {
    border-bottom-right-radius: 0.3125rem;
    border-bottom-left-radius: 0.3125rem;
}

.select2-container--default .select2-results__option {
    position: relative;
}

.select2-container--default
    .select2-results__option[aria-selected="true"]::after {
    position: absolute;
    top: 50%;
    inset-inline-end: 0.5rem;
    width: 1rem;
    height: 1rem;
    background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 110 110' fill='%23377dff' xmlns='http://www.w3.org/2000/svg'%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%0A")
        no-repeat right center/1rem 1rem;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.select2-container--default
    .select2-results__option--highlighted[aria-selected]:not(
        [aria-selected="true"]
    ) {
    color: #334257;
    background-color: rgba(189, 197, 209, 0.3);
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: #e7eaf3;
}

.select2-selection__placeholder {
    color: #97a4af;
}

.select2-selection--multiple .select2-selection__placeholder {
    position: absolute;
    top: 50%;
    inset-inline-start: 0;
    padding-inline-start: 0.75rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.sortablejs-custom.sortable-ghost {
    opacity: 0.3;
}

.sortablejs-custom-rotate.sortable-fallback {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
    opacity: 1 !important;
}

.sortablejs-custom-handle {
    cursor: pointer;
}

.tagify {
    --tag-bg: unset;
    --tag-hover: unset;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    border-color: #e7eaf3;
    border-radius: 0.25rem;
}

.tagify:hover {
    border-color: #e7eaf3;
}

.tagify.tagify--focus {
    border-color: rgba(55, 125, 255, 0.4);
}

.tagify__tag--hide {
    height: 0;
}

.tagify__tag {
    margin: 0.25rem 0.25rem 0.25rem 0;
    background-color: #e7eaf3;
    border-radius: 0.25rem;
}

.tagify__tag:first-child {
    margin-inline-start: 0;
}

.tagify__tag > div {
    color: #334257;
    padding: 0.3125rem 0.875rem;
    border-radius: 0.25rem;
}

.tagify__tag__removeBtn {
    color: #71869d;
    width: 0.875rem;
    height: 0.875rem;
    line-height: 0.875rem;
}

.tagify__tag__removeBtn:hover {
    background-color: #ed4c78;
}

.tagify__tag__removeBtn:hover + div::before {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.tagify__tag__removeBtn:hover + div .tagify__tag-text {
    opacity: 1;
}

.tagify-form-control {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    height: auto;
    padding: 0 0.25rem;
}

.tagify-form-control.tagify--empty {
    padding: 0 0.875rem;
}

.tagify__input:first-child {
    padding-inline-start: 0;
    margin-inline-start: 0;
}

.tagify__input::before {
    color: #97a4af;
    line-height: 1.4;
}

.tagify__input .tagify__tag > div {
    padding: 0.3125rem 0.875rem;
    line-height: normal;
}

.tagify__dropdown__menu {
    overflow: hidden;
    border: 0.0625rem solid #e7eaf3;
    border-bottom-right-radius: 0.3125rem;
    border-bottom-left-radius: 0.3125rem;
    margin-top: -1px;
}

.tagify__dropdown__wrapper {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none !important;
    transition: none !important;
}

.tagify__dropdown__item {
    color: #334257;
    padding: 0.54688rem 0.875rem;
    margin: 0;
    border-radius: 0;
}

.tagify__dropdown__item--active {
    background-color: rgba(189, 197, 209, 0.3);
}

.tagify.tagify-form-control-list {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.navbar__brand-wrapper {
    padding: 5px 20px !important;
}

.cmn--media {
    font-size: 12px;
}

.cmn--media .card-title {
    font-size: 14px;
    font-weight: 700;
    color: #334257;
}

.right-dropdown-icon {
    position: relative;
}

.right-dropdown-icon::before {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    border: 4px solid #334257;
    border-top-color: transparent;
    border-left-color: transparent;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    inset-inline-start: -17px;
    top: 2px;
}

.navbar-vertical-aside-mini-mode .navbar-brand-wrapper {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.navbar-vertical-aside-mini-mode aside .navbar-brand {
    display: none !important;
}

/*Design Panel Updated CSS*/
.navbar__brand-wrapper {
    padding: 5px 20px !important;
}

.cmn--media {
    font-size: 12px;
}

.cmn--media .card-title {
    font-size: 14px;
    font-weight: 700;
    color: #334257;
}

.right-dropdown-icon {
    position: relative;
}

.right-dropdown-icon::before {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    border: 4px solid #334257;
    border-top-color: transparent;
    border-left-color: transparent;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    inset-inline-start: -17px;
    top: 2px;
}

.navbar-vertical-aside-mini-mode .navbar-brand-wrapper {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.navbar-vertical-aside-mini-mode aside .navbar-brand {
    display: none !important;
}

.d--xl-none {
    display: none !important;
}

@media screen and (max-width: 1199.99px) {
    .d--xl-none {
        display: block !important;
    }
}

.page-header-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    margin: 0;
}

.page-header-title i {
    margin-inline-end: 10px;
    font-size: 26px;
    line-height: 1.2;
}

.shadow--card {
    background: #ffffff;
    border: 1px solid #f4f4f4;
    -webkit-box-shadow: 0px 5px 5px rgba(51, 66, 87, 0.05);
    box-shadow: 0px 5px 5px rgba(51, 66, 87, 0.05);
    border-radius: 5px;
    padding: 20px;
}

:root {
    --primary-clr: #0093fa;
    --secondary-clr: #99a7ba;
    --title-clr: #334257;
    --base-clr: #f8923b;
    --border-clr: #99a7ba45;
    --warning-clr: #ff7500;
    --danger-clr: #ff6d6d;
    --success-clr: #00aa6d;
    --info-clr: #0096ff;
}

a[class*="btn--"],
button[class*="btn--"] {
    border-radius: 5px;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    padding: 9px 24px;
    color: #fff;
    text-transform: capitalize;
    border: 1px solid;
}

@media screen and (min-width: 1450px) {
    a[class*="btn--"],
    button[class*="btn--"] {
        padding: 12px 24px;
    }
}

a[class*="btn--"].font--sm,
button[class*="btn--"].font--sm {
    font-size: 0.75rem;
}

a[class*="btn--"]:hover,
button[class*="btn--"]:hover {
    -webkit-filter: brightness(0.9);
    filter: brightness(0.9);
}

a[class*="btn--"]:hover {
    color: #fff;
}

.btn--secondary {
    color: #fff !important;
    background: var(--secondary-clr);
    border-color: var(--secondary-clr) !important;
}

.btn--reset {
    color: var(--title-clr) !important;
    background: #f3f4f5 !important;
    border-color: #f3f4f5 !important;
}

.h--37px {
    height: 37px;
    line-height: 37px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.btn--primary {
    background: var(--primary-clr);
    border-color: var(--primary-clr) !important;
}

.btn--primary:hover {
    color: #fff !important;
}

.btn-outline-primary:not(:hover) {
    background: transparent !important;
    color: var(--primary-clr);
}

.btn-outline-primary:hover {
    background: var(--primary-clr);
    color: #fff !important;
}

.btn-outline-secondary:not(:hover) {
    background: transparent !important;
}

.btn-outline-secondary:hover {
    background: var(--secondary-clr);
    color: #fff !important;
}

.btn--warning {
    background: var(--warning-clr) !important;
    border-color: var(--warning-clr) !important;
}

.btn-outline-warning:not(:hover) {
    background: rgba(255, 134, 32, 0.05) !important;
    color: var(--warning-clr) !important;
}

.btn-outline-warning:hover {
    background: var(--warning-clr) !important;
    color: #fff !important;
}

.btn--danger {
    background: var(--danger-clr) !important;
    border-color: var(--danger-clr) !important;
}

.btn-outline-danger:not(:hover) {
    background: transparent !important;
    color: var(--danger-clr);
}

.btn-outline-danger:hover {
    background: var(--danger-clr) !important;
    color: #fff !important;
}

.export-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 35px;
    padding: 0 12px !important;
}

.export-btn span {
    margin: 0 5px;
    display: inline-block;
}

.export-btn i {
    font-size: 0.9rem !important;
}

.action-btn {
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 0.8em !important;
    padding: 0 !important;
}

@media screen and (min-width: 1650px) {
    .action-btn {
        width: 32px;
        height: 32px;
    }
}

.action-btn.btn-outline-primary:not(:hover) {
    background: #377dff0a !important;
}

.btn--container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -8px;
}

.table .btn--container {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.btn--container > * {
    margin: 8px;
}

.table .btn--container {
    margin: -5px;
}

.table .btn--container > * {
    margin: 5px;
}

.zone-setup-top {
    font-size: 0.7rem;
    line-height: 1rem;
}

.zone-setup-top .subtitle {
    font-weight: 600;
    color: var(--base-clr);
    font-size: 1rem;
}

@media screen and (min-width: 1450px) {
    .zone-setup-top {
        font-size: 0.75rem;
        line-height: 1.2rem;
    }
}

.zone-setup-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 389px;
    margin-bottom: 10px;
}

.zone-setup-item .zone-setup-icon {
    width: 30px;
    height: 30px;
    border: 1.5px solid var(--title-clr);
    color: var(--title-clr);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 0.95rem;
}

.zone-setup-item .info {
    width: calc(100% - 30px);
    padding-inline-start: 8px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    font-size: 0.7rem;
    line-height: 15px;
}

@media screen and (min-width: 1650px) {
    .zone-setup-item {
        min-width: 420px;
    }
    .zone-setup-item .zone-setup-icon {
        width: 35px;
        height: 35px;
        font-size: 0.95rem;
    }
    .zone-setup-item .info {
        width: calc(100% - 45px);
        font-size: 0.76rem;
        line-height: 1.2rem;
    }
}

.zone-setup .input-label {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--title-clr);
}

.zone-setup .form-group {
    margin-bottom: 25px;
}

.instructions-image img {
    width: 100%;
    max-width: 389px;
}

@media screen and (min-width: 1450px) {
    .instructions-image img {
        width: unset;
        max-width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .instructions-image {
        margin-bottom: 40px;
    }
}

.map-warper {
    height: 233px;
}

@media screen and (min-width: 1450px) {
    .map-warper {
        height: 306px;
        margin-top: 32px;
    }
}

@media screen and (min-width: 1650px) {
    .map-warper {
        height: 350px;
    }
}

.card .card-header h5 {
    font-size: 16px;
    font-weight: 600;
}

.table th {
    padding: 1rem;
}

.input--group .form-control {
    height: 40px;
    padding: 0 10px;
    font-size: 0.875rem;
    border-top: 0.53059px solid var(--border-clr);
    border-bottom: 0.53059px solid var(--border-clr);
}

.input--group .form-control:first-child {
    border-inline-start: 0.53059px solid var(--border-clr);
    border-radius: 5px 0 0 5px !important;
}

.input--group .form-control:last-child {
    border-inline-end: 0.53059px solid var(--border-clr);
    border-radius: 0 5px 5px 0 !important;
}

.input--group .btn--secondary {
    min-width: 40px;
    text-align: center;
    color: #fff;
    padding: 0 5px !important;
    border-radius: 0 5px 5px 0 !important;
    border-top: 1px solid var(--border-clr) !important;
    border-bottom: 1px solid var(--border-clr) !important;
    border-inline-end: 1px solid var(--border-clr) !important;
    border-inline-start: none !important;
    margin-inline-start: -1px !important;
}

@media screen and (min-width: 1200px) {
    .input--group .export-btn,
    .input--group .form-control,
    .input--group .btn--secondary {
        height: 40px;
    }
}

@media screen and (min-width: 1200px) {
    .export-btn {
        height: 40px;
    }
}

.move-left {
    margin-inline-start: -22px;
}

.nav-subtitle {
    color: #99a7ba !important;
    font-size: 0.75rem;
}

.navbar-vertical aside .nav-link {
    color: #e9f3ff !important;
}

.form--control {
    background: rgba(153, 167, 186, 0.2);
    border: 1px solid #99a7ba;
    border-radius: 5px;
    color: #99a7ba !important;
}

.form--control:focus {
    color: #fff !important;
    border-color: var(--base-clr);
    background: rgba(153, 167, 186, 0.2);
}

.form--control:-webkit-autofill,
.form--control:-webkit-autofill:hover,
.form--control:-webkit-autofill:focus {
    border: 1px solid var(--base-clr) !important;
    -webkit-text-fill-color: #fff !important;
    box-shadow: 0 0 0px 1000px rgba(153, 167, 186, 0.2) inset !important;
    -webkit-box-shadow: 0 0 0px 1000px rgba(153, 167, 186, 0.2) inset !important;
    -webkit-transition: background-color 5000s ease-in-out 0s !important;
    transition: background-color 5000s ease-in-out 0s !important;
}

.sidebar--search-form {
    padding: 20px 10px 16px;
    position: sticky;
    top: 0;
    background: #334257;
    z-index: 9;
}

.sidebar--search-form .form--control {
    padding-inline-start: 40px;
}

.sidebar--search-form .search--form-group {
    position: relative;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.sidebar--search-form .search--form-group .btn {
    position: absolute;
    inset-inline-start: 5px;
    top: 0;
    color: #99a7ba !important;
    padding-inline-start: 12px !important;
    padding-inline-end: 12px !important;
}

aside .nav-item .nav-link {
    color: #e9f3ff !important;
}

aside .navbar-vertical-aside-has-menu .nav-sub .nav-link {
    font-size: 0.8rem;
}

aside .navbar-nav > .nav-item:not(:first-child) {
    margin-top: 15px !important;
}

aside .nav-link {
    color: #e9f3ff !important;
}

.navbar-vertical-aside-mini-mode
    .navbar-vertical:not([class*="container"])
    .navbar-nav
    .nav-link {
    padding-inline-start: 1.75rem !important;
}

.navbar-vertical-aside-mini-mode .search--form-group {
    display: none;
}

.swal2-popup .swal2-styled.swal2-cancel {
    color: #fff !important;
    background: var(--secondary-clr) !important;
}

.swal2-popup .swal2-styled:focus,
.swal2-popup .swal2-styled.swal2-confirm {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.swal2-popup {
    border-radius: 10px !important;
    padding: 30px !important;
    width: 100% !important;
    max-width: 500px !important;
    font-size: 1em !important;
    font-family: "Inter", sans-serif;
}

.swal2-popup .swal2-icon {
    margin-top: 0 !important;
    margin-bottom: 1.5em !important;
}

.swal2-popup .swal2-styled {
    min-width: 170px;
    text-align: center;
}

@media screen and (min-width: 575px) {
    .swal2-popup .swal2-styled {
        margin: 0.3125em 0.8em !important;
    }
}

.swal2-popup .swal2-title {
    font-family: "Public Sans", sans-serif;
    font-size: 1.5em !important;
}

.swal2-popup .swal2-actions {
    margin-top: 1.5em !important;
}

.swal2-popup .swal2-close {
    color: var(--title-clr) !important;
    inset-inline-end: 15px !important;
    top: 15px !important;
}

#map {
    height: 272px !important;
    border-radius: 5px;
}

.card-header-icon i {
    font-size: 22px;
}

.btn {
    font-family: "Inter", sans-serif;
}

.card-title {
    text-transform: capitalize;
}

.h--45px {
    height: 45px;
}

.btn--primary.h--45px {
    font-size: 16px;
    font-weight: 600;
}

.page-header-select-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: -7px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.page-header-select-wrapper .select-item {
    padding: 7px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

@media screen and (min-width: 576px) {
    .page-header-select-wrapper .select-item {
        max-width: 211px;
    }
    .page-header-select-wrapper .select-item .form-control {
        height: 46px;
    }
    .page-header-select-wrapper .select-item .select2-selection {
        height: 46px !important;
        line-height: 28px;
    }
    .page-header-select-wrapper .select-item .w--unset {
        width: unset !important;
    }
}

@media screen and (max-width: 575px) {
    .page-header-select-wrapper {
        margin-top: 10px;
    }
}

@media screen and (min-width: 576px) {
    .w--sm-unset {
        width: unset !important;
    }
}

.resturant-card {
    position: relative;
    border-radius: 10px;
    padding: 21px 50px 21px 28px;
}

.resturant-card .title {
    font-size: 1.375rem;
    font-weight: 700;
    margin: 0;
    margin-bottom: 5px;
}

.resturant-card .subtitle {
    margin: 0;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
}

@media screen and (max-width: 1400px) and (min-width: 1200px) {
    .resturant-card .subtitle {
        font-size: 12px;
    }
}

.resturant-card .resturant-icon {
    position: absolute;
    inset-inline-end: 15px;
    top: 15px;
    max-width: 30px;
    height: 35px;
    -o-object-fit: contain;
    object-fit: contain;
}

.resturant-card .resturant-icon img {
    max-width: 100%;
}

@media screen and (min-width: 1450px) {
    .resturant-card {
        padding: 30px 55px 25px 30px;
    }
    .resturant-card .resturant-icon {
        inset-inline-end: 20px;
        top: 25px;
    }
}

.resturant-card.dashboard--card {
    min-height: 135px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.resturant-card.dashboard--card .subtitle {
    color: var(--title-clr);
}

.bg--1 {
    background: rgba(0, 150, 255, 0.15) !important;
}

.bg--2 {
    background: rgba(0, 170, 109, 0.15) !important;
}

.bg--3 {
    background: rgba(248, 59, 59, 0.1) !important;
}

.bg--4 {
    background: rgba(255, 245, 0, 0.2) !important;
}

.bg--5 {
    background: rgba(248, 146, 59, 0.1) !important;
}

.bg--6 {
    background: rgba(248, 59, 218, 0.11) !important;
}

.bg--7 {
    background: rgba(255, 46, 83, 0.15) !important;
}

.bg--8 {
    background: rgba(0, 170, 17, 0.15) !important;
}

.bg--9 {
    background: rgba(59, 191, 248, 0.1) !important;
}

.bg--10 {
    background: rgba(0, 170, 109, 0.15) !important;
}

.bg--11 {
    background: rgba(248, 146, 59, 0.1) !important;
}

.bg--12 {
    background: rgba(247, 25, 25, 0.11) !important;
}

.bg--13 {
    background: #cceaff !important;
}

.bg--14 {
    background: rgba(255, 0, 0, 0.2) !important;
}

.resturant-card-2 .resturant-icon {
    max-width: 24px;
    height: 24px;
}

.bg--title {
    background: var(--title-clr) !important;
}

.g-1 {
    margin: -0.35rem;
}

.g-1 > *[class*="col"] {
    padding: 0.35rem !important;
}

.g-3 {
    margin: -0.625rem;
}

.g-3 > *[class*="col"] {
    padding: 0.625rem !important;
}

.g-4 {
    margin: -0.875rem;
}

.g-4 > *[class*="col"] {
    padding: 0.875rem !important;
}

@media screen and (min-width: 1200px) and (max-width: 1200.99px) {
    .navbar-vertical-aside-show-xl .navbar:not(.navbar-vertical) {
        margin-inline-start: 0 !important;
    }
}

@media screen and (max-width: 575px) {
    .cmn--media.right-dropdown-icon::before {
        display: none;
    }
    .cmn--media.right-dropdown-icon .media-body {
        display: none !important;
    }
}

.transaction--information {
    border: 1px solid #f4f4f4;
    -webkit-box-shadow: 0px 3px 5px rgba(51, 66, 87, 0.05);
    box-shadow: 0px 3px 5px rgba(51, 66, 87, 0.05);
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 20px;
    margin-bottom: 30px;
}

.transaction--information li {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5px;
    font-size: 0.7rem;
}

.transaction--information li i {
    font-size: 1.5rem;
}

.transaction--information li > div {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    padding-inline-start: 5px;
}

.transaction--information li > div span {
    margin-inline-end: 10px;
    font-weight: 500;
}

.transaction--information li > div * {
    display: inline-block;
}

.transaction--information li > div strong {
    font-size: 14px;
}

@media screen and (max-width: 1199px) {
    .transaction--information {
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
    }
    .transaction--information .seperator {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .transaction--information li {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
}

@media screen and (max-width: 575px) {
    .transaction--information {
        padding: 15px 10px;
    }
    .transaction--information li {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
    .transaction--information li > div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
    .transaction--information li > div strong {
        white-space: nowrap;
    }
}

.transaction--information .seperator {
    background: rgba(0, 0, 0, 0.45);
    height: 25px;
    width: 1px;
    margin-inline-start: auto;
    margin-inline-end: auto;
    padding: 0;
}

.text--info {
    color: rgba(6, 97, 203, 0.8) !important;
}

.text--success {
    color: rgba(0, 170, 109, 0.9) !important;
}

.text--danger {
    color: rgba(248, 59, 59, 0.8) !important;
}

.text--warning {
    color: var(--warning-clr) !important;
}

.success--icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 26px;
    height: 26px;
    background: rgba(0, 170, 109, 0.2);
    font-size: 1rem !important;
    line-height: 1;
    border-radius: 50%;
}

.table-rest-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.table-rest-info img {
    width: 50px;
    height: 50px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10px;
}

.table-rest-info .info {
    max-width: calc(100% - 50px);
    padding-inline-start: 10px;
    font-size: 0.875rem;
    font-weight: 600;
}

.table-rest-info .info .rating {
    font-size: 0.875rem;
    font-weight: 400;
}

.rating {
    color: #f8923b;
}

.owner--name {
    font-size: 0.875rem;
    font-weight: 600;
}

.resturant-list-table .table > tbody > tr:first-child > td {
    padding-top: 0.614rem;
    padding-bottom: 0.614rem;
}

.cash-icon img {
    max-width: 100%;
}

.cash--title {
    font-size: 2.25rem;
    line-height: 1;
    margin: 0;
}

.cash--subtitle {
    font-weight: 600;
    font-size: 0.875rem;
    text-transform: capitalize;
    margin-top: 10px;
    color: var(--title-clr);
}

.resturant--info-address {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.resturant--info-address .logo {
    width: 130px;
    aspect-ratio: 1;
    border: 1px solid #f8923b;
    border-radius: 10px;
    overflow: hidden;
}

.resturant--info-address .logo img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.resturant--info-address .avatar {
    width: 106px !important;
    height: 106px !important;
    aspect-ratio: 1;
}

.resturant--info-address .avatar img {
    -o-object-fit: cover;
    object-fit: cover;
}

.resturant--info-address .address-info {
    width: calc(100% - 130px);
    padding-inline-start: 20px;
    margin: 0 !important;
}

.resturant--info-address .address-info .name {
    font-size: 16px;
    font-weight: 600;
}

.resturant--info-address .address-info li {
    padding: 0;
}

.resturant--info-address .address-info li:not(:last-child) {
    margin-bottom: 10px;
}

.resturant--info-address .address-info-2 {
    width: calc(100% - 106px);
}

.resturant--info-address .address-info-2 li {
    font-size: 0.875rem;
}

.resturant--info-address .address-info-2 li:not(:last-child) {
    margin-bottom: 5px;
}

@media screen and (max-width: 490px) {
    .resturant--info-address .logo {
        width: 100px;
    }
    .resturant--info-address .address-info {
        width: calc(100% - 100px);
    }
    .resturant--info-address .address-info li {
        font-size: 0.875rem;
    }
    .resturant--info-address .address-info li:not(:last-child) {
        margin-bottom: 5px;
    }
    .resturant--info-address .avatar {
        width: 70px !important;
        height: 70px !important;
    }
    .resturant--info-address .address-info-2 {
        width: calc(100% - 90px);
    }
}

@media screen and (max-width: 425px) {
    .resturant--info-address .address-info,
    .resturant--info-address .address-info-2 {
        width: 100%;
        padding-inline-start: 0;
        margin-top: 10px !important;
    }
}

#map.single-page-map {
    height: 157px !important;
}

.bank-name {
    font-size: 16px;
    font-weight: 600;
}

.text--title {
    color: var(--title-clr);
}

.order--status {
    font-size: 12px;
}

.customer-info-table-data {
    min-width: 130px;
}

.customer-info-table-data a {
    font-weight: 600;
    color: var(--title-clr);
}

.customer-info-table-data small {
    font-size: 0.75rem;
    line-height: 16px;
    margin-top: 4px;
}

.total-amount-table-data {
    min-width: 80px;
}

.badge--accepted {
    color: #00c6ae;
    background: rgba(0, 198, 174, 0.05);
}

.badge--pending {
    color: #ff8620;
    background: rgba(255, 134, 32, 0.05);
}

.badge--cancel {
    color: #ff6d6d;
    background: gba(255, 109, 109, 0.05);
}

.action-btn i {
    font-size: 1.14rem;
}

.resturant-card-navbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 5px rgba(51, 66, 87, 0.1);
    box-shadow: 0px 0px 5px rgba(51, 66, 87, 0.1);
    border-radius: 8px;
    margin-bottom: 15px;
    padding: 6px 10px 6px 5px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.resturant-card-navbar .order-info-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 12px;
    cursor: pointer;
}

.resturant-card-navbar .order-info-item img {
    width: 24px;
    height: 24px;
    -o-object-fit: contain;
    object-fit: contain;
}

.resturant-card-navbar .order-info-item .order-info-icon {
    margin-inline-end: 10px;
}

.resturant-card-navbar .order-info-item .icon-sm img {
    width: unset;
    height: unset;
    max-width: 24px;
    max-height: 24px;
}

.resturant-card-navbar .order-info-item .card-subtitle {
    font-size: 0.875rem;
    margin: 0;
    text-transform: capitalize;
    color: var(--title-clr);
    font-weight: 400;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.resturant-card-navbar .order-info-item .card-subtitle .amount {
    font-weight: 700;
    margin-inline-start: 10px;
    display: inline-block;
}

@media screen and (min-width: 1200px) and (max-width: 1300px) {
    .resturant-card-navbar .order-info-item .card-subtitle {
        font-size: 0.77rem;
    }
}

.resturant-card-navbar .order-info-item:hover .card-subtitle {
    color: var(--primary-clr);
}

.resturant-card-navbar .order-info-seperator {
    display: inline-block;
    width: 1px;
    height: 25px;
    background: var(--border-clr);
}

.resturant-card-navbar .order-info-seperator:last-child {
    display: none;
}

@media screen and (max-width: 1199px) {
    .resturant-card-navbar {
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
    }
}

@media screen and (max-width: 991px) {
    .resturant-card-navbar {
        padding: 15px 0 10px;
    }
    .resturant-card-navbar .order-info-seperator {
        display: none;
    }
}

@media screen and (max-width: 500px) {
    .resturant-card-navbar .order-info-item {
        width: 100%;
        padding-inline-start: 15px;
        padding-inline-end: 20px;
        margin: 0 auto;
    }
    .resturant-card-navbar .order-info-item .card-subtitle {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

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

@media screen and (min-width: 576px) {
    .flex-grow-sm-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }
}

@media screen and (max-width: 575px) {
    .flex-grow-sm-0 {
        margin-inline-end: 7px;
    }
}

.navbar-vertical .navbar-nav.nav-tabs .active .nav-link .badge-pill {
    padding: 0.3em 0.5em;
}

.search--button-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0px -7px !important;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.search--button-wrapper > .btn,
.search--button-wrapper > form,
.search--button-wrapper > button,
.search--button-wrapper .card-title,
.search--button-wrapper .hs-unfold,
.search--button-wrapper > div {
    margin: 7px !important;
}

.search--button-wrapper > .card-title {
    margin-inline-end: auto !important;
}

.search--button-wrapper *[class*="btn--"] {
    padding: 10px 20px;
}

.discount-item .subtitle {
    font-size: 1rem;
}

.discount-item .amount {
    font-size: 1.25rem;
    margin-top: 10px;
}

.discount-item ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
}

.discount-item ul li > span {
    min-width: 90px;
}

.discount-item.style-2 ul li > span {
    min-width: 180px;
}

.resturant-type-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-radius: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4px 10px;
    min-height: 42px;
}

.form--check {
    padding-inline-start: 30px !important;
    cursor: pointer;
    margin-bottom: 0;
    position: relative;
}

.form--check .form-check-input {
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    float: left;
    margin-inline-start: -1.5em;
    width: 0.75rem;
    height: 0.75rem;
    margin-top: 0.35em;
}

.form--check .form-check-input[type="radio"] {
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px #c4c8d4;
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px #c4c8d4;
}

.form--check .form-check-input[type="radio"]:checked {
    background-color: var(--primary-clr);
    -webkit-box-shadow: 0 0 0 3px #fff, 0 0 0 4px #c4c8d4;
    box-shadow: 0 0 0 3px #fff, 0 0 0 4px #c4c8d4;
}

.form--check .form-check-input[type="checkbox"] {
    background: #ffffff;
    -webkit-box-shadow: 0 0 0 2px #f4f5f7, 0 0 0 3px #c4c8d4;
    box-shadow: 0 0 0 2px #f4f5f7, 0 0 0 3px #c4c8d4;
}

.form--check .form-check-input[type="checkbox"]:checked {
    background: url("./images/check-mark.png") #f4f5f7 no-repeat center
        center/contain;
    -webkit-box-shadow: 0 0 0 3px #f4f5f7, 0 0 0 4px #c4c8d4;
    box-shadow: 0 0 0 3px #f4f5f7, 0 0 0 4px #c4c8d4;
}

.form--check label::after {
    position: absolute;
    inset: 0;
    z-index: 3;
    content: "";
}

.add--primary {
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 0 !important;
    background: var(--primary-clr);
    color: #fff !important;
    padding: 0 !important;
    border: none;
}

.dismiss--date {
    text-align: center;
    color: var(--danger-clr);
    display: inline-block;
    margin: 0 5px;
    font-size: 20px;
    cursor: pointer;
}

.schedule-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.schedule-item > span:first-child {
    width: 119px;
    text-align: start;
    padding-inline-start: 0 !important;
    padding-inline-end: 0 !important;
    color: var(--title-clr);
}

.schedule-item .schedult-date-content {
    width: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    color: var(--title-clr);
    border-bottom: 1px solid var(--border-clr);
    padding: 12px 0;
}

@media screen and (max-width: 500px) {
    .schedule-item > span:first-child {
        width: 80px;
        font-size: 12px;
    }
    .schedule-item .schedult-date-content {
        width: calc(100% - 80px);
        font-size: 12px;
    }
}

.table-data-min-height td {
    padding-top: 23px !important;
    padding-bottom: 23px !important;
}

.transaction--table-nav {
    margin: 5px;
}

@media screen and (min-width: 768px) {
    .transaction--table-nav {
        border: none;
        border-inline-end: 1px solid #99a7ba !important;
        border-inline-start: 1px solid #99a7ba !important;
        border-radius: 5px;
    }
    .transaction--table-nav .nav-item {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin: 0 !important;
    }
    .transaction--table-nav .nav-item .nav-link {
        font-weight: 600 !important;
        margin: 0 !important;
        padding: 10px 12px;
        color: #99a7ba;
        border-top: 1px solid #99a7ba !important;
        border-bottom: 1px solid #99a7ba !important;
        font-size: 0.75rem;
        display: block;
        text-align: center;
        border-radius: 0 !important;
    }
    .transaction--table-nav .nav-item .nav-link.active {
        color: #fff;
        background: var(--title-clr) !important;
        border-color: var(--title-clr) !important;
    }
    .transaction--table-nav .nav-item:first-child .nav-link {
        border-radius: 5px 0 0 5px !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 680px) {
    .transaction--table-nav .nav-item:first-child .nav-link {
        border-radius: 5px 5px 0 0 !important;
    }
}

@media screen and (min-width: 768px) {
    .transaction--table-nav .nav-item:last-child .nav-link {
        border-radius: 0 5px 5px 0 !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 680px) {
    .transaction--table-nav .nav-item:last-child .nav-link {
        border-radius: 0 0 5px 5px !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 680px) {
    .transaction--table-nav .nav-item {
        width: 100%;
    }
}

@media screen and (min-width: 768px) and (max-width: 680px) {
    .transaction--table-nav .nav-item:not(:first-child) .nav-link {
        border-top: none !important;
    }
}

@media screen and (min-width: 768px) {
    .transaction--table-nav .nav-item:not(:last-child) .nav-link {
        border-inline-end: 1px solid #99a7ba !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 680px) {
    .transaction--table-nav .nav-item:not(:last-child) .nav-link {
        border-bottom: none;
        border-inline-end: none !important;
    }
}

.text--black {
    color: #000 !important;
}

.swal2-icon.swal2-warning {
    border-color: #fc6a57 !important;
    color: #fc6a57 !important;
}

.swal2-popup .swal2-styled {
    padding: 0.7em 2em 0.6em;
}

.form--control-select {
    width: unset;
    min-width: 100px;
    height: 26px;
    padding: 0;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
}

.blue-border {
    border-color: rgba(6, 97, 203, 0.7) !important;
}

.maintainance-mode-toggle-bar {
    padding: 12px 16px 12px 20px;
}

.text--primary {
    color: var(--primary-clr);
}

.language--setup
    .select2-container:not(.select2-container--open)
    .select2-search--inline {
    display: none;
}

.language--setup .select2-container:hover .select2-search--inline {
    display: block !important;
}

.h--36px {
    height: 36px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.payment--gateway-img {
    margin-bottom: 30px;
    margin-top: 14px;
}

.payment--gateway-img img {
    width: 100%;
    height: 24px;
    -o-object-fit: contain;
    object-fit: contain;
}

.switch--custom-label-text {
    display: none;
    font-weight: 700;
    font-size: 0.75rem;
}

.switch--custom-label.checked .switch--custom-label-text.on {
    display: block;
}

.switch--custom-label:not(.checked) .switch--custom-label-text.off {
    display: block;
}

.custom--switch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.custom--switch input[switch] {
    display: none;
}

.custom--switch input[switch] + label {
    font-size: 1em;
    line-height: 1;
    width: 56px;
    height: 24px;
    background-color: #ced4da;
    background-image: none;
    border-radius: 2rem;
    padding: 0.16667rem;
    cursor: pointer;
    font-weight: 500;
    display: inline-block;
    text-align: center;
    position: relative;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    margin: 0;
}

.custom--switch input[switch] + label:before {
    color: #111;
    content: attr(data-off-label);
    display: block;
    font-family: inherit;
    font-weight: 500;
    font-size: 12px;
    line-height: 21px;
    position: absolute;
    inset-inline-end: 1px;
    margin: 3px;
    top: -2px;
    text-align: center;
    min-width: 1.66667rem;
    overflow: hidden;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    text-transform: uppercase;
}

.custom--switch input[switch] + label:after {
    content: "";
    position: absolute;
    inset-inline-start: 3px;
    background-color: #e9ecef;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 2rem;
    height: 20px;
    width: 20px;
    top: 2px;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    text-transform: uppercase;
}

.custom--switch input[switch]:checked + label {
    background-color: var(--primary-clr);
}

.custom--switch input[switch]:checked + label {
    background-color: var(--primary-clr);
}

.custom--switch input[switch]:checked + label:before {
    color: #fff;
    content: attr(data-on-label);
    inset-inline-end: auto;
    inset-inline-start: 3px;
}

.custom--switch input[switch]:checked + label:after {
    inset-inline-start: 33px;
    background-color: #e9ecef;
}

.custom--switch input[switch="primary"]:checked + label {
    background-color: var(--primary-clr);
}

.form-label {
    color: var(--title-clr);
}

.text--semititle {
    font-weight: 500;
    color: var(--title-clr) !important;
}

.h--md-200px {
    height: 120px;
}

@media screen and (min-width: 768px) {
    .h--md-200px {
        height: 200px !important;
    }
}

input.text--subbody {
    color: rgba(51, 66, 87, 0.85) !important;
}

.check--item-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 30px -5px -30px -10px;
}

.check-item {
    width: 50%;
    max-width: 248px;
    padding: 0 5px 30px;
}

.check-item .form-check {
    margin: 0;
}

@media screen and (max-width: 1650px) {
    .check-item {
        font-size: 12px;
        line-height: 2;
        max-width: 180px;
    }
}

@media screen and (max-width: 991px) {
    .check-item {
        max-width: 50%;
    }
}
@media screen and (max-width: 767px) {
    .check-item {
        width: 100%;
    }
}

@media screen and (max-width: 575px) {
    .check-item {
        max-width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .check--item-wrapper {
        margin-bottom: -15px;
    }
    .check--item-wrapper .check-item {
        padding-bottom: 15px;
    }
}

.white--space {
    text-align: start;
    white-space: break-spaces;
}

.navbar-vertical-aside-mini-mode
    .navbar-vertical:not([class*="container"])
    .navbar-nav
    .nav-link {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.h--48px {
    height: 48px !important;
}

.h--48px ~ .select2-container--default .select2-selection--single {
    height: 48px !important;
    line-height: 28px;
}

.h--45px {
    height: 45px !important;
}

.h--45px ~ .select2-container--default .select2-selection {
    height: 45px !important;
    line-height: 23px;
}

.select2-container--default.select2-container--disabled
    .select2-selection--single {
    background: #f8fafd;
    border: 1px solid #d0dbe9;
}

.report-card-inner {
    max-width: 790px;
    margin: 0 auto;
}

.progress-name {
    width: 100px;
    margin-inline-end: 23px;
    color: var(--title-clr);
}

.resturant-review-top {
    max-width: 900px;
    margin-inline-start: auto;
    margin-inline-end: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px;
}

@media screen and (min-width: 576px) {
    .resturant-review-top {
        margin-top: 30px;
        margin-bottom: 60px;
    }
}

.resturant-review-top .resturant-review-right {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 300px;
    max-width: 555px;
}

.resturant-review-top .resturant-review-right ul li:not(:last-child) {
    padding-bottom: 20px;
}

.resturant-review-top .resturant-review-left {
    width: 190px;
    padding-inline-end: 20px;
}

.resturant-review-top .resturant-review-left .title {
    font-weight: 600;
    font-size: 50px;
    line-height: 59px;
    letter-spacing: 0.007em;
    color: var(--primary-clr);
}

.resturant-review-top .resturant-review-left .title .out-of {
    font-size: 35px;
    line-height: 41px;
    color: #758590;
    font-weight: 500;
}

.resturant-review-top .resturant-review-left .info {
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0.007em;
    color: #758590;
}

.resturant-review-top .resturant-review-left i {
    color: var(--primary-clr);
    font-size: 18px;
}

@media screen and (max-width: 575px) {
    .resturant-review-top .resturant-review-left {
        width: 100%;
        padding: 15px 0 20px;
        text-align: center;
    }
    .resturant-review-top .resturant-review-left .title {
        font-size: 40px;
        line-height: 40px;
        letter-spacing: 0.007em;
    }
    .resturant-review-top .resturant-review-left .title .out-of {
        font-size: 28px;
        line-height: 35px;
    }
}

.progress {
    background: #f3f4f5;
}

.progress .progress-bar {
    background: var(--primary-clr);
}

.review-table-date {
    max-width: 95px;
    white-space: initial;
    text-align: end;
    text-transform: uppercase;
}

td a.text-body:hover {
    color: var(--primary-clr) !important;
}

.dataTables_empty {
    text-align: center;
}

@media screen and (min-width: 1200px) and (max-width: 1650px) {
    .zone-setup-instructions .instructions-image img {
        max-width: 88%;
    }
}

@media screen and (min-width: 1650px) {
    .zone-setup-instructions .instructions-image img {
        max-width: 83%;
    }
}

.paid--amount-status {
    margin-bottom: -6px;
    font-size: 13px;
}

.card-header {
    padding-top: 15px;
    padding-bottom: 15px;
}

a.btn.btn--.bg--title.h--45px.w-100 {
    height: auto !important;
    min-height: 45px;
    padding-top: 13px;
    padding-bottom: 13px;
}

.table--food-price {
    padding-inline-end: 66px;
}

.toggle-switch {
    font-size: 0.85rem;
}

.resturant--cate-form .form-group {
    animation: fadeIn 0.5s;
    -webkit-animation: fadeIn 0.5s;
}

input.form-control::-webkit-input-placeholder {
    color: #677788 !important;
}

input.form-control:-ms-input-placeholder {
    color: #677788 !important;
}

input.form-control::-ms-input-placeholder {
    color: #677788 !important;
}

input.form-control::placeholder {
    color: #677788 !important;
}

@media screen and (max-width: 450px) {
    #search-form {
        width: 100%;
        margin-top: 10px !important;
    }
}

@media screen and (min-width: 1200px) {
    #search-form {
        width: 100%;
        max-width: 280px;
    }
}

#search-form .form-control::-webkit-input-placeholder {
    color: #99a7ba;
    font-size: 13px;
}

#search-form .form-control:-ms-input-placeholder {
    color: #99a7ba;
    font-size: 13px;
}

#search-form .form-control::-ms-input-placeholder {
    color: #99a7ba;
    font-size: 13px;
}

#search-form .form-control::placeholder {
    color: #99a7ba;
    font-size: 13px;
}

#pac-input {
    margin-inline-start: 10px;
}

.gmnoprint {
    margin-inline-end: 10px;
}

.blurry {
    position: relative;
    opacity: 0.6;
}

.blurry::after {
    inset: 0;
    content: "";
    position: absolute;
    z-index: 1;
}

@media screen and (max-width: 575px) {
    .search--button-wrapper .hs-unfold {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
    .search--button-wrapper .hs-unfold .btn {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .search--button-wrapper .btn--primary {
        margin-inline-end: 0 !important;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
}

.page-area {
    margin-top: 10px;
}

.page-area .pagination {
    margin: 0;
}

.input.text--subbody {
    color: var(--title-clr);
}

.verticle-align-middle-table table td {
    vertical-align: middle;
}

@media screen and (min-width: 576px) {
    .page--header-title {
        max-width: calc(100% - 300px);
    }
}

@media screen and (min-width: 1250px) {
    .page--header-title {
        max-width: 340px;
    }
}

.page--header-title .page-header-title {
    font-size: 18px;
    font-weight: 700;
}

.page--header-select {
    width: 100%;
    margin-top: 12px;
    margin-bottom: 15px;
}

@media screen and (min-width: 576px) {
    .page--header-select {
        margin-top: 0;
        margin-bottom: 0;
        max-width: 300px;
    }
}

.statistics--title,
.statistics--select {
    width: 100%;
}

.statistics--title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.statistics--title h4 {
    font-size: 18px;
    font-weight: 700;
}

@media screen and (min-width: 576px) {
    .statistics--title {
        max-width: calc(100% - 215px);
    }
    .statistics--select {
        max-width: 215px;
    }
}

.statistics--title-area {
    padding: 14px 0 11px;
}

.order--card {
    background: rgba(110, 137, 175, 0.05);
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 18px 15px 15px 20px;
    min-height: 65px;
}

.order--card .card-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    margin-inline-start: 10px;
    color: var(--base-clr);
}

.order--card .card-subtitle {
    color: var(--title-clr);
    text-transform: capitalize;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
}

.order--card .card-subtitle img {
    width: 22px;
    height: 22px;
    -o-object-fit: contain;
    object-fit: contain;
    margin-inline-end: 10px;
}

.fz--11 {
    font-size: 12px !important;
    font-weight: 700;
    line-height: 13px;
}

.fz--11 .legend-indicator {
    width: 12px;
    height: 12px;
}

@media screen and (min-width: 1200px) {
    .mt--xl--10 {
        margin-top: -10px;
    }
}

.chart--extension {
    -webkit-transform: translateY(-40px) rotate(-90deg);
    transform: translateY(-40px) rotate(-90deg);
    margin-inline-start: -30px;
    margin-inline-end: 0px;
    font-weight: 700;
    font-size: 11px;
    color: var(--title-clr);
}

.chart--label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 15px 10px;
}

.chart--label .indicator {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: inline-block;
}

.chart--label .info {
    width: calc(100% - 15px);
    padding-inline-start: 8px;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.card-header-title img.card-header-icon {
    max-width: 22px;
    max-height: 22px;
    -o-object-fit: contain;
    object-fit: contain;
    margin-inline-end: 4px;
}

.most-popular {
    padding: 0;
    margin: 0;
}

.most-popular li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: rgba(110, 137, 175, 0.05);
    border-radius: 10px;
    min-height: 65px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
    padding: 11px 15px;
}

.most-popular li:not(:last-child) {
    margin-bottom: 15px;
}

.most-popular li .img-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #334257;
}

.most-popular li .img-container img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    border: 1px solid rgba(240, 111, 0, 0.3);
}

.most-popular li .count {
    color: #ff6d6d;
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
}

.total--users {
    position: absolute;
    left: 50%;
    top: 51%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 14px;
    font-family: "Inter", sans-serif;
    text-align: center;
}

.total--users h3 {
    margin: 0;
    font-weight: 700 !important;
    font-size: 22px;
    line-height: 27px;
}

@media screen and (max-width: 575px) {
    .total--users span {
        font-size: 9px;
    }
    .total--users h3 {
        font-size: 16px;
        line-height: 16px;
    }
}

.top--deliveryman {
    min-height: 131px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px;
    border: none !important;
    background: #ffffff;
    -webkit-box-shadow: 0px 4px 4px rgba(51, 66, 87, 0.05) !important;
    box-shadow: 0px 4px 4px rgba(51, 66, 87, 0.05) !important;
    border-radius: 5px;
    height: 100%;
}

.top--deliveryman img {
    border: 1px solid rgba(240, 111, 0, 0.3);
}

.top--deliveryman .name {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    /* identical to box height */
    text-align: center;
    letter-spacing: -0.02em;
    color: #334257;
}

.top--deliveryman .info {
    font-weight: 500;
    font-size: 11px;
    line-height: 15px;
    /* identical to box height */
    text-align: center;
    letter-spacing: -0.02em;
    color: #334257;
}

.top--deliveryman .info span {
    font-size: 16px;
}

.top--rated-food {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px;
    border: none !important;
    background: #ffffff;
    -webkit-box-shadow: 0px 4px 4px rgba(51, 66, 87, 0.05) !important;
    box-shadow: 0px 4px 4px rgba(51, 66, 87, 0.05) !important;
    border-radius: 5px;
    height: 100%;
    min-height: 140px;
}

.top--rated-food .rating {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: #f06f00;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.top--rated-food .rating span,
.top--rated-food .rating i {
    color: #f06f00;
}

.top--rated-food .rating .text--title {
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: -0.02em;
    color: #334257;
}

.top--rated-food .rating .text-warning {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-inline-end: 5px;
}

.top--rated-food .name {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.top--rated-food img {
    border: 1px solid rgba(240, 111, 0, 0.3);
}

.top--resturant {
    margin: -6px -10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
}

.top--resturant li {
    padding: 6px 10px;
    width: 100%;
    list-style: none;
}

@media screen and (min-width: 500px) {
    .top--resturant li {
        width: 50%;
    }
}

.top--resturant li .top--resturant-item {
    border: none !important;
    background: #ffffff;
    -webkit-box-shadow: 0px 4px 4px rgba(51, 66, 87, 0.05) !important;
    box-shadow: 0px 4px 4px rgba(51, 66, 87, 0.05) !important;
    border-radius: 5px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 9px;
}

.top--resturant li .top--resturant-item img {
    width: 65px;
    height: 65px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
    border: 1px solid rgba(240, 111, 0, 0.3);
}

.top--resturant li .top--resturant-item .top--resturant-item-content {
    width: calc(100% - 65px);
    padding-inline-start: 10px;
}

.top--resturant li .top--resturant-item .top--resturant-item-content .name {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -0.02em;
    color: #334257;
}

.top--resturant
    li
    .top--resturant-item
    .top--resturant-item-content
    .info
    span {
    font-size: 14px;
}

.sold--count-badge {
    position: absolute;
    inset-inline-end: 7px;
    inset-inline-start: 7px;
    bottom: 5px;
    text-align: center;
    background: var(--title-clr);
    color: #fff;
    border-radius: 5px;
    padding: 3px 5px;
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.top-selling-food-card {
    cursor: pointer;
    padding-inline-end: 6px;
    padding-inline-start: 6px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #334257;
    border: none !important;
    background: #ffffff;
    -webkit-box-shadow: 0px 4px 4px rgba(51, 66, 87, 0.05) !important;
    box-shadow: 0px 4px 4px rgba(51, 66, 87, 0.05) !important;
    border-radius: 5px;
}

.top-selling-food-card img {
    border: 1px solid rgba(240, 111, 0, 0.3);
}

.card-header-icon ~ span {
    text-transform: capitalize;
}

.spartan_item_wrapper {
    max-width: 210px;
    width: 100%;
}

.spartan_item_wrapper .file_upload {
    border: none !important;
    padding: 0 !important;
}

.spartan_item_wrapper .file_upload img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.fz--14px {
    font-size: 0.875rem;
}

.fz--14px tr td {
    font-size: 0.875rem;
}

.fz--14px tr td strong {
    font-size: 0.75rem;
}

.hs-unfold .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.export--btn:not(:hover) {
    color: #677788;
    border-color: #e7eaf3 !important;
}

.download--btn:not(:hover) {
    background: #0093fa1a !important;
}

.h--120px {
    min-height: 120px;
}

.alert--danger {
    background: rgba(255, 109, 109, 0.05) !important;
    border: 1px solid rgba(255, 109, 109, 0.5);
    border-inline-start: 4px solid #ff6d6d;
    border-radius: 0 5px 5px 0;
    color: var(--title-clr);
    padding-top: 22px;
    padding-bottom: 25px;
}

.alert--danger .alert--icon {
    font-size: 22px;
    color: #ff6d6d;
    line-height: 1;
    margin-inline-end: 5px;
}

.clean--database-checkgroup {
    margin-bottom: -25px;
}

.clean--database-checkgroup .check-item {
    text-transform: capitalize;
    padding-bottom: 25px;
}

@media screen and (min-width: 768px) {
    .clean--database-checkgroup .check-item {
        width: calc(100% / 3);
        max-width: calc(100% / 3);
    }
}

.clean--database-checkgroup .check-item .badge-secondary {
    color: var(--title-clr);
    background: #f3f4f5;
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    min-width: 44px;
    height: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.clean--database-checkgroup .check-item .form-check-input {
    margin-top: 0.55em;
}

.clean--database-checkgroup .check-item .form-check-label {
    max-width: 220px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px;
}

.flex-grow-1 {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.sidebar--badge-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.sidebar--badge-container span:first-child {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.sidebar--badge-container .badge {
    font-size: 10px;
    min-width: 25px;
    padding: 3px;
    font-weight: 700;
}

.media img.avatar {
    aspect-ratio: 1;
    -o-object-fit: cover;
    object-fit: cover;
}

.media img.avatar--3-1 {
    width: 130px;
    aspect-ratio: 0.33;
}

.customer--name {
    font-weight: 600;
}

.export-steps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 25px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.export-steps.style-2 .export-steps-item {
    width: calc(100% / 3);
    max-width: 100%;
}

@media screen and (max-width: 767px) {
    .export-steps.style-2 .export-steps-item {
        width: 50%;
    }
}

@media screen and (max-width: 575px) {
    .export-steps.style-2 .export-steps-item {
        width: 100%;
    }
}

.export-steps-item {
    color: #8a92a6;
    padding: 5px;
    width: 50%;
    max-width: 400px;
}

.export-steps-item h5 {
    color: #8a92a6;
    margin: 0;
    margin-bottom: -5px;
    font-size: 18px;
    letter-spacing: 0.05em;
    font-weight: 500;
}

.export-steps-item .inner {
    background: #f7f7f7;
    padding: 15px 15px;
    text-align: center;
    min-height: 57px;
}

.export-steps-item .inner p {
    font-size: 14px;
    margin: 0;
}

@media screen and (max-width: 575px) {
    .export-steps-item {
        width: 100%;
    }
}

.export--template-btns .btn {
    width: 100%;
    max-width: 274px;
}

.export--template-title {
    letter-spacing: 0.05em;
}

.font-light {
    font-weight: 300 !important;
}

.font-regular {
    font-weight: 400 !important;
}

.font-medium {
    font-weight: 500 !important;
}

.font-bold {
    font-weight: 700 !important;
}

.font-semibold {
    font-weight: 600 !important;
}

@media screen and (min-width: 1200px) and (max-width: 1459px) {
    .order-print-area-left {
        width: calc(100% - 360px) !important;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }
    .order-print-area-right {
        width: 360px !important;
        max-width: 360px !important;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
    }
}

@media screen and (min-width: 1460px) {
    .order-print-area-left {
        width: calc(100% - 450px) !important;
        max-width: calc(100% - 450px) !important;
    }
    .order-print-area-right {
        width: 450px !important;
        max-width: 450px !important;
    }
}

.delivery--information-single {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 12px;
}

.delivery--information-single > span {
    display: block;
}

.delivery--information-single .name {
    width: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.delivery--information-single .name::after {
    content: ":";
    display: inline-block;
}

.delivery--information-single .info {
    width: calc(100% - 60px);
    padding-inline-start: 20px;
    font-weight: 500;
    color: var(--title-clr);
}

.customer--information-single {
    -ms-flex-line-pack: inherit;
    align-content: inherit;
}

.customer--information-single .avatar-img,
.customer--information-single .avatar {
    width: 70px;
    height: 70px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
}

.customer--information-single .media-body {
    text-align: start;
    width: calc(100% - 70px);
    font-size: 12px;
    padding-inline-start: 23px;
}

.resturant--information-single {
    -ms-flex-line-pack: inherit;
    align-content: inherit;
}

.resturant--information-single .avatar-img,
.resturant--information-single .avatar {
    width: 70px;
    height: 70px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 5px;
}

.resturant--information-single .avatar-img {
    border: 1px solid #f8923b;
}

.resturant--information-single .media-body {
    text-align: start;
    width: calc(100% - 70px);
    font-size: 12px;
    padding-inline-start: 23px;
}

.order-invoice-right-contents h6 span:not(.badge) {
    font-weight: 400;
    color: var(--title-clr);
    font-size: 12px;
}

.order-invoice-right-contents h6 strong {
    color: var(--title-clr);
    font-weight: 600;
}

.order-invoice-left {
    font-size: 12px;
}

.order-invoice-left .btn--sm {
    font-size: 12px;
    padding: 5px 10px;
}

.order-invoice-left,
.order-invoice-right {
    max-width: 50%;
}

@media screen and (max-width: 575px) {
    .order-invoice-left,
    .order-invoice-right {
        max-width: 100%;
        width: 100%;
    }
}

@media screen and (max-width: 575px) {
    .print--btn {
        padding: 0 !important;
        width: 28px;
        height: 28px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .print--btn span {
        display: none;
    }
    .print--btn i {
        font-size: 16px !important;
        font-weight: 400 !important;
        margin: 0;
    }
}

.order--note {
    max-width: 540px;
}

.add--referal {
    font-size: 12px !important;
    padding: 4px 10px !important;
}

.line--limit-1 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media screen and (max-width: 767px) {
    .media--sm {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .media--sm .avatar {
        width: 68px !important;
        height: 68px !important;
        margin-inline-end: 10px !important;
    }
    .media--sm .media-body {
        width: calc(100% - 80px);
    }
    .media--sm .media-body .line--limit-1 {
        font-size: 0.75rem;
    }
    .media--sm .media-body .font-size-sm {
        font-size: 0.7rem;
    }
}

@media screen and (max-width: 767px) {
    .table--mobile-sm tr td {
        padding: 5px !important;
    }
    .font--max-sm {
        font-size: 0.875rem;
    }
}

.profile-sidebar-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 80px;
}

.profile-sidebar-sticky .nav-item .nav-link.active {
    color: var(--primary-clr) !important;
}

.app--version {
    color: #24bac3;
    background: rgba(36, 186, 195, 0.1);
}

.bootstrap-tagsinput input {
    width: 100%;
    height: 36px !important;
    color: #334257;
    background-color: #fff;
    border: 0.0625rem solid #d0dbe9;
    border-radius: 0.3125rem;
}

.quick--address-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.quick--address-bar .quick-icon {
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
    border-radius: 50%;
}

.quick--address-bar .info {
    width: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-inline-start: 13px;
    font-size: 0.75rem;
}

.quick--address-bar .info h6 {
    text-transform: capitalize;
    margin: 0;
}

#pac-input {
    display: none;
}

#map-canvas #pac-input,
.gm-style #pac-input,
#location_map_canvas #pac-input {
    display: block;
}

.fixed--to-right {
    position: absolute;
    inset-inline-end: -5px;
    top: -10px;
}

.imgbgchk + label > img {
    -webkit-transition: -webkit-transform 0.3s !important;
    transition: -webkit-transform 0.3s !important;
    transition: transform 0.3s !important;
    transition: transform 0.3s, -webkit-transform 0.3s !important;
}

.imgbgchk:checked + label > img {
    border-color: var(--primary-clr) !important;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.btn--folder {
    background: transparent !important;
    color: var(--title-clr) !important;
    border: none !important;
}

.btn--folder:hover,
.btn--folder:focus {
    background: transparent !important;
    -webkit-filter: unset !important;
    filter: unset !important;
}

.btn--folder:hover .img-thumbnail,
.btn--folder:focus .img-thumbnail {
    opacity: 0.6;
}

.form-control-color {
    width: 80px !important;
    height: 80px !important;
    padding: 3px 4px !important;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.justify-content-evenly {
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
}

.rating--review .title {
    font-weight: 600;
    font-size: 50px;
    line-height: 59px;
    letter-spacing: 0.007em;
    color: var(--primary-clr);
}

.rating--review .title .out-of {
    font-size: 35px;
    line-height: 41px;
    color: #758590;
    font-weight: 500;
}

.rating--review .info {
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0.007em;
    color: #758590;
}

.rating--review i {
    color: var(--primary-clr);
    font-size: 20px;
}

@media screen and (max-width: 575px) {
    .rating--review {
        width: 100%;
        padding: 0 0 20px;
    }
    .rating--review .title {
        font-size: 40px;
        line-height: 40px;
        letter-spacing: 0.007em;
    }
    .rating--review .title .out-of {
        font-size: 28px;
        line-height: 35px;
    }
}

.rating--review-right {
    max-width: 940px;
}

.rating--review-right li:not(:last-child) {
    padding-bottom: 10px;
}

@media screen and (max-width: 1650px) and (min-width: 1350px) {
    .rating--review-right {
        max-width: 740px;
    }
}

@media screen and (max-width: 767px) {
    .card .card-header .delivery--man-single-name {
        font-size: 14px;
        margin-bottom: 10px !important;
    }
}

.datatable-custom td {
    vertical-align: middle;
}

@media screen and (min-width: 1400px) {
    .food--media .avatar {
        width: 184px;
    }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .food--media {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}

@media screen and (max-width: 991px) {
    .food--media .avatar {
        width: 120px;
    }
    .food--media > .d-block {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .food--media > .d-block {
        width: 0;
    }
}

@media screen and (max-width: 767px) {
    .food--media .avatar {
        width: 120px;
        margin-bottom: 20px;
    }
}

.add--customer-btn .btn,
.add--customer-btn .select2 {
    width: unset;
}

.add--customer-btn .select2 {
    width: calc(100% - 200px) !important;
}

.add--customer-btn .btn {
    margin-inline-start: 15px;
    width: 180px;
    padding-inline-start: 5px;
    padding-inline-end: 5px;
}

@media screen and (max-width: 575px) {
    .add--customer-btn .btn,
    .add--customer-btn .select2 {
        width: 100% !important;
        margin: 0;
    }
    .add--customer-btn .btn {
        margin-top: 10px;
    }
}

.order--item-box {
    height: unset !important;
    max-width: 170px;
    width: 100% !important;
}

@media screen and (min-width: 1200px) and (max-width: 1400px) {
    .order--item-box {
        max-width: calc(100% / 3) !important;
        width: calc(100% / 3) !important;
    }
}

@media screen and (min-width: 1401px) and (max-width: 1650px) {
    .order--item-box {
        max-width: calc(100% / 4) !important;
        width: calc(100% / 4) !important;
    }
}

@media screen and (min-width: 1651px) and (max-width: 1850px) {
    .order--item-box {
        max-width: calc(100% / 5) !important;
        width: calc(100% / 5) !important;
    }
}

@media screen and (min-width: 1851px) and (max-width: 2000px) {
    .order--item-box {
        max-width: calc(100% / 6) !important;
        width: calc(100% / 6) !important;
    }
}

@media screen and (max-width: 575px) {
    .order--item-box {
        max-width: 50% !important;
    }
}

@media screen and (min-width: 2001px) {
    .order--item-box {
        width: 170px !important;
        max-width: 182px;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .order--item-box {
        width: calc(100% / 4) !important;
        max-width: calc(100% / 4);
    }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
    .order--item-box {
        max-width: calc(100% / 3) !important;
        width: calc(100% / 3) !important;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .order--item-box {
        width: calc(100% / 5) !important;
        max-width: calc(100% / 5);
    }
}

@media screen and (max-width: 575px) {
    .row .order--item-box[class*="col"] {
        padding: 5px !important;
    }
}

.order--pos-left {
    width: calc(100% - 500px);
    margin-inline-end: auto;
}

.order--pos-right {
    width: 100%;
    max-width: 475px;
}

@media screen and (min-width: 1650px) {
    .order--pos-left {
        width: calc(100% - 550px);
    }
    .order--pos-right {
        max-width: 520px;
    }
}

@media screen and (max-width: 1200px) {
    .order--pos-left {
        width: 100%;
        margin-bottom: 15px;
    }
    .order--pos-right {
        max-width: 100%;
    }
}

.cart--media .avatar {
    width: 50px;
    height: 50px;
    aspect-ratio: 1;
    -o-object-fit: cover;
    object-fit: cover;
}

.button--bottom-fixed {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    padding-top: 20px;
}

.table--vertical-middle td {
    vertical-align: middle !important;
}

.pos--payment-options ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -2.5px;
    padding: 0;
}

.pos--payment-options ul li {
    list-style: none;
    padding: 2.5px;
}

.pos--payment-options ul li label {
    margin: 0;
}

.pos--payment-options ul li label span {
    color: var(--title-clr);
    border: 1px solid #d0dbe9;
    border-radius: 3px;
    text-transform: capitalize;
    padding: 8px 12px;
    cursor: pointer;
}

.pos--payment-options ul li label input:checked ~ span {
    color: #fff;
    background: var(--title-clr);
    border-color: var(--title-clr);
}

.pos--payable-amount {
    color: var(--title-clr);
}

.pos--payable-amount .text-body {
    opacity: 0.8;
    margin-inline-end: 10px;
    width: 25px;
    text-align: center;
    cursor: pointer;
}

.pos--delivery-options {
    padding: 9px 12px 19px;
}

.pos--delivery-options .delivery--edit-icon {
    width: 25px;
    text-align: center;
    cursor: pointer;
}

.pos--delivery-options .card-title {
    font-size: 16px;
    margin-bottom: 12px;
}

.pos--delivery-options .card-title i {
    font-size: 18px;
}

.pos--delivery-options-info {
    margin: 0 -5px -15px;
}

.pos--delivery-options-info ul,
.pos--delivery-options-info > .location {
    padding: 0 5px 15px;
    margin: 0;
}

.pos--delivery-options-info ul {
    width: 100%;
    max-width: 200px;
    font-size: 12px;
}

.pos--delivery-options-info ul li {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-transform: capitalize;
}

.pos--delivery-options-info ul li span {
    width: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.pos--delivery-options-info ul li span::after {
    content: ":";
}

.pos--delivery-options-info ul li:not(:last-child) {
    margin-bottom: 5px;
}

.pos--delivery-options-info ul li strong {
    color: var(--title-clr);
    width: calc(100% - 60px);
    padding-inline-start: 15px;
}

.pos--delivery-options-info .location {
    font-size: 12px;
    font-weight: 400;
    width: 200px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.pos--delivery-options-info .location i {
    font-size: 24px;
    color: var(--title-clr);
    margin-inline-end: 5px;
}

.delivery--method-radio {
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.delivery--method-radio li {
    list-style: none;
}

.delivery--method-radio li label {
    margin: 0;
}

.delivery--method-radio li span {
    text-transform: capitalize;
    border-radius: 5px;
    padding: 10px 22px;
    color: #a2adbb;
    font-weight: 700;
    cursor: pointer;
}

.delivery--method-radio li span i {
    margin-inline-end: 5px;
}

.delivery--method-radio li input:checked ~ span {
    background: #ff8200;
    color: #fff;
}

.search--no-found {
    max-width: 376px;
    text-align: center;
    margin: 30px auto;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #99a7ba;
}

.search--no-found img {
    width: 66px;
    height: 66px;
    -o-object-fit: contain;
    object-fit: contain;
    margin: 0 auto 20px;
}

.card-footer .pagination {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.custom--file input[type="file"].form-control {
    line-height: 20px;
    padding: 0;
    padding-inline-start: 33px;
    line-height: 33px;
}

.custom--file .custom-file-label {
    width: 120px;
    text-align: center;
    top: 1px;
    bottom: 1px;
    inset-inline-start: 1px;
    border-top: none;
    border-bottom: none;
    border-inline-start: none;
    height: calc(100% - 2px);
    border-inline-end: 1px solid #f4f4f4;
}

.custom--file .custom-file-label::after {
    content: "";
    inset-inline-end: -10px;
    border: none;
    background: #fff;
}

.order--details-btn-sm {
    font-size: 12px !important;
    font-weight: 400 !important;
    padding: 6px 10px !important;
    min-height: 0 !important;
}

.landing--page-btns {
    margin-top: auto;
}

.landing--page-btns .btn {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

@media screen and (max-width: 575px) {
    .max--sm-100 {
        max-width: 100% !important;
        width: 100% !important;
    }
}

.navbar-vertical-aside-mini-mode .navbar-vertical-content {
    overflow: hidden;
}

.start--time,
.end--time {
    border: 1px solid #334257;
    border-radius: 5px;
    text-transform: uppercase;
    padding: 8px 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 4px;
}

.start--time .info span,
.end--time .info span {
    text-transform: capitalize;
}

.start--time .clock--icon,
.end--time .clock--icon {
    width: 20px;
}

.start--time .info,
.end--time .info {
    width: calc(100% - 20px);
}

.start--time .info span,
.end--time .info span {
    display: block;
}

.schedult-date-content .add--primary {
    margin-top: 21px;
}

.schedult-date-content .btn-outline-danger.disabled ~ .add--primary {
    margin-top: 0;
}

@media screen and (max-width: 575px) {
    .schedule-item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .schedule-item .schedult-date-content {
        width: 100%;
    }
    #schedule {
        padding-inline-start: 15px;
        padding-inline-end: 15px;
    }
}

.absolute--link {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.important--link {
    position: relative;
    z-index: 3;
}

@media screen and (min-width: 992px) and (max-width: 1550px) {
    .review--information-wrapper .food--media {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }
    .review--information-wrapper .avatar-xxl {
        width: 110px;
        margin-inline-end: 15px !important;
    }
    .review--information-wrapper .rating--review .title {
        font-size: 36px;
    }
    .review--information-wrapper .rating--review .title .out-of {
        font-size: 28px;
    }
    .review--information-wrapper .rating--review .info {
        font-size: 12px;
        font-weight: 400;
    }
}

.chat-user-info-img img {
    width: 45px;
    aspect-ratio: 1;
    border-radius: 50%;
}
@media screen and (max-width: 500px) {
    .review--information-wrapper .food--media {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }
    .review--information-wrapper .avatar-xxl {
        width: 80px;
        margin-inline-end: 15px !important;
    }
    .review--information-wrapper .rating--review .title {
        font-size: 30px;
    }
    .review--information-wrapper .rating--review .title .out-of {
        font-size: 24px;
    }
    .review--information-wrapper .rating--review .info {
        font-size: 12px;
        font-weight: 400;
    }
}

.pre--loader {
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: #fff;
}

.pre--loader::before {
    content: "";
    position: absolute;
    inset-inline-start: 50%;
    top: 50%;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 4px solid var(--title-clr);
    border-inline-end-color: #fff;
    -webkit-animation: rotate 3s linear infinite;
    animation: rotate 3s linear infinite;
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
        -webkit-transform: translate(-50%, -50%) rotate(720deg);
        transform: translate(-50%, -50%) rotate(720deg);
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
        -webkit-transform: translate(-50%, -50%) rotate(720deg);
        transform: translate(-50%, -50%) rotate(720deg);
    }
}
.img--100 {
    width: 100px;
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: 5px;
}

.chat-user-info {
}
.chat-user-info:hover {
    cursor: pointer;
}
.chat-user-info-img img {
    width: 45px;
    aspect-ratio: 1;
    border-radius: 50%;
}
.chat-user-info-content {
    width: calc(100% - 55px);
    flex-grow: 1;
}
@media (min-width: 768px) {
    .chat-user-info-content {
        padding-inline-start: 20px;
    }
    .chat-user-info-img img {
        width: 55px;
    }
    .chat-user-info-content .badge {
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        padding: 0;
        border-radius: 50%;
    }
}
.con-reply-btn {
    position: absolute;
    bottom: 15px;
    inset-inline-end: 15px;
}
.conv-reply-form textarea.form-control {
    height: 120px;
}
.conv-reply-form .quill-custom_ {
    position: relative;
}
.conv-reply-1 {
    background: rgba(133, 148, 159, 0.1);
    border-radius: 5.14528px;
    padding: 20px;
    width: calc(100% - 20px);
    max-width: 505px;
}
.conv-reply-2 * {
    color: #fff !important;
}
.conv-reply-2 {
    color: #fff !important;
    background: #334257;
    border-radius: 5.14528px;
    padding: 20px;
    width: calc(100% - 20px);
    max-width: 505px;
    margin-inline-start: auto;
}

.conv-reply-1 *:last-child,
.conv-reply-2 *:last-child {
    margin-bottom: 0;
}
.input---group {
}
.input---group .form-control {
    background: #f3f4f5;
    border-radius: 0 5px 5px 0;
    border: none;
    height: 45px;
    padding-inline-start: 0;
}
.input---group .input-group-text {
    border: none !important;
    width: 45px;
}
.input---group .input-group-prepend {
    border: none !important;
    background: #f3f4f5;
    border-radius: 5px 0 0 5px;
    width: 45px;
}

div.scroll-down {
    max-height: 395px !important;
}
.quill-custom_ .file-upload-btn,
.quill-custom_ .attc--img {
    background: #ddd;
    position: absolute;
    inset-inline-end: 147px;
    bottom: 0;
    height: 43px !important;
    width: 43px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    text-transform: capitalize;
    border-radius: 5px;
    margin: 0;
    overflow: hidden;
    margin-bottom: 0 !important;
}
.quill-custom_ .attc--img:nth-last-child(2) {
    inset-inline-end: 190px;
}
.quill-custom_ .attc--img:nth-last-child(3) {
    inset-inline-end: 230px;
}
.quill-custom_ #coba {
    position: absolute;
    width: 100%;
    inset-inline-start: 40px;
    bottom: 14px;
    display: flex;
    padding: 0 20px;
}
.quill-custom_ .attc--img:last-child img {
    object-fit: cover;
    height: 43px !important;
    width: 43px !important;
}
.attc--img:not(:last-child),
.attc--img:not(:last-child) img {
    width: 43px !important;
    height: 43px !important;
    object-fit: cover;
    margin-bottom: 0 !important;
}
.pr--180 {
    padding-inline-end: 180px;
}
.quill-custom_ .form-control {
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    border: none;
    outline: none;
    box-shadow: none;
    height: unset !important;
    resize: none;
}
.quill-custom_ {
    position: relative;
    height: 120px;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
}
.layer-msg {
    position: absolute;
    inset: 0;
}
.page-header-tabs .nav-link,
.zone-setup-item .info,
.list-separator .list-separator-link {
    color: var(--title-clr);
}
.page-header-tabs .nav-link {
    text-transform: capitalize;
}
.h--45px.custom-file-label::after {
    height: 45px;
}
.floating-label {
    position: relative;
    z-index: 1;
    background: #fff;
    margin-inline-start: 15px;
    padding: 0 3px;
    text-transform: capitalize;
    display: inline-block;
    transform: translateY(10px);
    margin-bottom: 0;
    font-weight: 400;
    font-size: 12px;
    color: #334257;
}
.floating-label ~ .form-control {
    color: #33425778;
}
.empty--data {
    text-align: center;
}
.empty--data img {
    max-width: 145px;
}
.empty--data h5 {
    text-transform: capitalize;
}
.dataTables_empty {
    display: none;
}
.select2-selection__rendered {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
}
.navbar-nav .nav-link {
    text-transform: capitalize;
}
/*# sourceMappingURL=theme.minc619.css.map */