.text-snow {
	color: #fff !important;
	font-weight: bold;
}

.text-smallcaps {
	font-variant: small-caps !important;
}

input.form-control::placeholder,
textarea.form-control::placeholder {
	color: rgba(204, 255, 204, .2);
	text-align: left;
}

input.form-control:focus::placeholder,
textarea.form-control:focus::placeholder {
	color: rgba(204, 255, 204, .1);
	text-align: left;
}

tr.table-primary input.form-control::placeholder,
tr.table-primary textarea.form-control::placeholder,
tr.table-success input.form-control::placeholder,
tr.table-success textarea.form-control::placeholder,
tr.table-danger input.form-control::placeholder,
tr.table-danger textarea.form-control::placeholder,
tr.table-info input.form-control::placeholder,
tr.table-info textarea.form-control::placeholder,
tr.table-warning input.form-control::placeholder,
tr.table-warning textarea.form-control::placeholder,
tr.table-secondary input.form-control::placeholder,
tr.table-secondary textarea.form-control::placeholder,
tr.table-light input.form-control::placeholder,
tr.table-light textarea.form-control::placeholder,
tr.table-dark input.form-control::placeholder,
tr.table-dark textarea.form-control::placeholder {
	color: rgba(0, 50, 0, .2);
	text-align: left;
}

tr.table-primary input.form-control:focus::placeholder,
tr.table-primary textarea.form-control:focus::placeholder,
tr.table-success input.form-control:focus::placeholder,
tr.table-success textarea.form-control:focus::placeholder,
tr.table-danger input.form-control:focus::placeholder,
tr.table-danger textarea.form-control:focus::placeholder,
tr.table-info input.form-control:focus::placeholder,
tr.table-info textarea.form-control:focus::placeholder,
tr.table-warning input.form-control:focus::placeholder,
tr.table-warning textarea.form-control:focus::placeholder,
tr.table-secondary input.form-control:focus::placeholder,
tr.table-secondary textarea.form-control:focus::placeholder,
tr.table-light input.form-control:focus::placeholder,
tr.table-light textarea.form-control:focus::placeholder,
tr.table-dark input.form-control:focus::placeholder,
tr.table-dark textarea.form-control:focus::placeholder {
	color: rgba(0, 50, 0, .1);
	text-align: left;
}

.bg-dark .custom-select.bg-transparent {
	background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23f8f9fa' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat;
}

.bg-dark tr.table-primary .custom-select.bg-transparent,
.bg-dark tr.table-success .custom-select.bg-transparent,
.bg-dark tr.table-danger .custom-select.bg-transparent,
.bg-dark tr.table-info .custom-select.bg-transparent,
.bg-dark tr.table-warning .custom-select.bg-transparent,
.bg-dark tr.table-secondary .custom-select.bg-transparent,
.bg-dark tr.table-light .custom-select.bg-transparent,
.bg-dark tr.table-dark .custom-select.bg-transparent {
	background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat;
}

.bg-dark .custom-select.bg-transparent[multiple=multiple],
.bg-dark tr.table-primary .custom-select.bg-transparent[multiple=multiple],
.bg-dark tr.table-success .custom-select.bg-transparent[multiple=multiple],
.bg-dark tr.table-danger .custom-select.bg-transparent[multiple=multiple],
.bg-dark tr.table-info .custom-select.bg-transparent[multiple=multiple],
.bg-dark tr.table-warning .custom-select.bg-transparent[multiple=multiple],
.bg-dark tr.table-secondary .custom-select.bg-transparent[multiple=multiple],
.bg-dark tr.table-light .custom-select.bg-transparent[multiple=multiple],
.bg-dark tr.table-dark .custom-select.bg-transparent[multiple=multiple] {
	background-image: none;
}

.page-item .page-link {
	min-width: 36px;
	text-align: center;
}

.page-link.btn-outline-light {
	color: #f8f9fa;
	background-color: transparent;
}

.page-item.active .page-link {
	border-color: #f8f9fa;
	background-color: #099;
}

.page-link.btn-outline-light:hover, .page-item.active .page-link:hover {
	color: #444;
	background-color: #f8f9fa;
}

.page-item.disabled .page-link.btn-outline-light {
	color: #6c757d;
	background-color: transparent;
}

td.area-year, th.area-year {
	width: 90px;
}

td.area-park, th.area-park {
	width: 260px;
}

td.area-park, th.area-area {
	min-width: 140px;
	width: 145px;
	white-space: nowrap;
}

input.area-area {
	display: inline-block;
	width: 100px;
}

select.area-park {
	display: inline-block;
	width: 270px;
}

table.area-table td.area-year, table.area-table th.area-year,
table.area-table td.area-park, table.area-table th.area-park,
table.area-table td.area-park, table.area-table th.area-area {
	width: auto;
}

td .alert {
	margin-bottom: 0;
}

/* TODO: blockquote, select */

.logouttime {
	display: inline-block;
	line-height: 1em;
	font-size: .7em;
	font-family: "Arial Narrow", "Lucida Console", "Courier New", Courier, monospace;
	font-weight: bold;
}

.logouttime span {
	float: left;
	width: 9px;
	margin: 6px 1px -3px 0;
	padding: .2em .2em .1em .1em;
	text-align: center;
	background-color: #f1f1f1;
	color: #444;
}

.logouttime span.change {
	animation-name: clockEff;
	animation-duration: .2s;
	animation-iteration-count: 1;
	animation-timing-function: ease;
	-webkit-animation-name: clockEff;
	-webkit-animation-duration: .2s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease;
}

@keyframes clockEff {
	0% {
		height: 1px;
		margin-top: 11px;
	}
	100% {
		height: 11.2px;
		margin-top: 6px;
	}
}

@-webkit-keyframes clockEff {
	0% {
		height: 1px;
		margin-top: 11px;
	}
	100% {
		height: 11.2px;
		margin-top: 6px;
	}
}