.content-header {
    padding: 5px 0.5rem;
}

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

.main-footer {
    padding: 0.3rem;
}

/* MODIFICACION SELECT2 CON BBOOTSTRP 4*/
.select2-container--bootstrap4 .select2-selection--single {
    height: calc(1.3em + 0.5rem + 2px) !important; }
/**************************************/



[data-simplebar] {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
:root,[data-bs-theme=light] {
    --vz-blue: #3577f1;
    --vz-indigo: #4b38b3;
    --vz-purple: #6559cc;
    --vz-pink: #f672a7;
    --vz-red: #f06548;
    --vz-orange: #f1963b;
    --vz-yellow: #ffbe0b;
    --vz-green: #45CB85;
    --vz-teal: #02a8b5;
    --vz-cyan: #299cdb;
    --vz-white: #fff;
    --vz-gray: #878a99;
    --vz-gray-dark: #343a40;
    --vz-gray-100: #f3f6f9;
    --vz-gray-200: #eff2f7;
    --vz-gray-300: #e9ebec;
    --vz-gray-400: #ced4da;
    --vz-gray-500: #adb5bd;
    --vz-gray-600: #878a99;
    --vz-gray-700: #495057;
    --vz-gray-800: #343a40;
    --vz-gray-900: #212529;
    --vz-primary: #4b38b3;
    --vz-secondary: #3577f1;
    --vz-success: #45CB85;
    --vz-info: #299cdb;
    --vz-warning: #ffbe0b;
    --vz-danger: #f06548;
    --vz-zamine: #f47b22;
    --vz-light: #f3f6f9;
    --vz-dark: #212529;
    --vz-primary-rgb: 75,56,179;
    --vz-secondary-rgb: 53,119,241;
    --vz-success-rgb: 69,203,133;
    --vz-info-rgb: 41,156,219;
    --vz-warning-rgb: 255,190,11;
    --vz-danger-rgb: 240,101,72;
    --vz-light-rgb: 243,246,249;
    --vz-dark-rgb: 33,37,41;
    --vz-primary-text-emphasis: #403098;
    --vz-secondary-text-emphasis: #2d65cd;
    --vz-success-text-emphasis: #3bad71;
    --vz-info-text-emphasis: #2385ba;
    --vz-warning-text-emphasis: #d9a209;
    --vz-danger-text-emphasis: #cc563d;
    --vz-light-text-emphasis: #ced4da;
    --vz-dark-text-emphasis: #343a40;
    --vz-primary-bg-subtle: #e4e1f4;
    --vz-secondary-bg-subtle: #e1ebfd;
    --vz-success-bg-subtle: #e3f7ed;
    --vz-info-bg-subtle: #dff0fa;
    --vz-warning-bg-subtle: #fff5da;
    --vz-danger-bg-subtle: #fde8e4;
    --vz-light-bg-subtle: #f9fbfc;
    --vz-dark-bg-subtle: #e9ebec;
    --vz-primary-border-subtle: #b7afe1;
    --vz-secondary-border-subtle: #aec9f9;
    --vz-success-border-subtle: #b5eace;
    --vz-info-border-subtle: #a9d7f1;
    --vz-warning-border-subtle: #ffe59d;
    --vz-danger-border-subtle: #f9c1b6;
    --vz-light-border-subtle: #eff2f7;
    --vz-dark-border-subtle: #adb5bd;
    --vz-white-rgb: 255,255,255;
    --vz-black-rgb: 0,0,0;
    --vz-font-sans-serif: "Inter",sans-serif;
    --vz-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --vz-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --vz-body-font-family: var(--vz-font-sans-serif);
    --vz-body-font-size: 0.8125rem;
    --vz-body-font-weight: 400;
    --vz-body-line-height: 1.5;
    --vz-body-color: #212529;
    --vz-body-color-rgb: 33,37,41;
    --vz-body-bg: #f2f2f7;
    --vz-body-bg-rgb: 242,242,247;
    --vz-emphasis-color: #212529;
    --vz-emphasis-color-rgb: 33,37,41;
    --vz-secondary-color: #878a99;
    --vz-secondary-color-rgb: 135,138,153;
    --vz-secondary-bg: #fff;
    --vz-secondary-bg-rgb: 255,255,255;
    --vz-tertiary-color: rgba(33, 37, 41, 0.5);
    --vz-tertiary-color-rgb: 33,37,41;
    --vz-tertiary-bg: #eff2f7;
    --vz-tertiary-bg-rgb: 239,242,247;
    --vz-heading-color: #495057;
    --vz-link-color: #4b38b3;
    --vz-link-color-rgb: 75,56,179;
    --vz-link-decoration: none;
    --vz-link-hover-color: #4b38b3;
    --vz-link-hover-color-rgb: 75,56,179;
    --vz-code-color: #f672a7;
    --vz-highlight-color: #212529;
    --vz-highlight-bg: #fcf8e3;
    --vz-border-width: 1px;
    --vz-border-style: solid;
    --vz-border-color: #e9ebec;
    --vz-border-color-translucent: #ced4da;
    --vz-border-radius: 0.25rem;
    --vz-border-radius-sm: 0.2rem;
    --vz-border-radius-lg: 0.3rem;
    --vz-border-radius-xl: 1rem;
    --vz-border-radius-xxl: 2rem;
    --vz-border-radius-2xl: var(--vz-border-radius-xxl);
    --vz-border-radius-pill: 50rem;
    --vz-box-shadow: 0 3px 3px rgba(56, 65, 74, 0.1);
    --vz-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --vz-box-shadow-lg: 0 5px 10px rgba(30, 32, 37, 0.12);
    --vz-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --vz-focus-ring-width: 0.25rem;
    --vz-focus-ring-opacity: 0.25;
    --vz-focus-ring-color: rgba(var(--vz-primary-rgb), 0.25);
    --vz-form-valid-color: #45CB85;
    --vz-form-valid-border-color: #45CB85;
    --vz-form-invalid-color: #f06548;
    --vz-form-invalid-border-color: #f06548
}

[data-bs-theme=dark] {
    color-scheme: dark;
    --vz-body-color: #ced4da;
    --vz-body-color-rgb: 206,212,218;
    --vz-body-bg: #1a1d21;
    --vz-body-bg-rgb: 26,29,33;
    --vz-emphasis-color: #fff;
    --vz-emphasis-color-rgb: 255,255,255;
    --vz-secondary-color: #878a99;
    --vz-secondary-color-rgb: 135,138,153;
    --vz-secondary-bg: #212529;
    --vz-secondary-bg-rgb: 33,37,41;
    --vz-tertiary-color: rgba(206, 212, 218, 0.75);
    --vz-tertiary-color-rgb: 206,212,218;
    --vz-tertiary-bg: #2a2d31;
    --vz-tertiary-bg-rgb: 42,45,49;
    --vz-primary-text-emphasis: #6f60c2;
    --vz-secondary-text-emphasis: #5d92f4;
    --vz-success-text-emphasis: #6ad59d;
    --vz-info-text-emphasis: #54b0e2;
    --vz-warning-text-emphasis: #ffcb3c;
    --vz-danger-text-emphasis: #f3846d;
    --vz-light-text-emphasis: #535659;
    --vz-dark-text-emphasis: #5f6164;
    --vz-primary-bg-subtle: rgba(75, 56, 179, 0.15);
    --vz-secondary-bg-subtle: rgba(53, 119, 241, 0.15);
    --vz-success-bg-subtle: rgba(69, 203, 133, 0.15);
    --vz-info-bg-subtle: rgba(41, 156, 219, 0.15);
    --vz-warning-bg-subtle: rgba(255, 190, 11, 0.15);
    --vz-danger-bg-subtle: rgba(240, 101, 72, 0.15);
    --vz-light-bg-subtle: #25282c;
    --vz-dark-bg-subtle: #313437;
    --vz-primary-border-subtle: #312474;
    --vz-secondary-border-subtle: #1b3c79;
    --vz-success-border-subtle: #236643;
    --vz-info-border-subtle: #154e6e;
    --vz-warning-border-subtle: #805f06;
    --vz-danger-border-subtle: #783324;
    --vz-light-border-subtle: #35383c;
    --vz-dark-border-subtle: #3c3f42;
    --vz-heading-color: #ced4da;
    --vz-link-color: #dbd7f0;
    --vz-link-hover-color: #e2dff3;
    --vz-link-color-rgb: 219,215,240;
    --vz-link-hover-color-rgb: 226,223,243;
    --vz-code-color: #f672a7;
    --vz-highlight-color: #ced4da;
    --vz-highlight-bg: #664c04;
    --vz-border-color: #32383e;
    --vz-border-color-translucent: #32383e;
    --vz-form-valid-color: #6ad59d;
    --vz-form-valid-border-color: #6ad59d;
    --vz-form-invalid-color: #f3846d;
    --vz-form-invalid-border-color: #f3846d
}


.avatar-xxs {
    height: 1.5rem;
    width: 1.5rem
}

.avatar-xs {
    height: 2rem;
    width: 2rem
}

.avatar-sm {
    height: 3rem;
    width: 3rem
}

.avatar-md {
    height: 4.5rem;
    width: 4.5rem
}

.avatar-lg {
    height: 6rem;
    width: 6rem
}

.avatar-xl {
    height: 7.5rem;
    width: 7.5rem
}

.avatar-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #4b38b3;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 500;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.avatar-group {
    padding-left: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.avatar-group .avatar-group-item {
    margin-left: -12px;
    border: 2px solid var(--vz-secondary-bg);
    border-radius: 50%;
    -webkit-transition: all .2s;
    transition: all .2s
}

.avatar-group .avatar-group-item:hover {
    position: relative;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    z-index: 1
}


.m-0 {
    margin: 0!important
}

.m-1 {
    margin: .25rem!important
}

.m-2 {
    margin: .5rem!important
}

.m-3 {
    margin: 1rem!important
}

.m-4 {
    margin: 1.5rem!important
}

.m-5 {
    margin: 3rem!important
}

.m-auto {
    margin: auto!important
}

.mx-0 {
    margin-right: 0!important;
    margin-left: 0!important
}

.mx-1 {
    margin-right: .25rem!important;
    margin-left: .25rem!important
}

.mx-2 {
    margin-right: .5rem!important;
    margin-left: .5rem!important
}

.mx-3 {
    margin-right: 1rem!important;
    margin-left: 1rem!important
}

.mx-4 {
    margin-right: 1.5rem!important;
    margin-left: 1.5rem!important
}

.mx-5 {
    margin-right: 3rem!important;
    margin-left: 3rem!important
}

.mx-auto {
    margin-right: auto!important;
    margin-left: auto!important
}

.my-0 {
    margin-top: 0!important;
    margin-bottom: 0!important
}

.my-1 {
    margin-top: .25rem!important;
    margin-bottom: .25rem!important
}

.my-2 {
    margin-top: .5rem!important;
    margin-bottom: .5rem!important
}

.my-3 {
    margin-top: 1rem!important;
    margin-bottom: 1rem!important
}

.my-4 {
    margin-top: 1.5rem!important;
    margin-bottom: 1.5rem!important
}

.my-5 {
    margin-top: 3rem!important;
    margin-bottom: 3rem!important
}

.my-auto {
    margin-top: auto!important;
    margin-bottom: auto!important
}

.mt-0 {
    margin-top: 0!important
}

.mt-1 {
    margin-top: .25rem!important
}

.mt-2 {
    margin-top: .5rem!important
}

.mt-3 {
    margin-top: 1rem!important
}

.mt-4 {
    margin-top: 1.5rem!important
}

.mt-5 {
    margin-top: 3rem!important
}

.mt-auto {
    margin-top: auto!important
}

.me-0 {
    margin-right: 0!important
}

.me-1 {
    margin-right: .25rem!important
}

.me-2 {
    margin-right: .5rem!important
}

.me-3 {
    margin-right: 1rem!important
}

.me-4 {
    margin-right: 1.5rem!important
}

.me-5 {
    margin-right: 3rem!important
}

.me-auto {
    margin-right: auto!important
}

.mb-0 {
    margin-bottom: 0!important
}

.mb-1 {
    margin-bottom: .25rem!important
}

.mb-2 {
    margin-bottom: .5rem!important
}

.mb-3 {
    margin-bottom: 1rem!important
}

.mb-4 {
    margin-bottom: 1.5rem!important
}

.mb-5 {
    margin-bottom: 3rem!important
}

.mb-auto {
    margin-bottom: auto!important
}

.ms-0 {
    margin-left: 0!important
}

.ms-1 {
    margin-left: .25rem!important
}

.ms-2 {
    margin-left: .5rem!important
}

.ms-3 {
    margin-left: 1rem!important
}

.ms-4 {
    margin-left: 1.5rem!important
}

.ms-5 {
    margin-left: 3rem!important
}

.ms-auto {
    margin-left: auto!important
}

.m-n1 {
    margin: -.25rem!important
}

.m-n2 {
    margin: -.5rem!important
}

.m-n3 {
    margin: -1rem!important
}

.m-n4 {
    margin: -1.5rem!important
}

.m-n5 {
    margin: -3rem!important
}

.mx-n1 {
    margin-right: -.25rem!important;
    margin-left: -.25rem!important
}

.mx-n2 {
    margin-right: -.5rem!important;
    margin-left: -.5rem!important
}

.mx-n3 {
    margin-right: -1rem!important;
    margin-left: -1rem!important
}

.mx-n4 {
    margin-right: -1.5rem!important;
    margin-left: -1.5rem!important
}

.mx-n5 {
    margin-right: -3rem!important;
    margin-left: -3rem!important
}

.my-n1 {
    margin-top: -.25rem!important;
    margin-bottom: -.25rem!important
}

.my-n2 {
    margin-top: -.5rem!important;
    margin-bottom: -.5rem!important
}

.my-n3 {
    margin-top: -1rem!important;
    margin-bottom: -1rem!important
}

.my-n4 {
    margin-top: -1.5rem!important;
    margin-bottom: -1.5rem!important
}

.my-n5 {
    margin-top: -3rem!important;
    margin-bottom: -3rem!important
}

.mt-n1 {
    margin-top: -.25rem!important
}

.mt-n2 {
    margin-top: -.5rem!important
}

.mt-n3 {
    margin-top: -1rem!important
}

.mt-n4 {
    margin-top: -1.5rem!important
}

.mt-n5 {
    margin-top: -3rem!important
}

.me-n1 {
    margin-right: -.25rem!important
}

.me-n2 {
    margin-right: -.5rem!important
}

.me-n3 {
    margin-right: -1rem!important
}

.me-n4 {
    margin-right: -1.5rem!important
}

.me-n5 {
    margin-right: -3rem!important
}

.mb-n1 {
    margin-bottom: -.25rem!important
}

.mb-n2 {
    margin-bottom: -.5rem!important
}

.mb-n3 {
    margin-bottom: -1rem!important
}

.mb-n4 {
    margin-bottom: -1.5rem!important
}

.mb-n5 {
    margin-bottom: -3rem!important
}

.ms-n1 {
    margin-left: -.25rem!important
}

.ms-n2 {
    margin-left: -.5rem!important
}

.ms-n3 {
    margin-left: -1rem!important
}

.ms-n4 {
    margin-left: -1.5rem!important
}

.ms-n5 {
    margin-left: -3rem!important
}

.p-0 {
    padding: 0!important
}

.p-1 {
    padding: .25rem!important
}

.p-2 {
    padding: .5rem!important
}

.p-3 {
    padding: 1rem!important
}

.p-4 {
    padding: 1.5rem!important
}

.p-5 {
    padding: 3rem!important
}

.px-0 {
    padding-right: 0!important;
    padding-left: 0!important
}

.px-1 {
    padding-right: .25rem!important;
    padding-left: .25rem!important
}

.px-2 {
    padding-right: .5rem!important;
    padding-left: .5rem!important
}

.px-3 {
    padding-right: 1rem!important;
    padding-left: 1rem!important
}

.px-4 {
    padding-right: 1.5rem!important;
    padding-left: 1.5rem!important
}

.px-5 {
    padding-right: 3rem!important;
    padding-left: 3rem!important
}

.py-0 {
    padding-top: 0!important;
    padding-bottom: 0!important
}

.py-1 {
    padding-top: .25rem!important;
    padding-bottom: .25rem!important
}

.py-2 {
    padding-top: .5rem!important;
    padding-bottom: .5rem!important
}

.py-3 {
    padding-top: 1rem!important;
    padding-bottom: 1rem!important
}

.py-4 {
    padding-top: 1.5rem!important;
    padding-bottom: 1.5rem!important
}

.py-5 {
    padding-top: 3rem!important;
    padding-bottom: 3rem!important
}

.pt-0 {
    padding-top: 0!important
}

.pt-1 {
    padding-top: .25rem!important
}

.pt-2 {
    padding-top: .5rem!important
}

.pt-3 {
    padding-top: 1rem!important
}

.pt-4 {
    padding-top: 1.5rem!important
}

.pt-5 {
    padding-top: 3rem!important
}

.pe-0 {
    padding-right: 0!important
}

.pe-1 {
    padding-right: .25rem!important
}

.pe-2 {
    padding-right: .5rem!important
}

.pe-3 {
    padding-right: 1rem!important
}

.pe-4 {
    padding-right: 1.5rem!important
}

.pe-5 {
    padding-right: 3rem!important
}

.pb-0 {
    padding-bottom: 0!important
}

.pb-1 {
    padding-bottom: .25rem!important
}

.pb-2 {
    padding-bottom: .5rem!important
}

.pb-3 {
    padding-bottom: 1rem!important
}

.pb-4 {
    padding-bottom: 1.5rem!important
}

.pb-5 {
    padding-bottom: 3rem!important
}

.ps-0 {
    padding-left: 0!important
}

.ps-1 {
    padding-left: .25rem!important
}

.ps-2 {
    padding-left: .5rem!important
}

.ps-3 {
    padding-left: 1rem!important
}

.ps-4 {
    padding-left: 1.5rem!important
}

.ps-5 {
    padding-left: 3rem!important
}

.vstack {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}

.gap-0 {
    gap: 0!important
}

.gap-1 {
    gap: .25rem!important
}

.gap-2 {
    gap: .5rem!important
}

.gap-3 {
    gap: 1rem!important
}

.gap-4 {
    gap: 1.5rem!important
}

.gap-5 {
    gap: 3rem!important
}

.row-gap-0 {
    row-gap: 0!important
}

.row-gap-1 {
    row-gap: .25rem!important
}

.row-gap-2 {
    row-gap: .5rem!important
}

.row-gap-3 {
    row-gap: 1rem!important
}

.row-gap-4 {
    row-gap: 1.5rem!important
}

.row-gap-5 {
    row-gap: 3rem!important
}

.column-gap-0 {
    -webkit-column-gap: 0!important;
    -moz-column-gap: 0!important;
    column-gap: 0!important
}

.column-gap-1 {
    -webkit-column-gap: .25rem!important;
    -moz-column-gap: .25rem!important;
    column-gap: .25rem!important
}

.column-gap-2 {
    -webkit-column-gap: .5rem!important;
    -moz-column-gap: .5rem!important;
    column-gap: .5rem!important
}

.column-gap-3 {
    -webkit-column-gap: 1rem!important;
    -moz-column-gap: 1rem!important;
    column-gap: 1rem!important
}

.column-gap-4 {
    -webkit-column-gap: 1.5rem!important;
    -moz-column-gap: 1.5rem!important;
    column-gap: 1.5rem!important
}

.column-gap-5 {
    -webkit-column-gap: 3rem!important;
    -moz-column-gap: 3rem!important;
    column-gap: 3rem!important
}



.badge {
    --vz-badge-padding-x: 0.65em;
    --vz-badge-padding-y: 0.35em;
    --vz-badge-font-size: 0.75em;
    --vz-badge-font-weight: 600;
    --vz-badge-color: #fff;
    --vz-badge-border-radius: 0.25rem;
    display: inline-block;
    padding: var(--vz-badge-padding-y) var(--vz-badge-padding-x);
    font-size: var(--vz-badge-font-size);
    font-weight: var(--vz-badge-font-weight);
    line-height: 1;
    color: var(--vz-badge-color);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--vz-badge-border-radius)
}

.badge:empty {
    display: none
}


.badge-label.bg-primary:before {
    border-right-color: #4b38b3
}

.badge-label.bg-secondary:before {
    border-right-color: #3577f1
}

.badge-label.bg-success:before {
    border-right-color: #45cb85
}

.badge-label.bg-info:before {
    border-right-color: #299cdb
}

.badge-label.bg-warning:before {
    border-right-color: #ffbe0b
}

.badge-label.bg-danger:before {
    border-right-color: #f06548
}

.badge-label.bg-light:before {
    border-right-color: #f3f6f9
}

.badge-label.bg-dark:before {
    border-right-color: #212529
}

.badge-border {
    border-left: 2px solid
}

.badge-label {
    margin-left: 8px;
    position: relative
}

.badge-label:before {
    content: "";
    position: absolute;
    border: 8px solid transparent;
    border-right-color: #4b38b3;
    left: -14px;
    top: 0
}

.badge-gradient-primary {
    background: linear-gradient(135deg,#4b38b3 0,#45cb85 100%)
}

.badge-gradient-secondary {
    background: linear-gradient(135deg,#3577f1 0,#299cdb 100%)
}

.badge-gradient-success {
    background: linear-gradient(135deg,#45cb85 0,#ffbe0b 100%)
}

.badge-gradient-danger {
    background: linear-gradient(135deg,#f06548 0,#3577f1 100%)
}

.badge-gradient-warning {
    background: linear-gradient(135deg,#ffbe0b 0,#be8b00 100%)
}

.badge-gradient-info {
    background: linear-gradient(135deg,#299cdb 0,#45cb85 100%)
}

.badge-gradient-dark {
    background: linear-gradient(135deg,#212529 0,#4b38b3 100%)
}

a,button {
    outline: 0!important
}

.btn {
    -webkit-box-shadow: 0 3px 3px rgba(56,65,74,.1);
    box-shadow: 0 3px 3px rgba(56,65,74,.1)
}
.alert {
    --vz-alert-bg: transparent;
    --vz-alert-padding-x: 1rem;
    --vz-alert-padding-y: 0.8rem;
    --vz-alert-margin-bottom: 1rem;
    --vz-alert-color: inherit;
    --vz-alert-border-color: transparent;
    --vz-alert-border: var(--vz-border-width) solid var(--vz-alert-border-color);
    --vz-alert-border-radius: var(--vz-border-radius);
    --vz-alert-link-color: inherit;
    position: relative;
    padding: var(--vz-alert-padding-y) var(--vz-alert-padding-x);
    margin-bottom: var(--vz-alert-margin-bottom);
    color: var(--vz-alert-color);
    background-color: var(--vz-alert-bg);
    border: var(--vz-alert-border);
    border-radius: var(--vz-alert-border-radius)
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 600;
    color: var(--vz-alert-link-color)
}

.alert-dismissible {
    padding-right: 3rem
}

.alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 1rem 1rem
}

.alert-primary {
    --vz-alert-color: var(--vz-primary-text-emphasis);
    --vz-alert-bg: var(--vz-primary-bg-subtle);
    --vz-alert-border-color: var(--vz-primary-border-subtle);
    --vz-alert-link-color: var(--vz-primary-text-emphasis)
}

.alert-secondary {
    --vz-alert-color: var(--vz-secondary-text-emphasis);
    --vz-alert-bg: var(--vz-secondary-bg-subtle);
    --vz-alert-border-color: var(--vz-secondary-border-subtle);
    --vz-alert-link-color: var(--vz-secondary-text-emphasis)
}

.alert-success {
    --vz-alert-color: var(--vz-success-text-emphasis);
    --vz-alert-bg: var(--vz-success-bg-subtle);
    --vz-alert-border-color: var(--vz-success-border-subtle);
    --vz-alert-link-color: var(--vz-success-text-emphasis)
}

.alert-info {
    --vz-alert-color: var(--vz-info-text-emphasis);
    --vz-alert-bg: var(--vz-info-bg-subtle);
    --vz-alert-border-color: var(--vz-info-border-subtle);
    --vz-alert-link-color: var(--vz-info-text-emphasis)
}

.alert-warning {
    --vz-alert-color: var(--vz-warning-text-emphasis);
    --vz-alert-bg: var(--vz-warning-bg-subtle);
    --vz-alert-border-color: var(--vz-warning-border-subtle);
    --vz-alert-link-color: var(--vz-warning-text-emphasis)
}

.alert-danger {
    --vz-alert-color: var(--vz-danger-text-emphasis);
    --vz-alert-bg: var(--vz-danger-bg-subtle);
    --vz-alert-border-color: var(--vz-danger-border-subtle);
    --vz-alert-link-color: var(--vz-danger-text-emphasis)
}

.alert-light {
    --vz-alert-color: var(--vz-light-text-emphasis);
    --vz-alert-bg: var(--vz-light-bg-subtle);
    --vz-alert-border-color: var(--vz-light-border-subtle);
    --vz-alert-link-color: var(--vz-light-text-emphasis)
}

.alert-dark {
    --vz-alert-color: var(--vz-dark-text-emphasis);
    --vz-alert-bg: var(--vz-dark-bg-subtle);
    --vz-alert-border-color: var(--vz-dark-border-subtle);
    --vz-alert-link-color: var(--vz-dark-text-emphasis)
}


.bg-primary {
    --vz-bg-opacity: 1;
    background-color: rgba(var(--vz-primary-rgb),var(--vz-bg-opacity))!important
}

.bg-secondary {
    --vz-bg-opacity: 1;
    background-color: rgba(var(--vz-secondary-rgb),var(--vz-bg-opacity))!important
}

.bg-success {
    --vz-bg-opacity: 1;
    background-color: rgba(var(--vz-success-rgb),var(--vz-bg-opacity))!important
}

.bg-info {
    --vz-bg-opacity: 1;
    background-color: rgba(var(--vz-info-rgb),var(--vz-bg-opacity))!important
}

.bg-warning {
    --vz-bg-opacity: 1;
    background-color: rgba(var(--vz-warning-rgb),var(--vz-bg-opacity))!important
}

.bg-danger {
    --vz-bg-opacity: 1;
    background-color: rgba(var(--vz-danger-rgb),var(--vz-bg-opacity))!important
}

.bg-light {
    --vz-bg-opacity: 1;
    background-color: rgba(var(--vz-light-rgb),var(--vz-bg-opacity))!important
}

.bg-dark {
    --vz-bg-opacity: 1;
    background-color: rgba(var(--vz-dark-rgb),var(--vz-bg-opacity))!important
}

.bg-black {
    --vz-bg-opacity: 1;
    background-color: rgba(var(--vz-black-rgb),var(--vz-bg-opacity))!important
}

.bg-white {
    --vz-bg-opacity: 1;
    background-color: rgba(var(--vz-white-rgb),var(--vz-bg-opacity))!important
}

.bg-body {
    --vz-bg-opacity: 1;
    background-color: rgba(var(--vz-body-bg-rgb),var(--vz-bg-opacity))!important
}

.bg-transparent {
    --vz-bg-opacity: 1;
    background-color: transparent!important
}

.bg-body-secondary {
    --vz-bg-opacity: 1;
    background-color: rgba(var(--vz-secondary-bg-rgb),var(--vz-bg-opacity))!important
}

.bg-body-tertiary {
    --vz-bg-opacity: 1;
    background-color: rgba(var(--vz-tertiary-bg-rgb),var(--vz-bg-opacity))!important
}

.bg-opacity-10 {
    --vz-bg-opacity: 0.1
}

.bg-opacity-25 {
    --vz-bg-opacity: 0.25
}

.bg-opacity-50 {
    --vz-bg-opacity: 0.5
}

.bg-opacity-75 {
    --vz-bg-opacity: 0.75
}

.bg-opacity-100 {
    --vz-bg-opacity: 1
}

.bg-primary-subtle {
    background-color: var(--vz-primary-bg-subtle)!important
}

.bg-secondary-subtle {
    background-color: var(--vz-secondary-bg-subtle)!important
}

.bg-success-subtle {
    background-color: var(--vz-success-bg-subtle)!important
}

.bg-info-subtle {
    background-color: var(--vz-info-bg-subtle)!important
}

.bg-warning-subtle {
    background-color: var(--vz-warning-bg-subtle)!important
}

.bg-danger-subtle {
    background-color: var(--vz-danger-bg-subtle)!important
}

.bg-light-subtle {
    background-color: var(--vz-light-bg-subtle)!important
}

.bg-dark-subtle {
    background-color: var(--vz-dark-bg-subtle)!important
}

.bg-gradient {
    background-image: var(--vz-gradient)!important
}

.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: var(--vz-card-spacer-y) var(--vz-card-spacer-x);
    color: var(--vz-card-color);
}

.card {
    --vz-card-spacer-y: 1rem;
    --vz-card-spacer-x: 1rem;
    --vz-card-title-spacer-y: 0.5rem;
    --vz-card-title-color: var(--vz-heading-color);
    --vz-card-border-width: 0;
    --vz-card-border-color: var(--vz-border-color);
    --vz-card-border-radius: var(--vz-border-radius);
    --vz-card-box-shadow: 0 3px 3px rgba(56, 65, 74, 0.1);
    --vz-card-inner-border-radius: var(--vz-border-radius);
    --vz-card-cap-padding-y: 1rem;
    --vz-card-cap-padding-x: 1rem;
    --vz-card-cap-bg: var(--vz-secondary-bg);
    --vz-card-bg: var(--vz-secondary-bg);
    --vz-card-img-overlay-padding: 1rem;
    --vz-card-group-margin: calc(1.5rem * 0.5);
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    height: var(--vz-card-height);
    color: var(--vz-body-color);
    word-wrap: break-word;
    background-color: var(--vz-card-bg);
    background-clip: border-box;
    border: var(--vz-card-border-width) solid var(--vz-card-border-color);
    border-radius: var(--vz-card-border-radius)
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group {
    border-top: inherit;
    border-bottom: inherit
}

.card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: var(--vz-card-inner-border-radius);
    border-top-right-radius: var(--vz-card-inner-border-radius)
}

.card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: var(--vz-card-inner-border-radius);
    border-bottom-left-radius: var(--vz-card-inner-border-radius)
}

.card>.card-header+.list-group,.card>.list-group+.card-footer {
    border-top: 0
}

.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: var(--vz-card-spacer-y) var(--vz-card-spacer-x);
    color: var(--vz-card-color)
}

.card-title {
    margin-bottom: var(--vz-card-title-spacer-y);
    color: var(--vz-card-title-color)
}

.card-subtitle {
    margin-top: calc(-.5 * var(--vz-card-title-spacer-y));
    margin-bottom: 0;
    color: var(--vz-card-subtitle-color)
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link+.card-link {
    margin-left: var(--vz-card-spacer-x)
}

.card-header {
    padding: var(--vz-card-cap-padding-y) var(--vz-card-cap-padding-x);
    margin-bottom: 0;
    color: var(--vz-card-cap-color);
    background-color: var(--vz-card-cap-bg);
    border-bottom: var(--vz-card-border-width) solid var(--vz-card-border-color)
}

.card-header:first-child {
    border-radius: var(--vz-card-inner-border-radius) var(--vz-card-inner-border-radius) 0 0
}

.card-footer {
    padding: var(--vz-card-cap-padding-y) var(--vz-card-cap-padding-x);
    color: var(--vz-card-cap-color);
    background-color: var(--vz-card-cap-bg);
    border-top: var(--vz-card-border-width) solid var(--vz-card-border-color)
}

.card-footer:last-child {
    border-radius: 0 0 var(--vz-card-inner-border-radius) var(--vz-card-inner-border-radius)
}

.card-header-tabs {
    margin-right: calc(-.5 * var(--vz-card-cap-padding-x));
    margin-bottom: calc(-1 * var(--vz-card-cap-padding-y));
    margin-left: calc(-.5 * var(--vz-card-cap-padding-x));
    border-bottom: 0
}

.card-header-tabs .nav-link.active {
    background-color: var(--vz-card-bg);
    border-bottom-color: var(--vz-card-bg)
}

.card-header-pills {
    margin-right: calc(-.5 * var(--vz-card-cap-padding-x));
    margin-left: calc(-.5 * var(--vz-card-cap-padding-x))
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: var(--vz-card-img-overlay-padding);
    border-radius: var(--vz-card-inner-border-radius)
}

.card-img,.card-img-bottom,.card-img-top {
    width: 100%
}

.card-img,.card-img-top {
    border-top-left-radius: var(--vz-card-inner-border-radius);
    border-top-right-radius: var(--vz-card-inner-border-radius)
}

.card-img,.card-img-bottom {
    border-bottom-right-radius: var(--vz-card-inner-border-radius);
    border-bottom-left-radius: var(--vz-card-inner-border-radius)
}

.card-group>.card {
    margin-bottom: var(--vz-card-group-margin)
}

@media (min-width: 576px) {
    .card-group {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

    .card-group>.card {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        margin-bottom: 0
    }

    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }

    .card-group>.card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top {
        border-top-right-radius: 0
    }

    .card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom {
        border-bottom-right-radius: 0
    }

    .card-group>.card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top {
        border-top-left-radius: 0
    }

    .card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius: 0
    }
}




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

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

.rounded {
    border-radius: var(--vz-border-radius)!important
}

.rounded-0 {
    border-radius: 0!important
}

.rounded-1 {
    border-radius: var(--vz-border-radius-sm)!important
}

.rounded-2 {
    border-radius: var(--vz-border-radius)!important
}

.rounded-3 {
    border-radius: var(--vz-border-radius-lg)!important
}

.rounded-4 {
    border-radius: var(--vz-border-radius-xl)!important
}

.rounded-5 {
    border-radius: var(--vz-border-radius-xxl)!important
}

.rounded-circle {
    border-radius: 50%!important
}

.rounded-pill {
    border-radius: var(--vz-border-radius-pill)!important
}

.rounded-top {
    border-top-left-radius: var(--vz-border-radius)!important;
    border-top-right-radius: var(--vz-border-radius)!important
}

.rounded-top-0 {
    border-top-left-radius: 0!important;
    border-top-right-radius: 0!important
}

.rounded-top-1 {
    border-top-left-radius: var(--vz-border-radius-sm)!important;
    border-top-right-radius: var(--vz-border-radius-sm)!important
}

.rounded-top-2 {
    border-top-left-radius: var(--vz-border-radius)!important;
    border-top-right-radius: var(--vz-border-radius)!important
}

.rounded-top-3 {
    border-top-left-radius: var(--vz-border-radius-lg)!important;
    border-top-right-radius: var(--vz-border-radius-lg)!important
}

.rounded-top-4 {
    border-top-left-radius: var(--vz-border-radius-xl)!important;
    border-top-right-radius: var(--vz-border-radius-xl)!important
}

.rounded-top-5 {
    border-top-left-radius: var(--vz-border-radius-xxl)!important;
    border-top-right-radius: var(--vz-border-radius-xxl)!important
}

.rounded-top-circle {
    border-top-left-radius: 50%!important;
    border-top-right-radius: 50%!important
}

.rounded-top-pill {
    border-top-left-radius: var(--vz-border-radius-pill)!important;
    border-top-right-radius: var(--vz-border-radius-pill)!important
}

.rounded-end {
    border-top-right-radius: var(--vz-border-radius)!important;
    border-bottom-right-radius: var(--vz-border-radius)!important
}

.rounded-end-0 {
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important
}

.rounded-end-1 {
    border-top-right-radius: var(--vz-border-radius-sm)!important;
    border-bottom-right-radius: var(--vz-border-radius-sm)!important
}

.rounded-end-2 {
    border-top-right-radius: var(--vz-border-radius)!important;
    border-bottom-right-radius: var(--vz-border-radius)!important
}

.rounded-end-3 {
    border-top-right-radius: var(--vz-border-radius-lg)!important;
    border-bottom-right-radius: var(--vz-border-radius-lg)!important
}

.rounded-end-4 {
    border-top-right-radius: var(--vz-border-radius-xl)!important;
    border-bottom-right-radius: var(--vz-border-radius-xl)!important
}

.rounded-end-5 {
    border-top-right-radius: var(--vz-border-radius-xxl)!important;
    border-bottom-right-radius: var(--vz-border-radius-xxl)!important
}

.rounded-end-circle {
    border-top-right-radius: 50%!important;
    border-bottom-right-radius: 50%!important
}

.rounded-end-pill {
    border-top-right-radius: var(--vz-border-radius-pill)!important;
    border-bottom-right-radius: var(--vz-border-radius-pill)!important
}

.rounded-bottom {
    border-bottom-right-radius: var(--vz-border-radius)!important;
    border-bottom-left-radius: var(--vz-border-radius)!important
}

.rounded-bottom-0 {
    border-bottom-right-radius: 0!important;
    border-bottom-left-radius: 0!important
}

.rounded-bottom-1 {
    border-bottom-right-radius: var(--vz-border-radius-sm)!important;
    border-bottom-left-radius: var(--vz-border-radius-sm)!important
}

.rounded-bottom-2 {
    border-bottom-right-radius: var(--vz-border-radius)!important;
    border-bottom-left-radius: var(--vz-border-radius)!important
}

.rounded-bottom-3 {
    border-bottom-right-radius: var(--vz-border-radius-lg)!important;
    border-bottom-left-radius: var(--vz-border-radius-lg)!important
}

.rounded-bottom-4 {
    border-bottom-right-radius: var(--vz-border-radius-xl)!important;
    border-bottom-left-radius: var(--vz-border-radius-xl)!important
}

.rounded-bottom-5 {
    border-bottom-right-radius: var(--vz-border-radius-xxl)!important;
    border-bottom-left-radius: var(--vz-border-radius-xxl)!important
}

.rounded-bottom-circle {
    border-bottom-right-radius: 50%!important;
    border-bottom-left-radius: 50%!important
}

.rounded-bottom-pill {
    border-bottom-right-radius: var(--vz-border-radius-pill)!important;
    border-bottom-left-radius: var(--vz-border-radius-pill)!important
}

.rounded-start {
    border-bottom-left-radius: var(--vz-border-radius)!important;
    border-top-left-radius: var(--vz-border-radius)!important
}

.rounded-start-0 {
    border-bottom-left-radius: 0!important;
    border-top-left-radius: 0!important
}

.rounded-start-1 {
    border-bottom-left-radius: var(--vz-border-radius-sm)!important;
    border-top-left-radius: var(--vz-border-radius-sm)!important
}

.rounded-start-2 {
    border-bottom-left-radius: var(--vz-border-radius)!important;
    border-top-left-radius: var(--vz-border-radius)!important
}

.rounded-start-3 {
    border-bottom-left-radius: var(--vz-border-radius-lg)!important;
    border-top-left-radius: var(--vz-border-radius-lg)!important
}

.rounded-start-4 {
    border-bottom-left-radius: var(--vz-border-radius-xl)!important;
    border-top-left-radius: var(--vz-border-radius-xl)!important
}

.rounded-start-5 {
    border-bottom-left-radius: var(--vz-border-radius-xxl)!important;
    border-top-left-radius: var(--vz-border-radius-xxl)!important
}

.rounded-start-circle {
    border-bottom-left-radius: 50%!important;
    border-top-left-radius: 50%!important
}

.rounded-start-pill {
    border-bottom-left-radius: var(--vz-border-radius-pill)!important;
    border-top-left-radius: var(--vz-border-radius-pill)!important
}

.visible {
    visibility: visible!important
}

.invisible {
    visibility: hidden!important
}

.z-n1 {
    z-index: -1!important
}

.z-0 {
    z-index: 0!important
}

.z-1 {
    z-index: 1!important
}

.z-2 {
    z-index: 2!important
}

.z-3 {
    z-index: 3!important
}

.fs-10 {
    font-size: 10px!important
}

.fs-11 {
    font-size: 11px!important
}

.fs-12 {
    font-size: 12px!important
}

.fs-13 {
    font-size: 13px!important
}

.fs-14 {
    font-size: 14px!important
}

.fs-15 {
    font-size: 15px!important
}

.fs-16 {
    font-size: 16px!important
}

.fs-17 {
    font-size: 17px!important
}

.fs-18 {
    font-size: 18px!important
}

.fs-19 {
    font-size: 19px!important
}

.fs-20 {
    font-size: 20px!important
}

.fs-21 {
    font-size: 21px!important
}

.fs-22 {
    font-size: 22px!important
}

.fs-23 {
    font-size: 23px!important
}

.fs-24 {
    font-size: 24px!important
}

.fs-36 {
    font-size: 36px!important
}

.fs-48 {
    font-size: 48px!important
}

.cursor-auto {
    cursor: auto!important
}

.cursor-pointer {
    cursor: pointer!important
}

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

.simplebar-content-wrapper {
    direction: inherit;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    position: relative;
    display: block;
    height: 100%;
    width: auto;
    visibility: visible;
    overflow: auto;
    max-width: 100%;
    max-height: 100%;
    scrollbar-width: none;
    padding: 0 !important;
}
.simplebar-mask {
    direction: inherit;
    position: absolute;
    overflow: hidden;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto !important;
    height: auto !important;
    z-index: 0;
}




.modal {
    --vz-modal-zindex: 1055;
    --vz-modal-width: 500px;
    --vz-modal-padding: 1.25rem;
    --vz-modal-margin: 0.5rem;
    --vz-modal-bg: var(--vz-secondary-bg);
    --vz-modal-border-color: var(--vz-border-color);
    --vz-modal-border-width: var(--vz-border-width);
    --vz-modal-border-radius: var(--vz-border-radius-lg);
    --vz-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --vz-modal-inner-border-radius: calc(var(--vz-border-radius-lg) - (var(--vz-border-width)));
    --vz-modal-header-padding-x: 1.25rem;
    --vz-modal-header-padding-y: 1.25rem;
    --vz-modal-header-padding: 1.25rem 1.25rem;
    --vz-modal-header-border-color: var(--vz-border-color);
    --vz-modal-header-border-width: 0;
    --vz-modal-title-line-height: 1.5;
    --vz-modal-footer-gap: 0.5rem;
    --vz-modal-footer-border-color: var(--vz-border-color);
    --vz-modal-footer-border-width: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--vz-modal-zindex);
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: var(--vz-modal-margin);
    pointer-events: none
}

.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transform: translate(0,-50px);
    transform: translate(0,-50px)
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        -webkit-transition: none;
        transition: none
    }
}

.modal.show .modal-dialog {
    -webkit-transform: none;
    transform: none
}

.modal.modal-static .modal-dialog {
    -webkit-transform: scale(1.02);
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    height: calc(100% - var(--vz-modal-margin) * 2)
}

.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - var(--vz-modal-margin) * 2)
}

.modal-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    color: var(--vz-modal-color);
    pointer-events: auto;
    background-color: var(--vz-modal-bg);
    background-clip: padding-box;
    border: var(--vz-modal-border-width) solid var(--vz-modal-border-color);
    border-radius: var(--vz-modal-border-radius);
    outline: 0
}

.modal-backdrop {
    --vz-backdrop-zindex: 1050;
    --vz-backdrop-bg: #000;
    --vz-backdrop-opacity: 0.5;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--vz-backdrop-zindex);
    width: 100vw;
    height: 100vh;
    background-color: var(--vz-backdrop-bg)
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: var(--vz-backdrop-opacity)
}

.modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: var(--vz-modal-header-padding);
    border-bottom: var(--vz-modal-header-border-width) solid var(--vz-modal-header-border-color);
    border-top-left-radius: var(--vz-modal-inner-border-radius);
    border-top-right-radius: var(--vz-modal-inner-border-radius);
    border-bottom:1px solid #eee
}

.modal-header .btn-close {
    padding: calc(var(--vz-modal-header-padding-y) * .5) calc(var(--vz-modal-header-padding-x) * .5);
    margin: calc(-.5 * var(--vz-modal-header-padding-y)) calc(-.5 * var(--vz-modal-header-padding-x)) calc(-.5 * var(--vz-modal-header-padding-y)) auto
}

.modal-title {
    margin-bottom: 0;
    line-height: var(--vz-modal-title-line-height)
}

.modal-body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: var(--vz-modal-padding)
}

.modal-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: calc(var(--vz-modal-padding) - var(--vz-modal-footer-gap) * .5);
    background-color: var(--vz-modal-footer-bg);
    border-top: var(--vz-modal-footer-border-width) solid var(--vz-modal-footer-border-color);
    border-bottom-right-radius: var(--vz-modal-inner-border-radius);
    border-bottom-left-radius: var(--vz-modal-inner-border-radius)
}

.modal-footer>* {
    margin: calc(var(--vz-modal-footer-gap) * .5)
}

@media (min-width: 576px) {
    .modal {
        --vz-modal-margin:1.75rem;
        --vz-modal-box-shadow: 0 3px 3px rgba(56, 65, 74, 0.1)
    }

    .modal-dialog {
        max-width: var(--vz-modal-width);
        margin-right: auto;
        margin-left: auto
    }

    .modal-sm {
        --vz-modal-width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg,.modal-xl {
        --vz-modal-width:800px
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        --vz-modal-width:1140px
    }
}

.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
}

.modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
}

.modal-fullscreen .modal-footer,.modal-fullscreen .modal-header {
    border-radius: 0
}

.modal-fullscreen .modal-body {
    overflow-y: auto
}

@media (max-width: 575.98px) {
    .modal-fullscreen-sm-down {
        width:100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-sm-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-footer,.modal-fullscreen-sm-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width: 767.98px) {
    .modal-fullscreen-md-down {
        width:100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-md-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-footer,.modal-fullscreen-md-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width: 991.98px) {
    .modal-fullscreen-lg-down {
        width:100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-lg-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-footer,.modal-fullscreen-lg-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width: 1199.98px) {
    .modal-fullscreen-xl-down {
        width:100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-footer,.modal-fullscreen-xl-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width: 1399.98px) {
    .modal-fullscreen-xxl-down {
        width:100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xxl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-footer,.modal-fullscreen-xxl-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-body {
        overflow-y: auto
    }
}
.search-box {position: relative;}
.search-box .form-control {padding-left: 40px;}
.search-box .search-icon {
    font-size: 14px;
    position: absolute;
    left: 13px;
    top: 0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--vz-secondary-color);
}
.empresa_seleccion.active, .integ_seleccion.active{padding: 7px 0;}
.empresa_seleccion.active:after ,
.empresa_seleccion:hover:after,
.integ_seleccion.active:after ,
.integ_seleccion:hover:after
{
    background: #f3f6f9;
    background: #f47b221f;
    position: absolute;
    width: 100%;
    height: 42px;
    content: "";
    z-index: -1;
    left: 0;
    overflow: visible !important;
}
.empresa_seleccion:not(.active):hover:after,
.integ_seleccion:not(.active):hover:after{
width: 10px;
}
#integrantes .delete-user {
    padding: 5px;
    line-height: 8px;
}
.text-secondary {--vz-text-opacity: 1;color: rgba(var(--vz-secondary-rgb), var(--vz-text-opacity)) !important;}
.card-header:first-child {border-radius: var(--vz-card-inner-border-radius) var(--vz-card-inner-border-radius) 0 0;}
.card-header {border-bottom: 1px solid var(--vz-border-color);}
.bg_content_tab{background-color: #fff;}
.bg-warning-subtle{color: #ffbe0b !important;}
.empresa_seleccion.active a
.integ_seleccion.active a {font-weight: bold;}
.openLoad:after {
    content: "";
    position: absolute;
    height: 100%;
    top: 0;
    width: -webkit-fill-available;
    background: #ffffff;
    z-index: 1;
    text-align: center;
    overflow: hidden !important;
}
.spinner_load, .openLoad:before {
    animation: mdi-spin 2s infinite linear;
    width: 28px;
    content: "\f110";
    font-family: "Line Awesome Free";
    font-weight: 900;
    font-size: 28px !important;
    z-index: 12;
    margin: auto;
    top: calc(50% - 20px);
    left: 50%;
    position: absolute;
    color: #f47b22;
}
.modal-title{font-family: Inter, sans-serif;font-weight: 600;color: #495057;}
.modal .btn-close {
    --vz-btn-close-color: #000;
    --vz-btn-close-bg: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e);
    --vz-btn-close-opacity: 0.5;
    --vz-btn-close-hover-opacity: 0.75;
    --vz-btn-close-focus-shadow: 0 0 1 0.25rem rgba(75,56,179, 0.25);
    --vz-btn-close-focus-opacity: 1;
    --vz-btn-close-disabled-opacity: 0.25;
    --vz-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center / 1em auto no-repeat;
    border: 0;
    border-radius: .25rem;
    opacity: 0.5;margin-right: 1px;
}
.modal .modal-footer {border-top: 1px solid #eee;}
.text-decoration-underline {text-decoration: underline !important;}
table.dataTable tbody th, table.dataTable tbody td {padding: 0.75rem !important;vertical-align: middle;}
table.dataTable tbody th, table.dataTable tbody td, table tbody th, table tbody td {font-size: 15px;}
.page-link, .paginate_button {
    position: relative !important;
    padding: 0.375rem 0.75rem !important;
    font-size: 1rem !important;
    color: #0d6efd !important;
    text-decoration: none !important;
    background: #fff !important;
    border: 1px solid #dee2e6 !important;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !important;
}
input[type="search"]:focus-visible {outline: none !important;}
#listado_servicios_filter input{padding:0.375rem 0.75rem !important }
.table tr:last-child td{border-bottom: 1px solid #dee2e6;}
.dataTables_wrapper .dt-button{padding: .5em 1em;border: 1px solid #e9ebec;background: #f3f6f9;}
.empresa_seleccion.active .text-body, .empresa_seleccion.active .avatar-xs i,
 .empresa_seleccion:hover .avatar-xs i,
.integ_seleccion.active .text-body, .integ_seleccion.active .avatar-xs i,
 .integ_seleccion:hover .avatar-xs i{color: #f47b22 !important;}
#integrantes{position: static;}
.cardcol1, .cardcol2{min-height: 165px;}
.brand-text-extranet{font-size: 12px;vertical-align: bottom;bottom: -4px;position: relative;}
input[disabled], button[disabled] {opacity: 0.5;}
.pad0{padding:0 !important}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-weight: 600;color: #495057 !important;}
.card-title{font-weight: 600 !important;color: #495057 !important;}
.content-header {padding: 5px 0.5rem;background: #fff;margin-bottom: 20px;box-shadow: 0px 0px 5px #ddd;border-bottom: 1px solid #ddd;}
.content-header h1 {font-size: 1.4em;margin: 0;text-transform: uppercase;}
.profile-wid-bg .profile-wid-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.profile-setting-img {position: relative;height: 150px !important;}
.li_salir {
    bottom: 0 !important;
    position: absolute !important;
    width: 100% !important;
    background: #2e2e2e !important;
}
.sidebar{padding: 0;}
.nav-pills .nav-link{border-radius:0;padding: 13px 15px;}
.sidebar-mini-md .main-sidebar .nav-link, .sidebar-mini-xs .main-sidebar .nav-link, .sidebar-mini .main-sidebar .nav-link{width: 100%;}
.nav-sidebar .nav-item>.nav-link{margin-bottom:0px}
tr.doc_fila_venc td {vertical-align: middle;}
tr.doc_fila_venc td:first-child {padding-left:15px;}
.text-docu {color: #495057 !important;}
#historialModalDoc .documento_version {
    padding-left: 60px;
    padding-bottom: 25px;
    position: relative;
}
#historialModalDoc .documento_fecha {
    font-size: 11px;
}
#historialModalDoc .documento_estado {
    font-weight: 600;padding-top: 5px;
}
#historialModalDoc .documento_fecha:after {
    background: #e3e3e3;
    width: 30px;
    height: 30px;
    left: 5px;
    top: 2px;
    display: block;
    position: absolute;
    border-radius: 50%;
    z-index: 1;
    font-family: remixicon !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    content: "\ece6";
    text-align: center;
    font-size: 18px;
    color: #fff;
    padding: 1px;
}
#historialModalDoc .documento_version:after {
    border-left: 2px dashed #e3e3e3;
    position: absolute;
    height: 100%;
    content: "";
    left: 19px;
    top: 5px;
    z-index: 0;
}
#historialModalDoc .documento_version:last-child:after {display:none}
.enlace_obs .alert{margin: 5px 0 0 0;padding: 7px 10px;display: block;width: 100%;}
input.file_formato {
    width: 140px;
    font-size: 14px;
}
#progressbar li strong.strongactive {
    color: #28a745 !important;
    font-weight: bolder;
}
#progressbar li strong.strongactive:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #28a745;
    left: calc(50% - 8px);
    bottom: 22px;
    position: absolute;
}
.button_desc_doc{
    width: 30px;
    height: 28px;
    border: 1px solid #666;
    border-radius: 3px;
}
#almacen_direccion {
    margin-top: 5px;
    font-size: 13px;
}
#almacen_direccion i.fa {
    color: #df5e33;
}