#monthselector {
	box-shadow: 0 0 10px 4px #d2c452;
}

#rubycalendar { margin: 0px; padding: 0px; display: inline-block; }

#rubycalendar input[type="text"] { height: 30px; }

#rubycalendar a:focus {

	-webkit-box-shadow:none;

	box-shadow:none;

}

#rubycalendar table,

#rubycalendar table td {

	border:0;

}



#rubycalendar .ui-datepicker-hover a,

#rubycalendar .ui-datepicker-hover:after {

	background-color: #8c9baf !important;

	color: #fff !important;

}

#rubycalendar .ui-datepicker-select a {

	background-color: #434f5f;

	color: #fff !important;

}

#rubycalendar .ui-datepicker {

	background: #fff;

	padding: 10px;

	width: 442px;

}

#rubycalendar .ui-datepicker:after {

	display: block;

	content: '';

	height: 0;

	overflow: hidden;

	clear: both;

}

#rubycalendar .ui-datepicker .ui-datepicker-group {

	/*float: left;

	width: 50%;*/

}

#rubycalendar .ui-datepicker .ui-datepicker-header {

	color: #62748c;

	font: 14px 'Arial';

	line-height: 25px;

	position: relative;

	text-align: center;

	font-weight: bold;

}

#rubycalendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev,

#rubycalendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next {

	background: #51c197;

	cursor: pointer;

	overflow: hidden;

	position: absolute;

	top: 0px;

	padding: 0 10px;

}

#rubycalendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon,

#rubycalendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon{

	text-indent: 0 !important;

	font-weight: bold;

	color:#fff;

}

#rubycalendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover,

#rubycalendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover {

	background-color: #050505;

}

#rubycalendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-disabled,

#rubycalendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-state-disabled {

	/*opacity: 0.3;*/

	background-color: #dddddd;

}

#rubycalendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev { left: 10px; }

#rubycalendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next { right: 10px; }

#rubycalendar .ui-datepicker .ui-datepicker-calendar {

	border-collapse: collapse;

	font-size: 12px;

	cursor: default;

}

#rubycalendar .ui-datepicker .ui-datepicker-calendar th,

#rubycalendar .ui-datepicker .ui-datepicker-calendar td {

	text-align: center;

	vertical-align: middle;

	width: 36px;

	height: 40px;

	line-height: 40px;

	padding: 0;

	z-index: 1;

}

#rubycalendar .ui-datepicker .ui-datepicker-calendar th {

	color: #62748c;

	font: 14px "Arial";

	line-height: 40px;

}

#rubycalendar .ui-datepicker .ui-datepicker-calendar td {

	color: #8d8d8d;

	padding: 2px 0;

	position: relative;

}

#rubycalendar .ui-datepicker .ui-datepicker-calendar td:before,

#rubycalendar .ui-datepicker .ui-datepicker-calendar td:after {

	bottom: 2px;

	content: '';

	left: 0;

	top: 2px;

	position: absolute;

	width: 100%;

	z-index: -1;

}

#rubycalendar .ui-datepicker .ui-datepicker-calendar td:before {

	background: #f5f5f5;

}

#rubycalendar .ui-datepicker .ui-datepicker-calendar td:first-child:before {

	border-radius: 20px 0 0 20px;

}

#rubycalendar .ui-datepicker .ui-datepicker-calendar td:last-child:before {

	border-radius: 0 20px 20px 0;

}

#rubycalendar .ui-datepicker .ui-datepicker-calendar td.ui-booked:after { /* background of booked days */

	background: #ddd;

}

#rubycalendar .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-hoverpreview:after {

	background: #51c197;

}

#rubycalendar .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-hoverpreviewfirst:after,

#rubycalendar .ui-datepicker .ui-datepicker-calendar td.ui-bookedfirst:after {

	border-top-left-radius: 20px;

	border-bottom-left-radius: 20px;

}

#rubycalendar .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-hoverpreviewlast:after,

#rubycalendar .ui-datepicker .ui-datepicker-calendar td.ui-bookedlast:after {

	border-top-right-radius: 20px;

	border-bottom-right-radius: 20px;

}



#rubycalendar .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month a,

#rubycalendar .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month span,

#rubycalendar .ui-datepicker .ui-datepicker-calendar td.ui-booked span { /* text color of booked days */

	color: #999;

}

#rubycalendar .ui-datepicker .ui-datepicker-calendar a,

#rubycalendar .ui-datepicker .ui-datepicker-calendar span {

	color: #555;

	display: inline-block;

	height: 40px;

	text-decoration: none;

	width: 40px;

	font: 15px "Arial";

	line-height: 40px;

}

#rubycalendar .ui-datepicker .ui-datepicker-calendar .ui-datepicker-highlight:after {

	background: #51c197;

}

#rubycalendar .ui-datepicker .ui-datepicker-calendar .ui-checkin:after {

	left: 50%;

	width: 50%;

}

#rubycalendar .ui-datepicker .ui-datepicker-calendar .ui-checkout:after {

	right: 50%;

	width: 50%;

}

#rubycalendar .ui-datepicker .ui-datepicker-calendar .ui-datepicker-highlight a {

	color: #fff;

}

#rubycalendar .ui-datepicker .ui-datepicker-calendar .ui-checkin a,

#rubycalendar .ui-datepicker .ui-datepicker-calendar .ui-checkout a {

	background-color: #62748c;

	border-radius: 50%;

}

#rubycalendar .ui-datepicker .ui-datepicker-calendar .ui-checkin.ui-datepicker-hover .ui-state-hover {

	border-radius: 50%;

}

#rubycalendar .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a { /* TODAY */

	border-radius: 50%;

}

#rubycalendar .ui-datepicker-trigger {

	float: left;

	height: 15px;

	margin: 13px 0 0 -35px;

	overflow: hidden;

	text-indent: -100em;

	width: 16px;

}

#rubycalendar th { border:0; }



#pricing {

	//width:400px;

	padding: 20px;

	margin: 10px auto;

	border: 1px solid #aaa;

	border-radius: 5px;

	background: #eef;

	display:none;

}

#rubypricingdetail {

}

#rubypricingtotal {

	text-align: center;

	font-size: 20px;

	margin: 20px 0 0 0;

	padding: 0;

}



.rubybluebutton {

	margin: 0;

	vertical-align: baseline;

	padding: 4px 15px 5px 15px;

	cursor: pointer;

	background: #0085ba;



	color: #fff !important;

	text-decoration: none;

	text-shadow: 0 -1px 1px #006799,1px 0 1px #006799,0 1px 1px #006799,-1px 0 1px #006799;

	font-size: 16px;

	line-height: 35px;

	white-space: nowrap;

	text-decoration: none;



	border-color: #0073aa #006799 #006799 !important;

	border-width: 1px;

	border-style: solid;

	border-radius: 3px;

	-webkit-border-radius: 3px;

	box-shadow: 0 1px 0 #006799;

	-webkit-box-shadow: 0 1px 0 #006799;

}

.rubybluebutton:hover {

	text-decoration: none;

}

.rubybluebuttondisabled {

	cursor: default !important;

	background: #ddd;

	color: #999;

	border-color:#888;

	text-shadow:none;

}

@keyframes spinner {

	to {transform: rotate(360deg);}

}

.rubybluebuttondisabled:before {

	content: '';

	box-sizing: border-box;

	position: absolute;

	top: 50%;

	left: 20px;

	width: 20px;

	height: 20px;

	margin-top: -10px;

	margin-left: -10px;

	border-radius: 50%;

	border: 2px solid #ccc;

	border-top-color: #333;

	animation: spinner .6s linear infinite;

}



#dialog-form {

	font-size: 14px;

}

.ui-datepicker-next:hover, .ui-datepicker-prev:hover {

	text-decoration: none;

}

.booknowleft {

	float:left;

	width: 150px;

	margin:12px 20px 0 0;

	font-size: 14px;

	text-align: right;

	line-height: 7px;

	height: 22px;

	color: #666 !important;

}

.booknowright {

	float:left !important;

	margin:0 20px 0 0 !important;

}

.booknowright input {

	text-align: left !important;

	border: 1px solid #ddd !important;

	border-radius: 3px !important;

	-webkit-border-radius: 3px !important;

	padding: 5px 12px !important;

	font-size: 14px !important;

	width: 300px !important;

	margin:0 !important;

}

.booknowright .booknowcheckbox {

	width: auto;

	height:30px;

}

.ui-corner-all {

	border-radius: 5px;

}

.ui-dialog-buttonpane {

	border-bottom-left-radius: 5px;

	border-bottom-right-radius: 5px;

}

.ui-dialog.booknow-dialog {

	border-radius: 5px;

}



#booknowsummary {

	width: 100%;

	margin: 20px 0;

}

#booknowsummary li {

	padding-left: 30px;

}

#booknowsummary li span{

	width: 230px;

	display: inline-block;

	text-align: right;

	padding-right: 15px;

}

#bookcomplete {

	margin: 20px auto;

}

#booknowerror {

	width: 400px;

	margin: 20px auto;

	border: 1px solid #f66;

	padding: 15px;

	border-radius: 5px;

	color: #f22;

	display: none;

}

.StripeElement {

	background-color: white;

	padding: 10px 12px;

	border-radius: 3px;

	border: 1px solid #aaa;

	margin: 10px 0 0 20px;

	width: 450px;

	/*

	box-shadow: 0 1px 3px 0 #e6ebf1;

	-webkit-transition: box-shadow 150ms ease;

	transition: box-shadow 150ms ease;

	*/

}

.StripeElement--focus {

	border: 1px solid #656565;

	/*box-shadow: 0 1px 3px 0 #cfd7df;*/

}

.StripeElement--invalid {

	border-color: #fa755a;

}

.StripeElement--webkit-autofill {

	background-color: #fefde5 !important;

}



