
#hamburger-icon {
  margin: auto 0;
  display: none;
  cursor: pointer;
}

#hamburger-icon div.bar1,
#hamburger-icon div.bar2,
#hamburger-icon div.bar3 {
  width: 35px;
  height: 3px;
  background-color: var(--theme-color-text);
  margin: 6px 0;
  transition: 0.4s;
}

.open .bar1 {
  -webkit-transform: rotate(-45deg) translate(-6px, 6px);
  transform: rotate(-45deg) translate(-6px, 6px);
}

.open .bar2 {
  opacity: 0;
}

.open .bar3 {
  -webkit-transform: rotate(45deg) translate(-6px, -8px);
  transform: rotate(45deg) translate(-6px, -8px);
}

.open .mobile-menu {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  background: #fff;
}

.mobile-menu {
  display: none;
  position: absolute;
  top: 82px;
  padding-top: 10px;
  left: 0;
  /*height: calc(100vh - 50px);*/
  height: calc(100vh + 16vh);
  width: 100%;
  
  list-style-type: none;
  padding-left: 0;
}

.mobile-menu.v2{
	padding-top: 0px;
}

.mobile-menu li {
  	margin-bottom: 10px;
  	width: 100%;
  	border-bottom: 0px #c0c0c0 solid;
	padding-bottom: 10px;
	padding-left: 16px;
}

.mobile-menu.v2 li{
	border-bottom-width:1px; 
	margin-bottom: 0;
	padding-top: 15px;
	padding-bottom: 15px;
}
.mobile-menu.v2 li a:active,
.mobile-menu.v2 li a:focus{
	background: #CCCCCC;
	color: #1C1B1E;
}

.mobile-menu a{
	color: var(--label-color);
}


header .mobile-menu .header-nav-link{
	color: #fff !important;
}

header .mobile-menu .dropdown-item{
	display:inline-block;
	width: auto;
}

header .mobile-menu.v2 .dropdown-item{
	width: 100%;
}

header .mobile-menu.v2 .dropdown-menu.notifications-mobile.show{
	top: 0;
    border-radius: 0;
    width: 100%;
    left: 0;
}

header .mobile-menu .dropdown-item.signout{
	width:100%;
	text-align: center;
	font-weight: bolder;
	color: var(--theme-color-brand-primary);
}

header .mobile-menu img{
	width:16px;
}

header .mobile-menu li.settings{
	font-size: 22px;
}

header #hamburger-icon.open #navbarNotificationCounter-mobile{
	display:none;
}

header .notifications.mobile-v2{
	position: absolute;
    left: 0;
    width: 100%;
    top: 80px;
    border-radius: 0;
    
    height: calc(100vh + 16vh);
    background: #fff;
    border-top: 3px #E5E5E5 solid;
    display: none;
}

header .notifications.mobile-v2 h1{
	padding-left: 16px;
	margin-top: 46px;
    margin-bottom: 46px;	
}

header .notifications.mobile-v2 .dropdown-menu.notifications-mobile .dropdown-item{
	padding-right: 55px;
}
header .notifications.mobile-v2 .dropdown-menu.notifications-mobile .dropdown-item span{
	white-space: break-spaces;
}

header .notifications.mobile-v2 .dropdown-menu.notifications-mobile{
	width: 100%;
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
}

header #hamburger-icon.open .notifications.mobile-v2{
	display:none;
}

.dropdown-item:focus, .dropdown-item:hover{
	background-color:inherit;
}
@media only screen and (max-width: 912px) {
  .header-right-section .desktop {
    display: none;
  }
  .navbar-expand-md .navbar-collapse{
  	 display: none !important;
  }

  #hamburger-icon {
    display: block;
  }
}