/*
 * The few Bootstrap 3 rules these pages still showed when they loaded a cut-down Bootstrap 3 (css/bootstrap.css)
 * under Bootstrap 4: what Bootstrap 4 and the pages' own CSS leave unset. Linked where that file was, so every tie
 * resolves as before. Bootstrap 3's html { font-size: 10px } is not here: custom.css's 13px always won.
 */

/* Oasis hides its payment type, terms and outstanding rows with .hide; the ESOL dropdowns toggle .hide and .show. */
.hide {
  display: none !important;
}
.show {
  display: block !important;
}

/* Form controls take their text from the label they sit in (HFC's extra fees). */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
}

/* Buttons show a pointer (CELA's submit has no cursor of its own), but not when disabled. */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}

/* HFC's activities list: bold labels, checkboxes 4px down, a focus ring. */
label {
  max-width: 100%;
  font-weight: bold;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  line-height: normal;
}
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled] {
  cursor: not-allowed;
}

/* Links. */
a:active,
a:hover {
  outline: 0;
}
a:focus {
  color: #23527c;
  text-decoration: underline;
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

/* The bank plans' tables. */
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd;
}
.table > thead:first-child > tr:first-child > th,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table-bordered {
  border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}