@font-face {
  font-family: "fira_sansbold";
  src: url("/static/fonts/Fira/firasans-bold-webfont.b490547437fa.eot");
  src: url("/static/fonts/Fira/firasans-bold-webfont.b490547437fa.eot?#iefix") format("embedded-opentype"), url("/static/fonts/Fira/firasans-bold-webfont.21abf5c194aa.woff2") format("woff2"), url("/static/fonts/Fira/firasans-bold-webfont.7e89f74ebe6a.woff") format("woff"), url("/static/fonts/Fira/firasans-bold-webfont.3ed158863a93.ttf") format("truetype"), url("/static/fonts/Fira/firasans-bold-webfont.06dc9751d4c2.svg#fira_sansbold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "fira_sansregular";
  src: url("/static/fonts/Fira/firasans-regular-webfont.ffe227f5bfaf.eot");
  src: url("/static/fonts/Fira/firasans-regular-webfont.ffe227f5bfaf.eot?#iefix") format("embedded-opentype"), url("/static/fonts/Fira/firasans-regular-webfont.b4b4952e803d.woff2") format("woff2"), url("/static/fonts/Fira/firasans-regular-webfont.f283ce701229.woff") format("woff"), url("/static/fonts/Fira/firasans-regular-webfont.74f241daed67.ttf") format("truetype"), url("/static/fonts/Fira/firasans-regular-webfont.6c93256973de.svg#fira_sansregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: Georgia, 'Times New Roman', Times, serif;
  color: #333;
}

h1, h2 {
  font-weight: normal;
  font-family: "fira_sansregular";  
  color: #000;
}
h3, h4, h5, h6, h7 {
  font-weight: normal;
  color: #000;
  font-family: "fira_sansbold";  
}

.sans { font-family: "fira_sansregular"; }
.sans strong { font-family: "fira_sansbold"; font-weight: normal; }


nav.navbar {
  margin-bottom: 2rem;
  background-color: #222;
  font-family: "fira_sansregular";
}
nav.navbar ul.navbar-nav a.nav-link {
  color: #bbb;
}
.navbar-brand {
  text-indent: -99999em;
  width: 120px;
  height: 51px;
  margin-left: -10px;
  margin-top: -4px;
  padding: 0;  
  background: url("/static/images/logo_nav.23b46f66b627.png") no-repeat;
  background-size: 120px 51px;
}
.nav-item {
 margin: 0px 10px;
 padding-left: 10px;
 border-left: 1px solid #555;
}
.dropdown-menu { background-color: #000; }
.dropdown-menu a { color: #fff; }


#content { min-height: calc(100vh - 19.25rem); }




footer {
  margin-top: 5rem;
  background-color: #f6f6f6;
  font-family: "fira_sansregular";
  font-size: .8rem;
}

footer a { color:  #999; }

#footer-disclaimer {
  background-color: #f96;
  padding: 1rem 1rem 1px 1rem;
  margin-bottom: 2rem;
}

#footer-disclaimer a { color: #c00;	}

#inaccurate {
  background-color: #f6f6f6;
  font-family: "fira_sansregular";
  display: inline-block;
  padding: .5rem 1rem;
  color: #666;
  margin-top: 2rem;
  border: 1px solid #ccc;
}



article {
  margin-top: 2rem;
}
article h4, article h5 {
  margin-top: 2rem;
  margin-bottom: 1rem;
}
article li {
  margin-top: 1rem;
  margin-bottom: 1rem;
}


.gray {
  padding: 1em;
  background-color: #f9f9f9;
}
.grey { color: #888; }
.red { color: #c00; }



#splash {
  background-color: #111;
  margin-bottom: 32px;
  margin-top: -32px;
  padding-top: 2rem;
  padding-bottom: 3rem;
  color: #ccc;
  font-family: "fira_sansregular";
  font-size: 1.25rem;
  display: none;
}
#splash .col-sm-6 {
  background-color: #000;
  border: 1px solid #333;
}
#splash p {
  margin: 2rem 1rem;
}

.hero {
  margin-top: -32px;
  width: 100%;
  overflow: hidden;
  background-color: #000;
  background-size: cover;
  background: url("/static/images/police.e7deecacd071.jpg") no-repeat fixed center top;
  background-size: cover;
}
.flex-container {
  height: 25em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero2 {
  background-color: rgba(0,0,0,.5);
  color: #fff;
}
.big-quote {
  margin: 30px 0;  
  background-color: rgba(0,0,0,.5);
	padding: 30px;
	color: #ccc;
  font-family: "fira_sansregular";
}
.big-quote a {
  color: #ddd;
  border-bottom: 1px solid #666;
}
.big-quote a:hover {
  text-decoration: none;
  border-bottom: 1px solid #ccc;
}
.hero h1 {
  font-family: "fira_sansbold";
  color: #fff;
  text-shadow: 0 0 20px #000;
  background: #000;
  text-transform: uppercase;
  display: inline-block;
  padding: 10px 20px;
}
.home-box {
  background-color: #fff;
  color: #222;
  padding: 30px;
  box-shadow: 1px 1px 20px #000;
}

.btn {
  font-family: "fira_sansregular";
}
.btn-warning {
  background-color: #ffc107;
}

.listing .gray {
  transition: .25s box-shadow;
}
.listing .gray small {
  color: #333;
  font-family: "fira_sansregular";
}
.listing { 
  margin-left: -8px;
}
.lawsuits.listing h6 { 
  min-height: 2.4em;
}
.listing .gray:hover {
  box-shadow: 2px 2px 5px #999;
}
.listing small {
  display: inline-block;
  line-height: 1.4;
}

.listing .col-sm-3.m-2.gray {
  flex-basis: calc(100% - 22px);
  max-width: calc(100% - 22px);
}

@media screen and (min-width: 576px){
  .listing .col-sm-3.m-2.gray {
    flex-basis: calc(33% - 16px);
    max-width: calc(33% - 16px);
  }
}

.m-2-top {
  margin-top: .3rem;
}
.small.m-2-top {
  margin-top: .4rem;
}


ul#command, ul#command ul  {
  list-style-type: square;
}

.connections-text {
  font-family: "fira_sansregular";
  color: #888;
  font-size: 75%;
  margin-left: 5px;
}
.source {
  color: #888;
  font-size: 75%;
  margin-bottom: 12px;
}

.label {
  font-family: "fira_sansregular";
  color: #888;
  margin-top: 3px;
  font-size: 80%;
  text-transform: uppercase;
}

.charges ol {
  margin: 0;
  padding-left: 0;
}
.charges .label {
  margin-top: 1rem;
}
.charges ol li {
  margin: 1rem 0;
}


.filter {
  border: 1px solid #dde;
  border-radius: 3px;
  overflow: hidden;
  font-family: "fira_sansregular";
  background: url("data:image/png;base64,R0lGODlhDwAUAIABAAAAAP///yH5BAEAAAEALAAAAAAPABQAAAIXjI+py+0Po5wH2HsXzmw//lHiSJZmUAAAOw==") no-repeat right 2px center #fcfcff;
  margin: 10px 0;
}

.filter select {
  padding: 0 10px;
  margin: 0;
  border: none;
  box-shadow: none;
  background: transparent;
  background-image: none;
  -webkit-appearance: none;
  font-size: 14px;
}

.filter select:focus {
  outline: none;
}

.filter.hazselection {
  border: 1px solid #edc;
}

.filter.hazselection select {
  background: url("data:image/png;base64,R0lGODlhDwAUAIABAAAAAP///yH5BAEAAAEALAAAAAAPABQAAAIXjI+py+0Po5wH2HsXzmw//lHiSJZmUAAAOw==") no-repeat right 2px center #fff9df;
}



a.disabled {
  color: #999;
}

#officers-intro, #lawsuits-intro { display: none; }

.lawsuit-sections-top div {
  padding-top: .1em;
  margin-bottom: .5em;
}
.lawsuit-sections-top .label { margin-bottom: 0; }
.lawsuit-sections-top .stat {
  border-top: 1px solid #eee;
}
.lawsuit-sections h5 {
  margin-top: 1em;
  padding-top: .5em;
  border-top: 1px solid #ddd;
  font-size: 18px;
}

.modal-dialog {
  max-width: 768px;
}
.modal-body ul {
  padding-left: 1rem;
  margin-bottom: 0;
}
.modal-body li + li {
  margin-top: 1rem;
}

.video-responsive {
  overflow:hidden;
  padding-bottom:56.25%;
  position:relative;
  height:0;
}
.video-responsive iframe {
  left:0;
  top:0;
  height:100%;
  width:100%;
  position:absolute;
}





/* USA policies */

#Map { cursor: pointer; }

span.circle.no,
#Map .no { 
 fill: #c66;
 background-color: #c66;
}

span.circle.yes,
#Map .yes {
 fill: #6c6;
 background-color: #6c6;
}

span.circle.mixed,
#Map .mixed {
  fill: #ed6;
  background-color: #ed6;
}

span.circle.unclear,
#Map .unclear {
  background-color: #ddd;
}

span.circle {
	display: inline-block;
	width: .75em;
	height: .75em;
	border-radius: 1em;
}


.padding-bottom {
  padding-top: .25em;
  padding-bottom: 1em;
}

.unbold {
  font-family: "fira_sansregular";
}


@media screen and (min-width: 576px){
  .pay .col-sm-1 {
    flex: 0 0 12.3333%;
    max-width: 12.3333% ;
  }
}

.text-toogle[aria-expanded=false] .text-expanded {
  display: none;
}
.text-toogle[aria-expanded=true] .text-collapsed {
  display: none;
}



/* discipline */

.checkx {
  padding: .5em .5em .5em 1.5em;
  margin-bottom: 1.5em;
  border: 1px solid #dee2e6; 
}
.checkx .form-check {
  padding-top: 3px;
  padding-bottom: 3px;
}
.total {
  color: #c00;
  padding-left: 5px;
}
label.zero .total, label.zero {
  color: #999;
}

#cases {
  margin: -7px;
  line-height: 1.35;
}
#cases strong {
  font-family: "fira_sansbold";
  font-weight: normal;
}
@media screen and (min-width: 767px){
  #cases .col-md-3 {
    flex: 0 0 calc( 33% - 13px );
    max-width: calc( 33% - 13px );
  }
}



/* data tables */

table.dataTable{clear:both;margin-top:6px !important;margin-bottom:6px !important;max-width:none !important;border-collapse:separate !important}
table.dataTable td,table.dataTable th{-webkit-box-sizing:content-box;box-sizing:content-box}
table.dataTable td.dataTables_empty,table.dataTable th.dataTables_empty{text-align:center}
table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}
div.dataTables_wrapper div.dataTables_length label{font-weight:normal;text-align:left;white-space:nowrap}
div.dataTables_wrapper div.dataTables_length select{width:75px;display:inline-block}
div.dataTables_wrapper div.dataTables_filter{text-align:right}
div.dataTables_wrapper div.dataTables_filter label{font-weight:normal;white-space:nowrap;text-align:left}
div.dataTables_wrapper div.dataTables_filter input{margin-left:0.5em;display:inline-block;width:auto}
div.dataTables_wrapper div.dataTables_info{padding-top:8px;white-space:nowrap}
div.dataTables_wrapper div.dataTables_paginate{margin:0;white-space:nowrap;text-align:right}
div.dataTables_wrapper div.dataTables_paginate ul.pagination{margin:2px 0;white-space:nowrap}
div.dataTables_wrapper div.dataTables_processing{position:absolute;top:50%;left:50%;width:200px;margin-left:-100px;margin-top:-26px;text-align:center;padding:1em 0}
table.dataTable thead>tr>th.sorting_asc,table.dataTable thead>tr>th.sorting_desc,table.dataTable thead>tr>th.sorting,table.dataTable thead>tr>td.sorting_asc,table.dataTable thead>tr>td.sorting_desc,table.dataTable thead>tr>td.sorting{padding-right:30px}
table.dataTable thead>tr>th:active,table.dataTable thead>tr>td:active{outline:none}
table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled{cursor:pointer;position:relative}
table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:after{position:absolute;bottom:8px;right:8px;display:block;font-family:'Glyphicons Halflings';opacity:0.5}
table.dataTable thead .sorting:after{opacity:0.2;content:"\e150"}
table.dataTable thead .sorting_asc:after{content:"\e155"}
table.dataTable thead .sorting_desc:after{content:"\e156"}
table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:after{color:#eee}
div.dataTables_scrollHead table.dataTable{margin-bottom:0 !important}
div.dataTables_scrollBody>table{border-top:none;margin-top:0 !important;margin-bottom:0 !important}
div.dataTables_scrollBody>table>thead .sorting:after,div.dataTables_scrollBody>table>thead .sorting_asc:after,div.dataTables_scrollBody>table>thead .sorting_desc:after{display:none}
div.dataTables_scrollBody>table>tbody>tr:first-child>th,div.dataTables_scrollBody>table>tbody>tr:first-child>td{border-top:none}
div.dataTables_scrollFoot>.dataTables_scrollFootInner{box-sizing:content-box}
div.dataTables_scrollFoot>.dataTables_scrollFootInner>table{margin-top:0 !important;border-top:none}
@media screen and (max-width: 767px){
  div.dataTables_wrapper div.dataTables_length,div.dataTables_wrapper div.dataTables_filter,div.dataTables_wrapper div.dataTables_info,div.dataTables_wrapper div.dataTables_paginate{text-align:center}
}
table.dataTable.table-condensed>thead>tr>th{padding-right:20px}
table.dataTable.table-condensed .sorting:after,table.dataTable.table-condensed .sorting_asc:after,table.dataTable.table-condensed .sorting_desc:after{top:6px;right:6px}
table.table-bordered.dataTable th,table.table-bordered.dataTable td{border-left-width:0}
table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable td:last-child,table.table-bordered.dataTable td:last-child{border-right-width:0}
table.table-bordered.dataTable tbody th,table.table-bordered.dataTable tbody td{border-bottom-width:0}
div.dataTables_scrollHead table.table-bordered{border-bottom-width:0}


table.dataTable td, table.dataTable th { border: 0; }


/* show icons */

table.table thead th {
  background-image: none !important;
  font-family: "fira_sansbold";
  font-weight: normal;
  position: relative;
}
table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
  position: absolute;
  top: 12px;
  right: 8px;
  display: block;
  font-family: FontAwesome;
}
table.dataTable thead th.sorting:after {
  content: "\f0dc";
  font-size: 0.8em;
  padding-top: 0.12em;
}
table.dataTable thead th.sorting_asc:after { content: "\f0de"; }
table.dataTable thead th.sorting_desc:after { content: "\f0dd"; }

table.dataTable { margin-bottom: 4em; }

#houserTitle { display: none; }


/* leaflet map */

#map {
	height: 400px;
	width: 100%;
	margin-bottom: 2em;
}
.leaflet-container {
	background: #fff;
}
.leaflet-control-attribution.leaflet-control, .leaflet-control-layers {
  display: none;
}





#magnifying-glass {
 font-size: 16px; /* This controls the size. */
 display: inline-block;
 width: 16px;
 height: 16px;
 border: 2px solid #ddd;
 position: relative;
 border-radius: 16px;
 margin-top: 10px;
 cursor: pointer;
}
#magnifying-glass::before {
 content: "";
 display: inline-block;
 position: absolute;
 right: -6px;
 bottom: -3px;
 border-width: 0;
 background: #ddd;
 width: 9px;
 height: 2px;
 -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
}
#magnifying-glass:hover { border-color:	#fff; }
#magnifying-glass:hover:before { border-color:	#fff; }



.nocookies {
  background-color: #fec;
}

.cookiealert {
  font-family: "fira_sansregular";
  transition: all 500ms ease-out;
  opacity: 0;
  border-radius: 0;
  height: 0px;
  padding: 0 1rem;
}
.cookiealert.alert {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0 !important;
  z-index: 999;
  transform: translateY(100%);
  transition: all 500ms ease-out;
  color: #ecf0f1;
  background-color: #212327;
}

.cookiealert.show {
  opacity: 1;
  transform: translateY(0%);
  transition-delay: 1000ms;
  height: auto;
  padding: 1rem;
}
.cookiealert a {
  text-decoration: underline
}
.cookiealert.alert .acceptcookies {
  margin-left: 10px;
  vertical-align: baseline;
}


.hollow-btn {
  background-color: #f3f8ff;
  border-color: #a4ceee;
  font-size: .9rem;
  transition: .25 *;
}
.hollow-btn:hover {
  background-color: #09f; 
  color: #fff;
}

#search table {
  width: 100%;
}
#search th {
  display: none;
}
#id_q {
  background: transparent;
  border: none;
  border: 1px solid #09c;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 4px;
  padding: 8px; 
  width: 100%; 
}
#search ul {
  margin: 0; 
  padding: 0;
}
#search li {
  margin: 0;
  padding-right: 1rem;
  list-style-type: none;
}
@media screen and (min-width: 576px){
  #search table {
    width: auto;
  }
  #search li {
    display: inline;
  }
}



/* timeline */

.lineCont {
  width: 100%;
  height: 20%;
}

.line {
  height: 6px;
  width: calc(100% - 17px);
  background: #09f;
  border-radius: 5px;
  margin: auto;
  top: 50%;
  left: -7px;
  transform: translateY(-50%);
  position: relative;
}

.dateHold {
  display: none;
  width: 70%;
  margin: auto;
  margin-top: 25%;
  text-align: center;
  color: black;
}

.circle {
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 15px;
  position: absolute;
  top: -7px;
  border: 3px solid #09f;
  cursor: pointer;
}
.circle:before {
  content: '';
  width: 16px;
  height: 16px;
  background: black;
  position: absolute;
  border-radius: 100%;
  top: -1px;
  left: -1px;
  display: none;
}
.circle .popupSpan {
  width: auto;
  height: auto;
  padding: 10px;
  white-space: nowrap;
  display: inline-block;
  color: black;
  position: absolute;
  font-family: "fira_sansregular";
  top: 10px;
  left: 0;
  transform: translateX(-50%);
  display: none;
  transition: all 0.1s ease-out;
}
.circle.hover:before, .circle.active:before { display: block; }
.circle.hover .popupSpan, .circle.active .popupSpan { display: block; }
.circle.active .popupSpan { top: -40px; }

.mainCont {
  margin-top: 2rem;
  width: 100%;
  position: relative;
  color: black;
  font-size: 1.5rem;
  text-align: center;
  transition: all 0.2s ease-out;
}
.mainCont span {
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 30%;
  transition: all 0.2s ease-out;
}
.mainCont span.right {
  left: 100%;
}
.mainCont span.center {
  left: 0% !important;
}
.mainCont span.left {
  left: -100%;
}
.timeline-container {
  margin-top: 1.5rem;
  padding-top: 2rem;
  overflow-x: hidden;
  overflow-y: visible;
  min-height: 12rem;
}