#banner-img {
	max-height:10vw;
	max-height:10vh;
}
/* ------- Calendar styling ------- */
#cal {
	display: flex;
	width 100%;
	overflow: auto;
	border: 1px solid black;
	height: 32vw;
}
#vertical-header {
	position: relative;
	height: 88%;
	top: 5%;
}
.time-header {
	border: 1px solid black;
	width: 100%;
	height: 8.2%;
	margin-top: -1px;
}
.shift-container {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 90%;
}
.day {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 7vw;
	height: 100%;
}
.day-header {
	border-left: 1px solid black;
	border-right: 1px solid black;
	width: 100%;
	height: 5%;
	text-align:center;
	font-size: 1vw;
}
.weekday-shift {
	border: 1px solid black;
	width: 100%;
	height: 33%;
}
.weekend-container {
	position: relative;
	height: 59%;
	display: flex;
	flex-direction: row;
}
.weekend-shift1 {
	border: 1px solid black;
	width: 100%;
	height: 41%;
}
.weekend-shift2 {
	width: 33%;
	border: 1px solid black;
	height: 78.6%;
}
.weekend-shift3 {
	position: relative;
	border: 1px solid black;
	width: 33%;
	height: 57%;
	top: 21.4%;
}
.weekend-shift4 {
	position: relative;
	border: 1px solid black;
	width: 33%;
	height: 57%;
	top: 42.8%;
}
.day-notes {
	width: 100%;
	height: 5%;
	padding: 1%;
}
.notes {
	width: 7vw;
}

.shift-selected {
	background-color: blue;
}
.day-attention {
  background-image: repeating-linear-gradient(-45deg,
      transparent,
      transparent 10px,
      yellow 10px,
      yellow 20px);
}
.bg-red {
	background-color: #FF0000
}

.bg-green {
	background-color: #00FF00
}
/* ------- Summary styling ------- */
#summary, #list  {
	margin: 1%;
	float: left;
}
input[name="initial-balance"], input[name="tfk"] {
	width: 5em;
}
.bold {
	font-weight: bold;
}
/* ------- Table styling ------- */
#shift-list {
	border-collapse: collapse;
}
#shift-list td, #shift-list th {
	border: 1px solid black;
	padding-left: 0.5em;
	padding-right: 0.5em;
}
#shift-list tr:nth-child(even){
	background-color: #E5E5FF;
}
#shift-list th {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    text-align: left;
    background-color: #0000FF;
    color: white;
}