/* PRINCIPAL FOLHA DE ESTILO CSS. PROGRAME EM INGLÊS PARA MANTER O PADRÃO DE DESENVOLVIMENTO INTERNACIONAL */

/* FONTS */
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('form.css');

body {
    font-family:  'Open Sans','Calibri','Comfortaa', Arial, Helvetica, sans-serif;
    font-size: 14px;
}

#mainContent {
    margin-top: 70px;
    margin-left: 250px;
    /* Espaço inicial da sidebar */
    padding: 10px;
}

/*
--------------------------------------------------
PAGES
--------------------------------------------------
*/
.title {
    font-weight: 400;
    font-size: 20px;
    color: #000038;
}

.nowrap {
    white-space: nowrap;
}

.label_pointer:hover {
    cursor: pointer
}

/*
--------------------------------------------------
CARDS
--------------------------------------------------
*/

.card,
.card-footer {
    font-size: 12px;
    font-family: 'Open Sans';
}

.card-header {
    font-size: 16px;
}

.card-green,
.card-green #eqBackButton {
    background-color: #578E5D;
    color: #fff;
}


/*
--------------------------------------------------
NOTIFICAÇÕES
--------------------------------------------------
*/
.toast-body {
    color: black;
}


/*
--------------------------------------------------
BOOTSTRAP 4 TO 5 TOP FEATURES
--------------------------------------------------
*/
/* Margin Top Classes */
.mt-0 {
    margin-top: 0 !important;
}

.mt-1 {
    margin-top: 0.25rem !important;
}

.mt-2 {
    margin-top: 0.5rem !important;
}

.mt-3 {
    margin-top: 1rem !important;
}

.mt-4 {
    margin-top: 1.5rem !important;
}

.mt-5 {
    margin-top: 3rem !important;
}

/* Margin Bottom Classes */
.mb-0 {
    margin-bottom: 0 !important;
}

.mb-1 {
    margin-bottom: 0.25rem !important;
}

.mb-2 {
    margin-bottom: 0.5rem !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.mb-4 {
    margin-bottom: 1.5rem !important;
}

.mb-5 {
    margin-bottom: 3rem !important;
}


/*--------------------------*/
/* Customização SweetAlert2 - Estilo Google Material 3 / e-Quality */

/* 1. O Container Principal (Modal) */
.swal2-popup {
    font-family: 'Open Sans', sans-serif !important;
    border-radius: 10px !important; /* Estilo Material 3 */
    padding: 0.5rem !important;
    background: #ffffff !important;
    box-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
}

/* 2. Título */
.swal2-title {
    color: #1f1f1f !important;
    font-weight: 400 !important;
    font-size: 1.8rem !important;
    padding-top: 0 !important;
}

/* 3. Texto de Conteúdo */
.swal2-html-container {
    color: #444746 !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
}

/* 4. Botões (Usando sua identidade visual) */
.swal2-actions {
    margin-top: 1.5rem !important;
    gap: 12px;
    margin-bottom: 1.5rem !important;
}

/* Botão de Confirmação (Verde da sua Logo) */
.swal2-confirm {
    background-color: #578E5D !important; /* Verde e-Quality */
    color: white !important;
    border-radius: 100px !important; /* Botão pílula Material */
    padding: 10px 18px !important;
    font-weight: 400 !important;
    font-size: 0.875rem !important;
    letter-spacing: 0.2px !important;
    box-shadow: none !important;
    transition: background-color 0.2s, transform 0.1s !important;
}

.swal2-confirm:hover {
    background-color: #345a39 !important; /* Tom mais escuro no hover */
}

/* Botão de Cancelar (Azul Marinho ou Neutro) */
.swal2-cancel {
    background-color: #8e5757 !important; /* Verde e-Quality */
    color: white !important;
    border-radius: 100px !important; /* Botão pílula Material */
    padding: 10px 18px !important;
    font-weight: 400 !important;
    font-size: 0.875rem !important;
    letter-spacing: 0.2px !important;
    box-shadow: none !important;
    transition: background-color 0.2s, transform 0.1s !important;
}

.swal2-cancel:hover {
    background-color: #690000 !important;
}

/* 5. Ícones (Sucesso, Erro, etc) */
.swal2-icon {
    border-width: 2px !important;
    margin-bottom: 1.0rem !important;
}

.swal2-icon.swal2-success {
    border-color: #578E5D !important;
    color: #578E5D !important;
}

.swal2-icon.swal2-success [class^='swal2-success-line'] {
    background-color: #578E5D !important;
}

.swal2-icon.swal2-success .swal2-success-ring {
    border: 0.25em solid rgba(87, 142, 93, 0.3) !important;
}

/* Ícone de ERRO (Danger) */
.swal2-icon.swal2-error {
    border-color: #b3261e !important; /* Vermelho Material */
    color: #b3261e !important;
}
.swal2-icon.swal2-error [class^='swal2-x-mark-line'] {
    background-color: #b3261e !important;
}

/* Ícone de ATENÇÃO (Warning) */
.swal2-icon.swal2-warning {
    border-color: #f9ab00 !important; /* Amarelo Google */
    color: #f9ab00 !important;
}
/* Estilizando o exclamação dentro do warning */
.swal2-icon.swal2-warning .swal2-icon-content {
    color: #f9ab00 !important;
}

/* Ícone de INFORMAÇÃO (Info) */
.swal2-icon.swal2-info {
    border-color: #1a73e8 !important; /* Azul Google */
    color: #1a73e8 !important;
}
.swal2-icon.swal2-info .swal2-icon-content {
    color: #1a73e8 !important;
}

/* --- ESTILIZAÇÃO DOS INPUTS DENTRO DO SWAL --- */
/* (Caso você use Swal.fire com input: 'text' ou 'textarea') */
.swal2-input, .swal2-textarea {
    border-radius: 8px !important;
    border: 1px solid #dadce0 !important;
    box-shadow: none !important;
    font-size: 0.95rem !important;
    transition: border-color 0.2s !important;
}

.swal2-input:focus, .swal2-textarea:focus {
    border-color: #578E5D !important; /* Foca no Verde da sua logo */
    outline: none !important;
}

/* Barra de progresso (se usar timer) */
.swal2-timer-progress-bar {
    background: #578E5D !important;
}