/* ===================================================
   Responsive Tables
=================================================== */

.rt-responsive{
    width:100%;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    margin:28px 0;
    border:1px solid #e5e7eb;
    border-radius:14px;
    background:#fff;
    box-shadow:0 4px 20px rgba(0,0,0,.04);
}

/* Scrollbar */

.rt-responsive::-webkit-scrollbar{
    height:8px;
}

.rt-responsive::-webkit-scrollbar-thumb{
    background:#bfc7d1;
    border-radius:20px;
}

.rt-responsive::-webkit-scrollbar-track{
    background:#f4f6f9;
}

/* Table */

.rt-table{

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

    width:max-content;
    min-width:900px;
    max-width:none;

    background:#fff;

}

/* Cells */

.rt-table th,
.rt-table td{

    padding:16px 22px;

    border-right:1px solid #eceff3;
    border-bottom:1px solid #eceff3;

    text-align:left;

    white-space:nowrap;

    font-size:15px;

    line-height:1.6;

    vertical-align:middle;

}

/* Header */

.rt-table th{

    background:#f8fafc;

    color:#1d4ed8;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.4px;

    position:sticky;
    top:0;

    z-index:2;

}

/* First Row Header (when no thead exists) */

.rt-table tr:first-child td{

    background:#f8fafc;

    color:#1d4ed8;

    font-weight:700;

    text-transform:uppercase;

}

/* Zebra */

.rt-table tbody tr:nth-child(even){

    background:#fafafa;

}

/* Hover */

.rt-table tbody tr:hover{

    background:#f4f8ff;

}

/* Borders */

.rt-table tr:last-child td{

    border-bottom:none;

}

.rt-table th:last-child,
.rt-table td:last-child{

    border-right:none;

}

/* Images */

.rt-table img{

    max-width:120px;

    height:auto;

    display:block;

}

/* Links */

.rt-table a{

    color:#2563eb;

    text-decoration:none;

}

.rt-table a:hover{

    text-decoration:underline;

}

/* Mobile */

@media(max-width:768px){

.rt-responsive{

    border-radius:12px;

}

.rt-table{

    min-width:850px;

}

.rt-table td,
.rt-table th{

    padding:14px 18px;

    font-size:14px;

}

}