/* Calendar Index */
#mini-clndr {
	font-family: 'kittithada_medium_65regular';
    font-size: 24px;
	width:100%;
    padding: 15px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    background: #fff;
    margin-bottom: 10px;
}
#mini-clndr .clndr {
	overflow:hidden;
}
#mini-clndr .clndr .controls {
    background: #18134a;
	color: #fff;
}
#mini-clndr .clndr .controls .clndr-previous-button,#mini-clndr .clndr .controls .clndr-next-button {
	width:15%;
	padding-top:5px;
	padding-bottom: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 .5s;
	-moz-transition:background-color .5s;
	-ms-transition:background-color .5s;
	-o-transition:background-color .5s;
	transition:background-color .5s
}
#mini-clndr .clndr .controls .clndr-previous-button:hover,#mini-clndr .clndr .controls .clndr-next-button:hover {
	background-color:;
}
#mini-clndr .clndr .controls .month {
	width:70%;
	padding-top:5px;
	padding-bottom:5px;
	display:inline-block;
	text-align:center;
	text-transform:uppercase;
	font-weight:700;
	letter-spacing:1px
}
#mini-clndr .clndr .days-container {
	position:relative;
	width:100%;
	height:245px;
	display:inline-block
}
#mini-clndr .clndr .days-container .days {
	position:absolute;
	left:0;
	width:100%;
	height:245px;
	-webkit-transition:left .5s;
	-moz-transition:left .5s;
	-ms-transition:left .5s;
	-o-transition:left .5s;
	transition:left .5s;
	background-color:#f5f5f5
}
#mini-clndr .clndr .days-container .days .day,#mini-clndr .clndr .days-container .days .empty {
	width:40px;
	display:inline-block;
	padding-top:3.5px;
	padding-bottom:3.5px;
	font-size:18px;
	text-align:center;
	color:#212121;
	border-right:0;
	border-bottom:0;
}
#mini-clndr .clndr .days-container .days .day.event,#mini-clndr .clndr .days-container .days .empty.event {
	background-color:#ec1014;
	-webkit-transition:background-color .5s;
	-moz-transition:background-color .5s;
	-ms-transition:background-color .5s;
	-o-transition:background-color .5s;
	transition:background-color .5s;
	cursor:pointer;
    color: #fff;
}
#mini-clndr .clndr .days-container .days .day.event:hover,#mini-clndr .clndr .days-container .days .empty.event:hover {
	background-color:#ec1014;
}
#mini-clndr .clndr .days-container .days .day.adjacent-month,#mini-clndr .clndr .days-container .days .empty.adjacent-month {
	color:rgba(0,0,0,0.3)
}
#mini-clndr .clndr .days-container .days .empty {
	height:31px;
	vertical-align:bottom
}
#mini-clndr .clndr .days-container .days .headers {
	background-color:#f5f5f5;
	padding-top:5px;
	padding-bottom:5px;
}
#mini-clndr .clndr .days-container .days .headers .day-header {
	width:14.2857142857%;
	display:inline-block;
	text-align:center;
	color: #333;
}
.day {
	width:14.2857142857% !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #eee;
}
.today {
	border-bottom: 3px solid #18134A !important;
    box-sizing: border-box !important;
}
#mini-clndr .clndr .days-container .events {
	position:absolute;
	left:353px;
	width:353px;
	height:210px;
	-webkit-transition:left .5s;
	-moz-transition:left .5s;
	-ms-transition:left .5s;
	-o-transition:left .5s;
	transition:left .5s;
	background-color:#f5f5f5
}
#mini-clndr .clndr .days-container .events .headers {
	position:relative
}
#mini-clndr .clndr .days-container .events .event-header {
	width:100%;
	background-color:#97ce7f;
	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 .25s;
	-moz-transition:color .25s;
	-ms-transition:color .25s;
	-o-transition:color .25s;
	transition:color .25s
}
#mini-clndr .clndr .days-container .events .x-button:hover {
	color:white
}
#mini-clndr .clndr .days-container .events .events-list {
	overflow:scroll;
	height:179px
}
#mini-clndr .clndr .days-container .events .events-list .event {
	padding-top:8px;
	padding-bottom:8px;
	padding-left:10px;
	border-bottom:0;
	-webkit-transition:background-color .25s;
	-moz-transition:background-color .25s;
	-ms-transition:background-color .25s;
	-o-transition:background-color .25s;
	transition:background-color .25s
}
#mini-clndr .clndr .days-container .events .events-list .event:hover {
	background-color:#f5f5f5
}
#mini-clndr .clndr .days-container .events .events-list .event a {
	position:relative;
	font-size:18px;
	letter-spacing:1px;
	background-color:transparent;
	color:#212121;
	text-decoration:none;
	-webkit-transition:color .25s;
	-moz-transition:color .25s;
	-ms-transition:color .25s;
	-o-transition:color .25s;
	transition:color .25s
}
#mini-clndr .clndr .days-container .events .events-list .event a:hover {
	background-color:transparent;
	color:#69a776
}
#mini-clndr .clndr .days-container.show-events .days {
	left:-294px
}
#mini-clndr .clndr .days-container.show-events .events {
	left:0
}

/* Calendar News */
#mini-clndr2 {
	font-family: 'ThaiSansNeue_Regular';
    font-size: 14px;
	width:100%;
}
#mini-clndr2 .clndr {
	overflow:hidden;
}
#mini-clndr2 .clndr .controls {
	background-image: -moz-linear-gradient(top, #fee7a3, #ce9d0b);
    background-image: -ms-linear-gradient(top, #fee7a3, #ce9d0b);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#fee7a3), to(#ce9d0b));
    background-image: -webkit-linear-gradient(top, #fee7a3, #ce9d0b);
    background-image: linear-gradient(top, #fee7a3, #ce9d0b);
	color: #333;
    height: 20px;
}
#mini-clndr2 .clndr .controls .clndr-previous-button,#mini-clndr2 .clndr .controls .clndr-next-button {
	width:15%;
	padding-top:5px;
	padding-bottom: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 .5s;
	-moz-transition:background-color .5s;
	-ms-transition:background-color .5s;
	-o-transition:background-color .5s;
	transition:background-color .5s
}
#mini-clndr2 .clndr .controls .clndr-previous-button:hover,#mini-clndr2 .clndr .controls .clndr-next-button:hover {
	background-color:;
}
#mini-clndr2 .clndr .controls .month {
	width:70%;
	padding-top:5px;
	padding-bottom:5px;
	display:inline-block;
	text-align:center;
	text-transform:uppercase;
	font-weight:700;
	letter-spacing:1px
}
#mini-clndr2 .clndr .days-container {
	position:relative;
	width:100%;
	height:110px;
	display:inline-block
}
#mini-clndr2 .clndr .days-container .days {
	position:absolute;
	left:0;
	width:100%;
	height:110px;
	-webkit-transition:left .5s;
	-moz-transition:left .5s;
	-ms-transition:left .5s;
	-o-transition:left .5s;
	transition:left .5s;
	background-color:#f5f5f5
}
#mini-clndr2 .clndr .days-container .days .day,#mini-clndr2 .clndr .days-container .days .empty {
	width:42px;
	display:inline-block;
	padding-top:2px;
	padding-bottom:2px;
	font-size:14px;
	text-align:center;
	color:#212121;
	border-right:0;
	border-bottom:0;
}
#mini-clndr2 .clndr .days-container .days .day.event,#mini-clndr2 .clndr .days-container .days .empty.event {
	background-color:#d2d2d2;
	-webkit-transition:background-color .5s;
	-moz-transition:background-color .5s;
	-ms-transition:background-color .5s;
	-o-transition:background-color .5s;
	transition:background-color .5s;
	cursor:pointer
}
#mini-clndr2 .clndr .days-container .days .day.event:hover,#mini-clndr2 .clndr .days-container .days .empty.event:hover {
	background-color:#b8b8b8
}
#mini-clndr2 .clndr .days-container .days .day.adjacent-month,#mini-clndr2 .clndr .days-container .days .empty.adjacent-month {
	color:rgba(0,0,0,0.3)
}
#mini-clndr2 .clndr .days-container .days .empty {
	height:31px;
	vertical-align:bottom
}
#mini-clndr2 .clndr .days-container .days .headers {
	background-color:#f5f5f5;
	padding-top:5px;
	padding-bottom:5px;
}
#mini-clndr2 .clndr .days-container .days .headers .day-header {
	width:32.8571429px;
	display:inline-block;
	text-align:center;
	color: #333;
}
#mini-clndr2 .clndr .day {
	width:32.8571429px !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
#mini-clndr2 .clndr .today {
	background: #fde6a2;
}
#mini-clndr2 .clndr .days-container .events {
	position:absolute;
	left:230px;
	width:230px;
	height:110px;
	-webkit-transition:left .5s;
	-moz-transition:left .5s;
	-ms-transition:left .5s;
	-o-transition:left .5s;
	transition:left .5s;
	background-color:#f5f5f5
}
#mini-clndr2 .clndr .days-container .events .headers {
	position:relative
}
#mini-clndr2 .clndr .days-container .events .event-header {
	width:100%;
	background-color:#97ce7f;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
	color:white
}
#mini-clndr2 .clndr .days-container .events .x-button {
	position:absolute;
	font-size:80%;
	top:7px;
	left:20px;
	cursor:pointer;
	-webkit-transition:color .25s;
	-moz-transition:color .25s;
	-ms-transition:color .25s;
	-o-transition:color .25s;
	transition:color .25s
}
#mini-clndr2 .clndr .days-container .events .x-button:hover {
	color:white
}
#mini-clndr2 .clndr .days-container .events .events-list {
	overflow:scroll;
	height:179px
}
#mini-clndr2 .clndr .days-container .events .events-list .event {
	padding-top:8px;
	padding-bottom:8px;
	padding-left:10px;
	border-bottom:0;
	-webkit-transition:background-color .25s;
	-moz-transition:background-color .25s;
	-ms-transition:background-color .25s;
	-o-transition:background-color .25s;
	transition:background-color .25s
}
#mini-clndr2 .clndr .days-container .events .events-list .event:hover {
	background-color:#f5f5f5
}
#mini-clndr2 .clndr .days-container .events .events-list .event a {
	position:relative;
	font-size:14px;
	letter-spacing:1px;
	background-color:transparent;
	color:#212121;
	text-decoration:none;
	-webkit-transition:color .25s;
	-moz-transition:color .25s;
	-ms-transition:color .25s;
	-o-transition:color .25s;
	transition:color .25s
}
#mini-clndr2 .clndr .days-container .events .events-list .event a:hover {
	background-color:transparent;
	color:#69a776
}
#mini-clndr2 .clndr .days-container.show-events .days {
	left:-294px
}
#mini-clndr2 .clndr .days-container.show-events .events {
	left:0
}  