#order-pickup-container {
    width: 100%;
    padding: 10px;
}

#pickup-filter {
    padding-top: 5px;
}

.styled-table {
    border-collapse: collapse;
    margin: 10px 0;
    font-size: 0.9em;
    /*font-family: sans-serif;*/
    width: 100%;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

    .styled-table thead tr {
        background-color: #24527E;
        color: #ffffff;
        text-align: left;
    }

    .styled-table th,
    .styled-table td {
        padding: 3px 6px;
    }

    .styled-table tbody tr {
        border-bottom: 1px solid #dddddd;
    }

        .styled-table tbody tr:nth-of-type(even) {
            background-color: #f3f3f3;
        }

        /*.styled-table tbody tr:last-of-type {
            border-bottom: 2px solid #EAE5E1;
        }*/

        .styled-table tbody tr.active-row {
            font-weight: bold;
            color: #564C44;
        }

/*---------------------*/

.styled-table-trees {
    border-collapse: collapse;
    font-size: 0.9em;
    /*font-family: sans-serif;*/
    width: 100%;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

    .styled-table-trees thead tr {
        background-color: #779F4B;
        color: #ffffff;
        text-align: left;
    }

    .styled-table-trees th,
    .styled-table-trees td {
        padding: 3px 6px;
    }

    .styled-table-trees tbody tr {
        border-bottom: 1px solid #dddddd;
    }

        .styled-table-trees tbody tr:nth-of-type(even) {
            background-color: #f3f3f3;
        }

        /*.styled-table-trees tbody tr:last-of-type {
            border-bottom: 2px solid #EAE5E1;
        }*/

        .styled-table-trees tbody tr.active-row {
            font-weight: bold;
            color: #564C44;
        }