@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@200;400;600&display=swap");
@import url("/assets/css/variables.css");
body {
  font-family: "Noto Sans Thai", sans-serif;
  font-weight: 400;
  padding-bottom: 30px;
}

.form-control:focus {
  border: 1px solid #ced4da;
  box-shadow: none;
}

.form-label {
  margin-bottom: 0.2rem;
}

.btn-primary {
  background-color: var(--color-primary);
  border: var(--color-primary);
}
.btn-primary:hover, .btn-primary:focus {
  background-color: var(--color-primary-hover);
  border: var(--color-primary-hover);
}

.bg-blue {
  background-color: #DAEAF2;
}

.text-primary {
  color: var(--color-primary) !important;
}

.text-single {
  white-space: nowrap;
  text-overflow: ellipsis;
}

.shadow-sm {
  box-shadow: 1px 1px 10px #eee !important;
}

input:read-only.plain-text {
  border: none;
  cursor: default;
}

table.table-form thead tr th {
  font-weight: 600;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  background-color: var(--color-primary) !important;
  color: white;
}
table.table-form thead tr th:first-child {
  border-top-left-radius: 5px;
  text-align: center;
}
table.table-form thead tr th:last-of-type {
  border-top-right-radius: 5px;
  text-align: center;
}
table.table-form tbody tr td.actions a {
  color: #555;
  margin-right: 10px;
  width: fit-content;
  float: none;
}
table.table-form tbody tr td.actions a:hover {
  color: #000;
}
table.table-form tbody tr td:first-of-type {
  border-left: 1px solid #eee;
  text-align: center;
}
table.table-form tbody tr td:last-of-type {
  border-right: 1px solid #eee;
  text-align: center;
}
table.table-form tbody tr:hover td:not(:last-of-type) a {
  color: #000 !important;
}
table.table-form.table-list thead tr th:nth-child(1), table.table-form.table-list thead tr th:nth-child(3), table.table-form.table-list thead tr th:nth-child(4), table.table-form.table-list thead tr td:nth-child(1), table.table-form.table-list thead tr td:nth-child(3), table.table-form.table-list thead tr td:nth-child(4), table.table-form.table-list tbody tr th:nth-child(1), table.table-form.table-list tbody tr th:nth-child(3), table.table-form.table-list tbody tr th:nth-child(4), table.table-form.table-list tbody tr td:nth-child(1), table.table-form.table-list tbody tr td:nth-child(3), table.table-form.table-list tbody tr td:nth-child(4) {
  display: none;
}
table.table-form.table-list tbody tr:last-of-type td {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  background-color: var(--color-primary) !important;
  line-height: 1;
}
table.table-form.table-list tbody tr:last-of-type td:first-of-type {
  border-bottom-left-radius: 5px;
  border: none;
}
table.table-form.table-list tbody tr:last-of-type td:last-of-type {
  border-bottom-right-radius: 5px;
  border: none;
}
table.table-form.table-border-bottom tbody tr:last-of-type td:first-of-type {
  border-bottom-left-radius: 5px;
}
table.table-form.table-border-bottom tbody tr:last-of-type td:last-of-type {
  border-bottom-right-radius: 5px;
}
table.table-form a {
  color: #555;
  text-decoration: none;
  width: 100%;
  float: left;
}
table.table-form a:hover {
  color: #000;
}

@media (min-width: 576px) {
  .table.table-form.table-list thead tr th:nth-child(3), .table.table-form.table-list thead tr td:nth-child(3), .table.table-form.table-list tbody tr th:nth-child(3), .table.table-form.table-list tbody tr td:nth-child(3) {
    display: table-cell;
  }
}
@media (min-width: 992px) {
  .table.table-form.table-list thead tr th, .table.table-form.table-list thead tr td, .table.table-form.table-list tbody tr th, .table.table-form.table-list tbody tr td {
    display: table-cell !important;
  }
}
#invoice-form #description-section .list .btn-remove-list {
  display: none;
  position: absolute;
  width: fit-content;
  right: 20px;
  bottom: 10px;
}
#invoice-form #description-section .list:hover .btn-remove-list {
  display: block;
}

.pagination li a, .pagination li span {
  color: #555;
  border: none;
  font-size: 16px;
}
.pagination li span {
  color: black;
}
.pagination li:hover a, .pagination li:hover span {
  background: none;
  color: #000;
  box-shadow: none;
}