html,body{ 
    min-height: 800px;
} 
main{ 
    height: 100%;
}  
ol.style-decimal{
    list-style: decimal;
} 
.bg-grey{
    background: grey;
}
.text-color-reprovado{
    color: rgb(180, 125, 41);
} 
.text-color-aprovado{
    color: rgb(112, 175, 112);
}
.tr-cliente{
    background: #f1f5cfa8;
}
.opacity-element{
    opacity: 0.2;
    transition: 0.5s opacity linear;
}
.bg-light.bg-opacity-2 {
    --bs-bg-opacity: 0.2; 
} 
/* mobile */
#sidebar-active {
    display: none;
}
#sidebar-active {
    display: none;
} 
.links-container {
    flex-direction: column;
    align-items: flex-start;
    position: fixed;
    top: 80px;
    right: -130%;
    z-index: 10;
    width: 100%; 
    height: 100%;
    background-color: #FFCA1A;
    box-shadow: none;
    transition: right 0.75s ease-out;
    overflow-y: auto; 
}
.header-button-menu {
    width: 44px;
    height: 42px;
    cursor: pointer;
    position: relative; 
    padding: 8px;
} 
.header-button-menu .line-sandwich {
    width: 18px;
    height: 2px;
    display: block;
    margin: 5px auto;
    position: relative;
    transition: .2s linear;
    background-color: #000;
}

.header-button-menu .line-sandwich:nth-child(2) {
    width: 10px;
}

.header-button-menu.ativeX .line-sandwich:first-child {
    transform: translate(-1px) rotate(-45deg);
    top: 6px;
}

.header-button-menu.ativeX .line-sandwich:nth-child(2) {
    width: 0;
}

.header-button-menu.ativeX .line-sandwich:nth-child(3) {
    transform: translate(-1px) rotate(45deg);
    top: -8px;
}
.home-link.primary {
    font-weight: bold; 
    background-color: transparent;
    color: #000; 
} 
.submenu > a::after {
    content: '';
    width: 20px;
    height: 20px;
    display: block;
    background: url(../images/arrow-down.svg);
    position: absolute;
    right: 10%;
    top: 35%;
    transition: all .3s;
}
.submenu > a[aria-expanded=true]::after {
    transform: rotate(180deg);
} 
.submenu ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.submenu li {
    border-bottom: none;
}

.submenu li a {
    padding-left: 40px;
    color: #000;
}
header nav a {
    box-sizing: border-box;
    width: 100%;
    padding: 20px 30px;
    text-decoration: none;
    display: block;
    transition: background-color 0.3s ease;
}
@media (max-width: 575px) {
    .open-sidebar-button {
        display: block;
    }

    .close-sidebar-button {
        display: block;
    }

    #sidebar-active:checked ~ .links-container {
        right: 0;
    }

    #sidebar-active:checked ~ #overlay {
        height: 100%;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9;
        background: rgba(0, 0, 0, 0.5);
    } 
    #sidebar-active:checked ~ .close-sidebar-button {
        display: block;
    }
}

@media (min-width: 576px) {
    .links-container {
        display: none;
    }
}