@charset "UTF-8";
/* ÜTF-8 ENCÖDED */

body.bg {
	background-color    : #C0C0C0;
	background-position : 0px 0px;
	cursor              : default;
	-webkit-transition : background 0.5s linear;
    -moz-transition    : background 0.5s linear;
    -o-transition      : background 0.5s linear;
    transition         : background 0.5s linear;
}
body ,
body * {
	box-sizing       : border-box;
	margin           : 0px;
	padding          : 0px;
}
.calendar {
	margin          : 0px auto;
	position        : absolute;
	top             : 50%;
	left            : 50%;
	margin-left     : -52px;
	margin-top      : -75px;
}
.line {
	clear         : both;
	margin-bottom : -1px;
	min-height    : 11px;
	overflow      : hidden;
	position      : relative;
}
.calendar ,
.legend {
	color            : #666;
	font-family      : '3x5px';
	font-size        : 8px;
	text-rendering   : optimizeSpeed;
	text-shadow      : 1px 1px 1px white;
	width            : 107px;
}
.box {
	background-color : transparent;
	border           : 1px solid transparent;
	display          : inline-block;
	float            : left;
	height           : 11px;
	line-height      : 7px;
	margin-right     : -1px;
	text-align       : center;
	overflow         : hidden;
	position         : relative;
	vertical-align   : middle;
	width            : 14px;
}
.prev ,
.next {
	width : 13px;
}
.next {
	padding-left : 2px;
}
.once {
	width : 14px;
}
.twice {
	width : 28px;
}
.thrice {
	width : 41px;
}
.fourth {
	width : 53px;
}
.fifth {
	width : 66px;
}
.sixth {
	width : 79px;
}
.seventh {
	width : 92px;
}
.eigth {
	width : 100%;
}
.legend ,
.all {
	border           : 1px solid #DDD;
	background-color : white;
}
.box.active ,
.box.over:hover {
	color : #000;
}
.all.over:hover {
	border  : 1px solid #888;
	z-index : 2;
}
.box.active ,
.box.active:hover {
	border  : 1px solid #000;
	z-index : 3;
}
.z1 {
	z-index : 1;
}
.box.day.holiday {
	background-color : #EEE;
}
.cursor {
	cursor : default;
}
.legend.line {
	border             : 1px solid transparent;
	background-color   : transparent;
	display            : block;
	height             : 0px;
	left               : 50%;
	line-height        : 10px;
	margin-top         : -96px;
	margin-left        : 80px;
	overflow           : hidden;
	padding            : 0px;
	position           : absolute;
	top                : 50%;
	width              : 0px;
	-webkit-transition : width 0.5s, height 0.5s, padding 0.5s, linear;
    -moz-transition    : width 0.5s, height 0.5s, padding 0.5s, linear;
    -o-transition      : width 0.5s, height 0.5s, padding 0.5s, linear;
    transition         : width 0.5s, height 0.5s, padding 0.5s, linear;
}
.legend.line div {
	color            : #000;
	/*padding          : 4px 5px;*/
	width            : 141px;
}
.legend.box {
	width : 40px;
}
body.show-legend .legend.line {
	background-color : white;
	border-color     : black;
	height           : 192px;
	padding          : 3px 5px;
	width            : 153px;
}
body.show-legend .legend.box {
	border-color : #000;
	color        : #000;
	z-index      : 2;
}
.legend span {
	display : inline-block;
}
.legend .key {
	width : 17px;
}
.legend .separator {
	text-align : center;
	width      : 10px;
}
.theme {
	background-color : #000;
	margin-left      : 7px;
	margin-right     : 6px;
}

.noselect ,
.noselect * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}