/*
    Created on : 25/04/2025 13:03
    Author     : Matheus
*/

.form-group {
    position: relative;
}

label.error {
    position: absolute;
    bottom: -24px;
    display: block;
    float: none;
    color: rgb(185, 74, 72);
    font-weight: inherit;
    font-size: 12px;
}

.modal-body label.error {
    position: inherit;
    bottom: inherit;
    vertical-align: top;
    margin-bottom: -8px;
    z-index: 5;
}

.log-w3 label.error {
    position: relative;
    bottom: 15px;
    vertical-align: top;
    margin-bottom: -8px;
}

.reg-w3 label.error {
    position: relative;
    bottom: 15px;
    vertical-align: top;
    margin-bottom: -8px;
}

label.dtSearch {
    display: block;
    float: none;
    color: black;
    vertical-align: top;
    font-weight: inherit;
    font-size: small;
    margin-bottom: -8px;
    z-index: 5;
}

/* ==========================================================================
   IMPLEMENTAÇÃO SELECT2 (SINGLE & MULTIPLE)
   ========================================================================== */

/* Altura padrão para os textos renderizados */
.select2-selection__rendered {
    line-height: 32px !important;
}

/* Select2 Single */
.select2-container .select2-selection--single {
    height: 34px !important;
}

.select2-selection__arrow {
    height: 34px !important;
}

/* Select2 Multiple - Mantendo altura de 34px e evitando que 'engorde' */
.select2-container--default .select2-selection--multiple {
    min-height: 34px !important;
    max-height: 34px !important;
    height: 34px !important;
    border: 1px solid #ccc !important;
    overflow: hidden !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    display: flex !important;
    flex-wrap: nowrap !important; /* Impede quebra de linha */
    overflow-x: auto !important; /* Scroll horizontal se houver muitas tags */
    line-height: normal !important;
    padding: 0 5px !important;
    align-items: center;
    height: 32px;
}

/* Estilo das Tags (Choices) no Multiple */
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 1px 6px !important;
    font-size: 14px;
    background-color: #e4e4e4;
    border: 1px solid #aaa;
}

.select2-container--default .select2-selection--multiple .select2-search__field {
    margin-top: 0 !important;
    height: 28px !important;
}

/* Largura total */
.select2-container {
    width: 100% !important;
}

.has-error .select2-selection {
    border-color: rgb(185, 74, 72) !important;
}

select[readonly].select2-hidden-accessible + .select2-container {
    pointer-events: none;
    touch-action: none;
    cursor: not-allowed; /* Padrão do Bootstrap */
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
    background-color: #eeeeee; /* Cor exata do BS3 @input-bg-disabled */
    border-color: #cccccc;     /* Cor exata do BS3 @input-border */
    box-shadow: none;
    opacity: 1;                /* Resetamos a opacidade pois o BS3 usa cor sólida */
}

/* Ajuste para garantir que o texto também pareça desabilitado */
select[readonly].select2-hidden-accessible + .select2-container .select2-selection__rendered {
    color: #777;               /* Cor do texto desabilitado no BS3 */
}

/* ==========================================================================
   ESTRUTURA DE LABELS E BOTÕES
   ========================================================================== */

/* Padroniza a altura de todos os labels para evitar desalinhamento */
.form-group label {
    height: 20px;
    margin-bottom: 4px !important;
}

/* Container específico para Labels com botões */
.label-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 20px;
    margin-bottom: 4px;
}

.label-wrapper label {
    margin-bottom: 0 !important;
}

/* Botões de ação pequenos ao lado do label */
.btn-action {
    padding: 0 6px;
    font-size: 10px;
    text-transform: uppercase;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    height: 18px;
    line-height: 18px;
    font-weight: bold;
    color: #fff;
}

/* ==========================================================================
   OUTROS ESTILOS
   ========================================================================== */

.form-group textarea {
    resize: vertical;
}

/*Estilo para a barra de rolagem*/
::-webkit-scrollbar-track {
    background-color: rgb(230,231,232);
}
::-webkit-scrollbar {
    width: 10px;
    background: #fff;
}
::-webkit-scrollbar-thumb {
    background: #006400;
}
::-webkit-scrollbar-corner {
    background: #006400;
}

#mycalendar {
    width: 100%;
    margin: 0 0 0 0;
    max-width: 100%;
    border: 10px solid #2b2b2b;
}

.dataTables_scrollHeadInner, .dataTables_scrollFootInner, .table{
    width:100%!important
}

.dtInactive {
    background-color: #fae0e0 !important;
}