/********************* DATE PICK ********************/
#datePick{
	position: relative;
}
.formDatepick{
	position: relative;
	width: 100%;
}
.formDatepick .fieldWrapper{
	position: relative;
	display: block;
}
.formDatepick.seperate .fieldWrapper{
	margin-bottom: 10px;
}
.formDatepick .fixClick{
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}
.formDatepick .fixClick img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.formDatepick .textSelect{
	display: block;
	border: 1px solid #ccc;
	background: #fff;
	padding: 5px;
	font-size: 13px;
	height: 15px;
	line-height: 15px;
	color: #000 !important;
}
.formDatepick .textSelect.selected{
	color: #333;
}
.formDatepick .popSelection{
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	width: 100%;
	font-size: 12px;
	z-index: 2;
}
.formDatepick .fieldWrapper.open .popSelection{
	display: block;
}
.formDatepick .fieldWrapper.open .fixClick{
	display: block;
}
.formDatepick .popSelection .dateWrapper{
	padding: 15px;
}
.formDatepick .notActive .popSelection .dateWrapper,
.formDatepick .notActive .popSelection .timeWrapper{
	display: none;
}
.formDatepick .popSelection .dateWrapper .datepick{
	width: 100% !important;
	background: none;
	border: 0;
	padding: 0;
}
.formDatepick .popSelection .dateWrapper .datepick .datepick-month td,
.formDatepick .popSelection .dateWrapper .datepick .datepick-month a,
.formDatepick .popSelection .dateWrapper .datepick .datepick-month td .datepick-weekend,
.formDatepick .popSelection .dateWrapper .datepick .datepick-month td .datepick-other-month,
.formDatepick .popSelection .dateWrapper .datepick .datepick-month td .datepick-today,
.formDatepick .popSelection .dateWrapper .datepick .datepick-month td .datepick-highlight{
	background: none;
}
.formDatepick .popSelection .dateWrapper .datepick .datepick-cmd.datepick-cmd-today {
	display: none;
}
.formDatepick .popSelection .dateWrapper .datepick .datepick-month-header{
	position: absolute;
	top: 0;
	text-align: center;
	width: 200px;
	left: 50%;
	margin-left: -100px;
	padding: 0;
	background: none;
}
.formDatepick .popSelection .dateWrapper .datepick .datepick-month-header select{
	display: inline-block;
	width: auto;
	padding: 0;
	background: none;
}
.formDatepick .popSelection .dateWrapper .datepick .datepick-month{
	position: static;
	width: 100%;
}
.formDatepick .popSelection .dateWrapper .datepick .datepick-month-row{
	position: static;
}
.formDatepick .popSelection .dateWrapper .datepick .datepick-month span,
.formDatepick .popSelection .dateWrapper .datepick .datepick-month td,
.formDatepick .popSelection .dateWrapper .datepick .datepick-month a{
	padding: 0;
	line-height: 2em;
}
.formDatepick .popSelection .dateWrapper .datepick .datepick-month td span{
	cursor: not-allowed;
}

.formDatepick .popSelection .timeWrapper{
	padding: 10px;
	color: #333;
}
.formDatepick .popSelection .timeWrapper .btnTimeSlot{
	position: relative;
	display: inline-block;
	width: 33%;
}
.formDatepick .popSelection .timeWrapper .btnTimeSlot a{
	position: relative;
	display: block;
	font-size: 13px;
	margin: 5px;
	padding: 5px 0;
	text-align: center;
}
.formDatepick .popSelection .timeWrapper .btnTimeSlot .overlayFull{
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	line-height: 25px;
}
.formDatepick .popSelection .timeWrapper .btnTimeSlot.full .overlayFull{
	display: block;
	cursor: not-allowed;
}
.formDatepick .popSelection .decro{
	display: none;
}
.formDatepick .popSelection .timeWrapper{
	padding: 0 10px;
}
.formDatepick .popSelection .timeWrapper{
	display: none;
}
.formDatepick.seperate .popSelection .timeWrapper{
	display: block;
}
.formDatepick .popSelection.selectedDay .timeWrapper{
	display: block;
}
.formDatepick.seperate .popSelection.selectedDay .timeWrapper{
	padding: 5px;
}

/********************* CUSTOM COLOR ( dermes-orange ) ********************/
.formDatepick.dermes-orange .popSelection{
	background-color: none;
}
.formDatepick.dermes-orange .popSelection .dateWrapper,
.formDatepick.dermes-orange .popSelection .timeWrapper{
	background-color: #b4a8a8;
}
.formDatepick.dermes-orange .popSelection .decro{
	position: relative;
	display: none;
	width: 100%;
	height: 20px;
}
.formDatepick.dermes-orange .popSelection .dateWrapper .datepick .datepick-nav a{
	color: #fff;
}
.formDatepick.dermes-orange .popSelection .dateWrapper .datepick .datepick-month th, 
.formDatepick.dermes-orange .popSelection .dateWrapper .datepick .datepick-month th a{
	background-color: #a78680;
}
.formDatepick.dermes-orange .popSelection .dateWrapper .datepick .datepick-month th{
	border: 1px solid #e8d5d0;
}
.formDatepick.dermes-orange .popSelection .dateWrapper .datepick .datepick-month td{
	border: 1px solid #e8d5d0;
}

.formDatepick.dermes-orange .popSelection .dateWrapper .datepick .datepick-month td span{
	color: #826060;
}
.formDatepick.dermes-orange .popSelection .dateWrapper .datepick .datepick-month a{
	color: #fff;
}
.formDatepick.dermes-orange .popSelection .dateWrapper .datepick .datepick-month a:hover{
	background-color: #826060;
}
.formDatepick.dermes-orange .popSelection .dateWrapper .datepick .datepick-month td .datepick-selected{
	background: #be9891;
	color: #fff;
}
.formDatepick.dermes-orange .popSelection .dateWrapper .datepick .datepick-cmd-next{
	width: 20px;
	height: 20px;
}
.formDatepick.dermes-orange .popSelection .dateWrapper .datepick .datepick-cmd-prev{
	width: 20px;
	height: 20px;
}
.formDatepick.dermes-orange .popSelection .dateWrapper .datepick .datepick-month td .datepick-today{
	background: #a78680;
}
.formDatepick.dermes-orange .popSelection .timeWrapper .btnTimeSlot a{
	color: #fff;
	background-color: #a78680;
}
.formDatepick.dermes-orange .popSelection .timeWrapper .btnTimeSlot a:hover{
	background-color: #9d7376;
}
.formDatepick.dermes-orange .popSelection .timeWrapper .btnTimeSlot.selected a{
	background-color: #7a595b;
}
.formDatepick.dermes-orange .popSelection .timeWrapper .btnTimeSlot .overlayFull{
	color: #fff;
	background-color: #dfc6bf;
}