/* Table */

#rss-news-table{
    width:100%;
    border-collapse:collapse;
    background:#fff;
}

#rss-news-table thead th{
    background:#f8fafc;
    color:#111827;
    font-size:13px;
    font-weight:700;
    padding:14px 16px;
    border-bottom:2px solid #e5e7eb;
    text-transform:uppercase;
    letter-spacing:.5px;
}

#rss-news-table tbody td{
    padding:14px 16px;
    border-bottom:1px solid #edf2f7;
    vertical-align:middle;
}

#rss-news-table tbody tr:hover{
    background:#fafafa;
}

/* Source */

.rss-source{
    font-size:18px;
    font-weight:700;
    letter-spacing:.5px;
}

/* Article */

.rss-news-title a{
    color:#8b5cf6;
    font-size:15px;
    font-weight:500;
    line-height:1.5;
    text-decoration:none;
    transition:.2s;
}

.rss-news-title a:hover{
    color:#2563eb;
}

/* Date */

#rss-news-table td:last-child{
    white-space:nowrap;
    color:#6b7280;
    font-size:13px;
    width:120px;
}

/* DataTables */

.dataTables_wrapper{
    margin-top:20px;
}

.dataTables_filter{
    margin-bottom:15px;
}

.dataTables_length{
    margin-bottom:15px;
}

.dataTables_filter input{
    border:1px solid #d1d5db !important;
    border-radius:6px !important;
    padding:8px 12px !important;
}

.dataTables_length select{
    border:1px solid #d1d5db;
    border-radius:6px;
    padding:6px 10px;
}

/* Pagination */

.dataTables_paginate{
    margin-top:20px !important;
}

.paginate_button{
    border-radius:6px !important;
}

.paginate_button.current{
    background:#2563eb !important;
    border-color:#2563eb !important;
    color:#fff !important;
}

/* Mobile */



/* Top Bar */

.dataTables_wrapper .dataTables_length{
    float:left;
    margin-bottom:20px;
}

.dataTables_wrapper .dataTables_filter{
    float:right;
    margin-bottom:20px;
}

.dataTables_wrapper .dataTables_filter label,
.dataTables_wrapper .dataTables_length label{
    font-weight: 600;
    color: #374151;
    display: flex;
    align-items: center;
    gap: 20px;
}

.dataTables_wrapper .dataTables_filter input{
    margin-left:8px;
    min-width:280px;
    height:42px;
    padding:0 14px !important;
    border:1px solid #d1d5db !important;
    border-radius:8px !important;
}

.dataTables_wrapper .dataTables_length select{
    min-width:80px;
    height:42px;
    border:1px solid #d1d5db;
    border-radius:8px;
    padding:0 10px;
}

/* Bottom Area */

.dataTables_info{
    float:left;
    margin-top:25px !important;
    color:#6b7280;
    font-size:14px;
}

.dataTables_paginate{
    float:right;
    margin-top:20px !important;
}

/* Pagination */

.dataTables_paginate .paginate_button{
    min-width:40px;
    height:40px;
    line-height:28px !important;
    border-radius:8px !important;
    margin:0 3px !important;
    border:none !important;
    background:#f3f4f6 !important;
    color:#374151 !important;
}

.dataTables_paginate .paginate_button:hover{
    background:#e5e7eb !important;
    color:#111827 !important;
}

.dataTables_paginate .paginate_button.current{
    background:#d5d5d5 !important;
    color:#fff !important;
}

/* Previous Next */

.dataTables_paginate .previous,
.dataTables_paginate .next{
    padding:6px 12px !important;
}

/* Clear Float */

.dataTables_wrapper::after{
    content:"";
    display:block;
    clear:both;
}

/* Mobile */

@media(max-width:768px){

    .dataTables_wrapper .dataTables_length,
    .dataTables_wrapper .dataTables_filter,
    .dataTables_info,
    .dataTables_paginate{

        float:none;
        text-align:center;
        width:100%;

    }

    .dataTables_wrapper .dataTables_filter{
        margin-top:15px;
    }

    .dataTables_wrapper .dataTables_filter input{
        width:100%;
        min-width:unset;
    }
}


@media(max-width:768px){

    .rss-source{
        font-size:15px;
    }

    .rss-news-title a{
        font-size:14px;
    }

}