select.obds-select {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E")
    no-repeat right 0.75rem center !important;
  background-size: 0.7em 0.7em !important;
  box-sizing: border-box;
  height: auto;
  width: 100%;
  -webkit-appearance: none;
          appearance: none;
  border-radius: 0.25rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity));
  font-family: Lato, sans-serif !important;
  background-color: white !important;
  padding: 0.55rem 0.53rem 0.53rem !important;
  margin: 0px !important;
  font-size: 0.875rem !important;
  line-height: 1rem !important;
  color: #495057;
}
select.obds-select:focus {
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / var(--tw-border-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
    var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity));
}
select.obds-select:disabled:disabled {
  cursor: not-allowed;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}
@media (min-width: 640px) {
  select.obds-select:disabled {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
/* option.red {
  background-color: #cc0000; 
  font-weight: bold; 
  font-size: 12px; 
  color: white;
  padding: 10px;
} */