@font-face {
  font-family: San Francisco;
  font-weight: 100;
  src: url("/static/mobile/fonts/sanfranciscodisplay-ultralight-webfont.woff"); }

@font-face {
  font-family: San Francisco;
  font-weight: 200;
  src: url("/static/mobile/fonts/sanfranciscodisplay-thin-webfont.woff"); }

@font-face {
  font-family: San Francisco;
  font-weight: 400;
  src: url("/static/mobile/fonts/sanfranciscodisplay-regular-webfont.woff"); }

@font-face {
  font-family: San Francisco;
  font-weight: 500;
  src: url("/static/mobile/fonts/sanfranciscodisplay-medium-webfont.woff"); }

@font-face {
  font-family: San Francisco;
  font-weight: 600;
  src: url("/static/mobile/fonts/sanfranciscodisplay-semibold-webfont.woff"); }

@font-face {
  font-family: San Francisco;
  font-weight: 700;
  src: url("/static/mobile/fonts/sanfranciscodisplay-bold-webfont.woff"); }

body {
  font-size: 17px;
  font-family: -apple-system, 'San Francisco', 'Roboto', sans-serif;
  color: #2f1238;
  line-height: initial;
  background-color: #e8e9ea; }

.center {
  text-align: center;
  margin: 0 auto; }

.pad {
  padding: 0 3%; }

.half-width {
  width: 50%; }

.inline-block {
  display: inline-block; }

.align-left {
  text-align: left; }

.align-right {
  text-align: right; }

.section-header {
  padding: 10px 0;
  box-shadow: 0px 0px 2px #ccc;
  font-size: 13px; }

.hidden {
  display: none; }

.bold, .investigation-timeline svg .event-title {
  font-weight: 700; }

.inline {
  display: inline; }

.inline-block {
  display: inline-block; }

.vertical-line {
  width: 1px;
  background: #000;
  height: 100%; }

.collapse-content {
  overflow: hidden;
  display: block; }

.top-gray-border, .top-bottom-gray-border {
  border-top: solid 1px #aaa; }

.bottom-gray-border, .top-bottom-gray-border {
  border-bottom: solid 1px #aaa; }

.outer-glow {
  box-shadow: 0px 0px 2px #ccc; }

.background-black {
  background: #000000; }

.blurry-text {
  color: transparent;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.7); }

.animation {
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -webkit-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out; }

.content {
  animation: slide-down 0.7s ease-in-out;
  -webkit-animation: slide-down 0.7s forwards;
  -moz-animation: slide-down 0.7s forwards;
  -o-animation: slide-down 0.7s forwards; }

.animate {
  animation: slide-up 0.7s ease-in-out;
  -webkit-animation: slide-up 0.7s forwards;
  -moz-animation: slide-up 0.7s forwards;
  -o-animation: slide-up 0.7s forwards; }

@keyframes slide-in {
  0% {
    transform: translateX(100%); }
  100% {
    transform: translateX(0%); } }

@keyframes slide-out {
  0% {
    transform: translateX(-100%); }
  100% {
    transform: translateX(0%); } }

@keyframes slide-down {
  0% {
    transform: translateY(-100%); }
  100% {
    transform: translateY(0%); } }

@keyframes slide-up {
  0% {
    opacity: 1;
    transform: translateY(0%); }
  100% {
    opacity: 0;
    transform: translateY(-100%); } }

@keyframes swipe {
  from {
    max-width: 0px; }
  to {
    max-width: 500px; } }

.circle {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  background-color: #000000; }

.small-circle {
  width: 6px;
  height: 6px; }

.circle-0 {
  background-color: #dc3747; }

.stroke-0 {
  stroke: #dc3747; }

.fill-0 {
  fill: #dc3747; }

.circle-1 {
  background-color: #f46937; }

.stroke-1 {
  stroke: #f46937; }

.fill-1 {
  fill: #f46937; }

.circle-2 {
  background-color: #f69833; }

.stroke-2 {
  stroke: #f69833; }

.fill-2 {
  fill: #f69833; }

.circle-3 {
  background-color: #f0c41b; }

.stroke-3 {
  stroke: #f0c41b; }

.fill-3 {
  fill: #f0c41b; }

.circle-4 {
  background-color: #5d924e; }

.stroke-4 {
  stroke: #5d924e; }

.fill-4 {
  fill: #5d924e; }

.container {
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box; }

.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }

.column, .columns {
  margin-left: 4%;
  width: 100%;
  float: left;
  box-sizing: border-box; }

.column:first-child, .columns:first-child {
  margin-left: 0; }

.one.column, .one.columns {
  width: 4.66666666667%; }

.two.columns {
  width: 13.3333333333%; }

.three.columns {
  width: 22%; }

.four.columns {
  width: 30.6666666667%; }

.five.columns {
  width: 39.3333333333%; }

.six.columns {
  width: 48%; }

.seven.columns {
  width: 56.6666666667%; }

.eight.columns {
  width: 65.3333333333%; }

.nine.columns {
  width: 74.0%; }

.ten.columns {
  width: 82.6666666667%; }

.eleven.columns {
  width: 91.3333333333%; }

.twelve.columns {
  width: 100%;
  margin-left: 0; }

.one-third.column {
  width: 30.6666666667%; }

.two-thirds.column {
  width: 65.3333333333%; }

.one-half.column {
  width: 48%; }

.offset-by-one.column, .offset-by-one.columns {
  margin-left: 8.66666666667%; }

.offset-by-two.column, .offset-by-two.columns {
  margin-left: 17.3333333333%; }

.offset-by-three.column, .offset-by-three.columns {
  margin-left: 26%; }

.offset-by-four.column, .offset-by-four.columns {
  margin-left: 34.6666666667%; }

.offset-by-five.column, .offset-by-five.columns {
  margin-left: 43.3333333333%; }

.offset-by-six.column, .offset-by-six.columns {
  margin-left: 52%; }

.offset-by-seven.column, .offset-by-seven.columns {
  margin-left: 60.6666666667%; }

.offset-by-eight.column, .offset-by-eight.columns {
  margin-left: 69.3333333333%; }

.offset-by-nine.column, .offset-by-nine.columns {
  margin-left: 78.0%; }

.offset-by-ten.column, .offset-by-ten.columns {
  margin-left: 86.6666666667%; }

.offset-by-eleven.column, .offset-by-eleven.columns {
  margin-left: 95.3333333333%; }

.offset-by-one-third.column, .offset-by-one-third.columns {
  margin-left: 34.6666666667%; }

.offset-by-two-thirds.column, .offset-by-two-thirds.columns {
  margin-left: 69.3333333333%; }

.offset-by-one-half.column, .offset-by-one-half.columns {
  margin-left: 52%; }

.main-page {
  background-color: #e8e9ea; }
  .main-page .bar-footer {
    height: 70px; }

.main-page-content {
  position: relative;
  width: 100%;
  color: #002072;
  background-color: #ffffff;
  padding-bottom: 20px; }
  .main-page-content.top-left {
    background-color: transparent;
    padding-bottom: 0; }
  .main-page-content .search-wrapper {
    position: relative;
    width: 100%;
    padding: 0 3%; }
    .main-page-content .search-wrapper.top-left {
      margin-top: 0;
      position: relative;
      padding: 0; }
  .main-page-content .search-results {
    color: #2f1238; }

#page-not-found {
  position: absolute;
  padding: 60px 20px;
  color: #2f1238;
  background-color: #ffffff;
  height: 380px; }
  #page-not-found.top-left {
    opacity: 0; }
  #page-not-found .page-not-found-header {
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 9px; }
  #page-not-found .page-not-found-description {
    font-size: 15px;
    line-height: 20px; }

.project-summary {
  display: block;
  max-height: 300px; }
  .project-summary.top-left {
    max-height: 0px;
    overflow: hidden; }
  .project-summary .cpdb-logo {
    font-size: 30px;
    font-weight: bold;
    padding: 36px 20px 10px 20px; }
  .project-summary .cpdb-description {
    font-size: 15px;
    line-height: 20px;
    opacity: 0.5;
    margin: 20px 20px; }
    .project-summary .cpdb-description .paragraph {
      margin: 10px 0; }

.complaint-page .content {
  background-color: #e8e9ea; }
  .complaint-page .content .officer-allegation-detail {
    padding-top: 16px;
    padding-bottom: 1px;
    background: #ffffff;
    margin-bottom: 11px; }
  .complaint-page .content .document-section {
    background-color: #ffffff;
    margin-bottom: 11px; }
  .complaint-page .content .timeline {
    background: #e8e9ea;
    padding-bottom: 11px; }
  .complaint-page .content .against-section {
    margin-bottom: 11px;
    background: #ffffff; }
  .complaint-page .content .complaining-witness {
    margin-bottom: 11px;
    background: #ffffff; }
  .complaint-page .content .accomplice-officer-section {
    margin-bottom: 11px;
    background: #ffffff; }
  .complaint-page .content .investigator-section {
    margin-bottom: 11px;
    background: #ffffff; }
  .complaint-page .content .location {
    margin-bottom: 11px;
    background: #ffffff; }

.toggle-page {
  background-color: #e8e9ea;
  position: absolute; }

.investigation-timeline {
  fill: #2f1238;
  height: 0;
  position: relative;
  width: 320px;
  padding-top: 155px; }
  .investigation-timeline svg {
    position: absolute;
    top: 0;
    width: 100%;
    margin: 15px 0; }
    .investigation-timeline svg .drawing {
      stroke: #2f1238;
      strokeWidth: 1.5;
      fill: none; }
    .investigation-timeline svg .fill {
      fill: #2f1238; }
    .investigation-timeline svg .event-title {
      font-size: 15px; }
    .investigation-timeline svg .event-date {
      font-size: 13px; }
  @media all and (orientation: portrait) {
    .investigation-timeline {
      margin-left: 3.5%; } }
  @media all and (orientation: landscape) {
    .investigation-timeline {
      margin-left: 4%; } }

.officer-allegation-detail .headline {
  font-size: 13px;
  margin-bottom: 16px; }
  .officer-allegation-detail .headline .crid-title {
    color: #978899;
    margin-right: 5px; }
  .officer-allegation-detail .headline .number-of-allegations-section {
    color: #1474dd;
    font-size: 12px; }
    .officer-allegation-detail .headline .number-of-allegations-section .number-of-allegations {
      margin-right: 7px; }
    .officer-allegation-detail .headline .number-of-allegations-section .icon {
      float: right;
      line-height: 12px;
      font-size: 16px; }

.officer-allegation-detail .category-info .allegation-category {
  font-size: 25px;
  line-height: 30px; }

.officer-allegation-detail .category-info .allegation-name {
  margin-bottom: 25px;
  font-size: 15px; }

.complaining-witness {
  font-size: 17px;
  margin-bottom: 11px; }
  .complaining-witness .complaining-witness-list {
    margin: 0;
    font-size: 15px; }
    .complaining-witness .complaining-witness-list .complaining-witness-row {
      line-height: 37px; }
      .complaining-witness .complaining-witness-list .complaining-witness-row .circle-wrapper {
        line-height: 33px; }

.accomplice-officer-section .officer-list {
  padding-left: 0;
  margin-top: 0;
  list-style: none; }

.investigator-section .investigator-card .circle-wrapper {
  line-height: 33px; }

.investigator-section .investigator-card .investigator {
  padding: 9px 0; }
  .investigator-section .investigator-card .investigator .name {
    font-size: 16px; }
  .investigator-section .investigator-card .investigator .rank {
    font-size: 14px; }

.location {
  padding-bottom: 3px; }
  .location .location-detail {
    margin: 10px 0;
    font-size: 13px; }
    .location .location-detail.no-data {
      height: 20px; }
    .location .location-detail label {
      color: #978899; }
  .location .location-map {
    padding-bottom: 37px; }

.map {
  position: relative;
  width: 100%;
  padding: 10px;
  height: 300px; }

.police-witness .legend {
  margin: 5px 0; }
  .police-witness .legend .progress {
    display: inline;
    width: 30px; }

.police-witness .police-witness-list {
  padding: 10px;
  background-color: #fff; }
  .police-witness .police-witness-list .item {
    margin: 10px 0; }

.police-witness .legend-block {
  margin-right: 10px; }
  .police-witness .legend-block .legend-bar {
    display: inline-block;
    background-color: #0a0a0a;
    margin-bottom: 4px;
    height: 3px;
    width: 12px; }
  .police-witness .legend-block .legend-title {
    margin: 0 3px; }
  .police-witness .legend-block .background-gray {
    background-color: #bbb; }

.document-section .section-header {
  padding: 10px; }

.document-section .document-list {
  margin: 0; }

.document-card .circle-wrapper {
  line-height: 33px; }

.document-card .document-name {
  font-size: 16px;
  font-weight: 600; }
  .document-card .document-name.blur {
    color: #978899; }

.document-card .status {
  font-size: 13px; }

.document-card .action-type {
  font-size: 14px;
  color: #1474dd;
  line-height: 33px; }

.document-card .document-detail {
  padding: 9px 0px; }

.request-modal-content {
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.3); }
  .request-modal-content input, .request-modal-content button {
    font-family: -apple-system, 'San Francisco', 'Roboto', sans-serif; }
  .request-modal-content .modal-content {
    position: relative;
    background-color: #ffffff;
    padding: 0px 20px 0px 20px;
    margin: 3%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
    .request-modal-content .modal-content .thank-you .message-header {
      font-size: 15px;
      font-weight: 600;
      padding-bottom: 15px;
      text-align: center; }
    .request-modal-content .modal-content .thank-you .success-icon {
      text-align: center;
      margin: 15px 0px 22px 0px; }
    .request-modal-content .modal-content .btn {
      height: 32px;
      width: 64px;
      border-radius: 0;
      margin: 6px auto 22px; }
    .request-modal-content .modal-content .btn-submit {
      margin-left: 12px;
      color: #1474dd;
      border-color: #1474dd; }
    .request-modal-content .modal-content .error {
      font-size: 13px;
      padding-bottom: 10px;
      color: #ff0000;
      font-style: italic; }
    .request-modal-content .modal-content .modal-header {
      margin-bottom: 22px; }
    .request-modal-content .modal-content .modal-body .message-header {
      font-size: 15px;
      font-weight: 600;
      padding-bottom: 15px; }
    .request-modal-content .modal-content .modal-body .email-input {
      padding: 23px 10px;
      font-size: 13px;
      margin-bottom: 11px;
      border-radius: 0;
      background-color: #e8e9ea; }
    .request-modal-content .modal-content .modal-body .email-input::-webkit-input-placeholder {
      font-family: -apple-system, 'San Francisco', 'Roboto', sans-serif;
      font-size: 13px; }
    .request-modal-content .modal-content .modal-body .email-input::-moz-placeholder {
      font-family: -apple-system, 'San Francisco', 'Roboto', sans-serif;
      font-size: 13px; }
    .request-modal-content .modal-content .modal-body .email-input:-moz-placeholder {
      font-family: -apple-system, 'San Francisco', 'Roboto', sans-serif;
      font-size: 13px; }
    .request-modal-content .modal-content .hide {
      display: none; }
    .request-modal-content .modal-content .message-content {
      font-size: 14px; }

.not-matched-complaint-page {
  color: #2f1238;
  background-color: #e8e9ea;
  padding: 10% 3%; }
  .not-matched-complaint-page .crid-number {
    color: #ff0000; }

.toggle-complaint-page .headline-container {
  background-color: #ffffff;
  margin-bottom: 11px;
  font-size: 13px; }
  .toggle-complaint-page .headline-container .crid-container {
    float: left;
    padding: 8px 6px 10px 10px;
    line-height: 25px; }
    .toggle-complaint-page .headline-container .crid-container .crid-title {
      color: #978899;
      padding-right: 2px; }
  .toggle-complaint-page .headline-container .toggle-container {
    float: right;
    background-color: #e8e9ea;
    padding: 8px 6px 10px 15px;
    color: #1474dd; }
    .toggle-complaint-page .headline-container .toggle-container .number-of-allegations {
      line-height: 25px;
      font-size: 11px;
      padding-right: 3px; }
    .toggle-complaint-page .headline-container .toggle-container .icon {
      font-size: 16px;
      line-height: 24px;
      float: right;
      font-weight: 900; }

.not-matched-category-page {
  color: #2f1238;
  background-color: #e8e9ea;
  padding: 10% 3%; }
  .not-matched-category-page .category-number {
    color: #ff0000; }

.officer-page .content {
  background-color: #e8e9ea; }
  .officer-page .content .officer-header {
    padding-top: 16px;
    background: #ffffff; }
  .officer-page .content .tabs {
    font-size: 15px;
    padding-top: 20px;
    background: #ffffff; }
    .officer-page .content .tabs .tab-navs {
      background: #ffffff;
      border-bottom: solid 1px #cccccc;
      box-sizing: border-box; }
      .officer-page .content .tabs .tab-navs .tab-nav {
        display: inline-block;
        padding: 0 10px 5px 10px; }
      .officer-page .content .tabs .tab-navs .active {
        color: #1474dd;
        border-bottom: solid 5px #1474dd; }
    .officer-page .content .tabs .tab-contents {
      box-sizing: border-box; }
    .officer-page .content .tabs .tab-navigations {
      background-color: #e8e9ea;
      padding: 13px 0;
      color: #1474dd; }
      .officer-page .content .tabs .tab-navigations .icon {
        font-size: 10px;
        padding: 0 12px; }

.officer-header {
  background-color: #ffffff; }
  .officer-header .name {
    color: #2f1238;
    font-size: 25px;
    font-weight: 700; }
  .officer-header .badge-info {
    font-size: 13px; }
    .officer-header .badge-info .badge-label {
      color: #978899; }

.summary-tab {
  font-size: 15px;
  background-color: #ffffff; }

.officer-summary-section {
  margin-top: 16px;
  margin-bottom: 22px; }
  .officer-summary-section .label {
    color: #978899;
    font-weight: 600;
    width: 18%;
    display: inline-block;
    vertical-align: top; }
  .officer-summary-section .value {
    display: inline-block;
    width: 82%; }

.officer-analytic-section .distribution-curve {
  line-height: 250px;
  font-size: 13px; }

.distribution-curve {
  animation: swipe 2s ease;
  -webkit-animation: swipe 2s ease;
  -moz-animation: swipe 2s ease;
  -o-animation: swipe 2s ease;
  overflow-x: hidden; }
  .distribution-curve .distribution-curve-wrapper {
    position: relative; }
    .distribution-curve .distribution-curve-wrapper svg {
      position: absolute;
      top: 0;
      width: 100%;
      stroke-width: 1; }
      .distribution-curve .distribution-curve-wrapper svg .distribution-chart {
        fill: #eaeaea;
        stroke: #eaeaea; }
      .distribution-curve .distribution-curve-wrapper svg .red-line {
        stroke: #dc3747; }
      .distribution-curve .distribution-curve-wrapper svg .eclipse-of-red-line {
        fill: #dc3747; }

.complaints-tab {
  background-color: #e8e9ea;
  padding-top: 11px; }

.related-officer-item {
  font-size: 14px;
  padding-top: 9px;
  padding-bottom: 9px; }
  .related-officer-item .name {
    font-size: 16px;
    font-weight: 700; }

.no-related-officer {
  height: 100px;
  text-align: center;
  vertical-align: middle;
  line-height: 100px;
  background-color: #cccccc; }

.not-matched-officer-page {
  color: #2f1238;
  background-color: #e8e9ea;
  padding: 10% 3%; }
  .not-matched-officer-page .officer-id {
    color: #ff0000; }

#about {
  background: #cbcbcb;
  color: #939598;
  padding: 10px 0px;
  width: 139px;
  text-align: center;
  font-size: 16px;
  bottom: 22px;
  left: 10px;
  position: fixed; }
  #about.top-left {
    opacity: 0; }

.loading-page {
  padding: 5%; }
  .loading-page .loader {
    position: relative;
    margin: 0px auto;
    width: 80px;
    margin-top: 150px; }
    .loading-page .loader:before {
      content: '';
      display: block;
      padding-top: 100%; }
  .loading-page .circular {
    animation: rotate 2s linear infinite;
    height: 100%;
    transform-origin: center center;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto; }
  .loading-page .path {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
    animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    stroke-linecap: round; }

@keyframes rotate {
  100% {
    transform: rotate(360deg); } }

@keyframes dash {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35px; }
  100% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124px; } }

@keyframes color {
  100%, 0% {
    stroke: #003366; }
  33% {
    stroke: #26527f; }
  66% {
    stroke: #1464f1; } }

.tab-content {
  display: none;
  animation: slide-out 0.3s forwards;
  -webkit-animation: slide-out 0.3s forwards;
  -moz-animation: slide-out 0.3s forwards;
  -o-animation: slide-out 0.3s forwards; }
  .tab-content.reverse-animation {
    animation: slide-in 0.3s forwards;
    -webkit-animation: slide-in 0.3s forwards;
    -moz-animation: slide-in 0.3s forwards;
    -o-animation: slide-in 0.3s forwards; }
  .tab-content.active {
    display: block; }
    .tab-content.active.no-animation {
      animation: 0;
      -webkit-animation: 0; }

.officer-card .circle-wrapper {
  line-height: 34px; }

.officer-card .officer {
  padding: 9px 0; }
  .officer-card .officer .name {
    font-size: 16px; }
  .officer-card .officer .description {
    font-size: 14px; }

.searchable-page .icon.icon-close {
  z-index: 5; }

.searchable-page .result-content {
  position: absolute;
  top: 60px;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto; }

.searchable-page .search-bar {
  z-index: 3; }

.searchable-page .result-content.invisible {
  z-index: -1; }

.searchable-page .child-content .content {
  top: 60px;
  z-index: 2; }

.searchable-page .child-content.invisible .content {
  z-index: -1;
  animation: slide-up 0.7s forwards;
  -webkit-animation: slide-up 0.7s forwards;
  -moz-animation: slide-up 0.7s forwards;
  -o-animation: slide-up 0.7s forwards; }

.search-bar {
  padding: 0 10px;
  background-color: #000000;
  color: #ffffff;
  width: 100%;
  border: none;
  font-size: 15px;
  height: 60px;
  line-height: 60px; }
  .search-bar .input-text {
    background-color: #000000;
    color: #ffffff;
    width: calc(100% - 30px);
    border: 0;
    font-size: 15px; }
  .search-bar .input-text:focus {
    outline: 0; }
  .search-bar .icon {
    float: right;
    font-weight: 900;
    line-height: 60px; }
  .search-bar ::-webkit-input-placeholder {
    color: #ffffff; }
  .search-bar :-moz-placeholder {
    color: #ffffff; }
  .search-bar ::-moz-placeholder {
    color: #ffffff; }
  .search-bar :-ms-input-placeholder {
    color: #ffffff; }

.success-search {
  position: relative; }
  .success-search .suggestion-list {
    list-style-type: none;
    padding: 0;
    margin: 0; }
  .success-search .highlight {
    color: #1474dd; }
  .success-search .dot-bullet {
    width: 20px;
    display: inline-block;
    text-align: center; }

.officer-name-results {
  margin: 10px 0;
  background-color: #ffffff;
  padding: 5px 0; }
  .officer-name-results .officer-card {
    margin-bottom: -2px; }
    .officer-name-results .officer-card .officer-name {
      color: #2f1238;
      font-size: 17px;
      font-weight: 700; }
    .officer-name-results .officer-card .officer-description {
      color: #978899;
      font-size: 14px;
      line-height: 14px; }
  .officer-name-results .officer-header {
    font-size: 13px;
    margin-top: 4px; }
    .officer-name-results .officer-header .complaint-count {
      float: right; }
    .officer-name-results .officer-header .badge-title {
      color: #978899;
      margin-right: 2px; }

.complaint-results .complaint-result-item {
  margin: 10px 0;
  background-color: #ffffff;
  padding: 10px 0;
  font-size: 13px; }
  .complaint-results .complaint-result-item .complaint-category {
    margin-top: 10px; }
    .complaint-results .complaint-result-item .complaint-category .sub-category {
      font-size: 16px;
      line-height: 25px; }
  .complaint-results .complaint-result-item .complaint-header .final-finding {
    float: right; }
  .complaint-results .complaint-result-item .complaint-header .crid-title {
    color: #978899; }

.failed-search {
  margin-top: 16px;
  font-size: 15px;
  line-height: 21px;
  position: relative; }

.officer-complaint-item {
  padding-top: 11px;
  margin-bottom: 11px;
  background-color: #fff; }
  .officer-complaint-item .crid-info {
    font-size: 13px; }
    .officer-complaint-item .crid-info .crid-title {
      color: #978899; }
  .officer-complaint-item .complaint-category {
    padding-top: 15px;
    padding-bottom: 11px;
    border-bottom: solid 1px #e8e9ea;
    box-sizing: border-box; }
    .officer-complaint-item .complaint-category .category {
      font-size: 17px;
      font-weight: 700; }
    .officer-complaint-item .complaint-category .sub-category {
      font-size: 14px; }
  .officer-complaint-item .related-info {
    font-size: 14px;
    padding-top: 11px;
    padding-bottom: 11px; }
    .officer-complaint-item .related-info .label {
      color: #978899;
      width: 60px;
      float: left;
      vertical-align: top;
      font-size: 14px; }
    .officer-complaint-item .related-info .value {
      width: calc(100% - 60px);
      display: inline-block; }
    .officer-complaint-item .related-info .circle-wrapper {
      display: inline-block;
      padding-top: 3px;
      padding-right: 8px; }
    .officer-complaint-item .related-info .circles {
      margin-left: 60px; }

.interface-text {
  word-wrap: break-word; }