﻿.pag_enc_solicitudmodificacion {
    display: grid;
    grid-gap: 5px;
    height: 60px;
    border-bottom: 2px solid #000;
    justify-content: center;
    align-items: center;
    grid-row-gap: 0px;
    grid-template-columns: 40px 1fr;
    grid-template-rows: 30px 30px;
    min-width: 300px;
}
.pag_enc_solicitudmodificacion .img1 {
    grid-area: img1;
}
.pag_enc_solicitudmodificacion .tit1 {
    grid-area: tit1;
    display: flex;
    justify-content: left;
    align-items: center;
    font-size: 30px;
    font-weight: 500;
    min-width: 200px;
    color: black;
    height: 100%;
    line-height: 1;
}
.contOpcion .solicitudmodificacion {
    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 .solicitudmodificacion .ettit {
    color: white;
    padding: 8px;
    height: 35px;
}
.contOpcion .solicitudmodificacion .actualizaDocumentos {
    display: grid;
    align-items: center;
    margin-top: 0px;
    grid-gap: 10px;
    grid-template-columns: 1fr;
    grid-template-areas:
        "et1"
        "tb1";
}
.contOpcion .solicitudmodificacion .actualizaDocumentos .et1 {
    grid-area: et1;
    background-color: #1e1343; /*Solido*/
    height: 35px;
}
.contOpcion .solicitudmodificacion .actualizaDocumentos .tb1 {
    margin-top:-10px;
    grid-area: tb1;
    background-color: #1e1343; /*Solido*/

}
.contOpcion .solicitudmodificacion .actualizaDocumentosVer {
    display: grid;
    align-items: center;
    margin-top: 0px;
    grid-gap: 10px;
    grid-template-columns: 1fr;
    grid-template-areas:
        "et1";
}
.contOpcion .solicitudmodificacion .actualizaDocumentosVer .et1 {
    grid-area: et1;
    display:flex;
    justify-content:center;
    margin:10px;
}
.contOpcion .solicitudmodificacion .actualizaReferencias {
    display: grid;
    align-items: center;
    margin-top: 0px;
    grid-gap: 10px;
    grid-template-columns: 1fr;
    grid-template-areas:
        "et1"
        "tb1";
}
.contOpcion .solicitudmodificacion .actualizaReferencias .et1 {
    grid-area: et1;
    background-color: #1e1343; /*Solido*/
    height: 35px;
}
.contOpcion .solicitudmodificacion .actualizaReferencias .tb1 {
    margin-top:-10px;
    grid-area: tb1;
    background-color: #1e1343; /*Solido*/
}
.contOpcion .solicitudmodificacion .GridCol1 {
    display: grid;
    align-items: center;
    margin-top: 0px;
    grid-gap: 0px;
    grid-template-columns: 1fr;
}
.contOpcion .solicitudmodificacion .GridCol2 {
    display: grid;
    align-items: center;
    margin-top: 0px;
    grid-gap: 0px;
    grid-template-columns: 1fr 20px;
}
.contOpcion .solicitudmodificacion .GridCol2 div {
    display: flex;
    justify-content: center;
    align-items: center;
}
.contOpcion .solicitudmodificacion .docAcciones {
    display: grid;
    align-items: center;
    margin-top: 5px;
    margin-bottom:5px;
    grid-gap: 10px;
    grid-template-columns: 1fr;
    grid-template-areas:
        "btn1"
        "btn2";
}
.contOpcion .solicitudmodificacion .docAccionesB {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr;
    grid-template-areas:
        "btn1";
}
.contOpcion .solicitudmodificacion  .RadButton.rbButton.btnDebit.small {
    width: 100%;
    height: 32px;
    font-size: 14px;
}
.contOpcion .solicitudmodificacion .RadInput {
    width: 100%;
}

.contOpcion .solicitudmodificacion .RadDropDownList {
    width: 100%;
}
    /*con menu 963px sin menu 765px*/
    /*****************RadGrid ************/
    @media (max-width: 700px) {
        .RadGrid {
        min-width: fit-content;
    }
    .RadGrid table {
        border-collapse: collapse;
        width: 100%;
    }
    .RadGrid .rgRow,
    .RadGrid .rgAltRow,
    .RadGrid .rgEditRow,
    .RadGrid .rgFooter,
    .RadGrid .rgGroupHeader {
        height: auto;
    }
    .contOpcion .solicitudmodificacion .RadGrid th,
    .contOpcion .solicitudmodificacion .RadGrid td {
        text-align: left;
    }
    .contOpcion .solicitudmodificacion .RadGrid thead tr {
        display: none;
    }
    .contOpcion .solicitudmodificacion .RadGrid td:before {
        content: attr(data-title);
        display: inline-block;
        width: 120px;
        float: left;
    }
    .contOpcion .solicitudmodificacion .RadGrid .rgRow > td,
    .contOpcion .solicitudmodificacion .RadGrid .rgAltRow > td {
        display: block;
        display: flex;
        align-items: center;
        padding-left: 5px;
    }
    .contOpcion .solicitudmodificacion .docAcciones {
        grid-gap: 20px;
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
            "btn1 btn2";
        width: 100%;
        margin-left: 30px;
        margin-right: 20px;
    }
    .contOpcion .solicitudmodificacion .docAccionesB {
        width: 100%;
        margin-left: 35px;
        margin-right: 20px;
    }
    .contOpcion .solicitudmodificacion .RadGrid td::before {
        font-weight: bold;
    }
    .contOpcion .solicitudmodificacion .GridCol1 {
        width: 100%;
        margin-left: 30px;
    }
    .contOpcion .solicitudmodificacion .GridCol2 {
        width: 100%;
        margin-left: 30px;
    }
    .contOpcion .solicitudmodificacion .GridCol1 {
        grid-template-columns: 1fr 20px;
    }
}
/*sin menu 504px*/
/*****************RadGrid ************/
@media (max-width: 434px) {
    .contOpcion .solicitudmodificacion .actualizaReferencias .et1 {
        height: 60px;
    }
    .contOpcion .solicitudmodificacion .docAcciones {
        grid-gap: 10px;
        grid-template-columns: 1fr;
        grid-template-areas:
            "btn1"
            "btn2";
        width: 100%;
        margin-left: 30px;
        margin-right: 20px;
    }
}
/*sin menu 504px*/
/*****************RadGrid ************/
@media (max-width: 349px) {
    .contOpcion .solicitudmodificacion .actualizaDocumentos .et1 {
        height: 60px;
    }
}
@media (max-width: 360px) {
    .pag_enc_solicitudmodificacion {
        height: 90px;
        grid-template-rows: 60px 30px;
    }
}