@import url('https://fonts.googleapis.com/css?family=Open+Sans|Roboto');

ul#menu{
 list-style-type:none;
 width: 220px;
 margin: 0 10px;
 padding: 0;
 border-radius: 5px;
 border: solid 1px white;
 box-shadow: 2px 2px 2px #000000;
}

ul#menu ul {
 list-style-type:none;
 //width: 220px;
 margin: 0 10px;
 padding: 0;
}

ul#menu a {
 display: block;
 text-decoration: none;  
}

ul#menu li {
 margin-top: 1px;
}

ul#menu li a img {
 vertical-align: middle;
 padding: 0 5px 5px 0;
}

ul#menu li a {
 background: #56b0e0;
 color: #fff;
 padding: 5px;
 -webkit-transition: 0.1s;
 -moz-transition: 0.1s;
 transition: 0.1s;
 font-family: 'Roboto', sans-serif;
 // font-size: 14px;
 border-radius: 5px;
 /* border: solid 1px white; */
 /* box-shadow: 2px 2px 2px #000000; */
  text-decoration: none;  
}

ul#menu li a:hover {
 background: #757b87;
}

ul#menu li ul li a {
 /* background: #ebeaec; */
 color: #333;
 /* padding-left: 20px; */
 width: max-content;
 border: none;
}

ul#menu li ul li a:hover {
 background: #d4d3d5;
 padding-left: 5px;
}


ul#menuAcc{
 list-style-type:none;
 width: 220px;
 margin: 0 10px;
 padding: 0;
 border-radius: 5px;
 border: solid 1px white;
 box-shadow: 2px 2px 2px #000000;
}

ul#menuAcc ul {
 list-style-type:none;
 //width: 220px;
 margin: 0 10px;
 padding: 0;
}

ul#menuAcc a {
 display: block;
 text-decoration: none;  
}

ul#menuAcc li {
 margin-top: 1px;
}

ul#menuAcc li a img {
 vertical-align: middle;
 padding: 0 5px 5px 0;
}

ul#menuAcc li a {
 background: #56b0e0;
 color: #fff;
 padding: 5px;
 -webkit-transition: 0.1s;
 -moz-transition: 0.1s;
 transition: 0.1s;
 font-family: 'Roboto', sans-serif;
 // font-size: 14px;
 border-radius: 5px;
 /* border: solid 1px white; */
 /* box-shadow: 2px 2px 2px #000000; */
  text-decoration: none;  
}

ul#menuAcc li a:hover {
 background: #757b87;
}

ul#menuAcc li ul li a {
 /* background: #ebeaec; */
 color: #333;
 /* padding-left: 20px; */
 width: max-content;
 border: none;
}

ul#menuAcc li ul li a:hover {
 background: #d4d3d5;
 padding-left: 5px;
}



ul#menuwb{
 list-style-type:none;
 width: 220px;
 margin: 0 10px;
 padding: 0;
 border-radius: 5px;
 border: solid 1px white;
 box-shadow: 2px 2px 2px #000000;
}

ul#menuwb ul {
 list-style-type:none;
 //width: 220px;
 margin: 0 10px;
 padding: 0;
}

ul#menuwb a {
 display: block;
 text-decoration: none;  
}

ul#menuwb li {
 margin-top: 1px;
}

ul#menuwb li a img {
 vertical-align: middle;
 padding: 0 5px 5px 0;
}

ul#menuwb li a {
 background: #56b0e0;
 color: #fff;
 padding: 5px;
 -webkit-transition: 0.1s;
 -moz-transition: 0.1s;
 transition: 0.1s;
 font-family: 'Roboto', sans-serif;
 // font-size: 14px;
 border-radius: 5px;
 /* border: solid 1px white; */
 /* box-shadow: 2px 2px 2px #000000; */
  text-decoration: none;  
}

ul#menuwb li a:hover {
 background: #757b87;
}

ul#menuwb li ul li a {
 /* background: #ebeaec; */
 color: #333;
 /* padding-left: 20px; */
 width: max-content;
 border: none;
}

ul#menuwb li ul li a:hover {
 background: #d4d3d5;
 padding-left: 5px;
}