.blue-header{
    background: linear-gradient(94.24deg, #5DB1FF 1.83%, #0085FF 100%);
    color: white;
}
.blue-bg{
    background-color: rgba(45, 167, 255, 1);
    border-color: rgba(45, 167, 255, 1);
}
.blue-text{
    color: white;
}
.blue-body{
    background: rgba(231, 243, 255, 1);
}
   .fc-prev-button, .fc-next-button {
    width: 50px !important;
}
    body {
    font-size: 14px;
    font-family: Kanit,sans-serif !important;
}
.card-title {
    font-family: Kanit,sans-serif;
}
.avatar-xxs{
    height: 1rem;
    width: 1rem;
}
.avatar-xxxs{
    height: 1.2rem;
    width: 1.2rem;
}

.fc-prev-button:hover, .fc-next-button:hover {
    background-color: #395c75; /* Darker blue on hover */
}
.table-responsive table,
.table-responsive th,
.table-responsive td {
  font-size: 14px;
  font-family: Kanit, sans-serif;
}
@media (max-width: 767px) { /* ใช้ Media Query สำหรับหน้าจอมือถือ (ขนาด 767px ลงไป) */
  .table-responsive table,
  .table-responsive th,
  .table-responsive td {
    font-size: 14px;
    font-family: Kanit, sans-serif;
  }
}
.col-limited {
    max-width: 120px !important;; /* กำหนดความกว้างสูงสุด */
}
.col-limited-team {
    max-width: 150px !important;; /* กำหนดความกว้างสูงสุด */
}
.col-limited-team-mobile {
  max-width: 80px !important;; /* กำหนดความกว้างสูงสุด */
}
.col-limited-rate {
max-width: 60px !important;; /* กำหนดความกว้างสูงสุด */
}
.odds-row td {
  white-space: normal !important; /* อนุญาตให้ขึ้นบรรทัดใหม่ตามปกติ */
  word-wrap: break-word;       /* สำหรับ browser เก่า */
  overflow-wrap: break-word;   /* สำหรับ browser ใหม่ - บังคับตัดคำถ้าคำยาวมากๆ */
  max-width: 100%;             /* ทำให้ td ไม่พยายามกว้างเกินตาราง */
  padding: 5px;                /* เพิ่ม padding เล็กน้อยเพื่อความสวยงาม */
  text-align: center;          /* จัดข้อความให้อยู่ตรงกลาง (ถ้าต้องการ) */
}
.grab {
  cursor: pointer;
}
    iframe {
      width: 100%;
    }


.coin{
    height: 150px;
    width: 150px;
    position: relative;
    margin: 32px auto;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}
.coin img{
    width: 145px;
}
.heads,.tails{
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}
.tails{
    transform: rotateY(180deg);
}
@keyframes spin-tails{
    0%{
        transform: rotateY(0);
    }
    100%{
        transform: rotateY(1980deg);
    }
}
@keyframes spin-heads{
    0%{
        transform: rotateY(0);
    }
    100%{
        transform: rotateY(2160deg);
    }
}