.kanit {
  font-family: 'Kanit', sans-serif;
}

.dropdown-menu {
  z-index: 1060;
}

.has-danger .btn-group > label.btn {
  border-color: #d9534f;
}

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

.pac-container {
  z-index: 10000;
}

@-webkit-keyframes pace-theme-center-circle-spin {
  from { -webkit-transform: rotateY(0deg) }
  to { -webkit-transform: rotateY(360deg) }
}

@-moz-keyframes pace-theme-center-circle-spin {
  from { -moz-transform: rotateY(0deg) }
  to { -moz-transform: rotateY(360deg) }
}

@-ms-keyframes pace-theme-center-circle-spin {
  from { -ms-transform: rotateY(0deg) }
  to { -ms-transform: rotateY(360deg) }
}

@-o-keyframes pace-theme-center-circle-spin {
  from { -o-transform: rotateY(0deg) }
  to { -o-transform: rotateY(360deg) }
}

@keyframes pace-theme-center-circle-spin {
  from { transform: rotateY(0deg) }
  to { transform: rotateY(360deg) }
}

input.daterange {
  width: 12em;
}

#notification-messages.dropdown-menu {
  width: 400px;
}
@media (max-width: 575px) { 
  #notification-messages.dropdown-menu {
    width: 250px !important;
  }
}
@media (max-width: 991px) {

}
@media (max-width: 575px) {

}
@media (min-width: 576px) and (max-width: 767px) {

}
@media (min-width: 768px) and (max-width: 991px) { 

}
@media (min-width: 992px) and (max-width: 1199px) { 

}

@media (min-width: 1200px) {

}