@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

a {
    color: #333;
    text-decoration: none;
}

.active {
    background: #dfdfda !important;
}

.sidebar-links-header {
    color: black;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: bold;
}

.sidebar-links {
    max-width: 300px;
    width: 100%;
}

.link {
    background: none;
    border: none;
    color: #000;
    cursor: pointer;
    font-size: 16px;
    margin: 1px;
    padding: 5px 15px;
}

.link:hover > a {
    background: #fff;   
    color: #00a7eb;
    cursor: pointer;
    font-size: 16px;
}

.link:hover {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 16px;
    margin: 1px;
}

.link a {
    font-weight: bold;
    text-decoration:
    none;
    color: #000;
    display: block;
}

.link a:hover {
    color: #00a7eb;
    display: block;
}

/* */

.link2 {font-weight: bold;background: #f3f3eb;border: 1px solid #443329;color: #443329;font-size: 16px;margin: 1px;padding: 10px 15px;cursor: default;}

.link2:hover > a {
    
}

.link2:hover {
    
}

.link2 a {
    
color: #443329;
    
text-decoration: none;
}

ul ul {
    margin: initial;
    font-size: initial;
}

@media only screen and (max-width: 767px) {

span#content2 {
    max-width: 100%;
}

.sidebar-links {
    max-width: 100%;
}

.mobilelist {
    display: none;
}

}