.navbar-brand {
  padding: 17px 12.5px !important;
  letter-spacing: 3px !important;
}

.modal-content {
  width: 100% !important;
}

.employee-list {
  background-color: var(--nav-bg-color);
  color: var(--white-color);
  padding: 18px 28px;
  border: none;
  outline: none;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.employee-list label {
  display: inline !important;
}


.employee-checkbox {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.employee-container {
  display: flex;
  gap: 20px;
  justify-content: left;
}

.employee-checkbox+label {
  position: relative;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  height: 23px;
  color: rgb(255, 255, 255);
}

.employee-checkbox+label::before {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
  width: 21px;
  height: 21px;
  background-color: var(--nav-bg-color);
  border-width: 1px;
  border-style: solid;
  border-color: rgb(204, 204, 204);
  border-radius: 2px;
  box-shadow: none;
  margin-top: -2px;
}

.employee-checkbox:checked+label::after {
  content: " ";
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAAACXBIWXMAAAsTAAALEwEAmpwYAAABCUlEQVR4nO2ZYQ6CMAxGdxa9gCHx0OLVIOoJniH4V8dGO5bPvt9k3aNlbF1KXyBDcsY8PiFkS2QoR5ScMVFyOf6u5IDBxWSNPRwh9ACuDjIXYPIQem2Qmi0z9cnMMmaOZ83g44aBzaQKZBZuNQHOW1JvIVUoMwEn13re8021iNEsYHMZz8CHyXhM4HAZy4l0I2Mxoe5k9kysW5nKf8dc+KzbPvEnhW+9z8w4Sh0vYyjVj4yBVH8yO6T6lZETQqnkUFoUUFq2UfqxorT1QWlzitLxAaUDHkpHcJSaJCi1sVBqNKLWCgbuLWQqpcaaAHLXKXIXXv91JZmcCaEckSFjouRyRMkZEyWXVt6ReEQpn+Mc8wAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: center center;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 0px;
  left: 3px;
  top: 2px;
  text-align: center;
  background-color: transparent;
  font-size: 10px;
  height: 13px;
  width: 15px;
}

.custom-checkbox {
  width: 10px;
  height: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #ccc;
  margin-top: 0.3em;
  cursor: pointer;
}


.custom-checkbox:checked {
  background-color: #007bff;
  border-color: #007bff;
}

input.error,
select.error,
span.error,
textarea.error {
  border: 1px solid red !important;
}

label.error {
  color: red !important;
}

input::selection {
  background-color: #FFF !important;
  color: black !important;
}

input::-moz-selection {
  background-color: #FFF !important;
  color: black !important;
}

.input-group-text {
  background-color: #0c0c0c;
  border: none !important;
  color: #949ba2 !important;
  min-width: 85px !important;
}

.form-control[readonly] {
  background-color: #2c2e33 !important;
  opacity: 1 !important;
}
.form-control.px-1 { margin-left: .25rem !important; }
.col-form-label.px-1 { margin-left: .25rem !important; }
.btn {
  align-items: center;
  justify-content: center;
  width: auto;
  text-align: center;
}

.btn * {
  pointer-events: none;
}

.input-group-text {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
  text-align: right !important;
  justify-content: end;
}

/* Operations table spacing */
.operation-row .row,
.operation-header label {
  display: flex;
  align-items: center;
  gap: 15px;
  flex-wrap: nowrap;
}

.operation-row select,
.operation-row input,
.operation-row button,
.operation-header label 
{
  margin: 0 !important;
  flex-shrink: 0;
}





/* Operations row spacing for duplicateDialog (Bootstrap grid with divs) */
.operation-row .row {
  flex-shrink: 0 !important;
  display: flex;
  align-items: center;
  gap: 15px;
  flex-wrap: nowrap;
  margin: 0;
}

.operation-row .row > div {
  margin: 0 !important;
  flex-shrink: 0;
}

.operation-row .row select,
.operation-row .row input,
.operation-row .row button {
  margin: 0 !important;
}

@media (min-width: 992px) {
  .modal-lg, .modal-xl {
      max-width: 1000px;
  }
}