:root {
    margin-left: 0 !important;
}
::selection {
  background: var(--tblr-primary); /* Changes the background color of the selection */
  color: var(--tblr-white);   /* Changes the text color of the selection */
}

/* For Firefox compatibility */
::-moz-selection {
  background: var(--tblr-primary);
  color: var(--tblr-white);
}
/**
Loader
 */
#loading-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.24);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.loading-icon {
  width: 50px;
  padding: 8px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--tblr-tabler);
  --_m:
    conic-gradient(#0000 10%,#000),
    linear-gradient(#000 0 0) content-box;
  -webkit-mask: var(--_m);
          mask: var(--_m);
  -webkit-mask-composite: source-out;
          mask-composite: subtract;
  animation: l3 1s infinite linear;
}
@keyframes l3 {to{transform: rotate(1turn)}}

div.nav-link:hover {
  background-color: transparent !important;
}

.lspacing-1 {
	letter-spacing: 0.1rem;
}

.card-active-success {
  --tblr-card-border-color: var(--tblr-green);
  --tblr-card-bg: var(--tblr-green-lt);
}

.card-active-indigo {
  --tblr-card-border-color: var(--tblr-indigo);
  --tblr-card-bg: var(--tblr-indigo-lt);
}

.card-active-lime {
  --tblr-card-border-color: var(--tblr-lime);
  --tblr-card-bg: var(--tblr-lime-lt);
}

.room-number {
  font-size: 1.75rem;
  font-weight: 900;
  letter-spacing: 1px;
}

.no-spinners::-webkit-outer-spin-button,
.no-spinners::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.no-spinners {
    -moz-appearance: textfield;
}

.dt-container > div.row:first-child {
  margin-top: 0px !important;
}

.dt-container > div.row > div.col-12 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.dt-container thead tr:first-child {
  background-color: var(--tblr-card-cap-bg);
}

#tableProcessingOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(150, 150, 150, .1);
  backdrop-filter: blur(4px);
  z-index: 5;
}

.no-room svg {
  width: 60px;
  height: 60px;
}

.text-blink {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.select2-container {
	width: 100% !important;
}

[data-countdown] {
  font-family: Roboto !important;
}

.icon-move-to .icon {
  width: 2.5rem;
  height: 2.5rem;
}

.form-selectgroup-label-success {
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  padding: 1.25rem !important;
  letter-spacing: 1px;
}

.form-selectgroup-input:checked + .form-selectgroup-label-success {
  z-index: 1;
  color: var(--tblr-green);
  background: rgba(var(--tblr-green-rgb), 0.04);
  border-color: var(--tblr-green);
}

.form-selectgroup-input:focus + .form-selectgroup-label-success {
  z-index: 2;
  color: var(--tblr-green);
  border-color: var(--tblr-green);
  box-shadow: 0 0 0 0.15rem rgba(var(--tblr-green-rgb), 0.5);
}