/* /common/style/pages/booking-confirm/modifyTicket.css */
.ticket-details-header_container{display:flex;justify-content:center;align-items:center;width:100%}.ticket-details-header{width:100%;max-width:1200px;display:flex;align-items:center;justify-content:space-between;padding:16px;background-color:var(--white);border-bottom:1px solid #caced3}.ticket-details-header .title-section{font-size:32px;font-weight:700;color:var(--black)}.ticket-details-header .action-section{display:flex;align-items:center;justify-content:flex-start;gap:12px;flex-wrap:wrap;white-space:nowrap}.ticket-details-header .action-section .modify-ticket-button{padding:8px 10px;border:0;font-size:14px;font-weight:700;color:var(--white);background-color:var(--primary);cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.ticket-details-header .action-section .modify-ticket-button:hover{background-color:var(--primary-dark)}.ticket-details-header .action-section .modify-ticket-button img{width:16px;height:16px}@media (max-width:768px){.ticket-details-header{flex-direction:column;align-items:flex-start;gap:12px}.ticket-details-header .action-section{width:100%;justify-content:flex-start}}.modify-ticket-modal .cms-modal-header{background-color:var(--white)!important}.modify-ticket-modal .modify-ticket-header{display:flex;align-items:center;justify-content:flex-start;gap:12px}.modify-ticket-modal .modify-ticket-header .icon-container{width:24px;height:24px;border-radius:8px;display:flex;align-items:center;justify-content:center}.modify-ticket-modal .modify-ticket-header .icon-container svg path{fill:var(--primary)!important}.modify-ticket-modal .modify-ticket-header .text-container{display:flex;flex-direction:column;gap:4px}.modify-ticket-modal .modify-ticket-header .text-container .title{font-size:18px;font-weight:700;color:var(--black)}.modify-ticket-modal .modify-ticket-header .text-container .description{display:none;font-size:16px;font-weight:500;color:var(--neutral-2)}.modify-ticket-modal .modify-ticket-body{width:100%;display:flex;justify-content:flex-start;gap:10px;align-items:flex-start;flex-direction:column}.modify-ticket-modal .modify-ticket-body .modify-ticket-body-description{font-size:16px;font-weight:500;color:var(--neutral-2)}.modify-ticket-modal .modify-ticket-body .modify-ticket-tabs{width:100%;display:flex;gap:16px}.modify-ticket-modal .modify-ticket-body .modify-ticket-tabs .modify-ticket-tab{flex:1;padding:10px 16px;border:1px solid var(--neutral-2);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start}.modify-ticket-modal .modify-ticket-body .modify-ticket-tabs .modify-ticket-tab .tab-form-container{display:flex;align-items:center;justify-content:flex-start;gap:12px}.modify-ticket-modal .modify-ticket-body .modify-ticket-tabs .modify-ticket-tab input[type=radio][name=modify-ticket-tab]{width:20px;height:20px;border-width:2px;border-style:solid;border-top-color:var(--neutral-2);border-right-color:var(--neutral-2);border-bottom-color:var(--neutral-2);border-left-color:var(--neutral-2);border-radius:50%;appearance:none;cursor:pointer;position:relative;flex-shrink:0}.modify-ticket-modal .modify-ticket-body .modify-ticket-tabs .modify-ticket-tab input[type=radio][name=modify-ticket-tab]:checked{border-top-color:var(--primary);border-right-color:var(--primary);border-bottom-color:var(--primary);border-left-color:var(--primary);background-color:var(--white)}.modify-ticket-modal .modify-ticket-body .modify-ticket-tabs .modify-ticket-tab input[type=radio][name=modify-ticket-tab]:checked::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background-color:var(--primary);border-radius:50%}.modify-ticket-modal .modify-ticket-body .modify-ticket-tabs .modify-ticket-tab input[type=radio][name=modify-ticket-tab]:checked~.tab-form-container{border-top-color:var(--primary);border-right-color:var(--primary);border-bottom-color:var(--primary);border-left-color:var(--primary)}.modify-ticket-modal .modify-ticket-body .modify-ticket-tabs .modify-ticket-tab .tab-form-container .tab-label{display:flex;justify-content:flex-start;flex-direction:column;gap:8px}.modify-ticket-modal .modify-ticket-body .modify-ticket-tabs .modify-ticket-tab .tab-form-container .tab-label .tab-title{font-size:16px;font-weight:600;color:var(--black)}.modify-ticket-modal .modify-ticket-body .modify-ticket-tabs .modify-ticket-tab .tab-form-container .tab-label .tab-title .highlight{color:var(--booked)}.modify-ticket-modal .modify-ticket-body .modify-ticket-tabs .modify-ticket-tab .tab-form-container .tab-label .tab-description{font-size:14px;font-weight:500;color:var(--neutral-2)}.modify-ticket-modal .modify-ticket-body .modify-ticket-tabs .modify-ticket-tab .tab-action-button-container{display:none;width:100%}.modify-ticket-modal .modify-ticket-body .modify-ticket-tabs .modify-ticket-tab .tab-action-button{display:none;margin-top:12px;padding:12px 15px;background-color:var(--primary);color:var(--white);border:0;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;align-items:center;justify-content:center;width:100%}.modify-ticket-modal .modify-ticket-body .modify-ticket-body-content{margin-top:16px;width:100%;display:flex;gap:12px;flex-direction:column}.cancel-ticket-modal-header{width:100%;display:flex;justify-content:center;align-items:flex-start;flex-direction:column;background-color:var(--primary);padding:14px 16px;gap:16px;border-radius:20px}.cancel-ticket-modal-journey-container{width:100%;display:flex;flex-direction:row;gap:8px}.cancel-ticket-modal-journey-separator-container-mobile{display:none}.cancel-ticket-modal-journey-details{display:flex;justify-content:space-between;align-items:flex-start;flex-direction:row;width:100%;color:var(--white)}.cancel-ticket-modal-journey-point{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;gap:4px;min-width:119px;width:fit-content}.cancel-ticket-modal-journey-time-date-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:4px}.cancel-ticket-modal-journey-time{font-size:14px;font-weight:700}.cancel-ticket-modal-journey-date,.cancel-ticket-modal-journey-city{font-size:12px;font-weight:400}.cancel-ticket-modal-journey-duration-container{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:row;padding:0 16px}.cancel-ticket-modal-journey-duration{display:flex;justify-content:center;font-size:12px;font-weight:400;border-radius:8px;border:1px solid var(--white);padding:4px 8px}.cancel-ticket-modal-journey-separator{display:flex;flex:1;height:1px;background-color:var(--white)}.cancel-ticket-modal-journey-separator-dot{display:flex;width:8px;height:8px;background-color:var(--white);border-radius:50%}.cancel-ticket-modal-pnr-date-container{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;width:100%;gap:4px;background-color:var(--primary-light);padding:4px 8px;border-radius:8px;font-size:10px}.cancel-ticket-modal-pnr{display:flex;justify-content:flex-start;gap:4px;align-items:center;width:100%;font-weight:400;color:var(--black);font-size:14px}.cancel-ticket-modal-pnr-text{font-weight:700}.cancel-ticket-modal-passenger-info,.cancel-ticket-modal-refund-info{display:flex;flex-direction:column;width:100%;border-radius:8px;background-color:var(--white);border:1px solid var(--neutral)}.cancel-ticket-modal-passenger-info-header,.cancel-ticket-modal-refund-info-header{font-size:16px;font-weight:700;color:var(--black);margin-bottom:8px;background-color:var(--neutral);padding:8px 16px;border-top-left-radius:8px;border-top-right-radius:8px}.cancel-ticket-modal-passenger-list,.cancel-ticket-modal-refund-info-list{display:flex;flex-direction:column;gap:8px;padding:0 16px;margin-bottom:16px}.cancel-ticket-modal-passenger-item{display:flex;justify-content:space-between;align-items:center;padding:0}.cancel-ticket-modal-passenger-item-info{display:flex;flex-direction:row;gap:14px;align-items:flex-start;justify-content:flex-start}.cancel-ticket-modal-passenger-item-info input[type=checkbox]{border:0;border-width:2px;border-style:solid;border-top-color:var(--neutral-2);border-right-color:var(--neutral-2);border-bottom-color:var(--neutral-2);border-left-color:var(--neutral-2);border-radius:4px;width:20px;height:20px;margin-right:8px;appearance:none;cursor:pointer;position:relative;background-color:var(--white);flex-shrink:0}.cancel-ticket-modal-passenger-item-info input[type=checkbox]:checked{border-top-color:var(--primary);border-right-color:var(--primary);border-bottom-color:var(--primary);border-left-color:var(--primary);background-color:var(--primary)}.cancel-ticket-modal-passenger-item-info input[type=checkbox]:checked::after{content:"";position:absolute;top:1px;left:5px;width:4px;height:9px;border:solid var(--white);border-width:0 2px 2px 0;border-radius:0;transform:rotate(45deg)}.cancel-ticket-modal-passenger-name-age{display:flex;flex-direction:column;gap:4px;align-items:flex-start;justify-content:flex-start}.cancel-ticket-modal-passenger-name{font-size:14px;font-weight:700}.cancel-ticket-modal-passenger-age{font-size:12px;font-weight:400}.cancel-ticket-modal-passenger-seat-number{font-size:14px;font-weight:500}.cancel-ticket-modal-cancellation-typeContainer{display:flex;flex-direction:column;gap:8px;align-items:flex-start;justify-content:flex-start}.cancel-ticket-modal-cancellation-type-title{font-size:16px;font-weight:500;color:var(--black)}.cancel-ticket-modal-cancellation-type-list{display:flex;flex-direction:row;gap:12px}.cancel-ticket-modal-cancellation-type-item{display:flex;align-items:center;justify-content:flex-start;gap:8px;font-size:16px;font-weight:500;color:var(--black)}.cancel-ticket-modal-cancellation-type-item input[type=radio]{width:18px;height:18px;border-width:2px;border-style:solid;border-top-color:var(--neutral-2);border-right-color:var(--neutral-2);border-bottom-color:var(--neutral-2);border-left-color:var(--neutral-2);border-radius:50%;appearance:none;cursor:pointer;position:relative;flex-shrink:0}.cancel-ticket-modal-cancellation-type-item input[type=radio]:checked{border-top-color:var(--primary);border-right-color:var(--primary);border-bottom-color:var(--primary);border-left-color:var(--primary);background-color:var(--white);border-width:6px}.cancel-ticket-modal-cancellation-type-item input[type=radio]:checked::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:0 0;border-radius:50%}.cancel-ticket-modal-passenger-info-footer{display:flex;justify-content:flex-end;padding:16px 0}.ticket-modal-passenger-info-footer-button{padding:16px;background-color:var(--primary);color:var(--white);border:0;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease}.ticket-modal-passenger-info-footer-button:hover{background-color:var(--primary-dark)}.cancel-ticket-confirmation-modal{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:16px}.cancel-ticket-confirmation-refund-seat-container{display:flex;flex-direction:column;border-radius:8px;width:100%}.cancel-ticket-confirmation-refund-container{display:flex;flex-direction:row;justify-content:space-between;padding:16px;background-color:var(--primary);border-radius:8px 8px 0 0}.cancel-ticket-confirmation-refund-title-container{display:flex;flex-direction:column;gap:8px}.cancel-ticket-confirmation-refund-title{font-size:20px;font-weight:600;color:var(--white)}.cancel-ticket-confirmation-refund-subtitle{display:flex;align-items:center;justify-content:flex-start;gap:4px;font-size:14px;font-weight:400;color:var(--white)}div.cancel-ticket-confirmation-refund-subtitle{cursor:pointer;text-decoration:none}.cancel-ticket-confirmation-refund-subtitle:hover{text-decoration:underline}.cancel-ticket-confirmation-refund-subtitle .cancellation-policy-icon{display:flex;align-items:center;justify-content:center;transition:all .2s ease}.cancel-ticket-confirmation-refund-subtitle.active .cancellation-policy-icon{transform:rotate(180deg)}.cancel-ticket-policy-list-container{display:none;flex-direction:column;gap:8px;padding:16px;background-color:var(--neutral-light)}.cancel-ticket-policy-list-container.active{display:flex}.cancel-ticket-policy-item{font-size:12px;font-weight:400;color:var(--black)}.cancel-ticket-confirmation-refund-amount{font-size:20px;font-weight:700;color:var(--white)}.cancel-ticket-confirmation-seat-container{display:flex;flex-direction:column;background-color:var(--primary-light);padding:16px;border-radius:0 0 8px 8px}.cancel-ticket-confirmation-seat-title{font-size:14px;font-weight:400;color:var(--black)}.cancel-ticket-confirmation-seat-number{font-size:14px;font-weight:600;color:var(--black)}.cancel-ticket-modal-refund-info-item{display:flex;justify-content:space-between;align-items:center;padding:0;font-size:14px;font-weight:500}.cancel-ticket-modal-refund-info-item-value{font-weight:600}.cancel-ticket-modal-refund-info-item-value.highlight{color:var(--booked)}.cancel-ticket-modal-refund-info-item-separator{height:1px;background-color:var(--neutral);margin:8px 0}.mobile-cancel-ticket-header{display:none}@media (max-width:768px){.modify-ticket-modal .modify-ticket-header .text-container .description{display:flex}.modify-ticket-modal .modify-ticket-body .modify-ticket-body-description{display:none}.mobile-cancel-ticket-header{display:flex;align-items:center;justify-content:flex-start;gap:12px;margin-bottom:16px;font-size:24px;font-weight:700}.modify-ticket-modal .modify-ticket-body .modify-ticket-tabs{flex-direction:column}.modify-ticket-modal .modify-ticket-body .modify-ticket-tabs .modify-ticket-tab .tab-action-button-container{display:flex}.modify-ticket-modal .modify-ticket-body .modify-ticket-body-content{display:none}.modify-ticket-modal .modify-ticket-body.single-option .modify-ticket-body-content{display:flex}.modify-ticket-body.single-option .mobile-back-to-tabs{display:none}.modify-ticket-modal:has(.modify-ticket-body.single-option) .modify-ticket-header .text-container .description{display:none}.cancel-ticket-modal-journey-details{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:16px}.cancel-ticket-modal-journey-separator-dot,.cancel-ticket-modal-journey-separator{display:none}.cancel-ticket-modal-journey-duration-container{justify-content:flex-start;padding:0}.cancel-ticket-modal-journey-time-date-container{flex-direction:row}.cancel-ticket-modal-journey-separator-container-mobile{display:flex;flex-direction:column;align-items:center;justify-content:center}.cancel-ticket-modal-journey-separator-container-mobile .cancel-ticket-modal-journey-separator-dot{display:flex}.cancel-ticket-modal-journey-separator-container-mobile .cancel-ticket-modal-journey-separator{display:flex;width:1px;margin:0}.ticket-modal-passenger-info-footer-button{width:100%}}.pre-postpone-ticket-modal-content{display:flex;flex-direction:column;gap:16px}.pre-postpone-ticket-type-options{display:flex;flex-wrap:wrap;gap:24px;padding-bottom:16px;border-bottom:1px solid var(--neutral-1)}.pre-postpone-ticket-type-options label{display:flex;align-items:center;gap:8px;font-size:16px;color:var(--black);cursor:pointer}.pre-postpone-ticket-type-options input{width:20px;height:20px;margin:0;accent-color:var(--primary);cursor:pointer}.pre-postpone-ticket-terms .open-ticket-terms,.pre-postpone-ticket-modal-content.open-ticket .pre-post-terms,.pre-postpone-ticket-modal-content .open-ticket-label,.pre-postpone-ticket-modal-content.open-ticket .pre-postpone-ticket-body-form-content,.pre-postpone-ticket-modal-content.open-ticket .pre-post-label{display:none}.pre-postpone-ticket-modal-content.open-ticket .open-ticket-terms,.pre-postpone-ticket-modal-content.open-ticket .open-ticket-label{display:block}.pre-postpone-ticket-terms-title{font-size:14px;font-weight:600;color:var(--black)}.pre-postpone-ticket-terms ul{margin:8px 0 0;padding-left:20px;list-style:disc;font-size:14px;line-height:24px;color:var(--neutral-2)}.pre-postpone-ticket-modal-body{display:flex;flex-direction:column;gap:16px}.pre-postpone-ticket-body-form-content{display:flex;flex-direction:column;gap:12px}.pre-postpone-ticket-form-group{display:flex;flex-direction:column;gap:8px}.pre-postpone-ticket-form-group label{font-size:14px;font-weight:500;color:var(--neutral-2)}.PrePostPone-datepicker-wrapper{width:100%;border:1px solid var(--neutral-1);border-radius:8px;padding:16px 10px}.PrePostPone-datepicker-wrapper input{border:0;outline:0;width:100%;font-size:14px}.pre-postpone-ticket-form-input-container{display:flex;flex-direction:row;align-items:center;gap:24px;justify-content:flex-start;width:100%}.pre-postpone-ticket-form-input-wrapper{display:flex;align-items:center;justify-content:flex-start;width:100%}.pre-postpone-ticket-form-input-wrapper input{border:0;outline:0;width:75%;font-size:14px;margin-right:16px}.pre-postpone-ticket-form-description-label{display:flex;align-items:center;justify-content:flex-start;white-space:nowrap;font-size:16px;font-weight:500;color:var(--neutral-2);align-items:center;justify-content:flex-start;width:100%}.pre-postpone-ticket-form-input-container #date-change-charges{font-weight:600;color:var(--black)}.pre-postpone-ticket-info-container{display:flex;flex-direction:column;width:100%}.pre-postpone-ticket-info-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;background-color:#edf3ff;padding:12px 16px;border-radius:8px 8px 0 0}.pre-postpone-ticket-info-header{display:flex;flex-direction:column;gap:4px;width:100%;align-items:center;justify-content:center}.pre-postpone-ticket-info-header-title{font-size:16px;font-weight:600;color:var(--black)}.pre-postpone-ticket-info-header-subtitle{font-size:14px;font-weight:400;color:var(--neutral-2)}.pre-postpone-ticket-info-passenger-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;width:100%;padding:16px;align-items:center;justify-content:center}.pre-postpone-ticket-info-passenger-item{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center}.pre-postpone-ticket-info-passenger-name{font-size:14px;font-weight:600;color:var(--black)}.pre-postpone-ticket-info-passenger-seat-number{font-size:14px;font-weight:500;color:var(--neutral-2)}.pre-postpone-ticket-info-footer{display:flex;padding:8px;border-radius:0 0 8px 8px;background-color:#d98200;color:var(--white);font-size:12px;font-weight:400;align-items:center;justify-content:flex-start}.pre-postpone-ticket-modal-footer{display:flex;justify-content:flex-end;width:100%;gap:12px}.pre-postpone-ticket-modal-footer-button{padding:12px 24px;background-color:var(--primary);color:var(--white);border:0;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer}.pre-postpone-ticket-modal-footer-button:hover{background-color:var(--primary-dark)}.modify-ticket-modal-content{display:flex;flex-direction:column;gap:16px;width:100%}.modify-ticket-modal-header{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;width:100%}.modify-ticket-modal-title{display:flex;gap:8px;align-items:center;justify-content:flex-start}.modify-ticket-modal-title-icon{display:flex;align-items:center;justify-content:center}.modify-ticket-modal-title-text{display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:var(--black)}.modify-ticket-modal-description{display:flex;align-items:center;justify-content:center}.modify-ticket-modal-description ul{padding:0 20px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;color:var(--primary);font-weight:400;gap:8px}.modify-ticket-modal-body{display:flex;flex-direction:column;gap:16px;align-items:flex-start;justify-content:flex-start;width:100%}.modify_ticket_form_group_wrapper{display:flex;flex-direction:row;gap:8px;width:100%;align-items:center;justify-content:center}.modify_ticket_form_group{display:flex;flex-direction:column;gap:8px;width:100%}.modify_ticket_form_group label{font-size:14px;font-weight:500;color:var(--black)}.modify_ticket_form_group input{padding:10px 12px;font-size:16px;border-width:1px;border-style:solid;border-top-color:var(--neutral-1);border-right-color:var(--neutral-1);border-bottom-color:var(--neutral-1);border-left-color:var(--neutral-1);border-radius:8px;outline:0;transition:border-color .3s;color:var(--black)}.modify_ticket_form_group input::placeholder{color:var(--neutral-2);font-size:12px}.modify_ticket_form_group input:focus{border-top-color:var(--primary);border-right-color:var(--primary);border-bottom-color:var(--primary);border-left-color:var(--primary)}.modify_ticket_form_group .mobile_number_input_container{display:flex;align-items:flex-start}.modify_ticket_form_group .country_code_prefix{padding:10px 12px;background-color:var(--neutral);border-width:1px;border-style:solid;border-top-color:var(--neutral-1);border-right-color:var(--neutral-1);border-bottom-color:var(--neutral-1);border-left-color:var(--neutral-1);border-radius:8px 0 0 8px;font-size:16px;color:var(--black)}.modify_ticket_form_group .mobile_number_input_wrapper{gap:8px;display:flex;flex-direction:column;width:100%}.modify_ticket_form_group .mobile_number_input_container input[name=mobileNumber]{border-radius:0 8px 8px 0!important;border-left:none!important}.modify-ticket-modal-footer{display:flex;align-items:center;justify-content:center;width:100%;gap:16px;margin:20px 0}.modify-ticket-modal-footer-button-confirm{padding:10px 94px;border-radius:8px;border:0;background:var(--primary);font-size:16px;font-weight:700;color:var(--white);cursor:pointer;display:flex;align-items:center;transition:all .2s ease}.modify-ticket-modal-footer-button-confirm:hover{background:var(--primary-dark)}.modify_ticket_form_group #boardingPoint,.modify_ticket_form_group #droppingPoint{max-width:380px}.modify_ticket_form_group #boardingPoint .vscomp-toggle-button,.modify_ticket_form_group #droppingPoint .vscomp-toggle-button{padding:10px 12px;font-size:16px;border-width:1px;border-style:solid;border-top-color:var(--neutral-1);border-right-color:var(--neutral-1);border-bottom-color:var(--neutral-1);border-left-color:var(--neutral-1);border-radius:8px;outline:0;transition:border-color .3s;color:var(--black)}@media (max-width:768px){.modify_ticket_form_group_wrapper{flex-direction:column;width:100%}.modify_ticket_form_group{width:100%}.modify_ticket_form_group #boardingPoint,.modify_ticket_form_group #droppingPoint{max-width:100%}.pre-postpone-ticket-form-input-container{flex-wrap:wrap}.pre-postpone-ticket-form-input-wrapper input{width:90%}}