/*#######################################################################################

/*
ESTILOS DAS MENSAGENS
*/

.cores {
    background: #ff2600;
}

.caixa-mensagem {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
    width: 300px;
    background: #ffffff;
    border: 1px solid gray;
    border-radius: 10px;
    box-shadow: 10px 10px 10px gray;
    animation: animate;
    animation-duration: 500ms;
}

.caixa-notificacao {
    position: fixed;
    top: 10%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
    width: 100%;
    background: #ffffff;
    border: 1px solid gray;
    border-radius: 1px;
    box-shadow: 10px 10px 10px gray;
    animation: animate;
    animation-duration: 500ms;
    text-align: center;
    padding: 12px;
    margin: 0 5px 0 5px;
}

@keyframes animate {
    from {
        opacity: 1;
    }

    from {
        opacity: 0;
    }
}

.titulo-mensagem {
    height: 40%;
}

.texto-mensagem {
    padding: 10px;
    margin-bottom: 20px;
    font-size: 15pt;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: left;
    float: left;
    color: rgb(0, 0, 0);
}

.texto-notificacao {
    color: white;
    font-weight: bold;
}

.img-notificacao {
    width: 10px;
    height: 10px;
    margin: auto;
}

.btn-notificacao {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px;
    width: 20px;
    height: 20px;
}

.div-texto-notificacao {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    float: left;
}

.div-btn-notificacao {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    float: right;
}

.botoes-mensagem {
    padding: 5px;
}

.botoes-acao-mensagem {
    padding: 5px 10px 0px 10px;
    width: 100px;
    border: 2px solid gray;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
    margin: auto;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}


/*######################################################################################


/*
ESTILO GERAL
*/

.borda {
    border: 2px solid rgb(255, 255, 255);
}

.borda-dark {
    border: 2px solid rgb(0, 0, 0);
}

body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-image: linear-gradient(to bottom, #929292, #ececec);
    background-attachment: fixed;
}

.centralizar-col {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.centralizar-row {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.esquerda {
    display: flex;
    flex-direction: row;
    justify-content: left;
    align-items: center;
}

.direita {
    display: flex;
    flex-direction: row;
    justify-content: right;
    align-items: center;
}

.form {
    position: fixed;
    padding: 5px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    background: rgb(255, 255, 255);
    border-radius: 10px;
    box-shadow: 10px 10px 10px gray;
    animation: animate;
    animation-duration: 500ms;
}

@keyframes animate {
    from {
        opacity: 1;
    }
}

.fundo {
    position: fixed;
    top: 0%;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, #929292, #ececec);
}

a {
    text-decoration: none;
    color: black;
}


/*#######################################################################################



/*
ESTILOS CABEÇALHO
*/

.cabecalho {
    margin-top: 50px;
}

.div-logo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
}

.logo {
    width: 250px;
    height: 80px;
    /* border: 2px solid white; */
    border-radius: 5px;
}

.item-menu:hover {
    background: #81cfd4;
    color: white;
    border-radius: 5px;
    transition-duration: 0.3s;
}


/*################################



/*     
ESTILO DO DEFAULT
*/

.login {
    /* display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 50px auto auto auto; */
    border-radius: 5px;
    box-shadow: rgb(0, 0, 0) 5px 5px 10px;
    background: white;
}

.btn-login {
    width: 100%;
}

.lbl-visualizar {
    float: right;
}

#form-redefinir-senha {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
    border: 1px solid gray;
    border-radius: 10px;
    box-shadow: 10px 10px 10px gray;
    animation: animate;
    animation-duration: 500ms;
}

@keyframes animate {
    from {
        opacity: 1;
    }
}


/*###########################################################

/*
ESTILO INÍCIO
*/

.texto-box {
    font-size: 10pt;
}

.img-btn-detalhes-turma {
    height: 20px;
    width: 20px;
}

.img-selecionar-aluno {
    height: 60px;
}

.btn-selecionar-aluno {
    height: 40px;
    width: 70px;
}

.btn-acao-aluno {
    height: 40px;
    width: 70px;
}

.campos-aluno {
    height: 30px;
}

.div-atividades-aluno {
    margin: 0px auto 0px auto;
}

.row-notas {
    height: 40px;
}

.row-medias {
    height: 50px;
}

.media {
    font-size: 15pt;
    font-weight: bold;
    text-align: center;
}

.campo-nota {
    cursor: pointer;
}

.campo-nota:hover {
    background: #fdfa33a2;
}

.texto-cabecalho {
    font-size: 12pt;
    font-weight: bold;
    text-align: center;
    width: 15%;
}

.texto-subcabecalho {
    font-size: 10pt;
    width: 5%;
}


/* #form-qualitativa-caderno {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
    width: 600px;
    background: #ffffff;
    border: 1px solid gray;
    border-radius: 10px;
    box-shadow: 10px 10px 10px gray;
    animation: animate;
    animation-duration: 500ms;
} */


/* #form-atividades-ocorrencias {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
    width: 600px;
    background: #ffffff;
    border: 1px solid gray;
    border-radius: 10px;
    box-shadow: 10px 10px 10px gray;
    animation: animate;
    animation-duration: 500ms;
} */

@keyframes animate {
    from {
        opacity: 1;
    }
}


/*
ESTILO TURMA
*/

.config-btn {
    width: 150px;
    font-size: 10pt;
    color: #ffffff;
}


/* 
ESTILO EDIÇÃO 
*/

.img-excluir-turmas {
    cursor: pointer;
    height: 25px;
    width: 25px;
}

.img-item-lista-alunos {
    cursor: pointer;
    height: 30px;
    width: 30px;
}

.item-lista-alunos:hover {
    background: #e9bf03;
    color: #ffffff;
}

.img-item-lista-alunos:hover {
    background: #ffffff;
}

.form-insert {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
    width: 70%;
    background: #ffffff;
    border: 2px solid gray;
    border-radius: 10px;
    box-shadow: 10px 10px 10px gray;
    animation: animate;
    animation-duration: 500ms;
}


/* ESTILO GERAR PDF */


/* ESTILOS LOAD */

.load {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background: rgba(252, 252, 252, 0.671);
}