#events-calendar {
	background-color: #383838;
	border-radius: 5px;
	padding: 10px;
	box-shadow: 0 0 10px #201d1c;
	font-size: 14px;
}
 #mini-clndr {
	 margin: 10px auto;
	 width: 304px;
}
 #mini-clndr .clndr {
	 overflow: hidden;
	 margin-bottom: 10px;
	 margin-right: 10px;
}
 #mini-clndr .clndr .controls {
	 /* color: white; */
	 color: #d8d8d8;
}
 #mini-clndr .clndr .controls .clndr-previous-button, #mini-clndr .clndr .controls .clndr-next-button {
	 width: 42px;
	 height: 42px;
	 /* padding-top: 5px;
	 padding-bottom: 5px; */
	 padding: 5px;
	 display: inline-block;
	 text-align: center;
	 cursor: pointer;
	 -webkit-user-select: none;
	 -moz-user-select: none;
	 -ms-user-select: none;
	 -webkit-transition: background-color 0.5s;
	 -moz-transition: background-color 0.5s;
	 -ms-transition: background-color 0.5s;
	 -o-transition: background-color 0.5s;
	 transition: background-color 0.5s;
	 background-color: #323232;
	 border-radius: 50%;
}
 #mini-clndr .clndr .controls .clndr-previous-button:hover, #mini-clndr .clndr .controls .clndr-next-button:hover {
	 /* background-color: #528b5e; */
	 background-color: #1c1c1c;
}
 #mini-clndr .clndr .controls .month {
	 width: 200px;
	 /* width: 70%; */
	 /* padding-top: 5px;
	 padding-bottom: 5px; */
	 padding: 5px;
	 display: inline-block;
	 text-align: center;
	 text-transform: uppercase;
	 font-weight: 700;
	 letter-spacing: 1px;
}
 #mini-clndr .clndr .days-container {
	 position: relative;
	 width: 304px;
	 /* height: 223px; */
	 height: 255px;
	 display: inline-block;
}
 #mini-clndr .clndr .days-container .days {
	 position: absolute;
	 left: 0;
	 width: 304px;
	 height: 227px;
	 -webkit-transition: left 0.5s;
	 -moz-transition: left 0.5s;
	 -ms-transition: left 0.5s;
	 -o-transition: left 0.5s;
	 transition: left 0.5s;
	 /* background-color: #ebebeb; */
}
 #mini-clndr .clndr .days-container .days .day, #mini-clndr .clndr .days-container .days .empty {
	 width: 42px;
	 display: inline-block;
	 padding-top: 8px;
	 padding-bottom: 8px;
	 font-size: 12px;
	 text-align: center;
	 /* color: #212121; */
	 /* color: white; */
	 color: #d8d8d8;
}
 #mini-clndr .clndr .days-container .days .day.event, #mini-clndr .clndr .days-container .days .empty.event {
	 background-color: #006ebe;
	 border-radius: 50%;
	 -webkit-transition: background-color 0.5s;
	 -moz-transition: background-color 0.5s;
	 -ms-transition: background-color 0.5s;
	 -o-transition: background-color 0.5s;
	 transition: background-color 0.5s;
	 cursor: pointer;	 
	 overflow: visible;
}
 #mini-clndr .clndr .days-container .days .day.event:hover, #mini-clndr .clndr .days-container .days .empty.event:hover {
	 background-color: #004171;
	 color: white;
}
 #mini-clndr .clndr .days-container .days .day.adjacent-month, #mini-clndr .clndr .days-container .days .empty.adjacent-month {
	 color: #848484;
}
 #mini-clndr .clndr .days-container .days .empty {
	 height: 31px;
	 vertical-align: bottom;
}
 #mini-clndr .clndr .days-container .days .headers {
	 /* background-color: #97ce7f; */
	 border-bottom: 0.1em solid #ddd;
	 padding-top: 5px;
	 padding-bottom: 5px;
}
 #mini-clndr .clndr .days-container .days .headers .day-header {
	 width: 42px;
	 display: inline-block;
	 text-align: center;
	 color: white;
}
 #mini-clndr .clndr .days-container .events {
	 position: absolute;
	 left: 294px;
	 width: 294px;
	 height: 255px;
	 -webkit-transition: left 0.5s;
	 -moz-transition: left 0.5s;
	 -ms-transition: left 0.5s;
	 -o-transition: left 0.5s;
	 transition: left 0.5s;
	 /* background-color: #ebebeb; */
	 background-color: #4c4c4c;
	 color: #d8d8d8;
}
 #mini-clndr .clndr .days-container .events .headers {
	 position: relative;
}
 #mini-clndr .clndr .days-container .events .event-header {
	 width: 100%;
	 background-color: #014a7f;
	 padding-top: 5px;
	 padding-bottom: 5px;
	 text-align: center;
	 color: white;
}
 #mini-clndr .clndr .days-container .events .x-button {
	 position: absolute;
	 /* font-size: 80%; */
	 top: 7px;
	 left: 20px;
	 cursor: pointer;
	 -webkit-transition: color 0.25s;
	 -moz-transition: color 0.25s;
	 -ms-transition: color 0.25s;
	 -o-transition: color 0.25s;
	 transition: color 0.25s;
}
 #mini-clndr .clndr .days-container .events .x-button:hover {
	 color: white;
	 /* color: #d8d8d8; */
}
 #mini-clndr .clndr .days-container .events .events-list {
	 /* overflow: scroll; */
	 overflow-y: auto;
	 height: 230px;
	 /* scrollbar-gutter: stable; */
	 /* scrollbar-color: #6969dd #e0e0e0;
  	 scrollbar-width: thin; */
}
 #mini-clndr .clndr .days-container .events .events-list::-webkit-scrollbar {
  width: 16px;
}
 #mini-clndr .clndr .days-container .events .events-list::-webkit-scrollbar-track {
  /* background-color: darkgrey; */
  background-color: #383838;
  /* border-radius: 100px; */
}
 #mini-clndr .clndr .days-container .events .events-list::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  /* border: 5px solid transparent; */
  background-color: #4c4c4c;
  /* border-radius: 100px; */
  /* background-image: linear-gradient(180deg, #4c4c4c 0%, #323232 99%); */
  /* background-clip: content-box; */
}
 #mini-clndr .clndr .days-container .events .events-list .event {
	 padding-top: 8px;
	 /* padding-bottom: 8px; */
	 padding-left: 10px;
	 border-bottom: 1px solid rgba(255,255,255,0.5);
	 -webkit-transition: background-color 0.25s;
	 -moz-transition: background-color 0.25s;
	 -ms-transition: background-color 0.25s;
	 -o-transition: background-color 0.25s;
	 transition: background-color 0.25s;
}
 #mini-clndr .clndr .days-container .events .events-list .event:hover {
	 /* background-color: #f5f5f5; */
	 background-color: #323232;
}
 #mini-clndr .clndr .days-container .events .events-list .event a {
	 position: relative;
	 font-size: 12px;
	 letter-spacing: 1px;
	 background-color: transparent;
	 /* color: #212121; */
	 color: #d8d8d8;
	 text-decoration: none;
	 -webkit-transition: color 0.25s;
	 -moz-transition: color 0.25s;
	 -ms-transition: color 0.25s;
	 -o-transition: color 0.25s;
	 transition: color 0.25s;
}
 #mini-clndr .clndr .days-container .events .events-list .event a:hover {
	 /* background-color: transparent; */
	 /* background-color: #1c1c1c; */
}
 #mini-clndr .clndr .days-container.show-events .days {
	 left: -294px;
}
 #mini-clndr .clndr .days-container.show-events .events {
	 left: 0;
}