@import url('form.css');

:root {
    --form-color-background: #10131a;

    --form-label-muted: #a1a7b3;
    --form-input-border: #2e3542;
    --form-input-background-color: #181c24;
    --form-input-text-color: #e3e6eb;
    
    --form-input-focus: #5ad2f4;
    
    --form-button-background-color: #5ad2f4;
    --form-button-hover: #6fe3ff;
    
    --table-background-color: #1f242f;
    --table-border-color: #2e3542;
    --table-thead-background-color: #181c24;
    --table-thead-text-muted: #a1a7b3;
    --table-tbody-text-color: #e3e6eb;
}

/*----------------------------------------*/
/* ADMIN */
.user-table {
    width: 50%;
}

/*----------------------------------------*/
/* T A B L E */
table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.5rem 0;
    background-color: var(--table-background-color);
    border: 1px solid var(--table-border-color);
    border-radius: var(--table-radius);
    overflow: hidden;
}

caption {
    caption-side: top;              /* top (padrão) ou bottom */
    padding: 0.75rem 1rem;
    background-color: var(--table-thead-background-color);
    color: var(--table-tbody-text-color);
    font-weight: 600;
    text-align: left;
    border-bottom: 1px solid var(--table-border-color);
}

thead {
    background-color: var(--table-thead-background-color);
}

thead th {
    padding: 0.75rem 1rem;
    text-align: left;
    font-weight: 600;
    color: var(--table-thead-text-muted);
    border-bottom: 1px solid var(--table-border-color);
}

tbody td {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--table-border-color);
    color: var(--table-tbody-text-color);
}

tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.03);
}

tbody tr:last-child td {
    border-bottom: none;
}


/*----------------------------------------*/
/* DATATABLE*/

.dt-container{
    Color:white;
}

.dt-container a{
    Color:lime;
    text-decoration: none;
}

/*----------------------------------------*/
/* Estilo comum para todas as mensagens */

.messages .message {
    position: relative; /* Torna a posição da caixa relativa ao seu próprio container */
	padding: 2px;
}

/* Estilo para mensagens */
.messages .info {
    background-color: #cfe2f3; /* Cor para mensagens fecháveis */
    color: #100080;
}
.messages .success {
    background-color: #b6d7a8; 
    color: #274e13;
}
.messages .warning {
    background-color: #ffe599; 
    color: #5f4800;
}
.messages .error {
    background-color: #fce5cd; /* Cor para mensagens fecháveis */
    color: #cc0000;
}

/* Estilo para mensagens fecháveis */
.messages .close {
    position: absolute;
    top: 1px;
    right: 5px;
    font-size: 18px;
    cursor: pointer;
}