@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
  --nts-primary: #007bdb;
  --nts-secondary: #2f2f2f;
  --color-white: #fff;
  --color-black: #000;
}
a {
  text-decoration: none;
}
.site-wrapper {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bg-gd-by {
  background: rgb(0, 123, 219);
  background: linear-gradient(
    308deg,
    rgba(0, 123, 219, 1) 0%,
    rgba(66, 206, 255, 1) 50%,
    rgba(255, 214, 155, 1) 100%
  );
}
.bg-gd-bo {
  background: rgb(0, 143, 255);
  background: linear-gradient(
    308deg,
    rgba(0, 143, 255, 1) 0%,
    rgba(119, 106, 236, 1) 63%,
    rgba(255, 142, 53, 1) 100%
  );
}
.content-container {
  display: flex;
  width: 50%;
  padding: 1.5rem;
  border-radius: 0.25rem;
  background-color: var(--color-white);
}
.sidebar {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1035;
  display: flex;
  flex-direction: column;
  width: 16rem;
  height: 100%;
  background: rgb(9, 22, 42);
  background: linear-gradient(
    0deg,
    rgba(9, 22, 42, 1) 0%,
    rgba(0, 43, 108, 1) 100%
  );
  transition: margin-left 0.15s, margin-right 0.15s, transform 0.15s,
    width 0.15s, z-index 0s ease 0.15s;
}
.sidebar-hide {
  margin-left: -16rem;
}
.sidebar-title {
  text-align: center;
  padding: 1rem;
}
.sidebar-body {
  padding: 0.5rem;
}
.sidebar-menu {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sidebar-menu .menu-item {
  padding-bottom: 0.25rem;
}
.sidebar-menu .menu-item a.active {
  background-color: #1f4988;
  border-radius: 0.375rem;
}
.sidebar-menu .menu-link {
  color: var(--color-white);
  display: flex;
  padding: 0.5rem 1rem;
}
.sidebar-menu .menu-link i {
  align-content: center;
  padding-right: 1rem;
}
.content-wrapper {
  margin-left: 16rem;
  transition: margin-left ease 0.15s;
}
.sidebar.sidebar-hide + .content-wrapper {
  margin-left: 0;
}
.navbar .btn i,
.navbar .btn svg {
  font-size: 1.25rem;
  height: 1.25rem;
  width: 1.25rem;
}
.footer {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}
.text-over {
  color: #d0ebff;
  font-family: 'MuseoModerno', sans-serif;
  font-size: 10rem;
  font-weight: 900;
  text-align: center;
  position: relative;
  top: -10rem;
  margin-bottom: -10rem;
  cursor: default;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.form-control:focus {
  border-color: var(--nts-primary);
  box-shadow: 0 0 0 0.25rem rgba(0, 123, 219, 0.25);
}
.product-info .product-title {
  color: var(--nts-primary);
  font-weight: 700;
}
.product-info .product-description {
  color: #6c757d;
  font-size: 0.75rem;
  display: block;
  max-width: 400px;
}
a:hover .product-title {
  color: #ff8e35;
}
table.dataTable td {
  align-content: center;
}
.modal-body label {
  font-weight: 600;
}
.table-small tr > td button.btn {
  visibility: hidden;
  padding-top: 0;
  padding-bottom: 0;
}
.table-small tr:hover > td button.btn {
  visibility: visible;
}
.card-title h5 {
  font-family: 'kanit', sans-serif;
  padding-left: 0.8rem;
}
.btn-nts {
  --bs-btn-font-size: 1.125rem;
  --bs-btn-font-weight: 500;
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--nts-primary);
  --bs-btn-border-color: var(--nts-primary);
  --bs-btn-border-width: 3px;
  --bs-btn-hover-color: var(--nts-primary);
  --bs-btn-hover-bg: #fff;
  --bs-btn-hover-border-color: var(--nts-primary);
  --bs-btn-focus-box-shadow: none;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--nts-primary);
  --bs-btn-disabled-border-color: var(--nts-primary);
}
.btn-icon-default {
  --bs-btn-border-width: 0;
  --bs-btn-active-border-color: transparent;
}
.btn-icon {
  --bs-btn-border-width: 0;
  --bs-btn-active-border-color: transparent;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-padding-y: 0.125rem;
}
.border-top-dark-blue {
  border-top: 4px solid #002b6c;
}
.border-top-success {
  border-top: 4px solid #3ac47d;
}
.border-top-warning {
  border-top: 4px solid #f7b924;
}
.border-top-danger {
  border-top: 4px solid #d92550;
}
.border-bottom-dark-gray {
  border-bottom: 1px solid #09162a;
}
.bg-color-aliceblue {
  background-color: #f0f8ff;
}
.bg-color-lavenderblush {
  background-color: #fff0f5;
}
.w-15 {
  width: 15% !important;
}
.w-10 {
  width: 10% !important;
}