html,body{
  margin  : 0;
  padding : 0;
  border  : 0;
  width   : 100%;
  height  : 100%;
}
*, *:before, *:after {
  -webkit-box-sizing : border-box;
     -moz-box-sizing : border-box;
       -o-box-sizing : border-box;
      -ms-box-sizing : border-box;
          box-sizing : border-box;
}

/* Side-menu */
.side-menu{
  width : 190px;
  background-color:#FFF;
  border-right:1px solid #ccc;
  padding-top:50px;
}
.side-menu ul{
  padding:0;
  margin:0;
  border:0;
}
.side-menu li{
  padding:0;
  margin:0;
  border:0;
  list-style:none;
  min-height:40px;
  line-height:40px;
  background-color: #EBEFF4;
}


.side-menu a {
    display: block;
    border-bottom: 1px solid #ccc;
    color: #1E1E1E;
    font-weight: bolder;
    text-decoration: none;
}
.side-menu > ul > li > a{
  padding-left:10px;
}
.side-menu > ul > li > ul > li > a{
  padding-left:20px;
}

.side-menu li[data-dropdown="1"] > a:after{
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-top: 6px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  box-sizing: border-box;
  margin-left:4px;
}

.midashi a:hover {
    background-color: #FFFFFF;
    color: #0A9FE3;
}
.side-menu a:hover {
    background-color: #FFF;
    /*color: #FFF;*/
}

/* expand-default */
/*.side-menu > ul li > ul{
  display:none;
}*/
/* ecpand-open */
/*.side-menu li:hover > ul{
  display:block;
}*/
/* expand-close */
/*.side-menu li > ul{
  display:none;
}*/

@keyframes menu-noactive{
  0%{
    background-color:#eee;
  }
  100%{
    background-color:rgba(255,255,255,0.0);
  }
}

@keyframes menu-close{
  0%{
    opacity:1.0;
    visibility:visible;
  }
  100%{
    opacity:0.0;
    visibility:hidden;
  }
}
@keyframes menu-list-open{
  0%{
    transform : scaleY(0);
  }
  100%{
    transform : scaleY(1);
  }
}
@keyframes menu-list-close{
  0%{
    transform : scaleY(1);
  }
  100%{
    transform : scaleY(0);
  }
}