.grid-wrapper-only-alerts {
    width: 100%;
}

.grid-wrapper-only-alerts .grid-body td .btn > i {
    padding-left: 3px !important;
}

/************************ Card support ************************/
@media (max-width: 767px) {
    /* Force table to not be like tables anymore */
    .grid-wrapper-only-alerts table, .grid-wrapper-only-alerts thead, .grid-wrapper-only-alerts tbody, .grid-wrapper-only-alerts th, .grid-wrapper-only-alerts td, .grid-wrapper-only-alerts tr {
        display: block;
    }
        /* Hide table headers (but not display: none;, for accessibility) */
        .grid-wrapper-only-alerts thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    .grid-wrapper-only-alerts tr {
        margin: 0 0 1rem 0;
        height: max-content;
    }

        .grid-wrapper-only-alerts tr:nth-child(odd) {
            background: #ccc;
        }


    .grid-wrapper-only-alerts td:before {
        position: absolute;
        top: 0;
        left: 2px;
        width: 10%;
        padding-right: 5px;
        white-space: nowrap;
        font-weight: 600;
    }

    .grid-wrapper-only-alerts .grid-action, .grid-wrapper-only-alerts .grid-checkbox {
        text-align: left;
    }

    .grid-wrapper-only-alerts tr {
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 6px 0 rgba(0, 0, 0, 0.19);
        width: 97.25%;
        padding: 5px 2px;
        background-color: #FAFAFA;
        margin-bottom: 15px;
        margin-left: 5px;
        margin-right: 5px;
        border: none;
        border-radius: 4px;
    }

    .grid-wrapper-only-alerts .grid-body tr, .grid-body tr:nth-child(even), .grid-body tr:hover, .grid-body tr:hover a, .grid-body a:hover {
        background-color: white;
        color: black;
    }

    .grid-wrapper-only-alerts .grid-addrow.out {
        display: none;
    }
}