/* Common service form styles (apartment, recurring, move-in&out) */
/* Hover/Focus feedback for radios, checkboxes, and selects within the estimate form */
    .contact-panel__form .custom-control-label {
      cursor: pointer;
      transition: color .15s ease
    }

    .contact-panel__form .custom-control-input+.custom-control-label:hover {
      color: #063464
    }

    .contact-panel__form select.form-control {
      transition: border-color .15s ease, box-shadow .15s ease, color .15s ease
    }

    .contact-panel__form select.form-control:hover {
      border-color: #063464;
      color: #063464
    }

    .contact-panel__form select.form-control:focus {
      border-color: #063464;
      box-shadow: 0 0 0 0.2rem rgba(6, 52, 100, .25);
      color: #063464
    }

    /* Make sure labels capture clicks even if theme overrides */
    .contact-panel__form .custom-control-label {
      pointer-events: auto
    }

/* Show checkbox checkmark and custom coloring */
    .custom-checkbox .custom-control-label::before {
      border-radius: 4px;
    }

    .custom-control-input:checked~.custom-control-label::before {
      background-color: #2983fd;
      border-color: #2983fd;
    }

    .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='white' d='M6.173 12.252L2.4 8.48l1.414-1.414 2.359 2.358 5.014-5.013 1.414 1.414z'/%3e%3c/svg%3e");
      background-size: 12px 12px;
    }

/* Radios: display a checkmark like checkboxes for the specified groups */
    .contact-panel__form .custom-radio .custom-control-label::before {
      border-radius: 4px;
      /* square to match checkbox */
    }

    .contact-panel__form .custom-radio .custom-control-input:checked~.custom-control-label::before {
      background-color: #2983fd;
      border-color: #2983fd;
    }

    .contact-panel__form .custom-radio .custom-control-input:checked~.custom-control-label::after {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='white' d='M6.173 12.252L2.4 8.48l1.414-1.414 2.359 2.358 5.014-5.013 1.414 1.414z'/%3e%3c/svg%3e");
      background-size: 12px 12px;
      background-position: center;
    }


