/** LAYOUT */
/* _RESERVATION_TIMEOUT */
/* _VOUCHER_ */

.checkout-section {
    margin-top: 20px;
	margin-bottom: 40px;
}
.active-step, .passive-step {
	font-size: 14px;
	font-weight: bold;
	color: #363b44;
}
.passive-step {
 	opacity: 0.5;
}
.fa-angle-right {
	opacity:0.5; 
	font-size:14px;
	padding:0 8px;
}
.checkout-first-step .reservation-summary {
    position: sticky;
    top: 0;
    align-self: baseline;
}
.room-detail-info {
	border-radius: 8px;
	border: solid 1px rgba(54, 59, 68, 0.1);
	background-color: #ffffff;
	margin-top: 40px;
}

.login-register-text {
  	background-color: rgba(255, 175, 131, 0.12);
  	border-radius: 22px;
  	padding:4px 24px 4px 4px;
  	display:flex;
  	justify-content: space-between;
  	align-items:center;
}
.login-register-text .register {
	margin-right: 1.5rem;
}
.signup-icon {
	display: flex;
	border-radius: 50%;
  	background-color: #ffaf83;
  	padding:11px;
  	width: 36px;
  	height: 36px;
  	color: #fff;
  	align-items: center;
    justify-content: center;
    font-size: 14px;
    margin-right: 12px;
}

.login-text {
	font-weight: 700;
	font-size: 14px;
	line-height: 19px;
	margin-left: 0px;
	padding-right: 20px;
}
.login-register-btn a{
	font-weight: 700 !important;
	font-size: 12px !important;
	line-height: 16px !important;
	text-decoration-line: underline !important;
}

.login-banner-wrapper{
	background: #FFFFFF;
	border: 1px solid #E5E5E5;
	box-sizing: border-box;
	border-radius: 8px;
	padding:32px;
	margin-bottom:24px;
}
.login-banner-wrapper .login-banner-title{
	font-weight: 600;
	font-size: 16px;
	line-height: 16px;
	margin-bottom: 16px;
}

.fill-contact-info {
	font-size: 24px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #363b44;
	padding-top:20px;
}

.info-desc {
/* 	font-family: 'Source Sans Pro', sans-serif; */
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.57;
	letter-spacing: normal;
	color: #363b44;
	padding:20px 0px;
}

.checkout-cards, .extra-packages {
	border-radius: 8px;
  	background-color: #fafafa;
  	height: auto;
}
html .checkout-second-step .reservation-button-group{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 40px;
}

html .checkout-second-step .reservation-button-group a,
html .checkout-second-step .reservation-button-group button.btn-primary{
    width: auto !important;
}

.payment-info-card {
    padding: 23px 25px;
    background: #FFFFFF;
    box-shadow: 0px 2px 4px rgb(0 0 0 / 5%);
    border-radius: 8px;
    margin: 16px 0;
}
.payment-info-card form{
	margin: 0px;
}

.payment-info-card .info-detail{
	padding-left: 15px;
}

.payment-info-card .info-detail .reservation-text{
	margin: 10px;
	color: #363B44;
	opacity: 0.7;
}

.contact-info-head, .accommodation-info-head, .reqs-notes-info-head, .payment-info-head, .receipt-info-head  {
	font-size: 14px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.14;
	letter-spacing: normal;
	color: #363b44;
    padding-left: 23px;
}
.roomCapacityText {
    padding: 0px 0px 10px 10px;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: #363b44;
}

.panel-body .accommodation {
    padding: 20px 0px;
}
.panel-body .accommodation:not(:last-child) {
    border-bottom: 2px solid #eaebec;
    border-bottom-style: dotted;
}

.payment-info-card .info-detail .p-2{
	padding: 0 0 0 0.5rem !important;
	margin-top: 20px;
}

.contact-number {
    display: flex;
    align-items: baseline;
}
.payment-info-card .contact-number .form-group {
    display: inline-block;
    width: -moz-fit-content;
    width: fit-content;
    margin-right: 10px;
}
.payment-info-card .contact-number .form-control{
    padding-left: 14px!important;
    padding-right: 26px;
    font-size: 14px;
    font-family: 'Nunito', sans-serif !important;
    height: 34px;
    background-position: top 9px right 6px;
}
#tb-cvc {
    max-width:90px;
	margin-left: 24px;
}

.reservation-detail-page #rooms .guests-inputs input[type="text"] {
    text-transform: capitalize;
}
.reservation-detail-page #tb-cvc{
	margin-left: 4px !important;
}
.control-label-cvc{
	margin-left: 36px !important;
}
.checkout-section.container .fa.fa-arrow-left.pr-1{
	font-size: 14px;
}
.panel-title span{
    font-size: 12px;
    font-weight: normal;
    line-height: 1.33;
    color: #363b44;
}
	
.btn-show, .btn-hide {
	width: 32px;
    height: 32px;
    opacity: 0.2;
    border: 1px solid #363b44;
    border-radius: 8px;
}

.checkout-cards {
    margin-top: 32px;
    padding: 32px;
}

.cards-header {
	font-weight: 600;
	font-size: 16px;
}
.checkout-cards-header .description {
	font-size: 14px;
}

.checkout-cards .fa-info-circle {
	color: #363B44;
	opacity: 0.2;
	margin-left: 5px;
}

.payment-info-head-description{
	font-size: 14px;
	opacity: 0.7;
	margin-bottom: 0px;
	padding-left: 23px
}
.panel-title {
    border-top: 1px solid #eaebec;
    border-top-style: dotted;
    padding: 30px 40px;
    cursor: pointer;
    position: relative;
}
.contact-info-head {
    border: none;
    padding: 30px 40px 10px;
}
.panel-body, .panel-contact {
    padding: 0 30px 30px;
}
.panel-title::after {
    content: "";
    color: #00c4ef;
    font-weight: bold;
    position: absolute;
    right: 26px;
    top: 22px;
    background: url("/resources/images/accordion-control-active.svg");
    width:32px;
    height:32px;
    background-size:cover;
}

.btn-plus-bg {
	background: url("/resources/images/accordion-control-active.svg");
}

.btn-minus-bg {
	background: url("/resources/images/accordion-control.svg");
}
.panel-title.active:after {
    background: url("/resources/images/accordion-control.svg");
}
.panel-body .contact-number .control-label {
    margin-bottom: 10px!important;
}
/* Form- Control START */

.form-control {
  border-radius: 6px!important;
  border: solid 1px rgba(54, 59, 68, 0.1)!important;
}
section.checkout-section label{
    display:block;
}
section.checkout-section label a{
    font-size: inherit;
}
.form-group:not(.error) input { 
    box-shadow:none;
}
.guest-name input, .panel-contact .contact-name input, .panel-contact .contact-surname input {
    text-transform: capitalize;
}
.form-select {
	border-radius: 6px!important;
    border: solid 1px rgba(54, 59, 68, 0.1)!important;
    background: #fff;
    height: 40px;
}
.form-text-area {
	border-radius: 6px;
	border: solid 1px rgba(54, 59, 68, 0.1);
	width: 100%; 
	resize: none; 
	box-sizing: border-box; 
	font-size:14px;
}
.labeled-select-area {
    position: relative;
}
.alert-bookResponse {
	display:none;
}
.payment-info-card .contact-number .fa-info-circle {
    margin-left: 4px;
    border-radius: 4px;
}
.payment-info-card .contact-number .question-mark{
	top: 52px !important;
	left: 70px !important;
}
/* Form-Control END */


.room-count-head {
	font-size: 14px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.14;
	letter-spacing: normal;
	color: #363b44;
	padding-left: 10px!important;
}

.special-reqs-desc {
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	color: #363b44;
	padding-left: 10px!important;
}

.transfer-packages, .safari-packages, .camel-packages {
	border-radius: 6px;
	border: solid 1px rgba(54, 59, 68, 0.1);
	background-color: rgba(255, 255, 255, 0.5);
	padding:15px;
}

.guest-count {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #363b44;
}

.packages-head {
	font-size: 14px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.29;
	letter-spacing: normal;
	color: #363b44;
}

.package-price {
	font-size: 16px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.38;
	letter-spacing: normal;
	color: #00c4ef;
}

.add-basket, .delete-basket {
	border-radius: 6px;
	border: solid 1px rgba(54, 59, 68, 0.1);
	background-color: rgba(255, 255, 255, 0.5);
	font-size: 12px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #00c4ef;
	padding:8px;
}

.selected-pkg {
	border-radius: 8px;
  	border: 3px solid rgb(0, 196, 239, 0.3);
}

.booking-checkbox {
	padding-left: 1.5rem!important;
}
@media (min-width:991px){
	.allow-rules {
		padding:24px 0 0 28px;
	}
}
@media (max-width:991px){
    .allow-rules {
        margin:24px 0 32px
    }
    .checkout-first-step .checkout-section .btn-preBook {
	    margin: 0 16px;
	    display: block;
	    width: -webkit-fill-available;
	}
}
.checkout-section .pl-3{
	display: flex;
	align-items: center;
	justify-content: center;
}

.back-step-btn {
	font-size: 16px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #00c4ef;
	padding-left: 40px;
}
.back-step-btn:hover{
	opacity:0.8;
	color: #00c4ef;
}
.hotel-name, .guest-name {
	font-size: 18px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #363b44;
}

.hotel-location {
	font-size: 12px;
	font-weight: bold;
	color: #363b44;
}
.hotel-style, .guest-info-summary, .hotel-checkin-out {
	padding: 24px;
}

.hotel-checkin-out .capacity-info, .reservation-success .room-content .capacity-info{
	font-size: 11px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #363b44;
    opacity: 0.8;
}


.guest-info-summary {
    border-bottom: solid 1px rgba(54, 59, 68, 0.2);
}
.checkout-first-step .booking-details {
    margin-top: 0px;
}
.checkout-first-step .hotel-info-bordered .booking-details {
    padding: 10px;
}
.checkout-first-step hr {
    width: 100%;
    margin: 0;
}
.booking-details {
    display: flex;
}
.reservation-success .booking-details {
    justify-content: end;
}
.booking-details .check {
	width: 50%;
}

.booking-details .check:last-child{
	margin-left: 16px;
}

.room-detail-info .booking-details .check:last-child,
.reservation-detail-page .booking-details .check:last-child{
	margin-left: 0;
}

.booking-details .checkout-div,
.booking-details .checkin-div{
	display: flex;
}
.booking-details .checkin-div .checkin,
.booking-details .checkout-div .checkout{
	margin-left: 5px;
}
.room-detail-info .booking-details .check:first-of-type{
	margin-right: 5px;
}
.reservation-detail-page .booking-details .check:first-of-type{
	margin-right: 0;
}
.reservation-detail-page .single-img img {
    min-height: 160px;
}
.reservation-detail-page .room-content h5{
	margin-bottom:0;
}
.booking-details img{
    width:16px;
    margin-right: 5px;
}
.calendar{
	width:16px;
	opacity:0.5;
}
.checkin, .checkout {
	font-size: 12px;
	font-weight: normal;
	color: rgba(54, 59, 68);
	display: block;
	text-align:left;
}
.checkin-date, .checkout-date {
	font-size: 14px;
	font-weight: bold;
	color: #363b44;
	padding-left: 8px;
}
.booking-details .checkin-date, 
.booking-details .checkout-date{
	padding-left: 25px;
}
.checkin-time, .checkout-time {
	font-size: 12px;
	color: rgba(54, 59, 68);
	display: block;
	font-weight: normal;
}

.checkout-first-step hr {
  width: 90%;
  margin: 0 auto;
}
.checkout-first-step .footer, .checkout-second-step .footer {
    display: none;
}
.room-details hr {
  width: inherit;
  margin-left: -10px;
  margin-right: -10px;
  position: relative;
}
.checkout-second-step .hotel-style {
  padding-bottom:0;
}
.checkout-second-step hr {
  margin-bottom:0;
}
.right-nav.hidden-mob {
    display:none;
}
.room-details hr:before, .room-details hr:after {
  content: "";
  width: 10px;
  height: 10px;
  top: -5px;
  display: inline-block;
  position: absolute;
  background: #fff;
  border-radius: 50%;
}
.room-details hr:before{
  left: -15px;
}
.room-details hr:after{
  right:-15px;
}
.room-details {
	background-color: #f7f7f7;
	border-radius: 4px;
	padding:20px 20px 0px;
	margin-top:20px;
}

.room-head {
	font-size: 14px;
	font-weight: bold;
	margin-bottom:10px;
}

.room-desc {
	font-size: 10px;
	font-weight: normal;
	color: #363b44;
}
.room-price-total{
	display: flex;
	justify-content: space-between;
	padding:10px 32px;
}
.room-price-total .bonus-price{
	color: #34D74E !important;
	font-size: 14px;
	width: 100%;
}
.room-price-total .bonus-price b{
	font-weight: 700;
	font-size: 14px;
	float: right;
}
.room-price-total .bonus-price img{
	width: 55px;
	vertical-align: middle;
	margin-right: 3px;
}
/* .checkout-first-step .btn-preBook {
    width: fit-content;
} */
.checkout-first-step .conditions li, .checkout-second-step .conditions li{
	display: flex;
    align-items: center;
}
.currencyChangeArea {
    font-weight: bold;
}
.reservation-success .currencyChangeArea {
    font-size: 14px;
    font-weight:normal;
}
.total-nights-guests{
  	padding: 0px;
}
.board-type {
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #363b44;
}

.non-border-opacity {
    border-radius: 4px;
	border: 1px solid rgba(253, 106, 106, .2);
	background-color: #fff;
	margin-top: -4px;
	padding: 6px 0 6px 12px !important;
	line-height: 16px;
}

.border-opacity {
    border-radius: 4px;
    border: solid 1px #34d74e;
    padding: 3px;
}
.reservation-summary .conditions .non-refundable, .reservation-summary .conditions .free-cancellation  {
    opacity:1;
    background: #fff;
    padding: 6px 8px!important;
    margin: 4px 0;
}
.free-cancelation {
    font-size: 12px;
    font-weight: bold;
    color: #34d74e;
}
.non-refundable {
    border-radius: 4px;
    border: solid 1px #f9e0df;
    color: #fd6a6a;
}
.partial-penalty-period + .non-refundable{
	border: 0 !important;
}

.free-cancelation-style {
	padding:10px 0px 10px 0px;
}
.non-border-opacity span {
	color: #fd6a6a;
}

.room-price-text {
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #363b44;
}

.room-price-currency {
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57;
  letter-spacing: normal;
  text-align: right;
  color: #ff5233;
}

.total-price-currency {
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.22;
  letter-spacing: normal;
  text-align: right;
  color: #ff5233;
  padding:0;
}

.total-nights-guests {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  color: #363b44;
}
.total-nights-guests span {
    font-weight: normal;
    float: right;
    color: #72757c;
}
.checkout-desc {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #363b44;
  padding:15px;
}
.login-register-btn{
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.login-register-btn > .login-text{
	margin: 0 8px;
}
.warn-desc {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
  color: #fd6a6a;
  padding:10px 0px;
}

.guest-email-tel {
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #363b44;
}

.guest-upd-btn {
	font-size: 14px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #ff5233;
	text-decoration:underline;
}

.confirm-res {
	bottom: 0;
    left: 0;
    position: fixed;
    height: 70px;
    width: 100%;
    background: #fff;
    box-shadow: 0 -5px 10px 0 rgba(0, 0, 0, 0.05);
    z-index:1;
}

.header-booking {
	display: block !important;
}

.screen-sm .header-booking {
	display: none !important;
}

.header-booking img {
    height: 24px;
}

.info-detail.contact .error-message {
	margin-top: 2px;
}
.allow-rules .error-message {
	margin-top: -6px;
}
.allow-rules a.callHotelModalAgreement:hover{
	color:#363b44;
}
.booking-checkbox.custom-control.custom-checkbox.error label.custom-control.custom-checkbox {
	display: inline-block;
}
.booking-checkbox.custom-control.custom-checkbox.error label.custom-control.custom-checkbox {
	width: 100%;
	border: solid 1px #FD6A6A;
	border-radius: 6px!important;
	min-height: 34px;
	padding: 6px 0px 0px 24px !important;
}
.booking-checkbox.custom-control.custom-checkbox.error label.custom-control.custom-checkbox:before {
	box-shadow: none;
	border-radius: 5px;
	border: solid 1px #00C4EF;
	background-color: #ffffff !important;
	width: 16px;
	height: 16px;
	content: "";
	display: inline-block;
	left: 4px;
	top: 6px !important;
	position: absolute;
}
.booking-checkbox.custom-control.custom-checkbox label.custom-control.custom-checkbox:before {
	content: '';
	position: absolute!important;
	background: transparent!important;
	top: 0;
	left: -1px;
	border: 1px solid #ccc!important;
	border-radius: 5px;
	padding: 8px;
	width: 16px;
	height: 16px;
}

.booking-checkbox.custom-control.custom-checkbox label.custom-control.custom-checkbox:after {
	left: 3px;
}


@media(max-width:767px){
    #form-guestInfo {
        overflow-x: hidden;
        overflow-y: scroll;
    }
	.checkout-first-step .container, .checkout-second-step .container  {
	    padding: 16px;
	}
	.contact-number .row {
	    margin: 0;
	}
	.contact-info-card, .accommodation-card-info, .requests-notes-card, .extra-cards, .payment-info-card {
	    padding: 10px;
	}
	.contact-number .form-group {
	    padding: 0;
	}
	.info-detail.contact .control-label {
	    margin-top: 10px;
	}
	.optionally span{
	    display: block;
	}
	.checkout-first-step .reservation-summary{
	    position:relative;
	}
	.checkout-first-step .room-detail-info{
		min-height:inherit;
	}
	.checkout-cards {
	    margin: 10px;
	}
	.panel-body {
	    padding: 0 6px 26px;
	}
	.panel-title{
		padding: 30px 15px 30px 15px;
	}
	.panel-title::after{
		right:15px;
	}
	.active-step, .fa-arrow-left {
		font-size: 18px;
		font-weight: bold;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.33;
		letter-spacing: normal;
		color: #363b44;
		border: none;
	}
	.mobile-guest-head {
	    padding-left: 10px;
	}
	.login-register-text .row{
		align-items: inherit;
	}
	.login-register-text {
		padding: 16px;
	}
	.light-icon {
		border-radius: 100%;
    	height: 40px;
	}
	.login-text {
		font-weight:normal;
	}
	.fill-contact-info {
		font-size:16px;
	}
	.info-desc {
		padding:10px 0px;
	}
	.booking-checkbox {
	    padding-left: .5rem!important;
	}
	.checkout-desc {
		padding:10px;
	}
	.checkin-date span, .checkout-date span{
		font-size:12px;
	    font-weight: normal;
	}
}
/* my reservations start */
.my-reservations {
    background-color: #f1f7fc!important;
}
.my-reservations hr.linear {
    padding: 0;
	border: 0px;
    margin: 64px 0 0 0;
}
#myReservationsApp{
	margin-bottom: 60px;
}
.my-reservations .banner h1 {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}
.my-reservations .banner p {
    font-size: 16px;
    text-align: center;
}
.my-reservations .filter {
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    margin-bottom: 30px;
    margin-top: 20px;
}
.my-reservations .filter li{
    padding:8px 16px;
    background:#fff;
    border-radius:16px;
    margin-left:16px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
    cursor: pointer;
}
.my-reservations .filter li:first-of-type{
    margin-left:0;

}
.my-reservations .filter .active{
	box-shadow: 0 5px 10px 0 #0000000c;
  	background-color: #ffffff;
  	opacity: 0.5;
}
.my-reservations .res-list .res-list-item{
	margin-bottom: 24px;
}
.my-reservations .res-list {
    min-height: 540px;
}
.my-reservations .res-list .not-found {
    margin: auto;
    font-size: 24px;
    text-align: center;
}
.my-reservations .res-list .not-found img {
    width: 100%;
    max-width: 250px;
    margin-bottom: 33px;
}
.my-reservations .res-list .item {
    background: #fff;
    border-radius: 8px;
    padding: 22px 44px;
	box-shadow: 0px 4px 16px rgb(0 0 0 / 5%);
	border-radius: 8px;
}
.my-reservations .res-list .closebtn{
	right: 1px;
	top: -11px;
}
.my-reservations .res-list .res-list-item .code-area{
	display: flex;
	justify-content: space-between;
	margin-bottom: 12px;
}
.my-reservations .res-list .res-list-item .code-area .code-area-item{
	font-size: 14px;
  	color: #9a9da1;
  	padding:0;
}

.my-reservations .res-list .res-list-item .code-area .code-area-item:last-of-type span {
	display: block;
}

.my-reservations .hotel-info {
	margin: 0 -15px;
	font-size:14px;
}
.my-reservations .hotel-info .hotel-info-item .hotel-info-title{
	font-size: 18px;
	font-weight: bold;
}
.my-reservations .destination .hotel-stars {
    margin-left: 8px;
}
.my-reservations .hotel-info .hotel-info-item .booking-date-box,
.my-reservations .hotel-info .hotel-info-item .booking-date-box .date-box-text{
	display: flex;
}
.my-reservations .hotel-info .hotel-info-item .booking-date-box{
	margin-right: 32px;
}
.my-reservations .hotel-info .hotel-info-item .booking-date-box:last-child{
	margin-right: 0;
}
.my-reservations .hotel-info .hotel-info-item .booking-date-box .date-box-text{
	flex-direction: column;
	margin-left: 8px;
	font-size: 14px;
	font-weight: bold;
	margin-top:2px;
}
.my-reservations .hotel-info .hotel-info-item .booking-date-box .date-box-text .date-day{
	font-size: 12px;
	font-weight: normal;
   	color: #72757c;	
}
.my-reservations .hotel-info .booking-date-item{
	display: flex;
}

.my-reservations .hotel-info .subject {
    font-size: 18px;
    font-weight: bold;
    margin: 0;
}
.my-reservations .destination {
    font-size: 12px;
    font-weight: bold;
}
.my-reservations .hotel-info .booking-details .check img {
    opacity: 0.2;
}
.my-reservations .res-list .item hr {
    border-top: 1px solid #ddd;
    border-top-style: dotted;
    margin: 24px -15px 10px;
}
.my-reservations .cta-area {
	justify-content: space-between;
    align-items: center;
}
.my-reservations .cta-area .cta-area-item{
	text-transform: capitalize;
}
html body .cta-area-item .badge-warning  {
    border-radius:14px;
    padding:8px 12px;
}
.my-reservations .cta-area .cta-area-item .cta-area-btn{
	display: flex;
	align-items: center;
	padding: 0;
	color: #33c1ea;
    font-size: 14px;
    font-weight: 600;
}
.my-reservations .show-details img {
    margin-right: 6px;
}
.my-reservations .cta-area button:hover {
	box-shadow:none;
    opacity: 0.8;
}
.my-reservations .cta-area .cta-area-item .cta-area-btn.res-cancel{
	color: #fd6a6a;
}

.my-reservations .cta-area .cta-area-item .cta-area-btn i{
	margin-right: 6px;
	font-size: 24px;
}

.my-reservations .cta-area .cta-area-item .select-alert{
	color: #34d74e;
	margin-top: 12px;
    display: block;
}

.my-reservations .cta-area .text-left .rate-us {
    font-size: 14px;
}
.my-reservations .cta-area .text-left .rate-us img {
    max-width: 24px;
}
.my-reservations .cta-area .text-right {
    font-size: 12px;
    display: block;
}
.my-reservations .text-right button, .my-reservations .text-right span {
    padding: .375rem .75rem;
}

.my-reservations .text-right .select-alert {
    color: #34d74e;
    font-size:12px;
    display: block;
}
.my-reservations .paymentCreditCardinfo,.my-reservations .paymentHotelinfo{
	display: flex;
	align-items: center;
}
.my-reservations .paymentHotelinfo span.info{
	width: 14px;
	height: 14px;
	border-radius: 50%;
	text-align: center;
	display: inline-block;
	line-height: 14px;
	border:1px solid #9a9da1;
	margin-right: 5px;
	color: #9a9da1;
	font-size: 10px;
}
.my-reservations .paymentCreditCardinfo span.check{
	width: 14px;
	height: 14px;
	border-radius: 50%;
	text-align: center;
	display: inline-block;
	line-height: 13px;
	border:1px solid #9a9da1;
	margin-right: 5px;
	color: #9a9da1;
	font-size: 10px;
	padding-left: 1px;
}
.my-reservations .paymentCreditCardinfo span.check i{
	font-size: 8px;
}

.row.container.res-details select{
    max-width: inherit;
    font-size: 14px;
    filter: grayscale(1);
    padding-left: 12px!important;
}
.row.container.res-details .arrival-clock select {
    max-width: 328px;
}
.res-hotel a, .reservation-conditions a, button.res-hide, button.ask-question, button.info-print, .top-info-section button.add-room{
    color: #33c1ea;
    font-size:14px;
    border:none;
}
.top-info-section button.add-room{
	border: none !important;
    padding: 1px 6px !important;
    width: auto !important;
}

.top-info ul li button:focus{
	outline:none;
}
.res-hotel a:hover{
	text-decoration: none;
}
.res-hotel a:hover, .reservation-conditions a:hover, button.res-hide:hover, button.ask-question:hover, button.info-print:hover{
	opacity:0.8;
}
.row.container.res-details i.fal.fa-map-marker-alt {
    font-size:16px;
}
textarea.form-control {
    min-height: 100px;
}
.room-card .room-content .res-input {
    font-weight: normal;
}
/* print page */
.print-page {
	margin-top: 40px!important;
    background: #fff!important;
}
.print-page .top-info img {
    width: 100%;
    max-width: 210px;
}
.print-page .top-info ul li:last-of-type {
    display: inline-flex;
}
.print-page .top-info ul li .res-code {
    font-size: 12px;
}
.print-page .res-hotel .selected-conditions .currencyChangeArea {
    color: #00c4ef;
    font-size:18px;
    font-weight:bold;
}
.print-page .room-content{
    box-shadow: none !important;
    background-color: transparent !important;
}
.print-page .room-content h5~h5{
	margin-top: 30px;
}
.print-page #safe-tourism-warning, .print-page .hotel-description {
    margin-bottom: 24px;
}

.print-page.reservationSuccess .room-content .reservation-conditions{
    padding: 0px;
}

.print-page.reservationSuccess .reservation-conditions .conditions-header{
    font-size: 14px;
    color: #FD6A6A;
}

.print-page.reservationSuccess .cond-desc {
    font-size: 14px;
    color: #FD6A6A;
    margin: 5px 0 0 0;
}
.print-page.reservationSuccess .cond-desc .item {
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.print-page.reservationSuccess #special-note{
	font-weight: 600;
    font-size: 16px;
    line-height: 24px;
}
.print-page.reservationSuccess .top-info ul li:last-of-type {
    color: #363B44;
;
}
.res-hotel {
    padding: 32px;
    margin-top: 0;
}
.booking-details .check img {
    vertical-align: top;
    opacity: 1;
}
.res-hotel .info-content{
    margin: 0 -15px;
}
.res-hotel .total{
	position: absolute;
	bottom : 0;
	font-size: 18px;
	font-weight: bold;
}
.booking-details .check label {
    text-align: left;
    font-size: 13px;
}
.guest-name {
    font-size: 14px;
    margin-bottom: 0;
}
.possibility .all-items {
    display: block;
    width: 100%;
}

.possibility li{
	opacity: 0.8;
}
	
.reservation-detail-page .selected-conditions{
	padding: 10px 15px;
}
.selected-conditions label {
    margin-bottom: 0;
}
.payment-language {
    padding: 20px 20px 0;
}
.payment-language h6 {
    font-size: 14px;
    font-weight: bold;
}
.payment-language li {
    font-size: 12px;
    font-weight: normal;
}
.language-list li i {
    margin-right: 5px!important;
}
.selected-conditions h5 span {
	color : inherit;
	font-size: inherit;
	font-weight: bold;
    margin-top: 7px;
}
.conditions li i {
    margin-right: 5px;
}

.payment-options{
    display: flex;
}

.payment-options .one-shut-wrapper {
	padding: 12px;
    border: 1px solid #E5E5E5;
    box-sizing: border-box;
    border-radius: 8px;
    height: 48px;
    /*margin: 0 0 0 1.5rem !important;*/
    align-content: center;
    font-weight: bold;
	font-size: 14px;
}
.payment-options .one-shut-wrapper .booking-checkbox {
	padding:0px !important;
	font-weight: bold;
	font-size: 14px;
	display: flex;
    justify-content: space-between;
}

.payment-options .one-shut-wrapper label {
	font-weight: bold;
	font-size: 14px;
}
.payment-options .all-installment-options {
  	text-decoration-line: underline;
}
.checkout-first-step .all-installment-options a {
	font-size: 12px;
	line-height: 16px;
}

.checkout-first-step .all-installment-options{
	justify-content: center;
	text-decoration-line: none;
	font-weight: 700;
	margin-top:23px;
}

.agreementPaynow {
	padding: 0 0 0 0.5rem !important;
}
.agreementPaynow .booking-checkbox.custom-control.custom-checkbox.error label.custom-control.custom-checkbox{
	padding-top: 0px !important;
}
.agreementPaynow .booking-checkbox.custom-control.custom-checkbox.error label.custom-control.custom-checkbox:before{
	left:-1px !important;
	top:0px !important;
}

.installment-error{
	margin-top: 10px;
	color: #fd6a6a;
	font-size: 12px;
}

.with3D-wrapper{
	display: flex !important;
	font-size: 14px
}

.checkout-cards [type=radio]:checked~label:after {
	top: 3.5px !important;
    left: 3px !important;
}
[type=radio]:checked~label:last-child:before {
	box-shadow: 0px 0px 6px #ff5233;
}

.checkout-cards .atPayNow [type=radio]:checked~label:after {
	top:2.5px !important;
}
.payment-info-card input, .payment-info-card select{
	height: 48px !important;
	border-radius: 4px !important;
}

.payment-info-card .info-detail.contact .expirationCvc{
	margin-top: 0px !important;
}
.payment-info-card .question-mark {
    top: 16px ;
    left: 88px;
}
.control-label.label-month{
	margin-left: 24px !important;
}

.payment-info-card.atHotel .question-mark{
	top: 35px !important;
    left: 88px !important;
}
.payment-info-card .payment-info-head-wrapper{
	position: relative;
}

.payment-info-card .payment-info-head-wrapper .bonus-price{
	font-size: 14px;
	margin-left: 20px;
	color: #34D74E;
	text-align: right;
	display: block;
}

.payment-info-card .payment-info-head-wrapper .bonus-price img{
	width: 55px;
	vertical-align: middle;
}
.payment-info-card .payment-info-head-wrapper .bonus-price b{
	font-size: 14px;
}
.payment-info-card .payment-info-head-wrapper .bonus-price b i{
	font-style: normal;
}
.payment-info-card .price-payment {
	position: absolute;
	top: 20px;
	transform: translate(0%,-50%)!important;
	right: 0;
	font-weight: bold;
	font-size: 16px;
	color: #ff5233;
	text-align: right;
}
.notccRequired .price-payment{
	top: 10px;
}

.payment-list-box{
	margin-top: 0px;
}

.notccRequired button{
	margin-left: 23px !important;
	width: auto !important;
}

.notccRequired .payment-info-head-sub-description{
	font-size: 12px;
	margin: 16px 0;
}

@media (max-width:991px){
	.agreementPaynow .booking-checkbox{
		margin: 0 10px;
	}
	div#myReservationsApp {
	    padding: 0;
       	margin-top: -24px;
	    margin-bottom:0;
	}
	.my-reservations .footer .container {
	    padding:0 15px;
	}
	.my-reservations .header-help svg g {
	    fill: #363b44!important;
	}
	.my-reservations .banner h1, .my-reservations .banner p {
	    margin:30px;
	    font-weight:normal;
	}
    .my-reservations .filter {
        display: -webkit-box;
	    overflow-y: hidden;
	    overflow-x: scroll;
	    padding-left: 30px;
	    margin: 24px 0;
    }
    .my-reservations .res-list {
    	margin: 0 0 24px 0;
    	min-height:inherit;
    }
    .my-reservations .hotel-info .hotel-info-item .booking-date-box{
    	margin-right: 10px;
    	width:50%;
    }
    .my-reservations .res-list .not-found{
	    padding: 0 32px;
	}
    .my-reservations .res-list .item{
    	margin: 0 16px;
    	padding: 32px 44px 22px;
    }
    .my-reservations .res-list .res-list-item{
    	margin-bottom:16px;
    }
    .my-reservations .hotel-info .booking-details .check {
        justify-content: end;
    }
    .hotel-info em {
        font-style:normal;
        font-size: 14px;
        font-weight: normal;
        margin-top:24px;
        margin-bottom:8px;
        display:block;
    }
	.row.info-content {
	    margin: 0 -15px;
	}
	button.res-hide {
	    width: 100%;
	}
	.row.cta-area .text-left {
	    margin: 0;
	    padding: 0;
	}
	.my-reservations .cta-area .res-cancel{
		margin:0;
	}
	.my-reservations .res-list .closebtn{
		right: 18px;
		top: -7px;
	}
    .print-page .res-hotel {
        padding: 16px;
        margin: 15px;
    }
    .booking-details .check{
        margin:0;
    }
    .booking-details {
        margin-top: 20px;
    }
    .print-page .booking-details {
        margin-top: 0px;
        margin-bottom: 20px;
    }
    .top-info {
        margin: 30px 0;
    }
    .top-info ul li {
        margin: auto;
        /* display: block; */
        text-align: center;
        float: none;
    }
    .top-info ul li .res-code {
        text-align: left;
    }
    .top-info ul li:last-of-type {
        margin-top: 50px;
    }
    
    .print-page .top-info ul li:first-of-type{
	    display: block;
	}
	.print-page .booking-details{
		justify-content: flex-start!important;
	}
	.payment-info-card #cardName {
	    text-transform:capitalize;
	}
	.payment-info-card .info-detail .p-2 {
	    display: flex;
	    font-family: 'Source Sans Pro';
		margin-top: 10px;
	}
	.payment-info-card .info-detail .p-2 .form-group {
	    width: fit-content;
	}
	.payment-info-card #tb-cvc {
	    margin-left: 0;
	}
	.payment-info-card .control-label-cvc {
	    margin-left: 0!important;
	}
	.payment-info-card label.control-label.control-label-cvc {
	    margin-top: 0!important;
	}
	.payment-info-card .row.p-2.expirationCvc {
	    width: 75px;
	    padding: 0!important;
	    margin-left: -6px;
	}
	.payment-info-card .row.p-2.expirationCvc .error-message::before{
	    display:none;
	}
	.payment-info-card .payment-info-head-wrapper .bonus-price{
		margin-top: 10px;
		text-align: left;
	}

	.checkout-section {
	    margin-top: 20px;
	}
	.checkout-second-step .reservation-summary {
	    padding-bottom: 50px;
	}
	.checkout-second-step .res-text {
	    display: inline-block;
	}
	.checkout-second-step .reservation-text .checkin-date, .reservation-text .checkout-date{
	    padding:0;
	}
	.checkout-second-step .reservation-text {
	    padding-bottom: 10px;
	}
	.confirm-res .btn.btn-primary.btn-operation.btn-reserve {
	    display: inline-block;
	    width: 100%!important;
	}
	.checkout-second-step .ccard-number-inner.error{
	    display:block;
	}
	.reservation-success .payment-language li, .print-page .payment-language li {
	    width: 50%!important;
	}
}
@media print {
	.print-page{
		-webkit-print-color-adjust: exact;
	}
	.print-page .res-hotel {
        margin: 0px !important;
    }
	.print-page .room-content {
		padding-left: 30px;
	}
	.print-page .booking-details{
		float: right;
	}
	.print-page .booking-details:before{
		display:none;
	}
	.print-page .top-info {
		margin: 30px auto 0;
	}
	.print-page .top-info ul li {
		float: left;
	}
	.print-page .top-info ul li:last-of-type{
		float: right;
		margin-top: 0;
	}
	.print-page .res-details .col-md-9{
		padding-right: 15px !important;
	}
	.reservation-success .payment-language li, .print-page .payment-language li {
	    width: 50%;
	}
}

/* success page start */
.reservation-success {
    background: #fff;
}
.reservation-success .header-booking {
    display:none!important;
}
.reservation-success .banner-content {
	background-color:#fff;
    background-size:cover;
    background-repeat:no-repeat;
    padding: 24px;
    color: #000;
}
.reservation-success .hp-application {
    margin: 120px 0 0;
}
.reservation-success .success-banner{
	display: flex;
	justify-content: center;
	height: auto;
	background-color: #ebfbed;
	border-radius: 8px;
	margin-top: 20px;
	padding: 32px;
}
.reservation-success.success-banner .description h4{
	font-weight: 700;
}
.reservation-success .success-banner .description h5{
	font-weight: normal;
}
.reservation-success .success-banner .description .description-text{
	margin-top: 16px;
	margin-bottom: 24px;
}
.reservation-success .success-banner .description .receipt-summary{
	padding: 24px;
	background: #FFFFFF;
	border-radius: 8px;
	height: auto;
}
.reservation-success .success-banner .description .receipt-summary label{
	font-size: 12px;
	color: #363B44;
	opacity: 0.7;
	margin-bottom: 4px;
}
.reservation-success .success-banner .img-wrapper{
	height: 164px;
    width: 164px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.print-page.reservation-success .receipt-summary .receipt-summary-item{
	margin-left: 32px;
}

.print-page.reservation-success .success-banner {
    margin-bottom: 24px;
    margin-top: 0px;
}
.print-page.reservation-success .hotel-currency-info{
	opacity: 0.5;
}
.print-page.reservation-success .hotel-currency-info .currencyChangeArea {
	color: #363B44;
	font-size: 14px;
}

.print-page .top-contact {
	display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fafafa;
    border-radius: 28px;
}

.print-page .top-contact i{
	width: 32px;
    height: 32px;
    background: #34D74E;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    margin-right: 8px;
}
.print-page .top-contact .phone{
	padding: 8px 12px 8px 0px;
	color: #363B44;
	font-size: 14px;
	font-family: Source Sans Pro;
	font-weight: 600;
	line-height: 18px;
}
.importantWarning{
	padding: 0 16px;
}
.importantWarning .content{
	padding: 4px !important;
	border: 1px solid #FD6A6A !important;
    border-radius: 8px;
    background-color: #fff !important;
}
.importantWarning .content ul{
	padding: 24px;
	
}
.importantWarning .content .title{
	border-radius: 4px !important;
	padding: 10px;
}

.reservation-detail-page .importantWarning{
	margin-bottom: 20px;
}
.reservation-detail-page .top-info-section{
	display: grid;
    justify-items: start;
}
.reservation-detail-page .top-info-section .res-cancel i{
	margin-right: 4px;
	width: 24px;
    height: 24px;
    font-size: 24px;
}
.reservation-detail-page .top-info-section .res-cancel{
	font-weight: bold;
    display: flex;
    align-items: center;
    color: #fd6a6a!important;
}
.top-info-section .res-cancel{
	font-size: 14px;
    border: none
}
.success-top-area .top-info-section .top-info-item, .success-top-area .top-info-section .top-info-item a{
	color: #33C1EA !important;
}
.success-top-area .top-info{
	margin-left: 42px;
	margin-top: 20px;
}
.top-info-item{
	margin-bottom: 25px;
	font-size: 14px;
}
.success-top-area .top-info-item i{
	margin-right: 8px;
}
.success-top-area .top-info-inner .top-info-item {
	margin-bottom: 0;
}
.room-card{
	background: #FFFFFF !important;
	border-radius: 8px;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05) !important;
	border-color: 1px solid #E5E5E5;
}
.reservation-success .badge, .res-details .badge{
	background-color: initial !important;
}
.receipt-info{
	padding: 32px;
    background-color: #fff;
    border-radius: 8px;
    font-size: 14px;
    margin-top: 16px;
    line-height: 2;	
}
.receipt-info .name{ 
	font-size: 18px;
}
.reservation-success .receipt-title{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 8px;
}

.paymentCreditCard{
	padding: 24px;
	color: #84878e;
	background-color: #fff;
	border-radius: 8px;
	margin-top:24px;
	font-size: 14px;
	display: inline-block;
	min-width: 250px;
	line-height: 19px;
}

.receipt .element::after{
	content: '\00B7';
    margin: 5px;
    font-weight: bold;
}
.receipt .element:last-child::after{
	content: '';
}
.receipt .personal-info{
	display: flex;
}
.possibility .all-items {
    width: 100%;
}
.possibility .all-items a {
    color: #33c1ea;
    display: block;
}

.reservation-success .top-info .top-info-inner,
.reservation-success .top-info .top-info-inner .top-info-section{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.reservation-success .top-info .top-info-inner .top-info-section{
    width: 50%;
    justify-content: flex-start;
}
.reservation-success .top-info .top-info-inner .top-info-section.flex-right {
    justify-content: flex-end;
}
.reservation-success .top-info .top-info-inner .top-info-section .top-info-item{
    margin-right: 24px;
}
.reservation-success .top-info .top-info-inner .top-info-section .top-info-item:last-child{
    margin-right: 0;
}
.reservation-success .top-info .top-info-inner .top-info-section .top-info-item > span{
    font-size: 12px;
    font-weight: normal;
    color: #363b44;
}
.reservation-success .top-info .top-info-inner .top-info-section .top-info-item > span b{
    margin-top: 0;
    font-size: 18px;
    font-weight: bold;
    color: currentColor;
    text-transform: uppercase;
}
@media (max-width: 991px){
	.res-info-desc {
	    padding-bottom: 0;
	}
	.reservation-print button {
	    color: #fff;
	    border: none;
	}
	.success-top-area .res-details {
	    margin-top: 0px!important;
	    padding: 0!important;
	}
	.reservation-success .booking-details, .print-page .booking-details{
        float:none!important;
    }
    .booking-details .check:last-child{
        margin:0;
    }
	.success-top-area .row.container.res-details .top-info span.res-code:first-of-type {
	    margin-left:0;
	}
	.success-top-area .row.container.res-details .top-info{
	    margin-left:0;
	}
	.success-top-area .res-hotel {
	    margin-top:0;
        padding-bottom: 5px;
        padding: 20px;
	}
	.row.container.res-details .col-md-9{
	    padding: 0;
	    margin-top: 10px;
	}
	.row.container.res-details .col-md-3{
		padding: 0 15px;
		margin-top: 30px;
	}
	.reservation-success .top-info{
	    margin: 10px 0;
	}
	.reservation-success .top-info ul li:last-of-type{
		margin:0;
	}
	.guest-detail-card{
		border:none!important;
	}
	.reservation-success .btn-operation {
	    padding: 0;
	}
}
/* banner üzerine gelen menu css */
.reservation-success .mobileMenu i svg g, .header-nav .header-help svg g {
    fill: #fff !important;
}
.mobileLeftMenu .menuList ul li a{
    color: #363b44 !important;
}
.mobileLeftMenu .menuList ul li a.btn.unSelected {
    color:#fff!important;
}
/* banner üzerine gelen menu css */
.congraculation {
	font-size: 36px;
	line-height: 1.28;
	text-align:center;
	padding: 120px 0 0px;
}

.res-finish-text {
	font-size: 24px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1;
	letter-spacing: normal;
	text-align:center;
	font-family:Nunito;
}

.res-info-desc {
    font-size: 18px;
    line-height: 1.33;
    text-align: center;
    padding-bottom: 25px;
    margin-top: 24px;
}
.res-info-desc p {
    margin: 0;
}

.reservation-upd button, .reservation-upd button:hover {
	border-radius: 6px;
  	border: solid 1px #33c1ea;
  	font-size: 16px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #33c1ea;
	padding:10px;
}

.info-print button, .info-print button:hover{
	border-radius: 6px;
	background-color: #33c1ea;
	color:#fff!important;
	border-radius: 6px;
  	border: solid 1px #33c1ea;
  	font-size: 16px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	padding:10px;
}

.res-hotel {
	background-color: #fafafa !important;
    border-radius: 8px;
    border: none !important;
}

.hotel-name {
	font-size: 18px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #363b44;
}

.hotel-location {
	font-size: 12px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #33C1EA;
}
.res-hotel ul.hotel-options {
    padding: 0;
    list-style: none;
    margin-top: 20px;
}
.res-hotel ul.hotel-options li {
    display: inline-block;
    padding: 6px 12px;
    font-size: 12px;
}
.hotels-info {
	padding-bottom: 20px;
}

.hotel-info-card {
    padding-top: 20px;
}
.print-page .res-hotel .selected-conditions{
	margin: 24px 0;
	padding-bottom: 24px;
	border-bottom: 1px dotted #c6c7c9;
}
.print-page .res-hotel .selected-conditions p{
	font-size: 14px
}
.print-page .res-hotel .selected-conditions p,
.print-page .res-hotel .selected-conditions h5,
.print-page .res-hotel .selected-conditions h5 span{
	margin:0;
}
.room-card {
	margin-bottom: 15px;
	background-color: #fbfbfb;
}
.print-page .room-card{
	padding: 0;
}
.room-card .room-card-conditions{
	background-color: white;
}

.room-card .room-card-inner .row{
	padding: 16px;
}
.room-card .single-img img{
	object-fit: inherit;
    max-height: 168px;
}
.room-card .room-content{
	background-color: inherit;
	box-shadow: none;
}
.room-card .room-content .hotel-facility-wrapper{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
}
.room-card .room-content .hotel-facility-wrapper .hotel-facility-item{
	display: flex;
	align-items: center;
	padding: 0;
	margin-right: 16px;
}
.room-card .room-content .hotel-facility-wrapper .hotel-facility-item i{
	margin-right: 8px;
}
.room-card .room-content .hotel-facility-wrapper .hotel-facility-item:last-child{
	margin-right: 0;
}
.room-card .room-content .hotel-facility-wrapper .all-items{
	width: 100%;
	margin: 12px 0;
	font-size: 12px;
}
.room-card .room-content .hotel-facility-wrapper .all-items button{
	padding: 0;
}

.reservation-success .booking-details, .print-page .booking-details {
    justify-content: flex-end;
    float:right;
}
.non-credit-card, .free-cancelation {
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #34d74e;
    opacity: unset!important;
}

.border-opacity {
    border-radius: 4px;
    border: solid 1px rgb(52, 215, 78, 0.3);
    border-style: dotted;
    padding: 3px;
}

.hotel-type {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: rgb(54, 59, 68, 0.5);
}

.hotel-facility {
	font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #363b44;
    padding:5px 15px;
}

.guest-info-head {
	font-size: 14px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.57;
	letter-spacing: normal;
	color: #363b44;
}

.guest-name {
	font-size: 13px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #363b44;
}
.checkout-second-step .reservation-summary .guest-info-summary .guest-name {
    font-weight:bold;
    font-size:18px;
    text-transform: capitalize;
}
.total-price-detail {
	font-size: 14px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.57;
	letter-spacing: normal;
	color: #363b44;
}
.reservation-success .total-price-detail {
    font-weight:normal;
}
.reservation-success .total-price-detail b{
    margin-left: 8px;
}
.total-price {
	font-size: 18px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.22;
	letter-spacing: normal;
	text-align: right;
	color: #00c4ef;
}

.res-total-fee{
    text-align: right;
    font-size: 12px;
    opacity: 0.7;
}

.price-desc, .price-alternative {
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: normal;
	color: #363b44;
}

.guest-detail-card {
	border-bottom: 2px solid rgba(54, 59, 68, 0.1);
    border-bottom-style: dotted;
}

.req-form-hotel {
	padding:20px!important;
}

.res-details .send-hotel {
    background-color: #33c1ea!important;
	margin-right: 0;
}

.reservation-print {
	border-radius: 6px;
  	background-color: #33c1ea;
  	font-size: 16px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #ffffff;
	padding:10px;
  	
}
.reservation-print a {
	color: white;
}
.reservation-success .checkout-section {
    margin: 0;
}
.reservation-success .footer {
    margin-top: 130px;
}
.reservation-text {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57;
  letter-spacing: normal;
  color: #363b44;
}

.red-restype {
	color:#fd6a6a;
}

@media(max-width:767px) {
	.checkIn-Date, .checkOut-Date {
	    border-left:none!important;
	    text-align:left;
	}
	.checkIn-Date:after, .checkOut-Date:after {
	    background-color:unset!important;
	}
	.hotel-facility {
	    padding: 5px 15px 5px 0px;
	}
	.amount-price {
		margin: 15px 15px 0px 0px!important;
	}
	.price-desc {
		padding-top :15px;
	}
	.congraculation{
		padding: 60px 0 0px;
	}
}
/* success page end */
/* animation */
.css-animation {
	border-color: rgba(250,250,250, 0.8) rgba(250,250,250, 0.1) rgba(250,250,250, 0.1);
}

.css-animation {
	height: 20px;
	width: 20px;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	position: absolute;
	animation: rotation .6s infinite linear;
	border-left: 3px solid rgba(255,255,255,.1);
	border-right: 3px solid rgba(255,255,255,.1);
	border-bottom: 3px solid rgba(255,255,255,.1);
	border-top: 3px solid rgba(255,255,255,.8);
	border-radius: 50px;
	padding: 0;
	display:none;
}

.conditions i {
    opacity: unset;
}

.nonRefundable-style {
	border-radius: 4px;
    color: #fd6a6a;
    font-size: 12px;
    font-weight: bold;
}

@media screen and (max-width: 480px) {
	.reservations-header{
		margin-top: 60px;
	}
	.my-reservations .reservations-header{
	    margin-top: 0px;
	}
}
.btn.blue-button {
    width: 100%;
    background: #33c1ea;
    margin-top: 24px;
    color: white;
}

.btn-show-more-less {
	border: none;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #33c1ea;
}
#cancelPolicyModal #cancel-modal-buttons,
#cancelPolicyModal #cancel-modal-buttons div,
#reservation-detail-cancel-policy-modal #cancel-modal-buttons,
#reservation-detail-cancel-policy-modal #cancel-modal-buttons div{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#cancelPolicyModal #cancel-modal-buttons button, 
#reservation-detail-cancel-policy-modal #cancel-modal-buttons button{
    width: auto;
    margin-bottom: 16px;
}
#cancelPolicyModal #cancel-modal-buttons button:last-child, 
#reservation-detail-cancel-policy-modal #cancel-modal-buttons button:last-child {
    margin-bottom: 0;
}
#cancellation-header {
    margin-bottom: 24px;
    font-weight: bold;
    font-size: 18px;
}

#cancel-reservation-description-area {
    font-size: 14px;
}
.cancel-modal-select{
	width: 50%;
	margin: 32px auto auto auto
}
.cancel-modal-select select{
	width: 100%;
}
.cancel-modal-select .error-message{
	margin:0;
}
.cancel-modal-select .error-message:before{
	top: -27px;
	right: 25px;
} 
#cancel-modal-buttons {
    margin-top: 16px;
}

#myReservationsApp .modal-dialog.modal-dialog-centered {
	max-width: 647px;
}

#myReservationsApp .modal-content {
	padding: 57px 0;
}

#myReservationsApp #btn-close-cancellation-modal {
    width: 32px;
    height: 32px;
   	position: absolute;
    right: 16px;
    top: 16px;
}
#myReservationsApp #cancelPolicyModal .modal-body h5 {
    margin-bottom: 24px;
}
.additional-room-buy-content{
	padding: 30px;
	border: none;
}
.room-search-row{
	border: solid 1px rgba(54, 59, 68, 0.1);
    border-radius: 8px;
}
.room-search-btn{
	height: 46px;
    line-height: 34px;
    border: solid 1px #00c4ef;
    background-color: #00c4ef;
    color: white;
    font-size: 12px;
    vertical-align: middle;
    border-radius: 0;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 0;
}
.room-search-btn-container{
	padding-left: 0;
	padding-right: 0;
}
.room-search-btn:hover{
	color: white;
}
.room-search-dates-container{
	line-height: 30px;
    padding: 0;
}
.room-search-dates-container img{
	margin-left: 12px;
}
.room-search-dates{
    width: 50%;
    height: 46px;
    display: inline-block;
    font-size: 14px;
    line-height: 46px;
    text-align: left;
    vertical-align: middle;
    margin-left: 10px;
}
.row.room-search-row.search-wr.home-search-wr {
    font-family: 'Source Sans Pro';
    font-size:14px;
}
.additional-room-buy-content .modal-content-body{
	padding: 20px;
}
.room-search-people-info{
	line-height: 44px;
    vertical-align: middle;
    font-size: 14px;
}
#rooms{
	width: 100%;
	padding: 32px 57px 8px 57px;
	background-color: #f8fbfd;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}
div#rooms .room-card-wrapper {
    margin-bottom:24px;
}
.guests-inputs{
	background: #fff;
	margin:0;
}
.guests-inputs hr {
    display: block;
    width: 100%;
    margin-bottom: 0;
}
div#rooms .room-card-wrapper .guests-inputs h5 {
	font-size: 14px;
	margin: 24px;
	line-height:18px;
}
#modalHotelRoomBuy .search-params .ui-spinner{
	display: flex;
	align-items: center;
}
#modalHotelRoomBuy .search-params .spinnerCt input {
    width: 100%;
}
#modalHotelRoomBuy .search-params {
    border-radius: 4px;
    border: solid 1px rgba(54, 59, 68, 0.1);
    background-color: #ffffff;
    padding: 34px 24px 12px;
}
#modalHotelRoomBuy .search-popup {
    max-width: 330px;
    top: 46px;
    left: -15px;
    position: absolute;
}
#modalHotelRoomBuy .room-search-btn{
	font-size:14px;
	font-weight:bold;
	font-family: 'Nunito', sans-serif;
}
#modalHotelRoomBuy .loading-animation i {
    color:#fff;
}
#modalHotelRoomBuy .guests-inputs .btn-preBook{
    width: fit-content;
}

div#rooms .total-price {
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex: 1 0 0%;
    flex: 1 0%;
    padding-left: 0;
}
div#rooms .total-price span {
    -ms-flex: 1 auto;
    flex: 1 auto;
    margin-top:8px;
}
div#rooms .total-price span i {
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    color: #363b44;
    word-break: break-word;
    display:block;
    margin-bottom: 6px;
}
.room-search-dates-container span {
    position: relative;
}
.room-search-dates-container span:after {
    content: "";
    display: block;
    border-right: 1px solid rgba(54, 59, 68, 0.1);
    height: 65%;
    position: absolute;
    top: 8px;
    right: -8px;
}
.room-search-dates-container span:last-of-type:after{
    display:none;
}
.room-search-guest-container:before {
    content: "";
    display: block;
    border-right: 1px solid rgba(54, 59, 68, 0.1);
    height: 100%;
    position: absolute;
    top: 0;
    left:0;
}
div#rooms .total-price button.btn {
    margin-bottom: 8px;
    align-self: flex-end;
}
div#rooms .room-card-wrapper h5{
    font-size:18px;
    font-weight:bold;
}
div#rooms .not-canceled {
    border-radius: 4px;
    border: solid 1px #fd6a6a20;
    width:-moz-fit-content;
    width:fit-content;
    color:#fd6a6a;
}
.room-content{
	width:100%;
	border-radius: 4px;
	box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.05);
	background-color: #ffffff;
}
.reservation-detail-page .room-content{
	padding: 10px 10px 0 15px;
}

#modalHotelRoomBuy .modal-content {
	padding: 0;
}
#modalHotelRoomBuy .modal-header{
	padding: 56px 56px 16px;
    border: none;
}
#modalHotelRoomBuy .modal-content .modal-title {
    font-size: 18px;
    font-weight: bold;
}
#modalHotelRoomBuy .modal-content .modal-checkout-sub-title {
    font-size: 14px;
    font-weight: normal;
    margin-top:16px;
}
#modalHotelRoomBuy .modal-header .close{
    font-size: 33px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 16px;
    top: 16px;
}

#modalHotelRoomBuy .modal-body{
	padding: 0 53px!important;
}
#modalHotelRoomBuy .input-wrapper.search-select.highlight-on-shadow-bg {
    position: relative;
}
#modalHotelRoomBuy div#GuestDetailsFake {
    position: absolute;
    width:100%;
}

#removePastReservation .close {
    font-size: 33px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 9px;
    top: 9px;
}
#removePastReservation .search-wr-ct {
	text-align: center;
}
.reservation-detail-page {
    background-color: #fff;
}
.reservation-detail-page .linear {
    padding: 70px 0px 8px;
    margin: 0;
    border: none;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.75) 51%, rgba(255, 255, 255, 0));
}
.reservation-detail-page .header-booking {
    display:none!important;
}
.reservation-detail-page .contact-number .res-input {
    padding: 0 32px 0px 14px;
    font-size: 14px;
    height: 34px;
    background-position: top 9px right 6px;
    /* background-image: url(/resources/v2/images/dropdown-blue.svg); */
	background-image: url(/resources/v2/images/dropdown.svg);
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-weight: normal;
}
.reservation-detail-page .contact-number #tb-cvc {
    background-image:none;
    padding: 0 0px 0px 14px;
}
.modal-change-credit-card .modal-header {
    border:none;
    padding: 12px;
}
.modal-change-credit-card .modal-body {
    padding: 0 16px 52px;
}
.modal-change-credit-card .payment-info-card {
    padding: 0;
}
.modal-change-credit-card .payment-info-head {
    padding-left:0;
}
.modal-change-credit-card .payment-info-head h4{
    font-size: 18px;
    font-weight: bold;
}
.modal-change-credit-card .credit-card-cta .btn-primary{
    float: right;
}
.modal-change-credit-card .credit-card-cta .btn-link {
    padding-left:0;
}
.modal-change-credit-card .modal-change-credit-card .payment-info-card {
    padding: 0;
}
.modal-change-credit-card .credit-card-cta {
	margin-top: 32px;
}
.modal-change-credit-card .credit-card-cta button.close{
    float: left;
    opacity: 1;
    font-weight: normal;
    padding: 0.375rem 0 0.75rem 0;
}
.modal-change-credit-card .credit-card-cta button.close:hover,
.modal-change-credit-card .credit-card-cta button.close:focus{
	outline: 0;
	box-shadow: none;
}
.modal-change-credit-card i#cardVendor {
    top: 54px;
}
.modal-change-credit-card .change-creditcard-fail.alert.alert-warning {
    margin-top: 20px;
}
.reservation-detail-page .cond-desc .row.total-price {
    text-align:left;
}
.reservation-detail-page .room-card .room-content{
    background:transparent;
    box-shadow:none;
}
.reservation-detail-page .room-card .room-content .capacity-info{
    font-size: 12px;
    opacity: 0.5px;
}

.reservation-detail-page .room-card .room-cta .btn{
	width: auto;
}
.reservation-detail-page .total-price h6, .reservation-detail-page .total-price h4 {
    color:#363b44;
}
.reservation-detail-page .total-price h4{
    font-weight:bold;
}
.reservation-detail-page .total-price h6 {
    font-weight:normal;
    font-size:16px;
    margin-bottom: 15px;
}
.reservation-detail-page select#bed-select {
    max-width: inherit;
}
.reservation-detail-page .input-group .res-input {
	position: relative;
    width: 80%;
    margin-bottom: 0;

    /*
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    */

	border-radius: 0;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;

	border-right: 0;
} 
.reservation-detail-page .input-group-text{
	background: white;

	border-radius: 0;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;

	border: solid 1px rgba(54, 59, 68, 0.1);
	border-left: 0;
}
.reservation-detail-page .edit-input-value, .edit-input-value:hover{
	color: #363b44 !important;
	font-size: 14px;
	text-decoration: none;
}
.search-input-div{
	min-height: 46px !important;
    margin-bottom: 0!important;
}
.search-input-div .check-in, .search-input-div .check-out{
	background-color: white;
    border: none !important;
    width: 90% !important;
    text-align: center;
}
#modalChangeReservationDate .modal-content.reservation-fail, #modalChangeReservationDate .modal-content.reservation-success, #modalHotelRoomBuy .modal-content.reservation-success, #modalHotelRoomBuy .modal-content.reservation-fail, #removePastReservation .modal-content.reservation-success, #removePastReservation .modal-content.reservation-fail {
    max-width: 600px;
    margin: auto;
    border-radius: 8px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
    background-color: #ffffff;
    border: none;
    text-align: center;
    padding: 72px;
}
#removePastReservation .modal-content{
	min-width: 400px;
	padding: 32px !important;
}

#modalChangeReservationDate .modal-content.reservation-fail h4, #modalChangeReservationDate .modal-content.reservation-success h4, #modalHotelRoomBuy .modal-content.reservation-success h4, #modalHotelRoomBuy .modal-content.reservation-fail h4 {
    font-size: 24px;
    font-weight: bold;
    color: #34d74e;
    margin-bottom:24px;
}
#modalChangeReservationDate .modal-content.reservation-fail i, #modalChangeReservationDate .modal-content.reservation-success i, #modalHotelRoomBuy .modal-content.reservation-success i, #modalHotelRoomBuy .modal-content.reservation-fail i, #removePastReservation .modal-content.reservation-success i, #removePastReservation .modal-content.reservation-fail i, #removePastReservation .modal-content.search-wr-ct i {
    color: #34d74e;
    font-size: 48px;
    margin-bottom: 16px;
}
#modalChangeReservationDate .modal-content.reservation-success p, #modalHotelRoomBuy .modal-content.reservation-success p, #modalHotelRoomBuy .modal-content.reservation-fail p, #removePastReservation .modal-content.reservation-fail p{
    margin: 0;
}
#modalChangeReservationDate .modal-content.reservation-fail .btn-primary, #modalChangeReservationDate .modal-content.reservation-success .btn-primary, #modalHotelRoomBuy .modal-content.reservation-success .btn-primary, #modalHotelRoomBuy .modal-content.reservation-fail .btn-primary, #removePastReservation .modal-content.reservation-success .btn-primary, #removePastReservation .modal-content.reservation-fail .btn-primary {
    width: min-content;
    margin: 32px auto 0;
    padding:12px 16px;
}
#modalHotelRoomBuy .modal-dialog-scrollable .modal-body {
  overflow-y: initial;
}
#modalChangeReservationDate .modal-content.reservation-fail i, #modalChangeReservationDate .modal-content.reservation-fail h4, #modalHotelRoomBuy .modal-content.reservation-fail i, #modalHotelRoomBuy .modal-content.reservation-fail h4, #removePastReservation .modal-content.reservation-fail i, #removePastReservation .modal-content.reservation-fail h4 {
    color: #fd6a6a;
}
#removePastReservation .remove-res-ok{
    background-color: #fd6a6a !important;
}
#removePastReservation .search-wr-ct i {
	color: #fd6a6a;
    font-size: 48px;
    margin-bottom: 16px;
	}
div#rooms .room-facility {
    padding: 0;
    margin: 0;
}
#rooms .possibility .room-facility {
    margin-top: 5px;
}
div#rooms var {
    font-style:normal;
}
.reservation-detail-page .tooltip-inner {
    font-size: 12px;
    font-weight: bold;
    line-height: normal;
    padding: 8px 12px;
}
div#rooms .btn-show-more-less-room {
    color: #33c1ea;
    font-size: 14px;
    border: none;
    padding-left: 0;
}
div#rooms .possibility li{
    margin-top:5px;
    display:flex;
    align-items: baseline;
    width: 100%;
}
div#rooms .possibility li i.fa.fa-check {
    margin-right: 8px;
    font-size: 13px;
}
div#rooms .possibility li .icons.double-bed {
    margin-right: 6px;
    margin-top: -3px;
}
div#rooms .btn-show-more-less-room i {
    font-weight: normal;
    font-size: 12px;
}
div#rooms .col-lg-9 {
    margin-left: 0;
    padding-left: 0;
}
div#rooms .room-rates {
    margin: 0 0 8px 0;
    /* border: solid 1px #e1e1e1; */
    padding: 5px;
}
div#rooms .room-rates:last-of-type{
    margin-bottom:0;
}
div#rooms .conditions ul{
    padding: 0;
}
div#rooms .capacity ul {
    margin-bottom: 0;
    padding: 0;
    list-style: none;
}
div#rooms .capacity li {
    margin-bottom: 8px;
}
div#rooms .conditions li {
    display: block;
}
div#roomsApp div#rooms .possibility li{
    display:inline-block;
    margin-top: 0;
}
div#rooms .conditions .free-cancellation, div#rooms .conditions .not-canceled {
	width: -moz-fit-content;
    width: fit-content;
}
.conditions {
	margin-bottom: 5px;
}
.currency-desc-success {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    color: #363b44;
    font-family: 'Source Sans Pro', sans-serif;
}

@media (max-width:767px) {
	.modal-change-credit-card .payment-info-card .contact-number .question-mark{
		top: 36px !important;
	}
	#removePastReservation .modal-content{
		max-width: 100%;
		padding: 0.5rem !important;
		min-width: 100px;
	}
}

@media (max-width:991px){
    div#modalHotelRoomBuy .modal-dialog{
        margin:0;
        border:none;
        height: 100%;
    }
    #modalHotelRoomBuy .modal-content {
        border: none;
        border-radius: 0;
        height: 100%;
    }
    #modalHotelRoomBuy .room-search-guest-container {
        display: block;
	    border-radius: 6px;
	    border: solid 1px rgba(54, 59, 68, 0.1);
	    margin-top: 12px;
	    line-height: 42px;
	    font-family: 'Source Sans Pro', sans-serif;
	    padding-left: 12px;
    }
    #modalHotelRoomBuy .room-search-btn-container {
	    position: fixed;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    z-index: 9999999;
	    background: #fff;
	    padding: 30px;
	    border-top-left-radius: 12px;
	    border-top-right-radius: 12px;
	    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5);
	}
	div#modalHotelRoomBuy .modal-body.searchCt {
	    position: relative!important;
	}
	div#removePastReservation .modal-body.searchCt {
	    position: relative!important;
	}
	#modalHotelRoomBuy div#GuestDetailsFake {
	    height: 40px!important;
	    background: transparent;
	    overflow: hidden!important;
	}
	#modalHotelRoomBuy .search-popup {
	    top: 25px!important;
	    left: -30px!important;
	    background-color: #f3f8fc;
	}
	div#modalHotelRoomBuy div#GuestDetailsFake span.selected-room, div#modalHotelRoomBuy div#GuestDetailsFake span.selected-adult, div#modalHotelRoomBuy div#GuestDetailsFake span.selected-child {
	    display: inline-block!important;
	}
	div#modalHotelRoomBuy .input-wrapper.search-select {
	    height: max-content!important;
	}
	div#modalHotelRoomBuy .find-prop-mobile.btn.btn-block.btn-success {
	    display:none;
	}
    #modalHotelRoomBuy input#GuestDetails {
        display: block;
    }
    #modalHotelRoomBuy div#GuestDetailsFake {
        position: relative;
    }
    #modalHotelRoomBuy .room-search-row {
        border: none;
    }
    #modalHotelRoomBuy .room-search-dates-container {
        border-radius: 6px;
        border: solid 1px rgba(54, 59, 68, 0.1);
    }
    #modalHotelRoomBuy .room-search-guest-container:before {
        display: none;
    }
    #modalHotelRoomBuy .modal-header {
        padding: 28px 32px 4px;
    }
    #modalHotelRoomBuy .modal-body{
        padding: 0 28px!important;
    }
    #modalHotelRoomBuy .modal-header .close {
        right: 32px;
        top: 25px;
    }
    #modalHotelRoomBuy .modal-content .modal-checkout-sub-title {
        margin-top: 28px;
    }
    #modalHotelRoomBuy .room-search-btn {
	    margin: auto;
	    display: block;
	    text-align: center;
	    height: inherit;
        padding: 8px 12px;
	}
	#modalHotelRoomBuy .guest-area {
	    left: -16px;
	    top: inherit;
	}
	#modalHotelRoomBuy .rooms-style {
	    padding: 0;
	}
	#modalHotelRoomBuy .child-age-index{
		margin-top:0;
	}
	#modalHotelRoomBuy button.col-12.btn.btn-primary {
	    display: none;
	}
	#modalHotelRoomBuy .search-params .search-items {
	    padding: 24px 24px 0!important;
	}
    #rooms {
	    padding: 32px 42px 110px 35px;
	    border-radius: 0;
	}
	#rooms .total-price button.btn{
		width:fit-content;
	}
	#modalHotelRoomBuy .modal-content.reservation-success, #modalHotelRoomBuy .modal-content.reservation-fail{
		border-radius:0;
	}
	#rooms .possibility .room-facility{
        margin-top:0;
        display: inline-block;
    }
    .room-search-dates.add-room-checkin, .room-search-dates.add-room-checkout {
        text-align:left;
        margin-left:8px;
        line-height: 47px;
    }
    div#rooms .possibility li {
        width: -moz-fit-content;
        width: fit-content;
        display: inline-flex;
        margin-right:0;
    }
    div#rooms .roomInfo {
        margin-left: -15px;
    }
    div#rooms .conditions ul {
        display: flex;
        align-items: baseline;
        justify-content: center;
        padding: 16px 0 0 0;
    }
    div#rooms .room-rates {
        margin: 16px;
    }
    .row.room-rates.rate-border {
	    margin: 16px 0 16px!important;
	    border: solid 1px #e1e1e1;
	    border-radius: 4px;
	}
    div#rooms .col-lg-9 {
        padding: inherit;
    }
    div#rooms .conditions {
        border-bottom: 1px solid #ddd;
        border-bottom-style: dotted;
    }
    div#rooms .conditions li {
	    width: 33.3%;
	    text-align: center;
	    font-size:12px;
	}
    div#rooms .conditions ul li i {
        display: block;
        margin: auto 8px;
        border: none;
        font-size: 16px;
    	min-height: 20px;
    }
    div#rooms .conditions .free-cancellation, div#rooms .conditions .not-canceled {
        border: none;
        margin-left:0;
    }
    div#rooms .conditions .free-cancellation i:before, div#rooms .conditions .not-canceled i:before{
	    padding: 5px 5px;
	    border-radius: 100%;
	    width: 20px;
	    height: 20px;
	    display: inline-block;
	    line-height: 10px;
	    color: #fff;
	    text-align: center;
	    font-size:11px;
    }
    div#rooms .conditions .free-cancellation i:before{
    	background: #34d74e;
    }
    div#rooms .conditions .not-canceled i:before{
    	background: #fd6a6a;
    }
    div#rooms .total-price {
        flex-direction: row;
        padding: 16px;
    }
    div#rooms .total-price span {
        text-align: left;
    }
    div#rooms .conditions .room-capacity-info span {
        display: flex;
	    margin: auto;
	    width: fit-content;
    }
    div#rooms .row.possibility .room-rates{
	    margin: 0 -15px;
	    padding: 0 15px;
	}
	div#rooms .row.possibility .roomInfo{
	    margin: 0;
	}
	.res-total-fee{
    text-align: right;
    font-size: 12px;
    opacity: 0.7;
	}
}

.conditions {
	margin-bottom: 5px;
}
.conditions li {
    padding: 6px 6px 6px 0;
    opacity: 0.8;
}
.conditions li.free-cancellation{
    padding: 6px 8px !important;
}
.conditions li {
    padding: 6px 6px 6px 0;
    opacity: 0.8;
}
.success-top-area .conditions li {
    padding: 0 0 6px 0 !important;
}
@media only screen and (min-width: 320px){
	.my-reservations .hotel-info .hotel-info-item .hotel-info-title{
		margin-bottom: 24px;
    }
    .reservation-success .top-info .top-info-button{
        margin-bottom: 16px;
    }
}
@media only screen and (min-width: 768px){
    .reservation-success .top-info .top-info-button{
        margin-bottom: auto;
    }
}

.reservation-detail-page.modal-open .modal-dialog.modal-dialog-centered {
	max-width: 647px;
}

.reservation-detail-page.modal-open #btn-close-cancellation-modal {
    width: 32px;
    height: 32px;
    position: absolute;
    right: 16px;
    top: 16px;
}
.reservation-detail-page.modal-open #cancelPolicyModal .modal-body h5 {
    margin-bottom: 24px;
}

/* change date css */
div#changeDateApp .modal-header.transport-services-bottom {
    border: none;
    padding: 0;
	z-index: 99;
}
div#changeDateApp .modal-header .close {
    position:absolute;
    top: 16px;
    right: 16px;
    margin: 0;
    padding: 0;
}
div#changeDateApp .modal-header .close img{
    width: 32px;
}
div#changeDateApp .modal-body {
    overflow: hidden;
    padding-bottom:0;
}
div#changeDateApp .modal-content-body{
    padding:0;
}
/*div#changeDateApp {
    padding: 56px;
    border-radius: 8px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
    background-color: #ffffff;
}*/
div#changeDateApp .modal-title {
    font-size: 18px;
    font-weight: bold;
    margin: 0px 12px 0px -15px;
}
div#changeDateApp .selected-room {
    border-radius: 4px;
    border: solid 1px rgba(54, 59, 68, 0.1);
}
div#changeDateApp .selected-head{
    padding:12px 24px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size:12px;
    border-bottom: solid 1px rgba(54, 59, 68, 0.1);
}
div#changeDateApp .selected-head span{
    display:flex;
    align-items:center;
}
div#changeDateApp .selected-head img{
    width:16px;
    margin-right:8px;
}
div#changeDateApp .selected-content{
    padding: 12px 24px;
}
div#changeDateApp .room-search-dates-container.error  .form-group input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fd6a6a;
}
div#changeDateApp .room-search-dates-container.error  .form-group input::placeholder{
    color:#fd6a6a;
}
div#changeDateApp .room-search-dates-container.error  .form-group input{
    color: #fd6a6a;
}
div#changeDateApp .error-msg{
    display:flex;
    align-items:center;
    color:#fd6a6a;
    margin: 12px 0;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
}
div#changeDateApp .error-msg:before{
    content: "";
    background: url(/resources/v2/images/close-solid.svg) no-repeat center;
    width: 16px;
    height: 16px;
    display:inline-block;
    margin-right:8px;
}
div#changeDateApp .selected-content h5, div#changeDateApp .selected-content {
    font-size: 14px;
    font-weight: bold;
}
div#changeDateApp .selected-content .selected-date {
    padding-left: 26px;
    margin-right: -15px;
    display: inline-block;
}
div#changeDateApp .selected-content .selected-date em {
    font-family: 'Source Sans Pro', sans-serif;
    font-size:12px;
    font-style:normal;
    font-weight:normal;
    display:block;
    color: #9a9ca0;
}
div#changeDateApp .selected-content h5{
    position:relative;
    padding-left: 26px; 
}
div#changeDateApp .sub-title {
    font-family: 'Source Sans Pro', sans-serif;
    font-size:14px;
    color: #5a606f;
    margin: 24px 12px 12px -15px;
}
div#changeDateApp .search-wr-ct .datepicker-search .form-group img{
    margin-left: 0;
    margin-right: 8px;
    
}
div#changeDateApp .search-wr-ct .datepicker-search .form-group input{
    text-align:left;
    margin-left: 8px;
}
div#changeDateApp .old-reservation {
    color: #9ea0a4;
}
div#changeDateApp .row.old-reservation b{
    position:relative;
}

div#changeDateApp .res-title {
    display: flex;
    align-items: baseline;
}
div#changeDateApp .res-title i {
    margin-right: 8px;
    font-size: 20px;
}
div#changeDateApp .roomList .selected-content .old-reservation  .selected-date em {
    color: #ccced0;
}
div#changeDateApp .new-reservation .res-title i {
    color: #fff;
    background: #34d74e;
    padding: 4px;
    border-radius: 100%;
    font-size: 11px;
}
div#changeDateApp .roomList hr {
    width: 100%;
    margin: 0 24px;
}
div#changeDateApp .change-date {
    text-align: right;
    margin: 32px -15px 0 0;
}
div#changeDateApp .change-date .btn {
    padding: 12px 16px;
    width: fit-content;
}
div#changeDateApp .modal-body .room-search-btn {
    font-size: 14px;
    font-family: 'Nunito', sans-serif;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
body.reservation-detail-page.modal-open .daterangepicker {
    margin-left: -35px;
}
div#changeDateApp .room-search-dates-container.error {
    border: solid 1px #fd6a6a!important;
    box-shadow: 0 0 0 0.2rem #fd6a6a24;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
.reservation-detail-page .home-search-wr {
    display: flex;
    align-items: center;
	justify-content: space-between;
}
.reservation-detail-page .datepicker-search {
    display: flex;
    align-items: center;
    width: 100%;
}
.reservation-detail-page .room-search-dates-container {
    display: flex;
    align-items: center;
}
.reservation-detail-page .search-input-div:before {
    content:"";
    display:inline-block;
    width:1px;
    height: 30px;
    border-left: 1px solid #e5e5e5;
    margin: 0!important;
    padding-right: 5px;
}
.reservation-detail-page .search-input-div:first-of-type:before{
    border:none;
    padding: 0;
}
.reservation-detail-page.modal-open .daterangepicker th.next.hotel.available:hover,
.reservation-detail-page.modal-open .daterangepicker th.prev.hotel.available:hover {
    background: transparent;
}
.reservation-detail-page.modal-open .daterangepicker .calendar-table .next:hover span,
.reservation-detail-page.modal-open .daterangepicker .calendar-table .prev:hover span {
    border-color: #33c1ea30;
}
.reservation-detail-page.modal-open .search-datepicker-wrapper .calendar-container th.prev.hotel.available {
    display:block;
}
.reservation-detail-page.modal-open .daterangepicker th.next.hotel.available, 
.reservation-detail-page.modal-open .daterangepicker th.prev.hotel.available {
    display: block;
    position: absolute;
}
.reservation-detail-page.modal-open .daterangepicker th.next.hotel.available{
    right: 0;
}
.reservation-detail-page.modal-open .search-datepicker-wrapper, .search-datepicker-wrapper .table-condensed {
    border: none!important;
}
.reservation-detail-page.modal-open .daterangepicker {
    width: inherit;
}
.reservation-detail-page.modal-open .daterangepicker .drp-calendar {
    min-width: inherit;
}
.reservation-detail-page.modal-open .daterangepicker .drp-calendar.left {
    border: none!important;
    margin-right: 24px;
}
.reservation-detail-page.modal-open .daterangepicker {
    padding: 0 24px 16px;
    background-color: #f3f7fa;
}
.reservation-detail-page.modal-open .calendar-table {
    border: none;
}
.reservation-detail-page.modal-open .daterangepicker .drp-calendar.left .calendar-table {
    border: none;
}
.reservation-detail-page.modal-open .daterangepicker .calendar-table table tbody {
    border-radius: 4px;
    border: solid 1px rgba(54, 59, 68, 0.05);
    background-color: rgba(255, 255, 255, 0.3);
}
.reservation-detail-page.modal-open td.off.ends.available, td.weekend.off.ends.available {
    opacity: 0.2;
}
.reservation-detail-page.modal-open .daterangepicker .calendar-table th, 
.reservation-detail-page.modal-open .daterangepicker .calendar-table td {
    width: 42px!important;
    height: 42px!important;
}
.reservation-detail-page.modal-open .daterangepicker.auto-apply .drp-buttons{
	display:none;
}
.reservation-detail-page.modal-open .drp-buttons-area button.btn.btn-primary.btn-apply {
    width:inherit;
    padding:8px 12px;
}
#changeDateApp .loading-animation i {
    color:#fff;
}
#changeDateApp .loading-animation {
    margin-right: 10px;
}
@media (min-width:991px){
    .reservation-detail-page.modal-open .daterangepicker .calendar-table th, .reservation-detail-page.modal-open .daterangepicker .calendar-table td{
        width: 36px!important;
        height: 36px!important;
    }
    .reservation-detail-page.modal-open .search-datepicker-wrapper .calendar-container {
        margin: 0;
    }
    .reservation-detail-page.modal-open .daterangepicker .drp-calendar.left .calendar-table {
        padding: 0;
        margin: 0;
    }
    .reservation-detail-page.modal-open .search-datepicker-wrapper thead tr:first-child th {
        padding: 10px 0;
    }
    .daterangepicker.search-datepicker-wrapper.ltr.auto-apply.show-calendar.opensright.picker-position{
        margin-top: -363px!important;
    }
}
@media (min-height:795px){
	.daterangepicker.search-datepicker-wrapper.ltr.auto-apply.show-calendar.opensright.picker-position{
        margin-top: 5px!important;
    }
}
@media (max-height:795px) and (min-width:991px){
    .reservation-detail-page.modal-open .daterangepicker.search-datepicker-wrapper.ltr.auto-apply.show-calendar.opensright {
        margin-top: -363px!important;
        margin-left: -40px;
    }
}
/* change date css end */


/* _RESERVATION_TIMEOUT */
#modalTimeOut .modal-header {
    border: none;
}
.time-out {
    text-align: center;
    padding: 0 50px 50px;
}
.time-out h2 {
    color: #fd6a6a;
    font-size: 24px;
    margin-bottom:24px;
}
.time-out p{
    font-family: 'Source Sans Pro', sans-serif;
    font-size:14px;
    margin-bottom: 0;
}
.time-out .cta {
    display: flex;
    align-items: center;
    margin-top: 40px;
}
.time-out .cta .btn-outline {
    margin-right: 16px;
}

.checkout-time-out{
    background-color: #f1f7fc;
}
.checkout-time-out .search-form-container {
    left: 0;
    right: 0;
    margin-top: 0;
    padding: 80px 0px 8px;
    height: auto;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.75) 51%, rgba(255, 255, 255, 0));
}
.checkout-time-out .search-form-backdrop {
    background:transparent;
}
.checkout-time-out .ets-hotelSearchForm {
    border: solid 1px #e5e5e5;
}
.checkout-time-out .search-hotel .btn-search{
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
}
.checkout-time-out .checkout-section {
    margin-top: 60px;
}
.checkout-time-out .checkout-section article {
    max-width: 620px;
    margin: auto auto 350px;
    text-align: center;
}


/* _RESERVATION_Autohrization*/


/*#modalAutohrization .modal-header{*/
	/*border: 0px;*/
	/*padding: 10px;*/
/*}*/

/*#modalAutohrization .autohrization-content{*/
	/*text-align: center;*/
	/*padding:  0 30px 30px;*/
/*}*/


/*#modalAutohrization .autohrization-content .img{*/
	/*text-align: center;*/
	/*margin-top: -30px;*/
	/*padding-bottom: 15px;*/
/*}*/

/*#modalAutohrization .autohrization-content h2{*/
	/*font-weight: 700;*/
	/*font-size: 18px;*/
/*}*/
/*#modalAutohrization .autohrization-content p{*/
	/*font-weight: 400;*/
	/*font-size: 14px;*/
	/*margin:15px;*/
/*}*/

/*#modalAutohrization .autohrization-content .btn {*/
	/*margin-bottom: 20px;*/
/*}*/
/*#modalAutohrization .autohrization-content .text-link-primary{*/
	/*margin-top: 10px;*/
	/*display: inline-block;*/
/*}*/


.other-installement{
	border: 1px solid #E5E5E5;
    box-sizing: border-box;
    border-radius: 8px;
    width: 100%;
    font-size: 14px;
	padding:0 10px;
}
.other-installement .amount {
	display: flex;
	align-items: center;
}
.other-installement .currencyChangeArea {
	font-weight: normal;
}
.other-installement .row{
	justify-content: space-between;
	padding: 14px 16px;
	align-items: center;
	cursor:pointer !important;
}
.other-installement .row.active,.other-installement .row.active .currencyChangeArea{
	font-weight: 600 !important;
}
.other-installement label{
	margin-bottom: 0px;
}
.bank-image-content ul{
	list-style: none;
	margin: 30px 0 10px;
	padding: 0px 10px;
	display: flex;
	opacity: 0.5;
}
.bank-image-content ul li{
	display: inline-flex;
}
.bank-image-content ul li img{
	width: 75%;
}


.col-end{
    border: 1px dashed #ccc;
}

.col-end:last-child {
  display: none;
}

.installmentCount {
	margin-left: 24px;
}

.amountWithAddOn {
	color: #363B44;
	font-size: 12px;
	opacity: 0.7;
	margin-left: 16px;
}

@media (max-width:991px){
	div#changeDateApp .modal-body.searchCt .roomList {
		margin-top: 20px;
	}
	.checkout-time-out .checkout-section{
		margin-top:30px;
	}
	.checkout-time-out .checkout-section article{
		padding:0;
	}
	.time-out .cta{
		display:block;
	}
	.time-out .cta .btn-outline{
		margin:auto auto 16px;
	}
	.reservation-detail-page .res-details .hotel-location .top-info{
	    border: 1px dotted #363b4419;
	    border-left: none;
	    border-right: none;
	    padding:16px 0;
	}
	.reservation-detail-page .booking-details {
	    background: #FFFFFF;
	    border-radius: 8px;
	    margin: 16px 16px;
	    padding: 13px;
	}
	.reservation-detail-page .res-details .top-info ul li:last-of-type{
		margin-top:0;
	}
	.reservation-detail-page .res-details .hotel-info-card{
		padding-top:0;
	}
}
/* reservation-time-out */

@media only screen and (min-width: 320px){

    .reservation-detail-page .res-details .top-info button{
        width: auto;
        font-size: 14px;
        font-weight: normal;
    }
    .reservation-detail-page .res-details .top-info button:first-child{
        padding-left: 0;
    }
    .reservation-detail-page .res-details .top-info button:last-child{
        padding-right: 0;
    }
}

@media only screen and (min-width: 768px){
	.login-register-btn{
		margin-left: 0;
		min-width: 150px;
    }
    .reservation-detail-page .res-details .top-info{
        border: none;
    }
    .reservation-detail-page .res-details .top-info{
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 18px 0;
        border-left: none;
        border-right: none;
    }
}

/* oda ekleme yetiskin - cocuk secimi */

.guest-spinner {
	display: flex;
    margin-bottom: 20px;
    border-radius: 8px;
	border: 1px solid #e5e5e5;
	background-color: #ffffff;
	height: 40px;
	padding: 0px;
}
.btn-spinner {
	height: 45px;
    padding: 22px;
}
.input-spinner {
    border-radius: 0!important;
    font-size: 16px;
    background: transparent;
    text-align: center;
    border-bottom: none!important;
    border-top: none!important;
}
.input-group-btn {
    width: 40px;
    height: 40px;
}
.guest-spinner button{
	box-shadow: unset!important;
	height: 100%;
}
.guest-spinner i {
	color: #33c1ea;
}
.guest-spinner .error-message {
	top: 40px;
	position: absolute;
	z-index:1;
}
.guest-spinner .error-message::before {
    display: none;
}
.guest-spinner .error-message::after {
    display: none;
}
.rooms-cancel-button{
	width:fit-content;
	display:flex;justify-content: flex-end;
	align-items: center;
	cursor:pointer;
	position:absolute;
	right:10px;
	top:10px;
	font-size:14px !important;
}
.rooms-style {
    border: solid 1px #363b441a;
    padding: 16px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    background-color: #f3f7fa;
}
.guest-spinner i {
	color: #33c1ea !important;
}
.guest-area {
    position: absolute;
    min-width: 340px;
    left: 0;
    top: 34px;
    padding: 0;
}
.adult-title, .child-title {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: #363b44;
    padding-top: 10px;
    padding-left:0;
    text-align: left;
}
.child-selection {
    padding-right: 0;
    color: #33c1ea;
    border-radius: 8px;
    padding: 0;
    margin-left: 25px;
}
.child-selection select{
    width: 100%;
    border: solid 1px #e5e5e5;
    background-image: url(/resources/v2/images/dropdown-blue.svg);
    background-position: top 10px right 10px;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size: 16px;
    border-radius: 8px;
    line-height: 24px;
    padding-left: 16px!important;
    max-width: 97px;
    margin-right: 0;
    padding-right: 0;
    float: right;
}
.ets-hotelSearchForm i {
    position: inherit;
    font-size: 20px;
    
    line-height: inherit!important;
    left: 0px;
}
.child-selection select:focus {
    outline: none;
}
.child-age-index {
    margin-top: 10px;
    padding-left:0;
}
.search-items {
    padding: 0 16px 0;
}
.child-selection:after {
    content: "";
    height: 40px;
    border-left: 1px solid #e5e5e5;
    display: inline-block;
    position: absolute;
    right: 40px;
}
.child-selection select ~ i {
     color: #9ca1ae; 
     font-size: 16px; 
     position: absolute; 
     top: 8px !important; 
     left: unset !important; 
     right: 12px !important; 
     pointer-events: none; 
     transition: all .1s; 
}
.reservation-detail-page .room-facility {
    list-style:none;
}
.reservation-detail-page .room-facility li{
    margin-bottom:5px
}
.h-name.truncate {
  display:block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.res-detail .res-cancel:hover {
    color: #fd6a6a!important;
}
.res-detail textarea {
    min-height: 100px;
}
.res-detail textarea.form-control:focus {
    border-color: #00c4ef;
    box-shadow: none;
}
.res-detail input:focus {
    outline: 1px solid #33c1ea;
}
.res-detail select.form-control {
    background-image: url("/resources/v2/images/dropdown.svg");
    background-position: calc(100% - 15px) 14px,
    calc(100% - 20px) 14px,
    100% 0;
    background-size: 20px 18px,
    20px 18px;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.res-detail hr.linear {
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
    height: 78px;
    padding: 0;
    margin: 0;
}
.res-details {
    /* margin: 50px auto; */
    max-width: 1234px!important;
    background: #fff;
    border-radius: 8px;
    padding: 32px 16px 0 16px !important;
}
.res-details .top-info{
    margin-bottom: 24px;
}
.print-page .res-details {
    margin: 50px auto;
}
.top-info ul li {
    display: flex;
    align-items: center;
    color: #363b44;
    list-style: none;
}
.top-info ul li .reservation-info-item{
    display: flex;
    flex-direction: row;
    margin-right: 32px;
}
.top-info ul li .reservation-info-item:last-child{
    margin-right: 0;
}
.top-info ul li button{
    display: inline-flex;
    align-items: center;

    margin-left: 30px;
    padding: 0;
    border:0;

    line-height: 32px;
}
.top-info ul li button:first-of-type{
    margin-left: 0 !important;
}
.top-info ul li:last-of-type {
    float: right;
    font-family: Nunito;
    font-size: 14px;
    color: #33c1ea;
}
.top-info ul {
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 0;
}
.top-info ul li:last-of-type span {
    margin-left: 5px;
}
.billing-warning {
	color: #FD6A6A;
	padding-top: 16px;
	font-size: 12px;
}
.billing-warning i {
	padding-right: 8px;
}
.billing-warning {
	color: #FD6A6A;
	padding-top: 16px;
	font-size: 12px;
}
.billing-info-body label {
	font-weight: bold;
	font-size: 14px;
	padding-left: 1.5rem!important;
}

.billing-info-body .error-message{
	margin-top: -29px !important;
}

.checkout-second-step [type=radio]:not(:checked)~label:last-child:before{
	left: 0rem !important;
    top: 0 !important;
}
.billing-info-body .control-label.control-label.control-label.control-label{
	position: absolute;
    top: 0.4em;
    left: 0em;
    font-size: 10px;
    opacity: 0.4;
    margin: 13px 0 0 8px;
    z-index: 2;
}

.billing-info-body input {
    top: 0;
    left: 0;
    font-size: 14px;
    margin: 8px 0 0 12px;
    font-family: Source Sans Pro;
    font-style: normal;
    padding: 22px 0 8px 19px;
    height: 48px;
    margin-bottom: 28px;
    border-radius: 4px !important;
}
.billing-info-body .intl-tel-input .flag-dropdown{
	left: 1em;
    top: 0.5em;
}

.billing-info-body #mobile-number{
	padding: 10px 20px;
    text-align: end;
}

.billing-info-body .select.form-control{
	font-size: 14px;
	height: 48px;
	max-width: 100%;
	margin: 8px 0 0 12px;
	padding: 18px 0 5px 19px !important;
	text-align-last: left;
}

.billing-info-body .select-label{
	margin:0px;
}

.billing-info-body .booking-checkbox{
	margin: 8px 0 28px 4px;
}

#tcknDiv .booking-checkbox label, .receiptNotTCCompany label{
	font-weight: normal;
	margin: 0;
}

#tcknDiv .booking-checkbox{
	display: flex;
    align-items: center;
}
.inputInfo{
    font-size: 12px;
    margin: 6px 0 28px 12px;
    color: #363B44;
    opacity: 0.5;
}
.panel-description{
	color: #FD6A6A;
    margin-top: 16px;
    font-weight: normal;
    display: flex;
    align-items: center;
    font-size: 12px;
}
.panel-description i, .panel-description svg {
	margin-right: 8px;
}
#companyReceiptVatno .error-message{
	margin: 0px !important;
}

select.form-control option {
    text-align: start;
}

@media (min-width:991px){
	.my-reservations .res-list .res-list-item .code-area .code-area-item:last-of-type {
	    text-align: right;
    }
    .room-card .room-content h5 span{
        display: block;
    }
}
@media (max-width:991px){ 
    #explicit-consent-area.booking-checkbox.custom-control.custom-checkbox.error > label > a:last-child {
        margin-left: 10px;
    }
	#myReservationsApp .hotel-info .code-area-item {
	    margin-bottom: 8px;
	    
	}
	.my-reservations .res-list .item hr{
		margin: 22px -45px;
	}
	.my-reservations .res-list-item.preloader .item hr{
		margin: 22px -13px;
	}
	div#modalChangeReservationDate .modal-dialog {
	    padding:0;
	    margin: 0;
	    height: 100%;
	}
	div#changeDateApp .modal-title{
	    margin-top:-10px;
	    padding-bottom:36px;
	}
	div#changeDateApp .modal-header .close {
	    z-index: 10;
	}
	div#changeDateApp {
	    height: 100%;
	    box-shadow: none;
	    border: none;
	    border-radius: 0;
	    padding: 16px;
	}
	div#changeDateApp .sub-title, div#changeDateApp .selected-head{
	    display:none;
	}
	.reservation-detail-page .search-input-div{
	    display:flex;
	    align-items:center;
	}
	.reservation-detail-page .datepicker-search input {
	    width:fit-content!important;
	    background:transparent;
	}
	div#changeDateApp .datepicker-search input {
	    width: 90% !important;
	}
	div#changeDateApp .search-wr-ct .datepicker-search .form-group img{
	    position:relative;
	    top: inherit;
	    margin-right: 0;
	}
	div#changeDateApp .modal-content-body .home-search-wr {
	    border:none;
	}
	.reservation-detail-page .room-search-dates-container {
	    border: solid 1px rgba(54, 59, 68, 0.1);
	    border-radius: 8px;
	    margin: 16px 0;
	}
	div#changeDateApp .selected-content:before, div#changeDateApp .selected-content:after {
	    content: "";
	    display: inline-block;
	    position: absolute;
	}
	div#changeDateApp .selected-content:before{
	    width: 16px;
	    height: 16px;
	    border: solid 2px #33c1ea;
	    background-color: #ffffff;
	    border-radius: 4px;
	    top: 20px;
	    left: 15px;
	}
	div#changeDateApp .selected-content:after{
	    width:8px;
	    height:8px;
	    background-color:#33c1ea;
	    top:24px;
	    left:19px;
	}
	div#changeDateApp .selected-content .col-lg-3 {
	    width: 50%;
	}
	div#changeDateApp .modal-body .room-search-btn{
	    border-radius: 8px;
	}
	body.reservation-detail-page.modal-open .daterangepicker{
	    margin-left:0;
	}
	body.reservation-detail-page .daterange-close-area {
	    margin: 0;
	    top: 0;
	    left: 0;
	    right: 0;
	}
	.reservation-detail-page.modal-open .search-datepicker-wrapper .drp-calendar.left, 
	.reservation-detail-page.modal-open .search-datepicker-wrapper .drp-calendar.right{
	    margin:0;
        padding: 0 15px!important;
	}
	.reservation-detail-page.modal-open .search-datepicker-wrapper .drp-calendar.left{
	    margin-top: 100px;
	}
	.reservation-detail-page.modal-open .search-datepicker-wrapper .calendar-container th.prev.hotel.available{
	    display:none;
	}
	.reservation-detail-page.modal-open .datepicker-dates-top-area .calendar-btn-close{
	    display: none;
	}
	.reservation-detail-page.modal-open .datepicker-dates-top-area .calendar-date-input {
	    width: 100%;
	}
	.reservation-detail-page.modal-open .calendar-date-item {
	    width: 50%;
	}
	.reservation-detail-page.modal-open .daterange-close-area .row {
	    padding: 0;
	}
	div#changeDateApp .roomList .selected-room .selected-content:before, div#changeDateApp .roomList .selected-room .selected-content:after {
	    display:none;
	}
	div#changeDateApp .roomList .selected-room .selected-content .col-lg-3:first-of-type{
	    width:100%;
	    margin-bottom: 10px;
	}
	div#changeDateApp .roomList .selected-room .selected-content .col-lg-3:last-of-type {
	    position: absolute;
	    right: 0;
	    text-align: right;
	}
	div#changeDateApp .selected-content .selected-date b{
	    position:relative;
	}
	div#changeDateApp .roomList .selected-content .selected-date b:before {
	    content: "";
	    display: inline-block;
	    width: 16px;
	    height: 16px;
	    position: absolute;
	    background: url("/resources/v2/images/search/checkin.svg");
	    left: -24px;
	}
	div#changeDateApp .change-date{
	    margin: 32px -15px;
	}
	div#changeDateApp .change-date .btn {
	    width: 100%;
	    margin: 0;
	    display: block;
	}
	div#changeDateApp .roomList .modal-title {
	    margin-top: -10px;
	}
	#modalChangeReservationDate .modal-content.reservation-fail, #modalChangeReservationDate .modal-content.reservation-success, #modalHotelRoomBuy .modal-content.reservation-success, #modalHotelRoomBuy .modal-content.reservation-fail{
	    height:100%;
	    border-radius:0;
	}
    .res-details {
        background: #fff;
        margin-top: -50px!important;
        padding: 0;
    }
    .top-info ul li:last-of-type {
        color: #363b44;
        float: left;
    }
    .top-info ul li:last-of-type span {
        margin-left: 15px;
    }
    .res-code{
        margin-right: 15px;
    }
    .res-hotel {
        padding: 24px 16px;
        background: #fff;
        border-radius: 6px;
        margin-bottom: 0;
    }
    .print-page .res-details {
   		padding: 50px 24px 0!important;
	}
    .top-info .info-print {
        float:right;
    }
    .res-details .importantWarning .content {
        margin: 20px 0;
    }
    .billing-info-body .row{
    	width: 100%;
    }
    
    .billing-info-body .booking-checkbox{
    	padding-left: 15px !important;
    	margin-left: 12px;
     }
}
@media (min-width: 768px) and (max-width: 991px){
    .res-list-item {
        max-width: 50%;
        flex: 0 0 50%;
    }
}

/* _VOUCHER_ */
.print-page .res-details #safe-tourism-warning > #safe-tourism-title {
    font-size: 18px;
    font-weight: bold;
    margin: 0 16px 16px 0;
}
.print-page .res-details #safe-tourism-warning > #safe-tourism-description {
    font-size: 14px;
}

.print-page .top-info{
	padding: 0 15px;
	margin-top: 45px; 
}
.print-page.reservationSuccess .top-info{
	margin: 30px 0;
}

.print-page .top-info .res-code{
	color: #c1c6cc;
}
.print-page .top-info .res-code b{
	color: #363b44;
}
.my-reservations [v-cloak] {
   display: none;
}

/* _PRELOADER_MYRESERVATIONS_ */
.preloader .code-area, 
.preloader .hotel-info-item, 
.preloader hr, 
.preloader .cta-area{
	display: block;
	margin-top: 5px;
	height: 30px;
	clear: both;
	animation-duration: 1s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-name: placeHolderShimmer;
	animation-timing-function: linear;
	background: #f4f6f9;
	background: linear-gradient(to right,#eee 8%,#ddd 18%,#eee 33%);
	background-size: 800px 104px;
	position: relative;
}
@keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0
    }

    100% {
        background-position: 468px 0
    }
}
.preloader .hotel-info{
	width: 85%;
}
.preloader hr{
	height:65px;
	width:60%;
}
.verify-email-success {
    color:#34d74e;
    margin-top: 20px;
}
.verify-email-fail {
    color: #f4580b;
    margin-top: 20px;
}
html body .not-found.verify-mail .btn-outline {
    max-width: fit-content;
    padding:12px 54px;
    font-size:16px;
}
@media (max-width:991px){
    .my-reservations .res-list .not-found.verify-mail {
        margin: 40px;
        padding:0;
    }
    .res-list.min-height {
	    min-height: inherit;
    }
}
.booking-checkbox.custom-control.custom-checkbox.error .allow-explicit-consent-text {
    margin-left: 13px;
}

.closebtn {
    right: 20px;
    font-size: 22px;
    z-index: 1;
    color: #363b44;
    border:none;
    border-radius: 50%;
    margin: 0 0 32px 12px;
    opacity: 0.5;
}

.reservation-collection{
  	height: auto;
 	margin: 16px 0 24px 0;
  	padding: 12px 16px;
/*   	opacity: 0.3; */
  	border-radius: 22px;
  	border: solid 1px #c7eefa;
  	background-color: #f3fbfe;
  	font-size: 14px;
    font-weight: bold;
    color: #363b44;
    width: fit-content;
    
}
.reservation-collection-wrapper{
	display: flex;
	align-items: center;
}
.reservation-collection img{
	width: 25px;
  	height: 24px;
  	margin: 0 8px 0 0;
  	object-fit: contain;
  	z-index: 1;
}

.reservation-collection p{
	margin: 0;
}

#collapsePayNow .expirationYear{
	padding-left:16px;
}

.btn-operation.btn-reserve{
	width: auto !important;
	box-shadow: 0px 6px 6px -2px rgb(51 193 234 / 20%);
}
.btn-operation.btn-reserve .instalmentCount{
	margin-right: 4px;
}

.ccard-number .ccard-number-inner {
    display: initial !important;
}

.ccard-number .ccard-number-inner i{
	top: 50%;
	transform: translate(0%,-50%)!important;
}
#collapseAtHotel .ccard-number .ccard-number-inner i{
	transform: none !important;
}
.pay-now-info{
	background: #fef0f0;
	color: #FD6A6A;
	padding: 12px 16px;
	font-size: 14px;
	margin: 16px 0px;
	border-radius: 8px;
}

.checkout-cards .pay-now-info{
	background: none;
	color: #FD6A6A;
	padding: 0px;
	margin: 8px 0px 24px 0px;
	line-height: 24px;
}

#modalInfo .modal-header img{
	width: 18px;
}
#modalInfo .modal-header{
	border: none;
}
#modalInfo .modal-body{
	padding: 16px 48px 48px;
}
#modalInfo .modal-content-body{
	font-size: 14px;
}
#modalInfo .modal-body .btn-primary{
	width: auto;
	margin-top: 24px;
}
#modalInfo .modal-info-sub-title{
	color: #FD6A6A;
	font-size: 18px;
	margin-bottom: 16px;	
}

.payment-info-card-add{
	padding: 0px;
	background: none;
	box-shadow: none;
	border-radius: 0px;
	margin: 0px -15px;
}
.payment-info-card-add #cardVendor{
	bottom: 12px;
}
.payment-info-card-add .btn-primary{
	margin-top: 20px;
}

.payment-info-card-add .bank-image-content ul{
	list-style: none;
	margin: 20px 0 10px;
	padding: 0px 10px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	opacity: 0.5;
}

.payment-info-card-add .bank-image-content ul li{
	flex: 1 0 20%;
	text-align: center;
	display: inline-block;
	margin-bottom: 4px;
}
.payment-info-card-add .bank-image-content ul li img{
	width: auto;
	height: 20px;
}

.payment-info-card-add .roomAmount{
	background: #fafafa;
	mix-blend-mode: normal;
	border-radius: 8px;
	color: #363B44;
	font-weight: bold;
	font-size: 14px;
	line-height: 50px;
	height: 56px;
	display: flex;
	justify-content: space-between;
	padding: 0 20px;
}
.payment-info-card-add input.res-input{
	font-weight: normal !important;
}

.reservation-extra-success{
	background: #ebfaed;
	border-radius: 8px 8px;
	padding: 25px 25px 10px 25px;
	margin:35px 20px 20px;
	text-align: center;
}

.reservation-extra-success h3{
	font-weight: bold;
	font-size: 24px;
	margin-bottom: 20px;
	line-height: 30px;
}
.reservation-extra-success .subtext{
	font-size: 16px;
}
.reservation-extra-success .receipt-summary{
	display: flex;
	background: #FFFFFF;
	border-radius: 8px;
	padding:18px 25px;
	text-align: center;
	margin:20px 0;
}
.reservation-extra-success .receipt-summary label{
	color: #363B44;
	opacity: 0.5;
	margin-bottom: 5px;
	font-weight: normal;
	font-size: 12px;
}
.reservation-extra-success .receipt-summary .price-number{
	font-weight: 600;
	font-size: 16px;
}
.reservation-extra-success-button{
	text-align: center;
}

.tryPriceShow{
	display: none !important;
	justify-content: space-between;
}
.tryPriceShow.show{
	display: flex !important;
	width: 100%;
	justify-content: space-between;
}
#modalServiceContractModal .tryPriceShow.show{
	justify-content:flex-start;
}

.total-price-currency .tryPriceShow.show,.room-price-currency .tryPriceShow.show{
	justify-content: flex-end;
}

.currencyPriceShow{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.room-price-currency .currencyPriceShow,.total-price-currency .currencyPriceShow{
	justify-content: flex-end;
}
.currencyPriceShow.hidden{
	width: 100%;
	display: none;
	justify-content: space-between;
}
.print-page .top-info ul li {
	margin: inherit;
}
.print-page .row.container.res-details .col-md-3 {
    margin-top: 0px;
}
.importantWarning .content .roomName{
	margin-bottom: 15px;
}

.res-details .content .roomPolicies li {
    margin-bottom: 8px;
    list-style: disc;
    margin-left: 24px;
}

.importantWarning .reservationConditional{
	 margin-bottom: 16px;
}

.importantWarning .reservationConditional:first-of-type {
    margin-top: 16px !important;
}
#collapseWithoutCC .btn-preBook{
	margin-top:40px;
}
.usageCoupon{
    padding: 16px;
    border: 1px solid #E5E5E5;
    box-sizing: border-box;
    border-radius: 8px;
    color: #363B44;
    margin: 0 24px 24px;
}
.usageCoupon #add-coupon-code.row {
    background: none;
    border-radius: initial;
    margin: 0;
    padding: 0;
}
.usageCoupon .title{
	font-weight: 700;
	font-size: 14px;
	line-height: 18px;
}
.usageCoupon .description{
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	margin: 8px 0 16px 0;
}

.usageCoupon .btn-outline-primary{
	border: solid 1px #33c1ea;
}
.usageCoupon .usageBtn{
	margin:38px 24px 24px 24px;
}
.usageCoupon input{
	height: 48px !important;
    border-radius: 4px !important;
    margin-right: 12px;
}
.usageCoupon #add-coupon-code button{
	width: auto;
	height: fit-content;
}
.usageCoupon .error-message{
	margin-top:auto;
	margin-bottom:auto;
}
.coupon-applied {
	align-items: center;
	font-size: 14px;
	color: #FFAF83;
	margin-top:16px;
	margin-bottom:16px;
}
.coupon-icon{
	margin-right: 7px;
}
.coupon-applied .coupon-remove{
	font-weight: 400;
	font-size: 12px;
	text-decoration-line: underline;
	color: #33C1EA;
	padding-left: 25px;
	width: auto;
}
#modalCouponResponse .modal-content{
	width: auto;
}

#modalCouponResponse .modal-body{
	padding: 16px 40px 40px 40px;
}
#modalCouponResponse .customer.close{
	display:block;
	font-size:20px;
	color:#33C1EA;
	width: 100%;
    text-align: end;
}
#modalCouponResponse .background{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	background: #FFAF83;
	border-radius: 50%;
	color: #FFF;
	margin-right: 16px;
}
#modalCouponResponse .btn-ok{
	margin-top:24px;
	width: auto;
	opacity: 1;
    float: left;
    font-size: 16px;
    line-height: 22px;
}
#modalCouponResponse .success-title .title{
	font-weight: 700;
	font-size: 18px;
	color: #363B44;
	margin-bottom:8px;
}
#modalCouponResponse .coupon-success{
	display: flex;
    width: 100%;    
}
.coupon-success .description{
	font-size: 16px;
	color: #363B44;
}
.couponTotal{
	padding: 24px 54px 20px;
	display: flex;
    justify-content: space-between;
    font-weight: 400;
	font-size: 14px;
	line-height: 19px;
	color: #363B44;
}
.couponTotal .res-summary .couponTitle, .values .totalAmount{
	margin-top: 8px;
	margin-bottom:16px;
}
.couponTotal .res-summary .totalReservationAmount, .couponTotal .values .totalReservationAmount span{
	font-weight: 700;
	font-size: 14px;
	line-height: 19px;
}
.couponTotal .values{
	text-align:end;
}
@media (max-width:991px){
	.res-list-item .closebtn {
		right: 34px;
		font-size: 18px;
	}

	.payment-info-card .question-mark {
    	left: 50px;
	}
	.checkout-cards,.panel-contact{
		padding: 0px;
		margin:0px;
	}
	.contact-info-head{
		padding: 20px 0 10px 10px;
	}
	.payment-list-box{
		padding: 10px;
	}
	.checkout-cards .atPayNow [type=radio]:checked~label:after {
		top:3.5px !important;
	}
	.payment-info-card .info-detail.contact .control-label{
		margin-top: 0px;
	}
	.payment-options{
		display: block;
	}
	.payment-options .one-shut-wrapper{
		width: 100%;
	}
	.all-installment-options{
		display: block;
		text-align: center;
		width: 100%;
		margin:20px 0px;
	}
	.with3D-wrapper{
		margin: 0 10px;
	}
	.payment-info-card .info-detail{
		padding: 0 10px 0 0;
	}
	.payment-info-card .info-detail .p-2.one-shut-wrapper-ct{
		display: block;
	}
	.room-detail-info{
		margin-top: 20px;
	}
	.payment-info-card .btn-operation.btn-reserve{
		width: 100% !important;
	}
	.bank-image-content ul{
		list-style: none;
		margin: 20px 0 10px;
		padding: 0px 10px;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		opacity: 0.5;
	}
	.bank-image-content ul li img{
		width: auto;
		height: 20px;
	}
	.bank-image-content ul li{
		flex: 1 0 20%;
		text-align: center;
		display: inline-block;
		margin-bottom: 4px;
	}
		
	.reservation-success .banner-content .success-banner .img-wrapper{
		height: 64px;
		width: 64px;
	}
	.reservation-success .banner-content .success-banner .img-banner{
		display: flex;
		justify-content: center;
	}
	.reservation-success .banner-content .success-banner .img-wrapper img{
		width: 64px;
	}
	.reservation-success .banner-content .success-banner {
		padding: 24px 16px 16px 16px;
		text-align: center;
	}
	.reservation-success .banner-content .success-banner .description h4 {
		font-size: 20px;
		margin-bottom: 24px;
	}
	.reservation-success .banner-content .success-banner .description .subtitle, .reservation-success .banner-content .success-banner .description .description-text {
    	font-size: 14px;
	}
	.reservation-success .banner-content .success-banner .description .receipt-summary {
    	padding: 15px
	}
	
	.important-warning{
		display: contents;
	}
	
	.btn-outline-primary {
    	border: solid 1px #33c1ea !important;
	}
	
	.importantWarning {
    	display: contents;
	}
	
	.res-hotel.receipt{
		margin:16px 0; 
	}
	
	.reservation-conditions{
		margin-top: 20px;
	}
	
	.reservation-conditions h2{
		margin-left: 0px;
	}
	
	.card-m{
		margin: 0px;
	}
	
	.paymentCreditCard{
		width: 100%
	}
	
	.fast-communication{
		bottom: 145px;
	}

	.payment-info-card .info-detail .reservation-text{
		margin: 10px 0 10px 24px;
	}
	.res-cancel{
		margin: 0px;
	}
	.credit-card-content .content{
		width: 100%;
    	margin: 0;
	}
	
	.info-detail.guest-input.contact .row{
		margin-bottom: 20px;
	}
	.checkout-first-step [type=radio]:checked~label:after {
		top:2.5px !important;
	}
}

@media (max-width: 767px){
	.reservation-events{
		position: fixed;
		bottom: 0;
		left:0;
		width: 100%;
		background: #FFFFFF;
 		box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.2);
		border-top-left-radius: 35px;
		border-top-right-radius: 35px;
		padding: 24px;
		z-index: 1001;
	}
	
	.reservation-events button{
		margin-bottom: 30px;
	}
	
	.top-info-section .top-info-item, .top-info-section .top-info-item a{
		color: #33C1EA !important;
	}
	
	.event-list{
		padding: 12px;
		line-height: 3;
		text-align: center;
	}
	
	.blur-reservation{
		top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    z-index: 6;
	    position: fixed;
	    backdrop-filter: blur(2px);
	    -webkit-backdrop-filter: blur(2px);
	    -webkit-filter: blur(2px);
	    -moz-filter: blur(2px);
	    -ms-filter: blur(2px);
	    -o-filter: blur(2px);
	    filter: blur(2px);
	    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='2');
	}
	
	.reservation-detail-page .top-info-section .res-cancel{
		justify-content: center;
		margin-top: 0;
	}
	
	.reservation-detail-page .top-info-section{
		justify-content: center;
		justify-items: center;
	}
	
	.login-banner-wrapper{
		background-color: rgba(255, 175, 131, 0.12);
		padding: 16px;
		border-radius: 4px;
    	border: none;
	}
	
	.login-banner-wrapper .login-banner-title{
		font-weight: 700;
		font-size: 14px;
		line-height: 18px;
		color: #363B44;
		margin-bottom: 8px;
	}
	.login-banner-wrapper .login-register-text{
		background: none;
    	padding: 0;
    	display: block;
    	margin-bottom:8px;
	}
	.login-banner-wrapper .login-register-btn {
	    margin-left: 0;
	}
	.usageCoupon{
		margin: 0 0 24px 0;
	}
	#modalCouponResponse .modal-content {
    	width: 100%;
	}
}

@media (max-width: 991px){
	.print-page .conditions-body {
		border: none;
	}
	.hotel-info-bordered {
	    border-radius: 8px;
	    border: solid 1px rgba(54, 59, 68, 0.1);
	    background-color: #ffffff;
	    margin: 16px 0 24px;
	    padding: 5px;
	}
	.hotel-info-bordered .check{
	    margin-right: 0;
	}
	.hotel-info-bordered .checkin-date, .hotel-info-bordered .checkout-date{
	    padding: 0 0 0 8px;
	    border-left: none !important;
	}
	.hotel-info-bordered .checkin-date:after, .booking-details .checkIn-Date:after{
		content:none !important;
	}
	.hotel-info-bordered .booking-details {
	    padding: 10px;
	}
	
	.hotel-info-bordered .check:first-of-type {
	    padding-right: 10px;
	}
	.hotel-info-bordered .hotel-style {
	    padding: 10px;
	}
	.checkout-first-step .reservation-summary {
    	position: relative;
	}
	.checkin-date {
    	border-left: none;
	}
	.payment-info-card .price-payment{
	    position: absolute;
	    top: -5;
	    transform: inherit !important;
	    right: 0;
	}
	.couponTotal {
	    padding: inherit;
    	padding-left: 0;
    	padding-right: 0;
	}
}