/* Archivo: public/css/custom.css */

/* Modo oscuro global del body */
.custom-body {
    background-color: #112344 !important;
    color: #e63232 !important;
}

/* Marca / logo */
.custom-brand {
    background-color: #151D2C !important;
    color: #ffffff !important;
}

/* Texto del logo */
.custom-brand-text {
    color: #ffffff !important;
}

/* Wrapper del contenido */
.custom-content-wrapper {
    background-color: #112344 !important;
    color: #ffffff !important;
}

/* Header del contenido */
.custom-content-header {
    background-color: #112344 !important;
    color: #ffffff !important;
}

/* Contenido */
.custom-content {
    background-color: #112344 !important;
    color: #ffffff !important;
}

/* Sidebar */
.custom-sidebar {
    background-color: #151D2C !important;
}

/* Topnav */
.custom-topnav {
    background-color: #112344 !important;
}









/* Login / Auth */

/* Tarjeta de login */
.custom-auth-card {
    background-color: #151D2C !important;
    border-color: #151D2C !important;
    color: #ffffff !important;
}

/* Header de la tarjeta */
.custom-auth-header {
    background-color: #151D2C !important;
    color: #ffffff !important;
}

/* Body de la tarjeta */
.custom-auth-body {
    background-color: #151D2C !important;
    color: #ffffff !important;
}

/* Footer de la tarjeta */
.custom-auth-footer {
    background-color: #151D2C !important;
    color: #ffffff !important;
}

/* Icono de login (si usas) */
.custom-auth-icon {
    color: #ffffff !important;
}

/* Botón de login */
.custom-auth-btn {
    background-color: #151D2C !important;
    border-color: #151D2C !important;
    color: #ffffff !important;
}

.custom-auth-btn:hover {
    background-color: #0f141f !important; /* un tono más oscuro al pasar el mouse */
    border-color: #0f141f !important;
}


/*TABLAS */

/* Tabla personalizada */
.custom-table {
    background-color: #151D2C; /* fondo general */
    color: #ffffff;            /* texto blanco */
    border: 1px solid #2A3B50; /* borde general */
}

.custom-table th {
    background-color: #1A2536; /* header diferente */
    color: #ffffff;
    border-bottom: 2px solid #2A3B50;
}

.custom-table td {
    border-color: #2A3B50;
}

.custom-table tr:nth-child(even) {
    background-color: #1F2B3D; /* filas pares */
}

.custom-table tr:hover {
    background-color: #2A3B50; /* hover filas */
}

.card-body {
    background-color: #151D2C; /* fondo del card-body */
    color: #ffffff;            /* texto blanco */
}

.card-title {
    color: #ffffff;
}

/* Botones personalizados */
.btn-warning {
    background-color: #FFA500;
    border-color: #FFA500;
    color: #151D2C;
}

.btn-danger {
    background-color: #FF4D4D;
    border-color: #FF4D4D;
    color: #fff;
}

/* Modal edición */
.modal-content {
    background-color: #151D2C;
    color: #fff;
}

.modal-header {
    background-color: #1A2536;
    color: #fff;
}

.modal-body {
    background-color: #151D2C;
    color: #fff;
}








/*Modal de tigo money el  tamano*/
.modal-custom {
    max-width: 90%; /* ancho máximo */
    width: 1200px;   /* ancho fijo */
}