/* Sidebar Navigation */
.visible-phone {
    display: none!important;
}
#sidebar span {
  display: inline-block;
  padding: 0 5px;
}
#sidebar .icon {
    position: absolute;
    right: 10px;
}
#sidebar > ul > li {
}
#sidebar > ul > li.active {
    background-color: #048ABF; 
    border-bottom: 1px solid #7CB4DB;  
    border-top: 1px solid #7CB4DB;
}
#sidebar > ul > li.active a{ 
  color:#fff; text-decoration:none;
}

#sidebar > ul > li > a > .label {
  background-color:#F66;
  color: #FFF;
    position: relative;
    top: 3px;
}

#sidebar > ul > li.active > a > .label {
  background-color:#FFF;
  color: #F66;
    position: relative;
    top: 3px;
}
#sidebar > ul > li > a:hover {
  background-color: #7CB4DB; 
  color:#fff;
}
#sidebar > ul > li:first-child > a:hover {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
#sidebar > ul li ul {
  background-color: #FFF;
}
#sidebar > ul li ul li a{ color:#939da8}
#sidebar > ul li ul li a:hover {
  color: #fff;
  background-color: #f05400;
}
#sidebar {
  display: block;
  position: relative;
  width: 220px;
  z-index: 16;
  height: auto;
}
#sidebar > ul {
  list-style: none;
  margin: 0px 0 0;
  padding: 0;
  width: 220px;
  background: #FFF;
  border-radius: 6px;/*
  -moz-box-shadow: 0px 1px 7px -1px rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: 0px 1px 7px -1px rgba(0, 0, 0, 0.8);
  box-shadow: 0px 1px 7px -1px rgba(0, 0, 0, 0.8);*/
}
#sidebar > ul > li {
  display: block;
  position: relative;
}
#sidebar > ul > li > a {
  padding: 10px 0 10px 15px;
  display: block;
  color: #666;
  font-size: 1em;
}
#sidebar > ul > li > a > i {
  margin-right: 10px;
  margin-left: 10px;
  font-size: 12px;
}
#sidebar > ul > li.active > a {
  text-decoration:none;
}
#sidebar > ul > li > a > .label {
  margin: 0 20px 0 0;
  float: right;
  padding: 3px 5px 2px;
}
#sidebar > ul > li.open.submenu > a {
  
}
#sidebar > ul li ul {
  display: none;
  margin: 0;
  padding: 0;
}
#sidebar > ul li.open ul {
  display: none;
  background: #fbfbfb;
}

#sidebar > ul li.open ul li{
  border-top: #f2f2f2 1px solid;
  border-bottom: #f9f9ff 1px solid;
}

#sidebar > ul li.open ul a{
  color: #048ABF;
  padding: 10px 0 10px 35px;
  font-size: 0.9em;
}
#sidebar > ul li ul li a {
  padding: 10px 0 10px 35px;
  display: block;
  color: #777777;
}
#sidebar > ul li ul li:first-child a {
  border-top: 0;
}
#sidebar > ul li ul li:last-child a {
  border-bottom: 0;
}
#sidebar > ul li.open ul .list {
  background-color: #f2f2f2;
}
#sidebar > ul li.open ul .list a {
  padding: 10px 0 10px 47px;
  color: #666;
}

#sidebar > ul li.open ul .list a:hover{
  color: #FFF;
}

.label-important{ background: #fe6672;}

#sidebar.menu-left > ul > li.active {
  background: #FFF;
  border-top: none;
  border-bottom: #f2f2f2 1px solid;
}

#sidebar.menu-left > ul {
}

#sidebar.menu-left > ul > li {
  border-bottom: #f2f2f2 1px solid;
}

#sidebar.menu-left > ul > li.active a {
  color: #048ABF;
}
#sidebar.menu-left > ul > li:last-child > a:hover {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

/* left-menu */

/*overlay*/
.menu-list {
  display: none; 
  width: 160px; 
  height: 30px; 
  margin: 10px auto; 
  background: rgb(4, 138, 191,0.9);
  box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.2); 
  color: #FFF; 
  border-radius: 20px; 
  font-size: .9rem; 
  padding: 10px;  
  position: fixed; 
  bottom: 20px;left: 
  calc(50% - 80px); 
  text-align: center; 
  cursor: pointer;
}
.overlay-left {
  display: none;
  position: fixed;
  top: 0;
  height: 100%;
  width: 100%;
  background: #f2f2f2;
  overflow: auto;
  z-index: 99999;
}
.overlay-left .container {
  color: #e9e9e9;
  text-align: center;
  max-width: 90%;
  margin: 0 auto;
}
.overlay-left .container ul.nav-munu {
  border-bottom: 1px solid #575757;
  text-transform: capitalize;
  padding: 20px 0px 100px;
}
.overlay-left .container ul.nav-munu li {
  font-size: 16px;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  position: relative;
  padding: 10px;
  border-bottom: #DDD 1px solid;
}
.overlay-left .container ul.nav-munu li a {
  color: #048ABF;
  display: block;
  padding: 8px 0;
  text-decoration: none;
  transition-property: all .2s linear 0s;
  -moz-transition: all .2s linear 0s;
  -webkit-transition: all .2s linear 0s;
  -o-transition: all .2s linear 0s;
}
.overlay-left .container ul.nav-munu li a:hover {
  color: #000;
}
.overlay-left .container ul.nav-munu ul {
  padding: 20px 0;
}
.overlay-left .container ul.nav-munu ul li {
  display: block;
  font-size: 13px;
  width: 100%;
  color: #e9e9e9;
}
.overlay-left .container ul.nav-munu ul li a {
  color: #f0f0f0;
}
.overlay-left .container ul.nav-munu ul li a:hover {
  color: #000;
}

@media only screen and (max-width: 768px) {
  #sidebar{
    display: none;
  }
  .menu-list {
    display: inline-block; 
  }
}