.contOpcion .miDebit  {
    width: 100%;
    border: 2px solid #1e1343;
    color: rgb(255, 255, 255);
    overflow: hidden;
    display: grid;
    align-items: center;
    margin-top: 0px;
    border: 2px solid #1e1343;
    box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.377);
    color: rgb(255, 255, 255);
    border-radius: 10px 10px 10px 10px;
}
.contOpcion .miDebit .miDebithoy {
    display: grid;
    align-items: center;
    grid-gap:0px;
    grid-template-columns: repeat(5 1fr);
    grid-template-rows: 35px 30px 30px;
    grid-template-areas:
        "tit1     tit1     tit1     tit1     tit1"
        "et1-1    et1-2    et1-3    et1-4    et1-5"
        "et2-1    et2-2    et2-3    et2-4    et2-5";
}
.contOpcion .miDebit .ettit {
    margin-left: 10px;
    color: white;
    margin-top:5px;
}
    .contOpcion .miDebit .etEnc2 {
        color: white;
        height: 40px;
        background-color: #25a0da;
        border-bottom: 2px solid #1e1343;
        border-top: 2px solid #1e1343;
        padding: 8px;
    }
    
.contOpcion .miDebit .miDebithoy .tit1 {
    grid-area: tit1;
    background-color: #1e1343; /*Solido*/
    height:100%;
}
.contOpcion .miDebit .miDebithoy .et1-1  {
    grid-area: et1-1 ;
}
.contOpcion .miDebit .miDebithoy .et1-2 {
    grid-area: et1-2;
}
.contOpcion .miDebit .miDebithoy .et1-3 {
    grid-area: et1-3;
}
.contOpcion .miDebit .miDebithoy .et1-4 {
    grid-area: et1-4;
}
.contOpcion .miDebit .miDebithoy .et1-5 {
    grid-area: et1-5;
}
.contOpcion .miDebit .miDebithoy .et2-1 {
    grid-area: et2-1;
}
.contOpcion .miDebit .miDebithoy .et2-2 {
    grid-area: et2-2;
}
.contOpcion .miDebit .miDebithoy .et2-3 {
    grid-area: et2-3;
}
.contOpcion .miDebit .miDebithoy .et2-4 {
    grid-area: et2-4;
}
.contOpcion .miDebit .miDebithoy .et2-5 {
    grid-area: et2-5;
}
.contOpcion .miDebit .miDebitsaldo {
    display: grid;
    align-items: center;
    grid-gap: 10px;
    grid-row-gap: 5px;
    grid-template-columns: 150px 1fr;
    grid-template-rows: 40px 1fr;
    grid-template-areas:
        "tit1     tit2"
        "tb-1     tb-1";
}
.contOpcion .miDebit .miDebitsaldo .tit1 {
    grid-area: tit1;
    background-color: #1e1343;
}
.contOpcion .miDebit .miDebitsaldo .tit2 {
    grid-area: tit2;
    background-color: #1e1343; 
    margin-left:-10px;
}
.contOpcion .miDebit .miDebitsaldo .tb-1 {
    grid-area: tb-1;
}


.contOpcion .miDebit .miDebithistorico {
    display: grid;
    align-items: center;
    grid-gap: 10px;
    grid-row-gap: 5px;
    grid-template-columns: repeat(5 1fr);
    grid-template-rows: 40px 20px 30px;
    grid-template-areas:
        "tit1     tit1     tit1     tit1     tit1"
        "et1-1    et1-2    et1-3    et1-4    et1-5"
        "et2-1    et2-2    et2-3    et2-4    et2-5";
}
.contOpcion .miDebit .miDebithistorico .tit1 {
    grid-area: tit1;
    background-color: #1e1343; /*Solido*/
}
.contOpcion .miDebit .miDebithistorico .et1-1  {
    grid-area: et1-1 ;
}
.contOpcion .miDebit .miDebithistorico .et1-2 {
    grid-area: et1-2;
}
.contOpcion .miDebit .miDebithistorico .et1-3 {
    grid-area: et1-3;
}
.contOpcion .miDebit .miDebithistorico .et1-4 {
    grid-area: et1-4;
}
.contOpcion .miDebit .miDebithistorico .et1-5 {
    grid-area: et1-5;
}
.contOpcion .miDebit .miDebithistorico .et2-1  {
    grid-area: et2-1 ;
}
.contOpcion .miDebit .miDebithistorico .et2-2 {
    grid-area: et2-2;
}
.contOpcion .miDebit .miDebithistorico .et2-3 {
    grid-area: et2-3;
}
.contOpcion .miDebit .miDebithistorico .et2-4 {
    grid-area: et2-4;
}
.contOpcion .miDebit .miDebithistorico .et2-5 {
    grid-area: et2-5;
}