.body-estudante-banner {
    background: transparent url('/images/Bg.png') 0% 0% no-repeat padding-box;
    opacity: 1;
    height: 100%;
    padding-top: 83px;
}
@media(max-width:960px){
    .body-estudante-banner {
        background: transparent url('/images/Bg@2x.png') 0% 0% no-repeat padding-box;
        opacity: 1;
        height: 100%;
    }
}
    .body-estudante-banner:first-child {
        padding-top:83px
}

.font-normal-20-30-estudante {
    text-align: left;
    font: normal normal 600 20px/30px Segoe UI;
    letter-spacing: 0px;
    color: #4F4C4D;
    opacity: 1;
}

.lista-estudante > li::marker {
    color: #1885A2;
    font-size: 1.4em;
}

.img-criar-conta-modal {
    height: 20vh;
    width: 100%;
    margin-top: 4em;
    transition: .5s;
}


.modal-estudante {
    padding-top: 12em;
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */ /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    z-index:3;
}

/* Modal Content */
.modal-content-estudante {
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    height: 80vh;
    width: 40%;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 21px;
    opacity: 1;
}

.metade-verde {
    height: 50%;
    background: #25AF6A 0% 0% no-repeat padding-box;
    border-radius: 21px 21px 0px 0px;

}

.text-modal-estudante {
    padding-top: 0.5em;
    text-align: center;
    font: normal normal 600 3vh/4vh Source Sans Pro;
    letter-spacing: 0px;
    color: #7A7979;
    opacity: 1;
}
.text-modal-idoso {
    padding-top: .5em;
    text-align: center;
    font: normal normal 600 3vh/4vh Source Sans Pro;
    letter-spacing: 0px;
    color: #7A7979;
    opacity: 1;
}

.text-white-modal-estudante {
    text-align: center;
    font: normal normal 600 30px/30px Source Sans Pro;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

#btnConcluidoModal {
    background: #25AF6A 0% 0% no-repeat padding-box;
    border-radius: 8px;
    opacity: 1;
    margin-top: 5%;
    height: 50px;
    width: 14em;
}

    #btnConcluidoModal .dx-button-text {
        font: normal normal 600 24px/32px Segoe UI;
        letter-spacing: 0px;
        color: #FFFFFF;
    }

@media(max-width:768px) {

    #btnConcluidoModal {
        width: 100%;
        height: auto;
    }
}

.background-yellow {
    background: #FCB72C 0% 0% no-repeat padding-box;
    border-radius: 8px;
    opacity: 1;
    text-align: center;
}

#btnAtualizarCadastro {
    width: 17em;
    height: 3.5em;
    background: #1885A2 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 8px;
}

    #btnAtualizarCadastro .dx-button-text {
        font: normal normal 600 22px/30px Segoe UI;
        letter-spacing: 0px;
        color: #FFFFFF;
    }

@media(max-width:960px) {

    #btnAtualizarCadastro {
        width: 100%;
    }
}

#formSituacao input {
    background: #EBEBEB 0% 0% no-repeat padding-box;
    border: 0;
    border-radius: 8px;
}

#formComparecer input {
    background: #EBEBEB 0% 0% no-repeat padding-box;
    border: 0;
    border-radius: 8px;
}

#btnAtualizar {
    background: #5CB85C 0% 0% no-repeat padding-box;
    border-radius: 8px;
    width: 200px;
    height: 45px;
    margin: 15px 0px 30px 0px;
    /*background: #18A241 0% 0% no-repeat padding-box;*/ /* Cor antiga */
    /*width: 250px;*/
    /*height: 55px;*/
}

    #btnAtualizar .dx-button-text {
        font: normal normal 600 15px/25px Segoe UI;
        letter-spacing: 0px;
        color: #FFFFFF;
        /*font: normal normal 600 24px/32px Segoe UI;*/
    }

    #btnAtualizar :hover {
        background: #3d823d 0% 0% no-repeat padding-box;
        border-radius: 8px;
    }

@media(max-width:768px) {

    #btnAtualizar {
        width: 100%;
        height: auto;
    }
}

#btnNovoCadastro {
    background: #1885A2 0% 0% no-repeat padding-box;
    border-radius: 8px;
    width: 250px;
    height: 45px;
    margin: 15px 0px 10px 0px;
}

    #btnNovoCadastro :hover {
        background-color: #59abc0;
        border-radius: 8px;
    }

#btnNovoCadastro .dx-button-text {
    font: normal normal 600 15px/25px Segoe UI;
    letter-spacing: 0px;
    color: #FFFFFF;
}

    @media(max-width:768px) {
        #btnNovoCadastro {
        width: 100%;
        height: auto;
    }
}

.barra-progreso-estudante img {
    width: 60px;
    margin-left: 5%;
    margin-right: 5%;
}

.barra-progreso-estudante {
    background: #FFFF 0% 0% no-repeat padding-box;
    border-radius: 25px;
}

.barra-progreso-estudante img {
    width: 64px;
    margin-left: 5%;
    margin-left: 5%;
}

.body-cadastro-curso-estudante {
    opacity: 1;
    height: 100%;
    padding-top: 83px;
    background: #F2F3F7 0% 0% no-repeat padding-box;
}

.background-azul-curso {
    height: 100px;
    background: #1885A2 0% 0% no-repeat padding-box;
    border-radius: 42px 42px 0px 0px;
    margin: 20px
}

#AvancarInfo {
    background: #00B253 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 8px;
    opacity: 1;
    font: normal normal 600 20px/30px Segoe UI;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    width: 9em;
}

#VoltarInfo {
    font: normal normal 600 20px/30px Segoe UI;
    letter-spacing: 0px;
    color: #787878;
    opacity: 1;
    background: #D8D7D7 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 8px;
    opacity: 1;
    width: 9em;
}

.alert-register-estudante {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 0px 0px 24px 24px;
}

.situacao-cadastro-bold{
    font-weight: 500;
}

.form-estudante .dx-checkbox-icon {
    border-right: 1px solid #4F4C4D;
    background-color: #D0D0D0;
    min-height: 34px;
    min-width: 34px;
}

#form-estudante .dx-checkbox-text {
    font: normal normal 600 16px/10px Source Sans Pro;
    color: #1885A2;
    width: 10em;
}

.estudante-checkbox .dx-checkbox.dx-state-hover .dx-checkbox-icon, .escola-checkbox .dx-checkbox.dx-state-focused .dx-checkbox-icon, .escola-checkbox .dx-checkbox.dx-state-hover .dx-checkbox-icon {
    border-right: 1px solid #4F4C4D;
    border-left: none;
    border-top: none;
    border-bottom: none;
}

.form-estudante .dx-field-item-label-text {
    font: normal normal 600 16px/16px Source Sans Pro;
    color: #4F4C4D;
}


.estudante-checkbox .dx-field-item-content {
    margin-top: 1.7em;
    border: 1px solid #4F4C4D;
    border-radius: 8px;
    min-height: 34px;
}

.estudante-checkbox .dx-checkbox-icon {
    border-radius: 8px 0 0 8px;
}

.form-estudante .dx-texteditor.dx-editor-outlined {
    border: 1px solid #4F4C4D !important;
    border-radius: 8px !important;
}

.form-estudante .dx-checkbox-icon {
    border-right: 1px solid #4F4C4D;
    background-color: #D0D0D0;
    min-height: 34px;
    min-width: 34px;
}

#FormCheckBox .dx-checkbox-text {
    font: normal normal 600 16px/10px Source Sans Pro;
    color: #1885A2;
    width: 10em;
}

#formCadastroCurso .dx-checkbox-text {
    font: normal normal 600 16px/10px Source Sans Pro;
    color: #1885A2;
    width: 10em;
}

#formCursoInfo .dx-checkbox-text {
    font: normal normal 600 16px/10px Source Sans Pro;
    color: #1885A2;
    width: 10em;
}

.titulo-tabpanel {
    text-align: left;
    font: normal normal 600 22px/30px Segoe UI;
    letter-spacing: 0px;
    color: #4F4C4D;
    opacity: 1;
}

.anexo-documentocurso-overlay, .anexo-documentoaluno-overlay {
    position: fixed;
    z-index: 9998;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.65);
    overflow: hidden;
}

.anexo-documentoCadastrocurso-overlay, .anexo-documentoCadastroHolerite-overlay, .anexo-documentoCadastroAulas-overlay {
    position: fixed;
    z-index: 9998;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.65);
    overflow: hidden;
}

.anexo-documentoCurso-popup{
    position: absolute;
    width: 50rem;
    max-width: 90vw;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    text-align: center;
    padding: 4rem;
    box-sizing: border-box;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    align-content: center;
    justify-content: center;
    border-radius: 20px;
}

#btnOkPopupDocumento.dx-button-mode-contained.dx-button-default, #btnOkPopupDeclaracao.dx-button-mode-contained.dx-button-default {
    background-color: #1885A2 !important;
}

#RadioGroup .dx-collection {
    font: normal normal normal 20px/30px Segoe UI;
    color: white;
}

#formInserirCadastroDocumento {
    margin: 0 auto;
}

/**POPUP DE ANEXOS**/

.anexo-documentos-popup {
    position: absolute;
    height: auto !important;
    width: 50%;
    max-width: 90vw;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    text-align: center;
    padding: 4rem;
    box-sizing: border-box;
    flex-flow: column nowrap;
    align-items: center;
    align-content: center;
    justify-content: center;
    border-radius: 20px;
}


.anexo-documentosResposavel-popup {
    position: absolute;
    width: 50%;
    max-width: 90vw;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    text-align: center;
    padding: 4rem;
    box-sizing: border-box;
    flex-flow: column nowrap;
    align-items: center;
    align-content: center;
    justify-content: center;
    border-radius: 20px;
}


.anexo-documentosResposavel-popup {
    position: absolute;
    width: 50%;
    max-width: 90vw;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    text-align: center;
    padding: 4rem;
    box-sizing: border-box;
    flex-flow: column nowrap;
    align-items: center;
    align-content: center;
    justify-content: center;
    border-radius: 20px;
}

.anexo-certificadoProf-overlay,
.anexo-comprovanteEndereco-overlay,
.anexo-comprovanteEnderecoAdicional-overlay,
.anexo-documentosResponsavel-overlay,
.anexo-fotoEstudante-overlay,
.anexo-estudantecurso-overlay,
.anexo-rgecpf-overlay,
.anexo-rgecpf-overlay-confirma,
.anexo-rgcpf-overlay,
.anexo-cnh-overlay,
.anexo-foto-overlay,
.anexo-documentos-overlay,
.anexo-aulasAtuais-overlay,
.anexo-holerit-overlay,
.anexo-Comprovante-overlay,
.anexo-MidiaPerfil-overlay,
.anexo-RgFrente-overlay,
.anexo-Protocolo-overlay,
.anexo-Declaracao-overlay,
.anexo-RgVerso-overlay,
.anexo-rgcpf-resp-overlay,
.anexo-cnh-resp-overlay,
.anexo-rgecpf-resp-overlay,
.anexo-comprovanteEndereco-resp-overlay,
.anexo-comprovanteEnderecoAdicional-resp-overlay {
    position: fixed;
    z-index: 1501;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.65);
    overflow: hidden;
}

.popup-estudante-cadastro-curso {
    padding-top: 12em;
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */ /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.popup-content-estudante-cadastro-curso {
    margin: auto;
    border: 1px solid #888;
    height: 95%;
    width: 95%;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 21px;
    opacity: 1;
}

@media (max-height: 840px) {
    .popup-content-estudante-cadastro-curso {
        overflow: auto;
    }
}

.btnatualizarCadastroEstudante div {
    background: #1885A2 0% 0% no-repeat padding-box;
    border-radius: 8px;
    opacity: 1;
    color: white;
    width: 200px;
    height: 45px;
}
.btnatualizarCadastroEstudante .dx-button-text {
    border-radius: 8px;
    font: normal normal 600 15px/25px Segoe UI;
    letter-spacing: 0px;
    color: #FFFFFF;
}
.btnatualizarCadastroEstudante div.dx-button-mode-contained.dx-state-hover {
    background-color: #59abc0;
}


#btnAceitarTermos {
    background: #1885A2 0% 0% no-repeat padding-box;
    border-radius: 8px;
    opacity: 1;
}

    #btnAceitarTermos .dx-button-text {
        text-align: left;
        font: normal normal 600 25px/33px Segoe UI;
        letter-spacing: 0px;
        color: #FFFFFF;
        opacity: 1;
        font-size: 20px;
    }