.header.header-fix.navbar {
    position: fixed;
    width: 100%;
    z-index: 1100;
    height: 56px;
}
.header.header-fix .container {
    width: 100%;
    max-width: 100%;
}

.viewport {
  padding-top: 56px;
  padding-left: 250px;
  /* -webkit-transition: all 0.5s ease; */
  /* -moz-transition: all 0.5s ease; */
  /* -o-transition: all 0.5s ease; */
  /* transition: all 0.5s ease; */
}

.content {
  width: 100%;
  position: relative;
  margin-right: 0;
}

.sidebar {
  z-index: 1000;
  position: fixed;
  left: 250px;
  width: 250px;
  height: 100%;
  margin-left: -250px;
  /* overflow-y: auto; */
  background: #37474F;
  /* -webkit-transition: all 0.5s ease; */
  /* -moz-transition: all 0.5s ease; */
  /* -o-transition: all 0.5s ease; */
  /* transition: all 0.5s ease; */
}

.sidebar .nav a{
  background: none;
  border-bottom: 1px solid #455A64;
  color: #CFD8DC;
  font-size: 14px;
  padding: 16px 24px;
}

.sidebar .nav a:hover{
  background: none;
  color: #ECEFF1;
}


.sidebar-nav ul {
  margin: 0;
  padding: 0;
  border-right: 1px solid black;
  width: 250px;
  list-style-type: none;
}

.sidebar-nav .nav-sub-category {
  background-color: white;
  /* border: 1px solid #37474F; */
  border-radius: 4px;
  webkit-box-shadow: 4px 4px 13px 1px rgba(55,71,79,0.47);
  -moz-box-shadow: 4px 4px 13px 1px rgba(55,71,79,0.47);
  box-shadow: 4px 4px 13px 1px rgba(55,71,79,0.47);
}

.sidebar-nav ul li {
  position: relative;
}
.sidebar-nav ul li:hover:before {
  content: "";
  top: 0;
  bottom: 0;
  right: 0;
  border-top: 5px solid transparent;
  border-right: 5px solid #ECEFF1;
  border-bottom: 5px solid transparent;
  border-left: 5px solid transparent;
  position: absolute;
  height: 0px;
  width: 0px;
  margin: auto;
}
.sidebar-nav ul li:hover > ul {
  display: block;
}

.sidebar-nav ul li a {
  padding: 16px 24px;
  display: block;
  border-bottom: 1px solid #455A64;
  color: #CFD8DC;
  font-size: 14px;
}
.sidebar-nav ul li a:hover {
  color: #ECEFF1;
}
.sidebar-nav ul li > ul {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  border-right: 1px solid #ccc;
}

.sidebar-nav ul.nav-sub-category li a {
  padding: 16px 24px;
  display: block;
  border-bottom: 1px solid #455A64;
  color: #37474F;
  font-size: 14px;
}
.sidebar-nav ul.nav-sub-category li a:hover {
  color: #214d63;
}
.sidebar-nav ul.nav-sub-category li:hover:before {
  border-right: 5px solid #214d63;
}



.cart-product-quantity {
  min-width: 28px;
  display: inline-block;
}
.cart-badge {
  position: relative;
  left: -15px;
  top: -8px;
}
.cart-quantity-input {
  width: 60px !important;
}

.quantity-container {
  min-width: 140px;
}