table.google-sheet-integration {
    width:  100%;
}

table.google-sheet-integration thead, .uabb-module-content .uabb-text-editor.uabb-accordion-desc table.google-sheet-integration thead {
    background: #0c1b46;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
}

table.google-sheet-integration thead th {
    border-color: black;
}

table.google-sheet-integration tbody tr th {
    background: #44a3a0;
    color: white;
    border-color: black;
}

table.google-sheet-integration tbody tr {
    background: #fff;
}

table.google-sheet-integration tbody tr:nth-child(even) {
    background: #00000010;
}

table.google-sheet-integration tbody tr td {
    text-align: left;
}

.responsive.scroll-more {
  display: none;
}

@media screen and (max-width: 500px) {
    table.responsive {
        vertical-align: top;
        max-width: 100%;
        overflow-x: auto;
        border-collapse: collapse;
        white-space: nowrap;
        border-spacing: 0;
        display: flex;
        overflow: hidden;
        background: none;
        font-size: 16px;
        line-height: 1.25;
    }

    table.responsive tbody {
        -webkit-overflow-scrolling: touch;
        background: radial-gradient(left, ellipse, rgba(0,0,0, .2) 0%, rgba(0,0,0, 0) 75%) 0 center,radial-gradient(right, ellipse, rgba(0,0,0, .2) 0%, rgba(0,0,0, 0) 75%) 100% center;
        background-size: 10px 100%, 10px 100%;
        background-attachment: scroll, scroll;
        background-repeat: no-repeat;
    }

    table.responsive tbody tr:first-child {
        background-image: linear-gradient(to right, rgba(255,255,255, 1) 50%, rgba(255,255,255, 0) 100%);
        background-repeat: no-repeat;
        background-size: 20px 100%;
    }

    table.responsive tbody tr:last-child {
        background-image: linear-gradient(to left, rgba(255,255,255, .5) 50%, rgba(255,255,255, 0) 100%);
        background-repeat: no-repeat;
        background-position: 100% 0;
        background-size: 15px 100%;
    }

    table.responsive thead {
        display: flex;
        flex-shrink: 0;
        min-width: min-content;
    }

    table.responsive tbody {
        display: flex;
        position: relative;
        overflow-x: auto;
        overflow-y: hidden;
    }

    table.responsive tr {
        display: flex;
        flex-direction: column;
        min-width: min-content;
        flex-shrink: 0;
    }

    table.responsive td,table.responsive th {
        display: block;
        min-height: 65px;
        max-width: 33vw;
        white-space: pre-line;
        padding: 5px;
    }

    /* table.responsive th {
        max-width: 33vw;
    } */

    table.responsive td {
        background-image: none !important;
        border-left: 0;
    }

    table.responsive th:not(:last-child),table.responsive td:not(:last-child) {
        border-bottom: 0;
    }

    table.responsive th:not(:first-child) {
        border-top-color: white;
    }

    table.responsive td:nth-child(3),table.responsive th:nth-child(3) {
        min-height: 100px;
    }

    .fl-accordion-content:after {
        content: 'Scroll for more >';
        display: block;
        text-align: right;
    }

    .responsive.scroll-more {
      display: block;
    }
}