.activeURL{
  background-color:#fff;
  color:#45946C !important;
  box-sizing: border-box;
  font-weight:600;
}
.activeURL i{
  color:#45946C;
}

a ~ .sub-nav{
  display:none;
}
a.activeURL ~ .sub-nav{
  display:block;
}
.sub-nav a.activeURL{
  border-left:0;
}

.header{
  box-shadow:0 2px 6px 2px rgba(0,0,0,0.04);
  padding:23px 50px;
  display:flex;
  justify-content: space-between;
  align-items:center;
  background-color:#fff;
}
.header.flex-start{
  justify-content: flex-start;
}
.header > .logo{
  max-width:210px;
}
.header > .logo img{
  width:100%;
  height:auto;
}
.header nav{
  display:flex;
  justify-content:flex-end;
}
.header .navbar{
  padding:0;
}

.login-info-container .login-info-image{
  width:50px;
  height:50px;
  margin-left:20px;
}
.login-info-container .login-info-image img{
  display:block;
  width:100%;
  height:auto;
  border-radius:50%;
}
.login-info-container{
  display:flex;
  justify-content:space-between;
  align-content:center;
}
.login-info-container .login-info-text{
  display:flex;
  align-items: center;
  position:relative;
}
.login-info-container i{
  font-size:26px;
  cursor:pointer;
  color:#707070;
}
.login-info-container .login-info-username{
  padding:0 15px 0 20px;
  line-height: 20px;
}

#logout-form button{
  padding:0;
}
#showopt{
  cursor:pointer;
}

.user-sidebar{
  display:none;
  padding: 15px;
  box-shadow:0 2px 6px 2px rgba(0,0,0,0.04);
  border-radius:8px;
  width:120px;
  position:absolute;
  background-color:#fff;
  top:100%;
  left:50%;
  transform:translate(-50%, 0);
  font-size:16px;
}
.user-sidebar a{
  color:#000;
  padding:0 6px;
}


.user-sidebar button i,
.user-sidebar a > i{
  padding: 0 4px 0 0px;
}

#mobile-menu-close{
  background-color:transparent;
  border:none;
  font-size:36px;
  color:#366258;
}

.mobile-menu-icon .bar1,.mobile-menu-icon .bar2,.mobile-menu-icon .bar3 {
  width: 25px;
  height: 3px;
  background-color: #366258;
  margin: 6px 0;
  transition: 0.4s;
}


.menu-icon::after{
  background-color: #366258;
  box-shadow: 0 7px  #366258, 0 14px  #366258;
  position:absolute;
  top:0;
  left:0;
  display:block;
  width:100%;
  height:2px;
  content:'';
}

.right-side header > button{
  -webkit-appearance:none;
  appearance:none;
  background-color:transparent;
  border:none;
}
.right-side header > button::-ms-expand{
  display:none;
}


.menu-icon{
  position:relative;
  display:inline-block;
  vertical-align: middle;
  width:20px;
  height:16px;
  cursor:pointer;
}



#menu-left .off-canvas-content{
  height:100%;
}

#menu-left{
  z-index:1011;
  position:fixed;
}
#menu-left .button-right{
  display:flex;
  justify-content: flex-end;
  background-color:transparent;
}

.off-canvas.is-open{
  -webkit-transform: translate(0);
  transform: translate(0);
}
@media print, screen and (min-width: 50em){
  #menu-left #footer-left > button,
  .right-side header > button{
    display:none;
  }
  .header{
    justify-content: flex-end;
  }
  .header.flex-start{
    justify-content: flex-start;
  }

  #menu-left .button-right{
    display:none;
  }
}

@media print, screen and (min-width: 1550px){
  .no-sidebar .dashboard-content{
    padding:26px 250px 50px 250px;
  }
}