/** Style select **/

.ui-selectmenu-button, .selector{
	display: inline-block;
	background-color: #fff;
	border: 1px solid #138D75;
	width: auto !important;
	min-width: 180px;
	cursor: pointer;
	vertical-align: middle;
	position: relative;
}
.selector select{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	line-height: 35px;
	cursor: pointer;
}
.ui-selectmenu-button:focus, .selector:focus{
	outline: none;
}
.ui-selectmenu-button .ui-selectmenu-text, .selector span{
	color: #138D75;
	font-family: 'Roboto', arial, sans-serif;
	font-weight: 700;
	padding: 12px 50px 12px 15px;
	display: block;
}
.selector span{
	width: 100% !important;
	display: block;
	position: relative;
}
.selector span:after{
	content: "";
	position: absolute;
	right: 0;
	top: 0;
}
.ui-selectmenu-button .ui-icon, .selector span:after{
	float: right;
	width: 40px;
	height: 40px;
	background: url('../img/arrow_select.png') no-repeat center top;
	background-color: #138D75;
}
.ui-selectmenu-button.ui-state-focus .ui-icon, .selector.focus span:after{
	background-position: center -40px;
}

.ui-selectmenu-menu{
	display: none;
	position: absolute;
	z-index: 40;
}
.ui-selectmenu-menu.ui-selectmenu-open{
	display: block;
}
.ui-selectmenu-menu ul{
	padding: 0 40px 0 0 ;
	margin: 0 !important;
}
.ui-selectmenu-menu li{
	margin: 0;
	display: block !important;
	margin: 0 !important;
	list-style: none;
	padding: 8px 15px;
	color: #fff;
	background-color: #434343;
	-webkit-transition: background-color 0.2s linear;
	   -moz-transition: background-color 0.2s linear;
			transition: background-color 0.2s linear;
	cursor: pointer;
}
.ui-selectmenu-menu li.ui-state-disabled{
	display: none;
}
.ui-selectmenu-menu li:hover{
	background-color: #3a3a3a;
}

/** Style spinner **/

.ui-spinner, .div-spinner{
	max-width: 180px;
	position: relative;
	display: block;
	height: auto !important;
}
.ui-spinner input, .div-spinner input{
	width: 100%;
	text-align: center;
	font-weight: 700;
	font-size: 18px;
	padding: 8px 45px;
	border: none;
	background-color: #757575;
	color: #fff !important;
	line-height: 1.35;
}
.ie .div-spinner input{
	padding: 9.5px 45px;
}
.ui-spinner input:focus, .input-spinner:focus{
	outline: none;
}
.ui-spinner .ui-spinner-button, .button-minus, .button-plus{
	display: block;
	width: 40px;
	height: 40px;
	margin-top: -40px;
	position: relative;
	cursor: pointer;
	background-color: #3a3a3a;
	-webkit-transition: all 0.2s linear;
	   -moz-transition: all 0.2s linear;
			transition: all 0.2s linear;
	text-decoration: none !important;
}
.ui-spinner .ui-spinner-button:hover, .button-minus:hover, .button-plus:hover{
	text-decoration: none;
	background-color: #282828;
}
.ui-spinner .ui-spinner-button .ui-button-text:before, .button-minus span, .button-plus span{
	content: "";
	position: relative;
	display: block;
	text-align: center;
	width: 100%;
	line-height: 40px;
	color: #F4D03F;
	font-size: 24px;
	font-weight: 700;
}
.ui-spinner .ui-spinner-down .ui-button-text:before{
	content: "-";
}
.ui-spinner .ui-spinner-up .ui-button-text:before{
	content: "+";
}
.ui-spinner .ui-spinner-down, .button-minnus{
	float: left;
}
.ui-spinner .ui-spinner-up, .button-plus{
	float: right;
}
.ui-spinner .ui-spinner-button .ui-icon{
	display: none;
}

/** Datpicker **/

.ui-datepicker .ui-datepicker-title{
	text-align: center;
	background-color: #F4D03F;
	padding: 10px 0;
}
.ui-datepicker .ui-datepicker-title span{
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
}
.ui-datepicker .ui-datepicker-header{
	position: relative;
}
.ui-datepicker .ui-datepicker-header a{
	position: absolute;
	top: 13px;
	cursor: pointer;
	display: block;
	text-indent: -9999px;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
}
.ui-datepicker .ui-datepicker-header a span{
	display: none;
}
.ui-datepicker .ui-datepicker-header a.ui-datepicker-next{
	border-left: 8px solid #fff;
	right: 15px;
}
.ui-datepicker .ui-datepicker-header a.ui-datepicker-prev{
	border-right: 8px solid #fff;
	left: 15px;
}

.ui-datepicker table{
	width: 100%;
}
.ui-datepicker table td, .ui-datepicker table th{
	border: 1px solid #F4D03F;
	text-align: center;
	padding: 8px;
}
.ui-datepicker table td{
	padding: 0;
}
.ui-datepicker table td a, .ui-datepicker table td span{
	padding: 8px 0;
	display: block;
}
.ui-datepicker table td.ui-datepicker-other-month span{
	background-color: #e5f0ba;
	color: #bdbdbd;
}
.ui-datepicker table td a:hover, .ui-datepicker table td.ui-datepicker-today a{
	background-color: #757575;
	color: #fff;
	text-decoration: none;
}