﻿h2.s2 {
    font-family: Merriweather;
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: 140%; /* 33.6px */
}

.s2-self-container,
.s2-self-container-small {
    background: white;
    border-radius: 6px;
    border: 1px solid var(--Border, #DBDCDC);
}

.s2-self-container {
    padding: 24px;
}

.s2-self-container-small {
    padding: 16px;
}

    .s2-self-container .account-title,
    .s2-self-container-small .account-title {
        padding: 0 0 16px 0;
    }

.s2-400 {
    font-weight: 400;
}

.s2-500 {
    font-weight: 500;
}

.s2-heading-6 {
    font-weight: 500;
    color: var(--heading);
}

div.s2-loading-200 {
    max-width: 200px;
}

div.s2-loading-300 {
    min-width: 300px;
}

/*.s2-loading-300 .blog-desc {
    max-height: 100px;
    overflow: hidden;
}
.s2-loading-300 .blog-title {
    overflow: hidden;
}*/
/*********************
 *****   TABLE   *****
 *********************/
table.s2 {
    background: transparent;
}

    table.s2 thead tr {
        background-color: transparent !important;
    }

    table.s2 th {
        padding: 5.5px 8px;
        border-bottom: 1px solid var(--border);
        border-left: 0;
        border-right: 0;
        color: var(--primary) !important;
        font-family: Inter;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: 20px; /* 166.667% */
        letter-spacing: 0.13px;
        text-transform: uppercase;
    }

    table.s2 tr {
        /*border-top: 1px solid var(--border);
            border-bottom: 0;*/
    }

    table.s2 td {
        font-size: 14px;
        padding: 5.5px 8px;
        border: 0;
    }

    table.s2 .s2-rounded-background {
        border-radius: 4px;
        display: flex;
        padding: 4px 8px;
        align-items: center;
        justify-content: center;
        gap: 6px;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
        letter-spacing: -0.14px;
    }

    table.s2 .s2-actions {
        display: flex;
        padding: 4px 8px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        align-self: stretch;
    }


/**************************
 *****   PAGINATION   *****
 **************************/

.s2-paginator-with-text {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    align-self: stretch;
}

.s2.pagination .page-item {
    color: var(--text-primary, #004021);
    text-align: center;
    font-feature-settings: 'calt' off;
    /* body.14.regular */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    border-radius: var(--Pagination-borderRadius, 6px);
    border: 1px solid transparent;
}

.s2.pagination .page-item {
    width: 22px;
    height: 24px;
    padding: 0 1px;
    margin-left: 6px;
}

    .s2.pagination .page-item.selected,
    .s2.pagination .page-item:hover {
        border: 1px solid var(--green-400, #008344);
        background: var(--green-400, #008344);
    }

        .s2.pagination .page-item.selected,
        .s2.pagination .page-item:hover a {
            color: var(--white, #FFF);
            font-weight: 500;
            text-decoration: none;
        }

.s2-tab-link {
    padding: 4px 8px;
    border-radius: 6px;
}
    .s2-tab-link.active {
        background: var(--text-primary, #004021) !important;
        color: white !important;
    }