/*!
    
 =========================================================
 * WebEngine CMS
 * https://webenginecms.org/
 =========================================================
 
 * Author Lautaro Angelico (https://lautaroangelico.com/)
 * Copyright (c) 2013-2020 Lautaro Angelico, All Rights Reserved
 
 * Licensed under the MIT license
 * http://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: red;
    text-decoration: red;
}

.form-control {
	background: #fafafa;
	border: 1px solid #e3e3e3;
	color: #e61515;
}
.form-control:focus {
	border: 1px solid #ccc;
}

/* 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: #f1f1f1;
    border: 1px solid #e3e3e3;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #e61515;
}
/* ========== OVERRIDE GLOBAL DARK CONTAINER STYLES ========== */

#container,
.card,
.panel-news,
.panel-general,
.panel-body,
.panel-addstats,
.panel-downloads,
.myaccount-table,
.general-table-ui,
.paypal-gateway-content,
.server-info-container,
.custom-card,
#main-container,
.red-glow-container {
    background-color: rgba(0, 0, 0, 0.75) !important;
    color: #fff !important;
    border: 1px solid #333 !important;
    border-radius: 20px !important;
    box-shadow: 0 0 15px rgba(155, 93, 229, 0.6) !important; /* Glow amatista */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    animation: pulseAmethyst 2.5s infinite;
}

/* Para panel de info del token */
#token-info {
    background-color: rgba(0, 0, 0, 0.85);
    border: 1px solid #444;
    border-radius: 20px;
    padding: 10px;
    color: #ffc107;
    font-weight: bold;
}

/* Ajuste general para que no sobresalga el contenedor */
.container {
    max-width: 1140px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 15px !important;
}

/* Estilo para títulos dentro de tarjetas o paneles */
.card-header,
.panel-title {
    color: #ffc107 !important;
}

/* Estilo para botones dentro de contenedores oscuros */
.btn-outline-light,
.btn-outline-primary,
.btn-outline-info,
.btn-outline-danger,
.btn-outline-success,
.btn-outline-secondary,
.btn-outline-warning {
    border-radius: 20px;
    border-width: 2px;
    transition: all 0.3s ease;
}

/* Estilo hover para asegurar visibilidad */
.btn-outline-light:hover,
.btn-outline-primary:hover,
.btn-outline-info:hover,
.btn-outline-danger:hover,
.btn-outline-success:hover,
.btn-outline-secondary:hover,
.btn-outline-warning:hover {
    background-color: #fff;
    color: #000 !important;
}



/* Eliminar doble fondo y borde en contenedores internos dentro de red-glow-container */
.red-glow-container > .container,
.red-glow-container > .card,
.red-glow-container > .panel,
.red-glow-container > .panel-news,
.red-glow-container > .panel-general,
.red-glow-container > .panel-body,
.red-glow-container form {
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* Evita que .bg-black del body interfiera visualmente */
body.bg-black {
    background-color: #060517 !important; /* o el background principal que usas */
}
@keyframes pulseAmethyst {
    0% {
        box-shadow: 0 0 10px rgba(155, 93, 229, 0.4);
    }
    50% {
        box-shadow: 0 0 20px rgba(155, 93, 229, 0.8);
    }
    100% {
        box-shadow: 0 0 10px rgba(155, 93, 229, 0.4);
    }
}
#sidebar-users, #sidebar-server {
    position: fixed;
    width: 240px;
    max-height: 60vh;
    overflow-y: auto;
    background-color: rgba(0, 0, 0, 0.85);
    border-radius: 20px;
    padding: 15px;
    color: white;
    z-index: 1050;
    border: 1px solid #9b59b6;
    box-shadow: 0 0 15px #a55fff, 0 0 30px #9b59b6;
    backdrop-filter: blur(6px);
    font-size: 14px;
    line-height: 1.4;
}

/* Posición lateral */
#sidebar-users {
    left: 20px;
    top: 300px;
}

#sidebar-server {
    right: 20px;
    top: 300px;
}

/* Asegurar que el contenido interno no se desborde */
#sidebar-users *,
#sidebar-server * {
    box-sizing: border-box;
    max-width: 100%;
    word-wrap: break-word;
}
.module-glow {
    animation: glowPulse 1.2s ease-in-out;
    box-shadow: 0 0 25px rgba(155, 89, 182, 0.7); /* amethyst glow */
    border-radius: 20px;
}

@keyframes glowPulse {
    0% {
        box-shadow: 0 0 0px rgba(155, 89, 182, 0.0);
    }
    50% {
        box-shadow: 0 0 35px rgba(155, 89, 182, 0.9);
    }
    100% {
        box-shadow: 0 0 0px rgba(155, 89, 182, 0.0);
    }

}
body, html {
  font-family: 'Orbitron', sans-serif;
}


/* Contenedor TokenCompra-Venta */

/* Ajuste para asegurar que el m¨®dulo ocupe todo el ancho disponible */
#tokenModule {
    width: 100% !important;
    max-width: 100% !important;
    padding: 25px !important;
    box-sizing: border-box !important;
    margin: 0 auto !important;
}

#tokenModule .section {
    width: 100% !important;
    max-width: 100% !important;
    padding: 25px !important;
    box-sizing: border-box !important;
    background-color: rgba(0, 0, 0, 0.75) !important;
    border: 1px solid #333 !important;
    border-radius: 40px !important;
    box-shadow: 0 0 10px rgba(155, 93, 229, 0.6) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

#tokenModule .container,
#tokenModule .card,
#tokenModule .panel {
    width: 100% !important;
    max-width: 100% !important;
    padding: 15px !important;
    box-sizing: border-box !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

#tokenModule input.form-control,
#tokenModule .btn {
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 10px !important;
    padding: 10px !important;
    box-sizing: border-box !important;
}

#tokenModule .btn {
    background-color: #b26cff !important;
    color: #1c1c1c !important;
    border-radius: 12px !important;
    box-shadow: 0px 5px 10px rgba(178, 108, 255, 0.4);
    transition: background-color 0.3s, transform 0.3s;
}

#tokenModule .btn:hover {
    background-color: #a000ff !important;
    transform: scale(1.05);
}

#tokenModule .btn.token-success {
    background-color: #32d964 !important;
}

#tokenModule .btn.token-error {
    background-color: #ff4d4d !important;
}

/* Ajuste para evitar desbordamientos en el overlay */
#overlay {
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    box-sizing: border-box !important;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.85) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}