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

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

.active {
    background: #101f2c !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: #054662;border: 1px solid #ddd;color: #ffffff;font-size: 16px;margin: 1px;padding: 10px 15px;cursor: default;}

.link2:hover > a {
    
}

.link2:hover {
    
}

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

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


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

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

    span#content3 {
    margin: 0;
    width: 100%;
}

    div#content4 {
    width: 100%;
}

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

/* .mobilelist {
    display: none;
} */

}