/* Booking Card Styles */

.panel-heading {
    background-color: #2f3550 !important;
}

/* .hotel-booking {
	background: #272c42;
    min-height: 488px; 
    max-height: 600px;
	padding: 10px 20px;
	margin-top: 5px;
    position: relative;
    width: auto;
} */
.hotel-booking {
    background: #272c42 none repeat scroll 0 0;
    height: 488px;
    margin-top: 5px;
    min-height: 488px;
    padding: 10px 20px;
    position: relative;
    width: 100%;
}
.ps-container {
    overflow-y: auto !important;
    touch-action: auto;
}
.booking-dates {
	padding-top: 10px;
    position: relative;
}
.booking-date {
    background: #171b2c none repeat scroll 0 0;
    padding: 3px;
	color: #99cdd9;	
    display: block;
	cursor: pointer;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
}
.date-holder {
    margin: 10px 0;
}
.date-title {
    font-size: 14px;
    text-align: center;
	padding: 7px 0;
	border-bottom: 1px solid #2f3550;
}

.checkin .the-day {
    color: #00e42b;
	font-size: 14px;
	line-height: 14px;
}
.checkout .the-day {
    color: #ff0000;
	font-size: 14px;
	line-height: 14px;
}

.booking-date .the-date {
    border-right: 1px solid #99cdd9;
    color: #fff;
    display: inline-block;
    font-size: 67px;
    line-height: 48px;
    margin: 10px 4px 10px 10px;
    padding: 0 10px;
	font-family: "Arial";
	
}
.day-month {
    display: inline-block;
}
.booking-date .the-month {
    font-size: 34px;
    text-transform: uppercase;
}

.booking-rooms {
    margin-top: 15px;
}
.panel-wg, .partition-wg {
    background-color: #2f3550 !important;
    color: #ffffff;
    position: relative;
}
.panel-wg .panel-body {
    background: #171b2c none repeat scroll 0 0;
	border: 1px solid #2f3550;
	padding: 0px;
}
.booking-rooms .panel-scroll {
    overflow: hidden !important;
    padding-right: 10px !important;
    position: relative;
    width: auto;
	margin-right: -12px;
}
.guests-area {
    /* height: 171px; */
}
.booking-rooms .panel-title {
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 0;
	text-align: left;
}
.booking-rooms .panel-tools {
    font-size: 12px;
    position: absolute;
    right: 20px;
    top: 10px;
}
.date-pick {
	cursor: pointer !important;
}
.picker__frame {
    margin-bottom: 0 !important;
}

@media (max-width: 480px) {
	.hotel-booking {
		background: #272c42;
		min-height: auto; 
		max-height: 295px;
		padding: 10px;
		margin-top: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}
	.booking-date {
		background: #171b2c none repeat scroll 0 0;
		border-radius: 3px;
		color: #99cdd9;
		cursor: pointer;
		display: block;
		padding: 3px;
	}
	.date-title {
		border-bottom: 1px solid #2f3550;
		font-size: 12px;
		padding: 7px 0;
		text-align: center;
	}
	.date-holder {
		margin: 5px 0;
	}
	.booking-date .the-date {
		border-right: 1px solid #2f3550;
		color: #fff;
		display: inline-block;
		font-family: "Arial";
		font-size: 36px;
		line-height: 40px;
		margin: 0;
		padding: 0 2px;
	}
	.day-month {
		display: inline-block;
		padding-top: 5px;
	}
	.checkin .the-day {
		color: #00e42b;
		font-size: 12px;
		line-height: 14px;
	}
	.checkout .the-day {
		color: #ff0000;
		font-size: 12px;
		line-height: 14px;
	}
	.booking-date .the-month {
		display: block;
		font-size: 18px;
		text-transform: uppercase;
	}
	.mob-pad{
		padding: 5px;
	}
	.hotel-booking {
    overflow-x: hidden;
    overflow-y: scroll;
}
}
/* -------------------------------------- SpinBox Styles ---------------------------------*/

.tapBox { 
	display: block; 
	float: right; 
	margin: 0; 
}
.tapDown { 
	border: 2px solid #99cdd9;
    border-radius: 100%;
    color: #fff;
    float: left;
    height: 34px;
    text-align: center;
    width: 34px;
	cursor: pointer;	
}
.tapUp { 
	border: 2px solid #99cdd9;
    border-radius: 100%;
    color: #fff;
    float: left;
    height: 34px;
    text-align: center;
    width: 34px;
	cursor: pointer;
}
.tapDown span, .tapUp span, .tapEntry span { 
	line-height: 32px; 
	font-weight: normal; 
	font-size: 18px;
	font-family: Arial,sans-serif; 
}
.tapEntry span { 
	font-size: 24px; 
}
.tapEntry { 
	float: left; 
	height: 36px; 
	width: 80px; 
	color: #fff; 
	text-align: center; 
}
.booking-adults.booking-row {
}
.booking-row {
    border-bottom: 1px solid #2f3550;
    padding: 6px 20px;
	text-align: left;
}
.booking-row.child-age {
    background: #5f8295;
	text-align: right;
}
.child-age .guests-title {
    padding-right: 15px;
}
.guests-title {
    color: #fff;
    font-size: 16px;
    line-height: 36px;
    margin-bottom: 0;
}

.booking-currency {
    background: #272c42;
}
.booking-currency.booking-row > select {
    background: #171b2c none repeat scroll 0 0;
    border: medium none;
    border-radius: 3px!important;
    float: right;
    padding: 8px;
    width: 140px;
}


@media (max-width: 480px) {
	
	.tapDown span, .tapUp span, .tapEntry span {
		font-family: Arial,sans-serif;
		font-size: 18px;
		font-weight: normal;
		line-height: 36px;
	}
	.tapEntry {
		color: #fff;
		float: left;
		height: 36px;
		text-align: center;
		width: 50px;
	}
	.booking-currency.booking-row > select {
		background: #171b2c none repeat scroll 0 0;
		border: medium none;
		border-radius: 3px;
		float: right;
		padding: 8px;
		width: 120px;
	}
}
.add-room { display: none;}
.add-room, .del-room {
    background: #171b2c;
    border-radius: 3px;
    color: #99cdd9;
    padding: 5px 10px;
}
.room:first-child .del-room {
    display:none;
}
.room:first-child .add-room {
    display: block;
}

@media (max-width: 320px) {
	
	.booking-date .the-date {
		border-right: 1px solid #2f3550;
		color: #fff;
		display: inline-block;
		font-family: "Arial";
		font-size: 28px;
		line-height: 32px;
		margin: 0;
		padding: 0 2px;
	}
	.day-month {
		display: inline-block;
		padding-top: 0;
	}
	.tapEntry {
		width: 30px;
	}
	.tapDown span, .tapUp span, .tapEntry span {
		line-height: 32px;
	}
	.booking-currency.booking-row > select {
		width: 95px;
	}
	.booking-row {
		padding: 6px 10px;
	}
	.booking-rooms .panel-title {
		color: #fff;
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 0;
		margin-top: 0;
	}
	.booking-rooms .panel-tools {
		font-size: 12px;
		position: absolute;
		right: 10px;
		top: 5px;
	}
	.booking-rooms .panel-title {
		color: #fff;
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 0;
		margin-top: 0;
	}
	.guests-title {
		color: #fff;
		font-size: 14px;
		line-height: 34px;
		margin-bottom: 0;
	}
}