.calendar {
	width:211px;
	margin:0;
	padding: 0;
	list-style: none;
	font-size:12px;
}

.calendar .calendar-month {
	color:#fff;
	font-size:14px;	
}

.calendar .calendar-month a {
	color:#fff;
	font-size:14px;	
}

.calendar-day {
	position:relative;
	float: left;
	text-align: center;
	width: 30px;
	height: 30px;
	line-height:28px;
	margin:0;
	padding: 0;
}

/* Easiest RTL support, imagine with display: flex! */
html[dir=rtl] .calendar-day {
	float: right;
	text-align: center;
}

.calendar-day.-weekday {
	font-size:11px;
	font-weight: bold;
}
.calendar-day {
	background-color:#ddd;
	background: rgba(220, 220, 220, 0.51);
}
.calendar-day.-sibling-month {
	color: #ccc;
	background: rgba(20, 20, 20, 0.21);
}
.js-calendar-month {
	font-size:11px;
	line-height: 32px;
	margin:0;
	padding:5px 0;
	font-weight: bold;
	color: #e2e2e2;
	text-align: center;
	background: rgba(20, 20, 20, 0.71);
} 
.hasEvent {
	cursor:pointer;
	background: rgba(20, 20, 20, 0.71);
	color: #ddd;
	
	 transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-webkit-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
} 
.hasEvent:hover {
	cursor:pointer;
	background-color:#4ab3d5;
	color: #fff;
} 

.currentDay {
	background-color:red;
	color: #fff;
} 

.calendar .balloon {
	position:absolute;
	top:5px;
	right:43px;
	display:block;
	
	line-height:17px;
	font-family:Arial, sans-serif;
	
	/*visibility:hidden;*/
	width:140px;
	height:auto;
	background:#ff0d51;
	z-index:999;
	
 
	-webkit-animation:fadeIn ease-in 1s;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1s;
	animation:fadeIn ease-in 1s;
	
	animation:slide 1s;
    -moz-animation:slide 1s; /* Firefox */
    -webkit-animation:slide 1s; /* Safari and Chrome */
	
	
	-webkit-box-shadow: 0px 3px 6px 0px rgba(50, 50, 50, 0.84);
	-moz-box-shadow:    0px 3px 6px 0px rgba(50, 50, 50, 0.84);
	box-shadow:         0px 3px 6px 0px rgba(50, 50, 50, 0.84);
}

.ballon-item {
	width:100%;
}

keyframes slide {
	from {right: 50px;} 
	to{right:43px;} 
	from { opacity:0; } to { opacity:1; }
}
@-moz-keyframes slide {
	from {right: 50px;} 
	to{right:43px;} 
	from { opacity:0; } to { opacity:1; }
}
@-webkit-keyframes slide {
	from {right: 50px;} 
	to{right:43px;} 
	from { opacity:0; } to { opacity:1; }
}	


.calendar .ballon-text {
	padding:10px 5px;
	font-size:11px;
	width:100%;
	font-weight:normal;
	text-align:left;
	color:#fff;
}

.calendar .arrow-right {
	position:absolute;
	right:-10px;
	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #c0023c;
}
.calendar-arrows {
	font-size:20px;
	margin:0 10px;
	padding:0 10px;
	cursor:pointer;
}
.calendar-prev {
	float:left;
}

.calendar-next {
	float:right;
}

.ballon-header  {
	width:100%;
	height:20px;
	color:#fff;
	line-height:21px;
	font-size:10px;
	background-color:#c0023c;
}

.ballon-text {
	background-color:#ff0d51;
}

.ballon-progress {

	width:0;
	height:3px;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6db3f2+0,54a3ee+50,3690f0+51,1e69de+100;Blue+Gloss+%233 */
	background: #6db3f2; /* Old browsers */
	background: -moz-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6db3f2), color-stop(50%,#54a3ee), color-stop(51%,#3690f0), color-stop(100%,#1e69de)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* IE10+ */
	background: linear-gradient(to bottom, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */

}

.ballon-type  {
	width:100%;
	height:20px;
	color:#fff;
	line-height:1.8;
	font-size:10px;
	background-color:#c0023c;
}