html:root {
    --fondoNaranja: #ce1b32;
    --colorSecundario: #ABC7EE;
    --fondoNaranjaClaro: #a8acef;
    --fondoSeleccionado: #ea1e1e;
    --fondoDeshabilitado: #f7e2e2;
    --colorFuenteAzul: #737aef;
    --dxbl-pager-active-page-btn-bg: #ca0000;
    --dxbl-pager-page-btn-hover-bg: #ca0000;
    --dxbl-btn-bg: #ca0000!important;
}

/*.dxbl-pager .dxbl-pager-active-page-btn {
    background-color: #ca0000 !important;
    color: white !important;
    border-color: #ca0000 !important;
}

    .dxbl-pager .dxbl-pager-active-page-btn:hover {
        background-color: #a00000 !important;
    }*/

.xaf-richedit {
    height: 350px !important;
}

body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Fondo completo del login */
.logon-template-body {
    background: url('/images/login-background.jpg') no-repeat center center fixed !important;
    background-size: cover !important;
}

/* Contenedor principal del login */
.logon-main {
    background-color: white !important;
    border-radius: 10px;
    width: 350px;
    padding: 30px 20px;
    box-shadow: 0 0 15px rgba(0,0,0,0.3);
    text-align: center;
}

/* Cabecera del login (puedes agregar imagen) */
.logon-template-header {
    background: url('/images/esnovaAssistance_Logo.png') no-repeat center center;
    background-size: contain;
    background-color: white;
    height: 100px;
}

/* Estilo del texto 'Log In' */
.card-header.text-center {
    color: var(--fondoNaranja);
    font-size: 24px;
    font-weight: bold;
}

/* Inputs de usuario y contraseña */
.dxbl-text-edit-input {
/*    background-color: #f0f4f7 !important;*/
    border: none !important;
    padding: 8px !important;
    font-size: 14px !important;
    border-radius: 5px;
}

/* Botón de login */
.dxbl-btn.dxbl-btn-primary {
   background-color: var(--fondoNaranja) !important;
    /* color: white !important;
    border: none !important;
    padding: 10px 0 !important;
    font-size: 14px !important;
    border-radius: 5px !important;
    width: 100%;*/
}

    .dxbl-btn.dxbl-btn-primary:hover {
        background-color: #1451a3 !important;
    }

    .loading{
        width: 250px!important;
        height:250px!important;
    }



.dxbl-pager > .dxbl-btn.dxbl-btn-outline-secondary.dxbl-pager-page-btn:not(.dxbl-disabled):not(:disabled):hover {
    position: relative;
    background-color: var(--dxbl-pager-page-btn-hover-bg, unset);
    color: var(--dxbl-pager-page-btn-hover-color);
}

div.loading-image-wrapper.bg-primary {
    background-color: transparent !important;
}

.loading-image {
    width: 160px !important;
    height: 35px !important;
}

.loading-border {
    border-color: var(--colorSecundario) !important;
}

.loading-floated-circle {
    border-top-color: var(--fondoNaranja) !important;
    border-bottom-color: var(--fondoNaranja) !important;
}

dxbl-input-editor.parametrized-action-wrapper {
    height: 100% !important;
}