.calendar-inline {
  width: 100%;
}
.calendar-inline .ci-controls {
  position: relative;
}
.calendar-inline .ci-controls .ci-controls-prev:hover,.calendar-inline .ci-controls .ci-controls-next:hover {
	background-color: rgba(0,0,0,1);
}
.calendar-inline .ci-controls .ci-controls-prev {
	width: 40px;
	height: 40px;
  position: absolute;
  left: -16px;
  top: 30px;
	padding: 8px 0;
background-color: rgba(0,0,0,0.6);
	-o-transition-property: all;
	-o-transition: 0.5s ease-in-out;
	-moz-transition-property: all;
	-moz-transition: 0.5s ease-in-out;
	-webkit-transition-property: all;
	-webkit-transition: 0.5s ease-in-out;
	transition-property: all;
	transition: 0.5s ease-in-out; 	
}
.calendar-inline .ci-controls .ci-controls-next {
	width: 40px;
	height: 40px;
  position: absolute;
  right: -16px;
  top: 30px;
	padding: 8px 0;
	background-color: rgba(0,0,0,0.6);
	-o-transition-property: all;
	-o-transition: 0.5s ease-in-out;
	-moz-transition-property: all;
	-moz-transition: 0.5s ease-in-out;
	-webkit-transition-property: all;
	-webkit-transition: 0.5s ease-in-out;
	transition-property: all;
	transition: 0.5s ease-in-out; 	
}
.calendar-inline .ci-dates-wrapper {
  position: relative;
  overflow: hidden;
  height: 60px;
  margin: 0 auto;
}
.calendar-inline .ci-dates-wrapper .ci-dates {
  position: absolute;
  float: left;
}
.calendar-inline .ci-dates-wrapper .ci-dates .ci-range {
  float: left;
}
.calendar-inline .ci-dates-wrapper .ci-dates .ci-range .ci-date-wrapper {
  float: left;
  width: 40px;
}
.calendar-inline .ci-dates-wrapper .ci-dates .ci-range .ci-date-wrapper .ci-month {
  height: 15px;
}
.calendar-inline .ci-dates-wrapper .ci-dates .ci-range .ci-date-wrapper.active {
  cursor: pointer;
}
.ci-popovers {
  position: absolute;
  left: 0;
  top: 0;
}
.ci-popovers .ci-popover {
  position: absolute;
  z-index: 2000;
  width: 220px;
  height: 140px;
  background: #fff;
  border: solid 1px #aaa;
}
.calendar-inline.debug {
  background: #efefef;
}
.calendar-inline.debug .ci-date-wrapper {
  background: #ccc;
}
.calendar-inline.debug .ci-date-wrapper.active {
  background: #aaa;
}
@media only screen and (max-width: 1200px) {
	.calendar-inline .ci-controls .ci-controls-prev {
		left: -11px;
	}
	.calendar-inline .ci-controls .ci-controls-next {
		right: -11px;
	}
}
@media only screen and (max-width: 992px) {
	.calendar-inline .ci-controls .ci-controls-prev {
		left: -22px;
	}
	.calendar-inline .ci-controls .ci-controls-next {
		right: -22px;
	}
}
@media only screen and (max-width: 768px) {
	.calendar-inline .ci-controls .ci-controls-prev {
		left: -22px;
	}
	.calendar-inline .ci-controls .ci-controls-next {
		right: -22px;
	}
}
@media only screen and (max-width: 480px) {
	.calendar-inline .ci-controls .ci-controls-prev {
		left: -16px;
	}
	.calendar-inline .ci-controls .ci-controls-next {
		right: -16px;
	}
}