/**
 * @file: CiviCRM Stylesheet
 *
 * NOTE: The main civicrm container has both class and id of crm-container
 * Other civi blocks outside the main container also have the class crm-container (but not the id)
 * All styles should start with .crm-container unless they are specific to the main div only
 */

#editrow-onbehalf_contact_sub_type {
  display: none;
}

/* Use this class to hide text that should only be there for screen readers */
.crm-container fieldset {
  display: contents;
}
.crm-container.crm-public .select2-container {
  width: 75% !important;
}
#crm-container.crm-public input[type="text"] {
  width: 75%;
}
.crm-container fieldset legend {
  background-color: #cde8fe;
  font-size: 15px;
  font-weight: bold;
  color: #121a2d;
  padding: 4px 6px;
  margin: 0 0 0.3em;
}
.crm-container .description {
  background-color: floralwhite;
}
@media (min-width: 480px) {
  .crm-container .crm-section .label {
    width: 25%;
  }
}
@media (min-width: 480px) {
  .crm-container .crm-section .content {
    margin-left: 28%;
  }
}
.crm-container .description {
  margin-right: 17%;
}
.crm-container .help {
  font-size: 15px;
}
.crm-container th {
  font-size: 15px;
}
.crm-container table {
  font-size: 15px;
}
.overflow-table-div{
  overflow:auto !important;
  font-size: 15px;
}
.crm-container .crm-multiple-checkbox-radio-options {
  display: flex;
  --gap: 0.5em;
}
.crm-option-label-pair {
  flex-basis: 100%;
}
/* Age field in individual membership*/
#custom_216 {
  pointer-events: none;
  background-color: #f0f0f0;
  background-image: none;
}