input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Untuk Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

.logo-dark,
.logo-light,
.logo-company {
  height: 60px;
  width: auto;
}

@media (max-width: 480px) {
  .logo-dark,
  .logo-light {
    height: 40px;
    width: auto;
  }

  .topnav {
    display: none;
  }

  .navbar-brand-home {
    display: block !important;
  }

  .botnav {
    padding-top: 0 !important;
  }

  .mobile-hide {
    display: none !important;
  }

  .editor-canvas,
  .editor-canvas-lg {
    width: 100% !important;
  }
}

.navbar-brand-home {
  display: none;
}

.navbar-stick .navbar-brand-home {
  display: block;
}

.navbar-stick .botnav {
  padding-top: 0 !important;
}

.botnav {
  padding-top: 75px;
}

.topnav {
  top: 10px;
  z-index: 2000;
  width: 100%;
}

.flex-top-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.flex-align-center {
  display: flex;
  align-items: center;
}

.min-w-100 {
  min-width: 100px;
}

.card-img-top {
  height: 250px;
}

.card-img-header {
  max-height: 350px !important;
}

.card-img-galer {
  max-height: 250px !important;
}

.card-img-hotel {
  max-height: 250px !important;
}

.card-img-tl {
  max-height: 275px !important;
}

.card-img-tour {
  height: 375px !important;
  max-height: 375px !important;
}

.flex {
  display: flex;
}

.items-center {
  align-items: center;
}

.justify-between {
  justify-content: space-between;
}

.justify-center {
  justify-content: center !important;
}

.badge-flex {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.logo-maskapai {
  height: 30px;
}

.logo-maskapai-header {
  max-height: 1.8rem;
}

.full-booked {
  top: 25%;
  left: 25%;
}

.full-booked img {
  width: 150px;
}

.fliper img {
  transform: scaleX(-1);
}

.pabo-20 {
  padding-bottom: 20px;
}

.text-titles,
.font-titles {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.text-shadows {
  text-shadow: 3px 3px 5px rgba(30, 34, 40, 0.8) !important;
}

.overlay-img {
  background: rgba(30, 34, 40, 0.3);
}

.max-h-100 {
  max-height: 100% !important;
}

.height-4 {
  height: 4rem !important;
}

.img-mores {
  max-height: 250px;
}

.btn-square {
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
  border-radius: 0.4rem !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  line-height: 1;
  backface-visibility: hidden;
  padding: 0.2rem;
}

.btn-square.btn-sm {
  width: 2.2rem;
  height: 2.2rem;
}

.bg-yellow-2 {
  background-color: #fdca14;
}
.p-half {
  padding: 0.08rem !important;
}

.timeline .timeline-item .timeline-marker.timeline-yellow:before {
  background: rgba(var(--bs-yellow-rgb)) !important;
}

.img-booking figure {
  height: 275px;
  width: 100%;
}

.figure-cover {
  height: 375px;
}

.user-testi-img {
  width: 3.5rem !important;
  height: 3.5rem !important;
}

.img-booking figure img,
.img-avatar img,
.figure-cover img,
.card-img-top img,
.user-testi-img img {
  height: 100% !important;
  width: 100% !important;
  object-fit: cover;
  content: "";
  display: block;
}

.img-avatar {
  height: 4.5rem;
  width: 4.5rem;
}

.icon-input-form {
  right: 4%;
  height: 100%;
  bottom: -15px;
}

.pointer {
  cursor: pointer;
}

.room-select.selected-room {
  background-color: var(--color-company) !important;
  color: var(--color-text) !important;
}

.room-select.selected-room .text-body {
  color: var(--color-text) !important;
}

.table-co.table:not(.table-borderless) tbody {
  border-top-width: 0 !important;
  border-bottom-width: 0 !important;
}

.btn-xs {
  --bs-btn-padding-y: 0.35rem !important;
  --bs-btn-padding-x: 0.8rem !important;
}

.area-edit {
  cursor: pointer;
}

.area-edit.open-edit {
  border: 2px solid var(--color-company);
}

.editor-canvas {
  width: 500px !important;
}

.editor-canvas-lg {
  width: 700px !important;
}

.block-sample-nav li a {
  font-size: 6px !important;
}

.block-sample-nav .navbar-nav .nav-link {
  padding-left: 6px !important;
  padding-right: 6px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.logo-block img {
  height: 15px;
}

.text-on-bg {
  color: var(--color-text) !important;
}

.block-sample-nav {
  cursor: pointer;
  border-radius: 5px;
}

.block-sample-nav:hover,
.block-sample-nav.aktif {
  border: 2px solid var(--color-company);
}

.editor-control {
  z-index: 1000;
}

.blocks-edit {
  cursor: pointer;
}

.blocks-edit.open-edit {
  border: 2px solid var(--color-company);
}

.block-sample,
.block-sample-new,
.footer-sample {
  border: 1px solid #eeeeee;
}

.block-sample,
.block-sample img,
.block-sample-new,
.block-sample-new img,
.footer-sample,
.footer-sample img {
  cursor: pointer;
  border-radius: 5px;
}

.block-sample:hover,
.block-sample.aktif,
.block-sample-new:hover,
.block-sample-new.aktif,
.footer-sample:hover,
.footer-sample.aktif {
  border: 2px solid var(--color-company);
}

.poppins {
  font-family: "Poppins", sans-serif;
}

.rounded-lg {
  border-radius: 0.6rem !important;
}

.heroes {
  right: 150px;
  top: 200px;
  z-index: 2000 !important;
}

.heroes-nav {
  top: 85px !important;
}

.heroes-nav-home {
  top: 150px !important;
}

.heroes-footer {
  top: 50px !important;
}

.heroes-block {
  top: 75px !important;
}

.py-1-5 {
  padding-top: 0.35rem !important;
  padding-bottom: 0.35rem !important;
}

.bg-change,
.frame-change,
.colors-change,
.bgs-change,
.frames-change,
.colors-changes {
  cursor: pointer;
  width: 100%;
  height: 25px;
  margin-bottom: 8px;
}

.colors-change:hover,
.colors-change.aktif,
.bg-change:hover,
.bg-change.aktif,
.frame-change:hover,
.frame-change.aktif,
.colors-changes:hover,
.colors-changes.aktif,
.bgs-change:hover,
.bgs-change.aktif,
.frames-change:hover,
.frames-change.aktif {
  border: 2px solid #000 !important;
}

.bg-change.bg-light,
.frame-change.bg-light,
.colors-change.bg-light,
.bgs-change.bg-light,
.frames-change.bg-light,
.colors-changes.bg-light {
  border: 1px solid #b4b4b4;
}

@media (min-width: 1280px) {
  .img-items-block .img-mask {
    height: 200px !important;
  }
}

.img-after-mask {
  content: "";
  object-fit: cover;
  height: 100% !important;
  width: 100% !important;
  display: block;
}

.svg-change:hover,
.svg-change.aktif,
.svgBlock-change:hover,
.svgBlock-change.aktif {
  background-color: var(--color-soft-company);
}

.icon-list-item {
  overflow-x: hidden;
  overflow-y: auto;
  height: 400px;
}

.svgBlock .icon-svg {
  width: 2.6rem !important;
  height: 2.6rem !important;
}

.svg-sm .icon-svg {
  width: 2.2rem !important;
  height: 2.2rem !important;
}

.svg-md .icon-svg {
  width: 2.6rem !important;
  height: 2.6rem !important;
}

.svg-lg .icon-svg {
  width: 3rem !important;
  height: 3rem !important;
}

.svg-me-0 .icon-svg {
  margin-right: 0 !important;
}

#offcanvas-blocks {
  border-left: 1px solid rgba(164, 174, 198, 0.2);
}

.sortable-chosen {
  opacity: 1 !important;
  background: var(--bs-gray-rgb);
  border: 2px solid var(--color-company);
}

.sortable-ghost {
  visibility: hidden !important;
}

.sortable-drag {
  opacity: 1 !important;
  background: var(--bs-gray-rgb);
  border: 2px solid var(--color-company);
}

.font-center {
  text-align: center !important;
}

.font-uppercase {
  text-transform: uppercase !important;
}

.text-white .icon-svg .lineal-stroke {
  fill: #d8d8d8 !important;
}

.opacity-85 {
  opacity: 0.85 !important;
}

.rating-hotel .ratings {
  width: 3.5rem !important;
}

.img-item-hero {
  width: 100%;
  height: 250px;
}

.img-item-hero img {
  height: 100% !important;
  width: 100% !important;
  object-fit: cover;
  content: "";
  display: block;
}

.topnav-lg {
  top: 70px !important;
}