.bpa-front-module--booking-summary .bpa-fm--bs__gift-card-module-textbox, .bpa-front-module--booking-summary .bpa-is-gift_card-applied{ position: relative; padding: 12px 24px; border-top: 1px solid var(--bpa-gt-gray-400); -webkit-animation-name: bpaFadeInUp; animation-name: bpaFadeInUp;     animation-timing-function: cubic-bezier(.51,.92,.24,1.15); -webkit-animation-duration: 0.4s; animation-duration: 0.4s;     -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.4s;   animation-delay: 0.4s; } .bpa-front-module--booking-summary .bpa-fm--bs__gift-card-module-textbox{ position: relative; padding: 12px 24px; border-top: 1px solid var(--bpa-gt-gray-400); -webkit-animation-name: bpaFadeInUp; animation-name: bpaFadeInUp; animation-timing-function: cubic-bezier(.51,.92,.24,1.15); -webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .bpa-fm--bs__gift-card-module-textbox { display: flex; align-items: flex-start; justify-content: space-between; } .bpa-fm--bs__gift-card-module-textbox .bpa-cmt__right { min-width: 330px; position: relative; } .bpa-fm--bs__gift-card-module-textbox .bpa-front-form-label{ font-size: 14px; line-height: 40px; font-weight: 500; font-family: var(--bpa-primary-font); display: block; color: var(--bpa-dt-black-300); position: relative; margin-bottom: 0; } .bpa-fm--bs__gift-card-module-textbox button.bpa-front-btn{ position: absolute; right: 3px; top: 3px; padding: 7px 20px !important; border-radius: var(--bpa-radius-4px) !important; font-size: 14px; line-height: 17px; min-width: 82px; justify-content: center; } .bpgc-front-gift-card-detail .bpgc-gift-card-service-include-text { font-weight: 600; height: 32px; font-size: 16px; border-bottom: 1px dashed var(--bpa-gt-gray-400); margin-bottom: 12px; } .bpgc-show-gift-card-services_load .bpgc-gift-card-service-load-link svg{ width: 16px; margin-left: 6px; fill: var(--bpa-pt-main-green); top: 50%; position: absolute; transform:translateY(-50%); right:-20px; } .bpgc-gift-card-head-col .bpgc-front-module-heading { font-size: 30px; } .bpa-front-module--booking-summary .bpa-bs__gift_card-validation { margin-top: 8px; display: flex; align-items: center; } .bpa-front-module--booking-summary .bpa-bs__gift_card-validation.--is-error p { color: var(--bpa-sc-danger); } .bpa-front-module--booking-summary .bpa-bs__gift_card-validation p { font-size: 13px; font-weight: 500; font-family: var(--bpa-primary-font); } .bpa-front-module--booking-summary .bpa-bs__gift_card-validation.--is-error svg { fill: var(--bpa-sc-danger); } .bpa-front-module--booking-summary .bpa-bs__gift_card-validation svg { width: 16px; margin-right: 4px; } .bpa-front-module--booking-summary .bpa-is-gift_card-applied .bpa-bs-ai__item span { background-color: var(--bpa-pt-main-green); border-radius: var(--bpa-radius-2px); color: var(--bpa-cl-white); font-family: var(--bpa-primary-font); font-size: 13px; font-weight: 500; display: inline-block; padding: 2px 6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; margin-left: 8px; } .bpa-front-module--booking-summary .bpa-is-gift_card-applied .bpa-bs-ai__item span svg { width: 14px; vertical-align: middle; margin-left: 4px; cursor: pointer; fill: var(--bpa-cl-white); margin-top: -1px; } .bpa-front-module--booking-summary .bpa-front-module--bs-amount-details .bpa-is-gift_card-applied { padding: 12px 24px; } .bpgc-front-module--pm-body__item{ order: 2;} .bpa-front-module--booking-summary .bpa-fm--bs__coupon-module-textbox, .bpa-front-module--booking-summary .bpa-is-coupon-applied{ position: relative; padding: 12px 24px; border-top: 1px solid var(--bpa-gt-gray-400); -webkit-animation-name: bpaFadeInUp; animation-name: bpaFadeInUp;     animation-timing-function: cubic-bezier(.51,.92,.24,1.15); -webkit-animation-duration: 0.4s; animation-duration: 0.4s;     -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.4s;   animation-delay: 0.4s; } .bpa-front-module--booking-summary .bpa-is-gift-card-module-enable.bpa-is-coupon-applied { padding: 12px 24px; } .bpa-front-module--booking-summary .bpa-is-gift-card-module-enable.bpa-is-coupon-applied .bpa-bs-ai__item span{ background-color: var(--bpa-pt-main-green); border-radius: var(--bpa-radius-2px); color: var(--bpa-cl-white); font-family: var(--bpa-primary-font); font-size: 13px; font-weight: 500; display: inline-block; padding: 2px 6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; margin-left: 8px; } .bpa-front-module--booking-summary .bpa-is-gift-card-module-enable.bpa-is-coupon-applied .bpa-bs-ai__item span svg{ width: 14px; vertical-align: middle;  margin-left: 4px; cursor: pointer; fill: var(--bpa-cl-white); margin-top: -1px; } .bpa-front-module--booking-summary .bpa-is-gift-card-module-enable.bpa-is-coupon-applied .bpa-bs-ai__item.bpa-is-price{ color: var(--bpa-sc-danger) !important; } .bpa-front-cp-my-appointment span.material-icons-round.bpgc-apc__gift-card-icon { width: 18px; height: 18px; cursor: pointer; fill: var(--bpa-dt-black-200); margin-top: 4px; } .bpgc-gift-card-button button:focus{ outline: 2px solid black; } .bpa-gift-generated-code-svg { vertical-align: text-top; } .bpa-gift-generated-code-title .cell{ display: flex; } .bpa-gift-generated-code { width: 150px; } .bpgc-front-cp-my-gift-card-tablet .bpa-gift-generated-code { width: 140px; } .bpa-gift-generated-code-svg:hover { color: var(--bpa-pt-main-green); } .bpa-ma-vac-usage_history-title { border: none; } .bpa-ap-item__head, .bpa-ib--item-card { display: flex; justify-content: space-between; padding: 0 16px; margin-bottom: 12px; } .bpa-vac-ap--items--usage-history .bpa-ih--item, .bpa-vac-ap--items--usage-history .bpa-ib--item { flex: 0 0 auto; } .bpa-gc-item-usage-history-body-section .bpa-vac-pd__item .bpa-vac-pd__val {text-align: left;  } .bpa-ib--item.bpgc-gift-card-usage-history-right-item .bpa-vac-pd__val {text-align: right; } .bpa-vac-ap--items--usage-history .bpa-ih--item:nth-child(1), .bpa-vac-ap--items--usage-history .bpa-ib--item:nth-child(1) { width: 10%;  } .bpa-vac-ap--items--usage-history .bpa-ih--item:nth-child(2), .bpa-vac-ap--items--usage-history .bpa-ib--item:nth-child(2) { width: 30%;  } .bpa-vac-ap--items--usage-history .bpa-ih--item:nth-child(3),  .bpa-vac-ap--items--usage-history .bpa-ib--item:nth-child(3) { width: 40%;  } .bpa-vac-ap--items--usage-history .bpa-ih--item:nth-child(4), .bpa-vac-ap--items--usage-history .bpa-ib--item:nth-child(4) { width: 20%;  text-align: right; } .bpa-ap-item__body.bpa-gc-item-usage-history-body-section .bpa-ib--item-card.bpa-vac-pd__item{ border: 1px solid var(--bpa-gt-gray-400); border-radius: var(--bpa-radius-8px); padding: 12px 16px;    } .bpa-item--val.bpa-front-text-primary-color{ color: var(--bpa-pt-main-green) !important; } .bpa-front-cp--filter-wrapper-gift-card .bpa-form-control--date-range-picker.el-date-editor{ border-radius: 6px; background-color: transparent !important; border-color: var(--bpa-gt-gray-400); padding: 3px 0 3px 16px; line-height: unset; height: auto; } .bpa-frontend-main-container .el-select-dropdown__item { padding: 0 20px !important; } .bpa-ap-item__body .bpa-ib--item-card + .bpa-ib--item-card { margin-top: 12px; } #paypal-giftcard-button-container { margin-left: 16px; } .bpa-front-cp--filter-wrapper-gift-card .bpa-front-cp--fw__date-picker-col .el-date-editor .el-input__icon { width: 20px; height: 20px; line-height: 20px;  } .bpa-front-cp--filter-wrapper-gift-card .bpa-front-cp--fw__date-picker-col .el-range__icon::before{ content: ''; background-color: var(--bpa-dt-black-200); -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M20 3h-1V2c0-.55-.45-1-1-1s-1 .45-1 1v1H7V2c0-.55-.45-1-1-1s-1 .45-1 1v1H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-1 18H5c-.55 0-1-.45-1-1V8h16v12c0 .55-.45 1-1 1z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M20 3h-1V2c0-.55-.45-1-1-1s-1 .45-1 1v1H7V2c0-.55-.45-1-1-1s-1 .45-1 1v1H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-1 18H5c-.55 0-1-.45-1-1V8h16v12c0 .55-.45 1-1 1z'/%3E%3C/svg%3E"); width: 16px; height: 16px; position: absolute;    } .bpa-front-cp--filter-wrapper-gift-card .bpa-form-control--date-range-picker input::placeholder { color: rgba(114,126,149,0.75);     } .bpa-gift-card-card-details-line { border-bottom:  1px solid #CFD6E5; margin-bottom: 20px; } .bpa-gift-card-usage-history-service-title p { font-size: 14px !important; line-height: 18px; } .bpa-gift-card-flex-item-gap { gap: 10px; } .qzytua_gift_card_tcaptcha_container { display: flex; flex-direction: column;} .qzytua_tcpatcha_complete_err_msg { order:2; color: var(--bpa-sc-danger); font-size: 12px; line-height: 16px; left: 16px; margin-top: 6px; padding-top: 0; padding-left: 20px !important; position: relative;} .qzytua_tcpatcha_complete_err_msg.has-error:before {    content: ''; position: absolute; background-color: var(--bpa-sc-danger); -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 7c.55 0 1 .45 1 1v4c0 .55-.45 1-1 1s-1-.45-1-1V8c0-.55.45-1 1-1zm-.01-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm1-3h-2v-2h2v2z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 7c.55 0 1 .45 1 1v4c0 .55-.45 1-1 1s-1-.45-1-1V8c0-.55.45-1 1-1zm-.01-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm1-3h-2v-2h2v2z'/%3E%3C/svg%3E"); left: 0; top: calc(50% - 8px); width: 16px; height: 16px; } @media (max-width: 991px){ .bpa-fm--bs__gift-card-module-textbox .bpa-cmt__right { min-width: 280px; } } @media (max-width: 576px) { .bpa-front-module--booking-summary .bpa-fm--bs__gift-card-module-textbox { padding: 8px 20px; flex-direction: column; } .bpa-front-module--booking-summary .bpa-fm--bs__gift-card-module-textbox button.bpa-front-btn { position: absolute; top: 3px; padding: 8px 10px !important; right: 3px; font-size: 0; min-width: unset; max-width: unset; } .bpa-front-module--booking-summary .bpa-fm--bs__gift-card-module-textbox button.bpa-front-btn::before{ content: '';		 background-color: var(--bpa-cl-white); -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M9 16.2l-3.5-3.5c-.39-.39-1.01-.39-1.4 0-.39.39-.39 1.01 0 1.4l4.19 4.19c.39.39 1.02.39 1.41 0L20.3 7.7c.39-.39.39-1.01 0-1.4-.39-.39-1.01-.39-1.4 0L9 16.2z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M9 16.2l-3.5-3.5c-.39-.39-1.01-.39-1.4 0-.39.39-.39 1.01 0 1.4l4.19 4.19c.39.39 1.02.39 1.41 0L20.3 7.7c.39-.39.39-1.01 0-1.4-.39-.39-1.01-.39-1.4 0L9 16.2z'/%3E%3C/svg%3E"); width: 16px; height: 16px; display: block; } .bpa-fm--bs__gift-card-module-textbox .bpa-cmt__right { min-width: 100%; } .bpa-vac-ap--items--usage-history .bpa-ih--item:nth-child(1), .bpa-vac-ap--items--usage-history .bpa-ib--item:nth-child(1){ width: auto; } .bpa-vac-ap--items--usage-history .bpa-ih--item:nth-child(2), .bpa-vac-ap--items--usage-history .bpa-ib--item:nth-child(2) { width: 50%; } .bpa-gift-card-usage-history-service-title .bpa-vac-pd__val{ font-size: 14px; } .bpa-ib--service-subitem .bpa-vac-pd__val { font-size: 13px; font-weight: 400; } .bpa-mob-col__body .bpa-mob--date-time-details.bpgc-mob--gift-card-details { gap: 15%; } .bpa-front-cp-ma__mob-col .bpa-mob-col__body {width: 100%;} .bpgc-front-cp-my-gift-card .bpa-front-invoice-btn { width: 100%; justify-content: center; }  .bpa-date-range-picker-widget-wrapper{ width: 85%; } .bpa-date-range-picker-widget-wrapper .el-picker-panel__body{ min-width: 100%; } .bpa-date-range-picker-widget-wrapper .el-date-range-picker__content{ width: 100%; float: none; }     .bpgc-front-cp-my-gift-card-mob .bpa-vac-ap--items--usage-history .bpa-ih--item:nth-child(3),  .bpgc-front-cp-my-gift-card-mob .bpa-vac-ap--items--usage-history .bpa-ib--item:nth-child(3) { width: 30%; }     }