/*
 * Application styles. Picnic.css (picnic.min.css) is linked separately in the layout.
 * Plain CSS for Propshaft (no Sass/manifest directives).
 */

/* Clear Picnic's fixed navbar (height 3em) so content isn't hidden underneath. */
body {
	padding-top: 3.5em;
}

/* simple_calendar wraps its Prev/Today/Next controls in a <nav>; Picnic styles
   every <nav> as the fixed top navbar, which hijacks the calendar heading to
   the top of the page. Scope it back to normal flow. */
.simple-calendar nav {
	position: static;
	height: auto;
	padding: 0;
	background: none;
	box-shadow: none;
	z-index: auto;
	transform: none;
}

.calendar-event a {
	color: black;
}
.calendar-event a:hover {
	text-decoration: underline;
}

div.calendar-event {
	border-radius: 5px;
	background: #b5b5b5;
	font-size: small;
}

td.calendar-event {
	border-radius: 5px;
	background: #b5b5b5;
	font-size: small;
}

div.maintenance {
	border: 2px solid #b71737;
}

td.maintenance {
	border: 2px solid #b71737 !important;
}

td.night {
	background: #8c8c8c;
}

tr.row-hour td { border-bottom: 1px solid black; }

.mobile-hidden {
	display: none;
}

@media all and (min-width: 800px) {
	.show-800 { display: block; }
}

.priority_grounded {
	background-color: red;
	color: white;
	font-weight: bold;
}
.priority_grounded a {
	color: white;
}

.priority_high {
	background-color: orange;
	color: white;
	font-weight: bold;
}
.priority_high a {
	color: white;
}

.priority_medium {
	background-color: purple;
	color: white;
	font-weight: bold;
}
.priority_medium a {
	color: white;
}

div#error_explanation {
	max-width: 40em;
	padding: 8px;
	margin: 2em auto;
	border-radius: 10px;
	border: 1px solid #ff000025;
	border-left: 5px solid red;
}

/* error_messages_for errors on non-formgrid forms */
form label.error {
  color: red;
}
form .error {
  border-color: red;
  background-color: rgba(255, 0, 0, 0.15);
}