.toolbox{
position:absolute;
top:0;
height:100%;
min-width:180px;
width:220px;
max-width:100%;
background-color:#3D95FF;
box-shadow: 0px 5px 5px 5px #888888;
overflow-y:auto;
overflow-x:hidden;
z-index:999;
display:none;
}
.toolbox-h{
display:none;
position:absolute;
top:0;
height:100%;
min-width:400px;
width:480px;
max-width:100%;
background-color:#3D95FF;
box-shadow: 0px 5px 5px 5px #888888;
overflow-y:auto;
overflow-x:hidden;
}

.avatar{
display: flex;
flex-direction:column;
background-color:#FFA500;
width:100%;
height:120px;
cursor:pointer;
}
.avatar:hover{
background-color:#FF7C4C;
}
.avatar-name{
color:white;
text-align:center;
font-weight: bold;
}
.avatar-mail{
color:white;
text-align:center;
font-size:small;
}
.avatar img{
position:relative;
padding:5px;
height:70px;
}
.layers{
display: flex;
justify-content:flex-start;
width:100%;
height:68px;
color:white !important;
#background-color:#3D95FF;
border-radius: 0% !important;
#box-shadow: 0px 5px 5px 5px #888888;
z-index:999;
cursor:pointer;
font-size:smaller !important;
padding: 0 !important;
}
.layers:hover{
background-color:#5BA6FF;
}
.layers img {
position:relative;
padding:5px;
margin-top:17px;

margin-right:5px;
height:34px;
}
.menu-text{
position:relative;
line-height:68px;
vertical-align:middle;
}
.input-text{
display:none;
}
.disabled-menu{
#box-shadow: 0px 5px 5px 5px #888888 !important;
background-color:#A1A1A1 !important;
}

.orange{
color:orange;
}
.disabled{
 box-shadow: none !important;
}