.divDatePicker
{
	outline:none;
	position:relative;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

.divDatePicker .divDatePickerText
{
	color:rgba(0, 0, 0, 0.8);
	cursor:pointer;
	font-size:14px;
	height:35px;
	line-height:35px;
	padding-right:36px;
}

.divDatePicker.disabled .divDatePickerText
{
	color:rgba(0, 0, 0, 0.5);
	cursor:default;
}

.divDatePicker .divDatePickerLabel
{
	color:rgba(0, 0, 0, 0.5);
	cursor:pointer;
	font-size:14px;
	height:35px;
	left:0px;
	line-height:35px;
	position:absolute;
	transition:color 0.25s, font-size 0.25s, top 0.25s;
	top:0px;
}

.divDatePicker.disabled .divDatePickerLabel
{
	cursor:default;
}

.divDatePicker.focus .divDatePickerLabel
{
	color:#2d618c;
	font-size:12px;
	top:-22px;
}

.divDatePicker.hasValue .divDatePickerLabel
{
	font-size:12px;
	top:-22px;
}

.divDatePicker .divDatePickerIcon
{
	background-image:url('iconCalendar.svg');
	background-repeat:no-repeat;
	background-size:cover;
	height:24px;
	opacity:0.54;
	position:absolute;
	right:4px;
	top:8px;
	transition:opacity 0.25s;
	width:24px;
}

.divDatePicker.focus .divDatePickerIcon
{
	opacity:0.8;
}

.divDatePicker.disabled .divDatePickerIcon
{
	opacity:0.36;
}

.divDatePicker .divBorderLine
{
	background-color:#dddddd;
	bottom:0px;
	height:1px;
	left:0px;
	position:absolute;
	right:0px;
}

.divDatePicker .divFocusLine
{
	background-color:#547736;
	bottom:0px;
	height:2px;
	left:0px;
	opacity:0;
	position:absolute;
	right:0px;
	transition:opacity 0.25s;
}

.divDatePicker.focus .divFocusLine
{
	opacity:1;
}

.divDatePicker.disabled.focus .divFocusLine
{
	opacity:0;
}

.divDatePicker .divDatePickerItems
{
	background-color:#ffffff;
	box-shadow:0px 39px 56px 3.5px rgba(0, 0, 0, 0.24), 0px 15px 79px 1.5px rgba(0, 0, 0, 0.16);
	display:none;
	height:392px;
	overflow:hidden;
	position:absolute;
	right:0px;
	top:35px;
	width:296px;
	z-index:1;
}

.divDatePicker.focus .divDatePickerItems
{
	animation-duration:0.1s;
	animation-name:showDatePicker;
	display:block;
	opacity:1;
}

.divDatePicker .divDatePickerItems.center
{
	left:50%;
	position:fixed;
	right:auto;
	top:50%;
	transform:translate(-50%, -50%);
}

.divDatePicker .divDatePickerHeader
{
	background-color:#547736;
	color:#ffffff;
	font-size:20px;
	font-weight:500;
	height:24px;
	left:0px;
	line-height:24px;
	padding:28px 0px 12px 24px;
	position:absolute;
	right:0px;
	top:0px;
}

.divDatePickerHeaderYear
{
	color:#ffffff;
	font-size:14px;
	left:24px;
	position:absolute;
	top:12px;
}

.divDatePicker .divSunday, .divDatePicker .divMonday, .divDatePicker .divTuesday, .divDatePicker .divWednesday, .divDatePicker .divThursday, .divDatePicker .divFriday, .divDatePicker .divSaturday
{
	color:rgba(0, 0, 0, 0.26);
	font-size:12px;
	font-weight:500;
	height:32px;
	line-height:32px;
	position:absolute;
	text-align:center;
	top:112px;
	width:40px;
}

.divDatePicker .btnPreviousMonth
{
	border-radius:50%;
	cursor:pointer;
	height:40px;
	left:8px;
	position:absolute;
	top:72px;
	transition:background-color 0.25s;
	width:40px;
}

.divDatePicker .btnPreviousMonth:after
{
	border-bottom:5px solid transparent;
	border-right:5px solid rgba(0, 0, 0, 0.54);
	border-top:5px solid transparent;
	content:"";
	height:0px;
	left:50%;
	position:absolute;
	top:50%;
	transform:translate(-75%, -50%);
	width:0px;
}

.divDatePicker .btnNextMonth
{
	border-radius:50%;
	cursor:pointer;
	height:40px;
	position:absolute;
	right:8px;
	top:72px;
	transition:background-color 0.25s;
	width:40px;
}

.divDatePicker .btnNextMonth:after
{
	border-bottom:5px solid transparent;
	border-left:5px solid rgba(0, 0, 0, 0.54);
	border-top:5px solid transparent;
	content:"";
	height:0px;
	left:50%;
	position:absolute;
	top:50%;
	transform:translate(-25%, -50%);
	width:0px;
}

.divDatePicker .btnPreviousMonth:hover, .divDatePicker .btnNextMonth:hover
{
	background-color:rgba(84, 119, 54, 0.24);
}

.divDatePicker .divMonthText
{
	border-radius:20px;
	cursor:pointer;
	font-size:14px;
	height:40px;
	left:56px;
	line-height:40px;
	position:absolute;
	right:56px;
	text-align:center;
	top:72px;
	transition:background-color 0.25s;
}

.divDatePicker .divMonthText:hover
{
	background-color:rgba(84, 119, 54, 0.24);
}

.divDatePicker .divDatesPanel
{
	background-color:#ffffff;
	bottom:0px;
	font-size:14px;
	left:0px;
	position:absolute;
	transition:transform 0.25s;
	top:136px;
	width:100%;
}

.divDatePicker .divDatesPanel.left
{
	transform:translateX(-100%);
}

.divDatePicker .divDatesPanel.right
{
	transform:translateX(100%);
}

.divDatePicker .divPickerDate
{
	border-radius:50%;
	cursor:pointer;
	height:40px;
	line-height:40px;
	position:absolute;
	text-align:center;
	transition:background-color 0.25s;
	width:40px;
}

.divDatePicker .divPickerDate.selected
{
	background-color:#547736;
	color:#ffffff;
}

.divDatePicker .divPickerDate:hover
{
	background-color:rgba(84, 119, 54, 0.24);
}

.divDatePicker .row0
{
	top:8px;
}

.divDatePicker .row1
{
	top:48px;
}

.divDatePicker .row2
{
	top:88px;
}

.divDatePicker .row3
{
	top:128px;
}

.divDatePicker .row4
{
	top:168px;
}

.divDatePicker .row5
{
	top:208px;
}

.divDatePicker .col0
{
	left:8px;
}

.divDatePicker .col1
{
	left:48px;
}

.divDatePicker .col2
{
	left:88px;
}

.divDatePicker .col3
{
	left:128px;
}

.divDatePicker .col4
{
	left:168px;
}

.divDatePicker .col5
{
	left:208px;
}

.divDatePicker .col6
{
	left:248px;
}

.divDatePicker .divYearSelector
{
	background-color:#ffffff;
	height:0px;
	left:0px;
	overflow-x:hidden;
	overflow-y:auto;
	position:absolute;
	top:64px;
	transition:height 0.25s;
	width:100%;
	z-index:1;
}

.divDatePicker .yearPicker .divYearSelector
{
	height:calc(100% - 64px);
}

.divDatePicker .divYearSelectorItem
{
	cursor:pointer;
	font-size:18px;
	line-height:16px;
	padding:16px;
	text-align:center;
	transition:background-color 0.25s;
}

.divDatePicker .divYearSelectorItem:hover
{
	background-color:rgba(84, 119, 54, 0.24);
}

/* ANIMATIONS */
@keyframes showDatePicker
{
	0%   {opacity:0;}
	1%   {opacity:0;}
	100% {opacity:1;}
}

/* RESPONSIVE MEDIA QUERIES */
@media (max-width: 680px)
{
	.divDatePicker .divDatePickerItems
	{
		left:50%;
		position:fixed;
		right:auto;
		top:50%;
		transform:translate(-50%, -50%);
	}
}