:root {
    --dropdown-bg: rgba(255, 255, 255, 0.1);
    --primary-block-bg: rgba(255, 255, 255, 0.1);
    --modal-content-bg: rgba(255, 255, 255, 0.1);
    --label-success-bg: #39FF7C;
    --alert-warning-text: #FFF;
    --panel-bg: #0D091D;
    --tile-bg-color: #0D091D;
    --table-container-bg: #0D091D;
    --ui-block-bg: #0D091D;
    --table-container-bg: #FFFFFF00
    --link-color: #78C2F2;
    --link-hover-color: #009EFF;
    --status-color: #39FF7C;
}
/* Aplica el color de fondo y la imagen al body */
body {
    background-color: #0D091D !important; /* Color de fondo */
    background-image: var(--futuristic-bg) !important; /* Aplica la imagen de fondo */
    background-size: cover; /* Ajusta el tamaño de la imagen */
    background-position: center center; /* Centra la imagen en el fondo */
    background-repeat: no-repeat; /* Evita que la imagen se repita */
}
/* Define las variables de fondo */
:root {
    --futuristic-bg-none: none;
    --futuristic-bg-1: url('https://billing.viperhost.net/templates/lagom2/assets/img/background_1_op.png'); /* Ruta desde la raíz del sitio web */
    --futuristic-bg-2: url('/billing.viperhost.net/templates/lagom2/assets/img/futuristic-bg-2.png');
    --futuristic-bg-3: url('/billing.viperhost.net/templates/lagom2/assets/img/futuristic-bg-3.png');
    --futuristic-bg: var(--futuristic-bg-1); /* Establece la imagen que quieres usar como fondo */
    --brand-warning-lighter-4: #c39b51;

}
.panel {
    border: 2px solid #282644 !important;
    border-radius: 24px !important;
}

.panel-summary {
    border-radius: 24px 24px 0px 0px !important;
    border: 2px solid #282644 !important; /* Añadido para mantener el borde consistente */
}

.label-info {
    color: #FFF !important;
}

.message {
    border: 2px solid #282644 !important;
    border-radius: 24px !important;
}

.table-container {
    border: 2px solid #282644 !important;
    border-radius: 24px !important;
}

.invoice {
    border: 2px solid #282644 !important;
    border-radius: 24px !important;
}

.search-box {
    border: 2px solid #282644 !important;
    border-radius: 24px !important;
}

.tile {
    border: 2px solid #282644 !important;
    border-radius: 24px !important;
}
div[menuitemname="Client Shortcuts"] {
    display: none !important;
}
div[menuitemname="Register a New Domain"] {
    display: none !important;
}
.sidebar.sidebar-secondary .panel.panel-sidebar {
    display: none;
}




