main.booking-success-page-main { max-width: 950px; margin: 0 auto; padding: 0 20px; }

.booking-success-page-main-bg { background: #eff6fb; position: fixed; left: 0; top: 0; height: 100%; width: 100%; z-index: -1; }

.booking-success-page-header-section { padding: 40px 0; }
.booking-success-page-header-section .booking-success-header-wrapper { text-align: center; }

.booking-success-page-body-section { background: #FFF; border-radius: 6px; box-shadow: 0 5px 20px rgba(0,0,0,0.05); margin: 0px 0px 30px 0px; padding: 0px; overflow: hidden; }

.booking-success-page-body-section .booking-status-row.booking-status-successful { background: #2DB56F; }
.booking-success-page-body-section .booking-status-row.booking-status-failed { background: #b52d2d; }

.booking-success-page-body-section .booking-status-row .booking-status-wrapper { padding: 25px 0; text-align: center; }
.booking-success-page-body-section .booking-status-row .booking-status-wrapper .booking-status-text h5 { font-size: 17px; line-height: 23px; font-weight: 600; text-transform: uppercase; color: #FFF; margin: 0px; padding: 0px; letter-spacing: 0.5px; }
.booking-success-page-body-section .booking-status-row .booking-status-wrapper .booking-status-text h2 { font-size: 24px; line-height: 30px; font-weight: 800; text-transform: uppercase; color: #FFF; margin: 0px; padding: 0px; letter-spacing: 0.5px; }


.booking-success-page-body-section .customer-booking-infomation .booking-info-wrapper { border-bottom: 1px solid #e2e2e2; margin-bottom: 30px; padding-bottom: 35px; }
.booking-success-page-body-section .customer-booking-infomation .booking-info-wrapper h3 { margin: 0 0 20px 0; padding: 0; font-size: 25px; font-weight: 700; line-height: 35px; color: #111; }
.booking-success-page-body-section .customer-booking-infomation .booking-info-wrapper .booking-info-list { margin: 0; padding: 0; list-style-type: none; color: #111; font-size: 17px; letter-spacing: 0.2px; line-height: 25px; display: flex; flex-direction: column; }
.booking-success-page-body-section .customer-booking-infomation .booking-info-wrapper .booking-info-list li { margin: 10px 0px 0px 0px; padding: 0px; }
.booking-success-page-body-section .customer-booking-infomation .booking-info-wrapper .booking-info-list li:first-child { margin: 0px; }
.booking-success-page-body-section .booking-info-list dl { display: flex; flex-wrap: wrap; margin: 0px; padding: 0px; }
.booking-success-page-body-section .booking-info-list dl dt { width: 40%; text-align: left; margin: 0px; padding: 0px; font-weight: 600; }
.booking-success-page-body-section .booking-info-list dl dd { width: 60%; text-align: right; margin: 0px; padding: 0px; }


.booking-success-page-body-section .customer-booking-infomation .customer-info-wrapper { padding-bottom: 35px; }
.booking-success-page-body-section .customer-booking-infomation .customer-info-wrapper h3 { margin: 0 0 20px 0; padding: 0; font-size: 25px; font-weight: 700; line-height: 35px; color: #111; }
.booking-success-page-body-section .customer-booking-infomation .customer-info-wrapper .customer-info-list { margin: 0; padding: 0; list-style-type: none; color: #111; font-size: 17px; letter-spacing: 0.2px; line-height: 27px; display: flex; flex-direction: column; }
.booking-success-page-body-section .customer-booking-infomation .customer-info-wrapper .customer-info-list li { color: #111; margin: 5px 0px 0px 0px; padding: 0px; letter-spacing: 0.4px; }
.booking-success-page-body-section .customer-booking-infomation .customer-info-wrapper .customer-info-list li:first-child { margin: 0px; }
.booking-success-page-body-section .customer-booking-infomation .customer-info-wrapper .customer-info-list li a { color: #111; }
.booking-success-page-body-section .customer-booking-infomation .customer-info-wrapper .customer-info-list li a:hover { color: #b2861b; }


.booking-success-page-body-section .booking-infomation-row .booking-status-infomation-col { padding: 30px 30px 0px 30px; position: relative; }
.booking-success-page-body-section .booking-infomation-row .booking-status-infomation-col::before { content: ""; height: calc(100% - 60px); width: 1px; position: absolute; left: 0; top: 50%; background: #e2e2e2; transform: translate(0,-50%); }
.booking-success-page-body-section .booking-infomation-row .booking-status-infomation-col:first-child::before { display: none; }


.booking-success-page-body-section .booking-property-info-wrapper { /*border-bottom: 1px solid #e2e2e2;*/ margin-bottom: 30px; padding-bottom: 35px; }

.booking-success-page-body-section .booking-property-info-wrapper .booking-property-image { height: 250px; width: 100%; margin-bottom: 20px; position: relative; border-radius: 7px; overflow: hidden; background: #CCC; }
.booking-success-page-body-section .booking-property-info-wrapper .booking-property-image .property-image { position: absolute; height: 100%; width: 100%; background-size: cover; background-position: center; }
.booking-success-page-body-section .booking-property-info-wrapper .booking-property-image .property-image .see-listing-button { background: #fff; position: absolute; right: 15px; bottom: 15px; font-size: 15px; line-height: 20px; color: #111; font-weight: 600; padding: 8px 10px; border-radius: 4px; }
.booking-success-page-body-section .booking-property-info-wrapper .booking-property-image .property-image .see-listing-button:hover { text-decoration: none; background: #b2861b; color: #FFF; }

.booking-success-page-body-section .booking-property-info-wrapper .booking-property-name h2 { margin: 0 0 10px 0; padding: 0; font-size: 16px; font-weight: 700; line-height: 26px; color: #111; }
.booking-success-page-body-section .booking-property-info-wrapper .booking-property-name h2 a { color: #b2861b; text-decoration: none; }
.booking-success-page-body-section .booking-property-info-wrapper .booking-property-name h2 a:hover { color: #3FAFBC; text-decoration: none; }

.booking-success-page-body-section .booking-property-info-wrapper .booking-property-address { position: relative; padding-left: 35px; font-size: 17px; line-height: 25px; }
.booking-success-page-body-section .booking-property-info-wrapper .booking-property-address::before { content: "\f041"; font-family: fontawesome; position: absolute; left: 6px; top: 3px; font-size: 22px; color: #CCC; font-weight: normal; }

.booking-success-page-body-section .booking-property-info-wrapper h3 { margin: 0 0 20px 0; padding: 0; font-size: 25px; font-weight: 700; line-height: 35px; color: #111; }

.booking-success-page-body-section .booking-property-info-wrapper .booking-address-on-map { position: relative; padding-left: 35px; font-size: 17px; line-height: 25px; font-weight: 600; color: #111; margin-bottom: 0px; margin-top: 20px; }
.booking-success-page-body-section .booking-property-info-wrapper .booking-address-on-map a { color: #111; }
.booking-success-page-body-section .booking-property-info-wrapper .booking-address-on-map a:hover { color: #b2861b; } 

.booking-success-page-body-section .booking-property-info-wrapper .booking-address-on-map::before { content: "\f278"; font-family: fontawesome; position: absolute; left: 0; top: 0; font-size: 19px; color: #CCC; font-weight: normal; }


.booking-success-page-body-section .property-manager-info-wrapper { border-bottom: 1px solid #e2e2e2; margin-bottom: 30px; padding-bottom: 35px; }
.booking-success-page-body-section .property-manager-info-wrapper h3 { margin: 0 0 20px 0; padding: 0; font-size: 25px; font-weight: 700; line-height: 35px; color: #111; }
.booking-success-page-body-section .property-manager-info-wrapper .property-manager-info-list { margin: 0; padding: 0; list-style-type: none; color: #111; font-size: 18px; letter-spacing: 0.2px; line-height: 27px; display: flex; flex-direction: column; }
.booking-success-page-body-section .property-manager-info-wrapper .property-manager-info-list li { color: #111; margin: 5px 0px 0px 0px; padding: 0px; letter-spacing: 0.4px; }
.booking-success-page-body-section .property-manager-info-wrapper .property-manager-info-list li:first-child { margin: 0px; }
.booking-success-page-body-section .property-manager-info-wrapper .property-manager-info-list li a { color: #111; }
.booking-success-page-body-section .property-manager-info-wrapper .property-manager-info-list li a:hover { color: #b2861b; }


.booking-success-page-body-section .property-payment-info-wrapper { border-bottom: 0px solid #e2e2e2; margin-bottom: 0px; padding-bottom: 35px; }
.booking-success-page-body-section .property-payment-info-wrapper h3 { margin: 0 0 20px 0; padding: 0; font-size: 25px; font-weight: 700; line-height: 35px; color: #111; }
.booking-success-page-body-section .property-payment-info-wrapper .property-payment-info-list { margin: 0; padding: 0; list-style-type: none; color: #111; font-size: 20px; letter-spacing: 0.2px; line-height: 27px; display: flex; flex-direction: column; }
.booking-success-page-body-section .property-payment-info-wrapper .property-payment-info-list li { margin: 10px 0px 0px 0px; padding: 0px; }
.booking-success-page-body-section .property-payment-info-wrapper .property-payment-info-list li:first-child { margin: 0px; }
.booking-success-page-body-section .property-payment-info-wrapper .property-payment-info-list dl { display: flex; flex-wrap: wrap; margin: 0px; padding: 0px; }
.booking-success-page-body-section .property-payment-info-wrapper .property-payment-info-list dl dt { width: 40%; text-align: left; margin: 0px; padding: 0px; font-weight: 600; }
.booking-success-page-body-section .property-payment-info-wrapper .property-payment-info-list dl dd { width: 60%; text-align: right; margin: 0px; padding: 0px; }


.booking-success-page-footer-section { font-size: 15px; }

.col-md-12.booking-property-travel-guard {padding: 30px;border-top: 1px solid #e2e2e2;text-align: center;font-size: 15px;}
.booking-property-travel-guard .travel-guard-text {max-width: 430px;margin: 10px auto 0;color: #b2861b;}
.booking-property-travel-guard .travel-guard-text a {color: #b2861b;}


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

	.booking-success-page-body-section .booking-infomation-row .booking-status-infomation-col { padding: 0px; }
	.booking-success-page-body-section .booking-infomation-row .booking-status-infomation-col .customer-booking-infomation { padding: 30px 30px 0px 30px; }
	.booking-success-page-body-section .booking-infomation-row .booking-status-infomation-col .booking-property-infomation { padding: 30px; }
	.booking-success-page-body-section .booking-infomation-row .booking-status-infomation-col::before { display: none; }
	.booking-success-page-body-section .booking-infomation-row .booking-status-infomation-col:first-child { padding-bottom: 0px; }

}