:root {
    --bs-primary: #00B2FF;
    --bs-text-primary: #00B2FF;
    --bs-primary-active: #0098DA;
    --bs-primary-light: #F1FAFF;
    --bs-success: #20D489;
    --bs-text-success: #20D489;
    --bs-success-light: #E4FFF4;
    --bs-success-active: #19B674;

/*    --bs-purple: #af15f1; !* Main purple color *!*/
    --bs-purple: #b54ae8; /* not so toxic */
    --bs-text-purple: #af15f1; /* Text color matching primary */
    --bs-purple-active: #9512cc; /* A slightly darker shade for active states */
    --bs-purple-light: #f8eaff; /* A very light shade for backgrounds */
}

.btn-purple {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-purple);
    --bs-btn-border-color: var(--bs-purple);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-purple-active);
    --bs-btn-hover-border-color: var(--bs-purple-active);
    --bs-btn-focus-shadow-rgb: 175, 21, 241; /* Adjusted for accessibility */
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-purple-active);
    --bs-btn-active-border-color: var(--bs-purple-active);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-purple-light);
    --bs-btn-disabled-border-color: var(--bs-purple-light);

    display: inline-block;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.375rem;
    transition: all 0.15s ease-in-out;
}

.btn-purple:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(175, 21, 241, 0.5);
}

.btn-purple:disabled {
    pointer-events: none;
    opacity: 0.65;
}


.app-engage .app-engage-btn {
    width: 74px;
    height: 100px;
}
.app-engage .app-engage-btn i{
    font-size: 2.75rem;
}

.app-engage .app-engage-btn.hover-info{
    background-color: var(--bs-purple);;
}
.app-engage .app-engage-btn.hover-info:hover {
    color: var(--bs-info-inverse);
    border-color: var(--bs-info);
    background-color: var(--bs-purple-active);;
    /*background-color: var(--bs-info);*/
/*    background-color: var(--bs-purple);*/
}
.app-engage .app-engage-btn.hover-info:hover i,
.app-engage .app-engage-btn.hover-info:hover .svg-icon {
    color: var(--bs-info-inverse);
}


/*
:root {
    --header-size: 5em; !* Example height *!
    --footer-size: 5.9em;
    --chat-height: calc(100vh - (var(--header-size) + var(--footer-size) + 60px));
}
*/

/*@font-face {*/
/*    font-family: 'Assistant';*/
/*    src: url('../fonts/assistant/Assistant-VariableFont_wght.ttf') format('truetype');*/
/*    font-weight: 100 900;*/
/*    font-style: normal;*/
/*    font-display: swap;*/
/*}*/

body {
    /*font-family: 'Assistant', sans-serif;*/
    /*font-size: 18px;*/
}

.hidden {
    display: none;
}

/* Change Bootstrap radio button color when checked */
.form-check-input{
    cursor: pointer;
}
.form-check-input:checked {
    background-color: var(--bs-purple) !important; /* Change to Bootstrap color */
    border-color: var(--bs-purple) !important;
}

.text-pre-line {
    white-space: pre-line !important;
}

.text-pre-wrap {
    white-space: pre-wrap !important;
}

.text-pre-normal {
    white-space: normal !important;
}


/*.header-fixed[data-kt-sticky-header=on] .header {*/
/*    background-color: var(--switch-bg-on);*/
/*}*/
/*.header-fixed[data-kt-sticky-header=on] .header .header-menu-item:hover{*/
/*    background-color: var(--bg-info-lighter) !important;*/
/*}*/
/*.header-fixed[data-kt-sticky-header=on] .header .header-menu-item i{*/
/*    color: var(--bs-text-white) !important;*/
/*}*/

/* ------------------------------------------------------------------------------ */
/* Increase tooltip width and align text to the start */
.tooltip{
    opacity: 1 !important;
}
.tooltip .tooltip-inner {
    min-width: 250px; /* Adjust width */
    max-width: 750px; /* Adjust width */
    text-align: start; /* Align text to start */
    white-space: normal; /* Allow line breaks */
    padding: 8px 12px;
    font-size: 14px;
    color: var(--bs-white);
    background-color: #222529;
}

/* Ensure the textarea resizes properly */
.auto-expand {
    overflow-y: hidden;
    resize: none; /* Prevent manual resizing */
    min-height: 56px;
}

/* ------------------------------------------------------------------------------ */
.alert-success {
    color: #298a62;
    border-color: #298a62;
    background-color: var(--bs-success-light);
}
.alert-success .ki-duotone.text-success{
    color: #298a62 !important;
}

/* ------------------------------------------------------------------------------ */
#global_notification
{
    position: fixed;
    top: 5em;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 10000;
}
#global_notification .alert {
    border-radius: .6em;
    border-width: 3px;
}
.global-notification-img{
    flex-basis: 2em;
    flex-shrink: 0;
}
#global_notification .btn-close {
    top: 50%;
    left: .7em;
    transform: translate(0, -50%);
}

/* ------------------------------------------------------------------------------ */

.processing {
    position: relative;
}

.processing::after {
    content: '';
    background: rgba(0, 0, 0, 0.1) url(../img/loader.gif) no-repeat center center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9998;
}

.processing_progress::before {
    content: attr(data-percent);
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    z-index: 9999;
    transform: translate(-50%, -50%);
    border: 1px solid transparent;
    padding: 24px;
    border-radius: 50%;
    background-color: #656565;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ------------------------------------------------------------------------------ */
/* Fix for login, signup and other forms */
.required:after {
    content: "" !important;
}

.required > label:after {
    content: "*";
    position: relative;
    font-size: inherit;
    color: var(--bs-danger);
    padding-right: 0.25rem;
    font-weight: 600;
}

.user-no-select {
    -webkit-user-select: none !important;
    -webkit-touch-callout: none !important;
    user-select: none !important;
}