body{
	font-family: 'Montserrat', sans-serif;
}
a {
    text-decoration: none;
	font-family: 'Montserrat', sans-serif;
}
.background-custom {
    background-image: url("../images/bk.png");
    background-size: cover; 
    overflow: hidden;
    background-color: #FEE91A;
}
.background-custom-thele{
    background: rgb(255,229,32);
    overflow: hidden;
    background: linear-gradient(90deg, rgba(255,229,32,1) 0%, rgba(255,235,28,1) 100%); 
}
.background-custom-danhsach{
    background: rgb(1,48,222);
    overflow: hidden;
    background: linear-gradient(180deg, rgba(1,48,222,1) 0%, rgba(37,93,254,1) 100%);
}
.loadingData {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  display: none;
}

.w-80 {
    max-width: 80% !important;
}
.mb-40 {
    margin-bottom: 18% !important;
}
input {
  text-align: center !important; 
}

#animation_vongquay {
    transition: cubic-bezier(0.19, 1, 0.22, 1) 5s;
}

/* img.animation_vongquay {
    animation: xoayvong 20s linear 0s infinite;
    -webkit-animation: xoayvong 20s linear 0s infinite;
    -moz-animation: xoayvong 20s linear 0s infinite;
    -o-animation: xoayvong 20s linear 0s infinite;
} */

#loading-screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: yellow;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999999;
}

#loading-text {
    font-size: 36px;
    font-weight: bold;
    color: black;
}

.loading-screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
  }
  
  .loading-screen.fade-out {
    opacity: 0;
  }
   
  .spinner {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 5px solid #ccc;
    border-top-color: #555;
    animation: spin 0.6s linear infinite;
  }
  
  @keyframes spin {
    to {
      transform: rotate(360deg);
    }
  }

  ::-webkit-scrollbar-thumb {
    background-color: yellow !important;
    border-radius: 5px !important;
  }
  .scroll-padding {
    padding-right: 10px;
    background-color: yellow;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 10px;
    z-index: 1;
  }


  .custom_animation {
    visibility: visible;
    animation-duration: 3s;
    animation-delay: 3ms;
    animation-iteration-count: infinite;
    animation-name: bounceIn;
}

.custom_animation_2 {
    visibility: visible;
    animation-duration: 4s;
    animation-delay: 3ms !important;
    animation-iteration-count: infinite;
    animation-name: bounceIn;
}

.custom_animation_3 {
    visibility: visible;
    animation-duration: 5s;
    animation-delay: 3ms !important;
    animation-iteration-count: infinite;
    animation-name: bounceIn;
}

.custom_animation_lable {
    visibility: visible;
    animation-duration: 1s;
    animation-delay: 500ms;
    animation-iteration-count: infinite;
    animation-name: tada;
}
.pulse {
  visibility: visible;
  animation-duration: 1s;
  animation-delay: 500ms;
  animation-iteration-count: infinite;
  animation-name: pulse;
}

.scroll-container::-webkit-scrollbar {
  width: 10px; /* đặt chiều rộng thanh cuộn */
}

.scroll-container::-webkit-scrollbar-track {
  background-color: none; /* đặt màu nền cho vùng thanh cuộn */
}

.scroll-container::-webkit-scrollbar-thumb {
  background-color: #FEBC0E; /* đặt màu cho thanh cuộn */
}

.scroll-container::-webkit-scrollbar-thumb:hover {
  background-color: #FEBC0E; /* đặt màu khi rê chuột vào thanh cuộn */
}
.scroll-container {
  overflow-y: scroll;
  width: 100%;
  margin: 0 auto !important;
}


.form_main select {
  text-align-last: center !important;
  text-align: center !important;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}

.form_main select option {
  background-color: #2161ce; /* Nền xanh cho list xuống */
    color: #ffffff;            /* Chữ trắng cho list xuống */
    padding: 10px;
}
.custom_input>input {
    background-image: linear-gradient(#FCC947, #FFFFFF);
    border-radius: 20px;
    border: none;
    max-width: 100%;
    margin: 0 auto;
    font-size: 1rem !important;
    color: black;
    text-align: center;
    padding: 1rem;
}
.custom_input>input {
    font-size: 1.5rem !important;
    padding: 0.3rem !important;
}
.button_submit_custom {
    font-size: 1.5rem;
    font-weight: bold;
}
.button_submit_custom {
    font-size: 1rem;
    background-image: linear-gradient(#F2B30F, #EEAD40, #FCC947);
    border: none;
    color: white;
    border-radius: 18px;
    width: 100%;
    padding: 0.4rem;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.icon_search {
    width: 2rem;
    height: 2rem;
}