body{position:relative}


/* hamburger menu effect */
.hamburger-menu-effect .navbar-toggle {
  border: none;
  background: transparent !important;
}
.hamburger-menu-effect .navbar-toggle:hover {
  background: transparent !important;
}
.hamburger-menu-effect .navbar-toggle .icon-bar {
  width: 22px;
  transition: all 0.2s;
}
.hamburger-menu-effect .navbar-toggle .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}
.hamburger-menu-effect .navbar-toggle .middle-bar {
  opacity: 0;
}
.hamburger-menu-effect .navbar-toggle .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}
.hamburger-menu-effect .navbar-toggle.collapsed .top-bar {
  transform: rotate(0);
}
.hamburger-menu-effect .navbar-toggle.collapsed .middle-bar {
  opacity: 1;
}
.hamburger-menu-effect .navbar-toggle.collapsed .bottom-bar {
  transform: rotate(0);
}


/* SidebarNavigation */
.overlay,.sideMenu{position:fixed;bottom:0}

/* ปรับแก้การแสดงสีพื้นหลัง Overlay และการ fade เข้ามาแสดงผล */
/* .overlay{top:0;left:-100%;right:100%;margin:auto;background-color:rgba(0,0,0,.4);z-index:998;transition:all ease 20ms} */
.overlay{top:0;left:100%;right:-100%;margin:auto;background-color:rgba(0,0,0,.7);z-index:998;transition:all ease 20ms;}

.sideMenu,.sidebarNavigation{z-index:999;margin-bottom:0}

.overlay.open{left:0;right:0}

.sidebarNavigation .sidebar-navbar-toggle{float:right;margin-right:5px;margin-left:0}

.sideMenu{right:-100%;top:65px;transition:all ease-in-out .4s;overflow:hidden;width:100%;}

/* .sideMenu.open{right:0;display:block;overflow-y:auto;background-color: #2c6f9c;} */
.sideMenu.open{right:0;display:block;overflow-y:auto;background-color: #055aaa;}

.sideMenu ul{margin:0; padding-top: 15px;}

@media (max-width: 767px) {
  /* .sideMenu{max-width:50%} */
  .sideMenu{max-width:45%}
}
@media (max-width: 576px) {
  /* .sideMenu{max-width:60%} */
  .sideMenu{max-width:100%}
}
@media (max-width: 359px) {
  /* .sideMenu{max-width:70%} */
  .sideMenu{max-width:100%}
}
@media (max-width: 319px) {
  /* .sideMenu{max-width:80%} */
  .sideMenu{max-width:100%}
}