body {
  font-family: 'Open Sans', sans-serif;
}

.selectize-control {
  min-height: 40px;
}

.selectize-input {
  min-height: 40px;
  white-space: nowrap !important;
  overflow-x: auto;
}

.invalid-selectize {
  border-color: #dc3545 !important;
  /* Red color for invalid state */
}

.table-bordered-red {
  border: 1px solid #dc3545;
  /* Red border color */
}

.table-bordered-red tbody tr {
  border: 1px solid #dc3545;
  /* Red border color for rows */
}

.custom-invalid-feedback {
  width: 100%;
  margin-top: .25rem;
  font-size: 0.875em; 
  color: #dc3545; 
}

.table-danger{
  border-color: #dc3545;
}

.loader-wrapper {
  display: none ;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 1050; /* Bootstrap modals use z-index 1040 */
  justify-content: center;
  align-items: center;
}

::placeholder {
  color: #343a40;
  opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12 -18 */
  color: #343a40;
}

.offset-ph-input{
  text-align: left;
  text-indent: 47%;
}