.ºdate{
    width: 105px;
    height: 32px;
    position:relative;
}
	.ºdate .border{
		position:absolute;
		top: 0; right: 0; bottom: 0; left: 0;
		background: #FFF;
		border: 2px solid #BBB;
		border-radius: 3px;
	}
		.ºdate .border > *{
			position: relative;
			display: inline-block;
			padding: 0;
			top: 5px;
		}
			.ºdate .border .sep{
				left: -1px;
				color: #999; 
				cursor: default;
			}
			.ºdate .border .value{
				margin-left: -1px; 
				background: transparent;
				border: 0;
				width: 14px;
			}
			.ºdate.green .border{
				border-color: 'limegreen';
			}
			.ºdate.red .border{
				border-color: 'red';
			}
				.ºdate .border .day{
					margin-left: 5px; 
				}
				.ºdate .border .month.text.value{
					width: 74px; 
				}
				
			.zoom0 .ºdate .border .value{ width: 14px; }
			.zoom1 .ºdate .border .value{ width: 14px; }
			.zoom2 .ºdate .border .value{ width: 16px; }
			.zoom3 .ºdate .border .value{ width: 18px; }
			.zoom0 .ºdate .border .month.text.value{ width: 74px; }
			.zoom1 .ºdate .border .month.text.value{ width: 76px; }
			.zoom2 .ºdate .border .month.text.value{ width: 78px; }
			.zoom3 .ºdate .border .month.text.value{ width: 80px; }
				.ºdate .border .value.year{
					width: 40px;
				}			
			
		/*
		.ºdate .vday{ left: 2px; width: 18px; }
		.ºdate .vmonth{ left: 23px; width: 18px; }
		.ºdate .vyear{ left: 44px; width: 40px; }
		*/
		.ºdate .calendar{
			top: 6px; right: 3px;
			width: 16px; height: 16px;
			border-radius: 2px;
			font-size: 16px;
		}
		.ºdate.green .border, .ºdate.green  .border .value, .ºdate.green .border .sep{
			color: limegreen;
		}
		.ºdate.red .border, .ºdate.red  .border .value, .ºdate.red .border .sep{
			color: red;
		}
			
		.ºdate.pop{
			margin: -1px 0 0 0;
		}
			.ºdate .container{
				width: 178px;
				height: 187px;
				background: #FFF;
				border: 2px solid #79BC28;
				border-radius: 3px;
			}
				
				.ºdate .container .button{
					top: 3px;
					width: 18px; height: 18px;
					border-radius: 2px;
					background: #79BC28 ;
				}
				.ºdate .container .button.disabled, .ºdate .container .button.disabled:hover {
    				background: #DDD ;
				}
				
				.ºdate .container .down{ 
					left: 3px; 
				}
				.ºdate .container .left{
					left: 22px;
					background-position: -72px -18px;
					}
				.ºdate .container .right{
					left: 142px;
					background-position: -90px -18px;
					}
				.ºdate .container .up{
					left: 161px;
					background-position: -90px 0;
				}
				
				.ºdate .container .up .arrow{
					position: absolute; top: 3px; left: 5px;
					width: 9px; height: 5px;
				}
				.ºdate .container .down .arrow{
					position: absolute; top: 3px; left: 5px;
					width: 9px; height: 5px;
				}
				.ºdate .container .left .arrow{
					position: absolute; top: 3px; left: 6px;
					width: 5px; height: 9px;
				}
				.ºdate .container .right .arrow{
					position: absolute; top: 3px; left: 7px;
					width: 5px; height: 9px;
				}				
				
				.ºdate .container .title{
					top: 3px;
					left: 41px;
					height: 15px;
					width: 95px;
					border-radius: 3px;
					padding: 3px 0 0 5px;
					color: #5B8D1E;
					background: #E7EFE5 ;
				}
				.browser_ff .ºdate .container .title{
					font-size: 9.4px;
				}
			
				.ºdate .container .weekday{
					padding: 1px 0 2px 0;
					top: 22px;
					width: 26px;
					height: 12px;
					background: #666 ;
					color: #FFF;
					text-align: center;
				}
				.ºdate .container .day{
					left: -1px;
					width: 24px;
					height: 19px;
					padding: 5px 0 0;
					color: #497118;
					border: 1px solid #DDD;
					text-align: center;
				}
				.ºdate .container .day.row0{ top: 37px; }
				.ºdate .container .day.row1{ top: 62px; }
				.ºdate .container .day.row2{ top: 87px; }
				.ºdate .container .day.row3{ top: 112px; }
				.ºdate .container .day.row4{ top: 137px; }
				.ºdate .container .day.row5{ top: 162px; }
				
				.ºdate .container .col0{ left: 3px; }
				.ºdate .container .col1{ left: 28px; }
				.ºdate .container .col2{ left: 53px; }
				.ºdate .container .col3{ left: 78px; }
				.ºdate .container .col4{ left: 103px; }
				.ºdate .container .col5{ left: 128px; }
				.ºdate .container .col6{ left: 153px; }
				
				.ºdate .container .day.disabled{ background: #FFF ; }
	
	.ºdate.focus .border{ border-color: #79BC28; }
	.ºdate.focus .arrow{ background-position: -128px -24px; }
	.ºdate.focus input, .ºdate.focus .sep1, .ºdate.focus .sep2{ color: #5B8D1E; }

	.ºdate .error{
		position: absolute;
		top: 2px; right: 26px; bottom: 0; width: 20px;
	}
/* Month */
		.month .weekdays{
			top: 0; left: 0;
			background: #666 ;
			height: 20px;
			border-radius: 3px 3px 0 0;
		}
			.month .weekday{ 
				width: 52px;
				padding-top: 4px; 
				color: #FFF;
				text-align: center;
				}
		.month .days{
			background: #AFAFAF;
			top: 20px;
			border-radius: 0 0 3px 3px;
		}
			.month .day{
				z-index: 0;
			}
			.month .day .border{
				position: relative;
				background: #FFF ;
				width: 100%;
				height: 100%;
			}
			.month .day:hover{
				margin: -1px 0px 0px -1px;
				border: 1px solid #000;
				z-index: 1;
			}
			.month .day:hover .border{
			}
			.month .day .day_text{
				top: 10px; left: 0; right: 0; height: 20px;
				text-align: center;
				font-size: 18px;
			}
			.month .day .text_1, .month .day .text_2{
				bottom: 18px; left: 6px; right: 6px; height: 12px;
				color: rgba(0, 0, 0, .4);
				font-size: 11px;
			}
			.month .day .text_2{ bottom: 6px; }
		.month .day.disabled{
			margin: 0; 
			border: 0;
		}
			.month .day.disabled .border{
				background-color: #EEE;
				color: #CCC;
			}
			.month .day.disabled .day_text{
				top: 23px;
				font-size: 22px;
			}

		.month.small .weekdays{
			height: 12px;
			font-size: 9px;
			border-radius: 0;
		}
			.month.small .weekday{ padding-top: 0px; }
		.month.small .days{ top: 12px; }
				.month.small .day .day_text{ 
					top: 4px;
					font-size: 11px;
				}
				.month.small .day .text_1, .month.small .day .text_2{
					display: none;
				}
				.month.small .day.disabled .border{
					color: #AAA; 
					background: #E6E6E6 ;
				}
			.months_header{
				background: #79BC28;
				color: #FFF;
				height: 14px;
				font-size: 9px;
				text-align: center;
				padding: 2px 0;
				border-radius: 3px 3px 0 0;
				cursor: pointer;
			}
				.months_header:hover{
					background: #5B8D1E ;
				}
			
		.month .day.event .border{
			background-color: #A0DCDC;
			border-color: #A0DCDC;
		}
		.month .day.variant .border{
			background-color: #DCDCA0;
			border-color: #DCDCA0;
		}
		.month .day.daytype0 .border{
			background-color: #D7FFFF;
			border-color: #D7FFFF;
		}		
		.month .day.daytype1 .border{
			background-color: #FFFFD7;
			border-color: #FFFFD7;
		}
		.month .day.daytype2 .border{
			background-color: #FFE0C0;
			border-color: #FFE0C0;
		}
		.month .day.daytype3 .border{
			background-color: #FFD9D9;
			border-color: #FFD9D9;
		}
		.month .day.daytype4 .border{
			background-color: #FFC0C0;
			border-color: #FFC0C0;
		}
		.month .day.daytype5 .border{
			background-color: #D7FFD7;
			border-color: #D7FFD7;
		}
		.month .day.daytype6 .border{
			background-color: #D7D7FF;
			border-color: #D7D7FF;
		}
		.month .day.daytype7 .border{
			background-color: #FFD7FF;
			border-color: #FFD7FF;
		}
		.month .day.daytype8 .border{
			background-color: #B4FFB4;
			border-color: #B4FFB4;
		}
		.month .day.daytype9 .border{
			background-color: #FFBE82;
			border-color: #FFBE82;
		}		
		.month .day.custom .border{
			background-color: #79BC28;
			color: $control0;
		}
			.month .day.custom .border>*{
				color: $control0;
			}
			.month .day.custom .text_2{
				bottom: 14px;
				text-align: center;
				font-size: 12px;
			}

		.month .day.selected .border{
			background-color: #12ADE3;
			border-color: #59C5EB;
		}
		
		
	
	.legend_box{
		position: absolute;
		width: 14px; height: 14px;
		border: 1px solid rgba(0, 0, 0, .15);
		border-radius: 2px; 
	}
	.legend_box.event{ background: #A0DCDC; }		
	.legend_box.variant{ background: #DCDCA0; }
	
	
	.legend_box.text{ background: #777; }
	.legend_box.blue{ background: #6B9834; }
	.legend_box.orange{ background: #FF8C00; }
	
	.daytype0{ background-color: #D7FFFF; }
	.daytype1{ background-color: #FFFFD7; }
	.daytype2{ background-color: #FFE0C0; }
	.daytype3{ background-color: #FFD9D9; }
	.daytype4{ background-color: #FFC0C0; }
	.daytype5{ background-color: #D7FFD7; }
	.daytype6{ background-color: #D7D7FF; }
	.daytype7{ background-color: #FFD7FF; }
	.daytype8{ background-color: #B4FFB4; }
	.daytype9{ background-color: #FFBE82; }