/*!
    
 =========================================================
 * WebEngine CMS
 * https://webenginecms.org/
 =========================================================
 
 * Author Lautaro Angelico (https://lautaroangelico.com/)
 * Copyright (c) 2013-2026 Lautaro Angelico, All Rights Reserved
 
 * Licensed under the MIT license
 * https://opensource.org/licenses/MIT
 
 =========================================================
 
*/
.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 {
    color: inherit !important;
    text-decoration: none !important;
	outline: none !important;
}

.form-control {
	background: #1d1d20;
	border: 1px solid #2e2e33;
	color: #dcdcdc;
}
.form-control:focus {
	border: 1px solid #4a4a50;
}

/* http://stackoverflow.com/questions/19562903/remove-padding-from-columns-in-bootstrap-3 */
.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

/* http://stackoverflow.com/questions/20547819/vertical-align-with-bootstrap-3 */
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.thumbnail {
    background-color: var(--webenginecolor27);
    border: 1px solid var(--webenginecolor16);
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: var(--webenginecolor1);
}

.btn-primary {
    color: var(--webenginecolor9);
    background-color: var(--webenginecolor8);
	border-color: var(--webenginecolor10);
    transition: all .1s ease-in;
	border-radius: 3px;
}
.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
    color: var(--webenginecolor12) !important;
    background-color: var(--webenginecolor11) !important;
	border-color: var(--webenginecolor13) !important;
}

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

/* =========================================================
 * DARK THEME - NEWS + MENUS
 * ========================================================= */

/* VARIAVEIS DO TEMA */
:root {
	--webenginebg2: #0f0f12;
	--webenginebg3: #0a0a0c;

	--webenginecolor1: #ff5252;
	--webenginecolor2: #dcdcdc;

	--webenginecolor3: #b5b5b8;
	--webenginecolor4: #ff5252;

	--webenginecolor7: #ff5252;

	--webenginecolor11: #ff5252;

	--webenginecolor14: #9a9a9a;
	--webenginecolor63: #2e2e33;

	--webenginecolor15: #1d1d20;
	--webenginecolor16: #2e2e33;
	--webenginecolor17: #dcdcdc;
	--webenginecolor18: #4a4a50;

	--webenginecolor21: #2e2e33;
	--webenginecolor22: #101013;
	--webenginecolor23: #9a9a9a;

	--webenginecolor24: #1a1a1a;
	--webenginecolor25: #cfcfcf;
	--webenginecolor26: #ff5252;

	--webenginecolor27: #1a1a1e;
	--webenginecolor28: #222227;

	--webenginecolor33: #dcdcdc;

	--webenginecolor57: #b5b5b8;
	--webenginecolor60: #f0f0f0;

	--webenginecolor61: #dcdcdc;
	--webenginecolor62: rgba(255, 255, 255, 0.15);
}

/* NEWS MODULE - PAINEL */
.panel-news {
	background: #17171a;
	color: #dcdcdc;
	border: 1px solid #26262b;
}
.panel-news .panel-heading {
	background: #101013;
	border-bottom: 1px solid #26262b;
}
.panel-news .panel-title {
	color: #f0f0f0;
}
.panel-news .panel-title a {
	color: #f0f0f0 !important;
}
.panel-news .panel-title a:active, .panel-news .panel-title a:focus, .panel-news .panel-title a:hover {
	color: #ff5252 !important;
}
.panel-news .panel-body {
	color: #d0d0d0;
}
.panel-news .panel-body a {
	color: #cfcfcf;
}
.panel-news .panel-body a:active, .panel-news .panel-body a:focus, .panel-news .panel-body a:hover {
	color: #ff5252;
}
.panel-news .panel-footer {
	background: #101013;
	border-top: 1px solid #26262b;
	color: #9a9a9a;
}

/* HOME - BLOCO DE NOTICIAS */
.home-news-block {
	background: #17171a;
	color: #dcdcdc;
	padding: 15px;
}
.home-news-block .home-news-block-header h2 {
	color: #f0f0f0;
}
.home-news-block .home-news-block-header a {
	color: #cfcfcf;
}
.home-news-block .home-news-block-header a:active, .home-news-block .home-news-block-header a:hover {
	color: #ff5252;
}
.home-news-block .home-news-block-article .home-news-block-article-type {
	border-color: #ff5252;
	color: #ff5252;
}
.home-news-block .home-news-block-article .home-news-block-article-title a {
	color: #e8e8e8;
}
.home-news-block .home-news-block-article .home-news-block-article-title a:active,
.home-news-block .home-news-block-article .home-news-block-article-title a:focus,
.home-news-block .home-news-block-article .home-news-block-article-title a:hover {
	color: #ff5252;
}
.home-news-block .home-news-block-article .home-news-block-article-date {
	color: #9a9a9a;
}

/* MENU DE RANKINGS */
.rankings_menu a {
	background: #1a1a1a;
	border-color: #333333;
	color: #cfcfcf;
}
.rankings_menu a:active, .rankings_menu a:focus, .rankings_menu a:hover {
	color: #ff5252;
}
.rankings_menu a.active {
	color: #ff5252;
	border-color: #ff5252;
}

/* MENU LATERAL DA CONTA */
.panel-usercp {
	background: linear-gradient(rgba(15, 15, 18, 0.92), rgba(15, 15, 18, 0.92)), url('../img/usercp_bg.jpg') no-repeat top center;
	background-size: cover;
}
.panel-usercp ul li a:active, .panel-usercp ul li a:hover {
	color: #ff5252 !important;
}

/* TABELAS BOOTSTRAP */
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th,
.table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	border-top-color: #2e2e33;
	color: #dcdcdc;
}
.table > thead > tr > th {
	border-bottom-color: #2e2e33;
	color: #f0f0f0;
}
.table-bordered, .table-bordered th, .table-bordered td {
	border-color: #2e2e33 !important;
}
.table-striped > tbody > tr:nth-child(odd) > td {
	background-color: #1a1a1e;
}
.table-hover > tbody > tr:hover > td {
	background-color: #26262c;
}

/* ALERTAS */
.alert {
	color: #dcdcdc;
	background-color: #1a1a1e;
	border-color: #2e2e33;
}
.alert-info {
	color: #cfe8f7;
	background-color: #0f2a3a;
	border-color: #1c4a63;
}
.alert-success {
	color: #c9ecd6;
	background-color: #12291c;
	border-color: #1e4630;
}
.alert-warning {
	color: #f3e3c0;
	background-color: #2e2410;
	border-color: #4a3a18;
}
.alert-danger {
	color: #f5cfd1;
	background-color: #2e1416;
	border-color: #4a2226;
}

/* LOGO DA SEASON NA BARRA DE MENU */
#navbar {
	position: relative;
}
.navbar-season-logo {
	position: absolute;
	top: 0;
	left: 0.5cm;
	height: 100%;
	width: auto;
	display: block;
}