/*========================= SUB MENU =====================================*/
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,600;0,700;1,100;1,200;1,300;1,600;1,700&display=swap');
#cssmenu {
  
  /*width: 15%;*/
  width: 202px;
  font-family: 'Josefin Sans', sans-serif;
  color: rgb(255, 255, 255);
  float: left;
  height: 100%;
  background-color: #fff;
  z-index: 100;
  position: fixed;
  top: 36px;
  color:#000;
  padding: 0px 10px;
 
}
#cssmenu ul {
padding:0;
text-align:left;

}
#cssmenu ul li a{
  text-decoration:none;
  color:#fff;
  display:flex;
  padding:5px 20px;
  height:30px;
  align-items: center;
  font-weight: 300;
  font-size: .8rem;
  box-sizing:border-box;
}
#cssmenu ul li a:hover{
  background: #007cbc;
  border-radius: 8px; 
  color:#fff;
  padding-left:30px;
  transition: all 0.3s ease;
  
}
#cssmenu ul li{
  margin: 5px 0;
  cursor:pointer;
}
.activee{
  background: #007cbc;
  border-radius: 8px; 
}
.active a{
  color:#fff !important;
}

li.active:hover{
  padding-left:8px;
 transition: all 0.3s ease;
 cursor:pointer;
}
.has-sub{
  background: #007cbc;
  border-radius: 8px; 

}
.has-sub:hover{
  cursor:pointer;
}
.has-sub> a{
  color:#fff !important;
}
.has-sub >ul{
  display:none;
}
.open:hover{
  cursor:pointer;
}
.open a{
 color:#fff !important;
}
.holder {
  width: 0;
  height: 0;
  position: relative;
  top: 0;
  right: 0;
}

.holder::after {
  display: block;
  position: absolute;
  content: '';
  width: 5px;
  height: 5px;
  right: -14px;
  z-index: 10;
  top: -4.5px;
  border-top: 2px solid #eeeeee;
  border-left: 2px solid #eeeeee;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.holder::before {
  top: 15px;
  border-top: 2px solid;
  border-left: 2px solid;
  border-top-color: inherit;
  border-left-color: inherit;
}
.iconosubmenu {
  content: "";
  width: 0px;
  height: 0px;
  background: #fff;
}
.iconosubmenu::after{
  display: block;
  position: absolute;
  content: '';
  width: 5px;
  height: 5px;
  right: -14px;
  z-index: 10;
  top: -4.5px;
  border-top: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.iconosubmenu::before{
  display: block;
  position: relative;
  content: '';
  width: 3px;
  height: 3px;
  right: 9px;
  z-index: 10;
  top: -3px;
  border-top: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}