div.custom_entity_widget
{
    display: flex;
    width: 100%;
}

div.custom_entity_widget > button
{
    width: 80px;
    border: unset;
    border: 1px solid #ccc;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

div.custom_entity_widget span.select2-selection--single
{
    border-top-right-radius: unset;
    border-bottom-right-radius: unset;
}

div.custom_entity_widget div.popup-controls
{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 5px 15px;
    vertical-align: center;
}

/**
 * Metemos aquí todos los css de los admins que las modales vayan a renderizar
 */


div.popup-file-upload div.with.label_empresa div.box-body > div.sonata-ba-collapsed-fields
{
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-areas:
        "cif razonsocial direccion direccion"
        "cp municipio provincia centrostrabajo"
        "hombres mujeres trabajadores centrostrabajo"
        "organosrepresentacion organosrepresentacion organosrepresentacion centrostrabajo"
        "cnae cnae cnae centrostrabajo"
        "telefono email personascontacto centrostrabajo"
        "active . . ."
    ;
}

div.popup-file-upload div.with.label_sector div.box-body > div.sonata-ba-collapsed-fields
{
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas:
        "nombre nombre cnae cnae ambitogeografico ambitogeografico"
        "hombres mujeres trabajadores . . ."
        "asociacionesempresariales asociacionesempresariales asociacionesempresariales asociacionesempresariales asociacionesempresariales asociacionesempresariales"
        "organizacionessindicales organizacionessindicales organizacionessindicales organizacionessindicales organizacionessindicales organizacionessindicales"
        "documentacionsectores documentacionsectores documentacionsectores documentacionsectores documentacionsectores documentacionsectores"
        "active . . . . ."
    ;
}

div.popup-file-upload div.with.label_sector div.box-body > div.sonata-ba-collapsed-fields div[id^=sonata-ba-field-container-][id$=_active],
div.popup-file-upload div.with.label_empresa div.box-body > div.sonata-ba-collapsed-fields div[id^=sonata-ba-field-container-][id$=_active]
{
    margin-left: 19px;
}

#show-admin_documentacionregistro
{
    display: grid;
    gap: 5px;
    grid-template-columns: 220px 1fr 1fr 10px 1fr 1fr;
    grid-template-areas:
        "fileSealing creadorLabel creadorValue line expedienteLabel expedienteValue"
        "fileSealing sedeLabel sedeValue line custom_remitenteLabel custom_remitenteValue"
        ". tipoLabel tipoValue line custom_entidadLabel custom_entidadValue"
        ". numeroRegistroLabel numeroRegistroValue line custom_empresa_sectorLabel custom_empresa_sectorValue"
        "filename fechaHoraRegistroStrLabel fechaHoraRegistroStrValue line  . ."
        "filename createdAtStrLabel createdAtStrValue line . ."

        "observacionesLabel observacionesLabel observacionesLabel observacionesLabel observacionesLabel observacionesLabel"
        "observacionesValue observacionesValue observacionesValue observacionesValue observacionesValue observacionesValue"
        "observacionesLabeles observacionesLabeles observacionesLabeles observacionesLabeleu observacionesLabeleu observacionesLabeleu"
        "observacionesValuees observacionesValuees observacionesValuees observacionesValueeu observacionesValueeu observacionesValueeu"
;
}

div.popup-wrapper-file-upload div.with.label_documentacion_registro div.box-body > div.sonata-ba-collapsed-fields
{
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas:
        "filenamefile filenamefile origen"
        "tipo fecharegistro horaregistro"
        "sede expediente ."
        "custom__form custom__form custom__form"
        "observaciones observaciones observaciones"
    ;
}

div.split-line
{
    border-left: 1px solid black;
}