html {
	height: 100%;
	font-size: 0.85em;
}

body {
	height: 100%;
	background-color: #f6f7f9;
}

nav.navbar {
	background-color: #ffffff;
	height: 5.7em;
}

#tTone {
	margin-left: 0.2em;
	font-family: 'Baloo 2', sans-serif;
	font-size: 2.8em;
	line-height: 1em;
	color: #616971;
}

main {
	padding-top: 7.2em;
}

#login {
	padding: 0em;
	height: 100vh;
}

header {
	margin-bottom: 3rem;
	padding: 1rem;
	background-color: #ffffff;
	border: 1px solid #dee2e6;
	border-radius: 0.3rem;
}

header>h1,
header>h2,
header>h3,
header>h4,
header>h5,
header>h6 {
	text-align: center;
}

main>section:last-of-type {
	padding-bottom: 2em;
}

#loading {
	top: 6.5em;
	right: 0.5em;
}

#paused {
	top: 6.5em;
	right: 0.5em;
}

#alert {
	top: 6.5em;
	right: 2em;
	display: none;
}

footer>div>span {
	background-color: #ffffff;
	box-shadow: 0px 0px 15px 5px #ffffff, -15px 0px 10px 5px #ffffff, 15px 0px 10px 5px #ffffff;
	cursor: default;
}

#mapPanel {
	width: 100%;
	height: 100%;
	padding: 0
}

#basestation-map {
	padding-bottom: 0;
}

#map-modal>.modal-dialog>.modal-content {
	height: calc(100vh - 1.75em * 2);
}

input[type="text"].editable,
input[type="password"].editable {
	padding: 0 2px;
	border: 0;
	outline: 1px solid #888;
}

input[type="text"].editable:disabled,
input[type="password"].editable:disabled {
	outline: 0;
	color: black;
	background-color: transparent;
	cursor: text;
	width: calc(100% - 20px - 0.5rem);
}

input[type="text"].editable:not([disabled]),
input[type="password"].editable:not([disabled]) {
	width: 100%;
}

input[type="text"].editable:not([disabled])+button,
input[type="password"].editable:not([disabled])+button {
	display: none;
}

select.editable:disabled {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	border: none;
	outline: none;
	appearance: none;
	background-color: transparent;
	color: black;
	font-family: inherit;
	font-size: inherit;
	cursor: inherit;
	line-height: inherit;
}

select.editable:not([disabled]) {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	border: none;
	outline: 1px solid #888;
	background-color: white;
	color: black;
	font-family: inherit;
	font-size: inherit;
	cursor: inherit;
	line-height: inherit;
}

@-moz-document url-prefix() {
	select.editable {
		text-indent: 1px
	}
}

.fa-1-3x {
	font-size: 1.3em;
}

.fa-stack-fw {
	line-height: inherit;
	width: 22px;
	height: 1.3em;
	vertical-align: top;
}

.fa-stack-fw .fa-stack-1x {
	top: -0.2em;
}

.container-fluid form .card-header.action-header {
	display: grid;
	grid-template-columns: 1fr 5fr 1fr;
	align-items: center;
}

.container-fluid form .card-header.action-header>*:first-child {
	justify-self: start;
}

.container-fluid form .card-header.action-header>*:nth-child(2) {
	justify-self: center;
	text-align: center;
}

.container-fluid form .card-header.action-header>*:last-child {
	justify-self: end;
}

.container-fluid form .card-body.one-card-body>img.card-img-top {
	width: 200px;
}

.container-fluid form .card-footer {
	display: flex;
	justify-content: flex-end;
}

.container-fluid form .card-footer input[type="submit"].editable {
	display: none;
}

.form-floating>.form-control,
.form-floating>.form-select {
	height: calc(3rem + 2px);
}

.form-floating>.form-control:focus,
.form-floating>.form-control:not(:placeholder-shown) {
	padding-top: 1rem;
	padding-bottom: 0.2rem;
}

.form-floating>label {
	padding: 0.7rem;
}

.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
	transform: scale(0.85) translateY(-0.7rem);
}

.table {
	margin-bottom: 0;
}

.table.detail-table tr th:first-child {
	width: 25%;
}

.table-hover>tbody>tr:hover>td>a.btn-outline-light {
	color: #198754;
	border-color: #198754;
}

.table-hover>tbody>tr>td>a.btn-outline-light:hover {
	color: #ffffff;
	background-color: #198754;
	border-color: #198754;
}

.table> :not(caption)>*:last-of-type>* {
	border-bottom: 0;
}

.text-left {
	text-align: left;
}

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

.text-right {
	text-align: right;
}

.text-blink {
	animation: 1s linear infinite blink_effect;
}

.hot-flagged {
	color: red;
}

@keyframes blink_effect {
	0% {
		visibility: hidden;
	}

	50% {
		visibility: hidden;
	}

	100% {
		visibility: visible;
	}
}