body {
    background: black;
    background-color: black;
    color: antiquewhite;
    margin: 0px;
    padding: 0px;
}

.wholePage {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    border: 0px;
}

hr {
    border: 1px solid yellow;
    margin: 5px;
}

.menuBarMain {
    background-color: #0C440C;
    color: black;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    height: 35px;
    text-align: center;
    vertical-align: middle;
    align-content: center;
    white-space: nowrap;
}

.menuBarIcon {
    background-color: forestgreen;
    font-weight: bold;
    margin: 2px;
    height: 30px;
    padding: 9px 2px 2px 2px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    text-decoration: none;
}

.menuBarIconDesktopOnly {
    visibility: hidden;
}


a.menuBarIcon:link {
    color: black;
}

a.menuBarIcon:visited {
    color: black;
}

.menuBarNotification:link {
    background-color: red;
}

.menuBarNotification:visited {
    background-color: red;
}


.menuBarImageIcon {
    height: 25px;
}


.classifiedTag {
    text-align: center;
    text-transform: uppercase;
    color: lightblue;
    border: 2px dashed #5A6F8E;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-weight: bold;
    font-size: x-small;
    padding: 0px;
    margin: 2px;
    overflow: hidden;
    white-space: nowrap;
}

@media all and (max-width: 700px) {
    .classifiedTag {
        text-indent: 0px;
    }
}


.classifiedAgency {
    text-align: center;
    border-left: 2px dashed #5A6F8E;
    border-right: 2px dashed #5A6F8E;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 2px;
    margin-right: 2px;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-size: large;
    text-shadow: 1px 2px 3px #666;
}

.classifiedBoarderHeader {
    border-left: 2px dashed #5A6F8E;
    border-right: 2px dashed #5A6F8E;
    border-bottom: 1px dashed #5A6F8E;
    margin-left: 2px;
    margin-right: 2px;
}

.classifiedToolbar {
    background-color: #00275E;
    margin: 0px;
    padding: 0px;
    border: solid #00275E;
    border-width: 2px 2px;
    height: 38px;
}

.classifiedContent {
    border-left: 2px dashed #5A6F8E;
    border-right: 2px dashed #5A6F8E;
    margin-left: 2px;
    margin-right: 2px;
    height: 15px;
    height: calc( 100% - 116px );
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

    .classifiedContent::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        background-color: #352121;
    }

    .classifiedContent::-webkit-scrollbar {
        width: 10px;
        background-color: #562424;
    }

    .classifiedContent::-webkit-scrollbar-thumb {
        background-color: #000000;
        border: 2px solid #555555;
    }


.ClassifiedLES {
    background-color: lightgreen;
    color: black;
    font-size: x-small;
    font-weight: bold;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    border: 1px solid green;
    padding: 4px;
    margin: 15px;
}


.departmentLogo {
    float: right;
    height: 42px;
    position: absolute;
    z-index: 100;
    right: 3px;
    top: 50px;
    opacity: 1;
}


.messageConfirm {
    text-align: center;
    background-color: #00275E;
    color: lightgreen;
    font-weight: bold;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.messageConfirmText {
    animation: blinker 4s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.wantedpersonName {
    font-size: larger;
    font-weight: bold;
    text-transform: uppercase;
    color: whitesmoke;
    text-decoration: none
}

a.wantedpersonName:link {
    color: whitesmoke;
}

a.wantedpersonName:visited {
    color: whitesmoke;
}

.wantedpersonPicture {
    display: block;
    -webkit-border-radius: 20;
    -moz-border-radius: 20;
    border-radius: 20px;
    width: auto;
    height: auto;
    max-height: 200px;
    max-width: 95%;
    align-content: center;
}


.wantedpersonPicturePopup {
    display: block;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    width: auto;
    height: auto;
    max-height: 85px;
    max-width: 95%;
    align-content: center;
    box-shadow: 0 3px 14px rgba(0,0,0,.4);
}

.wantedpersonIdentifiers {
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    color: #FFD3A6;
    font-weight: bold;
    text-transform: uppercase;
    overflow-wrap: break-word;
    -webkit-column-break-inside: avoid;
    break-inside: avoid-column;
}

.wantedpersonWarrantInfo {
    color: aqua;
    font-weight: bold;
    text-transform: uppercase;
}

.wantedpersonHR {
    color: #663402;
    border-color: #663402;
}

a.maplink {
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: small;
    font-weight: normal;
    color: sandybrown;
    text-decoration: none;
}


    a.maplink:link {
        color: sandybrown;
    }

    a.maplink:visited {
        color: sandybrown;
    }


a.commandButton:link {
    color: navajowhite;
    background: #00275E;
    border: 1px dashed #4e0101;
}

a.commandButton:visited {
    color: navajowhite;
    background: #00275E;
}

.commandButton {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    text-shadow: 1px 1px 3px #000000;
    font-family: Arial;
    color: black;
    font-size: 20px;
    padding: 2px 6px 2px 6px;
    text-decoration: none;
    margin-top: 4px;
    border-right: groove black;
    border-bottom: groove black;
}

a.copixTipRespondButton:link {
    color: black;
    background: darkgrey;
}

a.copixTipRespondButton:visited {
    color: black;
    background: darkgrey;
}

.copixTipRespondButton {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border: brown 1px;
    border-radius: 8px;
    text-shadow: 1px 1px 3px #dedede;
    font-family: Arial;
    color: black;
    font-size: 20px;
    padding: 2px 6px 2px 6px;
    text-decoration: none;
    margin-top: 4px;
    position: absolute;
    right: -20px;
    bottom: -4px;
}

a.copixTipAddButton:link {
    color: black;
    background: sandybrown;
}

a.copixTipAddButton:visited {
    color: black;
    background: sandybrown;
}

.copixTipAddButton {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border: brown 1px;
    border-radius: 8px;
    text-shadow: 1px 1px 3px #dedede;
    font-family: Arial;
    color: black;
    font-size: 20px;
    padding: 5px 9px 5px 9px;
    text-decoration: none;
    margin-top: 4px;
    position: absolute;
    right: 8px;
    top: 15px;
    z-index:40;
}


.divWantItem {
    background-color: darkslategray;
    color: antiquewhite;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    font-family: Arial;
    font-size: small;
    padding: 8px 8px 8px 8px;
    text-decoration: none;
    -moz-box-shadow: inset 0 0 10px #626262;
    -webkit-box-shadow: inset 0 0 10px #626262;
    box-shadow: inset 0 0 10px #626262;
    margin-bottom: 5px;
    line-height: 1.5em;
}

    .divWantItem i {
        /*color:goldenrod;*/
    }

    .divWantActivityItem {
        background-color: #1E0E04;
        -moz-border-radius-topleft: 20px;
        font-family: Arial;
        padding: 8px 8px 8px 8px;
        text-decoration: none;
        overflow: auto;
        border-top-left-radius: 20px;
    }

.divSTGItem {
    background-color: #490000;
    color: antiquewhite;
}

.swantitemJUR {
    color: white;
    font-weight: bold;
    text-shadow: 1px 1px 3px #000000;
}
    .swantitemJUR:empty {
        display: none
    }
.swantitemISD {
    font-family:monospace;
}
    .swantitemISD:empty {
        display: none
    }
.swantitemSTA:empty {
    display: none
}
.swantitemBON {
    font-weight: bold;
}
    .swantitemBON:empty {
        display: none
    }
    .swantitemBON:before {
        content: '\A Bond: ';
        white-space: pre;
        font-size: smaller;
        font-weight: normal;
    }
.swantitemCHR {
    text-transform:lowercase;
}
    .swantitemCHR:before {
        content: '\A ';
        white-space: pre;
    }
    .swantitemCHR:empty {
        display: none;
    }
.swantitemADD {
    color: goldenrod;
}
    .swantitemADD:before {
        content: '\A ';
        white-space: pre;
    }
    .swantitemADD:empty {
        display: none;
    }
.swantitemADDIcon:empty {
    display: none;
}


.sstgitemLST{
    color:white;
    font-weight:bold;
}
    .sstgitemLST:after {
        content: ': ';
    }

    .sstgitemLST:empty {
        display: none;
    }

.sstgitemRAN {
}

.sstgitemAFF {
    font-weight: bold;
    color:gold;
}
    .sstgitemAFF:after {
        content: ': ' ;
    }
    .sstgitemAFF:empty {
        display: none;
    }
    .sstgitemRAN {
    }

.sstgitemFAC {
    text-transform: lowercase;
    color: antiquewhite;
}
    .sstgitemFAC:after {
        content: ': ';
    }

    .sstgitemFAC:empty {
        display: none;
    }

.sstgitemRAN {
    text-transform: lowercase;
}
    .sstgitemRAN:after {
        content: ': ';
    }

    .sstgitemRAN:empty {
        display: none;
    }
.sstgitemSCO {
    color: antiquewhite;
}
    .sstgitemSCO:after {
        content: ': ';
    }

    .sstgitemSCO:empty {
        display: none;
    }
.sstgitemSTA {
    color: antiquewhite;
    font-family: monospace;
}

    .sstgitemSTA:after {
    }

    .sstgitemSTA:empty {
        display: none;
    }

.divProbationItem {
    background-color: #3e0c37;
    font-size: smaller;
    font-synthesis-small-caps: none;
    font-family: monospace;
    color: antiquewhite;
}



.copixOfficerTip label {
    color: black;
    font-size: 1.3rem;
}

@media all and (max-width: 1023px) {
    .divWantActivityItem {
        max-height: 200px;
    }
}

@media all and (min-width: 1024px) {
    .divWantActivityItem {
        max-height: 400px;
    }
}

.wantedpersonBlock {
    border: 1px solid goldenrod;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 10px;
    margin: 3px;
    border-collapse: separate;
    -moz-box-shadow: inset 0 0 10px #626262;
    -webkit-box-shadow: inset 0 0 10px #626262;
    box-shadow: inset 0 0 10px #626262;
}

    .toolbarSearch {
        background-color: black;
        text-align: center;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
    }

    .search {
        background: antiquewhite;
        background-color: antiquewhite;
        color: black;
    }

    .pagination {
        text-align: center;
        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
        font-size: large;
        font-weight: bold;
        margin-top: 8px
    }

    .paginationActive {
        color: black;
        background-color: cornflowerblue;
        border-radius: 5px;
        padding: 4px;
    }

    .paginationNonActive {
        color: antiquewhite;
        text-decoration: none;
        padding: 4px;
    }

    .TipBackground {
    }

    .TipTextBox {
        width: 90%;
    }

    .copixpagetitle {
        color: white;
        font-size: 1.5em;
        text-align: center;
        margin-bottom: .5em;
        display: block;
    }

    @media screen and (min-width: 950px) {
        .menuBarIconDesktopOnly {
            visibility: visible;
        }
    }

    @media print {
        body {
            color: black;
        }

        .wholePage {
            overflow: visible;
        }

        .classifiedContent {
            overflow: visible;
        }

        .commandButton {
            visibility: hidden;
        }

        .reportHeader {
            font-size: xx-large
        }

        .wantedpersonName {
            color: black;
            font-size: x-large;
        }

        .wantedpersonIdentifiers {
            color: black;
            font-size: large;
        }

        .menuBarMain {
            visibility: collapse;
        }
    }

    .copixmenubutton {
        padding: 4px 1px 0px 12px;
        font-size: 25px;
    }

    .copixoffcanvasleft {
        background-color: cornflowerblue;
        opacity: .95;
        border-radius: 0px 20px 20px 0px;
        border-style: groove;
        border-width: 5px 5px 5px 0px;
        border-color: blue;
    }

    .copixmenu, ul li {
        padding: 1px 0px 1px 0px;
    }

    .cadmusmenulink a {
        font-family: "Segoe UI",Arial,sans-serif;
        font-weight: normal;
        text-decoration: none;
        color: black;
        border: solid;
        border-width: 0px 0px 1px 0px;
        border-color: blue;
        padding: 7px 8px 7px 8px;
        font-weight: bold;
        font-size: 1.5em;
    }

        .cadmusmenulink a:hover {
            color: white;
            background-color: blue;
        }

        .cadmusmenulink a:current {
            color: white;
            background-color: blue;
        }

    .copixformbutton {
        background-color: #5A6F8E;
        border: 2px solid black;
        border-radius: 8px;
        height: 80%;
    }

    .cadmus_float-container input[type=text] {
        background-color: #5A6F8E;
        color: navajowhite;
        border: 2px solid black;
    }

.cadmus_float-container textarea {
    background-color: #5A6F8E;
    color: navajowhite;
    border: 2px solid black;
}

    .copixstretchbutton {
        /*vertical-align: -webkit-baseline-middle;*/
    }

.copixTipCountbutton {
    background-color:darkred;
    color:white;
    font-size:smaller;
    text-align:center;
    font-weight:bold;
}
    .copixTipCountbutton:visited {
        color: white;
    }
    .copixTipCountbutton:hover {
        color: white;
    }


    .copixsearchbox {
        margin-bottom: 0px;
        padding: 0 0px;
    }

        .copixsearchbox > input {
            height: 2.2rem;
        }

    .off-canvas.is-transition-overlap {
        z-index: 1100;
    }

    .js-off-canvas-overlay {
        z-index: 1000;
    }

    tbody tr:nth-child(even) {
        background: transparent;
    }

    .copixmodalSaving {
        background-color: #00275E;
        color: black;
        font-size: x-large;
        padding-top: 5px;
        padding-left: 5px;
        padding-right: 5px;
        border: 4px solid #506359;
        box-shadow: inset 0px 0px 0px 1px black;
        border-radius: 10px 10px 40px 40px;
        text-align: center;
        vertical-align: middle;
        min-height: 90vh;
        width: 90%;
        position: absolute;
        display: none;
        top: 5% !important;
        left: 5%;
    }



    .copixTips {
        display: flex;
        flex-direction: column;
        /*font-family: "SanFrancisco";*/
        font-size: .9rem;
        line-height .7rem margin: 0 auto 1rem;
        max-width: 98%;
    }

        .copixTips p {
            border-radius: 1.15rem;
            line-height: 1.25;
            max-width: 75%;
            padding: 0.5rem .875rem;
            position: relative;
            word-wrap: break-word;
        }

            .copixTips p::before,
            .copixTips p::after {
                bottom: -0.1rem;
                content: "";
                height: 1rem;
                position: absolute;
            }

    @media screen and (min-width: 50px) {
        .copixTips p {
            font-size: .8rem;
        }
    }

    @media screen and (min-width: 950px) {
        .copixTips p {
            font-size: 1.15rem;
        }
    }

    p.from-response {
        align-self: flex-end;
        background-color: darkgrey;
        color: black;
        overflow: visible;
        margin: 0px;
    }

        p.from-response::before {
            border-bottom-left-radius: 0.8rem 0.7rem;
            border-right: 1rem solid darkgrey;
            right: -0.35rem;
            transform: translate(0, -0.1rem);
        }

        p.from-response::after {
            background-color: #1E0E04;
            border-bottom-left-radius: 0.5rem;
            right: -40px;
            transform: translate(-30px, -2px);
            width: 10px;
        }

.tipResponderInfo {
    text-align: right;
    font-size: x-small;
    color: darkgrey;
}

    p.from-officer {
        align-items: flex-start;
        background-color: sandybrown;
        color: black;
        overflow: visible;
        margin: 0px;
    }

        p.from-officer:before {
            border-bottom-right-radius: 0.8rem 0.7rem;
            border-left: 1rem solid sandybrown;
            left: -0.35rem;
            transform: translate(0, -0.1rem);
        }

        p.from-officer::after {
            background-color: #1E0E04;
            border-bottom-right-radius: 0.5rem;
            left: 20px;
            transform: translate(-30px, -2px);
            width: 10px;
        }

.tipOfficerInfo {
    text-align: left;
    font-size: x-small;
    color: sandybrown;
}

    p.from-public {
        align-items: flex-start;
        background-color: rosybrown;
        color: black;
        overflow: visible;
        margin: 0px;
    }

        p.from-public:before {
            border-bottom-right-radius: 0.8rem 0.7rem;
            border-left: 1rem solid rosybrown;
            left: -0.35rem;
            transform: translate(0, -0.1rem);
        }

        p.from-public::after {
            background-color: #1E0E04;
            border-bottom-right-radius: 0.5rem;
            left: 20px;
            transform: translate(-30px, -2px);
            width: 10px;
        }


.copixTipQuestion {
    display: block;
    font-size: 0.5rem;
    font-family: monospace;
    color: rgba(0, 0, 0, 0.5);
}

.copixTipAnswer {
    font-weight: bold;
    display: block;
}

.h3SearchSettings {
    font-size: 1.0rem;
    color: navajowhite;
    font-weight: bold;
    text-align: left;
}

.rbSearchSettings {
    display: flex;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: left;
    background-color: #528ffc;
    border: 2px solid darkslateblue;
    padding: 5px;
    border-radius: 10px;
}
    .rbSearchSettings label {
        font-weight: bold;
        color: #1e2c43 !important;
        padding-left: 6px;
    }

    .rbSearchSettings input[type="radio"]:checked + label {
        color: black !important;
    }

.leaflet-popup-content-wrapper, .leaflet-popup-tip {
    color: papayawhip;
    background-color: black;
}


#div_page_next {
   
}
    #div_page_next a {
        color: black;
        background: sandybrown;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border: brown 1px;
        border-radius: 8px;
        padding: 0px 12px 14px 14px;
        text-decoration: none;
        margin-top: 4px;
        z-index: 40;
        white-space: nowrap;
        font-weight: bold;
        font-size: x-large;
    }

    
    #div_page_prev {
   
    }
        #div_page_prev a {
            color: black;
            background: sandybrown;
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            border: brown 1px;
            border-radius: 8px;
            padding: 0px 12px 14px 14px;
            text-decoration: none;
            margin-top: 4px;
            z-index: 40;
            white-space: nowrap;
            font-weight: bold;
            font-size: x-large;
        }

.titlecase {
    text-transform: capitalize;
}

.copixDashboardDark {
    background-color: #0a0505;
}