.lw-sidebar-menu {
  background-color: #ffffff;
  border: 1px solid #ffffff;
  border-right: 5px solid #091d3e;
  position: fixed;
  top: 0;
  left: -1px;
  height: 100%;
  overflow-x: hidden;
  transition: 0.5s;
  width: 301px;
  box-shadow: 1px 3px 8px -1px #000000;
}

.lw-sidebar-menu-toggle-container {
  position: fixed;
  transition: 0.5s;
  top: 0;
  left: -1px;
  z-index: 99;
  height: 60px;
  max-height: 60px;
  width: 300px;
  cursor: pointer;
}

.lw-sidebar-menu.collapsed,
.lw-sidebar-menu-toggle-container.collapsed {
  width: 61px;
}

.lw-sidebar-menu.collapsed .lw-sidebar-label {
  display: none;
}

.lw-sidebar-menu-toggle-container .et-pb-icon {
  font-size: 50px !important;
  font-weight: bold !important;
  color: #009fe3;
  right: -22px;
  position: absolute;
}

.lw-sidebar-menu .lw-image-icon img {
  max-width: 28px !important;
  margin-right: 5px !important;
}

.lw-sidebar-menu ul {
  list-style-type: none !important;
  padding: 0px !important;
  margin: 0;
  width: 100%;
  height: 100%;
}

.lw-sidebar-menu ul li {
  height: 60px;
  max-height: 60px;
}

.lw-sidebar-menu ul .active {
  background-color: #f3f3f3;
}

.lw-sidebar-menu ul .active::before {
  background-color: #009fe3;
  height: calc(60px - 3px);
  content: "";
  position: absolute;
  width: 10px;
}

.lw-sidebar-menu ul li a {
  text-decoration: none;
  color: #000;
  padding: 10px;
  padding-left: 15px;
  display: flex;
  align-items: center;
  height: 60px;
  max-height: 60px;
  border-bottom: 3px solid #b7b7b7;
  font-weight: bold;
}

.lw-sidebar-menu ul li a:hover {
  background-color: #ddd;
}

.lw-sidebar-menu ul li .et-pb-icon {
  margin-right: 5px !important;
  color: #373737 !important;
  font-size: 20px !important;
  font-weight: bold !important;
}
.lw-sidebar-menu ul li::after {
  content: "";
  position: absolute;
  left: 0;
  width: 0;
  height: 3px;
  background-color: #009fe3;
  transition: width 0.3s ease-in-out;
}

.lw-sidebar-menu ul li:hover::after {
  width: 100%;
}

.lw-siderbar-toggle {
  display: flex;
  justify-content: end;
  padding-right: 20px;
}

.lw-siderbar-toggle .et-pb-icon {
}

.lw-siderbar-open {
}

/* .lw-siderbar-open .lw-sidebar-toggle-open {
  display: none;
}

.lw-siderbar-closed .lw-sidebar-toggle-close {
  display: none;
} */

.lw-hide {
  display: none !important;
}

.product-template-default .entry-content {
  margin-left: 300px;
  transition: 0.5s;
}

.product-template-default #et-main-area {
  margin-left: 300px;
  transition: 0.5s;
}

@media screen and (max-width: 800px) {
  .product-template-default .entry-content {
    margin-left: 60px;
  }

  .product-template-default #et-main-area {
    margin-left: 60px;
  }

  .lw-sidebar-menu {
    width: 100%;
  }

  .lw-sidebar-menu-toggle-container {
    width: calc(100% - 30px);
  }
}
