:root {
    --tbr-primary: #0283D1;
    --tbr-secondary: #994BD4;
    --tbr-success: #50cd89;
    --tbr-warning: #F6C000;


    --tbr-bg-primary-light: rgba(5, 131, 210, 0.1);
    --tbr-bg-secondary-light: rgba(180, 118, 229, 0.1);
    --tbr-bg-success-light: rgba(80, 205, 137, 0.1);
    --tbr-bg-warning-light: rgba(246, 192, 0, 0.1);
    --tbr-bg-danger-light: rgba(241, 65, 108, 0.1);
    --tbr-bg-fibonacci-blue: rgba(13, 37, 91, 1);

    --tbr-bg-primary: #FCFCFC;
    --tbr-bg-secondary: #FFFFFF;
    --tbr-bg-form: #F6F6F9;
    --tbr-bg-form-checkbox: #F5F5F8;
    --tbr-bg-table-hover: #FCFCFC;
    --tbr-bg-auth: #F8F7FC;

    --tbr-danger: #F1416C;

}

[data-bs-theme="dark"] {
    --tbr-bg-primary: #0F1014;
    --tbr-bg-secondary: #15171C;
    --tbr-bg-form: #1B1C21;
    --tbr-bg-form-checkbox: #26272F;
    --tbr-bg-table-hover: #1B1C21;
    --tbr-bg-auth: #0F1014;
    --tbr-bg-primary-light: rgba(240, 248, 255, 0.1);

}

[data-bs-theme="light"] {
    --tbr-bg-primary: #FCFCFC;
    --tbr-bg-secondary: #FFFFFF;
    --tbr-bg-form: #F6F6F9;
    --tbr-bg-form-checkbox: #F5F5F8;
    --tbr-bg-table-hover: #FCFCFC;
    --tbr-bg-auth: #F8F7FC;
    --tbr-bg-primary-light: rgba(240, 248, 255, 1);
}

body, html {
    font-family: 'Lexend', sans-serif !important;
}

.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(--tbr-primary);
}

.tooltip .tooltip-inner {
    font-family: 'Lexend', sans-serif !important;
}

/* ===================================
 * Rewrite button UI.
=================================== */
.btn.btn-primary {
    transition: all .3s;
    background: hsla(274, 61%, 56%, 1);
    background: linear-gradient(-45deg, hsla(274, 61%, 56%, 1) 0%, hsla(203, 95%, 42%, 1) 40%);
    background: -moz-linear-gradient(-45deg, hsla(274, 61%, 56%, 1) 0%, hsla(203, 95%, 42%, 1) 40%);
    background: -webkit-linear-gradient(-45deg, hsla(274, 61%, 56%, 1) 0%, hsla(203, 95%, 42%, 1) 40%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#984AD3", endColorstr="#0583D2", GradientType=1 );
}

.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active {
    box-shadow: 0px 14px 25px -10px rgba(5, 131, 210, 0.60), 0px 10px 17px -5px rgba(5, 131, 210, 0.20) !important;
}

.tbr_btn.tbr_btn--light-primary,
.tbr_btn.tbr_btn--light-primary:active {
    background:var(--tbr-bg-primary-light);
    color: var(--tbr-primary);
    transition: all .3s ease;
}

.tbr_btn.tbr_btn--light-primary:hover {
    background: var(--tbr-primary);
    color: white;
    transition: all .3s ease;
}

html .tbr_btn.tbr_btn--danger,
html .tbr_btn.tbr_btn--danger:active {
    background: var(--tbr-danger);
    color: white;
    transition: all .3s ease;
}

html .tbr_btn.tbr_btn--danger:hover {
    box-shadow: 0px 14px 25px -10px rgba(241, 65, 108, 0.6), 0px 10px 17px -5px rgba(239, 73, 122, 0.2) !important;
    transition: all .3s ease;
}

html .tbr_btn.tbr_btn--light-danger,
html .tbr_btn.tbr_btn--light-danger:active {
    background: var(--tbr-bg-danger-light);
    color: var(--tbr-danger);
    transition: all .3s ease;
}

html .tbr_btn.tbr_btn--light-danger:hover {
    color: white;
    background-color: var(--tbr-danger);
    transition: all .3s ease;
}

.tbr_btn--primary,
.tbr_btn--primary:hover,
.tbr_btn--primary:focus,
.tbr_btn--primary:active {
    color: #FFFFFF !important;
    background-color: var(--tbr-primary) !important;
    transition: all .3s;
}

.tbr_btn--primary:hover {
    box-shadow: 0px 14px 25px -10px rgba(2, 131, 209, 0.60), 0px 10px 17px -5px rgb(2, 131, 209, 0.2) !important;
}

.tbr_btn--purple,
.tbr_btn--purple:hover,
.tbr_btn--purple:focus,
.tbr_btn--purple:active {
    color: #FFFFFF !important;
    background-color: var(--tbr-secondary) !important;
    transition: all .3s;
}

.tbr_btn--purple:hover {
    box-shadow: 0px 14px 25px -10px rgba(153, 75, 212, 0.60), 0px 10px 17px -5px rgba(5, 131, 210, 0.20) !important;
}

.tbr_btn--success,
.tbr_btn--success:hover,
.tbr_btn--success:focus,
.tbr_btn--success:active {
    color: #FFFFFF !important;
    background-color: var(--tbr-success) !important;
    transition: all .3s;
}

.tbr_btn--success:hover {
    box-shadow: 0px 14px 25px -10px rgba(80, 205, 137, 0.60), 0px 10px 17px -5px rgba(80, 205, 137, 0.20) !important;
}

.tbr_btn--white-secondary,
.tbr_btn--white-secondary:hover,
.tbr_btn--white-secondary:focus,
.tbr_btn--white-secondary:active {
    color: var(--tbr-primary) !important;
    background-color: var(--tbr-bg-primary-light) !important;
    transition: all .3s;
}
[data-bs-theme='dark'] .tbr_btn--white-secondary{
    color: white !important;
}
html .tbr_btn.tbr_btn--white-secondary:hover {
    box-shadow: 0px 14px 25px -10px rgba(240, 248, 255, 0.6), 0px 10px 17px -5px rgba(240, 248, 255, 0.2) !important;
    transition: all .3s ease;
}

[data-bs-theme='dark'] .tbr_btn.tbr_btn--white-secondary:hover {
    box-shadow: 0px 14px 25px -10px rgba(36,38,42, 0.6), 0px 10px 17px -5px rgba(36,38,42, 0.2) !important;
    transition: all .3s ease;
}

html .tbr_btn.tbr_btn--light-primary,
html .tbr_btn.tbr_btn--light-primary:active {
    background: var(--tbr-bg-primary-light);
    color: var(--tbr-primary);
    transition: all 0.3s ease;
}

html .tbr_btn.tbr_btn--light-primary:hover {
    background: var(--tbr-primary);
    color: white;
    transition: all 0.3s ease;
}

html .tbr_btn.tbr_btn--light-primary:hover > svg path {
    fill: white;
    transition: all 0.3s ease;
}


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

html .tbr_btn--icon.tbr_btn--light-primary,
html .tbr_btn--icon.tbr_btn--light-primary:active {
    min-width: 48px;
    min-height: 48px;
    width: 48px;
    height: 48px;
    max-width: 48px;
    border-radius: 8px;
    max-height: 48px;
    padding: 0 !important;
    background: var(--tbr-bg-primary-light);
    color: var(--tbr-bright-gray-950);
    transition: all .3s ease;
}

html .tbr_btn--icon.tbr_btn--light-primary:hover {
    background: var(--tbr-primary);
    transition: all .3s ease;
}

html .tbr_btn--icon.tbr_btn--light-primary:hover > svg path {
    fill: white;
    transition: all .3s ease;
}

html .tbr_btn.tbr_btn--light-danger,
html .tbr_btn.tbr_btn--light-danger:active {
    background: var(--tbr-bg-danger-light);
    color: var(--tbr-danger);
    transition: all 0.3s ease;
}

html .tbr_btn.tbr_btn--light-danger:hover {
    color: white;
    background-color: var(--tbr-danger);
    transition: all 0.3s ease;
}

html .tbr_btn.tbr_btn--light-danger:hover > svg path {
    fill: white;
}

html .tbr_btn.tbr_btn--light-success,
html .tbr_btn.tbr_btn--light-success:active {
    background: var(--tbr-bg-success-light);
    color: var(--tbr-success);
    transition: all 0.3s ease;
}

html .tbr_btn.tbr_btn--light-success:hover {
    color: white;
    background-color: var(--tbr-success);
    transition: all 0.3s ease;
}

html .tbr_btn.tbr_btn--light-success:hover > svg path {
    fill: white;
}


html .tbr_btn--icon.tbr_btn--light-secondary,
html .tbr_btn--icon.tbr_btn--light-secondary:active {
    min-width: 48px;
    min-height: 48px;
    width: 48px;
    height: 48px;
    max-width: 48px;
    border-radius: 8px;
    max-height: 48px;
    padding: 0 !important;
    background: var(--tbr-bg-secondary-light);
    color: var(--tbr-bright-gray-950);
    transition: all .3s ease;
}

html .tbr_btn--icon.tbr_btn--light-secondary:hover {
    background: var(--tbr-secondary);
    transition: all .3s ease;
}

html .tbr_btn--icon.tbr_btn--light-secondary:hover > svg path {
    fill: white;
    transition: all .3s ease;
}

html .tbr_btn--icon.tbr_btn--light-danger,
html .tbr_btn--icon.tbr_btn--light-danger:active {
    min-width: 48px;
    min-height: 48px;
    width: 48px;
    height: 48px;
    max-width: 48px;
    border-radius: 8px;
    max-height: 48px;
    padding: 0 !important;
    background: var(--tbr-bg-danger-light);
    color: var(--tbr-bright-gray-950);
    transition: all .3s ease;
}

html .tbr_btn--icon.tbr_btn--light-danger:hover {
    background: var(--tbr-danger);
    transition: all .3s ease;
}

html .tbr_btn--icon.tbr_btn--light-danger:hover > svg path {
    fill: white;
    transition: all .3s ease;
}

html .tbr_btn--icon.tbr_btn--light-success,
html .tbr_btn--icon.tbr_btn--light-success:active {
    min-width: 48px;
    min-height: 48px;
    width: 48px;
    height: 48px;
    max-width: 48px;
    border-radius: 8px;
    max-height: 48px;
    padding: 0 !important;
    background: var(--tbr-bg-success-light);
    color: var(--tbr-bright-gray-950);
    transition: all 0.3s ease;
}

html .tbr_btn--icon.tbr_btn--light-success:hover {
    background: var(--tbr-success);
    transition: all 0.3s ease;
}

html .tbr_btn--icon.tbr_btn--light-success:hover > svg path {
    fill: white;
    transition: all 0.3s ease;
}

html .tbr_btn--icon.sm,
html .tbr_btn--icon.sm:active {
    min-width: 34px;
    min-height: 34px;
    width: 34px;
    height: 34px;
    max-width: 34px;
    max-height: 34px;
}

/* ===================================
 * Term and conditon info.
=================================== */
.tbr_info--term-condition {
    position: relative;
    overflow: hidden;
    background-color: rgba(180, 118, 229, 0.2);
}

.tbr_info--term-condition::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background-color: var(--tbr-bg-fibonacci-blue);
}

.tbr_info--term-condition h5,
.tbr_info--term-condition p {
    color: #FFFFFF;
}

.tbr_info--term-condition a:not(.btn),
.tbr_info--term-condition > i {
    color: #CDA0F0 !important;
}

.tbr_info--term-condition-style-2 {
    position: relative;
    overflow: hidden;
    transition: .3s;
    background: hsla(274, 61%, 56%, 1);
    background: linear-gradient(-45deg, hsla(274, 61%, 56%, 1) 0%, hsla(203, 95%, 42%, 1) 40%);
    background: -moz-linear-gradient(-45deg, hsla(274, 61%, 56%, 1) 0%, hsla(203, 95%, 42%, 1) 40%);
    background: -webkit-linear-gradient(-45deg, hsla(274, 61%, 56%, 1) 0%, hsla(203, 95%, 42%, 1) 40%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#984AD3", endColorstr="#0583D2", GradientType=1 );
}

.tbr_info--term-condition-style-2 h5,
.tbr_info--term-condition-style-2 p {
    color: #FFFFFF;
}

.tbr_info--term-condition-style-2 a:not(.btn),
.tbr_info--term-condition-style-2 > i {
    color: #FFFFFF !important;
}

.tbr_info--term-condition-style-2 .btn {
    border: 2px solid rgba(255, 255, 255, 0.7) !important;
}

.tbr_info--term-condition-style-2 .btn:hover {
    background-color: #822CC5 !important;
    box-shadow: none !important;
}

.tbr_info--term-condition-style-2 a {
    position: relative;
}

.tbr_info--term-condition-style-2 a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 100%;
    height: 2px;
    border-radius: 4px;
    background-color: #FFFFFF;
}

/* ===================================
 * Custom forms.
=================================== */
input.form-control:not(.tbr_header--search),
select.form-control {
    min-height: 48px;
}

.form-control[disabled] {
    background-color: #7780A133;
    border-color: #7780A133 !important;
    font-weight: 500;
}

.form-control,
.form-select {
    border: 2px solid var(--tbr-bg-form);
    background-color: var(--tbr-bg-form);
    border-radius: 10px;
    box-shadow: none !important;
    outline: none !important;
    transition: all .3s ease;
}

.form-control:focus {
    background-color:  var(--tbr-bg-primary);
    border-color: var(--tbr-primary);
    transition: all .3s ease;
}

input[type='checkbox'] {
    width: 20px;
    height: 20px;
    border: none;
    background-color: var(--tbr-bg-form-checkbox);
}

.form-group label {
    color: #7780A1;
    font-size: 14px;
    font-weight: 500 !important;
}

.form-check.form-check-solid .form-check-input:not(:checked) {
    width: 22px;
    height: 22px;
    transition: all .3s ease;
    background-color: var(--tbr-bg-form-checkbox);
}

input[type='radio'].form-check-input:checked {
    width: 22px;
    height: 22px;
    background-color: var(--tbr-primary);
    transition: all .3s ease;
}

.input-group .input-group-text {
    background-color: var(--tbr-primary);
    color: white;
    border: none;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.input-group .input-group-text > svg path {
    fill: white;
}

.form-select.form-select-solid {
    background-color: var(--tbr-bg-form);
}

.form-select.form-select-solid[aria-expanded='true'] {
    border-color: var(--tbr-primary) !important;
    transition: all .3s ease;
}

.form-check-custom {
    position: relative;
}

.form-check-custom .form-check-input:checked[type=radio] {
    background-image: none !important;
}

.form-check-custom .form-check-input::before {
    content: '';
    position: absolute;
    top: 6px;
    left: 6px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: var(--tbr-bg-form-checkbox);
}

.tbr_stage--icon .btn {
    width: 40px;
    height: 40px;
    display: flex;
    border-radius: 12px;
    align-items: center;
    justify-content: center;
    background-color: #FAF6FE;
    padding: 0 !important;
}

[data-bs-theme='dark'] .tbr_stage--icon .btn {
    background-color: #23242E;
}

/* ===================================
 * Alert styles.
=================================== */
.tbr_alert {
    border-radius: 16px;
    padding: 16px;
    border-width: 2px;
    display: flex;
    gap: 16px;
    align-items: center;
}
.tbr_alert.dashed {
    border-style: dashed;
}
.tbr_alert.tbr_alert--primary {
    border-color: #B476E5;
    background-color: #423372;
}

/* ===================================
 * Custom alerts.
=================================== */
.tbr_alert_custom {
    border-radius: 4px;
    padding: 12px 16px 12px 16px;
    display: flex;
    align-items: center;
}

.tbr_alert_custom.tbr_alert--warning {
    color: var(--tbr-warning--basic) !important;
    background-color: var(--tbr-bg-warning-light);
}

.tbr_alert_custom.tbr_alert--danger {
    color: var(--tbr-danger);
    background-color: var(--tbr-bg-danger-light);
}

.tbr_alert_custom.tbr_alert--success {
    color: var(--tbr-success);
    background-color: var(--tbr-bg-success-light);
}

.tbr_alert_custom.tbr_alert--secondary {
    color: var(--tbr-secondary);
    background-color: var(--tbr-bg-secondary-light);
}

.tbr_alert_custom.tbr_alert--primary {
    color: var(--tbr-primary);
    background-color: var(--tbr-bg-primary-light);
}

.tbr_alert_custom.tbr_border--primary {
    border-radius: 8px;
    color: unset !important;
    border: 2px dashed var(--tbr-primary);
    padding: 19px 10px 19px 10px;
}

/* ===================================
 * Other styles.
=================================== */
.tbr_order--info,
.tbr_order--info li {
    padding: 0 !important;
    margin: 0 20px 0 0 !important;
    list-style-type: none !important;
}

.tbr_order--info {
    display: flex;
    flex-wrap: wrap;
}

.tbr_order--info li {
    position: relative;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.4;
}

.tbr_order--info li::after {
    content: '';
    position: absolute;
    top: 8px;
    right: -12px;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background-color: rgba(205, 160, 240, 0.5);
}

.tbr_order--info li:last-child::after {
    display: none;
}

.tbr_bg--light-success {
    background-color: rgba(232, 255, 243, 1);
    color: rgba(119, 128, 161, 1);
}
[data-bs-theme='dark'] .tbr_bg--light-success {
    background-color: rgba(232, 255, 243, 0.1);
    color: white;
}

.tbr_bg--light-warning {
    background-color: var(--tbr-bg-warning-light);
    color: var(--tbr-warning);
}

/* ===================================
 * Text styles.
=================================== */
.tbr_text--purple {
    color: #B476E5 !important;
}

.tbr_text--secondary {
    color: var(--tbr-secondary) !important;
}

.tbr_text--success-light {
    color: #E8FFF3 !important
}

/* ===================================
 * Text styles.
=================================== */
.tbr_timeline--horizontal {
    display: flex;
    flex-direction: row;
    --bs-timeline-icon-size: 38px;
    --bs-timeline-icon-space: 0.35rem;
    justify-content: space-between;
}

.tbr_timeline--horizontal .timeline-line {
    display: block;
    content: " ";
    justify-content: center;
    position: absolute;
    z-index: 0;
    /* left: 0; */
    left: var(--bs-timeline-icon-size);
    /* bottom: 0; */
    /* transform: translate(50%); */
    border-width: 1px;
    border-style: solid;
    border-color: var(--bs-gray-900);
    height: var(--bs-timeline-icon-size);
    margin-top: var(--bs-timeline-icon-space);
    margin-bottom: var(--bs-timeline-icon-space);
}

.breadcrumb .breadcrumb-item::after {
    content: "";
    padding-left: 0;
    margin-left: 8px;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' d='M6.8932 12.6662C6.76078 12.667 6.63114 12.6283 6.52079 12.5551C6.41044 12.4819 6.3244 12.3775 6.27362 12.2552C6.22284 12.1329 6.20963 11.9983 6.23568 11.8684C6.26173 11.7386 6.32585 11.6195 6.41987 11.5262L9.89987 7.99955L6.41987 4.55288C6.35771 4.49073 6.3084 4.41693 6.27476 4.33572C6.24112 4.2545 6.22381 4.16746 6.22381 4.07955C6.22381 3.99164 6.24112 3.9046 6.27476 3.82338C6.3084 3.74217 6.35771 3.66838 6.41987 3.60622C6.48203 3.54406 6.55582 3.49475 6.63703 3.46111C6.71825 3.42747 6.80529 3.41016 6.8932 3.41016C6.98111 3.41016 7.06815 3.42747 7.14937 3.46111C7.23058 3.49475 7.30437 3.54406 7.36653 3.60622L11.3332 7.55955C11.4574 7.68446 11.5271 7.85343 11.5271 8.02955C11.5271 8.20567 11.4574 8.37464 11.3332 8.49955L7.38653 12.4462C7.3242 12.5153 7.24811 12.5705 7.16315 12.6084C7.07818 12.6463 6.98623 12.666 6.8932 12.6662Z' fill='%237E8299'/%3E%3C/svg%3E%0A");
}

.card-shadow {
    box-shadow: 0px 12px 30px 0px #252F4A1A !important;
}