.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:center;gap:12px;flex-wrap:wrap;white-space:nowrap}.ticket-details-header .action-section .modify-ticket-button{padding:8px 16px;border:none;font-size:14px;font-weight:500;background-color:var(--white);color:var(--primary);cursor:pointer;text-decoration:underline}@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:space-between}.ticket-details-header .action-section .modify-ticket-button{padding:8px 0px}}.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:8px}.modify-ticket-modal .modify-ticket-body .modify-ticket-tabs .modify-ticket-tab .tab-form-container input[type="radio"]:checked{background-color:var(--primary);border:5px solid 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:none;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:0px 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:0px 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"]{width:22px;height:22px;cursor:pointer}.cancel-ticket-modal-passenger-item-info input[type="checkbox"]:checked{background-color:var(--primary);border:5px solid var(--primary);outline:none}.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-passenger-info-footer{display:flex;justify-content:flex-end;padding:16px 0px}.ticket-modal-passenger-info-footer-button{padding:16px;background-color:var(--primary);color:var(--white);border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer}.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 0px 0px}.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{font-size:14px;font-weight:400;color:var(--white)}.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:0px 0px 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 0px}.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}.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:0px}.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:0px}.ticket-modal-passenger-info-footer-button{width:100%}}.pre-postpone-ticket-modal-content{display:flex;flex-direction:column;gap:16px}.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:none;outline:none;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:none;outline:none;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 0px 0px}.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:0px 0px 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:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer}.pre-postpone-ticket-modal-footer-button:hover{background-color:var(--primary-dark)}
