body {
    font: var(--text-style-b3);
    background: #eff3f6;
}

#idStatusTreat {
    margin-left: 8px;
    margin-top: 2px;
}

table.next th {
    background: #eff3f6;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
}

table.next th:first-child {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    padding-left: 1rem;
}

table.next th:last-child {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    padding-right: 1rem;
}

table.next {
    border-collapse: collapse;
    width: 100%;
    position: relative;
}

table.next td:last-child {
    padding-right: 1rem;
    text-align: right;
}

table.form-table td {
    padding: 0 8px;
}

/*================================================*/
/*=====================================ENROLLMENT=*/

#help-button {
    margin-left: 8px;
    margin-top: 2px;
}

.enrollment-list table.next td:last-child {
    display: flex !important;
    justify-content: center !important;
    text-align: center !important;
}

.pseudoacord {
    background: #eff3f6;
    border-radius: 8px;
    padding: 8px;
    margin-bottom: 8px;
}

.pseudoacord .title {
    font: var(--text-style-b1);
    /* padding: 0 1rem 8px 1rem; */
    position: relative;
}

.pseudoacord .title button {
    position: absolute;
    right: 0;
    top: 0;
}

.pseudoacord .body {
    background: var(--white-pure);
    border-radius: 8px;
    padding: 8px;
}

.input select {
    border: 0;
    outline: 0;
    font: var(--text-style-b3);
    width: 100%;
}

.clinicians-options {
    position: absolute;
    display: flex;
    flex-direction: column;
    background-color: white;
    padding: 1rem;
    gap: 4px;
    border-radius: 0.8rem;
    border: 1px solid grey;
}

.scroll {
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-gutter: stable;
    padding-right: 8px;
    padding-left: 16px;
}

.calendar .scroll {
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0px;
}

.scroll .page-section-content.scroll {
   padding: 0px;
}

.input textarea {
    background: var(--white-pure);
    border: 1px solid var(--main-tertiary-300);
    border-radius: 10px;
    width: 100%;
    padding: 8px;
    font: var(--text-style-b3, 400);
}




.badge-notification-chat-0 {
    display: none;
}

.nextsus-dialog-title {
    gap: var(--separador-main);

}

/*AI USE CASE 1: TEXT2SPEECH => !!Copy this styles to correct styles page when implementing*/
.popup-loader-text {
    width: 50px;
    height: 15px;
    padding-left: 8px;
    --_g: no-repeat radial-gradient(circle closest-side, #4c4c4c 90%, #0000);
    background:
        var(--_g) 0% 0%,
        var(--_g) 33.33% 0%,
        var(--_g) 66.66% 0%,
        var(--_g) 100% 0%;
    background-size: calc(100% / 4) 40%;
    animation: dotsLoader 1s infinite linear;
}

.popup-loader-audio {
    width: 50px;
    height: 15px;
    padding-left: 8px;
    --_g: no-repeat radial-gradient(circle closest-side, #339DFF 90%, #0000);
    background:
        var(--_g) 0% 0%,
        var(--_g) 33.33% 0%,
        var(--_g) 66.66% 0%,
        var(--_g) 100% 0%;
    background-size: calc(100% / 4) 40%;
    animation: dotsLoader 1s infinite linear;
}

@keyframes dotsLoader {

    0%,
    100% {
        background-position: 0% 100%, 33.33% 50%, 66.66% 0%, 100% 50%;
    }

    25% {
        background-position: 0% 50%, 33.33% 100%, 66.66% 50%, 100% 0%;
    }

    50% {
        background-position: 0% 0%, 33.33% 50%, 66.66% 100%, 100% 50%;
    }

    75% {
        background-position: 0% 50%, 33.33% 0%, 66.66% 50%, 100% 100%;
    }

}

body.desktop #textToSpeech-popup {
    max-width: 750px;
}

#textToSpeech-popup .text-container .title {
    font: var(--text-style-b1);
    font-size: 18px;
    font-weight: 600;
    padding: 16px 0 0 16px;
}

#textToSpeech-popup .text-container .text-content {
    padding: 0 12px 0 16px;
}

#textToSpeech-popup .text-container {
    max-height: 20rem;
    line-height: 20px;
}

#textToSpeech-popup .text-container .input {
    padding-left: 0;
}

#textToSpeech-popup .text-container .input .input-helper {
    padding-left: 0;
}