html {
    font-family: hkgrotesk, sans-serif;
}

.t-error {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: bold;
    color: #ED6A6D !important;
}

.t-ok {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: bold;
    color: #3e8d47 !important;
}

/* Pisado en MENU IZQ */
.dxnbLite_BSEMaterialCompactVelson .dxnb-header, .dxnbLite_BSEMaterialCompactVelson .dxnb-headerCollapsed {
    padding: 12px 10px 12px !important;
    border: none !important;
}

.dxnbLite_BSEMaterialCompactVelson .dxnb-content {
    border: none !important;
}

.dxnbLite_BSEMaterialCompactVelson .dxnb-btnLeft, .dxnbLite_BSEMaterialCompactVelson .dxnb-rtlHeader .dxnb-btn {
    margin: 4px 10px 0 0;
}


/* Pisado color de titulos de GridViews */
.page-toolbar .item > h1, .section-caption {
    color: var(--vz-vertical-menu-bg);
}

.center {
    text-align: center !important;
}

/* Pisado backcolor de popups */
.dxpc-content {
    /*background-color: #F5F5F5;*/
    background-color: #F3F3F9;
}

.dxpc-header {
    color: var(--vz-vertical-menu-bg) !important;
    background-color: rgb(234, 234, 234) !important;
}

/* Espaciado de los items del menu izquierdo */
.filters-navbar .item {
    padding-left: 10px !important;
    font-size: 13px;
}

li.dxnb-item a {
    padding: 5px 33px 6px 33px !important;
}

/* Espaciado de menu */
.dxgvEditFormDisplayRow_BSEMaterialCompactVelson td.dxgv,
.dxgvDetailCell_BSEMaterialCompactVelson td.dxgv,
.dxgvAdaptiveDetailCell_BSEMaterialCompactVelson td.dxgv,
.dxgvDataRow_BSEMaterialCompactVelson td.dxgv,
.dxgvAdaptiveDetailRow_BSEMaterialCompactVelson td.dxgvAIC {
    padding: 5px 10px 4px;
}

tr.inactive td {
    text-decoration: line-through;
    padding: 5px 10px 4px !important;
    border-bottom: 1px solid #DFDFDF !important;
}



/* botones */
.dxbButton_BSEMaterialCompactVelson.dxbTSys {
    border-radius: 4px;
    margin-right: 10px;
}

.dxbButton_BSEMaterialCompactVelson div.dxb {
    padding: 4px 13px 4px !important;
}

/* pisado gv bach mode */
.dxgvControl_BSEMaterialCompactVelson td.dxgvBatchEditModifiedCell_BSEMaterialCompactVelson {
    background: #ED6A6D;
    color: white;
}

/* pisados form layouts */
.dxflItemSys.dxflCLTSys > tbody > tr > .dxflCaptionCell_BSEMaterialCompactVelson, .dxflItemSys.dxflCLBSys > tbody > tr > .dxflCaptionCell_BSEMaterialCompactVelson, .dxflItemSys.dxflCLTSys > div.dxflCaptionCell_BSEMaterialCompactVelson, .dxflItemSys.dxflCLBSys > div.dxflCaptionCell_BSEMaterialCompactVelson {
    padding: 5px 0px 0px 1px !important;
    vertical-align: bottom !important;
}

.dxflCaption_BSEMaterialCompactVelson {
    margin-bottom: .3rem;
}

/* pisados HelpText */
td.dxeHelpText_BSEMaterialCompactVelson.dxeVHelpTextSys {
    padding: 0 !important;
}

td.dxeHelpText_BSEMaterialCompactVelson {
    visibility: visible;
    color: #eb9193;
}

/* Velzon - Pisado popup background */
.dxpc-contentWrapper {
    background-color: #F5F5F5;
}

.address {
    text-transform: uppercase;
    font-size: 12px;
}

    .address b {
        font-size: 10px;
    }

/* para que expanda el gridview */
#gridContainer {
    width: 100% !important;
}

    #gridContainer table.dxgvControl_BSEMaterialCompactVelson {
        width: 100% !important;
    }



.dxgvSearchPanel_BSEMaterialCompactVelson {
    padding: 0 0 10px 0 !important;
    background-color: #F3F3F9 !important;
}

/* SEARCH NUEVO */
.search-box .dxeButtonEdit_BSEMaterialCompactVelson td {
    padding: 0 !important;
}

.search-box .dxeButtonEdit_BSEMaterialCompactVelson input {
    background-color: #F3F6F9 !important;
    padding: 0 !important;
    font-family: var(--vz-body-font-family);
}

/* pisado los padding a cero */
.dxtcLite_BSEMaterialCompactVelson > .dxtc-content {
    padding: 0 !important;
}

.mano {
    cursor: pointer;
    cursor: hand;
}

.dxeOutOfRWarn_BSEMaterialCompactVelson {
    font-family: var(--vz-body-font-family);
    font-size: 12px;
    color: rgba(var(--vz-danger-rgb),var(--vz-text-opacity)) !important;
}

.dxeToken_MetropolisBlue {
    background-color: #405189 !important;
}

.dxeTokenRemoveButton_MetropolisBlue {
    color: #f06548 !important;
}

.dxeToken_BSEMaterialCompactVelson {
    font: 12px Poppins, 'Segoe UI' !important;
    border-radius: 5px !important;
    padding-bottom: 0 !important;
    margin-bottom: 1px !important;
}

/* menos alta */
.alert {
    --vz-alert-padding-x: 0.5rem;
    --vz-alert-padding-y: 0.3rem;
}

/* piso font del gridview a nivel general */
.dxgvControl_BSEMaterialCompactVelson,
.dxgvControl_BSEMaterialCompactVelson tr td,
.dxgvControl_BSEMaterialCompactVelson tr td a,
.dxgvDisabled_BSEMaterialCompactVelson,
.dxgvDisabled_BSEMaterialCompactVelson tr td,
.dxgvDisabled_BSEMaterialCompactVelson tr td a {
    font: 13px Poppins, 'Segoe UI' !important;
}

.dxpcLite_BSEMaterialCompactVelson,
.dxdpLite_BSEMaterialCompactVelson {
    font: 13px Poppins, 'Segoe UI' !important;
}

/* piso font del calendar a nivel general */
.dxeCalendar_BSEMaterialCompactVelson tr td, 
.dxeReadOnly_BSEMaterialCompactVelson tr td {
    font: 10px Poppins, 'Segoe UI' !important;
}


/* usado para marcar el callback que quiero que tenga labels en mayuscula */
.cbForm .form-label {
    color: #9f9f9f !important;
    text-transform: uppercase;
    font-size: 0.8em;
    margin-bottom: 3px !important;
}


/* subrayado de la caja de busqueda */
.search-box .form-control {
    border-bottom-color: #bdbdbd !important;
}



.heart-beat {
  margin: 20px auto;
  animation: heartbeat 1.2s infinite;
}

/* Animación */
@keyframes heartbeat {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.1); }
}

.profile-badge-icon {
    position: absolute;
    top: 0;                 
    left: -3px;               
    width: 18px;            
    height: 18px;
    border-radius: 50%;     
}