:root,[data-bs-theme=light] {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000000;
    --bs-white: #ffffff;
    --bs-gray: #78829D;
    --bs-gray-dark: #252F4A;
    --bs-gray-100: #F9F9F9;
    --bs-gray-200: #F1F1F4;
    --bs-gray-300: #DBDFE9;
    --bs-gray-400: #C4CADA;
    --bs-gray-500: #99A1B7;
    --bs-gray-600: #78829D;
    --bs-gray-700: #4B5675;
    --bs-gray-800: #252F4A;
    --bs-gray-900: #071437;
    --bs-light: #F9F9F9;
    --bs-primary: #1B84FF;
    --bs-secondary: #F1F1F4;
    --bs-success: #00cf5e;
    --bs-info: #7239EA;
    --bs-warning: #F6C000;
    --bs-danger: #F8285A;
    --bs-dark: #1E2129;
    --bs-light-rgb: 249,249,249;
    --bs-primary-rgb: 27,132,255;
    --bs-secondary-rgb: 241,241,244;
    --bs-success-rgb: 23,198,83;
    --bs-info-rgb: 114,57,234;
    --bs-warning-rgb: 246,192,0;
    --bs-danger-rgb: 248,40,90;
    --bs-dark-rgb: 30,33,41;
    --bs-primary-text-emphasis: #0b3566;
    --bs-secondary-text-emphasis: #606062;
    --bs-success-text-emphasis: #094f21;
    --bs-info-text-emphasis: #2e175e;
    --bs-warning-text-emphasis: #624d00;
    --bs-danger-text-emphasis: #631024;
    --bs-light-text-emphasis: #4B5675;
    --bs-dark-text-emphasis: #4B5675;
    --bs-primary-bg-subtle: #d1e6ff;
    --bs-secondary-bg-subtle: #fcfcfd;
    --bs-success-bg-subtle: #d1f4dd;
    --bs-info-bg-subtle: #e3d7fb;
    --bs-warning-bg-subtle: #fdf2cc;
    --bs-danger-bg-subtle: #fed4de;
    --bs-light-bg-subtle: #fcfcfc;
    --bs-dark-bg-subtle: #C4CADA;
    --bs-primary-border-subtle: #a4ceff;
    --bs-secondary-border-subtle: #f9f9fb;
    --bs-success-border-subtle: #a2e8ba;
    --bs-info-border-subtle: #c7b0f7;
    --bs-warning-border-subtle: #fbe699;
    --bs-danger-border-subtle: #fca9bd;
    --bs-light-border-subtle: #F1F1F4;
    --bs-dark-border-subtle: #99A1B7;
    --bs-white-rgb: 255,255,255;
    --bs-black-rgb: 0,0,0;
    --bs-font-sans-serif: Inter,Helvetica,"sans-serif";
    --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 0.9rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #5f6167;
    --bs-body-color-rgb: 7,20,55;
    --bs-body-bg: #ffffff;
    --bs-body-bg-rgb: 255,255,255;
    --bs-emphasis-color: #000000;
    --bs-emphasis-color-rgb: 0,0,0;
    --bs-secondary-color: rgba(7, 20, 55, 0.75);
    --bs-secondary-color-rgb: 7,20,55;
    --bs-secondary-bg: #F1F1F4;
    --bs-secondary-bg-rgb: 241,241,244;
    --bs-tertiary-color: rgba(7, 20, 55, 0.5);
    --bs-tertiary-color-rgb: 7,20,55;
    --bs-tertiary-bg: #F9F9F9;
    --bs-tertiary-bg-rgb: 249,249,249;
    --bs-heading-color: #071437;
    --bs-link-color: #1B84FF;
    --bs-link-color-rgb: 27,132,255;
    --bs-link-decoration: none;
    --bs-link-hover-color: #056EE9;
    --bs-link-hover-color-rgb: 5,110,233;
    --bs-link-hover-decoration: none;
    --bs-code-color: #b93993;
    --bs-highlight-color: #071437;
    --bs-highlight-bg: #fff3cd;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #F1F1F4;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.65rem;
    --bs-border-radius-sm: 0.55rem;
    --bs-border-radius-lg: 1rem;
    --bs-border-radius-xl: 1.25rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-sm: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05);
    --bs-box-shadow-lg: 0 1rem 2rem 1rem rgba(0, 0, 0, 0.1);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --bs-focus-ring-width: 0.25rem;
    --bs-focus-ring-opacity: 0.25;
    --bs-focus-ring-color: rgba(27, 132, 255, 0.25);
    --bs-form-valid-color: #17C653;
    --bs-form-valid-border-color: #17C653;
    --bs-form-invalid-color: #F8285A;
    --bs-form-invalid-border-color: #F8285A
}

.btn {
    --bs-btn-padding-x: 0.8rem;
    --bs-btn-padding-y: 0.575rem;
    --bs-btn-font-size: 13px!important;
    --bs-btn-font-weight: 430;
    --bs-btn-line-height: 1.6;
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-width: 1px;
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: 0.475rem;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: none;
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    box-shadow: var(--bs-btn-box-shadow);
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

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

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

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

.btn:focus-visible {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-box-shadow),var(--bs-btn-focus-box-shadow)
}

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

.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active {
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color);
    box-shadow: var(--bs-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(--bs-btn-active-shadow),var(--bs-btn-focus-box-shadow)
}

.btn-check:checked:focus-visible+.btn {
    box-shadow: var(--bs-btn-active-shadow),var(--bs-btn-focus-box-shadow)
}

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

.btn-light {
    --bs-btn-color: #000000;
    --bs-btn-bg: #F9F9F9;
    --bs-btn-border-color: #F9F9F9;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #d4d4d4;
    --bs-btn-hover-border-color: #c7c7c7;
    --bs-btn-focus-shadow-rgb: 212,212,212;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #c7c7c7;
    --bs-btn-active-border-color: #bbbbbb;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #000000;
    --bs-btn-disabled-bg: #F9F9F9;
    --bs-btn-disabled-border-color: #F9F9F9
}

.btn-primary {
    --bs-btn-color: #000000;
    --bs-btn-bg: #009ef7;
    --bs-btn-border-color: #009ef7;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #26adf8;
    --bs-btn-hover-border-color: #1aa8f8;
    --bs-btn-focus-shadow-rgb: 0,134,210;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #33b1f9;
    --bs-btn-active-border-color: #1aa8f8;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #000000;
    --bs-btn-disabled-bg: #009ef7;
    --bs-btn-disabled-border-color: #009ef7
}

.btn-secondary {
    --bs-btn-color: #000000;
    --bs-btn-bg: #F1F1F4;
    --bs-btn-border-color: #F1F1F4;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #f3f3f6;
    --bs-btn-hover-border-color: #f2f2f5;
    --bs-btn-focus-shadow-rgb: 205,205,207;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #f4f4f6;
    --bs-btn-active-border-color: #f2f2f5;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #000000;
    --bs-btn-disabled-bg: #F1F1F4;
    --bs-btn-disabled-border-color: #F1F1F4
}

.btn-success {
    --bs-btn-color: #000000;
    --bs-btn-bg: #50cd89;
    --bs-btn-border-color: #50cd89;
    --bs-btn-hover-color: #fffefe;
    --bs-btn-hover-bg: #6ad59b;
    --bs-btn-hover-border-color: #62d295;
    --bs-btn-focus-shadow-rgb: 68,174,116;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #73d7a1;
    --bs-btn-active-border-color: #62d295;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #000000;
    --bs-btn-disabled-bg: #50cd89;
    --bs-btn-disabled-border-color: #50cd89
}

.btn-info {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #7239ea;
    --bs-btn-border-color: #7239ea;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #6130c7;
    --bs-btn-hover-border-color: #5b2ebb;
    --bs-btn-focus-shadow-rgb: 135,87,237;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #5b2ebb;
    --bs-btn-active-border-color: #562bb0;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #7239ea;
    --bs-btn-disabled-border-color: #7239ea
}

.btn-warning {
    --bs-btn-color: #000000;
    --bs-btn-bg: #ffc700;
    --bs-btn-border-color: #ffc700;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #ffcf26;
    --bs-btn-hover-border-color: #ffcd1a;
    --bs-btn-focus-shadow-rgb: 217,169,0;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #ffd233;
    --bs-btn-active-border-color: #ffcd1a;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #000000;
    --bs-btn-disabled-bg: #ffc700;
    --bs-btn-disabled-border-color: #ffc700
}

.btn-danger {
    --bs-btn-color: #000000;
    --bs-btn-bg: #f1416c;
    --bs-btn-border-color: #f1416c;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #f35e82;
    --bs-btn-hover-border-color: #f2547b;
    --bs-btn-focus-shadow-rgb: 205,55,92;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #f46789;
    --bs-btn-active-border-color: #f2547b;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #000000;
    --bs-btn-disabled-bg: #f1416c;
    --bs-btn-disabled-border-color: #f1416c
}

.btn-dark {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #1E2129;
    --bs-btn-border-color: #1E2129;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #404249;
    --bs-btn-hover-border-color: #35373e;
    --bs-btn-focus-shadow-rgb: 64,66,73;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #4b4d54;
    --bs-btn-active-border-color: #35373e;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #1E2129;
    --bs-btn-disabled-border-color: #1E2129
}

.btn-outline-light {
    --bs-btn-color: #F9F9F9;
    --bs-btn-border-color: #F9F9F9;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #F9F9F9;
    --bs-btn-hover-border-color: #F9F9F9;
    --bs-btn-focus-shadow-rgb: 249,249,249;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #F9F9F9;
    --bs-btn-active-border-color: #F9F9F9;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #F9F9F9;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #F9F9F9;
    --bs-gradient: none
}

.btn-outline-primary {
    --bs-btn-color: #009ef7;
    --bs-btn-border-color: #009ef7;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #009ef7;
    --bs-btn-hover-border-color: #009ef7;
    --bs-btn-focus-shadow-rgb: 0,158,247;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #009ef7;
    --bs-btn-active-border-color: #009ef7;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #009ef7;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #009ef7;
    --bs-gradient: none
}

.btn-outline-secondary {
    --bs-btn-color: #F1F1F4;
    --bs-btn-border-color: #F1F1F4;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #F1F1F4;
    --bs-btn-hover-border-color: #F1F1F4;
    --bs-btn-focus-shadow-rgb: 241,241,244;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #F1F1F4;
    --bs-btn-active-border-color: #F1F1F4;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #F1F1F4;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #F1F1F4;
    --bs-gradient: none
}

.btn-outline-success {
    --bs-btn-color: #50cd89;
    --bs-btn-border-color: #50cd89;
    --bs-btn-hover-color: #50cd89;
    --bs-btn-hover-bg: #50cd89;
    --bs-btn-hover-border-color: #50cd89;
    --bs-btn-focus-shadow-rgb: 80,205,137;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #50cd89;
    --bs-btn-active-border-color: #50cd89;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #50cd89;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #50cd89;
    --bs-gradient: none
}

.btn-outline-info {
    --bs-btn-color: #7239ea;
    --bs-btn-border-color: #7239ea;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #7239ea;
    --bs-btn-hover-border-color: #7239ea;
    --bs-btn-focus-shadow-rgb: 114,57,234;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #7239ea;
    --bs-btn-active-border-color: #7239ea;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #7239ea;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #7239ea;
    --bs-gradient: none
}

.btn-outline-warning {
    --bs-btn-color: #ffc700;
    --bs-btn-border-color: #ffc700;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #ffc700;
    --bs-btn-hover-border-color: #ffc700;
    --bs-btn-focus-shadow-rgb: 255,199,0;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #ffc700;
    --bs-btn-active-border-color: #ffc700;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #ffc700;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ffc700;
    --bs-gradient: none
}

.btn-outline-danger {
    --bs-btn-color: #f1416c;
    --bs-btn-border-color: #f1416c;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #f1416c;
    --bs-btn-hover-border-color: #f1416c;
    --bs-btn-focus-shadow-rgb: 241,65,108;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #f1416c;
    --bs-btn-active-border-color: #f1416c;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #f1416c;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #f1416c;
    --bs-gradient: none
}

.btn-outline-dark {
    --bs-btn-color: #1E2129;
    --bs-btn-border-color: #1E2129;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #1E2129;
    --bs-btn-hover-border-color: #1E2129;
    --bs-btn-focus-shadow-rgb: 30,33,41;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #1E2129;
    --bs-btn-active-border-color: #1E2129;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #1E2129;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #1E2129;
    --bs-gradient: none
}

.btn-link {
    --bs-btn-font-weight: 400;
    --bs-btn-color: var(--bs-link-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--bs-link-hover-color);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: var(--bs-link-hover-color);
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: var(--bs-gray-600);
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-box-shadow: 0 0 0 #000;
    --bs-btn-focus-shadow-rgb: 0,134,210;
    text-decoration: none
}

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

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

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

.btn-group-lg>.btn,.btn-lg {
    --bs-btn-padding-y: 0.825rem;
    --bs-btn-padding-x: 1.75rem;
    --bs-btn-font-size: 1.15rem;
    --bs-btn-border-radius: 0.625rem
}

.btn-group-sm>.btn,.btn-sm {
    --bs-btn-padding-y: 0.3rem;
    --bs-btn-padding-x: 1rem;
    --bs-btn-font-size: 0.75rem;
    --bs-btn-border-radius: 0.425rem;
}
.btn {
    --bs-btn-color: var(--bs-body-color);
    outline: 0!important
}
.btn-group .btn-secondary,.input-group .btn-secondary {
    border-right: 1px solid #626c7f;
    border-left: 1px solid #626c7f;
}

.btn:not(.btn-shadow):not(.shadow):not(.shadow-sm):not(.shadow-lg):not(.shadow-xs) {
    box-shadow: none
}

.btn:not(.btn-outline):not(.btn-dashed):not(.btn-bordered):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon):not(.btn-hover-outline) {
    border: 0;
    padding: calc(.5rem + 1px) calc(0.9rem + 1px);
}
.btn[class*=btn-]:not([class*=btn-label-]):not([class*=btn-outline-]):not([class*=btn-text-]):not(.btn-icon):not(:disabled):not(.disabled) {
    box-shadow: 0 .125rem .375rem 0 rgba(38,43,67,.14);
}

.btn-group-lg>.btn:not(.btn-outline):not(.btn-dashed):not(.btn-bordered):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon):not(.btn-hover-outline),.btn:not(.btn-outline):not(.btn-dashed):not(.btn-bordered):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon):not(.btn-hover-outline).btn-lg {
    padding: calc(.825rem + 1px) calc(1.75rem + 1px)
}

.btn-group-sm>.btn:not(.btn-outline):not(.btn-dashed):not(.btn-bordered):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon):not(.btn-hover-outline),.btn:not(.btn-outline):not(.btn-dashed):not(.btn-bordered):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon):not(.btn-hover-outline).btn-sm {
    padding: calc(.2rem + 1px) calc(0.7rem + 1px);
}

.btn.btn-link {
    border: 0;
    border-radius: 0;
    padding-left: 0!important;
    padding-right: 0!important;
    text-decoration: none;
    font-weight: 500
}

.btn.btn-outline:not(.btn-outline-dashed) {
    border: 1px solid var(--bs-gray-300);
}

.btn.btn-outline-dashed {
    border: 1px dashed var(--bs-gray-300)
}

.btn.btn-flush {
    appearance: none;
    box-shadow: none;
    border-radius: 0;
    border: none;
    cursor: pointer;
    background-color: transparent;
    outline: 0!important;
    margin: 0;
    padding: 0
}

.btn.btn-flex {
    display: inline-flex;
    align-items: center
}

.btn.btn-trim-start {
    justify-content: flex-start!important;
    padding-left: 0!important
}

.btn.btn-trim-end {
    justify-content: flex-end!important;
    padding-right: 0!important
}

.btn-reset {
    background-color: transparent;
    border: 0;
    box-shadow: none;
    user-select: none;
    outline: 0
}

.btn>i {
    display: inline-flex;
    font-size: 1rem;
    padding-right: .35rem;
    vertical-align: middle
}

.btn.btn-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    height: calc(1.5em + 1.55rem + 2px);
    width: calc(1.5em + 1.55rem + 2px);
    line-height: 1
}

.btn.btn-icon i {
    padding-right: 0
}

.btn.btn-icon:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush) {
    border: 0
}

.btn-group-sm>.btn.btn-icon,.btn.btn-icon.btn-sm {
    height: calc(1.5em + 1.1rem + 2px);
    width: calc(1.5em + 1.1rem + 2px)
}

.btn-group-lg>.btn.btn-icon,.btn.btn-icon.btn-lg {
    height: calc(1.5em + 1.65rem + 2px);
    width: calc(1.5em + 1.65rem + 2px)
}

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

.btn.btn-outline.btn-outline-dashed {
    border-width: 1px;
    border-style: dashed
}

.btn-check:active+.btn.btn-outline.btn-outline-dashed,.btn-check:checked+.btn.btn-outline.btn-outline-dashed,.btn.btn-outline.btn-outline-dashed.active,.btn.btn-outline.btn-outline-dashed.show,.btn.btn-outline.btn-outline-dashed:active:not(.btn-active),.btn.btn-outline.btn-outline-dashed:focus:not(.btn-active),.btn.btn-outline.btn-outline-dashed:hover:not(.btn-active),.show>.btn.btn-outline.btn-outline-dashed {
    border-color: var(--bs-primary)
}

.btn.btn-hover-outline {
    border-width: 1px;
    border-style: solid
}

.btn-check:active+.btn.btn-hover-outline,.btn-check:checked+.btn.btn-hover-outline,.btn.btn-hover-outline.active,.btn.btn-hover-outline.show,.btn.btn-hover-outline:active:not(.btn-active),.btn.btn-hover-outline:focus:not(.btn-active),.btn.btn-hover-outline:hover:not(.btn-active),.show>.btn.btn-hover-outline {
    border-color: var(--bs-gray-300)
}

.btn.btn-light {
    color: var(--bs-light-inverse);
    border-color: var(--bs-light);
    background-color: var(--bs-light)
}

.btn.btn-light .svg-icon,.btn.btn-light i {
    color: var(--bs-light-inverse)
}

.btn.btn-light.dropdown-toggle:after {
    color: var(--bs-light-inverse)
}

.btn-check:active+.btn.btn-light,.btn-check:checked+.btn.btn-light,.btn.btn-light.active,.btn.btn-light.show,.btn.btn-light:active:not(.btn-active),.btn.btn-light:focus:not(.btn-active),.btn.btn-light:hover:not(.btn-active),.show>.btn.btn-light {
    color: var(--bs-light-inverse);
    border-color: var(--bs-light-active);
    background-color: var(--bs-light-active)!important
}

.btn-check:active+.btn.btn-light .svg-icon,.btn-check:active+.btn.btn-light i,.btn-check:checked+.btn.btn-light .svg-icon,.btn-check:checked+.btn.btn-light i,.btn.btn-light.active .svg-icon,.btn.btn-light.active i,.btn.btn-light.show .svg-icon,.btn.btn-light.show i,.btn.btn-light:active:not(.btn-active) .svg-icon,.btn.btn-light:active:not(.btn-active) i,.btn.btn-light:focus:not(.btn-active) .svg-icon,.btn.btn-light:focus:not(.btn-active) i,.btn.btn-light:hover:not(.btn-active) .svg-icon,.btn.btn-light:hover:not(.btn-active) i,.show>.btn.btn-light .svg-icon,.show>.btn.btn-light i {
    color: var(--bs-light-inverse)
}

.btn-check:active+.btn.btn-light.dropdown-toggle:after,.btn-check:checked+.btn.btn-light.dropdown-toggle:after,.btn.btn-light.active.dropdown-toggle:after,.btn.btn-light.show.dropdown-toggle:after,.btn.btn-light:active:not(.btn-active).dropdown-toggle:after,.btn.btn-light:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-light:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-light.dropdown-toggle:after {
    color: var(--bs-light-inverse)
}

.btn.btn-light-light {
    color: var(--bs-light);
    border-color: var(--bs-light-light);
    background-color: var(--bs-light-light)
}

.btn.btn-light-light .svg-icon,.btn.btn-light-light i {
    color: var(--bs-light)
}

.btn.btn-light-light.dropdown-toggle:after {
    color: var(--bs-light)
}

.btn-check:active+.btn.btn-light-light,.btn-check:checked+.btn.btn-light-light,.btn.btn-light-light.active,.btn.btn-light-light.show,.btn.btn-light-light:active:not(.btn-active),.btn.btn-light-light:focus:not(.btn-active),.btn.btn-light-light:hover:not(.btn-active),.show>.btn.btn-light-light {
    color: var(--bs-light-inverse);
    border-color: var(--bs-light);
    background-color: var(--bs-light)!important
}

.btn-check:active+.btn.btn-light-light .svg-icon,.btn-check:active+.btn.btn-light-light i,.btn-check:checked+.btn.btn-light-light .svg-icon,.btn-check:checked+.btn.btn-light-light i,.btn.btn-light-light.active .svg-icon,.btn.btn-light-light.active i,.btn.btn-light-light.show .svg-icon,.btn.btn-light-light.show i,.btn.btn-light-light:active:not(.btn-active) .svg-icon,.btn.btn-light-light:active:not(.btn-active) i,.btn.btn-light-light:focus:not(.btn-active) .svg-icon,.btn.btn-light-light:focus:not(.btn-active) i,.btn.btn-light-light:hover:not(.btn-active) .svg-icon,.btn.btn-light-light:hover:not(.btn-active) i,.show>.btn.btn-light-light .svg-icon,.show>.btn.btn-light-light i {
    color: var(--bs-light-inverse)
}

.btn-check:active+.btn.btn-light-light.dropdown-toggle:after,.btn-check:checked+.btn.btn-light-light.dropdown-toggle:after,.btn.btn-light-light.active.dropdown-toggle:after,.btn.btn-light-light.show.dropdown-toggle:after,.btn.btn-light-light:active:not(.btn-active).dropdown-toggle:after,.btn.btn-light-light:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-light-light:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-light-light.dropdown-toggle:after {
    color: var(--bs-light-inverse)
}

.btn.btn-bg-light {
    border-color: var(--bs-light);
    background-color: var(--bs-light)
}

.btn-check:active+.btn.btn-active-light,.btn-check:checked+.btn.btn-active-light,.btn.btn-active-light.active,.btn.btn-active-light.show,.btn.btn-active-light:active:not(.btn-active),.btn.btn-active-light:focus:not(.btn-active),.btn.btn-active-light:hover:not(.btn-active),.show>.btn.btn-active-light {
    color: var(--bs-light-inverse);
    border-color: var(--bs-light);
    background-color: var(--bs-light)!important
}

.btn-check:active+.btn.btn-active-light .svg-icon,.btn-check:active+.btn.btn-active-light i,.btn-check:checked+.btn.btn-active-light .svg-icon,.btn-check:checked+.btn.btn-active-light i,.btn.btn-active-light.active .svg-icon,.btn.btn-active-light.active i,.btn.btn-active-light.show .svg-icon,.btn.btn-active-light.show i,.btn.btn-active-light:active:not(.btn-active) .svg-icon,.btn.btn-active-light:active:not(.btn-active) i,.btn.btn-active-light:focus:not(.btn-active) .svg-icon,.btn.btn-active-light:focus:not(.btn-active) i,.btn.btn-active-light:hover:not(.btn-active) .svg-icon,.btn.btn-active-light:hover:not(.btn-active) i,.show>.btn.btn-active-light .svg-icon,.show>.btn.btn-active-light i {
    color: var(--bs-light-inverse)
}

.btn-check:active+.btn.btn-active-light.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-light.dropdown-toggle:after,.btn.btn-active-light.active.dropdown-toggle:after,.btn.btn-active-light.show.dropdown-toggle:after,.btn.btn-active-light:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-light:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-light:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-light.dropdown-toggle:after {
    color: var(--bs-light-inverse)
}

.btn-check:active+.btn.btn-active-light-light,.btn-check:checked+.btn.btn-active-light-light,.btn.btn-active-light-light.active,.btn.btn-active-light-light.show,.btn.btn-active-light-light:active:not(.btn-active),.btn.btn-active-light-light:focus:not(.btn-active),.btn.btn-active-light-light:hover:not(.btn-active),.show>.btn.btn-active-light-light {
    color: var(--bs-light);
    border-color: var(--bs-light-light);
    background-color: var(--bs-light-light)!important
}

.btn-check:active+.btn.btn-active-light-light .svg-icon,.btn-check:active+.btn.btn-active-light-light i,.btn-check:checked+.btn.btn-active-light-light .svg-icon,.btn-check:checked+.btn.btn-active-light-light i,.btn.btn-active-light-light.active .svg-icon,.btn.btn-active-light-light.active i,.btn.btn-active-light-light.show .svg-icon,.btn.btn-active-light-light.show i,.btn.btn-active-light-light:active:not(.btn-active) .svg-icon,.btn.btn-active-light-light:active:not(.btn-active) i,.btn.btn-active-light-light:focus:not(.btn-active) .svg-icon,.btn.btn-active-light-light:focus:not(.btn-active) i,.btn.btn-active-light-light:hover:not(.btn-active) .svg-icon,.btn.btn-active-light-light:hover:not(.btn-active) i,.show>.btn.btn-active-light-light .svg-icon,.show>.btn.btn-active-light-light i {
    color: var(--bs-light)
}

.btn-check:active+.btn.btn-active-light-light.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-light-light.dropdown-toggle:after,.btn.btn-active-light-light.active.dropdown-toggle:after,.btn.btn-active-light-light.show.dropdown-toggle:after,.btn.btn-active-light-light:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-light-light:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-light-light:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-light-light.dropdown-toggle:after {
    color: var(--bs-light)
}

.btn.btn-outline.btn-outline-light {
    color: var(--bs-light);
    border-color: var(--bs-light);
    background-color: transparent
}

.btn.btn-outline.btn-outline-light .svg-icon,.btn.btn-outline.btn-outline-light i {
    color: var(--bs-light)
}

.btn.btn-outline.btn-outline-light.dropdown-toggle:after {
    color: var(--bs-light)
}

.btn-check:active+.btn.btn-outline.btn-outline-light,.btn-check:checked+.btn.btn-outline.btn-outline-light,.btn.btn-outline.btn-outline-light.active,.btn.btn-outline.btn-outline-light.show,.btn.btn-outline.btn-outline-light:active:not(.btn-active),.btn.btn-outline.btn-outline-light:focus:not(.btn-active),.btn.btn-outline.btn-outline-light:hover:not(.btn-active),.show>.btn.btn-outline.btn-outline-light {
    color: var(--bs-light-active);
    border-color: var(--bs-light);
    background-color: var(--bs-light-light)!important
}

.btn-check:active+.btn.btn-outline.btn-outline-light .svg-icon,.btn-check:active+.btn.btn-outline.btn-outline-light i,.btn-check:checked+.btn.btn-outline.btn-outline-light .svg-icon,.btn-check:checked+.btn.btn-outline.btn-outline-light i,.btn.btn-outline.btn-outline-light.active .svg-icon,.btn.btn-outline.btn-outline-light.active i,.btn.btn-outline.btn-outline-light.show .svg-icon,.btn.btn-outline.btn-outline-light.show i,.btn.btn-outline.btn-outline-light:active:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-light:active:not(.btn-active) i,.btn.btn-outline.btn-outline-light:focus:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-light:focus:not(.btn-active) i,.btn.btn-outline.btn-outline-light:hover:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-light:hover:not(.btn-active) i,.show>.btn.btn-outline.btn-outline-light .svg-icon,.show>.btn.btn-outline.btn-outline-light i {
    color: var(--bs-light-active)
}

.btn-check:active+.btn.btn-outline.btn-outline-light.dropdown-toggle:after,.btn-check:checked+.btn.btn-outline.btn-outline-light.dropdown-toggle:after,.btn.btn-outline.btn-outline-light.active.dropdown-toggle:after,.btn.btn-outline.btn-outline-light.show.dropdown-toggle:after,.btn.btn-outline.btn-outline-light:active:not(.btn-active).dropdown-toggle:after,.btn.btn-outline.btn-outline-light:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-outline.btn-outline-light:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-outline.btn-outline-light.dropdown-toggle:after {
    color: var(--bs-light-active)
}

.btn.btn-primary {
    color: var(--bs-primary-inverse);
    border-color: var(--bs-primary);
    background-color: var(--bs-primary)
}

.btn.btn-primary .svg-icon,.btn.btn-primary i {
    color: var(--bs-primary-inverse)
}

.btn.btn-primary.dropdown-toggle:after {
    color: var(--bs-primary-inverse)
}

.btn-check:active+.btn.btn-primary,.btn-check:checked+.btn.btn-primary,.btn.btn-primary.active,.btn.btn-primary.show,.btn.btn-primary:active:not(.btn-active),.btn.btn-primary:focus:not(.btn-active),.btn.btn-primary:hover:not(.btn-active),.show>.btn.btn-primary {
    color: var(--bs-primary-inverse);
    border-color: var(--bs-primary-active);
    background-color: var(--bs-primary-active)!important
}

.btn-check:active+.btn.btn-primary .svg-icon,.btn-check:active+.btn.btn-primary i,.btn-check:checked+.btn.btn-primary .svg-icon,.btn-check:checked+.btn.btn-primary i,.btn.btn-primary.active .svg-icon,.btn.btn-primary.active i,.btn.btn-primary.show .svg-icon,.btn.btn-primary.show i,.btn.btn-primary:active:not(.btn-active) .svg-icon,.btn.btn-primary:active:not(.btn-active) i,.btn.btn-primary:focus:not(.btn-active) .svg-icon,.btn.btn-primary:focus:not(.btn-active) i,.btn.btn-primary:hover:not(.btn-active) .svg-icon,.btn.btn-primary:hover:not(.btn-active) i,.show>.btn.btn-primary .svg-icon,.show>.btn.btn-primary i {
    color: var(--bs-primary-inverse)
}

.btn-check:active+.btn.btn-primary.dropdown-toggle:after,.btn-check:checked+.btn.btn-primary.dropdown-toggle:after,.btn.btn-primary.active.dropdown-toggle:after,.btn.btn-primary.show.dropdown-toggle:after,.btn.btn-primary:active:not(.btn-active).dropdown-toggle:after,.btn.btn-primary:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-primary:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-primary.dropdown-toggle:after {
    color: var(--bs-primary-inverse)
}

.btn.btn-light-primary {
    color: var(--bs-primary);
    border-color: var(--bs-primary-light);
    background-color: var(--bs-primary-light)
}

.btn.btn-light-primary .svg-icon,.btn.btn-light-primary i {
    color: var(--bs-primary)
}

.btn.btn-light-primary.dropdown-toggle:after {
    color: var(--bs-primary)
}

.btn-check:active+.btn.btn-light-primary,.btn-check:checked+.btn.btn-light-primary,.btn.btn-light-primary.active,.btn.btn-light-primary.show,.btn.btn-light-primary:active:not(.btn-active),.btn.btn-light-primary:focus:not(.btn-active),.btn.btn-light-primary:hover:not(.btn-active),.show>.btn.btn-light-primary {
    color: var(--bs-primary-inverse);
    border-color: var(--bs-primary);
    background-color: var(--bs-primary)!important
}

.btn-check:active+.btn.btn-light-primary .svg-icon,.btn-check:active+.btn.btn-light-primary i,.btn-check:checked+.btn.btn-light-primary .svg-icon,.btn-check:checked+.btn.btn-light-primary i,.btn.btn-light-primary.active .svg-icon,.btn.btn-light-primary.active i,.btn.btn-light-primary.show .svg-icon,.btn.btn-light-primary.show i,.btn.btn-light-primary:active:not(.btn-active) .svg-icon,.btn.btn-light-primary:active:not(.btn-active) i,.btn.btn-light-primary:focus:not(.btn-active) .svg-icon,.btn.btn-light-primary:focus:not(.btn-active) i,.btn.btn-light-primary:hover:not(.btn-active) .svg-icon,.btn.btn-light-primary:hover:not(.btn-active) i,.show>.btn.btn-light-primary .svg-icon,.show>.btn.btn-light-primary i {
    color: var(--bs-primary-inverse)
}

.btn-check:active+.btn.btn-light-primary.dropdown-toggle:after,.btn-check:checked+.btn.btn-light-primary.dropdown-toggle:after,.btn.btn-light-primary.active.dropdown-toggle:after,.btn.btn-light-primary.show.dropdown-toggle:after,.btn.btn-light-primary:active:not(.btn-active).dropdown-toggle:after,.btn.btn-light-primary:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-light-primary:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-light-primary.dropdown-toggle:after {
    color: var(--bs-primary-inverse)
}

.btn.btn-bg-primary {
    border-color: var(--bs-primary);
    background-color: var(--bs-primary)
}

.btn-check:active+.btn.btn-active-primary,.btn-check:checked+.btn.btn-active-primary,.btn.btn-active-primary.active,.btn.btn-active-primary.show,.btn.btn-active-primary:active:not(.btn-active),.btn.btn-active-primary:focus:not(.btn-active),.btn.btn-active-primary:hover:not(.btn-active),.show>.btn.btn-active-primary {
    color: var(--bs-primary-inverse);
    border-color: var(--bs-primary);
    background-color: var(--bs-primary)!important
}

.btn-check:active+.btn.btn-active-primary .svg-icon,.btn-check:active+.btn.btn-active-primary i,.btn-check:checked+.btn.btn-active-primary .svg-icon,.btn-check:checked+.btn.btn-active-primary i,.btn.btn-active-primary.active .svg-icon,.btn.btn-active-primary.active i,.btn.btn-active-primary.show .svg-icon,.btn.btn-active-primary.show i,.btn.btn-active-primary:active:not(.btn-active) .svg-icon,.btn.btn-active-primary:active:not(.btn-active) i,.btn.btn-active-primary:focus:not(.btn-active) .svg-icon,.btn.btn-active-primary:focus:not(.btn-active) i,.btn.btn-active-primary:hover:not(.btn-active) .svg-icon,.btn.btn-active-primary:hover:not(.btn-active) i,.show>.btn.btn-active-primary .svg-icon,.show>.btn.btn-active-primary i {
    color: var(--bs-primary-inverse)
}

.btn-check:active+.btn.btn-active-primary.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-primary.dropdown-toggle:after,.btn.btn-active-primary.active.dropdown-toggle:after,.btn.btn-active-primary.show.dropdown-toggle:after,.btn.btn-active-primary:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-primary:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-primary:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-primary.dropdown-toggle:after {
    color: var(--bs-primary-inverse)
}

.btn-check:active+.btn.btn-active-light-primary,.btn-check:checked+.btn.btn-active-light-primary,.btn.btn-active-light-primary.active,.btn.btn-active-light-primary.show,.btn.btn-active-light-primary:active:not(.btn-active),.btn.btn-active-light-primary:focus:not(.btn-active),.btn.btn-active-light-primary:hover:not(.btn-active),.show>.btn.btn-active-light-primary {
    color: var(--bs-primary);
    border-color: var(--bs-primary-light);
    background-color: var(--bs-primary-light)!important
}

.btn-check:active+.btn.btn-active-light-primary .svg-icon,.btn-check:active+.btn.btn-active-light-primary i,.btn-check:checked+.btn.btn-active-light-primary .svg-icon,.btn-check:checked+.btn.btn-active-light-primary i,.btn.btn-active-light-primary.active .svg-icon,.btn.btn-active-light-primary.active i,.btn.btn-active-light-primary.show .svg-icon,.btn.btn-active-light-primary.show i,.btn.btn-active-light-primary:active:not(.btn-active) .svg-icon,.btn.btn-active-light-primary:active:not(.btn-active) i,.btn.btn-active-light-primary:focus:not(.btn-active) .svg-icon,.btn.btn-active-light-primary:focus:not(.btn-active) i,.btn.btn-active-light-primary:hover:not(.btn-active) .svg-icon,.btn.btn-active-light-primary:hover:not(.btn-active) i,.show>.btn.btn-active-light-primary .svg-icon,.show>.btn.btn-active-light-primary i {
    color: var(--bs-primary)
}

.btn-check:active+.btn.btn-active-light-primary.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-light-primary.dropdown-toggle:after,.btn.btn-active-light-primary.active.dropdown-toggle:after,.btn.btn-active-light-primary.show.dropdown-toggle:after,.btn.btn-active-light-primary:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-light-primary:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-light-primary:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-light-primary.dropdown-toggle:after {
    color: var(--bs-primary)
}

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

.btn.btn-outline.btn-outline-primary .svg-icon,.btn.btn-outline.btn-outline-primary i {
    color: var(--bs-primary)
}

.btn.btn-outline.btn-outline-primary.dropdown-toggle:after {
    color: var(--bs-primary)
}

.btn-check:active+.btn.btn-outline.btn-outline-primary,.btn-check:checked+.btn.btn-outline.btn-outline-primary,.btn.btn-outline.btn-outline-primary.active,.btn.btn-outline.btn-outline-primary.show,.btn.btn-outline.btn-outline-primary:active:not(.btn-active),.btn.btn-outline.btn-outline-primary:focus:not(.btn-active),.btn.btn-outline.btn-outline-primary:hover:not(.btn-active),.show>.btn.btn-outline.btn-outline-primary {
    color: var(--bs-primary-active);
    border-color: var(--bs-primary);
    background-color: var(--bs-primary-light)!important
}

.btn-check:active+.btn.btn-outline.btn-outline-primary .svg-icon,.btn-check:active+.btn.btn-outline.btn-outline-primary i,.btn-check:checked+.btn.btn-outline.btn-outline-primary .svg-icon,.btn-check:checked+.btn.btn-outline.btn-outline-primary i,.btn.btn-outline.btn-outline-primary.active .svg-icon,.btn.btn-outline.btn-outline-primary.active i,.btn.btn-outline.btn-outline-primary.show .svg-icon,.btn.btn-outline.btn-outline-primary.show i,.btn.btn-outline.btn-outline-primary:active:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-primary:active:not(.btn-active) i,.btn.btn-outline.btn-outline-primary:focus:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-primary:focus:not(.btn-active) i,.btn.btn-outline.btn-outline-primary:hover:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-primary:hover:not(.btn-active) i,.show>.btn.btn-outline.btn-outline-primary .svg-icon,.show>.btn.btn-outline.btn-outline-primary i {
    color: var(--bs-primary-active)
}

.btn-check:active+.btn.btn-outline.btn-outline-primary.dropdown-toggle:after,.btn-check:checked+.btn.btn-outline.btn-outline-primary.dropdown-toggle:after,.btn.btn-outline.btn-outline-primary.active.dropdown-toggle:after,.btn.btn-outline.btn-outline-primary.show.dropdown-toggle:after,.btn.btn-outline.btn-outline-primary:active:not(.btn-active).dropdown-toggle:after,.btn.btn-outline.btn-outline-primary:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-outline.btn-outline-primary:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-outline.btn-outline-primary.dropdown-toggle:after {
    color: var(--bs-primary-active)
}

.btn.btn-secondary {
    color: var(--bs-secondary-inverse);
    border-color: var(--bs-secondary);
    background-color: var(--bs-secondary)
}

.btn.btn-secondary .svg-icon,.btn.btn-secondary i {
    color: var(--bs-secondary-inverse)
}

.btn.btn-secondary.dropdown-toggle:after {
    color: var(--bs-secondary-inverse)
}

.btn-check:active+.btn.btn-secondary,.btn-check:checked+.btn.btn-secondary,.btn.btn-secondary.active,.btn.btn-secondary.show,.btn.btn-secondary:active:not(.btn-active),.btn.btn-secondary:focus:not(.btn-active),.btn.btn-secondary:hover:not(.btn-active),.show>.btn.btn-secondary {
    color: var(--bs-secondary-inverse);
    border-color: var(--bs-secondary-active);
    background-color: var(--bs-secondary-active)!important
}

.btn-check:active+.btn.btn-secondary .svg-icon,.btn-check:active+.btn.btn-secondary i,.btn-check:checked+.btn.btn-secondary .svg-icon,.btn-check:checked+.btn.btn-secondary i,.btn.btn-secondary.active .svg-icon,.btn.btn-secondary.active i,.btn.btn-secondary.show .svg-icon,.btn.btn-secondary.show i,.btn.btn-secondary:active:not(.btn-active) .svg-icon,.btn.btn-secondary:active:not(.btn-active) i,.btn.btn-secondary:focus:not(.btn-active) .svg-icon,.btn.btn-secondary:focus:not(.btn-active) i,.btn.btn-secondary:hover:not(.btn-active) .svg-icon,.btn.btn-secondary:hover:not(.btn-active) i,.show>.btn.btn-secondary .svg-icon,.show>.btn.btn-secondary i {
    color: var(--bs-secondary-inverse)
}

.btn-check:active+.btn.btn-secondary.dropdown-toggle:after,.btn-check:checked+.btn.btn-secondary.dropdown-toggle:after,.btn.btn-secondary.active.dropdown-toggle:after,.btn.btn-secondary.show.dropdown-toggle:after,.btn.btn-secondary:active:not(.btn-active).dropdown-toggle:after,.btn.btn-secondary:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-secondary:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-secondary.dropdown-toggle:after {
    color: var(--bs-secondary-inverse)
}

.btn.btn-light-secondary {
    color: var(--bs-secondary-inverse);
    border-color: var(--bs-secondary-light);
    background-color: var(--bs-secondary-light)
}

.btn.btn-light-secondary .svg-icon,.btn.btn-light-secondary i {
    color: var(--bs-secondary-inverse)
}

.btn.btn-light-secondary.dropdown-toggle:after {
    color: var(--bs-secondary-inverse)
}

.btn-check:active+.btn.btn-light-secondary,.btn-check:checked+.btn.btn-light-secondary,.btn.btn-light-secondary.active,.btn.btn-light-secondary.show,.btn.btn-light-secondary:active:not(.btn-active),.btn.btn-light-secondary:focus:not(.btn-active),.btn.btn-light-secondary:hover:not(.btn-active),.show>.btn.btn-light-secondary {
    color: var(--bs-secondary-inverse);
    border-color: var(--bs-secondary);
    background-color: var(--bs-secondary)!important
}

.btn-check:active+.btn.btn-light-secondary .svg-icon,.btn-check:active+.btn.btn-light-secondary i,.btn-check:checked+.btn.btn-light-secondary .svg-icon,.btn-check:checked+.btn.btn-light-secondary i,.btn.btn-light-secondary.active .svg-icon,.btn.btn-light-secondary.active i,.btn.btn-light-secondary.show .svg-icon,.btn.btn-light-secondary.show i,.btn.btn-light-secondary:active:not(.btn-active) .svg-icon,.btn.btn-light-secondary:active:not(.btn-active) i,.btn.btn-light-secondary:focus:not(.btn-active) .svg-icon,.btn.btn-light-secondary:focus:not(.btn-active) i,.btn.btn-light-secondary:hover:not(.btn-active) .svg-icon,.btn.btn-light-secondary:hover:not(.btn-active) i,.show>.btn.btn-light-secondary .svg-icon,.show>.btn.btn-light-secondary i {
    color: var(--bs-secondary-inverse)
}

.btn-check:active+.btn.btn-light-secondary.dropdown-toggle:after,.btn-check:checked+.btn.btn-light-secondary.dropdown-toggle:after,.btn.btn-light-secondary.active.dropdown-toggle:after,.btn.btn-light-secondary.show.dropdown-toggle:after,.btn.btn-light-secondary:active:not(.btn-active).dropdown-toggle:after,.btn.btn-light-secondary:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-light-secondary:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-light-secondary.dropdown-toggle:after {
    color: var(--bs-secondary-inverse)
}

.btn.btn-bg-secondary {
    border-color: var(--bs-secondary);
    background-color: var(--bs-secondary)
}

.btn-check:active+.btn.btn-active-secondary,.btn-check:checked+.btn.btn-active-secondary,.btn.btn-active-secondary.active,.btn.btn-active-secondary.show,.btn.btn-active-secondary:active:not(.btn-active),.btn.btn-active-secondary:focus:not(.btn-active),.btn.btn-active-secondary:hover:not(.btn-active),.show>.btn.btn-active-secondary {
    color: var(--bs-secondary-inverse);
    border-color: var(--bs-secondary);
    background-color: var(--bs-secondary)!important
}

.btn-check:active+.btn.btn-active-secondary .svg-icon,.btn-check:active+.btn.btn-active-secondary i,.btn-check:checked+.btn.btn-active-secondary .svg-icon,.btn-check:checked+.btn.btn-active-secondary i,.btn.btn-active-secondary.active .svg-icon,.btn.btn-active-secondary.active i,.btn.btn-active-secondary.show .svg-icon,.btn.btn-active-secondary.show i,.btn.btn-active-secondary:active:not(.btn-active) .svg-icon,.btn.btn-active-secondary:active:not(.btn-active) i,.btn.btn-active-secondary:focus:not(.btn-active) .svg-icon,.btn.btn-active-secondary:focus:not(.btn-active) i,.btn.btn-active-secondary:hover:not(.btn-active) .svg-icon,.btn.btn-active-secondary:hover:not(.btn-active) i,.show>.btn.btn-active-secondary .svg-icon,.show>.btn.btn-active-secondary i {
    color: var(--bs-secondary-inverse)
}

.btn-check:active+.btn.btn-active-secondary.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-secondary.dropdown-toggle:after,.btn.btn-active-secondary.active.dropdown-toggle:after,.btn.btn-active-secondary.show.dropdown-toggle:after,.btn.btn-active-secondary:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-secondary:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-secondary:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-secondary.dropdown-toggle:after {
    color: var(--bs-secondary-inverse)
}

.btn-check:active+.btn.btn-active-light-secondary,.btn-check:checked+.btn.btn-active-light-secondary,.btn.btn-active-light-secondary.active,.btn.btn-active-light-secondary.show,.btn.btn-active-light-secondary:active:not(.btn-active),.btn.btn-active-light-secondary:focus:not(.btn-active),.btn.btn-active-light-secondary:hover:not(.btn-active),.show>.btn.btn-active-light-secondary {
    color: var(--bs-secondary-inverse);
    border-color: var(--bs-secondary-light);
    background-color: var(--bs-secondary-light)!important
}

.btn-check:active+.btn.btn-active-light-secondary .svg-icon,.btn-check:active+.btn.btn-active-light-secondary i,.btn-check:checked+.btn.btn-active-light-secondary .svg-icon,.btn-check:checked+.btn.btn-active-light-secondary i,.btn.btn-active-light-secondary.active .svg-icon,.btn.btn-active-light-secondary.active i,.btn.btn-active-light-secondary.show .svg-icon,.btn.btn-active-light-secondary.show i,.btn.btn-active-light-secondary:active:not(.btn-active) .svg-icon,.btn.btn-active-light-secondary:active:not(.btn-active) i,.btn.btn-active-light-secondary:focus:not(.btn-active) .svg-icon,.btn.btn-active-light-secondary:focus:not(.btn-active) i,.btn.btn-active-light-secondary:hover:not(.btn-active) .svg-icon,.btn.btn-active-light-secondary:hover:not(.btn-active) i,.show>.btn.btn-active-light-secondary .svg-icon,.show>.btn.btn-active-light-secondary i {
    color: var(--bs-secondary-inverse)
}

.btn-check:active+.btn.btn-active-light-secondary.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-light-secondary.dropdown-toggle:after,.btn.btn-active-light-secondary.active.dropdown-toggle:after,.btn.btn-active-light-secondary.show.dropdown-toggle:after,.btn.btn-active-light-secondary:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-light-secondary:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-light-secondary:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-light-secondary.dropdown-toggle:after {
    color: var(--bs-secondary-inverse)
}

.btn.btn-outline.btn-outline-secondary {
    color: var(--bs-secondary-inverse);
    border-color: var(--bs-secondary-inverse);
    background-color: transparent
}

.btn.btn-outline.btn-outline-secondary .svg-icon,.btn.btn-outline.btn-outline-secondary i {
    color: var(--bs-secondary-inverse)
}

.btn.btn-outline.btn-outline-secondary.dropdown-toggle:after {
    color: var(--bs-secondary-inverse)
}

.btn-check:active+.btn.btn-outline.btn-outline-secondary,.btn-check:checked+.btn.btn-outline.btn-outline-secondary,.btn.btn-outline.btn-outline-secondary.active,.btn.btn-outline.btn-outline-secondary.show,.btn.btn-outline.btn-outline-secondary:active:not(.btn-active),.btn.btn-outline.btn-outline-secondary:focus:not(.btn-active),.btn.btn-outline.btn-outline-secondary:hover:not(.btn-active),.show>.btn.btn-outline.btn-outline-secondary {
    color: var(--bs-secondary-inverse);
    border-color: var(--bs-secondary-inverse);
    background-color: var(--bs-secondary-light)!important
}

.btn-check:active+.btn.btn-outline.btn-outline-secondary .svg-icon,.btn-check:active+.btn.btn-outline.btn-outline-secondary i,.btn-check:checked+.btn.btn-outline.btn-outline-secondary .svg-icon,.btn-check:checked+.btn.btn-outline.btn-outline-secondary i,.btn.btn-outline.btn-outline-secondary.active .svg-icon,.btn.btn-outline.btn-outline-secondary.active i,.btn.btn-outline.btn-outline-secondary.show .svg-icon,.btn.btn-outline.btn-outline-secondary.show i,.btn.btn-outline.btn-outline-secondary:active:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-secondary:active:not(.btn-active) i,.btn.btn-outline.btn-outline-secondary:focus:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-secondary:focus:not(.btn-active) i,.btn.btn-outline.btn-outline-secondary:hover:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-secondary:hover:not(.btn-active) i,.show>.btn.btn-outline.btn-outline-secondary .svg-icon,.show>.btn.btn-outline.btn-outline-secondary i {
    color: var(--bs-secondary-inverse)
}

.btn-check:active+.btn.btn-outline.btn-outline-secondary.dropdown-toggle:after,.btn-check:checked+.btn.btn-outline.btn-outline-secondary.dropdown-toggle:after,.btn.btn-outline.btn-outline-secondary.active.dropdown-toggle:after,.btn.btn-outline.btn-outline-secondary.show.dropdown-toggle:after,.btn.btn-outline.btn-outline-secondary:active:not(.btn-active).dropdown-toggle:after,.btn.btn-outline.btn-outline-secondary:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-outline.btn-outline-secondary:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-outline.btn-outline-secondary.dropdown-toggle:after {
    color: var(--bs-secondary-inverse)
}

.btn.btn-success {
    color: var(--bs-success-inverse);
    border-color: var(--bs-success);
    background-color: var(--bs-success)
}

.btn.btn-success .svg-icon,.btn.btn-success i {
    color: var(--bs-success-inverse)
}

.btn.btn-success.dropdown-toggle:after {
    color: var(--bs-success-inverse)
}

.btn-check:active+.btn.btn-success,.btn-check:checked+.btn.btn-success,.btn.btn-success.active,.btn.btn-success.show,.btn.btn-success:active:not(.btn-active),.btn.btn-success:focus:not(.btn-active),.btn.btn-success:hover:not(.btn-active),.show>.btn.btn-success {
    color: var(--bs-success-inverse);
    border-color: var(--bs-success-active);
    background-color: var(--bs-success-active)!important
}

.btn-check:active+.btn.btn-success .svg-icon,.btn-check:active+.btn.btn-success i,.btn-check:checked+.btn.btn-success .svg-icon,.btn-check:checked+.btn.btn-success i,.btn.btn-success.active .svg-icon,.btn.btn-success.active i,.btn.btn-success.show .svg-icon,.btn.btn-success.show i,.btn.btn-success:active:not(.btn-active) .svg-icon,.btn.btn-success:active:not(.btn-active) i,.btn.btn-success:focus:not(.btn-active) .svg-icon,.btn.btn-success:focus:not(.btn-active) i,.btn.btn-success:hover:not(.btn-active) .svg-icon,.btn.btn-success:hover:not(.btn-active) i,.show>.btn.btn-success .svg-icon,.show>.btn.btn-success i {
    color: var(--bs-success-inverse)
}

.btn-check:active+.btn.btn-success.dropdown-toggle:after,.btn-check:checked+.btn.btn-success.dropdown-toggle:after,.btn.btn-success.active.dropdown-toggle:after,.btn.btn-success.show.dropdown-toggle:after,.btn.btn-success:active:not(.btn-active).dropdown-toggle:after,.btn.btn-success:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-success:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-success.dropdown-toggle:after {
    color: var(--bs-success-inverse)
}

.btn.btn-light-success {
    color: var(--bs-success);
    border-color: var(--bs-success-light);
    background-color: var(--bs-success-light)
}

.btn.btn-light-success .svg-icon,.btn.btn-light-success i {
    color: var(--bs-success)
}

.btn.btn-light-success.dropdown-toggle:after {
    color: var(--bs-success)
}

.btn-check:active+.btn.btn-light-success,.btn-check:checked+.btn.btn-light-success,.btn.btn-light-success.active,.btn.btn-light-success.show,.btn.btn-light-success:active:not(.btn-active),.btn.btn-light-success:focus:not(.btn-active),.btn.btn-light-success:hover:not(.btn-active),.show>.btn.btn-light-success {
    color: var(--bs-success-inverse);
    border-color: var(--bs-success);
    background-color: var(--bs-success)!important
}

.btn-check:active+.btn.btn-light-success .svg-icon,.btn-check:active+.btn.btn-light-success i,.btn-check:checked+.btn.btn-light-success .svg-icon,.btn-check:checked+.btn.btn-light-success i,.btn.btn-light-success.active .svg-icon,.btn.btn-light-success.active i,.btn.btn-light-success.show .svg-icon,.btn.btn-light-success.show i,.btn.btn-light-success:active:not(.btn-active) .svg-icon,.btn.btn-light-success:active:not(.btn-active) i,.btn.btn-light-success:focus:not(.btn-active) .svg-icon,.btn.btn-light-success:focus:not(.btn-active) i,.btn.btn-light-success:hover:not(.btn-active) .svg-icon,.btn.btn-light-success:hover:not(.btn-active) i,.show>.btn.btn-light-success .svg-icon,.show>.btn.btn-light-success i {
    color: var(--bs-success-inverse)
}

.btn-check:active+.btn.btn-light-success.dropdown-toggle:after,.btn-check:checked+.btn.btn-light-success.dropdown-toggle:after,.btn.btn-light-success.active.dropdown-toggle:after,.btn.btn-light-success.show.dropdown-toggle:after,.btn.btn-light-success:active:not(.btn-active).dropdown-toggle:after,.btn.btn-light-success:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-light-success:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-light-success.dropdown-toggle:after {
    color: var(--bs-success-inverse)
}

.btn.btn-bg-success {
    border-color: var(--bs-success);
    background-color: var(--bs-success)
}

.btn-check:active+.btn.btn-active-success,.btn-check:checked+.btn.btn-active-success,.btn.btn-active-success.active,.btn.btn-active-success.show,.btn.btn-active-success:active:not(.btn-active),.btn.btn-active-success:focus:not(.btn-active),.btn.btn-active-success:hover:not(.btn-active),.show>.btn.btn-active-success {
    color: var(--bs-success-inverse);
    border-color: var(--bs-success);
    background-color: var(--bs-success)!important
}

.btn-check:active+.btn.btn-active-success .svg-icon,.btn-check:active+.btn.btn-active-success i,.btn-check:checked+.btn.btn-active-success .svg-icon,.btn-check:checked+.btn.btn-active-success i,.btn.btn-active-success.active .svg-icon,.btn.btn-active-success.active i,.btn.btn-active-success.show .svg-icon,.btn.btn-active-success.show i,.btn.btn-active-success:active:not(.btn-active) .svg-icon,.btn.btn-active-success:active:not(.btn-active) i,.btn.btn-active-success:focus:not(.btn-active) .svg-icon,.btn.btn-active-success:focus:not(.btn-active) i,.btn.btn-active-success:hover:not(.btn-active) .svg-icon,.btn.btn-active-success:hover:not(.btn-active) i,.show>.btn.btn-active-success .svg-icon,.show>.btn.btn-active-success i {
    color: var(--bs-success-inverse)
}

.btn-check:active+.btn.btn-active-success.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-success.dropdown-toggle:after,.btn.btn-active-success.active.dropdown-toggle:after,.btn.btn-active-success.show.dropdown-toggle:after,.btn.btn-active-success:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-success:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-success:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-success.dropdown-toggle:after {
    color: var(--bs-success-inverse)
}

.btn-check:active+.btn.btn-active-light-success,.btn-check:checked+.btn.btn-active-light-success,.btn.btn-active-light-success.active,.btn.btn-active-light-success.show,.btn.btn-active-light-success:active:not(.btn-active),.btn.btn-active-light-success:focus:not(.btn-active),.btn.btn-active-light-success:hover:not(.btn-active),.show>.btn.btn-active-light-success {
    color: var(--bs-success);
    border-color: var(--bs-success-light);
    background-color: var(--bs-success-light)!important
}

.btn-check:active+.btn.btn-active-light-success .svg-icon,.btn-check:active+.btn.btn-active-light-success i,.btn-check:checked+.btn.btn-active-light-success .svg-icon,.btn-check:checked+.btn.btn-active-light-success i,.btn.btn-active-light-success.active .svg-icon,.btn.btn-active-light-success.active i,.btn.btn-active-light-success.show .svg-icon,.btn.btn-active-light-success.show i,.btn.btn-active-light-success:active:not(.btn-active) .svg-icon,.btn.btn-active-light-success:active:not(.btn-active) i,.btn.btn-active-light-success:focus:not(.btn-active) .svg-icon,.btn.btn-active-light-success:focus:not(.btn-active) i,.btn.btn-active-light-success:hover:not(.btn-active) .svg-icon,.btn.btn-active-light-success:hover:not(.btn-active) i,.show>.btn.btn-active-light-success .svg-icon,.show>.btn.btn-active-light-success i {
    color: var(--bs-success)
}

.btn-check:active+.btn.btn-active-light-success.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-light-success.dropdown-toggle:after,.btn.btn-active-light-success.active.dropdown-toggle:after,.btn.btn-active-light-success.show.dropdown-toggle:after,.btn.btn-active-light-success:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-light-success:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-light-success:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-light-success.dropdown-toggle:after {
    color: var(--bs-success)
}

.btn.btn-outline.btn-outline-success {
    color: var(--bs-success);
    border-color: var(--bs-success);
    background-color: transparent
}

.btn.btn-outline.btn-outline-success .svg-icon,.btn.btn-outline.btn-outline-success i {
    color: var(--bs-success)
}

.btn.btn-outline.btn-outline-success.dropdown-toggle:after {
    color: var(--bs-success)
}

.btn-check:active+.btn.btn-outline.btn-outline-success,.btn-check:checked+.btn.btn-outline.btn-outline-success,.btn.btn-outline.btn-outline-success.active,.btn.btn-outline.btn-outline-success.show,.btn.btn-outline.btn-outline-success:active:not(.btn-active),.btn.btn-outline.btn-outline-success:focus:not(.btn-active),.btn.btn-outline.btn-outline-success:hover:not(.btn-active),.show>.btn.btn-outline.btn-outline-success {
    color: var(--bs-success-active);
    border-color: var(--bs-success);
    background-color: var(--bs-success-light)!important
}

.btn-check:active+.btn.btn-outline.btn-outline-success .svg-icon,.btn-check:active+.btn.btn-outline.btn-outline-success i,.btn-check:checked+.btn.btn-outline.btn-outline-success .svg-icon,.btn-check:checked+.btn.btn-outline.btn-outline-success i,.btn.btn-outline.btn-outline-success.active .svg-icon,.btn.btn-outline.btn-outline-success.active i,.btn.btn-outline.btn-outline-success.show .svg-icon,.btn.btn-outline.btn-outline-success.show i,.btn.btn-outline.btn-outline-success:active:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-success:active:not(.btn-active) i,.btn.btn-outline.btn-outline-success:focus:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-success:focus:not(.btn-active) i,.btn.btn-outline.btn-outline-success:hover:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-success:hover:not(.btn-active) i,.show>.btn.btn-outline.btn-outline-success .svg-icon,.show>.btn.btn-outline.btn-outline-success i {
    color: var(--bs-success-active)
}

.btn-check:active+.btn.btn-outline.btn-outline-success.dropdown-toggle:after,.btn-check:checked+.btn.btn-outline.btn-outline-success.dropdown-toggle:after,.btn.btn-outline.btn-outline-success.active.dropdown-toggle:after,.btn.btn-outline.btn-outline-success.show.dropdown-toggle:after,.btn.btn-outline.btn-outline-success:active:not(.btn-active).dropdown-toggle:after,.btn.btn-outline.btn-outline-success:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-outline.btn-outline-success:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-outline.btn-outline-success.dropdown-toggle:after {
    color: var(--bs-success-active)
}

.btn.btn-info {
    color: var(--bs-info-inverse);
    border-color: var(--bs-info);
    background-color: var(--bs-info)
}

.btn.btn-info .svg-icon,.btn.btn-info i {
    color: var(--bs-info-inverse)
}

.btn.btn-info.dropdown-toggle:after {
    color: var(--bs-info-inverse)
}

.btn-check:active+.btn.btn-info,.btn-check:checked+.btn.btn-info,.btn.btn-info.active,.btn.btn-info.show,.btn.btn-info:active:not(.btn-active),.btn.btn-info:focus:not(.btn-active),.btn.btn-info:hover:not(.btn-active),.show>.btn.btn-info {
    color: var(--bs-info-inverse);
    border-color: var(--bs-info-active);
    background-color: var(--bs-info-active)!important
}

.btn-check:active+.btn.btn-info .svg-icon,.btn-check:active+.btn.btn-info i,.btn-check:checked+.btn.btn-info .svg-icon,.btn-check:checked+.btn.btn-info i,.btn.btn-info.active .svg-icon,.btn.btn-info.active i,.btn.btn-info.show .svg-icon,.btn.btn-info.show i,.btn.btn-info:active:not(.btn-active) .svg-icon,.btn.btn-info:active:not(.btn-active) i,.btn.btn-info:focus:not(.btn-active) .svg-icon,.btn.btn-info:focus:not(.btn-active) i,.btn.btn-info:hover:not(.btn-active) .svg-icon,.btn.btn-info:hover:not(.btn-active) i,.show>.btn.btn-info .svg-icon,.show>.btn.btn-info i {
    color: var(--bs-info-inverse)
}

.btn-check:active+.btn.btn-info.dropdown-toggle:after,.btn-check:checked+.btn.btn-info.dropdown-toggle:after,.btn.btn-info.active.dropdown-toggle:after,.btn.btn-info.show.dropdown-toggle:after,.btn.btn-info:active:not(.btn-active).dropdown-toggle:after,.btn.btn-info:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-info:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-info.dropdown-toggle:after {
    color: var(--bs-info-inverse)
}

.btn.btn-light-info {
    color: var(--bs-info);
    border-color: var(--bs-info-light);
    background-color: var(--bs-info-light)
}

.btn.btn-light-info .svg-icon,.btn.btn-light-info i {
    color: var(--bs-info)
}

.btn.btn-light-info.dropdown-toggle:after {
    color: var(--bs-info)
}

.btn-check:active+.btn.btn-light-info,.btn-check:checked+.btn.btn-light-info,.btn.btn-light-info.active,.btn.btn-light-info.show,.btn.btn-light-info:active:not(.btn-active),.btn.btn-light-info:focus:not(.btn-active),.btn.btn-light-info:hover:not(.btn-active),.show>.btn.btn-light-info {
    color: var(--bs-info-inverse);
    border-color: var(--bs-info);
    background-color: var(--bs-info)!important
}

.btn-check:active+.btn.btn-light-info .svg-icon,.btn-check:active+.btn.btn-light-info i,.btn-check:checked+.btn.btn-light-info .svg-icon,.btn-check:checked+.btn.btn-light-info i,.btn.btn-light-info.active .svg-icon,.btn.btn-light-info.active i,.btn.btn-light-info.show .svg-icon,.btn.btn-light-info.show i,.btn.btn-light-info:active:not(.btn-active) .svg-icon,.btn.btn-light-info:active:not(.btn-active) i,.btn.btn-light-info:focus:not(.btn-active) .svg-icon,.btn.btn-light-info:focus:not(.btn-active) i,.btn.btn-light-info:hover:not(.btn-active) .svg-icon,.btn.btn-light-info:hover:not(.btn-active) i,.show>.btn.btn-light-info .svg-icon,.show>.btn.btn-light-info i {
    color: var(--bs-info-inverse)
}

.btn-check:active+.btn.btn-light-info.dropdown-toggle:after,.btn-check:checked+.btn.btn-light-info.dropdown-toggle:after,.btn.btn-light-info.active.dropdown-toggle:after,.btn.btn-light-info.show.dropdown-toggle:after,.btn.btn-light-info:active:not(.btn-active).dropdown-toggle:after,.btn.btn-light-info:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-light-info:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-light-info.dropdown-toggle:after {
    color: var(--bs-info-inverse)
}

.btn.btn-bg-info {
    border-color: var(--bs-info);
    background-color: var(--bs-info)
}

.btn-check:active+.btn.btn-active-info,.btn-check:checked+.btn.btn-active-info,.btn.btn-active-info.active,.btn.btn-active-info.show,.btn.btn-active-info:active:not(.btn-active),.btn.btn-active-info:focus:not(.btn-active),.btn.btn-active-info:hover:not(.btn-active),.show>.btn.btn-active-info {
    color: var(--bs-info-inverse);
    border-color: var(--bs-info);
    background-color: var(--bs-info)!important
}

.btn-check:active+.btn.btn-active-info .svg-icon,.btn-check:active+.btn.btn-active-info i,.btn-check:checked+.btn.btn-active-info .svg-icon,.btn-check:checked+.btn.btn-active-info i,.btn.btn-active-info.active .svg-icon,.btn.btn-active-info.active i,.btn.btn-active-info.show .svg-icon,.btn.btn-active-info.show i,.btn.btn-active-info:active:not(.btn-active) .svg-icon,.btn.btn-active-info:active:not(.btn-active) i,.btn.btn-active-info:focus:not(.btn-active) .svg-icon,.btn.btn-active-info:focus:not(.btn-active) i,.btn.btn-active-info:hover:not(.btn-active) .svg-icon,.btn.btn-active-info:hover:not(.btn-active) i,.show>.btn.btn-active-info .svg-icon,.show>.btn.btn-active-info i {
    color: var(--bs-info-inverse)
}

.btn-check:active+.btn.btn-active-info.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-info.dropdown-toggle:after,.btn.btn-active-info.active.dropdown-toggle:after,.btn.btn-active-info.show.dropdown-toggle:after,.btn.btn-active-info:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-info:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-info:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-info.dropdown-toggle:after {
    color: var(--bs-info-inverse)
}

.btn-check:active+.btn.btn-active-light-info,.btn-check:checked+.btn.btn-active-light-info,.btn.btn-active-light-info.active,.btn.btn-active-light-info.show,.btn.btn-active-light-info:active:not(.btn-active),.btn.btn-active-light-info:focus:not(.btn-active),.btn.btn-active-light-info:hover:not(.btn-active),.show>.btn.btn-active-light-info {
    color: var(--bs-info);
    border-color: var(--bs-info-light);
    background-color: var(--bs-info-light)!important
}

.btn-check:active+.btn.btn-active-light-info .svg-icon,.btn-check:active+.btn.btn-active-light-info i,.btn-check:checked+.btn.btn-active-light-info .svg-icon,.btn-check:checked+.btn.btn-active-light-info i,.btn.btn-active-light-info.active .svg-icon,.btn.btn-active-light-info.active i,.btn.btn-active-light-info.show .svg-icon,.btn.btn-active-light-info.show i,.btn.btn-active-light-info:active:not(.btn-active) .svg-icon,.btn.btn-active-light-info:active:not(.btn-active) i,.btn.btn-active-light-info:focus:not(.btn-active) .svg-icon,.btn.btn-active-light-info:focus:not(.btn-active) i,.btn.btn-active-light-info:hover:not(.btn-active) .svg-icon,.btn.btn-active-light-info:hover:not(.btn-active) i,.show>.btn.btn-active-light-info .svg-icon,.show>.btn.btn-active-light-info i {
    color: var(--bs-info)
}

.btn-check:active+.btn.btn-active-light-info.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-light-info.dropdown-toggle:after,.btn.btn-active-light-info.active.dropdown-toggle:after,.btn.btn-active-light-info.show.dropdown-toggle:after,.btn.btn-active-light-info:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-light-info:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-light-info:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-light-info.dropdown-toggle:after {
    color: var(--bs-info)
}

.btn.btn-outline.btn-outline-info {
    color: var(--bs-info);
    border-color: var(--bs-info);
    background-color: transparent
}

.btn.btn-outline.btn-outline-info .svg-icon,.btn.btn-outline.btn-outline-info i {
    color: var(--bs-info)
}

.btn.btn-outline.btn-outline-info.dropdown-toggle:after {
    color: var(--bs-info)
}

.btn-check:active+.btn.btn-outline.btn-outline-info,.btn-check:checked+.btn.btn-outline.btn-outline-info,.btn.btn-outline.btn-outline-info.active,.btn.btn-outline.btn-outline-info.show,.btn.btn-outline.btn-outline-info:active:not(.btn-active),.btn.btn-outline.btn-outline-info:focus:not(.btn-active),.btn.btn-outline.btn-outline-info:hover:not(.btn-active),.show>.btn.btn-outline.btn-outline-info {
    color: var(--bs-info-active);
    border-color: var(--bs-info);
    background-color: var(--bs-info-light)!important
}

.btn-check:active+.btn.btn-outline.btn-outline-info .svg-icon,.btn-check:active+.btn.btn-outline.btn-outline-info i,.btn-check:checked+.btn.btn-outline.btn-outline-info .svg-icon,.btn-check:checked+.btn.btn-outline.btn-outline-info i,.btn.btn-outline.btn-outline-info.active .svg-icon,.btn.btn-outline.btn-outline-info.active i,.btn.btn-outline.btn-outline-info.show .svg-icon,.btn.btn-outline.btn-outline-info.show i,.btn.btn-outline.btn-outline-info:active:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-info:active:not(.btn-active) i,.btn.btn-outline.btn-outline-info:focus:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-info:focus:not(.btn-active) i,.btn.btn-outline.btn-outline-info:hover:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-info:hover:not(.btn-active) i,.show>.btn.btn-outline.btn-outline-info .svg-icon,.show>.btn.btn-outline.btn-outline-info i {
    color: var(--bs-info-active)
}

.btn-check:active+.btn.btn-outline.btn-outline-info.dropdown-toggle:after,.btn-check:checked+.btn.btn-outline.btn-outline-info.dropdown-toggle:after,.btn.btn-outline.btn-outline-info.active.dropdown-toggle:after,.btn.btn-outline.btn-outline-info.show.dropdown-toggle:after,.btn.btn-outline.btn-outline-info:active:not(.btn-active).dropdown-toggle:after,.btn.btn-outline.btn-outline-info:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-outline.btn-outline-info:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-outline.btn-outline-info.dropdown-toggle:after {
    color: var(--bs-info-active)
}

.btn.btn-warning {
    color: var(--bs-warning-inverse);
    border-color: var(--bs-warning);
    background-color: var(--bs-warning)
}

.btn.btn-warning .svg-icon,.btn.btn-warning i {
    color: var(--bs-warning-inverse)
}

.btn.btn-warning.dropdown-toggle:after {
    color: var(--bs-warning-inverse)
}

.btn-check:active+.btn.btn-warning,.btn-check:checked+.btn.btn-warning,.btn.btn-warning.active,.btn.btn-warning.show,.btn.btn-warning:active:not(.btn-active),.btn.btn-warning:focus:not(.btn-active),.btn.btn-warning:hover:not(.btn-active),.show>.btn.btn-warning {
    color: var(--bs-warning-inverse);
    border-color: var(--bs-warning-active);
    background-color: var(--bs-warning-active)!important
}

.btn-check:active+.btn.btn-warning .svg-icon,.btn-check:active+.btn.btn-warning i,.btn-check:checked+.btn.btn-warning .svg-icon,.btn-check:checked+.btn.btn-warning i,.btn.btn-warning.active .svg-icon,.btn.btn-warning.active i,.btn.btn-warning.show .svg-icon,.btn.btn-warning.show i,.btn.btn-warning:active:not(.btn-active) .svg-icon,.btn.btn-warning:active:not(.btn-active) i,.btn.btn-warning:focus:not(.btn-active) .svg-icon,.btn.btn-warning:focus:not(.btn-active) i,.btn.btn-warning:hover:not(.btn-active) .svg-icon,.btn.btn-warning:hover:not(.btn-active) i,.show>.btn.btn-warning .svg-icon,.show>.btn.btn-warning i {
    color: var(--bs-warning-inverse)
}

.btn-check:active+.btn.btn-warning.dropdown-toggle:after,.btn-check:checked+.btn.btn-warning.dropdown-toggle:after,.btn.btn-warning.active.dropdown-toggle:after,.btn.btn-warning.show.dropdown-toggle:after,.btn.btn-warning:active:not(.btn-active).dropdown-toggle:after,.btn.btn-warning:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-warning:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-warning.dropdown-toggle:after {
    color: var(--bs-warning-inverse)
}

.btn.btn-light-warning {
    color: var(--bs-warning);
    border-color: var(--bs-warning-light);
    background-color: var(--bs-warning-light)
}

.btn.btn-light-warning .svg-icon,.btn.btn-light-warning i {
    color: var(--bs-warning)
}

.btn.btn-light-warning.dropdown-toggle:after {
    color: var(--bs-warning)
}

.btn-check:active+.btn.btn-light-warning,.btn-check:checked+.btn.btn-light-warning,.btn.btn-light-warning.active,.btn.btn-light-warning.show,.btn.btn-light-warning:active:not(.btn-active),.btn.btn-light-warning:focus:not(.btn-active),.btn.btn-light-warning:hover:not(.btn-active),.show>.btn.btn-light-warning {
    color: var(--bs-warning-inverse);
    border-color: var(--bs-warning);
    background-color: var(--bs-warning)!important
}

.btn-check:active+.btn.btn-light-warning .svg-icon,.btn-check:active+.btn.btn-light-warning i,.btn-check:checked+.btn.btn-light-warning .svg-icon,.btn-check:checked+.btn.btn-light-warning i,.btn.btn-light-warning.active .svg-icon,.btn.btn-light-warning.active i,.btn.btn-light-warning.show .svg-icon,.btn.btn-light-warning.show i,.btn.btn-light-warning:active:not(.btn-active) .svg-icon,.btn.btn-light-warning:active:not(.btn-active) i,.btn.btn-light-warning:focus:not(.btn-active) .svg-icon,.btn.btn-light-warning:focus:not(.btn-active) i,.btn.btn-light-warning:hover:not(.btn-active) .svg-icon,.btn.btn-light-warning:hover:not(.btn-active) i,.show>.btn.btn-light-warning .svg-icon,.show>.btn.btn-light-warning i {
    color: var(--bs-warning-inverse)
}

.btn-check:active+.btn.btn-light-warning.dropdown-toggle:after,.btn-check:checked+.btn.btn-light-warning.dropdown-toggle:after,.btn.btn-light-warning.active.dropdown-toggle:after,.btn.btn-light-warning.show.dropdown-toggle:after,.btn.btn-light-warning:active:not(.btn-active).dropdown-toggle:after,.btn.btn-light-warning:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-light-warning:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-light-warning.dropdown-toggle:after {
    color: var(--bs-warning-inverse)
}

.btn.btn-bg-warning {
    border-color: var(--bs-warning);
    background-color: var(--bs-warning)
}

.btn-check:active+.btn.btn-active-warning,.btn-check:checked+.btn.btn-active-warning,.btn.btn-active-warning.active,.btn.btn-active-warning.show,.btn.btn-active-warning:active:not(.btn-active),.btn.btn-active-warning:focus:not(.btn-active),.btn.btn-active-warning:hover:not(.btn-active),.show>.btn.btn-active-warning {
    color: var(--bs-warning-inverse);
    border-color: var(--bs-warning);
    background-color: var(--bs-warning)!important
}

.btn-check:active+.btn.btn-active-warning .svg-icon,.btn-check:active+.btn.btn-active-warning i,.btn-check:checked+.btn.btn-active-warning .svg-icon,.btn-check:checked+.btn.btn-active-warning i,.btn.btn-active-warning.active .svg-icon,.btn.btn-active-warning.active i,.btn.btn-active-warning.show .svg-icon,.btn.btn-active-warning.show i,.btn.btn-active-warning:active:not(.btn-active) .svg-icon,.btn.btn-active-warning:active:not(.btn-active) i,.btn.btn-active-warning:focus:not(.btn-active) .svg-icon,.btn.btn-active-warning:focus:not(.btn-active) i,.btn.btn-active-warning:hover:not(.btn-active) .svg-icon,.btn.btn-active-warning:hover:not(.btn-active) i,.show>.btn.btn-active-warning .svg-icon,.show>.btn.btn-active-warning i {
    color: var(--bs-warning-inverse)
}

.btn-check:active+.btn.btn-active-warning.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-warning.dropdown-toggle:after,.btn.btn-active-warning.active.dropdown-toggle:after,.btn.btn-active-warning.show.dropdown-toggle:after,.btn.btn-active-warning:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-warning:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-warning:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-warning.dropdown-toggle:after {
    color: var(--bs-warning-inverse)
}

.btn-check:active+.btn.btn-active-light-warning,.btn-check:checked+.btn.btn-active-light-warning,.btn.btn-active-light-warning.active,.btn.btn-active-light-warning.show,.btn.btn-active-light-warning:active:not(.btn-active),.btn.btn-active-light-warning:focus:not(.btn-active),.btn.btn-active-light-warning:hover:not(.btn-active),.show>.btn.btn-active-light-warning {
    color: var(--bs-warning);
    border-color: var(--bs-warning-light);
    background-color: var(--bs-warning-light)!important
}

.btn-check:active+.btn.btn-active-light-warning .svg-icon,.btn-check:active+.btn.btn-active-light-warning i,.btn-check:checked+.btn.btn-active-light-warning .svg-icon,.btn-check:checked+.btn.btn-active-light-warning i,.btn.btn-active-light-warning.active .svg-icon,.btn.btn-active-light-warning.active i,.btn.btn-active-light-warning.show .svg-icon,.btn.btn-active-light-warning.show i,.btn.btn-active-light-warning:active:not(.btn-active) .svg-icon,.btn.btn-active-light-warning:active:not(.btn-active) i,.btn.btn-active-light-warning:focus:not(.btn-active) .svg-icon,.btn.btn-active-light-warning:focus:not(.btn-active) i,.btn.btn-active-light-warning:hover:not(.btn-active) .svg-icon,.btn.btn-active-light-warning:hover:not(.btn-active) i,.show>.btn.btn-active-light-warning .svg-icon,.show>.btn.btn-active-light-warning i {
    color: var(--bs-warning)
}

.btn-check:active+.btn.btn-active-light-warning.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-light-warning.dropdown-toggle:after,.btn.btn-active-light-warning.active.dropdown-toggle:after,.btn.btn-active-light-warning.show.dropdown-toggle:after,.btn.btn-active-light-warning:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-light-warning:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-light-warning:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-light-warning.dropdown-toggle:after {
    color: var(--bs-warning)
}

.btn.btn-outline.btn-outline-warning {
    color: var(--bs-warning);
    border-color: var(--bs-warning);
    background-color: transparent
}

.btn.btn-outline.btn-outline-warning .svg-icon,.btn.btn-outline.btn-outline-warning i {
    color: var(--bs-warning)
}

.btn.btn-outline.btn-outline-warning.dropdown-toggle:after {
    color: var(--bs-warning)
}

.btn-check:active+.btn.btn-outline.btn-outline-warning,.btn-check:checked+.btn.btn-outline.btn-outline-warning,.btn.btn-outline.btn-outline-warning.active,.btn.btn-outline.btn-outline-warning.show,.btn.btn-outline.btn-outline-warning:active:not(.btn-active),.btn.btn-outline.btn-outline-warning:focus:not(.btn-active),.btn.btn-outline.btn-outline-warning:hover:not(.btn-active),.show>.btn.btn-outline.btn-outline-warning {
    color: var(--bs-warning-active);
    border-color: var(--bs-warning);
    background-color: var(--bs-warning-light)!important
}

.btn-check:active+.btn.btn-outline.btn-outline-warning .svg-icon,.btn-check:active+.btn.btn-outline.btn-outline-warning i,.btn-check:checked+.btn.btn-outline.btn-outline-warning .svg-icon,.btn-check:checked+.btn.btn-outline.btn-outline-warning i,.btn.btn-outline.btn-outline-warning.active .svg-icon,.btn.btn-outline.btn-outline-warning.active i,.btn.btn-outline.btn-outline-warning.show .svg-icon,.btn.btn-outline.btn-outline-warning.show i,.btn.btn-outline.btn-outline-warning:active:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-warning:active:not(.btn-active) i,.btn.btn-outline.btn-outline-warning:focus:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-warning:focus:not(.btn-active) i,.btn.btn-outline.btn-outline-warning:hover:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-warning:hover:not(.btn-active) i,.show>.btn.btn-outline.btn-outline-warning .svg-icon,.show>.btn.btn-outline.btn-outline-warning i {
    color: var(--bs-warning-active)
}

.btn-check:active+.btn.btn-outline.btn-outline-warning.dropdown-toggle:after,.btn-check:checked+.btn.btn-outline.btn-outline-warning.dropdown-toggle:after,.btn.btn-outline.btn-outline-warning.active.dropdown-toggle:after,.btn.btn-outline.btn-outline-warning.show.dropdown-toggle:after,.btn.btn-outline.btn-outline-warning:active:not(.btn-active).dropdown-toggle:after,.btn.btn-outline.btn-outline-warning:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-outline.btn-outline-warning:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-outline.btn-outline-warning.dropdown-toggle:after {
    color: var(--bs-warning-active)
}

.btn.btn-danger {
    color: var(--bs-danger-inverse);
    border-color: var(--bs-danger);
    background-color: var(--bs-danger)
}

.btn.btn-danger .svg-icon,.btn.btn-danger i {
    color: var(--bs-danger-inverse)
}

.btn.btn-danger.dropdown-toggle:after {
    color: var(--bs-danger-inverse)
}

.btn-check:active+.btn.btn-danger,.btn-check:checked+.btn.btn-danger,.btn.btn-danger.active,.btn.btn-danger.show,.btn.btn-danger:active:not(.btn-active),.btn.btn-danger:focus:not(.btn-active),.btn.btn-danger:hover:not(.btn-active),.show>.btn.btn-danger {
    color: var(--bs-danger-inverse);
    border-color: var(--bs-danger-active);
    background-color: var(--bs-danger-active)!important
}

.btn-check:active+.btn.btn-danger .svg-icon,.btn-check:active+.btn.btn-danger i,.btn-check:checked+.btn.btn-danger .svg-icon,.btn-check:checked+.btn.btn-danger i,.btn.btn-danger.active .svg-icon,.btn.btn-danger.active i,.btn.btn-danger.show .svg-icon,.btn.btn-danger.show i,.btn.btn-danger:active:not(.btn-active) .svg-icon,.btn.btn-danger:active:not(.btn-active) i,.btn.btn-danger:focus:not(.btn-active) .svg-icon,.btn.btn-danger:focus:not(.btn-active) i,.btn.btn-danger:hover:not(.btn-active) .svg-icon,.btn.btn-danger:hover:not(.btn-active) i,.show>.btn.btn-danger .svg-icon,.show>.btn.btn-danger i {
    color: var(--bs-danger-inverse)
}

.btn-check:active+.btn.btn-danger.dropdown-toggle:after,.btn-check:checked+.btn.btn-danger.dropdown-toggle:after,.btn.btn-danger.active.dropdown-toggle:after,.btn.btn-danger.show.dropdown-toggle:after,.btn.btn-danger:active:not(.btn-active).dropdown-toggle:after,.btn.btn-danger:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-danger:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-danger.dropdown-toggle:after {
    color: var(--bs-danger-inverse)
}

.btn.btn-light-danger {
    color: var(--bs-danger);
    border-color: var(--bs-danger-light);
    background-color: var(--bs-danger-light)
}

.btn.btn-light-danger .svg-icon,.btn.btn-light-danger i {
    color: var(--bs-danger)
}

.btn.btn-light-danger.dropdown-toggle:after {
    color: var(--bs-danger)
}

.btn-check:active+.btn.btn-light-danger,.btn-check:checked+.btn.btn-light-danger,.btn.btn-light-danger.active,.btn.btn-light-danger.show,.btn.btn-light-danger:active:not(.btn-active),.btn.btn-light-danger:focus:not(.btn-active),.btn.btn-light-danger:hover:not(.btn-active),.show>.btn.btn-light-danger {
    color: var(--bs-danger-inverse);
    border-color: var(--bs-danger);
    background-color: var(--bs-danger)!important
}

.btn-check:active+.btn.btn-light-danger .svg-icon,.btn-check:active+.btn.btn-light-danger i,.btn-check:checked+.btn.btn-light-danger .svg-icon,.btn-check:checked+.btn.btn-light-danger i,.btn.btn-light-danger.active .svg-icon,.btn.btn-light-danger.active i,.btn.btn-light-danger.show .svg-icon,.btn.btn-light-danger.show i,.btn.btn-light-danger:active:not(.btn-active) .svg-icon,.btn.btn-light-danger:active:not(.btn-active) i,.btn.btn-light-danger:focus:not(.btn-active) .svg-icon,.btn.btn-light-danger:focus:not(.btn-active) i,.btn.btn-light-danger:hover:not(.btn-active) .svg-icon,.btn.btn-light-danger:hover:not(.btn-active) i,.show>.btn.btn-light-danger .svg-icon,.show>.btn.btn-light-danger i {
    color: var(--bs-danger-inverse)
}

.btn-check:active+.btn.btn-light-danger.dropdown-toggle:after,.btn-check:checked+.btn.btn-light-danger.dropdown-toggle:after,.btn.btn-light-danger.active.dropdown-toggle:after,.btn.btn-light-danger.show.dropdown-toggle:after,.btn.btn-light-danger:active:not(.btn-active).dropdown-toggle:after,.btn.btn-light-danger:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-light-danger:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-light-danger.dropdown-toggle:after {
    color: var(--bs-danger-inverse)
}

.btn.btn-bg-danger {
    border-color: var(--bs-danger);
    background-color: var(--bs-danger)
}

.btn-check:active+.btn.btn-active-danger,.btn-check:checked+.btn.btn-active-danger,.btn.btn-active-danger.active,.btn.btn-active-danger.show,.btn.btn-active-danger:active:not(.btn-active),.btn.btn-active-danger:focus:not(.btn-active),.btn.btn-active-danger:hover:not(.btn-active),.show>.btn.btn-active-danger {
    color: var(--bs-danger-inverse);
    border-color: var(--bs-danger);
    background-color: var(--bs-danger)!important
}

.btn-check:active+.btn.btn-active-danger .svg-icon,.btn-check:active+.btn.btn-active-danger i,.btn-check:checked+.btn.btn-active-danger .svg-icon,.btn-check:checked+.btn.btn-active-danger i,.btn.btn-active-danger.active .svg-icon,.btn.btn-active-danger.active i,.btn.btn-active-danger.show .svg-icon,.btn.btn-active-danger.show i,.btn.btn-active-danger:active:not(.btn-active) .svg-icon,.btn.btn-active-danger:active:not(.btn-active) i,.btn.btn-active-danger:focus:not(.btn-active) .svg-icon,.btn.btn-active-danger:focus:not(.btn-active) i,.btn.btn-active-danger:hover:not(.btn-active) .svg-icon,.btn.btn-active-danger:hover:not(.btn-active) i,.show>.btn.btn-active-danger .svg-icon,.show>.btn.btn-active-danger i {
    color: var(--bs-danger-inverse)
}

.btn-check:active+.btn.btn-active-danger.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-danger.dropdown-toggle:after,.btn.btn-active-danger.active.dropdown-toggle:after,.btn.btn-active-danger.show.dropdown-toggle:after,.btn.btn-active-danger:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-danger:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-danger:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-danger.dropdown-toggle:after {
    color: var(--bs-danger-inverse)
}

.btn-check:active+.btn.btn-active-light-danger,.btn-check:checked+.btn.btn-active-light-danger,.btn.btn-active-light-danger.active,.btn.btn-active-light-danger.show,.btn.btn-active-light-danger:active:not(.btn-active),.btn.btn-active-light-danger:focus:not(.btn-active),.btn.btn-active-light-danger:hover:not(.btn-active),.show>.btn.btn-active-light-danger {
    color: var(--bs-danger);
    border-color: var(--bs-danger-light);
    background-color: var(--bs-danger-light)!important
}

.btn-check:active+.btn.btn-active-light-danger .svg-icon,.btn-check:active+.btn.btn-active-light-danger i,.btn-check:checked+.btn.btn-active-light-danger .svg-icon,.btn-check:checked+.btn.btn-active-light-danger i,.btn.btn-active-light-danger.active .svg-icon,.btn.btn-active-light-danger.active i,.btn.btn-active-light-danger.show .svg-icon,.btn.btn-active-light-danger.show i,.btn.btn-active-light-danger:active:not(.btn-active) .svg-icon,.btn.btn-active-light-danger:active:not(.btn-active) i,.btn.btn-active-light-danger:focus:not(.btn-active) .svg-icon,.btn.btn-active-light-danger:focus:not(.btn-active) i,.btn.btn-active-light-danger:hover:not(.btn-active) .svg-icon,.btn.btn-active-light-danger:hover:not(.btn-active) i,.show>.btn.btn-active-light-danger .svg-icon,.show>.btn.btn-active-light-danger i {
    color: var(--bs-danger)
}

.btn-check:active+.btn.btn-active-light-danger.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-light-danger.dropdown-toggle:after,.btn.btn-active-light-danger.active.dropdown-toggle:after,.btn.btn-active-light-danger.show.dropdown-toggle:after,.btn.btn-active-light-danger:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-light-danger:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-light-danger:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-light-danger.dropdown-toggle:after {
    color: var(--bs-danger)
}

.btn.btn-outline.btn-outline-danger {
    color: var(--bs-danger);
    border-color: var(--bs-danger);
    background-color: transparent
}

.btn.btn-outline.btn-outline-danger .svg-icon,.btn.btn-outline.btn-outline-danger i {
    color: var(--bs-danger)
}

.btn.btn-outline.btn-outline-danger.dropdown-toggle:after {
    color: var(--bs-danger)
}

.btn-check:active+.btn.btn-outline.btn-outline-danger,.btn-check:checked+.btn.btn-outline.btn-outline-danger,.btn.btn-outline.btn-outline-danger.active,.btn.btn-outline.btn-outline-danger.show,.btn.btn-outline.btn-outline-danger:active:not(.btn-active),.btn.btn-outline.btn-outline-danger:focus:not(.btn-active),.btn.btn-outline.btn-outline-danger:hover:not(.btn-active),.show>.btn.btn-outline.btn-outline-danger {
    color: var(--bs-danger-active);
    border-color: var(--bs-danger);
    background-color: var(--bs-danger-light)!important
}

.btn-check:active+.btn.btn-outline.btn-outline-danger .svg-icon,.btn-check:active+.btn.btn-outline.btn-outline-danger i,.btn-check:checked+.btn.btn-outline.btn-outline-danger .svg-icon,.btn-check:checked+.btn.btn-outline.btn-outline-danger i,.btn.btn-outline.btn-outline-danger.active .svg-icon,.btn.btn-outline.btn-outline-danger.active i,.btn.btn-outline.btn-outline-danger.show .svg-icon,.btn.btn-outline.btn-outline-danger.show i,.btn.btn-outline.btn-outline-danger:active:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-danger:active:not(.btn-active) i,.btn.btn-outline.btn-outline-danger:focus:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-danger:focus:not(.btn-active) i,.btn.btn-outline.btn-outline-danger:hover:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-danger:hover:not(.btn-active) i,.show>.btn.btn-outline.btn-outline-danger .svg-icon,.show>.btn.btn-outline.btn-outline-danger i {
    color: var(--bs-danger-active)
}

.btn-check:active+.btn.btn-outline.btn-outline-danger.dropdown-toggle:after,.btn-check:checked+.btn.btn-outline.btn-outline-danger.dropdown-toggle:after,.btn.btn-outline.btn-outline-danger.active.dropdown-toggle:after,.btn.btn-outline.btn-outline-danger.show.dropdown-toggle:after,.btn.btn-outline.btn-outline-danger:active:not(.btn-active).dropdown-toggle:after,.btn.btn-outline.btn-outline-danger:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-outline.btn-outline-danger:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-outline.btn-outline-danger.dropdown-toggle:after {
    color: var(--bs-danger-active)
}

.btn.btn-dark {
    color: var(--bs-dark-inverse);
    border-color: var(--bs-dark);
    background-color: var(--bs-dark)
}

.btn.btn-dark .svg-icon,.btn.btn-dark i {
    color: var(--bs-dark-inverse)
}

.btn.btn-dark.dropdown-toggle:after {
    color: var(--bs-dark-inverse)
}

.btn-check:active+.btn.btn-dark,.btn-check:checked+.btn.btn-dark,.btn.btn-dark.active,.btn.btn-dark.show,.btn.btn-dark:active:not(.btn-active),.btn.btn-dark:focus:not(.btn-active),.btn.btn-dark:hover:not(.btn-active),.show>.btn.btn-dark {
    color: var(--bs-dark-inverse);
    border-color: var(--bs-dark-active);
    background-color: var(--bs-dark-active)!important
}

.btn-check:active+.btn.btn-dark .svg-icon,.btn-check:active+.btn.btn-dark i,.btn-check:checked+.btn.btn-dark .svg-icon,.btn-check:checked+.btn.btn-dark i,.btn.btn-dark.active .svg-icon,.btn.btn-dark.active i,.btn.btn-dark.show .svg-icon,.btn.btn-dark.show i,.btn.btn-dark:active:not(.btn-active) .svg-icon,.btn.btn-dark:active:not(.btn-active) i,.btn.btn-dark:focus:not(.btn-active) .svg-icon,.btn.btn-dark:focus:not(.btn-active) i,.btn.btn-dark:hover:not(.btn-active) .svg-icon,.btn.btn-dark:hover:not(.btn-active) i,.show>.btn.btn-dark .svg-icon,.show>.btn.btn-dark i {
    color: var(--bs-dark-inverse)
}

.btn-check:active+.btn.btn-dark.dropdown-toggle:after,.btn-check:checked+.btn.btn-dark.dropdown-toggle:after,.btn.btn-dark.active.dropdown-toggle:after,.btn.btn-dark.show.dropdown-toggle:after,.btn.btn-dark:active:not(.btn-active).dropdown-toggle:after,.btn.btn-dark:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-dark:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-dark.dropdown-toggle:after {
    color: var(--bs-dark-inverse)
}

.btn.btn-light-dark {
    color: var(--bs-dark);
    border-color: var(--bs-dark-light);
    background-color: var(--bs-dark-light)
}

.btn.btn-light-dark .svg-icon,.btn.btn-light-dark i {
    color: var(--bs-dark)
}

.btn.btn-light-dark.dropdown-toggle:after {
    color: var(--bs-dark)
}

.btn-check:active+.btn.btn-light-dark,.btn-check:checked+.btn.btn-light-dark,.btn.btn-light-dark.active,.btn.btn-light-dark.show,.btn.btn-light-dark:active:not(.btn-active),.btn.btn-light-dark:focus:not(.btn-active),.btn.btn-light-dark:hover:not(.btn-active),.show>.btn.btn-light-dark {
    color: var(--bs-dark-inverse);
    border-color: var(--bs-dark);
    background-color: var(--bs-dark)!important
}

.btn-check:active+.btn.btn-light-dark .svg-icon,.btn-check:active+.btn.btn-light-dark i,.btn-check:checked+.btn.btn-light-dark .svg-icon,.btn-check:checked+.btn.btn-light-dark i,.btn.btn-light-dark.active .svg-icon,.btn.btn-light-dark.active i,.btn.btn-light-dark.show .svg-icon,.btn.btn-light-dark.show i,.btn.btn-light-dark:active:not(.btn-active) .svg-icon,.btn.btn-light-dark:active:not(.btn-active) i,.btn.btn-light-dark:focus:not(.btn-active) .svg-icon,.btn.btn-light-dark:focus:not(.btn-active) i,.btn.btn-light-dark:hover:not(.btn-active) .svg-icon,.btn.btn-light-dark:hover:not(.btn-active) i,.show>.btn.btn-light-dark .svg-icon,.show>.btn.btn-light-dark i {
    color: var(--bs-dark-inverse)
}

.btn-check:active+.btn.btn-light-dark.dropdown-toggle:after,.btn-check:checked+.btn.btn-light-dark.dropdown-toggle:after,.btn.btn-light-dark.active.dropdown-toggle:after,.btn.btn-light-dark.show.dropdown-toggle:after,.btn.btn-light-dark:active:not(.btn-active).dropdown-toggle:after,.btn.btn-light-dark:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-light-dark:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-light-dark.dropdown-toggle:after {
    color: var(--bs-dark-inverse)
}

.btn.btn-bg-dark {
    border-color: var(--bs-dark);
    background-color: var(--bs-dark)
}

.btn-check:active+.btn.btn-active-dark,.btn-check:checked+.btn.btn-active-dark,.btn.btn-active-dark.active,.btn.btn-active-dark.show,.btn.btn-active-dark:active:not(.btn-active),.btn.btn-active-dark:focus:not(.btn-active),.btn.btn-active-dark:hover:not(.btn-active),.show>.btn.btn-active-dark {
    color: var(--bs-dark-inverse);
    border-color: var(--bs-dark);
    background-color: var(--bs-dark)!important
}

.btn-check:active+.btn.btn-active-dark .svg-icon,.btn-check:active+.btn.btn-active-dark i,.btn-check:checked+.btn.btn-active-dark .svg-icon,.btn-check:checked+.btn.btn-active-dark i,.btn.btn-active-dark.active .svg-icon,.btn.btn-active-dark.active i,.btn.btn-active-dark.show .svg-icon,.btn.btn-active-dark.show i,.btn.btn-active-dark:active:not(.btn-active) .svg-icon,.btn.btn-active-dark:active:not(.btn-active) i,.btn.btn-active-dark:focus:not(.btn-active) .svg-icon,.btn.btn-active-dark:focus:not(.btn-active) i,.btn.btn-active-dark:hover:not(.btn-active) .svg-icon,.btn.btn-active-dark:hover:not(.btn-active) i,.show>.btn.btn-active-dark .svg-icon,.show>.btn.btn-active-dark i {
    color: var(--bs-dark-inverse)
}

.btn-check:active+.btn.btn-active-dark.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-dark.dropdown-toggle:after,.btn.btn-active-dark.active.dropdown-toggle:after,.btn.btn-active-dark.show.dropdown-toggle:after,.btn.btn-active-dark:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-dark:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-dark:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-dark.dropdown-toggle:after {
    color: var(--bs-dark-inverse)
}

.btn-check:active+.btn.btn-active-light-dark,.btn-check:checked+.btn.btn-active-light-dark,.btn.btn-active-light-dark.active,.btn.btn-active-light-dark.show,.btn.btn-active-light-dark:active:not(.btn-active),.btn.btn-active-light-dark:focus:not(.btn-active),.btn.btn-active-light-dark:hover:not(.btn-active),.show>.btn.btn-active-light-dark {
    color: var(--bs-dark);
    border-color: var(--bs-dark-light);
    background-color: var(--bs-dark-light)!important
}

.btn-check:active+.btn.btn-active-light-dark .svg-icon,.btn-check:active+.btn.btn-active-light-dark i,.btn-check:checked+.btn.btn-active-light-dark .svg-icon,.btn-check:checked+.btn.btn-active-light-dark i,.btn.btn-active-light-dark.active .svg-icon,.btn.btn-active-light-dark.active i,.btn.btn-active-light-dark.show .svg-icon,.btn.btn-active-light-dark.show i,.btn.btn-active-light-dark:active:not(.btn-active) .svg-icon,.btn.btn-active-light-dark:active:not(.btn-active) i,.btn.btn-active-light-dark:focus:not(.btn-active) .svg-icon,.btn.btn-active-light-dark:focus:not(.btn-active) i,.btn.btn-active-light-dark:hover:not(.btn-active) .svg-icon,.btn.btn-active-light-dark:hover:not(.btn-active) i,.show>.btn.btn-active-light-dark .svg-icon,.show>.btn.btn-active-light-dark i {
    color: var(--bs-dark)
}

.btn-check:active+.btn.btn-active-light-dark.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-light-dark.dropdown-toggle:after,.btn.btn-active-light-dark.active.dropdown-toggle:after,.btn.btn-active-light-dark.show.dropdown-toggle:after,.btn.btn-active-light-dark:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-light-dark:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-light-dark:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-light-dark.dropdown-toggle:after {
    color: var(--bs-dark)
}

.btn.btn-outline.btn-outline-dark {
    color: var(--bs-dark);
    border-color: var(--bs-dark);
    background-color: transparent
}

.btn.btn-outline.btn-outline-dark .svg-icon,.btn.btn-outline.btn-outline-dark i {
    color: var(--bs-dark)
}

.btn.btn-outline.btn-outline-dark.dropdown-toggle:after {
    color: var(--bs-dark)
}

.btn-check:active+.btn.btn-outline.btn-outline-dark,.btn-check:checked+.btn.btn-outline.btn-outline-dark,.btn.btn-outline.btn-outline-dark.active,.btn.btn-outline.btn-outline-dark.show,.btn.btn-outline.btn-outline-dark:active:not(.btn-active),.btn.btn-outline.btn-outline-dark:focus:not(.btn-active),.btn.btn-outline.btn-outline-dark:hover:not(.btn-active),.show>.btn.btn-outline.btn-outline-dark {
    color: var(--bs-dark-active);
    border-color: var(--bs-dark);
    background-color: var(--bs-dark-light)!important
}

.btn-check:active+.btn.btn-outline.btn-outline-dark .svg-icon,.btn-check:active+.btn.btn-outline.btn-outline-dark i,.btn-check:checked+.btn.btn-outline.btn-outline-dark .svg-icon,.btn-check:checked+.btn.btn-outline.btn-outline-dark i,.btn.btn-outline.btn-outline-dark.active .svg-icon,.btn.btn-outline.btn-outline-dark.active i,.btn.btn-outline.btn-outline-dark.show .svg-icon,.btn.btn-outline.btn-outline-dark.show i,.btn.btn-outline.btn-outline-dark:active:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-dark:active:not(.btn-active) i,.btn.btn-outline.btn-outline-dark:focus:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-dark:focus:not(.btn-active) i,.btn.btn-outline.btn-outline-dark:hover:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-dark:hover:not(.btn-active) i,.show>.btn.btn-outline.btn-outline-dark .svg-icon,.show>.btn.btn-outline.btn-outline-dark i {
    color: var(--bs-dark-active)
}

.btn-check:active+.btn.btn-outline.btn-outline-dark.dropdown-toggle:after,.btn-check:checked+.btn.btn-outline.btn-outline-dark.dropdown-toggle:after,.btn.btn-outline.btn-outline-dark.active.dropdown-toggle:after,.btn.btn-outline.btn-outline-dark.show.dropdown-toggle:after,.btn.btn-outline.btn-outline-dark:active:not(.btn-active).dropdown-toggle:after,.btn.btn-outline.btn-outline-dark:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-outline.btn-outline-dark:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-outline.btn-outline-dark.dropdown-toggle:after {
    color: var(--bs-dark-active)
}

.btn.btn-color-white {
    color: var(--bs-text-white)
}

.btn.btn-color-white .svg-icon,.btn.btn-color-white i {
    color: var(--bs-text-white)
}

.btn.btn-color-white.dropdown-toggle:after {
    color: var(--bs-text-white)
}

.btn-check:active+.btn.btn-active-color-white,.btn-check:checked+.btn.btn-active-color-white,.btn.btn-active-color-white.active,.btn.btn-active-color-white.show,.btn.btn-active-color-white:active:not(.btn-active),.btn.btn-active-color-white:focus:not(.btn-active),.btn.btn-active-color-white:hover:not(.btn-active),.show>.btn.btn-active-color-white {
    color: var(--bs-text-white)
}

.btn-check:active+.btn.btn-active-color-white .svg-icon,.btn-check:active+.btn.btn-active-color-white i,.btn-check:checked+.btn.btn-active-color-white .svg-icon,.btn-check:checked+.btn.btn-active-color-white i,.btn.btn-active-color-white.active .svg-icon,.btn.btn-active-color-white.active i,.btn.btn-active-color-white.show .svg-icon,.btn.btn-active-color-white.show i,.btn.btn-active-color-white:active:not(.btn-active) .svg-icon,.btn.btn-active-color-white:active:not(.btn-active) i,.btn.btn-active-color-white:focus:not(.btn-active) .svg-icon,.btn.btn-active-color-white:focus:not(.btn-active) i,.btn.btn-active-color-white:hover:not(.btn-active) .svg-icon,.btn.btn-active-color-white:hover:not(.btn-active) i,.show>.btn.btn-active-color-white .svg-icon,.show>.btn.btn-active-color-white i {
    color: var(--bs-text-white)
}

.btn-check:active+.btn.btn-active-color-white.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-color-white.dropdown-toggle:after,.btn.btn-active-color-white.active.dropdown-toggle:after,.btn.btn-active-color-white.show.dropdown-toggle:after,.btn.btn-active-color-white:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-white:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-white:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-color-white.dropdown-toggle:after {
    color: var(--bs-text-white)
}

.btn.btn-icon-white .svg-icon,.btn.btn-icon-white i {
    color: var(--bs-text-white)
}

.btn.btn-icon-white.dropdown-toggle:after {
    color: var(--bs-text-white)
}

.btn-check:active+.btn.btn-active-icon-white .svg-icon,.btn-check:active+.btn.btn-active-icon-white i,.btn-check:checked+.btn.btn-active-icon-white .svg-icon,.btn-check:checked+.btn.btn-active-icon-white i,.btn.btn-active-icon-white.active .svg-icon,.btn.btn-active-icon-white.active i,.btn.btn-active-icon-white.show .svg-icon,.btn.btn-active-icon-white.show i,.btn.btn-active-icon-white:active:not(.btn-active) .svg-icon,.btn.btn-active-icon-white:active:not(.btn-active) i,.btn.btn-active-icon-white:focus:not(.btn-active) .svg-icon,.btn.btn-active-icon-white:focus:not(.btn-active) i,.btn.btn-active-icon-white:hover:not(.btn-active) .svg-icon,.btn.btn-active-icon-white:hover:not(.btn-active) i,.show>.btn.btn-active-icon-white .svg-icon,.show>.btn.btn-active-icon-white i {
    color: var(--bs-text-white)
}

.btn-check:active+.btn.btn-active-icon-white.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-icon-white.dropdown-toggle:after,.btn.btn-active-icon-white.active.dropdown-toggle:after,.btn.btn-active-icon-white.show.dropdown-toggle:after,.btn.btn-active-icon-white:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-white:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-white:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-icon-white.dropdown-toggle:after {
    color: var(--bs-text-white)
}

.btn.btn-text-white {
    color: var(--bs-text-white)
}

.btn-check:active+.btn.btn-active-text-white,.btn-check:checked+.btn.btn-active-text-white,.btn.btn-active-text-white.active,.btn.btn-active-text-white.show,.btn.btn-active-text-white:active:not(.btn-active),.btn.btn-active-text-white:focus:not(.btn-active),.btn.btn-active-text-white:hover:not(.btn-active),.show>.btn.btn-active-text-white {
    color: var(--bs-text-white)
}

.btn.btn-color-primary {
    color: var(--bs-text-primary)
}

.btn.btn-color-primary .svg-icon,.btn.btn-color-primary i {
    color: var(--bs-text-primary)
}

.btn.btn-color-primary.dropdown-toggle:after {
    color: var(--bs-text-primary)
}

.btn-check:active+.btn.btn-active-color-primary,.btn-check:checked+.btn.btn-active-color-primary,.btn.btn-active-color-primary.active,.btn.btn-active-color-primary.show,.btn.btn-active-color-primary:active:not(.btn-active),.btn.btn-active-color-primary:focus:not(.btn-active),.btn.btn-active-color-primary:hover:not(.btn-active),.show>.btn.btn-active-color-primary {
    color: var(--bs-text-primary)
}

.btn-check:active+.btn.btn-active-color-primary .svg-icon,.btn-check:active+.btn.btn-active-color-primary i,.btn-check:checked+.btn.btn-active-color-primary .svg-icon,.btn-check:checked+.btn.btn-active-color-primary i,.btn.btn-active-color-primary.active .svg-icon,.btn.btn-active-color-primary.active i,.btn.btn-active-color-primary.show .svg-icon,.btn.btn-active-color-primary.show i,.btn.btn-active-color-primary:active:not(.btn-active) .svg-icon,.btn.btn-active-color-primary:active:not(.btn-active) i,.btn.btn-active-color-primary:focus:not(.btn-active) .svg-icon,.btn.btn-active-color-primary:focus:not(.btn-active) i,.btn.btn-active-color-primary:hover:not(.btn-active) .svg-icon,.btn.btn-active-color-primary:hover:not(.btn-active) i,.show>.btn.btn-active-color-primary .svg-icon,.show>.btn.btn-active-color-primary i {
    color: var(--bs-text-primary)
}

.btn-check:active+.btn.btn-active-color-primary.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-color-primary.dropdown-toggle:after,.btn.btn-active-color-primary.active.dropdown-toggle:after,.btn.btn-active-color-primary.show.dropdown-toggle:after,.btn.btn-active-color-primary:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-primary:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-primary:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-color-primary.dropdown-toggle:after {
    color: var(--bs-text-primary)
}

.btn.btn-icon-primary .svg-icon,.btn.btn-icon-primary i {
    color: var(--bs-text-primary)
}

.btn.btn-icon-primary.dropdown-toggle:after {
    color: var(--bs-text-primary)
}

.btn-check:active+.btn.btn-active-icon-primary .svg-icon,.btn-check:active+.btn.btn-active-icon-primary i,.btn-check:checked+.btn.btn-active-icon-primary .svg-icon,.btn-check:checked+.btn.btn-active-icon-primary i,.btn.btn-active-icon-primary.active .svg-icon,.btn.btn-active-icon-primary.active i,.btn.btn-active-icon-primary.show .svg-icon,.btn.btn-active-icon-primary.show i,.btn.btn-active-icon-primary:active:not(.btn-active) .svg-icon,.btn.btn-active-icon-primary:active:not(.btn-active) i,.btn.btn-active-icon-primary:focus:not(.btn-active) .svg-icon,.btn.btn-active-icon-primary:focus:not(.btn-active) i,.btn.btn-active-icon-primary:hover:not(.btn-active) .svg-icon,.btn.btn-active-icon-primary:hover:not(.btn-active) i,.show>.btn.btn-active-icon-primary .svg-icon,.show>.btn.btn-active-icon-primary i {
    color: var(--bs-text-primary)
}

.btn-check:active+.btn.btn-active-icon-primary.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-icon-primary.dropdown-toggle:after,.btn.btn-active-icon-primary.active.dropdown-toggle:after,.btn.btn-active-icon-primary.show.dropdown-toggle:after,.btn.btn-active-icon-primary:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-primary:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-primary:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-icon-primary.dropdown-toggle:after {
    color: var(--bs-text-primary)
}

.btn.btn-text-primary {
    color: var(--bs-text-primary)
}

.btn-check:active+.btn.btn-active-text-primary,.btn-check:checked+.btn.btn-active-text-primary,.btn.btn-active-text-primary.active,.btn.btn-active-text-primary.show,.btn.btn-active-text-primary:active:not(.btn-active),.btn.btn-active-text-primary:focus:not(.btn-active),.btn.btn-active-text-primary:hover:not(.btn-active),.show>.btn.btn-active-text-primary {
    color: var(--bs-text-primary)
}

.btn.btn-color-secondary {
    color: var(--bs-text-secondary)
}

.btn.btn-color-secondary .svg-icon,.btn.btn-color-secondary i {
    color: var(--bs-text-secondary)
}

.btn.btn-color-secondary.dropdown-toggle:after {
    color: var(--bs-text-secondary)
}

.btn-check:active+.btn.btn-active-color-secondary,.btn-check:checked+.btn.btn-active-color-secondary,.btn.btn-active-color-secondary.active,.btn.btn-active-color-secondary.show,.btn.btn-active-color-secondary:active:not(.btn-active),.btn.btn-active-color-secondary:focus:not(.btn-active),.btn.btn-active-color-secondary:hover:not(.btn-active),.show>.btn.btn-active-color-secondary {
    color: var(--bs-text-secondary)
}

.btn-check:active+.btn.btn-active-color-secondary .svg-icon,.btn-check:active+.btn.btn-active-color-secondary i,.btn-check:checked+.btn.btn-active-color-secondary .svg-icon,.btn-check:checked+.btn.btn-active-color-secondary i,.btn.btn-active-color-secondary.active .svg-icon,.btn.btn-active-color-secondary.active i,.btn.btn-active-color-secondary.show .svg-icon,.btn.btn-active-color-secondary.show i,.btn.btn-active-color-secondary:active:not(.btn-active) .svg-icon,.btn.btn-active-color-secondary:active:not(.btn-active) i,.btn.btn-active-color-secondary:focus:not(.btn-active) .svg-icon,.btn.btn-active-color-secondary:focus:not(.btn-active) i,.btn.btn-active-color-secondary:hover:not(.btn-active) .svg-icon,.btn.btn-active-color-secondary:hover:not(.btn-active) i,.show>.btn.btn-active-color-secondary .svg-icon,.show>.btn.btn-active-color-secondary i {
    color: var(--bs-text-secondary)
}

.btn-check:active+.btn.btn-active-color-secondary.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-color-secondary.dropdown-toggle:after,.btn.btn-active-color-secondary.active.dropdown-toggle:after,.btn.btn-active-color-secondary.show.dropdown-toggle:after,.btn.btn-active-color-secondary:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-secondary:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-secondary:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-color-secondary.dropdown-toggle:after {
    color: var(--bs-text-secondary)
}

.btn.btn-icon-secondary .svg-icon,.btn.btn-icon-secondary i {
    color: var(--bs-text-secondary)
}

.btn.btn-icon-secondary.dropdown-toggle:after {
    color: var(--bs-text-secondary)
}

.btn-check:active+.btn.btn-active-icon-secondary .svg-icon,.btn-check:active+.btn.btn-active-icon-secondary i,.btn-check:checked+.btn.btn-active-icon-secondary .svg-icon,.btn-check:checked+.btn.btn-active-icon-secondary i,.btn.btn-active-icon-secondary.active .svg-icon,.btn.btn-active-icon-secondary.active i,.btn.btn-active-icon-secondary.show .svg-icon,.btn.btn-active-icon-secondary.show i,.btn.btn-active-icon-secondary:active:not(.btn-active) .svg-icon,.btn.btn-active-icon-secondary:active:not(.btn-active) i,.btn.btn-active-icon-secondary:focus:not(.btn-active) .svg-icon,.btn.btn-active-icon-secondary:focus:not(.btn-active) i,.btn.btn-active-icon-secondary:hover:not(.btn-active) .svg-icon,.btn.btn-active-icon-secondary:hover:not(.btn-active) i,.show>.btn.btn-active-icon-secondary .svg-icon,.show>.btn.btn-active-icon-secondary i {
    color: var(--bs-text-secondary)
}

.btn-check:active+.btn.btn-active-icon-secondary.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-icon-secondary.dropdown-toggle:after,.btn.btn-active-icon-secondary.active.dropdown-toggle:after,.btn.btn-active-icon-secondary.show.dropdown-toggle:after,.btn.btn-active-icon-secondary:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-secondary:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-secondary:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-icon-secondary.dropdown-toggle:after {
    color: var(--bs-text-secondary)
}

.btn.btn-text-secondary {
    color: var(--bs-text-secondary)
}

.btn-check:active+.btn.btn-active-text-secondary,.btn-check:checked+.btn.btn-active-text-secondary,.btn.btn-active-text-secondary.active,.btn.btn-active-text-secondary.show,.btn.btn-active-text-secondary:active:not(.btn-active),.btn.btn-active-text-secondary:focus:not(.btn-active),.btn.btn-active-text-secondary:hover:not(.btn-active),.show>.btn.btn-active-text-secondary {
    color: var(--bs-text-secondary)
}

.btn.btn-color-light {
    color: var(--bs-text-light)
}

.btn.btn-color-light .svg-icon,.btn.btn-color-light i {
    color: var(--bs-text-light)
}

.btn.btn-color-light.dropdown-toggle:after {
    color: var(--bs-text-light)
}

.btn-check:active+.btn.btn-active-color-light,.btn-check:checked+.btn.btn-active-color-light,.btn.btn-active-color-light.active,.btn.btn-active-color-light.show,.btn.btn-active-color-light:active:not(.btn-active),.btn.btn-active-color-light:focus:not(.btn-active),.btn.btn-active-color-light:hover:not(.btn-active),.show>.btn.btn-active-color-light {
    color: var(--bs-text-light)
}

.btn-check:active+.btn.btn-active-color-light .svg-icon,.btn-check:active+.btn.btn-active-color-light i,.btn-check:checked+.btn.btn-active-color-light .svg-icon,.btn-check:checked+.btn.btn-active-color-light i,.btn.btn-active-color-light.active .svg-icon,.btn.btn-active-color-light.active i,.btn.btn-active-color-light.show .svg-icon,.btn.btn-active-color-light.show i,.btn.btn-active-color-light:active:not(.btn-active) .svg-icon,.btn.btn-active-color-light:active:not(.btn-active) i,.btn.btn-active-color-light:focus:not(.btn-active) .svg-icon,.btn.btn-active-color-light:focus:not(.btn-active) i,.btn.btn-active-color-light:hover:not(.btn-active) .svg-icon,.btn.btn-active-color-light:hover:not(.btn-active) i,.show>.btn.btn-active-color-light .svg-icon,.show>.btn.btn-active-color-light i {
    color: var(--bs-text-light)
}

.btn-check:active+.btn.btn-active-color-light.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-color-light.dropdown-toggle:after,.btn.btn-active-color-light.active.dropdown-toggle:after,.btn.btn-active-color-light.show.dropdown-toggle:after,.btn.btn-active-color-light:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-light:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-light:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-color-light.dropdown-toggle:after {
    color: var(--bs-text-light)
}

.btn.btn-icon-light .svg-icon,.btn.btn-icon-light i {
    color: var(--bs-text-light)
}

.btn.btn-icon-light.dropdown-toggle:after {
    color: var(--bs-text-light)
}

.btn-check:active+.btn.btn-active-icon-light .svg-icon,.btn-check:active+.btn.btn-active-icon-light i,.btn-check:checked+.btn.btn-active-icon-light .svg-icon,.btn-check:checked+.btn.btn-active-icon-light i,.btn.btn-active-icon-light.active .svg-icon,.btn.btn-active-icon-light.active i,.btn.btn-active-icon-light.show .svg-icon,.btn.btn-active-icon-light.show i,.btn.btn-active-icon-light:active:not(.btn-active) .svg-icon,.btn.btn-active-icon-light:active:not(.btn-active) i,.btn.btn-active-icon-light:focus:not(.btn-active) .svg-icon,.btn.btn-active-icon-light:focus:not(.btn-active) i,.btn.btn-active-icon-light:hover:not(.btn-active) .svg-icon,.btn.btn-active-icon-light:hover:not(.btn-active) i,.show>.btn.btn-active-icon-light .svg-icon,.show>.btn.btn-active-icon-light i {
    color: var(--bs-text-light)
}

.btn-check:active+.btn.btn-active-icon-light.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-icon-light.dropdown-toggle:after,.btn.btn-active-icon-light.active.dropdown-toggle:after,.btn.btn-active-icon-light.show.dropdown-toggle:after,.btn.btn-active-icon-light:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-light:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-light:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-icon-light.dropdown-toggle:after {
    color: var(--bs-text-light)
}

.btn.btn-text-light {
    color: var(--bs-text-light)
}

.btn-check:active+.btn.btn-active-text-light,.btn-check:checked+.btn.btn-active-text-light,.btn.btn-active-text-light.active,.btn.btn-active-text-light.show,.btn.btn-active-text-light:active:not(.btn-active),.btn.btn-active-text-light:focus:not(.btn-active),.btn.btn-active-text-light:hover:not(.btn-active),.show>.btn.btn-active-text-light {
    color: var(--bs-text-light)
}

.btn.btn-color-success {
    color: var(--bs-text-success)
}

.btn.btn-color-success .svg-icon,.btn.btn-color-success i {
    color: var(--bs-text-success)
}

.btn.btn-color-success.dropdown-toggle:after {
    color: var(--bs-text-success)
}

.btn-check:active+.btn.btn-active-color-success,.btn-check:checked+.btn.btn-active-color-success,.btn.btn-active-color-success.active,.btn.btn-active-color-success.show,.btn.btn-active-color-success:active:not(.btn-active),.btn.btn-active-color-success:focus:not(.btn-active),.btn.btn-active-color-success:hover:not(.btn-active),.show>.btn.btn-active-color-success {
    color: var(--bs-text-success)
}

.btn-check:active+.btn.btn-active-color-success .svg-icon,.btn-check:active+.btn.btn-active-color-success i,.btn-check:checked+.btn.btn-active-color-success .svg-icon,.btn-check:checked+.btn.btn-active-color-success i,.btn.btn-active-color-success.active .svg-icon,.btn.btn-active-color-success.active i,.btn.btn-active-color-success.show .svg-icon,.btn.btn-active-color-success.show i,.btn.btn-active-color-success:active:not(.btn-active) .svg-icon,.btn.btn-active-color-success:active:not(.btn-active) i,.btn.btn-active-color-success:focus:not(.btn-active) .svg-icon,.btn.btn-active-color-success:focus:not(.btn-active) i,.btn.btn-active-color-success:hover:not(.btn-active) .svg-icon,.btn.btn-active-color-success:hover:not(.btn-active) i,.show>.btn.btn-active-color-success .svg-icon,.show>.btn.btn-active-color-success i {
    color: var(--bs-text-success)
}

.btn-check:active+.btn.btn-active-color-success.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-color-success.dropdown-toggle:after,.btn.btn-active-color-success.active.dropdown-toggle:after,.btn.btn-active-color-success.show.dropdown-toggle:after,.btn.btn-active-color-success:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-success:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-success:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-color-success.dropdown-toggle:after {
    color: var(--bs-text-success)
}

.btn.btn-icon-success .svg-icon,.btn.btn-icon-success i {
    color: var(--bs-text-success)
}

.btn.btn-icon-success.dropdown-toggle:after {
    color: var(--bs-text-success)
}

.btn-check:active+.btn.btn-active-icon-success .svg-icon,.btn-check:active+.btn.btn-active-icon-success i,.btn-check:checked+.btn.btn-active-icon-success .svg-icon,.btn-check:checked+.btn.btn-active-icon-success i,.btn.btn-active-icon-success.active .svg-icon,.btn.btn-active-icon-success.active i,.btn.btn-active-icon-success.show .svg-icon,.btn.btn-active-icon-success.show i,.btn.btn-active-icon-success:active:not(.btn-active) .svg-icon,.btn.btn-active-icon-success:active:not(.btn-active) i,.btn.btn-active-icon-success:focus:not(.btn-active) .svg-icon,.btn.btn-active-icon-success:focus:not(.btn-active) i,.btn.btn-active-icon-success:hover:not(.btn-active) .svg-icon,.btn.btn-active-icon-success:hover:not(.btn-active) i,.show>.btn.btn-active-icon-success .svg-icon,.show>.btn.btn-active-icon-success i {
    color: var(--bs-text-success)
}

.btn-check:active+.btn.btn-active-icon-success.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-icon-success.dropdown-toggle:after,.btn.btn-active-icon-success.active.dropdown-toggle:after,.btn.btn-active-icon-success.show.dropdown-toggle:after,.btn.btn-active-icon-success:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-success:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-success:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-icon-success.dropdown-toggle:after {
    color: var(--bs-text-success)
}

.btn.btn-text-success {
    color: var(--bs-text-success)
}

.btn-check:active+.btn.btn-active-text-success,.btn-check:checked+.btn.btn-active-text-success,.btn.btn-active-text-success.active,.btn.btn-active-text-success.show,.btn.btn-active-text-success:active:not(.btn-active),.btn.btn-active-text-success:focus:not(.btn-active),.btn.btn-active-text-success:hover:not(.btn-active),.show>.btn.btn-active-text-success {
    color: var(--bs-text-success)
}

.btn.btn-color-info {
    color: var(--bs-text-info)
}

.btn.btn-color-info .svg-icon,.btn.btn-color-info i {
    color: var(--bs-text-info)
}

.btn.btn-color-info.dropdown-toggle:after {
    color: var(--bs-text-info)
}

.btn-check:active+.btn.btn-active-color-info,.btn-check:checked+.btn.btn-active-color-info,.btn.btn-active-color-info.active,.btn.btn-active-color-info.show,.btn.btn-active-color-info:active:not(.btn-active),.btn.btn-active-color-info:focus:not(.btn-active),.btn.btn-active-color-info:hover:not(.btn-active),.show>.btn.btn-active-color-info {
    color: var(--bs-text-info)
}

.btn-check:active+.btn.btn-active-color-info .svg-icon,.btn-check:active+.btn.btn-active-color-info i,.btn-check:checked+.btn.btn-active-color-info .svg-icon,.btn-check:checked+.btn.btn-active-color-info i,.btn.btn-active-color-info.active .svg-icon,.btn.btn-active-color-info.active i,.btn.btn-active-color-info.show .svg-icon,.btn.btn-active-color-info.show i,.btn.btn-active-color-info:active:not(.btn-active) .svg-icon,.btn.btn-active-color-info:active:not(.btn-active) i,.btn.btn-active-color-info:focus:not(.btn-active) .svg-icon,.btn.btn-active-color-info:focus:not(.btn-active) i,.btn.btn-active-color-info:hover:not(.btn-active) .svg-icon,.btn.btn-active-color-info:hover:not(.btn-active) i,.show>.btn.btn-active-color-info .svg-icon,.show>.btn.btn-active-color-info i {
    color: var(--bs-text-info)
}

.btn-check:active+.btn.btn-active-color-info.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-color-info.dropdown-toggle:after,.btn.btn-active-color-info.active.dropdown-toggle:after,.btn.btn-active-color-info.show.dropdown-toggle:after,.btn.btn-active-color-info:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-info:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-info:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-color-info.dropdown-toggle:after {
    color: var(--bs-text-info)
}

.btn.btn-icon-info .svg-icon,.btn.btn-icon-info i {
    color: var(--bs-text-info)
}

.btn.btn-icon-info.dropdown-toggle:after {
    color: var(--bs-text-info)
}

.btn-check:active+.btn.btn-active-icon-info .svg-icon,.btn-check:active+.btn.btn-active-icon-info i,.btn-check:checked+.btn.btn-active-icon-info .svg-icon,.btn-check:checked+.btn.btn-active-icon-info i,.btn.btn-active-icon-info.active .svg-icon,.btn.btn-active-icon-info.active i,.btn.btn-active-icon-info.show .svg-icon,.btn.btn-active-icon-info.show i,.btn.btn-active-icon-info:active:not(.btn-active) .svg-icon,.btn.btn-active-icon-info:active:not(.btn-active) i,.btn.btn-active-icon-info:focus:not(.btn-active) .svg-icon,.btn.btn-active-icon-info:focus:not(.btn-active) i,.btn.btn-active-icon-info:hover:not(.btn-active) .svg-icon,.btn.btn-active-icon-info:hover:not(.btn-active) i,.show>.btn.btn-active-icon-info .svg-icon,.show>.btn.btn-active-icon-info i {
    color: var(--bs-text-info)
}

.btn-check:active+.btn.btn-active-icon-info.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-icon-info.dropdown-toggle:after,.btn.btn-active-icon-info.active.dropdown-toggle:after,.btn.btn-active-icon-info.show.dropdown-toggle:after,.btn.btn-active-icon-info:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-info:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-info:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-icon-info.dropdown-toggle:after {
    color: var(--bs-text-info)
}

.btn.btn-text-info {
    color: var(--bs-text-info)
}

.btn-check:active+.btn.btn-active-text-info,.btn-check:checked+.btn.btn-active-text-info,.btn.btn-active-text-info.active,.btn.btn-active-text-info.show,.btn.btn-active-text-info:active:not(.btn-active),.btn.btn-active-text-info:focus:not(.btn-active),.btn.btn-active-text-info:hover:not(.btn-active),.show>.btn.btn-active-text-info {
    color: var(--bs-text-info)
}

.btn.btn-color-warning {
    color: var(--bs-text-warning)
}

.btn.btn-color-warning .svg-icon,.btn.btn-color-warning i {
    color: var(--bs-text-warning)
}

.btn.btn-color-warning.dropdown-toggle:after {
    color: var(--bs-text-warning)
}

.btn-check:active+.btn.btn-active-color-warning,.btn-check:checked+.btn.btn-active-color-warning,.btn.btn-active-color-warning.active,.btn.btn-active-color-warning.show,.btn.btn-active-color-warning:active:not(.btn-active),.btn.btn-active-color-warning:focus:not(.btn-active),.btn.btn-active-color-warning:hover:not(.btn-active),.show>.btn.btn-active-color-warning {
    color: var(--bs-text-warning)
}

.btn-check:active+.btn.btn-active-color-warning .svg-icon,.btn-check:active+.btn.btn-active-color-warning i,.btn-check:checked+.btn.btn-active-color-warning .svg-icon,.btn-check:checked+.btn.btn-active-color-warning i,.btn.btn-active-color-warning.active .svg-icon,.btn.btn-active-color-warning.active i,.btn.btn-active-color-warning.show .svg-icon,.btn.btn-active-color-warning.show i,.btn.btn-active-color-warning:active:not(.btn-active) .svg-icon,.btn.btn-active-color-warning:active:not(.btn-active) i,.btn.btn-active-color-warning:focus:not(.btn-active) .svg-icon,.btn.btn-active-color-warning:focus:not(.btn-active) i,.btn.btn-active-color-warning:hover:not(.btn-active) .svg-icon,.btn.btn-active-color-warning:hover:not(.btn-active) i,.show>.btn.btn-active-color-warning .svg-icon,.show>.btn.btn-active-color-warning i {
    color: var(--bs-text-warning)
}

.btn-check:active+.btn.btn-active-color-warning.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-color-warning.dropdown-toggle:after,.btn.btn-active-color-warning.active.dropdown-toggle:after,.btn.btn-active-color-warning.show.dropdown-toggle:after,.btn.btn-active-color-warning:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-warning:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-warning:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-color-warning.dropdown-toggle:after {
    color: var(--bs-text-warning)
}

.btn.btn-icon-warning .svg-icon,.btn.btn-icon-warning i {
    color: var(--bs-text-warning)
}

.btn.btn-icon-warning.dropdown-toggle:after {
    color: var(--bs-text-warning)
}

.btn-check:active+.btn.btn-active-icon-warning .svg-icon,.btn-check:active+.btn.btn-active-icon-warning i,.btn-check:checked+.btn.btn-active-icon-warning .svg-icon,.btn-check:checked+.btn.btn-active-icon-warning i,.btn.btn-active-icon-warning.active .svg-icon,.btn.btn-active-icon-warning.active i,.btn.btn-active-icon-warning.show .svg-icon,.btn.btn-active-icon-warning.show i,.btn.btn-active-icon-warning:active:not(.btn-active) .svg-icon,.btn.btn-active-icon-warning:active:not(.btn-active) i,.btn.btn-active-icon-warning:focus:not(.btn-active) .svg-icon,.btn.btn-active-icon-warning:focus:not(.btn-active) i,.btn.btn-active-icon-warning:hover:not(.btn-active) .svg-icon,.btn.btn-active-icon-warning:hover:not(.btn-active) i,.show>.btn.btn-active-icon-warning .svg-icon,.show>.btn.btn-active-icon-warning i {
    color: var(--bs-text-warning)
}

.btn-check:active+.btn.btn-active-icon-warning.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-icon-warning.dropdown-toggle:after,.btn.btn-active-icon-warning.active.dropdown-toggle:after,.btn.btn-active-icon-warning.show.dropdown-toggle:after,.btn.btn-active-icon-warning:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-warning:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-warning:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-icon-warning.dropdown-toggle:after {
    color: var(--bs-text-warning)
}

.btn.btn-text-warning {
    color: var(--bs-text-warning)
}

.btn-check:active+.btn.btn-active-text-warning,.btn-check:checked+.btn.btn-active-text-warning,.btn.btn-active-text-warning.active,.btn.btn-active-text-warning.show,.btn.btn-active-text-warning:active:not(.btn-active),.btn.btn-active-text-warning:focus:not(.btn-active),.btn.btn-active-text-warning:hover:not(.btn-active),.show>.btn.btn-active-text-warning {
    color: var(--bs-text-warning)
}

.btn.btn-color-danger {
    color: var(--bs-text-danger)
}

.btn.btn-color-danger .svg-icon,.btn.btn-color-danger i {
    color: var(--bs-text-danger)
}

.btn.btn-color-danger.dropdown-toggle:after {
    color: var(--bs-text-danger)
}

.btn-check:active+.btn.btn-active-color-danger,.btn-check:checked+.btn.btn-active-color-danger,.btn.btn-active-color-danger.active,.btn.btn-active-color-danger.show,.btn.btn-active-color-danger:active:not(.btn-active),.btn.btn-active-color-danger:focus:not(.btn-active),.btn.btn-active-color-danger:hover:not(.btn-active),.show>.btn.btn-active-color-danger {
    color: var(--bs-text-danger)
}

.btn-check:active+.btn.btn-active-color-danger .svg-icon,.btn-check:active+.btn.btn-active-color-danger i,.btn-check:checked+.btn.btn-active-color-danger .svg-icon,.btn-check:checked+.btn.btn-active-color-danger i,.btn.btn-active-color-danger.active .svg-icon,.btn.btn-active-color-danger.active i,.btn.btn-active-color-danger.show .svg-icon,.btn.btn-active-color-danger.show i,.btn.btn-active-color-danger:active:not(.btn-active) .svg-icon,.btn.btn-active-color-danger:active:not(.btn-active) i,.btn.btn-active-color-danger:focus:not(.btn-active) .svg-icon,.btn.btn-active-color-danger:focus:not(.btn-active) i,.btn.btn-active-color-danger:hover:not(.btn-active) .svg-icon,.btn.btn-active-color-danger:hover:not(.btn-active) i,.show>.btn.btn-active-color-danger .svg-icon,.show>.btn.btn-active-color-danger i {
    color: var(--bs-text-danger)
}

.btn-check:active+.btn.btn-active-color-danger.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-color-danger.dropdown-toggle:after,.btn.btn-active-color-danger.active.dropdown-toggle:after,.btn.btn-active-color-danger.show.dropdown-toggle:after,.btn.btn-active-color-danger:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-danger:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-danger:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-color-danger.dropdown-toggle:after {
    color: var(--bs-text-danger)
}

.btn.btn-icon-danger .svg-icon,.btn.btn-icon-danger i {
    color: var(--bs-text-danger)
}

.btn.btn-icon-danger.dropdown-toggle:after {
    color: var(--bs-text-danger)
}

.btn-check:active+.btn.btn-active-icon-danger .svg-icon,.btn-check:active+.btn.btn-active-icon-danger i,.btn-check:checked+.btn.btn-active-icon-danger .svg-icon,.btn-check:checked+.btn.btn-active-icon-danger i,.btn.btn-active-icon-danger.active .svg-icon,.btn.btn-active-icon-danger.active i,.btn.btn-active-icon-danger.show .svg-icon,.btn.btn-active-icon-danger.show i,.btn.btn-active-icon-danger:active:not(.btn-active) .svg-icon,.btn.btn-active-icon-danger:active:not(.btn-active) i,.btn.btn-active-icon-danger:focus:not(.btn-active) .svg-icon,.btn.btn-active-icon-danger:focus:not(.btn-active) i,.btn.btn-active-icon-danger:hover:not(.btn-active) .svg-icon,.btn.btn-active-icon-danger:hover:not(.btn-active) i,.show>.btn.btn-active-icon-danger .svg-icon,.show>.btn.btn-active-icon-danger i {
    color: var(--bs-text-danger)
}

.btn-check:active+.btn.btn-active-icon-danger.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-icon-danger.dropdown-toggle:after,.btn.btn-active-icon-danger.active.dropdown-toggle:after,.btn.btn-active-icon-danger.show.dropdown-toggle:after,.btn.btn-active-icon-danger:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-danger:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-danger:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-icon-danger.dropdown-toggle:after {
    color: var(--bs-text-danger)
}

.btn.btn-text-danger {
    color: var(--bs-text-danger)
}

.btn-check:active+.btn.btn-active-text-danger,.btn-check:checked+.btn.btn-active-text-danger,.btn.btn-active-text-danger.active,.btn.btn-active-text-danger.show,.btn.btn-active-text-danger:active:not(.btn-active),.btn.btn-active-text-danger:focus:not(.btn-active),.btn.btn-active-text-danger:hover:not(.btn-active),.show>.btn.btn-active-text-danger {
    color: var(--bs-text-danger)
}

.btn.btn-color-dark {
    color: var(--bs-text-dark)
}

.btn.btn-color-dark .svg-icon,.btn.btn-color-dark i {
    color: var(--bs-text-dark)
}

.btn.btn-color-dark.dropdown-toggle:after {
    color: var(--bs-text-dark)
}

.btn-check:active+.btn.btn-active-color-dark,.btn-check:checked+.btn.btn-active-color-dark,.btn.btn-active-color-dark.active,.btn.btn-active-color-dark.show,.btn.btn-active-color-dark:active:not(.btn-active),.btn.btn-active-color-dark:focus:not(.btn-active),.btn.btn-active-color-dark:hover:not(.btn-active),.show>.btn.btn-active-color-dark {
    color: var(--bs-text-dark)
}

.btn-check:active+.btn.btn-active-color-dark .svg-icon,.btn-check:active+.btn.btn-active-color-dark i,.btn-check:checked+.btn.btn-active-color-dark .svg-icon,.btn-check:checked+.btn.btn-active-color-dark i,.btn.btn-active-color-dark.active .svg-icon,.btn.btn-active-color-dark.active i,.btn.btn-active-color-dark.show .svg-icon,.btn.btn-active-color-dark.show i,.btn.btn-active-color-dark:active:not(.btn-active) .svg-icon,.btn.btn-active-color-dark:active:not(.btn-active) i,.btn.btn-active-color-dark:focus:not(.btn-active) .svg-icon,.btn.btn-active-color-dark:focus:not(.btn-active) i,.btn.btn-active-color-dark:hover:not(.btn-active) .svg-icon,.btn.btn-active-color-dark:hover:not(.btn-active) i,.show>.btn.btn-active-color-dark .svg-icon,.show>.btn.btn-active-color-dark i {
    color: var(--bs-text-dark)
}

.btn-check:active+.btn.btn-active-color-dark.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-color-dark.dropdown-toggle:after,.btn.btn-active-color-dark.active.dropdown-toggle:after,.btn.btn-active-color-dark.show.dropdown-toggle:after,.btn.btn-active-color-dark:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-dark:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-dark:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-color-dark.dropdown-toggle:after {
    color: var(--bs-text-dark)
}

.btn.btn-icon-dark .svg-icon,.btn.btn-icon-dark i {
    color: var(--bs-text-dark)
}

.btn.btn-icon-dark.dropdown-toggle:after {
    color: var(--bs-text-dark)
}

.btn-check:active+.btn.btn-active-icon-dark .svg-icon,.btn-check:active+.btn.btn-active-icon-dark i,.btn-check:checked+.btn.btn-active-icon-dark .svg-icon,.btn-check:checked+.btn.btn-active-icon-dark i,.btn.btn-active-icon-dark.active .svg-icon,.btn.btn-active-icon-dark.active i,.btn.btn-active-icon-dark.show .svg-icon,.btn.btn-active-icon-dark.show i,.btn.btn-active-icon-dark:active:not(.btn-active) .svg-icon,.btn.btn-active-icon-dark:active:not(.btn-active) i,.btn.btn-active-icon-dark:focus:not(.btn-active) .svg-icon,.btn.btn-active-icon-dark:focus:not(.btn-active) i,.btn.btn-active-icon-dark:hover:not(.btn-active) .svg-icon,.btn.btn-active-icon-dark:hover:not(.btn-active) i,.show>.btn.btn-active-icon-dark .svg-icon,.show>.btn.btn-active-icon-dark i {
    color: var(--bs-text-dark)
}

.btn-check:active+.btn.btn-active-icon-dark.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-icon-dark.dropdown-toggle:after,.btn.btn-active-icon-dark.active.dropdown-toggle:after,.btn.btn-active-icon-dark.show.dropdown-toggle:after,.btn.btn-active-icon-dark:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-dark:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-dark:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-icon-dark.dropdown-toggle:after {
    color: var(--bs-text-dark)
}

.btn.btn-text-dark {
    color: var(--bs-text-dark)
}

.btn-check:active+.btn.btn-active-text-dark,.btn-check:checked+.btn.btn-active-text-dark,.btn.btn-active-text-dark.active,.btn.btn-active-text-dark.show,.btn.btn-active-text-dark:active:not(.btn-active),.btn.btn-active-text-dark:focus:not(.btn-active),.btn.btn-active-text-dark:hover:not(.btn-active),.show>.btn.btn-active-text-dark {
    color: var(--bs-text-dark)
}

.btn.btn-color-muted {
    color: var(--bs-text-muted)
}

.btn.btn-color-muted .svg-icon,.btn.btn-color-muted i {
    color: var(--bs-text-muted)
}

.btn.btn-color-muted.dropdown-toggle:after {
    color: var(--bs-text-muted)
}

.btn-check:active+.btn.btn-active-color-muted,.btn-check:checked+.btn.btn-active-color-muted,.btn.btn-active-color-muted.active,.btn.btn-active-color-muted.show,.btn.btn-active-color-muted:active:not(.btn-active),.btn.btn-active-color-muted:focus:not(.btn-active),.btn.btn-active-color-muted:hover:not(.btn-active),.show>.btn.btn-active-color-muted {
    color: var(--bs-text-muted)
}

.btn-check:active+.btn.btn-active-color-muted .svg-icon,.btn-check:active+.btn.btn-active-color-muted i,.btn-check:checked+.btn.btn-active-color-muted .svg-icon,.btn-check:checked+.btn.btn-active-color-muted i,.btn.btn-active-color-muted.active .svg-icon,.btn.btn-active-color-muted.active i,.btn.btn-active-color-muted.show .svg-icon,.btn.btn-active-color-muted.show i,.btn.btn-active-color-muted:active:not(.btn-active) .svg-icon,.btn.btn-active-color-muted:active:not(.btn-active) i,.btn.btn-active-color-muted:focus:not(.btn-active) .svg-icon,.btn.btn-active-color-muted:focus:not(.btn-active) i,.btn.btn-active-color-muted:hover:not(.btn-active) .svg-icon,.btn.btn-active-color-muted:hover:not(.btn-active) i,.show>.btn.btn-active-color-muted .svg-icon,.show>.btn.btn-active-color-muted i {
    color: var(--bs-text-muted)
}

.btn-check:active+.btn.btn-active-color-muted.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-color-muted.dropdown-toggle:after,.btn.btn-active-color-muted.active.dropdown-toggle:after,.btn.btn-active-color-muted.show.dropdown-toggle:after,.btn.btn-active-color-muted:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-muted:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-muted:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-color-muted.dropdown-toggle:after {
    color: var(--bs-text-muted)
}

.btn.btn-icon-muted .svg-icon,.btn.btn-icon-muted i {
    color: var(--bs-text-muted)
}

.btn.btn-icon-muted.dropdown-toggle:after {
    color: var(--bs-text-muted)
}

.btn-check:active+.btn.btn-active-icon-muted .svg-icon,.btn-check:active+.btn.btn-active-icon-muted i,.btn-check:checked+.btn.btn-active-icon-muted .svg-icon,.btn-check:checked+.btn.btn-active-icon-muted i,.btn.btn-active-icon-muted.active .svg-icon,.btn.btn-active-icon-muted.active i,.btn.btn-active-icon-muted.show .svg-icon,.btn.btn-active-icon-muted.show i,.btn.btn-active-icon-muted:active:not(.btn-active) .svg-icon,.btn.btn-active-icon-muted:active:not(.btn-active) i,.btn.btn-active-icon-muted:focus:not(.btn-active) .svg-icon,.btn.btn-active-icon-muted:focus:not(.btn-active) i,.btn.btn-active-icon-muted:hover:not(.btn-active) .svg-icon,.btn.btn-active-icon-muted:hover:not(.btn-active) i,.show>.btn.btn-active-icon-muted .svg-icon,.show>.btn.btn-active-icon-muted i {
    color: var(--bs-text-muted)
}

.btn-check:active+.btn.btn-active-icon-muted.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-icon-muted.dropdown-toggle:after,.btn.btn-active-icon-muted.active.dropdown-toggle:after,.btn.btn-active-icon-muted.show.dropdown-toggle:after,.btn.btn-active-icon-muted:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-muted:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-muted:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-icon-muted.dropdown-toggle:after {
    color: var(--bs-text-muted)
}

.btn.btn-text-muted {
    color: var(--bs-text-muted)
}

.btn-check:active+.btn.btn-active-text-muted,.btn-check:checked+.btn.btn-active-text-muted,.btn.btn-active-text-muted.active,.btn.btn-active-text-muted.show,.btn.btn-active-text-muted:active:not(.btn-active),.btn.btn-active-text-muted:focus:not(.btn-active),.btn.btn-active-text-muted:hover:not(.btn-active),.show>.btn.btn-active-text-muted {
    color: var(--bs-text-muted)
}

.btn.btn-color-gray-100 {
    color: var(--bs-text-gray-100)
}

.btn.btn-color-gray-100 .svg-icon,.btn.btn-color-gray-100 i {
    color: var(--bs-text-gray-100)
}

.btn.btn-color-gray-100.dropdown-toggle:after {
    color: var(--bs-text-gray-100)
}

.btn-check:active+.btn.btn-active-color-gray-100,.btn-check:checked+.btn.btn-active-color-gray-100,.btn.btn-active-color-gray-100.active,.btn.btn-active-color-gray-100.show,.btn.btn-active-color-gray-100:active:not(.btn-active),.btn.btn-active-color-gray-100:focus:not(.btn-active),.btn.btn-active-color-gray-100:hover:not(.btn-active),.show>.btn.btn-active-color-gray-100 {
    color: var(--bs-text-gray-100)
}

.btn-check:active+.btn.btn-active-color-gray-100 .svg-icon,.btn-check:active+.btn.btn-active-color-gray-100 i,.btn-check:checked+.btn.btn-active-color-gray-100 .svg-icon,.btn-check:checked+.btn.btn-active-color-gray-100 i,.btn.btn-active-color-gray-100.active .svg-icon,.btn.btn-active-color-gray-100.active i,.btn.btn-active-color-gray-100.show .svg-icon,.btn.btn-active-color-gray-100.show i,.btn.btn-active-color-gray-100:active:not(.btn-active) .svg-icon,.btn.btn-active-color-gray-100:active:not(.btn-active) i,.btn.btn-active-color-gray-100:focus:not(.btn-active) .svg-icon,.btn.btn-active-color-gray-100:focus:not(.btn-active) i,.btn.btn-active-color-gray-100:hover:not(.btn-active) .svg-icon,.btn.btn-active-color-gray-100:hover:not(.btn-active) i,.show>.btn.btn-active-color-gray-100 .svg-icon,.show>.btn.btn-active-color-gray-100 i {
    color: var(--bs-text-gray-100)
}

.btn-check:active+.btn.btn-active-color-gray-100.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-color-gray-100.dropdown-toggle:after,.btn.btn-active-color-gray-100.active.dropdown-toggle:after,.btn.btn-active-color-gray-100.show.dropdown-toggle:after,.btn.btn-active-color-gray-100:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-gray-100:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-gray-100:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-color-gray-100.dropdown-toggle:after {
    color: var(--bs-text-gray-100)
}

.btn.btn-icon-gray-100 .svg-icon,.btn.btn-icon-gray-100 i {
    color: var(--bs-text-gray-100)
}

.btn.btn-icon-gray-100.dropdown-toggle:after {
    color: var(--bs-text-gray-100)
}

.btn-check:active+.btn.btn-active-icon-gray-100 .svg-icon,.btn-check:active+.btn.btn-active-icon-gray-100 i,.btn-check:checked+.btn.btn-active-icon-gray-100 .svg-icon,.btn-check:checked+.btn.btn-active-icon-gray-100 i,.btn.btn-active-icon-gray-100.active .svg-icon,.btn.btn-active-icon-gray-100.active i,.btn.btn-active-icon-gray-100.show .svg-icon,.btn.btn-active-icon-gray-100.show i,.btn.btn-active-icon-gray-100:active:not(.btn-active) .svg-icon,.btn.btn-active-icon-gray-100:active:not(.btn-active) i,.btn.btn-active-icon-gray-100:focus:not(.btn-active) .svg-icon,.btn.btn-active-icon-gray-100:focus:not(.btn-active) i,.btn.btn-active-icon-gray-100:hover:not(.btn-active) .svg-icon,.btn.btn-active-icon-gray-100:hover:not(.btn-active) i,.show>.btn.btn-active-icon-gray-100 .svg-icon,.show>.btn.btn-active-icon-gray-100 i {
    color: var(--bs-text-gray-100)
}

.btn-check:active+.btn.btn-active-icon-gray-100.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-icon-gray-100.dropdown-toggle:after,.btn.btn-active-icon-gray-100.active.dropdown-toggle:after,.btn.btn-active-icon-gray-100.show.dropdown-toggle:after,.btn.btn-active-icon-gray-100:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-gray-100:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-gray-100:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-icon-gray-100.dropdown-toggle:after {
    color: var(--bs-text-gray-100)
}

.btn.btn-text-gray-100 {
    color: var(--bs-text-gray-100)
}

.btn-check:active+.btn.btn-active-text-gray-100,.btn-check:checked+.btn.btn-active-text-gray-100,.btn.btn-active-text-gray-100.active,.btn.btn-active-text-gray-100.show,.btn.btn-active-text-gray-100:active:not(.btn-active),.btn.btn-active-text-gray-100:focus:not(.btn-active),.btn.btn-active-text-gray-100:hover:not(.btn-active),.show>.btn.btn-active-text-gray-100 {
    color: var(--bs-text-gray-100)
}

.btn.btn-color-gray-200 {
    color: var(--bs-text-gray-200)
}

.btn.btn-color-gray-200 .svg-icon,.btn.btn-color-gray-200 i {
    color: var(--bs-text-gray-200)
}

.btn.btn-color-gray-200.dropdown-toggle:after {
    color: var(--bs-text-gray-200)
}

.btn-check:active+.btn.btn-active-color-gray-200,.btn-check:checked+.btn.btn-active-color-gray-200,.btn.btn-active-color-gray-200.active,.btn.btn-active-color-gray-200.show,.btn.btn-active-color-gray-200:active:not(.btn-active),.btn.btn-active-color-gray-200:focus:not(.btn-active),.btn.btn-active-color-gray-200:hover:not(.btn-active),.show>.btn.btn-active-color-gray-200 {
    color: var(--bs-text-gray-200)
}

.btn-check:active+.btn.btn-active-color-gray-200 .svg-icon,.btn-check:active+.btn.btn-active-color-gray-200 i,.btn-check:checked+.btn.btn-active-color-gray-200 .svg-icon,.btn-check:checked+.btn.btn-active-color-gray-200 i,.btn.btn-active-color-gray-200.active .svg-icon,.btn.btn-active-color-gray-200.active i,.btn.btn-active-color-gray-200.show .svg-icon,.btn.btn-active-color-gray-200.show i,.btn.btn-active-color-gray-200:active:not(.btn-active) .svg-icon,.btn.btn-active-color-gray-200:active:not(.btn-active) i,.btn.btn-active-color-gray-200:focus:not(.btn-active) .svg-icon,.btn.btn-active-color-gray-200:focus:not(.btn-active) i,.btn.btn-active-color-gray-200:hover:not(.btn-active) .svg-icon,.btn.btn-active-color-gray-200:hover:not(.btn-active) i,.show>.btn.btn-active-color-gray-200 .svg-icon,.show>.btn.btn-active-color-gray-200 i {
    color: var(--bs-text-gray-200)
}

.btn-check:active+.btn.btn-active-color-gray-200.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-color-gray-200.dropdown-toggle:after,.btn.btn-active-color-gray-200.active.dropdown-toggle:after,.btn.btn-active-color-gray-200.show.dropdown-toggle:after,.btn.btn-active-color-gray-200:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-gray-200:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-gray-200:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-color-gray-200.dropdown-toggle:after {
    color: var(--bs-text-gray-200)
}

.btn.btn-icon-gray-200 .svg-icon,.btn.btn-icon-gray-200 i {
    color: var(--bs-text-gray-200)
}

.btn.btn-icon-gray-200.dropdown-toggle:after {
    color: var(--bs-text-gray-200)
}

.btn-check:active+.btn.btn-active-icon-gray-200 .svg-icon,.btn-check:active+.btn.btn-active-icon-gray-200 i,.btn-check:checked+.btn.btn-active-icon-gray-200 .svg-icon,.btn-check:checked+.btn.btn-active-icon-gray-200 i,.btn.btn-active-icon-gray-200.active .svg-icon,.btn.btn-active-icon-gray-200.active i,.btn.btn-active-icon-gray-200.show .svg-icon,.btn.btn-active-icon-gray-200.show i,.btn.btn-active-icon-gray-200:active:not(.btn-active) .svg-icon,.btn.btn-active-icon-gray-200:active:not(.btn-active) i,.btn.btn-active-icon-gray-200:focus:not(.btn-active) .svg-icon,.btn.btn-active-icon-gray-200:focus:not(.btn-active) i,.btn.btn-active-icon-gray-200:hover:not(.btn-active) .svg-icon,.btn.btn-active-icon-gray-200:hover:not(.btn-active) i,.show>.btn.btn-active-icon-gray-200 .svg-icon,.show>.btn.btn-active-icon-gray-200 i {
    color: var(--bs-text-gray-200)
}

.btn-check:active+.btn.btn-active-icon-gray-200.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-icon-gray-200.dropdown-toggle:after,.btn.btn-active-icon-gray-200.active.dropdown-toggle:after,.btn.btn-active-icon-gray-200.show.dropdown-toggle:after,.btn.btn-active-icon-gray-200:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-gray-200:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-gray-200:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-icon-gray-200.dropdown-toggle:after {
    color: var(--bs-text-gray-200)
}

.btn.btn-text-gray-200 {
    color: var(--bs-text-gray-200)
}

.btn-check:active+.btn.btn-active-text-gray-200,.btn-check:checked+.btn.btn-active-text-gray-200,.btn.btn-active-text-gray-200.active,.btn.btn-active-text-gray-200.show,.btn.btn-active-text-gray-200:active:not(.btn-active),.btn.btn-active-text-gray-200:focus:not(.btn-active),.btn.btn-active-text-gray-200:hover:not(.btn-active),.show>.btn.btn-active-text-gray-200 {
    color: var(--bs-text-gray-200)
}

.btn.btn-color-gray-300 {
    color: var(--bs-text-gray-300)
}

.btn.btn-color-gray-300 .svg-icon,.btn.btn-color-gray-300 i {
    color: var(--bs-text-gray-300)
}

.btn.btn-color-gray-300.dropdown-toggle:after {
    color: var(--bs-text-gray-300)
}

.btn-check:active+.btn.btn-active-color-gray-300,.btn-check:checked+.btn.btn-active-color-gray-300,.btn.btn-active-color-gray-300.active,.btn.btn-active-color-gray-300.show,.btn.btn-active-color-gray-300:active:not(.btn-active),.btn.btn-active-color-gray-300:focus:not(.btn-active),.btn.btn-active-color-gray-300:hover:not(.btn-active),.show>.btn.btn-active-color-gray-300 {
    color: var(--bs-text-gray-300)
}

.btn-check:active+.btn.btn-active-color-gray-300 .svg-icon,.btn-check:active+.btn.btn-active-color-gray-300 i,.btn-check:checked+.btn.btn-active-color-gray-300 .svg-icon,.btn-check:checked+.btn.btn-active-color-gray-300 i,.btn.btn-active-color-gray-300.active .svg-icon,.btn.btn-active-color-gray-300.active i,.btn.btn-active-color-gray-300.show .svg-icon,.btn.btn-active-color-gray-300.show i,.btn.btn-active-color-gray-300:active:not(.btn-active) .svg-icon,.btn.btn-active-color-gray-300:active:not(.btn-active) i,.btn.btn-active-color-gray-300:focus:not(.btn-active) .svg-icon,.btn.btn-active-color-gray-300:focus:not(.btn-active) i,.btn.btn-active-color-gray-300:hover:not(.btn-active) .svg-icon,.btn.btn-active-color-gray-300:hover:not(.btn-active) i,.show>.btn.btn-active-color-gray-300 .svg-icon,.show>.btn.btn-active-color-gray-300 i {
    color: var(--bs-text-gray-300)
}

.btn-check:active+.btn.btn-active-color-gray-300.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-color-gray-300.dropdown-toggle:after,.btn.btn-active-color-gray-300.active.dropdown-toggle:after,.btn.btn-active-color-gray-300.show.dropdown-toggle:after,.btn.btn-active-color-gray-300:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-gray-300:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-gray-300:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-color-gray-300.dropdown-toggle:after {
    color: var(--bs-text-gray-300)
}

.btn.btn-icon-gray-300 .svg-icon,.btn.btn-icon-gray-300 i {
    color: var(--bs-text-gray-300)
}

.btn.btn-icon-gray-300.dropdown-toggle:after {
    color: var(--bs-text-gray-300)
}

.btn-check:active+.btn.btn-active-icon-gray-300 .svg-icon,.btn-check:active+.btn.btn-active-icon-gray-300 i,.btn-check:checked+.btn.btn-active-icon-gray-300 .svg-icon,.btn-check:checked+.btn.btn-active-icon-gray-300 i,.btn.btn-active-icon-gray-300.active .svg-icon,.btn.btn-active-icon-gray-300.active i,.btn.btn-active-icon-gray-300.show .svg-icon,.btn.btn-active-icon-gray-300.show i,.btn.btn-active-icon-gray-300:active:not(.btn-active) .svg-icon,.btn.btn-active-icon-gray-300:active:not(.btn-active) i,.btn.btn-active-icon-gray-300:focus:not(.btn-active) .svg-icon,.btn.btn-active-icon-gray-300:focus:not(.btn-active) i,.btn.btn-active-icon-gray-300:hover:not(.btn-active) .svg-icon,.btn.btn-active-icon-gray-300:hover:not(.btn-active) i,.show>.btn.btn-active-icon-gray-300 .svg-icon,.show>.btn.btn-active-icon-gray-300 i {
    color: var(--bs-text-gray-300)
}

.btn-check:active+.btn.btn-active-icon-gray-300.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-icon-gray-300.dropdown-toggle:after,.btn.btn-active-icon-gray-300.active.dropdown-toggle:after,.btn.btn-active-icon-gray-300.show.dropdown-toggle:after,.btn.btn-active-icon-gray-300:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-gray-300:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-gray-300:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-icon-gray-300.dropdown-toggle:after {
    color: var(--bs-text-gray-300)
}

.btn.btn-text-gray-300 {
    color: var(--bs-text-gray-300)
}

.btn-check:active+.btn.btn-active-text-gray-300,.btn-check:checked+.btn.btn-active-text-gray-300,.btn.btn-active-text-gray-300.active,.btn.btn-active-text-gray-300.show,.btn.btn-active-text-gray-300:active:not(.btn-active),.btn.btn-active-text-gray-300:focus:not(.btn-active),.btn.btn-active-text-gray-300:hover:not(.btn-active),.show>.btn.btn-active-text-gray-300 {
    color: var(--bs-text-gray-300)
}

.btn.btn-color-gray-400 {
    color: var(--bs-text-gray-400)
}

.btn.btn-color-gray-400 .svg-icon,.btn.btn-color-gray-400 i {
    color: var(--bs-text-gray-400)
}

.btn.btn-color-gray-400.dropdown-toggle:after {
    color: var(--bs-text-gray-400)
}

.btn-check:active+.btn.btn-active-color-gray-400,.btn-check:checked+.btn.btn-active-color-gray-400,.btn.btn-active-color-gray-400.active,.btn.btn-active-color-gray-400.show,.btn.btn-active-color-gray-400:active:not(.btn-active),.btn.btn-active-color-gray-400:focus:not(.btn-active),.btn.btn-active-color-gray-400:hover:not(.btn-active),.show>.btn.btn-active-color-gray-400 {
    color: var(--bs-text-gray-400)
}

.btn-check:active+.btn.btn-active-color-gray-400 .svg-icon,.btn-check:active+.btn.btn-active-color-gray-400 i,.btn-check:checked+.btn.btn-active-color-gray-400 .svg-icon,.btn-check:checked+.btn.btn-active-color-gray-400 i,.btn.btn-active-color-gray-400.active .svg-icon,.btn.btn-active-color-gray-400.active i,.btn.btn-active-color-gray-400.show .svg-icon,.btn.btn-active-color-gray-400.show i,.btn.btn-active-color-gray-400:active:not(.btn-active) .svg-icon,.btn.btn-active-color-gray-400:active:not(.btn-active) i,.btn.btn-active-color-gray-400:focus:not(.btn-active) .svg-icon,.btn.btn-active-color-gray-400:focus:not(.btn-active) i,.btn.btn-active-color-gray-400:hover:not(.btn-active) .svg-icon,.btn.btn-active-color-gray-400:hover:not(.btn-active) i,.show>.btn.btn-active-color-gray-400 .svg-icon,.show>.btn.btn-active-color-gray-400 i {
    color: var(--bs-text-gray-400)
}

.btn-check:active+.btn.btn-active-color-gray-400.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-color-gray-400.dropdown-toggle:after,.btn.btn-active-color-gray-400.active.dropdown-toggle:after,.btn.btn-active-color-gray-400.show.dropdown-toggle:after,.btn.btn-active-color-gray-400:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-gray-400:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-gray-400:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-color-gray-400.dropdown-toggle:after {
    color: var(--bs-text-gray-400)
}

.btn.btn-icon-gray-400 .svg-icon,.btn.btn-icon-gray-400 i {
    color: var(--bs-text-gray-400)
}

.btn.btn-icon-gray-400.dropdown-toggle:after {
    color: var(--bs-text-gray-400)
}

.btn-check:active+.btn.btn-active-icon-gray-400 .svg-icon,.btn-check:active+.btn.btn-active-icon-gray-400 i,.btn-check:checked+.btn.btn-active-icon-gray-400 .svg-icon,.btn-check:checked+.btn.btn-active-icon-gray-400 i,.btn.btn-active-icon-gray-400.active .svg-icon,.btn.btn-active-icon-gray-400.active i,.btn.btn-active-icon-gray-400.show .svg-icon,.btn.btn-active-icon-gray-400.show i,.btn.btn-active-icon-gray-400:active:not(.btn-active) .svg-icon,.btn.btn-active-icon-gray-400:active:not(.btn-active) i,.btn.btn-active-icon-gray-400:focus:not(.btn-active) .svg-icon,.btn.btn-active-icon-gray-400:focus:not(.btn-active) i,.btn.btn-active-icon-gray-400:hover:not(.btn-active) .svg-icon,.btn.btn-active-icon-gray-400:hover:not(.btn-active) i,.show>.btn.btn-active-icon-gray-400 .svg-icon,.show>.btn.btn-active-icon-gray-400 i {
    color: var(--bs-text-gray-400)
}

.btn-check:active+.btn.btn-active-icon-gray-400.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-icon-gray-400.dropdown-toggle:after,.btn.btn-active-icon-gray-400.active.dropdown-toggle:after,.btn.btn-active-icon-gray-400.show.dropdown-toggle:after,.btn.btn-active-icon-gray-400:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-gray-400:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-gray-400:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-icon-gray-400.dropdown-toggle:after {
    color: var(--bs-text-gray-400)
}

.btn.btn-text-gray-400 {
    color: var(--bs-text-gray-400)
}

.btn-check:active+.btn.btn-active-text-gray-400,.btn-check:checked+.btn.btn-active-text-gray-400,.btn.btn-active-text-gray-400.active,.btn.btn-active-text-gray-400.show,.btn.btn-active-text-gray-400:active:not(.btn-active),.btn.btn-active-text-gray-400:focus:not(.btn-active),.btn.btn-active-text-gray-400:hover:not(.btn-active),.show>.btn.btn-active-text-gray-400 {
    color: var(--bs-text-gray-400)
}

.btn.btn-color-gray-500 {
    color: var(--bs-text-gray-500)
}

.btn.btn-color-gray-500 .svg-icon,.btn.btn-color-gray-500 i {
    color: var(--bs-text-gray-500)
}

.btn.btn-color-gray-500.dropdown-toggle:after {
    color: var(--bs-text-gray-500)
}

.btn-check:active+.btn.btn-active-color-gray-500,.btn-check:checked+.btn.btn-active-color-gray-500,.btn.btn-active-color-gray-500.active,.btn.btn-active-color-gray-500.show,.btn.btn-active-color-gray-500:active:not(.btn-active),.btn.btn-active-color-gray-500:focus:not(.btn-active),.btn.btn-active-color-gray-500:hover:not(.btn-active),.show>.btn.btn-active-color-gray-500 {
    color: var(--bs-text-gray-500)
}

.btn-check:active+.btn.btn-active-color-gray-500 .svg-icon,.btn-check:active+.btn.btn-active-color-gray-500 i,.btn-check:checked+.btn.btn-active-color-gray-500 .svg-icon,.btn-check:checked+.btn.btn-active-color-gray-500 i,.btn.btn-active-color-gray-500.active .svg-icon,.btn.btn-active-color-gray-500.active i,.btn.btn-active-color-gray-500.show .svg-icon,.btn.btn-active-color-gray-500.show i,.btn.btn-active-color-gray-500:active:not(.btn-active) .svg-icon,.btn.btn-active-color-gray-500:active:not(.btn-active) i,.btn.btn-active-color-gray-500:focus:not(.btn-active) .svg-icon,.btn.btn-active-color-gray-500:focus:not(.btn-active) i,.btn.btn-active-color-gray-500:hover:not(.btn-active) .svg-icon,.btn.btn-active-color-gray-500:hover:not(.btn-active) i,.show>.btn.btn-active-color-gray-500 .svg-icon,.show>.btn.btn-active-color-gray-500 i {
    color: var(--bs-text-gray-500)
}

.btn-check:active+.btn.btn-active-color-gray-500.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-color-gray-500.dropdown-toggle:after,.btn.btn-active-color-gray-500.active.dropdown-toggle:after,.btn.btn-active-color-gray-500.show.dropdown-toggle:after,.btn.btn-active-color-gray-500:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-gray-500:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-gray-500:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-color-gray-500.dropdown-toggle:after {
    color: var(--bs-text-gray-500)
}

.btn.btn-icon-gray-500 .svg-icon,.btn.btn-icon-gray-500 i {
    color: var(--bs-text-gray-500)
}

.btn.btn-icon-gray-500.dropdown-toggle:after {
    color: var(--bs-text-gray-500)
}

.btn-check:active+.btn.btn-active-icon-gray-500 .svg-icon,.btn-check:active+.btn.btn-active-icon-gray-500 i,.btn-check:checked+.btn.btn-active-icon-gray-500 .svg-icon,.btn-check:checked+.btn.btn-active-icon-gray-500 i,.btn.btn-active-icon-gray-500.active .svg-icon,.btn.btn-active-icon-gray-500.active i,.btn.btn-active-icon-gray-500.show .svg-icon,.btn.btn-active-icon-gray-500.show i,.btn.btn-active-icon-gray-500:active:not(.btn-active) .svg-icon,.btn.btn-active-icon-gray-500:active:not(.btn-active) i,.btn.btn-active-icon-gray-500:focus:not(.btn-active) .svg-icon,.btn.btn-active-icon-gray-500:focus:not(.btn-active) i,.btn.btn-active-icon-gray-500:hover:not(.btn-active) .svg-icon,.btn.btn-active-icon-gray-500:hover:not(.btn-active) i,.show>.btn.btn-active-icon-gray-500 .svg-icon,.show>.btn.btn-active-icon-gray-500 i {
    color: var(--bs-text-gray-500)
}

.btn-check:active+.btn.btn-active-icon-gray-500.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-icon-gray-500.dropdown-toggle:after,.btn.btn-active-icon-gray-500.active.dropdown-toggle:after,.btn.btn-active-icon-gray-500.show.dropdown-toggle:after,.btn.btn-active-icon-gray-500:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-gray-500:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-gray-500:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-icon-gray-500.dropdown-toggle:after {
    color: var(--bs-text-gray-500)
}

.btn.btn-text-gray-500 {
    color: var(--bs-text-gray-500)
}

.btn-check:active+.btn.btn-active-text-gray-500,.btn-check:checked+.btn.btn-active-text-gray-500,.btn.btn-active-text-gray-500.active,.btn.btn-active-text-gray-500.show,.btn.btn-active-text-gray-500:active:not(.btn-active),.btn.btn-active-text-gray-500:focus:not(.btn-active),.btn.btn-active-text-gray-500:hover:not(.btn-active),.show>.btn.btn-active-text-gray-500 {
    color: var(--bs-text-gray-500)
}

.btn.btn-color-gray-600 {
    color: var(--bs-text-gray-600)
}

.btn.btn-color-gray-600 .svg-icon,.btn.btn-color-gray-600 i {
    color: var(--bs-text-gray-600)
}

.btn.btn-color-gray-600.dropdown-toggle:after {
    color: var(--bs-text-gray-600)
}

.btn-check:active+.btn.btn-active-color-gray-600,.btn-check:checked+.btn.btn-active-color-gray-600,.btn.btn-active-color-gray-600.active,.btn.btn-active-color-gray-600.show,.btn.btn-active-color-gray-600:active:not(.btn-active),.btn.btn-active-color-gray-600:focus:not(.btn-active),.btn.btn-active-color-gray-600:hover:not(.btn-active),.show>.btn.btn-active-color-gray-600 {
    color: var(--bs-text-gray-600)
}

.btn-check:active+.btn.btn-active-color-gray-600 .svg-icon,.btn-check:active+.btn.btn-active-color-gray-600 i,.btn-check:checked+.btn.btn-active-color-gray-600 .svg-icon,.btn-check:checked+.btn.btn-active-color-gray-600 i,.btn.btn-active-color-gray-600.active .svg-icon,.btn.btn-active-color-gray-600.active i,.btn.btn-active-color-gray-600.show .svg-icon,.btn.btn-active-color-gray-600.show i,.btn.btn-active-color-gray-600:active:not(.btn-active) .svg-icon,.btn.btn-active-color-gray-600:active:not(.btn-active) i,.btn.btn-active-color-gray-600:focus:not(.btn-active) .svg-icon,.btn.btn-active-color-gray-600:focus:not(.btn-active) i,.btn.btn-active-color-gray-600:hover:not(.btn-active) .svg-icon,.btn.btn-active-color-gray-600:hover:not(.btn-active) i,.show>.btn.btn-active-color-gray-600 .svg-icon,.show>.btn.btn-active-color-gray-600 i {
    color: var(--bs-text-gray-600)
}

.btn-check:active+.btn.btn-active-color-gray-600.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-color-gray-600.dropdown-toggle:after,.btn.btn-active-color-gray-600.active.dropdown-toggle:after,.btn.btn-active-color-gray-600.show.dropdown-toggle:after,.btn.btn-active-color-gray-600:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-gray-600:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-gray-600:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-color-gray-600.dropdown-toggle:after {
    color: var(--bs-text-gray-600)
}

.btn.btn-icon-gray-600 .svg-icon,.btn.btn-icon-gray-600 i {
    color: var(--bs-text-gray-600)
}

.btn.btn-icon-gray-600.dropdown-toggle:after {
    color: var(--bs-text-gray-600)
}

.btn-check:active+.btn.btn-active-icon-gray-600 .svg-icon,.btn-check:active+.btn.btn-active-icon-gray-600 i,.btn-check:checked+.btn.btn-active-icon-gray-600 .svg-icon,.btn-check:checked+.btn.btn-active-icon-gray-600 i,.btn.btn-active-icon-gray-600.active .svg-icon,.btn.btn-active-icon-gray-600.active i,.btn.btn-active-icon-gray-600.show .svg-icon,.btn.btn-active-icon-gray-600.show i,.btn.btn-active-icon-gray-600:active:not(.btn-active) .svg-icon,.btn.btn-active-icon-gray-600:active:not(.btn-active) i,.btn.btn-active-icon-gray-600:focus:not(.btn-active) .svg-icon,.btn.btn-active-icon-gray-600:focus:not(.btn-active) i,.btn.btn-active-icon-gray-600:hover:not(.btn-active) .svg-icon,.btn.btn-active-icon-gray-600:hover:not(.btn-active) i,.show>.btn.btn-active-icon-gray-600 .svg-icon,.show>.btn.btn-active-icon-gray-600 i {
    color: var(--bs-text-gray-600)
}

.btn-check:active+.btn.btn-active-icon-gray-600.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-icon-gray-600.dropdown-toggle:after,.btn.btn-active-icon-gray-600.active.dropdown-toggle:after,.btn.btn-active-icon-gray-600.show.dropdown-toggle:after,.btn.btn-active-icon-gray-600:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-gray-600:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-gray-600:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-icon-gray-600.dropdown-toggle:after {
    color: var(--bs-text-gray-600)
}

.btn.btn-text-gray-600 {
    color: var(--bs-text-gray-600)
}

.btn-check:active+.btn.btn-active-text-gray-600,.btn-check:checked+.btn.btn-active-text-gray-600,.btn.btn-active-text-gray-600.active,.btn.btn-active-text-gray-600.show,.btn.btn-active-text-gray-600:active:not(.btn-active),.btn.btn-active-text-gray-600:focus:not(.btn-active),.btn.btn-active-text-gray-600:hover:not(.btn-active),.show>.btn.btn-active-text-gray-600 {
    color: var(--bs-text-gray-600)
}

.btn.btn-color-gray-700 {
    color: var(--bs-text-gray-700)
}

.btn.btn-color-gray-700 .svg-icon,.btn.btn-color-gray-700 i {
    color: var(--bs-text-gray-700)
}

.btn.btn-color-gray-700.dropdown-toggle:after {
    color: var(--bs-text-gray-700)
}

.btn-check:active+.btn.btn-active-color-gray-700,.btn-check:checked+.btn.btn-active-color-gray-700,.btn.btn-active-color-gray-700.active,.btn.btn-active-color-gray-700.show,.btn.btn-active-color-gray-700:active:not(.btn-active),.btn.btn-active-color-gray-700:focus:not(.btn-active),.btn.btn-active-color-gray-700:hover:not(.btn-active),.show>.btn.btn-active-color-gray-700 {
    color: var(--bs-text-gray-700)
}

.btn-check:active+.btn.btn-active-color-gray-700 .svg-icon,.btn-check:active+.btn.btn-active-color-gray-700 i,.btn-check:checked+.btn.btn-active-color-gray-700 .svg-icon,.btn-check:checked+.btn.btn-active-color-gray-700 i,.btn.btn-active-color-gray-700.active .svg-icon,.btn.btn-active-color-gray-700.active i,.btn.btn-active-color-gray-700.show .svg-icon,.btn.btn-active-color-gray-700.show i,.btn.btn-active-color-gray-700:active:not(.btn-active) .svg-icon,.btn.btn-active-color-gray-700:active:not(.btn-active) i,.btn.btn-active-color-gray-700:focus:not(.btn-active) .svg-icon,.btn.btn-active-color-gray-700:focus:not(.btn-active) i,.btn.btn-active-color-gray-700:hover:not(.btn-active) .svg-icon,.btn.btn-active-color-gray-700:hover:not(.btn-active) i,.show>.btn.btn-active-color-gray-700 .svg-icon,.show>.btn.btn-active-color-gray-700 i {
    color: var(--bs-text-gray-700)
}

.btn-check:active+.btn.btn-active-color-gray-700.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-color-gray-700.dropdown-toggle:after,.btn.btn-active-color-gray-700.active.dropdown-toggle:after,.btn.btn-active-color-gray-700.show.dropdown-toggle:after,.btn.btn-active-color-gray-700:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-gray-700:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-gray-700:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-color-gray-700.dropdown-toggle:after {
    color: var(--bs-text-gray-700)
}

.btn.btn-icon-gray-700 .svg-icon,.btn.btn-icon-gray-700 i {
    color: var(--bs-text-gray-700)
}

.btn.btn-icon-gray-700.dropdown-toggle:after {
    color: var(--bs-text-gray-700)
}

.btn-check:active+.btn.btn-active-icon-gray-700 .svg-icon,.btn-check:active+.btn.btn-active-icon-gray-700 i,.btn-check:checked+.btn.btn-active-icon-gray-700 .svg-icon,.btn-check:checked+.btn.btn-active-icon-gray-700 i,.btn.btn-active-icon-gray-700.active .svg-icon,.btn.btn-active-icon-gray-700.active i,.btn.btn-active-icon-gray-700.show .svg-icon,.btn.btn-active-icon-gray-700.show i,.btn.btn-active-icon-gray-700:active:not(.btn-active) .svg-icon,.btn.btn-active-icon-gray-700:active:not(.btn-active) i,.btn.btn-active-icon-gray-700:focus:not(.btn-active) .svg-icon,.btn.btn-active-icon-gray-700:focus:not(.btn-active) i,.btn.btn-active-icon-gray-700:hover:not(.btn-active) .svg-icon,.btn.btn-active-icon-gray-700:hover:not(.btn-active) i,.show>.btn.btn-active-icon-gray-700 .svg-icon,.show>.btn.btn-active-icon-gray-700 i {
    color: var(--bs-text-gray-700)
}

.btn-check:active+.btn.btn-active-icon-gray-700.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-icon-gray-700.dropdown-toggle:after,.btn.btn-active-icon-gray-700.active.dropdown-toggle:after,.btn.btn-active-icon-gray-700.show.dropdown-toggle:after,.btn.btn-active-icon-gray-700:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-gray-700:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-gray-700:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-icon-gray-700.dropdown-toggle:after {
    color: var(--bs-text-gray-700)
}

.btn.btn-text-gray-700 {
    color: var(--bs-text-gray-700)
}

.btn-check:active+.btn.btn-active-text-gray-700,.btn-check:checked+.btn.btn-active-text-gray-700,.btn.btn-active-text-gray-700.active,.btn.btn-active-text-gray-700.show,.btn.btn-active-text-gray-700:active:not(.btn-active),.btn.btn-active-text-gray-700:focus:not(.btn-active),.btn.btn-active-text-gray-700:hover:not(.btn-active),.show>.btn.btn-active-text-gray-700 {
    color: var(--bs-text-gray-700)
}

.btn.btn-color-gray-800 {
    color: var(--bs-text-gray-800)
}

.btn.btn-color-gray-800 .svg-icon,.btn.btn-color-gray-800 i {
    color: var(--bs-text-gray-800)
}

.btn.btn-color-gray-800.dropdown-toggle:after {
    color: var(--bs-text-gray-800)
}

.btn-check:active+.btn.btn-active-color-gray-800,.btn-check:checked+.btn.btn-active-color-gray-800,.btn.btn-active-color-gray-800.active,.btn.btn-active-color-gray-800.show,.btn.btn-active-color-gray-800:active:not(.btn-active),.btn.btn-active-color-gray-800:focus:not(.btn-active),.btn.btn-active-color-gray-800:hover:not(.btn-active),.show>.btn.btn-active-color-gray-800 {
    color: var(--bs-text-gray-800)
}

.btn-check:active+.btn.btn-active-color-gray-800 .svg-icon,.btn-check:active+.btn.btn-active-color-gray-800 i,.btn-check:checked+.btn.btn-active-color-gray-800 .svg-icon,.btn-check:checked+.btn.btn-active-color-gray-800 i,.btn.btn-active-color-gray-800.active .svg-icon,.btn.btn-active-color-gray-800.active i,.btn.btn-active-color-gray-800.show .svg-icon,.btn.btn-active-color-gray-800.show i,.btn.btn-active-color-gray-800:active:not(.btn-active) .svg-icon,.btn.btn-active-color-gray-800:active:not(.btn-active) i,.btn.btn-active-color-gray-800:focus:not(.btn-active) .svg-icon,.btn.btn-active-color-gray-800:focus:not(.btn-active) i,.btn.btn-active-color-gray-800:hover:not(.btn-active) .svg-icon,.btn.btn-active-color-gray-800:hover:not(.btn-active) i,.show>.btn.btn-active-color-gray-800 .svg-icon,.show>.btn.btn-active-color-gray-800 i {
    color: var(--bs-text-gray-800)
}

.btn-check:active+.btn.btn-active-color-gray-800.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-color-gray-800.dropdown-toggle:after,.btn.btn-active-color-gray-800.active.dropdown-toggle:after,.btn.btn-active-color-gray-800.show.dropdown-toggle:after,.btn.btn-active-color-gray-800:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-gray-800:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-gray-800:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-color-gray-800.dropdown-toggle:after {
    color: var(--bs-text-gray-800)
}

.btn.btn-icon-gray-800 .svg-icon,.btn.btn-icon-gray-800 i {
    color: var(--bs-text-gray-800)
}

.btn.btn-icon-gray-800.dropdown-toggle:after {
    color: var(--bs-text-gray-800)
}

.btn-check:active+.btn.btn-active-icon-gray-800 .svg-icon,.btn-check:active+.btn.btn-active-icon-gray-800 i,.btn-check:checked+.btn.btn-active-icon-gray-800 .svg-icon,.btn-check:checked+.btn.btn-active-icon-gray-800 i,.btn.btn-active-icon-gray-800.active .svg-icon,.btn.btn-active-icon-gray-800.active i,.btn.btn-active-icon-gray-800.show .svg-icon,.btn.btn-active-icon-gray-800.show i,.btn.btn-active-icon-gray-800:active:not(.btn-active) .svg-icon,.btn.btn-active-icon-gray-800:active:not(.btn-active) i,.btn.btn-active-icon-gray-800:focus:not(.btn-active) .svg-icon,.btn.btn-active-icon-gray-800:focus:not(.btn-active) i,.btn.btn-active-icon-gray-800:hover:not(.btn-active) .svg-icon,.btn.btn-active-icon-gray-800:hover:not(.btn-active) i,.show>.btn.btn-active-icon-gray-800 .svg-icon,.show>.btn.btn-active-icon-gray-800 i {
    color: var(--bs-text-gray-800)
}

.btn-check:active+.btn.btn-active-icon-gray-800.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-icon-gray-800.dropdown-toggle:after,.btn.btn-active-icon-gray-800.active.dropdown-toggle:after,.btn.btn-active-icon-gray-800.show.dropdown-toggle:after,.btn.btn-active-icon-gray-800:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-gray-800:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-gray-800:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-icon-gray-800.dropdown-toggle:after {
    color: var(--bs-text-gray-800)
}

.btn.btn-text-gray-800 {
    color: var(--bs-text-gray-800)
}

.btn-check:active+.btn.btn-active-text-gray-800,.btn-check:checked+.btn.btn-active-text-gray-800,.btn.btn-active-text-gray-800.active,.btn.btn-active-text-gray-800.show,.btn.btn-active-text-gray-800:active:not(.btn-active),.btn.btn-active-text-gray-800:focus:not(.btn-active),.btn.btn-active-text-gray-800:hover:not(.btn-active),.show>.btn.btn-active-text-gray-800 {
    color: var(--bs-text-gray-800)
}

.btn.btn-color-gray-900 {
    color: var(--bs-text-gray-900)
}

.btn.btn-color-gray-900 .svg-icon,.btn.btn-color-gray-900 i {
    color: var(--bs-text-gray-900)
}

.btn.btn-color-gray-900.dropdown-toggle:after {
    color: var(--bs-text-gray-900)
}

.btn-check:active+.btn.btn-active-color-gray-900,.btn-check:checked+.btn.btn-active-color-gray-900,.btn.btn-active-color-gray-900.active,.btn.btn-active-color-gray-900.show,.btn.btn-active-color-gray-900:active:not(.btn-active),.btn.btn-active-color-gray-900:focus:not(.btn-active),.btn.btn-active-color-gray-900:hover:not(.btn-active),.show>.btn.btn-active-color-gray-900 {
    color: var(--bs-text-gray-900)
}

.btn-check:active+.btn.btn-active-color-gray-900 .svg-icon,.btn-check:active+.btn.btn-active-color-gray-900 i,.btn-check:checked+.btn.btn-active-color-gray-900 .svg-icon,.btn-check:checked+.btn.btn-active-color-gray-900 i,.btn.btn-active-color-gray-900.active .svg-icon,.btn.btn-active-color-gray-900.active i,.btn.btn-active-color-gray-900.show .svg-icon,.btn.btn-active-color-gray-900.show i,.btn.btn-active-color-gray-900:active:not(.btn-active) .svg-icon,.btn.btn-active-color-gray-900:active:not(.btn-active) i,.btn.btn-active-color-gray-900:focus:not(.btn-active) .svg-icon,.btn.btn-active-color-gray-900:focus:not(.btn-active) i,.btn.btn-active-color-gray-900:hover:not(.btn-active) .svg-icon,.btn.btn-active-color-gray-900:hover:not(.btn-active) i,.show>.btn.btn-active-color-gray-900 .svg-icon,.show>.btn.btn-active-color-gray-900 i {
    color: var(--bs-text-gray-900)
}

.btn-check:active+.btn.btn-active-color-gray-900.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-color-gray-900.dropdown-toggle:after,.btn.btn-active-color-gray-900.active.dropdown-toggle:after,.btn.btn-active-color-gray-900.show.dropdown-toggle:after,.btn.btn-active-color-gray-900:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-gray-900:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-gray-900:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-color-gray-900.dropdown-toggle:after {
    color: var(--bs-text-gray-900)
}

.btn.btn-icon-gray-900 .svg-icon,.btn.btn-icon-gray-900 i {
    color: var(--bs-text-gray-900)
}

.btn.btn-icon-gray-900.dropdown-toggle:after {
    color: var(--bs-text-gray-900)
}

.btn-check:active+.btn.btn-active-icon-gray-900 .svg-icon,.btn-check:active+.btn.btn-active-icon-gray-900 i,.btn-check:checked+.btn.btn-active-icon-gray-900 .svg-icon,.btn-check:checked+.btn.btn-active-icon-gray-900 i,.btn.btn-active-icon-gray-900.active .svg-icon,.btn.btn-active-icon-gray-900.active i,.btn.btn-active-icon-gray-900.show .svg-icon,.btn.btn-active-icon-gray-900.show i,.btn.btn-active-icon-gray-900:active:not(.btn-active) .svg-icon,.btn.btn-active-icon-gray-900:active:not(.btn-active) i,.btn.btn-active-icon-gray-900:focus:not(.btn-active) .svg-icon,.btn.btn-active-icon-gray-900:focus:not(.btn-active) i,.btn.btn-active-icon-gray-900:hover:not(.btn-active) .svg-icon,.btn.btn-active-icon-gray-900:hover:not(.btn-active) i,.show>.btn.btn-active-icon-gray-900 .svg-icon,.show>.btn.btn-active-icon-gray-900 i {
    color: var(--bs-text-gray-900)
}

.btn-check:active+.btn.btn-active-icon-gray-900.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-icon-gray-900.dropdown-toggle:after,.btn.btn-active-icon-gray-900.active.dropdown-toggle:after,.btn.btn-active-icon-gray-900.show.dropdown-toggle:after,.btn.btn-active-icon-gray-900:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-gray-900:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-gray-900:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-icon-gray-900.dropdown-toggle:after {
    color: var(--bs-text-gray-900)
}

.btn.btn-text-gray-900 {
    color: var(--bs-text-gray-900)
}

.btn-check:active+.btn.btn-active-text-gray-900,.btn-check:checked+.btn.btn-active-text-gray-900,.btn.btn-active-text-gray-900.active,.btn.btn-active-text-gray-900.show,.btn.btn-active-text-gray-900:active:not(.btn-active),.btn.btn-active-text-gray-900:focus:not(.btn-active),.btn.btn-active-text-gray-900:hover:not(.btn-active),.show>.btn.btn-active-text-gray-900 {
    color: var(--bs-text-gray-900)
}

.btn.btn-facebook {
    color: #fff;
    border-color: #3b5998;
    background-color: #3b5998
}

.btn.btn-facebook .svg-icon,.btn.btn-facebook i {
    color: #fff
}

.btn.btn-facebook.dropdown-toggle:after {
    color: #fff
}

.btn-check:active+.btn.btn-facebook,.btn-check:checked+.btn.btn-facebook,.btn.btn-facebook.active,.btn.btn-facebook.show,.btn.btn-facebook:active:not(.btn-active),.btn.btn-facebook:focus:not(.btn-active),.btn.btn-facebook:hover:not(.btn-active),.show>.btn.btn-facebook {
    border-color: #30497c;
    background-color: #30497c!important
}

.btn.btn-light-facebook {
    color: var(--bs-facebook);
    color: #3b5998;
    border-color: rgba(59,89,152,.1);
    background-color: rgba(59,89,152,.1)
}

.btn.btn-light-facebook .svg-icon,.btn.btn-light-facebook i {
    color: #3b5998
}

.btn.btn-light-facebook.dropdown-toggle:after {
    color: #3b5998
}

.btn-check:active+.btn.btn-light-facebook,.btn-check:checked+.btn.btn-light-facebook,.btn.btn-light-facebook.active,.btn.btn-light-facebook.show,.btn.btn-light-facebook:active:not(.btn-active),.btn.btn-light-facebook:focus:not(.btn-active),.btn.btn-light-facebook:hover:not(.btn-active),.show>.btn.btn-light-facebook {
    color: #fff;
    border-color: #3b5998;
    background-color: #3b5998!important
}

.btn-check:active+.btn.btn-light-facebook .svg-icon,.btn-check:active+.btn.btn-light-facebook i,.btn-check:checked+.btn.btn-light-facebook .svg-icon,.btn-check:checked+.btn.btn-light-facebook i,.btn.btn-light-facebook.active .svg-icon,.btn.btn-light-facebook.active i,.btn.btn-light-facebook.show .svg-icon,.btn.btn-light-facebook.show i,.btn.btn-light-facebook:active:not(.btn-active) .svg-icon,.btn.btn-light-facebook:active:not(.btn-active) i,.btn.btn-light-facebook:focus:not(.btn-active) .svg-icon,.btn.btn-light-facebook:focus:not(.btn-active) i,.btn.btn-light-facebook:hover:not(.btn-active) .svg-icon,.btn.btn-light-facebook:hover:not(.btn-active) i,.show>.btn.btn-light-facebook .svg-icon,.show>.btn.btn-light-facebook i {
    color: #fff
}

.btn-check:active+.btn.btn-light-facebook.dropdown-toggle:after,.btn-check:checked+.btn.btn-light-facebook.dropdown-toggle:after,.btn.btn-light-facebook.active.dropdown-toggle:after,.btn.btn-light-facebook.show.dropdown-toggle:after,.btn.btn-light-facebook:active:not(.btn-active).dropdown-toggle:after,.btn.btn-light-facebook:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-light-facebook:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-light-facebook.dropdown-toggle:after {
    color: #fff
}

.btn.btn-google {
    color: #fff;
    border-color: #dd4b39;
    background-color: #dd4b39
}

.btn.btn-google .svg-icon,.btn.btn-google i {
    color: #fff
}

.btn.btn-google.dropdown-toggle:after {
    color: #fff
}

.btn-check:active+.btn.btn-google,.btn-check:checked+.btn.btn-google,.btn.btn-google.active,.btn.btn-google.show,.btn.btn-google:active:not(.btn-active),.btn.btn-google:focus:not(.btn-active),.btn.btn-google:hover:not(.btn-active),.show>.btn.btn-google {
    border-color: #cd3623;
    background-color: #cd3623!important
}

.btn.btn-light-google {
    color: var(--bs-google);
    color: #dd4b39;
    border-color: rgba(221,75,57,.1);
    background-color: rgba(221,75,57,.1)
}

.btn.btn-light-google .svg-icon,.btn.btn-light-google i {
    color: #dd4b39
}

.btn.btn-light-google.dropdown-toggle:after {
    color: #dd4b39
}

.btn-check:active+.btn.btn-light-google,.btn-check:checked+.btn.btn-light-google,.btn.btn-light-google.active,.btn.btn-light-google.show,.btn.btn-light-google:active:not(.btn-active),.btn.btn-light-google:focus:not(.btn-active),.btn.btn-light-google:hover:not(.btn-active),.show>.btn.btn-light-google {
    color: #fff;
    border-color: #dd4b39;
    background-color: #dd4b39!important
}

.btn-check:active+.btn.btn-light-google .svg-icon,.btn-check:active+.btn.btn-light-google i,.btn-check:checked+.btn.btn-light-google .svg-icon,.btn-check:checked+.btn.btn-light-google i,.btn.btn-light-google.active .svg-icon,.btn.btn-light-google.active i,.btn.btn-light-google.show .svg-icon,.btn.btn-light-google.show i,.btn.btn-light-google:active:not(.btn-active) .svg-icon,.btn.btn-light-google:active:not(.btn-active) i,.btn.btn-light-google:focus:not(.btn-active) .svg-icon,.btn.btn-light-google:focus:not(.btn-active) i,.btn.btn-light-google:hover:not(.btn-active) .svg-icon,.btn.btn-light-google:hover:not(.btn-active) i,.show>.btn.btn-light-google .svg-icon,.show>.btn.btn-light-google i {
    color: #fff
}

.btn-check:active+.btn.btn-light-google.dropdown-toggle:after,.btn-check:checked+.btn.btn-light-google.dropdown-toggle:after,.btn.btn-light-google.active.dropdown-toggle:after,.btn.btn-light-google.show.dropdown-toggle:after,.btn.btn-light-google:active:not(.btn-active).dropdown-toggle:after,.btn.btn-light-google:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-light-google:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-light-google.dropdown-toggle:after {
    color: #fff
}

.btn.btn-twitter {
    color: #fff;
    border-color: #1da1f2;
    background-color: #1da1f2
}

.btn.btn-twitter .svg-icon,.btn.btn-twitter i {
    color: #fff
}

.btn.btn-twitter.dropdown-toggle:after {
    color: #fff
}

.btn-check:active+.btn.btn-twitter,.btn-check:checked+.btn.btn-twitter,.btn.btn-twitter.active,.btn.btn-twitter.show,.btn.btn-twitter:active:not(.btn-active),.btn.btn-twitter:focus:not(.btn-active),.btn.btn-twitter:hover:not(.btn-active),.show>.btn.btn-twitter {
    border-color: #0d8ddc;
    background-color: #0d8ddc!important
}

.btn.btn-light-twitter {
    color: var(--bs-twitter);
    color: #1da1f2;
    border-color: rgba(29,161,242,.1);
    background-color: rgba(29,161,242,.1)
}

.btn.btn-light-twitter .svg-icon,.btn.btn-light-twitter i {
    color: #1da1f2
}

.btn.btn-light-twitter.dropdown-toggle:after {
    color: #1da1f2
}

.btn-check:active+.btn.btn-light-twitter,.btn-check:checked+.btn.btn-light-twitter,.btn.btn-light-twitter.active,.btn.btn-light-twitter.show,.btn.btn-light-twitter:active:not(.btn-active),.btn.btn-light-twitter:focus:not(.btn-active),.btn.btn-light-twitter:hover:not(.btn-active),.show>.btn.btn-light-twitter {
    color: #fff;
    border-color: #1da1f2;
    background-color: #1da1f2!important
}

.btn-check:active+.btn.btn-light-twitter .svg-icon,.btn-check:active+.btn.btn-light-twitter i,.btn-check:checked+.btn.btn-light-twitter .svg-icon,.btn-check:checked+.btn.btn-light-twitter i,.btn.btn-light-twitter.active .svg-icon,.btn.btn-light-twitter.active i,.btn.btn-light-twitter.show .svg-icon,.btn.btn-light-twitter.show i,.btn.btn-light-twitter:active:not(.btn-active) .svg-icon,.btn.btn-light-twitter:active:not(.btn-active) i,.btn.btn-light-twitter:focus:not(.btn-active) .svg-icon,.btn.btn-light-twitter:focus:not(.btn-active) i,.btn.btn-light-twitter:hover:not(.btn-active) .svg-icon,.btn.btn-light-twitter:hover:not(.btn-active) i,.show>.btn.btn-light-twitter .svg-icon,.show>.btn.btn-light-twitter i {
    color: #fff
}

.btn-check:active+.btn.btn-light-twitter.dropdown-toggle:after,.btn-check:checked+.btn.btn-light-twitter.dropdown-toggle:after,.btn.btn-light-twitter.active.dropdown-toggle:after,.btn.btn-light-twitter.show.dropdown-toggle:after,.btn.btn-light-twitter:active:not(.btn-active).dropdown-toggle:after,.btn.btn-light-twitter:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-light-twitter:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-light-twitter.dropdown-toggle:after {
    color: #fff
}

.btn.btn-instagram {
    color: #fff;
    border-color: #e1306c;
    background-color: #e1306c
}

.btn.btn-instagram .svg-icon,.btn.btn-instagram i {
    color: #fff
}

.btn.btn-instagram.dropdown-toggle:after {
    color: #fff
}

.btn-check:active+.btn.btn-instagram,.btn-check:checked+.btn.btn-instagram,.btn.btn-instagram.active,.btn.btn-instagram.show,.btn.btn-instagram:active:not(.btn-active),.btn.btn-instagram:focus:not(.btn-active),.btn.btn-instagram:hover:not(.btn-active),.show>.btn.btn-instagram {
    border-color: #cd1e59;
    background-color: #cd1e59!important
}

.btn.btn-light-instagram {
    color: var(--bs-instagram);
    color: #e1306c;
    border-color: rgba(225,48,108,.1);
    background-color: rgba(225,48,108,.1)
}

.btn.btn-light-instagram .svg-icon,.btn.btn-light-instagram i {
    color: #e1306c
}

.btn.btn-light-instagram.dropdown-toggle:after {
    color: #e1306c
}

.btn-check:active+.btn.btn-light-instagram,.btn-check:checked+.btn.btn-light-instagram,.btn.btn-light-instagram.active,.btn.btn-light-instagram.show,.btn.btn-light-instagram:active:not(.btn-active),.btn.btn-light-instagram:focus:not(.btn-active),.btn.btn-light-instagram:hover:not(.btn-active),.show>.btn.btn-light-instagram {
    color: #fff;
    border-color: #e1306c;
    background-color: #e1306c!important
}

.btn-check:active+.btn.btn-light-instagram .svg-icon,.btn-check:active+.btn.btn-light-instagram i,.btn-check:checked+.btn.btn-light-instagram .svg-icon,.btn-check:checked+.btn.btn-light-instagram i,.btn.btn-light-instagram.active .svg-icon,.btn.btn-light-instagram.active i,.btn.btn-light-instagram.show .svg-icon,.btn.btn-light-instagram.show i,.btn.btn-light-instagram:active:not(.btn-active) .svg-icon,.btn.btn-light-instagram:active:not(.btn-active) i,.btn.btn-light-instagram:focus:not(.btn-active) .svg-icon,.btn.btn-light-instagram:focus:not(.btn-active) i,.btn.btn-light-instagram:hover:not(.btn-active) .svg-icon,.btn.btn-light-instagram:hover:not(.btn-active) i,.show>.btn.btn-light-instagram .svg-icon,.show>.btn.btn-light-instagram i {
    color: #fff
}

.btn-check:active+.btn.btn-light-instagram.dropdown-toggle:after,.btn-check:checked+.btn.btn-light-instagram.dropdown-toggle:after,.btn.btn-light-instagram.active.dropdown-toggle:after,.btn.btn-light-instagram.show.dropdown-toggle:after,.btn.btn-light-instagram:active:not(.btn-active).dropdown-toggle:after,.btn.btn-light-instagram:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-light-instagram:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-light-instagram.dropdown-toggle:after {
    color: #fff
}

.btn.btn-youtube {
    color: #fff;
    border-color: red;
    background-color: red
}

.btn.btn-youtube .svg-icon,.btn.btn-youtube i {
    color: #fff
}

.btn.btn-youtube.dropdown-toggle:after {
    color: #fff
}

.btn-check:active+.btn.btn-youtube,.btn-check:checked+.btn.btn-youtube,.btn.btn-youtube.active,.btn.btn-youtube.show,.btn.btn-youtube:active:not(.btn-active),.btn.btn-youtube:focus:not(.btn-active),.btn.btn-youtube:hover:not(.btn-active),.show>.btn.btn-youtube {
    border-color: #d90000;
    background-color: #d90000!important
}

.btn.btn-light-youtube {
    color: var(--bs-youtube);
    color: red;
    border-color: rgba(255,0,0,.1);
    background-color: rgba(255,0,0,.1)
}

.btn.btn-light-youtube .svg-icon,.btn.btn-light-youtube i {
    color: red
}

.btn.btn-light-youtube.dropdown-toggle:after {
    color: red
}

.btn-check:active+.btn.btn-light-youtube,.btn-check:checked+.btn.btn-light-youtube,.btn.btn-light-youtube.active,.btn.btn-light-youtube.show,.btn.btn-light-youtube:active:not(.btn-active),.btn.btn-light-youtube:focus:not(.btn-active),.btn.btn-light-youtube:hover:not(.btn-active),.show>.btn.btn-light-youtube {
    color: #fff;
    border-color: red;
    background-color: red!important
}

.btn-check:active+.btn.btn-light-youtube .svg-icon,.btn-check:active+.btn.btn-light-youtube i,.btn-check:checked+.btn.btn-light-youtube .svg-icon,.btn-check:checked+.btn.btn-light-youtube i,.btn.btn-light-youtube.active .svg-icon,.btn.btn-light-youtube.active i,.btn.btn-light-youtube.show .svg-icon,.btn.btn-light-youtube.show i,.btn.btn-light-youtube:active:not(.btn-active) .svg-icon,.btn.btn-light-youtube:active:not(.btn-active) i,.btn.btn-light-youtube:focus:not(.btn-active) .svg-icon,.btn.btn-light-youtube:focus:not(.btn-active) i,.btn.btn-light-youtube:hover:not(.btn-active) .svg-icon,.btn.btn-light-youtube:hover:not(.btn-active) i,.show>.btn.btn-light-youtube .svg-icon,.show>.btn.btn-light-youtube i {
    color: #fff
}

.btn-check:active+.btn.btn-light-youtube.dropdown-toggle:after,.btn-check:checked+.btn.btn-light-youtube.dropdown-toggle:after,.btn.btn-light-youtube.active.dropdown-toggle:after,.btn.btn-light-youtube.show.dropdown-toggle:after,.btn.btn-light-youtube:active:not(.btn-active).dropdown-toggle:after,.btn.btn-light-youtube:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-light-youtube:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-light-youtube.dropdown-toggle:after {
    color: #fff
}

.btn.btn-linkedin {
    color: #fff;
    border-color: #0077b5;
    background-color: #0077b5
}

.btn.btn-linkedin .svg-icon,.btn.btn-linkedin i {
    color: #fff
}

.btn.btn-linkedin.dropdown-toggle:after {
    color: #fff
}

.btn-check:active+.btn.btn-linkedin,.btn-check:checked+.btn.btn-linkedin,.btn.btn-linkedin.active,.btn.btn-linkedin.show,.btn.btn-linkedin:active:not(.btn-active),.btn.btn-linkedin:focus:not(.btn-active),.btn.btn-linkedin:hover:not(.btn-active),.show>.btn.btn-linkedin {
    border-color: #005e8f;
    background-color: #005e8f!important
}

.btn.btn-light-linkedin {
    color: var(--bs-linkedin);
    color: #0077b5;
    border-color: rgba(0,119,181,.1);
    background-color: rgba(0,119,181,.1)
}

.btn.btn-light-linkedin .svg-icon,.btn.btn-light-linkedin i {
    color: #0077b5
}

.btn.btn-light-linkedin.dropdown-toggle:after {
    color: #0077b5
}

.btn-check:active+.btn.btn-light-linkedin,.btn-check:checked+.btn.btn-light-linkedin,.btn.btn-light-linkedin.active,.btn.btn-light-linkedin.show,.btn.btn-light-linkedin:active:not(.btn-active),.btn.btn-light-linkedin:focus:not(.btn-active),.btn.btn-light-linkedin:hover:not(.btn-active),.show>.btn.btn-light-linkedin {
    color: #fff;
    border-color: #0077b5;
    background-color: #0077b5!important
}

.btn-check:active+.btn.btn-light-linkedin .svg-icon,.btn-check:active+.btn.btn-light-linkedin i,.btn-check:checked+.btn.btn-light-linkedin .svg-icon,.btn-check:checked+.btn.btn-light-linkedin i,.btn.btn-light-linkedin.active .svg-icon,.btn.btn-light-linkedin.active i,.btn.btn-light-linkedin.show .svg-icon,.btn.btn-light-linkedin.show i,.btn.btn-light-linkedin:active:not(.btn-active) .svg-icon,.btn.btn-light-linkedin:active:not(.btn-active) i,.btn.btn-light-linkedin:focus:not(.btn-active) .svg-icon,.btn.btn-light-linkedin:focus:not(.btn-active) i,.btn.btn-light-linkedin:hover:not(.btn-active) .svg-icon,.btn.btn-light-linkedin:hover:not(.btn-active) i,.show>.btn.btn-light-linkedin .svg-icon,.show>.btn.btn-light-linkedin i {
    color: #fff
}

.btn-check:active+.btn.btn-light-linkedin.dropdown-toggle:after,.btn-check:checked+.btn.btn-light-linkedin.dropdown-toggle:after,.btn.btn-light-linkedin.active.dropdown-toggle:after,.btn.btn-light-linkedin.show.dropdown-toggle:after,.btn.btn-light-linkedin:active:not(.btn-active).dropdown-toggle:after,.btn.btn-light-linkedin:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-light-linkedin:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-light-linkedin.dropdown-toggle:after {
    color: #fff
}

[data-bs-theme=dark] .btn.btn-dark {
    color: #b5b7c8;
    background-color: #464852
}

[data-bs-theme=dark] .btn.btn-dark .svg-icon,[data-bs-theme=dark] .btn.btn-dark i {
    color: #b5b7c8
}

[data-bs-theme=dark] .btn.btn-dark.dropdown-toggle:after {
    color: #b5b7c8
}

.btn-check:active+[data-bs-theme=dark] .btn.btn-dark,.btn-check:checked+[data-bs-theme=dark] .btn.btn-dark,.show>[data-bs-theme=dark] .btn.btn-dark,[data-bs-theme=dark] .btn.btn-dark.active,[data-bs-theme=dark] .btn.btn-dark.show,[data-bs-theme=dark] .btn.btn-dark:active:not(.btn-active),[data-bs-theme=dark] .btn.btn-dark:focus:not(.btn-active),[data-bs-theme=dark] .btn.btn-dark:hover:not(.btn-active) {
    color: #bec0cf;
    background-color: #4d4f5a!important
}

.btn-check:active+[data-bs-theme=dark] .btn.btn-dark .svg-icon,.btn-check:active+[data-bs-theme=dark] .btn.btn-dark i,.btn-check:checked+[data-bs-theme=dark] .btn.btn-dark .svg-icon,.btn-check:checked+[data-bs-theme=dark] .btn.btn-dark i,.show>[data-bs-theme=dark] .btn.btn-dark .svg-icon,.show>[data-bs-theme=dark] .btn.btn-dark i,[data-bs-theme=dark] .btn.btn-dark.active .svg-icon,[data-bs-theme=dark] .btn.btn-dark.active i,[data-bs-theme=dark] .btn.btn-dark.show .svg-icon,[data-bs-theme=dark] .btn.btn-dark.show i,[data-bs-theme=dark] .btn.btn-dark:active:not(.btn-active) .svg-icon,[data-bs-theme=dark] .btn.btn-dark:active:not(.btn-active) i,[data-bs-theme=dark] .btn.btn-dark:focus:not(.btn-active) .svg-icon,[data-bs-theme=dark] .btn.btn-dark:focus:not(.btn-active) i,[data-bs-theme=dark] .btn.btn-dark:hover:not(.btn-active) .svg-icon,[data-bs-theme=dark] .btn.btn-dark:hover:not(.btn-active) i {
    color: #bec0cf
}

.btn-check:active+[data-bs-theme=dark] .btn.btn-dark.dropdown-toggle:after,.btn-check:checked+[data-bs-theme=dark] .btn.btn-dark.dropdown-toggle:after,.show>[data-bs-theme=dark] .btn.btn-dark.dropdown-toggle:after,[data-bs-theme=dark] .btn.btn-dark.active.dropdown-toggle:after,[data-bs-theme=dark] .btn.btn-dark.show.dropdown-toggle:after,[data-bs-theme=dark] .btn.btn-dark:active:not(.btn-active).dropdown-toggle:after,[data-bs-theme=dark] .btn.btn-dark:focus:not(.btn-active).dropdown-toggle:after,[data-bs-theme=dark] .btn.btn-dark:hover:not(.btn-active).dropdown-toggle:after {
    color: #bec0cf
}

.date-wrapper {
    background-image: url("https://t3.ftcdn.net/jpg/04/42/29/98/360_F_442299817_ZPt7JLQcEkffubsrFIwN5448nhyQO2j6.jpg");
    text-align:center;
    font-family: Digital-7, 'sans-serif';
    font-size: 50px;
    color:#fff;
    font-weight: 400;}

.date-wrapper > span {
     letter-spacing:3px;
     font-size:14px;
     font-family:arial,sans-serif;
     color:#fff;
     text-transform: none;
}

.form-label {
    text-transform:uppercase;
    font-family: 'Inter';
}


.dropdown-menu,.popover,.toast,.flatpickr-calendar,.datepicker.datepicker-inline,.datepicker.datepicker-inline table,.daterangepicker,.pcr-app,.ui-timepicker-wrapper,.twitter-typeahead .tt-menu,.tagify__dropdown,.swal2-modal.swal2-popup,.select2-dropdown,.menu-horizontal .menu-inner>.menu-item.open .menu-sub,div.dataTables_wrapper .dt-button-collection {
    outline: none;
    box-shadow: none !important;
    border: 1px solid #cfd0d6 !important
}

.light-style .menu .app-brand.demo {
  height: 64px;
}

.dark-style .menu .app-brand.demo {
  height: 64px;
}
.light-style .select2-container--default .select2-results__option .select2-results__option {
    width: calc(100% + 1.47rem);
    margin-left: -0.735rem;
    padding-left: 1.735rem;
}
.app-brand-logo.demo {
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -ms-flexbox;
  display: flex;
  width: 39px;
  height: 39px;
}

.app-brand-logo.demo svg {
  width: 1.7rem;
  height: 1.7rem;
}

.app-brand-text.demo {
  font-size: 1.75rem;
  letter-spacing: -0.45px;
}

/* ! For .layout-navbar-fixed added fix padding top tpo .layout-page */
.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {
  padding-top: 64px !important;
}

/* Navbar page z-index issue solution */
.content-wrapper .navbar {
  z-index: auto;
}

/*
* Content
******************************************************************************/

.demo-blocks > * {
  display: block !important;
}

.demo-inline-spacing > * {
  margin: 1rem 0.375rem 0 0 !important;
}

/* ? .demo-vertical-spacing class is used to have vertical margins between elements. To remove margin-top from the first-child, use .demo-only-element class with .demo-vertical-spacing class. For example, we have used this class in forms-input-groups.html file. */
.demo-vertical-spacing > * {
  margin-top: 1rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-lg > * {
  margin-top: 1.875rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing-lg.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-xl > * {
  margin-top: 5rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing-xl.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.rtl-only {
  display: none !important;
  text-align: left !important;
  direction: ltr !important;
}

[dir='rtl'] .rtl-only {
  display: block !important;
}

/*
* Layout demo
******************************************************************************/

.layout-demo-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 1rem;
}
.layout-demo-placeholder img {
  width: 900px;
}
.layout-demo-info {
  text-align: center;
  margin-top: 1rem;
}

.waves-effect {
    position: relative;
    cursor: pointer;
    display: flex;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}


.conversations {
    position: relative;
    padding: 1rem
}

.conversation-list {
    margin-bottom: 0;
    padding-left: 0;
    display: flex;
    flex-direction: column;
    list-style: none
}

.conversation-list .log-divider {
    font-size: .75rem
}

.conversation-list>li:focus .conversation-actions,.conversation-list>li:hover .conversation-actions {
    opacity: 1
}

.conversation-inbound,.conversation-outbound {
    display: flex
}

.conversation-inbound:not(:first-child),.conversation-outbound:not(:first-child) {
    margin-top: 1rem
}

.conversation-inbound+.conversation-faux,.conversation-outbound+.conversation-faux {
    margin-top: .375rem
}

.conversation-avatar {
    z-index: 1
}

.conversation-avatar>.tile,.conversation-avatar>.user-avatar {
    box-shadow: 0 0 0 3px #fff
}

.conversation-inbound .conversation-message-skip-avatar {
    padding-left: 2rem
}

.conversation-inbound .conversation-message-skip-avatar .conversation-message-text {
    margin-left: 0;
    padding-left: .5rem
}

.conversation-inbound .conversation-avatar+.conversation-message .conversation-message-text {
    margin-left: -1rem;
    padding-left: 1.5rem
}

.conversation-inbound .conversation-message-text {
    color: #363642;
    background-color: #f6f7f9;
    border-radius: 0 1rem 1rem 1rem
}

.conversation-outbound {
    justify-content: flex-end
}

.conversation-outbound .conversation-message-skip-avatar {
    padding-right: 2rem
}

.conversation-outbound .conversation-message-skip-avatar .conversation-message-text {
    margin-right: 0;
    padding-right: .5rem
}

.conversation-outbound .conversation-avatar+.conversation-message .conversation-message-text {
    margin-right: -1rem;
    padding-right: 1.5rem
}

.conversation-outbound .conversation-message-text {
    color: #fff;
    background-color: #346cb0;
    border-radius: 1rem 0 1rem 1rem
}

.conversation-outbound .conversation-message-text.has-attachment a:not(.btn) {
    color: #fff;
    opacity: .87
}

.conversation-outbound .conversation-message-text.has-attachment a:not(.btn):focus,.conversation-outbound .conversation-message-text.has-attachment a:not(.btn):hover {
    color: #fff;
    opacity: 1
}

.conversation-avatar .user-avatar-sm {
    margin-top: .375rem
}

.conversation-message {
    display: flex;
    flex-direction: column
}

.conversation-message .conversation-list {
    margin-top: 1rem
}

.conversation-message .card-figure {
    margin-bottom: 0;
    width: 15rem;
    max-width: 43%
}

.conversation-message-text {
    padding: .5rem;
    max-width: 480px;
    min-height: 2rem;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    box-shadow: 0 1px .5px rgba(20,20,31,.12)
}

.conversation-message-text.has-attachment .card-figure {
    width: 15rem;
    max-width: 100%
}

.conversation-message-text.has-attachment a:not(.btn) {
    text-decoration: underline
}

.conversation-message-text p {
    margin-bottom: .25em
}

.conversation-meta {
    margin-top: .125rem;
    padding-left: .5rem;
    font-size: .75rem;
    color: #888c9b
}

.conversation-actions {
    padding: 0 .25rem;
    align-self: flex-start;
    opacity: 0;
    transition: opacity .2s
}

.feed {
    margin-bottom: 1.25rem;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    box-shadow: 0 0 0 1px rgba(20,20,31,.05),0 1px 3px 0 rgba(20,20,31,.15);
    border-radius: .25rem
}

.feed>.feed-post .card-footer-item {
    flex: 0
}

.feed>.feed-comments,.feed>.feed-post {
    margin-bottom: 0;
    box-shadow: none
}

.feed>.feed-comments+.card,.feed>.feed-post+.card {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.feed>.feed-comments .card-footer,.feed>.feed-post .card-footer {
    font-size: .875rem
}

.feed-publisher {
    margin-bottom: 20px;
    padding: 1rem;
    background-color: #fff;
    box-shadow: 0 0 0 1px rgba(20,20,31,.05),0 1px 3px 0 rgba(20,20,31,.15)
}

@media (min-width: 576px) {
    .feed-publisher {
        border-radius:.25rem
    }
}

.feed-publisher .form-control,.feed-publisher .form-control:focus,.feed-publisher .publisher,.feed-publisher .publisher-alt,.feed-publisher .publisher-alt.focus,.feed-publisher .publisher.focus {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none
}

.feed-publisher .publisher-actions {
    padding: 0
}

.feed-post:first-child:not(:last-child) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.feed-post .card-header {
    padding-right: 0;
    padding-left: 0;
    display: flex;
    justify-content: space-between;
    margin: 0 1rem
}

.feed-post .account-summary {
    align-self: flex-start
}

.feed-post .account-summary .account-name {
    font-size: 1rem;
    line-height: 1.5
}

.feed-attachments {
    margin-bottom: 1.25rem;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto
}

.feed-attachments .card-figure {
    min-width: 300px;
    max-width: 43%
}

.feed-attachments .card-figure:not(:last-child) {
    margin-right: .5rem
}

.feed-summary {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    display: flex;
    align-items: center;
    font-size: .75rem
}

.feed-summary-item {
    color: #363642
}

.feed-summary-item:not(:last-child) {
    margin-right: .5rem
}

.feed-summary-item:focus,.feed-summary-item:hover {
    text-decoration: none
}

.feed-comments {
    border-top: 1px solid rgba(20,20,31,.12);
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.feed-comments .card-header {
    padding-top: .5rem;
    padding-bottom: .5rem;
    font-size: .75rem;
    font-weight: 400;
    border-bottom: 0
}

.feed-comments .conversation-message-text {
    padding-top: 0;
    padding-bottom: 0;
    max-width: 100%;
    min-height: auto;
    background-color: transparent;
    box-shadow: none
}

.feed-comments .conversation-message-text+.conversation-meta {
    margin-top: .5rem
}

.feed-comments .conversation-meta {
    font-size: inherit
}

.feed-comments .conversation-meta:first-child {
    margin-top: 0;
    margin-bottom: .5rem
}
.media {
    display: flex;
    align-items: flex-start
}

.media-body {
    flex: 1
}
.publisher {
    display: flex;
    width: 100%
}

.publisher .publisher-label,.publisher .publisher-tools {
    display: none
}

.publisher.focus {
    display: flex;
    flex-direction: column
}

.publisher.focus .publisher-input,.publisher.focus .publisher-label,.publisher.focus .publisher-tools {
    display: block
}

.publisher.focus .publisher-input {
    margin-bottom: .5em;
    padding-right: 0;
    width: 100%
}

.publisher.focus .publisher-input .form-control {
    height: auto
}

.publisher .btn-link {
    color: #888c9b
}

.publisher .btn-link:focus,.publisher .btn-link:hover {
    color: #222230
}

.publisher .user-avatar {
    width: 2.25rem;
    height: 2.25rem
}

@media (min-width: 768px) {
    .publisher .user-avatar {
        width:2.25rem;
        height: 2.25rem
    }
}

.publisher-input {
    padding-right: 12px;
    width: 100%
}

.publisher-input .form-control {
    height: 2.25rem;
    resize: none
}

@media (min-width: 768px) {
    .publisher-input .form-control {
        height:2.25rem
    }
}

.publisher-actions {
    display: flex
}

.publisher-alt {
    border: 1px solid #c6c9d5;
    border-radius: .25rem;
    background-color: #fff
}

.publisher-alt .publisher-input {
    margin-bottom: 0;
    padding-right: 0
}

.publisher-alt .publisher-input .form-control {
    border: 0
}

.publisher-alt .publisher-input .form-control:focus {
    box-shadow: none
}

.publisher-alt .publisher-actions {
    display: none;
    padding: 0 .75rem 0 0;
    align-items: center
}

.publisher-alt .publisher-tools {
    padding: 0 .5em .75em
}

.publisher-alt.focus {
    border-color: #5a8dee;
    box-shadow: 0 0 0 1px #5a8dee;
}

.publisher-alt.focus .publisher-input {
    margin-top: 0
}

.publisher-alt.focus .publisher-actions {
    display: flex
}
.user-avatar {
    position: relative;
    margin-bottom: 0;
    display: inline-block;
    width: 2rem;
    height: 2rem;
    font-size: 2rem;
    vertical-align: middle;
    border-radius: 4rem
}

.user-avatar-xxl {
    width: 8rem;
    height: 8rem;
    font-size: 8rem
}

.user-avatar-xl {
    width: 5rem;
    height: 5rem;
    font-size: 5rem
}

.user-avatar-lg {
    width: 3rem;
    height: 3rem;
    font-size: 3rem
}

.user-avatar-md {
    width: 2.25rem;
    height: 2.25rem;
    font-size: 2.25rem
}

.user-avatar-sm {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 1.5rem
}

.user-avatar-xs {
    width: 1.25rem;
    height: 1.25rem;
    font-size: 1.25rem
}

.user-avatar.dropdown .dropdown-menu {
    min-width: 6rem
}

.user-avatar.dropdown.focus .avatar-badge>.oi:before,.user-avatar.dropdown.show .avatar-badge>.oi:before,.user-avatar.dropdown:focus .avatar-badge>.oi:before,.user-avatar.dropdown:hover .avatar-badge>.oi:before {
    content: "\e02d"
}

.user-avatar.dropdown.focus .avatar-badge>.fa:before,.user-avatar.dropdown.show .avatar-badge>.fa:before,.user-avatar.dropdown:focus .avatar-badge>.fa:before,.user-avatar.dropdown:hover .avatar-badge>.fa:before {
    content: "\f0d7"
}

.user-avatar.dropdown.focus .offline,.user-avatar.dropdown.show .offline,.user-avatar.dropdown:focus .offline,.user-avatar.dropdown:hover .offline {
    color: #fff
}

.user-avatar>a {
    color: inherit;
    outline: 0
}

.user-avatar>a:focus,.user-avatar>a:hover {
    color: inherit;
    text-decoration: none
}

.user-avatar audio,.user-avatar canvas,.user-avatar img,.user-avatar video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 4rem;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top
}

a.user-avatar:focus,a.user-avatar:hover {
    outline: 0
}

a.user-avatar:focus {
    box-shadow: 0 0 0 3px #346cb0
}

.user-avatar-lg .avatar-badge {
    right: 5px
}

.user-avatar-sm .avatar-badge,.user-avatar-xs .avatar-badge {
    right: -2px
}

.user-avatar-floated {
    margin-top: -50%;
    box-shadow: 0 0 0 2px #fff;
    z-index: 2
}

.user-avatar-floated.user-avatar-xl {
    box-shadow: 0 0 0 3px #fff
}

.user-avatar-floated.user-avatar-xxl {
    box-shadow: 0 0 0 4px #fff
}

.avatar-group {
    display: inline-block
}

.avatar-group .user-avatar {
    box-shadow: 0 0 0 2px #fff
}

.avatar-group .user-avatar:focus,.avatar-group .user-avatar:hover {
    z-index: 2
}

.avatar-group .user-avatar+.user-avatar {
    display: inline-block;
    margin-left: -.5em
}

.avatar-group-animated .user-avatar:first-child {
    -webkit-animation: avatarAnimatedStart 1s;
    animation: avatarAnimatedStart 1s
}

.avatar-group-animated .user-avatar:nth-child(2) {
    -webkit-animation: avatarAnimated .75s;
    animation: avatarAnimated .75s
}

.avatar-group-animated .user-avatar:nth-child(3) {
    -webkit-animation: avatarAnimated 1s;
    animation: avatarAnimated 1s
}

.avatar-group-animated .user-avatar:nth-child(4) {
    -webkit-animation: avatarAnimated 1.25s;
    animation: avatarAnimated 1.25s
}

.avatar-group-animated .user-avatar:nth-child(5) {
    -webkit-animation: avatarAnimated 1.5s;
    animation: avatarAnimated 1.5s
}

.avatar-group-animated .tile {
    -webkit-animation: avatarAnimatedEnd 1.5s;
    animation: avatarAnimatedEnd 1.5s
}

@-webkit-keyframes avatarAnimatedStart {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes avatarAnimatedStart {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes avatarAnimated {
    0% {
        opacity: 0;
        transform: translateX(-100%)
    }

    25% {
        opacity: 0;
        transform: translateX(-75%)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes avatarAnimated {
    0% {
        opacity: 0;
        transform: translateX(-100%)
    }

    25% {
        opacity: 0;
        transform: translateX(-75%)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@-webkit-keyframes avatarAnimatedEnd {
    0% {
        opacity: 0;
        transform: translateX(100%)
    }

    25% {
        opacity: 0;
        transform: translateX(75%)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes avatarAnimatedEnd {
    0% {
        opacity: 0;
        transform: translateX(100%)
    }

    25% {
        opacity: 0;
        transform: translateX(75%)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

.avatar-badge {
    position: absolute;
    right: 1px;
    bottom: 0;
    display: block;
    width: 8px;
    height: 8px;
    line-height: 1;
    text-align: center;
    font-size: 8px;
    color: #fff;
    background-color: #a6abbd;
    border-radius: 8px;
    box-shadow: 0 0 0 2px #fff;
    z-index: 2
}

.avatar-badge.has-indicator {
    width: 10px;
    height: 10px
}

.avatar-badge.online {
    background-color: #00a28a
}

.avatar-badge.idle {
    background-color: #ec935e
}

.avatar-badge.busy {
    background-color: #ea6759
}

.avatar-badge.offline {
    color: #a6abbd;
    background-color: #a6abbd
}

.avatar-badge .fa {
    line-height: 10px
}
.fileinput-button,.fileinput-dropzone {
    position: relative;
    overflow: hidden;
    display: inline-block
}

.fileinput-button input,.fileinput-dropzone input {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    direction: ltr;
    cursor: pointer;
    z-index: 2
}

.fileinput-button:focus .fileinput-button-label,.fileinput-button:hover .fileinput-button-label,.fileinput-dropzone:focus .fileinput-button-label,.fileinput-dropzone:hover .fileinput-button-label {
    opacity: 1
}

.fileinput-dropzone {
    display: block;
    padding: 2.5rem;
    text-align: center;
    color: #888c9b;
    border-radius: .25rem;
    border: 2px dashed rgba(34,34,48,.1);
    transition: all .2s
}

.fileinput-dropzone.hover {
    color: #363642;
    border-color: #346cb0
}

.fileinput-button-label {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(52,108,176,.86);
    color: #fff;
    font-size: .875rem;
    text-align: center;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
    transition: opacity .2s
}

.btn-icon {
    padding: 0;
    line-height: calc(1.5em + .75rem + 2px);
    border-radius: 2.25rem;
    width: calc(1.5em + .75rem + 2px);
    height: calc(1.5em + .75rem + 2px)
}
@media (min-width: 768px) {
    .btn-icon {
        line-height:calc(1.5em + .75rem);
        width: 2.25rem;
        height: 2.25rem
    }
    
}

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

.mention {
    padding: 0 .125rem;
    font-size: 87.5%;
    font-weight: 500;
    background-color: rgba(52,108,176,.08);
    border-radius: .25rem;
    word-break: break-word
}

.mention,a.mention {
    color: #346cb0
}

a.mention:hover {
    color: #285489;
    text-decoration: none
}

.hashtag {
    font-weight: 500
}
.timeline-comment {
    align-items: flex-start;
    display: flex;
    margin: 8px 0;
}

.timeline-comment .avatar {
    background-color: initial;
    display: none
}

.timeline-comment .avatar>img {
    border-radius: 6px
}

.timeline-comment .comment {
    background-color: #fff;
    border: 1px solid #e1e4e8;
    border-radius: 6px 6px 6px 0px;
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
    position: relative
}

.timeline-comment .comment-header {
    align-items: center;
    background-color: #f6f8fa;
    border-bottom: 1px solid #e1e4e8;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    color: #586069;
    display: flex;
    justify-content: space-between
}

.timeline-comment .comment-meta {
    padding: 5px 8px;
}

.timeline-comment .comment-actions {
    align-items: center;
    display: flex
}

.timeline-comment .new-comment-header {
    background-color: #f6f8fa;
    border-bottom: 1px solid #e1e4e8;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    margin-bottom: 0;
    padding: 8px 8px 0
}

.timeline-comment .markdown-body {
    font-size: 14px;
    padding: 16px
}

.timeline-comment .comment-body {
    padding: 8px
}

.timeline-comment .comment-body textarea {
    appearance: none;
    display: block;
    max-height: 550px;
    resize: vertical
}

.timeline-comment .comment-body .markdown-body,.timeline-comment .comment-body textarea {
    border: 1px solid #e1e4e8;
    border-radius: 6px;
    min-height: 90px;
    padding: 8px;
    width: 100%
}

.timeline-comment .comment-body textarea:focus {
    box-shadow: 0 0 0 0.1em #0078ff;
}

.timeline-comment .comment-body textarea:disabled {
    background-color: #f6f8fa
}

.timeline-comment .comment-footer {
    border-top: 1px solid #e1e4e8;
    display: flex
}

.timeline-comment .comment-footer:not(:hover) .reactions-popover:not([open]),.timeline-comment .comment-footer[reaction-count="0"] {
    height: 0;
    opacity: 0;
    overflow: hidden
}

.timeline-comment .comment-footer:not(:hover) .reactions-popover:not([open]) summary {
    opacity: 0
}

.timeline-comment .new-comment-footer {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 0 8px 8px
}

.timeline-comment .new-comment-footer .markdown-info {
    font-size: 12px;
    margin-right: 4px
}

.timeline-comment.current-user .comment-header {
    background-color: #f1f8ff
}

.timeline-comment .author-association-badge {
    border: 1px solid #e1e4e8;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
    margin-right: 4px;
    margin-top: -1px;
    padding: 2px 5px
}

.timeline-comment .reactions-popover {
    display: none
}

@media screen and (min-width: 544px) {
    .timeline-comment .avatar {
        display:block;
        margin-right: 16px
    }

    .timeline-comment .comment:after,.timeline-comment .comment:before {
        border-color: #0000;
        border-style: solid solid outset;
        content: " ";
        display: block;
        height: 0;
        left: -16px;
        pointer-events: none;
        position: absolute;
        right: 100%;
        top: 11px;
        width: 0
    }

    .timeline-comment .comment:after {
        border-right-color: #f6f8fa;
        border-width: 7px;
        margin-left: 2px;
        margin-top: 1px
    }

    .timeline-comment .comment:before {
        border-right-color: #d1d5da;
        border-width: 8px
    }

    .timeline-comment.current-user .comment:after,.timeline-comment.current-user .comment:before {
        border-color: #0000;
        border-style: solid solid outset;
        content: " ";
        display: block;
        height: 0;
        left: -16px;
        pointer-events: none;
        position: absolute;
        right: 100%;
        top: 11px;
        width: 0
    }

    .timeline-comment.current-user .comment:after {
        border-right-color: #f1f8ff;
        border-width: 7px;
        margin-left: 2px;
        margin-top: 1px
    }

    .timeline-comment.current-user .comment:before {
        border-right-color: #d1d5da;
        border-width: 8px
    }

    .timeline-comment .reactions-popover {
        display: inline-block
    }
}

.timeline {
    margin-left: auto;
    margin-right: auto;
    max-width: 759px;
    width: 100%
}

.reaction-list {
    border-right: 1px solid #e1e4e8;
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: -1px;
    margin-left: -1px;
    margin-top: -1px;
    overflow-x: hidden;
    overflow-y: visible
}
.reactions-popover .reaction-button {
    background: #0000!important;
    border: none;
    border-radius: 0!important;
    padding: 4px 8px;
    transition: transform .15s cubic-bezier(.2,0,.13,2);
    white-space: nowrap
}

.reactions-popover .reaction-button:hover {
    color: #0366d6!important;
    transform: scale(1.2)
}

.reaction-name {
    background-color: #fff;
    border-bottom: 1px solid #e1e4e8;
    left: 0;
    padding: 8px 16px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

.reaction-button+.reaction-name {
    display: none
}

.reaction-button:hover+.reaction-name {
    display: block
}

.reaction-button {
    box-shadow: none;
}

.reaction-list>.reaction-button:last-child {
    border-right: none!important
}

.reaction-list>.reaction-button {
    border-radius: 0!important;
    font-weight: 400;
    padding: 3px 8px;
}

.reaction-list>.reaction-button[reaction-count="0"] {
    display: none
}

.reaction-list>.reaction-button:after {
    content: attr(reaction-count);
    display: inline-block;
    margin-left: 2px;
}

.reactions-popover summary {
    color: #586069;
    margin: -1px 0;
    padding: 8px 16px;
    transition: opacity .3s ease-in-out;
    white-space: nowrap
}
.BtnGroup-item {
    border-radius: 0;
    border-right-width: 0;
    float: left;
    position: relative;
    border: 1px solid #e1e4e8 !important;
}

.BtnGroup-item:first-child {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px
}

.BtnGroup-item:last-child {
    border-bottom-right-radius: 6px;
    border-right-width: 1px;
    border-top-right-radius: 6px
}

.BtnGroup-item.selected,.BtnGroup-item:active,.BtnGroup-item:focus,.BtnGroup-item:hover,.BtnGroup-item[aria-selected=true] {
    border-right-width: 1px
}

.BtnGroup-item.selected+.BtnGroup-item,.BtnGroup-item.selected+.BtnGroup-parent .BtnGroup-item,.BtnGroup-item:active+.BtnGroup-item,.BtnGroup-item:active+.BtnGroup-parent .BtnGroup-item,.BtnGroup-item:focus+.BtnGroup-item,.BtnGroup-item:focus+.BtnGroup-parent .BtnGroup-item,.BtnGroup-item:hover+.BtnGroup-item,.BtnGroup-item:hover+.BtnGroup-parent .BtnGroup-item,.BtnGroup-item[aria-selected=true]+.BtnGroup-item,.BtnGroup-item[aria-selected=true]+.BtnGroup-parent .BtnGroup-item {
    border-left-width: 0
}

.BtnGroup-parent {
    float: left
}

.BtnGroup-parent:first-child .BtnGroup-item {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px
}

.BtnGroup-parent:last-child .BtnGroup-item {
    border-bottom-right-radius: 6px;
    border-right-width: 1px;
    border-top-right-radius: 6px
}

.BtnGroup-parent .BtnGroup-item {
    border-radius: 0;
    border-right-width: 0
}

.BtnGroup-parent.selected .BtnGroup-item,.BtnGroup-parent:active .BtnGroup-item,.BtnGroup-parent:focus .BtnGroup-item,.BtnGroup-parent:hover .BtnGroup-item,.BtnGroup-parent[aria-selected=true] .BtnGroup-item {
    border-right-width: 1px
}

.BtnGroup-parent.selected+.BtnGroup-item,.BtnGroup-parent.selected+.BtnGroup-parent .BtnGroup-item,.BtnGroup-parent:active+.BtnGroup-item,.BtnGroup-parent:active+.BtnGroup-parent .BtnGroup-item,.BtnGroup-parent:focus+.BtnGroup-item,.BtnGroup-parent:focus+.BtnGroup-parent .BtnGroup-item,.BtnGroup-parent:hover+.BtnGroup-item,.BtnGroup-parent:hover+.BtnGroup-parent .BtnGroup-item,.BtnGroup-parent[aria-selected=true]+.BtnGroup-item,.BtnGroup-parent[aria-selected=true]+.BtnGroup-parent .BtnGroup-item {
    border-left-width: 0
}
.tabnav-tabs {
    display: flex;
    margin-bottom: -1px;
    overflow: auto
}

.tabnav-tab {
    background-color: initial;
    border: 1px solid #0000;
    border-bottom: 0;
    color: #24292e;
    display: inline-block;
    flex-shrink: 0;
    font-size: 14px;
    line-height: 23px;
    padding: 8px 16px;
    text-decoration: none
}

.tabnav-tab.selected,.tabnav-tab[aria-current]:not([aria-current=false]),.tabnav-tab[aria-selected=true] {
    background-color: #fff;
    border-color: #e1e4e8;
    border-radius: 6px 6px 0 0
}

.tabnav-tab:focus,.tabnav-tab:hover {
    color: #586069;
    text-decoration: none
}

.tabnav-tab:active {
    color: #6a737d
}

.tabnav-tab .octicon {
    color: #959da5;
    margin-right: 4px
}

.tabnav-tab .Counter {
    margin-left: 4px
}

.tabnav-extra {
    color: #586069;
    display: inline-block;
    font-size: 12px;
    margin-left: 10px;
    padding-top: 10px
}

.tabnav-extra>.octicon {
    margin-right: 2px
}

a.tabnav-extra:hover {
    color: #0366d6;
    text-decoration: none
}

.tabnav-btn {
    margin-left: 8px
}

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

/* Membuat kelas untuk variasi border dengan ketebalan yang berbeda */
.border-dashed-1 {
  border-style: dashed;
  border-width: 1px;
}

.border-dashed-2 {
  border-style: dashed;
  border-width: 0.13134rem;
}

.border-dashed-3 {
  border-style: dashed;
  border-width: 3px;
}

.border-dashed-4 {
  border-style: dashed;
  border-width: 4px;
}

.border-dashed-5 {
  border-style: dashed;
  border-width: 5px;
}

/* Membuat kelas untuk warna border */
.dashed-blue {
  border-color: #5e81b9ad;
}

.dashed-red {
  border-color: red;
}

.dashed-green {
  border-color: green;
}

.dashed-purple {
  border-color: purple;
}

.dashed-orange {
  border-color: orange;
}

  .highlight-color--red {
        background-color: #ffa5a7;
        padding: 0px 5px;
        color: #677788;
        border-radius: 2px;
    }

    .highlight-color--orange {
        background-color: #fdca8d;
        padding: 0px 5px;
        color: #677788;
        border-radius: 2px;
    }

    .highlight-color--yellow {
        background-color: #ffef85;
        padding: 0px 5px;
        color: #677788;
        border-radius: 2px;
    }
        
    .highlight-color--blue {
        background-color: #caf0f8;
        padding: 0px 5px;
        color: #677788;
        border-radius: 2px;
    }

    .highlight-color--green {
        background-color: #b7e4c7;
        padding: 0px 5px;
        color: #677788;
        border-radius: 2px;
    }

    .highlight-color--purple {
        background-color: #e2cfea;
        padding: 0px 5px;
        color: #677788;
        border-radius: 2px;
    }

    .rem-text {
        padding-left: 20px!important;
    }
    
    .app-brand-logo.login {
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -ms-flexbox;
  display: flex;
  width: 89px;
  height: 89px;
}

.app-brand-logo.login svg {
  width: 1.7rem;
  height: 1.7rem;
}

.app-brand-text.login {
  font-size: 3.75rem;
  letter-spacing: -0.45px;
}


.window_content {
    padding:                     7px; 
    font-family:                 monospace;
    font-size:                   12px;
    color:                       #c8cfd8;
    background:                  #343944;
} 
.blink {
    animation:                   blinking 1s infinite;
}
@keyframes blinking {
    0% { clear:                  both; }
    50%{ color:                  transparent; }    
}
pre {
    display: block;
    font-family: Consolas, monospace;
    font-size: 100%;
}


code {
    font-size: 100%;
}

.min-h-10 {
    min-height: 10px !important;
}
.min-h-20 {
    min-height: 20px !important;
}
.min-h-30 {
    min-height: 30px !important;
}
.min-h-40 {
    min-height: 40px !important;
}
.min-h-50 {
    min-height: 50px !important;
}
.min-h-60 {
    min-height: 60px !important;
}
.min-h-70 {
    min-height: 70px !important;
}
.min-h-80 {
    min-height: 80px !important;
}
.min-h-90 {
    min-height: 90px !important;
}
.min-h-100 {
    min-height: 100px !important;
}
.min-h-110 {
    min-height: 110px !important;
}
.min-h-120 {
    min-height: 120px !important;
}

.min-h-100 {
    min-height: 100px !important;
}
.min-h-200 {
    min-height: 200px !important;
}
/* mockup code */

.wewea {
		
		border-radius: 2px;
		display: inline-block;
		height: 100px;
		line-height: 100px;
		margin: 5px;
		position: relative;
		text-align: center;
		vertical-align: middle;
		width: 100px;
}

.wewea span {
		background: #f2594b;
		border-radius: 4px;
		color: #ffffff;
		display: inline-block;
		font-size: 11px;
		font-weight: 700;
		line-height: normal;
		padding: 5px 10px;
		position: relative;
		text-transform: uppercase;
		z-index: 1;
}

.wewea span:last-child {
		margin-left: -20px;
}

.wewea:before,
.wewea:after {
		background: #ffffff;
		border: solid 3px #9fb4cc;
		border-radius: 4px;
		content: '';
		display: block;
		height: 35px;
		left: 50%;
		margin: -17px 0 0 -12px;
		position: absolute;
		top: 50%;
		/*transform:translate(-50%,-50%);*/
		
		width: 25px;
}

.wewea:hover:before,
.wewea:hover:after {
		background: #e2e8f0;
}
/*a:before{transform:translate(-30%,-60%);}*/

.wewea:before {
		margin: -23px 0 0 -5px;
}

.wewea:hover {
		background: #e2e8f0;
		border-color: #9fb4cc;
}



.wewea span:first-child {
		display: none;
}

.wewea:hover span:first-child {
		display: inline-block;
}

.wewea:hover span:last-child {
		display: none;
}
/* custom code for the demo */

.spinner {
  position: relative;
}
.spinner:before {
  content: "";
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 0;
  border-radius: 50%;
  border: 2px solid #D1D3E0;
  border-right: 2px solid transparent;
}
.spinner:before {
  width: 1.5rem;
  height: 1.5rem;
  margin-top: -0.75rem;
}
.spinner.spinner-center:before {
  left: 50%;
  margin-left: -0.75rem;
}
.spinner.spinner-left:before {
  right: auto;
}
.spinner.spinner-right:before {
  left: auto;
}
.spinner.spinner-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  margin-top: -0.625rem;
}
.spinner.spinner-sm.spinner-center:before {
  left: 50%;
  margin-left: -0.625rem;
}
.spinner.spinner-sm.spinner-left:before {
  right: auto;
}
.spinner.spinner-sm.spinner-right:before {
  left: auto;
}
.spinner.spinner-lg:before {
  width: 2rem;
  height: 2rem;
  margin-top: -1rem;
}
.spinner.spinner-lg.spinner-center:before {
  left: 50%;
  margin-left: -1rem;
}
.spinner.spinner-lg.spinner-left:before {
  right: auto;
}
.spinner.spinner-lg.spinner-right:before {
  left: auto;
}
.spinner:before {
  -webkit-animation: animation-spinner 0.5s linear infinite;
  animation: animation-spinner 0.5s linear infinite;
}
.spinner.spinner-primary:before {
  border: 2px solid #1BC5BD;
  border-right: 2px solid transparent;
}
.spinner.spinner-darker-primary:before {
  border: 2px solid #17a69f;
  border-right: 2px solid transparent;
}
.spinner.spinner-secondary:before {
  border: 2px solid #E4E6EF;
  border-right: 2px solid transparent;
}
.spinner.spinner-darker-secondary:before {
  border: 2px solid #ced1e2;
  border-right: 2px solid transparent;
}
.spinner.spinner-success:before {
  border: 2px solid #3699FF;
  border-right: 2px solid transparent;
}
.spinner.spinner-darker-success:before {
  border: 2px solid #1287ff;
  border-right: 2px solid transparent;
}
.spinner.spinner-info:before {
  border: 2px solid #6993FF;
  border-right: 2px solid transparent;
}
.spinner.spinner-darker-info:before {
  border: 2px solid #4579ff;
  border-right: 2px solid transparent;
}
.spinner.spinner-warning:before {
  border: 2px solid #FFA800;
  border-right: 2px solid transparent;
}
.spinner.spinner-darker-warning:before {
  border: 2px solid #db9000;
  border-right: 2px solid transparent;
}
.spinner.spinner-danger:before {
  border: 2px solid #F64E60;
  border-right: 2px solid transparent;
}
.spinner.spinner-darker-danger:before {
  border: 2px solid #f42c41;
  border-right: 2px solid transparent;
}
.spinner.spinner-light:before {
  border: 2px solid #F3F6F9;
  border-right: 2px solid transparent;
}
.spinner.spinner-darker-light:before {
  border: 2px solid #dbe4ed;
  border-right: 2px solid transparent;
}
.spinner.spinner-dark:before {
  border: 2px solid #181C32;
  border-right: 2px solid transparent;
}
.spinner.spinner-darker-dark:before {
  border: 2px solid #0c0e1a;
  border-right: 2px solid transparent;
}
.spinner.spinner-white:before {
  border: 2px solid #ffffff;
  border-right: 2px solid transparent;
}
.spinner.spinner-darker-white:before {
  border: 2px solid #ededed;
  border-right: 2px solid transparent;
}
.spinner.spinner-right:before {
  left: auto;
  right: 1rem;
}
.spinner.spinner-right.btn:not(.btn-block) {
  padding-right: 3.5rem;
}
.spinner.spinner-right.btn:not(.btn-block).spinner-sm {
  padding-right: 3.25rem;
}
.spinner.spinner-right.btn:not(.btn-block).spinner-lg {
  padding-right: 4rem;
}
.spinner.spinner-left:before {
  right: auto;
  left: 1rem;
}
.spinner.spinner-left.btn:not(.btn-block) {
  padding-left: 3.5rem;
}
.spinner.spinner-left.btn:not(.btn-block).spinner-sm {
  padding-left: 3.25rem;
}
.spinner.spinner-left.btn:not(.btn-block).spinner-lg {
  padding-left: 4rem;
}
.spinner.spinner-track:before {
  -webkit-animation: animation-spinner 0.5s linear infinite;
  animation: animation-spinner 0.5s linear infinite;
}
.spinner.spinner-track.spinner-primary:before {
  border: 2px solid #8aefea;
  border-top-color: #19b8b0;
}
.spinner.spinner-track.spinner-darker-primary:before {
  border: 2px solid #5de9e2;
  border-top-color: #159892;
}
.spinner.spinner-track.spinner-secondary:before {
  border: 2px solid white;
  border-top-color: #dadde9;
}
.spinner.spinner-track.spinner-darker-secondary:before {
  border: 2px solid white;
  border-top-color: #c4c8dc;
}
.spinner.spinner-track.spinner-success:before {
  border: 2px solid #cfe7ff;
  border-top-color: #2791ff;
}
.spinner.spinner-track.spinner-darker-success:before {
  border: 2px solid #9ccdff;
  border-top-color: #037fff;
}
.spinner.spinner-track.spinner-info:before {
  border: 2px solid white;
  border-top-color: #5a88ff;
}
.spinner.spinner-track.spinner-darker-info:before {
  border: 2px solid #cfdcff;
  border-top-color: #366eff;
}
.spinner.spinner-track.spinner-warning:before {
  border: 2px solid #ffdc99;
  border-top-color: #f09e00;
}
.spinner.spinner-track.spinner-darker-warning:before {
  border: 2px solid #ffcb66;
  border-top-color: #cc8600;
}
.spinner.spinner-track.spinner-danger:before {
  border: 2px solid #fde0e3;
  border-top-color: #f53f53;
}
.spinner.spinner-track.spinner-darker-danger:before {
  border: 2px solid #fbafb7;
  border-top-color: #f41d34;
}
.spinner.spinner-track.spinner-light:before {
  border: 2px solid white;
  border-top-color: #e9eef4;
}
.spinner.spinner-track.spinner-darker-light:before {
  border: 2px solid white;
  border-top-color: #d1dde8;
}
.spinner.spinner-track.spinner-dark:before {
  border: 2px solid #4a5699;
  border-top-color: #131628;
}
.spinner.spinner-track.spinner-darker-dark:before {
  border: 2px solid #394377;
  border-top-color: #070910;
}
.spinner.spinner-track.spinner-white:before {
  border: 2px solid white;
  border-top-color: #f7f7f7;
}
.spinner.spinner-track.spinner-darker-white:before {
  border: 2px solid white;
  border-top-color: #e6e6e6;
}
.spinner-grow {
  vertical-align: sub;
}
.spinner-border {
  vertical-align: sub;
}

@-webkit-keyframes animation-spinner {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes animation-spinner {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  border: 0.25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: 0.75s linear infinite spinner-border;
  animation: 0.75s linear infinite spinner-border;
}

.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em;
}

@-webkit-keyframes spinner-grow {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes spinner-grow {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  background-color: currentColor;
  border-radius: 50%;
  opacity: 0;
  -webkit-animation: 0.75s linear infinite spinner-grow;
  animation: 0.75s linear infinite spinner-grow;
}

.spinner-grow-sm {
  width: 1rem;
  height: 1rem;
}

@media (prefers-reduced-motion: reduce) {
  .spinner-border,
.spinner-grow {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
  }
}
.blockui {
  background: #b9b9b9;
  -webkit-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
  box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  border-radius: 0.42rem;
      width: 156px;
}
.blockui.blockui-noshadow {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.blockui > span {
  color: #3F4254;
  padding: 0.4rem 0.95rem;
  font-size: 1rem;
  font-weight: 400;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  font-family: sans-serif;
}
.blockui > span > .loader,
.blockui > span > .spinner {
  margin-right: 1.25rem;
}

@font-face{
    font-family: 'Digital-7';
     src: url('../vendor/fonts/digital/digital-7.ttf');
}



/* table meta & balance */

table.meta, table.balance { float: right; width: 36%; }
table.meta:after, table.balance:after { clear: both; content: ""; display: table; }

/* table meta */

table.meta th { width: 40%; }
table.meta td { width: 60%; }

/* table items */

table.inventory { clear: both; width: 100%; }
table.inventory th:first-child {
	width:50px;
}
table.inventory th:nth-child(2) {
	width:300px;
}
table.inventory th { font-weight: bold; text-align: center; }

table.inventory td:nth-child(1) { width: 26%; }
table.inventory td:nth-child(2) { width: 38%; }
table.inventory td:nth-child(3) { text-align: right; width: 12%; }
table.inventory td:nth-child(4) { text-align: right; width: 12%; }
table.inventory td:nth-child(5) { text-align: right; width: 12%; }

/* table balance */

table.balance th, table.balance td { width: 50%; }
table.balance td { text-align: right; }

/* aside */

aside h1 { border: none; border-width: 0 0 1px; margin: 0 0 1em; }
aside h1 { border-color: #999; border-bottom-style: solid; }

table.sign {
	float: left;
	width: 220px;
}
table.sign img {
	width: 100%;
}
table.sign tr td {
	border-color: transparent;
}
@media print {
	* { -webkit-print-color-adjust: exact; }
	html { background: none; padding: 0; }
	body { box-shadow: none; margin: 0; }
	span:empty { display: none; }
	.add, .cut { display: none; }
}

::-webkit-scrollbar-track-piece {
    background-color: rgba(180,180,180,0.06);
    border-radius: 3px
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

::-webkit-scrollbar-thumb {
    background-color: rgba(180,180,180,0.2);
    border-radius: 12px;
    background-clip: padding-box;
    border: 1px solid rgba(180,180,180,0.4);
    min-height: 28px
}

::-webkit-scrollbar-thumb:hover {
    background-color: rgba(180,180,180,0.4);
    border: 1px solid rgba(180,180,180,0.7)
}

::placeholder {
    opacity: .4
}

:root {
    --bs-xs: 0;
    --bs-sm: 576px;
    --bs-md: 768px;
    --bs-lg: 992px;
    --bs-xl: 1200px;
    --bs-xxl: 1400px;
    --bs-scrollbar-size: 5px;
    --bs-scrollbar-overlay-size: 19px;
    --bs-scrollbar-overlay-space: 7px;
    --bs-white-bg-rgb: 255,255,255;
    --bs-black-bg-rgb: 0,0,0
}

:root,[data-bs-theme=light] {
    --bs-text-muted: #99A1B7;
    --bs-gray-100: #F9F9F9;
    --bs-gray-100-rgb: 249,249,249;
    --bs-gray-200: #F1F1F4;
    --bs-gray-200-rgb: 241,241,244;
    --bs-gray-300: #DBDFE9;
    --bs-gray-300-rgb: 219,223,233;
    --bs-gray-400: #C4CADA;
    --bs-gray-400-rgb: 196,202,218;
    --bs-gray-500: #99A1B7;
    --bs-gray-500-rgb: 153,161,183;
    --bs-gray-600: #78829D;
    --bs-gray-600-rgb: 120,130,157;
    --bs-gray-700: #4B5675;
    --bs-gray-700-rgb: 75,86,117;
    --bs-gray-800: #252F4A;
    --bs-gray-800-rgb: 37,47,74;
    --bs-gray-900: #071437;
    --bs-gray-900-rgb: 7,20,55;
    --bs-light: #F9F9F9;
    --bs-primary: #009ef7;
    --bs-secondary: #F1F1F4;
    --bs-success: #50cd89;
    --bs-info: #7239ea;
    --bs-warning: #ffc700;
    --bs-danger: #f1416c;
    --bs-dark: #1E2129;
    --bs-primary-active: #0095e8;
    --bs-secondary-active: #C4CADA;
    --bs-light-active: #F1F1F4;
    --bs-success-active: #47be7d;
    --bs-info-active: #5014d0;
    --bs-warning-active: #f1bc00;
    --bs-danger-active: #d9214e;
    --bs-dark-active: #111318;
    --bs-primary-light: #f1faff;
    --bs-secondary-light: #F9F9F9;
    --bs-success-light: #e8fff3;
    --bs-info-light: #f8f5ff;
    --bs-warning-light: #fff8dd;
    --bs-danger-light: #fff5f8;
    --bs-dark-light: #F9F9F9;
    --bs-light-light: #ffffff;
    --bs-primary-inverse: #ffffff;
    --bs-secondary-inverse: #252F4A;
    --bs-light-inverse: #252F4A;
    --bs-success-inverse: #ffffff;
    --bs-info-inverse: #ffffff;
    --bs-warning-inverse: #ffffff;
    --bs-danger-inverse: #ffffff;
    --bs-dark-inverse: #ffffff;
    --bs-primary-clarity: rgba(27, 132, 255, 0.2);
    --bs-secondary-clarity: rgba(249, 249, 249, 0.2);
    --bs-success-clarity: rgba(23, 198, 83, 0.2);
    --bs-info-clarity: rgba(114, 57, 234, 0.2);
    --bs-warning-clarity: rgba(246, 192, 0, 0.2);
    --bs-danger-clarity: rgba(248, 40, 90, 0.2);
    --bs-dark-clarity: rgba(30, 33, 41, 0.2);
    --bs-light-clarity: rgba(255, 255, 255, 0.2);
    --bs-light-rgb: 249,249,249;
    --bs-primary-rgb: 0,158,247;
    --bs-secondary-rgb: 241,241,244;
    --bs-success-rgb: 80,205,137;
    --bs-info-rgb: 114,57,234;
    --bs-warning-rgb: 255,199,0;
    --bs-danger-rgb: 241,65,108;
    --bs-dark-rgb: 30,33,41;
    --bs-text-white: #ffffff;
    --bs-text-primary: #009ef7;
    --bs-text-secondary: #F1F1F4;
    --bs-text-light: #F9F9F9;
    --bs-text-success: #50cd89;
    --bs-text-info: #7239ea;
    --bs-text-warning: #ffc700;
    --bs-text-danger: #f1416c;
    --bs-text-dark: #1E2129;
    --bs-text-muted: #99A1B7;
    --bs-text-gray-100: #F9F9F9;
    --bs-text-gray-200: #F1F1F4;
    --bs-text-gray-300: #DBDFE9;
    --bs-text-gray-400: #C4CADA;
    --bs-text-gray-500: #99A1B7;
    --bs-text-gray-600: #78829D;
    --bs-text-gray-700: #4B5675;
    --bs-text-gray-800: #252F4A;
    --bs-text-gray-900: #071437;
    --bs-border-color: #F1F1F4;
    --bs-border-dashed-color: #DBDFE9;
    --bs-component-active-color: #ffffff;
    --bs-component-active-bg: #009ef7;
    --bs-component-hover-color: #009ef7;
    --bs-component-hover-bg: #F9F9F9;
    --bs-component-checked-color: #ffffff;
    --bs-component-checked-bg: #009ef7;
    --bs-box-shadow-xs: 0 0.1rem 0.75rem 0.25rem rgba(0, 0, 0, 0.05);
    --bs-box-shadow-sm: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05);
    --bs-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-lg: 0 1rem 2rem 1rem rgba(0, 0, 0, 0.1);
    --bs-input-bg: var(--bs-body-bg);
    --bs-input-color: var(--bs-gray-700);
    --bs-input-solid-color: var(--bs-gray-700);
    --bs-input-solid-bg: var(--bs-gray-100);
    --bs-input-solid-bg-focus: var(--bs-gray-200);
    --bs-input-solid-placeholder-color: var(--bs-gray-500);
    --bs-root-card-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.03);
    --bs-root-card-border-color: #F1F1F4;
    --bs-tooltip-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);
    --bs-table-striped-bg: rgba(var(--bs-gray-100-rgb), 0.75);
    --bs-table-loading-message-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    --bs-dropdown-bg: var(--bs-body-bg);
    --bs-dropdown-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    --bs-code-bg: #f1f3f8;
    --bs-code-shadow: 0px 3px 9px rgba(0, 0, 0, 0.08);
    --bs-code-border-color: transparent;
    --bs-code-color: #b93993;
    --bs-symbol-label-color: var(--bs-gray-800);
    --bs-symbol-label-bg: var(--bs-gray-100);
    --bs-symbol-border-color: rgba(var(--bs-body-bg), 0.5);
    --bs-bullet-bg-color: var(--bs-gray-400);
    --bs-scrolltop-opacity: 0;
    --bs-scrolltop-opacity-on: 0.3;
    --bs-scrolltop-opacity-hover: 1;
    --bs-scrolltop-box-shadow: var(--bs-box-shadow);
    --bs-scrolltop-bg-color: var(--bs-primary);
    --bs-scrolltop-bg-color-hover: var(--bs-primary);
    --bs-scrolltop-icon-color: var(--bs-primary-inverse);
    --bs-scrolltop-icon-color-hover: var(--bs-primary-inverse);
    --bs-drawer-box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.05);
    --bs-drawer-bg-color: #ffffff;
    --bs-drawer-overlay-bg-color: rgba(0, 0, 0, 0.2);
    --bs-menu-dropdown-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    --bs-menu-dropdown-bg-color: var(--bs-body-bg);
    --bs-menu-heading-color: #99A1B7;
    --bs-menu-link-color-hover: #009ef7;
    --bs-menu-link-color-show: #009ef7;
    --bs-menu-link-color-here: #009ef7;
    --bs-menu-link-color-active: #009ef7;
    --bs-menu-link-bg-color-hover: #F9F9F9;
    --bs-menu-link-bg-color-show: #F9F9F9;
    --bs-menu-link-bg-color-here: #F9F9F9;
    --bs-menu-link-bg-color-active: #F9F9F9;
    --bs-scrollbar-color: #F1F1F4;
    --bs-scrollbar-hover-color: #DBDFE9;
    --bs-overlay-bg: rgba(0, 0, 0, 0.05);
    --bs-blockui-overlay-bg: rgba(0, 0, 0, 0.05);
    --bs-rating-color-default: #C4CADA;
    --bs-rating-color-active: #FFAD0F;
    --bs-ribbon-label-box-shadow: 0px -1px 5px 0px rgba(30, 33, 41, 0.1);
    --bs-ribbon-label-bg: #009ef7;
    --bs-ribbon-label-border-color: #005d91;
    --bs-ribbon-clip-bg: #1E2129;
    --bs-engage-btn-bg: #ffffff;
    --bs-engage-btn-box-shadow: 0px 0px 22px #E0E0E0;
    --bs-engage-btn-border-color: #E8E8E8;
    --bs-engage-btn-color: #252F4A;
    --bs-engage-btn-icon-color: #78829D;
    --bs-engage-btn-color-active: #252F4A
}


.border-active:not(.active):not(:active):not(:hover):not(:focus) {
    border-color: transparent!important
}

.border-hover:not(:hover):not(:focus):not(.active):not(:active) {
    cursor: pointer;
    border-color: transparent!important
}

.border-gray-100 {
    border-color: var(--bs-gray-100)!important
}

.border-gray-200 {
    border-color: var(--bs-gray-200)!important
}

.border-gray-300 {
    border-color: var(--bs-gray-300)!important
}

.border-gray-400 {
    border-color: var(--bs-gray-400)!important
}

.border-gray-500 {
    border-color: var(--bs-gray-500)!important
}

.border-gray-600 {
    border-color: var(--bs-gray-600)!important
}

.border-gray-700 {
    border-color: var(--bs-gray-700)!important
}

.border-gray-800 {
    border-color: var(--bs-gray-800)!important
}

.border-gray-900 {
    border-color: var(--bs-gray-900)!important
}

.border-light-clarity {
    border-color: var(--bs-light-clarity)!important
}

.border-hover-light:hover {
    border-color: var(--bs-light)!important
}

.border-active-light.active {
    border-color: var(--bs-light)!important
}

.border-primary-clarity {
    border-color: var(--bs-primary-clarity)!important
}

.border-hover-primary:hover {
    border-color: var(--bs-primary)!important
}

.border-active-primary.active {
    border-color: var(--bs-primary)!important
}

.border-secondary-clarity {
    border-color: var(--bs-secondary-clarity)!important
}

.border-hover-secondary:hover {
    border-color: var(--bs-secondary)!important
}

.border-active-secondary.active {
    border-color: var(--bs-secondary)!important
}

.border-success-clarity {
    border-color: var(--bs-success-clarity)!important
}

.border-hover-success:hover {
    border-color: var(--bs-success)!important
}

.border-active-success.active {
    border-color: var(--bs-success)!important
}

.border-info-clarity {
    border-color: var(--bs-info-clarity)!important
}

.border-hover-info:hover {
    border-color: var(--bs-info)!important
}

.border-active-info.active {
    border-color: var(--bs-info)!important
}

.border-warning-clarity {
    border-color: var(--bs-warning-clarity)!important
}

.border-hover-warning:hover {
    border-color: var(--bs-warning)!important
}

.border-active-warning.active {
    border-color: var(--bs-warning)!important
}

.border-danger-clarity {
    border-color: var(--bs-danger-clarity)!important
}

.border-hover-danger:hover {
    border-color: var(--bs-danger)!important
}

.border-active-danger.active {
    border-color: var(--bs-danger)!important
}

.border-dark-clarity {
    border-color: var(--bs-dark-clarity)!important
}

.border-hover-dark:hover {
    border-color: var(--bs-dark)!important
}

.border-active-dark.active {
    border-color: var(--bs-dark)!important
}

.border-active-primary-clarity.active,.border-hover-primary-clarity:hover {
    border-color: var(--bs-primary-clarity)!important
}

.border-hover-transparent:hover {
    border-color: transparent!important
}

.border-dashed {
    border-style: dashed!important;
    border-color: var(--bs-border-dashed-color)
}

.border-top-dashed {
    border-top-style: dashed!important
}

.border-bottom-dashed {
    border-bottom-style: dashed!important
}

.border-start-dashed {
    border-left-style: dashed!important
}

.border-end-dashed {
    border-right-style: dashed!important
}

.border-dotted {
    border-style: dotted!important
}

.border-top-dotted {
    border-top-style: dotted!important
}

.border-bottom-dotted {
    border-bottom-style: dotted!important
}

.border-start-dotted {
    border-left-style: dotted!important
}

.border-end-dotted {
    border-right-style: dotted!important
}

.border-transparent {
    border-color: transparent!important
}

.border-body {
    border-color: var(--bs-body-bg)!important
}

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

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

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

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

.rounded-circle {
    border-radius: 50%!important
}
.btn-secondary:hover {
     color: #484848 !important;
}



.icon-wrapper {
  width: 3px;
  transform-origin: center center;
  transition: all 0.3s ease;
}

.icon-container {
  height: 100%;
  width: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cls-1 {
  fill: #fdfdfd;
  cursor: pointer;
  width: 100%;
  transition: all 0.3s ease;
}

.rotate {
  transform: scaleX(-1);
}

.stage {
  background: #fff;
  height: 100%;
  display: flex;
  position: relative;
}

.main {
  width: 50%;
  max-width: 100%;
  min-width: 25%;
}

.col {
  flex-shrink: 0;
  flex-grow: 1;
}

.sheet {
  height: 100vh;
  /* background: #fff; */
  border-radius: 5px;
  padding: 0px;
  /* border: 1px solid #0080C5; */
}

.component {
  border-radius: 5px;
  background: #fff;
  width: 100%;
}

.splitter {
  background-color: #e5e5e5;
  border-radius: 4px;
  z-index: 1;
  flex: 0 0 auto;
  width: 10px;
  max-width: 100%;
  margin: 0 2px 0 2px;
  background: #e5e5e5;
  cursor: col-resize;
  transition: all 0.15s ease;
}


.splitter:hover {
  background-color: #e55;
}

.splitter-signifier {
  flex-grow: 1;
  background-color: #FCB900 !important;
}

.splitter-active {
  background-color: #0080C5;
}
.splitter-active .cls-1 {
  fill: #fff;
}

.col-hidden {
  width: 0px;
  flex-grow: 0;
  flex-shrink: 1;
}
.col-hidden .sheet {
  border: 0px;
  padding: 0px;
}

@media only screen and (max-width: 716px) {
  .main {
    width: 100% !important;
  }

  .splitter {
    display: none;
  }

  .col {
    display: none;
  }
}

        
.percentborder { 
	width: 147px;
	font-size: 0px;
	height: 12px;
	float: left;
	background-image: url(/assets/img/elements/border.gif);
	background-repeat: no-repeat;
	background-position: center;
}

.halfborder { 
	background-image: url(/assets/img/elements/halfborder.gif);
}

.mainbar {
	font-size: 0px;
	height: 10px;
	width: 0%;
	background-image: url(/assets/img/elements/spectr.gif);
	background-repeat: no-repeat;
	background-position: 1px 1px;
}

.hwbar {
	font-size: 0px;
	height: 10px;
	width: 0%;
	background-image: url(/assets/img/elements/hwbar.gif);
	background-repeat: no-repeat;
	background-position: 1px 1px;
}



.bg-body {
    background: #f7f7f9 !important
}


.bg-patern{
    background-color: rgba(255, 255, 255, 0);
    background-image: url(/assets/img/logo/logoPTTransparantfull.png);
    background-size: 13%;
    background-position: right top;
    background-repeat: repeat;
    background-blend-mode: overlay;
}
.bg-profile {
background: #f7f7f9;
    background-image: url(/assets/img/backgrounds/bg-1-dark.png);
    background-size: auto;
    background-position: 7% 65%;
    background-repeat: repeat;
}
.bg-14 {
    background: #f7f7f9;
    background-image: url(/assets/img/backgrounds/fo.png);
    background-size: 37%;
    background-position: 96% 66%;
    background-repeat: no-repeat;

}


/* Kelas untuk text alignment */
.text-justify {
    text-align: justify; /* Teks rata kanan-kiri */
}

.text-left {
    text-align: left; /* Teks rata kiri */
}

.text-center {
    text-align: center; /* Teks rata tengah */
}

.text-right {
    text-align: right; /* Teks rata kanan */
}
.text-primary {
    color: #666cff !important
}

.text-body[href]:hover,.text-heading[href]:hover {
    color: #5c61e6 !important
}

.bg-primary {
    background-color: #666cff !important
}

a.bg-primary:hover,a.bg-primary:focus {
    background-color: #6167f2 !important
}

.bg-label-primary {
    background-color: #e7e7ff !important;
    color: #666cff !important
}

.bg-label-hover-primary {
    background-color: #e7e7ff !important;
    color: #666cff !important
}

.bg-label-hover-primary:hover {
    background-color: #666cff !important;
    color: #fff !important
}

.bg-gradient-primary {
    background-image: linear-gradient(45deg, #666cff, #b3b6ff) !important
}

.page-item .page-link:hover,.page-item .page-link:focus,.pagination li>a:not(.page-link):hover,.pagination li>a:not(.page-link):focus {
    background-color: #e7e7ff;
    color: #666cff
}

.page-item .page-link.waves-effect .waves-ripple,.pagination li>a:not(.page-link).waves-effect .waves-ripple {
    background: radial-gradient(rgba(102, 108, 255, 0.2) 0, rgba(102, 108, 255, 0.3) 40%, rgba(102, 108, 255, 0.4) 50%, rgba(102, 108, 255, 0.5) 60%, rgba(38, 43, 67, 0) 70%)
}

.page-item.active .page-link,.page-item.active .page-link:hover,.page-item.active .page-link:focus,.page-item.active .page-link:disabled,.page-item.active .page-link.disabled,.pagination li.active>a:not(.page-link),.pagination li.active>a:not(.page-link):hover,.pagination li.active>a:not(.page-link):focus,.pagination li.active>a:not(.page-link):disabled,.pagination li.active>a:not(.page-link).disabled {
    border-color: #666cff;
    background-color: #666cff;
    color: #fff
}

.pagination-outline-primary .page-item.active .page-link,.pagination-outline-primary .page-item.active .page-link:hover,.pagination-outline-primary .page-item.active .page-link:focus,.pagination-outline-primary.pagination li.active>a:not(.page-link),.pagination-outline-primary.pagination li.active>a:not(.page-link):hover,.pagination-outline-primary.pagination li.active>a:not(.page-link):focus {
    border-color: #666cff !important;
    color: #666cff;
    background-color: #e7e7ff !important
}

.pagination-outline-primary .page-item.active .page-link.waves-effect .waves-ripple,.pagination-outline-primary.pagination li.active>a:not(.page-link).waves-effect .waves-ripple {
    background: radial-gradient(rgba(102, 108, 255, 0.2) 0, rgba(102, 108, 255, 0.3) 40%, rgba(102, 108, 255, 0.4) 50%, rgba(102, 108, 255, 0.5) 60%, rgba(38, 43, 67, 0) 70%)
}

.modal-onboarding .carousel-indicators [data-bs-target] {
    background-color: #666cff
}

.carousel-control-prev,.carousel-control-next {
    color: #666cff
}

.carousel-control-prev:hover,.carousel-control-prev:focus,.carousel-control-next:hover,.carousel-control-next:focus {
    color: #666cff
}

.list-group-item-primary {
    border-color: #757bff;
    background-color: #e7e7ff;
    color: #5c61e6 !important
}

a.list-group-item-primary,button.list-group-item-primary {
    color: #5c61e6
}

a.list-group-item-primary:hover,a.list-group-item-primary:focus,button.list-group-item-primary:hover,button.list-group-item-primary:focus {
    border-color: #757bff;
    background-color: #d9d9f0;
    color: #5c61e6
}

a.list-group-item-primary.active,button.list-group-item-primary.active {
    border-color: #666cff !important;
    background-color: #666cff !important;
    color: #fff !important
}

.list-group-item.active {
    background-color: #e7e7ff
}

.list-group-item.active.waves-effect .waves-ripple {
    background: radial-gradient(rgba(102, 108, 255, 0.2) 0, rgba(102, 108, 255, 0.3) 40%, rgba(102, 108, 255, 0.4) 50%, rgba(102, 108, 255, 0.5) 60%, rgba(38, 43, 67, 0) 70%)
}

.list-group.list-group-timeline .list-group-timeline-primary:before {
    border-color: #666cff;
    background-color: #666cff
}

.alert-primary {
    background-color: #e7e7ff;
    border-color: #e7e7ff;
    color: #666cff
}

.alert-primary .btn-close {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23666cff'><path d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/></svg>")
}

.alert-primary .alert-link {
    color: #666cff
}

.alert-primary hr {
    background-color: #666cff !important
}

.alert-primary .alert-icon {
    background-color: #666cff
}

.alert-outline-primary {
    border-color: #666cff;
    color: #666cff
}

.alert-outline-primary .btn-close {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23666cff'><path d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/></svg>")
}

.alert-outline-primary .alert-link {
    color: #666cff
}

.alert-outline-primary hr {
    background-color: #666cff !important
}

.alert-outline-primary .alert-icon {
    color: #666cff !important;
    background-color: #e7e7ff !important
}

.alert-solid-primary {
    background-color: #666cff;
    color: #fff
}

.alert-solid-primary .btn-close {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'><path d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/></svg>")
}

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

.alert-solid-primary hr {
    background-color: #fff !important
}

.alert-solid-primary .alert-icon {
    color: #666cff !important
}

.accordion.accordion-header-primary .accordion-item.active .accordion-button {
    color: #666cff !important
}

.tooltip-primary .tooltip-inner,.tooltip-primary>.tooltip .tooltip-inner {
    background: #666cff;
    color: #fff
}

.tooltip-primary.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before,.tooltip-primary>.tooltip.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before {
    border-top-color: #666cff
}

.tooltip-primary.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before,.tooltip-primary>.tooltip.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before {
    border-left-color: #666cff
}

[dir=rtl] .tooltip-primary.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before,[dir=rtl] .tooltip-primary>.tooltip.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before {
    border-right-color: #666cff
}

.tooltip-primary.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before,.tooltip-primary>.tooltip.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before {
    border-bottom-color: #666cff
}

.tooltip-primary.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before,.tooltip-primary>.tooltip.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before {
    border-right-color: #666cff
}

[dir=rtl] .tooltip-primary.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before,[dir=rtl] .tooltip-primary>.tooltip.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before {
    border-left-color: #666cff
}

.popover-primary,.popover-primary>.popover {
    border-color: rgba(0,0,0,0);
    background: #666cff
}

.popover-primary .popover-header,.popover-primary>.popover .popover-header {
    border-color: rgba(255,255,255,.2);
    background: rgba(0,0,0,0);
    color: #fff
}

.popover-primary .popover-body,.popover-primary>.popover .popover-body {
    background: rgba(0,0,0,0);
    color: rgba(255,255,255,.8)
}

.popover-primary>.popover-arrow::before,.popover-primary>.popover>.popover-arrow::before {
    border-color: rgba(0,0,0,0)
}

.popover-primary.bs-popover-auto[data-popper-placement=top]>.popover-arrow::after,.popover-primary>.popover.bs-popover-auto[data-popper-placement=top]>.popover-arrow::after {
    border-top-color: #666cff !important
}

.popover-primary.bs-popover-auto[data-popper-placement=right]>.popover-arrow::after,.popover-primary>.popover.bs-popover-auto[data-popper-placement=right]>.popover-arrow::after {
    border-right-color: #666cff !important
}

[dir=rtl] .popover-primary.bs-popover-auto[data-popper-placement=right]>.popover-arrow::after,[dir=rtl] .popover-primary>.popover.bs-popover-auto[data-popper-placement=right]>.popover-arrow::after {
    border-left-color: #666cff !important
}

.popover-primary.bs-popover-auto[data-popper-placement=bottom]>.popover-arrow::after,.popover-primary>.popover.bs-popover-auto[data-popper-placement=bottom]>.popover-arrow::after {
    border-bottom-color: #666cff !important
}

.popover-primary.bs-popover-auto[data-popper-placement=left]>.popover-arrow::after,.popover-primary>.popover.bs-popover-auto[data-popper-placement=left]>.popover-arrow::after {
    border-left-color: #666cff !important
}

[dir=rtl] .popover-primary.bs-popover-auto[data-popper-placement=left]>.popover-arrow::after,[dir=rtl] .popover-primary>.popover.bs-popover-auto[data-popper-placement=left]>.popover-arrow::after {
    border-right-color: #666cff !important
}

.popover-primary.bs-popover-auto[data-popper-placement=bottom] .popover-header::before,.popover-primary>.popover.bs-popover-auto[data-popper-placement=bottom] .popover-header::before {
    border-bottom: 1px solid rgba(0,0,0,0) !important
}

.table-primary {
    --bs-table-bg: #e0e2ff;
    --bs-table-striped-bg: #d5d7f4;
    --bs-table-striped-color: #262b43;
    --bs-table-active-bg: #d1d3f0;
    --bs-table-active-color: #262b43;
    --bs-table-hover-bg: #d5d7f4;
    --bs-table-hover-color: #262b43;
    color: #262b43;
    border-color: #cacce8
}

.table-primary .btn-icon,.table-primary .btn {
    color: #262b43
}

.btn-primary {
    color: #fff;
    background-color: #666cff;
    border-color: #666cff
}

.btn-primary:hover {
    color: #fff !important;
    background-color: #5c61e6 !important;
    border-color: #5c61e6 !important
}

.btn-check:focus+.btn-primary,.btn-primary:focus,.btn-primary.focus {
    color: #fff;
    background-color: #5c61e6;
    border-color: #5c61e6
}

.btn-check:checked+.btn-primary,.btn-check:active+.btn-primary,.btn-primary:active,.btn-primary.active,.btn-primary.show.dropdown-toggle,.show>.btn-primary.dropdown-toggle {
    color: #fff !important;
    background-color: #5c61e6 !important;
    border-color: #5c61e6 !important
}

.btn-primary.disabled,.btn-primary:disabled {
    color: #fff !important;
    background-color: #666cff !important;
    border-color: #666cff !important
}

.btn.progress::before{
 
    animation: progress 5s ease-in-out forwards;
}

@keyframes progress{
    0%{
        left: -100%;
    }

    10%{
        left: -97%;
    }

    20%{
        left: -92%;
    }

    40%{
        left: -82%;
    }

    80%{
        left: -60%;
    }

    90%{
        left: -18%;
    }

    100%{
        left: 0;
    }
}

.btn-group .btn-primary,.input-group .btn-primary {
    border-right: 1px solid #009ef7 ;
    border-left: 1px solid #0497e9 ;
}

.btn-group-vertical .btn-primary {
    border-top-color: #5c61e6;
    border-bottom-color: #5c61e6
}

.btn-label-primary {
    color: #666cff;
    border-color: #e7e7ff;
    background: #e7e7ff
}

.btn-label-primary.waves-effect .waves-ripple {
    background: radial-gradient(rgba(102, 108, 255, 0.2) 0, rgba(102, 108, 255, 0.3) 40%, rgba(102, 108, 255, 0.4) 50%, rgba(102, 108, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-label-primary:hover {
    border-color: #dadcff !important;
    background: #dadcff !important;
    color: #666cff !important
}

.btn-label-primary:focus,.btn-label-primary.focus {
    color: #666cff;
    background: #dadcff;
    border-color: #dadcff
}

.btn-label-primary:active,.btn-label-primary.active,.btn-label-primary.show.dropdown-toggle,.show>.btn-label-primary.dropdown-toggle {
    color: #666cff !important;
    background-color: #dadcff !important;
    border-color: #dadcff !important
}

.btn-label-primary.disabled,.btn-label-primary:disabled {
    color: #666cff !important;
    border-color: #e7e7ff !important;
    background: #e7e7ff !important
}

.btn-group .btn-label-primary,.input-group .btn-label-primary {
    border-right: 1px solid #ced0ff !important;
    border-left: 1px solid #ced0ff !important
}

.btn-group-vertical .btn-label-primary {
    border-top-color: #ced0ff !important;
    border-bottom-color: #ced0ff !important
}

.btn-text-primary {
    color: #666cff !important
}

.btn-text-primary.waves-effect .waves-ripple {
    background: radial-gradient(rgba(102, 108, 255, 0.2) 0, rgba(102, 108, 255, 0.3) 40%, rgba(102, 108, 255, 0.4) 50%, rgba(102, 108, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-text-primary:hover {
    border-color: rgba(0,0,0,0);
    background: #f3f3ff;
    color: #666cff
}

.btn-text-primary:focus,.btn-text-primary.focus {
    color: #666cff;
    background: #f3f3ff
}

.btn-text-primary.btn:active,.btn-text-primary.btn.active,.btn-text-primary.btn.show.dropdown-toggle,.btn.show>.btn-text-primary.dropdown-toggle {
    color: #666cff;
    background: #f3f3ff !important;
    border-color: rgba(0,0,0,0) !important
}

.btn-group .btn-text-primary,.input-group .btn-text-primary {
    border-right: 1px solid #666cff !important;
    border-left: 1px solid #666cff !important
}

.btn-group-vertical .btn-text-primary {
    border-top: 1px solid #666cff !important;
    border-bottom: 1px solid #666cff !important
}

.btn-outline-primary {
    color: #666cff;
    border-color: #666cff;
    background: rgba(0,0,0,0)
}

.btn-outline-primary.waves-effect .waves-ripple {
    background: radial-gradient(rgba(102, 108, 255, 0.2) 0, rgba(102, 108, 255, 0.3) 40%, rgba(102, 108, 255, 0.4) 50%, rgba(102, 108, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-outline-primary:hover {
    color: #666cff !important;
    background-color: #f3f3ff !important;
    border-color: #666cff !important
}

.btn-check:focus+.btn-outline-primary,.btn-outline-primary:focus {
    color: #666cff;
    background-color: #f3f3ff;
    border-color: #666cff
}

.btn-check:checked+.btn-outline-primary,.btn-check:active+.btn-outline-primary,.btn-outline-primary:active,.btn-outline-primary.active,.btn-outline-primary.dropdown-toggle.show {
    color: #666cff !important;
    background-color: #f3f3ff !important;
    border-color: #666cff !important
}

.btn-outline-primary.disabled,.btn-outline-primary:disabled {
    color: #666cff !important
}

.btn-outline-primary .badge {
    background: #666cff;
    border-color: #666cff;
    color: #fff
}

.btn-outline-primary:hover .badge,.btn-outline-primary:focus:hover .badge,.btn-outline-primary:active .badge,.btn-outline-primary.active .badge,.show>.btn-outline-primary.dropdown-toggle .badge {
    background: #666cff;
    border-color: #666cff;
    color: #fff
}

.dropdown-item.waves-effect .waves-ripple {
    background: radial-gradient(rgba(102, 108, 255, 0.2) 0, rgba(102, 108, 255, 0.3) 40%, rgba(102, 108, 255, 0.4) 50%, rgba(102, 108, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.dropdown-item:not(.disabled).active,.dropdown-item:not(.disabled):active {
    background-color: #e7e7ff;
    color: #666cff !important
}

.dropdown-menu>li:not(.disabled)>a:not(.dropdown-item):active,.dropdown-menu>li.active:not(.disabled)>a:not(.dropdown-item) {
    background-color: #e7e7ff;
    color: #666cff !important
}

.dropdown-menu>li:not(.disabled)>a:not(.dropdown-item):active.btn,.dropdown-menu>li.active:not(.disabled)>a:not(.dropdown-item).btn {
    color: #262b43 !important
}

.dt-button-collection .dropdown-item:not(.disabled):active {
    background-color: #e7e7ff
}

.nav .nav-link:hover,.nav .nav-link:focus {
    color: #5c61e6
}

.nav-pills .nav-link.active,.nav-pills .nav-link.active:hover,.nav-pills .nav-link.active:focus {
    background-color: #666cff;
    color: #fff
}

.nav-tabs .nav-link.active,.nav-tabs .nav-link.active:hover,.nav-tabs .nav-link.active:focus {
    color: #666cff
}

.nav-tabs .nav-link.waves-effect .waves-ripple {
    background: radial-gradient(rgba(102, 108, 255, 0.2) 0, rgba(102, 108, 255, 0.3) 40%, rgba(102, 108, 255, 0.4) 50%, rgba(102, 108, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.nav-tabs .tab-slider {
    background-color: #666cff
}

.form-control:focus,.form-select:focus {
    border-color: #666cff !important
}

.form-floating-outline .form-control:focus,.form-floating-outline .form-select:focus {
    border-color: #666cff !important
}

.input-group:not(.input-group-floating):focus-within .form-control,.input-group:not(.input-group-floating):focus-within .input-group-text {
    border-color: #666cff
}

.form-check-input:checked {
    background-color: #666cff;
    border-color: #666cff
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: #666cff;
    border-color: #666cff
}

.custom-option.checked {
    border: 2px solid #666cff;
    margin: 0
}

.custom-option.checked .custom-option-body i,.custom-option.checked .custom-option-header i {
    color: #666cff
}

.custom-option.custom-option-label.checked {
    background-color: rgba(102,108,255,.12);
    color: #666cff
}

.custom-option.custom-option-label.checked .custom-option-header span,.custom-option.custom-option-label.checked .custom-option-title {
    color: #666cff
}

.form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg filter='url%28%23filter0_d_2927_62067%29'%3e%3ccircle cx='13' cy='13' r='9.5' fill='%23fff'/%3e%3c/g%3e%3cdefs%3e%3cfilter id='filter0_d_2927_62067' x='0' y='0' width='26' height='26' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3e%3cfeOffset dy='2'/%3e%3cfeGaussianBlur stdDeviation='3'/%3e%3cfeColorMatrix type='matrix' values='0 0 0 0 0.14902 0 0 0 0 0.168627 0 0 0 0 0.262745 0 0 0 0.14 0'/%3e%3cfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_2927_62067'/%3e%3cfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_2927_62067' result='shape'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e")
}

.form-switch .form-check-input:checked {
    background-image: url("data:image/svg+xml,%3csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg filter='url%28%23filter0_d_2927_62067%29'%3e%3ccircle cx='14' cy='13' r='9.5' fill='%23fff'/%3e%3c/g%3e%3cdefs%3e%3cfilter id='filter0_d_2927_62067' x='0' y='0' width='26' height='26' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3e%3cfeOffset dy='2'/%3e%3cfeGaussianBlur stdDeviation='3'/%3e%3cfeColorMatrix type='matrix' values='0 0 0 0 0.14902 0 0 0 0 0.168627 0 0 0 0 0.262745 0 0 0 0.14 0'/%3e%3cfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_2927_62067'/%3e%3cfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_2927_62067' result='shape'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e")
}

.form-control:focus~.form-label {
    border-color: #666cff
}

.form-control:focus~.form-label::after {
    border-color: inherit
}

.form-range::-webkit-slider-thumb {
    background-color: #666cff
}

.form-range::-webkit-slider-thumb:hover {
    box-shadow: 0 0 0 8px rgba(102,108,255,.15),0px 5px 5px -3px rgba(38,43,67,.2),0px 8px 10px 1px rgba(38,43,67,.14),0px 3px 14px 2px rgba(38,43,67,.12)
}

.form-range::-webkit-slider-thumb:active {
    background-color: #666cff;
    box-shadow: 0 0 0 10px rgba(102,108,255,.2),0px 5px 5px -3px rgba(38,43,67,.2),0px 8px 10px 1px rgba(38,43,67,.14),0px 3px 14px 2px rgba(38,43,67,.12)
}

.form-range::-moz-range-thumb:hover {
    box-shadow: 0 0 0 8px rgba(102,108,255,.15),0px 5px 5px -3px rgba(38,43,67,.2),0px 8px 10px 1px rgba(38,43,67,.14),0px 3px 14px 2px rgba(38,43,67,.12)
}

.form-range::-moz-range-thumb:active {
    box-shadow: 0 0 0 10px rgba(102,108,255,.2),0px 5px 5px -3px rgba(38,43,67,.2),0px 8px 10px 1px rgba(38,43,67,.14),0px 3px 14px 2px rgba(38,43,67,.12)
}

.form-range::-webkit-slider-runnable-track {
    background-color: #666cff
}

.form-range::-moz-range-track {
    background-color: #666cff
}

.switch-input:checked~.switch-toggle-slider {
    background: #666cff;
    color: #fff
}

.switch-input:active~.switch-toggle-slider {
    box-shadow: none
}

.switch-input:focus~.switch-toggle-slider {
    box-shadow: 0 0 .25rem .05rem rgba(102,108,255,.1)
}

.switch-primary.switch .switch-input:checked~.switch-toggle-slider {
    background: #666cff;
    color: #fff
}

.switch-primary.switch .switch-input:active~.switch-toggle-slider {
    box-shadow: none
}

.switch-primary.switch .switch-input:focus~.switch-toggle-slider {
    box-shadow: 0 0 .25rem .05rem rgba(102,108,255,.1)
}

.timeline .timeline-point-primary {
    background-color: #666cff !important;
    outline: 3px solid rgba(102,108,255,.12)
}

.timeline.timeline-outline .timeline-point-primary {
    border: 2px solid #666cff !important
}

.timeline .timeline-indicator-primary {
    background-color: #e6e6fa !important
}

.timeline .timeline-indicator-primary i {
    color: #666cff !important
}

.divider.divider-primary.divider-vertical:before,.divider.divider-primary.divider-vertical:after,.divider.divider-primary .divider-text:before,.divider.divider-primary .divider-text:after {
    border-color: #666cff
}

.navbar.bg-primary {
    color: #dfe1ff
}

.layout-navbar-fixed .window-scrolled .navbar.bg-primary.layout-navbar,.layout-horizontal .navbar.bg-primary.layout-navbar {
    background-color: rgba(102,108,255,.9) !important
}

.layout-navbar-fixed .window-scrolled .navbar.bg-primary.layout-navbar .search-input-wrapper .search-input,.layout-navbar-fixed .window-scrolled .navbar.bg-primary.layout-navbar .search-input-wrapper .search-toggler,.layout-horizontal .navbar.bg-primary.layout-navbar .search-input-wrapper .search-input,.layout-horizontal .navbar.bg-primary.layout-navbar .search-input-wrapper .search-toggler {
    background-color: #666cff !important
}

[dir=rtl] .navbar.bg-primary.layout-navbar .navbar-search-wrapper .search-toggler>i:before {
    transform: scaleX(-1) !important
}

.navbar.bg-primary .navbar-brand,.navbar.bg-primary .navbar-brand a {
    color: #fff
}

.navbar.bg-primary .navbar-brand:hover,.navbar.bg-primary .navbar-brand:focus,.navbar.bg-primary .navbar-brand a:hover,.navbar.bg-primary .navbar-brand a:focus {
    color: #fff
}

.navbar.bg-primary .navbar-search-wrapper .navbar-search-icon,.navbar.bg-primary .navbar-search-wrapper .search-input {
    color: #dfe1ff
}

.navbar.bg-primary .search-input-wrapper .search-input,.navbar.bg-primary .search-input-wrapper .search-toggler {
    color: #dfe1ff;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.navbar.bg-primary .navbar-nav>.nav-link,.navbar.bg-primary .navbar-nav>.nav-item>.nav-link,.navbar.bg-primary .navbar-nav>.nav>.nav-item>.nav-link {
    color: #dfe1ff !important
}

.navbar.bg-primary .navbar-nav>.nav-link:hover,.navbar.bg-primary .navbar-nav>.nav-link:focus,.navbar.bg-primary .navbar-nav>.nav-item>.nav-link:hover,.navbar.bg-primary .navbar-nav>.nav-item>.nav-link:focus,.navbar.bg-primary .navbar-nav>.nav>.nav-item>.nav-link:hover,.navbar.bg-primary .navbar-nav>.nav>.nav-item>.nav-link:focus {
    color: #fff
}

.navbar.bg-primary .navbar-nav>.nav-link.disabled,.navbar.bg-primary .navbar-nav>.nav-item>.nav-link.disabled,.navbar.bg-primary .navbar-nav>.nav>.nav-item>.nav-link.disabled {
    color: #afb2ff !important
}

.navbar.bg-primary .navbar-nav .show>.nav-link,.navbar.bg-primary .navbar-nav .active>.nav-link,.navbar.bg-primary .navbar-nav .nav-link.show,.navbar.bg-primary .navbar-nav .nav-link.active {
    color: #fff
}

.navbar.bg-primary .navbar-toggler {
    color: #dfe1ff;
    border-color: rgba(255,255,255,.15)
}

.navbar.bg-primary .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba(255, 255, 255, 0.8)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>")
}

.navbar.bg-primary .navbar-text {
    color: #dfe1ff
}

.navbar.bg-primary .navbar-text a {
    color: #fff
}

.navbar.bg-primary .navbar-text a:hover,.navbar.bg-primary .navbar-text a:focus {
    color: #fff
}

.navbar.bg-primary hr {
    border-color: rgba(255,255,255,.15)
}

.menu.bg-primary {
    background-color: #666cff !important;
    color: #dfe1ff
}

.menu.bg-primary .menu-link,.menu.bg-primary .menu-horizontal-prev,.menu.bg-primary .menu-horizontal-next {
    color: #dfe1ff
}

.menu.bg-primary .menu-link:hover,.menu.bg-primary .menu-link:focus,.menu.bg-primary .menu-horizontal-prev:hover,.menu.bg-primary .menu-horizontal-prev:focus,.menu.bg-primary .menu-horizontal-next:hover,.menu.bg-primary .menu-horizontal-next:focus {
    color: #fff
}

.menu.bg-primary .menu-link.active,.menu.bg-primary .menu-horizontal-prev.active,.menu.bg-primary .menu-horizontal-next.active {
    color: #fff
}

.menu.bg-primary .menu-item.disabled .menu-link,.menu.bg-primary .menu-horizontal-prev.disabled,.menu.bg-primary .menu-horizontal-next.disabled {
    color: #afb2ff !important
}

.menu.bg-primary .menu-item.active:not(.open)>.menu-link:not(.menu-toggle),.menu.bg-primary .menu-item.active:not(.open)>.menu-link:not(.menu-toggle)::before {
    color: #fff !important
}

.menu.bg-primary .menu-item.active>.menu-link:not(.menu-toggle) {
    background-color: #6a70ff
}

.menu.bg-primary.menu-horizontal .menu-sub>.menu-item.active>.menu-link:not(.menu-toggle),.menu.bg-primary.menu-horizontal .menu-sub>.menu-item.active>.menu-link:not(.menu-toggle)::before {
    background-color: #edeeff;
    color: #6a70ff !important
}

.menu.bg-primary.menu-horizontal .menu-sub>.menu-item.active>.menu-link:not(.menu-toggle) i {
    color: #6a70ff
}

.menu.bg-primary.menu-horizontal .menu-inner>.menu-item.active>.menu-link.menu-toggle {
    background: #6a70ff
}

.menu.bg-primary.menu-horizontal .menu-inner>.menu-item.active>.menu-link.menu-toggle,.menu.bg-primary.menu-horizontal .menu-inner>.menu-item.active>.menu-link.menu-toggle:after {
    color: #fff
}

.menu.bg-primary .menu-inner-shadow {
    background: linear-gradient(#666cff 5%, rgba(102, 108, 255, 0.75) 45%, rgba(102, 108, 255, 0.2) 80%, transparent)
}

.menu.bg-primary .menu-text {
    color: #fff
}

.menu.bg-primary .menu-header {
    color: #969bff
}

.menu.bg-primary hr,.menu.bg-primary .menu-divider,.menu.bg-primary .menu-inner>.menu-item.open>.menu-sub::before {
    border-color: rgba(255,255,255,.15) !important
}

.menu.bg-primary .menu-block::before {
    background-color: #969bff
}

.menu.bg-primary .ps__thumb-y,.menu.bg-primary .ps__rail-y.ps--clicking>.ps__thumb-y {
    background: rgba(255,255,255,.5928847059) !important
}

.footer.bg-primary {
    color: #dfe1ff
}

.footer.bg-primary .footer-link {
    color: #dfe1ff
}

.footer.bg-primary .footer-link:hover,.footer.bg-primary .footer-link:focus {
    color: #afb2ff
}

.footer.bg-primary .footer-link.disabled {
    color: #afb2ff !important
}

.footer.bg-primary .footer-text {
    color: #fff
}

.footer.bg-primary .show>.footer-link,.footer.bg-primary .active>.footer-link,.footer.bg-primary .footer-link.show,.footer.bg-primary .footer-link.active {
    color: #fff
}

.footer.bg-primary hr {
    border-color: rgba(255,255,255,.15)
}

.form-floating>.form-control:focus~label,.form-floating>.form-control:focus:not(:placeholder-shown)~label,.form-floating>.form-select:focus~label,.form-floating>.form-select:focus:not(:placeholder-shown)~label {
    color: #666cff
}

.form-floating-focused {
    background-color: #666cff
}

.form-floating-outline :not(select):focus+label,.form-floating-outline :not(select):focus+span:not(.flatpickr-day) {
    color: #666cff
}

.form-floating-outline label::after,.form-floating-outline>span::after {
    background: #fff
}

.form-floating-outline label.bg-body::after,.form-floating-outline>span.bg-body::after {
    background: #f7f7f9 !important
}

.svg-illustration svg {
    fill: #666cff
}

.jstree .jstree-children .jstree-wholerow-hovered {
    background-color: rgba(38,43,67,.03)
}

.jstree .jstree-children .jstree-wholerow-clicked {
    background: rgba(102,108,255,.08)
}

.card.card-border-shadow-primary::after {
    border-bottom-color: #c2c4ff
}

.card.card-border-shadow-primary:hover::after {
    border-bottom-color: #666cff
}

.card.card-hover-border-primary:hover,.card .card-hover-border-primary:hover {
    border-color: #c5c7ff
}

html:not([dir=rtl]) .border-primary,html[dir=rtl] .border-primary {
    border-color: #666cff !important
}

a {
    color: #666cff
}

a:hover {
    color: #757bff
}

.fill-primary {
    fill: #666cff
}

.noUi-target {
    background: rgba(102,108,255,.16) !important
}

.noUi-target .noUi-connect {
    background: #666cff
}

.noUi-target .noUi-handle {
    border-color: #666cff
}

.noUi-target .noUi-handle:hover {
    box-shadow: 0 0 0 8px rgba(102,108,255,.16)
}

.noUi-target .noUi-handle:active,.noUi-target .noUi-handle:focus {
    box-shadow: 0 0 0 13px rgba(102,108,255,.16)
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #666cff !important;
    color: #fff !important
}

.select2-container--default.select2-container--focus .select2-selection,.select2-container--default.select2-container--open .select2-selection {
    border-width: 2px;
    border-color: #666cff !important
}

.form-floating.select2-focus label {
    color: #666cff
}

.select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #666cff !important;
    color: #fff !important
}

.tagify--focus {
    border-color: #666cff !important
}

.tagify--focus~label {
    color: #666cff !important
}

.tagify__dropdown__item--active {
    background: #666cff !important
}

table.dataTable.dtr-column>tbody>tr>td.control:before,table.dataTable.dtr-column>tbody>tr>th.control:before {
    background-color: #666cff;
    border: 2px solid #fff;
    box-shadow: 0 0 3px rgba(38,43,67,.8)
}

.bootstrap-select .dropdown-menu.inner a[aria-selected=true] {
    background: #666cff !important;
    color: #fff !important
}

.bootstrap-select .dropdown-toggle.show {
    border-width: 2px;
    border-color: #666cff
}

.form-floating:has(.bootstrap-select .dropdown-toggle.show) label {
    color: #666cff
}

.form-floating.form-floating-bootstrap-select label.form-floating-bootstrap-select-label {
    color: #666cff
}

.datepicker table tr td.active,.datepicker table tr td.active.highlighted,.datepicker table tr td .focused,.datepicker table tr td span.active,.datepicker table tr td span.active.disabled,.datepicker table tr td.range-start,.datepicker table tr td.range-end {
    background: #666cff !important;
    color: #fff !important
}

.datepicker table tr td.range,.datepicker table tr td.range.highlighted,.datepicker table tr td.range.today {
    color: #666cff !important;
    background: #ededff !important
}

.datepicker table tr td.range.focused,.datepicker table tr td.range.highlighted.focused,.datepicker table tr td.range.today.focused {
    background: #ceceff !important
}

.datepicker table tr td.range.disabled,.datepicker table tr td.range.highlighted.disabled,.datepicker table tr td.range.today.disabled {
    background: rgba(237,237,255,.5) !important;
    color: rgba(102,108,255,.5) !important
}

.datepicker table tr td.today:not(.active),.datepicker table tr td.today:not(.active):hover {
    color: #666cff;
    background-color: #e7e7ff
}

.flatpickr-day.today,.flatpickr-day.today:hover {
    color: #666cff !important;
    border-color: #e7e7ff;
    background-color: #e7e7ff !important
}

.flatpickr-day.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange {
    color: #666cff !important;
    background: #ededff !important;
    border-color: #ededff !important
}

.flatpickr-day.selected,.flatpickr-day.selected.inRange,.flatpickr-day.selected:focus,.flatpickr-day.selected:hover,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange,.flatpickr-day.startRange.inRange,.flatpickr-day.startRange:focus,.flatpickr-day.startRange:hover,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange,.flatpickr-day.endRange.inRange,.flatpickr-day.endRange:focus,.flatpickr-day.endRange:hover,.flatpickr-day.endRange.nextMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.week.selected {
    color: #fff !important;
    background: #666cff !important;
    border-color: #666cff !important
}

.daterangepicker td.active:not(.off) {
    background: #666cff !important;
    color: #fff
}

.daterangepicker .start-date:not(.end-date):not(.off),.daterangepicker .end-date:not(.start-date):not(.off) {
    background-color: #666cff;
    color: #fff;
    border: 0 !important
}

.daterangepicker .start-date:not(.end-date):not(.off):hover,.daterangepicker .end-date:not(.start-date):not(.off):hover {
    background-color: #666cff !important
}

.daterangepicker .input-mini.active {
    border-color: #666cff !important
}

.daterangepicker td.in-range:not(.start-date):not(.end-date):not(.off) {
    color: #666cff !important;
    background-color: #ededff !important
}

.ranges li.active {
    color: #666cff !important;
    background-color: #e7e7ff !important
}

li.ui-timepicker-selected,.ui-timepicker-list .ui-timepicker-selected:hover {
    color: #fff !important;
    background: #666cff !important
}

.ql-snow.ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar button:hover,.ql-snow .ql-toolbar button:focus,.ql-snow .ql-toolbar button.ql-active,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
    color: #666cff !important
}

.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
    fill: #666cff !important
}

.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
    stroke: #666cff !important
}

.tt-suggestion:active,.tt-cursor {
    background: #666cff !important;
    color: #fff !important
}

.dropzone.dz-drag-hover {
    border-color: #666cff !important
}

.swiper-pagination-bullet.swiper-pagination-bullet-active,.swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #666cff !important
}

.sk-primary.sk-plane,.sk-primary .sk-chase-dot:before,.sk-primary .sk-bounce-dot,.sk-primary .sk-wave-rect,.sk-primary.sk-pulse,.sk-primary .sk-swing-dot,.sk-primary .sk-circle-dot:before,.sk-primary .sk-circle-fade-dot:before,.sk-primary .sk-grid-cube,.sk-primary .sk-fold-cube:before {
    background-color: #666cff
}

.plyr input[type=range]::-ms-fill-lower {
    background: #666cff !important
}

.plyr input[type=range]:active::-webkit-slider-thumb {
    background: #666cff !important
}

.plyr input[type=range]:active::-moz-range-thumb {
    background: #666cff !important
}

.plyr input[type=range]:active::-ms-thumb {
    background: #666cff !important
}

.plyr--video .plyr__control.plyr__control--overlaid,.plyr--video .plyr__controls button.tab-focus:focus,.plyr--video .plyr__control[aria-expanded=true],.plyr--video .plyr__controls button:hover {
    background: #666cff !important;
    color: #fff !important
}

.plyr--audio .plyr__controls button.tab-focus:focus,.plyr--audio .plyr__control[aria-expanded=true],.plyr--audio .plyr__controls button:hover {
    background: #666cff !important;
    color: #fff !important
}

.plyr__play-large {
    background: #666cff !important;
    color: #fff !important
}

.plyr__progress--played,.plyr__volume--display {
    color: #666cff !important
}

.plyr--full-ui input[type=range] {
    color: #666cff !important
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {
    background: #666cff !important
}

.fc .fc-event-primary:not(.fc-list-event) {
    background-color: #e7e7ff !important;
    color: #666cff !important
}

.fc .fc-event-primary.fc-list-event .fc-list-event-dot {
    border-color: #666cff !important
}

.fc .fc-button-primary:not(.fc-prev-button):not(.fc-next-button) {
    background-color: rgba(0,0,0,0) !important;
    border-color: #666cff;
    color: #666cff
}

.fc .fc-button-primary:not(.fc-prev-button):not(.fc-next-button):not(:last-child) {
    border-right: 1px solid #666cff !important
}

.fc .fc-button-primary:not(.fc-prev-button):not(.fc-next-button):hover {
    background-color: rgba(102,108,255,.05) !important;
    border-color: #666cff;
    color: #666cff
}

.fc .fc-button-primary:not(.fc-prev-button):not(.fc-next-button):active,.fc .fc-button-primary:not(.fc-prev-button):not(.fc-next-button).fc-button-active {
    background-color: rgba(102,108,255,.1) !important;
    border-color: #666cff !important;
    color: #666cff
}

.swal2-progress-steps[class] .swal2-progress-step.swal2-active-progress-step,.swal2-progress-steps[class] .swal2-progress-step-line,.swal2-progress-steps[class] .swal2-active-progress-step,.swal2-progress-steps[class] .swal2-progress-step {
    background: #666cff;
    color: #fff
}

.swal2-progress-steps[class] .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step,.swal2-progress-steps[class] .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line {
    background: #e8e9ff
}

.pcr-app .pcr-type.active,.pcr-app .pcr-save {
    background: #666cff !important
}

.icon-card.active {
    outline: 1px solid #666cff
}

.icon-card.active i,.icon-card.active svg {
    color: #666cff
}

.bs-stepper:not(.wizard-icons) .bs-stepper-header .line {
    border-color: #e7e7ff
}

.bs-stepper:not(.wizard-icons) .bs-stepper-header .line:before {
    background-color: #e7e7ff
}

.bs-stepper:not(.wizard-icons) .bs-stepper-header .step:not(.active) .bs-stepper-circle {
    border: 3px solid #e7e7ff
}

.bs-stepper.wizard-icons .step.crossed .bs-stepper-label,.bs-stepper.wizard-icons .step.active .bs-stepper-label {
    color: #666cff
}

.bs-stepper .step.active .bs-stepper-circle {
    background-color: rgba(0,0,0,0);
    border: 5px solid #666cff;
    color: #666cff
}

.bs-stepper .step.active .bs-stepper-icon i {
    color: #666cff !important
}

.bs-stepper .step.active .bs-stepper-icon svg {
    fill: #666cff !important
}

.bs-stepper .step.crossed .step-trigger .bs-stepper-circle {
    background-color: #666cff !important;
    color: #fff !important;
    border-color: #666cff !important
}

.bs-stepper .step.crossed .step-trigger .bs-stepper-circle i {
    visibility: visible
}

.bs-stepper .step.crossed .step-trigger .bs-stepper-icon svg {
    fill: #666cff !important
}

.bs-stepper .step.crossed .step-trigger .bs-stepper-icon i {
    color: #666cff !important
}

.bs-stepper .step.crossed+.line {
    border-color: #666cff
}

.bs-stepper .step.crossed+.line svg {
    fill: #666cff
}

.bs-stepper .step.crossed+.line i {
    color: #666cff
}

.bs-stepper .step.crossed+.line:before {
    background-color: #666cff
}

.app-chat .sidebar-body .chat-contact-list li.active {
    background-color: #666cff
}

.app-chat .app-chat-history .chat-history .chat-message.chat-message-right .chat-message-text {
    background-color: #666cff !important
}

.navbar.landing-navbar .navbar-nav .show>.nav-link,.navbar.landing-navbar .navbar-nav .active>.nav-link,.navbar.landing-navbar .navbar-nav .nav-link.show,.navbar.landing-navbar .navbar-nav .nav-link.active,.navbar.landing-navbar .navbar-nav .nav-link:hover {
    color: #666cff !important
}

.navbar.landing-navbar .navbar-nav .show>.nav-link .menu-icon,.navbar.landing-navbar .navbar-nav .active>.nav-link .menu-icon,.navbar.landing-navbar .navbar-nav .nav-link.show .menu-icon,.navbar.landing-navbar .navbar-nav .nav-link.active .menu-icon,.navbar.landing-navbar .navbar-nav .nav-link:hover .menu-icon {
    color: #666cff
}

.landing-features .features-icon-wrapper .features-icon-box .features-icon {
    border: 2px solid rgba(102,108,255,.32)
}

.landing-features .features-icon-wrapper .features-icon-box:hover .features-icon {
    background-color: rgba(102,108,255,.16)
}

.bg-navbar-theme {
    color: #3b4056
}

.layout-navbar-fixed .window-scrolled .bg-navbar-theme.layout-navbar,.layout-horizontal .bg-navbar-theme.layout-navbar {
    background-color: rgb(255 255 255 / 12%) !important
}

.layout-navbar-fixed .window-scrolled .bg-navbar-theme.layout-navbar .search-input-wrapper .search-input,.layout-navbar-fixed .window-scrolled .bg-navbar-theme.layout-navbar .search-input-wrapper .search-toggler,.layout-horizontal .bg-navbar-theme.layout-navbar .search-input-wrapper .search-input,.layout-horizontal .bg-navbar-theme.layout-navbar .search-input-wrapper .search-toggler {
    background-color: #fff !important
}

[dir=rtl] .bg-navbar-theme.layout-navbar .navbar-search-wrapper .search-toggler>i:before {
    transform: scaleX(-1) !important
}

.bg-navbar-theme .navbar-brand,.bg-navbar-theme .navbar-brand a {
    color: #3b4056
}

.bg-navbar-theme .navbar-brand:hover,.bg-navbar-theme .navbar-brand:focus,.bg-navbar-theme .navbar-brand a:hover,.bg-navbar-theme .navbar-brand a:focus {
    color: #3b4056
}

.bg-navbar-theme .navbar-search-wrapper .navbar-search-icon,.bg-navbar-theme .navbar-search-wrapper .search-input {
    color: #3b4056
}

.bg-navbar-theme .search-input-wrapper .search-input,.bg-navbar-theme .search-input-wrapper .search-toggler {
    color: #3b4056;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.bg-navbar-theme .navbar-nav>.nav-link,.bg-navbar-theme .navbar-nav>.nav-item>.nav-link,.bg-navbar-theme .navbar-nav>.nav>.nav-item>.nav-link {
    color: #3b4056 !important
}

.bg-navbar-theme .navbar-nav>.nav-link:hover,.bg-navbar-theme .navbar-nav>.nav-link:focus,.bg-navbar-theme .navbar-nav>.nav-item>.nav-link:hover,.bg-navbar-theme .navbar-nav>.nav-item>.nav-link:focus,.bg-navbar-theme .navbar-nav>.nav>.nav-item>.nav-link:hover,.bg-navbar-theme .navbar-nav>.nav>.nav-item>.nav-link:focus {
    color: #3b4056
}

.bg-navbar-theme .navbar-nav>.nav-link.disabled,.bg-navbar-theme .navbar-nav>.nav-item>.nav-link.disabled,.bg-navbar-theme .navbar-nav>.nav>.nav-item>.nav-link.disabled {
    color: #898c9a !important
}

.bg-navbar-theme .navbar-nav .show>.nav-link,.bg-navbar-theme .navbar-nav .active>.nav-link,.bg-navbar-theme .navbar-nav .nav-link.show,.bg-navbar-theme .navbar-nav .nav-link.active {
    color: #3b4056
}

.bg-navbar-theme .navbar-toggler {
    color: #3b4056;
    border-color: rgba(59,64,86,.075)
}

.bg-navbar-theme .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba(103, 107, 123, 0.75)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>")
}

.bg-navbar-theme .navbar-text {
    color: #3b4056
}

.bg-navbar-theme .navbar-text a {
    color: #3b4056
}

.bg-navbar-theme .navbar-text a:hover,.bg-navbar-theme .navbar-text a:focus {
    color: #3b4056
}

.bg-navbar-theme hr {
    border-color: rgba(59,64,86,.075)
}

.layout-horizontal .layout-navbar {
    box-shadow: 0 1px 0 #e5e6e8
}

.layout-navbar-fixed .layout-page:not(.window-scrolled) .layout-navbar.navbar-detached {
    background: #f7f7f9
}

.bg-menu-theme {
    background-color: #282a42 !important;
    color: #d7d8ee
}

.bg-menu-theme .menu-link,.bg-menu-theme .menu-horizontal-prev,.bg-menu-theme .menu-horizontal-next {
    color: #d7d8ee
}

.bg-menu-theme .menu-link:hover,.bg-menu-theme .menu-link:focus,.bg-menu-theme .menu-horizontal-prev:hover,.bg-menu-theme .menu-horizontal-prev:focus,.bg-menu-theme .menu-horizontal-next:hover,.bg-menu-theme .menu-horizontal-next:focus {
    color: #d7d8ee
}

.bg-menu-theme .menu-link.active,.bg-menu-theme .menu-horizontal-prev.active,.bg-menu-theme .menu-horizontal-next.active {
    color: #d7d8ee
}

.bg-menu-theme .menu-item.disabled .menu-link,.bg-menu-theme .menu-horizontal-prev.disabled,.bg-menu-theme .menu-horizontal-next.disabled {
    color: #9192a9 !important
}

.bg-menu-theme .menu-item.active:not(.open)>.menu-link:not(.menu-toggle),.bg-menu-theme .menu-item.active:not(.open)>.menu-link:not(.menu-toggle)::before {
    color: #fff !important
}

.bg-menu-theme .menu-item.active>.menu-link:not(.menu-toggle) {
    background-image: linear-gradient(to right, #666cff, #5a61e0, #4f56c1, #454ca2, #3c4185);
}

.bg-menu-theme.menu-horizontal .menu-sub>.menu-item.active>.menu-link:not(.menu-toggle),.bg-menu-theme.menu-horizontal .menu-sub>.menu-item.active>.menu-link:not(.menu-toggle)::before {
   background-image: linear-gradient(to right, #666cff, #5a61e0, #4f56c1, #454ca2, #3c4185);
    color: #666cff !important
}

.bg-menu-theme.menu-horizontal .menu-sub>.menu-item.active>.menu-link:not(.menu-toggle) i {
    color: #666cff
}

.bg-menu-theme.menu-horizontal .menu-inner>.menu-item.active>.menu-link.menu-toggle {
    background: #666cff
}

.bg-menu-theme.menu-horizontal .menu-inner>.menu-item.active>.menu-link.menu-toggle,.bg-menu-theme.menu-horizontal .menu-inner>.menu-item.active>.menu-link.menu-toggle:after {
    color: #fff
}

.bg-menu-theme .menu-inner-shadow {
    background: linear-gradient(#282a42 5%, rgba(40, 42, 66, 0.75) 45%, rgba(40, 42, 66, 0.2) 80%, transparent)
}

.bg-menu-theme .menu-text {
    color: #d7d8ee
}

.bg-menu-theme .menu-header {
    color: #6e7087
}

.bg-menu-theme hr,.bg-menu-theme .menu-divider,.bg-menu-theme .menu-inner>.menu-item.open>.menu-sub::before {
    border-color: rgba(215,216,238,.06) !important
}

.bg-menu-theme .menu-block::before {
    background-color: #6e7087
}

.bg-menu-theme .ps__thumb-y,.bg-menu-theme .ps__rail-y.ps--clicking>.ps__thumb-y {
    background: rgba(215,216,238,.7307639216) !important
}

.app-brand .layout-menu-toggle svg path {
    fill: #eaeaff
}

.menu-inner>.menu-header::before,.menu-inner>.menu-header::after {
    background-color: #464964 !important
}

.bg-menu-theme .menu-header .menu-header-text {
    color: #7b7d95
}

.bg-menu-theme.menu-vertical .menu-item:not(.active) .menu-link:hover {
    background-image: linear-gradient(to right, #666cff, #5a61e0, #4f56c1, #454ca2, #3c4185);
    color: #d7d8ee
}

.bg-menu-theme.menu-vertical .menu-item.open>.menu-link {
    background-color: rgba(247,247,249,.08);
    color: #d7d8ee
}

.bg-menu-theme.menu-horizontal .menu-inner .menu-item:not(.menu-item-closing)>.menu-sub {
    background: #282a42
}

.bg-menu-theme.menu-horizontal .menu-inner>.menu-item .menu-sub .menu-item.active>.menu-link.menu-toggle {
    background-color: rgba(247,247,249,.08)
}

.bg-menu-theme.menu-horizontal .menu-item .menu-link:hover {
    background-color: rgba(247,247,249,.06);
    color: #d7d8ee
}

.bg-menu-theme .menu-inner>.menu-item .menu-link.menu-toggle:after {
    color: #d7d8ee
}

.bg-footer-theme {
    color: #666cff
}

.bg-footer-theme .footer-link {
    color: #666cff
}

.bg-footer-theme .footer-link:hover,.bg-footer-theme .footer-link:focus {
    color: #a0a4fd
}

.bg-footer-theme .footer-link.disabled {
    color: #a0a4fd !important
}

.bg-footer-theme .footer-text {
    color: #3b4056
}

.bg-footer-theme .show>.footer-link,.bg-footer-theme .active>.footer-link,.bg-footer-theme .footer-link.show,.bg-footer-theme .footer-link.active {
    color: #3b4056
}

.bg-footer-theme hr {
    border-color: rgba(59,64,86,.0765239216)
}

  #map {
    height: 100%;
  }

.disabled{
    opacity: 0.6;
    cursor: not-allowed;
    pointer-events: none;
}


.__descriptions-1cpbmap-am {
--n-title-text-color: #333333;--n-th-padding: 12px 16px;--n-td-padding: 12px 16px;--n-font-size: 12px;--n-bezier: cubic-bezier(.4, 0, .2, 1);--n-th-font-weight: 500;--n-line-height: normal;--n-th-text-color: #333333;--n-td-text-color: #666666;--n-th-color: rgba(250, 250, 252, 1);--n-th-color-modal: rgba(250, 250, 252, 1);--n-th-color-popover: rgba(250, 250, 252, 1);--n-td-color: #fff;--n-td-color-modal: #fff;--n-td-color-popover: #fff;--n-border-radius: 4px;--n-border-color: rgba(239, 239, 245, 1);--n-border-color-modal: rgba(239, 239, 245, 1);--n-border-color-popover: rgba(239, 239, 245, 1);
}


.n-descriptions {
  font-size: var(--n-font-size);
}

.n-descriptions .n-descriptions-separator {

 display: inline-block;
 margin: 0 8px 0 2px;
 
}

.n-descriptions .n-descriptions-table-wrapper .n-descriptions-table .n-descriptions-table-row .n-descriptions-table-header {
  padding: var(--n-th-padding);
}

.n-descriptions .n-descriptions-table-wrapper .n-descriptions-table .n-descriptions-table-row .n-descriptions-table-content {
  padding: var(--n-td-padding);
}

.n-descriptions:not(.n-descriptions--bordered) .n-descriptions-table-wrapper .n-descriptions-table .n-descriptions-table-row:last-child .n-descriptions-table-content {
  padding-bottom: 0;
}

.n-descriptions.n-descriptions--left-label-placement .n-descriptions-table-content > * {
  vertical-align: top;
}

.n-descriptions.n-descriptions--left-label-align th {
  text-align: left;
}

.n-descriptions.n-descriptions--center-label-align th {
  text-align: center;
}

.n-descriptions.n-descriptions--right-label-align th {
  text-align: right;
}

.n-descriptions.n-descriptions--bordered .n-descriptions-table-wrapper {

 border-radius: var(--n-border-radius);
 overflow: hidden;
 background: var(--n-merged-td-color);
 border: 1px solid var(--n-merged-border-color);
 
}

.n-descriptions.n-descriptions--bordered .n-descriptions-table-wrapper .n-descriptions-table .n-descriptions-table-row:not(:last-child) .n-descriptions-table-content {
  border-bottom: 1px solid var(--n-merged-border-color);
}

.n-descriptions.n-descriptions--bordered .n-descriptions-table-wrapper .n-descriptions-table .n-descriptions-table-row:not(:last-child) .n-descriptions-table-header {
  border-bottom: 1px solid var(--n-merged-border-color);
}

.n-descriptions.n-descriptions--bordered .n-descriptions-table-wrapper .n-descriptions-table .n-descriptions-table-row .n-descriptions-table-header {

 font-weight: 400;
 background-clip: padding-box;
 background-color: var(--n-merged-th-color);
 
}

.n-descriptions.n-descriptions--bordered .n-descriptions-table-wrapper .n-descriptions-table .n-descriptions-table-row .n-descriptions-table-header:not(:last-child) {
  border-right: 1px solid var(--n-merged-border-color);
}

.n-descriptions.n-descriptions--bordered .n-descriptions-table-wrapper .n-descriptions-table .n-descriptions-table-row .n-descriptions-table-content:not(:last-child) {
  border-right: 1px solid var(--n-merged-border-color);
}

.n-descriptions .n-descriptions-header {

 font-weight: var(--n-th-font-weight);
 font-size: 18px;
 transition: color .3s var(--n-bezier);
 line-height: var(--n-line-height);
 margin-bottom: 16px;
 color: var(--n-title-text-color);
 
}

.n-descriptions .n-descriptions-table-wrapper {

 transition:
 background-color .3s var(--n-bezier),
 border-color .3s var(--n-bezier);
 
}

.n-descriptions .n-descriptions-table-wrapper .n-descriptions-table {

 width: 100%;
 border-collapse: separate;
 border-spacing: 0;
 box-sizing: border-box;
 
}

.n-descriptions .n-descriptions-table-wrapper .n-descriptions-table .n-descriptions-table-row {

 box-sizing: border-box;
 transition: border-color .3s var(--n-bezier);
 
}

.n-descriptions .n-descriptions-table-wrapper .n-descriptions-table .n-descriptions-table-row .n-descriptions-table-header {

 font-weight: var(--n-th-font-weight);
 line-height: var(--n-line-height);
 display: table-cell;
 box-sizing: border-box;
 color: var(--n-th-text-color);
 transition:
 color .3s var(--n-bezier),
 background-color .3s var(--n-bezier),
 border-color .3s var(--n-bezier);
 
}

.n-descriptions .n-descriptions-table-wrapper .n-descriptions-table .n-descriptions-table-row .n-descriptions-table-content {

 vertical-align: top;
 line-height: var(--n-line-height);
 display: table-cell;
 box-sizing: border-box;
 color: var(--n-td-text-color);
 transition:
 color .3s var(--n-bezier),
 background-color .3s var(--n-bezier),
 border-color .3s var(--n-bezier);
 
}

.n-descriptions .n-descriptions-table-wrapper .n-descriptions-table .n-descriptions-table-row .n-descriptions-table-content .n-descriptions-table-content__content {

 transition: color .3s var(--n-bezier);
 display: inline-block;
 color: var(--n-td-text-color);
 
}

.n-descriptions .n-descriptions-table-wrapper .n-descriptions-table .n-descriptions-table-row .n-descriptions-table-row__label {

 font-weight: var(--n-th-font-weight);
 transition: color .3s var(--n-bezier);
 display: inline-block;
 margin-right: 14px;
 color: var(--n-th-text-color);
 
}

.n-descriptions-table-wrapper {

 --n-merged-th-color: var(--n-th-color);
 --n-merged-td-color: var(--n-td-color);
 --n-merged-border-color: var(--n-border-color);
 
}

.n-modal .n-descriptions-table-wrapper, .n-drawer .n-descriptions-table-wrapper {

 --n-merged-th-color: var(--n-th-color-modal);
 --n-merged-td-color: var(--n-td-color-modal);
 --n-merged-border-color: var(--n-border-color-modal);
 
}

.n-popover .n-descriptions-table-wrapper {

 --n-merged-th-color: var(--n-th-color-popover);
 --n-merged-td-color: var(--n-td-color-popover);
 --n-merged-border-color: var(--n-border-color-popover);
 
}

.timeline .timeline-item .timeline-point {
    position: absolute;
    left: -0.52rem;
    top: 15px;
    z-index: 2;
}


.timeline .timeline-item .timeline-indicator {
    box-shadow: 0 0 2px 2px #ffffff !important;
}

.timeline .timeline-item .timeline-indicator {
    position: absolute;
    left: -0.9rem;
    top: .4rem;
    z-index: 2;
    height: 1.7rem;
    width: 1.7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #e6e6fa;
    box-shadow: 0 0 0 10px #f7f7f9
}


.tagihan .timeline-end-indicator {
    position: absolute;
    bottom: 0rem;
    left: -0.75rem;
}

.close-history:hover {
    transform: rotate(180deg);
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAKwwAACsMBNCkkqwAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMy8xNC8xNxpI5/gAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAEXUlEQVRIiaWXf2iVZRTHv8957t3d3ruSja0mA82NLTMl7gZzjJH0A0RLCKIiskDTzFhmhFrLqKDAMtHMGvvRVn8lSFFS2i/s19rWmC2DVlKbiRtzc2Ngce1u95ynP+7e1/e97/2x6fnvnOf5ns95fr3P8yrMw0RkFYB6AIsAlABgABeUUmcAdCqlOueTL6MZYx5g4QEWZpPFWDjOwqdYeN3VAGtZuDsbLEMRJ1h4abr8Kg10pxjZQ4o87dOjo+CeXtDkFGR4GABAlRUwxUUI1K1EIJzvySNGBMB2TfqtrGAWbiVFmzzArh7EWzsQ/6k37Qwpy0LgztsR2LwBwfKy5AJe0aRfSAtm4UZS9KrjT0witvtlxL//IS3QZ8EchDY+guATj4GCQTd8m3vkDpiFbwXwrT29M4NDiDVsh5w9N3eoywL1dQgd2AttWTY4TorKlFLnAIBcfffaUJ6YQOzxbVcMBYB4ZxemdzTCxOMAAFIUANBqtxMAGGPWk6IaOxjb8TxkZOSKobbNfPMdplva3aHVLHyHAxYjzsLPfPFVyk1ES2/MCFGWBVpY4otPt7ZDxsbdodccMCmqtKOxg2/7xMG71iD/o8Ow2puhQiF/UZUVCB//BPmfH4WaXVPbTCyGWFPL5b6KqgCAWHiXHeT+XyFnzvoS88/9kAsTCNTWIK/poAdO5WUItzeDiosQ7+2DiUZ9+vixL2H+i9muYuENBGCt06G7xycCABk9j+jGLT44lZch/H4bVGEBuLcPlxqeTqk3//4D+W3AHbqHANzgAP4aSikEABkc8sCttiYPNLqlASYWS6vn30+73QoiRdc6yScn0gqT4bo6MmcoAJipKbdbQJ5WlozilKb1/DUASIxcdJyiosydlyyGNbuR+GS/M3KrrSnlbnebKihwu1ME4G8ncfmSzND32hLQ3j5EN231TLvV1uQ7Ssl6l/1JAI7ZXqCuNrVoYYkXOrumyWued2g/QOTTq1AIurrKHfqYSNF+29ORW0ClpT6hXnZT4pz29Po2kgMfG0egOgKVm+vTB+5eA5XrLIXRpDsSl4LwRVJ0DQDMfHocl3Y2+kddXgYZTH/cVCgEtWABZHzc2xDMQfjoEejFixKFGvlFk47Y8/KM02/taugVy32JM0GBxKfRBwWQ8/CDDnTWngO897EzahkbR/S+hyATmc91NgusrIHVcgiYfRCIkR816XrAex8/KiZxjun665D3zptZj1cm01UR5O3b44YaAE/Z7Q5Ykz4C4A3HX74M1ocfQFdF5g0N3n8vwh3NUIWes7tbkz5pO3N67M18fQLTze+CvR96P/C2Vch5cit00t0tRg5o0p4bJOXzloVfBPASqaQv6vAIuKsbPPDH5QR5eaAVN0PX1kAXFiYDDSl6Vin1esaKk+DrWPjUVTzou40xqb9IcyxgMwsPsmT9gzHGGGHh08aY9dnyppzqDEXsQuLhUAyglBSJGBkFcB7AZ5r0vrnm+h+4JqLbk005nAAAAABJRU5ErkJggg==);
}

.close-history {
    position: absolute;
    top: 9px;
    right: 8px;
    width: 25px;
    height: 30px;
    border-radius: 50%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAKwwAACsMBNCkkqwAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMy8xNC8xNxpI5/gAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAEN0lEQVRIiaWXTUhjVxTH/+diAmNMDGpCSCBNtWFEIQ0MFAYGZlNt6aKbUhpxYeAZxY0MlGy7K67LLIraYA26sd2UblrUEYp0oIKIgviBaaqNlYRIJgkulDm3i+Q9XvJenjoeCLxz7j3nd9595957QlJKqEJEsBJmfg7gGYAgAB+AtwAKRPQ3gE0i2rQMoBcppfZrMR5l5llmzstbhJn/ZeaXzDxw5wRMgEFmnrkNZpHEN8zsaRXfdG2llB9LKX8iIrfeXigUsLe3h1KphGq1CiKCw+FAV1cXIpEIurq6muP8ByAmhPjjVjAzjxHRj3rb7u4u1tbWkM/nLVfJ7/djeHgY/f39zQl8LoT4tSWYmT8hot9UvVKpYHl5Gdls1hLYLOFwGCMjI2hvb9fDn+vfXAMz8/sA9ojIAQC5XA6Li4sol8v3gqrS3d0NRVG05ZdS/kNEHxLRGwAQurlTKrRcLj8ICgDFYhGpVApXV1cAACJ6D8CUOi7q2TwhoqRqXFpaehBUD19ZWdGbZpj5Az1Yy2RnZwenp6eGIH6/3xJit9vhdrsN9oODAxwdHelNUxqYiBTVur6+bnCORqOYnp5GIpGAzWYzjPt8PiSTSSSTSdjtdsP46uqq9qyyBDMPqcZsNotCoWBwPDk5QblcRl9fH+LxeAPc6/UikUjA6XQik8ng+vra4H92doaLiwtV7WTmjwRqZy8A4Pj42OAE1LbV7OysAe71ejE5OQmHw4FMJoN0Om3qbxL7mQDwWNXM3laVYrHYAFcUpQG6sLCAm5ublv5NsR8LIvKpWrVabemowufn51EulxEKhe4MNYntE60mthIiarg+hbh3iJqflFL76h0dHZaTPR6PVkjZbBaVSgWhUAiKophWu16aYl8IAIf6wFbQiYkJrXpTqRTm5uYa4GZbqUXsQwFA6xrC4bCpk9vtboCq37RQKDTAx8bGWi59U+xNQUSvVC0YDBruVAAIBAJwOp04OTkxFJIKVwuura3N1N/n02r4jRDiLwIAZv6TiJ4CwPb2dvP5CqB2UFjdxzabDY8ePTI94+PxuHZHSym/E0K8UNfla3VSNBpFIBAwON/WBNzc3JhCe3t7mxuD74H6WS2EeC2lfF1/RiwWa7jE31VcLhdisZimSym/FUIcauC6TEkpr4FaBSqKAqfT+c5Qt9uN8fFxuFwuFVpE/W0BY+vzBRH9rOqlUgnpdBrn5+f3goZCIYyOjjYkLqX8VAjxuym4Djc0e1tbW9jY2MDl5aUl0OPxYGhoCJFIpMEupfxKCNFQsabtLTN/BuAXImrYG7lcDvv7+6hUKsjn8xBCoKenB52dnRgcHNRvGRVYIqIviWjNMuMm+AAzv3xAQz8jpQzeGWiSwFNmTjPz1R14JWb+QUr55La41v/SjEkModY4+AAMENFbKeUhgByATSHEK8sAOvkfU5us3WE/neAAAAAASUVORK5CYII=);
    background-position: center center;
    transition: 0.4s ease-in-out;
    cursor: pointer;
}
.search-form {
  position: relative;
  width: 2rem;
  height: 2.2rem;
  border-radius: 9px;
  background-color: white;
  /* box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2); */
  /* padding: 0.75rem; */
  /* margin: 0 0.5rem; */
  transition: width 0.5s;
  border: 1px solid #cfd0d6;
}

.search-input {
  border: none;
  outline: none;
  width: 100%;
  height: 100%;
  border-radius: 9px;
  font-size: small;
  pointer-events: none;
}

.search-button {
  width: 2.3rem;
  height: 2.3rem;
  border-radius: 999px;
  background-color: #059669;
  position: absolute;
  top: 49%;
  left: 67%;
  transform: translate(-64%, -50%);
  cursor: pointer;
  transition: all 0.5s;
}

.search-icon,
.search-close {
  position: absolute;
  font-size: 1.25rem;
  color: white;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.search-close {
  opacity: 0;
}

/* Active Search */

.active-search {
  max-width: 100%;
  width: 17rem;
}

.active-search .search-button {
  left: calc(100% - 0.6rem);
}

.active-search .search-input {
  pointer-events: initial;
}

.active-search .search-close {
  opacity: 1;
}

.active-search .search-icon {
  opacity: 0;
}