﻿/*--------------------------*/
/* Public Resources Global */
/*--------------------------*/
.public-resources header #hero-banner {
    background-image: url(/images/public-resources/header/public-resources-header.jpg);
    background-position: center;
    background-size: cover;
}
/*--------------------------*/
/* Public Resources Landing */
/*--------------------------*/
#public-resources-overview main h2 {
    margin-bottom: 0;
}

/*--------------------------*/
/* Offender Locator Page */
/*--------------------------*/
#required-fields {
    box-sizing:border-box;
    background-color: #eef2f4;
    padding: 4rem 0;
    padding-left: 3rem;
}

.no-csscolumns-breakinside #required-fields {
    width: 104%;
}

#offender-locator #clear-form {
    display: none;
}

#form-requirements {
    padding-left: 3rem;
}

#offender-locator #form-requirements.form-error {
    margin-top: 0;
}

#offender-locator #form-requirements.form-error p {
    color: #98002e;
    font-size: 1.8rem;
    line-height: 1.5;
    margin-bottom: 3rem;
}

#required-fields label:nth-of-type(1),
#optional-fields label:nth-of-type(1),
#optional-fields .offender-input-group,
#optional-fields label[for="middle-name"] {
    margin-left: 0;
}

.offender-input-group input#release-date {
    display: inline-block;
    margin-right: 1rem;
    width: 28.8rem; /*288px*/
}

.gap-spacer {
    width: 4rem;
}

.horzontal-line {
    border-bottom: 1px solid #464545;
    position: relative;
    top: 4rem;
    height: 2px;
    width: 2rem;
    margin: 0 auto;
}

.vertical-line {
    border-left: 1px solid #464545;
    height: 3rem;
    left: 0.9em;
    position: relative;
}

#offender-locator #or-divider-wrap {
    display: inline-block;
    margin-right: 3.19rem;
    margin-left: 3.18rem;
}

#offender-locator p.or-divider {
    margin: 0;
}

#offender-locator .calendar-icon {
    border: none;
    display: inline-block;
    height: 4rem;
    margin: 0 0 0 -0.4rem;
    vertical-align: bottom;
    width: 4rem;
}

#offender-locator-form button[type='submit'] {
    margin-top: 2rem;
}

#offender-locator-form .conditional-fields button[type='submit'] {
    float: right;
}

label#show-optional-offender-info {
    background-image: url(../images/global/icons/drop-arrows-down.svg);
    background-position: right 75%;
    background-repeat: no-repeat;
    color: #3a7ebc;
    cursor: pointer;
    display: none;
    font-size: 1.8em;
    line-height: 1;
    margin-left: 2rem;
    padding-right: 2rem;
    padding-top: 1.1rem;
    text-decoration: underline;
}

#offender-locator #required-fields .primary-button {
    display: none;
}

#offender-locator input[type=checkbox].conditional-trigger {
    display: none;
}

#offender-locator #results-sort ul,
#offender-locator #results-sort .button-group-title {
    display: none;
}

.result-data {
    border: 1px solid #a8a8a9;
    display: block;
    padding-bottom: 6em;
    padding-top: 4em;
}

ul#result-cards li {
    margin-bottom: 2em;
}

.result-data dd.result-location a {
    line-height: 1.4em;
}

#offender-locator ul#result-cards dt.alias,
ul#result-cards dd.alias {
    display: inline-block;
    font-style: italic;
    margin-bottom: 0;
}

.result-data .h2-style {
    margin-bottom: 0.5rem;
}

#optional-fields {
    margin-bottom: 6em;
    margin-top: 4em;
    padding-left: 3rem;
}

    #optional-fields label {
        margin-bottom: 2rem;
        position:relative;
    }

    #optional-fields hr {
        border-bottom: 1px dotted #a8a8a9;
        border-top: none;
        clear: both;
        margin: 0;
    }

#offender-results {
    margin-bottom: 4em;
    width: 100%;
}

#offender-locator ul#result-cards dt {
    margin-bottom: 1rem; /*10px*/
}

    #offender-locator ul#result-cards dt.alias-label {
        display: inline;
    }

    #offender-locator ul#result-cards dt.ib-element {
        margin-bottom: 0;
    }

ul#result-cards li.result-subgroup {
    display: inline-block;
    margin-bottom: 3rem;
    position: relative;
    vertical-align: top;
}

ul#result-cards li.result-subgroup.btm-row {
        margin-bottom: 0;
    }

.result-subgroup:nth-last-of-type(1) {
    vertical-align: middle;
}

.result-subgroup .multiline-link {
    font-size: 2.2em;
}

.result-offender-page,
.result-jpay {
    top: 2.3em;
    width: 5em;
}

    .result-offender-page img,
    .result-jpay img {
        height: 100%;
        width: 100%;
    }

dd.result-jpay {
    left: 0;
    position: absolute;
}

    dd.result-jpay a span,
    dd.result-offender-page a span {
        display: none;
    }

dd .tooltip {
    background-color: #eef2f4;
    display: none;
    padding: 2em 4em;
    position: absolute;
    right: -24.3rem;
    top: -8.3rem;
    width: 19em;
    z-index: 10;
}

#result-cards dd .tooltip p,
#result-cards dd .tooltip h2 {
    margin-bottom: 0;
}

label.front-card-flip {
    border-bottom: 40px solid #3a7ebc;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    display: none;
    height: 0;
    margin: 0;
    position: absolute;
    right: -2.6rem;
    top: -0.6rem;
    transform: rotateZ(45deg);
    width: 0;
}

    label.front-card-flip div {
        background-image: url(/images/global/icons/ellipsis.svg);
        background-position: center center;
        background-size: cover;
        height: 15px;
        left: -16px;
        position: relative;
        top: 16px;
        transform: rotateZ(-45deg);
        width: 22px;
    }

dd.result-offender-page {
    position: absolute;
    right: 0;
}

#disclaimer {
    margin-bottom: 6em;
    margin-top: 4em;
    width: 72rem;
    padding-left: 3rem;
}

#offender-search .no-offender-results {
    padding: 0 2rem;
}

#offender-search .no-offender-results {
    margin-bottom: 6rem;
    padding-left: 0;
    width: 72rem;
}

    #offender-search .no-offender-results .body-bold img {
        border: none;
        height: 3rem;
        margin-right: 1rem;
        vertical-align: middle;
        width: 3rem;
    }

    #offender-search .no-offender-results .body-bold span {
        display: inline;
        vertical-align: middle;
    }

    #offender-search .no-offender-results p.disclaimer {
        font-style: italic;
    }

/*-----New Inmate Locator Redesign CSS--------*/
#offender-search fieldset input[type=text]::placeholder {
    color: #ccc;
    opacity: 1;
    font-size: 1.6rem;
}
#offender-search fieldset label span.label {
    font-weight: 600;
}
#offender-search fieldset label span i {
    color: red;
}
#disclaimer-label span.label {
    display: inline-block;
}
#disclaimer-label a {
    cursor: pointer;
    margin-right: 0.5rem;
}
#inmate-locator-search-result p {
    margin-bottom: 0;
}
#inmate-locator-search-result table#inmate-list {
    width: 100%;
}
#inmate-locator-search-result table#inmate-list tr {
    height: 12rem;
}
#inmate-locator-search-result table#inmate-list tr:nth-child(odd) td {
    background-color: #EEF2F4;
}
#inmate-locator-search-result table#inmate-list tr {
    border-bottom: 1px dotted #CDCECE;
}
#inmate-locator-search-result table#inmate-list th {
    background-color: #FFF;
    font-size: 1.4rem;
    font-family: source-sans, arial, sans-serif;
    color: #000;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
#inmate-locator-search-result table#inmate-list th,
#inmate-locator-search-result table#inmate-list td {
    border: 0;
    width: 14rem;
    text-align: center;
}
#inmate-locator-search-result table#inmate-list thead img {
    border: none;
}
#inmate-locator-search-result table#inmate-list tbody img {
    width: 90px; /* or whatever size you need */
    height: 90px;
    border-radius: 50%; /* this makes it a circle */
    object-fit: fill; /* ensures the image covers the area without stretching */
}

#inmate-locator-search-result .pagination {
    margin-top: 5rem;
}
.inmate-name {
    cursor: pointer;
}
.pagination .btn-next {
    float: right;
}
.pagination .btn-next i {
    margin: 0.2rem 0 0 1rem;
    position: absolute;
    border: solid;
    border-width: 2px 2px 0 0;
    width: 1rem;
    height: 1rem;
    transform: rotate(45deg);
}
.pagination .btn-prev {
    float: left;
    color: #003768;
    border: 1px solid #003768;
}
.pagination .btn-prev:hover {
    color: #FFF !important;
    background-color: #003768;
    border: 1px solid #003768;
}
.pagination .btn-prev:visited {
    color: #003768;
}
.pagination .btn-prev i {
    margin: 0.2rem 0 0 -2rem;
    position: absolute;
    border: solid;
    border-width: 0 0 2px 2px;
    width: 1rem;
    height: 1rem;
    transform: rotate(45deg);
}

/*----- Inmate Detail Page ------*/
section#inmate-details {
    display: flex;
    padding-bottom: 3rem;
    border-bottom: 1px dotted #CFCECE;
}
section#inmate-details div:first-child {
    margin-right: 20rem;
}
section#inmate-details .inmate-thumbnail {
    border: none;
    border-radius: 50%;
    width: 30rem;
    height: 30rem;
    object-fit: cover;
    object-position: 75% 25%;
}
#inmate-details div:first-child p {
    font-size: 2.4rem;
    margin: 3rem 0 2rem 0;
    padding-left: 2rem;
}
#inmate-details div:first-child h2 {
    font-size: 3.6rem;
    font-weight: 600;
    padding-left: 2rem;
}
section#inmate-details .action-buttons a{
    text-decoration: none;
}
section#inmate-details .action-buttons img {
    border: none;
    margin-right: 1rem;
    cursor: pointer;
}
section#inmate-details table tr td {
    border: none;
    text-align:left;
    font-weight: 600;
}
section#inmate-details table tr td:nth-of-type(1) {
    padding-right: 3rem;
}
section#inmate-alias {
    padding-bottom: 3rem;
    border-bottom: 1px dotted #CFCECE;
}
section#inmate-alias p {
    padding-left: 2rem;
}
section#inmate-alias h2,
section#inmate-sentence h2,
section#inmate-infraction h2,
section#inmate-prev-location h2 {
    padding-left: 2rem;
    padding-top: 4rem;
    font-size: 3.6rem;
    font-weight: 600;
}
section#inmate-sentence h2,
section#inmate-infraction h2,
section#inmate-prev-location h2 {
    padding-bottom: 1rem;
}
section#inmate-sentence table tr,
section#inmate-infraction table tr,
section#inmate-prev-location table tr {
    height: 7rem;
    border-bottom: 1px dotted #CFCECE;
}
section#inmate-sentence table tbody tr:nth-child(odd) td,
section#inmate-infraction table tbody tr:nth-child(odd) td,
section#inmate-prev-location table tbody tr:nth-child(odd) td {
    background-color: #EEF2F4;
}
section#inmate-sentence table thead th,
section#inmate-infraction table thead th,
section#inmate-prev-location table thead th {
    border: none;
    color: #fff;
    background-color: #003768;
    line-height: 1.5;
}
section#inmate-sentence table th:nth-of-type(1),
section#inmate-sentence table td:nth-of-type(1) {
    width: 32rem;
}
section#inmate-sentence table th,
section#inmate-sentence table td {
    width: 20rem;
    border: none;
    text-align: left;
    font-size: 1.6rem;
    padding-right: 2rem;
}
section#inmate-infraction table th,
section#inmate-infraction table td {
    width: 29rem;
    border: none;
    text-align: left;
    font-size: 1.6rem;
    padding-right: 3rem;
}
section#inmate-infraction table th:nth-child(even),
section#inmate-infraction table td:nth-child(even) {
    width: 25rem;
}
section#inmate-infraction table th:nth-of-type(3),
section#inmate-infraction table td:nth-of-type(3) {
    width: 32rem;
}
section#inmate-prev-location table th,
section#inmate-prev-location table td {
    border: none;
    text-align: left;
    font-size: 1.6rem;
    padding-right: 2rem;
    width: 20rem;
}

/*------------Collapsible Table--------*/
.collapsible-table {
    width: 100%;
    border-collapse: collapse;
}

.collapsible-table th,
.collapsible-table td {
    border: 1px solid #ccc;
    padding: 1rem;
    text-align: left;
}

/* Desktop view */
.desktop-only {
    display: table-cell;
}
details {
    display: none;
}


@media print {
    header,
    footer,
    nav {
        display: none !important;
    }

    body * {
        visibility: hidden;
    }

    main * {
        visibility: visible;
    }
    main {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
    }
}
/*------------------------------------*/
/*--------------------*/
/*Most Wanted Page*/
/*--------------------*/
#most-wanted #most-wanted-contact {
    background-color: #003768;
    float: right;
    padding: 4em;
}

    #most-wanted #most-wanted-contact img {
        border: none;
        display: inline-block;
        height: auto;
        margin-left: 0.5em;
        margin-right: 4.5em;
        vertical-align: middle;
        width: 7em;
        height: 12.5em;
    }

    #most-wanted #most-wanted-contact a {
        text-decoration: none;
    }

        #most-wanted #most-wanted-contact a:hover {
            text-decoration: underline;
        }

    #most-wanted #most-wanted-contact .mw-contact-right {
        display: inline-block;
        vertical-align: middle;
    }

#most-wanted ul#most-wanted-list {
}

.most-wanted-card {
    border: 1px solid #a3a3a3;
    margin-bottom: 2rem;
    padding: 4rem 3.9em 6rem 3.9rem;
}

    .most-wanted-card figure {
        border: 1px solid #c2c2c2;
        display: inline-block;
        height: 19.8rem;
        margin-right: 4rem;
        overflow: hidden;
        width: 15.8rem;
    }

    .most-wanted-card img {
        border: none;
        width: 100%;
        height: auto;
    }

    .most-wanted-card h3.body-bold {
        text-transform: none;
        line-height: 1.4em;
    }

    .most-wanted-card dt,
    .most-wanted-card dd {
        display: inline;
    }

    .most-wanted-card dd {
        font-size: 1.7em;
    }

dl.general-attributes .mw-attribute-wrapper {
    margin-bottom: 2rem;
}

    dl.identity-attributes .mw-attribute-wrapper:nth-of-type(odd),
    dl.general-attributes .mw-attribute-wrapper:nth-of-type(odd) {
        display: inline-block;
        width: 28rem;
    }

    dl.identity-attributes .mw-attribute-wrapper:nth-of-type(even),
    dl.general-attributes .mw-attribute-wrapper:nth-of-type(even) {
        display: inline-block;
        margin-left: -4px;
        vertical-align: top;
        width: 16rem;
    }
/*--------------------*/
/* PREA Reports Page*/
/*--------------------*/
#prea-reports #annual-reports {
    padding-bottom: 6rem;
}

#prea-reports #audit-reports ul {
    margin-bottom: 6rem;
}

    #prea-reports #audit-reports ul:last-child {
        margin-bottom: 0;
    }

#prea-reports #audit-reports li {
    margin-bottom: 4rem;
}

    #prea-reports #audit-reports li:last-child {
        margin-bottom: 0;
    }

#prea-reports #audit-reports dd,
#prea-reports #audit-reports dt {
    margin-bottom: 2rem;
}

    #prea-reports #audit-reports dd:last-child {
        margin-bottom: 0;
    }
/*--------------------*/
/* FOIA Page*/
/*--------------------*/
#foia #inpage-links {
    margin-bottom: 4rem;
}


    #foia #inpage-links li:nth-last-of-type(1) {
        margin-bottom: 0;
    }

#foia #rights-overview {
    padding-bottom: 4rem;
}

    #foia #rights-overview .description {
        margin-bottom: 0;
    }

#foia #foia-rights ul.unstyled-list {
    margin-bottom: 0;
}

#foia #rights-overview p:nth-last-of-type(1),
#foia #requesting-records p:nth-last-of-type(1),
#foia #vadoc-responsibilities p:nth-last-of-type(1),
#foia #request-costs p:nth-last-of-type(1),
#foia #record-types p:nth-last-of-type(1),
#foia #exemptions p:nth-last-of-type(1) {
    margin-bottom: 0;
}

#foia #requesting-records,
#foia #vadoc-responsibilities,
#foia #send-request,
#foia #vadoc-responsibilities,
#foia #request-costs,
#foia #record-types {
    padding-bottom: 6rem;
}

    #foia #send-request .vcard {
        margin-bottom: 4rem;
        margin-top: 2.5rem;
    }

        #foia #send-request .vcard span {
            line-height: 1.5;
        }

        #foia #send-request .vcard p + p {
            margin-top: 0;
        }

    #foia #send-request .tel,
    #foia #send-request .street-address,
    #foia #send-request .post-office-box,
    #foia #send-request .org,
    #foia #send-request .fn {
        margin: 0;
    }

    #foia #send-request #hcard-genral-records .org {
        font-style: italic;
    }

    #foia #send-request #hcard-legal-services .fn {
        font-style: italic;
    }

    #foia #send-request p:nth-last-of-type(1) {
        margin-bottom: 0;
    }

    #foia #vadoc-responsibilities ol {
        margin-left: 4rem;
        margin-bottom: 4rem;
    }

        #foia #vadoc-responsibilities ol li,
        #foia #record-types ul li,
        #foia #exemptions ul li {
            margin-bottom: 2rem;
        }

            #foia #vadoc-responsibilities ol li:nth-last-of-type(1),
            #foia #record-types ul li:nth-last-of-type(1),
            #foia #exemptions ul li:nth-last-of-type(1) {
                margin-bottom: 0;
            }

#foia #exemptions {
    margin-bottom: 0;
}

#foia #record-types ul {
    margin-bottom: 4rem;
}

#foia section ul:last-child {
    margin-bottom: 0;
}
/*--------------------*/
/* Procurement Page*/
/*--------------------*/
#procurement #hcard-eva-registration {
    margin-bottom: 3rem;
    margin-top: -1rem;
}

    #procurement #hcard-eva-registration.vcard .tel {
        margin: 0;
    }

        #procurement #hcard-eva-registration.vcard .tel p {
            margin-bottom: 1rem;
        }

    #procurement #hcard-eva-registration.vcard a.email {
        line-height: 1;
    }

#procurement h3.body-bold span {
    font-size: 1.8rem;
    font-weight: 400;
}

#procurement ul.term-contract-list {
    margin-bottom: 4rem;
}

    #procurement ul.term-contract-list li {
        margin-bottom: 2rem;
    }

#procurement #vce {
    background-color: #eef2f4;
    padding-bottom: 6rem;
    padding-top: 4rem;
}

    #procurement #vce p:nth-last-of-type(1) {
        margin-bottom: 0;
    }

#procurement #hcard-main-contact {
    margin-bottom: 0;
}

    #procurement #hcard-main-contact #questions {
        margin-bottom: 3rem;
    }

    #procurement #hcard-main-contact #closed {
        font-style: italic;
    }
/*------------------------*/
/* Operating Procedures */
/*------------------------*/
#operating-procedures #intro p:nth-last-of-type(1) {
    margin-bottom: 0;
}

#procedure-categories {
    padding-top: 4rem;
}

    #procedure-categories h2 {
        margin-bottom: 4rem;
    }

    #procedure-categories li.drawer {
        padding: 4rem 4rem 4rem 8rem;
        width: inherit;
    }

    #procedure-categories .drawer-icon {
        margin-left: -6rem;
        margin-right: 2rem;
        margin-top: 0.5rem;
        vertical-align: initial;
    }

    #procedure-categories .procedure-tag {
        background-image: url(/images/home/flag-triangle-gray.svg);
        background-size: 13px 50px;
        line-height: 1;
        margin-left: -4px;
        margin-right: 0;
        margin-top: 0;
        padding: 1.6rem 3.8rem 1.6rem 3rem;
        width: initial;
        width: auto;
    }

    #procedure-categories .procedure-header {
        background-color: #eef2f4;
        display: inline-block;
        margin-bottom: 3rem;
        margin-left: -4px;
        padding: 1.6rem 0 1.6rem 3rem;
        vertical-align: top;
        width: 51.2rem;
    }

        #procedure-categories .procedure-header p {
            margin: 0;
        }

    #procedure-categories .drawer p.description {
        margin: 0;
    }

    #procedure-categories .procedure-header h3 {
        line-height: 1;
    }

    #procedure-categories li.drawer .procedure-list {
        border-top: 1px dotted #a3a3a3;
        padding-top: 4rem;
        width: 60rem;
    }

        #procedure-categories li.drawer .procedure-list li {
            margin-bottom: 4rem;
        }

            #procedure-categories li.drawer .procedure-list li p {
                margin: 0;
            }

                #procedure-categories li.drawer .procedure-list li p span.procedure-num {
                    display: inline-block;
                    font-weight: 600;
                    margin-right: 0.5rem;
                    vertical-align: top;
                    width: 5rem;
                }

                #procedure-categories li.drawer .procedure-list li p a.procedure-link {
                    display: inline-block;
                    margin-left: -4px;
                    vertical-align: top;
                    width: calc(100% - 5.5rem);
                }

            #procedure-categories li.drawer .procedure-list li .procedure-attachment-list {
                margin-top: 2rem;
            }

                #procedure-categories li.drawer .procedure-list li .procedure-attachment-list li {
                    margin-bottom: 2rem;
                    padding-left: 8rem;
                }

                    #procedure-categories li.drawer .procedure-list li .procedure-attachment-list li p,
                    #procedure-categories li.drawer .procedure-list li .procedure-attachment-list li a {
                        line-height: 1;
                    }
/*------------------------*/
/* Financial Reports */
/*------------------------*/
#financial-reports #annual-reports {
    padding-bottom: 6rem;
}

#financial-reports #special-reports {
    margin-bottom: 0;
}

    #financial-reports #special-reports li {
        margin-bottom: 4rem;
    }

        #financial-reports #special-reports li:last-child {
            margin-bottom: 0;
        }

    #financial-reports #special-reports dt {
        margin-bottom: 2.5rem;
    }

    #financial-reports #special-reports dd {
        margin-bottom: 2rem;
    }

        #financial-reports #special-reports dd:last-child {
            margin-bottom: 0;
        }

#financial-reports section:last-child p:last-child {
    margin-bottom: 0;
}
/*------------------------*/
/* Procurement */
/*------------------------*/
#procurement .vcard {
    margin-bottom: 4rem;
}

    #procurement .vcard:not(#hcard-main-contact) p {
        margin-bottom: 0;
    }

#procurement #vce {
    margin-bottom: 0;
}

#procurement h3 span {
    font-weight: 400;
}
/*-------------------------------*/
/* Federal Bonding */
/*-------------------------------*/
#federal-bonding section {
    padding-bottom: 6rem;
}

    #federal-bonding section p:last-child,
    #federal-bonding section ul:last-child {
        margin-bottom: 0;
    }

#federal-bonding #who-bonding-helps {
    background-color: #eef2f4;
    margin-bottom: 4rem;
    padding: 4rem 4rem 6rem 4rem;
    text-align: center;
}

    #federal-bonding #who-bonding-helps h2 {
        margin-bottom: 4rem;
    }

    #federal-bonding #who-bonding-helps .icon-box:nth-of-type(1) {
        border-right: 1px dotted #a8a8a9;
        margin-left: 0;
        margin-right: 4rem;
        padding-right: 3.9rem;
    }

    #federal-bonding #who-bonding-helps .icon-box img {
        border: none;
        height: 6rem;
        margin-bottom: 2rem;
        width: 6rem;
    }

    #federal-bonding #who-bonding-helps .icon-box p:last-child {
        margin-bottom: 0;
    }

#federal-bonding ul.icon-list .callout-quote {
    border-bottom: 1px dotted #a8a8a9;
    border-top: 1px dotted #a8a8a9;
    font-weight: 600;
    margin-top: 4rem;
    padding: 2rem 0;
}
/*-------------------------------*/
/* Offender Population Reports */
/*-------------------------------*/
#offender-population-reports section {
    padding-bottom: 6rem;
}

    #offender-population-reports section p:last-child,
    #offender-population-reports section ul:last-child {
        margin-bottom: 0;
    }

#offender-population-reports #monthly-reports-list {
    margin-left: 0;
}

    #offender-population-reports #monthly-reports-list > li {
        margin-bottom: 4rem;
    }

        #offender-population-reports #monthly-reports-list > li:nth-last-of-type(1),
        #offender-population-reports #monthly-reports-list > li:nth-last-of-type(2),
        #offender-population-reports #monthly-reports-list > li:nth-last-of-type(3) {
            margin-bottom: 0;
        }

        #offender-population-reports #monthly-reports-list > li:first-child,
        #offender-population-reports #monthly-reports-list > li:nth-child(4n + 0) {
            margin-left: 0;
        }

#offender-population-reports ul.no-bullet {
    margin-bottom: 0;
    margin-top: 0;
}

#offender-population-reports #misc-reports-2 {
    padding-bottom: 0;
}

#offender-population-reports #misc-reports #misc-reports-list > li {
    margin-bottom: 4rem;
}

    #offender-population-reports #misc-reports #misc-reports-list > li:last-child {
        margin-bottom: 0;
    }

#offender-locator #optional-fields label[for="age-from"]:after {
    content: '';
    border-bottom: 1px solid #464545;
    bottom: 2rem;
    display: inline-block;
    position: absolute;
    right: -24px;
    vertical-align: middle;
    width: 1rem;
}

#offender-search-results {
    margin-left: 3rem;
}

.filter-title, .filter-buttons {
    display: inline-block !important;
}

.filter-title {
    margin-right: 2rem;
}

.filter-buttons li button {
    width: 103%

}
/*------------------------*/
/*   Don't Be Next Page   */
/*------------------------*/
.dont-be-next-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
}
.dont-be-next-card {
    background-color: #fff;
    border: 0.2rem solid #ddd;
    border-radius: 1em;
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1), 0 0.375rem 1.25rem rgba(0, 0, 0, 0.1);
    padding: 1.25rem;
    text-align: center;
    transition: transform 0.2s ease-in-out;
}
.img-container {
    margin-top: 2rem;
    display: inline-flex;
}

/*--------------------*/
/*Reentry Bonding Page*/
/*--------------------*/
#re-bonding
{
    background-color: #fff;
}

#re-bonding .breadcrumbs {
    background-color: #fff;
    margin-top: 0;
    padding-bottom: 4rem;
    padding-top: 2rem;
}

#re-bonding #re-bonding-intro {
    margin-bottom: 0;
}

#re-bonding #re-bonding-form fieldset {
    padding-bottom: 2em;
}

#re-bonding #re-bonding-form legend.h2-style {
    margin-bottom: 0.90909em;
}

#re-bonding #re-bonding-form hr {
    border-top: 1px solid #a8a8a9;
    border-left: none;
    border-right: none;
    border-bottom: none;
    height: 1px;
    margin: 0 8em 4em 0;
}

#re-bonding #re-bonding-form fieldset .form-group {
    display: inline-block;
    vertical-align: top;
}

#re-bonding #re-bonding-form fieldset .form-group:nth-of-type(1) {
    padding-right: 4em;
}

#re-bonding #re-bonding-form fieldset .form-group:nth-last-of-type(1) {
    margin-left: -3px;
    margin-right: 8rem;
    padding-top: 0;
    padding-left: 4em;
}

#re-bonding #re-bonding-form fieldset#personal-info .form-group:nth-of-type(1) {
    border-right: 1px dotted #a8a8a9;
    padding-bottom: 6.6rem;
}

#re-bonding #re-bonding-form input {
    width: 29.8rem;
}

#re-bonding #re-bonding-form select {
    width: 32rem;
}

#re-bonding #re-bonding-form fieldset#message-group #title {
    width: 29.8rem;
}

#re-bonding #re-bonding-form fieldset.radio-group {
    padding-bottom: 0;
}

#re-bonding #re-bonding-form fieldset.radio-binary legend {
    font-family: source-sans, arial, sans-serif;
    font-size: 1.7em;
    line-height: 1.4em;
    margin-bottom: 0.625em;
}

#re-bonding #re-bonding-form .radio-box {
    background-color: #fff;
    border: 1px solid #a8a8a9;
    border-radius: 2px;
    height: 2.8rem;
    margin-bottom: 4rem;
    padding: 1.3rem 1rem 0 1rem;
    position: relative;
    width: 9.5rem;
}

#re-bonding #re-bonding-info .form-group:nth-last-of-type(1) {
    margin-top: 4.2rem;
}

#re-bonding #re-bonding-form .binary-positive,
#re-bonding #re-bonding-form .binary-negative {
    margin-top: 0;
    margin-bottom: 0;
}

#re-bonding #re-bonding-form .binary-negative {
    float: right;
}

#re-bonding #re-bonding-form .binary-positive .custom-radio,
#re-bonding #re-bonding-form .binary-negative .custom-radio {
    border: 1px solid #464545;
    height: 1rem;
    top: 0.1rem;
    width: 1rem;
}

#re-bonding #re-bonding-form .binary-positive .label,
#re-bonding #re-bonding-form .binary-negative .label {
    margin-bottom: 0;
    margin-left: 1.8rem;
}

#reentrybonding-form fieldset label {
    margin-right: 2rem;
}

#re-bonding
fieldset
input.positive:checked ~ .radio-box
label.binary-positive
span.custom-radio:after,
#re-bonding
fieldset
input.negative:checked ~ .radio-box
label.binary-negative
span.custom-radio:after {
    background: #464545;
    display: block;
    height: 0.6rem; /*12px*/
    left: 2px;
    top: 2px;
    width: 0.6rem; /*12px*/
}

#re-bonding #re-bonding-form #message-group label:last-of-type {
    float: none;
    margin-bottom: 0;
    margin-top: 2rem;
}

#re-bonding #re-bonding-form label:last-of-type #re-bonding #re-bonding-form fieldset#offender-info {
    padding-bottom: 0;
}

#re-bonding #re-bonding-form fieldset#offender-info .form-group {
    vertical-align: top;
}

#re-bonding #re-bonding-form fieldset#offender-info .conditional-fields {
    display: none;
}

#re-bonding
#re-bonding-form
fieldset#offender-info
input.conditional-trigger:checked ~ .conditional-fields {
    display: block;
}

#re-bonding #re-bonding-form fieldset#message-group {
    margin-top: 4rem;
    padding-bottom: 120rem;
    width: 72em;
}

#re-bonding #re-bonding-form fieldset#message-group label[for='message'] {
    margin-bottom: 0;
}

#re-bonding #re-bonding-form fieldset#message-group textarea {
    height: 47.4rem;
    margin-bottom: 0;
    width: 69.8rem;
}

#re-bonding #re-bonding-form #captcha-wrapper {
}

#re-bonding #re-bonding-form .submit-form {
    margin-top: 4rem;
}

#re-bonding #re-bonding-form fieldset#message-group input {
    width: 33.8rem;
}

#contact-us #form-results {
    width: 72rem;
}

#re-bonding #form-results .re-bonding-submission-message {
    background-color: #fff;
    margin-bottom: 4rem;
    padding: 4rem 4rem 6rem 2rem;
}

#re-bonding #form-results .re-bonding-submission-message p:nth-last-of-type(1) {
    margin-bottom: 0;
}

#re-bonding #form-results .re-bonding-submission-message img {
    border: none;
    vertical-align: top;
}

.re-floatBlock {
    margin: 0 1.81em 0 0;
    display: -webkit-inline-box;
}

.re-employment-options {
    border: none;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    break-before: always;
    margin: 0 0 3em 0;
}

.re-label {
    display: block;
    cursor: pointer;
}

.bondee-detail textarea {
    height: 100px;
    width: 100%;
}

#btnAddBondee {
    background-color: #e0e6f2;
    padding: 1rem;
    color: #1a4c7d;
    border: none;
    font-size: 1.5rem;
    text-align: center;
    float: right;
    cursor: pointer;
}

#btnAddBondee:hover{
    background-color:#c6d1e6;
}

#reentry-bondee-section .form-group:last-child {
    margin-top: 5rem;
}

#reentry-bondee-section .form-group:last-child button{
    margin-top: 5rem;
}
.badge-container {
    position: relative;
    display: inline-block;
    margin-right: 1rem;
}
.badge-container span:last-child {
    padding-left: 3.5rem;
}
.number-badge {
    position: absolute;
    background-color: #e0e6f2;
    color: #1a4c7d;
    border-radius: 50%;
    padding: .5rem .7rem;
    font-size: 1.6rem;
    font-weight: bold;
    top: -.5rem;
}
.reentry-border-top {
    border-top: 1px dotted #a8a8a9;
    margin-top: 5rem;
    margin-bottom: 3rem;
}
  /*Date picker style*/
#date-picker {
    display: inline-flex
}
#re-bonding .calendar-icon {
    align-content: center;
    font-size: 1.8rem;
    padding: 0.5rem;
    background: #c6d1e6;
    cursor: pointer;
}

/*--------------------*/
/*  Volunteer Application Form Page */
/*--------------------*/
.iframe-container {
    width: 100%;
}
.iframe-container iframe {
    width: 100%;
}


/*------------------------*/
/* Media Queries */
/*------------------------*/
@media screen and (max-width: 800px) {
    /* Offender Locator Mobile*/

    #offender-locator main {
        padding-top: 4rem;
    }

    #offender-search-results {
        margin-left: 0;
    }

    #form-requirements {
        padding-left: 2rem;
    }

    #required-fields #clear-form {
        display: block;
        float: right;
        margin-top: 0.2rem;
    }

    #required-fields {
        padding-left: 3rem;
        padding-right: 3rem;
    }

    #required-fields h2 {
        display: inline-block;
        padding: 0px;
    }

    #offender-locator #results-sort .button-group-title,
    #offender-locator #results-sort ul {
        display: none;
    }

    #offender-search-results {
        background-color: #eef2f4;
        padding-bottom: 6rem;
    }

    .conditional-fields {
        display: none;
    }

    #offender-search .conditional-fields {
        display: block;
    }

    label.front-card-flip {
        display: block;
    }

    input.conditional-trigger:checked ~ .conditional-fields {
        display: block;
        margin-bottom: 2rem;
    }

    #offender-locator #required-fields .primary-button {
        display: block;
        margin-bottom: 2rem;
        width: 39%;
    }

    #offender-locator label[for="last-name"],
    #offender-locator label[for="first-name"],
    #offender-locator label[for="offender-id"],
    #offender-locator #optional-fields label[for="release-date"]{
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding: 0px;
    }

    #offender-locator #or-divider-wrap {
        display: block;
        margin: 0 auto 2rem auto;
        width: 12rem;
    }

        #offender-locator #or-divider-wrap .vertical-line {
            border-bottom: 1px solid #464545;
            border-left: none;
            display: inline-block;
            height: 0;
            position: static;
            width: 4rem;
        }

        #offender-locator #or-divider-wrap p.or-divider {
            display: inline-block;
            margin: 0 0.5rem;
            vertical-align: middle;
        }

    label#show-optional-offender-info {
        display: inline-block;
        margin: 0 0 4rem 0;
        padding: 0 2rem 0 0;
    }

    #offender-locator #optional-fields {
        margin-bottom: 0;
        padding-right: 4rem;
        padding-left: 0px;
    }


    #offender-locator label[for="age-from"] {
        position: relative;
    }

    #offender-locator label[for="age-to"] {
        float: right;
    }

    #offender-locator #optional-fields label#show-optional-offender-info {
        display: inline-block;
    }

    #offender-locator #optional-fields hr {
        display: none
    }

    #offender-locator button[type="submit"].primary-button {
        float: none;
    }

    #offender-locator #err-display {
        margin-bottom: 0;
        padding: 0;
        padding-top: 4rem;
        width: auto; /*For IE and Edge*/
        width: initial;
    }

        #offender-locator #err-display p {
            margin-bottom: 0;
        }

            #offender-locator #err-display p.body-bold img,
            #offender-locator #err-display p.body-bold span {
                display: inline-block
            }

            #offender-locator #err-display p.body-bold span {
                margin-left: -4px;
                width: calc(100% - 4rem);
            }

    #offender-locator #disclaimer {
        width: auto; /*For IE and Edge*/
        width: initial;
    }


    #offender-locator #results-sort h2 {
        padding-top: 4rem;
    }

    #offender-locator #results-sort .button-group-title,
    #offender-locator #results-sort ul {
        display: none;
        width: 100%;
    }

    #offender-locator ul#result-cards dl,
    #offender-locator ul#result-cards dt,
    #offender-locator ul#result-cards dd,
    #offender-locator ul#result-cards li.result-subgroup,
    #offender-locator ul#result-cards li.result-subgroup.mar-l-1.mar-r-1 {
        display: block;
        line-height: 1;
        margin-left: 0;
        margin-right: 0;
        width: auto; /*For IE and Edge*/
        width: initial;
    }

        #offender-locator ul#result-cards dd.result-jpay,
        #offender-locator ul#result-cards dd.result-offender-page {
            display: inline-block;
            margin-right: 4rem;
            position: static;
            text-align: center;
        }

            #offender-locator ul#result-cards dd.result-jpay img,
            #offender-locator ul#result-cards dd.result-offender-page img {
                height: 6rem;
                width: 6rem;
            }

            #offender-locator ul#result-cards dd.result-jpay a,
            #offender-locator ul#result-cards dd.result-offender-page a {
                text-decoration: none;
            }

                #offender-locator ul#result-cards dd.result-jpay a span,
                #offender-locator ul#result-cards dd.result-offender-page a span {
                    color: #464545;
                    display: block;
                }

    #offender-locator ul#result-cards li.result {
        perspective: 1000px;
    }

        #offender-locator ul#result-cards li.result .conditional-trigger:checked ~ ul.result-data {
            transform: rotateY(360deg);
        }

            #offender-locator ul#result-cards li.result .conditional-trigger:checked ~ ul.result-data label.front-card-flip div {
                background-image: url('/images/nav/drop-arrows-down.svg');
                height: 10px;
                left: -7px;
                transform: rotateZ(45deg);
                top: 19px;
                width: 15px;
            }

    #offender-locator ul#result-cards ul.result-data {
        background-color: #fff;
        padding: 4rem 2rem;
        position: relative;
        overflow: hidden;
        transition: all 0.2s ease-in-out;
        transform-style: preserve-3d;
    }

    #offender-locator ul#result-cards .card-back,
    #offender-locator ul#result-cards li.result-subgroup.card-back,
    #offender-locator ul#result-cards dt.alias-label {
        display: none;
    }

    #offender-locator ul#result-cards li.result .conditional-trigger:checked ~ ul.result-data .card-back {
        display: block;
    }

    #offender-locator ul#result-cards li.result .conditional-trigger:checked ~ ul.result-data .card-front {
        display: none;
    }

    #offender-locator ul#result-cards dt.personal-info,
    #offender-locator ul#result-cards dd.ars {
        display: none;
    }

    ul#result-cards .result-data li.result-subgroup {
        margin-bottom: 4rem;
    }

    .result-data dt {
        font-weight: 600;
    }

    #offender-locator .result-data dd.h2-style:not(.name) {
        font-size: 1.8rem;
        font-weight: 400;
        font-family: source-sans, arial, sans-serif;
    }
    /*FOIA Mobile*/
    #foia main {
        padding-bottom: 0;
    }

    #foia #vadoc-responsibilities ol {
        margin-left: 0;
    }
    /*Operating Procedures Mobile*/
    #procedure-categories li.drawer {
        padding: 4rem 2rem;
        width: calc(100% - 4.2rem);
    }

    #procedure-categories .drawer-icon {
        float: right;
        margin: 0;
    }

    #procedure-categories .procedure-tag {
        background-image: url(../images/home/flag-triangle-white.svg);
        float: left;
        margin-bottom: 2rem;
        margin-left: 0;
    }

    #procedure-categories .closed-drawer:hover .procedure-tag {
        background-image: url(../images/home/flag-triangle-gray.svg);
    }

    #procedure-categories .procedure-header {
        background-color: transparent;
        clear: both;
        display: block;
        margin: 0 0 4rem 0;
        padding: 0;
        width: auto; /*For IE and Edge*/
        width: initial;
    }

    #procedure-categories li.drawer .procedure-list {
        width: auto; /*For IE and Edge*/
        width: initial;
    }

        #procedure-categories li.drawer .procedure-list li .procedure-attachment-list li {
            padding-left: 7rem;
        }

    /* Financial Reports Mobile */


    /* Procurement Mobile */
    #procurement main {
        padding-bottom: 0;
    }

    /* Most Wanted Mobile */
    .most-wanted-card.col-16 {
        width: initial;
        width: auto;
    }

    .most-wanted-card figure {
        margin-bottom: 2rem;
    }

    .mw-card-right {
        margin-left: 0;
    }

    dl.identity-attributes .mw-attribute-wrapper {
        margin-bottom: 2rem;
    }

        dl.identity-attributes .mw-attribute-wrapper:last-child {
            margin-bottom: 0;
        }

        dl.identity-attributes .mw-attribute-wrapper:nth-of-type(odd),
        dl.general-attributes .mw-attribute-wrapper:nth-of-type(odd) {
            display: block;
            width: initial;
            width: auto;
        }

        dl.identity-attributes .mw-attribute-wrapper:nth-of-type(even),
        dl.general-attributes .mw-attribute-wrapper:nth-of-type(even) {
            display: block;
            margin-left: 0;
            width: initial;
            width: auto;
        }
    /*  Offender Population Reports Mobile */
    #offender-population-reports #monthly-reports-list li {
        margin-left: 0;
    }
    /*  Federal Bonding */
    #federal-bonding main {
        padding-bottom: 0;
    }

    #federal-bonding #who-bonding-helps {
        padding-left: 0;
        padding-right: 0;
    }

        #federal-bonding #who-bonding-helps .icon-box {
            margin-left: 2rem;
            margin-right: 2rem;
            width: initial;
            width: auto;
        }

            #federal-bonding #who-bonding-helps .icon-box:nth-of-type(1) {
                border-bottom: 1px dotted #a8a9a9;
                border-right: none;
                margin: 0 2rem 4rem 2rem;
                padding: 0 0 4rem 0;
            }
}

@media (max-width: 800px) {
    /*New inmate locator redesign*/
    table#inmate-list th:nth-child(5),
    table#inmate-list td:nth-child(5),
    table#inmate-list th:nth-child(6),
    table#inmate-list td:nth-child(6),
    table#inmate-list th:nth-child(7),
    table#inmate-list td:nth-child(7) {
        display: none;
    }

    table#inmate-list tr td,
    table#inmate-list tr th,
    table#inmate-list td a,
    section#inmate-sentence table tr th,
    section#inmate-sentence table tr td,
    section#inmate-prev-location table tr th,
    section#inmate-prev-location table tr td {
        font-size: 1.6rem;
    }

    .pagination a {
        font-size: 1.4rem !important;
    }

    section#inmate-details h2,
    section#inmate-details div:first-child h2,
    section#inmate-alias h2,
    section#inmate-sentence h2,
    section#inmate-prev-location h2 {
        font-size: 2.6rem;
    }

    section#inmate-details {
        display: grid;
    }

    section#inmate-details .inmate-thumbnail {
        display: none;
    }

    section#inmate-details table tr td {
        font-size: 1.6rem;
    }

    section#inmate-details div:first-child {
        padding: 0;
        margin-right: 0;
    }
    section#inmate-details div:first-child p {
        font-size: 1.6rem;
    }

    section#inmate-details .action-buttons {
        margin-left: 1rem;
        width: 22rem;
    }
    section#inmate-details .action-buttons img {
        width: 25%;
    }
    section#inmate-details .action-buttons a img {
        width: 28%;
    }

    /*---------Collapsible table--------*/
    /* Hide extra columns in table */
    .desktop-only {
        display: none;
    }
    details {
        display: block;
    }
    /* Let summary show the native browser arrow */
    summary {
        cursor: pointer;
        font-weight: bold;
    }
    
    /* Show hidden info when expanded */
    details[open] .extra {
        display: block;
        background: #f9f9f9;
        padding: 6px;
        border: 1px solid #ddd;
        border-radius: 4px;
        margin-top: 4px;
    }
    details[open] .extra div {
        padding: 0.5rem;
    }
    details[open] .extra div strong {
        font-weight: 600;
    }
     

}





