.background{fill: #d8d8d8;}
.title{fill: #aaaaaa;}
.horizontal-lines{stroke: #777777; stroke-width: 2px;}
.horizontal-sublines{stroke: none; stroke-width: 0px;}
.vertical-lines{stroke: #777777; stroke-width: 2px;}
.today{fill: #B3D7FF; stroke: #777777; stroke-width: 2px;}
.text-month{
    text-anchor:middle;
    fill: #777777;
    font-weight: bold;
    font-size:40px;
    font-family: sans-serif;
}
.text-days{
    fill: #d8d8d8;
	font-weight: bold;
	font-size:40px;
    font-family: sans-serif;
}
.text-dates{
    fill: #777777;
	font-size:30px;
	font-family:'merryweather', 'arial', sans-serif;}
.lesson-background-1{fill: #f8c352;}/*orange*/
.lesson-text-1{text-anchor:middle;
	fill:#ffffff;
	font-size:15px;
    font-family: sans-serif;
}
.lesson-background-2{fill: #f78da7;}/*pink*/
.lesson-text-2{
    text-anchor:middle;
	fill:#ffffff;
	font-size:15px;
    font-family: sans-serif;
    
}
.lesson-background-3{fill: #76aaf4;}/*blue*/
.lesson-text-3{
    text-anchor:middle;
	fill:#ffffff;
	font-size:15px;
    font-family: sans-serif;
}
.lesson-background-4{fill: #6bc5c4;}/*green*/
.lesson-text-4{
    text-anchor:middle;
	fill:#ffffff;
	font-size:15px;
    font-family: sans-serif;
}
.lesson-background-private{fill: #d8d8d8;}/*like background*/
.lesson-text-private{
    text-anchor:middle;
	fill:#333333;
	font-size:15px;
    font-family: sans-serif;
}
.lesson-background-change{fill: #eeeeee;}
.lesson-text-change{
    text-anchor:middle;
	fill:#ff007f;
	font-size:15px;
    font-family: sans-serif;
}
.lesson-background-cancelled{fill: #aaaaaa;}
.lesson-text-cancelled{
    text-anchor:middle;
	fill:#ffffff;
	font-size:15px;
    font-family: sans-serif;
}
.hidden_info{display: none;}
.lesson-background-holiday{fill: #aaaaaa;}
.lesson-text-holiday{
    text-anchor:middle;
	fill:#ffffff;
	font-size:15px;
    font-family: sans-serif;
}
.eventtarget{fill:none;}


#closeframe{
position: absolute;
z-index: 99999;
top: 0px;
right: 10px;
font-size: 2em;
}

#display_content{
position: absolute;
top: 10px;
left: 10px;
}

#yoyakulink{
position: absolute;
z-index: 99999;
bottom: 20px;
right: 50px;
}

#display_details{
display: none;
padding: 15px 15px 15px 20px;
width: 320px;
height: 200px;
border-radius: 10px;
border: 2px solid #ffffff;
position: fixed;
top: 30%;
left: 7%;
background-color: #ffffff;
color: #000000;
font-size: 1em;
font-family: sans-serif;
}