aside {
    background: var(--light);
    width: 40%;
}

/* ------------------------- ASIDE -> FORM ------------------------- */
aside form {
    display: flex;
    justify-content: space-between;
    padding: 0.375rem;
}
aside form input, aside form select {
    background: var(--mid) !important;
    padding: 0.25rem;
}
aside form select option {
    background: var(--mid) !important;
}
aside form select option:hover, aside form select option:focus {
    background: var(--dark-x) !important; /* ---------------- NOT WORKING ----------------*/
}
aside form button {
    background: var(--mid);
    border: none;
    border-radius: 1rem;
    
}
aside button:hover, button:focus {
    background: var(--dark-x);
}
/* ------------------------- ASIDE -> EASYNAV ------------------------- */
.easynav {
    display: none;
    justify-content: space-between;
    color: var(--white);
    padding: 0.375rem;
}
.easynav span{
    padding: 0.25rem 0.375rem;
    background: var(--mid);
    font-size: 1em;
}
.easynav span:hover {
    cursor: pointer;
    background: var(--dark);
}

/* ------------------------- ASIDE -> TABLE ------------------------- */
aside table {
    text-align: center;
}
aside table thead {
    background: var(--mid);
}
aside table th, aside table td {
    border-bottom: 0.125rem solid var(--white);
    padding: 0.375rem 0.25rem;
}
aside table tbody {
    overflow-y:auto; /* ---------------- NOT WORKING ----------------*/
}
aside table tbody tr:nth-child(odd) {
    background: var(--light-x);
}
aside table tbody tr:hover {
    background: var(--dark-x);
    color: var(--white);
}