/* ADDITIONAL CSS FOR LAYOUT AND MENUS */

/*------------------------------ SIDEBAR ------------------------------*/
.sidebarmenu {
background-color: #C4C4C4;
padding: 5px 5px 5px 5px;
margin: 0px 5px 0px 0px;
font-family: Verdana;
/*
-khtml-border-radius-topleft:5px;
-khtml-border-radius-topright:5px;
-khtml-border-radius-bottomleft:5px;
-khtml-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
*/
}

#googlesearch_sidebar {
background-color: #C4C4C4;
text-align: center;
width: 100%;
/*
-khtml-border-radius-topleft:10px;
-khtml-border-radius-topright:10px;
-khtml-border-radius-bottomleft:10px;
-khtml-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
border-top-left-radius:10px;
border-top-right-radius:10px;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
*/
}

.noncollapsible {
background-color: #C4C4C4;
color: black;
cursor: pointer;
padding: 10px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
}

.active, .noncollapsible:hover {
background-color: #A9A9A9;
}

.collapsible {
background-color: #C4C4C4;
color: black;
cursor: pointer;
padding: 10px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
}

.active, .collapsible:hover {
background-color: #A9A9A9;
}

.buttoncontent {
padding: 0 5px;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
background-color: #F1F1F1;
}

#buttonopen {
background-color: #F1F1F1;
padding: 5px 0px 5px 10px;
width: 100%;
border: none;
text-align: left;
color: black;
text-decoration: bold;
cursor: pointer;
outline: none;
font-size: 14px;
}

#buttonopen:hover {
background-color: #D3D3D3;
}

.w3-content,.w3-auto{
background: #D3D3D3;
}

.w3-container{
background: #D3D3D3;
}

.w3-sidebar a {
font-family: Verdana;
}

body,h1,h2,h3,h4,h5,h6,.w3-wide {
font-family: Verdana;
}

.w3-text-grey{
background: #D3D3D3;
}

.w3-bar-block{
background: #D3D3D3;
}

.w3-btn,.w3-button{
border: none;
display: inline-block;
padding: 8px 16px;
vertical-align: middle;
overflow: hidden;
text-decoration: none;
color: inherit;
background-color: #D3D3D3;
text-align: center;
cursor: pointer;
white-space: nowrap
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}

.w3-parent,.w3-hover-parent:hover{
color: #000!important;
background-color: #D3D3D3!important
}

.w3-child,.w3-hover-child:hover{
color: #000!important;
background-color: #D3D3D3!important
}

.w3-btn:hover{
box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)
}