/* CSS Document */

.clndr-wrap {  }
.clndr { border: 1px solid #D9D9D9; border-radius: 5px; padding-bottom: 12px; width: 296px; text-align: center; }

.clndr-controls { padding: 12px 60px 15px 60px; position: relative; }
.clndr-control-button { width: 20px; height: 20px; position: absolute; top: 10px; z-index: 4; font-size: 0; background-position: center center; background-repeat: no-repeat; background-size: contain; }
.clndr-control-button:hover { opacity: .5; }
.clndr-control-button:nth-child(1) { left: 20px; background-image: url('../images/shared/icons/circle-arrow-left-blue-shade4.svg'); }
.clndr-control-button:nth-child(3) { right: 20px; background-image: url('../images/shared/icons/circle-arrow-right-blue-shade4.svg'); }
.clndr-control-button > * { width: 100%; height: 100%; display: block;
						-webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; }
.clndr-control-button > *:not(.inactive) { cursor: pointer; opacity: 1; }
.clndr-control-button > *:not(.inactive):hover { opacity: .5; }
.clndr-control-button > .inactive { opacity: .1; }
.clndr-controls .month { font-size: 16px; line-height: 20px; color: #666666; }

.clndr td:nth-child(7) { display: none; }
.clndr .header-day,
.clndr .day { padding: 4px 8px; }
.clndr .header-day,
.clndr .day { font-size: 14px; line-height: 18px; text-transform: uppercase; }
.clndr .header-day { color: #808080; }
.clndr .day-contents { border-radius: 5px; width: 30px; height: 30px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #B3B3B3; }
.clndr .day.event .day-contents { background-color: #40B9B4; color: #FFFFFF; cursor: pointer; opacity: 1;
							  -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; }
.clndr .day.event .day-contents:hover { opacity: .5; }

@media (max-width: 767px) {
	.clndr { margin: 0 auto; }
}