﻿
.contOpcion .paneltransferencia .principal {
    display: grid;
    align-items: center;
    margin-top: 20px;
    grid-gap: 10px;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: "tab";
}
.contOpcion .paneltransferencia .principal .transferencia {
    display: grid;
    align-items: center;
    margin-top: 5px;
    grid-gap: 5px;
    grid-template-columns: 200px 280px 1fr;
    grid-template-rows: 40px 30px 30px 30px 30px 30px 20px;
    grid-template-areas:
        "et1    et1     et1"
        "et2    et2     et2"
        "et3    et4     et4"
        "et5    et6     et6b"
        "et7    et8     et8"
        "et9    et10     et10"
        "linea  linea    linea";
}
.contOpcion .paneltransferencia .principal .transferencia .et1 {
    grid-area: et1;
}
.contOpcion .paneltransferencia .principal .transferencia .et2 {
    grid-area: et2;
}
.contOpcion .paneltransferencia .principal .transferencia .et3 {
    grid-area: et3;
}
.contOpcion .paneltransferencia .principal  .transferencia .et4  {
    grid-area: et4;
}
.contOpcion .paneltransferencia .principal  .transferencia .et5  {
    grid-area: et5;
}
.contOpcion .paneltransferencia .principal .transferencia .et6 {
    grid-area: et6;
}
.contOpcion .paneltransferencia .principal  .transferencia .et6b  {
    grid-area: et6b;
    margin-left:20px;
}
.contOpcion .paneltransferencia .principal  .transferencia .et7  {
    grid-area: et7;
}
.contOpcion .paneltransferencia .principal  .transferencia .et8 {
    grid-area: et8;
}
.contOpcion .paneltransferencia .principal  .transferencia .et9  {
    grid-area: et9;
}
.contOpcion .paneltransferencia .principal  .transferencia .et10 {
    grid-area: et10;
}
.contOpcion .paneltransferencia .principal .transferencia .linea {
    border-top: 1px solid #8d8d8d;
    height: 1px;
    max-width: 100%;
    grid-area: linea;
    margin: 0px;
}
.contOpcion .paneltransferencia .detalle {
    display: grid;
    align-items: center;
    margin-top: 5px;
    grid-gap: 5px;
    grid-template-columns: 300px 180px 1fr;
    grid-template-rows: 30px 30px 30px;
    grid-template-areas:
        "et1    et2   esp"
        "et3    et4   esp"
        "et5    et6   et7"
        "linea  linea linea";
}
.contOpcion .paneltransferencia  .detalle .et1 {
    grid-area: et1;
}
.contOpcion .paneltransferencia  .detalle .et2 {
    grid-area: et2;
}
.contOpcion .paneltransferencia  .detalle .et3  {
    grid-area: et3;
}
.contOpcion .paneltransferencia .detalle .et4 {
    grid-area: et4;
}
.contOpcion .paneltransferencia .detalle .et5 {
    grid-area: et5;
}
.contOpcion .paneltransferencia .detalle .et6 {
    grid-area: et6;
}
.contOpcion .paneltransferencia .detalle .et7 {
    grid-area: et7;
    margin-left:20px;
}
.contOpcion .paneltransferencia .detalle  .linea {
    border-top: 1px solid #8d8d8d;
    height: 1px;
    max-width: 100%;
    grid-area: linea;
    margin: 0px;
}
.contOpcion .paneltransferencia .transferir {
    display: grid;
    align-items: center;
    margin-top: 5px;
    grid-gap: 5px;
    grid-template-columns: 300px 180px 1fr;
    grid-template-rows: 40px;
    grid-template-areas:
        "et1    et2   et3";
}
.contOpcion .paneltransferencia  .transferir .et1 {
    grid-area: et1;
}
.contOpcion .paneltransferencia  .transferir .et2 {
    grid-area: et2;
}
.contOpcion .paneltransferencia  .transferir .et3  {
    grid-area: et3;
    margin-left:20px;
}
.contOpcion .paneltransferencia .dispersiones {
    display: grid;
    align-items: center;
    margin-top: 0px;
    grid-gap: 10px;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: "tb1";
}
.contOpcion .paneltransferencia .dispersiones .tb1 {
    grid-area: tb1;
}
.contOpcion .paneltransferencia .gvOpciones {
    margin-top: -4px;
    border-radius: 0px 0px 10px 10px;
    overflow: hidden;
    box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.377);
}
.contOpcion .paneltransferencia .acciones {
    display: grid;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 40px;
    grid-gap: 20px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas:
        "esp1    btn1 	esp2";
}
.contOpcion .paneltransferencia .acciones .btn1 {
    grid-area: btn1;
    display: flex;
    justify-content: center;
}