body {
	background: #eee none;
	font-family: sans-serif;
}

.login {
	display: flex;
	height: 100vh;
	align-items: center;
	justify-content: center;
}
.login .card {
	width: 30vw;
	min-width: 480px;
	background-color: #fff;
	padding: 30px;
}

.login .card .card-title {
	margin-bottom: 30px;
}

.login .card .form-floating {
	margin: 10px 0;
}

.login .card .btn {
	margin-right: 10px;
}

nav.navbar {
	background: #ccc none;
	margin-bottom: 15px;
}

.btn {
	margin-right: 10px;
}
.form-floating {
	margin-top: 10px;
	margin-bottom: 10px;
}
.server-actions button {
	font-size: 0.75em;
	margin: 0;
}
.server-actions button:disabled {
	cursor: not-allowed;
}
pre#build-output {
	font-family: monospace;
	padding: 15px;
	height: 60vh;
	max-height: 60vh;
	overflow-y: scroll;
}
#servers .green {
	min-width: 90px;
	border: 1px solid #1A7742;
	color: #1A7742;
	transition: none;
}
#servers .blue {
	min-width: 90px;
	border: 1px solid #0F52FC;
	color: #0F52FC;
	transition: none;
}
#servers [data-active='green'] .green {
	background-color: #1A7742;
	color: #fff;
}
#servers [data-active='blue'] .blue {
	background-color: #1051F9;
	color: #fff;
}
#servers .build-version {
	display: block;
}
#servers .blue.barberpole {
	color: #fff;
	background-image: repeating-linear-gradient(-45deg, #1051F9, #1051F9 1rem, #6f97fd 1rem, #6f97fd 2rem);
}
#servers .green.barberpole {
	color: #fff;
	background-image: repeating-linear-gradient(-45deg, #1A7742, #1A7742 1rem, #75ac8d 1rem, #75ac8d 2rem);
}
#servers .barberpole {
	background-size: 200% 100%;
	animation: barberpole 5s linear infinite;
}
@keyframes barberpole {
	0% { background-position: 0% 0%; }
	100% { background-position: 100% 0%; }
}

.tab-pane {
	background-color: #fff;
	padding-top: 30px;
	border-width: 0 1px 1px;
	border-style: solid;
	border-color: #dee2e6;
}


.log-table {
	padding: 30px;
}
.log-table div.log-header {
	white-space: nowrap;
	padding: 10px 0 ;
}
.log-table .log-msg {
	width: 100%;
	font-size: 12px;
	padding: 10px;
	margin-bottom: 1em;
}
.log-table .log-msg > pre {
	margin-bottom: 0;
	font-size: 1em;
}

#server-logs > .row {
	border-color: #fff;
	border-style: solid;
	border-width: 3px 0 0 3px;
	margin-bottom: 10px;
	border-top-left-radius: 7px;
}
#server-logs > .row.error {
	border-top-color: #DA4458;
	border-left-color: #DA4458;
}
#server-logs > .row.warn {
	border-top-color: #FA8535;
	border-left-color: #FA8535;
}
#server-logs > .row.info {
	border-top-color: #3172FC;
	border-left-color: #3172FC;
}
#server-logs > .row.debug {
	border-top-color: #3B9063;
	border-left-color: #3B9063;
}

.log-table .log-level {
	text-transform: uppercase;
}
.log-table .log-header {
	font-size: 14px;
}
.log-table .log-header > span {
	margin-right: 2em;
}


#server-access {
	font-size: 12px;
	white-space: nowrap;
}
#server-access .access-status {
	display: inline-block;
	padding: 0 6px;
}
#server-access [data-status^='2'] .access-status {
	background-color: #198754;
	color: #fff;
}
#server-access [data-status^='3'] .access-status {
	background-color: #0d6efd;
	color: #fff;
}
#server-access [data-status^='4'] .access-status {
	background-color: #D11E35;
	color: #fff;
}
#server-access [data-status^='5'] .access-status {
	background-color: #fd7e14;
	color: #fff;
}
#server-access .access-path {
	width: 100%;
}