/************** SMARTSITES *************/
/*         webrooms datepicker         */
/***************************************/


.webrooms-datepicker { position:relative; }

.datepicker-label { 
	width:260px; 
	background:#fff; 
	border-bottom:2px solid rgba(0,0,0,0.2); 
	padding:0; color:#333; 
	position:relative; 
	text-align:left; 
	text-indent:30px; }
	
.datepicker-label:before { 
	content:''; 
	background:url(../images/icon_calendar.png) center center no-repeat; 
	width:16px; 
	height:30px; 
	position:absolute; 
	top:0; 
	left:8px; }
	
.datepicker-input { 
	width:150px; 
	border:none; 
	padding:0;  
	margin:0; 
	background:none; 
	border:none; 
	border-radius:0; 
	color:#999; 
	margin:0; 
	cursor:pointer; 
	position:absolute; 
	top:0; 
	left:95px; }
	
.datepicker-input:hover { color:#333; }

.datepicker-label,
.datepicker-input,
.datepicker-button { 
	display:inline-block; 
	line-height:30px; 
	height:30px; 
	font-size:inherit; 
	font-family:inherit; 
	white-space:nowrap; 
	overflow:hidden; 
	text-overflow:ellipsis; 
	vertical-align:top; }
	
.datepicker-button { 
	border:none; 
	border-bottom:2px solid rgba(0,0,0,0.2); 
	color:#fff; 
	text-decoration:none; 
	text-align:center; 
	padding:0 20px; 
	margin-left:5px; 
	line-height:32px; 
	height:32px;
	background:#65b319; 
	transition:background 150ms ease-in-out; 
	font-weight:bold; }
	
.datepicker-button:hover { 
	background:#72c91c; 
	cursor:pointer; }
	
#ui-datepicker-div { 
	z-index:9999 !important; /* force datepicker above navbar */
	font-size:100%; }



/* new */
.webrooms-datepicker-custom .datepicker-checkin { box-sizing:border-box; width:50%; display:inline-block; background:#f9f9f9; border:1px solid #eee; font-size:90%; }
.webrooms-datepicker-custom .datepicker-label { background:none; border:none; width:auto; }
.webrooms-datepicker-custom .datepicker-input { width:auto; position:static; margin-left:5px; }
.webrooms-datepicker-custom .datepicker-formstyle { display:inline-block; }
.webrooms-datepicker-custom .datepicker-button { box-sizing:border-box; width:50%; display:inline-block; margin:0; }