/* kategori ada di home-kategori.css */
.login-akun {
  color: #5e5e5e;
  font-size: 14px;
}

.login-akun .masuk span,
.login-akun .daftar span {
  cursor: pointer;
}

.login-akun .masuk:hover,
.login-akun .daftar:hover {
  color: #1f1f1f;
}

.dftr-msg,
.lgn-msg {
  font-size: 12px;
}

.menu-header-beranda,
.menu-header-pelanggan {
  cursor: pointer;
}

.menu-header-pelanggan-submenu {
  font-size: 14px;
  color: #575757;
}

.menu-header-pelanggan-submenu:hover {
  cursor: pointer;
  background-color: #ececec;
  border-radius: 5px;
}

.daftar_barang {
  /* width: 800px;
    height: 400px; */
  overflow-y: auto;
  overflow-x: hidden;
  /* margin-left: 0; */
}

.daftar_barang::-webkit-scrollbar {
  width: 12px;
}

/* Track */

.daftar_barang::-webkit-scrollbar-track {
  background: #ffffff;
  /* border-radius: 6px; */
}

/* Handle */

.daftar_barang::-webkit-scrollbar-thumb {
  background: #e4e4e4;
  /* border-radius: 6px; */
}

/* Handle on hover */

.daftar_barang::-webkit-scrollbar-thumb:hover {
  background: #616161;
}

/* @media screen and (max-device-width: 767px) and (orientation: portrait) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
  .visible-phone {
    display: inherit !important;
  }
  .hidden-phone {
    display: none !important;
  }
} */

/* @media screen and (max-device-width: 767px) and (orientation: landscape) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
  .visible-phone {
    display: inherit !important;
  }
  .hidden-phone {
    display: none !important;
  }
} */

.daftar_barang {
  width: 400px;
  max-height: 500px;
}

.div-header {
  padding: 5px;
}

.div-logogambar,
.div-logoteks,
.div-kategori,
.div-beranda,
.div-keranjang,
.div-akun {
  padding-top: 6px;
}

.dropdown-menu {
  background-color: #fefefe;
  border-radius: 0;
}

header.utama .bagian-content {
  z-index: 1;
  position: relative;
  color: #fff;
}

header.utama .bagian-content .bagian-heading {
  font-size: 5vw;
}

header.utama .bagian-content .bagian-subheading {
  font-size: 2vw;
  font-weight: 200;
}

.bagian-heading,
.bagian-subheading {
  text-shadow: 0 0 3px #ddd, 0 0 5px #333;
}

.masuk_box,
.dftrBox {
  width: 300px;
}

.dd-info {
  width: 400px;
  /* line-height: 1.5em;
  height: 3em;
  overflow: hidden; */
}

@media screen and (max-width: 767px) {
  /* header.utama {
    padding-top: calc(10rem + 55px);
    padding-bottom: 10rem;
  } */

  .dd-info {
    width: 80vw;
    /* line-height: 1.5em;
    height: 3em;
    overflow: hidden; */
  }

  .masuk_box,
  .dftrBox {
    width: 280px;
  }

  header.utama .bagian-content .bagian-heading {
    font-size: 2rem;
  }

  header.utama .bagian-content .bagian-subheading {
    font-size: 1rem;
    font-weight: 300;
  }

  .gbr-profile {
    position: relative;
  }

  .menu-header-pelanggan sup {
    position: absolute;
    top: 18px;
    right: 8px;
  }

  .daftar_barang {
    width: 330px;
    max-height: 500px;
  }

  .div-logogambar,
  .div-logoteks,
  .div-kategori,
  .div-beranda,
  .div-keranjang {
    padding-top: 6px;
  }

  .icon_person {
    font-size: 18px;
  }

  .div-kategori {
    padding-left: 6px;
  }

  .div-akun {
    padding-bottom: 3px;
  }

  .tombol-search {
    /* font-size: 14px; */
    /* background-color: transparent; */
    border-color: #fff ;
    /* padding: 0 6px; */
    /* color: #fff; */
  }
}