#binmarker {
	padding-left: 2px;
	color: white;
	font-weight: bold;
	}

#wastebin {
	margin: 1px 1px 1px 4px;
	padding: 1px 1px 1px 1px;
	border-radius: 6px;
	color: white;
	background-color: green;
	height: 26px;
    }

#recyclingbin {
	margin: 1px 1px 1px 4px;
	padding: 1px 1px 1px 1px;
	border-radius: 6px;
	color: white;
	background-color: blue;
	height: 26px;
	}
	
#compostbin {
	margin: 1px 1px 1px 4px;
	padding: 1px 1px 1px 1px;
	border-radius: 6px;
	color: white;
	background-color: brown;
	height: 26px;
	}

#calendarlegend {
	margin: auto;
	width: auto;
	}	

.binwidth {
	margin: auto;
	width: 20px;
	}	
	
#calendar_container {
	margin: auto;
	float: left;
	display: flex;
	text-align: center;

	}
		
#service_calendar table.calendar { 
	border:1px solid #000000; border-collapse:collapse;  
	}
	
#service_calendar 	tr.calendar-row	{  
	height: 70px;
	}

#service_calendar 	td.calendar-day	{ 
	min-height:80px; 
	font-size:1.0em; 
	position:relative; 
	margin:0; 
	padding:0;  
	}
	 
* html div.calendar-day { 
	height:66px; 
	}

#service_calendar 	td.calendar-day:hover	{ 
	background:#eceff5; 
	margin:0; 
	padding:5px;
	}

#service_calendar 	td.calendar-day-np	{ 
	background:#eee; 
	margin:0; 
	padding:0; 
	min-height:80px; 
	} 
	
* html div.calendar-day-np { 
	height:66px; 
	}

#service_calendar 	td.calendar-day-head { 
	background:#ccc; 
	font-weight:bold; 
	text-align:center; 
	width:120px; 
	padding:5px; 
	border-bottom:1px solid #999; 
	border-top:1px solid #999; 
	border-right:1px solid #999; 
	}

#service_calendar 	div.day-number	{ 
	opacity: 0.5; 
	/*padding:5px; */
	padding: 5px 1px 5px 1px;
	color:#000000; 
	font-weight:bold; 
	/*float:right; */
	/*margin:-5px -5px 0 0; */
	margin:0px -5px 0 0; 
	width:20px; 
	text-align:center; 
	position:absolute;
	top: 1px;
    right: 5px;
	}
	
	/* shared */
	
#service_calendar 	td.calendar-day, td.calendar-day-np { 
	width:50px; 
	padding:1px 5px 1px 0px; 
	border-bottom:1px solid #999; 
	border-right:1px solid #999; 
	margin:0; 
	}

#service_calendar  td.calendar-day-today {
	background:#7b847d; 
	opacity: 0.75; 
	/*font-size:1.5em; */
	}
	
#calendar_window {
	width: 32%;
	margin: 20px 10px 3px 3px;
	background-color: white;
	border: white;
	border-radius: 20px;
	color: black;
	padding-left: 5px;
    padding-right: 5px;
    padding-top: 10px;
    padding-bottom: 5px;
	}
	
#calendar_window h3 {
	text-align: center;
	}