.DateInput, .DateInput_1 {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  line-height: 1.5;
  color: #777;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 0.25rem;
  border: 0;
  -webkit-transition: border-color 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
}

.DateInput_input, .DateInput_input_1 {
  display: block;
  width: 100%;
  height: 100%;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: #777;
  border-radius: 0.25rem;
  padding: 0.375rem 0.75rem;
  
}

/* .SingleDatePicker, .SingleDatePicker_1, .SingleDatePickerInput{
} */
.SingleDatePicker {
  position: relative;
  display: inline-block;
  width: 100%;
}

.SingleDatePickerInput__withBorder{
  border: 1px solid #bbb;
  border-radius: 0.25rem;
  width: 100%
}

.CalendarDay__selected, .CalendarDay__selected:active, .CalendarDay__selected:hover {
  background: #7f0000;
  border: 1px double #7f0000;
  color: #fff;
}

.DayPickerKeyboardShortcuts_show{
  display: none;
}

.dash-select-cell input[type=checkbox] {
  transform: scale(1.5);
}

.dash-table-container .row {
display: block;
margin: 0;
}

.Select-menu-outer {
display : block !important;
}

.cell-table {
  font-family: inherit !important;
}

/* emplacing redundant styling in layout */
.custom-card {
  line-height: "1em";
}

.custom-card-header {
  background-color: rgb(123,20,24);
  color: white;
}

/* apps/component_helpers/datatable_helper */
.datatable-aio code, .datatable-header{
  color: #7f0000;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  text-align: left;
}

.datatable-aio code:hover, .datatable-header{
  color: #7f0000;
  text-decoration: underline;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
}

.datatable-aio .dash-cell.cell--selected.focused {
  background-color: inherit !important;
}

.datatable-aio td.dash-cell {
  border-color: #d8d8d8 !important;
  text-align: left !important;
}

.datatable-aio .dash-spreadsheet-container {
  margin-bottom: 1.5rem;
}

.datatable-aio .show-hide {
  display: none;
}

/* apps/component_helpers/form_helper validation styling */
label.required {
  font-weight: bold;
}

.hidden {
  display:none;
}

.field-disabled .form-field * {
  pointer-events:none !important;
  background-color: #f8f8f8 !important;
  cursor: default;
  border-color: rgba(118, 118, 118, 0.3);
}

.field-valid input, .field-valid .form-field:has(table){
  border: 1px solid #28a745;
}

.field-invalid input, .field-invalid .form-field:has(table){
  border: 1px solid #7f0000;
}

.decoration-none .form-field {
  border: 0px !important;
}

.field-invalid .error-message {
  display: block;
  color: rgb(123,20,24);
  font-size: small;
}

.required .label-required{
  display: inline;
}

/* pes/pes_forms validation styling*/
.custom-active-tab a {
  background-color: rgb(123,20,24) !important;
  color: white !important;
}

.submission_bin {
    width: '100%';
    height: '60px';
    line-height: '60px';
    border-width: '1px';
    border-style: 'dashed';
    border-radius: '5px';
    text-align: 'center';
}

.form-column:has(input[id*="pes_pmr_input_no_"]:disabled) {
  display:none;
}

input.input-active {
    text-align: left !important;
}

td:has(input.input-active) {
    background-color: #ffff !important;
}

.dash-table-container .row {
  display: block;
  margin: 0;
}