@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap');
* {
    
    font-family: 'Poppins', sans-serif;
}
.containers {
    
    background: url('bg.jpg');
    width: 100vw;
    height: 100vh;
}
.container { 
    height: 97vh;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: stretch;
}
.aviso {
    margin-top: 10px !important;
}

.principal {
    background: url('bg.jpg');
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

header {
    display: flex;
    flex-direction: row;
    align-items: end;
    justify-content: space-between;
    height: 5vh;
    margin-bottom: 20px;
    margin-top: 20px;
}

header h4{
    margin-left: 10px;
}

.conteudo {
    background-color: #ffffff;
    height: 60%;
    position: relative;
}

.border {
    border-radius: 5px;;
}

.btn {
    background-color: #198754 !important;
    position: relative;
}

.form-check-input:checked {
    background-color: #198754 !important;
    border-color: #198754 !important;
}

.alert-primary {
    --bs-alert-color:  #198754 !important;
    --bs-alert-bg:  #19875428 !important;
    --bs-alert-border-color:  #1987542a !important;
    --bs-alert-link-color:  #198754 !important;
}

.rodape {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 10vh;
    margin-top: -20px;
}

.check {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.btnImpr {
    float: right !important;
    max-width: 300px;
}
@media screen and (max-width: 400px) {
    .check {
       padding-bottom: 15px;
    }
    .container { 
        max-height: 90vh;
        justify-content: flex-start;
    }

    .btn {
        width: 100%;
    }
    
.conteudo {
    max-height: 45vh;
}
.btnImpr, .btnEnv {
    width: 107% !important;
    /* max-width: 107% !important; */
    min-width: 100% !important;
}
}