/* Dropdown Button */
.sidebar-target {    
        
}

.sidebar-content {
    background-color: #ECF3FF;
    text-align: left;
    font-size: initial;
    font-weight: initial;
    width: 100%;
    margin-top: 65px;
    padding-bottom: 125px;
}

#layout {    
    width:100%;                
}

.side-nav {
    background-color: #ECF3FF;
    text-align: left;
    font-size: initial;
    font-weight: initial;
    width: 350px;
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: -1;
    opacity: 0;
    height: 100vh;
    overflow-y: scroll;
    border-left: 2px solid navy;
}

.side-nav {
    visibility:hidden;
}

.side-nav-show {    
    visibility:visible;
    opacity:1;   
    z-index:9;     
}


/* Links inside the dropdown */

.sidebar-content a {
    color: black;    
    text-decoration: none;
    display: block;    
    padding:5px;    
}

.sidebar-content-level-1 {
    padding-left: 25px;
}

/* Change color of dropdown links on hover */
.sidebar-content a:hover {
    background-color: #C5DAFF;
}


/* --------- ipad portrait -------------  */
@media screen and (min-width: 481px) and (max-width: 1366px) {

}


/* --------- iphone portrait -----------  */
/*@media screen and (max-width: 320px) {*/
@media screen and (max-width: 540px) {
    .side-nav {
        width:275px;
    }		    

}