/* 必須項目の赤い * と、空のときの枠（入力・編集画面） */

.ses-req-mark {
  color: #dc2626 !important;
  font-weight: 700;
  margin-left: 0.2em;
  line-height: 1;
}

.form-control.ses-required-empty,
.form-select.ses-required-empty,
select.ses-required-empty {
  border-color: rgba(185, 28, 28, 0.72) !important;
  box-shadow: 0 0 0 1px rgba(185, 28, 28, 0.1);
}

.form-control.ses-required-empty:focus,
.form-select.ses-required-empty:focus,
select.ses-required-empty:focus {
  border-color: rgba(185, 28, 28, 0.88) !important;
  box-shadow: 0 0 0 2px rgba(185, 28, 28, 0.18);
}

.ses-date-picker.dash-datepicker-input-wrapper.ses-required-empty,
.dash-datepicker:has(.ses-required-empty) .ses-date-picker.dash-datepicker-input-wrapper {
  border-color: rgba(185, 28, 28, 0.72);
  box-shadow: 0 0 0 1px rgba(185, 28, 28, 0.1);
}

.ses-date-picker.dash-datepicker-input-wrapper.ses-required-empty:focus-within {
  border-color: rgba(185, 28, 28, 0.88);
  box-shadow: 0 0 0 2px rgba(185, 28, 28, 0.18);
}

.dash-dropdown.ses-required-empty,
.dash-dropdown.ses-required-empty .dash-dropdown-trigger,
.dash-bootstrap.ses-required-empty .Select-control,
.Select.ses-required-empty .Select-control {
  border-color: rgba(185, 28, 28, 0.72) !important;
}

.dash-dropdown.ses-required-empty:focus-within,
.dash-dropdown.ses-required-empty:focus-within .dash-dropdown-trigger,
.dash-bootstrap.ses-required-empty:focus-within .Select-control {
  border-color: rgba(185, 28, 28, 0.88) !important;
  box-shadow: 0 0 0 2px rgba(185, 28, 28, 0.18);
}