@font-face {
  font-family: BeVNPro;
  src: url(./fonts/BeVietnamPro-Regular.ttf);
}
html {
  font-family:BeVNPro, cursive !important;
}
/* Color declare */
.root-bg-soft-mist {
  background-color: #F4F4F5;
}

.root-bg-white {
  background-color: #FFFFFF;
}

.root-text-blue {
  color: #1A62CC;
}
.root-text-gray {
  color:#1A1A1A;
}

.hover-root-text-blue:hover {
  color: #1A62CC;
}

.bg-active {
  background:#1a62cc;
}

.pipe-space {
  width: 1px;
  border: #D9D9D9 solid 2px;
  min-height: 40px;
  border-radius: 50px;
  margin:auto auto;
}

.filter-form-select-item:hover .filter-input--title {
  text-shadow: 1px 1px 2px #1A62CC;
}
.form-control.input.active:focus-visible{
  outline: none !important;
}
.form-control.input.active:focus{
  box-shadow: none !important;
}

.form-control.input:focus-visible{
  outline: none !important;
}
.form-control.input:focus{
  box-shadow: none !important;
}

#btn-check_out_date .form-control.input,#btn-check_in_date .form-control.input{
  width: 100% !important;
  font-size: .75rem;
}


@keyframes pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: .5; }
}
.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
.scrollbar-hide::-webkit-scrollbar {
  display: none;
}
.scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

#btn-check_out_date input:last-of-type {
  text-align: start !important;
  width: 100% !important;
}


.text-hotel p {
  margin-bottom: 10px;
}


/* Scroll bar style */
/* Target scrollbars within a specific class */
.scrollbar-sm::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.scrollbar-sm::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 2px;
}

.scrollbar-sm::-webkit-scrollbar-thumb:hover {
  background: #9d9d9d;
}

.scrollbar-sm::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}