#aceso .table-responsive-md:has(> table.grid-style) {
    overflow-x: visible;
}

#aceso table.grid-style th {
    border: 1px solid var(--aceso-gray);
    background-color: var(--aceso-light-gray);
}

#aceso table.grid-style tr td {
    padding: 5px;
}

    #aceso table.grid-style tr td:not(:last-child) {
        border-bottom: 0 !important;
    }

#aceso .grid-style {
    display: inline-block;
}

    #aceso .grid-style thead {
        display: table;
        border: 1px solid #A0C3D8;
        margin-bottom: 3%;
        padding: 2.5% 2.5% 2.5% 2.5%;
        text-align: left;
        width: 100%;
    }

        #aceso .grid-style thead th {
            display: none;
        }

            #aceso .grid-style thead th:has(a) {
                display: block !important;
                margin-bottom: 1%;
            }

                #aceso .grid-style thead th:has(a) a::before {
                    content: attr(title);
                    visibility: visible;
                    font-size: 12px;
                    font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
                }

                #aceso .grid-style thead th:has(a) a:focus::before {
                    outline: 2px solid #0094ff;
                }

                #aceso .grid-style thead th:has(a) a {
                    font-size: 0;
                    outline: none;
                }

    #aceso .grid-style tbody {
        display: flex;
        flex-wrap: wrap;
    }

        #aceso .grid-style tbody tr {
            height: fit-content !important;
            width: 100%;
            border: 1px solid #dee2e6;
            border-bottom: 5px solid #dee2e6;
            padding: 2.5% 2.5% 2.5% 2.5%;
            text-align: left;
        }

            #aceso .grid-style tbody tr:last-child {
                border-bottom: 1px solid #dee2e6;
            }

        #aceso .grid-style tbody td {
            text-align: left !important;
            width: auto !important;
            display: grid;
        }

            #aceso .grid-style tbody td::before {
                display: inline-block;
                width: fit-content !important;
            }

            #aceso .grid-style tbody td[data-name]::before {
                display: inline-block;
                content: attr(data-name) ": ";
                width: fit-content !important;
                font-weight: bold;
            }

#aceso .bw .grid-style thead th:has(a) a:focus::before,
#aceso .by .grid-style thead th:has(a) a:focus::before {
    outline: 2px solid black;
}

#aceso .wb .grid-style thead th:has(a) a:focus::before {
    outline: 2px solid white;
}

#aceso .yb .grid-style thead th:has(a) a:focus::before {
    outline: 2px solid yellow;
}

#aceso table.grid-style.grid-style-spy tbody tr:hover {
    background-color: inherit;
}

#aceso table.grid-style.grid-style-spy tbody tr {
    margin-bottom: 0px;
    border-bottom: 0px;
}

    #aceso table.grid-style.grid-style-spy tbody tr:not(.confirmationPanel) td:last-child {
        border-bottom: 0px;
    }

    #aceso table.grid-style.grid-style-spy tbody tr.confirmationPanel td {
        text-align: center !important;
    }

#aceso .grid-style.grid-style-spy tbody tr.last {
    white-space: pre;
    border-top: 0px;
}