.sidebar .submenu {
     list-style: none;
     margin: 0;
     padding: 0;
     padding-left: 1rem;
     padding-right: 1rem;
     border-bottom: 1px solid darkgray;
     border-top: 1px solid darkgray;
}
 .sidebar .nav-link {
     color: var(--bs-dark);
     text-align: center;
}
 .sidebar .nav-link:hover {
     color: var(--bs-primary);
     text-shadow: 1px 1px 20px lightgray;
}
 .submenu {
     color: var(--bs-dark);
     
     
}
 .header {
     padding: 0px;
     text-align: center;
}
 #burger{
    font-size: 2em;
     cursor: pointer;
     position:fixed;
     z-index: 289;
     margin-left: 10px;
     margin-top:5px;
     background-color: rgba(248, 249, 250, 0.5);
     border-radius: 26px;
     padding: 0 9px;
}
 #navbar {
    /*overflow: hidden;
    */
     z-index: 289;
     /*background: rgb(248,249,250);
background: linear-gradient(90deg, rgba(248,249,250,1) 20%, rgba(255,255,255,1) 50%, rgba(248,249,250,1) 80%);*/
     
     /*box-shadow: 0px 13px 16px 0px rgba(0,0,0,0.2);*/
     background: var(--bs-light);
}
 #navbar a {
     float: left;
     
     text-align: left;
     padding: 11px;
     text-decoration: none;
     font-size: calc(0.5em + 1vw);
     cursor: pointer;
     background-position: center;
     transition: background 0.5s;
     color: black;
     
     
}

ul.dropdown-menu.show {box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);}

 #navbar a:hover {
     background: var(--bs-primary) radial-gradient(circle, transparent 1%, #47a7f5 1%) center/15000%;
     color: white;
     transition: background 0.5s;
     
}
 #navbar a.active {
     font-weight: 700;
     color: white;
     background-color: var(--bs-primary);
     background-size: 100%;
     transition: background 0s;
}

/*@media screen and (max-height: 746px){
   #navbar a.dropdown-item {
        padding: 10px;
        line-height: 6px;
    }
    
}*/


    
    
 .content {
     padding: 16px;
      
}
 .sticky {
     position: sticky;
     top: 0;
     width: 100%;
     /* box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.2); */
}
 .sticky + .content {
     padding-top: 0px;
}
 .sidenav {
     height: 100%;
     width: 0;
     position: fixed;
     top: 0;
     left: 0;
     background-color: white;
     overflow-x: hidden;
     overflow-y: visible;
     transition: 0.5s;
     padding-top: 2em;
     z-index: 290;
     box-shadow: 0px 8px 160px 0px rgba(0,0,0,0.9);
}
 .sidenav a {
     padding: 8px 8px 8px 0px;
     text-decoration: none;
     font-size: 14px;
     color: #818181;
     transition: 0.3s;
}
 /* .sidenav a:hover {
     color: ;
} */
 .sidenav .closebtn {
     position: absolute;
     top: -20px;
     right: 25px;
     font-size: 3em;
     margin-left: 50px;
     color: var(--bs-dark);
}

#sidebar-options {
     margin: 0 auto;
}

#sidebar-options a {
    padding: 10px;
}
 #sidebar-options #sidebar-lang-btn {
    background-color: #0468d0;
    border-radius: 10px;
}
 #sidebar-access-menu input {
     font-size: 14px;
}

 @media screen and (max-height: 450px) {
     .sidenav {
         padding-top: 10px;
    }
     .sidenav a {
         font-size: 10px;
    }
     #sidebar-access-menu input {
         font-size: 10px;
    }
}

 #access-btn-main {
     display: none;
    background-color: #0468d0;
     border-bottom-right-radius: 15px;
}
 #access-btn-main img {
    filter: invert(100%);
     width: 30px;
     vertical-align: middle;
     margin: 0px 5px;
}

 .nav {
    word-break: keep-all;
     overflow: hidden;
}
 @media screen and (min-width: 1700px) {
     #navbar a {
         font-size: 26px;
    }
}
 #sidebar-lang-btn a {
     width: 75%;
     color: white;
}
 #sidebar-lang-btn img {
     display: inline-block;
     margin-right: 10px;
     overflow: hidden;
}
 #sidebar-access-btn {
     display: none;
    background-color: #0468d0;
     border-radius: 10px;
     padding-right: 10px;
}
 #sidebar-access-btn img {
    filter: invert(100%);
     width: 35px;
     margin-left: 10px;
}
 #sidebar-access-menu input {
     margin: 5px 0;
}
 #lang-btn-top {
     
     background-color: #0468d0;
     border-bottom-left-radius: 15px;
     border-bottom-right-radius: 15px;
}
 #lang-btn-top a {
     font-size: 0.7em;
     width: 75%;
     text-decoration: none;
     color: white;
     padding: 10px;
}
 #lang-btn-top a img {
     vertical-align: middle;
     margin: 5px;
     margin-right: 10px;
}