.no-margin 		{ margin: 0; }
.no-padding 	{ padding: 0; }



table.calendar th, table.calendar td { font-size:smaller; padding:4px; text-align:center; }
.day:nth-child(7n), .day:nth-child(7n+8) { background:#ccc; }

.day.highlightYellow { background:#ff6; }
.day.highlightGreen  { background:#2f7; }

.day.today { font-weight:700; }
.day.past  { font-style:italic; color:gray; }

.calendar a { color:inherit; text-decoration:none; }
.calendar a:hover { text-decoration:underline; }





	
	.login, .logout 		{ margin-bottom:0px;}

.no-margin {
  margin: 0;
}
div#weektables {
    overflow-x: scroll;
}

table.planning {
    margin-bottom: 2rem;
	font-size:small;
}
table.planning th, table.planning td {
    border: 1px solid #333;
    padding: 0px;
    text-align: center;
	min-width: 60px;
}
table.planning th {
    background-color: #f2f2f2;
}
table th.boldtitle {
    background-color: #ccc;
}
table.weeks td.position {
    padding: 5px;
}
table.planning input, table.planning select {
	border:0; margin:0; padding: 2px;
	font-size:small;
	height:1.5rem;
}
table.weeks select {
	min-width:120px;
    background: transparent;
}

table.planning .highlight-status-2  { background: lightyellow; }
table.planning .highlight-status-3  { background: yellow; }
table.planning .highlight-status-4  { background: lightgreen; }
table.planning .highlight-status-5  { background: green; }

.table-container {
	float:left;
}

table.year {
	float:left;
	display:block;
}

table.year .current-year {
	padding: .7rem 1rem;
}
table.year .date-label {
        display: block;
        font-size: x-small;
        color: #555;
        margin-bottom: 2px;
    }
table.year td, table.year select {
	min-width:120px;
	text-align:center;
}