#calendar { left: -1920px; min-height: 234px; width: 244px; background-color: white; padding: 10px; z-index: 999999; height: auto; text-align: center; float: left; position: absolute; box-shadow: 0px 0px 5px #a8a8a8;}

/* field */
.stxt { float: left; position: relative; border-width: 0px; border-style: none; background-color: white; text-align: left; line-height: 20px; padding-left: 10px; padding-bottom: 3px; padding-right: 10px; padding-top: 3px; color: #3d414b; font-family: 'Lato',sans-serif; font-size: 14px; width: 100px; outline: none; box-sizing: border-box; border-radius: 2px; cursor: pointer;}
.stxt:focus { color: white; background-color: #3d414b;}
.slabel {margin-right: 5px; margin-left: 5px; float: left; position: relative; height: 26px; color: white; line-height: 26px; font-size: 14px;}

.report-btn { border-width: 0px; padding-bottom: 3px; padding-top: 3px; width: auto; margin-left: 15px; background-color: white; text-align: center; line-height: 20px; font-size: 14px; color: #3d414b; padding-right: 15px; padding-left: 15px; float: left; position: relative; border-radius: 2px;}
.report-btn:active {color: white; background-color: #993034; border-color: #993034;}
.sinput { float: left; position: relative; border-width: 0px; border-style: none; background-color: white; text-align: left; line-height: 20px; padding-left: 10px; padding-bottom: 3px; padding-right: 10px; padding-top: 3px; color: #3d414b; font-family: 'Lato',sans-serif; font-size: 14px; width: 180px; outline: none; box-sizing: border-box; border-radius: 2px; cursor: text;}
.sinput:focus { color: white; background-color: #3d414b;}
#submenu {min-height: 0px; display: none; min-width: 180px; z-index: 9999; left: 0px; top: 27px; background-color: white; height: auto; float: left; position: absolute; width: auto; border-radius: 2px;}
#submenu .subname {padding-right: 10px; padding-left: 10px; background-color: white; text-align: left; border-bottom-color: #b3bebe; border-bottom-style: solid; border-bottom-width: 1px; clear: both; float: left; position: relative; color: #3d414b; line-height: 30px; font-size: 14px; height: 30px; width: 100%;}
#submenu .subname:hover {color: white; background-color: #993034;}



#calendar-wrap { clear: both; float: left; position: relative; width: 100%;}

.months-nav {margin-bottom: 10px; width: 100%; clear: both; float: left; position: relative;}

#now { clear: both; float: left; z-index: 1; position: relative; width: 100%;}
#now span {font-weight: bold; color: #993034; width: auto; height: 20px; line-height: 20px; font-size: 14px;}

#calendar-control { clear: both; float: left; position: relative; width: 100%;}
#calendar-control a {height: 20px; width: auto; font-style: normal; font-weight: normal; color: #434343; line-height: 20px; font-size: 12px; position: relative;}
#iprev {position: relative; float: left;}
#inext {position: relative; float: right;}


#weeks {clear: both; float: left; position: relative; width: 100%;}
#daybody {clear: both; float: left; position: relative; width: 100%;}


.week { color: white; background-color: #434343; margin-bottom: 2px; margin-right: 1px; margin-left: 1px; height: 25px; font-style: normal; font-weight: normal; line-height: 25px; font-size: 12px; float: left; position: relative; width: 30px;}
.day { line-height: 25px; background-color: white; font-size: 13px; height: 25px; text-align: left; color: #434343; margin-right: 1px; margin-left: 1px; margin-bottom: 2px; float: left; position: relative; width: 30px;}
.day .daylist {color: white; background-color: #dbdacf; font-family: Arial; line-height: 25px; text-align: center; height: 25px; width: 30px; float: left; position: relative; font-size: 12px; cursor: pointer;}
.day .dayis {color: white; background-color: #993034; font-family: Arial; line-height: 25px; text-align: center; height: 25px; width: 30px; float: left; position: relative; font-size: 12px;}


.day .wb { text-transform: uppercase; color: white; background-repeat: repeat-x; background-color: #cccbc4; font-family: Arial; line-height: 18px; font-size: 12px; height: 18px; text-align: center; float: left; position: relative; display: none; width: 33px;}

.schedule-data {bottom: 5px; left: 10px; right: 10px; top: 22px; float: left; position: absolute; overflow-x: hidden; overflow-y: auto;}
.schedule-data a {line-height: 18px; font-family: Arial, sans-serif; color: #434343; font-size: 12px; text-align: left; clear: both; float: left; position: relative; width: 100%;}
.schedule-data a:hover {text-decoration: underline;}

/*
.is {background-color: #993034; color: white;}
.is a {color: white;}
*/
.nan { margin-right: 1px; margin-left: 1px; margin-bottom: 2px; border-style: none; border-width: 1px; float: left; position: relative; width: 30px;}

@media screen and (max-width: 1064px) {
	
	#calendar-wrap { padding-right: 20px; padding-left: 20px; left: 0px; margin-left: 0px; width: 100%;}
	#now {float: left; position: relative; left: 0px; margin-left: 0px; width: 100%;}
	
	#weeks {display: none;}
	
	.day { text-align: left; clear: both; margin-right: 0px; margin-left: 0px; width: 100%;}
	.day .wb {display: block;}
	.is {}
	.is .daylist { color: white; background-color: #993034;}
	.is .wb { border-left-color: white; border-left-style: solid; border-left-width: 1px; color: white; background-color: #993034; display: block;}
	.schedule-data {left: 68px;}
}