.div-grid2-container-formulario {
    height: 100%;
    display: grid;
    grid-template-areas:
        "cabezera  cabezera    cabezera"
        "izq       centro      der"
        "footer    footer      footer";


    grid-template-columns: 10% auto 10%;
    grid-template-rows:    70px auto 30px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}
.div-grid2-cabezera{
    grid-area: cabezera;
    background-color: rgba(255,0,0,0.7);
    text-align: center;
    color:white;
}
.div-grid2-izq{
    grid-area: izq;
    background-color: #ddd;
    display:none;
}
.div-grid2-centro{
    grid-area: centro;
    background-color: #e4e4e4;
}
.div-grid2-footer{
    grid-area: footer;
    background-color: #e4e4e4;
    display:none;
}
.preloaded-centrado{
    display: flex;
    justify-content: center;
    align-items: center;
}


.formulario {

    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;

    background-color: #ccc;

}

.formulario:hover{
    background-color: rgb(231, 229, 229);
}

.formulario-arrastrar{
    background-color: rgb(231, 229, 229);
}

.main-form{
    width: 100%;
    height: 100%;
}

.label-file{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.input-file-excel{
    width: 100%;
    height: 100%;
    opacity: 0;

}
.elemento-oculto{
    display: none !important;
}

.nuevaConf{
    position: absolute;
    top: 100%;
    right: 5px;
    width: 100%;
    z-index: 1;
    background-color:#f54242;
    padding:10px;
    box-shadow:5px 10px black;
    border: 1px solid black;
}



.div-configuracion{
    position: relative;
}

.div-configuracion-border{
    border: 1px solid black;
    border-bottom: none;
}

.boton-eliminar-dato-extra{
    width: 100%;
    margin-left:auto;
    background-color:#f90;
    cursor:pointer;
    color:white;
    font-size:0.7em;
    font-weight:bold;
    text-decoration:none;
    text-shadow:0px 1px 0px #ded17c;
    grid-area: boton;
    border:1px solid #767676;
}