/* Navigation */

#slide-out .blue-1 {
    background: #0075bf;
	}

#slide-out .blue-1h {
    background: #bdd2ef;
	}

#slide-out a.wht {
    color: #FFF;
	}


#slide-out .green-1 {
    background: #009ba4;
	}

#slide-out .green-1h {
    background: #66c3c8;
	}

#slide-out .green-1hb {
    background: #66a4a8;
	}


#slide-out .cyan-1 {
    background: #009fe3;
	}

#slide-out .cyan-1h {
    background: #a8d0e5
	}

#slide-out .cyan-1hb {
        background: #cfe8f4;
        }

#slide-out .cyan-1hb ul>li a {
padding: 0em 0.5em 0em 3.5em;
width: 100%;
background: #cfe8f4;
            }


#slide-out .orange-1 {
    background: #ef7d00;
	}

#slide-out .orange-1h {
    background: #fad8b3;
	}

#slide-out .gray-1h {
    background: #ededed;
	}



#slide-out {
    width: auto;
	}

#slide-out ul>li.active {
    font-weight: bold;
    background: rgba(0,0,0,0.1);
	}

#slide-out ul {
    display: flex;
    align-items: stretch;
    flex-direction: column;
	}

#slide-out ul>li {
    width: 100%;
	}

#slide-out ul>li a {
    font-size: 110%;
    padding: 0.5em 1.5em 0.5em 1.5em;
    width: 100%;
	}

#slide-out ul>li a:hover {
background: rgba(255,255,255,0.2);
	}

#slide-out .collapsible-body {
    font-size: 100%;
    margin: 0;
    padding: 0;
    border-bottom:3px solid #FFF;
	}

#slide-out .collapsible-body ul {
    display: flex;
    align-items: stretch;
    flex-direction: column;
	}

#slide-out .collapsible-body ul>li a {
    padding: 0em 2.5em 0em 2.5em;
    width: 100%;
	}

#slide-out .collapsible-body ul>li a:hover {
background: rgba(255,255,255,0.5);
	}

#slide-out .green-1hb {
    font-size: 100%;
    margin: 0;
    padding: 0;
	}

#slide-out .green-1hb ul {
    display: flex;
    align-items: stretch;
    flex-direction: column;
	}

#slide-out .green-1hb ul>li a {
    padding: 0em 0.5em 0em 3.5em;
    width: 100%;
    background: #bfe2e6;
	}

#slide-out .green-1h ul>li a:hover {
background: rgba(0,0,0,0.1);
	}

#slide-out .green-1hb ul>li a:hover {
background: rgba(255,255,255,0.5);
	}


    #slide-out .cyan-1h ul>li a:hover {
        background: rgba(0,0,0,0.1);
            }
        
        #slide-out .cyan-1hb ul>li a:hover {
        background: rgba(255,255,255,0.5);
            }