html, body {
    overflow-x: hidden;
}

.caja-grid {
    display        : flex;
    flex-direction : column;
    gap            : 8px;
    margin-bottom  : 25px;
}

.caja-inline {
    display         : flex;
    flex-direction  : row;
    justify-content : center;
    gap             : 10px;
}

.texto1,
textarea.texto1 {
    font-size   : 0.75rem;
    color       : #000000;
    line-height : 1.4rem;
}

.textareaFijo {
    resize      : none;
    width       : 100%;
    height      : 1.2rem;
    font-size   : 0.75rem;
    line-height : 1.4rem;
    padding     : 0 3px;
    font-family : Tahoma, sans-serif;
}

.tabla-estilo {
    border-collapse : collapse;
    margin          : 0 auto;
    width           : 90%;
}

.tabla-estilo th,
.tabla-estilo td {
    border  : 1px solid #ccc;
    padding : 6px 10px;
}

.tabla-estilo thead {
    background-color : #f5f5f5;
}

.caja-predios {
    margin: 0 30px;
}

#tablaPredios table {
    border-collapse: collapse;
}

.dataTables_info {
    font-size : 12px;
    color     : #333;
}

.dataTables_paginate .paginate_button {
    font-size     : 12px;
    padding       : 4px 8px;
    margin        : 2px;
    border        : none;
    border-radius : 0px !important;
}

#listadoPredios_paginate .paginate_button.current {
    background-image : none !important;
    background       : #618400 !important;
    color            : white !important;
    font-size        : 12px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover  {
    background-image : none !important;
    box-shadow       : none !important;
    background       : rgba(97, 132, 0, 0.7) !important;
}

.botonCancelar {
    margin        : 5px 30px;
    padding       : 7px;
    border-radius : 0;
    background    : #729E34;
    color         : #FFFFFF;
}

.botonCancelar:hover {
    background : #618400;
}

.oculto {
    display : none !important;
}

#listadoPredios tbody tr:hover {
    background-color : rgba(0, 123, 255, 0.08);
    cursor           : pointer;
}

#cPagoEnlinea2 col.gendatosIzq2 {
  width: 250px;
}
#cPagoEnlinea2 col.padt1 {
  width: 500px;
}

.link {
    font-size : 15px;
}

.td-titulo {
    position : relative;
}

.td-titulo .link-instructivo {
    position : absolute;
    right    : 50px;
    top      : 50%;

    transform       : translateY(-50%);
    font-size       : 13px;
    text-decoration : none;
    cursor          : pointer;

    display        : flex;
    flex-direction : column;
}

.td-titulo .link-instructivo:hover {
    text-decoration : underline;
}

.td-titulo .titulo-consulta {
    margin      : 0;
    text-align  : center;
    font-weight : bold;
}

.imgVerMas {
    width : 40px;
}

.flex-mostrar {
    display         : flex;
    justify-content : space-around;
    margin          : 0 10px;
}

@media (max-width: 600px) {
    .td-titulo {
        display         : flex;
        flex-direction  : column;
        align-items     : center;
        justify-content : center;
    }

    .td-titulo .link-instructivo {
        right          : 15px;
        padding-bottom : 15px;
    }

    .imgVerMas {
        width : 35px;
    }

    .flex-mostrar {
        flex-direction : column;
        gap            : 10px;
        max-width      : 80%;
    }
}

@media (max-width: 900px) {
    .caja-predios {
        overflow-x : auto;
        width      : 90vw;
    }

    #listadoPredios_info,
    #listadoPredios_paginate {
        display    : block;
        text-align : left;
        margin     : 10px 0;
        width      : 100%;
    }

    #cPagoEnlinea col.gendatosIzq2,
    #cPagoEnlinea col.padt1 {
        width : auto;
    }

    #cPagoEnlinea col.padt1 {
        width : 195px !important;
    }

    .link {
        font-size : 13px;
    }
}