@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;600&display=swap");
:root {
  --main: #3a5a40;
  --main-dark: #344e41;
  --red: #dc3545;
  --grey: #525353;
  --violet: #891ca1;
  --color: #fff;
  --bg: #000;
  --app-height: 100%; }

html,
body {
  font-size: 18px;
  font-family: "Noto Sans Thai", sans-serif; }

.text-muted {
  font-size: 0.8rem;
  padding-top: 0.15rem; }

.flatpickr-input[readonly] {
  background: #fff; }

.btn:focus {
  box-shadow: none;
  outline: none; }

.dt-buttons.btn-group {
  display: none; }

.btn-main {
  background: var(--main);
  color: var(--color);
  border: 2px solid var(--main); }

.btn-main-dash {
  background: #fff;
  color: var(--main);
  border: 2px dashed var(--main); }

.btn-main-dash:hover {
  background: var(--main);
  color: var(--color);
  border: 2px dashed #fff; }

.btn-main-dark {
  background: var(--main-dark);
  color: var(--color);
  border: 2px solid var(--main-dark); }

.btn-main:hover {
  background: none;
  color: var(--main); }

.btn-main-dark:hover {
  background: none;
  color: var(--main-dark); }

.dataTables_filter {
  display: none; }

.tableFixHead thead th {
  position: sticky !important;
  background-color: #fff;
  top: 0px;
  z-index: 1; }

a,
a:hover {
  color: inherit;
  text-decoration: none; }

i {
  margin-right: 7px; }

.form-control.danger,
.form-select.danger {
  border-color: var(--red);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }

.form-check-input.danger {
  border-color: var(--red); }