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

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

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

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

.search-box input.form-control::placeholder,
.search-box textarea.form-control::placeholder {
	text-align: left;
	color: rgba(0, 40, 60, .2);
}

.search-box input.form-control:focus::placeholder,
.search-box textarea.form-control:focus::placeholder {
	text-align: left;
	color: rgba(0, 40, 60, .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 {
	text-align: left;
	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 {
	text-align: left;
	color: rgba(0, 50, 0, .1);
}

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

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

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

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

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

table tbody tr th {
	width: 150px;
}

#login_box .close {
	text-shadow: 0 1px 0 #000;
	color: #fff;
}

.btn-rating {
	padding: 0;
	font-size: 10px;
	font-weight: bold;
	line-height: 1em;
	border: 0 none;
	border-radius: 50%;
	color: #000;
}

.btn-rating1 {
	background-color: #3f0;
}

.btn-rating2, .btn-rating3, .btn-rating4 {
	background-color: #fe0;
}

.btn-rating5, .btn-rating6 {
	background-color: #f00;
}

.btn-rating span {
	display: inline-block;
	width: 1.3rem;
	height: 1.3rem;
	text-align: center;
	margin: 1px;
	border: 3px solid #000;
	border-radius: 50%;
	padding-top: 2px;
}

.btn-rating6 span {
	padding-top: 1px;
	font-size: 13px;
}

h1 .btn-rating {
	font-size: 16px;
	line-height: 1em;
}

h1 .btn-rating span {
	width: 2rem;
	height: 2rem;
	border: 5px solid #000;
	padding-top: 3px;
}

h1 .btn-rating6 span {
	padding-top: 1px;
	font-size: 22px;
}

.film-nosearch {
	max-width: 2.5rem;
}

.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-color: #2d3238;
	background-image:
		url('/images/quote.svg'),
		url('/images/quote.svg');
	background-position: 1% 95%, 99% 5%;
	background-repeat: no-repeat, no-repeat;
	background-size: 3em, 3em;
}

.container blockquote.high {
	background-position: 1% 90%, 99% 10%;
	background-size: 5em, 5em;
}

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

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