@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@400;500;700;900&display=swap');

/*Tags - Begins ----------------------------------*/
* {
    box-sizing: border-box;
}

html {
    position: relative;
    min-height: 100%;
    width: 100%;
}

body {
    height: 100%;
    min-height: 100%;
    width: 100%;
    font-family: 'Red Hat Display', sans-serif;
    margin-bottom: 60px;
}

h2 {
    font-weight: 100;
    font-size: 2.5rem;
}
main {
    padding-bottom: 114px;
}

/*Tags - End ------------------------------------*/

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

/*Media - Begins --------------------------------*/
@media (min-width: 400px) {
    .card {
        min-width: 380px !important;
    }
}

@media (min-width: 600px) {
    .card {
        min-width: 450px !important;
    }
}

@media (min-width: 768px) {
    .card {
        min-width: 500px !important;
    }
}

@media (min-width: 992px) {
    .aluno-area-menu a {
        background-color: green;
        color: white;
        border-radius: 4px;
        margin: 0 4px;
    }

        .aluno-area-menu a:hover {
            background-color: #DAD60C;
            color: black !important;
        }

    .administrador-area-menu a {
        background-color: #0E82EF;
        color: white;
        border-radius: 4px;
        margin: 0 4px;
    }

        .administrador-area-menu a:hover {
            background-color: #0E4BEF;
            color: white;
        }

    .logout-home a {
        background-color: red;
        color: white;
        border-radius: 4px;
        margin: 0 4px;
    }

        .logout-home a:hover {
            background-color: #EF370E;
            color: white;
        }
}

/*Media - End --------------------------------*/

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

/*Id - Begins --------------------------------*/

#zreu {
    position: relative;
    min-height: calc(100vh - 127px);
    display: flex;
    align-items: center;
    justify-content: center;
}

#divLoading {
    position: absolute;
    top: 0;
    right: 0;
    min-height: 100%;
    background-color: #454444;
    width: 100%;
    z-index: 30001;
    opacity: .8;
    display: none
}

    #divLoading .imagem {
        position: absolute;
        max-width: 200px;
        max-height: 200px;
        top: calc(50% - 100px);
        left: calc(50% - 100px);
        text-align: center;
        color: #FFF;
    }

#msg-alert {
    top: 50px;
    right: 10px;
    position: absolute;
    z-index: 100000;
}

#carrousel-zreu {
    position: relative;
    min-height: calc(100vh - 66px);
}


/*Id - End -----------------------------------*/
/*
    ********************************************************************************************
    ********************************************************************************************
*/
/*Class - Begins --------------------------------*/
.add {
    max-width: 100px;
}

.activation-error {
    position: absolute;
    background-color: #5F1302;
    height: calc(100vh - 122px);
    width: 100%;
}

.activation-success {
    position: absolute;
    background-color: #5B8670;
    height: calc(100vh - 122px);
    width: 100%;
}

    .activation-success p {
        font-size: 1.5rem;
    }

.card {
    min-width: 300px !important;
}

.carousel {
    overflow: hidden;
    max-height: 50rem;
}

    .carousel img {
        background-position: center bottom;
    }

.error-404 {
    background-color: #d3d3d3;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
}

.identacao-paragrafo p {
    text-indent: 1.5rem;
}

.identacao-paragrafo span {
    display: inline-block;
    padding-bottom: 1rem;
}

.img-meus-cursos {
    max-height: 100px;
}

.login {
    max-width: 600px !important;
}

.redefinir-success {
    position: absolute;
    background-color: #A5A238;
    height: calc(100vh - 122px);
    width: 100%;
}

.redefnir-success p {
    font-size: 1.5rem;
}

.register-success {
    position: absolute;
    background-color: #0C74CB;
    height: calc(100vh - 122px);
    width: 100%;
}

    .register-success p {
        font-size: 1.5rem;
    }

.slide_one {
    border: solid 0px red;
    top: 3%;
    right: 3%;
    color: #fff;
    text-shadow: #000 1px 1px;
    height: 25%;
    padding: 0;
    margin: 0;
}

.slide_two {
    border: solid 0px red;
    top: 10%;
    left: 3%;
    right: 3%;
    color: #fff;
    text-shadow: #000 1px 1px;
    height: 25%;
    padding: 0;
    margin: 0;
}

.slide_three {
    border: solid 0px red;
    bottom: 30%;
    left: 2%;
    color: #fff;
    text-shadow: #000 1px 1px;
    height: 25%;
    padding: 0;
    margin: 0;
}

.slide_config h2 {
    font-weight: 900;
    font-size: 4vw;
}

.slide_config p {
    font-weight: 400;
    font-size: 2vw;
}

.slide_one .btn {
    position: absolute;
    right: 0;
}

.slide_two .btn {
    position: absolute;
    left: 0;
}

.slide_three .btn {
    position: absolute;
    left: 0;
}

/*Contagem Inicio------------------------------------------------*/

/*Contagem Fim---------------------------------------------------*/
span.num {
    place-items: center;
    font-weight: 600;
    font-size: 3em;
}

span.plus {

    place-items: center;
    font-weight: 600;
    font-size: 3em;
}

/*Class - End -----------------------------------*/

/*404 - Início -----------------------------------*/
.erro-404 {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: calc(100vh - 130px);
}
/*404 - End -----------------------------------*/