.page-wrapper {
}

.container-fluid {
  padding: 25px 15px;
}

.font-size-sm {
  font-size: small;
}

.font-size-xs {
  font-size: x-small;
}

.bg-black {
  background: #343638;
}

.bg-primary-button {
  background-color: rgb(0, 151, 153);
}

.bg-primary-theme {
  /* background: rgb(118, 193, 149); */
  background-color: rgb(82, 216, 218);
}

.bg-primary-theme-secondary {
  /* background: rgb(93, 150, 116); */
  background-color: rgb(69, 181, 183);
}

.bg-primary-theme-tree {
  background: #1c2025;
}

.bg-primary-theme-2 {
  background: rgb(61, 59, 59);
}

.bg-primary-transparant {
  background: rgb(159, 236, 255);
}

.bg-mas {
  background: rgb(65, 64, 64);
}

.bg-yellow {
  background-color: rgb(226, 192, 42);
}

.bg-hijau {
  background-color: rgb(35, 116, 28);
}

.bg-biru-muda {
  background-color: rgb(88, 93, 124);
}

.bg-biru-muda:hover {
  background-color: rgb(1, 82, 195);
}

.bg-biru-1 {
  background-color: rgb(17, 44, 176);
}

.bg-white-50 {
  background-color: #dadada;
}

h6.text-count {
  font-weight: 500;
  color: red;
  font-size: 1.2em;
}

.card-img-cover {
  width: 100%;
  height: 160px;
  object-fit: cover;
  object-position: center;
}

.text-primary-theme {
  color: rgb(52, 120, 221) !important;
}

.text-azure {
  color: rgb(50, 128, 201) !important;
}

.ardeema-color {
  color: #fea771 !important;
}

.ardeema-color-bg {
  background-color: #fea771 !important;
}

.ardeema-color-bg:hover {
  background-color: #ea8686 !important;
}

.ardeema-color-tf-bg {
  background-color: #a9f1be !important;
}

.ardeema-color-2-bg {
  background-color: #35e16a !important;
}

.ardeema-color-gradient-bg {
  background-image: linear-gradient(
    to right,
    #fbdf50,
    #ffcf56,
    #ffc15e,
    #ffb368,
    #fea771
  );
}

.collapse.in {
  display: block;
  background: #ffffff;
}

a.text-ardeema:focus,
a.text-ardeema:hover {
  color: #fea771 !important;
}

a.text-info:focus,
a.text-info:hover {
  color: #0799a2 !important;
}

.topbar .top-navbar .navbar-nav > .nav-item > .nav-link {
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 17px;
  line-height: 50px;
}

@media (max-width: 767px) {
  .topbar .top-navbar .navbar-nav > .nav-item > .nav-link {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}

.notify .heartbit {
  border: 5px solid #007afb;
  margin-top: -5px;
}

.notify .point {
  background-color: #007afb;
  margin-top: -5px;
}

.text-white-60 {
  color: #d3d3d3 !important;
}

.font-semibold {
  font-weight: 500;
}

.bg-blue-dark {
  background: #149ae8 !important;
}

.custom-radio label {
  cursor: pointer;
}

.topbar .profile-pic {
  width: 30px;
  height: 30px;
  object-fit: cover;
  object-position: center;
  border-radius: 100%;
}

.user-profile .profile-img img {
  width: 50px;
  height: 50px;
  object-fit: cover;
  object-position: center;
  border-radius: 100%;
}

.img-circle-profile {
  object-fit: cover;
  object-position: center;
  border-radius: 100%;
}

.card-no-border .left-sidebar,
.card-no-border .sidebar-nav {
  background: #ededed;
}

.card-no-border .sidebar-nav > ul > li > a.active,
.sidebar-nav > ul > li.active > a {
  background: #fde5d6;
  color: #000000;
}

.bg-nav-blue {
  background: #ea8686;
}

a.link {
  color: #ffffff;
}

.sidebar-nav ul li a,
.sidebar-nav ul li a i {
  color: #2a2a2a;
}

.sidebar-footer {
  border-top: 1px solid #fea771;
}

.sidebar-nav .has-arrow::after {
  border-color: rgb(63, 63, 63);
}

.sidebar-nav > ul > li > a.active,
.sidebar-nav > ul > li > a:hover {
  border-left: 3px solid #fea771;
  background: #fde5d6;
  color: #000000;
}

.sidebar-nav ul li a.active {
  color: #2e2e2e;
  text-decoration: underline;
}

.text-black {
  color: #000000;
}

.type-cursor {
  cursor: pointer;
}

.sidebar-nav > ul > li.active > a i,
.sidebar-nav > ul > li.active > a {
  color: #3d403f;
}

.sidebar-nav > ul > li.active > a {
  border-left: 3px solid #fea771;
}

.card-no-border .page-wrapper {
  background: #eaedf3;
}

@media (min-width: 768px) {
  .mini-sidebar .sidebar-nav #sidebarnav > li > ul {
    background: #e0e0e0;
  }
}

/* CARD PRODUCT */

.card {
  border: none;
  transition: transform 0.2s;
}
.card:hover {
  /* transform: scale(0.95); */
  background-color: #fcf9fa;
}
.btn-beli {
  background-color: #fea771;
  color: white;
}
.btn-beli:hover {
  background-color: #fde5d6;
  color: #000000;
}

.ardeema-card-custom {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;

  /* Gradient background */
  background-image: linear-gradient(
    to right top,
    #fea771,
    #ffb06a,
    #ffb963,
    #ffc45c,
    #ffcf56,
    #ffd25e,
    #ffd465,
    #ffd76d,
    #ffd281,
    #ffcf95,
    #fccea7,
    #f2ceb8
  );
  background-size: cover;
  background-clip: border-box;
  border: 1px solid #fea771;
  border-radius: 0.25rem;
}

.ardeema-card-custom > .card-body {
  flex: 1 1 auto;
  padding: 1rem;
}

.ardeema-card-custom-2 {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;

  /* Gradient background */
  background-image: linear-gradient(
    to left bottom,
    #ffbc34,
    #ff875f,
    #ff60a0,
    #d767e0,
    #2a7fff
  );
  background-size: cover;
  background-clip: border-box;
  border: 1px solid #fea771;
  border-radius: 0.25rem;
}

.ardeema-card-custom-2 > .card-body {
  flex: 1 1 auto;
  padding: 1rem;
}

.cvvv {
  background-image: linear-gradient(
    to right,
    #ffbc34,
    #ff875f,
    #ff60a0,
    #d767e0,
    #2a7fff
  );

  .cvvc {
    background-image: linear-gradient(
      to right,
      #ffbc34,
      #ffab6b,
      #ffa69c,
      #ffadc2,
      #e9b8d6
    );
  }
}