@font-face {
	font-family: 'TempoStdHv';
	src: url(../../Font/tempostdhv/tempostdhv.otf) format('opentype');
	font-weight: bold;
}

* {
	margin: 0;
	padding: 0;
}

.w75 {
	width: 75%;
}

.w90 {
	width: 90%;
}

.mt-24 {
	margin-top: 24px !important;
}

p {
	margin: 0;
}

label:empty {
	display: none;
}

.banner img {
	width: 100% !important;
}

.clsHide {
	display: none !important;
}

.text-danger {
	color: #DC1125 !important;
}

.bannerContent {
	width: 872px;
	padding: 0px;
}

.mainHeading {
	font-family: 'TempoStdHv';
	font-style: normal;
	font-weight: 900;
	font-size: 34px;
	line-height: 38px;
	text-transform: uppercase;
	color: #10559A;
	margin-top: 40px;
}

.heading {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	color: #464646;
	margin-bottom: 24px;
}

.contentInfo {
	font-family: 'Open Sans';
	font-style: normal;
	font-size: 16px;
	line-height: 20px;
	color: #464646;
	margin-top: 16px;
}

h2.contentInfo {
	font-weight: 700;
}


.d-desktop .mainContent {
	display: inline-flex;
	margin-top: 40px;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 24px;
}

.d-mobile .mainContent {
	display: flex;
	align-items: center;
	gap: 16px;
	align-self: stretch;
	margin-top: 24px;
}

	.d-desktop .mainContent .mainHeading, .d-mobile .mainContent .mainHeading {
		margin-top: 0px;
	}

.d-desktop .mainContent .contentInfo, .d-mobile .contentInfo {
	font-family: Open Sans;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px;
	margin-top: 8px;
	margin-bottom: 16px;
}

.d-mobile {
	display: none;
}
.informationData {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	color: #464646;
	margin: 0;
	margin-top: 8px;
}

ol.informationData li {
	margin-top: 16px;
}

ol.informationData li, .mandatoryMsg {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 16px;
	color: #464646;
}

ol.informationData li:not(:first-child) {
	margin-top: 8px
}

.mandatoryMsg {
	text-align: right;
	margin-bottom: 8px;
}

.bannerContent ul {
	padding-left: 0px;
}

.bannerContent ul li {
	margin-top: 4px;
	margin-left: 45px;
}

.link {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	text-decoration: underline !important;
	color: #10559A !important;
}


p.line {
	margin: 24px 0 !important;
	display: inline-block !important;
	width: 100%;
	border-top: 1px solid #CBC9C9;
}

.col-form-label {
	display: block;
	padding: 0px;
	margin-bottom: 4px;
	margin-top: 16px;
}

.col-form-label, .form-check-label {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 16px;
	color: #464646;
}

label.form-check-label {
	font-size: 14px;
	line-height: 18px;
	width: fit-content;
}

.radioButtonGroup .col-form-label {
	margin-top: 24px;
	margin-bottom: 0px;
}
.checkboxListWithOther .col-form-label {
	margin-top: 24px;
	margin-bottom: 16px;
}

.form-check-inline {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
}


.checkbox input[type=checkbox], .radioButtonGroup input[type=radio] {
	-webkit-appearance: none;
	appearance: none;
	width: 24px;
	height: 24px;
	border: 0;
	background-color: white;
}

.radioButtonGroup input[type=radio] {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="11.5" fill="white" stroke="%23928B8B"/></svg>');
}

.radioButtonGroup input[type=radio]:checked {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="11.5" fill="white" stroke="%23928B8B"/><circle cx="12" cy="12" r="7.5" fill="%2310559A"/></svg>');
}

.radioButtonGroup input[type=radio]:disabled {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="11.5" fill="%23ECECEC" stroke="%23928B8B"/></svg>');
}


.checkbox {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom:8px;
}

.checkbox .col-form-label {
	margin: 0;
	padding: 0;
}

.checkbox input[type=checkbox]:checked {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><rect width="24" height="24" rx="2" fill="%2310559A"/><path d="M16.0713 8.07806L10.2296 13.9198L8.08309 11.7733C7.97902 11.6693 7.81028 11.6693 7.70619 11.7733L7.07805 12.4015C6.97398 12.5055 6.97398 12.6743 7.07805 12.7784L10.0411 15.7414C10.1452 15.8455 10.3139 15.8455 10.418 15.7414L17.0763 9.08308C17.1804 8.97903 17.1804 8.81028 17.0763 8.7062L16.4482 8.07806C16.3441 7.97398 16.1754 7.97398 16.0713 8.07806Z" fill="white"/></svg>');
}

.checkbox input[type=checkbox] {
	min-width: 24px;
	background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="23" height="23" rx="1.5" fill="white"/><rect x="0.5" y="0.5" width="23" height="23" rx="1.5" stroke="%23928B8B"/></svg>')
}

.checkbox input[type=checkbox]:disabled {
	background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="23" height="23" rx="1.5" fill="%23ECECEC"/><rect x="0.5" y="0.5" width="23" height="23" rx="1.5" stroke="%23928B8B"/></svg>');
}


textarea.form-control, [type='text'].form-control, [type='tel'].form-control, [type='number'].form-control, [type='email'].form-control, input[type=file], .form-control {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 18px;
	color: #464646;
	padding: 8px 16px;
	background: #FFFFFF;
	border: 1px solid #928B8B;
	border-radius: 8px;
	height: 48px;
}

input[type='date'] {
	color: #464646;
}
input[type="date"]::-webkit-calendar-picker-indicator {
	background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path id="Vector" d="M13.5 2H12V0.375C12 0.16875 11.8313 0 11.625 0H10.375C10.1687 0 10 0.16875 10 0.375V2H6V0.375C6 0.16875 5.83125 0 5.625 0H4.375C4.16875 0 4 0.16875 4 0.375V2H2.5C1.67188 2 1 2.67188 1 3.5V14.5C1 15.3281 1.67188 16 2.5 16H13.5C14.3281 16 15 15.3281 15 14.5V3.5C15 2.67188 14.3281 2 13.5 2ZM13.3125 14.5H2.6875C2.58438 14.5 2.5 14.4156 2.5 14.3125V5H13.5V14.3125C13.5 14.4156 13.4156 14.5 13.3125 14.5Z" fill="%2310559A"/>%20</svg>');
}


.form-select {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	color: #464646;
	border: 1px solid #928B8B;
	height: 48px;
	border-radius: 8px;
	padding: 12px 16px;
	background-image: url('data:image/svg+xml,<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path id="Vector" d="M9.22276 11.6817L0.321959 2.88158C-0.10732 2.45716 -0.10732 1.76907 0.321959 1.34469L1.36009 0.318305C1.78864 -0.105391 2.48319 -0.106207 2.91274 0.316494L10 7.29075L17.0873 0.316494C17.5168 -0.106207 18.2114 -0.105391 18.6399 0.318305L19.678 1.34469C20.1073 1.76912 20.1073 2.45721 19.678 2.88158L10.7773 11.6817C10.348 12.1061 9.65204 12.1061 9.22276 11.6817Z" fill="%2310559A"/>%20</svg>');
	background-position: right 16px bottom 16px;
}

.form-container input.form-control:focus, .form-container textarea.form-control:focus, .form-select:focus {
	color: #464646;
	border: 1px solid #009EB3;
	box-shadow: none;
	outline: none;
}

.multiBoxLabel {
	position: absolute;
}

.form-check {
	margin-top: 16px;
	margin-bottom: 0px;
}

textarea.form-control {
	min-height: 95px;
}

input[type=file] {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 18px;
	color: #464646;
	padding: 0px 16px 0px 0px;
	background: #FFFFFF;
	border: 1px solid #928B8B;
	border-radius: 8px;
	height: 48px;
	margin-bottom: 0px;
	margin-top: 16px;
}

.removeIcon {
	width: 36px;
	height: 44px;
	float: right;
	margin-top: -45px;
	margin-right: 8px;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	background-color: #fff;
}

[type="file"]::-webkit-file-upload-button {
	font-family: 'TempoStd';
	background: #fff;
	border: 2px solid #10559A;
	border-radius: 7px 8px 8px 7px;
	color: #10559A;
	cursor: pointer;
	font-size: 18px;
	outline: none;
	text-transform: uppercase;
	padding: 14px 24px 11px 24px;
	margin: 0px 16px 0px 0px;
}


[type="file"]:hover:not(:disabled):not([readonly])::file-selector-button, [type="file"]:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
	background-color: #0E4883;
	border: 2px solid #0E4883;
	color: #FFFFFF;
}

.current, .remaining, .fileSizeInfo {
	font-size: 12px;
	line-height: 16px;
	margin-top: 4px;
	font-family: 'Open Sans';
	color: #464646;
	font-weight: 400;
}

.remaining, .fileSizeInfo {
	margin-top: 16px;
}

	.current span, .remaining span, .fileSizeInfo span {
		font-weight: 700;
	}

.blueButton {
	border-color: #10559A;
	padding: 16px 24px;
	background: #10559A;
	border-radius: 4px;
	font-family: 'TempoStdHv';
	font-style: normal;
	font-weight: 800;
	font-size: 18px;
	line-height: 18px;
	text-align: center;
	height: 48px;
	text-transform: uppercase;
	color: #FFFFFF;
	margin: 32px 0px 16px 0px;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
}


.blueButton:hover {
	border-color: #0E4883;
	background: #0E4883;
	font-family: 'TempoStdHv';
	color: #FFFFFF;
}


.blueButton:focus {
	border-color: #0B3C6C;
	background: #0B3C6C;
	font-family: 'TempoStdHv';
	color: #FFFFFF;
}

.successMessage {
	font-family: Open Sans;
	font-size: 16px;
	font-style: normal;
	margin: 20px 0px;
	text-align: center;
	font-weight: 700;
	line-height: 20px;
}

.inclusionArea {
	margin-left: 20px;
}
/*Validation Css*/
.field-validation-error {
	display: block;
	color: #DC1125 !important;
	margin-top: 4px;
	font-family: 'Open Sans';
	font-size: 12px;
	line-height: 16px;
}

.errorMsg, .remainingErrorMsg p{
	margin-top: 4px;
	font-family: 'Open Sans';
	font-size: 12px;
	line-height: 16px;
}

.radioButtonGroup + .field-validation-error, .customUA .errorMsg {
	margin-top: 8px;
}


.validation-summary-errors {
	text-align: center;
	color: #DC1125 !important;
	margin-top: 4px;
	font-family: 'Open Sans';
	font-size: 12px;
	line-height: 16px;
}

	.validation-summary-errors ul li {
		list-style: none;
	}

.spanText {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	font-size: 12px;
	line-height: 16px;
	color: #464646;
	display: block;
	margin-top: 4px;
}

.columnText {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0px 8px
}

.checked {
	padding: 0px 3px;
	background-color: transparent;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="6" height="6" viewBox="0 0 6 6"><path d="M5.8408 3.91515L4.02275 3L5.8408 2.08485C5.99159 2.00895 6.04485 1.83425 5.95883 1.6977L5.70979 1.30229C5.62378 1.16573 5.43211 1.12066 5.285 1.20241L3.51137 2.1881L3.5558 0.287273C3.55948 0.129621 3.42108 0 3.24904 0H2.75096C2.57894 0 2.44052 0.129621 2.44421 0.287273L2.48863 2.1881L0.714995 1.20243C0.567899 1.12068 0.376224 1.16575 0.290211 1.3023L0.0411724 1.69771C-0.0448405 1.83427 0.00841901 2.00896 0.15921 2.08486L1.97725 3L0.159197 3.91515C0.00840624 3.99105 -0.0448532 4.16575 0.0411724 4.3023L0.290211 4.69771C0.376224 4.83427 0.567899 4.87934 0.714995 4.79759L2.48863 3.8119L2.4442 5.71273C2.44052 5.87038 2.57894 6 2.75096 6H3.24905C3.42108 6 3.55949 5.87038 3.55581 5.71273L3.51137 3.8119L5.285 4.79757C5.4321 4.87932 5.62378 4.83425 5.70979 4.6977L5.95883 4.30229C6.04484 4.16573 5.99159 3.99105 5.8408 3.91515Z" fill="%23DC1125"/></svg>');
	background-repeat: no-repeat;
	background-position: right top;
}


/* #divMultiNumber { */
/* margin-bottom: 16px; */
/* } */

#divMultiNumber .form-control {
	width: 60px;
	margin-bottom: 0px;
}

.compPrice .cPrice.form-control, .compPrice .aPrice.form-control {
	width: 100%;
	text-indent: 8px;
}

.priceField {
	position: relative;
}

	.priceField::before {
		content: "$";
		position: absolute;
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 700;
		font-size: 14px;
		line-height: 18px;
		color: #464646;
		left: 30px;
		top: 51px;
	}

.form-container .col-sm-6 {
	padding: 0px;
	width: 648px;
}
/*For XXL Screen Size*/
@media only screen and (min-width: 1400px) {
	.banner, form .form-container {
		margin: 0px 40px;
	}

	.form-container .col-sm-6 {
		width: 648px;
	}
	h2.heading {
		font-size: 24px;
		line-height: 28px;
	}
}
/*For XL Screen Size*/
@media (min-width: 1200px) and (max-width: 1399px) {

	.banner, form .form-container {
		margin: 0px 30px;
	}

	.bannerContent {
		width: 752px;
	}

	.form-container .col-sm-6 {
		width: 558px;
	}
	h2.heading {
		font-size: 24px;
		line-height: 28px;
	}
}
/*For L Screen Size*/
@media (min-width: 992px) and (max-width: 1199px) {

	.banner, form .form-container {
		margin: 0px 16px;
	}


	.bannerContent, .form-container .col-sm-6 {
		width: 632px;
	}

	h2.heading {
		font-size: 24px;
		line-height: 28px;
	}
}
/*For M Screen Size*/
@media (min-width: 768px) and (max-width: 991px) {

	.banner, form .form-container {
		margin: 0px 24px;
	}

	.bannerContent, .form-container .col-sm-6 {
		/* width: 720px; */
		width: 100%;
	}

	.heading {
		font-size: 18px;
		line-height: 22px;
	}

	h2.heading {
		font-size: 24px;
		line-height: 28px;
	}
	/*.blueButton {
		width: 100%;
	}*/
	.d-desktop {
		display: none;
	}

	.d-mobile {
		display: block;
	}
}



/*For S Screen Size*/
@media (min-width: 576px) and (max-width: 767px) {

	.banner, form .form-container {
		margin: 0px 20px;
	}

	.bannerContent, .form-container .col-sm-6 {
		/* width: 536px; */
		width: 100%;
	}

	.heading {
		font-size: 18px;
		line-height: 22px;
	}

	h2.heading {
		font-size: 22px;
		line-height: 26px;
	}

	/*.blueButton {
		width: 100%;
	}*/
	.mandatoryMsg {
		margin-bottom: 16px;
	}

	.d-desktop {
		display: none;
	}

	.d-mobile {
		display: block;
	}
}

/*For XS Screen Size*/
@media (max-width: 575px) {

	.banner, form .form-container {
		margin: 0px 16px;
	}

	.mainHeading {
		margin-top: 24px;
		font-size: 24px;
		line-height: 28px;
	}

	.bannerContent, .form-container .col-sm-6 {
		/* width: 343px; */
		width: 100%;
	}

	.heading {
		font-size: 18px;
		line-height: 22px;
	}

	h2.heading {
		font-size: 22px;
		line-height: 26px;
	}

	.blueButton {
		width: 100%;
	}

	.mandatoryMsg {
		margin-bottom: 16px;
	}
	.d-desktop {
		display: none;
	}

	.d-mobile {
		display: block;
	}
}

.divErrorModal {
	position: relative;
	border: none;
	background: rgb(255, 255, 255);
	overflow: auto;
	border-radius: var(--spacing_token_xs);
	outline: none;
	padding: var(--spacing_token_2xl);
	box-shadow: rgba(0, 0, 0, 0.18) 0px 0px 6px;
	grid-column: 3 / span 8;
	display: none;
	z-index: 1000;
}

.divErrorModalHeading {
	border-bottom: 1px solid var(--silver);
	display: flex;
	justify-content: space-between;
	width: 100%;
	align-items: flex-start;
	height: fit-content;
}

	.divErrorModalHeading h1 {
		font-family: Tempo, TempoStd, Helvetica, Arial, sans-serif;
		text-transform: uppercase;
		font-style: normal;
		color: #10559a;
		padding-bottom: var(--spacing_token_m);
		font-size: 34px;
		font-weight: 900;
		line-height: 38px;
	}

.error_modal_close-btn {
	margin-top: 5px;
	border-radius: var(--border-radius-s);
	display: flex;
	cursor: pointer;
	border: 0px;
	appearance: none;
	background: none;
	padding: 0px;
	margin: 0px;
}

.error-modal-content {
	padding-top: var(--spacing_token_xs);
	padding-bottom: var(--spacing_token_s);
}

	.error-modal-content p {
		padding-top: var(--spacing_token_s);
		font-family: Open Sans, Helvetica, Arial, sans-serif;
		font-size: 14px;
		line-height: 18px;
	}

/* To make staterooms radio list vertically stacked in mobility form*/
#rdoStateroomType {
	display: flex;
	flex-direction: column;
	align-items: start;
}