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

body.bg {
	background-color : rgb(192,192,192);
	-webkit-transition : background 0.5s linear;
    -moz-transition    : background 0.5s linear;
    -o-transition      : background 0.5s linear;
    transition         : background 0.5s linear;
}
.calendar-container {
	font-family      : '3x5px';
	font-size        : 8px;
	color            : black;
	position         : absolute;
	top              : 50%;
	text-shadow      : 1px 1px 1px white;
	left             : 50%;
	margin-left      : -150px;
	margin-top       : -150px;
}
.calendar-container * {
	box-sizing : border-box;
	cursor     : default;
}
.circle {
	background-color : rgb(238,238,238);
	border-radius    : 150px;
	height           : 300px;
	position         : relative;
	width            : 300px;
}
.inner-circle {
	background-color : rgb(255,255,255);
	border-radius    : 120px;
	height           : 240px;
	left             : 30px;
	position         : absolute;
	top              : 30px;
	width            : 240px;
}
.months .month {
	background-color : rgb(255,255,255);
	height           : 18px;
	line-height      : 14px;
	margin-left      : 0px;
	margin-top       : 0px;
	position         : absolute;
	text-align       : center;
	width            : 18px;
}
.months .one , .months .six {
	left : 184px;
}
.months .one , .months .onetwo {
	top  : 15px;
}
.months .onezero , .months .nine {
	left : 18px;
}
.months .two , .months .oneone {
	top : 42px;
}
.months .two , .months .five {
	left : 232px;
}
.months .three , .months .four {
	left : 264px;
}
.months .three , .months .onezero {
	top : 86px;
}
.months .four , .months .nine {
	top  : 196px;
}
.months .five , .months .eight {
	top  : 239px;
}
.months .six , .months .seven {
	top  : 266px;
}
.months .seven , .months .onetwo {
	left : 96px;
}
.months .eight , .months .oneone {
	left : 49px;
}
.days-container {
	top      : 107px;
	left     : 73px;
	position : absolute;
}
.days-container.four-lines , .days-container.four-lines {
	top : 130px;
}
.days .day {
	float         : left;
	height        : 20px;
	margin-bottom : 2px;
	margin-right  : 2px;
	text-align    : center;
	visibility    : hidden;
	width         : 20px;
}
.navis {
	left     : 108px;
	position : absolute;
	top      : 41px;
}
.navis .navi {
	display       : block;
	margin        : 0px;
	margin-bottom : 2px;
}
.navis .navi .nav {
	display       : inline-block;
	height        : 20px;
	line-height   : 17px;
	text-align    : center;
	width         : 20px;
}
.calendar-container .num {
	border-color : transparent;
}
.calendar-container .b {
	border        : 1px solid #DDD;
	border-radius : 10px;
}
.calendar-container .o {
	visibility : visible;
}
.calendar-container .o:hover {
	border-color : #AAA;
}
.calendar-container .b.active {
	border-color : #000;
}
.navis .navi .nav.num {
	margin-left  : 2px;
	margin-right : 2px;
	width        : 40px;
}
.complete-day {
	left     : 99px;
	position : absolute;
	top      : 191px;
}

.today ,
.legend.button {
	cursor      : default;
	height      : 20px;
	left        : 125px;
	line-height : 17px;
	position    : absolute;
	text-align  : center;
	top         : 242px;
	width       : 45px;
}
.legend.box {
	background-color           : rgb(238,238,238);
	border                     : 0px;
	border-radius              : 150px;
	border-top-right-radius    : 10px;
	border-bottom-right-radius : 10px;
	height                     : 240px;
	left                       : 0px;
	line-height                : 12px;
	margin-top                 : -120px;
	margin-left                : 60px;
	overflow                   : hidden;
	padding                    : 10px 5px 5px 10px;
	position                   : absolute;
	top                        : 50%;
	width                      : 0px;
	
	-webkit-transition         : width 0.5s, padding 0.5s, linear;
    -moz-transition            : width 0.5s, padding 0.5s, linear;
    -o-transition              : width 0.5s, padding 0.5s, linear;
    transition                 : width 0.5s, padding 0.5s, linear;
}
body.show-legend .legend.box {
	padding-left : 260px;
	width        : 410px;
}
body .legend.box div {
	display : block;
	width : 145px;
}
body .circle ,
body .legend.box {
	box-shadow : 1px 0px 1px rgb(130,130,130);
}
.today {
	top  : 220px;
}
.theme {
	background-color : black;
	bottom           : 50px;
	height           : 18px;
	left             : 185px;
	position         : absolute;
	width            : 18px;
}

.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;
}