:root {
    --primary: #2b97bf;
    --secondary: #9ba6b2;
    --success: #42bd48;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
}

body.touch-scroll-active {
    user-select: none !important;
    user-drag: none !important;
    -webkit-user-drag: none !important;
    -moz-user-drag: none !important;
}

.modal.modal-on-top-others {
    z-index: 1102;
    background-color: #0000002e;
}

.break-word {
    word-break: break-word !important;
}

.break-word-all {
    word-break: break-all !important;
}

.loader-content {
    min-height: 32px;
    min-width: 32px;
    background-image: url(../images/loading.svg) !important;
    background-size: 32px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.no-scrollbar, .hidden-scroll {
    scrollbar-width: 0;
}

.no-scrollbar::-webkit-scrollbar, .hidden-scroll::-webkit-scrollbar {
    display: none;
}

.flex-content-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex-content-right {
    display: flex;
    justify-content: right;
    align-items: center;
}

.flex-content-left {
    display: flex;
    justify-content: left;
    align-items: center;
}

.tooltip {
    pointer-events: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.05rem;
    opacity: 0;
    z-index: 1103;
}

.tooltip.show {
    opacity: 1;
}

.tooltip-inner {
    max-width: 256px;
    padding: .25rem .75rem;
    font-weight: 600;
    color: white;
    background-color: #3a3a3a;
    border-radius: .5rem;
}

.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
    border-right-color: #3a3a3a;
}

.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
    border-top-color: #3a3a3a;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
    border-bottom-color: #3a3a3a;
}

.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before {
    border-left-color: #3a3a3a;
}

.tooltip-success .tooltip-inner {
    background-color: #42bd48;
}

.tooltip-success .bs-tooltip-auto[x-placement^=right] .arrow::before,
.tooltip-success .bs-tooltip-right .arrow::before {
    border-right-color: #42bd48;
}

.tooltip-success .bs-tooltip-auto[x-placement^=top] .arrow::before,
.tooltip-success .bs-tooltip-top .arrow::before {
    border-top-color: #42bd48;
}

.tooltip-success .bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.tooltip-success .bs-tooltip-bottom .arrow::before {
    border-bottom-color: #42bd48;
}

.tooltip-success .bs-tooltip-auto[x-placement^=left] .arrow::before,
.tooltip-success .bs-tooltip-left .arrow::before {
    border-left-color: #42bd48;
}

.tooltip-danger .tooltip-inner {
    background-color: #dc3545;
}

.tooltip-danger .bs-tooltip-auto[x-placement^=right] .arrow::before,
.tooltip-danger .bs-tooltip-right .arrow::before {
    border-right-color: #dc3545;
}

.tooltip-danger .bs-tooltip-auto[x-placement^=top] .arrow::before,
.tooltip-danger .bs-tooltip-top .arrow::before {
    border-top-color: #dc3545;
}

.tooltip-danger .bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.tooltip-danger .bs-tooltip-bottom .arrow::before {
    border-bottom-color: #dc3545;
}

.tooltip-danger .bs-tooltip-auto[x-placement^=left] .arrow::before,
.tooltip-danger .bs-tooltip-left .arrow::before {
    border-left-color: #dc3545;
}

.jq-toast-single {
    border-radius: .5rem !important;
}

.card {
    border: 1px solid rgb(222 226 230);
    border-radius: .5rem;
}

.hover-shadow-sm,
.hover-shadow,
.hover-shadow-lg {
    transition: .35s box-shadow;
}

.hover-shadow:hover {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important;
}

.hover-shadow-sm:hover {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important;
}

.hover-shadow-lg:hover {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175)!important;
}

.input-group-text {
    height: calc(1.5em + 0.75rem + 2px);
}

.btn.btn-fab {
    aspect-ratio: 1/1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.btn.btn-flat {
    background-color: #f7f7f8;
    color: #4c5052;
}

.btn.btn-flat:hover,
.btn.btn-flat:focus,
.btn.btn-flat.hover,
.btn.btn-flat.focus {
    background-color: #f1f1f1;
}

.btn.btn-shadow {
    box-shadow: 0 2px 3px #00000021;
}

.btn.btn-icon-small>i {
    font-size: small;
}

.btn.btn-icon-medium>i {
    font-size: medium;
}

.btn.btn-icon-large>i {
    font-size: large;
}

.v-btn.v-size--default, .v-btn.v-size--large {
    font-size: 1rem;
}

hr.v-divider {
    margin-top: 0;
    margin-bottom: 0;
}

.form-control.form-control-flat,
.select2-container--krajee-bs4 .select2-selection.form-control-flat {
    background-color: #f7f7f8;
    border-color: #f7f7f8;
    border-radius: .5rem;
    box-shadow: none;
}

.select2-container--krajee-bs4 > .select2-dropdown {
    z-index: 1103 !important;
}

.select2-container--krajee-bs4 .select2-selection {
    box-shadow: none !important;
}

.select2-results__options::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.select2-results__options::-webkit-scrollbar-track {
    background: transparent;
}

.select2-results__options::-webkit-scrollbar-thumb {
    background-color: #eaeaea;
}

​.select2-container--krajee-bs4 .select2-selection--multiple .select2-selection__clear {
    top: .35rem !important;
    right: .5rem !important;
    font-size: 1.5rem !important;
    cursor: pointer !important;
}

.text-primary {
    color: var(--color-theme) !important;
}

.color-danger,
.text-danger {
    color: var(--color-danger) !important;
}

.btn {
    font-weight: 600;
    border-radius: .5rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, 350ms transform;
}

.btn:active,
.btn:focus {
    animation: btn-active 350ms ease-in-out;
}

.btn-primary:focus,
.btn-primary.focus {
    background-color: #278eb4;
    border-color: #278eb4;
}

.badge-primary {
    background: var(--color-theme) !important;
}

.card-link {
    color: #007bff;
}

a {
    color: var(--color-black);
    transition: color .10s ease-in-out;
}

a:hover {
    color: var(--color-theme);
    text-decoration: none;
}

.list-group.list-group-stripped li.list-group-item:nth-child(even) {
    background-color: var(--color-light-gray);
}

.bootstrap-switch {
    border-color: #ced4db;
}

.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
    padding: 0.375rem 0.75rem;
    font-size: 12px;
    line-height: 1.5;
    border: 1px solid white;
    border-radius: .35rem;
    min-width: 40px;
    font-weight: 600;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
    color: #fff;
    background: #0294c2 !important;
}

.bootstrap-switch-focused {
    border-color: #2b97bf !important;
    box-shadow: 0 0 0 0.2rem rgb(43 151 191 / 24%) !important;
}

.badge-light {
    color: rgba(0, 0, 0, 0.5);
    background-color: #dee2e6;
}

.dropdown-item.active,
.dropdown-item:active {
    color: #737373;
    text-decoration: none;
    background-color: #e4e4e4;
}

.dropdown-item {
    color: var(--color-black);
    padding: .5rem 1.5rem;
    height: 30px;
}

table {
    font-size: 0.95rem
}

.form-control:focus {
    color: #495057;
    border-color: #2b97bf;
    box-shadow: 0 0 0 0.2rem rgba(43, 151, 191, 0.24);
}

.d-none-empty:empty {
    display: none !important;
}

hr {
    border-top: 1px solid#f5f5f5;
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: var(--color-theme);
    border-color: var(--color-theme);
    pointer-events: none;
}

.page-link {
    color: var(--color-black);
    background-color: #f0f3f7;
    border: 1px solid #f0f3f7;
    border-radius: .2rem;
    margin: 0 2px;
    padding: 0.6rem .75rem;
}

.page-link:hover {
    z-index: 2;
    color: #343434;
    text-decoration: none;
    background-color: #dee2e6;
    border-color: #dee2e6;
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #f7f7f8;
    border-color: #f7f7f8;
}

.page-link:focus {
    z-index: 2;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(155, 166, 178, 0.24);
}

.page-item.active .page-link:focus {
    box-shadow: 0 0 0 0.2rem rgba(43, 151, 191, 0.29);
}

.skeleton-loader {
    min-height: 1em;
    color: transparent !important;
    position: relative;
    overflow: hidden;
    /* border-radius: 0 !important; */
    border-color: #e7e7e7 !important;
    background-color: #e7e7e7 !important;
    pointer-events: none !important;
}

.skeleton-loader::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateX(-100%);
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
    -webkit-animation: shimmer 2s infinite;
    animation: shimmer 2s infinite;
    content: "";
}

.skeleton-loader >* {
    opacity: 0 !important;
    pointer-events: none !important;
}

@keyframes shimmer {
    100% {
        transform: translateX(100%);
    }
}

.tag-progress-bar {
    position: relative;
    height: 26px;
    background-color: #f7f7f8;
    box-shadow: 0 0 0 1px #f7f7f8;
    border: 1px solid white;
    border-radius: 2rem;
    display: flex;
    overflow: hidden;
}

.tag-progress-bar-line {
    background: linear-gradient( 180deg, rgb(23, 156, 218) 0%, rgb(19, 118, 179) 100%);
    transition: 1s all;
    border-radius: 2rem;
}

.tag-progress-bar-line.low-progress {
    background: linear-gradient( 180deg, rgb(218, 23, 23) 0%, rgb(179, 19, 19) 100%);
}

.tag-progress-bar-line.middle-progress {
    background: linear-gradient( 180deg, rgb(235 169 49) 0%, rgb(211 122 44) 100%);
}

.tag-progress-bar-line.high-progress {
    background: linear-gradient( 180deg, rgb(23, 218, 36) 0%, rgb(19, 179, 30) 100%);
}

.tag-progress-bar-line.overmaxed-progress {
    background: linear-gradient( 180deg, rgb(218, 23, 212) 0%, rgb(179, 19, 163) 100%);
}

.tag-progress-bar-line.warning-progress {    
    background: linear-gradient( 180deg, #ffc107 0%, rgb(179, 126, 19) 100%);
}

.tag-progress-bar.animated .tag-progress-bar-line{
    background-color: rgb(19, 118, 179) !important;
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: 1rem 1rem;
    -webkit-animation: 1s linear infinite progress-bar-stripes;
    animation: 1s linear infinite progress-bar-stripes;
}

.tag-progress-bar.animated .tag-progress-bar-line.low-progress {
    background-color: rgb(179, 19, 19) !important;
}

.tag-progress-bar.animated .tag-progress-bar-line.middle-progress {
    background-color: rgb(211 122 44) !important;
}

.tag-progress-bar.animated .tag-progress-bar-line.high-progress {
    background-color: rgb(19, 179, 30) !important;
}

.tag-progress-bar.animated .tag-progress-bar-line.overmaxed-progress {
    background-color: rgb(179, 19, 163) !important;
}

.tag-progress-bar.animated .tag-progress-bar-line.warning-progress {    
    background-color: #ffc107 !important;
}


.tag-progress-bar-counter {
    position: absolute;
    padding: .15rem .75rem;
    height: 20px;
    font-size: 90%;
    background-color: #ffffff;
    border-radius: 1rem;
    font-weight: 800;
    right: 2px;
    top: 2px;
}

.table-hover tbody tr:hover {
    background-color: rgb(250, 250, 250);
}

.btn-primary {
    color: #fff;
    background-color: var(--color-theme);
    border-color: var(--color-theme);
}

.btn-outline-primary {
    color: var(--color-theme);
    background-color: transparent;
    background-image: none;
    border-color: var(--color-theme);
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #2789ae;
    border-color: #2789ae;
}

.btn-primary:hover {
    color: #fff;
    background-color: #2789ae;
    border-color: #2789ae;
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(43, 151, 191, 0.37);
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(43, 151, 191, 0.37);
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #2789ae;
    border-color: #2789ae;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #2789ae;
    border-color: #2789ae;
}

.btn-primary.focus,
.btn-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(43, 151, 191, 0.29);
}

.btn-success {
    color: #fff;
    background-color: #42bd48;
    border-color: #42bd48;
}

.btn-success:hover {
    color: #fff;
    background-color: #3eab43;
    border-color: #3eab43;
}

.pagination {
    margin-top: 1rem;
}

.pagination:last-child {
    margin-bottom: 0;
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #42bd48;
    border-color: #42bd48;
}

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgb(66 189 72 / 50%);
}

.btn-success.focus,
.btn-success:focus {
    box-shadow: 0 0 0 0.2rem rgb(66 189 72 / 50%);
    background-color: #42bd48;
    border-color: #42bd48;
}

.btn-success.disabled,
.btn-success:disabled {
    color: #fff;
    background-color: #42bd48;
    border-color: #42bd48;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: var(--color-light-gray);
}

.table-responsive .summary {
    font-size: 0.94rem;
    padding-bottom: 4px;
}

.container-shadow-primary {
    border-radius: 0.25rem;
    border-color: var(--color-theme);
    box-shadow: 0px 0px 10px 0px var(--color-theme) !important;
}

.container-shadow-primary>td {
    border: 0px;
}

.container-shadow-danger {
    border-radius: 0.25rem;
    border-color: var(--color-danger);
    box-shadow: 0px 0px 10px 0px var(--color-danger) !important;    
}

.container-shadow-danger>td {
    border: 0px;
}

.container-shadow-primary-inset {
    border-radius: 0.25rem;
    border-color: var(--color-theme);
    box-shadow: 0px 0px 10px 0px var(--color-theme) inset !important;
}

.container-shadow-primary-inset>td {
    border: 0px;
}

.container-shadow-danger-inset {
    border-radius: 0.25rem;
    border-color: var(--color-danger);
    box-shadow: 0px 0px 10px 0px var(--color-danger) inset !important;    
}

.container-shadow-danger-inset>td {
    border: 0px;
}

.alert {
    color: white;
    font-weight: 600;
    border-radius: .75rem;
    padding: 1.15rem 1rem;
    position: relative;
}

.alert-icon {
    width: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100%;
    margin: auto;
    font-size: 3rem;
}

.alert-content>.alert-title:last-child {
    height: 100%;
    margin: 0;
    display: flex;
    align-items: center;
}

.alert-icon+.alert-content {
    width: calc(100% - 48px);
    padding-left: 1rem;
}

.alert .alert-title {
    font-weight: 600;
    margin-bottom: 1rem;
}

.alert.alert-primary .alert-title,
.alert.alert-secondary .alert-title,
.alert.alert-success .alert-title,
.alert.alert-danger .alert-title,
.alert.alert-warning .alert-title,
.alert.alert-dark .alert-title,
.alert.alert-light .alert-title,
.alert.alert-info .alert-title {
    margin-bottom: .75rem;
    font-weight: 800;
    font-size: 1.25rem;
}

.alert a {
    font-weight: bold;
    color: inherit;
    text-decoration: underline;
}

.alert-secondary {
    background-color: #9ba6b2;
    border-color: #9ba6b2;
}

.alert-light {
    color: #4d4d4d;
    background-color: #f8f9fa;
    border: 1px solid #f8f9fa;
}

.alert.alert-light .alert-title {
    color: #2f2f2f;
}

.alert-success {
    background-color: #39bb3f;
    border: 1px solid #39bb3f;
}

.alert-outline-success {
    background-color: #39bb3f47;
    border: 1px solid #c5e9c6;
    color: #066906;
}

.alert-danger {
    background-color: #b92835;
    border: 1px solid #b92835;
}

.alert.alert-outline-danger {
    border: 2px solid #b92835;
    background-color: #b928350f;
    color: #b92835;
}

.alert-info {
    background-color: #27b5cc;
    border: 1px solid #27b5cc;
}

.alert.alert-outline-info {
    border: 2px solid #27b5cc;
    background-color: #27b5cc0f;
    color: #1791a5;
}

.alert.alert-primary {
    background-color: #2b97bf;
    border: 1px solid #2b97bf;
}

.alert-warning {
    background-color: #ffc107;
    border: 1px solid #ffc107;
    color: #212529;
}

.alert.alert-outline-warning {
    border: 2px solid #ffc107;
    background-color: #ffc1070f;
    color: #bd6a02;
}

.alert.alert-warning .alert-title {
    color: #272727;
}

.alert-dark {
    background-color: #2d2d2d;
    border-color: #2d2d2d;
}

.alert.is-info {
    background-color: #3b2e58;
    border: 1px solid #3b2e58;
}

.alert.is-info .alert-title {
    color: #efd9fd;
}

.alert.is-success {
    background-color: #054b16;
    border: 1px solid #054b16;
}

.alert.is-success .alert-title {
    color: #dff6dd;
}

.alert.is-primary {
    background-color: #004173;
    border: 1px solid #004173;
}

.alert.is-primary .alert-title {
    color: #9ccbee;
}

.alert.is-secondary {
    background-color: #404040;
    border: 1px solid #404040;
}

.alert.is-secondary .alert-title {
    color: #e6e6e6;
}

.alert.is-danger {
    background-color: #630001;
    border: 1px solid #630001;
}

.alert.is-danger .alert-title {
    color: #fde7e9;
}

.alert.is-warning {
    background-color: #6a4b16;
    border: 1px solid #6a4b16;
}

.alert.is-warning .alert-title {
    color: #fff4ce;
}

.alert.is-dark {
    background-color: #050606;
    border: 1px solid #050606;
}

.alert.is-dark .alert-title {
    color: #b4b5b5;
}

.alert.is-light {
    background-color: #fdfdfd;
    border: 1px solid #fdfdfd;
    color: #050606;
}

.alert.is-light .alert-title {
    color: #73777b;
}

.alert-highlight {
    background: #ffffff1f;
    padding: .25rem .5rem;
    width: max-content;
    border-radius: .5rem;
}

.alert .alert-title>i {
    margin-right: 1rem;
}

.alert.fade {
    opacity: 0;
    transform: translate(0, -2rem);
}

.alert.fade.show {
    opacity: 1;
    transform: translate(0, 0);
    transition: .35s opacity, .35s transform;
}

.invalid-feedback {
    background: #e35a67;
    width: fit-content;
    color: #fff;
    padding: 3px 8px;
    border-radius: 5px;
    margin-top: 9px;
    z-index: 110;
}

.invalid-feedback::before {
    content: "\f0de";
    font-family: "Font Awesome 5 Free";
    width: 12px;
    height: 12px;
    display: block;
    position: absolute;
    margin-top: -15px;
    z-index: 10;
    font-weight: 700;
    color: #e35a67;
    font-size: 20px;
}

.was-validated .form-control:valid,
.form-control.is-valid {
    background-image: none;
    padding: .375rem .75rem;
}

.custom-select.is-valid,
.form-control.is-valid,
.was-validated .custom-select:valid,
.was-validated .form-control:valid {
    border-color: var(--color-success);
}

.custom-select.is-valid:focus,
.form-control.is-valid:focus,
.was-validated .custom-select:valid:focus,
.was-validated .form-control:valid:focus {
    border-color: var(--color-success);
    box-shadow: 0 0 0 0.2rem rgba(158, 206, 105, 0.32);
}

.modal {
    z-index: 1101;
}

.modal-backdrop {
    z-index: 1100;
}

.modal-content {
    border-radius: .5rem;
    overflow: hidden;
    border: none;
    box-shadow: 0 5px 7px 1px #0000000d;
}

.modal-footer,
.modal-header,
.modal-body {
    position: relative;
    padding: 1rem;
}

.modal-header {
    display: flex;
    background-color: white;
    /* background-color: #f9f9f9; */
    border-bottom: 1px solid;
    border-color: #e9e9e9;
    gap: 1rem;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}

.modal-footer {
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

.modal-header .close {
    flex: none;
    padding: 1.2rem;
    height: 48px;
    aspect-ratio: 1/1;
    border-radius: .75rem;
    background: transparent;
    color: var(--color-black);
    font-size: 2rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    outline: none;
    transition: .35s all;
}

.close:not(:disabled):not(.disabled):hover,
.close:not(:disabled):not(.disabled):focus {
    opacity: 1;
}

.modal-title {
    display: inline-flex;
    align-items: center;
    align-self: center;
    font-size: 1.15rem;
    font-weight: 700;
    flex-grow: 1;
}

i.modal-title-icon {
    font-size: 1.5rem;
    margin-right: 1rem;
}

.modal-footer>* {
    margin: unset;
}

.modal-footer {
    background-color: white;
    /* background-color: #f9f9f9; */
    border: none;
    display: flex;
    gap: .5rem;
}

.grid-view .summary {
    padding-bottom: 5px;
    font-size: 0.9rem;
}

.table td,
.table th {
    padding: 0.35rem;
}

.table thead th {
    padding: 0.95rem 0.35rem;
}

.select2-container--krajee-bs4 .select2-selection--single .select2-selection__arrow {
    height: 96.9% !important;
}

.select2-container--krajee-bs4.select2-container--open.select2-container--below .select2-selection,
.select2-selection__rendered {
    padding-right: 1.5rem !important;
}

.badge-success {
    background-color: var(--color-success);
}

.badge .custom-control {
    min-height: 0.9rem;
}

.badge .custom-checkbox .custom-control-label::before,
.badge .custom-checkbox .custom-control-label::after {
    top: -0.04rem;
}

.badge .custom-control-label {
    margin-top: 1px;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: var(--color-theme);
}

.custom-control-input:checked~.custom-control-label::before {
    background-color: var(--color-theme);
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: var(--color-theme);
    background-color: var(--color-theme);
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: var(--color-theme);
}

.custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(43, 151, 191, 0.48);
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: #fff;
    background-color: #2b97bf;
    border-color: #227b9c;
}

.custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(43, 151, 191, 0.49);
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #2b97bf;
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #2b97bf;
    border-color: #2b97bf;
}

.btn.disabled,
.btn:disabled {
    opacity: .4;
}

.table-warning,
.table-warning>td,
.table-warning>th {
    background-color: var(--color-light-gray);
}

.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
    background-color: var(--color-light-gray);
}

.select2-container--krajee-bs4.select2-container--open:not(.select2-container--disabled) .select2-selection,
.select2-container--krajee-bs4:not(.select2-container--disabled) .select2-selection:focus {
    border-color: #2b97bf !important;
    box-shadow: 0 0 0 0.2rem #2b97bf38 !important;
}

.select2-container--krajee-bs4:not(.select2-container--disabled) .select2-dropdown {
    box-shadow: 0 0.375rem 0.75rem 0.2rem rgb(139 145 152 / 25%) !important;
    border-color: #2b97bffa !important;
}

.select2-container--krajee-bs4 .select2-selection--multiple .select2-selection__choice {
    display: flex !important;
    align-items: center !important;
    color: #066508 !important;
    background: #cae7cb !important;
    border: 1px solid #cae7cb !important;
    border-radius: 0.35rem !important;
    white-space: nowrap !important;
    cursor: default !important;
    float: left !important;
    margin: 0.375rem 0 2px 0.375rem !important;
    padding: .25rem .5rem !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
}

.select2-container--krajee-bs4 .select2-selection--multiple .select2-selection__choice__remove {
    font-size: 1.5rem !important;
    color: #38863a !important;
    opacity: 1 !important;
    text-shadow: none !important;
    cursor: pointer !important;
    margin-right: 0.25rem !important;
}

.select2-container--krajee-bs4 li.select2-results__option {
    color: #535353;
    background-color: #ffffff;
}

.select2-container--krajee-bs4 .select2-results__option[aria-selected=true] {
    color: #31708f !important;
    background-color: #c8eeff !important;
    font-weight: 600 !important;
}

.select2-container--krajee-bs4 .select2-results__option--highlighted[aria-selected] {
    background-color: var(--color-theme) !important;
}


/* .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #495057;
    background-color: #ace4f7;
    border-color: #ffffff #ffffff var(--color-theme) #ffffff;
    border-left: none;
    border-right: none;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
} */


/* .nav-tabs .nav-link {
    border: 2px solid transparent;
    border-left: none;
    border-right: none;
    border-bottom: 2px solid #dee2e6;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: #ffffff #e9ecef var(--color-theme)
} */

b,
strong {
    font-weight: 700;
}

.badge-success[href]:focus,
.badge-success[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #81b24b;
}

a.badge-success:focus,
a.badge-success.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(158, 206, 105, 0.58);
}

.custom-control-label::before {
    background-color: #f7f7f8;
}

.custom-control-label::before {
    width: 1.05rem;
    height: 1.05rem;
}

.custom-control-label::after {
    width: 1.05rem;
    height: 1.05rem;
}

.btn-outline-success {
    color: #42bd48;
    background-color: transparent;
    background-image: none;
    border-color: #42bd48;
}

.badge-warning {
    color: #0000009c !important;
    background-color: #ffc107 !important;
}

.btn-light {
    color: #4d4d4d;
    background-color: #f8f9fa;
    border-color: #e7e7e7;
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #42bd48;
    border-color: #42bd48;
}

.btn-secondary {
    color: #fff;
    background-color: #9ba6b2;
    border-color: #9ba6b2;
}

.btn-secondary:hover {
    color: #fff;
    background-color: #697077;
    border-color: #63696f;
}

.table-bordered td,
.table-bordered th {
    border: 1px solid #e9e9e9;
}

.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active {
    color: #fff !important;
    background-color: var(--color-theme) !important;
    border-color: var(--color-theme) !important;
}

.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active.highlighted:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active.highlighted.active {
    color: #fff !important;
    background-color: var(--color-theme) !important;
    border-color: var(--color-theme) !important;
    text-shadow: none !important;
}

.datetimepicker table tr td.active:active:hover,
.datetimepicker table tr td.active.highlighted:active:hover,
.datetimepicker table tr td.active.active:hover,
.datetimepicker table tr td.active.highlighted.active:hover,
.datetimepicker table tr td.active:active:focus,
.datetimepicker table tr td.active.highlighted:active:focus,
.datetimepicker table tr td.active.active:focus,
.datetimepicker table tr td.active.highlighted.active:focus,
.datetimepicker table tr td.active:active.focus,
.datetimepicker table tr td.active.highlighted:active.focus,
.datetimepicker table tr td.active.active.focus,
.datetimepicker table tr td.active.highlighted.active.focus {
    color: #fff !important;
    background-color: var(--color-theme) !important;
    border-color: var(--color-theme) !important;
}

.datetimepicker table tr td.today {
    color: #000 !important;
    background-color: #e5e5e5 !important;
    border-color: #e5e5e5 !important;
}

.datetimepicker table tr td.today:hover {
    color: #000 !important;
    background-color: #e5e5e5 !important;
    border-color: #e5e5e5 !important;
}

.datetimepicker table tr td span.active:active:hover,
.datetimepicker table tr td span.active:hover:active:hover,
.datetimepicker table tr td span.active.disabled:active:hover,
.datetimepicker table tr td span.active.disabled:hover:active:hover,
.datetimepicker table tr td span.active.active:hover,
.datetimepicker table tr td span.active:hover.active:hover,
.datetimepicker table tr td span.active.disabled.active:hover,
.datetimepicker table tr td span.active.disabled:hover.active:hover,
.datetimepicker table tr td span.active:active:focus,
.datetimepicker table tr td span.active:hover:active:focus,
.datetimepicker table tr td span.active.disabled:active:focus,
.datetimepicker table tr td span.active.disabled:hover:active:focus,
.datetimepicker table tr td span.active.active:focus,
.datetimepicker table tr td span.active:hover.active:focus,
.datetimepicker table tr td span.active.disabled.active:focus,
.datetimepicker table tr td span.active.disabled:hover.active:focus,
.datetimepicker table tr td span.active:active.focus,
.datetimepicker table tr td span.active:hover:active.focus,
.datetimepicker table tr td span.active.disabled:active.focus,
.datetimepicker table tr td span.active.disabled:hover:active.focus,
.datetimepicker table tr td span.active.active.focus,
.datetimepicker table tr td span.active:hover.active.focus,
.datetimepicker table tr td span.active.disabled.active.focus,
.datetimepicker table tr td span.active.disabled:hover.active.focus {
    color: #fff !important;
    background-color: var(--color-theme) !important;
    border-color: var(--color-theme) !important;
}

.datetimepicker table tr td.today.active:hover {
    color: #000 !important;
}

.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active {
    color: #fff;
    background-color: #2b97bf;
    border-color: #2b97bf;
}

.datepicker table tr td.active:active:hover,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.highlighted.active.focus {
    color: #fff;
    background-color: #2ca5d2;
    border-color: #2ca5d2;
}

.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
    color: #fff;
    background-color: #2b97bf;
    border-color: #2b97bf;
}

.datepicker table tr td span.active:active:hover,
.datepicker table tr td span.active:hover:active:hover,
.datepicker table tr td span.active.disabled:active:hover,
.datepicker table tr td span.active.disabled:hover:active:hover,
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active:hover.active:hover,
.datepicker table tr td span.active.disabled.active:hover,
.datepicker table tr td span.active.disabled:hover.active:hover,
.datepicker table tr td span.active:active:focus,
.datepicker table tr td span.active:hover:active:focus,
.datepicker table tr td span.active.disabled:active:focus,
.datepicker table tr td span.active.disabled:hover:active:focus,
.datepicker table tr td span.active.active:focus,
.datepicker table tr td span.active:hover.active:focus,
.datepicker table tr td span.active.disabled.active:focus,
.datepicker table tr td span.active.disabled:hover.active:focus,
.datepicker table tr td span.active:active.focus,
.datepicker table tr td span.active:hover:active.focus,
.datepicker table tr td span.active.disabled:active.focus,
.datepicker table tr td span.active.disabled:hover:active.focus,
.datepicker table tr td span.active.active.focus,
.datepicker table tr td span.active:hover.active.focus,
.datepicker table tr td span.active.disabled.active.focus,
.datepicker table tr td span.active.disabled:hover.active.focus {
    color: #fff;
    background-color: #2ca5d2;
    border-color: #2ca5d2;
}

.table-bordered td,
.table-bordered th {
    border: 1px solid #e9e9e9;
}

.alert-danger .btn-outline-danger {
    color: #721c24;
    background-color: transparent;
    background-image: none;
    border-color: #721c24;
}

.alert-danger .btn-outline-danger.focus,
.alert-danger .btn-outline-danger:focus {
    box-shadow: 0 0 0 0.2rem rgba(114, 28, 36, 0.2);
}

.alert-danger .btn-outline-danger:not(:disabled):not(.disabled).active,
.alert-danger .btn-outline-danger:not(:disabled):not(.disabled):active,
.alert-danger .show>.btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #b3858a;
    border-color: #b3858a;
}

.btn-outline-primary.focus,
.btn-outline-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(43, 151, 191, 0.25);
}

.table-responsive {
    overflow-y: visible !important;
}

h4 .badge-pill {
    position: relative;
    top: -3px;
}

.badge-danger {
    color: #fff;
    background-color: #c75c5c;
}

.table-info,
.table-info>td,
.table-info>th {
    background-color: #d0d0d0;
}

.table-success,
.table-success>td,
.table-success>th {
    background-color: #dee2e6;
}

td.kv-group-odd {
    background-color: #ffffff00 !important;
}

td.kv-group-even {
    background-color: #ffffff !important;
}

td.td-sticky-right {
    position: sticky;
    right: 0;
    z-index: 1;
    background-color: white !important;
}

.table-striped tbody tr:nth-of-type(odd) td.td-sticky-right {
    background-color: #f7f7f8 !important;
}

td.td-sticky-right.td-sticky-right--transparent {
    background-color: transparent !important;
}

.table-striped tbody tr:nth-of-type(odd) td.td-sticky-right.td-sticky-right--transparent {
    background-color: transparent !important;
}

.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
    background-color: #c9cbcd;
}

.dropdown-container>.dropdown:not(:first-child) {
    margin-left: 0.5rem;
}

.dropdown-container {
    overflow-x: auto;
}

.page-item.active .page-link:hover {
    background-color: #2789ae;
    border-color: #2789ae;
}

.select2-container--krajee-bs4 .select2-selection--single .select2-selection__arrow {
    border: none !important;
    right: 5px !important;
}

.daterangepicker .ranges li.active {
    background-color: #2b97bf;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #2b97bf;
}

.daterangepicker .drp-selected {
    color: #2b97bf;
}

.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
    border: 1px solid #dddddd;
    border-radius: .25rem;
}

.dropdown-menu {
    margin: .5rem;
    border-radius: .5rem;
    border-color: #e9ecef;
    box-shadow: 0 5px 10px #0000000f;
    z-index: 1103 !important;
}

.row .col-last-exp:last-child,
.form-row.col-last-exp:last-child {
    flex: 0 0 100%;
    max-width: 100%;
}

.row .col-first-exp:first-child,
.form-row.col-first-exp:first-child {
    flex: 0 0 100%;
    max-width: 100%;
}

.row .col-exp:first-child:last-child,
.form-row .col-exp:first-child:last-child {
    flex: 0 0 100%;
    max-width: 100%;
}

.bootstrap-switch {
    border-color: #ced4da !important;
}

.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off {
    padding: .25rem .5rem !important;
    font-weight: 600 !important;
    border: 1px solid white !important;
    border-radius: .35rem !important;
}

.select2-search__field {
    width: 100% !important;
}

.modal-confirm .modal-header button.close {
    display: none;
}

.modal.modal-shadow-blur {
    backdrop-filter: blur(1px);
}

.modal.leap .modal-dialog {
    transform: scale(0.5);
    transition: transform 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.modal.leap.show .modal-dialog {
    transform: scale(1);
}

.modal.without-footer .modal-footer {
    display: none !important;
}

.modal.without-header .modal-header {
    display: none !important;
}

.modal.without-body .modal-body {
    display: none !important;
}

.modal.without-body .modal-header {
    border-bottom: none !important;
}

.modal.without-body .modal-footer {
    border-top: none !important;
}

.modal.modal-content-center .modal-dialog,
.modal.modal-content-end .modal-dialog,
.modal.modal-content-start .modal-dialog {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    align-items: center;
    min-height: calc(100% - 1rem);
}

.modal.modal-content-center .modal-dialog {
    justify-content: center;
}

.modal.modal-content-end .modal-dialog {
    justify-content: flex-end;
}

.modal.modal-content-start .modal-dialog {
    justify-content: start;
}

.nav.nav-modern {
    border: none;
    background-color: #f7f7f8;
    padding: 1px;
    border-radius: .5rem;
}

.nav.nav-modern .nav-item {
    background: transparent;
    flex-grow: 1;
    text-align: center;
}

.nav.nav-modern .nav-item a,
.nav.nav-modern .nav-item button {
    border: none;
    background: transparent;
    color: #9c9c9c;
    padding: 0.375rem 0.75rem;
    border-radius: .5rem;
    font-weight: 600;
    transition: .35s all;
    margin: 1px;
}

.nav.nav-modern .nav-item a:not(.active):hover,
.nav.nav-modern .nav-item button:not(.active):hover {
    background: #ffffff80;
    color: #636363;
}

.nav.nav-modern .nav-item a.active,
.nav.nav-modern .nav-item button.active {
    background: white;
    color: #0094c2;
}

.nav.nav-modern-pills {
    gap: 0.5rem;
}

.nav.nav-modern-pills .nav-link {
    background-color: #F7F7F8;
    color: #495057;
    border: 1px solid #e3e3e3;
    font-weight: 600;
    border-radius: 0.25rem;
}

.nav.nav-modern-pills .nav-link:hover,
.nav.nav-modern-pills .nav-link:focus,
.nav.nav-modern-pills .nav-link.hover,
.nav.nav-modern-pills .nav-link.focus {
    background-color: #e3e3e3;
}

.nav.nav-modern-pills .nav-link.active {
    background-color: #17a2b8;
    color: white;
    border-color: #17a2b8;
    box-shadow: none;
}

.nav.nav-lg .nav-item a,
.nav.nav-lg .nav-item button {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
}

.form-group-label-float .form-group {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.form-group-label-float .form-group label {
    display: inline-block;
    flex: none;
    margin: 0;
}

.highlight-required-field .form-group.required .control-label {
    color: #2b97bf;
}

.modal.modal-header-sticky .modal-header,
.modal-header.modal-header-sticky {
    position: sticky;
    top: 0px;
    z-index: 1001;
}

.modal.modal-footer-sticky .modal-footer,
.modal-footer.modal-footer-sticky {
    position: sticky;
    bottom: 0px;
    z-index: 1001;
}

.modal.modal-header-sticky .modal-content,
.modal.modal-footer-sticky .modal-content {
    overflow: unset !important;
}

.btn.btn-mobile-info,
.btn.btn-text-info {
    background-color: transparent;
    color: #a373f9;
    white-space: nowrap;
}

.btn.btn-mobile-info:hover,
.btn.btn-mobile-info:focus,
.btn.btn-mobile-info.hover,
.btn.btn-mobile-info.focus,
.btn.btn-text-info:hover,
.btn.btn-text-info:focus,
.btn.btn-text-info.hover,
.btn.btn-text-info.focus {
    background-color: #a373f91a;
    box-shadow: none;
}

.btn.btn-mobile-secondary,
.btn.btn-text-secondary {
    background-color: transparent;
    color: #838a92;
    white-space: nowrap;
}

.btn.btn-mobile-secondary:hover,
.btn.btn-mobile-secondary:focus,
.btn.btn-mobile-secondary.hover,
.btn.btn-mobile-secondary.focus,
.btn.btn-text-secondary:hover,
.btn.btn-text-secondary:focus,
.btn.btn-text-secondary.hover,
.btn.btn-text-secondary.focus {
    background-color: #f7f7f8;
    box-shadow: none;
}

.btn.btn-mobile-primary,
.btn.btn-text-primary {
    background-color: transparent;
    color: #2b97bf;
    white-space: nowrap;
}

.btn.btn-mobile-primary:hover,
.btn.btn-mobile-primary:focus,
.btn.btn-mobile-primary.hover,
.btn.btn-mobile-primary.focus,
.btn.btn-text-primary:hover,
.btn.btn-text-primary:focus,
.btn.btn-text-primary.hover,
.btn.btn-text-primary.focus {
    background-color: #2b97bf1c;
    box-shadow: none;
}

.btn.btn-mobile-success,
.btn.btn-text-success {
    background-color: transparent;
    color: #2aa730;
    white-space: nowrap;
}

.btn.btn-mobile-success:hover,
.btn.btn-mobile-success:focus,
.btn.btn-mobile-success.hover,
.btn.btn-mobile-success.focus,
.btn.btn-text-success:hover,
.btn.btn-text-success:focus,
.btn.btn-text-success.hover,
.btn.btn-text-success.focus {
    background-color: #42bd4821;
    box-shadow: none;
}

.btn.btn-mobile-danger,
.btn.btn-text-danger {
    background-color: transparent;
    color: #dd3545;
    white-space: nowrap;
}

.btn.btn-mobile-danger:hover,
.btn.btn-mobile-danger:focus,
.btn.btn-mobile-danger.hover,
.btn.btn-mobile-danger.focus,
.btn.btn-text-danger:hover,
.btn.btn-text-danger:focus,
.btn.btn-text-danger.hover,
.btn.btn-text-danger.focus {
    background-color: #dd354526;
    box-shadow: none;
}

.btn.btn-mobile-dark,
.btn.btn-text-dark {
    background-color: transparent;
    color: #333a40;
    white-space: nowrap;
}

.btn.btn-mobile-dark:hover,
.btn.btn-mobile-dark:focus,
.btn.btn-mobile-dark.hover,
.btn.btn-mobile-dark.focus,
.btn.btn-text-dark:hover,
.btn.btn-text-dark:focus,
.btn.btn-text-dark.hover,
.btn.btn-text-dark.focus {
    background-color: #333a401f;
    box-shadow: none;
}

.btn.btn-mobile-light,
.btn.btn-text-light {
    background-color: transparent;
    color: #4d4d4d;
    white-space: nowrap;
}

.btn.btn-mobile-light:hover,
.btn.btn-mobile-light:focus,
.btn.btn-mobile-light.hover,
.btn.btn-mobile-light.focus,
.btn.btn-text-light:hover,
.btn.btn-text-light:focus,
.btn.btn-text-light.hover,
.btn.btn-text-light.focus {
    background-color: #8b8b8b14;
    box-shadow: none;
}

.btn.btn-mobile-warning,
.btn.btn-text-warning {
    background-color: transparent;
    color: #c79603;
    white-space: nowrap;
}

.btn.btn-mobile-warning:hover,
.btn.btn-mobile-warning:focus,
.btn.btn-mobile-warning.hover,
.btn.btn-mobile-warning.focus,
.btn.btn-text-warning:hover,
.btn.btn-text-warning:focus,
.btn.btn-text-warning.hover,
.btn.btn-text-warning.focus {
    background-color: #ffc10833;
    box-shadow: none;
}

table.loading {
    min-height: 128px;
    background-image: url(../images/loading.svg) !important;
    background-size: 64px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    pointer-events: none !important;
    overflow: hidden !important;
}

table.loading>* {
    /* display: none !important; */
    opacity: 0.2 !important;
}

.mr-icon>i {
    margin-right: .5rem;
}

.ml-icon>i {
    margin-left: .5rem;
}

.m-icon>i {
    margin: auto;
}

code,
.text-code {
    color: #e83e8c;
    word-wrap: break-word;
}

.callout {
    padding: 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid #eee;
    border-left-width: .25rem;
    border-radius: .5rem;
}

.callout-info {
    border-left-color: #17a2b8;
}

.callout-primary {
    border-left-color: #2b97bf;
}

.callout-danger {
    border-left-color: #dc3545;
}

.callout-success {
    border-left-color: #42bd48;
}

.callout-warning {
    border-left-color: #ffc107;
}

.cursor-alias {
    cursor: alias !important;
}

.cursor-all-scroll {
    cursor: all-scroll !important;
}

.cursor-auto {
    cursor: auto !important;
}

.cursor-cell {
    cursor: cell !important;
}

.cursor-col-resize {
    cursor: col-resize !important;
}

.cursor-context-menu {
    cursor: context-menu !important;
}

.cursor-copy {
    cursor: copy !important;
}

.cursor-crosshair {
    cursor: crosshair !important;
}

.cursor-default {
    cursor: default !important;
}

.cursor-e-resize {
    cursor: e-resize !important;
}

.curros-ew-resize {
    cursor: ew-resize !important;
}

.cursor-grab {
    cursor: grab !important;
}

.cursor-grabbing {
    cursor: grabbing !important;
}

.cursor-help {
    cursor: help !important;
}

.cursor-move {
    cursor: move !important;
}

.cursor-n-resize {
    cursor: n-resize !important;
}

.cursor-ne-resize {
    cursor: ne-resize !important;
}

.cursor-nesw-resize {
    cursor: nesw-resize !important;
}

.cursor-no-drop {
    cursor: no-drop !important;
}

.cursor-none {
    cursor: none !important;
}

.cursor-not-allowed {
    cursor: not-allowed !important;
}

.cursor-ns-resize {
    cursor: ns-resize !important;
}

.cursor-nw-resize {
    cursor: nw-resize !important;
}

.cursor-nwse-resize {
    cursor: nwse-resize !important;
}

.cursor-pointer {
    cursor: pointer !important;
}

.cursor-progress {
    cursor: progress !important;
}

.cursor-row-resize {
    cursor: row-resize !important;
}

.cursor-s-resize {
    cursor: s-resize !important;
}

.cursor-se-resize {
    cursor: se-resize !important;
}

.cursor-sw-resize {
    cursor: sw-resize !important;
}

.cursor-text {
    cursor: text !important;
}

.cursor-vertical-text {
    cursor: vertical-text !important;
}

.cursor-w-resize {
    cursor: w-resize !important;
}

.cursor-wait {
    cursor: wait !important;
}

.cursor-zoom-in {
    cursor: zoom-in !important;
}

.cursor-zoom-out {
    cursor: zoom-out !important;
}

.cursor-children * {
    cursor: inherit !important
}

.pointer-events-none {
    pointer-events: none !important;
}

.pointer-events-auto {
    pointer-events: auto !important;
}

.font-size-small {
    font-size: small;
}

.font-size-smaller {
    font-size: smaller;
}

.font-size-medium {
    font-size: medium;
}

.font-size-larger {
    font-size: larger;
}

.font-size-large {
    font-size: large;
}

.font-size-x-large {
    font-size: x-large;
}

.font-size-xx-large {
    font-size: xx-large;
}

.modal.modal-blocks .modal-content {
    background-color: #f7f7f8 !important;
}

.modal.modal-blocks .modal-body {
    padding: 0 !important;
}

.modal-blocks .modal-block {
    position: relative;
    padding: 1rem;
    background-color: white;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    border-radius: 0 !important;
    margin-bottom: .75rem;
}

.modal-blocks .modal-block-btn {
    width: 100%;
    padding: 1rem;
    background-color: white;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    border-radius: 0 !important;
    overflow: hidden !important;
    margin-bottom: .75rem;
    border-left: none;
    border-right: none;
    outline: none;
    font-weight: 600;
    text-align: left;
    transition: .35s all;
}

.modal-blocks .modal-block-btn:hover {
    background-color: #efefef;
}

.modal-block.modal-block-primary {
    background-color: #28b5cc;
    color: white;
    border-color: #28b5cc;
}

.modal-blocks .modal-block:first-child,
.modal-blocks .modal-block-btn:first-child {
    border-top: none;
}

.modal-block.modal-block--blur::after {
    content: '';
    background-color: #ffffff54;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 1;
    backdrop-filter: blur(1px);
}

.w-max-content {
    width: max-content !important;
}

.h-max-content {
    height: max-content !important;
}

.gap-1 {
    gap: .25rem;
}

.gap-2 {
    gap: .5rem;
}

.gap-3 {
    gap: .75rem;
}

.gap-4 {
    gap: 1rem;
}

.gap-5 {
    gap: 1.5rem;
}

.animate-scale {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-name: animation-scale;
}

.animate-opacity {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-name: animation-opacity;
}

.animate-translate-top {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-name: animation-translate-top;
}

.animate-translate-bottom {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-name: animation-translate-bottom;
}

.animate-translate-left {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-name: animation-translate-left;
}

.animate-translate-right {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-name: animation-translate-right;
}

.animate-reverse {
    animation-direction: reverse;
}

.animate-slow-rotate {
    animation: animation-rotate 5s infinite linear;
}

.animate-delay-1 {
    opacity: 0;
    animation-delay: 1s;
    animation-fill-mode: forwards;
}

.animate-delay-2 {
    opacity: 0;
    animation-delay: 2s;
    animation-fill-mode: forwards;
}

.animate-delay-3 {
    opacity: 0;
    animation-delay: 3s;
    animation-fill-mode: forwards;
}

.animate-delay-4 {
    opacity: 0;
    animation-delay: 4s;
    animation-fill-mode: forwards;
}

.animate-delay-5 {
    opacity: 0;
    animation-delay: 5s;
    animation-fill-mode: forwards;
}

.select2-search {
    width: 100% !important;
}

.select2-search__field {
    width: 100% !important;
}

.border-radius-1 {
    border-radius: 0.25rem;
}

.border-radius-2 {
    border-radius: 0.5rem;
}

.border-radius-3 {
    border-radius: 0.75rem;
}

.border-radius-4 {
    border-radius: 1rem;
}

.btn-xl {
    padding: 0.5rem 1rem;
    font-size: 1.75rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

.btn-xxxl {
    padding: 0.5rem 1rem;
    font-size: 4rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

.no-ripple {
    /*Убирает эффект при нажатии кнопки, нужно чтобы на кнопки не вешалось свойство position: relative*/
}

.user-drag-none {
    user-drag: none !important;
    -webkit-user-drag: none !important;
    -moz-user-drag: none !important;
}

.user-drag-none-children * {
    user-drag: none !important;
    -webkit-user-drag: none !important;
    -moz-user-drag: none !important;
}

code.code-key {
    display: inline-block;
    text-align: center;
    margin: 0 .1em;
    padding: .1em .6em;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Liberation Sans", sans-serif;
    font-size: 11px;
    line-height: 1.5;
    color: #232629;
    text-shadow: 0 1px 0 #ffffff;
    background-color: #e3e6e8;
    border: 1px solid #9fa6ad;
    border-radius: 3px;
    box-shadow: 0 1px 1px #0c0d0e26, inset 0 1px 0 0 #ffffff;
    overflow-wrap: break-word;
}

.modal.modal-loader {
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

.modal.modal-loader .modal-dialog {
    display: flex !important;
    flex-flow: column !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}

.modal.modal-loader .modal-content {
    width: 92px !important;
    height: 48px !important;
    box-shadow: 0 0 10px 10px #0000000f !important;
    border-radius: 2rem !important;
    pointer-events: none !important;
    background-color: #00000087 !important;
}

.modal.modal-loader .modal-body {
    background-image: url(../images/loading.svg) !important;
    background-size: 40% !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    pointer-events: none !important;
    filter: grayscale(1) brightness(1000%) !important;
}

.modal.modal-mini-app .modal-dialog {
    display: flex;
    margin: 1rem;
    max-width: none !important;
    min-height: calc(100% - 2rem) !important;
    max-height: calc(100% - 2rem) !important;
    min-width: calc(100% - 2rem) !important;
}

.modal.modal-mini-app .modal-content {
    min-height: 100% !important;
    max-height: 100% !important;
    max-width: 1680px !important;
    flex-grow: 1 !important;
    margin: 0 auto;
    width: 100% !important;
}

.modal.modal-mini-app .modal-body {
    overflow-y: auto;
    overflow-x: hidden;
}

/* .modal.modal-mini-app .modal-body::-webkit-scrollbar {
    width: 4px;
}

.modal.modal-mini-app .modal-body::-webkit-scrollbar-track {
    background: transparent;
}

.modal.modal-mini-app .modal-body::-webkit-scrollbar-thumb {
    background-color: #eaeaea;
} */

.modal.modal-mini-app {
    padding: 0 !important;
}

.after-none::after {
    display: none !important;
}

.before-none::before {
    display: none !important;
}

.keyboard-button {
    right: 1rem;
    top: calc(50% - 11px);
    height: 22px;
    z-index: 1004;
    padding: .25rem .5rem;
    align-items: center;
    justify-content: center;
    border: 1px solid #adadad;
    box-shadow: 0 0.2em 0 0.05em #222;
    border-bottom-color: #adadad;
    background: #333;
    color: #eee;
    border-radius: 0.5em;
    font-weight: 700;
    opacity: .35;
    pointer-events: none;
    transition: .35s opacity;
}

.btn-group.btn-group-separator>.btn:not(:last-child)::after {
    content: '';
    position: absolute;
    width: 1px;
    height: calc(100% - 1rem);
    background-color: white;
    right: 0px;
    top: .5rem;
    z-index: 1;
}

/* .modal:not(.modal-loader) .modal-header + .modal-body::before {
    content: '';
    width: calc(100% - 2rem);
    height: 1px;
    background-color: #f7f7f8;
    position: absolute;
    top: 0px;
    left: 1rem;
} */

.modal.modal-fullscreen .modal-dialog {
    width: 100% !important;
    margin: 0px !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
}

.modal.modal-fullscreen .modal-content {
    border-radius: 0px !important;
    max-width: 100% !important;
}

li.list-group-item-title {
    font-weight: 300;
    font-size: 1.25rem;
    padding-left: 1rem;
    color: #9ba6b2;
    text-transform: lowercase;
    letter-spacing: 1px;
}

li.list-group-item-hr {
    height: 1px;
    background-color: #f7f7f8;
    margin-left: 1rem;
    margin-right: 1rem;
}

@keyframes animation-scale {
    0% {
        transform: scale(.75);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes animation-opacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes animation-translate-top {
    0% {
        transform: translate(0, -3rem);
        opacity: 0;
    }
    100% {
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes animation-translate-bottom {
    0% {
        transform: translate(0, 3rem);
        opacity: 0;
    }
    100% {
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes animation-translate-left {
    0% {
        transform: translate(-3rem, 0);
        opacity: 0;
    }
    100% {
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes animation-translate-right {
    0% {
        transform: translate(3rem, 0);
        opacity: 0;
    }
    100% {
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes animation-rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes btn-active {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(.92);
    }
    100% {
        transform: rotate(1);
    }
}

@media (min-width: 576px) {
    .modal.modal-content-center .modal-dialog,
    .modal.modal-content-end .modal-dialog,
    .modal.modal-content-start .modal-dialog {
        min-height: calc(100% - 3.5rem);
    }
}

@media (max-width: 576px) {
    .modal.mobile .modal-dialog {
        margin: 0;
    }
    .modal.mobile .modal-content,
    .modal.mobile .modal-footer {
        border-radius: 0 0 .5rem .5rem;
    }
    .modal.mobile.modal-content-end .modal-content,
    .modal.mobile.modal-content-end .modal-footer {
        border-radius: .5rem .5rem 0 0;
    }
    .modal.mobile.modal-content-center .modal-content,
    .modal.mobile.modal-content-center .modal-footer {
        border-radius: .5rem;
    }
    .modal.modal-sm-fullscreen .modal-dialog {
        width: 100% !important;
        margin: 0px !important;
        height: 100% !important;
        min-height: 100% !important;
        max-height: 100% !important;
    }
    .modal.modal-sm-fullscreen .modal-content {
        border-radius: 0px !important;
        max-width: 100% !important;
    }
}

@media (max-width: 768px) {
    .table-responsive .dropdown-menu {
        position: static !important;
    }
    .font-md-small {
        font-size: 0.8rem;
    }
    .alert.alert--adaptive {
        border-radius: 0;
    }
    .modal.modal-md-fullscreen .modal-dialog {
        width: 100% !important;
        margin: 0px !important;
        height: 100% !important;
        min-height: 100% !important;
        max-height: 100% !important;
    }
    .modal.modal-md-fullscreen .modal-content {
        border-radius: 0px !important;
        max-width: 100% !important;
    }
}


@media (min-width: 992px) {
    .modal-lg {
        max-width: 992px;
    }
}

@media (max-width: 992px) {
    .modal.modal-lg-fullscreen .modal-dialog {
        width: 100% !important;
        margin: 0px !important;
        height: 100% !important;
        min-height: 100% !important;
        max-height: 100% !important;
    }
    .modal.modal-lg-fullscreen .modal-content {
        border-radius: 0px !important;
        max-width: 100% !important;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 100%;
    }
}

@media (max-width: 1200px) {
    .modal.modal-xl-fullscreen .modal-dialog {
        width: 100% !important;
        margin: 0px !important;
        height: 100% !important;
        min-height: 100% !important;
        max-height: 100% !important;
    }
    .modal.modal-xl-fullscreen .modal-content {
        border-radius: 0px !important;
        max-width: 100% !important;
    }
}


.input-list-item > .order.form-control {
    padding: 2px !important;
}