.page {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}
  
.page-body {
    flex: 1;
}

/* --------------------------------- HEADER --------------------------------- */

#navbarNav {
    width: auto;
}

@media screen and (max-width: 992px) {
    #navbarNav {
        width: 100%;
    }
}



/* ---------------------- FOOTER ----------------------------- */
footer {
    color: #ffffff;
    background-color: #333333;
    padding: 20px 0;
}

footer p {
    margin-bottom: 0;
    text-align: center;
}



/* ----------------------------- CHANGE ----------------------- */
.btn {
    border-radius: 0px;
}

.btn-primary {
    background-color: #403638;
    border-color: #403638;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    color: #fff;
    background-color: #868384;
    border-color: #868384;
}

.btn-link {
    font-weight: 400;
    color: #0f5aca;
    text-decoration: none;
}

.form-control {
    border-color: #b3b3b3;
    border-radius: 0px;
}


/*--------------------- criado para a tela de redefinir senha ---------------------*/
.btn-primary-reset{
    margin-top: 15px;
    color: #fff;
    background-color: #403638;
    border-color: #403638;
}

.btn-primary-reset:hover, .btn-primary-reset:active, .btn-primary-reset:focus {
    color: #fff;
    background-color: #868384;
    border-color: #868384;
}

/*--------------------- CSS de funcionamento do "Mostrar Mais" e "Mostrar Menos" dentro do campo de processo  ---------------------*/
.more {
  display: none;
}

.service-item.open .more {
  display: inline;
}

.service-item.open .dots {
  display: none;
}