/* Styled ui datepicker for devex tid custom datepicker */
/* START DATEPICKER CUSTOM */
.weekPickerCont {
 	position:absolute;
	left:0;
	top:70px;
	width:100%;
	z-index:40;
	background:#fff;
	margin-bottom:50px;
	border-bottom: 1px dotted rgba(139, 141, 142, .5);
}
#ui-datepicker-div 
{
	width: 100%;
	left: 0 !important;
	top: 60px !important;
	background:#fff;
}
.ui-datepicker
{
    font-size: 2em;
    cursor:default;
}
.ui-datepicker-month
{
	text-align:center;
}
.ui-datepicker-week-col
{
	opacity:0.4;
}
.ui-datepicker table {
    width: 100%;
}
.ui-datepicker a {
    text-decoration: none;
    color:#000000;
	opacity:0.6;
    cursor:default;
}
td, th {
   text-align:center;
   height:40px;
}
thead {
	color:#8b8d8e4a;
}
.ui-datepicker-week-end:last-child{
    color: #f2717d;
    /* opacity: 0.5; */
}
.ui-datepicker-header {
	display:none;
}
.calenderDotGreen
{
    border-bottom:2px solid #7AB800;
}
.calenderDotYellow
{
	border-bottom:2px solid #ffff00;
}
.calenderDotRed
{
	border-bottom:2px solid #ff8080;
}
.ui-datepicker-today a.ui-state-highlight 
{
    color: #ff84c8;
}

@media screen and (orientation:landscape)
{
	.ui-datepicker
	{
		font-size: 1.5em;
	}
	.weekPickerCont
	{
 		top:55px;
	}
	td
	{
		height:35px;
	}
	@media (min-height: 320px)
	{
		td
		{
			height:38px;
		}
	}
	@media (min-height: 360px)
	{
		td
		{
			height:45px;
		}
	}
	@media (min-height: 375px)
	{
		td
		{
			height:49px;
		}
	}
	@media (min-height: 410px)
	{
		td
		{
			height:57px;
		}
	}
	@media (min-height: 768px)
	{
		td
		{
			height:110px;
		}
	}
}
/* END DATEPICKER CUSTOM */