/* CSS */


/******************** Low Rate Promise -formerly low rate guarantee CSS *********************/

.brgBanner {
	background-color: white;
	padding: 10px;
	xborder: 1px solid lightgrey;
	margin: 0 auto;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.SinglePropDetail .brgBanner {
	width: 100%;
	margin-bottom: 20px;
}

.brgContainer {
	display: flex;
	align-items: center;
	gap: 10px;
}

.SinglePropDetail .brgContainer {
	align-items: center;
}

.brgImageContainer {
	width: 50px;
	min-width: 50px;
	display: flex;
}

.brgImageContainer svg {
	width: 100%;
	height: auto;
}

.brgTitleContainer {
	width: 100%;
}

.brgTitleContainer .brgText {
	font-size: 16px;
	font-weight: 600;
	color: black;
	font-style: italic;
	line-height: 1;
	margin: 0 0 5px 0 !important;
}

.brgTitleContainer .brgSubtext {
	font-size: 16px;
	color: black;
	font-style: italic;
	line-height: 1;
	margin: 0;
}

.brgTitleContainer a {
	padding: 0 0 0 5px;
	font-size: 16px !important;
}

.CheckOutForm .brgTitleContainer a {
	display:flex;
}

.FinalConfirmation .brgTitleContainer a {
	text-decoration: none !important;
}

.CheckOutForm .brgBanner, .ConfirmationForm .brgBanner {
	width: 100%;
	padding: 10px !important;
	margin: 15px 0;
	border-radius: 4px;
	border: 1px solid lightgrey;
	box-shadow: none;
}

.CheckOutForm .brgContainer, .ConfirmationForm .brgContainer {
	align-items: center;
}

.CheckOutForm .brgSubtext, .ConfirmationForm .brgSubtext {
	margin: 0;
}

.CheckOutForm .brgImageContainer {
	width: 75px;
	min-width: 75px;
}

.ConfirmationForm .brgImageContainer {
	width: 50px;
	min-width: 50px;
}

.WBRateGuaranteeForm .brgLogoContainer {
	width: 150px;
	margin: 0 auto;
}

.WBRateGuaranteeForm .brgLogoContainer img {
	width: 100%;
}

.WBRateGuaranteeForm .brgSnippetContainer {
	padding: 20px 0 10px;
}


.WBRateGuaranteeForm .brgSnippetContainer p {
	text-align: center;
	font-style: italic;
	font-size: 20px;
	padding: 15px 0 0;
}

.ArnSubPage.WBRateGuaranteeForm {
	margin: 0px auto 70px;
}

.CheckOutForm .brgSubtext, .ConfirmationForm .brgSubtext {
	margin: 0 !important;
}

.ConfirmationForm .brgSubtext {
	line-height: 1.5;
}

@media screen and (max-width: 1000px) {
	.SearchHotels .brgTitleContainer {
		flex-direction: column;
		align-items: baseline;
	}
}

@media screen and (max-width: 800px) {

	.brgTitleContainer .brgText {
		margin: 0px 0 5px 0 !important;
	}

	.brgTitleContainer>a {
		margin: 0;
		padding: 0;
		font-size: 16px !important;
	}

	.brgTitleContainer .brgSubtext {
		margin: 0;
	}

	.brgBanner {
		width: 100%;
		box-shadow: none;
		padding: 5px 10px;

	}

	.brgContainer {
		align-items: flex-start;
		padding: 5px 0;
	}

	.SinglePropDetail .brgContainer {
		border-bottom: none;
	}

	.CheckOutForm .brgContainer, .ConfirmationForm .brgContainer {
		border-bottom: none;
		padding: 5px 10px;
	}

	.CheckOutForm .brgImageContainer, .ConfirmationForm .brgImageContainer {
		width: 50px;
		min-width: 50px;
	}

	.SinglePropDetail .brgBanner {
		margin-bottom: 5px;
	}
}

@media screen and (max-width: 500px) {
	.WBRateGuaranteeForm .brgLogoContainer {
		width: 120px;
	}
}

/***************** End Best Rate Gurantee CSS ********************/

/**************** CSS updates to Low Rate Promise formerly Best Rate Guarantee 1-2025 TS-1747 ****************/

.brgTitleContainer .lrpMessage {
    display: inline-flex;
    margin: 0;
    flex-wrap: wrap;
}

.brgTitleContainer span.boldunderlineLP {
	text-decoration: underline;
	font-weight: 600;
}

.brgContainer, .CheckOutForm .lrgTheme .brgContainer  {
    padding-top: 10px;
}

/* search hotels */
.SearchHotels .brgImageContainer, .SinglePropDetail .brgImageContainer {
    width: 50px;
    min-width: 50px;
    display: flex;
    margin: 0 0 15px;
}

@media screen and (max-width: 800px) {
    .brgBanner {
        padding: 10px 10px 0;
    }
	.brgContainer {
	    padding: 0;
	}
}

/*single prop only */

.SinglePropDetail .brgImageContainer {
    margin: 0 0 15px;
}

/* checkout page */

.CheckOutForm.lrgTheme .brgContainer {
    align-items: center;
}

.CheckOutForm .brgTitleContainer .brgText, 
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .brgTitleContainer .brgText {
    font-size: 16px;
	margin: 5px 0 5px !important;
}

.CheckOutForm .brgBanner {
    padding: 0 !important;
}

.CheckOutForm .brgImageContainer, 
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .brgImageContainer {
	width: 45px;
 	min-width: 45px;
	margin: 0 10px;
}

/* Low Rate Promise Form */

.ArnSubPage.WBRateGuaranteeForm h1 {
	font-size: 2em;
    margin: 10px auto;
    text-align: center;
}

.ArnSubPage.WBRateGuaranteeForm {
	padding: 15px;
}

.ArnSubPage.WBRateGuaranteeForm .brgContent ul, .ArnSubPage.WBRateGuaranteeForm .formDetails ul {
    list-style-type: none;
    padding-left: 0;
}

.ArnSubPage.WBRateGuaranteeForm .brgContent li::before, .ArnSubPage.WBRateGuaranteeForm .formDetails li::before {
    content: "\2022"; /* Unicode for a filled circle */
    font-weight: 800;
    color: black;
    margin: 0 15px 0;
}

.ArnSubPage.WBRateGuaranteeForm .formSubtext {
	text-align: center;
    font-size: 18px;
}

.ArnSubPage.WBRateGuaranteeForm .detailsPoints li {
	display: flex;
}

.CheckOutForm .totalsTable .lrpMessage,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .totalsTable .lrpMessage {
    display: inline;
    font-size: 15px;
    letter-spacing: .55px;
}

.WBRateGuaranteeForm2 .lrpMessage {
    display: none;
}

.CheckOutForm .totalsTable .brgTitleContainer a, 
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .brgTitleContainer a  {
    display: inline-block;
    margin-left: 0;
	padding: 0;
}

.CheckOutForm .brgTitleContainer, .
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .brgTitleContainer {
   margin: 0 2px 0;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .brgContainer a:link, 
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .brgContainer a:visited, 
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .brgContainer a:hover, 
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneBookingPage .brgContainer a:active {
    font-weight: 400;
    padding: 0;
}


.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .brgContainer {
	display: flex;
	align-items: center;
	gap: 10px;
	padding-top: 10px;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .brgTitleContainer {
	width: 100%;
}

/**************** end of CSS updates to Low Rate Promise formerly Best Rate Guarantee 1-2025 TS-1747 ****************/

/* create your account accountRight */


/*.WBLoginFormContainer.ArnSubPage .SSFormBody, .WBValidatedRegistrationFormContainer.ArnSubPage .SSFormBody {
    background-color: white;
    padding: 200px 50px 50px;
    max-width: 35%;
    xmargin: 97px 0 0;
    display: table-cell;
    vertical-align: top;
    width: 50%;
}

@media only screen and (min-width: 1000px) {
    #accountRight {
        width: 50%;
    }
}
@media screen and (max-width: 1400px) {
    #accountRight {
        height: 780px;
        min-height: 780px;
    }
}*/