[data-bs-theme=light] {
    --ct-blue: #4a81d4;
    --ct-indigo: #675aa9;
    --ct-purple: #6658dd;
    --ct-pink: #f672a7;
    --ct-red: #f1556c;
    --ct-orange: #fd7e14;
    --ct-yellow: #f7b84b;
    --ct-green: #1abc9c;
    --ct-teal: #02a8b5;
    --ct-cyan: #43bfe5;
    --ct-black: #000;
    --ct-white: #fff;
    --ct-gray: #98a6ad;
    --ct-gray-dark: #343a40;
    --ct-gray-100: #f3f7f9;
    --ct-gray-200: #f7f7f7;
    --ct-gray-300: #dee2e6;
    --ct-gray-400: #ced4da;
    --ct-gray-500: #adb5bd;
    --ct-gray-600: #98a6ad;
    --ct-gray-700: #6c757d;
    --ct-gray-800: #343a40;
    --ct-gray-900: #323a46;
    --ct-primary: #6658dd;
    --ct-secondary: #6c757d;
    --ct-success: #1abc9c;
    --ct-info: #43bfe5;
    --ct-warning: #f7b84b;
    --ct-danger: #f1556c;
    --ct-light: #f3f7f9;
    --ct-dark: #323a46;
    --ct-pink: #f672a7;
    --ct-blue: #4a81d4;
    --ct-primary-rgb: 102, 88, 221;
    --ct-secondary-rgb: 108, 117, 125;
    --ct-success-rgb: 26, 188, 156;
    --ct-info-rgb: 67, 191, 229;
    --ct-warning-rgb: 247, 184, 75;
    --ct-danger-rgb: 241, 85, 108;
    --ct-light-rgb: 243, 247, 249;
    --ct-dark-rgb: 50, 58, 70;
    --ct-pink-rgb: 246, 114, 167;
    --ct-blue-rgb: 74, 129, 212;
    --ct-primary-text: #5246b1;
    --ct-secondary-text: #98a6ad;
    --ct-success-text: #15967d;
    --ct-info-text: #287389;
    --ct-warning-text: #946e2d;
    --ct-danger-text: #c14456;
    --ct-light-text: #98a6ad;
    --ct-dark-text: #6c757d;
    --ct-primary-bg-subtle: #e0def8;
    --ct-secondary-bg-subtle: #f3f7f9;
    --ct-success-bg-subtle: #d1f2eb;
    --ct-info-bg-subtle: #d9f2fa;
    --ct-warning-bg-subtle: #fdf1db;
    --ct-danger-bg-subtle: #fcdde2;
    --ct-light-bg-subtle: #f9fbfc;
    --ct-dark-bg-subtle: #ced4da;
    --ct-primary-border-subtle: #c2bcf1;
    --ct-secondary-border-subtle: #f7f7f7;
    --ct-success-border-subtle: #a3e4d7;
    --ct-info-border-subtle: #b4e5f5;
    --ct-warning-border-subtle: #fce3b7;
    --ct-danger-border-subtle: #f9bbc4;
    --ct-light-border-subtle: #f7f7f7;
    --ct-dark-border-subtle: #adb5bd;
    --ct-white-rgb: 255, 255, 255;
    --ct-black-rgb: 0, 0, 0;
    --ct-body-color-rgb: 108, 117, 125;
    --ct-body-bg-rgb: 245, 246, 248;
    --ct-font-sans-serif: "Nunito", sans-serif;
    --ct-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --ct-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --ct-body-font-family: var(--ct-font-sans-serif);
    --ct-body-font-size: 0.875rem;
    --ct-body-font-weight: 400;
    --ct-body-line-height: 1.5;
    --ct-body-color: #6c757d;
    --ct-emphasis-color: #000;
    --ct-emphasis-color-rgb: 0, 0, 0;
    --ct-secondary-color: #6c757d;
    --ct-secondary-color-rgb: 108, 117, 125;
    --ct-secondary-bg: #fff;
    --ct-secondary-bg-rgb: 255, 255, 255;
    --ct-tertiary-color: rgba(108, 117, 125, 0.5);
    --ct-tertiary-color-rgb: 108, 117, 125;
    --ct-tertiary-bg: #e9ecef;
    --ct-tertiary-bg-rgb: 233, 236, 239;
    --ct-body-bg: #f5f6f8;
    --ct-body-bg-rgb: 245, 246, 248;
    --ct-heading-color: #343a40;
    --ct-link-color: #6658dd;
    --ct-link-color-rgb: 102, 88, 221;
    --ct-link-decoration: none;
    --ct-link-hover-color: #574bbc;
    --ct-link-hover-color-rgb: 87, 75, 188;
    --ct-code-color: #43bfe5;
    --ct-highlight-bg: #fdf1db;
    --ct-border-width: 1px;
    --ct-border-style: solid;
    --ct-border-color: #dee2e6;
    --ct-border-color-translucent: rgba(0, 0, 0, 0.175);
    --ct-border-radius: 0.25rem;
    --ct-border-radius-sm: 0.2rem;
    --ct-border-radius-lg: 0.3rem;
    --ct-border-radius-xl: 1rem;
    --ct-border-radius-2xl: 2rem;
    --ct-border-radius-pill: 50rem;
    --ct-box-shadow: var(--ct-box-shadow);
    --ct-box-shadow-sm: var(--ct-box-shadow-sm);
    --ct-box-shadow-lg: var(--ct-box-shadow-lg);
    --ct-box-shadow-inset: var(--ct-box-shadow-inset);
    --ct-emphasis-color: #000;
    --ct-form-control-bg: var(--ct-body-bg);
    --ct-form-control-disabled-bg: var(--ct-secondary-bg);
    --ct-highlight-bg: #fdf1db;
    --ct-breakpoint-xs: 0;
    --ct-breakpoint-sm: 576px;
    --ct-breakpoint-md: 768px;
    --ct-breakpoint-lg: 992px;
    --ct-breakpoint-xl: 1200px;
    --ct-breakpoint-xxl: 1400px;
}

.btn {
    --ct-btn-padding-x: 0.9rem;
    --ct-btn-padding-y: 0.45rem;
    --ct-btn-font-family: ;
    --ct-btn-font-size: 0.875rem;
    --ct-btn-font-weight: 400;
    --ct-btn-line-height: 1.5;
    --ct-btn-color: #6c757d;
    --ct-btn-bg: transparent;
    --ct-btn-border-width: var(--ct-border-width);
    --ct-btn-border-color: transparent;
    --ct-btn-border-radius: var(--ct-border-radius);
    --ct-btn-hover-border-color: transparent;
    --ct-btn-box-shadow: 0px 2px 6px 0px;
    --ct-btn-disabled-opacity: 0.65;
    --ct-btn-focus-box-shadow: 0 0 0 0.15rem rgba(var(--ct-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--ct-btn-padding-y) var(--ct-btn-padding-x);
    font-family: var(--ct-btn-font-family);
    font-size: var(--ct-btn-font-size);
    font-weight: var(--ct-btn-font-weight);
    line-height: var(--ct-btn-line-height);
    color: var(--ct-btn-color);
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    border: var(--ct-btn-border-width) solid var(--ct-btn-border-color);
    border-radius: var(--ct-btn-border-radius);
    background-color: var(--ct-btn-bg);
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .btn {
        transition: none;
    }
}
.btn:hover {
    color: var(--ct-btn-hover-color) !important;
    background-color: var(--ct-btn-hover-bg);
    border-color: var(--ct-btn-hover-border-color);
}

.btn:hover * {
    color: var(--ct-btn-hover-color) !important;
    border-color: var(--ct-btn-hover-color);
}

.btn-check + .btn:hover {
    color: var(--ct-btn-color);
    background-color: var(--ct-btn-bg);
    border-color: var(--ct-btn-border-color);
}
.btn:focus-visible {
    color: var(--ct-btn-hover-color);
    background-color: var(--ct-btn-hover-bg);
    border-color: var(--ct-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--ct-btn-focus-box-shadow);
}
.btn-check:focus-visible + .btn {
    border-color: var(--ct-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--ct-btn-focus-box-shadow);
}
.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
    color: var(--ct-btn-active-color);
    background-color: var(--ct-btn-active-bg);
    border-color: var(--ct-btn-active-border-color);
}
.btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
    box-shadow: var(--ct-btn-focus-box-shadow);
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
    color: var(--ct-btn-disabled-color);
    pointer-events: none;
    background-color: var(--ct-btn-disabled-bg);
    border-color: var(--ct-btn-disabled-border-color);
    opacity: var(--ct-btn-disabled-opacity);
}
.btn-3d{
    box-shadow: 0px 0px 0px 2px #535050;
}
.btn-primary {
    --ct-btn-color: #fff;
    --ct-btn-bg: #6658dd;
    --ct-btn-border-color: #6658dd;
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: #574bbc;
    --ct-btn-hover-border-color: #5246b1;
    --ct-btn-focus-shadow-rgb: 125, 113, 226;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: #5246b1;
    --ct-btn-active-border-color: #4d42a6;
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: #fff;
    --ct-btn-disabled-bg: #6658dd;
    --ct-btn-disabled-border-color: #6658dd;
}

.btn-secondary {
    --ct-btn-color: #fff;
    --ct-btn-bg: #6c757d;
    --ct-btn-border-color: #6c757d;
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: #5c636a;
    --ct-btn-hover-border-color: #565e64;
    --ct-btn-focus-shadow-rgb: 130, 138, 145;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: #565e64;
    --ct-btn-active-border-color: #51585e;
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: #fff;
    --ct-btn-disabled-bg: #6c757d;
    --ct-btn-disabled-border-color: #6c757d;
}

.btn-success {
    --ct-btn-color: #fff;
    --ct-btn-bg: #1abc9c;
    --ct-btn-border-color: #1abc9c;
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: #16a085;
    --ct-btn-hover-border-color: #15967d;
    --ct-btn-focus-shadow-rgb: 60, 198, 171;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: #15967d;
    --ct-btn-active-border-color: #148d75;
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: #fff;
    --ct-btn-disabled-bg: #1abc9c;
    --ct-btn-disabled-border-color: #1abc9c;
}

.btn-info {
    --ct-btn-color: #fff;
    --ct-btn-bg: #43bfe5;
    --ct-btn-border-color: #43bfe5;
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: #39a2c3;
    --ct-btn-hover-border-color: #3699b7;
    --ct-btn-focus-shadow-rgb: 95, 201, 233;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: #3699b7;
    --ct-btn-active-border-color: #328fac;
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: #fff;
    --ct-btn-disabled-bg: #43bfe5;
    --ct-btn-disabled-border-color: #43bfe5;
}

.btn-warning {
    --ct-btn-color: #323a46;
    --ct-btn-bg: #f7b84b;
    --ct-btn-border-color: #f7b84b;
    --ct-btn-hover-color: #323a46;
    --ct-btn-hover-bg: #f8c366;
    --ct-btn-hover-border-color: #f8bf5d;
    --ct-btn-focus-shadow-rgb: 217, 165, 74;
    --ct-btn-active-color: #323a46;
    --ct-btn-active-bg: #f9c66f;
    --ct-btn-active-border-color: #f8bf5d;
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: #323a46;
    --ct-btn-disabled-bg: #f7b84b;
    --ct-btn-disabled-border-color: #f7b84b;
}

.btn-danger {
    --ct-btn-color: #fff;
    --ct-btn-bg: #f1556c;
    --ct-btn-border-color: #f1556c;
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: #cd485c;
    --ct-btn-hover-border-color: #c14456;
    --ct-btn-focus-shadow-rgb: 243, 111, 130;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: #c14456;
    --ct-btn-active-border-color: #b54051;
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: #fff;
    --ct-btn-disabled-bg: #f1556c;
    --ct-btn-disabled-border-color: #f1556c;
}

.btn-light {
    --ct-btn-color: #323a46;
    --ct-btn-bg: #f3f7f9;
    --ct-btn-border-color: #f3f7f9;
    --ct-btn-hover-color: #323a46;
    --ct-btn-hover-bg: #cfd2d4;
    --ct-btn-hover-border-color: #c2c6c7;
    --ct-btn-focus-shadow-rgb: 214, 219, 222;
    --ct-btn-active-color: #323a46;
    --ct-btn-active-bg: #c2c6c7;
    --ct-btn-active-border-color: #b6b9bb;
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: #323a46;
    --ct-btn-disabled-bg: #f3f7f9;
    --ct-btn-disabled-border-color: #f3f7f9;
}

.btn-dark {
    --ct-btn-color: #fff;
    --ct-btn-bg: #323a46;
    --ct-btn-border-color: #323a46;
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: #515862;
    --ct-btn-hover-border-color: #474e59;
    --ct-btn-focus-shadow-rgb: 81, 88, 98;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: #5b616b;
    --ct-btn-active-border-color: #474e59;
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: #fff;
    --ct-btn-disabled-bg: #323a46;
    --ct-btn-disabled-border-color: #323a46;
}

btn-transparent {
    --ct-btn-color: #fff;
    --ct-btn-bg: #323a46;
    --ct-btn-border-color: #323a46;
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: #515862;
    --ct-btn-hover-border-color: #474e59;
    --ct-btn-focus-shadow-rgb: 81, 88, 98;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: #5b616b;
    --ct-btn-active-border-color: #474e59;
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: #fff;
    --ct-btn-disabled-bg: #323a46;
    --ct-btn-disabled-border-color: #323a46;
}

.btn-pink {
    --ct-btn-color: #fff;
    --ct-btn-bg: #f672a7;
    --ct-btn-border-color: #f672a7;
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: #d1618e;
    --ct-btn-hover-border-color: #c55b86;
    --ct-btn-focus-shadow-rgb: 247, 135, 180;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: #c55b86;
    --ct-btn-active-border-color: #b9567d;
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: #fff;
    --ct-btn-disabled-bg: #f672a7;
    --ct-btn-disabled-border-color: #f672a7;
}

.btn-blue {
    --ct-btn-color: #fff;
    --ct-btn-bg: #4a81d4;
    --ct-btn-border-color: #4a81d4;
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: #3f6eb4;
    --ct-btn-hover-border-color: #3b67aa;
    --ct-btn-focus-shadow-rgb: 101, 148, 218;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: #3b67aa;
    --ct-btn-active-border-color: #38619f;
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: #fff;
    --ct-btn-disabled-bg: #4a81d4;
    --ct-btn-disabled-border-color: #4a81d4;
}

.btn-outline-primary {
    --ct-btn-color: #6658dd;
    --ct-btn-border-color: #6658dd;
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: #6658dd;
    --ct-btn-hover-border-color: #6658dd;
    --ct-btn-focus-shadow-rgb: 102, 88, 221;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: #6658dd;
    --ct-btn-active-border-color: #6658dd;
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: #6658dd;
    --ct-btn-disabled-bg: transparent;
    --ct-btn-disabled-border-color: #6658dd;
    --ct-gradient: none;
}

.btn-outline-secondary {
    --ct-btn-color: #6c757d;
    --ct-btn-border-color: #6c757d;
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: #6c757d;
    --ct-btn-hover-border-color: #6c757d;
    --ct-btn-focus-shadow-rgb: 108, 117, 125;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: #6c757d;
    --ct-btn-active-border-color: #6c757d;
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: #6c757d;
    --ct-btn-disabled-bg: transparent;
    --ct-btn-disabled-border-color: #6c757d;
    --ct-gradient: none;
}

.btn-outline-success {
    --ct-btn-color: #1abc9c;
    --ct-btn-border-color: #1abc9c;
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: #1abc9c;
    --ct-btn-hover-border-color: #1abc9c;
    --ct-btn-focus-shadow-rgb: 26, 188, 156;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: #1abc9c;
    --ct-btn-active-border-color: #1abc9c;
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: #1abc9c;
    --ct-btn-disabled-bg: transparent;
    --ct-btn-disabled-border-color: #1abc9c;
    --ct-gradient: none;
}

.btn-outline-info {
    --ct-btn-color: #43bfe5;
    --ct-btn-border-color: #43bfe5;
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: #43bfe5;
    --ct-btn-hover-border-color: #43bfe5;
    --ct-btn-focus-shadow-rgb: 67, 191, 229;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: #43bfe5;
    --ct-btn-active-border-color: #43bfe5;
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: #43bfe5;
    --ct-btn-disabled-bg: transparent;
    --ct-btn-disabled-border-color: #43bfe5;
    --ct-gradient: none;
}

.btn-outline-warning {
    --ct-btn-color: #f7b84b;
    --ct-btn-border-color: #f7b84b;
    --ct-btn-hover-color: #323a46;
    --ct-btn-hover-bg: #f7b84b;
    --ct-btn-hover-border-color: #f7b84b;
    --ct-btn-focus-shadow-rgb: 247, 184, 75;
    --ct-btn-active-color: #323a46;
    --ct-btn-active-bg: #f7b84b;
    --ct-btn-active-border-color: #f7b84b;
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: #f7b84b;
    --ct-btn-disabled-bg: transparent;
    --ct-btn-disabled-border-color: #f7b84b;
    --ct-gradient: none;
}

.btn-outline-danger {
    --ct-btn-color: #f1556c;
    --ct-btn-border-color: #f1556c;
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: #f1556c;
    --ct-btn-hover-border-color: #f1556c;
    --ct-btn-focus-shadow-rgb: 241, 85, 108;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: #f1556c;
    --ct-btn-active-border-color: #f1556c;
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: #f1556c;
    --ct-btn-disabled-bg: transparent;
    --ct-btn-disabled-border-color: #f1556c;
    --ct-gradient: none;
}

.btn-outline-light {
    --ct-btn-color: #f3f7f9;
    --ct-btn-border-color: #f3f7f9;
    --ct-btn-hover-color: #323a46;
    --ct-btn-hover-bg: #f3f7f9;
    --ct-btn-hover-border-color: #f3f7f9;
    --ct-btn-focus-shadow-rgb: 243, 247, 249;
    --ct-btn-active-color: #323a46;
    --ct-btn-active-bg: #f3f7f9;
    --ct-btn-active-border-color: #f3f7f9;
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: #f3f7f9;
    --ct-btn-disabled-bg: transparent;
    --ct-btn-disabled-border-color: #f3f7f9;
    --ct-gradient: none;
}

.btn-outline-dark {
    --ct-btn-color: #323a46;
    --ct-btn-border-color: #323a46;
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: #323a46;
    --ct-btn-hover-border-color: #323a46;
    --ct-btn-focus-shadow-rgb: 50, 58, 70;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: #323a46;
    --ct-btn-active-border-color: #323a46;
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: #323a46;
    --ct-btn-disabled-bg: transparent;
    --ct-btn-disabled-border-color: #323a46;
    --ct-gradient: none;
}

.btn-outline-pink {
    --ct-btn-color: #f672a7;
    --ct-btn-border-color: #f672a7;
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: #f672a7;
    --ct-btn-hover-border-color: #f672a7;
    --ct-btn-focus-shadow-rgb: 246, 114, 167;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: #f672a7;
    --ct-btn-active-border-color: #f672a7;
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: #f672a7;
    --ct-btn-disabled-bg: transparent;
    --ct-btn-disabled-border-color: #f672a7;
    --ct-gradient: none;
}

.btn-outline-blue {
    --ct-btn-color: #4a81d4;
    --ct-btn-border-color: #4a81d4;
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: #4a81d4;
    --ct-btn-hover-border-color: #4a81d4;
    --ct-btn-focus-shadow-rgb: 74, 129, 212;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: #4a81d4;
    --ct-btn-active-border-color: #4a81d4;
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: #4a81d4;
    --ct-btn-disabled-bg: transparent;
    --ct-btn-disabled-border-color: #4a81d4;
    --ct-gradient: none;
}

.btn-link {
    --ct-btn-font-weight: 400;
    --ct-btn-color: var(--ct-link-color);
    --ct-btn-bg: transparent;
    --ct-btn-border-color: transparent;
    --ct-btn-hover-color: var(--ct-link-hover-color);
    --ct-btn-hover-border-color: transparent;
    --ct-btn-active-color: var(--ct-link-hover-color);
    --ct-btn-active-border-color: transparent;
    --ct-btn-disabled-color: #98a6ad;
    --ct-btn-disabled-border-color: transparent;
    --ct-btn-box-shadow: none;
    --ct-btn-focus-shadow-rgb: 125, 113, 226;
    text-decoration: none;
}

.btn-tns {
    --ct-btn-color: #fff;
    --ct-btn-bg: #4a81d4;
    --ct-btn-border-color: #4a81d4;
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: #3f6eb4;
    --ct-btn-hover-border-color: #3b67aa;
    --ct-btn-focus-shadow-rgb: 101, 148, 218;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: #3b67aa;
    --ct-btn-active-border-color: #38619f;
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: #fff;
    --ct-btn-disabled-bg: #4a81d4;
    --ct-btn-disabled-border-color: #4a81d4;
}

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

.btn-lg, .btn-group-lg > .btn {
    --ct-btn-padding-y: 0.5rem;
    --ct-btn-padding-x: 1rem;
    --ct-btn-font-size: 1.09375rem;
    --ct-btn-border-radius: var(--ct-border-radius-lg);
}

.btn-sm, .btn-group-sm > .btn {
    --ct-btn-padding-y: 0.28rem;
    --ct-btn-padding-x: 0.8rem;
    --ct-btn-font-size: 0.765625rem;
    --ct-btn-border-radius: var(--ct-border-radius-sm);
}

.fade {
    transition: opacity 0.15s linear;
}


.small-toolbar {
    font-size: 0.8rem !important;
}