@charset "utf-8";

.ui-datepicker{
  min-width: 340px;
  max-width: 420px;
  width:100%;
	position:fixed!important;
	background:#fff;
	top:50%!important;
	left:50%!important;
	-webkit-transform:translate(-50%,-50%);
	   -moz-transform:translate(-50%,-50%);
		-ms-transform:translate(-50%,-50%);
		 -o-transform:translate(-50%,-50%);
			transform:translate(-50%,-50%);
	-webkit-box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.1);
	   -moz-box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.1);
			box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.1);
	z-index:400;
}

.ui-datepicker-inline.ui-datepicker{
	position:relative!important;
	float:left;
	width:100%;
	top:0!important;
	left:0!important;
	min-width:100%;
	-webkit-transform:none;
	   -moz-transform:none;
		  -ms-transform:none;
		   -o-transform:none;
			    transform:none;
	-webkit-box-shadow:none;
	   -moz-box-shadow:none;
			    box-shadow:none;
  z-index:0;
}

.ui-datepicker:before{
	content:" ";
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.7);
}
.ui-datepicker-header{padding:30px 0px;color:#fff;}

.ui-datepicker-inline .ui-datepicker-header{
  padding: 0px;
  padding-top:20px;
  color: #000;
  background-color: #fff;
  text-align: left;
  border-top: 1px solid rgba(0,0,0,0.1);
  font-size: 11pt;
}

.ui-datepicker-prev, .ui-datepicker-next {
	position: absolute;
	font-size: 14pt;
	display: block;
	width: 50px;
	height: 36px;
	line-height: 36px;
	text-align: center;
}
.ui-datepicker-prev {
	left: 0;
}
.ui-datepicker-next {
	right: 0;
}
.ui-datepicker-title, .ui-datepicker-year, .ui-datepicker-month {
	font-size: 14pt;
	line-height: 36px;
	text-align: center;
	font-weight: bold;
}
.ui-datepicker-calendar{margin:0;text-align:center;padding: 50px 20px;border-collapse: unset;}
.ui-datepicker-inline .ui-datepicker-calendar{padding: 20px 0px;}
.ui-datepicker .ui-state-active{color:#000;}
.ui-datepicker .ui-state-highlight{color:#000;}
.ui-datepicker-unselectable .ui-state-default{color:rgba(0,0,0,0.1);background:none;}
.ui-datepicker-calendar th{text-align:center;border:0;width:10%;}
.ui-datepicker-calendar thead{color:#555;}
.ui-datepicker-calendar tr {border:0;}
.ui-datepicker-calendar td {padding:5px 0;}
.ui-datepicker-calendar td a{
	color:#999;
	line-height:40px;
	width:40px;
	-webkit-border-radius: 30px;
	   -moz-border-radius: 30px;
		 -o-border-radius: 30px;
			border-radius: 30px;
}
.ui-datepicker-calendar td span{line-height:40px;width:40px;}
.ui-icon{text-indent:0;}

.ui-selectmenu-menu{position:absolute;display:none;}
.ui-selectmenu-open {display: block;z-index:9999;}
.ui-selectmenu-menu .ui-menu{
  margin-top:5px;overflow:auto;overflow-x:hidden;background-color:#fff;font-size: 0.8rem;padding:0 10px;max-height:160px;border:1px solid #000;
  -webkit-box-shadow: 0px 12px 20px -8px rgba(0, 0, 0, 0.12);-moz-box-shadow: 0px 12px 20px -8px rgba(0, 0, 0, 0.12);box-shadow: 0px 12px 20px -8px rgba(0, 0, 0, 0.12);
}
.ui-selectmenu-button{cursor:pointer;display: inline-block;}
/*.ui-selectmenu-text{float:left;}*/
.ui-selectmenu-icon{float:right;margin-left:5px;}
.ui-selectmenu-menu .ui-menu li{cursor:pointer;padding:10px 0px;line-height:19px;}
.ui-selectmenu-menu .ui-menu li:not(:last-child){border-bottom:1px dotted rgba(0,0,0,0.12);}

.ui-button{
	font-size:inherit;
	height:auto;
}

.xi {
	font-family:xeicon;
}