#block-altarumuserregistrationblock h2 {
  color: var(--clr-base-w);
  margin: 0;
}
#block-altarumuserregistrationblock form label {
  color: var(--clr-base-w);
  margin: 0;
}
#block-altarumuserregistrationblock #edit-field-first-name-wrapper--2,
#block-altarumuserregistrationblock #edit-field-last-name-wrapper--2 {
  width: 48%;
  margin: 16px 1% 8px 0;
  display: inline-block;
  vertical-align: top;
}
#block-altarumuserregistrationblock #edit-pass--4--description {
  display: none;
}
#user-register-form--2 .js-form-type-radio {
  display: inline-block;
  vertical-align: top;
  background: var(--clr-neutral-light);
  border-radius: 0.625rem;
  width: 31%;
  padding: 2px 6px;
  margin-right: 1%;
}
#user-register-form--2 .js-form-type-radio input {
  float: left;
  margin: 3px 4px 0 0;
}
#user-register-form--2 .js-form-type-radio label {
  color: var(--clr-base-b);
  display: block;
  margin: 0 0 0 16px;
}
#user-register-form--2 .password-strength__indicator {
  background: var(--desktop-button-color);
}

/* Apply the same color to all password strength indicators */
.password-strength__indicator {
  background: var(--desktop-button-color) !important;
}
#user-register-form .password-suggestions ul,
#user-register-form--2 .password-suggestions ul {
  margin-left: 24px;
}
#block-altarumuserregistrationblock fieldset {
  background: none;
  border: 2px solid var(--clr-base-w);
}
#user-register-form--2 label[for="edit-label--6"] {
  display: none;
}

/* Employer Registration Form */
#user-register-form {
  margin: 32px auto;
  padding: 32px;
  background: var(--clr-base-w);
  border-radius: 0.625rem;
  box-shadow: var(--clr-common-box-shadow);
  width: 75%;
}
#altarum-preapproved-providers-verification-form input,
#altarum-preapproved-cds-verification-form input {
  border: 1px solid var(--clr-altarum-dark-text);
}
#altarum-preapproved-providers-verification-form .form-submit,
#altarum-preapproved-cds-verification-form .form-submit {
  background: var(--clr-base-w) !important;
  color: var(--clr-colorado-secondary) !important;
}
#user-register-form label[for="edit-label--2"],
#user-register-form--2 label[for="edit-label--5"] {
  display: none;
}
.js-form-item.form-item.js-form-type-checkbox.form-item-field-terms-of-use-agreement-value.js-form-item-field-terms-of-use-agreement-value {
  width: 90%;
  margin-bottom: 0 !important;
}
#altarum-preapproved-providers-verification-form
  .dropdown.bootstrap-select.form-select,
#altarum-preapproved-cds-verification-form
  .dropdown.bootstrap-select.form-select {
  display: block;
}
#altarum-preapproved-providers-verification-form
  .dropdown.bootstrap-select.form-select
  button,
#altarum-preapproved-cds-verification-form
  .dropdown.bootstrap-select.form-select
  button {
  padding: 0.625rem 1.25rem;
}
#altarum-preapproved-providers-verification-form
  .dropdown.bootstrap-select.form-select
  .dropdown-menu.inner.show,
#altarum-preapproved-cds-verification-form
  .dropdown.bootstrap-select.form-select
  .dropdown-menu.inner.show {
  border-radius: 0.625rem !important;
}
#altarum-preapproved-providers-verification-form
  .dropdown.bootstrap-select.form-select
  .dropdown-menu.inner.show
  li
  a,
#altarum-preapproved-cds-verification-form
  .dropdown.bootstrap-select.form-select
  .dropdown-menu.inner.show
  li
  a {
  color: var(--clr-base-b);
}
#altarum-subform-account-managers .form-submit {
  margin-left: 0 !important;
}

#heading1,
#heading2,
#heading3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  padding: 0.75rem 1.5rem;
  margin-top: 0.75rem;
  border: 2px solid #fff;
  border-bottom: 0;
  background: #fff;
  color: #000;
}
#heading1 p,
#heading2 p,
#heading3 p {
  margin-bottom: 0;
  text-align: start;
}
.dropdown-icon {
  padding-left: 0.75rem;
}
#content1,
#content2,
#content3 {
  padding: 1.5rem;
  border: 2px solid #fff;
  border-top: 0;
}
#content1,
#content2,
#content3,
#down1,
#down2,
#down3 {
  display: none;
}
.views-field.center {
  text-align: center;
}
#altarum-nd-registry-form .js-form-item-provider-state,
#altarum-nd-registry-form .js-form-item-distance {
  display: inline-block;
  width: 31%;
  margin-bottom: 1rem;
}
#altarum-nd-registry-form
  #edit-shifts--wrapper
  .form-checkboxes
  .js-form-type-checkbox {
  display: inline-block !important;
  vertical-align: top;
  width: 31%;
  padding: 2px 6px;
  margin-right: 1%;
}
#altarum-nd-registry-form #dependant-fields {
  margin-bottom: 1.25rem;
  overflow: hidden;
  padding: 1.25rem;
}
#altarum-nd-registry-form #dependant-fields .js-form-type-textfield {
  display: inline-block !important;
  vertical-align: top;
  width: 32%;
  padding: 2px 6px;
  margin-right: 1%;
}
.field--name-field-upload-diploma-certificate summary {
  cursor: inherit;
}
.field--name-field-upload-diploma-certificate summary:first-of-type {
  list-style-type: none;
}
.field--type-datetime h3 {
  color: var(--clr-altarum-primary);
  font-weight: 400;
  font-size: .875rem;
  font-family: "Cabin",sans-serif !important;
  display: inline-block;
  margin-bottom: .625rem;
  text-transform: capitalize
}
@media (max-width: 960px) {
  #altarum-nd-registry-form
    #edit-shifts--wrapper
    .form-checkboxes
    .js-form-type-checkbox {
    display: block !important;
    width: 100%;
  }
  #altarum-nd-registry-form #dependant-fields .js-form-type-textfield {
    width: 48%;
  }
}

.section-admin .user-form .form-actions {
  flex-direction: row !important;
  justify-content: flex-end !important;
}
.deactivate {
  margin-right: 0 !important;
}
#views-exposed-form-list-of-candidates-list-page-1 #edit-actions--4{
  justify-content: center;
  min-width: 100%;
}
.views-exposed-form .form-item-match {
  padding: 5px 0;
}
.views-exposed-form .js-form-type-radio label {
  margin: 0px;
}
#block-qsp-id {
  display: none;
}

#pa-validation-status {
  margin: 1em 0;
}

#pa-validation-status .messages,
#availity-validation-status .messages {
  margin: 0.5em 0;
  border-radius: 4px;
}

#pa-validation-status .messages--status,
#availity-validation-status .messages--status {
  color: white;
}

#pa-validation-status .messages--error,
#availity-validation-status .messages--error {
  color: white;
}

.ajax-progress.ajax-progress--fullscreen {
  position: relative;
  padding: 10px;
  text-align: center;
  background-color: #168d06;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.ajax-progress__throbber {
  animation: scale 3s ease infinite;
  background: url(../images/design/Logo_opigno_circle.svg) center no-repeat;
  display: block;
  height: rem(30);
  padding: 0;
  width: rem(30);
}

.ajax-progress__message {
  padding-left: 10px;
}

.altarum-pa-employer-registration-form .form-item-first-name,
.altarum-pa-employer-registration-form .form-item-last-name,
.altarum-pa-cle-employer-registration-form .form-item-first-name,
.altarum-pa-cle-employer-registration-form .form-item-last-name {
  width: 50%;
  float: left;
}

.altarum-pa-employer-registration-form .form-checkbox,
.altarum-pa-cle-employer-registration-form .form-checkbox {
  float: left;
}

body.Pennsylvania .altarum-pa-employer-registration-form .form-submit,
body.Pennsylvania .altarum-pa-cle-employer-registration-form .form-submit {
  background: #fff !important;
  color: #000 !important;
}

.altarum-pa-employer-registration-form .description,
.altarum-pa-cle-employer-registration-form .description {
  width: 84%;
  font-size: 12px;
  padding: 0;
  margin: 4px 0 12px 4px;
}

.altarum-pa-employer-registration-form .password-suggestions ul,
.altarum-pa-cle-employer-registration-form .password-suggestions ul {
  margin: 5px 0px 20px 20px;
}

div#edit-field-blocked-status-history-wrapper input[type='text'],
div#edit-field-blocked-status-history-wrapper input[type='time'],
div#edit-field-blocked-status-history-wrapper input[type='date'] {
  pointer-events: none;
  color: #AAA;
  background: #F5F5F5 !important;
}

div#edit-field-blocked-status-history-wrapper input[name='field_blocked_status_history_blocked_status_history_add_more'] {
  pointer-events: none;
  color: #666 !important;
  background: #F5F5F5 !important;
}

div#edit-field-blocked-status-history-wrapper .paragraphs-subform {
  display: flex;
  gap: 1.25rem;
}

div#edit-field-blocked-status-history-wrapper .paragraphs-subform .field--name-field-blocked-on {
  flex-basis: 15%;
  border: none;
}

div#edit-field-blocked-status-history-wrapper .paragraphs-subform .field--name-field-blocked-on > fieldset {
  border: none;
}

div#edit-field-blocked-status-history-wrapper .paragraphs-subform .field--name-field-blocked-on > fieldset > .fieldset-wrapper > div {
  display: flex;
  gap: 5px;
}

div#edit-field-blocked-status-history-wrapper .paragraphs-subform .field--name-field-blocked-by,
div#edit-field-blocked-status-history-wrapper .paragraphs-subform .field--name-field-blocked-action {
  width: fit-content;
  border: none;
}

div#edit-field-blocked-status-history-wrapper #field-blocked-status-history-add-more-wrapper .paragraph-top {
  grid-template-columns: 0px auto 1fr auto;
}

div#edit-field-blocked-status-history-wrapper div[data-drupal-selector="edit-field-blocked-status-history"] table ~ div {
  display: none;
}

/* Disabled email field on user edit form */
.user-form .form-item-account-mail input.disabled-email-field,
.user-form .form-item-account-mail input[disabled],
.user-form .form-item-account-mail input:disabled,
.user-form input#edit-mail[disabled],
.user-form input#edit-mail.disabled-email-field,
form.user-form input[name="mail"][disabled] {
    background-color: #f5f5f5 !important;
    color: #999 !important;
    cursor: not-allowed !important;
    opacity: 0.7 !important;
    pointer-events: none !important;
}

/* Also style the label to indicate it's disabled */
.user-form .form-item-account-mail.form-disabled label,
.user-form .form-item-account-mail label {
    color: #999;
    opacity: 0.8;
}

/* Style the description text */
.user-form .form-item-account-mail .description {
    color: #666;
    font-style: italic;
    font-size: 0.9em;
}

/* PA Form Success Message Styling */
.altarum_pa_employer_registration_form .messages--status,
.altarum_pa_cle_employer_registration_form .messages--status,
body.Pennsylvania .messages--status {
    background-color: #d4edda !important;
    border: 1px solid #c3e6cb !important;
    color: #155724 !important;
    padding: 15px !important;
    margin: 15px 0 !important;
    border-radius: 4px !important;
}

/* Override any existing status message styling for PA forms */
.altarum_pa_employer_registration_form .messages--status .messages__list,
.altarum_pa_cle_employer_registration_form .messages--status .messages__list,
body.Pennsylvania .messages--status .messages__list {
    color: #155724 !important;
}

/* Ensure success messages in PA validation containers use the new styling */
#pa-validation-status .messages--status,
#pa-cle-validation-status .messages--status {
    background-color: #d4edda !important;
    border: 1px solid #c3e6cb !important;
    color: #155724 !important;
    padding: 15px !important;
    margin: 15px 0 !important;
    border-radius: 4px !important;
}

/* Additional coverage for any success messages that might use different selectors */
.altarum_pa_employer_registration_form .messages,
.altarum_pa_cle_employer_registration_form .messages,
body.Pennsylvania .messages {
    background-color: #d4edda !important;
    border: 1px solid #c3e6cb !important;
    color: #155724 !important;
    padding: 15px !important;
    margin: 15px 0 !important;
    border-radius: 4px !important;
}

/* Ensure the success styling applies to all status messages on PA pages */
body.Pennsylvania .messages--status,
body.Pennsylvania .messages.status {
    background-color: #d4edda !important;
    border: 1px solid #c3e6cb !important;
    color: #155724 !important;
    padding: 15px !important;
    margin: 15px 0 !important;
    border-radius: 4px !important;
}

/* PA Form Error Message Styling - ensure error messages show in red */
.altarum_pa_employer_registration_form .messages--error,
.altarum_pa_cle_employer_registration_form .messages--error,
body.Pennsylvania .messages--error,
.altarum_pa_employer_registration_form .messages.error,
.altarum_pa_cle_employer_registration_form .messages.error,
body.Pennsylvania .messages.error {
    background-color: #f8d7da !important;
    border: 1px solid #f5c6cb !important;
    color: #721c24 !important;
    padding: 15px !important;
    margin: 15px 0 !important;
    border-radius: 4px !important;
}

/* Ensure error messages in PA validation containers use red styling */
#pa-validation-status .messages--error,
#pa-cle-validation-status .messages--error,
#pa-validation-status .messages.error,
#pa-cle-validation-status .messages.error {
    background-color: #f8d7da !important;
    border: 1px solid #f5c6cb !important;
    color: #721c24 !important;
    padding: 15px !important;
    margin: 15px 0 !important;
    border-radius: 4px !important;
}

/* Override any existing error message styling for PA forms */
.altarum_pa_employer_registration_form .messages--error .messages__list,
.altarum_pa_cle_employer_registration_form .messages--error .messages__list,
body.Pennsylvania .messages--error .messages__list {
    color: #721c24 !important;
}

/* Style links in error messages to be black for better readability */
.altarum_pa_employer_registration_form .messages--error a,
.altarum_pa_cle_employer_registration_form .messages--error a,
body.Pennsylvania .messages--error a,
#pa-validation-status .messages--error a,
#pa-cle-validation-status .messages--error a,
.altarum_pa_employer_registration_form .messages.error a,
.altarum_pa_cle_employer_registration_form .messages.error a,
body.Pennsylvania .messages.error a {
    color: #000000 !important;
    text-decoration: underline !important;
}

/* Ensure links in error messages are visible on hover */
.altarum_pa_employer_registration_form .messages--error a:hover,
.altarum_pa_cle_employer_registration_form .messages--error a:hover,
body.Pennsylvania .messages--error a:hover,
#pa-validation-status .messages--error a:hover,
#pa-cle-validation-status .messages--error a:hover,
.altarum_pa_employer_registration_form .messages.error a:hover,
.altarum_pa_cle_employer_registration_form .messages.error a:hover,
body.Pennsylvania .messages.error a:hover {
    color: #000000 !important;
    text-decoration: underline !important;
}