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

.form-control {
	background: #111;
	border: 1px solid #705954;
	color: #ccc;
}
.form-control:focus {
	border: 1px solid #9c7b74;
}

/* 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: #111111;
    border: 1px solid #333333;
	transition: all 0.3s ease;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
	border-color: #c35b43;
	-moz-box-shadow: 0 0 60px rgba(195, 91, 67, 0.3);
	-webkit-box-shadow: 0 0 60px rgba(195, 91, 67, 0.3);
	box-shadow: 0 0 60px rgba(195, 91, 67, 0.3);
}

.btn-primary {
    color: #f5de9f;
    /*background-color: transparent;*/
	background-image: linear-gradient(to bottom, #b93a27, #9e1e0b);
	border: 0px;
	-moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
    color: #fff !important;
	background-image: linear-gradient(to bottom, #b93a27, #9e1e0b);
}

/* modal */
.modal-content {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
	background-color: transparent !important;
	border: 0 !important;
}

.table-bordered {
	background: #2d211e !imporant;
    border: 1px solid #18110f !important;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #342623 !important;
}

.table-hover>tbody>tr:hover {
    background-color: #543e3a !important;
}

.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #18110f !important;
}

/* =========================================================
   FIX RANKING - imágenes y columnas alineadas
   Colocado al final para pisar reglas anteriores
   ========================================================= */

/* Contenedor principal de widgets/ranking */
.block-widget {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 3px !important;
    overflow: visible !important;
}

/* Cajas del ranking */
.widget-fon,
.widget-fon-guilds,
.widget-fon-discussions {
    width: 398px !important;
    min-width: 398px !important;
    max-width: 398px !important;
    float: none !important;
    flex: 0 0 398px !important;
    overflow: hidden !important;
}

/* Evita márgenes que empujen columnas */
.widget-fon-guilds,
.widget-fon-discussions {
    margin-left: 0 !important;
}

/* Filas del ranking */
.top-list,
.top-block,
.top-title {
    display: flex !important;
    align-items: center !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow: hidden !important;
}

/* Evita que el hover rompa la fila */
.top-list:hover {
    display: flex !important;
    align-items: center !important;
    height: 41px !important;
    overflow: hidden !important;
}

/* Columnas internas */
.top-block .top-number,
.top-block .top-flag,
.top-list .top-number,
.top-list .top-flag {
    flex: 0 0 auto !important;
    float: none !important;
}

/* Nombres largos no rompen la línea */
.top-block .top-name,
.top-list .top-name {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Imágenes del ranking */
.top-list img,
.top-block img,
.guild img,
.top-flag img,
.top-number img {
    display: inline-block !important;
    vertical-align: middle !important;
    width: auto !important;
    height: auto !important;
    max-width: 32px !important;
    max-height: 32px !important;
    object-fit: contain !important;
    float: none !important;
}

/* Imágenes de guild un poco más controladas */
.top-block.guild img,
.guild img {
    max-width: 40px !important;
    max-height: 40px !important;
    object-fit: contain !important;
}

/* Por si Bootstrap está metiendo .row con márgenes negativos dentro del ranking */
.block-widget .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Por si Bootstrap está forzando columnas */
.block-widget [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
    float: none !important;
}