/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after {content: " "; /* 1 */ display: table; /* 2 */}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
.cal-container > header, .main {padding: 0 30px 50px 30px;width: 100%;max-width: 600px;margin: 0 auto;}
.cal-container > header {padding: 30px;}
.cal-container > header h1 {font-size: 34px;line-height: 38px;margin: 0;font-weight: 700;color: #fff;float: left;}
.cal-container > header h1 span {font-size: 18px;font-weight: 300;display: block;}
/* Header Style */
.codrops-top {line-height: 24px;font-size: 11px;background: #fff;background: rgba(255, 255, 255, 0.5);z-index: 9999;position: relative;}
.codrops-top a {padding: 0px 10px;letter-spacing: 1px;color: #333;display: inline-block;}
.codrops-top a:hover {background: rgba(255,255,255,0.8);color: #000;}
.codrops-top span.right {float: right;}
.codrops-top span.right a {float: left;display: block;}
/* Demo Buttons Style */
.codrops-demos {float: right;}
.codrops-demos a {display: inline-block;margin: 10px;color: #fff;font-weight: 700;line-height: 30px;border-bottom: 4px solid transparent;}
.codrops-demos a:hover {color: #000;border-color: #000;}
.codrops-demos a.current-demo, .codrops-demos a.current-demo:hover {color: rgba(255,255,255,0.5);border-color: rgba(255,255,255,0.5);}

/*calendar.css*/
.fc-calendar-container {position: relative;height: 420px;width: 400px;}
.fc-calendar {width: 100%;height: 100%;}
.fc-calendar .fc-head {height: 30px;line-height: 30px;color: #777;}
.fc-calendar .fc-body {position: relative;width: 100%;height: 100%;height: -moz-calc(100% - 30px);height: -webkit-calc(100% - 30px);height: calc(100% - 30px);}
.fc-calendar .fc-row {width: 100%;}
.fc-four-rows .fc-row  {height: 25%;}
.fc-five-rows .fc-row  {height: 20%;}
.fc-six-rows .fc-row {border:none;background:#fff;height: 16.66%;height: -moz-calc(100%/6);height: -webkit-calc(100%/6);height: calc(100%/6);}
/*.fc-calendar .fc-row > div, .fc-calendar .fc-head > div {float: left;height: 100%;width:  14.28%;width: -moz-calc(100%/7);width: -webkit-calc(100%/7);position: relative;}*/
.fc-calendar .fc-row > div, .fc-calendar .fc-head > div {float: left;height: 100%;width:  14.2857142857%; position: relative;}
.ie9 .fc-calendar .fc-row > div, .ie9 .fc-calendar .fc-head > div {width:  14.2%;}
.fc-calendar .fc-row > div {padding: 4px;overflow: hidden;position: relative;outline:1px solid #dadada;}
.fc-calendar .fc-head > div {text-align: center;}
.fc-calendar .fc-row > div time {display: none;}
.fc-calendar .fc-row > div > span.fc-weekday {padding-left: 5px;display: none;}
/*.fc-calendar .fc-row > div.fc-today {background: #fff4c3;}*/
.fc-calendar .fc-row > div.fc-out {opacity: 0.6;}
.fc-calendar .fc-row > div:last-child, .fc-calendar .fc-head > div:last-child {border-right: none;}
.fc-calendar .fc-row:last-child {border-bottom: none;}

/*custom2.css*/
.custom-calendar-wrap{margin:0px auto;position:relative;overflow:hidden;max-width:800px;}
.custom-inner{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.2);}
.custom-inner:before,.custom-inner:after{content:'';width:99%;height:50%;position:absolute;background:#f6f6f6;bottom:-4px;left:.5%;z-index:-1;box-shadow:0 1px 3px rgba(0,0,0,0.2);}
.custom-inner:after{content:'';width:98%;bottom:-7px;left:1%;z-index:-2;}
.custom-header{background:#fff;padding:5px 0px;height:60px;position:relative;border-top:5px solid #ef4f69;border-bottom:1px solid #ddd;}
.custom-header h2,.custom-header h3{text-align:center;text-transform:uppercase;}
.custom-header h2{color:#495468;font-weight:300;font-size:18px;margin-top:10px;}
.custom-header h3{float:left;font-size:14px;font-weight:900;color:#333;}
.custom-month-year span{
	cursor:pointer;display:inline-block;
	-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;
}
.custom-month-year span:before{font-family:fontawesome-selected;color:#ef4f69;text-align:center;width:30px;}
.custom-month-year span.custom-prev{width:30px;height:30px;}
.custom-month-year span.custom-next{width:30px;height:30px;}
.custom-month-year span.custom-prev:before{width:30px;height:30px;color:red;content:'\25c2';font-size:20px;line-height:30px;}
.custom-month-year span.custom-next:before{width:30px;height:30px;color:red;content:'\25b8';font-size:20px;line-height:30px;}
.custom-month-year span:hover:before{color:#495468;}
.custom-content-reveal{background:#f6f6f6;background:rgba(246,246,246,0.9);width:100%;height:100%;position:absolute;z-index:100;top:100%;left:0;text-align:center;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;transition:all .6s ease-in-out;}
.custom-content-reveal span.custom-content-close{position:absolute;top:15px;right:10px;width:20px;height:20px;text-align:center;background:#ef4f69;box-shadow:0 1px 1px rgba(0,0,0,0.1);cursor:pointer;line-height:13px;padding:0;}
.custom-content-reveal span.custom-content-close:after{content:'x';font-size:18px;color:#fff;}
.custom-content-reveal a,.custom-content-reveal span{font-size:22px;padding:10px 30px;display:block;}
.custom-content-reveal h4{text-transform:uppercase;font-size:13px;font-weight:300;letter-spacing:3px;color:#777;padding:20px;background:#fff;border-bottom:1px solid #ddd;border-top:5px solid #ef4f69;box-shadow:0 1px rgba(255,255,255,0.9);margin-bottom:30px;}
.custom-content-reveal span{color:#888;}
.custom-content-reveal a{color:#ef4f69;}
.custom-content-reveal time{display:none;}
.custom-content-reveal a:hover{color:#333;}
/* Modifications */
.fc-calendar-container{height:440px;width:auto;padding:1px;background:#f6f6f6;}
.fc-calendar .fc-head{background:transparent;color:#ef4f69;font-weight:700;text-transform:uppercase;font-size:12px;}
.fc-calendar .fc-row > div{background:#fff;cursor:pointer;}
.fc-calendar .fc-row > div:empty{background:#fff;cursor:default;}
.fc-calendar .fc-row > div > span.fc-date{position:relative;z-index:10;text-align:center;color:#686a6e;font-weight:400;pointer-events:none;}
.fc-calendar .fc-row > div > span.fc-emptydate{color:#ccc;}
/*
.fc-calendar .fc-row > div.fc-today{background:#ef4f69;box-shadow:inset 0 -1px 1px rgba(0,0,0,0.1);}
.fc-calendar .fc-row > div.fc-today{background:#ef4f69;box-shadow:inset 0 -1px 1px rgba(0,0,0,0.1);}
.fc-calendar .fc-row > div.fc-today > span.fc-date{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,0.1);}
.fc-calendar .fc-row > div.fc-today.fc-content:after{color:#b02c42;}
.fc-calendar .fc-row > div.fc-today.fc-content:hover:after{color:#fff;}
*/

.fc-calendar .fc-row > div.fc-today:hover, .fc-calendar .fc-row > div.fc-future:hover{background: #f1bcbc;}

.fc-calendar .fc-row > div > div a,.fc-calendar .fc-row > div > div span{font-size:12px;}
.fc-calendar .fc-row > div > div span.lunartide{font-size:12px;}

.fc-calendar .fc-row > div > div span.lunartide{position:absolute;top:5px;right:5px;color: #c1c1c1;z-index:10;}
.fc-calendar .fc-row > div > div span.availcnt{text-align:center;}
.datecont{position:absolute;top:35px;left:8px;}

@media (max-width: 991px) {
	.fc-calendar-container{height:380px;}
	.fc-calendar .fc-row > div > span.fc-date{font-size:12px;}
	.fc-calendar .fc-row > div > div span.lunartide{font-size:11px;}
}
@media (max-width: 850px) {
	.fc-calendar-container{height:360px;}
	.fc-calendar .fc-row > div > span.fc-date{font-size:11px;}
	.fc-calendar .fc-row > div > div span.lunartide{font-size:10px;}
}
@media (max-width: 767px) {
	.fc-calendar-container{height:400px;}
	.fc-calendar .fc-row > div > span.fc-date{font-size:12px;}
	.fc-calendar .fc-row > div > div span.lunartide{font-size:11px;}
}
@media (max-width: 600px) {
	.fc-calendar-container{height:360px;}
	.fc-calendar .fc-row > div > span.fc-date{font-size:12px;}
	.fc-calendar .fc-head{font-weight:normal;font-size:11px;}
	.fc-calendar .fc-row > div > div span.lunartide{font-size:11px;}
}
@media (max-width: 480px) {
	.fc-calendar-container{height:340px;}
	.fc-calendar .fc-row > div > span.fc-date{font-size:10px;}
	.fc-calendar .fc-head{font-weight:normal;font-size:10px;}
	.fc-calendar .fc-row > div > div span.lunartide{font-size:9px;}
}
@media (max-width: 400px) {
	.fc-calendar-container{height:340px;}
	.fc-calendar .fc-row > div > span.fc-date{font-size:9px;}
	.fc-calendar .fc-head{font-weight:normal;font-size:9px;}
	.fc-calendar .fc-row > div > div span.lunartide{font-size:9px;}
}
@media (max-width: 360px) {
	.fc-calendar-container{height:320px;}
	.fc-calendar .fc-row > div > span.fc-date{font-size:9px;}
	.fc-calendar .fc-head{font-weight:normal;font-size:8px;}
	.fc-calendar .fc-row > div > div span.lunartide{font-size:8px;}
}
