/*!
 * MuLVL Bootstrap/WebEngine compatibility overrides.
 */

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
	border-top-color: rgba(234, 223, 203, 0.08) !important;
}

a:focus,
a:hover {
	text-decoration: none !important;
}

.form-control {
	background: rgba(0, 0, 0, 0.28);
	border: 1px solid rgba(217, 168, 79, 0.24);
	color: #fff4d4;
}

.form-control::placeholder {
	color: rgba(234, 223, 203, 0.38);
}

.form-control::-webkit-input-placeholder {
	color: rgba(234, 223, 203, 0.38);
}

.form-control::-moz-placeholder {
	color: rgba(234, 223, 203, 0.38);
}

.form-control:focus {
	border-color: #d9a84f;
	box-shadow: 0 0 0 3px rgba(217, 168, 79, 0.12);
}

.btn-primary {
	color: #24170d !important;
	background: linear-gradient(180deg, #f1cf83, #c88934) !important;
	border-color: #e3b768 !important;
	border-radius: 6px;
}

.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {
	color: #120d09 !important;
	background: linear-gradient(180deg, #ffe2a2, #d9a84f) !important;
	border-color: #f0d38b !important;
}

.alert {
	border-radius: 8px;
	border-width: 1px;
}

.alert-danger {
	color: #ffd8d2;
	background: rgba(124, 36, 28, 0.34);
	border-color: rgba(216, 76, 54, 0.55);
}

.alert-success {
	color: #dcf5d8;
	background: rgba(54, 116, 62, 0.28);
	border-color: rgba(107, 197, 119, 0.42);
}

.alert-info,
.alert-warning {
	color: #fff0c9;
	background: rgba(128, 89, 35, 0.28);
	border-color: rgba(217, 168, 79, 0.42);
}

.modal-content {
	background: #18120e;
	border: 1px solid rgba(217, 168, 79, 0.32);
	border-radius: 8px;
	color: #eadfcb;
}

.modal-header,
.modal-footer {
	border-color: rgba(217, 168, 79, 0.18);
}

.close {
	color: #fff4d4;
	opacity: .75;
	text-shadow: none;
}

.close:hover {
	color: #fff;
	opacity: 1;
}

/* Home Rankings Widget */
.hr-select {
	margin-bottom: 10px;
	font-size: 11px;
	height: 28px;
	padding: 3px 8px;
	background: rgba(0, 0, 0, 0.35);
	border: 1px solid rgba(217, 168, 79, 0.28);
	color: var(--gold-soft);
	border-radius: 6px;
	cursor: pointer;
}

.hr-select:focus {
	border-color: rgba(217, 168, 79, 0.6);
	outline: none;
	box-shadow: none;
}

.hr-select option {
	background: #120d09;
	color: #eadfcb;
}

.hr-pane {
	display: none;
}

.hr-pane.hr-active {
	display: block;
}

.hr-body {
	padding: 10px !important;
}

.hr-table {
	font-size: 11px;
	margin-bottom: 0;
}

.hr-table thead tr th {
	color: var(--gold);
	font-weight: 600;
	border-bottom: 1px solid rgba(217, 168, 79, 0.2) !important;
	padding: 4px 6px !important;
}

.hr-table tbody tr td {
	padding: 4px 6px !important;
	vertical-align: middle;
	border-top: 1px solid rgba(234, 223, 203, 0.05) !important;
}

.hr-table tbody tr:hover td {
	background: rgba(217, 168, 79, 0.06);
}

.hr-rank {
	color: var(--gold);
	font-weight: bold;
	width: 22px;
	text-align: center;
}

.hr-empty {
	color: var(--dim);
	font-size: 11px;
	text-align: center;
	padding: 20px 0;
}

.nopadding {
	padding: 0 !important;
	margin: 0 !important;
}

.vcenter {
	display: inline-block;
	vertical-align: middle;
	float: none;
}

.thumbnail {
	background-color: rgba(32, 26, 21, 0.94);
	border-color: rgba(205, 158, 77, 0.22);
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
	border-color: #d84c36;
}

.form-horizontal .control-label {
	text-align: left !important;
}