/* line 1, app/assets/stylesheets/customers/custom.css.scss */
img.mfp-img {
  background-color: white;
}

/* line 7, app/assets/stylesheets/customers/custom.css.scss */
header .shopping-cart .badge {
  color: white;
  position: absolute;
  margin-right: -41px;
  margin-top: -27px;
  font-size: 10px;
  border-radius: 20px;
  padding: 2px 7px;
  background: red;
}

@media screen and (max-width: 768px) {
  /* line 7, app/assets/stylesheets/customers/custom.css.scss */
  header .shopping-cart .badge {
    margin-right: -29px;
  }
}

/* line 23, app/assets/stylesheets/customers/custom.css.scss */
header button#hamburger {
  background: none;
}

/* line 27, app/assets/stylesheets/customers/custom.css.scss */
header .nav-menu {
  z-index: 1000;
}

@media screen and (max-width: 768px) {
  /* line 34, app/assets/stylesheets/customers/custom.css.scss */
  .product_cart_delete svg {
    width: 1rem;
    height: 1rem;
  }
}

/* layout */
/* line 42, app/assets/stylesheets/customers/custom.css.scss */
.overflow-x-auto {
  overflow-x: auto;
}

/* line 46, app/assets/stylesheets/customers/custom.css.scss */
#stripe_error {
  color: red;
}

/* line 51, app/assets/stylesheets/customers/custom.css.scss */
.home.index .banner {
  position: relative;
}

/* line 55, app/assets/stylesheets/customers/custom.css.scss */
.home.index .header-image {
  position: absolute;
  top: 0px;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

/* line 63, app/assets/stylesheets/customers/custom.css.scss */
.home.index .header-image svg {
  float: right;
  width: 99.5%;
}

/* line 70, app/assets/stylesheets/customers/custom.css.scss */
.k-popup.k-calendar-container {
  border-radius: 12px;
  padding: 0 !important;
  border-color: var(--secondary-color);
  border-radius: 12px;
  background: white;
  box-shadow: none;
}

/* line 78, app/assets/stylesheets/customers/custom.css.scss */
.k-popup.k-calendar-container .k-widget.k-calendar {
  border-color: #ddd;
  border-radius: 9px;
}

/* line 83, app/assets/stylesheets/customers/custom.css.scss */
.k-popup.k-calendar-container .k-state-selected, .k-popup.k-calendar-container .k-state-focused {
  padding: 2px;
  background: none;
}

/* line 87, app/assets/stylesheets/customers/custom.css.scss */
.k-popup.k-calendar-container .k-state-selected a, .k-popup.k-calendar-container .k-state-focused a {
  background: var(--secondary-color);
  color: white;
  text-align: center;
  padding-left: 6px;
}

/* line 95, app/assets/stylesheets/customers/custom.css.scss */
.k-popup.k-calendar-container .k-header {
  background: var(--secondary-color);
}

/* line 98, app/assets/stylesheets/customers/custom.css.scss */
.k-popup.k-calendar-container .k-header a {
  color: white;
}

/* line 103, app/assets/stylesheets/customers/custom.css.scss */
.k-popup.k-calendar-container .k-content thead th {
  background: var(--secondary-color);
  color: white;
}

/* line 108, app/assets/stylesheets/customers/custom.css.scss */
.k-popup.k-calendar-container .k-state-hover {
  background: none;
}

/* line 111, app/assets/stylesheets/customers/custom.css.scss */
.k-popup.k-calendar-container .k-state-hover a {
  background: var(--primary-color);
  color: white;
  text-align: center;
  padding-left: 6px;
}

/* line 120, app/assets/stylesheets/customers/custom.css.scss */
.k-animation-container {
  /* Remove default reset styling spacing */
  /* Each time item */
  /* Hover effect */
  /* Selected time */
  /* Focused item */
  /* Scrollbar modern */
}

/* line 121, app/assets/stylesheets/customers/custom.css.scss */
.k-animation-container .k-list-container {
  border: none;
  background: none;
  box-shadow: none;
}

/* line 127, app/assets/stylesheets/customers/custom.css.scss */
.k-animation-container .k-list {
  background: white;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  padding: 8px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.45);
}

/* line 136, app/assets/stylesheets/customers/custom.css.scss */
.k-animation-container .k-list.k-reset {
  margin: 0;
}

/* line 141, app/assets/stylesheets/customers/custom.css.scss */
.k-animation-container .k-list .k-item {
  border-radius: 10px;
  padding: 5px 14px;
  font-size: 14px;
  transition: all 0.15s ease;
  cursor: pointer;
  border: none;
}

/* line 151, app/assets/stylesheets/customers/custom.css.scss */
.k-animation-container .k-list .k-item:hover {
  background: var(--secondary-color);
  color: #fff;
  border: none;
}

/* line 158, app/assets/stylesheets/customers/custom.css.scss */
.k-animation-container .k-list .k-item.k-state-selected {
  background: var(--secondary-color);
  /* slate-900 */
  color: white;
  font-weight: 500;
}

/* line 165, app/assets/stylesheets/customers/custom.css.scss */
.k-animation-container .k-list .k-item.k-state-focused {
  background: rgba(59, 130, 246, 0.25);
}

/* line 170, app/assets/stylesheets/customers/custom.css.scss */
.k-animation-container .k-list::-webkit-scrollbar {
  width: 6px;
}

/* line 174, app/assets/stylesheets/customers/custom.css.scss */
.k-animation-container .k-list::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 10px;
}