.bookingform{width:100%;height:100%;flex:2}.flexItems{display:flex}.bookingRefContainer{display:flex;flex-direction:column;margin-bottom:0}.surnameContainer{align-self:flex-end;flex:1;margin-bottom:0}.submitContainer{margin-top:10px;text-align:center}.submitContainer .button{border:none!important}input:focus,textarea:focus{outline:none}.dateWrapper{display:flex;margin-top:10px}.departureDateContainer{display:flex;flex:1;flex-direction:column;margin-left:5px;position:relative}.departureLabel{padding-left:10px;text-transform:capitalize}.dateItems{display:flex}.dateItem{margin-left:5px;flex-basis:43%}.month{flex-basis:50%}.day{flex-basis:32%}.year{flex-basis:30%}.button{height:58px}.errorField{border:2px solid #b92d32!important}@media only screen and (max-width:600px){.bookingform{margin-top:20px}.surnameContainer{align-self:auto;margin-top:10px}.departureDateContainer{margin-top:18px;margin-left:0}.departureLabel{padding-left:0}.dateWrapper{flex-direction:column}.dateItem{margin-left:5px}}.DayPickerInput{position:relative;display:flex;flex-direction:column;flex-grow:1;width:100%}.DayPickerInput-Overlay{border-radius:3px;top:2px;flex-grow:1;width:100%}.DayPicker{flex-grow:1;width:100%}.DayPickerInput-Overlay .DayPicker{font-size:14px}.DayPicker-Month{width:100%}.departureDateContainer .inputCalendar{position:absolute;top:50%;right:25px;z-index:1;transform:translate(-50%,-50%)}.bookingform label{margin:0;padding:12px}.bookingDetails{margin-bottom:10px}.DayPicker{display:inline-block;font-size:1rem}.DayPicker-wrapper{position:relative;flex-direction:row;padding-bottom:1em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.DayPicker-Months{display:flex;flex-wrap:wrap;justify-content:center}.DayPicker-Month{display:table;margin:1em 1em 0;border-spacing:0;border-collapse:collapse;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.DayPicker-NavButton{position:absolute;top:1em;right:1.5em;left:auto;display:inline-block;margin-top:2px;width:1.25em;height:1.25em;background-position:50%;background-size:50%;background-repeat:no-repeat;color:#8b9898;cursor:pointer}.DayPicker-NavButton:hover{opacity:.8}.DayPicker-NavButton--prev{margin-right:1.5em;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAVVJREFUWAnN2G0KgjAYwPHpGfRkaZeqvgQaK+hY3SUHrk1YzNLay/OiEFp92I+/Mp2F2Mh2lLISWnflFjzH263RQjzMZ19wgs73ez0o1WmtW+dgA01VxrE3p6l2GLsnBy1VYQOtVSEH/atCCgqpQgKKqYIOiq2CBkqtggLKqQIKgqgCBjpJ2Y5CdJ+zrT9A7HHSTA1dxUdHgzCqJIEwq0SDsKsEg6iqBIEoq/wEcVRZBXFV+QJxV5mBtlDFB5VjYTaGZ2sf4R9PM7U9ZU+lLuaetPP/5Die3ToO1+u+MKtHs06qODB2zBnI/jBd4MPQm1VkY79Tb18gB+C62FdBFsZR6yeIo1YQiLJWMIiqVjQIu1YSCLNWFgijVjYIuhYYCKoWKAiiFgoopxYaKLUWOii2FgkophYp6F3r42W5A9s9OcgNvva8xQaysKXlFytoqdYmQH6tF3toSUo0INq9AAAAAElFTkSuQmCC")}.DayPicker-NavButton--next{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAXRJREFUWAnN119ugjAcwPHWzJ1gnmxzB/BBE0n24m4xfNkTaOL7wOtsl3AXMMb+Vjaa1BG00N8fSEibPpAP3xAKKs2yjzTPH9RAjhEo9WzPr/Vm8zgE0+gXATAxxuxtqeJ9t5tIwv5AtQAApsfT6TPdbp+kUBcgVwvO51KqVhMkXKsVJFXrOkigVhCIs1Y4iKlWZxB1rX4gwlpRIIpa8SDkWmggrFq4IIRaJKCYWnSgnrXIQV1r8YD+1Vrn+bReagysIFfLABRt31v8oBu1xEBttfRbltmfjgEcWh9snUS2kNdBK6WN1vrOWxObWsz+fjxevsxmB1GQDfINWiev83nhaoiB/CoOU438oPrhXS0WpQ9xc1ZQWxWHqUYe0I0qrKCQKjygDlXIQV2r0IF6ViEBxVTBBSFUQQNhVYkHIVeJAtkNsbQ7c1LtzP6FsObhb2rCKv7NBIGoq4SDmKoEgTirXAcJVGkFSVVpgoSrXICGUMUH/QBZNSUy5XWUhwAAAABJRU5ErkJggg==")}.DayPicker-NavButton--interactionDisabled{display:none}.DayPicker-Caption{display:table-caption;margin-bottom:.5em;padding:0 .5em;text-align:left}.DayPicker-Caption>div{font-weight:500;font-size:1.15em}.DayPicker-Weekdays{display:table-header-group;margin-top:1em}.DayPicker-WeekdaysRow{display:table-row}.DayPicker-Weekday{display:table-cell;padding:.5em;color:#8b9898;text-align:center;font-size:.875em}.DayPicker-Weekday abbr[title]{border-bottom:none;text-decoration:none}.DayPicker-Body{display:table-row-group}.DayPicker-Week{display:table-row}.DayPicker-Day{border-radius:50%;text-align:center}.DayPicker-Day,.DayPicker-WeekNumber{display:table-cell;padding:.5em;vertical-align:middle;cursor:pointer}.DayPicker-WeekNumber{min-width:1em;border-right:1px solid #eaecec;color:#8b9898;text-align:right;font-size:.75em}.DayPicker--interactionDisabled .DayPicker-Day{cursor:default}.DayPicker-Footer{padding-top:.5em}.DayPicker-TodayButton{border:none;background-color:transparent;background-image:none;box-shadow:none;color:#4a90e2;font-size:.875em;cursor:pointer}.DayPicker-Day--today{color:#d0021b;font-weight:700}.DayPicker-Day--outside{color:#8b9898;cursor:default}.DayPicker-Day--disabled{color:#dce0e0;cursor:default}.DayPicker-Day--sunday{background-color:#f7f8f8}.DayPicker-Day--sunday:not(.DayPicker-Day--today){color:#dce0e0}.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside){position:relative;background-color:#4a90e2;color:#f0f8ff}.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover{background-color:#51a0fa}.DayPicker:not(.DayPicker--interactionDisabled) .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover{background-color:#f0f8ff}.DayPickerInput{display:inline-block}.DayPickerInput-OverlayWrapper{position:relative}.DayPickerInput-Overlay{position:absolute;left:0;z-index:1;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.15)}.formContainer .DayPicker-Month{margin:50px 15px 10px;display:block}.formContainer .CalendarInput-monthyearform,.formContainer .DayPicker-Body,.formContainer .DayPicker-Weekdays{display:block}.formContainer .DayPicker-Week,.formContainer .DayPicker-WeekdaysRow{display:flex;justify-content:space-around}.formContainer .DayPicker-Day{flex-basis:30px}.formContainer .CalendarInput-monthyearform select{z-index:5;margin:0 15px}.DayPickerInput{position:relative;display:flex;flex-direction:column}.DayPicker,.DayPickerInput,.DayPickerInput-Overlay{flex-grow:1;width:100%}.DayPickerInput-Overlay .DayPicker{font-size:14px}.DayPicker-Month{width:100%}.bookingSummary{width:100%}.bookingSummaryWrapper{display:block;width:100%;height:auto}.bookingSummaryWrapper .text{line-height:18px}.bookingSummaryWrapper .summaryWrapper .age{font-size:12px;margin:0}.bookingSummaryWrapper .summaryWrapper .flight{margin:0}.bookingSummaryContainer{display:flex;flex-direction:column}.bookingSummaryContainer .summaryDetails{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-evenly}.bookingSummaryContainer .summaryDetails>div{padding:0 5px}.bookingSummaryWrapper .borderTop{border-top:1px solid;width:100%;margin:0 auto 14px}.bookingSummaryWrapper .paymentDetails .row{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;padding:0 20px}.bookingSummaryWrapper .paymentDetails .text{text-align:left;width:50%;margin:3px 0}.bookingSummaryWrapper .paymentDetails .text.amount{font-weight:700;text-align:right;width:50%}.bookingSummaryWrapper .paymentDetails .outstandingAmount{color:#a39485;font-weight:700;text-align:right}@media only screen and (min-width:320px) and (max-width:414px){.bookingSummaryWrapper .paymentDetails .text{width:60%}.bookingSummaryWrapper .paymentDetails .text.amount,.bookingSummaryWrapper .paymentDetails .text.outstandingAmount{width:40%}}.bookingSummary .actionsContainer{text-align:center;margin-top:15px}.bookingSummary .summaryButton{border-radius:5px;display:flex;font-weight:700;justify-content:space-between;margin-bottom:5px;padding:25px 18px;text-align:left;text-decoration:none;width:100%}.bookingSummary .summaryButton i{font-weight:400}.my_account_footer{margin-top:20px}@media only screen and (min-width:320px) and (max-width:768px){.bookingHide{display:none}.summaryDetails .text{margin-top:0}.bookingSummaryWrapper{height:auto;margin:0 0 10px}}@media only screen and (min-width:768px){.buttonContainer{display:flex}.bookingSummary .summaryButton{width:50%;margin:6px}.bookingSummaryContainer .summaryDetails{flex-direction:row}#block-marine-my-account-marine-my-account-booking-login{padding:65px}}.formContainer{display:flex;flex-direction:column;max-width:100%;justify-content:center;align-items:center;padding:40px 0;justify-content:end;align-items:end}.formContainerContent{width:100%;display:flex;flex-direction:row}.my-account-logout-wrapper a{font-size:14px}.my-account-container--header{text-align:center}.break{flex-basis:100%;height:0}.paymentTable{margin-bottom:none!important}.paymentTable td{background-color:#fff!important;border:none!important}.paymentInputField{width:175px;padding:8px 20px;margin:8px 0;box-sizing:border-box}.cardPaymentContainer{display:flex;flex-direction:column;justify-content:left;align-items:left;padding:35px 10px}.balanceContainer{background-color:#edece9;border-radius:4px;padding:10px 20px;width:200px;text-align:center}.balanceContainer .amount{margin-top:10px}.paymentDueDate{font-size:10px}.paymentComponent{max-height:500px;overflow-x:scroll}.paymentComponent .paymentRow{display:flex}.paymentComponent .tableItem{line-height:20px;padding:5px 0;width:100%;flex-direction:row;margin-left:20px}.paymentComponent th{height:50px}.paymentComponent .paymentHistoryRow .amount{text-align:right}.text{line-height:16px;margin:10px 0}.inline{display:inline}h3{margin:0 0 20px}.paymentContainer{width:66%}.leadPassengerContainer{margin-top:10px}.my_account--right-container{display:none}.my_account_footer .infoContainer{text-align:left}@media only screen and (min-width:320px) and (max-width:414px){.formContainer{padding:20px 0}.formContainer,.formContainerContent{flex-direction:column}.balanceContainer{width:100%}.bookingSummaryWrapper{margin-top:0;margin-left:0}.cardPaymentContainer{align-items:center;justify-content:center}}.block-marine-my-account{padding:40px 25px 0}@media only screen and (min-width:768px){.my-account-logout-wrapper a{font-size:16px}}@media only screen and (min-width:992px){.block-marine-my-account{padding:90px}.submitContainer button[type=submit]{float:left}.my_account{display:flex;justify-content:space-around;flex-flow:row wrap}.my_account--left-container{flex-basis:50%}.my_account--right-container{display:contents}.my_account--right-container .formContainerContent{border-radius:5px;box-shadow:0 0 10px #000;height:382px;margin-top:40px;padding:30px;width:315px}.my_account_footer{display:none}}@media only screen and (min-width:1600px){.my_account{margin:auto;max-width:1200px}}