/*!
 * template_modern — Bootstrap & module 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: none !important;
}

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

.form-horizontal .control-label {
	text-align: left !important;
	color: var(--we-text-muted, #8b93a7);
}

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

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

.label-default {
	background: rgba(138, 43, 226, 0.3);
	color: var(--we-text, #e8eaef);
}
.label-success { background: rgba(34, 197, 94, 0.3); color: #86efac; }
.label-danger { background: rgba(239, 68, 68, 0.3); color: #fca5a5; }

.modal-content {
	background: var(--we-bg-elevated, #12161f);
	border: 1px solid var(--we-border, rgba(255,255,255,0.08));
	color: var(--we-text, #e8eaef);
	border-radius: 12px;
}
.modal-header { border-color: var(--we-border); }
.modal-footer { border-color: var(--we-border); }

.dropdown-menu {
	background: var(--we-bg-elevated, #12161f);
	border: 1px solid var(--we-border);
}
.dropdown-menu > li > a { color: var(--we-text-muted); }
.dropdown-menu > li > a:hover { background: rgba(138, 43, 226, 0.2); color: var(--we-text); }

.panel-sidebar-events .table tr td { border-color: var(--we-border) !important; }
.panel-sidebar-events .table tr:hover td { background: rgba(138, 43, 226, 0.06); }
/* Separacion y estilo del menu de rankings */
.rankings_menu {
	display: flex !important;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	flex-wrap: wrap;
	width: 100%;
	margin: 18px 0 16px !important;
	padding: 10px !important;
	border: 1px solid rgba(111, 61, 184, .30);
	border-radius: 14px;
	background: rgba(17, 8, 28, .28);
	overflow: visible !important;
	text-align: left !important;
}

.rankings_menu a {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: auto !important;
	min-height: 34px;
	padding: 7px 13px !important;
	margin: 0 !important;
	border: 1px solid rgba(111, 61, 184, .38) !important;
	border-radius: 999px !important;
	background: rgba(0, 0, 0, .28) !important;
	color: rgba(230, 224, 245, .76) !important;
	font-size: 13px;
	font-weight: 800;
	text-decoration: none !important;
	white-space: nowrap;
	transition: .22s ease;
}

.rankings_menu a:hover,
.rankings_menu a.active {
	color: #ffffff !important;
	border-color: rgba(141, 85, 217, .92) !important;
	background: rgba(111, 61, 184, .32) !important;
	box-shadow: 0 0 16px rgba(111, 61, 184, .24);
	transform: translateY(-1px);
}