/*#over_window { position: fixed; display: none; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; outline: 0; } #bg { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; opacity: .5; } #window { position: relative; width: auto; margin: 10px; pointer-events: none; margin: 30px auto; max-width: 822px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: calc(100% - (1.75rem * 2)); transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out,-webkit-transform .3s ease-out; z-index: 1050; } #content { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.2); border-radius: 0; outline: 0; width: 100%; } #data { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 20px 25px; } #over_window #window #loading { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1030; } #over_window #window #loading #data { position: absolute; height: 65px; width: 65px; padding: 0; left: 50%; top: 50%; margin-top: -33px; margin-left: -33px; } #status_bar { padding: 15px 15px 0 15px; } #status_bar .warning { color: red; font-size: 13px; text-transform: uppercase; } #over_window #window form .error { border-color: red !important; } .btn-close { background: #eee; border: 0; color: #b0b0b0; cursor: pointer; font-size: 9px; padding: 5px 8px; text-transform: uppercase; letter-spacing: 1px; position: absolute; top: 7px; right: 7px; opacity: 1; text-shadow: none; z-index: 1050; cursor: pointer; } .btn-close:hover, .btn-close:focus { background: #236eaf; color: #ffffff; } .formbox { padding-left: 15px; } .formbox .modalTitle { font-size: 13px; font-weight: 300; color: #236eaf; padding: 0 50px 13px 4px; margin-bottom: 1rem; text-transform: uppercase; border-bottom: solid 1px #eee; letter-spacing: 1px; } .formbox .form-group label { display: block; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; } .formbox .form-group .form-control { border-radius: 0; border: solid 1px #eee; display: inline-block; font-size: 12px; min-height: 40px; letter-spacing: 1px; } .formbox .form-group textarea.form-control { min-height: 100px; } .formbox .form-action .btn { text-transform: uppercase; display: inline-block; cursor: pointer; box-shadow: 3px 4px 4px #eee; cursor: pointer; } .popup-form-image { overflow: hidden; position: relative; } .popup-form-image img { min-width: 100%; min-height: 100%; max-width: none; max-height: none; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); }*/ #over_window #window { margin-top: 0; margin-bottom: 0; } .formbox { padding-left: 0; } .booking-box { font-family: 'Open Sans', sans-serif; font-size: 13px; color: #333333; padding: 30px 0; } .booking-box .modalTitle { font-size: 13px; font-weight: 500; color: #236eaf; padding: 15px 0 13px 4px; margin-bottom: 1rem; text-transform: uppercase; border-bottom: solid 1px #eee; letter-spacing: 1px; } .booking-box .modalTitle2 { font-size: 15px; font-weight: 500; color: #236eaf; padding-bottom: 13px; margin-bottom: 0; text-transform: uppercase; letter-spacing: 1px; } .booking-box .description a { color: #499ce4; } .border-vertical { position: absolute; border-right: solid 1px #dcdcdc; right: 0; top: 0; width: 1px; height: 100%; } .booking-box .booking-step-right-one .content { padding-bottom: 7px; margin-bottom: 7px; } .booking-box .booking-step-right-one .content:after { background-color: #eee; height: 1px; content: ''; width: 92%; margin: 0 4%; position: relative; top: 7px; } .booking-box .booking-step-right-one .content .title { color: #9f9f9f; } .booking-box .confirm-content { position: relative; padding-left: 25px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: solid 1px #eee; } .booking-box .confirm-content:last-child { border: none; } .booking-box .confirm-content .custom-form-checkbox { position: absolute; width: 13px; height: 13px; background-color: #dedede; left: 0; top: 4px; cursor: pointer; } .booking-box .confirm-content .custom-form-checked { background-color: #499ce4; } .booking-box .confirm-content .cform { left: 0 !important; width: 13px; height: 13px; top: 4px; cursor: pointer; } .booking-box .buttons .btn { cursor: pointer; } .booking-form-3 { padding-left: 0; } .booking-form-3 .form-item { font-size: 15px; min-height: 40px; font-family: 'Gotham', sans-serif; font-weight: normal; letter-spacing: 1px; } .form-radio .form-items { position: relative; } .form-radio .custom-form-radio, .form-radio .gender-style { width: 94px; height: 40px; border: solid 1px #dedede; display: block; font-size: 14px; color: #929292; font-family: 'Gotham', sans-serif; font-weight: normal; cursor: pointer; text-align: center; line-height: 40px; transition: .3s color ease-in-out,.3s background-color ease-in-out,.3s border-color ease-in-out; } .form-radio .custom-form-checked, .form-radio .custom-form-radio:active, .form-radio .custom-form-radio:focus, .form-radio .custom-form-radio:hover { border-color: #499ce4; color: #499ce4; } .form-radio .male .custom-form-radio:before { content: 'Male'; width: 94px; height: 40px; } .form-radio .female .custom-form-radio:before { content: 'Female'; width: 94px; height: 40px; } .formbox label span { color: #9f9f9f; } .coursefull { padding: 50px; text-align: center; text-transform: uppercase; } .coursefull .title { text-transform: upper-alpha; font-size: 16px; font-weight: 600; color: #499ce4; } .booking-finish { padding-top: 20px; padding-bottom: 20px; } .payment-process .content { padding: 30px 15px; font-family: 'Open Sans', sans-serif; } .payment-process .content .title { color: #b8b8b8; font-size: 13px; margin-bottom: 12px; } .payment-process .content .bookingid { font-weight: bold; font-size: 13px; margin-bottom: 18px; } .payment-process .content .bookingdetail { margin-bottom: 30px; } .payment-process .content .bookingdetail a { font-weight: 400; font-size: 11px; color: #3d99e9; text-decoration: underline; text-transform: uppercase; } .almost-finish { padding-top: 0; } .booking-form-3 .pr-0 { padding-right: 15px !important; } .inner-course .booking-step-two .confirmright { padding-left: 15px !important; } @media (max-width: 1366px) { .booking-box { padding-top: 0; padding-bottom: 15px; } } @media (max-width: 768px) { #over_window #window { margin: 0 15px; } .booking-box { padding: 0; } .booking-box .booking-step-right-one { padding-left: 15px !important; } .border-vertical { top: auto; bottom: 0; width: 92%; height: 1px; margin: 0 4%; left: 0; right: auto; } .booking-box .online-booking { padding-right: 15px !important; padding-bottom: 1.5rem !important; margin-bottom: 1.5rem !important; } .booking-box .booking-step-right-one .content .info, .booking-box .booking-step-right-one .content .title { width: 50%; } } @media only screen and (max-width:960px) { #over_window { max-height: 100%; overflow-y: auto; } #page-top #over_window #window { top: 0 !important; } } /* NEW POLSOURCING TO MOVE **/ .carousel-controls .control .button { display: flex; } .carousel-controls .control .button .btn-clear { margin: 0 5px; } .modal-dialog.modal-black { border: 0; max-width: 1200px; } .modal-dialog.modal-black .modal-content { border: 0; background: transparent; } .modal-dialog.modal-black .btn-close { background: none; color: #ffffff; font-size: 22px !important; } #video-iframe { max-width: 100%; max-height: 100%; } .video.btn-clear:focus { background-color: transparent !important; border-color: white !important; box-shadow: none !important; } #modal_location_popup .modal-dialog { max-width: 450px; } #modal_location_popup .modal-dialog .modal-body { background: url('/img/bwborder.png') repeat-x bottom left; padding-bottom: 30px; } .destination-bg img { visibility: hidden; } .destination-bg { background-repeat: no-repeat; background-size: cover; } #crew-profile-preferences .list_tick { color: #9da2a5; } #crew-profile-preferences .list_tick.checked { color: #212529; font-weight: bold; } #over_window.disable-close #window #content .btn-close { display: none !important; } .headSubTitle.no-bottom-line { border-bottom: 0 !important; padding-bottom: 0 !important; margin-bottom: 0 !important; } .headSubTitle-bottom-line { border-bottom: 1px solid #e8e8e8; margin-bottom: 10px; padding-bottom: 10px; } .select2-container--default .select2-selection--multiple { border: solid 1px #eee !important; color: #495057 !important; border-radius: 0 !important; padding: 4px .75rem; line-height: 1.5; font-size: 12px; } .btn-apply-gray, .btn-apply-gray:hover { background: #e0e0e0 !important; color: #7e7e7e !important;; border-color: #d8d8d8 !important;; } #over_window.terms #btn_close { display: none !important; } .yachtInner .container-fluid .yachtSpecifications .yachtitle { font-size: 22px; } .yachtInner .container-fluid .yachtCost .yachtitle { font-size: 22px; } .yacht-description-separate { color: #e2e2e2; font-size: 14px; } .inner-yacht-newv2 .yachtInner-dataHeader .headwrap .headprice .price { color: #003872; font-size: 16px; } .yachtInner .container-fluid .yachtCost .yachtprice.season-price { font-size: 16px; color: #666; } /*** Club Account Menu ***/ .dashboard-redux #wrapper #sidebar-wrapper .sidebar-inner .dashboard-nav.training-account li.scholarship-application { background-image: url(/img/DBR/dashIcon12.svg); } @media (max-width:768px) { .dashboard-redux #wrapper.toggled #sidebar-wrapper { display: none; } .dashboard-redux #wrapper #page-content-wrapper .dashboard-header .btn-dash-toggle { position: absolute; top: 25px; right: 25px; } } @media (min-width:768px) { .dashboard-redux #wrapper #page-content-wrapper .dashboard-header .btn-dash-toggle { display: none; } }