@font-face {
	font-family: "Roboto-Thin";
	src: url("fonts/Roboto-Thin.ttf");
	}
@font-face {
	font-family: "Roboto-Regular";
	src: url("fonts/Roboto-Regular.ttf");
	}
	@font-face {
	font-family: "Roboto-Light";
	src: url("fonts/Roboto-Light.ttf");
	}
	@font-face {
	font-family: "Roboto-Medium";
	src: url("fonts/Roboto-Medium.ttf");
	}
	@font-face {
	font-family: "Roboto-Bold";
	src: url("fonts/Roboto-Bold.ttf");
	}
	
	body{
		margin: 0;
		padding: 0;
		background: #eee;
		font-family: Roboto-Regular !important;
	}
	.main-wrapper {padding: 0;}

		.main-wrapper > .body-wrapper > .side-bar {
		position: fixed;
		width: 302px;
		height: calc(100% - 29px);
		left: 0;
		transition: all 0.5s ease-in-out;
		margin-top: 7px;
		z-index: 1050;
	}

	html{background: #eaeaea;}
	.main-wrapper > .body-wrapper > .content-wrapper {
		width: calc(100% - 300px);
		background: #eaeaea;
		float: right;
		transition: all 0.5s ease-in-out;
	}
	
	
	.main-wrapper > .body-wrapper.nav-hidden > .side-bar{
		left: -300px;
	}
	.main-wrapper > .body-wrapper.nav-hidden > .content-wrapper{
		width: 100%;
	}
	
	
	
	
	
	
	
	/* sidebar css */
	.side-bar > .nav-wrapper {
		background: #fff;
		padding: 13px 0 0;
		width: 100%;
		min-height: 105%;
		position: relative;
	}
	
	.side-bar > .nav-wrapper > .nav-visibility-btn {
		position: absolute;
		right: -16px;
		background: #bfbfbf;
		display: inline-block;
		height: 30px;
		width: 30px;
		text-align: center;
		color: #242021;
		border-radius: 100px;
		line-height: 30px;
		top: 50%;
		margin-top: -15px;
		z-index: -1;
		cursor: pointer;
	}
	
	
	.side-bar > .nav-wrapper > .nav-visibility-btn::after {
		content: "\f107";
		font-family: ionicons;
		position: relative;
		color: #FFF;
		top: -2px;
		right: -4px;
		font-size: 11px;
	}
	
	.side-bar > .nav-wrapper > .nav-visibility-btn.close::after{
		content: "\f10a";
	}
	
	.side-bar > .nav-wrapper::before {
		content: "";
		position: absolute;
		background: linear-gradient(to left, #FF4081, #18FFFF);
		top: -8px;
		left: 0px;
		width: 100%;
		height: 5px;
	}
	
	.side-bar > .nav-wrapper > .nav-btns {
		text-align: center;
		margin-bottom: 35px;
		margin-top: 10px;
		margin-left: -5px;
	}
	
	.side-bar > .nav-wrapper > .nav-btns > a {
		text-decoration: none;
		color: #8a8a8a;
		border-left: 1px solid #ccc;
		padding: 0 28px;
		font-family: roboto-light;
		transition: all 0.3s ease-in-out;
		font-size: 14px;
	}
	
	
	.side-bar > .nav-wrapper > .nav-btns > a:hover{
		color: #FF4081;
	}
	
	
	.side-bar > .nav-wrapper > .nav-btns > a:first-child{
		border-left: none;
	}
	
	.side-bar > .nav-wrapper > .nav-btns > a > i {
		margin-right: 11px;
		font-size: 17px;
	}
	
	.side-bar > .nav-wrapper > .nav-btns > a > i.back {
		transform: rotate(180deg);
		display: inline-block;
	}
	
	.side-bar > .nav-wrapper > .nav-links{}
	
	.side-bar > .nav-wrapper > .nav-links ul {
		list-style: none;
		margin: 0;
		padding: 0;
		text-align: left;
		margin-left: 64px;
		border-left: 1px #e4e4e4 solid;
	}
	
	.side-bar > .nav-wrapper > .nav-links > ul > li{}
	
	.side-bar > .nav-wrapper > .nav-links > ul li a {
		text-decoration: none;
		color: #555;
		font-family: roboto-regular;
		display: block;
		margin: 0;
		line-height: 38px;
		text-indent: 40px;
		font-size: 13px;
		transition: all 0.3s ease-in-out;
		letter-spacing: 1px;
	}
	
	.side-bar > .nav-wrapper > .nav-links > ul li a:hover{
		color: #FF689D !important;
	}
	
	.side-bar > .nav-wrapper > .nav-links > ul li a.active
	{
		color: #4EB4FF;
	}
	
	.side-bar > .nav-wrapper > .nav-links > ul > li.tree{}
	
	.side-bar > .nav-wrapper > .nav-links > ul > li.tree > ul {
		padding-left: 0;
		margin-left: 41px;
	}
	
	.side-bar > .nav-wrapper > .nav-links > ul > li.tree > ul > li{text-align: left;}
	
	.side-bar > .nav-wrapper > .nav-links > ul > li.tree > ul > li > a {
		text-indent: unset;
		text-align: left;
		padding-left: 21px;
		font-size: 12px;
		color: #969696;
	}
	
	/* sidebar css */
	
	
	
	
	
	
	
	
	/* content wrapper css */
	
	.content-wrapper > .content-handler {
		position: relative;
		width: auto;
		margin: 0 auto;
		padding-top: 25px;
	}	
	
	
	.content-handler > .title-bar {
		width: 100%;
		height: auto;
		text-align: center;
		margin: 25px 0 53px;
		position: relative;
		z-index: 1055;
	}

	
	.content-handler > .title-bar > h2 {
		margin: 0;
		line-height: 44px;
		color: #a7a7a7;
		font-family: roboto-thin;
		font-size: 32px;
		font-weight: 100;
		letter-spacing: -1px;
	}
	.content-handler > .title-bar > h2 > span{color: #777;font-family: roboto-light;}
	
	.content-handler > .title-bar > p {
		margin: 3px 0 0;
		color: #888;
		font-family: roboto-light;
		font-size: 13px;
		text-transform: capitalize;
		letter-spacing: 1px;
	}
	
	
	
	
	.bookingVisibility {
		background: #fff;
		padding: 0 25px;
		position: relative;
		height: auto;
		margin: 0 0 30px;
		box-shadow: 0 10px 8px -14px #000;
	}
	
	.bookingVisibility > p {
		display: inline-block;
		margin: 25px 0 23px;
		vertical-align: middle;
		font-size: 13px;
		color: #a2a2a2;
		font-family: roboto-light;
		letter-spacing: 0.5px;
	}

	.extra-room-options.viewMode.clearfix {
		margin: -12px 0 0 !important;
	}


	.bookingVisibility > p > span{font-family: roboto-bold;text-transform: capitalize;color: #747171;}
	.bookingVisibility > .visibilityBtn {
		display: inline-block;
		background: #a4a4a4;
		height: 24px;
		width: 50px;
		float: right;
		vertical-align: middle;
		border-radius: 100px;
		position: relative;
		margin: 21px 0 0;
		cursor: pointer;
		transition: all 0.3s ease-in-out;
		box-shadow: 0px 2px 5px 0px #817e7e4d;
	}
	
	.bookingVisibility > .visibilityBtn > span {
		display: inline-block;
		height: 20px;
		width: 20px;
		border-radius: 100px;
		background: #fff;
		position: absolute;
		top: 2px;
		transition: all 0.3s ease-in-out;
		margin-left: 2px;
	}
	
	.bookingVisibility > .visibilityBtn.ison{
		background: #FB538E;
	}
	
	.bookingVisibility > .visibilityBtn.ison > span{
		left: 26px;
	}
	
	
	.bookingVisibility > .visibilityBtn > span::before {
		position: relative;
		content: "ON";
		font-family: roboto-bold;
		font-size: 11px;
		color: #fff;
		left: -22px;
		top: -1px !important;
	}
	
	.bookingVisibility > .visibilityBtn > span::after {
		position: relative;
		content: "OFF";
		color: #fff;
		right: -6px;
		letter-spacing: 1px;
		top: -1px;
		font-family: roboto-bold;
		font-size: 11px;
		color: #fff;
	}
	.bookingVisibility > .visibilityBtn.ison > span::after{visibility: hidden;}
	.content-wrapper > .content-handler .input-section {
	background: #fff;
	padding: 0 25px;
	position: relative;
	height: auto;
	margin: 0 0 30px;
	box-shadow: 0 10px 8px -14px #000;
	}
	
	.content-wrapper > .content-handler .input-section h2.sec-heading {
	display: inline-block;
	margin: 25px 0 23px;
	vertical-align: middle;
	font-size: 13px;
	color: #a2a2a2;
	font-family: roboto-light;
	letter-spacing: 0.5px;
	}
	
	.content-wrapper > .content-handler .input-section h2.sec-heading > strong{font-family: roboto-bold;text-transform: capitalize;color: #747171;font-weight: normal !important;font-weight: 1000;}
	
	.content-wrapper > .content-handler .input-section .input-item {
		display: inline-block;
		width: 47%;
		vertical-align: middle;
		position: relative;
		margin-bottom: 40px;
	}
	
	.content-wrapper > .content-handler .input-section .input-item.input:nth-of-type(2n+1) {
		margin-right: 48px;
	}
	
	.content-wrapper > .content-handler .input-section .input-item.full {
		width: 100%;
		margin-right: 0 !important;
	}
	
	.input-section .noRightMargin{
		margin-right: 0 !important;
	}
	
	.input-section .rightMargin{
		margin-right: 48px !important;
	}
	
	.input-section .input-item.mini-6 {
		width: 14% !important;
		margin-right: 24px !important;
	}
	
	.input-section .input-item.mini-5 {
		width: 15% !important;
		margin-right: 51px !important;
	}
	
	.input-section .mini-6.last, .input-section .mini-5.last{
		margin-right: 0 !important;
	}
	

	.content-wrapper > .content-handler .input-section .input-item > input[type="submit"]:hover {
		background: #52c674;
	}
	
	
	
	
	
	.content-wrapper > .content-handler .input-section .input-item > i {
		position: absolute;
		right: 3px;
		color: #c6c6c6;
		font-size: 27px;
		margin-top: -13px;
	}
	
	.content-wrapper > .content-handler .input-section .input-item > label {
		display: block;
		font-size: 13px;
		font-family: roboto-light;
		margin-bottom: 10px;
		letter-spacing: 1px;
	}


	.reservationActiveStatus {
		text-align: left;
	}

	.reservationActiveStatus .status, .pswd-inf0 .reservation-id {
		font-size: 12px;
		color: rgb(135, 131, 131);
		font-family: roboto-regular;
		letter-spacing: .4px;
		text-align: left;
		border: none;
	}
	.room-types {
		margin-top: 0;
		margin-bottom: 4px;
		border-bottom: 1px #e6e6e6 solid !important;
		padding: 0;
		width: 63%;
		text-align: left;
	}

	.reservationActiveStatus > select {
		margin-top: 10px !important;
	}

	.roomSigner > div {
		width: 48%;
		display: inline-block;
		float: left;
		margin-top: 12px;
		margin-bottom: 8px;
	}
	.reservationActiveStatus {
		text-align: left;
	}

	.roomSigner > div:first-child {
		margin-right: 10px;
	}

	.content-wrapper > .content-handler .input-section .input-item > label.selectItem::after {
		content: "\f104";
		position: absolute;
		background: #FF699C;
		width: 20px;
		height: 20px;
		right: 14px;
		bottom: 17px;
		border-radius: 100px;
		pointer-events: none;
		font-family: ionicons;
		text-align: center;
		color: #fff;
		font-size: 12px;
		line-height: 22px;
	}
	.content-wrapper > .content-handler .input-section .input-item > select {
		display: block;
		width: 100%;
		height: 55px;
		background: #e9e9e9;
		border: none;
		text-indent: 6px;
		font-family: roboto-light;
		font-size: 12px;
		letter-spacing: 1px;
		color: #8f8f8f;
		border-radius: 3px;
		box-shadow: 0 6px 6px -8px #333;
	}
	
	.content-wrapper > .content-handler .input-section .input-item > input[type="text"] {
	display: block;
	width: 100%;
	height: 55px;
	background: #e9e9e9;
	border: none;
	text-indent: 19px;
	font-family: roboto-light;
	font-size: 12px;
	letter-spacing: 1px;
	color: #8f8f8f;
	border-radius: 3px;
	box-shadow: 0 6px 6px -8px #333;
	}
	.regular-checkbox {
		-webkit-appearance: none;
		background-color: #FF4081;
		padding: 9px !important;
		border-radius: 3px;
		display: inline-block;
		position: relative;
		margin-right: 20px;
		top: 4px;
	}
	.regular-checkbox:active, .regular-checkbox:checked:active {
		box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
	}
	.checkboxWrap {
		margin-top: 40px;
	}
	.checkboxWrap label{}
	.regular-checkbox:checked {
		background-color: #FF4081;
		color: #fff;
	}
	.regular-checkbox:checked::after {
		content: '\2714';
		font-size: 14px;
		position: absolute;
		top: 0px;
		left: 3px;
		color: #fff;
	}
	.content-wrapper > .content-handler .input-section .input-item > textarea {
		min-height: 250px;
		border: none;
		background: #eee;
		width: 100%;
		text-indent: 17px;
		padding: 15px 0;
		font-family: arial;
	}
	
	.content-wrapper > .content-handler .input-section .input-item.submit {
		margin-bottom: 0px;
		display: block;
		text-align: right;
		width: 100%;
		position: relative;
		margin-top: -20px;
	}
	
	.content-wrapper > .content-handler .input-section .input-item > input[type="submit"] {
		cursor: pointer;
		z-index: 2;
		position: relative;
		margin-bottom: 25px;
		display: inline-block;
		background: #509cff;
		color: #fff;
		font-size: 12px;
		letter-spacing: 1px;
		padding: 10px 18px;
		text-transform: uppercase;
		border-radius: 100px;
		box-shadow: 0px 2px 5px 0px #817e7e4d;
	}
	
	.content-wrapper > .content-handler .input-section .input-item > input[type="submit"]:disabled{
		background: #999;
	}
	
	
	.input-item.submit > p {
		display: block;
		font-size: 14px;
		font-family: arial;
		position: absolute;
		width: 100%;
		text-align: center;
		z-index: 1;
		margin: 0 auto;
		line-height: 35px;
	}
	
	
	.content-wrapper > .content-handler .input-section .input-item > p.error {
		position: absolute;
		color: red;
		font-size: 12px;
		font-family: arial;
		bottom: -32px;
	}
	
	
	
	.input-section.systemPrefrences{
		position: relative;
	}
	
	.input-section.systemPrefrences::before {
		content: "";
		position: absolute;
		background: linear-gradient(to left, #FF4081, #18FFFF);
		top: -4px;
		left: 0;
		width: 100%;
		height: 4px;
	}
	.travel-outer.open .travel-pop-uo .room-block p.pop-up-p {
		color: #ff76a2 !important;
	}
	
	.input-section.systemPrefrences > .prefrences-block-wrapper{
		text-align: center;
		margin-bottom: 20px;
	}
	
	.input-section.systemPrefrences > .prefrences-block-wrapper > .prefrence-block {
		display: inline-block;
		padding: 0;
		vertical-align: middle;
		position: relative;
		font-family: roboto;
		margin-bottom: 65px;
	}
	
	.input-section.systemPrefrences > .prefrences-block-wrapper > .prefrence-block.selected::before {
		content: "";
		position: absolute;
		top: -7px;
		left: 0;
		width: 100%;
		height: 7px;
	}
	
	.input-section.systemPrefrences > .prefrences-block-wrapper > .prefrence-block > h2 {
		margin: 0 0 0px;
		font-size: 30px;
		font-family: roboto-thin;
		color: #7d7d7d;
		letter-spacing: 0px;
	}
	
	.input-section.systemPrefrences > .prefrences-block-wrapper > .prefrence-block > p {
		margin: 0;
		font-family: roboto-regular;
		color: #9c9c9c;
		font-size: 12px;
		letter-spacing: 1px;
		margin: 4px 0 0;
	}
	
	
	.input-section.systemPrefrences > .prefrences-block-wrapper > .prefrence-block.switch {
		height: 35px;
		width: 70px;
		padding: 0;
		background: #FF6197;
		margin: -55px 70px 0;
		border-radius: 100px;
		position: relative;
		overflow: hidden;
		cursor: pointer;
	}
	
	.input-section.systemPrefrences > .prefrences-block-wrapper > .prefrence-block.switch > span {
		background: #fff;
		display: inline-block;
		height: 28px;
		width: 28px;
		border-radius: 100px;
		position: absolute;
		top: 3px;
		right: 5px;
		transition: all 0.5s ease-in-out;
	}
	
	
	.input-section.systemPrefrences > .prefrences-block-wrapper > .prefrence-block.switch.homebasic > span {
		right: 37px;
	}
	
	.input-section.systemPrefrences > .prefrences-block-wrapper > .prefrence-block.switch > span::before {
		position: relative;
		content: "\f10b";
		font-family: ionicons;
		color: #fff;
		top: -2px;
		left: -25px;
		font-size: 25px;
	}
	
	.input-section.systemPrefrences > .prefrences-block-wrapper > .prefrence-block.switch > span::after {
		position: relative;
		content: "\f108";
		font-family: ionicons;
		font-size: 25px;
		color: #fff;
		top: -2px;
		left: 20px;
	}

	.bed-room .content-container > .content-wrap > p.size > a {
		color: #689af2;
	}

	#room-options-for-reservation .room-info-blocks a.brakfast {
		color: #fb669a;
		font-family: roboto-regular;
		font-size: 13px;
		letter-spacing: .5px;
		text-align: left;
		display: inline-block;
	}
	
	
	.input-section.externalLinks{}
	
	.input-section.externalLinks .input-item.input:nth-of-type(2n+1) {
		width: 30%;
	}
	
	.input-section.externalLinks .input-item.input:nth-of-type(2n) {
		width: 64%;
	}
	
	
	.btn-bar {
		margin-bottom: 15px;
		text-align: right;
		padding: 0 35px;
	}	
	.btn-bar > a {
		display: inline-block;
		height: 35px;
		border-radius: 100px;
		background: #FF6197;
		text-align: center;
		text-decoration: none;
		color: #fff;
		font-family: roboto-light;
		font-size: 14px;
		line-height: 35px;
		position: relative;
		padding: 0 17px;
		margin-left: 10px;
		letter-spacing: .4px;
	}
	
	.btn-bar > a.back-btn {
		float: left;
		background: none;
		color: #555;
		font-size: 16px;
		margin-left: 26px;
		width: auto;
		padding: 0;
	}
	
	.btn-bar > a.back-btn > strong{}
	
	.btn-bar > a.back-btn::after {
		content: "\f108";
		color: #FF4081;
		position: absolute;
		font-family: ionicons;
		font-size: 27px;
		left: -27px;
	}
	
	
	
	
	
	
	
	/* rooms view css */
	
	.rooms-wrapper {
	background: #fff;
	padding: 0 25px;
	position: relative;
	height: auto;
	margin: 0 0 30px;
	box-shadow: 0 10px 8px -14px #000;
	}
	
	/* .rooms-wrapper::before {
		content: "";
		position: absolute;
		background: linear-gradient(to left, #FF4081, #18FFFF);
		top: -7px;
		left: 0;
		width: 100%;
		height: 7px;
	} */

	.rooms-wrapper > h2 span {
		font-family: roboto-regular;
		color: #848484;
		letter-spacing: -.3px;
	}

	.rooms-wrapper > h2 {
		font-size: 20px;
		font-family: roboto-thin;
		font-weight: 500;
		margin: 0 0 0;
		color: #b4b0b0;
		display: block;
		padding-top: 22px;
	}
	
	.rooms-wrapper > i {
		float: right;
		margin-top: -31px;
		font-size: 24px;
		color: #c6c2c2;
	}
	
	
	.rooms-wrapper > ul.room-grid {
		margin: 3px 0 0 5px;
		padding: 0 0 38px;
		list-style: none;
	}
	
	.rooms-wrapper > ul.room-grid > li {
		display: block;
		padding: 11px 0 0px;
	}
	.rooms-wrapper > ul.room-grid > li > .row-btn > a:hover:before{color: #FF4081;}
	.rooms-wrapper > ul.room-grid > li > div {
		display: inline-block;
		background: #eee;
		margin-right: 10px;
		height: 60px;
		vertical-align: middle;
	}
	.dash-body-wrapper.reservations-wrapper.viewMode::after{
		content: "";
		height: 100%;
		position: fixed;
		background: transparent;
		display: block;
		z-index: 1051;
		bottom: 0;
		cursor: no-drop;
		left: 335px;
		top: 0;
		right: 34px;
	}
	.viewMode .moreRow {
		display: none;
	}

	.total-summary.clearfix.viewMode {
		padding-bottom: 10px;
	}

	.rooms-wrapper > ul.room-grid > li > .row-btn {
		width: 60px;
		text-align: center;
	}
	
	.rooms-wrapper > ul.room-grid > li > .row-btn:last-child{
		margin-right: 0;
	}
	
	.rooms-wrapper > ul.room-grid > li > .row-btn > i {
		font-size: 18px;
		color: #7b7b7b;
		line-height: 65px;
	}
	
	.rooms-wrapper > ul.room-grid > li > .row-btn > a {
		font-size: 17px;
		line-height: 56px;
		color: #989898;
		transition: all 0.5s ease-in-out;
		display: block;
		padding-top: 7px;
		height: 50px;
	}
	.roompopupintro {
		color: #ff769d;
		font-family: roboto-medium;
		font-size: 20px;
		margin-top: 4px;
	}

	.roompopupintro > h2 > span {
		color: #878787;
		font-family: roboto-light;
		font-size: 15px;
	}
	.roompopupintro > p {
		width: 251px;
		font-size: 13px;
		font-family: roboto-regular;
		letter-spacing: .3px;
		line-height: 23px;
		color: #929292;
		margin-top: 9px;
	}

	.pop-up-main-wrap.roomdatapopup .pop-up-wrap .img-container p {
		color: #ff769d;
		font-family: roboto-medium;
		font-size: 20px;
		padding: 0 5px 13px;
		margin-bottom: 0;
	}
	.pop-up-main-wrap.roomdatapopup .pop-up-wrap .img-container img {
		border: 1px #e0e0e0 solid;
		width: 195px;
		margin-right: 10px;
		background: #fff;
		box-shadow: 0 4px 18px -6px #a1a1a1;
		border-radius: 9px;
		height: 195px;
	}

	.pop-up-main-wrap.roomdatapopup .pop-up-wrap .img-container p {
		color: #ff769d;
		font-family: roboto-medium;
		font-size: 20px;
		padding: 0 5px 13px;
		margin-bottom: 0;
	}
	.pop-up-main-wrap.roomdatapopup .pop-up-wrap .img-container p {
		color: #ff769d;
		font-family: roboto-medium;
		font-size: 20px;
		padding: 20px 0px 10px;
		margin-bottom: 0;
	}

	#close-room-info-preview {
		width: 50px;
		height: 50px;
		border-radius: 1000px;
		padding: 0;
		line-height: 50px;
		background: #ffd7d7;
		color: #ffa0a0;
	}
	.pop-up-wrap > .btn-wrap {
	float: right;
	}


	.rooms-wrapper > ul.room-grid > li > .row-btn > a:hover{
		color: #FF4081;
	}
	
	.rooms-wrapper > ul.room-grid > li > .row-title {
		width: calc(100% - 307px);
	}
	
	.rooms-wrapper > ul.room-grid > li > .row-title > p {
		margin: 0;
		font-family: roboto-light;
		color: #929292;
		line-height: 64px;
		text-indent: 20px;
		font-size: 14px;
		letter-spacing: .3px;
	}

	.dash-body-wrapper.generalSettingsMainWrap{ background: transparent;}
	.dash-body-wrapper {
		position: relative;
		margin: 0 35px 42px;
		background: #fff;
		border-radius: 9px;
		box-shadow: 0 12px 28px -26px #5d5d5d;
	}
.bookformHeadingsWrap {
	text-align: left;
	color: #333;
	display: inline-block;
	width: 850px;
	margin-top: 55px;
}

.bookformHeadingsWrap {
	text-align: left;
	color: #333;
	display: inline-block;
	width: 850px;
	margin-top: 10px;
}

.bookformHeadingsWrap > h3.hd {
	color: #ff78a7 !important;
	font-family: roboto-regular;
	font-size: 19px;
	letter-spacing: .5px;
	margin-left: -2px;
}
.bookformHeadingsWrap > h2.hd {
	color: #929090 !important;
	font-family: roboto-regular !important;
	font-size: 13px;
	letter-spacing: .5px;
	margin: 5px 0 0;
}
#room-options-for-reservation {
	text-align: left;
	color: #333;
	display: inline-block;
	width: 850px;
	margin-top: 3px;
}
#room-options-for-reservation > h2.hd {
	color: #ff78a7 !important;
	font-family: roboto-light !important;
	font-size: 15px;
	letter-spacing: .5px;
}
#room-options-for-reservation > img.dumy {
	width: 107%;
		margin-left: -30px;
		margin-top: -37px;
		cursor: no-drop;
		display: block;
-webkit-animation-duration: .5s;
-animation-duration: .5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;

}

.roomdatapopup{
	-webkit-animation-duration: .5s;
-animation-duration: .5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: slideInUp;
animation-name: slideInUp;

}

.dash-body-wrapper > .update-container {
		padding: 28px 30px 35px;
		height: auto;
		position: unset;
	}

	.dash-body-wrapper > .update-container.innerReservationStep1{background: #e9e9e9; width: 850px;display: inline-block;text-align: left;border: 1px #e6e6e6 solid;border-radius: 10px;box-shadow: 0 10px 11px -16px #111;}
		.dash-body-wrapper::before {
		content: "";
		position: absolute;
		background: linear-gradient(to left, #FF4081, #18FFFF);
		top: 0px;
		left: 0;
		height: 4px;
		z-index: 100;
		right: 0;
		z-index: 1051;
	}
	
	
	
	
	/* new rooms css */
	
	.dash-body-wrapper.rooms-new-wrapper.viewMode::after {
		content: "";
		height: 100%;
		width: 100%;
		position: absolute;
		background: #ffc9c91a;
		display: block;
		top: 0;
		cursor: no-drop;
	}
	
	.rooms-new-wrapper {
		position: relative;
		padding: 0 0 5px;
	}
	
	
	/* room media section css */
	ul.room-media-grid {
		padding: 0;
		list-style: none;
		position: relative;
	}
	
	ul.room-media-grid > li {
		display: block;
		padding: 15px 0;
		position: relative;
	}
	
	ul.room-media-grid > li > div {
		display: inline-block;
		background: #eee;
		margin-right: 10px;
		height: 60px;
		vertical-align: middle;
		overflow: hidden;
	}
	
	ul.room-media-grid > li > .row-img {
		width: 80px;
		text-align: center;
		background-size: cover !important;
		background-position: center center !important;
	}
	
	ul.room-media-grid > li > .row-img > canvas{
		width: 100%;
		height: 100%;
	}
	
	ul.room-media-grid > li > .row-btn {
		width: 60px;
		text-align: center;
	}
	
	ul.room-media-grid > li > .row-btn.resetHandlerP {
		position: relative;
	}

	.room-block .second.child-age-block {
		margin-top: 15px;
	}
	.room-block .child-age-block .adult-outer p {
		padding-top: 15px;
	}
	
	ul.room-media-grid > li > .row-btn.resetHandlerP::after {
		content: "\f21c";
		position: absolute;
		font-family: ionicons;
		color: #777;
		background: #eee;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		font-size: 25px;
		line-height: 60px;
		text-align: center;
		cursor: pointer;
	}
	
	ul.room-media-grid > li > .row-btn:last-child{
		margin-right: 0;
	}
	
	ul.room-media-grid > li > .row-btn > i {
		font-size: 25px;
		color: #777;
		line-height: 60px;
	}
	
	ul.room-media-grid > li > .row-btn > a {
		font-size: 25px;
		line-height: 60px;
		color: #777;
		transition: all 0.3s ease-in-out;
	}
	
	ul.room-media-grid > li > .row-btn > a:hover{
		color: #FF4081;
	}
	
	ul.room-media-grid > li > .row-title {
		width: calc(100% - 390px);
	}
	
	ul.room-media-grid > li.spherical > .row-title {
		width: calc(100% - 464px);
	}
	
	ul.room-media-grid > li.img-error-p > .row-title {
		width: calc(100% - 242px);
	}
	
	ul.room-media-grid > li.video > .row-title {
		width: calc(100% - 316px);
	}
	
	ul.room-media-grid > li.isSpherical > .row-title {
		width: calc(100% - 394px);
	}
	
	ul.room-media-grid > li.existingPreview > .row-title {
		width: calc(100% - 350px);
	}
	
	ul.room-media-grid > li > .sphericalHandler{
		display: none;
	}
	
	ul.room-media-grid > li.spherical > .sphericalHandler{
		display: inline-block !important;
	}
	
	ul.room-media-grid > li.spherical.isSpherical > .sphericalHandler > a{
		color: #FF4081;
	}
	
	ul.room-media-grid > li.spherical.isSpherical > .cropHandler{
		display: none;
	}
	
	
	/* disabling existing preview */
	
	ul.room-media-grid > li.existingPreview > .sphericalHandler,
	ul.room-media-grid > li.existingPreview > .cropHandler{
		display: none !important;
	}
	
	
	
	ul.room-media-grid > li > .row-title > p {
		margin: 0;
		font-family: arial;
		color: #555;
		line-height: 60px;
		text-indent: 20px;
	}
	
	
	
	ul.room-media-grid > li.img-error-p > .row-title > p{
		color: red !important;
	}
	
	
	.adress-inf0 > textarea.notes{
		border: 1px #e7e7e7 solid;
		height: 136px;
		color: #7b7b7b;
		font-family: roboto-regular;
		font-size: 13px;
		width: 100%;
		display: inline-block;
		border-radius: 4px;
		padding-left: 15px;
		background: #eee;
		padding-top: 15px;
		margin-bottom: 0;
	}

	
	
	.input-section .room-media-uploader {
		text-align: right;
		margin: 20px 0 0;
		position: relative;
	}
	
	.input-section .room-media-uploader > p.error {
		position: absolute;
		color: red;
		font-size: 14px;
		font-family: arial;
		bottom: -5px;
		left: 0;
	}
	
	.input-section .room-media-uploader > a {
		display: inline-block;
		height: 35px;
		width: 150px;
		background: #FF4081;
		text-align: center;
		line-height: 35px;
		text-decoration: none;
		color: #fff;
		font-size: 14px;
		font-family: arial;
		border-radius: 100px;
	}
	
	/* room media section css */
	
	
	
	
	
	
	
	
	
	/* room amenities section css */
	
	.input-section > .amenities-list {
		background: #eee;
		padding: 40px;
		/* text-align: center; */
	}
	
	.input-section > .amenities-list > .list-item {
		display: inline-block;
		width: 32%;
		margin: 12px 0;
		text-align: left;
		color: #575454;
		font-size: 14px;
		font-family: roboto-light;
		position: relative;
		cursor: pointer;
		text-transform: capitalize;
		letter-spacing: .3px;
	}
	
	.input-section > .amenities-list > .list-item::after {
		content: "\f3a6";
		font-family: ionicons;
		position: absolute;
		font-size: 16px;
		left: -20px;
	}
	
	.input-section > .amenities-list > .list-item.selected::after{
		content: "\f3a7";
		color: #FF4081;
	}
	
	.input-section > .amenities-list > .list-item > input {
		display: none;
	}
	
	.input-section > .amenities-new-wrapper {
		margin-top: 30px;
		text-align: center;
	}
	
	.input-section > .amenities-new-wrapper > p {
		display: inline-block;
		font-size: 20px;
		font-family: arial;
		vertical-align: middle;
		margin: 0;
		color: #666;
	}
	
	.input-section > .amenities-new-wrapper > input {
		vertical-align: middle;
		height: 34px;
		width: 200px;
		border-radius: 3px;
		text-indent: 15px;
		background: #eee;
		border: none;
		margin: 0 50px;
	}
	
	.input-section > .amenities-new-wrapper > a {
		background: #FF4081;
		display: inline-block;
		vertical-align: middle;
		height: 34px;
		width: 140px;
		text-decoration: none;
		text-align: center;
		color: #fff;
		font-family: arial;
		font-size: 15px;
		line-height: 34px;
		border-radius: 100px;
	}
	
	
	
	
	/* room amenities section css */
	
	
	
	
	
	
	/* new rooms css */
	
	
	
	
	
	
	/* room rates css */
	
	
	.input-section .room-section-heading {
		height: 65px;
		border-bottom: 1px solid #222;
		padding-top: 15px;
		margin-bottom: 40px;
	}
	
	.input-section .room-section-heading > h3 {
		display: inline-block;
		float: left;
		margin: 0;
		font-size: 20px;
		font-family: arial;
		color: #555;
		vertical-align: middle;
		line-height: 40px;
	}
	
	.input-section .room-section-heading > select {
		display: inline-block;
		float: right;
		height: 40px;
		width: 45%;
		background: #eee;
		border: none;
		text-indent: 10px;
	}
	
	
	.travel-outer > .travel-pop-uo > .room-block .pop-up-p {
		color: #ff759c !important;
		font-family: roboto-medium !important;
		letter-spacing: 0.2px !important;
		margin-bottom: 3px !important;
	}

	.dash-body-wrapper.reservations-wrapper .update-container .travel-outer p {
		color: #6c6c6c !important;
	}
	.travel-outer.open .travel-pop-uo .room-block a.remover-handler {
		color: #ff718a;
		font-size: 12px;
		position: absolute;
		right: 0;
		top: 3px;
		letter-spacing: .4px;
	}
	.travel-outer > .travel-pop-uo > .room-block .pop-up-p {
		color: #ff759c !important;
		font-family: roboto-medium !important;
		letter-spacing: 0.2px !important;
		margin-bottom: 3px !important;
	}
	.age1-outer #travelers-new-room {
		font-size: 13px;
		padding: 14px 0 7px;
		color: #747474;
		letter-spacing: 1px;
		padding-bottom: ;
		display: block;
	}
	
	.input-section .perSeasonMood {
		padding: 0;
		margin-bottom: 40px;
	}
	
	.input-section .perSeasonMood > p {
		font-family: arial;
		font-size: 16px;
		color: #777;
		margin: 0;
	}
	
	.input-section .perSeasonMood > p > strong {
		color: #444;
	}
	
	.roomRatesFormParent .input-section{
		overflow: hidden;
	}
	
	
	.sec-hidden{
		display: none;
	}
	.amount-container {
		float: left !important;
		line-height: 30px !important;
		height: 40px !important;
		margin-top: 0 !important;
		vertical-align: top !important;
	}
	
	/* room rates css */
	
	
	
	#room-options-for-reservation .room-info-blocks p.romm-avalable {
		color: #958f8f !important;
		font-size: 14px !important;
		font-family: roboto-regular;
		margin-bottom: 15px;
		margin-top: 15px;
	}
	#room-options-for-reservation .room-info-blocks p.romm-avalable > span {
		padding: 0 5px;
		color: #FF4081 !important;
	}

	.bed-room .content-container > p.main-head {
		color: #ff588d !important;
	}
	
	
	
	
	
	
	
	
	/* season module css */
	
	.seasons-wrapper .seasons-block {
		background: #fff;
		padding: 25px;
		margin-bottom: 50px;
		position: relative;
	}
	
	.seasons-block a.handler {
		position: absolute;
		top: 23px;
		right: 18px;
		display: inline-block;
		height: 30px;
		width: 30px;
		text-align: center;
		color: #FF4081;
		cursor: pointer;
		line-height: 30px;
		font-size: 19px;
	}
	
	.seasons-block .season-head{}
	
	.seasons-block.open .season-head{
		display: none;
	}
	
	.seasons-block .season-head > h2 {
		margin: 0;
		display: inline-block;
		color: #777;
		font-family: arial;
		font-weight: 500;
		vertical-align: middle;
	}
	
	.seasons-block .season-head > h2 > strong{}
	
	.seasons-block .season-head > p {
		margin: 0 0 0 220px;
		display: inline-block;
		font-size: 15px;
		font-family: arial;
		color: #555;
		vertical-align: middle;
	}
	
	.seasons-block .season-head > p > span {
		color: #FF4081;
		font-weight: bold;
		margin: 0 20px;
	}
	
	
	.seasons-block .season-body{
		display: none;
	}
	
	.seasons-block.open .season-body{
		display: block !important;
	}
	
	.seasons-block .season-body > .season-body-head {
		margin-top: 30px;
	}
	
	.seasons-block .season-body > .season-body-head > .season-input-5.seasonEnd::before {
		content: "Please enter From date first";
		position: absolute;
		margin-top: -40px;
		background: #fff;
		box-shadow: 2px 2px 10px #333;
		width: 200px;
		text-align: center;
		height: 35px;
		line-height: 35px;
		border-radius: 10px;
		margin-left: -2px;
		font-size: 12px;
		transition: ease-in-out all .3s;
	}
	.seasons-block .season-body > .season-body-head > .season-input-5.seasonEnd label::before {
		content: "";
		position: absolute;
		width: 10px;
		height: 10px;
		background: #fff;
		transform: rotate(45deg);
		margin-top: -10px;
		left: 95px;
	}

	.seasons-block .season-body > .season-body-head > .season-input-5 {
		display: inline-block;
		position: relative;
		width: 17%;
		margin-right: 29px;
		vertical-align: middle;
	}

	
	.seasons-block .season-body > .season-body-head > .season-input-5::after {
		position: absolute;
		content: "\f117";
		font-family: ionicons;
		color: #fff;
		background: #FF4081;
		display: inline-block;
		height: 37px;
		width: 37px;
		text-align: center;
		line-height: 35px;
		right: 0;
		bottom: 0;
		font-size: 20px;
		pointer-events: none;
		cursor: pointer;
	}
	
	.seasons-block .season-body > .season-body-head > .season-input-5.name::after{
		content: "\f1fd";
	}
	.seasons-block .season-body > .season-body-head > .season-input-5.sbox::after{
		content: "\f35f";
	}
	
	.seasons-block .season-body > .season-body-head > .season-input-5:last-child{
		margin-right: 0 !important;
	}
	
	.seasons-block .season-body > .season-body-head > .season-input-5 > label {
		display: block;
		font-size: 15px;
		font-family: arial;
		margin-bottom: 5px;
	}
	
	.seasons-block .season-body > .season-body-head > .season-input-5 > input {
		background: #eee;
		border: none;
		display: block;
		height: 35px;
		width: 98%;
		text-indent: 10px;
	}
	
	.seasons-block .season-body > .season-body-head > .season-input-5 > select {
		height: 37px;
		border: none;
		display: block;
		width: 100%;
		text-indent: 10px;
		background: #eee;
	}
	
	.seasons-block .season-body > .season-body-head > .season-input-5 > p.error {
		position: absolute;
		color: red;
		font-size: 12px;
		font-family: arial;
		bottom: -32px;
	}
	
	.seasons-block .season-body-stuff {
		margin-top: 10px;
		padding: 25px 0 0;
	}
	
	.seasons-block .season-body-stuff > h2 {
		color: #666;
		font-family: arial;
		font-size: 18px;
		margin: 0;
	}
	
	.seasons-block .season-body-table {
		display: table;
		width: 100%;
		margin: 25px 0;
	}
	
	.seasons-block .season-body-table > .season-table-row {
		display: table-row;
		line-height: 35px;
	}
	
	.seasons-block .season-body-table > .season-table-row.headings{}
	
	.seasons-block .season-body-table > .season-table-row > .season-table-cell {
		display: table-cell;
	}
	
	.seasons-block .season-body-table > .season-table-row > .season-table-cell:first-child{}
	
	.seasons-block .season-body-table > .season-table-row.headings > .season-table-cell {
		font-size: 12px;
		font-family: arial;
		color: #444;
	}
	
	.seasons-block .season-body-table > .season-table-row > .season-table-cell > p {
		font-size: 13px;
		font-family: arial;
		color: #666;
	}
	
	.seasons-block .season-body-table > .season-table-row > .season-table-cell > input {
		border: none;
		background: #eee;
		width: 70px;
		text-indent: 10px;
		height: 25px;
	}
	
	
	
	.season-body-stuff > .season-block-submit {
		text-align: right;
	}
	
	.season-body-stuff > .season-block-submit > input {
		background: #FF4081;
		border: none;
		display: inline-block;
		height: 32px;
		width: 120px;
		border-radius: 100px;
		color: #fff;
		font-size: 15px;
		padding-bottom: 5px;
		cursor: pointer;
	}
	
	
	.season-body-stuff > .season-block-submit > a {
		text-decoration: none;
		background: #555;
		color: #fff;
		font-size: 14px;
		font-family: arial;
		display: inline-block;
		height: 32px;
		vertical-align: middle;
		border-radius: 100px;
		text-align: center;
		line-height: 32px;
		width: 120px;
		letter-spacing: 1px;
		margin-right: 20px;
		transition: all 0.3s ease-in-out;
	}
	
	.season-body-stuff > .season-block-submit > a:hover{
		background: #FF4081;
	}
	
	/* season module css */
	
	
	
	.bed-room.bed-room-1.room-block:last-child {
		margin: 0 0 -60px !important;
	}
	
	
	
	
	
	
	
	/* extras pricing css */
	
	.extras-pricing-wrapper{}
	.extras-pricing-wrapper > .extras-pricing-block {
		padding: 25px;
		background: #fff;
		margin-bottom: 40px;
		position: relative;
	}
	
	.extras-pricing-block a.handler {
		color: #FF4081;
		font-size: 18px;
		position: absolute;
		top: 22px;
		right: 21px;
		display: inline-block;
		height: 30px;
		width: 30px;
		text-align: center;
		line-height: 30px;
		cursor: pointer;
	}
	
	.extras-pricing-block .extras-block-head{}
	
	.extras-pricing-block.open .extras-block-head{
		display: none;
	}
	
	.extras-pricing-block .extras-block-head > h2 {
		margin: 0;
		font-family: arial;
		font-size: 20px;
		color: #666;
	}
	
	.extras-pricing-block .extras-block-body {
		margin-top: 25px;
		display: none;
	}
	
	.extras-pricing-block.open .extras-block-body{
		display: block !important;
	}
	
	.extras-pricing-block .extras-block-body > .extras-input-3 {
		display: inline-block;
		vertical-align: middle;
		width: 37%;
		margin-bottom: 40px;
		position: relative;
	}
	
	
	.extras-pricing-block .extras-block-body > .extras-input-3 > p.error {
		position: absolute;
		color: red;
		font-size: 12px;
		font-family: arial;
		bottom: -32px;
	}
	
	
	.extras-pricing-block .extras-block-body > .extras-input-3 > label {
		display: block;
		font-size: 15px;
		font-family: arial;
		color: #666;
		margin-bottom: 10px;
	}
	
	.extras-pricing-block .extras-block-body > .extras-input-3 > input {
		width: 99%;
		border: none;
		height: 35px;
		background: #eee;
		text-indent: 10px;
	}
	
	.extras-pricing-block .extras-block-body > .extras-input-3 > select {
		border: none;
		width: 100%;
		height: 37px;
		text-indent: 10px;
		background: #eee;
	}
	
	.extras-pricing-block .extras-block-body > .extras-input-3.mini {
		width: 16%;
		margin: 0 40px 40px;
	}
	
	.extras-pricing-block .extras-block-body > .extras-input-3.mini > input{}
	
	.extras-pricing-block .extras-block-body > .extras-input-3.single {
		width: 100%;
	}
	
	.extras-pricing-block .extras-block-body > .extras-input-3.single > textarea {
		border: none;
		background: #eee;
		width: 98%;
		height: 150px;
		padding: 10px;
		display: block;
		font-family: arial;
	}
	
	.extras-pricing-block .extras-block-body > .extras-input-submit {
		text-align: right;
	}
	
	.extras-pricing-block .extras-block-body > .extras-input-submit > a{
		display: inline-block;
		border: none;
		border-radius: 100px;
		background: #444;
		color: #fff;
		font-size: 14px;
		font-family: arial;
		text-align: center;
		height: 30px;
		width: 120px;
		line-height: 30px;
		cursor: pointer;
		margin-right: 20px;
		text-decoration: none;
		letter-spacing: 1px;
		transition: all 0.3s ease-in-out;
	}
	
	.extras-pricing-block .extras-block-body > .extras-input-submit > a:hover{
		background: #FF4081;
	}
	
	.extras-pricing-block .extras-block-body > .extras-input-submit > input {
		display: inline-block;
		border: none;
		border-radius: 100px;
		background: #FF4081;
		color: #fff;
		font-size: 14px;
		font-family: arial;
		text-align: center;
		height: 30px;
		width: 120px;
		line-height: 30px;
		cursor: pointer;
		letter-spacing: 1px;
	}
	
	/* extras pricing css */
	
	
	
	.templateSideBookingEngine {
		text-align: center;
		position: relative;
		z-index: 1050;
		margin-top: -260px;
		margin-bottom: 115px;
	}
	
	
	.update-container.templeteSide p {
		color: #ff6199;
		font-family: roboto-light;
		font-size: 14px;
		letter-spacing: .5px;
		margin-bottom: 8px;
		text-align: left;
	}
	.update-container.templeteSide p.travel-head {
		color: #6c6c6c;
	}
	.update-container.templeteSide p {
		color: #ff6199;
		font-family: roboto-light;
		font-size: 14px;
		letter-spacing: .5px;
		margin-bottom: 8px;
		text-align: left;
	}
	.uk-modal {
		z-index: 1090 !important;
	}
	
	
	
	
	
	
	
	
	
	
	
	/* payments settings css */
	
	.payment-settings{}
	
	.payment-settings .p-settings-head {
		background: #fff;
		padding: 0 25px;
		margin-bottom: 40px;
	}
	
	.payment-settings .p-settings-head > h2 {
		margin: 0;
		font-size: 17px;
		color: #8faba7;
		font-family: arial;
		line-height: 70px;
	}
	
	.payment-settings .p-settings-method-block {
		background: #fff;
		margin-bottom: 40px;
		padding: 25px;
	}
	
	.p-settings-method-block > .method-block-table {
		display: table;
		width: 100%;
	}
	
	.p-settings-method-block > .method-block-table > .method-block-row {
		display: table-row;
	}
	
	.p-settings-method-block > .method-block-table > .method-block-row > .method-block-cell {
		display: table-cell !important;
		vertical-align: middle;
	}
	
	.p-settings-method-block > .method-block-table > .method-block-row > .method-block-cell.img {
		text-align: center;
		width: 25%;
	}
	
	.p-settings-method-block > .method-block-table > .method-block-row > .method-block-cell.note {
		box-shadow: -23px 0 0 -21px #999;
	}
	
	.p-settings-method-block > .method-block-table > .method-block-row > .method-block-cell.btn {
		text-align: center;
		width: 25%;
	}
	
	.p-settings-method-block > .method-block-table > .method-block-row > .method-block-cell > img {
		width: 100px;
	}
	
	.p-settings-method-block > .method-block-table > .method-block-row > .method-block-cell > h2 {
		font-weight: 500;
		font-family: arial;
		color: #666;
		font-size: 20px;
		letter-spacing: 1px;
	}
	
	.p-settings-method-block > .method-block-table > .method-block-row > .method-block-cell > h2 > strong{
		color: #FF4081;
	}
	
	.p-settings-method-block > .method-block-table > .method-block-row > .method-block-cell > p {
		margin: 0 auto;
		font-size: 15px;
		font-family: arial;
		color: #8faba7;
		line-height: 30px;
		width: 93%;
		text-align: left;
	}
	
	.p-settings-method-block > .method-block-table > .method-block-row > .method-block-cell > a {
		text-decoration: none;
		display: inline-block;
		height: 35px;
		width: 130px;
		text-align: center;
		border-radius: 100px;
		position: relative;
	}
	
	.p-settings-method-block > .method-block-table > .method-block-row > .method-block-cell > a::after {
		background: #FF4081;
		content: "Connect";
		position: absolute;
		font-size: 14px;
		height: 100%;
		width: 100%;
		border-radius: 100px;
		left: 0;
		top: 0;
		font-family: arial;
		color: #fff;
		line-height: 35px;
		letter-spacing: 1px;
	}
	
	.p-settings-method-block.selected > .method-block-table > .method-block-row > .method-block-cell > a::after{
		content: "Connected";
		background:  #34f0f0;
	}
	
	
	
	.p-settings-method-block .paypal-fields-block {
		margin-top: 20px;
		display: none;
	}
	
	.p-settings-method-block.selected .paypal-fields-block{
		display: block;
	}
	
	.p-settings-method-block .paypal-fields-block > .paypal-input {
		display: inline-block;
		width: 46%;
		vertical-align: middle;
		margin-bottom: 10px;
		position: relative;
	}
	
	.p-settings-method-block .paypal-fields-block > .paypal-input:nth-child(2) {
		margin-left: 67px;
	}
	
	.p-settings-method-block .paypal-fields-block > .paypal-input > label {
		display: block;
		font-size: 15px;
		font-family: arial;
		color: #666;
		margin-bottom: 10px;
	}
	
	.p-settings-method-block .paypal-fields-block > .paypal-input > input {
		display: block;
		width: 99.5%;
		border: none;
		background: #eee;
		height: 40px;
		text-indent: 10px;
	}
	
	.p-settings-method-block .paypal-fields-block > .paypal-input > p.error {
		color: red;
		font-size: 13px;
		font-family: arial;
		position: absolute;
		bottom: -33px;
		left: 0;
	}
	
	
	
	
	
	
	.payment-settings .deposit-type-settings {
		background: #fff;
		padding: 25px;
		margin-bottom: 40px;
	}
	
	.deposit-type-settings > .deposit-type-settings-head {
		border-bottom: 1px solid #999;
		padding-bottom: 5px;
		margin-bottom: 20px;
	}
	
	.deposit-type-settings > .deposit-type-settings-head > h2 {
		margin: 0;
		font-size: 18px;
		font-family: arial;
		font-weight: 500;
		color: #666;
		line-height: 40px;
	}
	
	.deposit-type-settings > .type-settings-table {
		display: table;
		width: 100%;
	}
	
	.deposit-type-settings > .type-settings-table > .type-settings-row {
		display: table-row;
	}
	
	.deposit-type-settings > .type-settings-table > .type-settings-row > .type-settings-cell {
		display: table-cell;
		padding: 10px 0;
		vertical-align: middle;
	}
	
	.deposit-type-settings > .type-settings-table > .type-settings-row > .type-settings-cell.checker {
		width: 15%;
	}
	
	.deposit-type-settings > .type-settings-table > .type-settings-row > .type-settings-cell.detail{}
	
	.deposit-type-settings > .type-settings-table > .type-settings-row > .type-settings-cell.input {
		width: 16%;
		position: relative;
	}
	
	.deposit-type-settings > .type-settings-table > .type-settings-row > .type-settings-cell.checker > a {
		text-decoration: none;
		color: #666;
		font-size: 15px;
		font-weight: bold;
		font-family: arial;
		margin-left: 30px;
		position: relative;
	}
	
	.deposit-type-settings > .type-settings-table > .type-settings-row > .type-settings-cell.checker > a::after {
		position: absolute;
		content: "\f3a6";
		font-family: ionicons;
		font-size: 21px;
		left: -29px;
		color: #666;
		display: inline-block;
		width: 29px;
		top: -2px;
	}
	
	.deposit-type-settings > .type-settings-table > .type-settings-row > .type-settings-cell.checker.checked > a::after {
		content: "\f3a7";
		color: #FF4081;
	}
	
	.deposit-type-settings.surcharge > .type-settings-table > .type-settings-row > .type-settings-cell.checker > a::after{
		content: "\f372";
	}
	.deposit-type-settings.surcharge > .type-settings-table > .type-settings-row > .type-settings-cell.checker.checked > a::after{
		content: "\f373";
	}
	
	.deposit-type-settings > .type-settings-table > .type-settings-row > .type-settings-cell.detail > p {
		font-size: 15px;
		color: #666;
		font-family: arial;
		width: 90%;
		margin: 0 auto;
		line-height: 25px;
	}
	
	.deposit-type-settings > .type-settings-table > .type-settings-row > .type-settings-cell.input > input {
		height: 30px;
		width: 99%;
		border: none;
		text-indent: 13px;
		background: #eee;
	}
	
	.deposit-type-settings > .type-settings-table > .type-settings-row > .type-settings-cell.input > select {
		border: none;
		width: 100%;
		height: 32px;
		background: #eee;
		text-indent: 5px;
	}
	
	
	.deposit-type-settings > .type-settings-table > .type-settings-row > .type-settings-cell.input > p.error {
		position: absolute;
		color: red;
		font-size: 12px;
		font-family: arial;
		bottom: -22px;
	}
	
	
	
	
	/* reservation new page css */
	
	.frontendReservation ._button.room-info-preview {
		display: none !important;
	}
	
	.reservations-wrapper{text-align: center;}

	.dash-body-wrapper.reservations-wrapper.frontendReservation {
		margin-top: 55px;
		padding-top: 37px;
		padding-bottom: 0px !important;
		margin-bottom: 0px;
	}
	

	.templateSideBookingEngine.step2 {
		margin: 0 0 20px;
	}
	
	
	.update-container .check-in-outer::before, .update-container .check-out-outer::before{
		pointer-events: none;
	}
	
	.travel-outer{
		position: relative;
	}
	
	body .dash-body-wrapper.reservations-wrapper .update-container .travel-outer.open > a p{
	}
	
	.travel-outer > .travel-pop-uo {
		position: absolute;
		top: 95px;
		border-top: none;
	}
	.travel-outer > .travel-pop-uo > .room-block{position: relative;border-bottom: 1px #d5d5d5 solid;margin-bottom: 8px;padding-bottom: 18px;
		-webkit-animation-duration: .5s;
		-animation-duration: .5s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeInright;
		animation-name: fadeInright;
	}
	
	.travel-outer > .travel-pop-uo > .room-block::after {
		content: "";
		position: absolute;
		width: 20px;
		height: 20px;
		background: #fff;
		top: -24px;
		left: 45%;
		transform: rotate(45deg);
	}
	
	.travel-outer.open > .travel-pop-uo {
		display: block;
		z-index: 1051;
		width: 100%;
		background: #fff;
		padding: 20px 15px 15px;
		border: 1px #d5d5d5 solid;
		border-radius: 5px;
		box-shadow: 0 7px 17px -14px #000;
	}
	
	.room-block .adult-outer, .room-block .child-outer{display: inline-block;width: 49%;vertical-align: top;}
	.child-outer{}
	.child-outer > .child-counter {}
	
	.travelers-counter > a:hover,.travelers-counter > a:active{background: #ff699c; color:#fff;}
		.travelers-counter > a {
			vertical-align: middle;
		display: inline-block;
		background: #D2D2D2;
		height: 40px;
		width: 40px;
		color: #888598;
		font-size: 16px;
		line-height: 39px;
		text-align: center;
		position: relative;
		z-index: 2;
		transition: ease-in-out .5s;
	}
	
	.travelers-counter > span {
		vertical-align: middle;
		font-size: 13px;
		background: #e7e7e7;
		display: inline-block;
		width: calc(100% - 80px);
		text-align: center;
		height: 40px;
		line-height: 41px;
		margin: 0 -5px;
		pointer-events: none;
		position: relative;
		z-index: 1;
		color: #777 !important;
		font-family: roboto-bold;
	}
	
	.child-ages-block {
		margin: 10px 0 0;
	}
	
	
	
	
	.pop-up-main-wrap {
		position: fixed;
		top: 0;
		left: 0;
	}
	
	.pop-up-main-wrap > .pop-up-wrap{}
	
	.room-block .room-reserve-btn.reserved {
		background: #FF4081 !important;
	}
	
	.temp-back-btn {
		text-align: right;
		padding: 0;
		position: absolute;
		width: 100%;
		height: 1px;
		margin-top: -50px;
	}
	
	.temp-back-btn > a {
	text-align: center;
	background: #ff699c;
	height: 35px;
	line-height: 36px;
	color: #fff;
	border-radius: 50px;
	font-size: 12px;
	font-family: roboto-light;
	letter-spacing: 1px;
	display: inline-block;
	width: 72px;
	}
	
	.week-end
	{
		background: #A7A7A7;
	}
	
	.week-end > p
	{
		color: #ffffff;
	}
	
	#roomTypesSelect {
		display: inline-block;
		height: 45px;
		background: #FF6096;
		color: #fff;
		width: 159px;
		text-align: left;
		font-family: roboto-regular;
		letter-spacing: .3px;
		border-radius: 10px;
		padding: 0 17px;
	}
	
	
	#roomTypesSelect > option {
		background: #fff;
		color: #444;
	}
	
	#grid-headings-wrap a{
	color: #a1a1a1;
	}
	#grid-headings-wrap a.active{
		color: #FF79A7 !important;
	}
	
	
	
	.date-change-selectors {
		text-align: center;
		padding-top: 18px;
	}
	
	.date-change-selectors > p {
		display: inline-block;
		vertical-align: middle;
		font-size: 13px;
		margin-right: 10px;
		cursor: pointer;
		color: #7a7a7a;
		font-family: roboto-light;
	}
	
	.date-change-selectors > a {
		display: inline-block;
		vertical-align: middle;
		font-size: 0;
		font-weight: bolder;
		background: #ff73a5;
		color: #fff;
		height: 20px;
		width: 20px;
		line-height: 26px;
		margin: 0 0px;
		border-radius: 3px;
		text-align: center;
	}

	.date-change-selectors > a::after {
		content: "\f104";
		font-family: ionicons;
		color: #fff;
		position: absolute;
		font-size: 11px;
		margin-left: -4px;
		margin-top: -2px;
		transform: rotate(90deg);
	}

	.date-change-selectors > a.next::after {
		content: "\f104";
		font-family: ionicons;
		color: #fff;
		position: absolute;
		font-size: 11px;
		margin-left: -3px;
		margin-top: -2px;
		transform: rotate(270deg);
	}
	
	
	.paginations-links {
		display: block;
		background: #ccc;
		text-align: center;
	}
	
	.paginations-links > strong {
		padding: 5px 10px;
		background: #999;
		display: inline-block;
		vertical-align: middle;
		margin: 10px 5px;
		color: #fff;
	}
	
	.paginations-links > a {
		display: inline-block;
		padding: 5px 10px;
		background: #333;
		color: orange;
		margin: 10px 5px;
		vertical-align: middle;
	}
	
	
	.phidden{
		display: none !important;
	}
	
	.rm-type{
		text-align: left !important;
	}
	
	/* reservation new page css */
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/* .wickedpicker */
	
	
	
	.wickedpicker{
		width: 218px !important;
	}
	
	
	.wickedpicker > p.wickedpicker__title {
		background: #FF4081;
		color: #fff;
		font-family: arial;
		font-size: 13px;
	}
	
	.wickedpicker > p.wickedpicker__title span {
		color: #fff;
		font-size: 25px;
	}
	
	.wickedpicker li span{
		/* color: #FF4081; */
		font-family: arial;
	}
	
	
	/* .wickedpicker */
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/* reservation temp css */
	
	.rooms-selection-wrapper {
		position: fixed;
		top: 0;
		background: rgba(0,0,0,0.5);
		bottom: 0;
		width: 100%;
		left: 0;
		text-align: center;
		padding-top: 100px;
		display: none;
	}
	
	.rooms-selection-wrapper > div {
		background: #fff;
		width: 50%;
		margin: 10px auto;
		padding: 20px 0;
	}
	
	
	/* reservation temp css */
	
	
	
	
	.frontendReservation .main-container.clearfix.ste2FormArea {
		margin-top: -37px;
		z-index: 1050;
		position: relative;
		margin-bottom: 90px;
	}
	
	.res-step2-block {
		float: left;
		width: 62.7%;
		text-align: left;
		border-bottom: 1px solid rgb(236, 236, 236);
		margin: 0 0 12px;
		padding-bottom: 14px;
	}

	.res-step2-block > h2 {
	color: #7d7578 !important;
	font-family: roboto-regular !important;
	font-size: 14px !important;
	letter-spacing: .1px;
	margin-left: 0px;
	padding: 0;
	height: auto;
	min-height: auto;
	margin-top: 0;
	text-transform: capitalize;
	margin-bottom: 6px;
}
	.res-step2-block > .res-payment-opts{}
	.res-step2-block > .res-payment-opts > label {
		color: #8f8f8f;
		margin-right: 30px;
		font-size: 13px;
		font-family: roboto-light;
		letter-spacing: .3px;
	}
	.res-step2-block > .res-payment-opts > label > input {
		margin-right: 4px;
	}	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/* jquery ui calander css */
	
	.ui-datepicker-calendar {
	  text-align: center;
	  width: 100%;
	}
	
	.ui-datepicker-calendar a{
		text-decoration: none !important;
	}
	
	.ui-datepicker-calendar > thead > tr > th {
	  font-size: 12px;
	  font-weight: normal;
	  height: 45px;
	  text-align: center;
	  width: auto;
	}
	
	
	#ui-datepicker-div > .ui-datepicker-header {
	  position: relative;
	}
	
	.ui-datepicker-calendar > thead > tr > th.ui-datepicker-week-end {
	}
	
	.ui-datepicker-calendar > thead > tr > th.ui-datepicker-week-end > span {
		color: #888;
	}
	.ui-datepicker-calendar > thead > tr > th > span {
	  color: #333;
	}
	
	.ui-datepicker-calendar > tbody > tr > td {
		font-size: 12px;
		height: 35px;
		text-align: center !important;
	}
	
	.ui-datepicker-calendar > tbody > tr > td.ui-datepicker-week-end > a {
		color: #333;
	}
	
	.ui-datepicker-calendar > tbody > tr > td > a {
		color: #999;
		display: inline-block;
		font-family: arial;
		font-size: 11px;
		height: 30px;
		width: 30px;
		line-height: 30px;
		border-radius: 100px;
		text-align: center;
	}
	
	.ui-datepicker-calendar > tbody > tr > td > a.ui-state-active
	{
	background-color: #333 !important;
	color: #fff !important;
	}
	
	.uk-modal-dialog{max-width: 1000px !important;}
	.ui-datepicker-calendar > tbody > tr > td > a:hover{
	color: #fff !important;
	background-color: #333 !important;
	}
	
	.ui-datepicker-calendar > tbody > tr > td.ui-datepicker-week-end > a:hover{
	color: #333 !important;
	background: transparent !important;
	}
	
	#ui-datepicker-div {
		background: #fff none repeat scroll 0 0;
		border: 1px solid #dadada;
		border-radius: 9px;
		box-shadow: 0 6px 20px -6px #050505;
		padding: 10px 0;
		width: 342px;
		margin: 33px 0 0;
		display: block;
		z-index: 1051;
		position: absolute;
		left: -3000px;
	}
	
	.ui-datepicker-header > a {
	  border-radius: 3px;
	  color: #333;
	  font-size: 0;
	  /*right: 16px;*/
	  position: absolute;
	  top: 3px;
	}
	
	.ui-datepicker-header > a::before {
	  content: "\f125";
	  font-family: ionicons;
	  font-size: 20px;
	}
	
	.ui-datepicker-header > a.ui-datepicker-prev {
	  left: 13px;
	}
	
	.ui-datepicker-header > a.ui-datepicker-next {
	  right: 13px;
	}
	
	.ui-datepicker-header > a.ui-datepicker-prev::before {
	  content: "\f124";
	  font-family: ionicons;
	  font-size: 20px;
	  margin-right: 3px;
	}
	
	.ui-datepicker-header > .ui-datepicker-title {
	  color: #777;
	  display: block;
	  font-family: arial;
	  font-size: 12px;
	  letter-spacing: 1px;
	  margin: 0;
	  padding: 10px 0 6px;
	  text-align: center;
	  text-transform: uppercase;
	  width: 100%;
	}
	
	.ui-datepicker-header > .ui-datepicker-title > span.ui-datepicker-year {
	  color: #888;
	}
	
	/*for disable dates*/
	.ui-datepicker-calendar > tbody > tr > td.ui-datepicker-unselectable {
	color: #ccc;
	cursor: no-drop;
	}
	
	
	/* jquery ui calander css */
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/* popup notice css */
	
	.popup-notice {
		position: fixed;
		top: 20px;
		right: 20px;
		background: #f2dede;
		padding: 20px 45px 20px 75px;
		border-radius: 5px;
		font-size: 16px;
		font-family: arial;
		color: #a94442;
		display: none;
		z-index: 199999999;
	}
	
	.popup-notice::before {
		font-family: ionicons;
		content: "\f3ab";
		position: absolute;
		top: 14px;
		font-size: 25px;
		left: 20px;
		color: #a94442;
	}
	
	
	.popup-notice.success{
		background: #dff0d8;
		color: #3c763d;
	}
	.popup-notice.success::before{
		content: "\f38e";
		color: #3c763d;
	}
	
	.popup-notice.warning{
		background: #fcf8e3;
		color: #8a6d3b;
	}
	.popup-notice.warning::before{
		content: "\f2e3";
		color: #8a6d3b;
	}
	
	.popup-notice.info{
		background: #d9edf7;
		color: #31708f;
	}
	.popup-notice.info::before{
		content: "\f35b";
		color: #31708f;
	}
	
	/* popup notice css */
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/* crop editor css*/
	
	.editorContainer {
	background-color: #333;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 2222;
	display: none !important;
	}
	
	.editorContainer > .editorHeader {
	background-color: #111;
	height: 60px;
	text-align: center;
	}
	
	.editorContainer > .editorHeader > h2 span {
	color: #FFA000;
	font-family: popM;
	font-size: 12px;
	}
	
	.editorContainer > .editorHeader > h2 {
	color: #999;
	display: inline-block;
	float: left;
	font-size: 14px;
	line-height: 52px;
	margin: 0 0 0 20px;
	letter-spacing: 1px;
	}
	
	.editorContainer > .editorHeader > p {
	color: #fff;
	display: inline-block;
	font-size: 12px;
	line-height: 59px;
	margin: 0 30px;
	position: relative;
	}
	
	.editorContainer > .editorHeader > p.widthShow::after {
	content: "Ã¯â€°Â¤";
	display: inline-block;
	font-family: ionicons;
	font-size: 20px;
	left: 52px;
	position: absolute;
	top: 0;
	transform: rotate(45deg);
	color:#ccc;
	}
	
	.editorContainer > .editorHeader > p.heightShow::after {
	content: "Ã¯â€°Â¤";
	display: inline-block;
	font-family: ionicons;
	font-size: 18px;
	left: 56px;
	position: absolute;
	top: 0;
	transform: rotate(-45deg);
	color:#ccc;
	}
	
	.editorContainer > .editorHeader > p > strong {
	color: #333;
	margin: 0 37px 0 0;
	}
	
	.editorContainer > .editorHeader > p > span{
	color:#ccc;
	}
	
	
	.editorContainer > .editorHeader a:nth-child(2) {
	margin-right: 25px;
	}
	.editorContainer > .editorHeader > a {
	color: #999;
	display: inline-block;
	float: right;
	font-size: 13px;
	margin: 10px 5px 0;
	border: 1px #444 solid;
	border-radius: 100%;
	height: 40px;
	width: 40px;
	line-height: 42px;
	}
	
	
	.editorContainer > .editorHeader > a.cancelCrop:hover{
	background-color: #333;
	border-color: #333;
	color:#fff;
	}
	.editorContainer > .editorHeader > a.saveCrop:hover{
	background-color: #333;
	border-color: #333;
	color:#fff;
	}
	.editorContainer > .editorHeader > a.resetCrop:hover{
	background-color: #333;
	border-color: #333;
	color:#fff;
	}
	
	
	
	
	.editorContainer > .editorBody {
	height: 100%;
	margin: 0px 0 0;
	width: 100%;
	background: #222;
	text-align: center;
	}
	
	.editorContainer > .editorBody > .cropImageWrapper {
	max-height: 100%;
	overflow: hidden;
	text-align: center;
	max-width: 100%;
	display: inline-block;
	margin-top: 50px;
	max-width: 1000px;
	max-height: 1000px;
	}
	.editorContainer > .editorBody > .cropImageWrapper > img {
	max-height: 100%;
	max-width: 100%;
	}
	
	
	.editorContainer > .editorBody > .editorToolBar {
	background-color: rgba(0, 0, 0, 0.5);
	border-radius: 3px;
	bottom: 45px;
	left: 50%;
	margin-left: -126px;
	position: absolute;
	}
	
	.editorContainer > .editorBody > .editorToolBar > a {
	border-radius: 2px;
	color: #ccc;
	display: inline-block;
	margin: 0 -3px;
	padding: 5px 12px;
	}
	
	.editorContainer > .editorBody > .editorToolBar > a:hover{
	background-color: #2196F3;
	}
	
	.editorContainer > .editorBody > .editorToolBar > a > i.updown {
	display: inline-block;
	transform: rotate(-45deg);
	}
	
	.editorContainer > .editorBody > .editorToolBar > a > i.rightleft {
	display: inline-block;
	transform: rotate(45deg);
	}
	
	/* crop editor css*/
	
	
	
	
	
	
	/* content wrapper css */
	
	
	
	
	
	
	
	/* Add reservation Step 1 */
	.check-in-outer, .check-out-outer, .travel-outer,
	.update-btn-outer {display: inline-block;vertical-align: middle;margin-right: 10px;position: relative;text-align: left;}
	.travel-outer {width: 50%;margin: 0;text-align: center;}
	.travel-outer > .travel-pop-uo {display: none;}
	.travel-outer .members img, .travel-outer .rooms img,.children img{width: 17px;margin-left: -19px;position: absolute;margin-top: 16px;}
	.travel-outer .members, .travel-outer .children,.travel-outer p.rooms {
	color: #909090 !important;
	vertical-align: top;
	height: 50px;
	line-height: 50px;
	float: left;
	margin: 0 3px;
	background: #fff;
	border-radius: 6px;
	width: 110px;
	text-align: center !important;
	font-size: 14px !important;
	}
	.travel-outer p.rooms {
	}
	.travel-outer > a{display: block;height: 52px;width: 100%;padding: 0;border-radius: 6px;color: #3e3e3e;font-family: roboto-regular;font-size: 13px;letter-spacing: 0px;}
	.update-container{padding: 20px 0;}
	
	.check-in-outer, .check-out-outer {width: 18%;}
	.check-in-outer img, .check-out-outer img {
		width: 17px;
		position: absolute;
		left: 20px;
		bottom: 17px;
	}
	.check-in-outer input, .check-out-outer input{background: #fff;height: 52px;width: 100%;padding: 0 0 0 55px;border-radius: 6px;color: #3e3e3e;font-family: roboto-regular;font-size: 13px;letter-spacing: 0px;}
	
	.update-btn-outer {
		color: #fff;
		width: 1%;
		display: inline-block;
		vertical-align: bottom;
		text-align: right;
		margin: 0;
	}
	.update-btn-outer > a {
		background: #ff699c;
		width: 120px;
		display: inline-block;
		text-align: center;
		color: #fff;
		height: 52px;
		line-height: 55px;
		border-radius: 100px;
		margin-left: -41px;
		font-size: 13px;
		font-family: roboto-regular;
		letter-spacing: .9px;
		text-transform: uppercase;
	}
	.update-btn-outer > a:hover{opacity: .7;}
	
	
	/* Rooms View */
	.bed-room.bed-room-1.room-block{
		background: #fff;
		display: table;
		table-layout: fixed;
		width: 100%;
		margin: 0 0 45px;
		border: 1px #e6e6e6 solid;
		box-shadow: 0 3px 12px -8px #000;
		-webkit-animation-duration: .5s;
-animation-duration: .5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
	}
	.bed-room .img-container{display: table-cell;width: 30%;vertical-align: middle;position: relative;overflow: hidden;height: 250px;}
	.bed-room .img-container > img{width: 100%;transform: scale(1.9);}
	.bed-room .content-container{
		display: table-cell;
		width: 70%;
		padding: 20px;
		vertical-align: middle;
	}
	.bed-room .content-container > div {
		display: table;
		width: 100%;
		padding: 14px 0 5px;
		table-layout: fixed;
		border-bottom: 1px #e6e6e6 solid;
	}
	.bed-room .content-container > div > div{
		display: table-cell;
		vertical-align: middle;
	}
	.bed-room .content-container > p {
		font-size: 16px !important;
		font-family: roboto-light !important;
		border-bottom: 1px #e6e6e6 solid;
		padding-bottom: 12px;
	}
	.bed-room .content-container > div > .head-container{width: 50%;}
	.bed-room .content-container > div > .amount-container, .bed-room .content-container > div > .btn-cont{width: 25%;}
	.bed-room .content-container > div > .btn-cont{text-align: right;}
	.bed-room .content-container > div > .btn-cont > a{
		display: inline-block;
		width: 110px;
		text-align: center;
		background: #81abff;
		height: 45px;
		line-height: 47px;
		color: #fff;
		border-radius: 100px;
		font-size: 13px;
		font-family: roboto-light;
		letter-spacing: .4px;
		margin-top: -8px;
	}
	
	.bed-room .content-container > .content-wrap{border: none;padding: 7px 0 0;}
	.bed-room .content-container > .content-wrap > p, .bed-room .content-container > .content-wrap > a{
		display: table-cell;
		vertical-align: middle;
	}
	.bed-room .content-container > .content-wrap > p.space{width: 51%;padding-top: 3px;}
	.bed-room .content-container > .content-wrap > a{text-align: center;background: #ff699c;height: 35px;line-height: 36px;color: #fff;border-radius: 50px;font-size: 12px;font-family: roboto-light;letter-spacing: 1px;font-weight: normal;width: auto;display: inline-block;text-transform: uppercase;padding: 0 16px;margin-top: 4px;margin-left: 16px;opacity: 1;}
	.bed-room .content-container > .content-wrap > p.size {
		width: 33%;
		padding-top: 7px;
	}
	
	
	.room-section-heading .input-item.input{float: right;margin: -10px 0 0 0 !important;}
	
	
	
	
	
	
	
	
	
	/* Reservation Step 2 */
	.reservations-wrapper .guest-heading .guest, .reservations-wrapper .rooms-reservations .guest, .reservations-wrapper .extra-room-heading .guest{
	color: #7d7578 !important;
	font-family: roboto-regular;
	font-size: 17px !important;
	letter-spacing: .1px;
	margin-left: 0px;
	padding: 0;
	height: auto;
	min-height: auto;
	margin-top: 20px;
	text-transform: capitalize;
	}
	
	.reservations-wrapper .guest-heading .img-wraper, .reservations-wrapper .rooms-reservations .img-wraper,
	.reservations-wrapper .extra-room-heading .img-wraper{
	  position: absolute;
	  right: -13px;
	  text-align: right;
	  top: 16px;
	}
	div.guest-heading{margin-bottom: 14px;margin-bottom: 7px;}

	.guest-reservations .guest {
		width: 177px !important;
		margin-top: 3px !important;
		float: none !important;
		display: inline-block;
		text-align: left;
		padding: 5px 0;
		border: none;
		vertical-align: middle;
		color: #7d7578 !important;
		font-family: roboto-regular;
		font-size: 17px !important;
		letter-spacing: .1px;
		text-transform: capitalize;
	}

	.guest-reservations .status {
		float: none !important;
		display: inline-block;
		margin: 0;
		border: none;
		vertical-align: top;
		padding: 10px 0 0;
		text-align: left;
		width: 60%;
	}
	.guest-reservations > input{display: none;}
	.guest-reservations .img-wraper {
		width: 5.0769230769%;
		height: 29px;
		margin-left: 0.57452%;
		padding-top: 4px;
		float: none;
		display: inline-block;
	}
	.adults .adults-ntv {
		margin: 0 !important;
	}
	.kids .input-kids {
	
	}

	.negative-1:hover, .negative-2:hover,.main-container > form .extra-room-options .calculation .positive-1:hover {
		background-color: #ff588d !important;
	}

	.negative-1, .negative-2,.main-container > form .extra-room-options .calculation .positive-1 {
		display: block !important;
		float: left !important;
		width: 45px !important;
		height: 45px !important;
		min-height: 15px !important;
		background-color: #9697a5 !important;
		text-align: center !important;
		color: #ffffff !important;
		margin: 0 !important;
		line-height: 45px !important;
		font-size: 15px !important;
	}
	.adults .input-adults {
	}
	.adults .adults-ptv {
		margin-left: 0 !important;
		margin-top: 0 !important;
	}
	.adults .positive-1 {
		margin-left: 24.71483%;
		width: 29px;
		margin-top: 0 !important;
		height: 40px;
		line-height: 37px;
	}
	.kids .kids-ntv {
		margin-left: 0 !important;
		margin-top: 0;
	}
	.room-types .kids {
	}
	.kids-ptv .positive-2 {
		height: 40px !important;
		margin-left: 24.03162% !important;
		width: 30px;
		line-height: 37px;
	}
	.kids-ptv {
		float: left;
		width: 18.1818181818%;
		height: 12px;
		margin: 0px 0 0 8.09141% !important;
	}
	.more-rooms {
		float: left !important;
		width: 36.3076923076% !important;
		min-height: 33px !important;
		padding: 13px 10px !important;
		font-size: 1em !important;
		color: rgb(102, 102, 102) !important;
		background-color: #fff !important;
	}
	.amount, .type {
		display: block !important;
		float: left !important;
		width: 100% !important;
		height: 40px !important;
		padding: 0 10px !important;
		background-color: #ffffff !important;
		font-size: 0.722em !important;
		font-weight: 400 !important;
		color: #686868 !important;
	}
	.amount-head, .popup-head, .popup-outer, .type-head {
		float: left;
		width: 15%;
		height: 30px !important;
		padding-top: 10px;
	}
	.pop-btn {
		display: block !important;
		float: left !important;
		width: 100% !important;
		min-height: 20px !important;
		border-radius: 53px !important;
		background-color: #fc4785 !important;
		font-size: 0.889em !important;
		font-weight: 500 !important;
		line-height: 1.08 !important;
		text-align: center !important;
		color: #ffffff !important;
		line-height: 20px !important;
	}
	.details-wrap > div{margin-bottom: 10px !important;}
	.guest-details {
	}
	.adults {
	}
	.total-outer .total {
		display: block;
		width: 100%;
		height: 40px !important;
		padding: 0 10px;
		background-color: #ffffff;
		font-size: 0.722em;
		font-weight: 400;
		color: rgb(0, 0, 0);
	}
	.negative {
		display: block;
		float: left;
		width: 15px;
		height: 15px;
		min-height: 15px;
		margin: 34px 0 0 10% !important;
		border-radius: 50px;
		background-color: #ed4a84;
		font: 700 1.214em/0.68 Roboto;
		text-align: center;
		color: #ffffff;
	}
	.room-types .room-operation, .room-types-2 .room-operation {
		width: 4.077% !important;
		height: 88px !important;
		margin: 0 0 0 1.53606% !important;
		background: #fff;
		padding: 0 4px;
	}
	.room-sections {
		float: left;
		width: 94%;
		height: 88px;
		/* margin-right: 1%; */
		background: #fff;
	}
	.room-div {
		float: left;
		margin-top: 1px;
		padding: 10px 0 !important;
	}
.dollar-img {
	float: left;
	width: 25%;
	height: 25px;
	padding: 0 !important;
	background-color: rgb(245, 245, 245);
}
	.dollar-img select{color: #9b9a9a;}
	.bed-room.room-block p{color: #909090 !important;margin-bottom: -2px !important;font-size: 13px !important;}
	.bed-room.room-block .amount-container{background: transparent;}
	.bed-room .content-container > div > .btn-cont > div{color: #ff6060 !important;font-size: 14px;letter-spacing: .4px;}
	.search-wrap p.heading{color: #333 !important;}
	.search-wrap .search-outer .btn-wrap ._button{margin-top: 20px !important;}
	.result-head-outer .rm-type {
		float: none !important;
		width: 10% !important;
		min-height: 30px !important;
		border-right: 1px solid #cecece !important;
		text-align: center !important;
		color: #666666 !important;
		display: table-cell !important;
		vertical-align: middle !important;
		font-size: 14px;
	}
	.result-head-outer .adults, .result-head-outer .rooms {
		float: none !important;
		width: 6% !important;
		min-height: 30px;
		border-right: 1px solid #cecece;
		font-size: 14px;
		text-align: center;
		color: #666666;
		display: table-cell;
		vertical-align: middle;
		background: transparent !important;
	}
	.result-head-outer .inf, .result-head-outer .kids {
		float: none !important;
		width: 5% !important;
		min-height: 30px;
		border-right: 1px solid #cecece;
		font-size: 14px;
		text-align: center;
		color: #666666;
		display: table-cell;
		vertical-align: middle;
		background: transparent !important;
	}
	.status {
		float: none !important;
	}
	.guest {
		width: 16%;
		min-height: 30px;
		border-right: 1px solid #cecece;
		font-size: 14px !important;
		text-align: center;
		color: #666666;
		display: table-cell;
		vertical-align: middle;
		float: none !important;
	}
	.dash-body-wrapper.reservations-wrapper .update-container .check-in-outer p,
	.dash-body-wrapper.reservations-wrapper .update-container .check-out-outer p,
	.dash-body-wrapper.reservations-wrapper .update-container .travel-outer p,
	.travel-outer.open .travel-pop-uo .room-block p,
	#room-options-for-reservation .room-info-blocks p
	{color: #ff6199;font-family: roboto-light;font-size: 14px;letter-spacing: .5px;margin-bottom: 9px;text-align: left;}
	
	body .dash-body-wrapper.reservations-wrapper .update-container .travel-outer a#travelers-handler p {
		color: #909090 !important;
		vertical-align: top;
		height: 50px;
		line-height: 50px;
		text-align: center;
		font-size: 14px;
		float: left;
		margin: 0 3px;
		background: #fff;
		border-radius: 6px;
		width: 110px;
	}
	
	.travel-outer .travelers-summary .rooms{border-right: none; }
	.pop-up-main-wrap {
		float: none !important;
		width: auto;
		padding-top: 25px;
		padding-bottom: 129px;
		background-color: rgb(255, 255, 255);
		display: block;
		left: 335px;
		right: 0;
		z-index: 1051;
		overflow: auto;
		height: 100%;
		z-index: 1060;
	}
	.pop-up-wrap {
		width: 80%;
		margin: 0 auto 60px;
		padding: 24px 30px 0;
		background-color: rgb(255, 255, 255);
		border-radius: 12px;
		height: auto;
		overflow: auto;
	}
	.pop-up-main-wrap .pop-up-wrap .img-container {
		float: none !important;
		width: auto;
		height: auto;
		display: block;
		vertical-align: top;
	}
	.pop-up-main-wrap .pop-up-wrap .img-container .img-wrap {
		float: none !important;
		width: 100%;
		height: 300px;
	}
	.pop-up-main-wrap .pop-up-wrap .text-container {
		float: none !important;
		width: 100%;
		display: block;
		vertical-align: top;
	}
	.pop-up-main-wrap .pop-up-wrap .text-container .text-wrap {
		float: none !important;
		width: 100%;
		padding: 0;
		height: auto !important;
	}
	.pop-up-main-wrap .pop-up-wrap .text-container .desc-wrap {
		float: none !important;
		width: 100%;
		padding-left: 25px;
		position: relative;
	}
	.pop-up-main-wrap .pop-up-wrap .text-container .heading-wrap {
		float: none !important;
		width: 95%;
		display: inline-block;
	}
	.pop-up-main-wrap .pop-up-wrap .text-container .desc-text {
		float: none !important;
		width: 100%;
		min-height: 30px;
		border-bottom: 1px solid rgb(0, 0, 0);
		font-size: 1.583em;
		font-weight: 500;
		color: rgb(0, 0, 0);
	}
	.pop-up-main-wrap .pop-up-wrap .text-container .btn-wrap {
		float: none !important;
		width: 4%;
		display: inline-block;
	}
	.pop-up-main-wrap .pop-up-wrap .text-container .btn-wrap {
		height: 20px;
		padding-top: 5px;
	}
	.pop-up-main-wrap .pop-up-wrap .text-container .btn-wrap ._button {
		float: none !important;
		width: 30px !important;
		height: 30px;
		background-color: #eb427c;
		font-size: 12px;
		border-radius: 50%;
		display: inline-block !important;
		padding: 0 !important;
		position: absolute;
		right: -30px;
		line-height: 30px;
	}
	.pop-up-main-wrap .pop-up-wrap .text-container .detail-text-1 {
		clear: both;
		padding: 10px 25px 10px;
	}
	.pop-up-main-wrap .pop-up-wrap .text-container .detail-text {
		float: none !important;
		width: 100%;
	}
	.pop-up-main-wrap .pop-up-wrap .text-container .detail-text .detail-text {
		min-height: 63px;
		font-size: 1.333em;
		color: rgb(0, 0, 0);
	}
	.pop-up-main-wrap .pop-up-wrap .text-container .amenities-heading {
		float: none !important;
		clear: both;
		width: 100%;
	}
	.pop-up-main-wrap .pop-up-wrap .text-container .amenities-text {
		float: none !important;
		border-bottom: 1px solid rgb(225, 225, 225);
		color: #ff769d;
		font-family: roboto-medium;
		font-size: 20px;
		padding: 10px 0px 10px;
	}
	.pop-up-main-wrap .pop-up-wrap .text-container .amenities-cont {
		float: none !important;
		clear: both;
		width: 100%;
		padding: 0;
		text-align: left;
	}
	.pop-up-main-wrap .pop-up-wrap .text-container .amenities-col-1 {
		width: 100% !important;
	}
	.pop-up-main-wrap .pop-up-wrap .text-container .amenities-col {
		float: none !important;
		margin-top: 20px;
	}
	.pop-up-main-wrap .pop-up-wrap .text-container .amenities-col ._container {
		float: none !important;
		width: 32% !important;
		display: inline-block;
		vertical-align: top;
		color: #898888;
		text-align: left;
	}
	.pop-up-main-wrap .pop-up-wrap .text-container .amenities-col ._container ._container {
		position: relative;
		padding-left: 0;
		width: 100% !important;
	}
	.pop-up-main-wrap .pop-up-wrap .text-container .amenities-col ._container ._container p {
		float: none !important;
		width: 100%;
		font-size: 13px;
		color: #727272 !important;
		font-family: roboto-regular;
		margin-bottom: 17px;
		text-transform: capitalize;
	}
	.pop-up-main-wrap .pop-up-wrap .text-container .view-btn-wrap ._button {
		display: block;
		width: 260px;
		margin: 0 auto;
		padding: 3px 30px;
		border-radius: 50px;
		background-color: #ed4a84;
		font-size: 0.722em;
		font-weight: 400;
		text-align: center;
		color: #ffffff;
		height: 60px;
		line-height: 50px;
	}
	.dash-body-wrapper.reservations-wrapper .search-outer .img-wrap .arrow {
		display: block;
		width: 16px;
		height: auto;
		margin: 0 auto;
		overflow: hidden;
		margin-top: 3px;
	}
	.dash-body-wrapper.reservations-wrapper .search-outer .calendar, .dash-body-wrapper.reservations-wrapper .search-outer .eye, 
	.dash-body-wrapper.reservations-wrapper .search-outer .search-icon, .dash-body-wrapper.reservations-wrapper .search-outer .triangle {
		display: block;
		width: 18px;
		height: auto;
		margin: 2px auto;
		overflow: hidden;
	}
	.room-block .child-age-block .child-outer ._select {
	vertical-align: middle;
	font-size: 13px;
	background: #e7e7e7;
	display: inline-block;
	width: 100%;
	text-align: left;
	height: 46px;
	line-height: 42px;
	margin: 0;
	color: #777 !important;
	font-family: roboto-light;
	margin-left: 5px;
	border-radius: 3px;
	}
	.check-in-outer img, .check-out-outer img {pointer-events: none;}
	.summary-room-block .rm-type {border-right: none !important;}
	
	
	
	
	
	/* Step 2 */
	.room-types .room-sections .room-div .adults-ptv .positive-1 {
		display: block;
		float: left;
		width: 30px !important;
		height: 44px !important;
		min-height: auto !important;
		background-color: #ed4a84;
		font: 700 1.214em/0.78 Roboto;
		text-align: center;
		color: #ffffff;
		line-height: 40px;
		margin-left: 47.772% !important;
	}
	.room-types .room-sections .room-div .adults-ptv-2 {
		margin-top: 0 !important;
		margin-left: 0 !important;
	}
	.more--reserve .room-operation .positive {
		display: inline-block;
		float: none;
		color: #ffffff;
		line-height: 51px;
		background: #ff4081;
		font-family: roboto;
		width: 150px;
		height: 50px;
		text-align: center;
		font-size: 14px;
		color: #fff;
		letter-spacing: .3px;
		font-weight: normal;
	}
	.room-types .room-sections .room-div input {
	}
	.room-types .room-sections .room-div .adults-ntv, .room-types .room-sections .room-div .kids-ntv {
		float: left;
		width: 18.1818181818%;
		height: auto !important;
		margin-top: 0;
	}
	.room-types .room-sections .room-div .adults-1-1 {
	margin-top: 4px !important;
	}
	.room-types .room-sections .room-div .adults-head-1-1 , .room-types .room-sections .room-div .kids-head {
	}
	.room-types .room-sections .room-div .kids {
	}
	.room-types .room-sections .room-div .kids-ptv .positive-2 {
		height: 45px !important;
		margin-left: 42.032% !important;
		width: 30px;
		line-height: 37px;
	}
	.room-types .room-sections .room-div .kids .input-kids {
	}
	.room-types .room-sections .room-div .kids-head {
	}
	.room-types .room-sections .room-div .adults-head,.room-types .room-sections .room-div .adults-head-1-1, .room-types .room-sections .room-div .kids-head{
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
}
.room-types .room-sections .room-div .adults, .room-types .room-sections .room-div .kids, .room-types .room-sections .room-div .adults-1-1 {
	position: relative;
	border: none !important;
	background: transparent !important;
	width: 49%;
	float: none;
	display: inline-block;
	margin-right: 21px;
	text-align: left;
	vertical-align: top;
	height: auto;
	margin: 0 0 12px;
}
.room-div input.hidden{display:none !important;}
.room-types .room-sections .room-div .adults-head > span, .room-types .room-sections .room-div .kids-head > span,.room-types .room-sections .room-div .adults-head-1-1 > span {
	display: inline-block;
	border: 1px #e7e7e7 solid;
	height: 48px;
	color: #5d5d5d;
	font-family: roboto-regular;
	font-size: 13px;
	width: 100%;
	display: inline-block;
	border-radius: 4px;
	line-height: 47px;
	padding-left: 15px;
	background: #eee;
	margin-top: 7px;
}
	.room-types .room-sections .room-div .adults .positive-1 {
		margin-left: 24.71483%;
		width: 29px;
		margin-top: 0 !important;
		height: 45px !important;
		line-height: 41px !important;
	}
	.room-types .room-sections .room-div {
		float: left;
		text-align: left;
		height: auto !important;
		margin-top: 1px;
		padding: 10px 0 !important;
	}
	.room-types .room-sections .room-1, .room-types .room-sections .room-2 {
		float: left;
		clear: both;
		width: 47.61% !important;
		padding-top: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #f4f4f5;
	}
	.room-types .room-sections {
		float: none;
		width: 100%;
		height: auto !important;
		display: block;
		padding: 0;
	}
	.room-types .room-sections .room-1, .room-types .room-sections .room-2 {
		float: left;
		clear: both;
		width: 90%;
		padding-top: 10px;
		padding-bottom: 10px;
		border-bottom: transparent !important;
	}
	.room-types .room-operation {
		float: none;
		display: table-cell;
	}
	.room-types .room-operation, .room-types-2 .room-operation {
		width: 4.077% !important;
		height: 100% !important;
		margin: 0 !important;
		background: #fff;
		padding: 0 4px;
		background: #fff !important;
		border-left: 5px solid !important;
		vertical-align: middle;
		display: none;
	}
	.main-container > form .more--reserve .room-operation {
		width: 100%;
		min-height: auto !important;
		text-align: left;
		padding: 0 0 13px;
		margin: 10px 0 0;
		border-bottom: 1px #e9e9e9 solid;
	}
.main-container > form .reservations-details .guest-reservations .status {
	display: inline-block !important;
	width: 28% !important;
	text-align: right;
	font-size: 12px !important;
	color: rgb(135, 131, 131);
	font-family: roboto-regular;
	letter-spacing: .4px;
	line-height: 27px;
}
.guest-reservations > input.inputstatus {
	width: 267px;
	float: none;
	margin: 0 0 0 7px;
}
	.room-types .room-sections .room-div .input-l-name {
		display: inline-block;
		float: none !important;
		width: 49% !important;
		margin: 0 !important;
		background: #f4f4f5 !important;
	}
	.room-types .room-sections .room-div .regis-l-name {
		position: relative;
		float: none !important;
		clear: both;
		z-index: 61;
		width: 48.775% !important;
		min-height: 19px;
		margin-top: 20px;
		font-size: 1em;
		color: rgb(102, 102, 102);
		display: inline-block;
	}
	.main-container > form .extra-room-options .checkbox-label-3 {
		display: block;
		float: left;
		width: 4.2042042042%;
		height: 20px;
		margin: 12px 15px 0;
	}
	.main-container > form .extra-room-options .extra-rooms-01 .input-name {
	width: 83% !important;
	}
	.main-container > form .extra-room-options .calculation {
	border: 1px #bdbdbd solid;
	overflow: hidden;
	height: 47px;
	border-radius: 6px;
	margin: 0 0 0 10px;
	overflow: hidden;
	}
	.main-container > form .extra-room-options .calculation .adults-ntv {
		margin-left: 0 !important;
		margin-top: 0 !important;
	}
	.main-container > form .extra-room-options .calculation .input-adults {background: transparent !important;height: 45px !important;margin-top: 0px;margin-left: 17px;width: 59px;padding: 0;font-family: roboto-bold;font-size: 13px;}
	.main-container > form .extra-room-options .calculation .positive-1 {
	}
	.main-container > form .extra-room-options .calculation .adults-ptv {
		float: left;
		width: 18.1818181818%;
		height: 12px;
		margin-top: 0 !important;
		padding: 0;
		margin: 0;
	}
	.main-container > form .extra-room-options .extra-rooms-01 .amount {
	padding: 15px 10px !important;
	margin: 0 0px 0px 14px !important;
	width: 58% !important;
	background: #f0f0f0 !important;
	height: 47px !important;
	}
	.main-container > form .extra-room-options .extra-rooms-01 .room-1 {
		width: 275px;
		height: auto !important;
		text-align: left;
		margin: 0;
		padding: 0;
		border: none;
	}
	.main-container > form .extra-room-options .extra-rooms-01 {
		float: left;
		clear: both;
		width: 100%;
		height: auto !important;
		border-bottom: 1px solid rgb(236, 236, 236);
	}
	
	
	.discount-wrap > input{
		margin-left: 0;
	}
	
	.discount-wrap .dollar-img > select{
		background: rgb(242, 242, 242);
	}
	.input-wrap .price {
		width: 100% !important;
		padding-left: 30px;
	}
	
	.room-block .second.child-age-block, .room-block > .first{float: none !important;text-align: left;}
	
	
	.room-types .room-sections .room-div .adults-ntv-2 {margin-left: 0 !important;}
	.room-types .room-sections .room-div .negative {
		display: block !important;
		float: none !important;
		width: 15px !important;
		height: 15px !important;
		margin: 0 0 0 10% !important;
		border-radius: 50px !important;
		background-color: #ed4a84 !important;
		font: 700 1.214em/0.68 Roboto !important;
		text-align: center !important;
		color: #ffffff !important;
		line-height: 9px !important;
	}
	.room-types .room-operation .negative {
		display: block;
		float: left;
		width: 15px;
		height: 15px;
		min-height: 15px !important;
		margin: 0 0 0 10% !important;
		border-radius: 50px;
		background-color: #ed4a84;
		font: 700 1.214em/0.68 Roboto;
		text-align: center;
		color: #ffffff;
		line-height: 10px !important;
	}
	.room-types .room-operation .positive{margin-top: 17px !important;}
	
	
	
	/* GRID */
	.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .eleven, .gridFullMonthView #grid-rooms-wrapper .rooms-wrap .fifth,
	.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .fourth, .gridFullMonthView #grid-rooms-wrapper .rooms-wrap .ninth,
	.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .second, .gridFullMonthView #grid-rooms-wrapper .rooms-wrap .sixth,
	.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .tenth, .gridFullMonthView #grid-rooms-wrapper .rooms-wrap .third,
	.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .thirteen, .gridFullMonthView #grid-rooms-wrapper .rooms-wrap .twelve {
		float: none !important;
		width: 3.1% !important;
		border-right-width: 1px;
		border-right-style: solid;
		display: inline-block !important;
	}
	.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .room-rates {
		display: none;
	}
	.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .room-type-p {
		width: auto;
		z-index: 1050;
		min-height: auto;
		color: #535252;
		font-size: 14px;
		font-family: roboto-regular;
	}
	.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .first-inner, .gridFullMonthView #grid-rooms-wrapper .rooms-wrap .rates {
		height: auto;
	}
	.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .rates .second {
		width: 3.14% !important;
		padding: 6px 0 0;
		text-align: center;
	}
	.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .first-inner {
		float: none;
		position: absolute;
		right: 0;
		top: 11px;
		width: 310px;
		z-index: 11111111111;
	}
	.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .inner .first, .gridFullMonthView #grid-rooms-wrapper .rooms-wrap .rates .first, .gridFullMonthView #grid-rooms-wrapper .rooms-wrap .sells .first {
		height: auto !important;
		background: #e0e0e0;
		padding: 0;
		margin-left: -5px;
		margin-top: 0;
	}
	.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .first {
		float: none !important;
		width: 100%;
		display: block;
		overflow: hidden;
		text-align: left;
	}
	.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .inner-2 {
		float: left;
		clear: both;
		width: 100%;
		height: auto !important;
		padding: 2px 2px;
	}
	.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .inner-15, .gridFullMonthView #grid-rooms-wrapper .rooms-wrap .inner-44, .gridFullMonthView #grid-rooms-wrapper .rooms-wrap .inner-73 {
		float: none !important;
		width: 100% !important;
		height: auto !important;
		padding-right: 0;
		padding-left: 2px;
		background-color: transparent;
	}
	
	.gridFullMonthView #grid-rooms-wrapper .rooms-wrap {
		float: left;
		clear: both;
		width: 100%;
		height: auto !important;
		position: relative;
	}
	.gridFullMonthView .lower .first {
		float: none;
		width: auto;
		display: block;
		text-align: left;
		padding: 18px 0 0;
	}

	.gridFullMonthView > .btn-wrap > #roomTypesSelect {
		position: absolute;
		right: 23px;
		margin-top: -127px;
	}
	.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .avail-rooms {
		float: none;
		display: inline-block;
		width: 119px;
		height: auto;
		line-height: normal;
		vertical-align: top;
		padding-top: 17px;
	}
	.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .rate-t {
		float: none !important;
		width: 30% !important;
		min-height: 28px;
		font-size: 1.167em;
		line-height: 2.68;
		text-align: center;
		color: #fc4785;
		display: none;
	}
	.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .rooms {
		float: none !important;
		width: 23% !important;
		font-size: 18px;
		font-weight: 500;
		color: #333333;
		display: inline-block !important;
		margin: -7px 0 0;
		padding: 19px 5px 0;
		vertical-align: top;
	}
	.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .img-wrap {
		float: none !important;
		width: 43px !important;
		height: auto !important;
		padding-top: 7px;
		padding-left: 7px;
		display: inline-block !important;
	}
	.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .sells {
		float: left;
		clear: both;
		width: 100%;
		height: auto !important;
	}
	.gridFullMonthView .checkbox-label {
		margin: 13px 0 0;
	}
	.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .eleven, .gridFullMonthView #grid-rooms-wrapper .rooms-wrap .fifth,
	.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .fourth, .gridFullMonthView #grid-rooms-wrapper .rooms-wrap .ninth,
	.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .second, .gridFullMonthView #grid-rooms-wrapper .rooms-wrap .sixth,
	.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .tenth, .gridFullMonthView #grid-rooms-wrapper .rooms-wrap .third,
	.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .thirteen, .gridFullMonthView #grid-rooms-wrapper .rooms-wrap .twelve {
	
	}
	.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .second p.inner {
		margin: -1px 0 0;
		text-align: center;
	}
	.main-container #reservation_records > h2{color: #333 !important;}
	
	
	
	
	
	
	/* grid css */
	
	.grid-confirm-popup {
		position: fixed;
		height: 100%;
		width: 100%;
		background: rgba(255,255,0,0.5);
		top: 0;
		left: 0;
		right: 0;
		display: none;
	}
	
	.grid-confirm-popup > .grid-confirm-block {
		background: #333;
		width: 700px;
		position: relative;
		margin: 0 auto;
		height: 200px;
		top: 50%;
		margin-top: -100px;
		padding-top: 61px;
	}
	
	.grid-confirm-popup > .grid-confirm-block > p {
		text-align: center;
		color: orange;
		font-size: 15px;
		margin: 0 0 0;
	}
	
	.grid-confirm-popup > .grid-confirm-block > .grid-confirm-btns {
		background: #222;
		position: absolute;
		bottom: 0;
		width: 100%;
		text-align: center;
		padding: 10px 0;
	}
	
	.grid-confirm-popup > .grid-confirm-block > .grid-confirm-btns > a {
		color: #eee;
		display: inline-block;
		vertical-align: middle;
		width: 35%;
		margin: 0 50px;
	}
	
	
	/* grid css */
	
	.guest-details > .guest-countrty > .city-name > select, .reservations-details > .guest-res-date > .city-name > select {
		border: 1px #e7e7e7 solid;
		height: 48px;
		color: #5d5d5d;
		font-family: roboto-regular;
		font-size: 13px;
		width: 100%;
		display: inline-block;
		border-radius: 4px;
		padding-left: 15px;
		background: #eee;
		margin-top: 0;
	}	
	.note-outer > input{height: 40px !important;}
	
	
	
	
	
	
	
	
	
	/* .action-confirm-container */
	
	#action-confirm-container {
		position: fixed;
		background: rgba(0,0,0,0.3);
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: none;
	}
	
	#action-confirm-container > .a-confirm-block {
		height: 300px;
		width: 500px;
		background: #eee;
		text-align: center;
		position: relative;
		top: 50%;
		margin-top: -150px;
		margin: -150px auto 0;
	}
	
	#action-confirm-container > .a-confirm-block > p {
		color: red;
		font-size: 30px;
		margin-bottom: 100px;
	}
	
	#action-confirm-container > .a-confirm-block > a {
		background: #333;
		color: #fff;
		font-size: 13px;
		padding: 20px 50px;
		border-radius: 100px;
		margin: 0 22px;
	}
	
	
	/* .action-confirm-container */
	
	
	
	
	
	#loading-wrapper{
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		bottom: 0;
		z-index: 120000;
		display: none;
	}
	
	@keyframes spinner { to {transform: rotate(360deg);} }
	
	#loading-wrapper::before {
		content: '';
		animation: spinner .8s ease infinite;
		box-sizing: border-box;
		position: absolute;
		top: 50%;
		left: 60%;
		width: 30px;
		height: 30px;
		margin-top: -15px;
		margin-left: -15px;
		border-radius: 50%;
		border: 2px solid transparent;
		border-top-color: #8e24aa;
		border-bottom-color: #ab47bc;
	}
	
	
	
	
	.update-container.templeteSide {
		background: #e9e9e9;
		width: 850px;
		display: inline-block;
		text-align: left;
		border: 1px #e6e6e6 solid;
		border-radius: 10px;
		box-shadow: 0 10px 11px -16px #111;
		padding: 28px 30px 35px;
	}
	body {
		background-color: rgb(255, 255, 255);
		font: 400 0.875em/1.38 Helvetica;
		color: rgb(102, 102, 102);
	  }
	  
	  .adress, .email, .f-name, .reservation-id {
		  float: none;
		  width: 100%;
		  min-height: 22px;
		  padding-top: 15px;
		  font-size: 12px;
		  color: rgb(135, 131, 131);
		  font-family: roboto-regular;
		  letter-spacing: .4px;
		  padding-left: 0;
		  padding-right: 16px;
		  display: inline-block;
		  float: left;
		  padding: 0 0 10px;
	  }
	  
	  .adress-cp {
		float: left;
		width: 14.5631067961%;
		min-height: 23px;
		margin: 11px 0 0 7.77548%;
		padding-top: 2px;
		font-size: 1em;
		color: rgb(102, 102, 102);
	  }
	  
	  .adress-inf0 .input-name {
	  }
	  
	  .adults {
		}
	  
	  .adults .adults-ntv {
		margin-left: 4.27032%;
	  }
	  
	  .adults .adults-ptv {
		margin-left: 8.0984%;
	  }
	  
	  .adults .input-adults {
		margin-left: 7.24157%;
	  }
	  
	  .adults .negative-1 {
		margin-left: 19.54373%;
	  }
	  
	  .adults .positive-1 {
		margin-left: 24.71483%;
	  }
	  
	  .adults-head {
		}
	  
	  .adults-ntv,
	  .kids-ntv {
		float: left;
		width: 18.1818181818%;
		height: 15px;
		margin-top: 6px;
	  }
	  
	  .adults-ptv {
		float: left;
		width: 18.1818181818%;
		height: 12px;
		margin-top: 7px;
	  }
	  
	  .amount {
		float: left;
	  }
	  
	  .amount-60 {
		}
	  
	  .amount-container {
		float: left;
		width: 32.2589595375%;
		height: 27px;
		margin-top: 10px;
		background-color: #f4f4f5;
	  }
	  
	  .amount-container .amount {
		width: 59.7872951997%;
		min-height: 16px;
		margin: 4px 0 0 6.33212%;
		font-size: 1em;
		color: rgb(102, 102, 102);
	  }
	  
	  .arrival {
		margin: 14px 0 0;
		}
	  
		.calculation {
			float: left;
			width: 150px;
			height: 27px;
			margin: 10px 0 0 14.8622%;
			background-color: #f4f4f5;
		}
	  
	  .calculation .adults-ntv {
		margin-left: 4.23356%;
	  }
	  
	  .calculation .adults-ptv {
		margin-left: 8.02671%;
	  }
	  
	  .calculation .input-adults {
		margin-left: 7.20273%;
	  }
	  
	  .calculation .negative-1 {
		}
	  
	  b {
		margin-left: 24.00313%;
	  }
	  
	  .checkbox {
		display: block;
		float: left;
	  }
	  
	  .checkbox-label {
		width: 4.2682926829%;
		height: 15px;
		margin: 16px 0 0 3.23933%;
	  }
	  
	  .checkbox-label-1 {
		display: block;
		float: left;
	  }
	  
	  .checkbox-label-2 {
		display: block;
		position: relative;
		float: left;
		z-index: 8;
		width: 4.5751633986%;
		height: 16px;
		margin: 11px 0 0 1.99653%;
	  }
	  
	  .checkbox-3,
	  .checkbox-label-2 .checkbox,
	  .checkbox-label-3 .checkbox {
		margin-top: 5px;
	  }
	  
	  .checkbox-label-3 {
		display: block;
		float: left;
		width: 4.2042042042%;
		height: 20px;
		margin: 13px 0 0 3.89452%;
	  }
	  
	  .city {
		float: left;
		width: 32.0113171323%;
		min-height: 21px;
		padding-top: 13px;
		font-size: 1em;
		color: rgb(102, 102, 102);
	  }
	  
	  .city-name {
		float: left;
	  }
	  
	  .city-name .input2 {
	  }
	  
	  .delux-room1 {
		position: relative;
		float: left;
		z-index: 4;
		width: 49.6732026143%;
		min-height: 26px;
		margin: 12px 0 0 3.03309%;
		font-size: 1em;
		color: rgb(102, 102, 102);
	  }
	  
	  .delux-room2 {
		position: relative;
		float: left;
		clear: both;
		z-index: 3;
		width: 48.6928104575%;
		min-height: 26px;
		margin: 12px 0 0 35.29412%;
		font-size: 1em;
		color: rgb(102, 102, 102);
	  }
	  
	  .extra-room-02 {
		float: left;
		clear: both;
		width: 100%;
		height: 166px;
		margin-top: 10px;
	  }
	  
	  .extra-room-02 .input-name {
		position: relative;
		z-index: 10;
		width: 75.22%;
		height: 28px;
		margin: 10px 0 0 2.39139%;
		color: rgb(102, 102, 102);
	  }
	  
	  .extra-room-02 .room-1 {
		width: 50.4615384615%;
		height: 154px;
	  }
	  
	  .extra-room-02 .room-div {
		width: 47.0769230769%;
		margin-left: 1.84375%;
	  }
	  
	  .extra-room-02 .sercices3 {
		width: 79.5731707317%;
		margin: 1px 0 0 9.44646%;
	  }
	  
	  .extra-room-02 .services2 {
		width: 43.5975609756%;
		margin: 7px 0 0 9.43693%;
	  }
	  
	  .extra-room-heading, .guest-heading, .guest-reservations {
		position: relative;
		text-align: left;
		margin: 0;
	}
	  
	  .extra-room-heading .guest, .guest-heading .guest, .rooms-reservations .guest {
		  width: auto;
		  float: none !important;
		  display: block;
		  text-align: left;
		  border: none;
		  vertical-align: top;
	  }
	  
	  .extra-room-heading .img-wraper, .guest-heading .img-wraper, .rooms-reservations .img-wraper {
		width: 5%;
		height: 39px;
		padding-top: 5px;
		display: inline-block;
		float: none;
	  }
	  
	  .extra-room-options {
		width: 63%;
		height: auto;
		padding: 5px;
		margin: 70px 0 0 !important;
		}
	  
	  .extra-room-title {
		height: auto;
		text-align: left;
		padding: 0 !important;
		margin: 10px 0 10px;
		}
	  
	  .extra-rooms-01 {
		float: left;
		clear: both;
		width: 100%;
		height: 123px;
		border-bottom: 1px solid rgb(102, 102, 102);
	  }
	  
	  .extra-rooms-01 .amount {
		width: 32.2589595375%;
		height: 27px;
		margin: 10px 0 0 13.72946%;
		background-color: #f4f4f5;
	  }
	  
	  .extra-rooms-01 .input-name {
		}
	  
	  .extra-rooms-01 .room-1 {
		width: 51.2307692307%;
		height: 112px;
	  }
	  
	  .extra-rooms-01 .room-div {
		width: 61%;
		height: auto;
		margin-left: 0;
		text-align: left;
		padding: 0 !important;
		}
	  
	  .extra-rooms-01 .sercices3 {
		margin: 30px 0 10px;
		color: #777;
		font-size: 12px;
		font-family: roboto-regular;
		}
	  
	  .extra-rooms-01 .services2 {
		text-align: left;
		color: #828282;
		font-family: roboto-regular;
		font-size: 13px;
		margin: 0 0 10px;
		padding-top: 11px;
		height: 60px;
		text-transform: capitalize;
		line-height: 60px;
		}

		.extra-rooms-01 .services2 span{
			color: #ff7b98;
		}

	  .extra1 {
		}
	  
	  .second-section > p span {
		display: inline-block;
		width: 94%;
		padding-left: 136px;
		}
	  
	  .first-section {
		float: left;
		width: 40%;
		height: auto;
		}
	  
	  .guest {
	  }
	  
	  .adress-inf0-4, .guest-adress .adress-inf0, .guest-adress-line .adress-inf0, .guest-countrty .adress-inf0 {
		  display: inline-block;
		  width: 48%;
		  margin-left: 0;
		  vertical-align: top;
		  float: none;
	  }
	  .adress-inf0-4, .city-name-4, .city-name-5, .section2.reservationInvoiceArea .summary-wrap .summary{position: relative;}
	  .adress-inf0-4::after, .city-name-4::after, .city-name-5::after, .section2.reservationInvoiceArea .summary-wrap .summary::after {
		content: "";
		height: 100%;
		background: transparent;
		width: 100%;
		position: absolute;
		cursor: no-drop;
		top: 0;
		bottom: 0;
	} 
	.city-name-5::after{height: 100px;bottom: unset;}
	  .city-name-4, .guest-adress .city-name, .guest-adress-line .city-name, .guest-countrty .city-name {
		  display: inline-block;
		  width: 48%;
		  margin-left: 19px;
		  vertical-align: top;
		  float: none;
		  position: relative;
	  }
	  .city-name > p {}
	  .guest-adress .input-name,
	  .guest-adress-line .input-name,
	  .guest-countrty .input-name {
	  }
	  
	  .guest-adress .input2, .guest-countrty .input2 {
		  margin-left: 0;
	  }
	  .guest-details,.reservations-details {
	  border-bottom: 1px #e2e2e2 solid;
	  padding-bottom: 6px;
	  width: 97%;
	  margin-bottom: 4px;
	  padding-top: 0;
	  }
	  
	  .guest-adress, .guest-adress-line, .guest-contacts, .guest-countrty, .guest-names, .guest-pswd-id {
		  float: left;
		  clear: both;
		  width: 100%;
		  height: auto;
		  text-align: left;
		  margin-bottom: 14px;
		 }
	  
	  
	  .input-postal, .input-state {
		  width: 150px !important;
		  float: left;
	  }
	  
	  .guest-res-date {
		float: none;
		clear: both;
		width: 98%;
		}
	  
	  .guest-reservations .guest {
		width: 45%;
		margin-top: 3px;
	  }
	  
	  .guest-reservations .image1 {
		margin-left: 12.2159099999%;
	  }
	  
	  .guest-reservations .img-wraper {
		position: absolute;
		right: -10px;
		top: 9px;
	}
		  
	  .image1 {
		  display: inline-block;
		  float: left;
		  width: 21px;
		  height: auto;
		  overflow: hidden;
		 }
	  
	  .img-wraper {
		float: left;
	  }
	  
	  .input-adults,
	  .input-kids {
		display: block;
		float: left;
		width: 36.3636363636%;
		height: 18px;
		margin-top: 3px;
		padding: 4px 10px 0;
		font-size: 0.929em;
		text-align: center;
		color: rgb(102, 102, 102);
	  }
	  
	  .input-l-name {
		}
	  
	  .input-name {
		display: block;
		float: left;
		padding: 0 10px;
		background-color: #f4f4f5;
		font-size: 0.929em;
	  }
	  
	  .input-postal {
		display: block;
		float: left;
		width: 30.3945839438%;
		height: 27px;
		margin: 9px 0 0 3.84985%;
		padding: 0 10px;
		background-color: #f4f4f5;
		font-size: 0.929em;
		color: rgb(102, 102, 102);
	  }
	  
	  .input-state {
	  }
	  
	  .input2 {
		display: block;
		float: left;
		height: 27px;
		margin-top: 9px;
		padding: 0 10px;
		background-color: #f4f4f5;
		font-size: 0.929em;
		color: rgb(102, 102, 102);
	  }
	  
	  .inputarrival {
		display: block;
		position: relative;
		float: left;
		z-index: 135;
		width: 62.13592233%;
		height: 28px;
		margin: 9px 0 0 5.77468%;
		padding: 0 10px;
		background-color: #f4f4f5;
		font-size: 0.929em;
		color: rgb(102, 102, 102);
	  }
	  
	  .inputstatus {
		display: block;
		float: left;
		width: 30%;
		height: 22px;
		margin: 14px 0 0 3.625%;
		padding: 0 10px;
		background-color: #f4f4f5;
		font-size: 0.929em;
		color: #ed4a84;
	  }
	  
	  .kids {
		/* position: relative; */
		/* float: left; */
		/* width: 34.2312554701%; */
		/* height: 27px; */
		/* margin: 10px 0 0 2.43027%; */
		/* background-color: #f4f4f5; */
		}
	  
	  .kids .input-kids {
	  }
	  
	  .kids .kids-ntv {
		margin-left: 4.42656%;
	  }
	  
	  .kids .negative-2 {
		margin-left: 19.76285%;
	  }
	  
	  .kids-head {
		}
	  
	  .kids-ptv {
		float: left;
		width: 18.1818181818%;
		height: 12px;
		margin: 7px 0 0 8.09141%;
	  }
	  
	  .kids-ptv .positive-2 {
		height: 14px;
		margin-left: 24.03162%;
	  }
	  
	  .l-name, .phone, .city, .adress-cp, .state, .city-name > p, .room-type-head, .room-types .room-sections .room-div .adults-head, .room-types .room-sections .room-div .adults-head-1-1, .room-types .room-sections .room-div .kids-head, .regis-l-name,.extra-room-title {
		  width: 100%;
		  min-height: 22px;
		  padding-top: 21px;
		  font-size: 12px;
		  color: rgb(135, 131, 131);
		  font-family: roboto-regular;
		  letter-spacing: .4px;
		  padding-right: 16px;
		  display: inline-block;
		  float: left;
		  padding: 0 0 10px;
		 }
	  
	  .more--reserve {
		float: left;
		clear: both;
		width: 63.1%;
		height: auto;
		margin-top: 0;
		}
	  
	  
	  .more--reserve .room-operation {
		width: 3.3846153846%;
		min-height: 45px;
		background-color: #fff;
		margin-left: 4px;
		padding-top: 14px;
		padding-left: 6px;
	  }
	  
	  .more-rooms {
		float: left;
		width: 36.3076923076%;
		min-height: 33px;
		padding: 10px;
		font-size: 1em;
		color: rgb(102, 102, 102);
		background-color: #fff;
	  }
	  
	  .negative {
		display: block;
		float: left;
		width: 15px;
		height: 15px;
		min-height: 15px;
		margin: 24px 0 0 10%;
		border-radius: 50px;
		background-color: #ed4a84;
		font: 700 1.214em/0.68 Roboto;
		text-align: center;
		color: #ffffff;
	  }
	  
	  .negative-1,
	  .negative-2 {
		font-size: 27px !important;
		}
	  
	  .phone {
	  }
	  
	  .phone-nu .input2 {
	  }
	  
	  .positive {
		display: block;
		float: left;
		width: 15px;
		height: 15px;
		min-height: 15px;
		border-radius: 50px;
		background-color: #ed4a84;
		font: 700 1.214em/0.78 Roboto;
		text-align: center;
		color: #ffffff;
		line-height: 12px;
	  }
	  
	  .positive-1 {
		display: block;
		float: left;
		width: 15px;
		height: 14px;
		min-height: 15px;
		background-color: #ed4a84;
		font: 700 1.214em/0.78 Roboto;
		text-align: center;
		color: #ffffff;
	  }
	  
	  .positive-2 {
		display: block;
		float: left;
		width: 15px;
		min-height: 15px;
		background-color: #ed4a84;
		font: 700 1.214em/0.78 Roboto;
		text-align: center;
		color: #ffffff;
	  }
	  
	  .contact-info, .first-name, .pswd-inf0 {
		  float: left;
		  width: 48%;
	  }
	  
	  .contact-info .input-name,
	  .first-name .input-name,
	  .pswd-inf0 .input-name {
	  }
	  
	  .regis-l-name {
	  }
	  
	  .regis-name {
	  }
	  
	  .last-name, .phone-nu, .reservation-input {
		  display: inline-block;
		  width: 49%;
		  margin-left: 19px;
		  vertical-align: top;
	  }
	  
	  .reservation-input .input2 {
	  display: none;
	  }
	  .reservationActiveStatus select, .guest-details input, .reservations-details input, .room-sections input, .main-container > form .extra-room-options .extra-rooms-01 .input-name, .main-container > form .extra-room-options .extra-rooms-01 .amount, .pswd-inf0 p:nth-child(2) {
		border: 1px #e7e7e7 solid;
		height: 48px;
		color: #5d5d5d;
		font-family: roboto-regular;
		font-size: 13px;
		width: 100%;
		display: inline-block;
		border-radius: 4px;
		padding-left: 15px;
		background: #eee;
		margin-top: 0;		
	}
	.pswd-inf0 p:nth-child(2){line-height: 45px;}
	  .adress-cp {
		margin: 0 0 -13px;
		position: absolute;
		right: 0;
		width: 158px !important;
	}

	  .reservations-details {
		text-align: left;
	}	  
	  .adress-inf0,
	  .room-1 {
		float: left;
	  }
	  
	  .room-div {
		float: left;
		margin-top: 1px;
		}
	  
	  .room-div .checkbox-label-1 {
		position: relative;
		z-index: 6;
		width: 4.5751633986%;
		height: 16px;
		margin: 10px 0 0 0.86806%;
	  }
	  
	  .room-operation {
		float: left;
	  }
	  
	  .room-sections {
		float: left;
		width: 94%;
		height: 88px;
	  }
	  
	  .room-sections .room-div {
		}
	  
	  .room-type-head {
		}
	  
	  .room-types .adults {
		z-index: 102;
	  }
	  
	  .room-types .adults-head {
		}
	  
	  .room-types .input-name {
		}
	  
	  .room-types .kids {
		z-index: 95;
	  }
	  
	  .room-types .kids-head {
		z-index: 96;
	  }
	  
	  .room-types .room-1 {
		height: auto;
	  }
	  
	  .room-types .room-div {
		margin-left: 35px;
		vertical-align: top;
		width: 46.8%;
		}
	  
	  
	  .room-types-2 .adults {
		z-index: 58;
	  }
	  
	  .room-types-2 .adults-head {
		z-index: 59;
	  }
	  
	  .room-types-2 .input-name {
		position: relative;
	  }
	  
	  .room-types-2 .kids {
		z-index: 51;
	  }
	  
	  .room-types-2 .kids-head {
		z-index: 52;
	  }
	  
	  .room-types-2 .room-1 {
		width: 45.6628477905%;
		height: 84px;
	  }
	  
	  .room-types-2 .room-div {
		margin-left: 1.73384%;
	  }
	  
	  .room-types .room-operation,
	  .room-types-2 .room-operation {
		width: 3.0769230769%;
		height: 61px;
		margin: 11px 0 0 1.53606%;
	  }
	  
	  .room-types-2 .room-type-head {
		position: relative;
		z-index: 64;
	  }
	  
	  .rooms-reservations {
		position: relative;
		width: 97%;
		text-align: left;
		margin: 0px 0 0px;
		}
	  
	  .second-section {
		float: left;
		width: 60%;
		height: auto;
		margin-left: 0;
		}
	  
	  .section1 {
		position: relative;
		float: left;
		z-index: 185;
		width: 65%;
	  }
	  .section2.reservationInvoiceArea {
		width: 36%;
		height: auto;
		background-color: rgba(45, 81, 180, 0.42);
		position: absolute;
		overflow: hidden;
		right: 0;
		color: #fff;
	}  
	  .sercices3 {
	  }
	  
	  .services2 {
	  }
	  
	  .services4 {
	  }
	  
	  .state {
	  }
	  
	  .status {
	  }
	  
	  .text-empty {
		float: left;
		width: 59.6%;
		min-height: 39px;
		font-family: Roboto;
		font-size: 1.143em;
		color: rgb(0, 0, 0);
	  }
	  
	  .adress-inf0-5 {
		width: 48%;
		height: auto;
		}
	  
	  .adults-1-1 {
	  }
	  
	  .adults-head-1-1 {
		}
	  
	  .adults-ntv-2 {
		margin-left: 4.5009%;
	  }
	  
	  .adults-ptv-2 {
		margin-left: 8.10438%;
	  }
	  
	  .city-3 {
		margin-left: 2.5716199999%;
	  }
	  
	  .city-4 {
		margin-left: 0;
		}
	  
	  .city-name-5 {
		width: 47%;
		margin-left: 30px;
		}
	  
	  .guest-res-date-1 {
		margin-bottom: 16px;
		}
	  
	  .guest-res-date-2 {
		height: auto;
		margin: 17px 0 15px;
		}
	  
	  .input-adults-2 {
		margin-left: 7.24838%;
	  }
	  
	  .input-kids-2 {
		margin-left: 7.23013%;
	  }
	  
	  .input-name-10 {
		z-index: 63;
		width: 69.9324324324%;
		height: 28px;
		margin: 10px 0 0 0.46483%;
		color: rgb(102, 102, 102);
	  }
	  
	  .input-name-11 {
		z-index: 65;
		width: 69.8924731182%;
		height: 24px;
		margin: 19px 0 0 3.58423%;
		color: rgb(0, 0, 0);
	  }
	  
	  .input-name-7 {
		width: 69.8013466139%;
		height: 26px;
		margin-left: 0.68533%;
	  }
	  
	  .input-name-8 {
		width: 69.9324324324%;
		height: 59px;
		margin-left: 0.65984%;
	  }
	  
	  .input2-6 {
		margin-left: 1.67231%;
	  }
	  
	  .input2-7 {
		position: relative;
		}
	  
	  .kids-1-1 {
		position: relative;
		float: left;
		z-index: 89;
		width: 34.2289719626%;
		height: 27px;
		margin: 12px 0 0 2.4499399999%;
		background-color: #f4f4f5;
	  }
	  
	  .kids-head-1-1 {
		position: relative;
		float: left;
		z-index: 84;
		width: 10.5772975077%;
		min-height: 18px;
		margin: 14px 0 0 0.61987%;
		font-family: Roboto;
		font-size: 1em;
		color: rgb(102, 102, 102);
	  }
	  
	  .kids-ntv-2 {
		margin-left: 4.4415699999%;
	  }
	  
	  .negative-1-2 {
		margin-left: 19.75684%;
	  }
	  
	  .negative-2-2 {
		margin-left: 19.7784799999%;
	  }
	  
	  .positive-1-2 {
		margin-left: 24.77204%;
	  }
	  
	  .positive-2-2 {
		height: 15px;
		margin: 6px 0 0 9.87495%;
	  }
	  
	  .guest span {
		border-top-width: 0;
		border-right-width: 0;
		border-bottom-width: 0;
		border-left-width: 0;
		border-color: transparent;
		border-style: none;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
		background-color: transparent;
		font-family: inherit;
		font-style: normal;
		font-size: 0.688em;
		font-weight: inherit;
		text-transform: inherit;
		text-decoration: inherit;
		letter-spacing: inherit;
		word-spacing: inherit;
		color: inherit;
		opacity: 1;
		word-break: normal;
		word-wrap: normal;
		white-space: normal;
	  }
	  .guest strong {
		  color: #fe5b83;
	  }