﻿.contOpcion .notificaciones .principal {
    display: grid;
    align-items: center;
    margin-top: -1px;
    grid-gap: 10px;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: "tb1";
}
.contOpcion .notificaciones .principal .tb1 {
    grid-area: tb1;
}
.contOpcion .notificaciones .gvOpciones {
    margin-top: -4px;
    border-radius: 0px 0px 10px 10px;
    overflow: hidden;
    box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.377);
}
.contOpcion .notificaciones .acciones2 {
    display: grid;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 40px;
    grid-gap: 20px;
    grid-row-gap: 10px;
    grid-template-columns: repeat(1fr,5);
    grid-template-areas:
        "esp1    btn1  esp2 btn2	esp3";
}
.contOpcion .notificaciones .acciones2 .btn1 {
    grid-area: btn1;
}
.contOpcion .notificaciones .acciones2 .btn2 {
    grid-area: btn2;
}
.contOpcion .notificaciones .dvDetalle {
    width: 100%;
    display: inline-block;
    border: 2px solid #1e1343;
    color: rgb(255, 255, 255);
    border-radius: 0px 0px 10px 10px;
    box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.377);
    overflow: hidden;
    align-items: center;
    justify-content: center;
    height: 450px;
    margin-top: -5px;
}
.contOpcion .notificaciones .dvDetalle .Detalle {
    display: grid;
    align-items: center;
    margin: 10px;
    grid-gap: 5px;
    grid-row-gap: 10px;
    grid-template-columns: 70px 1fr  100px 40px;
    grid-template-areas:
        "esp1-1       esp1-2      esp1-3     esp1-4"
        "esp2-1       esp2-2      esp2-2     esp2-2"
        "esp3-1       esp3-1      esp3-1     esp3-1"
        "esp4-1       esp4-1      esp4-1     esp4-1"
}
.contOpcion .notificaciones .dvDetalle .Detalle .esp1-1 {
    grid-area: esp1-1;
}
.contOpcion .notificaciones .dvDetalle .Detalle .esp1-2 {
    grid-area: esp1-2;
}
.contOpcion .notificaciones .dvDetalle .Detalle .esp1-3 {
    grid-area: esp1-3;
}
.contOpcion .notificaciones .dvDetalle .Detalle .esp1-4 {
    grid-area: esp1-4;
}
.contOpcion .notificaciones .dvDetalle .Detalle .esp2-1 {
    grid-area: esp2-1;
}
.contOpcion .notificaciones .dvDetalle .Detalle .esp2-2 {
    grid-area: esp2-2;
}
.contOpcion .notificaciones .dvDetalle .Detalle .esp3-1 {
    grid-area: esp3-1;
    margin-left:-10px;
    margin-right:-10px;
}
.contOpcion .notificaciones .dvDetalle .Detalle .esp4-1 {
    grid-area: esp4-1;
}