main > .container {
	padding: 70px 15px 20px;
}

body {
	/*background-color: #212529;*/
	background-color: #111519;
	color: #ffffffff;
}

footer {
	/*background-color: #f5f5f5;*/
	background-color: #212529;
	font-size: .9em;
	height: 60px;
}

.footer > .container {
	padding-right: 15px;
	padding-left: 15px;
}

.not-set {
	color: #c55;
	font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
	content: '';
	left: 3px;
	display: inline-block;
	width: 0;
	height: 0;
	border: solid 5px transparent;
	margin: 4px 4px 2px 4px;
	background: transparent;
}

a.asc:after {
	border-bottom: solid 7px #212529;
	border-top-width: 0;
}

a.desc:after {
	border-top: solid 7px #212529;
	border-bottom-width: 0;
}

.grid-view th {
	white-space: nowrap;
}

.hint-block {
	display: block;
	margin-top: 5px;
	color: #999;
}

.error-summary {
	color: #a94442;
	background: #fdf7f7;
	border-left: 3px solid #eed3d7;
	padding: 10px 20px;
	margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
	padding-top: 7px;
	color: rgba(255, 255, 255, 0.5);
}

.navbar-nav {
	margin-left: auto;
}

@media(max-width:767px) {
	.nav li > form > button.logout {
		display:block;
		text-align: left;
		width: 100%;
		padding: 10px 0;
	}
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
	text-decoration: none;
	color: rgba(255, 255, 255, 0.75);
}

.nav > li > form > button.logout:focus {
	outline: none;
}

.form-group {
	margin-bottom: 1rem;
}

.cursor {
	color: #00ff00;
}

.cursor-blink {
	animation: blinker 1s step-start infinite;
}

.prompt {
	color: #00aa00;
}

@keyframes blinker {
	50% {
		opacity: 0;
	}
}

.full-width {
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	max-width: 100%;
	padding-top: 56px;
}

.mh-full {
	/*min-height: 100vh;*/
}

/* Tablet (md-lg): menú arriba (fijo), prompt debajo (animación aislada) */
@media (min-width: 768px) and (max-width: 991.98px) {
	.navbar > .container {
		flex-wrap: wrap;
	}
	.navbar-brand {
		order: 2;
		width: 100%;
		padding-top: 0.2rem;
		padding-bottom: 0.4rem;
		padding-left: calc(var(--bs-navbar-nav-link-padding-x) - 1px);
	}
	.navbar-collapse {
		order: 1;
		flex-basis: 100%;
	}
	.navbar-nav {
		justify-content: flex-start;
		margin-left: 0;
	}
	main > .container {
		padding-top: 110px;
	}
	.full-width {
		padding-top: 96px;
	}
}