.custom-table-theme {
    border-radius: 13px;
    background: linear-gradient(white, white) padding-box, linear-gradient(to bottom, #f3f3f3, #E7E7E7) border-box;
    border: 1px solid transparent;
    padding: 20px;
    /* height: 64vh; */

    table {
        border-collapse: separate;
        border-spacing: 0;

        thead {
            position: sticky;
            top: 0;
            z-index: 1;

            tr {
                th {

                    font-family: 'Manrope-medium';
                    font-weight: 500 !important;
                    font-size: 14px;
                    color: #777777;
                    letter-spacing: 1px;
                    background-color: #FAFAFA;
                    padding: 11px 24px;
                    border-top: 1px solid #F1EEEE;
                    border-bottom: 1px solid #F1EEEE;

                    &:first-child {
                        border-left: 1px solid #F1EEEE;
                        border-radius: 8px 0px 0px 8px;
                    }

                    &:last-child {
                        border-right: 1px solid #F1EEEE;
                        border-radius: 0px 8px 8px 0px;
                    }
                }
            }
        }

        tbody {
            tr {
                td {
                    padding: 18px 24px;
                    border-bottom: 1px solid #E8E8E8;
                    font-family: 'Manrope-medium';
                    font-size: 12px;
                    color: #212121;

                    a {
                        font-family: 'Manrope-semibold';
                        color: #3592FA !important;
                        cursor: pointer;
                    }

                    a{
                        text-decoration: none;
                    }
                }
            }
        }
    }
}

.custom-table-theme.table-scroll {
    height: 250px;
}

.custom-table-theme.table-scroll {
    thead{
        tr{
            th{
                padding: 11px 16px;
            }
        }
    }

    tbody{
        tr{
            td{

                padding: 11px 16px;

                &:first-child {
                    font-family: 'Manrope-medium';
                    color: #212121 !important;
                    cursor: unset;
                }
            }
        }
    }
}

.table-empty{
    padding: 172px 0;
}

.legend{
    width: 6px;
    height: 6px;
    display: inline-block;
    border-radius: 50%;
}

.legend.legend-yellow{
    background-color: #FFD98A;
}

.legend.legend-green{
    background-color: #B0E0A5;
}

::-webkit-scrollbar {
    width: 3px;
    height: 3px;
    background-color: none;
}

::-webkit-scrollbar-thumb {
    background: #e6e4e4;
    border-radius: 16px;
}

::-webkit-scrollbar-track {
    background: none;
    border-radius: 16px;
}