/* iu_workschedule Generic Styles (hjl) */

.roster-kw {
	float: left;
	width: 5.5%;
}
.roster-week-days {
	float: left;
	width: 94.5%;
}
.roster-week, .roster-week-days {
	display: flex;
}
.roster-day {
	float: left;
	width: 14.25%;
}
.roster-header .roster-day, .roster-header .roster-kw {
	padding: 5px 0px;
	color: white;
	background-color: #243c75;
	text-align: center;
}
.roster-header .roster-day {
	border-left: 1px solid #879dd1;
}
.roster-weeks .roster-day {
	min-height: 160px;
	border-bottom: 1px solid #bbb;
	border-left: 1px solid #bbb;
}
.roster-day .wkday-label, .roster-day .tstamp, .roster-kw .roster-label {
	display: none;
}
.roster-day .date {
	display: block;
    text-align: center;
}
.roster-week .roster-kw {
	text-align: center;
	color: white;
	background-color: #243c75;
	min-height: 160px;
	border-bottom: 1px solid #879dd1;
}
.roster-week .roster-kw:first-child {
	border-top: 1px solid #879dd1;
}
.roster-today {
	background-color: #cddbf9;
}
.roster-weekend-day {
	background-color: #e3e3e3;
}
.roster-plannable-day {
	background-color: #d4f4da;
}
.roster-holiday {
	background-color: #fff1ba;
}
.roster-holiday.roster-today {
	background: repeating-linear-gradient(
  		-45deg,
		#ffd8dd,
		#ffd8dd 10px,
		#fff1ba 10px,
		#fff1ba 20px
	);
}
.roster-plannable-day.roster-holiday {
	background: repeating-linear-gradient(
  		-45deg,
		#fff1ba,
		#fff1ba 10px,
		#d4f4da 10px,
		#d4f4da 20px
	);
}
.roster-plannable-day.roster-weekend-day {
	background: repeating-linear-gradient(
  		-45deg,
		#e3e3e3,
		#e3e3e3 10px,
		#d4f4da 10px,
		#d4f4da 20px
	);
}
.roster-legend > span {
	display: block;
	float: left;
	font-size: 14px;
	padding: 3px 5px;
	margin: 10px 10px 0px 0px;
}
.roster-fields {
	margin: 5px 10px;
}
.roster-fields .roster-field-label {
	letter-spacing: -1px;
}
.roster-field[data-shift-name="18 Uhr"] .label-dot {
	display: none;
}

.iu-workschedule .alert-success {
    background-color: #d4f4da;
    border-color: #AFD6B6;
    color: #666;
}
.iu-workschedule-information.is-planning-day {
	color: green;
}
.iu-workschedule-information.non-planning-day {
	color: #c1001f;
}

.workschedule-actions {
	margin-top: 10px;
}
.workschedule-actions .c-btn-uppercase {
	text-transform: uppercase;
}

/* Small Viewport: Display days strictly vertically */

@media (max-width: 991px) {

	.roster-week, .roster-week-days {
		display: block;
	}
	.roster-header {
		display: none !important;
	}
	.roster-kw .roster-label {
		display: inline-block !important;
	}
	.roster-weeks .roster-day {
		border-right: 1px solid #bbb;
	}
	.roster-week > .roster-kw {
		width: 100%;
		height: auto;
		min-height: 0;
		padding: 10px 0px;
	}
	.roster-week-days, .roster-day {
		width: 100%;
	}
	.roster-day .wkday-label, .roster-day .date {
		display: inline-block;
	}
	.roster-day > .roster-label {
		text-align: center;
	}
	.roster-legend {
		margin-top: 30px;
		width: 100%;
	}
	.roster-legend > span {
		width: 100%;
		margin: 5px 0px;
		padding: 20px 0px;
		text-align: center;
		font-size: 18px;
	}
	.roster-field {
		display: inline-block;
		margin-right: 35px;
		min-width: 135px;
	}	
	
}