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

.text-smallcaps {
	font-variant: small-caps !important;
}
.os-toggle {
	margin-left: .25rem;
	margin-bottom: -.25rem;
}

.w-0 {
	max-width: 0;
}

.w-10 {
	width: 10%;
}

h1 sup a {
	font-size: .5em;
}

thead th {
	text-align: center;
	white-space: nowrap;
}

tr.table-success input.form-control,
tr.table-success select {
	border-color: #444;
}

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

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

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);
}

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);
}

.container blockquote {
	margin-top: 1em;
	border: 1px solid rgba(66, 72, 78, 1);
	border-radius: .5em;
	padding: 1em 1em 3.5em;
	text-align: right;
	background-image:
		url('/images/dblq_left.svg?ver=1'),
		url('/images/dblq_right.svg?ver=1'),
		linear-gradient(
			75deg,
			rgba(66, 72, 78, 1),
			rgba(66, 72, 78, .5),
			rgba(66, 72, 78, .4),
			rgba(66, 72, 78, .3),
			rgba(66, 72, 78, .3),
			rgba(66, 72, 78, .4),
			rgba(66, 72, 78, .5),
			rgba(66, 72, 78, 1)
		);
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-position: 1% 90%, 99% 10%, center;
	background-size: 5em, 5em, contain;
	color: #bbb;
}

.container blockquote div {
	display: inline-block;
	text-align: left;
	font-style: italic;
	padding: 0 6em;
}

.container blockquote + p[class=text-right] {
	margin: -3.5em 0 2em;
	padding-right: 7em;
	color: #bbb;
}

.bg-dark .custom-select.bg-transparent {
	background: transparent 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: transparent 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;
}

.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;
}

.table-dark tbody tr:nth-child(odd) td {
	background-color: #3f474e;
}

.table-dark tbody tr:nth-child(odd) .btn-dark {
	background-color: #3f474e;
	border-color: #3f474e;
	box-shadow: rgba(63, 71, 78, .5) 0 0 0 6px;
}

.table-dark tbody tr:nth-child(odd) td:hover {
	background-color: #454d55;
}

.table-dark tbody tr:nth-child(odd) .btn-dark:hover {
	background-color: #202326;
}

@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;
	}
}