/* SEDUC DPID - Manuel Afonso 47061 em 13/10/2025 */
:root {
   /* td = Tons Departamento */
   --td7: #028DCF;
   --td8: #05597D;
   /* tp = Tom Perfil */
   /* Tons Primários */
   --tp1: #ffffff;
   --tp2: #b4b4b4;
   --tp3: #3c3c3c;
   --tp4: #1d1d1d;
   /* Tons Secundários */
   --tp5: #ccefff;
   --tp6: #16bfed;
   --tp7: #028DCF;
   --tp8: #05597D;

   --vdC: #e3fcec;
    --vd: #00A859;
   --vdE: #02753f;
}

/* classe Cores =========================================================== */
.cl-tp4{ color: var(--tp4); }
.cl-tp6{ color: var(--tp6); }
.cl-tp7{ color: var(--tp7); }
.cl-tp8{ color: var(--tp8); }
.bg-tp5{ background-color: var(--tp5); }
.bg-tp6{ background-color: var(--tp6); }
.bg-tp7{ background-color: var(--tp7); }
.bg-tp8{ background-color: var(--tp8); }

.bg-amareloM { background-color: #FFAF36; }
.bg-amareloE { background-color: #c47a0b; }

.bg-vd{ background-color: var(--vd); }

.bg-esc{ background-color:rgba(0, 0, 0, 0.3); }

@font-face{ font-family: Lato; font-weight: 400; src: url("../font/Lato-Regular.ttf"); }
body{
    background-image: url("../img/bodyBack.webp");
    background-size: 100% 100%;
    color: var(--tp4);
    cursor: default;
    font-family: 'Lato', sans-serif;
    min-height:100vh;
    max-width: 100vw;
    padding-bottom:6em;
	position:relative;
}
i{ border-radius: 0.25rem !important; padding: 0.25rem !important; }
a:link { text-decoration: none; }
a.disabled { pointer-events: none; cursor: default; }
label{ margin-top:0.5em; margin-bottom: 0; }
.modal{ height:inherit; }
.fecharModal{ border:none; }
.fechar:hover{ background-color: #ff5050; border-radius: 0 0 0 0.4em; color:transparent; height:inherit; }
.segmento{ border-bottom: 2px solid var(--tp7); color: var(--tp7); margin-bottom: 1em; }
.sublinhado{ border-bottom: 2px solid var(--tp8); color: var(--tp8); margin-top: 1em; width:inherit; }

/* Tabelas =================================================================================== */
thead{ background-color:var(--tp3); color:#ffffff; }
th{ background-color: var(--tp8); color: white; }
th, td{ font-weight: normal; padding: 0; text-align: center; }
th > a{ color:#ffffff; }
th > a:hover{ color:var(--tp2); text-decoration: none; }
td{ font-size: 0.8em; padding: 0.4em 0.5em; }
tr{ background-color: white; border-bottom: 1px solid var(--tp8); }
tr:last-child{ border-bottom: none; }
tr:hover{ background-color: var(--vdC); }

input[type="email"], input[type="date"], input[type="time"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], textarea, select, .custom-select {
    background-color: #ffffff !important;
    border: 1px solid #d1d1d1;
    border-radius: .3rem;
    box-shadow: none;
    box-sizing: inherit;
    cursor: text;
    height: 2rem;
    padding: 0 0.5rem;
    width: 100%;
}
#nomesDocs{ background-color: #ffffff; border: 1px solid #d1d1d1; border-radius: .3rem; padding: 0 0.5rem; }
.custom-select, input[type="radio"]{ cursor:pointer; }
input:disabled { cursor: default; }
options{ cursor:pointer;}
textarea{ resize: none; min-height:4em;}
input[type="email"]:focus, input[type="date"]:focus, input[type="time"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, textarea:focus, select:focus {
    border-color: #7e7e7e; border-radius: .3rem; outline: 0; }

/* Contador de caracteres ============================================================== */
#cps { display: none; position:absolute; bottom:0.5em; left:0.7em; }
#cps span { color: #7e7e7e; font-size: 0.7em; }
.qtd_char, [id*='qtd_char']{ color: #838383; font-size: 0.9em; margin: -0.1em 0 0 0; text-align: right; }

/* Mostra Password ========================================================================= */
#mostra_pass { color: #7e7e7e; cursor: pointer; position: absolute; right:0.5em; bottom: 0.2em; }
.mostra_pass_eye { position: relative; }

/* Flash messages =================================================================== */
.message {
    padding: 0.1rem 0;
    background: #eff8ff;
    color: #2779bd;
    border-color: #6cb2eb;
    border-width: 1px;
    border-style: solid;
    letter-spacing: 0.05em;
    margin:0;
}
.message.hidden { display: none; }
.message.success { background: #e3fcec; color: #1f9d55; border-color: #51d88a; }
.message.error { background: #fcebea; color: #cc1f1a; border-color: #ef5753; }

/* Error =========================================================================== */
.error-message{ color: red; font-size: 70%; margin-bottom: -0.5em; }

/* botões ========================================================================= */
.btn-log { background-color: var(--td7); color: #ffffff; }
.btn-log:hover { background-color: var(--td8); color: #ffffff; }
.btnOpcs { margin-top:10em; }
.shadow-ex{ border-radius: 0 3em; filter: drop-shadow(0 0 10px rgba(0,0,0,0.5)); }
.btn-orange { background-color: orange; color: white; }
.btn-orange:hover { background-color: darkorange; color: white; }

/* ------------------ Header Content ------------------ */
.headerContainer{ background-color: white; border-bottom: 0.5em solid var(--vd); }
.logoBrasao{ max-height: 6em; }
.logoPmpg{ max-height: 3em; margin-top: 1.4em; }
.logoTitulo{ max-height: 4em; margin-top: 1.3em; }
.logoEventoLg{ max-width:21em; }

/* FOOTER ========================================================================================   */
footer { background-color: var(--tp7); border-top: 0.5em solid var(--vd); color: white; position: absolute; bottom: 0; }

/* Paginação ========================================================================================   */
.paginator { text-align: right; }
.paginator > p{ text-align:center; font-size:0.8em; color:gray; }
.pagination { display: flex; justify-content: center; list-style: none; padding: 0; margin: 0.5rem 0; }
.pagination li a{ color:gray; margin: 0 0.3rem; padding: 0.2em; }
.pagination li a:hover{ background-color:gray; color:white; margin: 0 0.3rem; padding: 0.2em; border-radius: 0.1em; }
.prev.disabled a, .next.disabled a { cursor: not-allowed; color: #606c76; }
.asc:after { content: " ▾"; } /*\2193*/
.desc:after { content: " ▴"; } /*\2191*/

/* ========================================================================================   */
@media screen and (max-width:991px)
{
    .btnOpcs { margin-top:3em; }
}

@media screen and (max-width:576px)
{

}

@media screen and (max-width:441px)
{
    footer { font-size: 80%; }
    .logoBrasao{ max-height: 5.7em; }
    .logoTitulo{ max-height: 3.8em; margin-top: 1.3em; }
    body { padding-bottom:5em; }
}

/* IMPRESSÃO ========================================================================================   */
.print{ display: none; }
@media print {
    body{ font-size:13pt; width:209mm!important; height:346mm!important; }
    @page{ size: auto; margin: 0 5mm 0 5mm; }
    .no-print{ display: none!important; }
    .print{ display: block!important; }
}