#viewCallsForService {
    padding-left: 0;
    padding-right: 0;
}
@media screen and (max-width: 568px){
    :root{
        font-size: 1rem;
    }

    header h1,footer{
        font-size: 1.2em;
    }
    #viewCallsForService {
        margin-left: .75rem;
    }
}
/*
h1, h2, h3, h4, h5, h6 {
    padding: 0 .25em;
}

.navbar, .navbar-brand, .nav-item {
    background-color: var(--hpd-primary-light) !important;
    color: white;
    position: relative;
}

    .navbar-brand:hover, .navbar-brand:focus {
        color: var(--hpd-surface-light);
    }

.navbar-brand {
    justify-content: flex-start;
    display: flex;
    align-items: center;
}

    .navbar-brand picture {
        margin-right: .25rem;
    }

.nav-link {
    text-decoration: underline;
    color: var(--hpd-surface-light);
    font-size: 1.2em;
    border-radius: .5em;
}

    .nav-link:hover, .nav-link:focus, .nav-brand:hover, .nav-brand:focus {
        background-color: white;
        border-radius: .5em;
    }

.accordion-item {
    border: 0;
}

.ppd-table-filter {
    padding-left: 0;
    padding-right: 1em;
    background-color: var(--hpd-secondary-light);
}

    .ppd-table-filter h2 {
        text-decoration: underline;
    }

.accordian-body {
    background-color: var(--hpd-);
}

.date-btn, .filter-submit-btn {
    background-color: var(--hpd-primary-light);
    color: var(--hpd-surface-light);
    border-color: var(--hpd-primary-light);
}

[role="separator"]::after {
    content: "|"
}

.arrest-mugshot {
    width: 120px;
}

@media screen and (max-width: 992px) {
    .nav-item {
        width: 100%;
    }

    .nav-link, .nav-link:hover, .nav-link:focus {
        border-radius: 0;
    }

    .table-responsive {
        display: block;
    }
}

@media (max-width: 767px) {
    table.table thead {
        display: none;
    }

    table.table tbody tr.data-row {
        display: block;
        border: 1px solid #dee2e6;
        margin-bottom: 0.5rem;
        border-radius: 0.25rem;
        background: #fff;
    }

        table.table tbody tr.data-row td {
            display: block;
            border: none;
        }

            table.table tbody tr.data-row td:first-child {
                padding: 0;
            }

    .row-toggle {
        width: 100%;
        text-align: left;
        padding: 0.75rem;
        background: none;
        border: none;
        font: inherit;
    }

    /* Collapse row styling */
   /* tr.collapse-row td {
        padding: 0;
        border: none;
    }

    .collapse-content {
        padding: 0.75rem;
        background: #f8f9fa;
        border: 1px solid #dee2e6;
        border-top: none;
    }

    .detail-item {
        margin-bottom: 0.5rem;
    }

    .detail-label {
        font-weight: 600;
        display: block;
    }
}@font-face{
    font-family: "Roboto";
    src: url('../fonts/roboto//Roboto-Regular.ttf') format('truetype');
}

:root {
    font-size: 1rem;*/*/
    /* Light Mode Colors */
    /*--hpd-primary-light: #00254F;
    --hpd-secondary-light: #d1d8df;
    --hpd-tertiary-light: #5E7559;
    --hpd-surface-light: #fff;
    --hpd-onprimary-light: #212121;
    --hpd-onsecondary-light: #212121;
    --hpd-ontertiary-light: #212121;
    --hpd-onsurface-light: #212121;
    --hpd-primary-text-light: #fff;
    --hpd-font-family: "Roboto", ui-sans-serif, system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --hpd-radius-size: .75rem;
}

body {
    font-family: var(--hpd-font-family);
}
header {
    background-color: var(--hpd-primary-light);
    color: var(--hpd-primary-text-light);
}

footer {
    background-color: var(--hpd-primary-light);
    color: var(--hpd-primary-text-light);
    padding: 1em 0;
}
footer div ul{
    padding:0;
    list-style-type: none;
}

footer a {
    color: var(--hpd-primary-text-light);
    margin: .25em;
}
a:hover {
    color: var(--hpd-primary-text-light);
}

h1, h2, h3, h4, h5, h6 {
    padding: 0 .25em;
}

.navbar, .navbar-brand, .nav-item {
    background-color: var(--hpd-primary-light) !important;
    color: white;
    position: relative;*/ /* Needed to flow under branding bar */
/*}

.navbar-brand:hover, .navbar-brand:focus {
    color: var(--hpd-surface-light);
}

.navbar-brand {
    justify-content: flex-start;
    display: flex;
    align-items: center;
}

.navbar-brand picture {
    margin-right: .25rem;
}

.nav-link {
    text-decoration: underline;
    color: var(--hpd-surface-light);
    font-size: 1.2em;
    border-radius: .5em;
}

.nav-link:hover, .nav-link:focus, .nav-brand:hover, .nav-brand:focus {
    background-color: white;
    border-radius: .5em;
}
.data-table-wrapper {
    padding: .5em;
}
.data-table-row, .data-table-header {
    border-radius: var(--hpd-radius-size);
}
.data-table-header {
    text-decoration: wavy;
}
.data-table-body {
}
.data-table {*/
    /*border: 1px solid #333;*/
    /*border-radius: var(--hpd-radius-size);
}
.data-table-col-head, .data-cell {
    justify-self: center;
}
.data-table-header:nth-child(2n+1), .data-table-row:nth-child(2n+1) {
    background-color: var(--hpd-color-tertiary);
}
.social-media-icon-link{
    text-decoration: none;
}

.social-media-icons {
}

@media screen and (max-width: 992px) {
    .nav-item {
        width: 100%;
    }

    .nav-link, .nav-link:hover, .nav-link:focus {
        border-radius: 0;
    }

    .navbar-toggler-icon {
        filter: hue-rotate(90deg);
    }

    .table-responsive {
        display: block;
    }
}*/