.alt-calendar-box {
  width: 150px;
  border-radius: 12px;
  overflow: hidden;
  border: 3px solid #dee2e6;
  display: inline-block;
  background: #fff;
  font-family: Arial, sans-serif;
  transition: transform 0.3s ease;
  /* animasi halus */
}

.alt-calendar-box:hover {
  cursor: pointer;
  transform: scale(1.1);
  /* pakai transform, bukan scale langsung */
}

.alt-calendar-header {
  background: #6dacd0;
  /* biru bootstrap */
  color: white;
  font-weight: bold;
  padding: 6px 0;
  font-size: 14px;
  text-transform: uppercase;
}

.alt-calendar-body {
  font-size: 28px;
  font-weight: bold;
  padding: 15px 0;
  color: #333;
}

.no-scroll {
  overflow: hidden !important;
}

.no-scroll-x {
  overflow-x: hidden !important;
}

.no-scroll-y {
  overflow-y: hidden !important;
}

.scroll {
  overflow: auto !important;
}

.scroll-x {
  overflow-x: auto !important;
}

.scroll-y {
  overflow-y: auto !important;
}

table tbody::-webkit-scrollbar {
  /* display: none; */
  position: absolute !important;
}


/* Height Persen Hv */
.h70hv {
  height: 70vh !important;
}

.h75hv {
  height: 75vh !important;
}

.h76v {
  height: 76vh !important;
}

.h77hv {
  height: 77vh !important;
}

.h78hv {
  height: 78vh !important;
}

.h79hv {
  height: 79vh !important;
}

.h80hv {
  height: 80vh !important;
}

/* Height by Pixel */
.h50px {
  height: 50px;
}

.h60px {
  height: 60px;
}


.h120px {
  height: 120px;
}

.h250px {
  height: 250px;
}


.h300px {
  height: 300px;
}

.h330px {
  height: 330px;
}

.h350px {
  height: 350px;
}

.h400px {
  height: 400px;
}

.h450px {
  height: 450px;
}

.h600px {
  height: 600px;
}

.h700px {
  height: 700px;
}

.h100ps {
  height: 100%;
}


/* Rounded */
.round-up {
  border-radius: 10px 10px 0 0;
}

.round-down {
  border-radius: 0 0 10px 10px;
}

.round-left {
  border-radius: 10px 0 0 10px;
}

.round-right {
  border-radius: 0 10px 10px 0;
}

.round-right-7px {
  border-radius: 0 7px 7px 0;
}

.rounded-2 {
  border-radius: 2px !important;
}

.rounded-3 {
  border-radius: 3px !important;
}

.rounded-5 {
  border-radius: 5px !important;
}

.rounded-10 {
  border-radius: 10px !important;
}

.rounded-15 {
  border-radius: 15px !important;
}

.rounded-20 {
  border-radius: 20px !important;
}

.rounded-25 {
  border-radius: 25px !important;
}

.rounded-30 {
  border-radius: 30px !important;
}

.rounded-35 {
  border-radius: 35px !important;
}

.rounded-40 {
  border-radius: 40px !important;
}

.rounded-45 {
  border-radius: 45px !important;
}

.rounded-50 {
  border-radius: 50px !important;
}

.rounded-55 {
  border-radius: 55px !important;
}


.rounded-60 {
  border-radius: 60px !important;
}