.fc-calendar-container { position: relative; height: 400px; width: 400px; }
.fc-calendar { width: 100%;	height: 100%; }
.fc-calendar .fc-head { height: 30px; line-height: 30px; }
.fc-calendar .fc-body { position: relative; width: 100%; height: 370px; 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 { 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%; /* 100% / 7 */	width: -moz-calc(100%/7); width: -webkit-calc(100%/7); width: calc(100%/7);	position: relative; }
/* IE 9 is rounding up the calc it seems */
.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; }
.fc-calendar .fc-head > div { text-align: center; }
.fc-calendar .fc-row > div > span.fc-date { position: absolute; width: 30px; height: 20px; font-size: 20px; line-height: 20px; bottom: 5px; right: 5px; }
.fc-calendar .fc-row > div > span.fc-weekday { padding-left: 5px; display: none; }
.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 !important; }
.fc-calendar .fc-row:last-child { border-bottom: none !important; }

/* General Demo Style */
html { height: 100%; }
.tscalcontainer, .tscalcontainer *, .tscalcontainer *:after, .tscalcontainer *:before { -webkit-box-sizing: border-box;	-moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
/* 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; }
a {	color: #555; text-decoration: none; }
.tscalcontainer { width: 100%; height: 100%;	position: relative; }
.tscalcontainer > header, .main { width: 100%; margin: 30px auto; }
.tscalcontainer > header { padding: 30px; }
.tscalcontainer > header h1 { font-size: 34px; line-height: 38px; margin: 0; font-weight: 700; color: #fff; float: left;	text-shadow: 0 1px 1px rgba(0,0,0,0.3); }
.tscalcontainer > 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); text-transform: uppercase; z-index: 9999; position: relative; box-shadow: 1px 0px 2px rgba(0,0,0,0.2); }
.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); }

/* Custom calendar elements */
.custom-calendar-wrap {	margin: 10px auto; position: relative; overflow: hidden; }
.custom-inner {	background: #fff; }
.custom-inner:before, .custom-inner:after  { content: ''; width: 99%; height: 50%; position: absolute; background: #f6f6f6; bottom: -4px; left: 0.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 { padding: 5px 10px; height: 70px; position: relative; }
.custom-header h3 {	text-align: center; margin: 0px !important; line-height: 1 !important; }
.custom-header nav i { position: absolute; top: 17px; width: 30px; height: 30px; color: transparent; cursor: pointer; margin: 0 1px; font-size: 20px; line-height: 30px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.custom-header nav i:first-child { left: 0px; z-index: 99; }
.custom-header nav i:last-child { right: 0px; z-index: 99; }
.custom-header nav i:before { text-align: center; width: 100%; float: left; }
.custom-content-reveal { width: 100%; height: 100%; position: absolute; z-index: 100; top: 100%; left: 0px; text-align: center; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
.custom-content-reveal i.custom-content-close { position: absolute; top: 15px; right: 25px; width: 20px; height: 20px; text-align: center; cursor: pointer; line-height: 13px; padding: 0; }
.custom-content-reveal h4 { padding: 20px !important; margin:0 0 30px 0 !important; line-height: 1 !important; }
/* Modifications */
.fc-calendar-container { height: 400px; width: auto; /*background: #f6f6f6;*/ box-shadow: inset 0 1px rgba(255,255,255,0.8); }
.fc-calendar .fc-row > div { cursor: pointer; }
.fc-calendar .fc-row > div > span.fc-date { top: 50%; left: 50%; text-align: center; margin: -15px 0 0 -15px; color: #686a6e; pointer-events: none; }
.fc-calendar .fc-row > div.fc-content:after { content: '\00B7'; text-align: center; width: 20px; margin-left: -10px; position: absolute; font-size: 70px; line-height: 20px; left: 50%; bottom: 3px; }
.fc-calendar .fc-row > div > div a, .fc-calendar .fc-row > div > div p, .fc-calendar .fc-row > div > div div { display: none; }
@media screen and (max-width: 400px) {
	.fc-calendar-container { height: 300px;	}
	.fc-calendar .fc-row > div > span.fc-date {	font-size: 15px; }
	.TotalSoftcalEvent_Media, .TotalSoftcalEvent_Mediadiv { width: 100% !important;	}
}
@media screen and (max-width: 700px) {
	.TotalSoftcalEvent_Media, .TotalSoftcalEvent_Mediadiv {	width: 100% !important;	}
}