#booking-form{
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
}

/* BEGIN additional | date:2020-07-22 */
.room-container { min-height:100vh; }

.glob-row { display:block; clear:both; }
.glob-col-10 { float:left; width:10%; }
.glob-col-15 { float:left; width:15%; }
.glob-col-20 { float:left; width:20%; }
.glob-col-25 { float:left; width:25%; }
.glob-col-27 { float:right; width:27%; margin-right:12px; }
.glob-col-30 { float:left; width:30%; }
.glob-col-35 { float:left; width:35%; }
.glob-col-40 { float:left; width:40%; }
.glob-col-45 { float:left; width:45%; }
.glob-col-50 { float:left; width:50%; }
.glob-col-55 { float:left; width:55%; }
.glob-col-60 { float:left; width:60%; }
.glob-col-62 { float:left; width:62%; }
.glob-col-65 { float:left; width:65%; }
.glob-col-69 { float:left; width:69%; }
.glob-col-70 { float:left; width:70%; }
.glob-col-75 { float:left; width:75%; }

.content-padding-15 { padding:15px; } 
.content-wrap { background-color:#f4f4f4; }
.clear-both { clear:both; }

.group-room { background-color:#f8f8f8; padding:10px 10px 10px 10px; }

.room-wrap { background-color:#ffffff; }

.position-right { float:right; }

.bold { font-weight:700; }

.room-facility-wrap { margin-top:10px; }
.white-background { background-color:#ffffff; }

.discount-wrap { position:absolute; left:0; text-align:left; }

.occupancy-position { text-align:right; padding-right:15px; }

.rate-plan-wrap { margin-top:10px; border:1px solid #ddd; border-left:3px solid #91d54d; width:100%; height:auto; }
.rate-plan-details { padding:15px 29px 15px 15px; position:relative; } 
.rate-plan-view-more { color:#32a923; }

.selected-room { box-shadow: 0px 0px 18px -5px rgba(50, 169, 35, 0.95); }

@media screen and (min-width:1024px) {
	.book-room-wrap { position:absolute !important; bottom:0; width:inherit !important; padding-bottom:20px !important; }
	.room-wrap { margin-left:10px; margin-bottom:10px; }
}

@media screen and (max-width:500px) {
	.glob-col-10 { float:left; width:100%; }
	.glob-col-15 { float:left; width:100%; }
	.glob-col-20 { float:left; width:100%; }
	.glob-col-25 { float:left; width:100%; }
	.glob-col-27 { float:left; width:100%; margin-right:0px; }
	.glob-col-30 { float:left; width:100%; }
	.glob-col-35 { float:left; width:100%; }
	.glob-col-40 { float:left; width:100%; }
	.glob-col-45 { float:left; width:100%; }
	.glob-col-50 { float:left; width:100%; }
	.glob-col-55 { float:left; width:100%; }
	.glob-col-60 { float:left; width:100%; }
	.glob-col-62 { float:left; width:100%; }
	.glob-col-65 { float:left; width:100%; }
	.glob-col-69 { float:left; width:100%; }
	.glob-col-70 { float:left; width:100%; }
	.glob-col-75 { float:left; width:100%; }
	
	.occupancy-position { text-align:left !important; padding-right:0px !important; }
	
	.room-wrap { margin-left:0px !important; }
	.rate-plan-details { padding:15px 15px 15px 15px !important; }
	
	.position-right { float:intital !important; }
	
	.rate-plan-wrap { height:auto !important; }
	
	.view-item { padding-bottom:40px; }
	
	.mobile-divider { margin-bottom:20px; }

	.extras-title-wrap { display:none; }

	.slider { width:100% !important; }

	.mobile-layout { float:left; width:40% !important; }

	.hbExtraDay { font-size:12px; width:90px !important; margin-bottom:7px; height:35px; }

	.extras-col-name { float:left; width:60% !important; padding-left:0px; }
	.extras-col-qty { float:left; width:100% !important; text-align:right !important; }
	.extras-col-option { float:left; width:100% !important; text-align:right !important; }
	.extras-col-total { float:left; width:100% !important; text-align:right !important; margin-top:0px !important; margin-bottom:7px; } 
}

.slider { width:100%; margin:10px auto; } 
.slick-slide { margin:0px 10px 0px 0px; }
.slick-slide { transition: all ease-in-out .3s; /* opacity: .2; */ } 
.slick-list { margin-left:10px !important; }
.slick-slide img { width:100%; } 
.slick-prev:before, .slick-next:before { color:#232323; } 
.slick-track { margin-left:0px !important; }

.payment-col-30 { float:left; width:30%; }
.payment-col-50 { float:left; width:50%; }
.payment-col-70 { float:left; width:70%; }

.calendar-col-50 { float:left; width:50%; }

.extras-title-wrap { display:block; }
.extras-title-name { float:left; width:40%; padding-left:20px; }
.extras-title-qty { float:left; width:15%; text-align:center; }
.extras-title-option { float:left; width:30%; text-align:left; }
.extras-title-total { float:right; width:15%; text-align:center; }

.extras-col-name { float:left; width:40%; padding-left:20px; }
.extras-col-qty { float:left; width:15%; text-align:center; }
.extras-col-option { float:left; width:30%; text-align:left; }
.extras-col-total { float:right; width:15%; text-align:center; }

.hbExtraPerson { font-size:12px; width:90px !important; margin-bottom:7px; height:35px; }
.hbExtraQuantity { font-size:12px; width:90px !important; margin-bottom:7px; height:35px; }
.hbExtraDay { font-size:12px; width:63px !important; margin-bottom:7px; height:35px; }
 
/* END additional */
 
.no-margin-bottom { margin-bottom:0px; }

.booking-form-position{
margin-top:-94px;
}

.booking-form-outer input{
width:180px;
color:#2d2d2d !important;
}

.booking-form-outer input[type="submit"]{
color:#ffffff !important;
}

.booking-form-outer select{
width:113px !important;
-webkit-appearance:none !important;
color:#2d2d2d !important;
background-image:url(https://casabonitahotel.com/wp-content/uploads/2018/03/DD2.png);
background-repeat: no-repeat;
background-position: right;
background-size:20px;
-moz-appearance:none;
}

.booking-form-outer select:focus, .booking-form-outer input[type="text"]:focus{
/*background-color:transparent !important;*/
}

.booking-form-outer select::-ms-expand {
display: none;
}

.booking-form-outer input, .booking-form-outer select, .booking-form-outer input[type="text"]{
background-color: #fff !important;
height: 35px;
border: solid 1px #dbd8d8 !important;
cursor: pointer;
}

.booking-form-outer input[type="submit"]{
background-color:#666666;
border: solid 1px #666666 !important;
}

.date-selection, .input-selection{
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
opacity:0.8;
}

.margin-val{
margin-right:10px !important;
}

.booking-form-outer .submit-btn{
height:35px !important;
margin-right:0px !important;
margin-top: 0px;
margin-bottom: 0px !important;
}

.booking-form-outer{

}

#promo{
padding:10px;	
}

#dateto, #datefrom{
background-image:url(https://casabonitahotel.com/wp-content/uploads/2018/03/hb-calendar-icon.png);
background-repeat: no-repeat;
background-position: right;
padding:10px;
}

#dateto::-webkit-input-placeholder, #datefrom::-webkit-input-placeholder{
color:#2d2d2d;
}

#dateto::-moz-placeholder, #datefrom::-moz-placeholder{
color:#2d2d2d;
}

#dateto:-ms-input-placeholder, #datefrom:-ms-input-placeholder{
color:#2d2d2d;
}

#dateto:-moz-placeholder, #datefrom:-moz-placeholder{
color:#2d2d2d;
}

.amenity-icon {
	float:left;
	width:5% !important;
}

.amenity-description {
	float:left;
	width:45% !important;
}

@media screen and (max-width:1280px){
.booking-form-outer select{
width:90px !important;	
}
}

@media screen and (max-width:1240px){
	.booking-form-outer select{
		width:80px !important;	
	}
}

@media screen and (min-width:700px) and (max-width:1024px) {
	
	.btn-2 {
		width:152px !important;
	}
	
	.custom-col-6 {
		position:absolute;
		margin-top:59px;
		margin-left:55.7%;
		width:auto !important;
	}
	
	.room-container {
		margin-top:48px !important;
	}
	
	.font-size-amenity { font-size:12px; } 
}

@media screen and (min-width:768px) and (max-width:1024px){
.booking-form-position{
margin-top:-58px;
}

.booking-form-outer select{
width:90px !important;
background-position: 73px center;  
}

/*.booking-form-outer #promo{
width:90px !important;
}*/

.amenity-icon {
	float:left;
	width:5% !important;
}

.amenity-description {
	float:left;
	width:45% !important;
}

.font-size-amenity { font-size:12px; } 

.col-amenity {
	width:25% !important;
	float:left;
}

}

@media screen and (max-width:800px){
/*.booking-form-outer input{
width:150px !important;
}*/

.margin-val{
margin-right:5px !important;
}
}

@media screen and (max-width:750px){
#booking-form {
display: block;
}

.booking-form-outer input{
width:100% !important;
}

.booking-form-outer select{
width:100% !important;
background-position-x: 98%;
}

.margin-val{
margin-right:5px !important;
}

.mobile-last-element{
margin-right:0px !important;
}

.booking-form-position{
padding-top:20px;
}

.promo-code{
width:280px;
margin:0px auto;
}

#promo{
width:100% !important;
}

.date-selection, .input-selection{
display: block !important;
}
}

@media screen and (min-width:1024px){
.booking-form-outer #promo{

}

.font-size-amenity { font-size:14px; } 
}

.hbContainer .hbSearchItem{
	float: left; !important;
	overflow: hidden; !important;
	margin: 0 8px 0 0; !important;
}
.hbContainer .hbSearchItemLabel{
	margin: 0; !important;
	padding: 7px; !important;
	line-height: 18px; !important;
}
.hbContainer .hbText{
	border: solid 1px #dbd8d8; !important;
	-moz-border-radius: 4px; !important; 
	-webkit-border-radius: 4px; !important;
	border-radius: 4px; !important;
	margin: 0; !important;
	padding: 7px; !important;
	line-height: 18px; !important;
}
.hbContainer .hbSearchControl{
	margin: 0px 0 0; !important;
}
.hbSearchControl .hbButtonCheck{
	border: solid 1px #dbd8d8; !important;
	-moz-border-radius: 4px; !important; 
	-webkit-border-radius: 4px; !important;
	border-radius: 4px; !important;
	color: #fff; !important;
	float: none; !important;
	width: 100%; !important;
	margin: 32px 0 0; !important;
}

.btn-1 {
	background-color:#666666; 
	cursor:pointer;
	border:solid 1px #666666;
	color:white;
	height:35px; 
	width:100px;
	float:right; 
	margin-right:15px;
} 
 
.btn-2 {
	background-color:#666666; 
	cursor:pointer;
	border:solid 1px #666666;
	color:white; 
	height:35px; 
	width:25%;
}

.width-20 {
	width:20% !important;
}

.item-header {
	background-color:grey;
	color:white;
	padding:15px;
}
.item-body { 
}

.book-info {
	width:100%;
}

.book-info td, th {
	padding:5px;
}

.book-info th {
	padding-top:12px;
	padding-bottom:12px;
}

.container-info {
	overflow:auto;
	white-space:nowrap;
	margin-bottom:10px;
}

.col-extras {
	float:left;
	width:15%;
	padding:5px;
}

.col-extras-detail { 
	float:left;
	width:50%;
	padding:5px; 
}

.col-extras-select {
	float:left;
	width:20%;
	padding:5px; 	
}

.col-mobile-header {
	display:none;
}

.divider {
	display:none;
}

.row-extras:after {
	display:block;
	clear:both;
	content:"";
}

.dark-grey {
	color:#666666;
	font-weight:700;
}

@media only screen and (max-width:500px) {
	.col-mobile-header {
		display:table-cell !important;
		width:40% !important;
		float:left;
		padding:3px;
	}
	
	.col-extras {
		display:table-cell !important;
		width:60% !important;
	} 
	.col-extras-select {
		display:table-cell !important;
		width:60% !important;
	}
	.col-extras-detail {
		display:table-cell !important;
		width:100% !important;
		margin-bottom:10px;
		font-weight:600;
		background-color:#f4f4f4;
	}
	
	.dark-grey {
		color:#666666;
		font-weight:700;
	}
	
	.divider { 
		display:block;
		margin-bottom:10px;
	}
	
	.row-extras {
		margin-bottom:15px;
		box-shadow:0px 0px 1px 0px rgba(0, 0, 0, 0.75);
		padding:5px;
	}
	
	.col-extras {
		padding: 3px !important;
	}
	
	.custom-col-45 {
		width:100% !important;
	}
	
	.custom-col-5 {
		width:100% !important;
	}
	
	.amenity-icon {
		float:left;
		width:15% !important;
	}

	.amenity-description {
		float:left;
		width:85% !important;
	}
}

.col-selected-room {
	width:50%;
	float:left;
	padding:5px;
}

.col-total-title {
	width:25%;
	float:left;
	padding:5px;
}

.col-total-value {
	width:70%;
	float:left;
	padding:5px;
}

.col-promo-title {
	width:25%;
	float:left;
	padding:5px;
}

.col-promo-value {
	width:70%;
	float:left;
	padding:5px;
}

.custom-col {
	min-width:300px; 
	display:table-cell;
	padding:5px;
	margin-right:8px; 
}

.custom-row:after {
	display:block;
	clear:both;
	content:"";
}

.font-title {
	font-size:26px;
	font-weight:600;
}

@media only screen and (max-width:500px) {
	.mobile-btn {
		width:100% !important;
		display:block;
		margin-bottom:5px;
		margin-top:5px;
	}
	
	.custom-col {
		width:100% !important;
		display:block !important;
	}
	
	.col-total-title {
		width:50% !important;
	}
	
	.col-total-value {
		width:50% !important;
		text-align:right;
	}
	
	.col-promo-title { 
		display:none;
	}
	
	.col-promo-value { 
		width:100% !important;
	}
	
	.promo-input {
		width:100% !important;
	}
	
	.col-amenity {
		width:20% !important;
		float:left;
	}
	
	.mobile-hide { display:none !important; }
}

.custom-col-2 {
	float:left;
	width:30%;
	padding:4px;
}

.custom-col-3 {
	float:left;
	width:70%;
	padding:4px; 
}

 
@media only screen and (max-width:500px) {
	.custom-col-2 { 
		width:100%;
	}
	.custom-col-3 { 
		width:100%;
	}
	.custom-col-6 {
		position:initial;
		margin-top:0;
		margin-left:0%;
		width:100% !important;
	}
	.font-title {
		font-size:20px !important; 
	}
	.hbText {
		width:100% !important;
	}
}

.hbText {
	width:auto;
}
 
.hbRed {
	color:red;
}

.mar-bottom {
	margin-bottom:20px;
}

@media only screen and (max-width:500px) {
	.mar-bottom {
		margin-bottom:0 !important;
	}
}

@media (min-width:768px) and (max-width:1023px) {
	.mar-bottom {
		margin-bottom:0 !important;
	}
	
	.col-amenity {
		width:25% !important;
		float:left;
	}
	
	.custom-col-45 {
		width:45% !important;
		float:left;
	}
	
	.custom-col-5 {
		width:5% !important;
		float:left;
	}
}

.book-info {
	width:100%;
}

.book-info td, th {
	padding:8px;
}

.book-info th {
	padding-top:12px;
	padding-bottom:12px;
}
  
.book-container {
	width:100%; border-top: solid black; background-color:white; padding:10px;
}

.highlight {
	outline:none;
	border-color:grey; 
	box-shadow:0 0 16px grey;
}

@media only screen and (min-width:1281px) {
	.this-width {
		width:30% !important;
	}
	
	.col-amenity {
		width:16.66% !important;
		float:left;
	}
	
	.custom-col-45 {
		width:45% !important;
		float:left;
	}
	
	.custom-col-5 {
		width:5% !important;
		float:left;
	}
	
	.amenity-icon {
		float:left;
		width:5% !important;
	}

	.amenity-description {
		float:left;
		width:45% !important;
	}
}

.select-opt {
	border-radius:4px;
	border:solid 1px #dbd8d8;
	padding:5px;
	width:10%;
}