/*
    html {
    box-sizing: border-box;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

body {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue", "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell", "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic", "Liberation Sans", sans-serif;
    color: rgba(0, 0, 0, 0.87);
}

a {
    color: #26890d;
}

    a:hover, a:focus {
        color: #046a38;
    }
.container {
    margin: 5% 3%;
}

@media (min-width: 48em) {
    .container {
        margin: 2%;
    }
}
    
@media (min-width: 75em) {
    .container {
        margin: 2em auto;
        max-width: 75em;
    }
}.responsive-table
*/
.responsive-table {
    width: 100%;
    margin-bottom: 1.5em;
    border-spacing: 0;
    border-collapse: separate !important; /*new*/
}

@media (min-width: 48em) {
    .responsive-table {
        font-size: 0.9em;
    }
}

@media (min-width: 62em) {
    .responsive-table {
        font-size: 1em;
    }
}

.responsive-table > thead {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

@media (min-width: 48em) {
    .responsive-table > thead {
        position: relative;
        clip: auto;
        height: auto;
        width: auto;
        overflow: auto;

    }
}


.responsive-table > thead > tr > th {
    background-color: #747b8a; /*#e03077*/
    /*border: 1px solid #f8f8f8;*/
    font-weight: normal;
    text-align: center;
    color: white;
}

    .responsive-table > thead > tr > th:first-of-type {
        text-align: left;
        border-radius: 0.75rem 0 0 0; /*new*/
        -moz-border-radius: 0.75rem 0 0 0; /*new*/
        -webkit-border-radius: 0.75rem 0 0 0; /*new*/
    }
[dir="rtl"] .responsive-table > thead > tr > th:first-of-type {
    text-align: left;
    border-radius: 0 0.75rem 0 0; /*new*/
    -moz-border-radius: 0 0.75rem 0 0; /*new*/
    -webkit-border-radius: 0 0.75rem 0 0; /*new*/
}

.responsive-table > thead > tr > th:last-of-type { /*new*/
    border-radius: 0 0.75rem 0 0;
    -moz-border-radius: 0 0.75rem 0 0;
    -webkit-border-radius: 0 0.75rem 0 0;
}
[dir="rtl"] .responsive-table > thead > tr > th:last-of-type { /*new*/
    border-radius: 0.75rem 0 0 0;
    -moz-border-radius: 0.75rem 0 0 0;
    -webkit-border-radius: 0.75rem 0 0 0;
}

.responsive-table > tbody,
.responsive-table > tbody > tr,
.responsive-table > tbody > tr > th,
.responsive-table > tbody > tr > td {
    display: block;
    padding: 0;
    /* text-align: left; 20231201*/
    white-space: normal;
}

@media (min-width: 48em) {
    .responsive-table tr {
        display: table-row;
    }
}

.responsive-table > tbody > tr > th,
.responsive-table > thead > tr > th,
.responsive-table > tbody > tr > td {
    padding: 0.5em;
    vertical-align: middle;
}

@media (min-width: 30em) {
    .responsive-table > tbody > tr > th,
    .responsive-table > thead > tr > th,
    .responsive-table > tbody > tr > td {
        /*padding: 0.75em 0.5em;*/
    }
}

@media (min-width: 48em) {
    .responsive-table > tbody > tr > th,
    .responsive-table > thead > tr > th,
    .responsive-table > tbody > tr > td {
        display: table-cell;
        padding: 0.5em;
    }
}

@media (min-width: 62em) {
    .responsive-table > tbody > tr > th,
    .responsive-table > thead > tr > th,
    .responsive-table > tbody > tr > td {
        padding: 0.75em 0.5em;
    }
}

@media (min-width: 75em) {
    .responsive-table > tbody > tr > th,
    .responsive-table > thead > tr > th,
    .responsive-table > tbody > tr > td {
        padding: 0.75em;
    }
}

.responsive-table caption {
    margin-bottom: 1em;
    font-size: 1em;
    font-weight: bold;
    text-align: center;
}

@media (min-width: 48em) {
    .responsive-table caption {
        font-size: 1.5em;
    }
}

.responsive-table tfoot {
    font-size: 0.8em;
    font-style: italic;
}

@media (min-width: 62em) {
    .responsive-table tfoot {
        font-size: 0.9em;
    }
}

@media (min-width: 48em) {
    .responsive-table tbody {
        display: table-row-group;
    }
}

.responsive-table > tbody > tr {
    margin-bottom: 1em;
    background-color: #fff; /*new*/
    background-clip: border-box; /*new*/
    border: 0 solid rgba(0, 0, 0, 0.125); /*new*/
    border-radius: 0.75rem; /*new*/
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -1px rgb(0 0 0 / 6%); /*new*/
}

@media (min-width: 48em) {
    .responsive-table > tbody > tr {
        display: table-row;
        border-width: 1px;
        border:unset;
        box-shadow: unset;
    }
}

.responsive-table > tbody > tr:last-of-type{
    margin-bottom: 0;
}

.responsive-table > tbody > tr:last-of-type td:last-of-type { /*new*/
    border-radius: 0 0 0.75rem 0;
    -moz-border-radius: 0 0 0.75rem 0;
    -webkit-border-radius: 0 0 0.75rem 0;
}
[dir="rtl"] .responsive-table > tbody > tr:last-of-type td:last-of-type { /*new*/
    border-radius: 0 0 0 0.75rem;
    -moz-border-radius: 0 0 0 0.75rem;
    -webkit-border-radius: 0 0 0 0.75rem;
}

@media (min-width: 48em) {
    .responsive-table > tbody > tr:nth-of-type(even) {
        background-color: rgba(0, 0, 0, 0.03);
    }
    .responsive-table > tbody > tr:last-of-type th { /*new*/
        border-radius: 0 0 0 0.75rem;
        -moz-border-radius: 0 0 0 0.75rem;
        -webkit-border-radius: 0 0 0 0.75rem;
    }
    [dir="rtl"] .responsive-table > tbody > tr:last-of-type th { /*new*/
        border-radius: 0 0 0.75rem 0;
        -moz-border-radius: 0 0 0.75rem 0;
        -webkit-border-radius: 0 0 0.75rem 0;
    }
}

.responsive-table tbody th[scope=row] {
    background-color: #e03077;
    color: white;
    background-clip: border-box;
    border-top: 0 solid rgba(0, 0, 0, 0.125); /*new*/
    border-top-left-radius: 0.75rem; /*new*/
    border-top-right-radius: 0.75rem; /*new*/
    background-image: -webkit-linear-gradient(270deg, #e081af, #e03077); /*new*/
    background-image: linear-gradient(180deg, #e081af, #e03077); /*new*/
    padding-left:0.75rem; /*new*/
}
[dir="rtl"] .responsive-table tbody th[scope=row] {
    text-align:right;
}

    .responsive-table tbody th[scope=row] a { /*new*/
    color: white;
    display: inline-block;
    width: 100%;
    height: 100%;
}

        .responsive-table tbody th[scope=row] a:hover, .responsive-table tbody th[scope=row] a:focus { /*new*/
            color: white;
        }

@media (min-width: 30em) {
    .responsive-table tbody th[scope=row] {
        /*border-left: 1px solid #e03077;
        border-bottom: 1px solid #e03077;*/
    }

}

@media (min-width: 48em) {
    .responsive-table tbody th[scope=row] {
        background-color: transparent;
        background-image: unset; /*new*/
        border-radius: unset; /*new*/
        color: #000001;
        text-align: left;
    }
     .responsive-table tbody th[scope=row] a { /*new*/
            color: #344767;
        }

        .responsive-table tbody th[scope=row] a:hover, .responsive-table tbody th[scope=row] a:focus { /*new*/
            color: #e91e63;
        }
}

.responsive-table > tbody > tr> td {
    text-align: right;
}
[dir="rtl"] .responsive-table > tbody > tr > td {
    text-align: left;
}


@media (min-width: 48em) {
    .responsive-table > tbody > tr > td {
        /*border-left: 1px solid #86bc25;*/
        border-bottom: 1px solid #f8f8f8;
        text-align: center;
    }
        .responsive-table > tbody > tr > td:last-of-type { /*new*/
            text-align: left;
        }

/* added 20231201 for rtl alignment - below 2 classes */
    [dir="rtl"] .responsive-table > tbody > tr > td {
        text-align: center;
    }
        [dir="rtl"] .responsive-table > tbody > tr > td:last-of-type { /*new*/
            text-align: right;
        }
}

@media (min-width: 48em) {
    .responsive-table > tbody > tr > td:last-of-type {
        /*border-right: 1px solid #86bc25;*/
    }
    .responsive-table > tbody > tr > td[data-type=date] { /*new*/
        font-size: 0.8em;
    }
}

.responsive-table tbody td[data-type=currency] {
    text-align: right;
}

.responsive-table tbody td[data-title]:before {
    content: attr(data-title);
    float: left;
    font-size: 1em; /*0.9em*/
    /*color: rgba(0, 0, 0, 0.54);*/
    padding-left:5px;
}

[dir="rtl"] .responsive-table tbody td[data-title]:before {
    float: right;
}

@media (min-width: 30em) {
    .responsive-table tbody td[data-title]:before {
        font-size: 1em;
    }
}

@media (min-width: 48em) {
    .responsive-table tbody td[data-title]:before {
        content: none;
    }
}

.responsive-table tbody td[data-type=detail] { /*new*/
    background-color: #f8f9fa;
    border-bottom: 1px solid #f8f8f8;
    border-bottom-left-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem; 
}

@media (min-width: 48em) {
    .responsive-table tbody td[data-type=detail] { /*new*/
        background-color: unset;
        border-bottom-left-radius: unset;
        border-bottom-right-radius: unset;
    }
}

.text-responsive-th {
    line-height: 1.25;
    font-size: 0.65rem !important;
}

@media (min-width: 48em) {
    .text-responsive-th {
        font-size: 0.75rem !important;
    }
}