#submit-dates.right,
#update-dates.right {
  padding: 10px 20px;
  border: none;
  cursor: pointer;
}

#fullcalendar-container {
  height: 100%;
}

#fullcalendar {
  height: 100%;
}

.ajax-loader {
  display: none;
}

.ajax-loader .throbber {
  padding-left: 20px;
}

#date-range-inline-form-wrapper,
#aba-membership-form-wrapper,
#recurring-payments-summary-data {
  background: #efefef;
  padding: 20px;
  width: 100%;
  border: 1px solid #cdcdcd;
  margin-top: 1em;
}

.selected-date .fieldset-legend {
  display: inline-block;
  margin-right: 10px;
}

.selected-date .selected-date-value,
.checkout-pane-join-aba-membership .aba-markup-text {
  display: inline-block;
  font-weight: bold;
}

.submit-container,
.checkout-pane-join-aba-membership {
  display: flex;
  align-items: center;
}

.submit-container .ajax-loader {
  margin-left: 10px;
}

.selected-date-container {
  display: flex;
  align-items: center;
}

.selected-date-label {
  margin-right: 10px;
}

.selected-date-value {
  font-weight: bold;
}

.selected-date-label {
  font-size: 1.5rem;
  line-height: 2.125rem;
  color: #005981;
  font-family: 'Poppins', sans-serif;
  font-style: normal;
  font-weight: 600;
}

#submit-dates.button:disabled,
#update-dates.button:disabled {
  background-color: #ccc;
  color: #666;
  cursor: not-allowed;
}

.recurring-payments-summary {
  border-collapse: collapse;
  width: 100%;
}

.recurring-payments-summary th,
.recurring-payments-summary td {
  border: 1px solid #ddd;
  padding: 8px;
}

.recurring-payments-summary th {
  background-color: #f2f2f2;
  text-align: left;
}

#custom-addon-product-form-wrapper fieldset {
  border: 0;
}

#custom-addon-product-form-wrapper .form-wrapper:not(.fieldgroup)>legend {
  font-size: 1.7142857143rem;
  line-height: 2.4285714286rem;
  color: #005981;
  font-weight: bold;
}

#custom-addon-product-form-wrapper label,
#custom-addon-product-form-wrapper h3 {
  font-size: 1.5rem;
  line-height: 2.125rem;
  color: #005981;
  margin: 0 0 5px 0;
  font-weight: 600;
}

#custom-addon-product-form-wrapper select {
  padding: 10px;
  min-width: 300px;
  min-height: 40px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url(/themes/aba/images/select-caret.svg);
  background-repeat: no-repeat;
  background-position-x: -webkit-calc(100% - 10px);
  background-position-x: calc(100% - 10px);
  background-position-y: 50%;
  background-color: transparent;
  border-top-color: #757575;
  border-bottom-color: #757575;
  border-left-color: #757575;
  border-right-color: #757575;
  border-width: 1px;
}

#custom-addon-product-form-wrapper input[type='number'] {
  min-width: 300px;
  min-height: 40px;
  padding-left: 10px;
  padding-right: 10px;
  border-top-color: #757575;
  border-bottom-color: #757575;
  border-left-color: #757575;
  border-right-color: #757575;
  border-width: 1px;
}

#custom-addon-product-form-wrapper {
  background: #CEECF2;
  margin-left: 100px;
  width: 33%;
  border: 1px solid #cdcdcd;
  padding-left: 10px;
}

#aba-membership-block-wrapper {
  padding-bottom: 1em;
}

.path-bp-cart #aba-membership-block-wrapper {
  display: inline-block;
  @media screen and (max-width:767px) {
    a {
      text-wrap: wrap;
    }
  }
}

@media screen and (max-width:767px) {
  #edit-checkout {
    margin: 0;
  }
}

.path-bp-cart .view-breast-pump-cart-form .form-actions {
  float: right;
}

.path-bp-cart .button[data-drupal-selector="edit-submit"]:nth-child(2) {
  margin-right: 0;
  margin-left: 0;
}

.checkout-pane-login .form-wrapper__returning-customer #aba-membership-block-wrapper,
.checkout-pane-login .form-wrapper__guest-checkout #aba-membership-block-wrapper {
  margin: 0.5em 0 0 0;
}

.fc-day-disabled {
  cursor: not-allowed;
}

.dialog-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0 2px 0;
}

/* .dialog-footer #date-error {
  flex-grow: 1;
  margin-right: 10px;
  visibility: hidden;
}

.dialog-footer #date-error.show {
  visibility: visible;
} */
.extend-hire-page {
  max-width: 1300px;
  margin: auto;
}

.extend-hire-page .extend-hire-calendar {
  margin: 10px 0 0 0;
}

/* new calendar css */
#fullcalendar-dialog #date-markup p {
  font-size: 1em;
  color: #005981;
  margin: 10px 0;
  font-family: 'Poppins', sans-serif;
  font-style: normal;
  font-weight: 600;
}

#fullcalendar-dialog #fullcalendar-container label[for="end-date"] {
  pointer-events: none;
}



/* # block-aba-breastpumprentdetails css start  */
#block-aba-breastpumprentdetails {
  max-width: 860px;
  margin-top: 2rem;
  padding-top: 20px;

  .field {
    display: flex;
    border-bottom: 0.7px solid #757575;
    font-family: "Poppins", sans-serif;

    .field__label {
      font-weight: 600;
      font-size: 1.5rem;
      line-height: 2.125rem;
      flex: 0 0 310px;
      color: #007D9E;

    }

    .field__item,
    .field__label {
      padding: 30px 20px 30px 20px;
      margin: 0;
    }

    @media (max-width: 766px) {
      flex-wrap: wrap;
    }
  }
}

.field--name-field-easily-hire {
  justify-content: center;
  padding: 30px 20px;
}


/* fullcalendar-container css  */
.breastpump-detail-buy-button {
  text-align: right;
}

.ui-dialog {
  width: 350px !important;

  #fullcalendar-container {
    display: flex;
    margin: 1rem 0;
    justify-content: space-between;
  }

  label {
    margin-bottom: 2px;

  }
}

.hide {
  display: none;
}

/* Custom table css  */
.volunteer-first-text {
  background-color: #97dbe4;
  width: 100%;
  display: flex;
  gap: 2rem;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  position: relative;
  overflow: visible !important;

  .volunteer-value-first {
    padding-top: 27px;

    #volunteer-hours {
      box-sizing: border-box;
      color: #005a7e;
      font-family: "Poppins", sans-serif;
      font-size: 22px;
      font-style: normal;
      font-weight: 600;
      line-height: 34px;
      margin-bottom: -23px;
      margin-left: 0;
      margin-right: 0;
    }

    #since-January {
      box-sizing: border-box;
      color: #005a7e;
      font-family: "Poppins", sans-serif;
      font-size: 22px;
      font-style: normal;
      font-weight: 600;
      line-height: 34px;
      margin-bottom: -23px;
      margin-left: 0;
      margin-right: 0;
    }
  }
  .volunteer-number-value {
      color: #005a7e;
      font-family: "Poppins", sans-serif;
      font-size: 3rem;
  }

  .log-hours {
    position: absolute;
    display: flex;
    left: 72%;
    top: 96px;
    background: #f8648c;
    padding: 10px 26px;
    border-radius: 31px;
    color: #ffffff;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
    font-size: 21px;
  }
}

.volunteer-second-text {
  background-color: #008fb4;
  width: 100%;
  display: flex;
  gap: 2rem;

  .volunteer-value-seconod {
    padding-top: 27px;

    #volunteer-hours-second {
      margin: auto;
      margin-bottom: -23px;
      color: #ffffff;
      font-size: 22px;
    }
    #since-January-second {
      margin: auto;
      margin-bottom: -23px;
      color: #ffffff;
      font-size: 22px;
    }
  }
  .volunteer-number-value {
      color: #ffffff;
      font-family: "Poppins", sans-serif;
      font-size: 3rem;
  }
}

#ajax-loader, #page-loader {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(255,255,255,0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.spinner {
  border: 6px solid #f3f3f3;
  border-top: 6px solid #0074bd;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  100% { transform: rotate(360deg); }
}