/* width */
::-webkit-scrollbar {
  width: 0.35rem;
  height: 0.35rem;
}

/* Track */
::-webkit-scrollbar-track {
  background: transparent;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--color-gray-100);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--color-gray-400);
  cursor: pointer;
}

* {
  font-family: "Noto Sans Thai";
}

html {
  max-width: 100vw;
  max-height: 100vh;
}

html, body {
  margin: 0;
  padding: 0;
  font-family: "Noto Sans Thai";
  font-size: 16px;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

body {
  background-color: #f1f1f1;
  background-image: url('/ui/bg.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
}

.required:after {
  content: " *";
  color: red;
}

.form-label {
  margin-bottom: 4px;
  margin-top: 4px;
}

.mat-calendar {
  border: 1px solid #d8dadc;
  background-color: white;
}

.cdk-overlay-container {
  z-index: 5200;
}