/* Topbar */
header .topbar {
  background-color: black;
}

header .topbar form {
  width: 60%;
}

header .topbar form input {
  width: 100% !important;
  font-size: 14px;
}

header .topbar .navbar-brand img {
  width: 78px;
}

header .topbar .container {
  max-width: 83%;
}

ul.navbar-right li {
  margin: 0 10px;
  font-weight: 500;
  font-size: 14px;
}

ul.navbar-right li a i {
  margin-right: 5px;
}

/* Navbar */
.custom-navbar .bg-light {
  background-color: #ECECED !important;
}

.custom-navbar .delivery-location {
  margin-right: 1rem;
  margin-bottom: 0;
  color: grey;
  font-weight: 600;
  font-size: 14px;
}

.custom-navbar .delivery-location span {
  padding-left: 12px;
  color: black;
}

.custom-navbar nav .navbar-nav li a {
  color: black !important;
  font-weight: 600;
  font-size: 15px;
}

.custom-navbar .navbar-nav .nav-item.dropdown .nav-link::after {
  border: none;
  color: grey;
  content: "\f107";
  vertical-align: unset;
  font-family: "FontAwesome";
}

.custom-navbar .navbar-nav .nav-item.show .nav-link::after {
  border: none;
  color: grey;
  content: "\f106";
  vertical-align: unset;
  font-family: "FontAwesome";
}

.custom-navbar .navbar-nav .nav-item .dropdown-menu {
  border: none;
  background-color: #ECECED;
}

.sidebar {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 11;
  overflow-x: hidden;
  width: 0;
  height: 100%;
  background-color: #ECECED;
  transition: 0.5s;
}

.sidebar a {
  display: block;
  padding: 12px 16px;
  padding-left: 15px;
  font-size: 14px;
  transition: 0.3s;
}

.login-div #customer-name {
  color: white;
  font-weight: 600;
  font-size: 16px;
}

.login-div {
  padding: 0 10px 10px 10px;
  background-color:black;
}

.login-div button {
  width: 50%;
  border: 1px solid white;
  border-radius: unset;
  color: white;
}

.login-div button:hover {
  border: 1px solid white;
  background-color: black;
  color: white;
}

.btn-groups {
  display: flex;
}

.btn-groups button:nth-of-type(1) {
  margin-right: 5px;
}

.btn-groups button:nth-of-type(2) {
  margin-left: 5px;
}

.sidebar .hr {
  margin: 0 0 10px 0;
  padding: 10px 0 0 0;
  border-bottom: 5px solid #D5DBDB;
}

.sidebar .closebtn {
  position: absolute;
  top: 0;
  right: 0;
  color: white;
  font-size: 22px;
}

.openbtn {
  margin-right: 15px;
  border: none;
  background-color: transparent;
  cursor: pointer;
}

.openbtn img {
  width: 30px;
}

.openbtn:hover {
  background-color: transparent;
}

#main {
  /* padding: 16px; */
  transition: margin-left 0.5s;
}

.contact-us {
  padding-left: 15px;
}

.contact-us h6 {
  font-weight: 700;
  font-size: 12px;
}

.contact-us p {
  margin-bottom: 10px;
  color: black;
  font-size: 12px;
}

.contact-us span {
  color: #008ECC;
}

.contact-us .download {
  display: flex;
}

.contact-us .download a {
  margin-right: 10px;
  padding: 0;
}

.counter-number{
  display: block;
  width: 14px;
  height: 14px;
  line-height: 14px;
  background: #dd0608;
  border-radius: 50%;
  margin-top: -27px;
  margin-left: 5px;
  text-align: center;
}