@charset "UTF-8";

@font-face {
    font-family: "SFUIText-Regular";
    src: url("../fonts/SFUIText-Regular.eot");
    src: url("../fonts/SFUIText-Regular.eot?#iefix") format("embedded-opentype"),
        url("../fonts/SFUIText-Regular.woff2") format("woff2"),
        url("../fonts/SFUIText-Regular.woff") format("woff"),
        url("../fonts/SFUIText-Regular.ttf") format("truetype"),
        url("../fonts/SFUIText-Regular.svg#SFUIText-Regular") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SFUIText-Bold";
    src: url("../fonts/SFUIText-Bold.eot");
    src: url("../fonts/SFUIText-Bold.eot?#iefix") format("embedded-opentype"),
        url("../fonts/SFUIText-Bold.woff2") format("woff2"),
        url("../fonts/SFUIText-Bold.woff") format("woff"),
        url("../fonts/SFUIText-Bold.ttf") format("truetype"),
        url("../fonts/SFUIText-Bold.svg#SFUIText-Bold") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SFUIText-Medium";
    src: url("../fonts/SFUIText-Medium.eot");
    src: url("../fonts/SFUIText-Medium.eot?#iefix") format("embedded-opentype"),
        url("../fonts/SFUIText-Medium.woff2") format("woff2"),
        url("../fonts/SFUIText-Medium.woff") format("woff"),
        url("../fonts/SFUIText-Medium.ttf") format("truetype"),
        url("../fonts/SFUIText-Medium.svg#SFUIText-Bold") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SFUIText-SemiBold";
    src: url("../fonts/SFUIText-SemiBold.eot");
    src: url("../fonts/SFUIText-SemiBold.eot?#iefix") format("embedded-opentype"),
        url("../fonts/SFUIText-SemiBold.woff2") format("woff2"),
        url("../fonts/SFUIText-SemiBold.woff") format("woff"),
        url("../fonts/SFUIText-SemiBold.ttf") format("truetype"),
        url("../fonts/SFUIText-SemiBold.svg#SFUIText-Bold") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SFUIText-Heavy";
    src: url("../fonts/SFUIText-Heavy.eot");
    src: url("../fonts/SFUIText-Heavy.eot?#iefix") format("embedded-opentype"),
        url("../fonts/SFUIText-Heavy.woff2") format("woff2"),
        url("../fonts/SFUIText-Heavy.woff") format("woff"),
        url("../fonts/SFUIText-Heavy.ttf") format("truetype"),
        url("../fonts/SFUIText-Heavy.svg#SFUIText-Bold") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
    --main-color: #008250;
    --hover-color: #f28e00;
    --bs-red: #f44336;
    --bs-pink: #e91e63;
    --bs-purple: purple-500;
    --bs-indigo: #3f51b5;
    --bs-blue: #2196f3;
    --bs-cyan: #00bcd4;
    --bs-teal: #009688;
    --bs-green: #4caf50;
    --bs-yellow: #ffeb3b;
    --bs-orange: #ff9800;
    --bs-white: #fff;
    --bs-black: #000;
    --bs-gray: #757575;
    --bs-gray-dark: #4f4f4f;
    --bs-gray-50: #fbfbfb;
    --bs-gray-100: #f5f5f5;
    --bs-gray-200: #eee;
    --bs-gray-300: #e0e0e0;
    --bs-gray-400: #bdbdbd;
    --bs-gray-500: #9e9e9e;
    --bs-gray-600: #757575;
    --bs-gray-700: #616161;
    --bs-gray-800: #4f4f4f;
    --bs-gray-900: #262626;
    --bs-primary: #3b71ca;
    --bs-secondary: #9fa6b2;
    --bs-success: #14a44d;
    --bs-danger: #dc4c64;
    --bs-warning: #e4a11b;
    --bs-info: #54b4d3;
    --bs-light: #fbfbfb;
    --bs-dark: #332d2d;
    --bs-primary-rgb: 59, 113, 202;
    --bs-secondary-rgb: 159, 166, 178;
    --bs-success-rgb: 20, 164, 77;
    --bs-danger-rgb: 220, 76, 100;
    --bs-warning-rgb: 228, 161, 27;
    --bs-info-rgb: 84, 180, 211;
    --bs-light-rgb: 251, 251, 251;
    --bs-dark-rgb: 51, 45, 45;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
}

body {
    font: 13px SFUIText-Regular;
    color: #333;
    margin: 0;
    padding: 0;
}

.fw-heavy {
    font-family: SFUIText-Heavy;
}

.fw-semi {
    font-family: SFUIText-SemiBold;
}

.fw-medium {
    font-family: SFUIText-Medium;
}

.fw-bold {
    font-family: SFUIText-Bold;
}

a {
    color: inherit;
    text-decoration: none;
}

a:hover {
    color: inherit;
    text-decoration: none;
}

.bg-main {
    background: var(--main-color);
}

h1 {
    opacity: 0;
    visibility: hidden;
    height: 0px;
    margin: 0px;
    overflow: hidden;
    color: #fff;
}

p,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 0;
}

figure {
    margin-bottom: 0;
}

input,
textarea,
button {
    outline: none;
    border: none;
}

input[type="number"] {
    -moz-appearance: textfield;
}

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

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

.form-control {
    padding: 0.5rem 0.75rem;
    border: 1px solid #bdbdbd;
}

.form-control-sm {
    font-size: 13px;
}

.form-control:focus,
.form-select:focus {
    box-shadow: none;
    border-color: var(--bs-success);
}

.btn {
    --mdb-btn-padding-x: 1.5rem;
    --mdb-btn-padding-y: 0.375rem;
    --mdb-btn-font-size: 0.75rem;
    --mdb-btn-font-weight: 500;
    --mdb-btn-line-height: 1.5;
    --mdb-btn-color: #4f4f4f;
    --mdb-btn-bg: transparent;
    --mdb-btn-border-width: 2px;
    --mdb-btn-border-color: transparent;
    --mdb-btn-hover-border-color: transparent;
    --mdb-btn-disabled-opacity: 0.65;
    --mdb-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--mdb-btn-focus-shadow-rgb), 0.5);
    display: inline-block;
    padding: var(--mdb-btn-padding-y) var(--mdb-btn-padding-x);
    font-family: var(--mdb-btn-font-family);
    font-size: var(--mdb-btn-font-size);
    font-weight: var(--mdb-btn-font-weight);
    line-height: var(--mdb-btn-line-height);
    color: var(--mdb-btn-color);
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    white-space: nowrap;
    -moz-user-select: none;
    user-select: none;
    border: var(--mdb-btn-border-width) solid var(--mdb-btn-border-color);
    background-color: var(--mdb-btn-bg);
    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;
}

@media (prefers-reduced-motion: reduce) {
    .btn {
        transition: none;
    }
}

.btn:hover {
    color: var(--mdb-btn-hover-color);
    background-color: var(--mdb-btn-hover-bg);
    border-color: var(--mdb-btn-hover-border-color);
}

.btn-check+.btn:hover {
    color: var(--mdb-btn-color);
    background-color: var(--mdb-btn-bg);
    border-color: var(--mdb-btn-border-color);
}

.btn:focus-visible {
    color: var(--mdb-btn-hover-color);
    background-color: var(--mdb-btn-hover-bg);
}

.btn-check:focus-visible+.btn,
.btn:focus-visible {
    border-color: var(--mdb-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--mdb-btn-box-shadow), var(--mdb-btn-focus-box-shadow);
}

.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
    color: var(--mdb-btn-active-color);
    background-color: var(--mdb-btn-active-bg);
    border-color: var(--mdb-btn-active-border-color);
    box-shadow: var(--mdb-btn-active-shadow);
}

.btn-check:checked+.btn:focus-visible,
.btn.active:focus-visible,
.btn.show:focus-visible,
.btn:first-child:active:focus-visible,
:not(.btn-check)+.btn:active:focus-visible {
    box-shadow: var(--mdb-btn-active-shadow), var(--mdb-btn-focus-box-shadow);
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
    color: var(--mdb-btn-disabled-color);
    pointer-events: none;
    background-color: var(--mdb-btn-disabled-bg);
    border-color: var(--mdb-btn-disabled-border-color);
    opacity: var(--mdb-btn-disabled-opacity);
    box-shadow: none;
}

.btn-primary {
    --mdb-btn-border-color: #3b71ca;
    --mdb-btn-hover-border-color: #2f5aa2;
    --mdb-btn-focus-shadow-rgb: 88, 134, 210;
    --mdb-btn-active-border-color: #2c5598;
    --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15),
        0 4px 18px 0 rgba(0, 0, 0, 0.1);
    --mdb-btn-disabled-color: #fff;
    --mdb-btn-disabled-bg: #3b71ca;
    --mdb-btn-disabled-border-color: #3b71ca;
}

.btn-secondary {
    --mdb-btn-color: #000;
    --mdb-btn-bg: #9fa6b2;
    --mdb-btn-border-color: #9fa6b2;
    --mdb-btn-hover-color: #000;
    --mdb-btn-hover-bg: #adb3be;
    --mdb-btn-hover-border-color: #a9afba;
    --mdb-btn-focus-shadow-rgb: 135, 141, 151;
    --mdb-btn-active-color: #000;
    --mdb-btn-active-bg: #b2b8c1;
    --mdb-btn-active-border-color: #a9afba;
    --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15),
        0 4px 18px 0 rgba(0, 0, 0, 0.1);
    --mdb-btn-disabled-color: #000;
    --mdb-btn-disabled-bg: #9fa6b2;
    --mdb-btn-disabled-border-color: #9fa6b2;
}

.btn-success {
    --mdb-btn-color: #000;
    --mdb-btn-border-color: #14a44d;
    --mdb-btn-hover-color: #000;
    --mdb-btn-hover-bg: #37b268;
    --mdb-btn-hover-border-color: #2cad5f;
    --mdb-btn-focus-shadow-rgb: 17, 139, 65;
    --mdb-btn-active-color: #000;
    --mdb-btn-active-bg: #43b671;
    --mdb-btn-active-border-color: #2cad5f;
    --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15),
        0 4px 18px 0 rgba(0, 0, 0, 0.1);
    --mdb-btn-disabled-color: #000;
    --mdb-btn-disabled-bg: #14a44d;
    --mdb-btn-disabled-border-color: #14a44d;
}

.btn-danger {
    --mdb-btn-color: #000;
    --mdb-btn-border-color: #dc4c64;
    --mdb-btn-hover-color: #000;
    --mdb-btn-hover-bg: #e1677b;
    --mdb-btn-hover-border-color: #e05e74;
    --mdb-btn-focus-shadow-rgb: 187, 65, 85;
    --mdb-btn-active-color: #000;
    --mdb-btn-active-bg: #e37083;
    --mdb-btn-active-border-color: #e05e74;
    --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15),
        0 4px 18px 0 rgba(0, 0, 0, 0.1);
    --mdb-btn-disabled-color: #000;
    --mdb-btn-disabled-bg: #dc4c64;
    --mdb-btn-disabled-border-color: #dc4c64;
}

.btn-warning {
    --mdb-btn-color: #000;
    --mdb-btn-border-color: #e4a11b;
    --mdb-btn-hover-color: #000;
    --mdb-btn-hover-bg: #e8af3d;
    --mdb-btn-hover-border-color: #e7aa32;
    --mdb-btn-focus-shadow-rgb: 194, 137, 23;
    --mdb-btn-active-color: #000;
    --mdb-btn-active-bg: #e9b449;
    --mdb-btn-active-border-color: #e7aa32;
    --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15),
        0 4px 18px 0 rgba(0, 0, 0, 0.1);
    --mdb-btn-disabled-color: #000;
    --mdb-btn-disabled-bg: #e4a11b;
    --mdb-btn-disabled-border-color: #e4a11b;
}

.btn-info {
    --mdb-btn-color: #000;
    --mdb-btn-border-color: #54b4d3;
    --mdb-btn-hover-color: #000;
    --mdb-btn-hover-bg: #6ebfda;
    --mdb-btn-hover-border-color: #65bcd7;
    --mdb-btn-focus-shadow-rgb: 71, 153, 179;
    --mdb-btn-active-color: #000;
    --mdb-btn-active-bg: #76c3dc;
    --mdb-btn-active-border-color: #65bcd7;
    --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15),
        0 4px 18px 0 rgba(0, 0, 0, 0.1);
    --mdb-btn-disabled-color: #000;
    --mdb-btn-disabled-bg: #54b4d3;
    --mdb-btn-disabled-border-color: #54b4d3;
}

.btn-light {
    --mdb-btn-color: #000;
    --mdb-btn-border-color: #fbfbfb;
    --mdb-btn-hover-color: #000;
    --mdb-btn-hover-border-color: #c9c9c9;
    --mdb-btn-focus-shadow-rgb: 213, 213, 213;
    --mdb-btn-active-color: #000;
    --mdb-btn-active-border-color: #bcbcbc;
    --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15),
        0 4px 18px 0 rgba(0, 0, 0, 0.1);
    --mdb-btn-disabled-color: #000;
    --mdb-btn-disabled-bg: #fbfbfb;
    --mdb-btn-disabled-border-color: #fbfbfb;
}

.btn-dark {
    --mdb-btn-border-color: #332d2d;
    --mdb-btn-hover-bg: #524d4d;
    --mdb-btn-hover-border-color: #474242;
    --mdb-btn-focus-shadow-rgb: 82, 77, 77;
    --mdb-btn-active-bg: #5c5757;
    --mdb-btn-active-border-color: #474242;
    --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15),
        0 4px 18px 0 rgba(0, 0, 0, 0.1);
    --mdb-btn-disabled-color: #fff;
    --mdb-btn-disabled-bg: #332d2d;
    --mdb-btn-disabled-border-color: #332d2d;
}

.btn-outline-primary {
    --mdb-btn-hover-color: #fff;
    --mdb-btn-hover-bg: #3b71ca;
    --mdb-btn-hover-border-color: #3b71ca;
    --mdb-btn-focus-shadow-rgb: 59, 113, 202;
    --mdb-btn-active-color: #fff;
    --mdb-btn-active-bg: #3b71ca;
    --mdb-btn-active-border-color: #3b71ca;
    --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15),
        0 4px 18px 0 rgba(0, 0, 0, 0.1);
    --mdb-btn-disabled-color: #3b71ca;
    --mdb-btn-disabled-bg: transparent;
    --mdb-btn-disabled-border-color: #3b71ca;
    --mdb-gradient: none;
}

.btn-outline-secondary {
    --mdb-btn-color: #9fa6b2;
    --mdb-btn-border-color: #9fa6b2;
    --mdb-btn-hover-color: #000;
    --mdb-btn-hover-bg: #9fa6b2;
    --mdb-btn-hover-border-color: #9fa6b2;
    --mdb-btn-focus-shadow-rgb: 159, 166, 178;
    --mdb-btn-active-color: #000;
    --mdb-btn-active-bg: #9fa6b2;
    --mdb-btn-active-border-color: #9fa6b2;
    --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15),
        0 4px 18px 0 rgba(0, 0, 0, 0.1);
    --mdb-btn-disabled-color: #9fa6b2;
    --mdb-btn-disabled-bg: transparent;
    --mdb-btn-disabled-border-color: #9fa6b2;
    --mdb-gradient: none;
}

.btn-outline-success {
    --mdb-btn-hover-color: #000;
    --mdb-btn-hover-bg: #14a44d;
    --mdb-btn-hover-border-color: #14a44d;
    --mdb-btn-focus-shadow-rgb: 20, 164, 77;
    --mdb-btn-active-color: #000;
    --mdb-btn-active-bg: #14a44d;
    --mdb-btn-active-border-color: #14a44d;
    --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15),
        0 4px 18px 0 rgba(0, 0, 0, 0.1);
    --mdb-btn-disabled-color: #14a44d;
    --mdb-btn-disabled-bg: transparent;
    --mdb-btn-disabled-border-color: #14a44d;
    --mdb-gradient: none;
}

.btn-outline-danger {
    --mdb-btn-hover-color: #000;
    --mdb-btn-hover-bg: #dc4c64;
    --mdb-btn-hover-border-color: #dc4c64;
    --mdb-btn-focus-shadow-rgb: 220, 76, 100;
    --mdb-btn-active-color: #000;
    --mdb-btn-active-bg: #dc4c64;
    --mdb-btn-active-border-color: #dc4c64;
    --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15),
        0 4px 18px 0 rgba(0, 0, 0, 0.1);
    --mdb-btn-disabled-color: #dc4c64;
    --mdb-btn-disabled-bg: transparent;
    --mdb-btn-disabled-border-color: #dc4c64;
    --mdb-gradient: none;
}

.btn-outline-warning {
    --mdb-btn-hover-color: #000;
    --mdb-btn-hover-bg: #e4a11b;
    --mdb-btn-hover-border-color: #e4a11b;
    --mdb-btn-focus-shadow-rgb: 228, 161, 27;
    --mdb-btn-active-color: #000;
    --mdb-btn-active-bg: #e4a11b;
    --mdb-btn-active-border-color: #e4a11b;
    --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15),
        0 4px 18px 0 rgba(0, 0, 0, 0.1);
    --mdb-btn-disabled-color: #e4a11b;
    --mdb-btn-disabled-bg: transparent;
    --mdb-btn-disabled-border-color: #e4a11b;
    --mdb-gradient: none;
}

.btn-outline-info {
    --mdb-btn-hover-color: #000;
    --mdb-btn-hover-bg: #54b4d3;
    --mdb-btn-hover-border-color: #54b4d3;
    --mdb-btn-focus-shadow-rgb: 84, 180, 211;
    --mdb-btn-active-color: #000;
    --mdb-btn-active-bg: #54b4d3;
    --mdb-btn-active-border-color: #54b4d3;
    --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15),
        0 4px 18px 0 rgba(0, 0, 0, 0.1);
    --mdb-btn-disabled-color: #54b4d3;
    --mdb-btn-disabled-bg: transparent;
    --mdb-btn-disabled-border-color: #54b4d3;
    --mdb-gradient: none;
}

.btn-outline-light {
    --mdb-btn-hover-color: #000;
    --mdb-btn-hover-bg: #fbfbfb;
    --mdb-btn-hover-border-color: #fbfbfb;
    --mdb-btn-focus-shadow-rgb: 251, 251, 251;
    --mdb-btn-active-color: #000;
    --mdb-btn-active-bg: #fbfbfb;
    --mdb-btn-active-border-color: #fbfbfb;
    --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15),
        0 4px 18px 0 rgba(0, 0, 0, 0.1);
    --mdb-btn-disabled-color: #fbfbfb;
    --mdb-btn-disabled-bg: transparent;
    --mdb-btn-disabled-border-color: #fbfbfb;
    --mdb-gradient: none;
}

.btn-outline-dark {
    --mdb-btn-hover-color: #fff;
    --mdb-btn-hover-bg: #332d2d;
    --mdb-btn-hover-border-color: #332d2d;
    --mdb-btn-focus-shadow-rgb: 51, 45, 45;
    --mdb-btn-active-color: #fff;
    --mdb-btn-active-bg: #332d2d;
    --mdb-btn-active-border-color: #332d2d;
    --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15),
        0 4px 18px 0 rgba(0, 0, 0, 0.1);
    --mdb-btn-disabled-color: #332d2d;
    --mdb-btn-disabled-bg: transparent;
    --mdb-btn-disabled-border-color: #332d2d;
    --mdb-gradient: none;
}

.btn-link {
    --mdb-btn-font-weight: 400;
    --mdb-btn-bg: transparent;
    --mdb-btn-border-color: transparent;
    --mdb-btn-hover-border-color: transparent;
    --mdb-btn-active-color: #386bc0;
    --mdb-btn-active-border-color: transparent;
    --mdb-btn-disabled-border-color: transparent;
    --mdb-btn-focus-shadow-rgb: 88, 134, 210;
}

.btn-link:focus-visible,
.btn-link:hover {
    text-decoration: none;
}

.btn-link:focus-visible {
    color: var(--mdb-btn-color);
}

.btn-link:hover {
    color: var(--mdb-btn-hover-color);
}

.btn {
    --mdb-btn-padding-top: 0.625rem;
    --mdb-btn-padding-bottom: 0.5rem;
    --mdb-btn-border-width: 0;
    --mdb-btn-border-color: none;
    --mdb-btn-border-radius: 0.25rem;
    --mdb-btn-box-shadow: 0 4px 9px -4px rgba(0, 0, 0, 0.35);
    --mdb-btn-hover-box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15),
        0 4px 18px 0 rgba(0, 0, 0, 0.1);
    --mdb-btn-focus-box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15),
        0 4px 18px 0 rgba(0, 0, 0, 0.1);
    --mdb-btn-active-box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15),
        0 4px 18px 0 rgba(0, 0, 0, 0.1);
    padding-top: var(--mdb-btn-padding-top);
    padding-bottom: var(--mdb-btn-padding-bottom);
    text-transform: uppercase;
    vertical-align: middle;
    border: 0;
    border-radius: var(--mdb-btn-border-radius);
    box-shadow: var(--mdb-btn-box-shadow);
}

.btn:first-child:hover,
.btn:focus-visible,
.btn:hover,
:not(.btn-check)+.btn:hover {
    box-shadow: var(--mdb-btn-hover-box-shadow);
}

.btn-check:focus+.btn,
.btn-check:focus-visible+.btn,
.btn:focus {
    box-shadow: var(--mdb-btn-focus-box-shadow);
}

.btn-check:active+.btn,
.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:active {
    box-shadow: var(--mdb-btn-active-box-shadow);
}

.btn-check:active+.btn:focus,
.btn-check:checked+.btn:focus,
.btn.active:focus,
.btn.show:focus,
.btn:active:focus {
    box-shadow: var(--mdb-btn-focus-box-shadow);
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
    box-shadow: var(--mdb-btn-box-shadow);
}

[class*="btn-outline-"] {
    --mdb-btn-padding-top: 0.5rem;
    --mdb-btn-padding-bottom: 0.375rem;
    --mdb-btn-padding-x: 1.375rem;
    --mdb-btn-border-width: 2px;
    --mdb-btn-line-height: 1.5;
    padding: var(--mdb-btn-padding-top) var(--mdb-btn-padding-x) var(--mdb-btn-padding-bottom);
    border-width: var(--mdb-btn-border-width);
    border-style: solid;
    box-shadow: none;
}

.btn-check:active+[class*="btn-outline-"],
.btn-check:active+[class*="btn-outline-"]:focus,
.btn-check:checked+[class*="btn-outline-"],
.btn-check:checked+[class*="btn-outline-"]:focus,
.btn-check:focus+[class*="btn-outline-"],
.btn-check:focus-visible+[class*="btn-outline-"],
:not(.btn-check)+[class*="btn-outline-"]:hover,
[class*="btn-outline-"].active,
[class*="btn-outline-"].active:focus,
[class*="btn-outline-"].disabled,
[class*="btn-outline-"].show,
[class*="btn-outline-"].show:focus,
[class*="btn-outline-"]:active,
[class*="btn-outline-"]:active:focus,
[class*="btn-outline-"]:disabled,
[class*="btn-outline-"]:first-child:hover,
[class*="btn-outline-"]:focus,
[class*="btn-outline-"]:focus-visible,
[class*="btn-outline-"]:hover,
fieldset:disabled [class*="btn-outline-"] {
    box-shadow: none;
}

.btn-group-lg>[class*="btn-outline-"].btn,
[class*="btn-outline-"].btn-lg {
    --mdb-btn-padding-top: 0.625rem;
    --mdb-btn-padding-bottom: 0.5625rem;
    --mdb-btn-padding-x: 1.5625rem;
    --mdb-btn-font-size: 0.875rem;
    --mdb-btn-line-height: 1.6;
}

.btn-group-sm>[class*="btn-outline-"].btn,
[class*="btn-outline-"].btn-sm {
    --mdb-btn-padding-top: 0.25rem;
    --mdb-btn-padding-bottom: 0.1875rem;
    --mdb-btn-padding-x: 0.875rem;
    --mdb-btn-font-size: 0.75rem;
    --mdb-btn-line-height: 1.5;
}

.btn-secondary {
    box-shadow: none;
}

.btn-secondary:first-child:hover,
.btn-secondary:focus-visible,
.btn-secondary:hover,
:not(.btn-check)+.btn-secondary:hover {
    box-shadow: none !important;
}

.btn-check:active+.btn-secondary,
.btn-check:active+.btn-secondary:focus,
.btn-check:checked+.btn-secondary,
.btn-check:checked+.btn-secondary:focus,
.btn-check:focus+.btn-secondary,
.btn-check:focus-visible+.btn-secondary,
.btn-secondary.active,
.btn-secondary.active:focus,
.btn-secondary.disabled,
.btn-secondary.show,
.btn-secondary.show:focus,
.btn-secondary:active,
.btn-secondary:active:focus,
.btn-secondary:disabled,
.btn-secondary:focus,
fieldset:disabled .btn-secondary {
    box-shadow: none;
}

.btn-primary {
    --mdb-btn-bg: #3b71ca;
    --mdb-btn-color: #fff;
    --mdb-btn-box-shadow: 0 4px 9px -4px #3b71ca;
    --mdb-btn-hover-bg: #386bc0;
    --mdb-btn-hover-color: #fff;
    --mdb-btn-focus-bg: #386bc0;
    --mdb-btn-focus-color: #fff;
    --mdb-btn-active-bg: #3566b6;
    --mdb-btn-active-color: #fff;
    --mdb-btn-box-shadow-state: 0 8px 9px -4px rgba(59, 113, 202, 0.3),
        0 4px 18px 0 rgba(59, 113, 202, 0.2);
}

.btn-primary:first-child:hover,
.btn-primary:focus-visible,
.btn-primary:hover,
:not(.btn-check)+.btn-primary:hover {
    box-shadow: var(--mdb-btn-box-shadow-state);
}

.btn-check:focus+.btn-primary,
.btn-check:focus-visible+.btn-primary,
.btn-primary:focus {
    box-shadow: var(--mdb-btn-box-shadow-state);
    background-color: var(--mdb-btn-focus-bg);
}

.btn-check:active+.btn-primary,
.btn-check:active+.btn-primary:focus,
.btn-check:checked+.btn-primary,
.btn-check:checked+.btn-primary:focus,
.btn-primary.active,
.btn-primary.active:focus,
.btn-primary.show,
.btn-primary.show:focus,
.btn-primary:active,
.btn-primary:active:focus {
    box-shadow: var(--mdb-btn-box-shadow-state);
}

.btn-check:active+.btn-primary:hover,
.btn-check:checked+.btn-primary:hover,
.btn-primary.active:hover,
.btn-primary.show:hover,
.btn-primary:active:hover {
    background-color: var(--mdb-btn-active-bg);
}

.btn-primary.disabled,
.btn-primary:disabled,
fieldset:disabled .btn-primary {
    box-shadow: var(--mdb-btn-box-shadow);
}

.btn-secondary {
    --mdb-btn-bg: #e3ebf7;
    --mdb-btn-color: #285192;
    --mdb-btn-box-shadow: 0 4px 9px -4px #e3ebf7;
    --mdb-btn-hover-bg: #d8dfeb;
    --mdb-btn-hover-color: #285192;
    --mdb-btn-focus-bg: #d8dfeb;
    --mdb-btn-focus-color: #285192;
    --mdb-btn-active-bg: #ccd4de;
    --mdb-btn-active-color: #285192;
    --mdb-btn-box-shadow-state: 0 8px 9px -4px rgba(227, 235, 247, 0.3),
        0 4px 18px 0 rgba(227, 235, 247, 0.2);
}

.btn-secondary:first-child:hover,
.btn-secondary:focus-visible,
.btn-secondary:hover,
:not(.btn-check)+.btn-secondary:hover {
    box-shadow: var(--mdb-btn-box-shadow-state);
}

.btn-check:focus+.btn-secondary,
.btn-check:focus-visible+.btn-secondary,
.btn-secondary:focus {
    box-shadow: var(--mdb-btn-box-shadow-state);
    background-color: var(--mdb-btn-focus-bg);
}

.btn-check:active+.btn-secondary,
.btn-check:active+.btn-secondary:focus,
.btn-check:checked+.btn-secondary,
.btn-check:checked+.btn-secondary:focus,
.btn-secondary.active,
.btn-secondary.active:focus,
.btn-secondary.show,
.btn-secondary.show:focus,
.btn-secondary:active,
.btn-secondary:active:focus {
    box-shadow: var(--mdb-btn-box-shadow-state);
}

.btn-check:active+.btn-secondary:hover,
.btn-check:checked+.btn-secondary:hover,
.btn-secondary.active:hover,
.btn-secondary.show:hover,
.btn-secondary:active:hover {
    background-color: var(--mdb-btn-active-bg);
}

.btn-secondary.disabled,
.btn-secondary:disabled,
fieldset:disabled .btn-secondary {
    box-shadow: var(--mdb-btn-box-shadow);
}

.btn-success {
    --mdb-btn-bg: #14a44d;
    --mdb-btn-color: #fff;
    --mdb-btn-box-shadow: 0 4px 9px -4px #14a44d;
    --mdb-btn-hover-bg: #139c49;
    --mdb-btn-hover-color: #fff;
    --mdb-btn-focus-bg: #139c49;
    --mdb-btn-focus-color: #fff;
    --mdb-btn-active-bg: #129445;
    --mdb-btn-active-color: #fff;
    --mdb-btn-box-shadow-state: 0 8px 9px -4px rgba(20, 164, 77, 0.3),
        0 4px 18px 0 rgba(20, 164, 77, 0.2);
}

.btn-success:first-child:hover,
.btn-success:focus-visible,
.btn-success:hover,
:not(.btn-check)+.btn-success:hover {
    box-shadow: var(--mdb-btn-box-shadow-state);
}

.btn-check:focus+.btn-success,
.btn-check:focus-visible+.btn-success,
.btn-success:focus {
    box-shadow: var(--mdb-btn-box-shadow-state);
    background-color: var(--mdb-btn-focus-bg);
}

.btn-check:active+.btn-success,
.btn-check:active+.btn-success:focus,
.btn-check:checked+.btn-success,
.btn-check:checked+.btn-success:focus,
.btn-success.active,
.btn-success.active:focus,
.btn-success.show,
.btn-success.show:focus,
.btn-success:active,
.btn-success:active:focus {
    box-shadow: var(--mdb-btn-box-shadow-state);
}

.btn-check:active+.btn-success:hover,
.btn-check:checked+.btn-success:hover,
.btn-success.active:hover,
.btn-success.show:hover,
.btn-success:active:hover {
    background-color: var(--mdb-btn-active-bg);
}

.btn-success.disabled,
.btn-success:disabled,
fieldset:disabled .btn-success {
    box-shadow: var(--mdb-btn-box-shadow);
}

.btn-danger {
    --mdb-btn-bg: #dc4c64;
    --mdb-btn-color: #fff;
    --mdb-btn-box-shadow: 0 4px 9px -4px #dc4c64;
    --mdb-btn-hover-bg: #d1485f;
    --mdb-btn-hover-color: #fff;
    --mdb-btn-focus-bg: #d1485f;
    --mdb-btn-focus-color: #fff;
    --mdb-btn-active-bg: #c6445a;
    --mdb-btn-active-color: #fff;
    --mdb-btn-box-shadow-state: 0 8px 9px -4px rgba(220, 76, 100, 0.3),
        0 4px 18px 0 rgba(220, 76, 100, 0.2);
}

.btn-danger:first-child:hover,
.btn-danger:focus-visible,
.btn-danger:hover,
:not(.btn-check)+.btn-danger:hover {
    box-shadow: var(--mdb-btn-box-shadow-state);
}

.btn-check:focus+.btn-danger,
.btn-check:focus-visible+.btn-danger,
.btn-danger:focus {
    box-shadow: var(--mdb-btn-box-shadow-state);
    background-color: var(--mdb-btn-focus-bg);
}

.btn-check:active+.btn-danger,
.btn-check:active+.btn-danger:focus,
.btn-check:checked+.btn-danger,
.btn-check:checked+.btn-danger:focus,
.btn-danger.active,
.btn-danger.active:focus,
.btn-danger.show,
.btn-danger.show:focus,
.btn-danger:active,
.btn-danger:active:focus {
    box-shadow: var(--mdb-btn-box-shadow-state);
}

.btn-check:active+.btn-danger:hover,
.btn-check:checked+.btn-danger:hover,
.btn-danger.active:hover,
.btn-danger.show:hover,
.btn-danger:active:hover {
    background-color: var(--mdb-btn-active-bg);
}

.btn-danger.disabled,
.btn-danger:disabled,
fieldset:disabled .btn-danger {
    box-shadow: var(--mdb-btn-box-shadow);
}

.btn-warning {
    --mdb-btn-bg: #e4a11b;
    --mdb-btn-color: #fff;
    --mdb-btn-box-shadow: 0 4px 9px -4px #e4a11b;
    --mdb-btn-hover-bg: #d9991a;
    --mdb-btn-hover-color: #fff;
    --mdb-btn-focus-bg: #d9991a;
    --mdb-btn-focus-color: #fff;
    --mdb-btn-active-bg: #cd9118;
    --mdb-btn-active-color: #fff;
    --mdb-btn-box-shadow-state: 0 8px 9px -4px rgba(228, 161, 27, 0.3),
        0 4px 18px 0 rgba(228, 161, 27, 0.2);
}

.btn-warning:first-child:hover,
.btn-warning:focus-visible,
.btn-warning:hover,
:not(.btn-check)+.btn-warning:hover {
    box-shadow: var(--mdb-btn-box-shadow-state);
}

.btn-check:focus+.btn-warning,
.btn-check:focus-visible+.btn-warning,
.btn-warning:focus {
    box-shadow: var(--mdb-btn-box-shadow-state);
    background-color: var(--mdb-btn-focus-bg);
}

.btn-check:active+.btn-warning,
.btn-check:active+.btn-warning:focus,
.btn-check:checked+.btn-warning,
.btn-check:checked+.btn-warning:focus,
.btn-warning.active,
.btn-warning.active:focus,
.btn-warning.show,
.btn-warning.show:focus,
.btn-warning:active,
.btn-warning:active:focus {
    box-shadow: var(--mdb-btn-box-shadow-state);
}

.btn-check:active+.btn-warning:hover,
.btn-check:checked+.btn-warning:hover,
.btn-warning.active:hover,
.btn-warning.show:hover,
.btn-warning:active:hover {
    background-color: var(--mdb-btn-active-bg);
}

.btn-warning.disabled,
.btn-warning:disabled,
fieldset:disabled .btn-warning {
    box-shadow: var(--mdb-btn-box-shadow);
}

.btn-info {
    --mdb-btn-bg: #54b4d3;
    --mdb-btn-color: #fff;
    --mdb-btn-box-shadow: 0 4px 9px -4px #54b4d3;
    --mdb-btn-hover-bg: #50abc8;
    --mdb-btn-hover-color: #fff;
    --mdb-btn-focus-bg: #50abc8;
    --mdb-btn-focus-color: #fff;
    --mdb-btn-active-bg: #4ca2be;
    --mdb-btn-active-color: #fff;
    --mdb-btn-box-shadow-state: 0 8px 9px -4px rgba(84, 180, 211, 0.3),
        0 4px 18px 0 rgba(84, 180, 211, 0.2);
}

.btn-info:first-child:hover,
.btn-info:focus-visible,
.btn-info:hover,
:not(.btn-check)+.btn-info:hover {
    box-shadow: var(--mdb-btn-box-shadow-state);
}

.btn-check:focus+.btn-info,
.btn-check:focus-visible+.btn-info,
.btn-info:focus {
    box-shadow: var(--mdb-btn-box-shadow-state);
    background-color: var(--mdb-btn-focus-bg);
}

.btn-check:active+.btn-info,
.btn-check:active+.btn-info:focus,
.btn-check:checked+.btn-info,
.btn-check:checked+.btn-info:focus,
.btn-info.active,
.btn-info.active:focus,
.btn-info.show,
.btn-info.show:focus,
.btn-info:active,
.btn-info:active:focus {
    box-shadow: var(--mdb-btn-box-shadow-state);
}

.btn-check:active+.btn-info:hover,
.btn-check:checked+.btn-info:hover,
.btn-info.active:hover,
.btn-info.show:hover,
.btn-info:active:hover {
    background-color: var(--mdb-btn-active-bg);
}

.btn-info.disabled,
.btn-info:disabled,
fieldset:disabled .btn-info {
    box-shadow: var(--mdb-btn-box-shadow);
}

.btn-light {
    --mdb-btn-bg: #fbfbfb;
    --mdb-btn-color: #4f4f4f;
    --mdb-btn-box-shadow: 0 4px 9px -4px #fbfbfb;
    --mdb-btn-hover-bg: #eee;
    --mdb-btn-hover-color: #4f4f4f;
    --mdb-btn-focus-bg: #eee;
    --mdb-btn-focus-color: #4f4f4f;
    --mdb-btn-active-bg: #e2e2e2;
    --mdb-btn-active-color: #4f4f4f;
    --mdb-btn-box-shadow-state: 0 8px 9px -4px hsla(0, 0%, 98.4%, 0.3),
        0 4px 18px 0 hsla(0, 0%, 98.4%, 0.2);
}

.btn-light:first-child:hover,
.btn-light:focus-visible,
.btn-light:hover,
:not(.btn-check)+.btn-light:hover {
    box-shadow: var(--mdb-btn-box-shadow-state);
}

.btn-check:focus+.btn-light,
.btn-check:focus-visible+.btn-light,
.btn-light:focus {
    box-shadow: var(--mdb-btn-box-shadow-state);
    background-color: var(--mdb-btn-focus-bg);
}

.btn-check:active+.btn-light,
.btn-check:active+.btn-light:focus,
.btn-check:checked+.btn-light,
.btn-check:checked+.btn-light:focus,
.btn-light.active,
.btn-light.active:focus,
.btn-light.show,
.btn-light.show:focus,
.btn-light:active,
.btn-light:active:focus {
    box-shadow: var(--mdb-btn-box-shadow-state);
}

.btn-check:active+.btn-light:hover,
.btn-check:checked+.btn-light:hover,
.btn-light.active:hover,
.btn-light.show:hover,
.btn-light:active:hover {
    background-color: var(--mdb-btn-active-bg);
}

.btn-light.disabled,
.btn-light:disabled,
fieldset:disabled .btn-light {
    box-shadow: var(--mdb-btn-box-shadow);
}

.btn-dark {
    --mdb-btn-bg: #332d2d;
    --mdb-btn-color: #fff;
    --mdb-btn-box-shadow: 0 4px 9px -4px #332d2d;
    --mdb-btn-hover-bg: #302b2b;
    --mdb-btn-hover-color: #fff;
    --mdb-btn-focus-bg: #302b2b;
    --mdb-btn-focus-color: #fff;
    --mdb-btn-active-bg: #2e2929;
    --mdb-btn-active-color: #fff;
    --mdb-btn-box-shadow-state: 0 8px 9px -4px rgba(51, 45, 45, 0.3),
        0 4px 18px 0 rgba(51, 45, 45, 0.2);
}

.btn-dark:first-child:hover,
.btn-dark:focus-visible,
.btn-dark:hover,
:not(.btn-check)+.btn-dark:hover {
    box-shadow: var(--mdb-btn-box-shadow-state);
}

.btn-check:focus+.btn-dark,
.btn-check:focus-visible+.btn-dark,
.btn-dark:focus {
    box-shadow: var(--mdb-btn-box-shadow-state);
    background-color: var(--mdb-btn-focus-bg);
}

.btn-check:active+.btn-dark,
.btn-check:active+.btn-dark:focus,
.btn-check:checked+.btn-dark,
.btn-check:checked+.btn-dark:focus,
.btn-dark.active,
.btn-dark.active:focus,
.btn-dark.show,
.btn-dark.show:focus,
.btn-dark:active,
.btn-dark:active:focus {
    box-shadow: var(--mdb-btn-box-shadow-state);
}

.btn-check:active+.btn-dark:hover,
.btn-check:checked+.btn-dark:hover,
.btn-dark.active:hover,
.btn-dark.show:hover,
.btn-dark:active:hover {
    background-color: var(--mdb-btn-active-bg);
}

.btn-dark.disabled,
.btn-dark:disabled,
fieldset:disabled .btn-dark {
    box-shadow: var(--mdb-btn-box-shadow);
}

.btn-white {
    --mdb-btn-bg: #fff;
    --mdb-btn-color: #000;
    --mdb-btn-box-shadow: 0 4px 9px -4px #fff;
    --mdb-btn-hover-bg: #f2f2f2;
    --mdb-btn-hover-color: #000;
    --mdb-btn-focus-bg: #f2f2f2;
    --mdb-btn-focus-color: #000;
    --mdb-btn-active-bg: #e6e6e6;
    --mdb-btn-active-color: #000;
    --mdb-btn-box-shadow-state: 0 8px 9px -4px hsla(0, 0%, 100%, 0.3),
        0 4px 18px 0 hsla(0, 0%, 100%, 0.2);
}

.btn-white:first-child:hover,
.btn-white:focus-visible,
.btn-white:hover,
:not(.btn-check)+.btn-white:hover {
    box-shadow: var(--mdb-btn-box-shadow-state);
}

.btn-check:focus+.btn-white,
.btn-check:focus-visible+.btn-white,
.btn-white:focus {
    box-shadow: var(--mdb-btn-box-shadow-state);
    background-color: var(--mdb-btn-focus-bg);
}

.btn-check:active+.btn-white,
.btn-check:active+.btn-white:focus,
.btn-check:checked+.btn-white,
.btn-check:checked+.btn-white:focus,
.btn-white.active,
.btn-white.active:focus,
.btn-white.show,
.btn-white.show:focus,
.btn-white:active,
.btn-white:active:focus {
    box-shadow: var(--mdb-btn-box-shadow-state);
}

.btn-check:active+.btn-white:hover,
.btn-check:checked+.btn-white:hover,
.btn-white.active:hover,
.btn-white.show:hover,
.btn-white:active:hover {
    background-color: var(--mdb-btn-active-bg);
}

.btn-white.disabled,
.btn-white:disabled,
fieldset:disabled .btn-white {
    box-shadow: var(--mdb-btn-box-shadow);
}

.btn-black {
    --mdb-btn-bg: #000;
    --mdb-btn-color: #fff;
    --mdb-btn-box-shadow: 0 4px 9px -4px #000;
    --mdb-btn-hover-bg: #000;
    --mdb-btn-hover-color: #fff;
    --mdb-btn-focus-bg: #000;
    --mdb-btn-focus-color: #fff;
    --mdb-btn-active-bg: #000;
    --mdb-btn-active-color: #fff;
    --mdb-btn-box-shadow-state: 0 8px 9px -4px rgba(0, 0, 0, 0.3),
        0 4px 18px 0 rgba(0, 0, 0, 0.2);
}

.btn-black:first-child:hover,
.btn-black:focus-visible,
.btn-black:hover,
:not(.btn-check)+.btn-black:hover {
    box-shadow: var(--mdb-btn-box-shadow-state);
}

.btn-black:focus,
.btn-check:focus+.btn-black,
.btn-check:focus-visible+.btn-black {
    box-shadow: var(--mdb-btn-box-shadow-state);
    background-color: var(--mdb-btn-focus-bg);
}

.btn-black.active,
.btn-black.active:focus,
.btn-black.show,
.btn-black.show:focus,
.btn-black:active,
.btn-black:active:focus,
.btn-check:active+.btn-black,
.btn-check:active+.btn-black:focus,
.btn-check:checked+.btn-black,
.btn-check:checked+.btn-black:focus {
    box-shadow: var(--mdb-btn-box-shadow-state);
}

.btn-black.active:hover,
.btn-black.show:hover,
.btn-black:active:hover,
.btn-check:active+.btn-black:hover,
.btn-check:checked+.btn-black:hover {
    background-color: var(--mdb-btn-active-bg);
}

.btn-black.disabled,
.btn-black:disabled,
fieldset:disabled .btn-black {
    box-shadow: var(--mdb-btn-box-shadow);
}

.btn-outline-primary {
    --mdb-btn-bg: transparent;
    --mdb-btn-color: #3b71ca;
    --mdb-btn-hover-bg: transparent;
    --mdb-btn-hover-color: #386bc0;
    --mdb-btn-focus-bg: transparent;
    --mdb-btn-focus-color: #386bc0;
    --mdb-btn-active-bg: transparent;
    --mdb-btn-active-color: #3566b6;
    --mdb-btn-border-color: #3b71ca;
    --mdb-btn-focus-border-color: #386bc0;
    --mdb-btn-hover-border-color: #386bc0;
    border-color: var(--mdb-btn-border-color);
}

.btn-outline-primary:first-child:hover,
.btn-outline-primary:focus-visible,
.btn-outline-primary:hover,
:not(.btn-check)+.btn-outline-primary:hover {
    border-color: var(--mdb-btn-hover-border-color);
}

.btn-check:focus+.btn-outline-primary,
.btn-check:focus-visible+.btn-outline-primary,
.btn-outline-primary:focus {
    border-color: var(--mdb-btn-focus-border-color);
}

.btn-check:active+.btn-outline-primary,
.btn-check:checked+.btn-outline-primary,
.btn-outline-primary.active,
.btn-outline-primary.show,
.btn-outline-primary:active {
    border-color: var(--mdb-btn-active-border-color);
}

.btn-check:active+.btn-outline-primary:focus,
.btn-check:checked+.btn-outline-primary:focus,
.btn-outline-primary.active:focus,
.btn-outline-primary.show:focus,
.btn-outline-primary:active:focus {
    border-color: var(--mdb-btn-focus-border-color);
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled,
.btn-outline-secondary,
fieldset:disabled .btn-outline-primary {
    border-color: var(--mdb-btn-border-color);
}

.btn-outline-secondary {
    --mdb-btn-bg: transparent;
    --mdb-btn-color: #285192;
    --mdb-btn-hover-bg: transparent;
    --mdb-btn-hover-color: #264d8b;
    --mdb-btn-focus-bg: transparent;
    --mdb-btn-focus-color: #264d8b;
    --mdb-btn-active-bg: transparent;
    --mdb-btn-active-color: #244983;
    --mdb-btn-border-color: #e3ebf7;
    --mdb-btn-focus-border-color: #d8dfeb;
    --mdb-btn-hover-border-color: #d8dfeb;
}

.btn-outline-secondary:first-child:hover,
.btn-outline-secondary:focus-visible,
.btn-outline-secondary:hover,
:not(.btn-check)+.btn-outline-secondary:hover {
    border-color: var(--mdb-btn-hover-border-color);
}

.btn-check:focus+.btn-outline-secondary,
.btn-check:focus-visible+.btn-outline-secondary,
.btn-outline-secondary:focus {
    border-color: var(--mdb-btn-focus-border-color);
}

.btn-check:active+.btn-outline-secondary,
.btn-check:checked+.btn-outline-secondary,
.btn-outline-secondary.active,
.btn-outline-secondary.show,
.btn-outline-secondary:active {
    border-color: var(--mdb-btn-active-border-color);
}

.btn-check:active+.btn-outline-secondary:focus,
.btn-check:checked+.btn-outline-secondary:focus,
.btn-outline-secondary.active:focus,
.btn-outline-secondary.show:focus,
.btn-outline-secondary:active:focus {
    border-color: var(--mdb-btn-focus-border-color);
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled,
.btn-outline-success,
fieldset:disabled .btn-outline-secondary {
    border-color: var(--mdb-btn-border-color);
}

.btn-outline-success {
    --mdb-btn-bg: transparent;
    --mdb-btn-color: #14a44d;
    --mdb-btn-hover-bg: transparent;
    --mdb-btn-hover-color: #139c49;
    --mdb-btn-focus-bg: transparent;
    --mdb-btn-focus-color: #139c49;
    --mdb-btn-active-bg: transparent;
    --mdb-btn-active-color: #129445;
    --mdb-btn-border-color: #14a44d;
    --mdb-btn-focus-border-color: #139c49;
    --mdb-btn-hover-border-color: #139c49;
}

.btn-outline-success:first-child:hover,
.btn-outline-success:focus-visible,
.btn-outline-success:hover,
:not(.btn-check)+.btn-outline-success:hover {
    border-color: var(--mdb-btn-hover-border-color);
}

.btn-check:focus+.btn-outline-success,
.btn-check:focus-visible+.btn-outline-success,
.btn-outline-success:focus {
    border-color: var(--mdb-btn-focus-border-color);
}

.btn-check:active+.btn-outline-success,
.btn-check:checked+.btn-outline-success,
.btn-outline-success.active,
.btn-outline-success.show,
.btn-outline-success:active {
    border-color: var(--mdb-btn-active-border-color);
}

.btn-check:active+.btn-outline-success:focus,
.btn-check:checked+.btn-outline-success:focus,
.btn-outline-success.active:focus,
.btn-outline-success.show:focus,
.btn-outline-success:active:focus {
    border-color: var(--mdb-btn-focus-border-color);
}

.btn-outline-danger,
.btn-outline-success.disabled,
.btn-outline-success:disabled,
fieldset:disabled .btn-outline-success {
    border-color: var(--mdb-btn-border-color);
}

.btn-outline-danger {
    --mdb-btn-bg: transparent;
    --mdb-btn-color: #dc4c64;
    --mdb-btn-hover-bg: transparent;
    --mdb-btn-hover-color: #d1485f;
    --mdb-btn-focus-bg: transparent;
    --mdb-btn-focus-color: #d1485f;
    --mdb-btn-active-bg: transparent;
    --mdb-btn-active-color: #c6445a;
    --mdb-btn-border-color: #dc4c64;
    --mdb-btn-focus-border-color: #d1485f;
    --mdb-btn-hover-border-color: #d1485f;
}

.btn-outline-danger:first-child:hover,
.btn-outline-danger:focus-visible,
.btn-outline-danger:hover,
:not(.btn-check)+.btn-outline-danger:hover {
    border-color: var(--mdb-btn-hover-border-color);
}

.btn-check:focus+.btn-outline-danger,
.btn-check:focus-visible+.btn-outline-danger,
.btn-outline-danger:focus {
    border-color: var(--mdb-btn-focus-border-color);
}

.btn-check:active+.btn-outline-danger,
.btn-check:checked+.btn-outline-danger,
.btn-outline-danger.active,
.btn-outline-danger.show,
.btn-outline-danger:active {
    border-color: var(--mdb-btn-active-border-color);
}

.btn-check:active+.btn-outline-danger:focus,
.btn-check:checked+.btn-outline-danger:focus,
.btn-outline-danger.active:focus,
.btn-outline-danger.show:focus,
.btn-outline-danger:active:focus {
    border-color: var(--mdb-btn-focus-border-color);
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled,
.btn-outline-warning,
fieldset:disabled .btn-outline-danger {
    border-color: var(--mdb-btn-border-color);
}

.btn-outline-warning {
    --mdb-btn-bg: transparent;
    --mdb-btn-color: #e4a11b;
    --mdb-btn-hover-bg: transparent;
    --mdb-btn-hover-color: #d9991a;
    --mdb-btn-focus-bg: transparent;
    --mdb-btn-focus-color: #d9991a;
    --mdb-btn-active-bg: transparent;
    --mdb-btn-active-color: #cd9118;
    --mdb-btn-border-color: #e4a11b;
    --mdb-btn-focus-border-color: #d9991a;
    --mdb-btn-hover-border-color: #d9991a;
}

.btn-outline-warning:first-child:hover,
.btn-outline-warning:focus-visible,
.btn-outline-warning:hover,
:not(.btn-check)+.btn-outline-warning:hover {
    border-color: var(--mdb-btn-hover-border-color);
}

.btn-check:focus+.btn-outline-warning,
.btn-check:focus-visible+.btn-outline-warning,
.btn-outline-warning:focus {
    border-color: var(--mdb-btn-focus-border-color);
}

.btn-check:active+.btn-outline-warning,
.btn-check:checked+.btn-outline-warning,
.btn-outline-warning.active,
.btn-outline-warning.show,
.btn-outline-warning:active {
    border-color: var(--mdb-btn-active-border-color);
}

.btn-check:active+.btn-outline-warning:focus,
.btn-check:checked+.btn-outline-warning:focus,
.btn-outline-warning.active:focus,
.btn-outline-warning.show:focus,
.btn-outline-warning:active:focus {
    border-color: var(--mdb-btn-focus-border-color);
}

.btn-outline-info,
.btn-outline-warning.disabled,
.btn-outline-warning:disabled,
fieldset:disabled .btn-outline-warning {
    border-color: var(--mdb-btn-border-color);
}

.btn-outline-info {
    --mdb-btn-bg: transparent;
    --mdb-btn-color: #54b4d3;
    --mdb-btn-hover-bg: transparent;
    --mdb-btn-hover-color: #50abc8;
    --mdb-btn-focus-bg: transparent;
    --mdb-btn-focus-color: #50abc8;
    --mdb-btn-active-bg: transparent;
    --mdb-btn-active-color: #4ca2be;
    --mdb-btn-border-color: #54b4d3;
    --mdb-btn-focus-border-color: #50abc8;
    --mdb-btn-hover-border-color: #50abc8;
}

.btn-outline-info:first-child:hover,
.btn-outline-info:focus-visible,
.btn-outline-info:hover,
:not(.btn-check)+.btn-outline-info:hover {
    border-color: var(--mdb-btn-hover-border-color);
}

.btn-check:focus+.btn-outline-info,
.btn-check:focus-visible+.btn-outline-info,
.btn-outline-info:focus {
    border-color: var(--mdb-btn-focus-border-color);
}

.btn-check:active+.btn-outline-info,
.btn-check:checked+.btn-outline-info,
.btn-outline-info.active,
.btn-outline-info.show,
.btn-outline-info:active {
    border-color: var(--mdb-btn-active-border-color);
}

.btn-check:active+.btn-outline-info:focus,
.btn-check:checked+.btn-outline-info:focus,
.btn-outline-info.active:focus,
.btn-outline-info.show:focus,
.btn-outline-info:active:focus {
    border-color: var(--mdb-btn-focus-border-color);
}

.btn-outline-info.disabled,
.btn-outline-info:disabled,
.btn-outline-light,
fieldset:disabled .btn-outline-info {
    border-color: var(--mdb-btn-border-color);
}

.btn-outline-light {
    --mdb-btn-bg: transparent;
    --mdb-btn-color: #fbfbfb;
    --mdb-btn-hover-bg: transparent;
    --mdb-btn-hover-color: #eee;
    --mdb-btn-focus-bg: transparent;
    --mdb-btn-focus-color: #eee;
    --mdb-btn-active-bg: transparent;
    --mdb-btn-active-color: #e2e2e2;
    --mdb-btn-border-color: #fbfbfb;
    --mdb-btn-focus-border-color: #eee;
    --mdb-btn-hover-border-color: #eee;
}

.btn-outline-light:first-child:hover,
.btn-outline-light:focus-visible,
.btn-outline-light:hover,
:not(.btn-check)+.btn-outline-light:hover {
    border-color: var(--mdb-btn-hover-border-color);
}

.btn-check:focus+.btn-outline-light,
.btn-check:focus-visible+.btn-outline-light,
.btn-outline-light:focus {
    border-color: var(--mdb-btn-focus-border-color);
}

.btn-check:active+.btn-outline-light,
.btn-check:checked+.btn-outline-light,
.btn-outline-light.active,
.btn-outline-light.show,
.btn-outline-light:active {
    border-color: var(--mdb-btn-active-border-color);
}

.btn-check:active+.btn-outline-light:focus,
.btn-check:checked+.btn-outline-light:focus,
.btn-outline-light.active:focus,
.btn-outline-light.show:focus,
.btn-outline-light:active:focus {
    border-color: var(--mdb-btn-focus-border-color);
}

.btn-outline-dark,
.btn-outline-light.disabled,
.btn-outline-light:disabled,
fieldset:disabled .btn-outline-light {
    border-color: var(--mdb-btn-border-color);
}

.btn-outline-dark {
    --mdb-btn-bg: transparent;
    --mdb-btn-color: #332d2d;
    --mdb-btn-hover-bg: transparent;
    --mdb-btn-hover-color: #302b2b;
    --mdb-btn-focus-bg: transparent;
    --mdb-btn-focus-color: #302b2b;
    --mdb-btn-active-bg: transparent;
    --mdb-btn-active-color: #2e2929;
    --mdb-btn-border-color: #332d2d;
    --mdb-btn-focus-border-color: #302b2b;
    --mdb-btn-hover-border-color: #302b2b;
}

.btn-outline-dark:first-child:hover,
.btn-outline-dark:focus-visible,
.btn-outline-dark:hover,
:not(.btn-check)+.btn-outline-dark:hover {
    border-color: var(--mdb-btn-hover-border-color);
}

.btn-check:focus+.btn-outline-dark,
.btn-check:focus-visible+.btn-outline-dark,
.btn-outline-dark:focus {
    border-color: var(--mdb-btn-focus-border-color);
}

.btn-check:active+.btn-outline-dark,
.btn-check:checked+.btn-outline-dark,
.btn-outline-dark.active,
.btn-outline-dark.show,
.btn-outline-dark:active {
    border-color: var(--mdb-btn-active-border-color);
}

.btn-check:active+.btn-outline-dark:focus,
.btn-check:checked+.btn-outline-dark:focus,
.btn-outline-dark.active:focus,
.btn-outline-dark.show:focus,
.btn-outline-dark:active:focus {
    border-color: var(--mdb-btn-focus-border-color);
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled,
.btn-outline-white,
fieldset:disabled .btn-outline-dark {
    border-color: var(--mdb-btn-border-color);
}

.btn-outline-white {
    --mdb-btn-bg: transparent;
    --mdb-btn-color: #fff;
    --mdb-btn-hover-bg: transparent;
    --mdb-btn-hover-color: #f2f2f2;
    --mdb-btn-focus-bg: transparent;
    --mdb-btn-focus-color: #f2f2f2;
    --mdb-btn-active-bg: transparent;
    --mdb-btn-active-color: #e6e6e6;
    --mdb-btn-border-color: #fff;
    --mdb-btn-focus-border-color: #f2f2f2;
    --mdb-btn-hover-border-color: #f2f2f2;
}

.btn-outline-white:first-child:hover,
.btn-outline-white:focus-visible,
.btn-outline-white:hover,
:not(.btn-check)+.btn-outline-white:hover {
    border-color: var(--mdb-btn-hover-border-color);
}

.btn-check:focus+.btn-outline-white,
.btn-check:focus-visible+.btn-outline-white,
.btn-outline-white:focus {
    border-color: var(--mdb-btn-focus-border-color);
}

.btn-check:active+.btn-outline-white,
.btn-check:checked+.btn-outline-white,
.btn-outline-white.active,
.btn-outline-white.show,
.btn-outline-white:active {
    border-color: var(--mdb-btn-active-border-color);
}

.btn-check:active+.btn-outline-white:focus,
.btn-check:checked+.btn-outline-white:focus,
.btn-outline-white.active:focus,
.btn-outline-white.show:focus,
.btn-outline-white:active:focus {
    border-color: var(--mdb-btn-focus-border-color);
}

.btn-outline-black,
.btn-outline-white.disabled,
.btn-outline-white:disabled,
fieldset:disabled .btn-outline-white {
    border-color: var(--mdb-btn-border-color);
}

.btn-outline-black {
    --mdb-btn-bg: transparent;
    --mdb-btn-color: #000;
    --mdb-btn-hover-bg: transparent;
    --mdb-btn-hover-color: #000;
    --mdb-btn-focus-bg: transparent;
    --mdb-btn-focus-color: #000;
    --mdb-btn-active-bg: transparent;
    --mdb-btn-active-color: #000;
    --mdb-btn-border-color: #000;
    --mdb-btn-focus-border-color: #000;
    --mdb-btn-hover-border-color: #000;
}

.btn-outline-black:first-child:hover,
.btn-outline-black:focus-visible,
.btn-outline-black:hover,
:not(.btn-check)+.btn-outline-black:hover {
    border-color: var(--mdb-btn-hover-border-color);
}

.btn-check:focus+.btn-outline-black,
.btn-check:focus-visible+.btn-outline-black,
.btn-outline-black:focus {
    border-color: var(--mdb-btn-focus-border-color);
}

.btn-check:active+.btn-outline-black,
.btn-check:checked+.btn-outline-black,
.btn-outline-black.active,
.btn-outline-black.show,
.btn-outline-black:active {
    border-color: var(--mdb-btn-active-border-color);
}

.btn-check:active+.btn-outline-black:focus,
.btn-check:checked+.btn-outline-black:focus,
.btn-outline-black.active:focus,
.btn-outline-black.show:focus,
.btn-outline-black:active:focus {
    border-color: var(--mdb-btn-focus-border-color);
}

.btn-outline-black.disabled,
.btn-outline-black:disabled,
fieldset:disabled .btn-outline-black {
    border-color: var(--mdb-btn-border-color);
}

.btn-link {
    --mdb-btn-font-weight: 500;
    --mdb-btn-color: #3b71ca;
    --mdb-btn-hover-color: #386bc0;
    --mdb-btn-hover-bg: #f5f5f5;
    --mdb-btn-focus-color: #3566b6;
    --mdb-btn-active-color: #3260ac;
    --mdb-btn-disabled-color: #9e9e9e;
    --mdb-btn-box-shadow: none;
}

.btn-link,
.btn-link:first-child:hover,
.btn-link:focus-visible,
.btn-link:hover,
:not(.btn-check)+.btn-link:hover {
    text-decoration: none;
    box-shadow: var(--mdb-btn-box-shadow);
}

.btn-check:focus+.btn-link,
.btn-check:focus-visible+.btn-link,
.btn-link:focus {
    color: var(--mdb-btn-focus-color);
    box-shadow: var(--mdb-btn-box-shadow);
}

.btn-check:active+.btn-link,
.btn-check:checked+.btn-link,
.btn-link.active,
.btn-link.show,
.btn-link:active {
    color: var(--mdb-btn-active-color);
    box-shadow: var(--mdb-btn-box-shadow);
}

.btn-check:active+.btn-link:focus,
.btn-check:checked+.btn-link:focus,
.btn-link.active:focus,
.btn-link.show:focus,
.btn-link:active:focus {
    color: var(--mdb-btn-focus-color);
    box-shadow: var(--mdb-btn-box-shadow);
}

.btn-link.disabled,
.btn-link:disabled,
fieldset:disabled .btn-link {
    box-shadow: var(--mdb-btn-box-shadow);
}

.btn-tertiary {
    --mdb-btn-font-weight: 500;
    --mdb-btn-color: #3b71ca;
    --mdb-btn-hover-color: #386bc0;
    --mdb-btn-hover-bg: transparent;
    --mdb-btn-focus-color: #3566b6;
    --mdb-btn-active-color: #3260ac;
    --mdb-btn-disabled-color: #9e9e9e;
    --mdb-btn-box-shadow: none;
    padding-left: 0;
    padding-right: 0;
}

.btn-tertiary,
.btn-tertiary:first-child:hover,
.btn-tertiary:focus-visible,
.btn-tertiary:hover,
:not(.btn-check)+.btn-tertiary:hover {
    text-decoration: none;
    box-shadow: var(--mdb-btn-box-shadow);
}

.btn-check:focus+.btn-tertiary,
.btn-check:focus-visible+.btn-tertiary,
.btn-tertiary:focus {
    color: var(--mdb-btn-focus-color);
    box-shadow: var(--mdb-btn-box-shadow);
}

.btn-check:active+.btn-tertiary,
.btn-check:checked+.btn-tertiary,
.btn-tertiary.active,
.btn-tertiary.show,
.btn-tertiary:active {
    color: var(--mdb-btn-active-color);
    box-shadow: var(--mdb-btn-box-shadow);
}

.btn-check:active+.btn-tertiary:focus,
.btn-check:checked+.btn-tertiary:focus,
.btn-tertiary.active:focus,
.btn-tertiary.show:focus,
.btn-tertiary:active:focus {
    color: var(--mdb-btn-focus-color);
    box-shadow: var(--mdb-btn-box-shadow);
}

.btn-tertiary.disabled,
.btn-tertiary:disabled,
fieldset:disabled .btn-tertiary {
    box-shadow: var(--mdb-btn-box-shadow);
}

.btn-sm {
    --mdb-btn-padding-top: 0.45rem;
    --mdb-btn-padding-bottom: 0.375rem;
    --mdb-btn-padding-x: 1.2rem;
    --mdb-btn-font-size: 0.75rem;
    --mdb-btn-line-height: 1.5;
}

.dropdown-menu {
    --bs-dropdown-font-size: 13px;
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 0.5rem;
}

.dropdown-item {
    font-weight: normal;
}


.form-check-input {
    /* background-color: #dee2e6;
    box-shadow: inset 0 0.25rem 0.25rem rgba(0,0,0,.1); */
    border: #adb5bd solid 1px;
    width: 16px;
    height: 16px;
    margin-top: 0;
    vertical-align: middle;
    cursor: pointer;
}

.form-check .form-check-input {
    margin-left: 0;
}

.form-check .form-check-label {
    margin-bottom: 0;
    margin-left: 10px;
    font-family: SFUIText-Medium;
}

label {
    font-family: SFUIText-Bold;
    margin-bottom: 7px;
}

.jconfirm .jconfirm-box .jconfirm-buttons button {
    font-size: 13px !important;
    text-transform: none !important;
}

.jconfirm .jconfirm-box div.jconfirm-title-c {
    font: 20px SFUIText-Bold;
    padding-bottom: 10px !important;
}

.card {
    --bs-card-cap-bg: transparent;
    --bs-card-border-color: #f2f2f2;
    --bs-card-box-shadow: rgba(0, 0, 0, 0.15);
    --bs-card-border-width: 1px;
    --bs-card-cap-padding-y: 0.75rem;
    box-shadow: 0 3px 6px var(--bs-card-box-shadow);
}

.form-select {
    font-size: 13px;
    padding: 0.5rem 2.25rem 0.5rem 0.75rem;
}

.form-select-sm {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.5rem;
}

select.form-control-sm~.select2-container--default {
    font-size: 13px;
}

.select2-container--default .select2-selection--single {
    height: calc(2.25rem + 2px) !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    margin-top: -3px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-top: 3px !important;
}


.form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}

.form-row>.col,
.form-row>[class*="col-"] {
    padding-right: 5px;
    padding-left: 5px;
}

.form-row>.col>.valid-tooltip,
.form-row>[class*="col-"]>.valid-tooltip {
    left: 5px;
}

.row {
    --bs-gutter-x: 10px;
}

.input-group-text {
    font-size: 14px;
    font-weight: normal;
    background: #fff;
    border-color: #bdbdbd;
}

.form-control:disabled {
    background-color: #fff;
}

.placeholder-danger::placeholder {
    color: var(--bs-danger);
}

.placeholder-warning::placeholder {
    color: var(--bs-warning);
}

.placeholder-success::placeholder {
    color: var(--bs-success);
}

.placeholder-primary::placeholder {
    color: var(--bs-primary);
}

.placeholder-main::placeholder {
    color: #337ab7;
}

.pagination {
    --bs-pagination-padding-x: 0.75rem;
    --bs-pagination-padding-y: 0.375rem;
    --bs-pagination-font-size: 1rem;
    --bs-pagination-color: var(--bs-link-color);
    --bs-pagination-bg: #fff;
    --bs-pagination-border-width: 1px;
    --bs-pagination-border-color: #dee2e6;
    --bs-pagination-border-radius: 0.375rem;
    --bs-pagination-hover-color: var(--bs-link-hover-color);
    --bs-pagination-hover-bg: #e9ecef;
    --bs-pagination-hover-border-color: #dee2e6;
    --bs-pagination-focus-color: var(--bs-link-hover-color);
    --bs-pagination-focus-bg: #e9ecef;
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: #0d6efd;
    --bs-pagination-active-border-color: #0d6efd;
    --bs-pagination-disabled-color: #6c757d;
    --bs-pagination-disabled-bg: #fff;
    --bs-pagination-disabled-border-color: #dee2e6;
}

/* Paging */
.pagination-cus .page-item {
    margin: 0 1px;
}

.pagination-cus .page-item.active .page-link {
    background: var(--main-color);
    color: white;
    border-color: var(--main-color);
}

.pagination-cus .page-item:not(:first-child) .page-link {
    margin-left: 0;
}

.pagination-cus .page-link {
    color: var(--main-color);
    padding: 0;
    width: 27px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    border: 0;
    font-size: 12px;
    border-radius: var(--bs-pagination-border-radius);
}

.pagination-cus .page-link:hover {
    z-index: 2;
    color: white;
    background-color: var(--main-color);
    border-color: var(--main-color);
}

.pagination-cus .page-item.disabled .page-link {
    color: var(--bs-secondary);
}

thead th {
    font-family: SFUIText-Bold;
    font-weight: normal;
}

.form-check-input:checked {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.form-check-input:focus {
    border-color: var(--bs-primary);
    outline: 0;
    box-shadow: none;
}

.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--single {
    border-color: var(--bs-success);
}

.border-checkbox-group {
    display: inline-block;
}

.border-checkbox-group .border-checkbox:checked+.border-checkbox-label:before {
    animation: ripple 0.3s linear forwards;
}

.border-checkbox-group .border-checkbox:checked+.border-checkbox-label:after {
    -webkit-animation: check linear 0.5s;
    animation: check linear 0.5s;
    opacity: 1;
    border-color: #007bff;
}

.border-checkbox-group .border-checkbox:checked+.border-checkbox-label:after .border-checkbox-label:before {
    border-color: #eee;
}

.border-checkbox-group .border-checkbox-label {
    position: relative;
    display: inline-block;
    cursor: pointer;
    height: 20px;
    line-height: 20px;
    padding-left: 20px;
    margin-right: 0;
    margin-bottom: 0;
    background: #fff;
}

.border-checkbox-group .border-checkbox-label:after {
    content: "";
    display: block;
    width: 6px;
    height: 12px;
    opacity: 0.9;
    border-right: 2px solid #eee;
    border-top: 2px solid #eee;
    position: absolute;
    left: 4px;
    top: 11px;
    -webkit-transform: scaleX(-1) rotate(135deg);
    transform: scaleX(-1) rotate(135deg);
    -webkit-transform-origin: left top;
    transform-origin: left top;
}

.border-checkbox-group .border-checkbox-label:before {
    content: "";
    display: block;
    border: 2px solid #007bff;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
}

.border-checkbox {
    display: none;
}

.border-checkbox:disabled~.border-checkbox-label {
    cursor: no-drop;
    color: #ccc;
}

@-webkit-keyframes check {
    0% {
        height: 0;
        width: 0;
    }

    25% {
        height: 0;
        width: 6px;
    }

    50% {
        height: 12px;
        width: 6px;
    }
}

@keyframes check {
    0% {
        height: 0;
        width: 0;
    }

    25% {
        height: 0;
        width: 6px;
    }

    50% {
        height: 12px;
        width: 6px;
    }
}

.border-checkbox-group-primary .border-checkbox-label:before {
    border: 2px solid #007bff;
}

.border-checkbox-group-primary .border-checkbox:checked+.border-checkbox-label:after {
    border-color: #007bff;
}

.border-checkbox-group-warning .border-checkbox-label:before {
    border: 2px solid #fb6340;
}

.border-checkbox-group-warning .border-checkbox:checked+.border-checkbox-label:after {
    border-color: #fb6340;
}

.border-checkbox-group-default .border-checkbox-label:before {
    border: 2px solid #d6d6d6;
}

.border-checkbox-group-default .border-checkbox:checked+.border-checkbox-label:after {
    border-color: #d6d6d6;
}

.border-checkbox-group-danger .border-checkbox-label:before {
    border: 2px solid #f5365c;
}

.border-checkbox-group-danger .border-checkbox:checked+.border-checkbox-label:after {
    border-color: #f5365c;
}

.border-checkbox-group-success .border-checkbox-label:before {
    border: 2px solid #2dce89;
}

.border-checkbox-group-success .border-checkbox:checked+.border-checkbox-label:after {
    border-color: #2dce89;
}

.border-checkbox-group-inverse .border-checkbox-label:before {
    border: 2px solid #4c5667;
}

.border-checkbox-group-inverse .border-checkbox:checked+.border-checkbox-label:after {
    border-color: #4c5667;
}

.border-checkbox-group-info .border-checkbox-label:before {
    border: 2px solid #11cdef;
}

.border-checkbox-group-info .border-checkbox:checked+.border-checkbox-label:after {
    border-color: #11cdef;
}

.checkbox-fade,
.checkbox-zoom {
    display: inline-block;
    margin-right: 15px;
}

.checkbox-fade label,
.checkbox-zoom label {
    line-height: 20px;
}

.checkbox-fade label input[type="checkbox"],
.checkbox-fade label input[type="radio"],
.checkbox-zoom label input[type="checkbox"],
.checkbox-zoom label input[type="radio"] {
    display: none;
}

.checkbox-fade label input[type="checkbox"]:checked+.cr>.cr-icon,
.checkbox-fade label input[type="radio"]:checked+.cr>.cr-icon,
.checkbox-zoom label input[type="checkbox"]:checked+.cr>.cr-icon,
.checkbox-zoom label input[type="radio"]:checked+.cr>.cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}

.checkbox-fade label input[type="checkbox"]+.cr>.cr-icon,
.checkbox-fade label input[type="radio"]+.cr>.cr-icon,
.checkbox-zoom label input[type="checkbox"]+.cr>.cr-icon,
.checkbox-zoom label input[type="radio"]+.cr>.cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all 0.3s ease-in;
}

.checkbox-fade label:after,
.checkbox-zoom label:after {
    content: "";
    display: table;
    clear: both;
}

.checkbox-fade.fade-in-disable .cr,
.checkbox-fade.fade-in-disable label,
.checkbox-zoom.fade-in-disable .cr,
.checkbox-zoom.fade-in-disable label {
    color: #ccc;
    cursor: no-drop;
}

.checkbox-fade .cr,
.checkbox-zoom .cr {
    border-radius: 0;
    border: 2px solid #007bff;
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 20px;
    margin-right: 1rem;
    position: relative;
    width: 20px;
}

.checkbox-fade .cr .cr-icon,
.checkbox-zoom .cr .cr-icon {
    color: #007bff;
    font-size: 1em;
    left: 0;
    line-height: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
}

.checkbox-fade input[type="checkbox"]:checked+.cr,
.checkbox-zoom input[type="checkbox"]:checked+.cr {
    animation: ripple 0.3s linear forwards;
}

.checkbox-fade label {
    line-height: 20px;
}

.checkbox-fade label input[type="checkbox"],
.checkbox-fade label input[type="radio"] {
    display: none;
}

.checkbox-fade label input[type="checkbox"]:checked+.cr>.cr-icon,
.checkbox-fade label input[type="radio"]:checked+.cr>.cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}

.checkbox-fade label input[type="checkbox"]+.cr>.cr-icon,
.checkbox-fade label input[type="radio"]+.cr>.cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all 0.3s ease-in;
}

.checkbox-zoom label {
    line-height: 20px;
}

.checkbox-zoom label input[type="checkbox"],
.checkbox-zoom label input[type="radio"] {
    display: none;
}

.checkbox-zoom label input[type="checkbox"]:checked+.cr>.cr-icon,
.checkbox-zoom label input[type="radio"]:checked+.cr>.cr-icon {
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    opacity: 1;
}

.checkbox-zoom label input[type="checkbox"]+.cr>.cr-icon,
.checkbox-zoom label input[type="radio"]+.cr>.cr-icon {
    transform: scale3d(0.2, 0.2, 0.1) translate3d(0, 0, 0);
    opacity: 0;
    transition: all 0.3s ease-in;
}

.checkbox-fade.fade-in-primary .cr,
.checkbox-fade.zoom-primary .cr,
.checkbox-zoom.fade-in-primary .cr,
.checkbox-zoom.zoom-primary .cr {
    border: 2px solid #007bff;
}

.checkbox-fade.fade-in-primary .cr .cr-icon,
.checkbox-fade.zoom-primary .cr .cr-icon,
.checkbox-zoom.fade-in-primary .cr .cr-icon,
.checkbox-zoom.zoom-primary .cr .cr-icon {
    color: #007bff;
}

.checkbox-fade.fade-in-warning .cr,
.checkbox-fade.zoom-warning .cr,
.checkbox-zoom.fade-in-warning .cr,
.checkbox-zoom.zoom-warning .cr {
    border: 2px solid #fb6340;
}

.checkbox-fade.fade-in-warning .cr .cr-icon,
.checkbox-fade.zoom-warning .cr .cr-icon,
.checkbox-zoom.fade-in-warning .cr .cr-icon,
.checkbox-zoom.zoom-warning .cr .cr-icon {
    color: #fb6340;
}

.checkbox-fade.fade-in-default .cr,
.checkbox-fade.zoom-default .cr,
.checkbox-zoom.fade-in-default .cr,
.checkbox-zoom.zoom-default .cr {
    border: 2px solid #d6d6d6;
}

.checkbox-fade.fade-in-default .cr .cr-icon,
.checkbox-fade.zoom-default .cr .cr-icon,
.checkbox-zoom.fade-in-default .cr .cr-icon,
.checkbox-zoom.zoom-default .cr .cr-icon {
    color: #d6d6d6;
}

.checkbox-fade.fade-in-danger .cr,
.checkbox-fade.zoom-danger .cr,
.checkbox-zoom.fade-in-danger .cr,
.checkbox-zoom.zoom-danger .cr {
    border: 2px solid #f5365c;
}

.checkbox-fade.fade-in-danger .cr .cr-icon,
.checkbox-fade.zoom-danger .cr .cr-icon,
.checkbox-zoom.fade-in-danger .cr .cr-icon,
.checkbox-zoom.zoom-danger .cr .cr-icon {
    color: #f5365c;
}

.checkbox-fade.fade-in-success .cr,
.checkbox-fade.zoom-success .cr,
.checkbox-zoom.fade-in-success .cr,
.checkbox-zoom.zoom-success .cr {
    border: 2px solid #2dce89;
}

.checkbox-fade.fade-in-success .cr .cr-icon,
.checkbox-fade.zoom-success .cr .cr-icon,
.checkbox-zoom.fade-in-success .cr .cr-icon,
.checkbox-zoom.zoom-success .cr .cr-icon {
    color: #2dce89;
}

.checkbox-fade.fade-in-inverse .cr,
.checkbox-fade.zoom-inverse .cr,
.checkbox-zoom.fade-in-inverse .cr,
.checkbox-zoom.zoom-inverse .cr {
    border: 2px solid #4c5667;
}

.checkbox-fade.fade-in-inverse .cr .cr-icon,
.checkbox-fade.zoom-inverse .cr .cr-icon,
.checkbox-zoom.fade-in-inverse .cr .cr-icon,
.checkbox-zoom.zoom-inverse .cr .cr-icon {
    color: #4c5667;
}

.checkbox-fade.fade-in-info .cr,
.checkbox-fade.zoom-info .cr,
.checkbox-zoom.fade-in-info .cr,
.checkbox-zoom.zoom-info .cr {
    border: 2px solid #11cdef;
}

.checkbox-fade.fade-in-info .cr .cr-icon,
.checkbox-fade.zoom-info .cr .cr-icon,
.checkbox-zoom.fade-in-info .cr .cr-icon,
.checkbox-zoom.zoom-info .cr .cr-icon {
    color: #11cdef;
}

.form-permission .border-checkbox-label,
.border-checkbox-group.has-label .border-checkbox-label {
    padding-left: 30px;
}



.full {
    display: block;
    z-index: 9;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.nav {
    --bs-nav-link-color: #333;
    --bs-nav-link-padding-x: 1.8rem;
    --bs-nav-link-padding-y: 0.6rem;
    --bs-nav-link-hover-color: var(--main-color);
    font: 14px SFUIText-SemiBold;
}

.nav-link {
    border-top-width: 2px !important;
    --bs-nav-link-font-size: 13px
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    border-top-color: var(--main-color);
    color: var(--main-color);
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: #dc3545 !important;
}

header {
    background: var(--main-color);
    color: #fff;
    padding: 20px 0;
}

header h2 {
    font: 20px SFUIText-Bold
}

.form-search {
    width: 350px;
}


.titleAdd {
    font: 15px SFUIText-Bold;
    padding: 10px;
    background: linear-gradient(to right, #09815b, #62ba9e);
    color: #fff;
    border-radius: 5px;
}

.load-ma {
    position: absolute;
    right: 5px;
    top: 5px;
    height: calc(100% - 6px);
    background: var(--bs-warning);
    border-radius: 0.375rem;
    line-height: 27.5px;
    width: 27.5px;
    height: 27.5px;
    text-align: center;
    cursor: pointer;
}

.domain-quantity {
    width: 100%;
    display: flex;
    align-items: center;
}

.domain-quantity button {
    width: 30px;
    height: 30px;
    outline: none;
    border: none;
    background: var(--bs-warning);
    border-radius: 5px;
}

.domain-quantity input {
    height: 30px;
    margin: 0 5px;
    width: calc(100% - 70px);
    outline: none;
    border-radius: 5px;
    border: 1px solid var(--bs-warning);
    padding: 0 10px;
    font-family: SFUIText-Bold;
}

.bg-login {
    background: radial-gradient(circle at 50% 50%, rgba(20, 164, 77, .1) 0, rgba(20, 164, 77, .1) 33.333%, rgba(20, 164, 77, .2) 33.333%, rgba(20, 164, 77, .2) 66.666%, rgba(20, 164, 77, .3) 66.666%, rgba(20, 164, 77, .3) 99.999%);
}

.login-icon {
    width: 250px;
    height: 250px;
    background:#fff url(../images/vps.png) no-repeat center center;
    background-size: 80%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}