html, body {
    height: 100%;
}


app {
    display: block;
    height: 100%;
}

.header-logo {
    flex-shrink: 0;
    background-color: rgb(0,102,255);
    -webkit-mask: url('../images/TEF Factoring-LOGO RGB NEG (3).png');
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('../images/TEF Factoring-LOGO RGB NEG (3).png');
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    width: 132px;
    height: 44px;
}


.header-right-side {
    background-color: rgb(0,102,255);
    color:rgb(242,244,255);
}


.header-left-side {
    background-color: rgb(0,102,255);
    color: rgb(242,244,255);
}

.dxbl-group-header-color {
    color: rgb(0,102,255);
}

dxbl-group {
    color: rgb(0,102,255);
}

.dxbl-group-header {
    color: rgb(0,102,255);
}

.xaf-nav-link {
    color: rgb(143,151,175);
    text-decoration: none;   
}
.xaf-action {
    color: rgb(143,151,175);
    text-decoration: none;
}

#blazor-error-ui {
    background: inherit;
    bottom: 0;
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 100001;
}

.loading {
    width: 660px;
    height: 660px;
    background-color: rgb(0,102,255);
}

.loading-image-wrapper {
    width: 560px;
    height: 560px;
    background-color: rgb(0,102,255);
}

.loading-image {
    width: 150px;
    height: 150px;
    background-color: rgb(0,102,255);
}

.logon-template-header {
    background-color: rgb(0,102,255);
}

.card-header {
    background-color: rgb(0,102,255);
    color: rgb(242,244,255);
}

@font-face {
    font-family: 'MiFuentePersonalizada';
    src: url('/fonts/Telefonica_Sans_Black.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

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


.dxbl-grid-header-row th {
    text-align: center;
}

body,
.card-header,
.dx-widget, /* Para los componentes de DevExpress */
.dx-dashboard-container, /* Para contenedores de dashboard */
.dx-card, /* Para tarjetas */
.dx-button, /* Para botones */
.dx-toolbar-item, /* Para elementos de la barra de herramientas */
.dx-textbox, /* Para cuadros de texto */
.dx-datagrid, /* Para el DataGrid */
.dx-chart, /* Para gráficos */
.dx-form, /* Para formularios */
.dx-menu, /* Para menús */
.xaf-action,
.xaf-nav-link,
.dx-popup /* Para ventanas emergentes */ {
    font-family: 'MiFuentePersonalizada', sans-serif !important;
}


.bg-success {
    background-color: rgb(0,102,255) !important;
}


/*para cambiar el color de las propiedades deshabilitadas*/

.disabled-property,
.disabled-property .form-control {
    border: 1px solid black;
    background-color: rosybrown;
}