/* global css */
.node-1 .gds-highlight-banner--primary-lightest .gds-btn--primary {
  background-color: #004d99;
  color: #fff;
}
/*button center css*/
.ajax-progress.ajax-progress-fullscreen {
  display: none;
}
.gds-solo-button .gds-cell {
  text-align: center;
}
.node-1 .gds-footnote ol.gds-footnote__references li::before {
  margin-top: 4px;
  font-size: 1rem;
}
.node-12 .gds-grid:nth-of-type(3) img {
  width: auto;
}
.gds-notification--error {
  display: none;
}
footer .webform-submission-form {
  display: none !important;
}
/*speak to us*/
.node-29 .gds-cell--l-third {
  display: none;
}
.node-29 .gds-cell--l-two-thirds {
  width: 100%;
}
.node-29 article .gds-cell--m-half {
  padding: var(--spacer-l);
  margin-bottom: 0;
}
.node-29 article .gds-cell--m-half:nth-of-type(2) {
  background-color: #f5faff;
}
.webform-submission-form {
  float: initial;
}
.node-29 .gds-form-input input,
.node-29 .gds-form-input__input--date,
.node-29 .gds-form-input .select2-selection--date,
.node-29 .gds-form-input__input-wrapper--date {
  max-width: 100%;
}
.node-29 .gds-form-input {
  max-width: 100%;
  width: 100%;
}
.node-29 .gds-form-input__input-wrapper--time {
  min-height: initial;
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  background-color: unset;
}
.node-29 .gds-form-input__label-wrapper {
  padding: 0;
  margin-top: -2px;
}
.node-29 .gds-form-input__inner--radio {
  align-items: center;
}
.node-29 #edit-i-agree--label-wrapper,
.node-29 #edit-i-agree-2--label-wrapper {
  line-height: 1;
  margin-top: -4px;
}
.node-29 #edit-i-agree--wrapper {
  border-top: 1px solid var(--color-primary-light);
  padding-top: 30px;
}
.node-29 #edit-submit {
  color: #fff;
  background-color: #06c;
}
.node-29 #edit-submit:hover {
  background-color: #06c;
}
.node-29 .gds-form-input__radio-checked {
  background-color: #06c;
}
/* Webform Popup */
/* Apply styles only to node-30, node-27, node-31, node-21, node-25, node-32, and node-33 */
/* General Styling for Small Caption */
.node-30,
.node-27,
.node-31,
.node-21,
.node-25,
.node-32,
.node-33 {
  font-size: 20px;
  line-height: 32px;
  color: #546372;
  display: block;
  font-family: "BISansNEXT";
}
/* Primary Button Styling for Specific Nodes */
.node-30 .gds-btn--primary,
.node-27 .gds-btn--primary,
.node-31 .gds-btn--primary,
.node-21 .gds-btn--primary,
.node-25 .gds-btn--primary,
.node-32 .gds-btn--primary,
.node-33 .gds-btn--primary {
  background-color: #0066cc;
  color: #ffffff;
}
/* Hover State for Primary Button for Specific Nodes */
.node-30 .gds-btn--primary:hover,
.node-27 .gds-btn--primary:hover,
.node-31 .gds-btn--primary:hover,
.node-21 .gds-btn--primary:hover,
.node-25 .gds-btn--primary:hover,
.node-32 .gds-btn--primary:hover,
.node-33 .gds-btn--primary:hover {
  background-color: #0036b1;
  color: #fff;
}
/* Form Input Styling for Specific Nodes */
.node-30 .gds-form-input,
.node-27 .gds-form-input,
.node-31 .gds-form-input,
.node-21 .gds-form-input,
.node-25 .gds-form-input,
.node-32 .gds-form-input,
.node-33 .gds-form-input {
  max-width: 100% !important;
}
/* Webform Submission Form Styling for Specific Nodes */
.node-30 .webform-submission-form,
.node-27 .webform-submission-form,
.node-31 .webform-submission-form,
.node-21 .webform-submission-form,
.node-25 .webform-submission-form,
.node-32 .webform-submission-form,
.node-33 .webform-submission-form {
  padding: 20px 50px 40px 20px;
  margin-bottom: var(--spacer-massive);
  max-height: 75vh;
  max-width: 800px;
}
/* SweetAlert2 Container for Specific Nodes */
.node-30 .swal2-container,
.node-27 .swal2-container,
.node-31 .swal2-container,
.node-21 .swal2-container,
.node-25 .swal2-container,
.node-32 .swal2-container,
.node-33 .swal2-container {
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
/* SweetAlert2 HTML Container for Specific Nodes */
.node-30 #swal2-html-containerr,
.node-27 #swal2-html-containerr,
.node-31 #swal2-html-containerr,
.node-21 #swal2-html-containerr,
.node-25 #swal2-html-containerr,
.node-32 #swal2-html-containerr,
.node-33 #swal2-html-containerr {
  text-align: none !important;
}
/* Text Alignment for Form Labels in Specific Nodes */
.node-30 #edit-name---wrapper,
.node-27 #edit-name---wrapper,
.node-31 #edit-name---wrapper,
.node-21 #edit-name---wrapper,
.node-25 #edit-name---wrapper,
.node-32 #edit-name---wrapper,
.node-33 #edit-name---wrapper {
  text-align: start;
}
.node-30 #edit-email-address--label-wrapper,
.node-27 #edit-email-address--label-wrapper,
.node-31 #edit-email-address--label-wrapper,
.node-21 #edit-email-address--label-wrapper,
.node-25 #edit-email-address--label-wrapper,
.node-32 #edit-email-address--label-wrapper,
.node-33 #edit-email-address--label-wrapper {
  text-align: start;
}
.node-30 #edit-place-of-practice--label-wrapper,
.node-27 #edit-place-of-practice--label-wrapper,
.node-31 #edit-place-of-practice--label-wrapper,
.node-21 #edit-place-of-practice--label-wrapper,
.node-25 #edit-place-of-practice--label-wrapper,
.node-32 #edit-place-of-practice--label-wrapper,
.node-33 #edit-place-of-practice--label-wrapper {
  text-align: start;
}
/* Remove any margin-top for specific nodes */
.node-30 .gds-small-caption,
.node-27 .gds-small-caption,
.node-31 .gds-small-caption,
.node-21 .gds-small-caption,
.node-25 .gds-small-caption,
.node-32 .gds-small-caption,
.node-33 .gds-small-caption {
  margin-top: 0;
}
/* Styling for Popup */
.node-30 .swal2-popup,
.node-27 .swal2-popup,
.node-31 .swal2-popup,
.node-21 .swal2-popup,
.node-25 .swal2-popup,
.node-32 .swal2-popup,
.node-33 .swal2-popup {
  width: 60%;
  background: #fff;
  padding-bottom: calc(var(--spacer-xl) + var(--spacer-xxs));
  overflow: auto;
  max-height: 75vh;
  max-width: 800px;
}
/* SweetAlert2 Popup HTML Container Styling */
.node-30 .swal2-html-container,
.node-27 .swal2-html-container,
.node-31 .swal2-html-container,
.node-21 .swal2-html-container,
.node-25 .swal2-html-container,
.node-32 .swal2-html-container,
.node-33 .swal2-html-container {
  padding-bottom: 65px;
  overflow: hidden !important;
}
/* SweetAlert2 Shown Popup Styling */
.node-30 .swal2-shown,
.node-27 .swal2-shown,
.node-31 .swal2-shown,
.node-21 .swal2-shown,
.node-25 .swal2-shown,
.node-32 .swal2-shown,
.node-33 .swal2-shown {
  overflow: auto;
  padding-right: 0px !important;
}
/* Hide Important Element for Specific Nodes */
.node-30 .hide_important,
.node-27 .hide_important,
.node-31 .hide_important,
.node-21 .hide_important,
.node-25 .hide_important,
.node-32 .hide_important,
.node-33 .hide_important {
  display: none !important;
}
/* Media Query for Smaller Screens (max-width: 1024px) */
@media (max-width: 1024px) {
  .node-30 .swal2-container,
  .node-27 .swal2-container,
  .node-31 .swal2-container,
  .node-21 .swal2-container,
  .node-25 .swal2-container,
  .node-32 .swal2-container,
  .node-33 .swal2-container {
    padding: 0 15px;
    width: 100%;
  }

  .node-30 .swal2-popup,
  .node-27 .swal2-popup,
  .node-31 .swal2-popup,
  .node-21 .swal2-popup,
  .node-25 .swal2-popup,
  .node-32 .swal2-popup,
  .node-33 .swal2-popup {
    width: 100%;
  }

  .node-30 .swal2-popup .webform-submission-form,
  .node-27 .swal2-popup .webform-submission-form,
  .node-31 .swal2-popup .webform-submission-form,
  .node-21 .swal2-popup .webform-submission-form,
  .node-25 .swal2-popup .webform-submission-form,
  .node-32 .swal2-popup .webform-submission-form,
  .node-33 .swal2-popup .webform-submission-form {
    padding: 0px 0 40px 0px;
  }
}
/* Webform Popup end*/
/* Speak to us form */
/* Webform Submission Form Styling for node-20 */
.node-20 .webform-submission-form {
  color: #525252;
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.5em;
  float: right;
}
/* GDS Form Input Styling for node-20 */
.node-20 .gds-form-input__input {
  width: 100%;
  height: 60%;
  border: 2px solid #525252;
  border-radius: 2px;
  font-size: 16px;
}
/* GDS Heading Styling for node-20 */
.node-20 .gds-heading {
  color: #525252;
}
/* Hide Helper Text for node-20 */
.node-20 .helperText {
  display: none;
}
/* Primary Button Styling for node-20 */
.node-20 .gds-btn--primary {
  text-align: center;
  text-decoration: none;
  padding: 8px 20px;
  transition: background 0.3s;
  background-color: #f60;
  border: none;
  color: #000;
  font-size: 16px;
  top: 40px;
  border-radius: 4px;
  cursor: pointer;
}
/* Padding for #Speak for node-20 */
.node-20 #Speak {
  padding-bottom: 35px;
}
/* Label Wrapper Styling for specific fields in node-20 */
.node-20 #edit-preferred-communication-channel-face-to-face-meeting--label-wrapper,
.node-20 #edit-preferred-communication-channel-virtual-meeting--label-wrapper,
.node-20 #edit-preferred-communication-channel-over-the-phone--label-wrapper,
.node-20 #edit-topic-of-discussion-email-website--label-wrapper,
.node-20 #edit-topic-of-discussion-disease-related--label-wrapper,
.node-20 #edit-topic-of-discussion-event-related--label-wrapper,
.node-20 #edit-topic-of-discussion-others--label-wrapper,
.node-20 #edit-i-agree--label-wrapper,
.node-20 #edit-i-agree-2--label-wrapper {
  background: rgba(0, 0, 0, 0.06);
  border: none;
  transition: background 0.2s ease-in-out;
  padding: 20px;
  display: block;
  width: 100%;
}
/* Time Picker Styling for node-20 */
.node-20 #gds-time-picker-51160--hours,
.node-20 #gds-time-picker-51160--minutes {
  height: 80%;
}
.node-20 .gds-form-input__input--date {
  height: 86%;
}
/* Wrapper Padding for node-20 */
.node-20 #--wrapper {
  padding-top: 20px;
}
/* Agree Section Padding for node-20 */
.node-20 #edit-i-agree,
.node-20 #edit-i-agree-2 {
  padding: 70px 380px 0px 0px;
}
/* Radio Button Styling for node-20 */
.node-20 .form-radio {
  padding: 70px 380px 0px 0px;
  border-radius: 0px;
}
/* Speak to us form end */
/* GPP */
/* Modal visibility for specific nodes */
.node-21 .gds-modal--is-visible #drupal-modal,
.node-22 .gds-modal--is-visible #drupal-modal,
.node-27 .gds-modal--is-visible #drupal-modal,
.node-25 .gds-modal--is-visible #drupal-modal {
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
/* Primary Button Styling for specific nodes */
.node-21 .gds-btn--primary,
.node-22 .gds-btn--primary,
.node-27 .gds-btn--primary,
.node-25 .gds-btn--primary {
  background-color: #0066cc;
  color: #ffffff;
}
/* Hover State for Primary Button for specific nodes */
.node-21 .gds-btn--primary:hover,
.node-22 .gds-btn--primary:hover,
.node-27 .gds-btn--primary:hover,
.node-25 .gds-btn--primary:hover {
  background-color: #0036b1;
  color: #fff;
}
/* Error Notification Visibility for specific nodes */
.node-21 .gds-notification--error,
.node-22 .gds-notification--error,
.node-27 .gds-notification--error,
.node-25 .gds-notification--error {
  display: none;
}
/* Video Player Fullscreen Mode for specific nodes */
.node-21 .bc-player-default_default.vjs-fullscreen,
.node-22 .bc-player-default_default.vjs-fullscreen,
.node-27 .bc-player-default_default.vjs-fullscreen,
.node-25 .bc-player-default_default.vjs-fullscreen {
  object-fit: contain;
}
/* Modal Header and Close Button Visibility for specific nodes */
.node-21 .gds-modal__header .gds-heading,
.node-22 .gds-modal__header .gds-heading,
.node-27 .gds-modal__header .gds-heading,
.node-25 .gds-modal__header .gds-heading {
  display: none;
}
.node-21 .gds-modal__header .gds-modal__close-button,
.node-22 .gds-modal__header .gds-modal__close-button,
.node-27 .gds-modal__header .gds-modal__close-button,
.node-25 .gds-modal__header .gds-modal__close-button {
  display: none;
}
/* Hide Ajax Links for specific nodes */
.node-21 a.use-ajax.testing,
.node-22 a.use-ajax.testing,
.node-27 a.use-ajax.testing,
.node-25 a.use-ajax.testing {
  display: none !important;
}
/* GPP end */
.node-10 .gds-form-validation-message--is-error {
  padding: 30px 0px 0px 5px;
}
/* Register */
.node-29 gds-form-multiple-step__form {
  width: max;
}
.node-29 .gds-cell--content {
  font-family: "BISansNEXT";
  line-height: 25px;
  color: #2c333a;
  font-weight: normal;
}
/* Register end*/
/* UNDERSTANDING GPP page */
.node-6 .gds-notification__content {
  color: #002c77;
  font-weight: bold;
  font-family: "BISansNEXT";
}
/* UNDERSTANDING GPP page end */
@media only screen and (max-width:900px) {
  .ui-dialog.bi-hcp-validation-modal.bi-hcp-validation-modal-fullscreen.gds-modal.gds-modal--is-visible.gds-modal--is-full-screen {
      height: 100vh !important;
      overflow-y: scroll;
  }
  }
 @media screen and (max-width:480px) {
.gds-header-menu__item span.gds-link__label.gds-link__label-- p {
margin: 0;
}
}
@media screen and (min-width: 0) {
    .gds-block-bg-color {
        width: auto;
        margin: 0 calc(var(--spacer-s) / 2 * -1);
    }
}
