@CHARSET "UTF-8";

.calendar,
.sheet {
	float: left;
	display: block
}

.calendarBody,
.sheetBody {
	background: #FFF !important;
}

.calendar-small,
.sheet-small {
	max-width: 295px;
	font-size: 0.9em;
}

.calendar-tiny,
.sheet-tiny {
	max-width: 200px; 
}

.calendar-big,
.sheet-big {
	max-width: 600px; 
}

.calendar-full,
.sheet-full {
	width: 100%; 
}

.calendar-full td > div.inner {
	float: left;
    margin: 30% 10% 30% 10%;
    width: calc( 80% );
}

.calendar-full td.month,
.sheet-full td.month {
    padding: 2% 0 2% 0;
}

.calendar-round,
.sheet-round {
	clear: both;
	background: #f2f2f2;
	float: left;
	width: 100%;
	border-radius: 20px;
}

.calendar-round .calendar-round-in,
.sheet-round .sheet-round-in {
	display: inline-block;
	margin: 15px;
	width: calc( 100% - 30px );
}

.calendar a,
.sheet a {
	color: #000000;
	text-decoration: none;
}

.calendar td,
.sheet td {
	width: 1%;
	padding: 5px 0px 0px 0px;
	vertical-align: middle;
	background: #FFFFFF;
	position: relative;
}

.sheet td {
	padding: 5px 0px 5px 0px;
}

.calendar .day.clickableDay, .calendar .day.activeDay, .calendar .week.clickableWeek,
.sheet .day.clickableDay, .sheet .day.activeDay, .sheet .week.clickableWeek {
	cursor: pointer;
}

.calendar .day, .calendar .month,
.sheet .month {
	text-align: center;
}

.calendar .month > a,
.sheet .month > a {
    color: #777777;
    padding: 0px;
    font-size: 20px;
    padding: 0 10px 0 10px;
    font-family: monospace;
    font-size: 30px;
    line-height: 20px;
    font-weight: 100;
}

.calendar .month > a:hover,
.sheet .month > a:hover {
    color: #000000;
}

.calendar .month > *:nth-child( 1 ),
.sheet .month > *:nth-child( 1 ) {
    float: left;
}

.calendar .month > *:nth-child( 2 ),
.sheet .month > *:nth-child( 2 ) {
    font-size: 20px;
    font-weight: 500;
}

.calendar .month > a:nth-child( 3 ),
.sheet .month > *:nth-child( 3 ) {
    float: right;
}

.calendar .day,
.sheet .day {
	vertical-align: top;
    border-radius: 0;
    font-size: 14px;
    line-height: 22px;
    -webkit-box-shadow:inset 1px 1px #ededed;
    -moz-box-shadow:inset 1px 1px #ededed;
    box-shadow:inset 1px 1px #ededed;
}

.calendar .week,
.sheet .name {
	-webkit-box-shadow:inset 1px 1px #ededed;
    -moz-box-shadow:inset 1px 1px #ededed;
    box-shadow:inset 1px 1px #ededed;
}

.calendar .day:not( .nextMonth ):not( .currentDay ) {
	background-color: #F7F7F7;
}

.calendar .day.activeDay:not( .nextMonth ) {
    background: #8aa30f;
}

.calendar .day.activeDay:not( .nextMonth ):hover {
    background: #000000;
}

.calendar .day.activeDay:not( .nextMonth ),
.calendar .day.activeDay:not( .nextMonth ) a {
    color: #FFFFFF;
}

.calendar .inner,
.sheet .inner {
    width: 100%;
    text-align: center;
    padding: 0 0 5px 0;
}

.calendar .week .inner {
	text-align: left;
}

.calendar .dayTitle,
.sheet .dayTitle {
	text-align: center;
    color: #000000;
    padding: 10px 0 10px 0;
    font-size: 13px;
}

.sheet .week {
	color: #000000;
    padding: 10px 0 10px 0;
    font-weight: bold;
    font-size: 13px;
}

.sheet-full .week,
.sheet-full .dayTitle,
.sheet-full .name {
	padding: 5px;
}

.sheet-full .week,
.sheet-full .name {
	padding-left: 10px;
}

.sheet .row:nth-child( odd ) td {
	background-color: #F7F7F7;
}

.calendar .nextMonth {
	background: #FFFFFF;
}

.calendar .currentDay,
.sheet .currentDay {
	background: #f1f1f1 !important;
	color: #000000;
}

.calendar .currentDay a,
.sheet .currentDay a {
	color: #FFFFFF;
	color: #000000;
}

.calendar .activeDay:not( .nextMonth ).currentDay {
	background-color: #788f08;
}

.calendar .nextMonth,
.calendar .nextMonth a,
.calendar .day.nextMonth:hover {
	color: #dcdcdc;
}

.calendar .day:hover {
	color: #000000;
}

.calendar .day.clickableDay:not( .nextMonth ):hover,
.calendar .week.clickableWeek:not( .nextMonth ):hover {
	background: #8aa30f;
	color: #FFFFFF;
}

.calendar .dayRange,
.sheet .dayRange {
	position: absolute;
    bottom: 0px;
	width: 100%;
    min-height: 4px;
}

.sheet .dayHover {
	background: #ededed !important;
}

.calendar .day.nextMonth .dayRange {
	opacity: 0.4;
}

.sheet .dayRange {
	bottom: auto;
	top: 5px !important;
}

.sheet .dayRange.dayRange1 {
    top: 20px !important;
}

.sheet .dayRange.dayRange2 {
    top: 35px !important;
}

.sheet .dayRange.dayRange3 {
    top: 50px !important;
}

.sheet .dayRange.dayRange4 {
    top: 65px !important;
}

.sheet .dayRange.dayRange5 {
    top: 80px !important;
}

.sheet .dayRange.dayRange6 {
    top: 95px !important;
}

.sheet .dayRange.dayRange7 {
    top: 110px !important;
}

.sheet .dayRange.dayRange8 {
    top: 125px !important;
}

.sheet .dayRange.dayRange9 {
    top: 140px !important;
}

.sheet .dayRange.dayRange10 {
    top: 155px !important;
}

.calendar .dayRange.dayRange1 {
    bottom: 15px !important;
}

.calendar .dayRange.dayRange2 {
    bottom: 30px !important;
}

.calendar .dayRange.dayRange3 {
    bottom: 45px !important;
}

.calendar .dayRange.dayRange4 {
    bottom: 60px !important;
}

.calendar .dayRange.dayRange5 {
    bottom: 75px !important;
}

.calendar .dayRange.dayRange6 {
    bottom: 90px !important;
}

.calendar .dayRange.dayRange7 {
    bottom: 105px !important;
}

.calendar .dayRange.dayRange8 {
    bottom: 120px !important;
}

.calendar .dayRange.dayRange9 {
    bottom: 135px !important;
}

.calendar .dayRange.dayRange10 {
    bottom: 150px !important;
}

.sheet tr.dayRangeMax1 td > div {
	min-height: 10px;
}

.sheet tr.dayRangeMax2 td > div {
	min-height: 25px;
}

.sheet tr.dayRangeMax3 td > div {
	min-height: 40px;
}

.sheet tr.dayRangeMax4 td > div {
	min-height: 55px;
}

.sheet tr.dayRangeMax5 td > div {
	min-height: 70px;
}

.sheet tr.dayRangeMax6 td > div {
	min-height: 85px;
}

.sheet tr.dayRangeMax7 td > div {
	min-height: 100px;
}

.sheet tr.dayRangeMax8 td > div {
	min-height: 115px;
}

.sheet tr.dayRangeMax9 td > div {
	min-height: 130px;
}

.sheet tr.dayRangeMax10 td > div {
	min-height: 145px;
}

.calendar .dayRangeIn,
.sheet .dayRangeIn {
	position: absolute;
    height: 100%;
}

.calendar-round .dayRange.dayRangeFirst,
.calendar-round .dayRange.dayRangeFirst .dayRangeIn,
.sheet-round .dayRange.dayRangeFirst,
.sheet-round .dayRange.dayRangeFirst .dayRangeIn {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.calendar-round .dayRange.dayRangeLast,
.calendar-round .dayRange.dayRangeLast .dayRangeIn,
.sheet-round .dayRange.dayRangeLast,
.sheet-round .dayRange.dayRangeLast .dayRangeIn {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.calendar2 {
	width: 47%;
}

.calendar2:nth-child( 1 ) {
    margin: 0 3% 0 0;
}

.calendar2:nth-child( 2 ) {
    margin: 0 0 0 3%;
}