.div-is-invalid {
    border: 1px solid #dc3545;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='%23dc3545'%20viewBox='0%200%2020%2020'%3E%3Cpath%20d='M16.707%203.293a1%201%200%2000-1.414%200L10%208.586%204.707%203.293A1%201%200%20103.293%204.707L8.586%2010%203.293%2015.293a1%201%200%20101.414%201.414L10%2011.414l5.293%205.293a1%201%200%20101.414-1.414L11.414%2010l5.293-5.293a1%201%200%20000-1.414z'/%3E%3C/svg%3E"); /* Invalid icon */
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
    border-radius: 0.25rem; 
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.ql-container {
    flex: 1;
}

.dropArea {
    border: 2px dashed #F5CBA7;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FDF2E9;
    font-size: 1.5rem;
    cursor: pointer;
    position: relative;
    min-height: 100px;
}

    .dropArea:hover {
        background-color: #FAE5D3;
        color: #333;
    }

    .dropArea input[type=file] {
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0;
        cursor: pointer;
    }

.dropAreaDrug {
    background-color: lightseagreen;
}

.showingFile {
    border: 2px dashed #AED6F1;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #EAFAF1;
    font-size: 1.5rem;
    position: relative;
    min-height: 100px;
}

.tuic_table_row_hover {
    cursor: pointer!important;
}

.tuic_table_row_hover:hover {
    background-color: #f1f1f1 !important;
}

.loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Cor preta translúcida */
    z-index: 9999; /* Mantém o overlay acima de outros elementos */
    display: none; /* Inicialmente oculto */
}

    .loading-overlay.show {
        display: block; /* Exibe o overlay quando estiver carregando */
    }

.loading-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 2rem;
    color: white;
}

.tuic-offcanvas-85perc {
    width: 85% !important;
    position: fixed !important;
    top: 0;
    height: 100vh;
    overflow-y: auto;
}

.tuic-offcanvas-90perc {
    width: 90% !important;
    position: fixed !important;
    top: 0;
    height: 100vh;
    overflow-y: auto;
}

.tuic-offcanvas-95perc {
    width: 95% !important;
    position: fixed !important;
    top: 0;
    height: 100vh;
    overflow-y: auto;
}

.offcanvas {
    display: flex !important;
    flex-direction: column !important;
    height: 100vh !important; /* Ocupa a altura total da viewport */
    overflow: hidden !important; /* Impede conteúdo fora do limite */
}

.offcanvas-header {
    flex-shrink: 0 !important;
}

.offcanvas-body {
    flex-grow: 1 !important; /* Ocupa o espaço restante */
    overflow-y: auto !important; /* Scroll quando necessário */
    padding: 0 !important; /* Remove paddings que possam interferir */
}

.tuichat_card {
    display: flex !important;
    flex-direction: column !important;
    height: 100%;
    overflow: hidden !important; 
}

.tuichat_card_row {
    flex-grow: 1 !important; /* Ocupa o espaço restante */
    overflow-y: auto !important; /* Scroll quando necessário */
    padding: 0 !important; /* Remove paddings que possam interferir */
}

.tuichat_card_row_chat_users_col {
    display: flex !important;
    flex-direction: column !important;
    height: 100%;
}

.tuichat_card_row_chat_users_col_users_card {
    flex-grow: 1 !important;
    overflow-y: auto !important; 
    padding: 0 !important; 
}


.form-check-input {
    clear: left;
}

.form-switch.form-switch-sm {
    margin-bottom: 0.5rem; /* JUST FOR STYLING PURPOSE */
}

    .form-switch.form-switch-sm .form-check-input {
        height: 1rem;
        width: calc(1rem + 0.75rem);
        border-radius: 2rem;
    }

.form-switch.form-switch-md {
    margin-bottom: 1rem; /* JUST FOR STYLING PURPOSE */
}

    .form-switch.form-switch-md .form-check-input {
        height: 1.5rem;
        width: calc(2rem + 0.75rem);
        border-radius: 3rem;
    }

.form-switch.form-switch-lg {
    margin-bottom: 1.5rem; /* JUST FOR STYLING PURPOSE */
}

    .form-switch.form-switch-lg .form-check-input {
        height: 2rem;
        width: calc(3rem + 0.75rem);
        border-radius: 4rem;
    }

.form-switch.form-switch-xl {
    margin-bottom: 2rem; /* JUST FOR STYLING PURPOSE */
}

    .form-switch.form-switch-xl .form-check-input {
        height: 2.5rem;
        width: calc(4rem + 0.75rem);
        border-radius: 5rem;
    }



/* CROP CROP CROP CROP CROP CROP CROP CROP CROP CROP  */