@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;500;700&display=swap');


/*estilos gerais*/
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
#bloco-corpo{
    display: flex;
}
.botao:hover{
    background-color: #0c255e !important;
}
/*fim dos estilos gerais*/

/*Bloco Mensagem*/
#bloco-mensagem{
    width: 40%;
    height: 100vh;
    display: grid;
    place-items: center;
    background-color: #101727;
}
#mensagem{
    width: 355px;
    display: grid;
    justify-items: center;
}
#mensagem>h1{
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 42px;
    color: #FFFFFF;
}
#mensagem>p{
    font-family: Roboto;
    font-style: normal;
    font-weight: 200;
    font-size: 23px;
    line-height: 27px;
    color: #FFFFFF;
    text-align: center;
}
#mensagem>a{
    width: 236px;
    height: 49px;
    display: grid;
    place-items: center;
    margin-top: 20px;
    border-radius: 10px;
    text-decoration: none;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    color: white;
    border: 1px solid white;
}

#mensagem>img{
    margin-bottom: 30px;
    width: 200px;
    margin-bottom: 13px;
}
.texto-funcoes{
    font-size: 13px;
    color: white;
    font-family: Roboto;
    width: max-content;
    font-weight: 300;
    margin:20px 0 13px 0;
}

/*Bloco Mensagem Fim*/

/*******************************************************/

/*Bloco Formulario*/
#bloco-formulario{
    width: 60%;
    height: 100vh;
    display: grid;
    place-items: center;
    position: relative;
}
#bloco-formulario>img {
    position: absolute;
    height: 100vh;
    width: 100%;
    z-index: -1;
}
.formulario{
    width: 370px;
    display: flex;
    flex-direction: column;
    padding: 20px 27px;
    background: rgba(255, 255, 255, 0.2);
    background-blend-mode: overlay;
    border: 1px solid #FFFFFF;
    box-sizing: border-box;
    backdrop-filter: blur(50px);
    /* Note: backdrop-filter has minimal browser support */
    border-radius: 10px;
}
.formulario>img{
    height: 80px;
    margin-bottom: 30px;
}
#errorCaps{
    text-align: center;
    color: red;
    background-color:transparent;
    padding:3px;
    display:none;
    font-size:14px;
    font-weight:bolder!important;
}
#nome-escola{
    display: grid;
    place-items: center;
    text-align: center;
    font-family: Roboto;
    font-style: normal;
    margin-bottom: 36px;
}
#nome-escola>img{
    width: 80px;
}

#nome-escola>h3{
    width: 100%;
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#nome-escola>h4{
    width: 100%;
    font-size: 12px;
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#bloco-calen{
    width: max-content;
    display: flex;
    gap: 8px;
}


.input-login{
    height: 44px;
    background: #FFFFFF;
    border: 1px solid #C7C8CC;
    box-sizing: border-box;
    border-radius: 10px;
    margin-bottom: 17px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    color: #4C4C4E;
}
.label-login{
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 17px;
    margin-bottom: 4px;
    line-height: 20px;
    color: #101727;
}
#btEntrar{
    width: 100%;
    height: 49px;
    background: #101727;
    border: 1px solid #101727;
    box-sizing: border-box;
    border-radius: 10px;
    text-decoration: none;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    display: grid;
    place-items: center;
    font-size: 18px;
    color: #FFFFFF;
    cursor: pointer;
    margin-top: 12px;
}
.esqueci-senha{
    text-align: center;
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-size: 13px  !important;
    color: #000000 !important;
    margin-top: 19px;
}
#redes-sociais{
    display: flex;
    justify-content: center;
    margin-top: 25px;
}
#redes-sociais>a{
    margin: 5px;
}
#direitosReservados{
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-size: 11px;
    text-align: center;
    margin-top: 30px;
}
/*Bloco Formulario Fim*/

/*******************************************************/


/*Estilo do modal da senha */
.modal-senha{
    max-width: 400px !important;
}
#titulo-do-modal{
    text-align: center;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    color: #2a2a2c;
    margin: 10px;
}
.center-text{
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
}
.button-close-modal {
    width: 25px;
    height: 25px;
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    display: grid;
    place-items: center;
    color: white;
    background-color: #101727;
}
#recuperacaoSenhaSelect{
    margin-top: 20px;
}
#botao-enviar-senha{
    width: 70%;
    height: 41px;
    margin: 0 auto;
    background: #101727;
    border: 1px solid #101727;
    box-sizing: border-box;
    border-radius: 10px;
    text-decoration: none;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    display: grid;
    place-items: center;
    font-size: 18px;
    color: #FFFFFF;
}
/*fim do estilo do modal da senha */

/*******************************************************/

/*Estilo do modal do cookie*/
.mensagem-cookies{
    margin-top: 10px;
}
.botao-aceito-cookies{
    margin-top: 20px;
}
/* Fim estilo do modal do cookie*/

/*******************************************************/


/*Estilo do modal para escolher o perfil*/
.modal-model{
    max-width: 450px !important;
}
.titulo-do-perfil{
    text-align: center;
    margin-bottom: 7px;
    margin-top: 10px;
}
#formSelecionarPerfil{
    display: block;
    width: 99%;
    margin: 10px auto;
}
#selecionarPerfilSelect{
    margin: 15px auto !important;
    display: block;
    width: 60%;
}
.botao-entrar-perfil{
    width: 70%;
    height: 41px;
    margin: 0 auto;
    background: #101727;
    border: 1px solid #101727;
    box-sizing: border-box;
    border-radius: 10px;
    text-decoration: none !important;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    display: grid;
    place-items: center;
    font-size: 18px;
    color: #FFFFFF !important;
}
/*fim do modal para escolher o perfil*/


.bloco-msg-pagamento{
    width: 400px;
    text-align: center;
    display: grid;
    gap: 13px;
}
.bloco-msg-pagamento>img{
    display: block;
    margin: 0 auto;
}
.bloco-msg-pagamento>h2{
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    color: #101727;
}
.bloco-msg-pagamento>p{
    font-family: Roboto;
    font-style: normal;
    color: #101727;
    font-weight: 300;
}

.button-inscricao-online{
    display: block;
    background: #689f38;
    width: 195px;
    text-align: center;
    text-decoration: none !important;
    padding: 10px;
    border-radius: 6px;
    font-weight: bold ;
    margin: 41px auto 0 auto;
    color: white !important;
}
.button-inscricao-online:hover{
    color: white !important;
    -webkit-box-shadow: 0px 7px 15px -2px #689f38;
    box-shadow: 0px 7px 15px -2px #689f38;
}



body .ui-input-icon-left > i, body .ui-input-icon-right > i {
    top: 35% !important;
    right: 14px !important;
    font-size: 21px;
}

@media (max-width: 840px) {
    #bloco-formulario{
        width: 100%;
    }
    #bloco-mensagem{
        display: none;
    }
}
