@font-face {
  font-family: "Niramit-Regular";
  src: url("../fonts/Niramit-Regular.ttf");
}
body {
  background-color: #eee!important;
  min-width:1600px;
}
main {
  min-width:1600px;
}
.form-control:hover:not(:focus) {
  background-color: #e9ecef!important;
}
.form-check-input:disabled~.form-check-label, .form-check-input[disabled]~.form-check-label {
  color: rgb(9 30 66)!important;
}
.form-check-label, p, strong {
  font-size:small!important;
}
*:not(i) {
  font-family: Niramit-Regular, sans-serif !important;
}
footer {
  clear: both;
  position: relative;
  height: 200px;
  margin-top: -200px;
}
.btn-issue {
  font-size: calc(12px + 1vmax);
  text-align: center;
  border: 1px solid #eee;
  text-decoration: none;
}
.btn-issue:hover {
  text-decoration: underline;
  background-color: rgb(255, 244, 230)!important;
}
.wrapper {
  display: grid;
  grid-template-rows: 0fr;
  transition: 0.3s ease-out;
}
.inner {
  overflow: hidden;
}
.wrapper.is-open {
  grid-template-rows: 1fr;
}
.form-check-input:checked {
  background-color: #088755!important;
  border-color: #007949!important;
}
.form-check-input:focus {
  border-color:#01b56f!important;
  box-shadow: 0 0 0 .25rem #08875536!important;
}
.circle {
  border-radius: 50%;
}

.bg-success {
  background-color: #01b56f!important;
  color: white!important;
}

.text-primary {
  color: #01b56f!important;
}

.bg-primary {
  background-color: #01b56f!important;
  color: white!important;
}

.btn-primary {
  background-color: #01b56f;
  color: white;
  opacity: .8;
  border: 1px solid #01b56f;
}

.btn-primary:hover {
  background-color: #01b56f;
  color: white;
  opacity: 1;
  border: 1px solid #01b56f;
}

.btn-primary:disabled {
  background-color: #bdbdbd!important;
  border: 1px solid #bdbdbd!important;
}

.btn-danger:disabled {
  background-color: #bdbdbd!important;
  border: 1px solid #bdbdbd!important;
}

.btn-hover-primary:hover {
  background-color:#01b56f;
  color: white;
  cursor: pointer;
}

.btn-primary-100 {
  background-color: #01b56f;
  color: white;
  border: 1px solid #01b56f;
}

.btn-primary-50 {
  background-color: #01b56f;
  color: white;
  border: 1px solid #01b56f;
  opacity: .5;
}

.btn-primary-50:hover {
  background-color: #01b56f;
  color: white;
  border: 1px solid #01b56f;
  opacity: 1;
  cursor: pointer;
}

.btn-primary-50:disabled {
  background-color: #bdbdbd!important;
  border: 1px solid #bdbdbd!important;
}

.btn-primary-100:disabled {
  background-color: #bdbdbd!important;
  border: 1px solid #bdbdbd!important;
}

.btn-danger-50 {
  background-color: #e94f4f !important;
  color: white;
  border: 1px solid #e94f4f;
  opacity: .5;
  cursor: pointer;
}

.btn-danger-50:hover {
  background-color: #dd2a2a !important;
  color: white;
  cursor: pointer;
}

.btn-primary-danger {
  background-color: #e94f4f !important;
  color: white;
  border: 1px solid #e94f4f;
  cursor: pointer;
}

.btn-primary-warning {
  background-color: var(--bs-warning) !important;
  color: white;
  cursor: pointer;
  border: 1px solid var(--bs-warning);
}

.btn-primary-danger:hover {
  background-color: #dd2a2a !important;
  color: white;
  border: 1px solid #dd2a2a;
  cursor: pointer;
}

.btn-primary-danger:disabled {
  background-color: #bdbdbd!important;
  border: 1px solid #bdbdbd!important;
}

.btn-disabled {
  background-color: #ddd!important;
  color: white!important;
  border: 1px solid #ddd!important;
  opacity: 1!important;
  cursor: default!important;
}

.btn-disabled:hover {
  background-color: #ddd!important;
  color: white!important;
  border: 1px solid #ddd!important;
  opacity: 1!important;
  cursor: default!important;
}

.btn-disabled-primary {
  background-color: #ddd!important;
  color: white!important;
  border: 1px solid #ddd!important;
  opacity: 1!important;
  cursor: default!important;
}

.btn-disabled-primary:hover {
  background-color: #ddd!important;
  color: white!important;
  border: 1px solid #ddd!important;
  opacity: 1!important;
  cursor: default!important;
}

/* .bg-danger {
  background-color: #01b56f!important;
  color: white!important;
} */

.text-success {
  color: #01b56f!important;
}

/* .btn-success {
  background-color: #01b56f!important;
  border-color: #01b56f!important;
}

.btn-danger {
  background-color: #ed5564!important;
  border-color: #ed5564!important;
} */

/* .btn-danger:hover,
.btn-success:hover {
  opacity: 0.7;
} */

#loading {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999999;
  opacity: 1;
  background-color: rgba(255, 255, 255, 1);
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  transition: all 0.5s linear;
}

#loading .loading-content {
  position: relative;
  top: 50%;
  left: 50%;
  background-color: white;
  width: 100px;
  height: 100px;
  padding: 15px;
  box-shadow: 0 0 5px 0 #ccc !important;
  -webkit-border-redius: 50%;
  -moz-border-redius: 50%;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#loading .loading-circle {
  position: absolute;
  top: 0;
  left: 0;
  width: inherit;
  height: 100%;
  border-top: 2px solid #01b56f;
  border-left: 2px solid transparent;
  border-bottom: 2px solid transparent;
  border-right: 2px solid transparent;
  border-radius: inherit;
  -webkit-animation: spinner 1.5s infinite;
  -moz-animation: spinner 1.5s infinite;
  animation: spinner 1.5s infinite;
}

@keyframes spinner {
  0% {
      -webkit-transform: rotate(0);
      -moz-transform: rotate(0);
      transform: rotate(0);
  }

  100% {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      transform: rotate(360deg);
  }
}

#loading .loading-image {
  height: 100%;
}