@import url(https://honlap.hu/design/font/open-sans-400-300-600-800-700-subset-latin-latin-ext.css);
/*@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,800,700&subset=latin,latin-ext);*/

#blogCalendar {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 15px;
    font-weight: 300;
    margin-top: 10px;
    text-align: center;
    width: 250px;
}
#blogCalendar a {
    text-decoration: none;
}
#blogCalendar h2 {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 18px;
    font-weight: 800 !important;
    font-style: normal !important;
    line-height: 20px;
    margin: 4px 0;
    text-transform: uppercase;
}
#blogCalendar table {
    border-spacing: 0;
    width: 100%;
}
#blogCalendar header {
    position: relative;
}
#blogCalendar thead {
    font-weight: 600;
    text-transform: uppercase;
}
#blogCalendar tbody {
    color: #7c8a95;
}
#blogCalendar tbody td:hover {
    border: 2px solid #888;
}
#blogCalendar tbody td.active {
    border: 2px solid #888;
}
#blogCalendar td {
    border: 2px solid transparent;
    border-radius: 50%;
    display: inline-block;
    float: left;
    font-size: 13px;
    height: 28px;
    line-height: 28px;
    padding: 1.8px;
    text-align: center;
    width: 28px;
}
#blogCalendar .current-day {
    background: #888;
    color: #f9f9f9;
}
#blogCalendar .event, 
#blogCalendar .event2 {
    cursor: pointer;
    position: relative;
}
#blogCalendar .event:after {
    background: #888;
    border-radius: 50%;
    bottom: 2px;
    content: "";
    display: block;
    height: 6px;
    left: 50%;
    margin: -4px 0 0 -2px;
    position: absolute;
    width: 6px;
}
#blogCalendar .event2:before {
    background: #0e171c;
    border-radius: 50%;
    bottom: 2px;
    content: "";
    display: block;
    height: 6px;
    left: 50%;
    margin: -4px 0 0 -2px;
    position: absolute;
    width: 6px;
}
#blogCalendar .event.event2:after{
	margin: -4px 0 0 2px;	
}
#blogCalendar .event2.event:before{
	margin: -4px 0 0 -8px;	
}
#blogCalendar .event.current-day:after {
    background: #f9f9f9;
}
#blogCalendar .event2.current-day:before {
    background: #d9d9d9;
}
#blogCalendar .btn-prev,
#blogCalendar .btn-next {
	border: 2px solid #cbd1d2;
    border-radius: 50%;
    color: #cbd1d2;
    font-size: 20px;
    height: 26px;
    line-height: 24px;
    margin: -16px;
    position: absolute;
    top: 50%;
    width: 26px;
}
#blogCalendar .btn-prev:hover,
#blogCalendar .btn-next:hover {
    background: #cbd1d2;
    color: #f9f9f9;
    text-decoration: none;
}
#blogCalendar .btn-prev {
    left: 25px;
}
#blogCalendar .btn-next {
    right: 25px;
}