.elementor-855 .elementor-element.elementor-element-cd70549{--display:flex;--margin-top:70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}/* Start custom CSS for html, class: .elementor-element-e22333c *//* =========================================================
   TABEL KERJA SAMA PENELITIAN
   PROGRAM STUDI TEKNIK LINGKUNGAN
   ========================================================= */

.tl-penelitian {

    --primary: #075985;
    --primary-dark: #064e6f;

    --background: #f8fafc;
    --border: #dce6ec;

    --text: #263238;
    --muted: #64748b;

    --badge-research: #e7f1ff;
    --badge-research-text: #075985;

    --badge-team: #eef2ff;
    --badge-team-text: #4338ca;

    --badge-publication: #ecfdf5;
    --badge-publication-text: #047857;

    width: 100%;
    max-width: 1400px;

    margin: 0 auto;

    font-family:
        Arial,
        Helvetica,
        sans-serif;
}


/* =========================================================
   HEADER
   ========================================================= */

.tl-penelitian-header {

    display: flex;
    align-items: center;

    gap: 16px;

    margin-bottom: 20px;

    padding: 20px 24px;

    background:
        linear-gradient(
            135deg,
            var(--primary),
            var(--primary-dark)
        );

    border-radius: 14px;

    color: #ffffff;

    box-shadow:
        0 8px 24px rgba(0, 0, 0, .08);
}


/* Icon */

.tl-penelitian-icon {

    width: 48px;
    height: 48px;

    flex: 0 0 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    background:
        rgba(255, 255, 255, .14);

    border-radius: 12px;

    font-size: 23px;
}


/* Judul */

.tl-penelitian-header h2 {

    margin: 0 0 4px;

    color: #ffffff;

    font-size: 24px;

    font-weight: 800;

    line-height: 1.2;
}


/* Deskripsi */

.tl-penelitian-header p {

    margin: 0;

    color:
        rgba(255, 255, 255, .86);

    font-size: 14px;

    line-height: 1.5;
}


/* =========================================================
   TABLE WRAPPER
   ========================================================= */

.tl-penelitian-table-wrap {

    width: 100%;

    overflow-x: auto;

    background: #ffffff;

    border:
        1px solid var(--border);

    border-radius: 12px;

    box-shadow:
        0 5px 20px rgba(15, 23, 42, .06);

    -webkit-overflow-scrolling: touch;
}


/* =========================================================
   TABLE
   ========================================================= */

.tl-penelitian-table {

    width: 100%;

    min-width: 1150px;

    border-collapse: separate;

    border-spacing: 0;

    color: var(--text);

    font-size: 14px;
}


/* =========================================================
   HEADER TABLE
   ========================================================= */

.tl-penelitian-table thead th {

    padding: 15px 14px;

    background:
        var(--primary);

    color: #ffffff;

    font-size: 13px;

    font-weight: 700;

    line-height: 1.3;

    text-align: left;

    vertical-align: middle;

    border: none;
}


/* Sudut */

.tl-penelitian-table thead th:first-child {
    border-radius: 11px 0 0 0;
}

.tl-penelitian-table thead th:last-child {
    border-radius: 0 11px 0 0;
}


/* =========================================================
   LEBAR KOLOM
   ========================================================= */

.tl-penelitian-table .col-no {

    width: 55px;

    min-width: 55px;

    text-align: center;
}


.tl-penelitian-table .col-mitra {

    width: 230px;

    min-width: 230px;
}


.tl-penelitian-table .col-kegiatan {

    width: 220px;

    min-width: 220px;
}


.tl-penelitian-table .col-manfaat {

    width: 430px;

    min-width: 430px;
}


.tl-penelitian-table .col-tanggal {

    width: 115px;

    min-width: 115px;

    text-align: center;
}


/* =========================================================
   BODY
   ========================================================= */

.tl-penelitian-table tbody td {

    padding: 16px 14px;

    border-bottom:
        1px solid var(--border);

    vertical-align: top;

    line-height: 1.6;
}


/* Zebra */

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

    background:
        #f8fafc;
}


/* Hover */

.tl-penelitian-table tbody tr {

    transition:
        background .2s ease;
}


.tl-penelitian-table tbody tr:hover {

    background:
        #eef7fb;
}


/* =========================================================
   NOMOR
   ========================================================= */

.tl-penelitian-table td.col-no {

    color:
        var(--primary);

    font-size: 13px;

    font-weight: 800;
}


/* =========================================================
   MITRA
   ========================================================= */

.tl-penelitian-table td.mitra {

    color: #1e293b;

    font-weight: 700;

    line-height: 1.45;
}


/* =========================================================
   BADGE
   ========================================================= */

.tl-penelitian .badge {

    display: inline-block;

    padding: 6px 10px;

    border-radius: 6px;

    font-size: 12px;

    font-weight: 700;

    line-height: 1.35;
}


/* Penelitian */

.tl-penelitian .badge.penelitian {

    background:
        var(--badge-research);

    color:
        var(--badge-research-text);
}


/* Tim Riset */

.tl-penelitian .badge.riset {

    background:
        var(--badge-team);

    color:
        var(--badge-team-text);
}


/* Publikasi */

.tl-penelitian .badge.publikasi {

    background:
        var(--badge-publication);

    color:
        var(--badge-publication-text);
}


/* =========================================================
   TANGGAL
   ========================================================= */

.tl-penelitian-table td.col-tanggal {

    white-space: nowrap;

    color:
        #475569;

    font-size: 13px;

    font-weight: 600;
}


/* =========================================================
   BARIS TERAKHIR
   ========================================================= */

.tl-penelitian-table tbody tr:last-child td {

    border-bottom: none;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {

    .tl-penelitian-header {

        padding: 16px;

        border-radius: 10px;
    }


    .tl-penelitian-icon {

        width: 42px;
        height: 42px;

        flex-basis: 42px;

        font-size: 20px;
    }


    .tl-penelitian-header h2 {

        font-size: 19px;
    }


    .tl-penelitian-header p {

        font-size: 12px;
    }


    .tl-penelitian-table {

        min-width: 1150px;
    }

}/* End custom CSS */