/* Rota builder / admin */

body {
	font:1rem arial,sans-serif;
}

header {
	border-bottom: 1px solid #c0c0c0;
}

	header img {
		height:50px;
	}

	.strapline {
		font-size: 0.8rem;
	}

.sr-only {
	display: none;
}

h2 { color: #054DBE; }

.btn:not(.btn-danger) {
	background-color:#054DBE;
	border-color:#054DBE;
	color:#fff!important;
}

.spinner {
	margin-top:0;
	display: none;
}

/* Admin calendar */

	td span {
		width:100%;
		float:left;
		clear:both;
	}

	.weeks,
	.chapstats {
		border:1px solid #87F1FF;
	}

	.chapstats td {
		text-align: center;
	}

	.weeks td {
		padding:5px 10px;
		width:14%;
		min-height:40px;
		/*border-color:#c0c0c0;*/
		font-size:0.9rem;

	}

	.chapstats tbody tr:first-child td,
	.chapstats td:first-child {
		background-color:#faf9d4;
	}

	.weeks td:first-child {
		font-weight:bold;
		width:30px;
		background-color:#faf9d4;
	}

	.weeks thead th {
		text-align:center;
		font-weight:bold;
		/*border-bottom:1px solid #000;*/
		background-color:#faf9d4;
	}

	td p { margin:0; }

	.offday {
		border:2px dashed blue;
	}

	.toomany {
		border:2px dashed red;
	}

	/*.weeks tr:nth-child(4) td,*/
	thead td {
		background-color:#faf9d4;
	}

	.weeks tr:nth-child(4) td {
		border-top: 1px solid #000;
	}

	.weeks textarea {
		height:80px;
	}

	.columns-2 {
		list-style: none;
		padding:0;
		columns: 2;
	}

	input,
	select,
	textarea {
		font-size:0.9rem!important;
	}

	.notOnwith,
	.warn_bad { background:#FB504D; }

	.warn_semi { background:#BBACC1; }

/* End Admin Calendar */

/* Calendar bits */
	.fa-print,
	.unclick,
	.bookable {
		cursor:pointer;
	}

		.bookable span:hover {
			text-decoration: underline;
		}

		.selectedRange {
			border:2px solid blue!important;
		}

	.dayblock {
		width:13%;
		margin:0.5% 0.5% 1% 0.5%;
		border:1px solid #83d8f6;
		box-shadow: #87F1FF 0 5px 30px -5px;
		float:left;
		min-width:100px;
		border-radius:5px;
	}

		.firstdb {
			margin-left:var(--first-ml);
		}

		.dayblock p {
			border-bottom:1px solid silver;
			line-height:30px;
			margin:0;
		}

		.labels {
			width:40px;
			text-align: left;
			font-size:10pt;
			line-height:26px;
		}

	.card {
		border-color:#87F1FF!important;
	}

	fieldset.card {
		border-color:#ced4da!important;
	}

	.calendar-shift {
		text-align: center;
	}

	.calendar-shift ul {
		list-style:none;
		padding:0;
		margin:0 0 5px;
		font-size:0.9rem;
		border-bottom:2px solid red;
	}

		.calendar-shift ul:last-child {
			border:0;
		}

		.calendar-shift ul li {
			margin:0 0 5px;
			line-height:20px;
			vertical-align: middle;
		}

		.calendar-shift ul li i {
			font-size:1.2rem;
			font-weight:bold;
			cursor: pointer;
			margin:0 2px;
		}

		.nv-2,
		.nv-1 {
			background-color: #87F1FF;
			min-height:20px;
		}

			.nv-2 {
				min-height:40px;
			}

		.takeshift {
			background-color:#faff99;
		}

		.me_li {
			background-color:#00caeb;
			color:#fff;
		}

		.me_p {
			background-color:#62e6ff;
		}

		.today {
			background:#FFFF8F;
		}

	.calendar-shift span {
		font-size:0.9rem;
		font-weight:bold;
		margin:5px 0;
		display: inline-block;
	}

	@media screen and (max-width: 1100px){
		.dayblock {
			min-width:80%;
			margin:0 10% 15px;
		}

		.firstdb {
			margin-left:10%;
		}

		.onsmall {
			display:flex;
			justify-content: space-between;
		}

		.calendar-shift {
			width:20%;
		}

		.calendar-shift ul li {
			padding:0;
		}

		.calendar-shift.notes {
			width:100%;
		}

			.calendar-shift.notes li {
				line-height:30px;
			}
	}

	@media screen and (max-width: 650px){
		.dayblock {
			min-width:90%;
			margin:0 5% 15px;
		}
	}

/* End Calendar bits */

/* User area */
[name="AnyNo"] {
	max-width:60px;
	display: inline-block;
}

table#Users td,
#myLeave li {
	line-height: 30px;
}

/* End User area */

/* General */

.lookupLeave i {
	font-size:16pt;
	cursor:pointer;
	color:green;
}

.onleave {
	list-style: none;
	margin:0;
	padding:0;
}

	.onleave li {
		margin:0 0 5px;
	}

	.lh30 {
		line-height: 30px;
	}

.deleteLeave,
.admin_leave {
	cursor: pointer;
	color:blue;
}

[name="Reason"] {
	height:50px;
}

.pagination {
	width:300px;
	display: flex;
	justify-content: space-between;
}

.ignoreHighlight {
	background-color: #94f6ff;
}

	.ignoreHighlight li {
		padding:4px;
		font-size:9pt;
	}

.accidentForm textarea {
	height:100px;
}

#RotaList li ,
#Errors li {
	margin:0 0 10px;
}

#RotaList li { font-size:1.1rem; }

@media screen and (min-width: 800px){
	.reqspan {
		width:auto;
		display: inline-block;
		margin:0;
	}

	.reqspan:first-child {
		margin-right:10px;
	}
}

@media print {
	.hideOnPrint {
		display: none !important;
	}

	.calendar-shift ul li {
		font-size:11px;
		margin:0;
	}

	/* Their versions are quite long (notes and Incident support) so add after every */
	.calendar_row {
		page-break-after: always;
	}
}

#manualList li {
	margin:0 0 10px;
}