.cal1{
   background: #fff;
   margin-bottom: 1em;
   min-height: 350px;
}
.noselect {
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
}
.cal1 .clndr .clndr-controls {
    position: relative;
    color: #898989;
    font-size: 1.1em;
    font-weight: 700;
    padding: 5px 0 15px 0px;
    font-style: italic;
    letter-spacing: 1px;
    text-align: center;
}
.cal1 .clndr .clndr-controls .month {
   text-align:center;
}
.cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button { 
  position:absolute;
  right:0px;
  top:0px;
  width:30px;
  height:30px;
  text-indent: -4000px;
  background: url(../images/arrow-right.png) no-repeat 0px;
  cursor: pointer;
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
}
.cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button.inactive:hover {
  cursor: default;
}
.cal1 .clndr .clndr-controls .clndr-control-button .clndr-previous-button { 
   position:absolute;
   left:0px;
   top:0px;
   width:30px;
   height:30px;
  text-indent: -4000px;
  background: url(../images/arrow-left.png) no-repeat 0px;
  cursor: pointer;
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
}
.cal1 .clndr .clndr-controls .clndr-control-button .clndr-previous-button.inactive:hover {
   cursor: default;
}
.cal1 .clndr .clndr-table {
  table-layout: fixed;
  width:100%;
  margin:0 auto;
}
.cal1 .clndr .clndr-table .header-days {
   font-size:1em;
   font-weight:500;
}
.cal1 .clndr .clndr-table .header-days .header-day {
    vertical-align: middle;
    text-align: center;
    color: #898989;
    font-weight: 700;
}
.cal1 .clndr .clndr-table tr {
    height:45px;
}
.cal1 .clndr .clndr-table tr td {
  vertical-align: top;
}
.cal1 .clndr .clndr-table tr .day {
  width: 100%;
  height: inherit;
  color: #A6A6A6;
  vertical-align: middle;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-weight: 700;
}
.cal1 .clndr .clndr-table tr .day.today {
  	 background:#5f8b9e;
	 color: #FFF;
	 position:relative;
}
.cal1 .clndr .clndr-table tr .day.today:after {
	content: '';
	position: absolute;
	left: 14px;
	bottom: -6px;
	border-left: 6px solid rgba(0, 0, 0, 0);
	border-right: 6px solid rgba(0, 0, 0, 0);
	border-top: 6px solid #5f8b9e;
}
.cal1 .clndr .clndr-table tr .day.today:hover {
  	color: #FFF;
  	background:#5f8b9e;
}
.cal1 .clndr .clndr-table tr .day:hover{
	color: #FFF;
  	background:#5f8b9e;
}
.cal1 .clndr .clndr-table tr .day.today.event {
     background:rgb(6, 217, 149);
	 color:#FFF;
}
.day.today.event:hover{
	background:#096e9a;
	color:#FFF;
}
.cal1 .clndr .clndr-table tr .day .day-contents {
  box-sizing: border-box;
  font-size:0.8em;
  text-align:center;
  cursor:pointer;
}
.cal1 .clndr .clndr-table tr .empty,
.cal1 .clndr .clndr-table tr .adjacent-month {
  width: 100%;
  height: inherit;
  color: #D4D4D4;
  font-weight: 300;
}

@media all and (max-width:1080px){
	.cal1 .clndr .clndr-table tr .day.today:after{
		left:9px;
	}
}
@media all and (max-width:1024px){
	.cal1 .clndr .clndr-table tr .day.today:after{
		left:8px;
	}
	.cal1 .clndr .clndr-controls {
  font-size: 0.85em;
  padding: 20px 10px;
}
.cal1 .clndr .clndr-controls .clndr-control-button .clndr-previous-button {
  left: 10px;
  top: 14px;
}  
.cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button {
  right: 10px;
  top: 14px;
}  
.cal1 .clndr .clndr-table .header-days {
  font-size: 12px;
}
.cal1 .clndr .clndr-table tr {
  height: 35px;
  font-size: 12px;
}
.cal1 {
  min-height: 280px;
}
}
@media (max-width: 991px){
	.cal1 .clndr .clndr-table tr .day.today:after {
		left: 17px;
	}
}
@media all and (max-width:800px){
	.cal1 .clndr .clndr-table tr .day.today:after{
		left:13px;
	}
}
@media all and (max-width:640px){
	.cal1 .clndr .clndr-table tr{
		height:35px;
	}
	.cal1 .clndr .clndr-table tr .day.today:after{
		left:10px;
	}
}
@media all and (max-width:480px){
	.cal1 .clndr .clndr-table tr .day.today:after{
		left:24px;
	}
}
@media all and (max-width:320px) {
	.cal1 .clndr .clndr-table tr {
		height: 35px;
	}
	.cal1 .clndr .clndr-table tr .day.today:after{
		left:15px;
	}
}