/*--------------------------------------------------------------------------*\
    Tables
\*--------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------*\
        table
\*--------------------------------------------------------------------------*/

table {
    /*box*/
    position: relative;
    width: 100%;
    margin-bottom: 20px;

    /*border*/
    border-collapse: collapse;

    /*text*/
    font-size: var(--fs-sm);
}

/*--------------------------------------------------------------------------*\
        th,td
\*--------------------------------------------------------------------------*/

th,
td {
    /*box*/
    vertical-align: middle;

    /*text*/
    color: var(--c-primary-1);
}

/*--------------------------------------------------------------------------*\
            vertical alignment
\*--------------------------------------------------------------------------*/

th.top,
td.top {
    /*box*/
    vertical-align: top !important;
}

th.bottom,
td.bottom {
    /*box*/
    vertical-align: bottom !important;
}

/*--------------------------------------------------------------------------*\
        th
\*--------------------------------------------------------------------------*/

th {
    /*box*/
    padding: 15px 10px;

    /*text*/
    font-weight: var(--fw-bold);
    text-align: center;
}

/*--------------------------------------------------------------------------*\
    td
\*--------------------------------------------------------------------------*/

td {
    /*box*/
    padding: 5px;
}