@charset "UTF-8";
.md-dialog-container {
  /*    md-dialog {
          max-width: 800px;
      }*/
}
.md-dialog-container .cap-header-xlarge {
  padding: 0;
}

.dialog-content {
  padding: 0 15px 15px;
  max-height: 550px;
  overflow-y: auto;
}
.dialog-content h2 {
  margin: 1.5em 0 0.25em;
}
.dialog-content h3 {
  clear: both;
}
.dialog-content figure {
  width: 100px;
  height: auto;
  float: left;
  margin: 0 1em 1em 0;
}

.md-toolbar-tools .material-icons {
  margin-right: 0.5em;
}
.md-toolbar-tools .md-icon-button:last-child {
  margin-left: auto;
}

.dialog-footer .md-button {
  float: right;
  margin-right: 2em;
}

[aria-label^=Delete] .md-confirm-button {
  color: #CF4300 !important;
  border: 1px solid;
}

@media print {
  /*@page {
      size: 8.5in 11in landscape;
      //margin: 0;
  }*/
  body {
    background-color: white;
    width: 100%;
    height: 100%;
    padding: 0 !important;
    margin: 0 !important;
  }

  .cap-main {
    position: static !important;
    top: 0;
    height: 100% !important;
    margin: 0;
    padding: 0;
    overflow: visible;
  }

  .site-detail {
    height: 100% !important;
  }

  .site-library-inner {
    height: calc(100% - 40px) !important;
    position: relative;
  }

  .contentContainer {
    position: static !important;
    left: 0 !important;
    width: 100% !important;
    -webkit-transform: none !important;
            transform: none !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible;
  }

  .navigationBar,
nav-menu,
nav-menu-new,
.sidebarControl,
.layerSelector,
.maplibregl-ctrl-bottom-right,
.mapSiteStyleControl,
map-testing-control,
.cap-help {
    display: none !important;
  }

  .cap-main {
    top: 0;
  }

  .cap-map, .map-container {
    height: 100%;
    width: 100%;
  }

  .map-color-key {
    right: 10px !important;
    bottom: 10px !important;
  }

  .site-header .md-icon-button,
.panel-header .md-icon-button,
.panel-group-title .md-button,
.rptActions, .prevRpts, .noProx,
.panel-metadata {
    display: none !important;
  }

  .panel-wrapper {
    background-color: white !important;
  }

  .panel-header .md-accent {
    color: black !important;
    border: 3px solid black !important;
    background: none !important;
  }

  .credit {
    position: relative;
    margin: 2em auto;
    display: block;
    left: 0;
  }

  .cap-license-order-summary,
.cap-license-sidebar-spacer {
    display: none !important;
  }

  .cap-page-header {
    min-height: 50px;
  }

  .compare-sites {
    overflow: visible !important;
    font-size: 0.75em !important;
    page-break-inside: avoid;
    max-height: 100% !important;
    background-color: white;
    /*        .compare-row {
                padding: 0.35em 0.5em 0.35em;
            }*/
    /*        .layout-row {
                height: 30px;
            }
    */
  }
  .compare-sites button {
    display: none;
  }
  .compare-sites .cap-compare-panels {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 0;
    width: 100%;
    /*            .siteCompare-add {
        max-width: 10em;
    }*/
  }
  .compare-sites .cap-compare-panels.siteCompare-selected {
    border: 0;
    max-width: 2.5in !important;
    max-width: 22.5% !important;
  }
  .compare-sites .compare-header {
    max-height: 100% !important;
    height: 100%;
  }
  .compare-sites .compare-box {
    height: auto !important;
  }
  .compare-sites .compare-chart {
    height: 250px !important;
  }
  .compare-sites .site-addr {
    padding-top: 5px;
  }
  .compare-sites .site-addr .cap-header {
    margin-bottom: 0.25rem;
  }
  .compare-sites .site-addr .cap-header a {
    color: black;
    font-size: 16px;
    text-decoration: none;
    font-weight: 500;
  }
  .compare-sites .site-addr p {
    margin-bottom: 3px !important;
  }
  .compare-sites md-select {
    -webkit-transform: translate(-2px, -4px);
            transform: translate(-2px, -4px);
  }
  .compare-sites .md-select-value {
    border-bottom-style: none;
  }
  .compare-sites .md-select-icon {
    display: none;
  }
  .compare-sites .site-addr {
    padding-bottom: 0;
  }
  .compare-sites .rpt-picker {
    padding-bottom: 0;
    padding-top: 0;
  }
  .compare-sites .rpt-picker label {
    display: none !important;
  }
  .compare-sites .panel-label {
    padding: 0.45em 0;
  }
  .compare-sites .score {
    display: inline !important;
  }

  .print_only {
    display: block !important;
  }

  .no_print {
    display: none !important;
  }
}
.print_only {
  display: none;
}

/*#zsiq_btn {
    display: none !important;
    visibility: hidden !important;
}*/
.visually-hidden:not(:focus):not(:active):not(:focus-within) {
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

::-webkit-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #595959 !important;
  opacity: 1 !important;
  /* Firefox */
}

::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #595959 !important;
  opacity: 1 !important;
  /* Firefox */
}

::-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #595959 !important;
  opacity: 1 !important;
  /* Firefox */
}

::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #595959 !important;
  opacity: 1 !important;
  /* Firefox */
}

md-select.md-default-theme .md-select-value.md-select-placeholder, md-select .md-select-value.md-select-placeholder {
  color: rgba(0, 0, 0, 0.65) !important;
}

.md-button.md-default-theme:not([disabled]):not(.selected).md-focused, .md-button:not([disabled]):not(.selected).md-focused, .md-button.md-default-theme:not([disabled]):not(.selected):hover, .md-button:not([disabled]):not(.selected):hover {
  background-color: rgba(158, 158, 158, 0.25) !important;
}

.md-button.md-default-theme.md-raised:not([disabled]):not(.selected).md-focused, .md-button.md-raised:not([disabled]):not(.selected).md-focused {
  background-color: rgb(228, 228, 228) !important;
  outline: 1px silver solid;
}

.md-button.md-default-theme.md-primary.md-fab:not([disabled]).md-focused, .md-button.md-primary.md-fab:not([disabled]).md-focused, .md-button.md-default-theme.md-primary.md-fab:not([disabled]):hover, .md-button.md-primary.md-fab:not([disabled]):hover, .md-button.md-default-theme.md-primary.md-raised:not([disabled]).md-focused, .md-button.md-primary.md-raised:not([disabled]).md-focused, .md-button.md-default-theme.md-primary.md-raised:not([disabled]):hover, .md-button.md-primary.md-raised:not([disabled]):hover {
  background-color: black !important;
  outline: 1px grey solid;
}

.md-button.md-default-theme.md-accent.md-raised.md-fab:not([disabled]).md-focused, .md-button.md-accent.md-raised.md-fab:not([disabled]).md-focused, .md-button.md-default-theme.md-accent.md-raised.md-fab:not([disabled]):hover, .md-button.md-accent.md-raised.md-fab:not([disabled]):hover, .md-button.md-default-theme.md-accent.md-raised.md-raised:not([disabled]).md-focused, .md-button.md-accent.md-raised.md-raised:not([disabled]).md-focused, .md-button.md-default-theme.md-accent.md-raised.md-raised:not([disabled]):hover, .md-button.md-accent.md-raised.md-raised:not([disabled]):hover {
  background-color: #333 !important;
  outline: 1px grey solid;
}

md-input-container label:not(.md-container-ignore).md-required:after {
  content: " (required)";
  font-weight: 500;
  color: #333;
  font-size: 0.8em;
}

md-select.ng-required.ng-empty.ng-invalid:not(.md-no-asterisk) .md-select-value span:first-child:after, md-select[required].ng-empty.ng-invalid:not(.md-no-asterisk) .md-select-value span:first-child:after {
  content: " (required)";
  font-weight: normal;
  color: #666;
  font-size: 0.8em;
}

.autocomplete-fix input {
  border: none;
  height: 38px;
}

.cap-link-button {
  text-transform: none;
  padding: 2px;
  margin: 0px;
  min-height: 1.15em;
  height: 1.15em;
  line-height: 1em;
}

.chip-close-button {
  background-color: transparent;
  border: none;
  outline-color: grey;
  padding: 0px;
  height: 18px;
  width: 18px;
}
.chip-close-button md-icon {
  color: #555555;
  margin-left: -3px;
  line-height: 1.2;
  font-size: 18px;
}

md-menu-item md-divider {
  margin: 2px 0;
  padding: 0;
}

.md-button.md-warn.md-raised {
  background-color: #CF4300;
}

.md-button.md-warn.md-raised:not([disabled]):hover {
  background-color: #AF3300;
}

#zohohc-asap-web-launcherbox {
  display: none;
}

.zd-launcher-button {
  display: none !important;
  /*    width: 50px !important;
      height: 50px !important;    
      border-radius:0 !important;
      color:#333 !important;
      background-color:white !important;   */
}
.zd-asap-header-close__button {
  display: block !important;
}

.clickarea {
  cursor: pointer;
  outline: 0;
}

.hoverarea:hover {
  background-color: #eee !important;
}

.menu-item-separator-bottom {
  padding-bottom: 8px;
  border-bottom: 1px silver solid;
  margin-bottom: 8px;
}

md-nav-ink-bar {
  height: 3px;
}

md-ink-bar {
  height: 3px;
}

md-nav-bar .md-active ._md-nav-button-text {
  color: #333;
}

#jsd-widget {
  left: -6px;
  display: none;
}
@media (min-width: 33.75em) {
  #jsd-widget {
    display: block;
  }
}
@media (min-width: 80.1em) {
  #jsd-widget {
    display: block;
  }
}

#jsd-widget.expanded {
  display: none;
}
@media (min-width: 33.75em) {
  #jsd-widget.expanded {
    left: -6px;
    display: block;
  }
}
@media (min-width: 80.1em) {
  #jsd-widget.expanded {
    left: 5px;
    display: block;
  }
}

#launcher {
  left: -28px !important;
  display: none !important;
}
@media (min-width: 33.75em) {
  #launcher {
    display: block !important;
  }
}
@media (min-width: 80.1em) {
  #launcher {
    display: block !important;
  }
}

#launcher.expanded {
  display: none !important;
}
@media (min-width: 33.75em) {
  #launcher.expanded {
    left: -28px !important;
    display: block !important;
  }
}
@media (min-width: 80.1em) {
  #launcher.expanded {
    left: -7px !important;
    display: block !important;
  }
}

/*md-checkbox .md-container {
    margin: 0;
    width: 20px;
    height: 20px;
    top: 50%;
    min-height: 20px;
    min-width: 20px;
}

md-checkbox{
    min-height:20px;
    min-width:20px;
}*/
a:visited {
  color: rgb(0, 0, 238);
}

.md-char-counter {
  color: #444;
}

.cookie-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #eee;
  padding: 0 15px 15px 15px;
  z-index: 1000;
  border-top: 1px #d8d8d8 solid;
}

.cookie-text {
  width: 100%;
  text-align: center;
  margin: 13px;
  font-size: 0.95em;
}

.cookie-link {
  margin: 15px 0 0 15px;
  font-size: smaller;
}

.helparea {
  cursor: help;
  outline: 0;
}

.cap-only-container {
  background-color: #FFFFCC;
  border: gold 3px solid;
}

.error-text {
  color: red;
  font-style: italic;
}

.slight-border {
  border: 1px solid #ddd;
}

.md-select-menu-container {
  z-index: 101;
}

.material-icons.md-12 {
  font-size: 12px;
}

.material-icons.md-18 {
  font-size: 18px;
}

.material-icons.md-24 {
  font-size: 24px;
}

.material-icons.md-36 {
  font-size: 36px;
}

.material-icons.md-48 {
  font-size: 48px;
}

.hidden {
  visibility: hidden;
}

.cap-input {
  font-weight: 400;
}

.cap-input-container {
  margin-bottom: -5px;
}

.cap-input-label {
  font-weight: bold;
  color: rgba(0, 0, 0, 0.55);
}

.cap-secondary-label {
  color: rgba(0, 0, 0, 0.55);
}

.cap-input-label-subtext {
  padding-left: 5px;
  font-weight: normal;
  font-size: smaller;
  color: #696969;
}

.cap-input-label-hint {
  font-weight: normal;
  font-size: smaller;
  color: #696969;
}

.cap-input-hint {
  /* Position the hint */
  position: absolute;
  left: 2px;
  right: auto;
  bottom: 7px;
  /* Copy styles from ng-messages */
  font-size: 12px;
  line-height: 14px;
  -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  /* Set our own color */
  color: #696969;
}

.drop-file {
  position: relative;
}
.drop-file .drop-file-label {
  display: block;
}
.drop-file .drop-file-panel {
  display: block;
}

.drop-file-label {
  color: white;
  font-size: 3.5em;
  font-weight: bold;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-shadow: 3px 3px 1px rgba(100, 100, 255, 0.9);
  display: none;
  pointer-events: none;
  z-index: 500;
}

.drop-file-panel {
  position: absolute;
  left: 5px;
  top: 0px;
  height: calc(100% - 10px);
  width: calc(100% - 30px);
  opacity: 0.9;
  background-color: rgba(100, 100, 255, 0.5);
  display: none;
  pointer-events: none;
  border: 5px dashed rgb(100, 100, 255);
  z-index: 499;
}

.cap-input-hint.ng-hide,
.cap-input-hint.ng-enter,
.cap-input-hint.ng-leave.ng-leave-active {
  bottom: 26px;
  opacity: 0;
}

.cap-input-hint.ng-leave,
.cap-input-hint.ng-enter.ng-enter-active {
  bottom: 7px;
  opacity: 1;
}

.cap-small-button {
  display: block;
  margin: 0;
  margin-top: -9px;
  font-size: smaller;
  min-height: 29px;
  height: 29px;
  line-height: 29px;
}

.cap-link-small {
  font-size: small;
}

.cap-row-even {
  background-color: #ffffff;
}

.cap-row-odd {
  background-color: #f0f0f0;
}

.cap-table-header {
  font-size: small;
  color: #696969;
  text-transform: uppercase;
  text-align: left;
  padding: 0;
  margin: 0;
}

.cap-ul-padded {
  margin: 4px 0 0 0;
}

.cap-ul-padded li {
  padding: 4px;
}

.cap-small-header {
  min-height: 50px;
  max-height: 50px;
}

.bold {
  font-weight: bold;
}

.superscript {
  font-size: small;
  font-variant-position: super;
  vertical-align: super;
}

.margin-vertical {
  margin-top: 15px;
  margin-bottom: 15px;
}

.margin-horizontal {
  margin-left: 15px;
  margin-right: 15px;
}

.vertical-divider {
  border-left: 1px silver solid;
  margin: 0 5px 0 5px;
  width: 1px;
  height: 30px;
}

.center-vertical {
  margin-top: auto;
  margin-bottom: auto;
  vertical-align: middle;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-hidden md-chips-wrap {
  overflow: hidden;
}

.cap-search-chips md-chips-wrap {
  padding-top: 5px !important;
}

.divider-dotted {
  border-top-style: dashed;
}

.divider-none {
  border-top-style: none;
}

.count {
  text-align: right;
  font-weight: 500;
  margin-left: auto;
  padding-right: 10px;
  font-size: larger;
}

.cap-list-column-handle {
  color: silver;
  border: 5px solid white;
  text-align: center;
  min-width: 3px;
  height: 73%;
  background-color: #F4F4F4;
  cursor: ew-resize;
  z-index: 1;
}

.cap-list-icon {
  text-align: center !important;
}

.cap-disabled {
  color: #AAAAAA;
}

.cap-loading-spinner {
  position: fixed;
  z-index: 100;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.scrollerHorizontal::-webkit-scrollbar {
  height: 8px;
  background-color: #F5F5F5;
}

.scrollerHorizontal::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

.scrollerHorizontal::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #BBB;
}

.scrollerHorizontal {
  overflow-x: auto;
}

.md-virtual-repeat-scroller::-webkit-scrollbar-track,
.sitelist::-webkit-scrollbar-track,
.sideBar::-webkit-scrollbar-track,
.scroller::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

.md-virtual-repeat-scroller::-webkit-scrollbar,
.sitelist::-webkit-scrollbar,
.sideBar::-webkit-scrollbar,
.scroller::-webkit-scrollbar {
  width: 12px;
  background-color: #F5F5F5;
}

.md-virtual-repeat-scroller::-webkit-scrollbar-thumb,
.sitelist::-webkit-scrollbar-thumb,
.sideBar::-webkit-scrollbar-thumb,
.scroller::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #BBB;
}

.md-virtual-repeat-scroller,
.scroller {
  overflow-y: scroll;
}

.manageSurveyContainer {
  width: 100%;
  height: 100%;
}
.manageSurveyContainer iframe {
  width: 100%;
  height: calc(100% - 10px);
}

.viewReportContainer {
  width: 100%;
  height: 100%;
}
.viewReportContainer iframe {
  padding: 0 5px 10px 5px;
  width: 100%;
  height: calc(100% - 60px);
}

.loginLogoContainer {
  position: relative;
  z-index: 3;
  padding: 1.5em 0 0.5em;
  background-color: white;
}
.loginLogoContainer .logo {
  height: calc(75px + 3vw);
  height: calc(72px + 3vw);
  max-height: 120px;
}

.cap-login {
  background-color: white;
  text-align: center;
  /*.carousel-curtain {
      position: relative;
      z-index: 3;
      background-color: white;
  }
  // overrides for bootstrap carousel on login page
  .carousel {
      position: absolute;
      z-index: 2;
      top: 3.5em;
      left: 50%;
      transform: translateX(-50%) translateY(0) scale(1);
      width: 90%;
      min-width: $bp-login;
      max-width: 50rem;
      background-color: white;
      //border: 1px solid rgba(0,0,0,0.2);*/
  /*box-shadow: 4px 4px 6px rgba(0,0,0,0.3);*/
  /*transform-origin: top center;
      transition: transform 400ms ease-in-out, opacity 400ms;

      &.ng-hide {
          transform: translateX(-50%) translateY(-100%); // slides down
          //transform: translateX(-50%) translateY(-10%) scale(0); // springs out
          opacity: 0;
      }
  }*/
}
.cap-login .device {
  display: inline;
}
@media (min-width: 35em) {
  .cap-login .device {
    display: none;
  }
}
.cap-login .computer {
  display: none;
}
@media (min-width: 35em) {
  .cap-login .computer {
    display: inline;
  }
}
.cap-login h1, .cap-login .intro-lead, .cap-login footer, .cap-login .login-container-raw {
  max-width: 52rem;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  z-index: 3;
  background-color: white;
}
@media (min-width: 35em) {
  .cap-login h1, .cap-login .intro-lead, .cap-login footer, .cap-login .login-container-raw {
    padding: 0 15px;
  }
}
@media (min-width: 54rem) {
  .cap-login h1, .cap-login .intro-lead, .cap-login footer, .cap-login .login-container-raw {
    padding: 0;
  }
}
.cap-login h1 {
  font-size: 2.5em;
  font-weight: normal;
  padding-top: 1%;
  line-height: 1.3;
}
.cap-login h1 span {
  display: none;
}
@media (min-width: 35em) {
  .cap-login h1 span {
    display: inline;
  }
}
.cap-login .intro-lead, .cap-login .intro-lead-raw {
  font-size: 1.05em;
  padding-top: 0.5em;
  padding-bottom: 1em;
  line-height: 1.2em;
}
.cap-login sup {
  font-size: 0.5em;
  line-height: 1;
  top: 0;
  vertical-align: super;
}
.cap-login p {
  line-height: 1.5;
}
.cap-login .rememberWrapper {
  text-align: left;
}
.cap-login .cap-pricing {
  text-align: left;
}
.cap-login .cap-pricing span {
  display: none;
  margin: 0.5em 0;
}
@media (min-width: 35em) {
  .cap-login .cap-pricing span {
    display: block;
  }
}
.cap-login ul {
  list-style: none;
  padding: 0;
  margin-top: 1em;
}
.cap-login li {
  margin-bottom: 0.5em;
}
.cap-login .preview-btn {
  padding: 0.25em 2em;
}
.cap-login .md-primary {
  font-size: 1.25em;
  text-transform: none;
  white-space: normal;
  line-height: 1.2;
  padding: 0.25em 0.75em;
}
.cap-login .cap-reg_login {
  background-color: #f0f0f0;
  padding: 15px;
  margin-top: 1em;
  border: 0;
  border-bottom-width: 8px;
  border-bottom-style: solid;
}
@media (min-width: 35em) {
  .cap-login .cap-reg_login {
    padding: 15px 0;
  }
}
.cap-login .cap-reg_login h2 {
  font-size: 2em;
  margin: 0.25em 0;
}
.cap-login .cap-reg_login li {
  text-align: left;
}
.cap-login .login-form md-input-container {
  display: block;
  width: 100%;
  text-align: left;
  padding-left: 0;
  padding-right: 0;
  margin-top: 24px;
}
@media (min-width: 35em) {
  .cap-login .login-form md-input-container {
    max-width: 19em;
  }
}
.cap-login .login-form md-input-container input {
  height: auto;
  padding: 0.25em;
  background-color: white;
}
.cap-login .login-form md-input-container label {
  color: rgba(0, 0, 0, 0.8);
  margin-bottom: 0;
  padding-left: 0.5em;
}
.cap-login .form-group {
  margin: 0.5em 0 1em;
}
@media (min-width: 35em) {
  .cap-login .form-group {
    max-width: 19em;
  }
}
.cap-login .cap-forgot {
  text-align: center;
  margin: 0 0 1em;
}
.cap-login .usersContainer {
  max-width: 52rem;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (min-width: 35em) {
  .cap-login .usersContainer {
    padding: 0 15px;
  }
}
@media (min-width: 54rem) {
  .cap-login .usersContainer {
    padding: 0;
  }
}
@media (min-width: 35em) {
  .cap-login .usersContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap wrap;
            flex-flow: row nowrap wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 auto;
    text-align: left;
  }
  .cap-login .usersContainer > :first-child {
    margin-right: 1em;
  }
  .cap-login .usersContainer .login-form {
    width: 43%;
    min-width: 15em;
  }
  .cap-login .usersContainer .login-form small {
    display: block;
  }
  .cap-login .usersContainer .cap-newuser {
    max-width: 23em;
    margin-right: 5vw;
  }
  .cap-login .usersContainer .cap-newuser:first-of-type {
    display: block;
  }
  .cap-login .usersContainer .cap-newuser:last-of-type {
    display: none;
  }
  .cap-login .usersContainer .cap-newuser small {
    display: none;
  }
  .cap-login .usersContainer .cap-newuser .md-primary {
    margin-left: 0;
  }
  .cap-login .usersContainer h2 {
    font-size: 1.25em;
  }
  .cap-login .usersContainer .cap-pricing span {
    display: inline;
    margin: 0;
  }
  .cap-login .usersContainer .cap-pricing span:after {
    content: "\a";
    white-space: pre;
  }
}
@media (min-width: 35em) {
  .cap-login .usersContainer-centered {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    text-align: left;
    width: 300px;
  }
  .cap-login .usersContainer-centered .login-form small {
    display: block;
  }
  .cap-login .usersContainer-centered h2 {
    font-size: 1.25em;
  }
}
.cap-login .usersContainer-centered-login {
  width: 76%;
}
@media (max-width: 1000px) {
  .cap-login .usersContainer-centered-login {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    text-align: left;
    width: 135%;
  }
  .cap-login .usersContainer-centered-login .login-form small {
    display: block;
  }
  .cap-login .usersContainer-centered-login h2 {
    font-size: 1.25em;
  }
}
.cap-login .login-form small {
  display: none;
}
.cap-login .cap-newuser:first-of-type {
  display: none;
}
.cap-login footer {
  z-index: 1;
  text-transform: uppercase;
}
.cap-login footer ul {
  width: 100%;
}
@media (min-width: 35em) {
  .cap-login footer ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 35em) {
  .cap-login footer li {
    padding: 0.125em 0.5em;
    font-size: smaller;
    border-right: 1px solid;
  }
}
.cap-login footer li:last-child {
  border: 0;
}
.cap-login footer a {
  text-decoration: none;
}
.cap-login .cap-preview, .cap-login .intro-lead, .cap-login .login-heading {
  display: none;
  position: relative;
  overflow: visible;
}
@media (min-width: 35em) {
  .cap-login .cap-preview, .cap-login .intro-lead, .cap-login .login-heading {
    display: block;
  }
}
.cap-login .login-container-raw {
  display: none;
  position: relative;
  overflow: visible;
}
@media (min-width: 35em) {
  .cap-login .login-container-raw {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.cap-login .carousel-item img {
  border: 6px solid #111;
  border-width: 12px 6px 20px;
  border-radius: 6px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 6px 12px 0;
  width: calc(100% - 24px);
}
.cap-login .carousel-caption {
  font-size: 1.25em;
  background-color: white;
  color: #37474F;
  position: static;
  padding: 10px;
}
.cap-login .carousel-caption p {
  margin: 0;
}
.cap-login .carousel-control-next-icon, .cap-login .carousel-control-prev-icon {
  background-color: rgb(255, 64, 129);
  padding: 16px;
  border-radius: 3px;
}
.cap-login .carousel-indicators {
  bottom: auto;
  top: 9px;
}
.cap-login .carousel-indicators li {
  height: 6px;
  background-color: white;
  cursor: pointer;
}
.cap-login .carousel-indicators .active {
  background-color: rgb(255, 64, 129);
}

.cap-login-wg .intro-lead-raw {
  font-size: 1.2em;
}
.cap-login-wg h1 {
  font-size: 2.35em;
  margin-bottom: 0.7em;
  font-weight: 500;
  padding-top: 10px;
}

.fade-out {
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.25s;
          transition-duration: 0.25s;
  opacity: 0;
}

.browser-outdated .browser-link {
  margin-top: 5px;
  font-size: 1.2em;
  text-align: center;
}
.browser-outdated .d-flex-inner {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 10px 0;
}
.browser-outdated .icon-container {
  height: 100px;
}
.browser-outdated .icon-container img {
  display: block;
  margin: auto;
  height: 80px;
}

.cap-warning-banner {
  z-index: 200;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background-color: #FFE8E8;
  border: 6px solid #AA0000;
  padding: 10px;
  margin: 5px;
}

chip-tmpl {
  display: inline-block;
  margin: 0 5px 5px 0;
}
chip-tmpl span[remove-chip] {
  cursor: pointer;
  margin: -2px 0 0 0;
  vertical-align: middle;
  color: rgb(84, 110, 122);
  font-size: 20px;
}

.default-chip {
  border-radius: 25px;
  font-weight: bold;
  background: #e0e0e0;
  padding: 6px 6px 6px 12px;
}

chip-tmpl:focus {
  outline: none;
}

chip-tmpl:focus .default-chip {
  background: rgb(84, 110, 122);
  color: white;
}

chip-tmpl:focus span[remove-chip] {
  color: white;
}

.chip-failed .default-chip {
  color: red;
}

chips {
  display: block;
  padding: 10px 0 5px 0;
}

chips > div {
  display: inline;
}

chips > div > input {
  border: none;
  margin: 0;
  padding-bottom: 2px;
  background: none !important;
  min-width: 200px;
}

chips > div > input:placeholder-shown {
  font-style: italic;
}

chips > div > input:focus {
  outline: none;
}

/*.chip-out-focus {
  border-bottom: 1px solid #e0e0e0; }

.chip-in-focus {
  border-bottom: 1px solid #106cc8; }*/
.cap-toolbar-button md-icon {
  padding: 12px 0 0 0;
  min-width: 40px;
  min-height: 40px;
  max-height: 40px;
  max-width: 40px;
}

.cap-toolbar-button .material-icons,
.cap-icon-button-small .material-icons,
.cap-icon-button-medium .material-icons,
.iconControl .material-icons {
  vertical-align: middle;
}

.md-icon-button.cap-toolbar-button {
  padding: 0;
  min-width: 40px;
  min-height: 40px;
  max-height: 40px;
  max-width: 40px;
  margin-bottom: auto;
  vertical-align: middle;
}
.md-icon-button.cap-icon-button-small {
  padding: 0;
  margin: 0;
  min-height: 28px;
  min-width: 28px;
  max-height: 28px;
  max-width: 28px;
  vertical-align: middle;
}
.md-icon-button.cap-icon-button-medium {
  padding: 0;
  margin: 0;
  min-height: 35px;
  min-width: 35px;
  max-height: 35px;
  max-width: 35px;
  vertical-align: middle;
}
.md-icon-button.iconControl {
  padding: 0 0 2px 0;
  margin: -1px 0 0 0;
  min-height: 36px;
  min-width: 36px;
  max-height: 36px;
  max-width: 36px;
  vertical-align: middle;
  background-color: white;
  -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}

.cap-button-large {
  padding: 10px 20px;
  font-size: 1.105em;
}

.cap-button-hover {
  background-color: #eee;
}

.cap-icon-text-button {
  min-width: 40px;
}
@media (min-width: 64em) {
  .cap-icon-text-button {
    min-width: initial;
  }
}
.cap-icon-text-button span {
  display: none;
}
@media (min-width: 64em) {
  .cap-icon-text-button span {
    display: inline;
  }
}
.cap-icon-text-button .material-icons {
  vertical-align: middle;
}
@media (min-width: 64em) {
  .cap-icon-text-button .material-icons {
    margin-bottom: 2px;
    margin-left: 3px;
  }
}
.cap-icon-text-button .material-icons:first-child {
  margin-left: 0;
  margin-right: 3px;
}

.cap-help {
  display: inline-block;
  cursor: help;
}
.cap-help span {
  display: none;
}
@media (min-width: 480px) {
  .cap-help span {
    display: inline;
  }
}

.score-label {
  padding-left: 2%;
}

.score-label-cap {
  font-weight: 700;
  padding-left: 0;
}

.score-label-header {
  font-weight: 500;
  padding-left: 0;
}
.score-label-header.score-label-crcf {
  margin-right: 0 !important;
}

.score-box {
  padding: 4px 6px;
  width: 100%;
}
.score-box:nth-child(even) {
  background: #eee;
}

.score-header {
  padding: 4px 6px 0 6px;
  width: 100%;
}

.score-box-0 {
  background-color: #f0f0f0;
}

.score {
  text-align: center;
  font-weight: 500;
  padding: 0 0.5em;
  margin: auto auto;
  border-radius: 15px;
  min-width: 2.5em !important;
  max-width: 3.5em !important;
  max-height: 1.3em;
  line-height: 1.4em;
  overflow: hidden;
}

.score-larger {
  text-align: center;
  font-weight: 500;
  padding: 0 0.5em;
  margin: auto auto;
  border-radius: 15px;
  border: 1px solid rgba(255, 255, 255, 0.8);
  min-width: 2.5em !important;
  max-width: 3.5em !important;
  max-height: 1.3em;
  line-height: 1.4em;
  overflow: hidden;
  font-size: medium;
}

.score-left {
  text-align: left;
  font-weight: 500;
}

.score-color-low {
  /* cat-1-3 */
  color: #44AC68;
}

.score-color-medium-low {
  /* cat-2-8 */
  color: #FFFF34;
}

.score-color-medium {
  /* cat-3-13 */
  color: #FFCCCC;
}

.score-color-medium-high {
  /* cat-4-18 */
  color: #E74F3F;
}

.score-color-high {
  /* cat-5-23 */
  color: #C10000;
}

.score-color-none {
  color: silver;
}

.score-low {
  /* cat-1-3 */
  background-color: #44AC68;
  color: black;
}

.score-medium-low {
  /* cat-2-8 */
  background-color: #FFFF34;
  color: black;
}

.score-medium {
  /* cat-3-13 */
  background-color: #FFCCCC;
  color: black;
}

.score-medium-high {
  /* cat-4-18 */
  background-color: #E74F3F;
  color: black;
}

.score-high {
  /* cat-5-23 */
  background-color: #C10000;
  color: white;
}

.score-none {
  background-color: #e8e8e8;
  color: #e8e8e8;
}

.tier-label {
  background: white;
  z-index: 1;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.55);
  text-align: left;
  padding-right: 10px;
  width: 85px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.tierscore-bar {
  position: relative;
  margin-right: 10px;
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transition: -webkit-transform 1300ms;
  transition: -webkit-transform 1300ms;
  transition: transform 1300ms;
  transition: transform 1300ms, -webkit-transform 1300ms;
  border-radius: 2px;
}

.unscored .tierscore-bar {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}

.tier-total {
  position: absolute;
  top: 0;
  left: 100%;
  margin-left: 0.75em;
  line-height: 1.5;
  min-width: 100px;
  font-weight: 500;
}

.tier-percentage {
  margin-left: 0.25em;
  font-size: small;
  /*vertical-align: central;*/
  color: rgba(0, 0, 0, 0.55);
  font-style: italic;
  font-weight: normal;
}

.tierscore-bar-1 {
  background-color: #44AC68;
}

.tierscore-bar-2 {
  background-color: #FFFF34;
}

.tierscore-bar-3 {
  background-color: #FFCCCC;
}

.tierscore-bar-4 {
  background-color: #E74F3F;
}

.tierscore-bar-5 {
  background-color: #C10000;
}

.tierscore-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding: 2px 0;
  height: 28px;
  overflow: hidden;
}

body {
  font-family: "Roboto", "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
}

img {
  max-width: 100%;
}

.pageContainer {
  position: absolute;
  height: 100%;
  width: 100%;
}

.contentContainer {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.contentContainer > div:first-child {
  height: 100%;
}

.cap-curtain {
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
}
.cap-curtain > div {
  position: fixed;
  z-index: 101;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.cap-curtain .curtain-text {
  padding: 30px;
  margin-bottom: 30px;
  color: white;
  text-align: center;
}
.cap-curtain .curtain-sub-text {
  margin-top: 30px;
  padding: 30px;
  color: white;
  text-align: center;
  font-size: larger;
}

.cap-scrim {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
}

.cap-bubble {
  border-radius: 4px;
  background: #ddd;
  -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
          box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
  position: absolute;
  z-index: 5;
}
.cap-bubble md-chips-wrap {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.cap-bubble .bubble-tag {
  /* The pointer of the tooltip */
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-right-color: currentColor;
  border-top-color: currentColor;
  left: -40px;
  top: 23px;
}

.cap-progress-circular {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 101;
}

.cap-main {
  position: absolute;
  top: 70px;
  left: 0;
  right: 0;
  bottom: 0;
  height: calc(100% - 70px);
}

.text-danger {
  color: red;
  list-style: none;
}

.md-tooltip {
  font-size: small;
  padding: 5px;
}

.cap-forbidden {
  position: relative;
  pointer-events: none;
  opacity: 0.5;
}
.cap-forbidden:after {
  content: "";
  position: absolute;
  top: 0;
  left: 48%;
  height: 100%;
  background: currentColor;
  width: 2px;
  -webkit-box-shadow: 2px 2px white;
          box-shadow: 2px 2px white;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.cap-page-header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 15px;
  min-height: 60px;
}
.cap-page-header .cap-header-xlarge {
  padding-left: 0;
}
.cap-page-header .panel-title-icon {
  margin: 0;
}

.cap-page-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cap-page-buttons:last-child, .cap-page-buttons :last-child {
  margin-right: 0;
}

.cap-header {
  font-size: larger;
  font-weight: 400;
  padding: 15px;
  padding-bottom: 5px;
}

.cap-header-xlarge-nopad {
  font-size: x-large;
  font-weight: 400;
}

.cap-header-large-smallpad {
  font-size: larger;
  font-weight: 400;
  padding: 5px;
  margin-top: auto;
  margin-bottom: auto;
  padding-left: 15px;
}

.cap-header-large {
  font-size: larger;
  font-weight: 400;
  padding: 15px;
}

.cap-header-xlarge {
  font-size: x-large;
  font-weight: 400;
  padding: 15px;
  margin: 0;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.cap-subheader {
  font-size: larger;
  font-weight: bold;
  padding: 15px;
  padding-bottom: 5px;
}

.cap-header-descriptor {
  font-size: 0.65em;
  overflow: hidden;
  /*white-space: nowrap;*/
  height: 1.25em;
  margin-left: 1ch;
}

.cap-overflow {
  overflow-y: auto;
}

.acct-wrapper {
  margin: 15px 15px 0;
  overflow-y: auto;
}
.acct-wrapper > * {
  height: 100%;
  display: block;
  overflow-y: auto;
}

.skip-nav {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
  display: block;
  padding: 1em;
  background: #fff;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  transition: -webkit-transform 0.25s;
  -webkit-transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  transition: transform 0.25s, -webkit-transform 0.25s;
}
.skip-nav:focus {
  -webkit-transform: none;
          transform: none;
}

.cap-input-help {
  font-style: italic;
  font-size: smaller;
}

.cap-message {
  font-style: italic;
  text-align: center;
  padding: 2em 0;
}

.cap-input-container .cap-textarea:focus {
  padding: 0.25em 0.5em;
  border: 1px solid #ddd !important;
}

/*$bp-tablet: 41em;       // 640px
$bp-searchbar: 50em;    // 800px
$bp-widescreen: 60em;   // 960px;*/
.navigationBar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 4;
  height: 70px;
  background-color: #f5f5f5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.navigationBar > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.navigationBar .cap-button-feedback {
  display: none;
}
.navigationBar .site-nav {
  max-width: 36%;
}
@media (min-width: 33.75em) {
  .navigationBar .site-nav .md-button {
    display: none;
  }
  .navigationBar .site-nav .logo {
    padding-left: auto;
    padding-right: auto;
  }
  .navigationBar .site-nav .logo-wrapper {
    min-width: 183px;
    text-align: center;
  }
}
.navigationBar .site-selection {
  position: relative;
  padding-right: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media (min-width: 960px) {
  .navigationBar .site-selection {
    padding-right: 10px;
  }
}
@media (min-width: 40em) {
  .navigationBar {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .navigationBar .cap-button-feedback {
    display: block;
  }
  .navigationBar > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .navigationBar .site-selection {
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
  }
}
@media (min-width: 40em) and (min-width: 80.1em) {
  .navigationBar .site-selection {
    width: auto;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .navigationBar .manage-acct {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.navigationBar .logo {
  max-height: 50px;
}

.cap-button-feedback .material-icons {
  color: red;
}

.logo-divider {
  display: none;
  border-left: 1px solid rgba(0, 0, 0, 0.12);
  height: 48px;
  margin-left: 5px;
  margin-top: 0;
}
@media (min-width: 50em) {
  .logo-divider {
    display: block;
  }
}

.acct-header {
  height: calc(100vh - 70px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  margin: 0 1em;
  /*    &.cap-hideNav { // show only selected = up
          @media (max-width: 600px) {
              [aria-selected=false] {
                  max-height: 0;
                  min-height: 0;
                  max-width: 0;
                  min-width: 0;
                  padding: 0;
                  opacity: 0;
                  pointer-events: none;
                  transition: all 200ms;
              }
          }

          .menu-btn .material-icons {

              &:first-child {
                  transform: rotate(0deg);
                  opacity: 1;
                  transform: rotate(0);
              }

              &:nth-child(2) {
                  opacity: 0;
                  transform: rotate(180deg);
              }
          }
      }*/
}
.acct-header .acct-name {
  padding-top: 0.5em;
  padding-bottom: 0.25em;
}
.acct-header .md-nav-bar {
  height: auto;
}
.acct-header ._md-nav-bar-list {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
.acct-header li:first-child {
  margin-left: 0;
}
.acct-header .md-nav-item .md-button {
  margin: 0;
  padding: 12px 1vw;
}
.acct-header .md-active {
  border-bottom: 2px solid;
}
@media (min-width: 680px) {
  .acct-header .md-active {
    border: 0;
  }
}
.acct-header md-nav-ink-bar {
  display: none;
}
@media (min-width: 680px) {
  .acct-header md-nav-ink-bar {
    display: block;
  }
}
.acct-header .menu-btn {
  padding: 0.5em;
  margin-right: 2em;
  text-align: center;
  min-width: 48px;
  height: 48px;
}
.acct-header .menu-btn .material-icons {
  vertical-align: middle;
  -webkit-transition: opacity 250ms, -webkit-transform 250ms;
  transition: opacity 250ms, -webkit-transform 250ms;
  transition: opacity 250ms, transform 250ms;
  transition: opacity 250ms, transform 250ms, -webkit-transform 250ms;
}
.acct-header .menu-btn .material-icons:first-child {
  opacity: 0;
  -webkit-transform: rotate(180);
          transform: rotate(180);
}
.acct-header .menu-btn .material-icons:nth-child(2) {
  opacity: 1;
  position: absolute;
  top: 13px;
  left: 12px;
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
@media (min-width: 30em) {
  .acct-header .menu-btn {
    display: none;
  }
}

.acct-navbar {
  padding: 0 15px;
}
.acct-navbar md-nav-bar ul {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  overflow-y: auto;
}

.username {
  padding-top: 3px;
}

.sitelist {
  overflow-y: auto;
  overflow-x: hidden;
}

.cap-grid-header .sitelist-header {
  padding: 0;
  margin: auto 0;
  width: 100%;
  background-color: white;
  font-weight: normal;
}

.sitelist-row-button {
  padding: 0;
  margin: 0;
  width: 100%;
  text-transform: none;
  font-weight: normal;
}
.sitelist-row-button .sitelist-cell {
  text-align: left;
}

.sitelist-icon {
  padding-right: 15px;
}

.sitelist-icon-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/*.checkbox-spacer ~ .sitelist-cell {
    text-overflow: clip;
}*/
.sitelist-checkbox {
  margin-top: auto;
  margin-bottom: auto;
  -ms-flex-line-pack: center;
      align-content: center;
}

.cap-table-header-row {
  display: none;
  border-bottom: 1px solid #eee;
}

.cap-table-header {
  padding-right: 0.5rem;
}
@media (min-width: 40em) {
  .cap-table-header {
    padding: 1em 0.5rem;
  }
}

.sitelist-row {
  padding: 0.5em 0;
  border-bottom: solid 1px #eee;
  /*&:nth-child(odd) {
      background: $color-veryltneutral;
  }

  &:nth-child(even) {
      background: white;
  }*/
}

.sitelist-cell {
  padding: 0.5rem;
  font-size: medium;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sitelist-cell .cap-table-header {
  display: inline-block;
  padding-right: 0.5rem;
  min-width: 6em;
  width: 6em;
}
@media (min-width: 40em) {
  .sitelist-cell .cap-table-header {
    display: none;
  }
}
.sitelist-cell .md-button {
  margin-left: 2px;
}
.sitelist-cell .md-button .material-icons {
  margin-bottom: 4px;
  vertical-align: middle;
}
.sitelist-cell.cap-longtext {
  max-height: 3.75em;
  overflow-y: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.sitelist-cell.cap-datetime {
  text-transform: lowercase;
}
.sitelist-cell.num-align {
  text-align: right;
}

@media (min-width: 40em) {
  .sitelist-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    padding: 0;
    min-height: 2.75em;
  }

  .cap-table-header-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1em 12px 1em 0.5em;
    background: white;
  }

  .cap-table-header,
.sitelist-header,
.sitelist-cell {
    padding: 0.25rem;
    -ms-flex-item-align: center;
        align-self: center;
  }
  .cap-table-header.money-align, .cap-table-header.number-align,
.sitelist-header.money-align,
.sitelist-header.number-align,
.sitelist-cell.money-align,
.sitelist-cell.number-align {
    text-align: right;
  }

  .cap-table-header.md-button {
    min-width: 0;
  }

  .sitelist-cell button:last-child {
    margin: 0;
  }
}
.cap-repeat-container .sitelist-row {
  display: block;
}
@media (min-width: 40em) {
  .cap-repeat-container .sitelist-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.cap-group-header {
  margin: 1.5em 0 0.5em;
  font-weight: bold;
}

.action-label {
  font-size: medium;
  color: #333;
  /*margin-right: 0.5em;*/
  padding-left: 10px;
  padding-right: 5px;
}

.cap-showhide {
  opacity: 1;
  -webkit-transition: opacity linear 500ms;
  transition: opacity linear 500ms;
}
.cap-showhide.site-detail {
  -webkit-transition: -webkit-transform ease-in-out 500ms;
  transition: -webkit-transform ease-in-out 500ms;
  transition: transform ease-in-out 500ms;
  transition: transform ease-in-out 500ms, -webkit-transform ease-in-out 500ms;
}
.cap-showhide.ng-hide {
  /*transform: scale(0.1) translateY(-50%);*/
  opacity: 0;
  /*transition: all linear 0.5s;*/
}
.cap-showhide.ng-hide-add, .cap-showhide.ng-hide-remove {
  /*transition: all linear 0.5s;*/
}

.authing {
  display: block;
  position: absolute;
  right: 1em;
  top: 6px;
  height: 24px;
  width: 24px;
  border: 2px solid;
  border-bottom-color: #ddd;
  border-radius: 50%;
  -webkit-animation: 1s linear infinite waiting;
          animation: 1s linear infinite waiting;
}

@-webkit-keyframes waiting {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes waiting {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.address-control {
  display: block;
  padding: 20px;
}
.address-control md-input-container label:not(.md-container-ignore).md-required:after {
  content: "";
}
.address-control .saved-addr-btns {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  margin-top: 0.5em;
}
.address-control .saved-addr-btns .md-button {
  white-space: normal;
  line-height: 1.2;
}
.address-control .saved-addr {
  display: block;
  /*margin-top: 0;
  margin-bottom: 5px;*/
}
.address-control .country-select {
  padding-top: 25px;
}

.batch-status {
  display: block;
  /*padding: 10px;*/
}
.batch-status .status-completed {
  color: green;
}
.batch-status .cap-header-descriptor {
  margin-left: 0;
}

.batchContainer {
  position: relative;
  padding: 15px;
}
.batchContainer .sitelist-cell {
  position: relative;
}
@media (min-width: 40em) {
  .batchContainer .sitelist-cell {
    width: 10%;
  }
  .batchContainer .sitelist-cell:nth-child(2), .batchContainer .sitelist-cell:nth-child(3), .batchContainer .sitelist-cell:nth-child(6) {
    width: 15%;
  }
  .batchContainer .sitelist-cell:nth-child(5) {
    width: 5%;
  }
  .batchContainer .sitelist-cell:last-child {
    width: 40%;
  }
}
.batchContainer .cap-icon-text-button .material-icons {
  color: rgba(0, 0, 0, 0.87);
}

.batchExcelDownloadDialog md-dialog {
  width: 400px;
  position: relative;
}
.batchExcelDownloadDialog md-toolbar + div {
  padding: 25px;
  height: 180px;
  position: relative;
}
.batchExcelDownloadDialog .rpt-status p, .batchExcelDownloadDialog .rpt-status a {
  text-align: center;
}
.batchExcelDownloadDialog .rpt-status p {
  margin-top: 5px;
  margin-bottom: 20px;
}
.batchExcelDownloadDialog .status-wait p:first-child {
  margin-bottom: 15px;
}
.batchExcelDownloadDialog .status-wait p:nth-child(n+2) {
  margin-top: 65px;
}

.citywide-maps .sidebar-header {
  border: 0;
}
.citywide-maps .citywideMapListLarge {
  height: calc(100vh - 233px);
}
.citywide-maps .citywideMapListLarge md-virtual-repeat-container {
  height: 100%;
}
@media (min-height: 550px) {
  .citywide-maps .citywideMapListLarge {
    height: calc(100vh - 282px);
  }
}
.citywide-maps .sitelist {
  height: calc(100vh - 233px);
}
.citywide-maps .sitelist md-virtual-repeat-container {
  height: 100%;
}
@media (min-height: 550px) {
  .citywide-maps .sitelist {
    height: calc(100vh - 282px);
  }
}
.citywide-maps.minCitywideBar {
  min-width: 0;
  width: 0;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: min-width 250ms, -webkit-transform 50ms 250ms;
  transition: min-width 250ms, -webkit-transform 50ms 250ms;
  transition: transform 50ms 250ms, min-width 250ms;
  transition: transform 50ms 250ms, min-width 250ms, -webkit-transform 50ms 250ms;
}
.citywide-maps .cap-message {
  padding: 20px 0 15px;
}
.citywide-maps .cap-message + .md-button {
  width: 80%;
  margin: 0.5em auto;
  display: block;
}
.citywide-maps .create-citywide-hide-small {
  display: none;
}
@media (min-height: 550px) {
  .citywide-maps .create-citywide-hide-small {
    display: inherit;
  }
}
.citywide-maps .create-citywide-show-small {
  display: inherit;
}
@media (min-height: 550px) {
  .citywide-maps .create-citywide-show-small {
    display: none;
  }
}
.citywide-maps .create-citywide-show-small-inline {
  display: inline-block;
}
@media (min-height: 550px) {
  .citywide-maps .create-citywide-show-small-inline {
    display: none;
  }
}
.citywide-maps .cw_sortWrapper {
  margin-top: 1px;
}
.citywide-maps .cw_sortWrapper .md-button {
  border-bottom: 3px solid transparent;
}
.citywide-maps .cw_sortWrapper .sort-asc, .citywide-maps .cw_sortWrapper .sort-desc {
  border-bottom-color: #ccc;
}

.search-bar-sidebar {
  position: relative;
  padding-right: 15px;
  border-bottom: 1px solid #ddd;
}
.search-bar-sidebar .cap-input-container {
  width: 100%;
  margin-top: 7px;
  height: 47px;
}
.search-bar-sidebar .cap-input {
  background-color: white;
  border-bottom: none;
  font-size: large;
  padding-left: 16px;
  width: 100%;
  border-radius: 3px;
}
.search-bar-sidebar form .material-icons {
  background-color: white;
  position: absolute;
  right: 20px;
  top: 15px;
}

.button-row {
  background-color: #eee;
  text-align: center;
}
.button-row .icon-label-btn {
  margin-left: 0.5em;
  margin-right: 0.5em;
  max-width: none;
}

.citywide-list-button {
  margin-top: 8px;
}

.citywide-list-button-icon {
  color: #666666;
  padding: 0;
  margin: 0;
}

.citywide-floating-menu-edit-icon {
  padding-left: 6px;
  color: #646464;
}

.citywide-listitem {
  padding-right: 8px;
}
.citywide-listitem.sitelist-row.isExpanded {
  border-bottom: 0;
  background-color: white;
}
.citywide-listitem .sitelist-cell {
  padding-left: 10px;
  padding-right: 10px;
  text-overflow: clip;
}
.citywide-listitem .panel-toggle {
  position: relative;
  padding: 5px;
  width: 100%;
  line-height: 22px;
  font-weight: normal;
  text-align: left;
}
.citywide-listitem .panel-toggle > div {
  width: 85%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.citywide-listitem .panel-toggle > div:first-child {
  text-transform: none;
  font-weight: bold;
}
.citywide-listitem .panel-toggle > div.map-style {
  font-size: small;
  margin-top: 3px;
}
.citywide-listitem .panel-toggle .material-icons {
  position: absolute;
  right: 0.25em;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.citywide-details {
  padding-left: 3.5em;
  border-bottom: 1px solid #f0f0f0;
}
.citywide-details .detail-row {
  margin: 0 0 15px;
  font-size: small;
}
.citywide-details .detail-row :nth-child(even) {
  padding: 0 1.25em 0 0.5em;
  font-weight: bold;
}
.citywide-details form {
  margin: 2em 5% 0 0;
}

.processing-citywide {
  position: relative;
  text-align: center;
  padding: 25px;
  height: 155px;
}
.processing-citywide .process-msg {
  padding-top: 5px;
  padding-bottom: 20px;
}
.processing-citywide md-progress-circular {
  top: auto;
}

.sitelist .column-new {
  position: absolute;
  right: 5px;
  top: 1px;
}
.sitelist .larger-grid-icon {
  min-height: 30px;
  min-width: 30px;
  margin-top: -3px;
  font-size: 30px;
}
.sitelist .sitelist-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  width: 100%;
  /*        padding-top: 5px;
  padding-bottom: 5px;*/
  border-bottom: solid 1px #f0f0f0;
  min-height: 2.75em;
}
.sitelist .sitelist-row.cap-transactions {
  padding-top: 10px;
  padding-bottom: 10px;
}
.sitelist .sitelist-header {
  padding: 0;
  margin: auto 0;
  width: 100%;
  background-color: white;
  font-weight: normal;
  -ms-touch-action: none;
      touch-action: none;
}
.sitelist .sitelist-cell {
  text-align: left;
  vertical-align: middle;
  margin: auto 0;
  font-size: medium;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.sitelist .sitelist-row-button {
  padding: 5px 0 5px 0;
  margin: 0 0;
  width: 100%;
  text-transform: none;
  font-weight: normal;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: background-color linear 0.2s;
  transition: background-color linear 0.2s;
  cursor: pointer;
}
.sitelist .sitelist-row-button .sitelist-cell {
  text-align: left;
}
.sitelist .sitelist-row-button:hover {
  background-color: #d8d8d8;
}
.sitelist .sitelist-row-div {
  margin: -5px 0;
  width: 100%;
  text-transform: none;
  font-weight: normal;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sitelist .sitelist-row-div .sitelist-cell {
  text-align: left;
}
.sitelist .sitelist-checkbox {
  margin-top: auto;
  margin-bottom: auto;
  -ms-flex-line-pack: center;
      align-content: center;
}

.capgrid-wrapper {
  min-height: 290px;
  max-height: 290px;
  overflow: hidden;
  z-index: 50;
}

.cap-grid-button {
  margin-top: 1px !important;
  margin-bottom: 1px !important;
  max-height: 32px !important;
  min-height: 32px !important;
  line-height: 1em;
  margin-left: auto;
  margin-right: auto;
}

.cap-grid-input-container {
  margin: 0;
  height: 35px;
  overflow: hidden;
  width: 100%;
}

.cap-grid-text-input-container {
  margin: 2px 5px 2px 5px;
}

.cap-grid-chips chips {
  max-height: 36px;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  width: 2000px;
}
.cap-grid-chips chip-tmpl {
  font-size: smaller;
  margin: 2px 2px 2px 0;
  padding: 2px 2px 2px 4px;
}
.cap-grid-chips chip-tmpl span[remove-chip] {
  font-size: 16px;
}
.cap-grid-chips > div > input {
  margin-top: -2px;
}
.cap-grid-chips > div > input:placeholder-shown {
  font-size: smaller;
}

.cap-grid {
  height: 100%;
  /*.cap-sort-icon {
      font-size: 1.3846em;
      vertical-align: middle;
  }*/
}
.cap-grid .row-click-div {
  min-height: 32px;
  display: inline-block;
  cursor: pointer;
}
.cap-grid .column-search {
  display: block;
  height: 36px;
  margin-top: -15px;
  position: absolute;
  bottom: -5px;
  left: 2px;
  right: -2px;
}
.cap-grid .column-search-placeholder {
  height: 21px;
}
.cap-grid .search-close {
  position: absolute;
  right: 2px;
  top: 2px;
  font-weight: bold;
  color: #555;
  cursor: pointer;
}
.cap-grid .search-box {
  width: calc(100% - 10px);
  border: 1px #919191 solid;
  outline-color: #666;
}
.cap-grid .search-box:hover:not(:focus) {
  border-color: #666;
  border-width: 2px;
  border-radius: 4px;
}
.cap-grid .cap-grid-fill-header {
  background-color: white !important;
  cursor: default;
}
.cap-grid .cap-grid-header {
  background-color: white;
  border-bottom: 1px solid #eee;
}
.cap-grid .checkbox-spacer {
  min-width: 25px;
}
.cap-grid .sitelist-row-checkbox {
  margin-right: 5px;
  margin-left: 2.5vw;
  overflow: visible;
}
@media (min-width: 40em) {
  .cap-grid .sitelist-row-checkbox {
    margin-left: 15px;
  }
}
.cap-grid .cap-list-column-handle {
  border: 5px solid white;
  border-width: 0 5px;
  text-align: center;
  min-width: 3px;
  height: 75%;
  background-color: #eee;
  cursor: ew-resize;
  z-index: 1;
}
.cap-grid .cap-list-column-handle-final {
  border: 5px solid white;
  border-width: 0 5px;
  text-align: center;
  min-width: 3px;
  height: 75%;
  background-color: #f8f8f8;
  z-index: 1;
}
.cap-grid .cap-col {
  overflow-x: hidden;
  margin-right: 5px;
}
.cap-grid .sitelist-cell .cap-table-header {
  display: none;
}
.cap-grid .sitelist-row-column {
  overflow-x: hidden;
  margin-right: 5px;
  -webkit-user-select: all;
     -moz-user-select: all;
      -ms-user-select: all;
          user-select: all;
  position: relative;
}
.cap-grid .cap-grid-input {
  border: 0;
  border-bottom: 1px solid silver;
  padding: 3px;
  color: #333333;
  background: none;
  outline: none;
  width: 100%;
  margin-left: 5px;
}
.cap-grid .cap-grid-input:hover {
  border-bottom-width: 2px;
}
.cap-grid .cap-grid-input:focus {
  border-bottom: 2px solid rgb(96, 125, 139);
}
.cap-grid .sitelist-checkbox-header {
  margin: 0 5px 0 -9px;
  padding-left: 0;
}
.cap-grid .sitelist .sitelist-row {
  min-height: 3.4em;
}

.cap-sort-icon {
  font-size: 1.3846em;
  vertical-align: middle;
}

.columnDialog {
  min-width: 375px;
}
.columnDialog .scroller {
  padding: 15px;
  /*height:450px;*/
  overflow-y: scroll;
}
.columnDialog .scroller > div {
  padding: 5px;
}

.cap-grid-label-tooltip {
  height: auto;
  max-width: 500px;
  white-space: normal;
  font-size: medium;
  font-weight: normal;
  padding: 10px;
}

.no-results {
  font-size: larger;
  text-align: center;
}

.grid-empty-message {
  text-align: center;
  padding: 50px 0 50px 0;
  font-size: large;
}

.compare-sites {
  width: 100%;
  overflow-y: auto;
}
.compare-sites .sidebar-header {
  background-color: white;
}
.compare-sites .score {
  display: inline-block;
}

.cap-compare-panels {
  z-index: 1;
  padding-bottom: 0;
  /* this flexibility upsets the pie-chart canvas sizing
      .siteCompare-add {
      &:first-child { // only when it's alone
          @media(min-width: 600px) {
              width: 50%;
              max-width: 24em;
          }
      }
  }

  .solo,
  .solo + .siteCompare-add {
      @media(min-width: 600px) {
          width: calc(48% - 5em);
          max-width: 24em;
      }
  }*/
}
@media (min-width: 600px) {
  .cap-compare-panels {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
.cap-compare-panels .siteCompare-selected, .cap-compare-panels .siteCompare-add {
  border: 1px solid #ddd;
  border-radius: 5px;
  margin-bottom: 1em;
  margin-left: 1%;
}
@media (min-width: 600px) {
  .cap-compare-panels .siteCompare-selected, .cap-compare-panels .siteCompare-add {
    width: calc(32% - 3.75em);
    max-width: 28em;
  }
}
.cap-compare-panels .compare-label {
  display: inline-block;
  font-size: 0.75em;
  line-height: 1.5;
  text-transform: uppercase;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media (min-width: 600px) {
  .cap-compare-panels .compare-label {
    position: absolute;
    height: 1px;
    width: 1px;
    overflow: hidden;
  }
}
.cap-compare-panels .remove-site, .cap-compare-panels .clone-site, .cap-compare-panels .toggle-map {
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 0.5em;
}
.cap-compare-panels .site-addr {
  border: 0;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
}
.cap-compare-panels .site-addr p {
  margin: 0 0 0.5em;
}

.siteCompare-selected {
  position: relative;
  padding: 0;
  padding-bottom: 0;
  background-color: rgba(255, 255, 255, 0.7);
  -ms-flex-item-align: stretch;
      align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
}
@media (min-width: 600px) {
  .siteCompare-selected:first-child {
    margin-left: 11.5em;
  }
  .siteCompare-selected:first-child.inUK {
    margin-left: 11.25em;
  }
}
.siteCompare-selected.rptCiba {
  background-color: white;
  z-index: 1;
}
.siteCompare-selected.rptCiba .compare-header {
  background-color: white;
}
.siteCompare-selected.rptCiba .placeholder-score {
  display: none;
  visibility: hidden;
}
@media (min-width: 600px) {
  .siteCompare-selected.rptCiba .placeholder-score {
    display: block;
  }
}
.siteCompare-selected .cap-header-large {
  margin: 0;
  padding: 0;
}
.siteCompare-selected .cap-header {
  font-size: 1.5em;
  padding: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 0;
}
@media (min-width: 600px) {
  .siteCompare-selected .cap-header {
    font-size: calc(0.75em + 1.25vw);
  }
}
@media (min-width: 1024px) {
  .siteCompare-selected .cap-header {
    font-size: 1.5em;
  }
}
.siteCompare-selected .no-report {
  text-align: center;
  margin: 0;
}

.compare-header {
  position: relative;
  padding: 0;
  background-color: #eee;
}
.compare-header .md-button {
  position: absolute;
  z-index: 2;
  top: 0.5em;
  right: 4em;
  margin: 0;
  background-color: rgba(255, 255, 255, 0.7);
}
.compare-header .md-button:first-child {
  right: 0.5em;
}
.compare-header .md-button:nth-child(3) {
  left: 0.5em;
  right: unset;
}
@media (min-width: 600px) and (max-width: 960px) {
  .compare-header .md-button {
    position: relative;
    float: right;
    left: 0;
    top: 0;
    margin: 0.5em 0.5em 0.5em 0;
  }
}

.compare-box {
  width: 100%;
  height: 100%;
  clear: both;
  min-height: 100px;
}
.compare-box .loadingmMsg {
  text-align: center;
  width: 100%;
  position: absolute;
  top: 47%;
  z-index: 0;
}
.compare-box img {
  position: relative;
  z-index: 1;
  opacity: 1;
  -webkit-transition: opacity 200ms linear 500ms;
  transition: opacity 200ms linear 500ms;
}
.compare-box .rptmap-loading {
  opacity: 0;
  -webkit-transition: opacity 0;
  transition: opacity 0;
}

.compare-chart {
  position: relative;
  height: 187px;
  padding-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
}
.compare-chart .tierscore-col {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 30px;
  width: 100px;
  font-size: 0.75em;
}
.compare-chart .tierscore-col.col-chart {
  /*display: block;*/
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  /*outline: 1px dotted pink;*/
  width: 20%;
  height: auto;
  /*.tier-total {
      left: 0;
      text-align: center;
      padding-bottom: 4px;
      margin: 0;
      line-height: 1.2;
      z-index: 1;

      :first-child {
          @media (min-width: $compare-horizontal) {
              display: none;
          }

          @media (min-width: 960px) {
              display: block;
          }
      }

      &.hi-pc {

          @media (max-width: 480px), (min-width: 960px) {
              position: absolute;
              top: 60px;
              left: 50%;
              transform: translateX(-50%);
              background-color: rgba(white, 0.7);
              padding: 2px;
              border-radius: 2px;
              .tier-percentage {
                  color: #636363;
              }
          }
      }
  }*/
}
.compare-chart .tierscore-col.col-chart .tierscore-bar {
  width: 100%;
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
  -webkit-transition: height 200ms;
  transition: height 200ms;
}
.compare-chart .tierscore-col.col-chart .tier-label {
  top: 0;
  width: 100%;
  padding: 6px 0 0;
  text-align: left;
  left: -0.8em;
}
.compare-chart .tierscore-col.col-chart .tier-label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0.8em;
  width: 1px;
  height: 4px;
  background-color: currentColor;
}
.compare-chart .tierscore-col.col-chart .tier-percentage, .compare-chart .tierscore-col.col-chart .tier-label {
  font-style: normal;
  margin: 0;
}
@media (min-width: 600px) {
  .compare-chart .tierscore-col.col-chart .tier-percentage, .compare-chart .tierscore-col.col-chart .tier-label {
    font-size: 0.6875rem;
  }
}
@media (min-width: 960px) {
  .compare-chart .tierscore-col.col-chart .tier-percentage, .compare-chart .tierscore-col.col-chart .tier-label {
    font-size: 1em;
  }
}
.compare-chart .tierscore-bar {
  margin: 0;
  height: 100%;
  width: 30px;
  text-align: center;
  border-radius: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.compare-chart .tier-total {
  position: relative;
  left: 5px;
  margin: 0;
  min-width: 0;
  line-height: 1;
  padding: 0;
}
.compare-chart .tier-label {
  position: relative;
  top: -6px;
  background: transparent;
  line-height: 1;
  padding: 0;
  text-align: right;
  padding-right: 0.25em;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -ms-flex-item-align: start;
      align-self: flex-start;
  width: 25px;
}
.compare-chart .tier-label.zero-value {
  visibility: hidden;
}

.col-chart .tier-total {
  left: 0;
  text-align: center;
  padding-bottom: 4px;
  margin: 0;
  line-height: 1.2;
  z-index: 1;
}
@media (min-width: 600px) {
  .col-chart .tier-total :first-child {
    display: none;
  }
}
@media (min-width: 960px) {
  .col-chart .tier-total :first-child {
    display: block;
  }
}
@media (max-width: 480px), (min-width: 960px) {
  .col-chart .tier-total.hi-pc {
    position: absolute;
    top: 60px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    background-color: rgba(255, 255, 255, 0.7);
    padding: 2px;
    border-radius: 2px;
  }
  .col-chart .tier-total.hi-pc .tier-percentage {
    color: #636363;
  }
}

.ciba-avg {
  position: absolute;
  bottom: 12px;
  /*left: 29%;*/
  height: 12px;
  width: 2px;
  color: #009;
  background-color: currentColor;
}
.ciba-avg span {
  font-size: 10px;
  text-transform: uppercase;
  display: inline-block;
  position: absolute;
  bottom: 12px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-weight: bold;
}

.siteCompare-selected .compare-header .md-button:hover,
.siteCompare-selected .compare-header .md-button:focus {
  background-color: white;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.select-ciba {
  width: 100%;
}
.select-ciba md-select {
  background-color: white;
}
.select-ciba .md-select-value.md-select-placeholder {
  color: #333;
}

.site-addr,
.rpt-picker {
  padding: 0.5em;
}

.rpt-picker label {
  margin-right: 0.5ch;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.55);
  font-size: small;
}
.rpt-picker md-select {
  margin: 0.5em 0 1em;
}

.panel-labels {
  display: none;
  position: absolute;
  bottom: 1em;
  z-index: 0;
  left: 8px;
  width: calc(100% - 16px);
  border: 0 !important;
  margin-bottom: 0;
  margin-left: 0;
}
@media (min-width: 600px) {
  .panel-labels {
    display: block;
  }
}
@media (min-width: 960px) {
  .panel-labels {
    left: 16px;
    width: calc(100% - 32px);
  }
}

.panel-label {
  padding: 0.5em 0;
  border-top: 1px solid #ccc;
}
.panel-label span {
  display: inline-block;
  font-size: 0.75em;
  line-height: 1.5;
  text-transform: uppercase;
}
.panel-label:first-child, .panel-label:nth-child(2), .panel-label:nth-child(11) {
  font-weight: bold;
}

.panel-label-Crimes {
  font-weight: bold;
}

.compare-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.5em 0.5em 0.25em;
  border-top: 1px solid #ddd;
}
@media (min-width: 600px) {
  .compare-row {
    display: block;
    border: 0;
    text-align: center;
  }
}
.compare-row:first-child, .compare-row:nth-child(2), .compare-row:nth-child(11) {
  font-weight: bold;
}

.compare-data {
  position: relative;
  z-index: 1;
  padding: 0 !important;
}

.siteCompare-add {
  background-color: #eee;
  padding: 15px 1%;
  z-index: 1;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
@media print {
  .siteCompare-add {
    opacity: 0;
  }
}
.siteCompare-add .instruction {
  font-size: smaller;
  margin-top: 0;
}
.siteCompare-add .cap-header-large {
  padding: 0;
  margin-top: 0.75em;
  padding-top: 0.75em;
  border-top: 1px solid #ddd;
}
.siteCompare-add .cap-header-large:first-child {
  border-top: none;
  margin-top: 0;
  padding-top: 0.5em;
}
.siteCompare-add .cap-header-large .material-icons {
  vertical-align: bottom;
}
.siteCompare-add .search-form {
  width: auto;
  margin: 0.5em auto 2em;
}
.siteCompare-add .search-form md-autocomplete {
  min-width: 100%;
}
.siteCompare-add .search-form md-autocomplete input:not(.md-input) {
  padding-left: 3%;
}
.siteCompare-add .search-form .search-icon, .siteCompare-add .search-form .search-cancel-button {
  display: block;
}
.siteCompare-add .search-icon, .siteCompare-add .search-cancel-button {
  display: block;
}
.siteCompare-add .md-button {
  white-space: normal;
  line-height: 1.2;
  padding: 6px;
  margin: 6px 0;
  width: 100%;
}

.compare-search-cancel-button {
  position: absolute;
  top: -2px;
  right: 4px;
  z-index: 1;
  width: 36px !important;
}

.ciba-label {
  padding: 0 0.5rem;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (min-width: 600px) {
  .ciba-label {
    position: absolute;
    left: 0;
  }
}
.ciba-label.panel-label {
  top: 10%;
  border: 0;
  text-align: center;
}
.ciba-label.ciba-disclaimer {
  bottom: 0;
  font-size: 0.75em;
  color: rgba(0, 0, 0, 0.55);
}
.ciba-label.ciba-disclaimer p {
  margin-bottom: 5%;
}

.ciba-data {
  position: relative;
}

.canvas-wrapper {
  width: 95%;
  position: relative;
  margin: 0 auto;
}

.chart-pie {
  width: 100% !important;
  height: 100% !important;
}

.create-citywide.sideBar {
  overflow: visible;
  z-index: 1;
}
.create-citywide.sideBar .citywideContent {
  height: 100%;
}
.create-citywide .prevent {
  padding: 15px;
}
@media (min-width: 769px) and (min-height: 540px) {
  .create-citywide .prevent {
    display: none;
  }
}
.create-citywide .noTouch .prevent {
  display: block;
}
.create-citywide .noTouch form {
  display: none;
}
.create-citywide form {
  display: none;
  margin: 15px;
}
@media (min-width: 769px) and (min-height: 540px) {
  .create-citywide form {
    display: block;
  }
}
.create-citywide ol {
  list-style-type: none;
  margin-left: 0;
  margin-bottom: 1.5em;
  padding-left: 15px;
  counter-reset: step;
  margin-top: 12px;
}
.create-citywide ol .cap-subheader {
  padding-left: 0;
  text-indent: -15px;
}
.create-citywide ol .cap-subheader:before {
  counter-increment: step;
  content: counter(step) ". ";
}
.create-citywide li {
  margin-bottom: 0.8em;
}
.create-citywide .cap-description {
  font-size: 1em;
  padding-left: 0.5em;
}
.create-citywide .cap-input-container {
  width: calc(100% - 0.5em);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-left: 0.5em;
}
.create-citywide .md-icon-button {
  margin-bottom: 2px;
  text-indent: 0;
}
.create-citywide .md-primary.md-button {
  display: block;
  width: 97%;
  margin: 0 auto;
}

.zero-citywide {
  text-align: center;
  margin: 3em 1em 0;
}

.citywideScrim {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
}

.citywideBorderBar {
  position: absolute;
  z-index: 1;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.575);
  /*.citywideDims {
      position: absolute;
      bottom: -1.5em;
      color: #333;
      font-size: smaller;
  }*/
}
.citywideBorderBar.alert-bg {
  background-color: rgba(170, 0, 0, 0.6);
}
.citywideBorderBar .alert-bg-header {
  background-color: #cc4444;
  padding: 8px;
}
.citywideBorderBar .citywide-warn, .citywideBorderBar .citywideInfo {
  position: absolute;
  top: 50%;
  display: inline-block;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  min-width: 320px;
  text-align: center;
  color: white;
  font-size: calc(0.5em + 0.75vw);
  font-size: calc(0.5em + 0.75vmax);
}

.h-bars {
  min-width: 100%;
}

.citywideBoundsPt {
  position: absolute;
  z-index: 1;
  background-color: lime;
}

.map-alert {
  position: absolute;
  right: 0;
  -webkit-transform: translateY(-65%);
          transform: translateY(-65%);
  text-align: center;
  padding: 0 2em;
  z-index: 9;
  color: white;
  font-size: 2vw;
  font-size: 2vmax;
}
@media (min-width: 1200px) {
  .map-alert {
    -webkit-transform: translateY(-95%);
            transform: translateY(-95%);
  }
}

.cap-tip {
  position: relative;
  padding-left: 3rem;
  font-style: italic;
}
.cap-tip .material-icons {
  position: absolute;
  left: 0.5rem;
  display: inline-block;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  color: white;
  border-radius: 50%;
  padding: 4px;
}

.cap-warning .material-icons {
  position: absolute;
  left: 1.5rem;
  display: inline-block;
  color: white;
  border-radius: 50%;
  padding: 4px;
}

.citywide-map-info .cap-icon-button-small {
  -webkit-transform: translate(45px, 8px);
          transform: translate(45px, 8px);
}
.citywide-map-info .cap-icon-button-small .notes-input {
  margin-top: 30px;
}
.citywide-map-info .cap-icon-button-small + .cap-input-container {
  margin-top: 0;
}

create-search-bar {
  max-width: calc(100% - 90px);
  position: relative;
}
@media (min-width: 600px) {
  create-search-bar {
    max-width: calc(100% - 215px);
  }
}

.create-search-form {
  width: auto;
}
.create-search-form.searching {
  width: auto;
  position: absolute;
  /*bottom: 0;*/
  right: -3px;
  top: 2px;
  /*transform: translateY(-15%);*/
}
.create-search-form form input {
  font-size: large;
}

.create-search-icon {
  display: none;
  position: absolute;
  top: 18px;
  right: 12px;
  z-index: 1;
}
@media (min-width: 650px) {
  .create-search-icon {
    display: block;
  }
}

.create-search-cancel-button {
  display: block;
  position: absolute;
  top: 7px;
  right: 0px;
  z-index: 20;
}

.dashboardNew {
  position: static;
  top: 70px;
  bottom: 0;
  width: 100%;
  overflow-y: auto;
  /*.dash-col:first-child .widget:first-child .moveup,
  .dash-col:last-child .widget:last-child .movedown {
  pointer-events: none;
  opacity: 0.3;
  }*/
  /*.dash-col.flex-50:nth-child(2) {
      .widget-focus {
          box-shadow: rgba(0, 0, 0, 0.3) -4px 4px 8px;
      }
  }*/
}
.dashboardNew .public-dashboard {
  right: 30px;
  top: 8px;
  position: absolute;
  color: grey;
}
.dashboardNew .dashboard-selector-button {
  text-transform: none !important;
  font-size: x-large !important;
  font-weight: normal !important;
}
.dashboardNew .sidebar-header {
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dashboardNew .sidebar-header .md-button {
  position: static;
}
.dashboardNew .sidebar-header .md-button:first-of-type {
  margin-left: auto;
}
.dashboardNew .instruction {
  padding-top: 5px;
  margin: 0 0 10px 2em;
}
.dashboardNew .list-empty-message {
  padding-top: 50px;
  font-style: italic;
  color: rgba(0, 0, 0, 0.55);
  text-align: center;
  width: 100%;
}
.dashboardNew md-content {
  display: block;
}
.dashboardNew .no-content {
  text-align: center;
  font-size: larger;
  margin: 2em 0;
}
.dashboardNew .no-content .md-button {
  display: block;
  margin: 2em auto;
  max-width: 12em;
}
.dashboardNew .cap-page-buttons {
  /* PUNCH LIST 2021.09.21: JCD */
}
.dashboardNew .cap-page-buttons .cap-header-xlarge {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.dashboardNew .cap-page-buttons .cap-header-prominent {
  font-weight: bold;
  font-size: 1.5em;
}
.dashboardNew .widget-type-content {
  width: 60%;
  padding: 0 0.25em;
}
.dashboardNew .widget-type-content label:nth-child(n+1) {
  margin-top: 0.5em;
}
.dashboardNew .widget-type-content .md-select-value.md-select-placeholder {
  color: currentColor;
}
.dashboardNew .widget-move {
  background-color: #ddd;
  margin-left: 0;
  margin-right: 0;
  padding: 0 1em;
}
.dashboardNew .updown {
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  margin: 0;
  padding: 0;
  background-color: #eceff1;
  width: 50px;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.dashboardNew .updown .md-icon-button {
  border-radius: 4px;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 18px;
  min-height: 0;
  background-color: transparent;
}
.dashboardNew .updown .md-icon-button:not([disabled]):hover, .dashboardNew .updown .md-icon-button:not([disabled]):focus {
  background-color: white;
}
.dashboardNew .updown .md-icon-button[disabled] {
  opacity: 0.5;
}
.dashboardNew .updown .material-icons {
  font-size: 32px;
}
.dashboardNew .updown .moveup:before, .dashboardNew .updown .movedown:before {
  content: "";
  position: absolute;
  top: -8px;
  left: 12px;
  height: 0;
  width: 0;
  border: 12px solid transparent;
  border-bottom-color: currentColor;
}
.dashboardNew .updown .moveup {
  margin-top: 1px;
  margin-bottom: 2px;
  position: relative;
}
.dashboardNew .updown .movedown:before {
  top: 0;
  border-bottom-color: transparent;
  border-top-color: currentColor;
}
.dashboardNew .widget {
  position: relative;
  display: block;
  background-color: white;
  border: 1px solid #ddd;
  border-radius: 0.225em;
  padding: 0.5em 1em;
  margin: 0.5em 0;
}
.dashboardNew .widget .widget-remove {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 12;
  background-color: #eceff1;
  border-radius: 0;
  height: 36px;
  min-height: 0;
  margin: 0;
  padding: 0;
}
.dashboardNew .widget .widget-remove:not([disabled]):hover, .dashboardNew .widget .widget-remove:not([disabled]):focus {
  background-color: #eceff1;
}
.dashboardNew .widget .widget-remove:not([disabled]):hover .material-icons, .dashboardNew .widget .widget-remove:not([disabled]):focus .material-icons {
  -webkit-transition: -webkit-transform 150ms;
  transition: -webkit-transform 150ms;
  transition: transform 150ms;
  transition: transform 150ms, -webkit-transform 150ms;
  -webkit-transform: scale(1.15);
          transform: scale(1.15);
}
.dashboardNew .widget .widget-fullscreen {
  right: 36px;
}
.dashboardNew .widget .widget-fullscreen .material-icons {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.dashboardNew .widget .widget-autorefresh {
  right: 72px;
}
.dashboardNew .widget .option-on {
  border-radius: 15px;
  background-color: rgba(100, 255, 100, 0.25);
  color: green;
}
.dashboardNew .widget-title {
  margin: 0.8em 0.25em 0.25em 0;
  word-wrap: break-word;
  position: absolute;
  left: 0px;
  background-color: #eceff1;
  padding: 1px 15px 0 10px;
  top: -8px;
  font-size: 1em;
  line-height: 1.5em;
  height: 30px;
  color: #333;
}
@media (min-width: 488px) {
  .dashboardNew .widget-title {
    left: 0px;
    font-size: 1.2em;
    margin: 0.75em 0.25em 0.25em 0;
    line-height: 1.2em;
  }
}
@media (min-width: 688px) {
  .dashboardNew .widget-title {
    left: 34px;
    font-size: 1.425em;
    margin: 0.5em 0.25em 0.25em 0;
    line-height: normal;
  }
}
.dashboardNew .widget-title .cap-header-descriptor {
  display: block;
  margin-left: 0;
  height: auto;
  white-space: normal;
}
.dashboardNew .widget-title .material-icons {
  vertical-align: bottom;
  padding-bottom: 3px;
  margin-left: 0.25em;
}
.dashboardNew .widget-site-count-label {
  font-size: medium;
  font-weight: normal;
  margin: 0.25em 0;
  padding-left: 6px;
  color: #555555;
}
.dashboardNew .widget-site-count-label .material-icons {
  vertical-align: bottom;
  padding-bottom: 3px;
}
.dashboardNew .cap-widgets-new .widget {
  position: relative;
  padding-top: 36px;
}
.dashboardNew .cap-widgets-new .left-column {
  margin-right: 8px;
}
.dashboardNew .cap-widgets-new .right-column {
  margin-left: 8px;
}
.dashboardNew .welcome-widget {
  padding: 0.5em 0.5em 0 0.5em;
}
.dashboardNew .welcome-widget ul {
  list-style: none;
  padding: 0;
}
.dashboardNew .welcome-widget li {
  float: left;
  margin-right: 1em;
}
.dashboardNew .welcome-widget li:last-child {
  margin-right: 0;
}
.dashboardNew .welcome-widget li .md-button {
  min-width: 200px;
  text-align: left;
  text-transform: none;
}
.dashboardNew .welcome-widget md-icon {
  margin-right: 0.125em;
}
.dashboardNew .welcome-widget .outerIcon {
  -webkit-transform: scale(1.25);
          transform: scale(1.25);
}
.dashboardNew .welcome-widget .navicon2 {
  top: 5px;
  left: 6px;
}
.dashboardNew .clearfix::after {
  content: "";
  display: block;
  clear: both;
}
.dashboardNew .widget-focus {
  border-width: 2px;
}
.dashboardNew .widget-focus .widget-drag-zone {
  border-bottom-width: 2px;
}
.dashboardNew .whatsnew-widget {
  line-height: 1.4;
}
.dashboardNew .whatsnew-widget .widget-title sup {
  font-size: medium;
}
.dashboardNew .whatsnew-widget ul {
  padding-left: 1.25em;
}
.dashboardNew .whatsnew-widget li {
  margin-bottom: 0.5em;
}
.dashboardNew .whatsnew-widget .material-icons {
  position: relative;
  top: 2px;
  font-size: 1em;
  display: inline-block;
  vertical-align: baseline;
}
.dashboardNew .overview-widget {
  margin-top: 15px;
}
.dashboardNew .overview-widget .methodology-lbl {
  display: inline;
  text-transform: uppercase;
}
.dashboardNew .overview-widget .tier-count-label {
  display: inline-block;
  top: -3em;
}
.dashboardNew .overview-widget .score-container .sitepos {
  /*display: none;*/
}
.dashboardNew .overview-widget .score-container .sitepos .score,
.dashboardNew .overview-widget .score-container .sitepos .scorecard-label {
  display: block;
  top: 36px;
}
.dashboardNew .overview-widget .score-container .sitepos .scorecard-label {
  top: 54px;
}
.dashboardNew .overview-widget .boxplot, .dashboardNew .overview-widget .midhalf, .dashboardNew .overview-widget .mid90 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  background-color: black;
}
.dashboardNew .overview-widget .boxplot {
  height: 3px;
}
.dashboardNew .overview-widget .mid90 {
  height: 11px;
}
.dashboardNew .overview-widget .midhalf {
  z-index: 2;
  height: 25px;
}
.dashboardNew .overview-widget .avgMinMax .sites-med {
  height: 100%;
  width: 3px;
  position: absolute;
  top: 0;
  z-index: 3;
  display: block;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.dashboardNew .boxplot,
.dashboardNew .midhalf,
.dashboardNew .mid90 {
  position: absolute;
}
.dashboardNew .boxplot {
  z-index: 1;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 3px;
  background: gray;
  display: none;
}
.dashboardNew .sites-med {
  height: 21px;
  width: 3px;
  position: absolute;
  top: 62px;
  display: none;
}
.dashboardNew .sites-med .chart-label div:last-child {
  color: black;
}
.dashboardNew .box-d1, .dashboardNew .box-q1, .dashboardNew .box-q3, .dashboardNew .box-d9 {
  display: none;
}
@media (min-width: 30em) {
  .dashboardNew .box-d1, .dashboardNew .box-q1, .dashboardNew .box-q3, .dashboardNew .box-d9 {
    display: inline-block;
  }
}
.dashboardNew .box-d9 .methodology-lbl {
  display: none;
}
.dashboardNew .widget-drag-zone {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  background-color: #eceff1;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  border-bottom: 1px solid #ddd;
  overflow: hidden;
}
.dashboardNew .widget-drag-zone .widget-subtitle {
  font-size: 0.7em;
  color: #555;
  position: relative;
  right: -3px;
  top: -2px;
}
.dashboardNew .widget-drag-zone-disabled {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  background-color: #eceff1;
  border-bottom: 1px solid #ddd;
  overflow: hidden;
}
.dashboardNew .widget-drag-zone-disabled .widget-subtitle {
  font-size: 0.7em;
  color: #555;
  position: relative;
  right: -3px;
  top: -2px;
}
.dashboardNew .widget-drag-zone-cursor {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 24px;
  margin: 6px 0px;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  background-image: radial-gradient(#ccc 30%, transparent 31%), radial-gradient(#fff 30%, transparent 31%);
  background-size: 6px 6px;
  background-position: 0 0, 7px 7px;
  background-color: #eceff1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.dashboardNew .widget-drag-zone-cursor .drag-icon {
  background-color: #eceff1;
  color: #777;
  padding: 0 10px;
}
.dashboardNew .widget-drag-zone-cursor-disabled {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 24px;
  margin: 6px 0px;
  background-color: #eceff1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.dashboardNew .widget-drag-zone-cursor-disabled .drag-icon {
  background-color: #eceff1;
  color: #777;
  padding: 0 10px;
}
.dashboardNew .drag-widget .drop-container {
  z-index: 12;
}
.dashboardNew .drag-widget .drop-container:not(.drag-container-active) {
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-color: transparent !important;
  position: absolute;
}
.dashboardNew .drag-widget .drop-container:not(.drag-container-active) > .widget-drag-zone-cursor {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin: 0;
  border: 6px solid #eceff1;
  border-width: 6px 0;
}
.dashboardNew .drag-widget .drop-container.sitelist-header {
  background-color: transparent;
}
.dashboardNew .drag-widget .cap-dragOver:not(.cap-dragging) .cap-grid {
  pointer-events: none;
  background: transparent;
}
.dashboardNew .drag-widget .cap-dragOver:not(.cap-dragging) .cap-grid .sitelist-header, .dashboardNew .drag-widget .cap-dragOver:not(.cap-dragging) .cap-grid .sitelist-row, .dashboardNew .drag-widget .cap-dragOver:not(.cap-dragging) .cap-grid .cap-grid-header {
  background: transparent !important;
}
.dashboardNew .drag-widget .cap-dragOver:not(.cap-dragging) :before {
  background-color: #ffa;
  opacity: 0.45;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 100;
}
.dashboardNew .dash-header .cap-page-buttons {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (min-width: 45.625em) {
  .dashboardNew .dash-header {
    padding-right: 15px;
  }
}

@media (min-width: 64em) {
  .sideNavExpanded .dashboardNew .cap-icon-text-button span {
    display: none;
  }
}
@media (min-width: 64em) and (min-width: 80em) {
  .sideNavExpanded .dashboardNew .cap-icon-text-button span {
    display: inline;
  }
}
@media (min-width: 64em) {
  .sideNavExpanded .dashboardNew .cap-page-buttons:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .sideNavExpanded .dashboardNew .cap-page-buttons:first-child md-menu {
    margin-left: auto;
  }
}
@media (min-width: 64em) and (min-width: 80em) {
  .sideNavExpanded .dashboardNew .cap-page-buttons:first-child md-menu {
    margin-left: 5px;
  }
}
@media (min-width: 64em) and (min-width: 80em) {
  .sideNavExpanded .dashboardNew .cap-page-buttons:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.sideNavExpanded .dashboardNew .dash-header {
  padding-right: 15px;
}

.dashboard-config-new {
  max-height: unset;
}
.dashboard-config-new .widget-title {
  margin: 0;
  font-size: 1rem;
}
.dashboard-config-new .dash-menuitem {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-top: 1px solid #ddd;
  height: auto;
  max-width: 500px;
  min-width: 440px;
  min-height: 0;
  margin: 0 0.5em;
  padding: 0.75em 0;
}
.dashboard-config-new .dash-menuitem:first-child {
  border: 0;
  padding-top: 0.25em;
}
.dashboard-config-new .dash-menuitem .widget-title {
  font-weight: bold;
}
.dashboard-config-new .dash-menuitem p {
  margin: 0;
  font-size: smaller;
}
.dashboard-config-new .dash-menuitem [for=search-dashsites] {
  display: block;
  margin-top: 1em;
}
.dashboard-config-new .dash-menuitem > .material-icons {
  display: none;
  width: auto;
  margin: 0;
  padding: 0 0.5em 0 0;
}
@media (min-width: 400px) {
  .dashboard-config-new .dash-menuitem > .material-icons {
    display: block;
  }
}
.dashboard-config-new .dash-menuitem .md-button {
  width: 30%;
  margin-left: 1em;
  margin-right: 0;
  margin: 0 0 0 1em;
  text-align: center;
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.dashboard-config-new .dash-menuitem .md-button.search-cancel-button {
  width: auto;
  z-index: 100;
}
.dashboard-config-new .dash-menuitem .md-button:not([disabled]):focus {
  background-color: rgba(158, 158, 158, 0.2);
}

.drag-active .widget .cap-grid .drop-container {
  position: relative !important;
}
.drag-active .widget .drop-container {
  position: absolute !important;
}
.drag-active .widget .filter-selector-container {
  background-color: transparent !important;
}
.drag-active .widget .md-icon-button {
  background-color: transparent !important;
}
.drag-active .widget .widget-drag-zone-cursor {
  background-image: none;
}

.sidebar-header {
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.sidebar-header .md-button {
  position: absolute;
  right: 0;
  /*top: 18%;*/
  top: 0.75em;
}

.filter-number-setting {
  margin-top: 0px;
  margin-bottom: 0px;
}

.selected-filter {
  padding: 15px 15px 5px;
}
.selected-filter .md-select-value .md-text span {
  vertical-align: super;
  padding-left: 3px;
}

.editFilterForm {
  position: relative;
  margin: 0;
  margin-top: 1em;
  padding: 0;
  overflow-x: hidden;
}
.editFilterForm h3 {
  font-size: 1em;
  margin: 0 15px 0.5em;
}
.editFilterForm .text-select {
  margin: 0 0 0 15px;
}
.editFilterForm .text-select md-menu {
  position: absolute;
  right: -15px;
  top: -3px;
}
.editFilterForm .filter-slider {
  margin: -14px 0 0 15px;
}
.editFilterForm .filter-slider md-input-container {
  min-width: 70px;
}
.editFilterForm .filter-classifications {
  margin: 0 0 0 14px;
}

.filter-text {
  margin: 0 0 0 15px;
}

.filter-date {
  margin: 0;
}

.filter-tags {
  margin: 0 0 0 15px;
  width: 100%;
  min-width: 150px;
}
.filter-tags chips {
  padding-top: 0;
}

.filter-category {
  width: calc(100% - 30px);
  margin: 6px 0 0 15px;
  padding: 0;
  padding-left: 10px;
  text-align: left;
  text-transform: none;
  font-weight: normal;
  font-size: initial;
  text-overflow: ellipsis;
  padding-right: 2em;
}
.filter-category:not([disabled]):hover {
  background-color: black;
}
.filter-category .material-icons {
  position: absolute;
  right: 10px;
  line-height: 36px;
  -webkit-transition: -webkit-transform 200ms linear;
  transition: -webkit-transform 200ms linear;
  transition: transform 200ms linear;
  transition: transform 200ms linear, -webkit-transform 200ms linear;
}
.filter-category.cap-expanded .material-icons {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.filter-category.cap-metadata {
  background-color: #404088;
}

.column-category {
  margin: 0 -5px 10px -5px;
  width: calc(100% + 10px);
}

.filter-message {
  width: calc(100% - 50px);
  background-color: silver;
  color: #333333;
  margin: 6px 0 0 15px;
  padding: 10px;
  text-align: left;
  text-transform: none;
  font-weight: normal;
  font-size: initial;
  border-radius: 2px;
}

.filter-parameters .cap-panel-item:nth-child(even) {
  background-color: #f5f5f5;
}

.filter-param {
  position: relative;
  padding: 0 15px;
}
.filter-param > :first-child {
  line-height: 21px;
  font-size: small;
  text-transform: uppercase;
  padding-top: 5px;
  margin-bottom: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  max-height: 90px;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}
@media (min-width: 63em) {
  .filter-param {
    padding: 5px 25px 0;
  }
}
.filter-param ._md-datepicker-floating-label > md-datepicker .md-datepicker-button {
  float: none;
}
.filter-param .filter-minmax {
  line-height: 1.5;
  -ms-flex-item-align: center;
      align-self: center;
}
.filter-param md-slider-container {
  margin-left: 15px;
}
.filter-param md-slider-container > *:last-child:not(md-slider) {
  margin: 0 0 8px 16px;
}
.filter-param .to-divider {
  font-size: 0.8em;
  position: absolute;
  right: 31%;
  top: 43%;
  color: rgba(0, 0, 0, 0.55);
}
.filter-param .filter-daterange {
  position: relative;
}
.filter-param .filter-daterange md-input-container {
  margin: 0;
}
.filter-param md-select {
  margin: 0 0 22px 15px;
}
.filter-param .filter-sliderRange {
  display: block;
  position: relative;
}
.filter-param .filter-sliderRange md-input-container {
  min-width: 55px;
  max-width: 55px;
}
.filter-param .filter-sliderRange .to-divider {
  right: 60%;
}

.filter-actions {
  margin: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.filter-actions .md-button {
  width: 30%;
  margin: 0;
}

.cap-filter-overview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  background-color: #e0e0e0;
  padding: 0.5em 15px;
}
.cap-filter-overview button {
  background-color: #eee;
  width: 50%;
}
.cap-filter-overview .material-icons {
  vertical-align: middle;
  margin: 0 3px 3px 0;
}

.edit-filter-counter {
  width: 50%;
  text-align: center;
  color: #444444;
  font-size: small;
  text-transform: uppercase;
  line-height: 2;
}
.edit-filter-counter strong {
  font-weight: bold;
  font-size: 1.25em;
}
.edit-filter-counter span {
  text-transform: lowercase;
}

.selected-filter md-input-container {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
}
.selected-filter .md-button {
  margin-right: 0;
  margin-left: 10px;
}

.filter-option .material-icons {
  vertical-align: middle;
  margin-right: 4px;
}
.filter-option span {
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
}

.cap-panel {
  overflow: hidden;
  -webkit-transition: all ease-out 250ms;
  transition: all ease-out 250ms;
}
.cap-panel.ng-hide {
  max-height: 0;
  -webkit-transition: max-height ease-out 300ms;
  transition: max-height ease-out 300ms;
}
.cap-panel.ng-hide-add {
  -webkit-transition: all ease-out 250ms;
  transition: all ease-out 250ms;
}
.cap-panel > :first-child {
  padding-top: 0.5em;
}

.public-filter-option {
  right: 0px;
  position: absolute;
  color: grey;
}

.optionCount {
  font-weight: bold;
  font-style: italic;
}

.hideTabBar md-tabs-canvas {
  height: 0px !important;
}

.inActive {
  opacity: 0.8;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  pointer-events: none;
}

.acct-edit {
  padding: 0;
  margin: 1rem;
}
@media (min-width: 960px) {
  .acct-edit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.acct-edit fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

.form-title {
  padding: 0;
  margin: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.acct-container {
  display: block;
  margin: 0;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 0;
  list-style: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (min-width: 960px) {
  .acct-container {
    width: 63%;
  }
}

.acct-name {
  padding: 0;
  margin: 1rem;
  display: block;
  margin: 0;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 0;
  list-style: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.acct-name span {
  display: block;
  font-size: 0.625em;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 0.5em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.870588);
}

.acct-basics {
  width: 100%;
}
@media (min-width: 960px) {
  .acct-basics {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.acct-basics p {
  font-size: 0.875em;
  margin: 0 0 0.5em;
}
.acct-basics img {
  height: 4em;
  margin: 0 auto 1em;
  display: block;
}
@media (min-width: 960px) {
  .acct-basics img {
    margin: 0 2em 0 0;
  }
}
.acct-basics label {
  display: inline-block;
  width: 6em;
}

.acct-actions {
  width: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.870588);
}
@media (min-width: 960px) {
  .acct-actions {
    margin-top: 2em;
  }
}
.acct-actions .md-button {
  margin: 0;
}
.acct-actions .md-button:first-child {
  margin-right: 0.5em;
}

.acct-details,
.acct-features {
  -webkit-transition: all 250ms;
  transition: all 250ms;
}

.user-tabs {
  width: 90%;
  min-width: 280px;
  margin-bottom: 15px;
  border-bottom: 1px solid #ddd;
}
.user-tabs .md-button {
  width: 10em;
  margin-bottom: 0;
  border-bottom: 0;
}

.acct-features md-radio-group {
  display: block;
  margin-bottom: 2em;
}

[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
}

.file-path-wrapper {
  display: inline-block;
}

.file-path {
  height: 36px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 17.5em;
}

.file-field {
  margin-bottom: 1em;
}
.file-field .md-button {
  margin-left: 0;
}

@media (min-width: 960px) {
  .acct-enabler {
    width: 100%;
  }
}

.pw-wrapper .md-button {
  margin-left: 0;
  text-align: left;
  -webkit-transition: all 250ms;
  transition: all 250ms;
}
.pw-wrapper .md-button i {
  -webkit-transition: 250ms;
  transition: 250ms;
}
.pw-wrapper .md-button[aria-expanded=true] i {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.pw-wrapper fieldset {
  opacity: 0;
  overflow: hidden;
  max-height: 0;
  -webkit-transition: all 250ms;
  transition: all 250ms;
}
.pw-wrapper fieldset.isOpen {
  opacity: 1;
  max-height: 12em;
}
.pw-wrapper fieldset small {
  display: block;
}

.frm-edit-user {
  padding: 15px;
}

.frm-edit-addr {
  padding: 0 15px 15px;
}
.frm-edit-addr > :first-child {
  margin-bottom: 30px;
}
@media (min-width: 1280px) {
  .frm-edit-addr > :first-child {
    margin-bottom: 0;
    margin-right: 30px;
  }
}

.userTypeDialog table {
  margin-top: 1em;
  border-bottom: 1px solid #ddd;
  border-collapse: collapse;
}
.userTypeDialog tr {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.userTypeDialog tr:nth-child(even) {
  background-color: #f0f0f0;
}
.userTypeDialog tr:first-child {
  border: 0;
}
.userTypeDialog tr:first-child th {
  font-weight: bold;
  border-bottom: 1px solid #ddd;
  word-break: break-all;
}
.userTypeDialog td {
  text-align: center;
}
.userTypeDialog th {
  text-align: left;
  font-weight: normal;
}
.userTypeDialog td, .userTypeDialog th {
  padding: 0.375em;
}
.userTypeDialog small {
  display: block;
}

.file-downloads {
  margin: 0 15px;
}
.file-downloads .sitelist-cell .md-button {
  margin: 0;
}
.file-downloads .searchBar {
  position: relative;
  margin-right: 15px;
  max-width: 500px;
  -ms-flex-preferred-size: 500px;
      flex-basis: 500px;
}
.file-downloads .searchBar .cap-input-container {
  width: 100%;
  margin-top: 7px;
}
.file-downloads .searchBar .cap-input {
  background-color: white;
  border-bottom: none;
  font-size: large;
  padding-left: 0.5em;
  width: 100%;
  border-radius: 3px;
}
.file-downloads .search-icon-wrapper {
  background-color: white;
  position: absolute;
  right: 5px;
  top: 12px;
}
.file-downloads .material-icons:last-child {
  cursor: pointer;
}
.file-downloads .wait-icon {
  position: absolute;
  top: 178px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}
.file-downloads md-menu-content md-divider {
  margin: 8px 0;
}

.downloadContainer {
  display: block;
  /*    .cap-repeat-container {
          height: calc(100vh - 250px);
      }*/
}
@media (min-width: 33.75em) {
  .downloadContainer {
    display: none;
  }
}

.downloadGrid {
  display: none;
}
@media (min-width: 33.75em) {
  .downloadGrid {
    display: block;
  }
}

.pageDescription {
  margin-bottom: 18px;
  margin-left: 15px;
}

.filter-selector {
  padding-right: 0.5em;
}
.filter-selector md-menu {
  /*outline: 1px solid gray;*/
}
.filter-selector .cap-filter-btn md-icon {
  /*padding-right: 10px;*/
  margin-right: 4px;
}
@media (min-width: 600px) {
  .filter-selector {
    padding-right: 0.6em;
  }
}
.filter-selector label {
  display: none;
}
@media (min-width: 1200px) {
  .filter-selector label {
    display: inline-block;
  }
}
.filter-selector .cap-filter-btn-filter {
  max-width: 50px !important;
  min-width: 50px !important;
}
@media (min-width: 30em) {
  .filter-selector .cap-filter-btn-filter {
    max-width: 250px !important;
    min-width: 40px !important;
    width: auto;
    text-overflow: ellipsis;
  }
}
.filter-selector .cap-filter-btn {
  /*min-width: 38px;
  width: 38px;*/
  padding-right: 5px;
}
.filter-selector .cap-filter-btn .filter-select {
  display: none;
}
@media (min-width: 30em) {
  .filter-selector .cap-filter-btn .filter-select {
    display: inline-block;
  }
}
@media (min-width: 30em) {
  .filter-selector .cap-filter-btn {
    max-width: 260px !important;
    min-width: 40px !important;
    width: auto;
    text-overflow: ellipsis;
  }
}
.filter-selector .cap-filter-btn-label {
  font-size: smaller;
  font-weight: bold;
  color: #555555;
  padding-left: 15px;
}
.filter-selector .md-button {
  /*width:100%;*/
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  text-align: left;
  text-transform: none;
  font-weight: 500;
  color: #505050;
  font-size: 15px;
}
.filter-selector .public-filter {
  right: 0px;
  top: 11px;
  position: absolute;
  color: grey;
}
.filter-selector .cap-filter-menu-items {
  max-height: 410px;
}
.filter-selector .cap-filter-menu-body {
  overflow-y: auto;
  max-height: 314px;
}
.filter-selector .cap-filter-btn-country {
  display: none;
  margin-right: 0;
}
@media (min-width: 400px) {
  .filter-selector .cap-filter-btn-country {
    display: inline-block;
  }
}
.filter-selector .cap-filter-btn-country .country-btn-lbl {
  display: none;
}
@media (min-width: 1200px) {
  .filter-selector .cap-filter-btn-country .country-btn-lbl {
    display: inline;
  }
}
.filter-selector .cap-filter-btn-country abbr {
  display: inline;
}
@media (min-width: 1200px) {
  .filter-selector .cap-filter-btn-country abbr {
    display: none;
  }
}
.filter-selector .cap-filter-btn-country.md-icon-button {
  display: inline-block;
}
@media (min-width: 400px) {
  .filter-selector .cap-filter-btn-country.md-icon-button {
    display: none;
  }
}

.release-picker {
  padding: 10px 5px 0;
}
.release-picker label {
  font-size: small;
  color: rgba(0, 0, 0, 0.55);
  font-weight: normal;
  margin: 0 5px 5px 10px;
}
.release-picker .pick-year {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  padding: 10px 2px 10px 10px;
}
.release-picker .pick-country {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  padding: 10px 2px 10px 10px;
}
.release-picker .pick-country .country-filter-menu-item {
  width: 159px;
  text-transform: none;
  font-weight: normal;
  text-align: left;
  margin: 0px;
  padding: 4px 9px;
}
.release-picker .pick-country .country-filter-menu-item md-icon {
  margin-right: 5px;
}

.filter-selector-new {
  padding-right: 0.5em;
}
.filter-selector-new md-menu {
  /*outline: 1px solid gray;*/
}
.filter-selector-new .cap-filter-btn {
  margin: 0px !important;
}
.filter-selector-new .cap-filter-btn md-icon {
  /*padding-right: 10px;*/
  margin: 0 4px 0 0;
  padding: 0px;
}
@media (min-width: 600px) {
  .filter-selector-new {
    padding-right: 5px;
  }
}
.filter-selector-new label {
  display: none;
}
@media (min-width: 1200px) {
  .filter-selector-new label {
    display: inline-block;
  }
}
.filter-selector-new .cap-filter-btn-filter {
  max-width: 50px !important;
  min-width: 50px !important;
  margin: 0px;
}
@media (min-width: 30em) {
  .filter-selector-new .cap-filter-btn-filter {
    max-width: 250px !important;
    min-width: 40px !important;
    width: auto;
    text-overflow: ellipsis;
  }
}
.filter-selector-new .cap-filter-btn {
  /*min-width: 38px;
  width: 38px;*/
  padding-right: 5px;
  margin: 0px;
}
.filter-selector-new .cap-filter-btn .filter-select {
  display: none;
}
@media (min-width: 30em) {
  .filter-selector-new .cap-filter-btn .filter-select {
    display: inline-block;
  }
}
@media (min-width: 30em) {
  .filter-selector-new .cap-filter-btn {
    max-width: 260px !important;
    min-width: 40px !important;
    width: auto;
    text-overflow: ellipsis;
  }
}
.filter-selector-new .cap-filter-btn-label {
  font-size: smaller;
  font-weight: bold;
  color: #555555;
  padding-left: 15px;
}
.filter-selector-new .md-button {
  /*width:100%;*/
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  text-align: left;
  text-transform: none;
  font-weight: 500;
  color: #505050;
  font-size: 15px;
}
.filter-selector-new .cap-filter-btn-country {
  display: none;
  margin: 0px;
}
@media (min-width: 400px) {
  .filter-selector-new .cap-filter-btn-country {
    display: inline-block;
  }
}
.filter-selector-new .cap-filter-btn-country .country-btn-lbl {
  display: none;
}
@media (min-width: 1500px) {
  .filter-selector-new .cap-filter-btn-country .country-btn-lbl {
    display: inline;
  }
}
.filter-selector-new .cap-filter-btn-country abbr {
  display: inline;
}
@media (min-width: 1500px) {
  .filter-selector-new .cap-filter-btn-country abbr {
    display: none;
  }
}
.filter-selector-new .cap-filter-btn-country.md-icon-button {
  display: inline-block;
}
@media (min-width: 400px) {
  .filter-selector-new .cap-filter-btn-country.md-icon-button {
    display: none;
  }
}
.filter-selector-new .public-filter {
  right: 0px;
  top: 11px;
  position: absolute;
  color: grey;
}
.filter-selector-new .cap-filter-menu-items {
  max-height: 410px;
}
.filter-selector-new .cap-filter-menu-body {
  overflow-y: auto;
  max-height: 314px;
}

.release-picker-new {
  padding: 0 5px 0 0;
}
.release-picker-new label {
  font-size: small;
  color: rgba(0, 0, 0, 0.55);
  font-weight: normal;
  margin: 0 5px 5px 10px;
}
.release-picker-new .pick-year {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  padding: 10px 2px 10px 10px;
}
.release-picker-new .pick-country {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  padding: 10px 2px 10px 10px;
}
.release-picker-new .pick-country .country-filter-menu-item {
  width: 159px;
  text-transform: none;
  font-weight: normal;
  text-align: left;
  margin: 0px;
  padding: 4px 9px;
}
.release-picker-new .pick-country .country-filter-menu-item md-icon {
  margin-right: 5px;
}

.importSites {
  /*height: 100%;
  overflow-y: auto;*/
}
.importSites .classification {
  background-color: #87CEEB;
}
.importSites .disabled {
  color: silver !important;
}

.import-wrapper {
  height: 70vh;
  height: calc(100vh - 155px);
  overflow-y: auto;
}
@media (min-width: 1183px) {
  .import-wrapper {
    height: calc(100vh - 135px);
  }
}

md-input-container.md-default-theme .md-input,
md-input-container .md-input {
  border-color: rgba(0, 0, 0, 0.3);
}

.import-file {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.import-file a {
  white-space: nowrap;
}
.import-file > :first-child {
  padding: 15px;
  margin-left: 0.5em;
}

.import-options {
  padding-left: 15px;
  margin-top: 1em;
}
.import-options > div {
  padding: 15px;
}
.import-options h3 {
  margin: 0 0 0.5em;
}
.import-options h3 ~ div {
  margin-top: 0.75em;
}
.import-options small {
  display: block;
  max-width: 47em;
  line-height: 1.5;
  margin-bottom: 0.75em;
}
.import-options [role=checkbox] {
  display: block;
}
.import-options [role=checkbox] + [role=radiogroup] {
  display: block;
  margin-left: 30px;
}

.opt-nomap {
  color: rgba(0, 0, 0, 0.55);
  font-style: italic;
}

.import-count-container {
  background-color: #EEE;
  padding: 0 10px;
}
.import-count-container .import-count-box {
  border-bottom: 1px #D8D8D8 solid;
  padding: 0 10px;
}
.import-count-container .import-count-box md-icon {
  padding-left: 10px;
}
.import-count-container .import-count-box div:nth-of-type(1) {
  padding: 14px 10px;
  font-weight: 500;
}
.import-count-container .import-count-box div:last-child {
  text-align: center;
  font-weight: bold;
  font-size: x-large;
  padding: 10px;
}
.import-count-container .import-count-box:last-of-type {
  border-bottom-width: 0px;
}
.import-count-container .import-option-box {
  border-bottom: 1px #D8D8D8 solid;
  padding: 0 10px;
}
.import-count-container .import-option-box md-icon {
  padding-left: 10px;
}
.import-count-container .import-option-box div:nth-of-type(1) {
  padding: 14px 10px;
  font-weight: 500;
}
.import-count-container .import-option-box div:last-child {
  text-align: center;
  font-weight: bold;
  line-height: 1.7em;
  padding: 10px;
}
.import-count-container .import-option-box:last-of-type {
  border-bottom-width: 0px;
}

.import-site-file {
  padding: 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.import-site-file [type=file] {
  height: 1px;
  width: 1px;
  right: auto;
  bottom: auto;
  opacity: 0;
}
.import-site-file label {
  padding: 0 20px 0 10px;
  min-width: 9em;
}
.import-site-file input:focus + label {
  -webkit-filter: brightness(0.9);
          filter: brightness(0.9);
}
.import-site-file .material-icons {
  vertical-align: middle;
  padding: 0 2px;
}

.queue-empty {
  font-size: large;
  width: 470px;
  max-width: 100%;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto;
  background-color: #f0f0f0;
}
@media (min-width: 480px) {
  .queue-empty {
    margin-top: 15px;
  }
}
.queue-empty p {
  margin: 0;
}
.queue-empty ol {
  padding-left: 20px;
}
.queue-empty li {
  line-height: 1.25;
  margin-bottom: 0.75em;
  padding-left: 0.75em;
}
.queue-empty button {
  display: block;
  margin-bottom: 20px;
}

.queue-alert {
  color: red;
}

.queue-warn {
  color: #cc7700;
}

.queue-wait {
  color: #006688;
}

.queue-ready {
  color: green;
}

.queue-footer {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  border-top: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: larger;
  padding: 5px 5px;
  background-color: #eee;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
@media (min-width: 480px) {
  .queue-footer {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media (min-width: 960px) {
  .queue-footer {
    height: 70px;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
.queue-footer .md-primary {
  margin-left: 0.5em;
}
.queue-footer .queue-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1;
  cursor: pointer;
  /*outline: 1px solid rgba(0,0,0,0.12);*/
  border: 2px solid transparent;
  border-right: 2px solid rgba(0, 0, 0, 0);
  padding: 0 0 0 5px;
}
@media (min-width: 480px) {
  .queue-footer .queue-wrapper {
    margin-right: 2%;
    padding: 0 1em 0 10px;
    min-height: 54px;
  }
}
.queue-footer .queue-wrapper:first-child .queue-count-label {
  display: block;
  width: auto;
}
.queue-footer .queue-wrapper:first-child .queue-count-label span {
  display: none;
}
@media (min-width: 480px) {
  .queue-footer .queue-wrapper:first-child .queue-count-label span {
    display: inline;
  }
}
.queue-footer .queue-wrapper .queue-count-label {
  display: none;
}
@media (min-width: 480px) {
  .queue-footer .queue-wrapper .queue-count-label {
    display: block;
  }
}
.queue-footer .queue-wrapper .material-icons {
  display: inline-block;
  margin-right: 4px;
}
.queue-footer .queue-wrapper .material-icons.queue-alert {
  color: red;
}
.queue-footer .queue-wrapper .material-icons.queue-wait {
  color: #006688;
}
.queue-footer .queue-wrapper .material-icons.queue-ready {
  color: green;
}
@media (min-width: 480px) {
  .queue-footer .queue-wrapper .material-icons {
    /*display: none;*/
    margin-right: 0;
  }
}
.queue-footer .queue-wrapper:hover {
  background: url(../images/filter_list.svg) no-repeat;
  background-position: right;
  background-size: 20px;
  background-color: rgba(0, 0, 0, 0.085);
}
.queue-footer .queue-wrapper.zero-count {
  display: none;
}
@media (min-width: 768px) {
  .queue-footer .queue-wrapper {
    border-left: 2px solid #ddd;
    margin-right: 0;
  }
  .queue-footer .queue-wrapper.zero-count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .queue-footer .queue-wrapper:first-child {
    border-left: 2px solid rgba(0, 0, 0, 0);
  }
  .queue-footer .queue-wrapper:nth-of-type(8) {
    padding-right: 0;
  }
}
.queue-footer .queue-wrapper.selected {
  background-image: url(../images/filter_list.svg);
  background-repeat: no-repeat;
  background-position: right;
  background-size: 20px;
  /*background-color: rgba(0, 0, 0,0.085);*/
  border-color: rgba(0, 0, 0, 0.25);
  padding-right: 1em;
}
.queue-footer button {
  line-height: initial;
  margin: 0;
  min-width: auto;
  /*max-width: 200px;*/
  z-index: 1;
  white-space: normal;
  margin-bottom: 10px;
}
.queue-footer button md-icon {
  display: none;
}
@media (min-width: 768px) {
  .queue-footer button {
    /*min-width: 100px;*/
  }
}
@media (min-width: 1024px) {
  .queue-footer button {
    padding-left: 10px;
    padding-right: 10px;
  }
  .queue-footer button md-icon {
    display: inline-block;
    padding-left: 10px;
  }
}
.queue-footer .cap-progressbar {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 255, 0, 0.125);
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transition: -webkit-transform 500ms ease-out;
  transition: -webkit-transform 500ms ease-out;
  transition: transform 500ms ease-out;
  transition: transform 500ms ease-out, -webkit-transform 500ms ease-out;
}
.queue-footer .cap-progressbar.inprogress {
  -webkit-animation: pulse 1s alternate infinite;
          animation: pulse 1s alternate infinite;
}

@keyframes pulse {
  from {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.queue-count-label {
  padding: 0 10px;
  width: 9em;
}
.queue-count-label:first-child {
  border: 0;
  padding-left: 0;
}
@media (min-width: 768px) {
  .queue-count-label {
    width: auto;
  }
}

.queue-count {
  font-size: x-large;
  font-weight: bold;
  padding-right: 15px;
}

.formMapping {
  position: relative;
  width: 100%;
  padding: 20px 15px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.formMapping md-input-container {
  width: 100%;
}
.formMapping .SectionHeader {
  color: white;
  padding: 10px;
}
.formMapping md-select-header {
  font-size: 0.7em;
  color: rgba(0, 0, 0, 0.55);
  padding-bottom: 4px;
}
.formMapping .cap-required md-select-header:after {
  content: "*";
  color: red;
}

.batch-header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 15px;
  min-height: 60px;
}
.batch-header .md-button {
  margin-left: auto;
}

.steps-progress {
  display: none;
}

@media (min-width: 996px) {
  .steps-progress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0;
    padding: 15px;
    border-bottom: #ddd;
    list-style: none;
    counter-reset: step;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .steps-progress li {
    position: relative;
    padding: 0.5em;
    padding-left: 2.15em;
    margin-left: 1.5%;
  }
  .steps-progress li:first-child {
    margin-left: 0;
  }
  .steps-progress li:before {
    counter-increment: step;
    content: counter(step);
    position: absolute;
    left: 0;
    top: 7px;
    display: inline-block;
    width: 19px;
    border-radius: 50%;
    border: 2px solid #777777;
    color: #777777;
    text-align: center;
    margin-left: 5px;
    font-weight: 500;
  }
}
.steps-progress .urhere {
  background-color: rgba(0, 0, 0, 0.125);
  font-weight: 500;
  border-radius: 25px 0 0 25px;
}
@media (min-width: 80.1em) {
  .steps-progress .urhere:after {
    content: "";
    display: block;
    height: 0;
    width: 0;
    border: 18px solid transparent;
    border-left-color: rgba(0, 0, 0, 0.125);
    position: absolute;
    top: 0;
    right: -36px;
  }
  .steps-progress .urhere:last-child {
    border-radius: 25px;
  }
  .steps-progress .urhere:last-child:after {
    display: none;
  }
}

.steps-progress .urhere:before {
  color: #333333;
  font-weight: bold;
  border-color: #444444;
}

.md-menu .icon-label-btn {
  max-width: none;
}

.importSites {
  /*.batch-upload-btn {
      min-width: 40px;
      //padding-right: 8px;
  }*/
}
.importSites .cap-small-header {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-height: none;
  padding-bottom: 10px;
}
@media (min-width: 50em) {
  .importSites .cap-small-header {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    max-height: 50px;
  }
}
.importSites .cap-small-header .md-button {
  margin-top: 0;
  min-width: 40px;
  margin-bottom: 0;
}
.importSites .cap-small-header .cap-toolbar-button md-icon {
  padding: 0;
  min-height: -webkit-max-content;
  min-height: -moz-max-content;
  min-height: max-content;
}
.importSites .cap-small-header .searchBar {
  position: relative;
  padding-right: 15px;
  -ms-flex-preferred-size: 200px;
      flex-basis: 200px;
  margin-top: 10px;
}
@media (min-width: 30em) {
  .importSites .cap-small-header .searchBar {
    margin-top: 0;
  }
}
.importSites .cap-small-header .searchBar .cap-input-container {
  width: 100%;
  margin-top: 0;
}
.importSites .cap-small-header .searchBar .cap-input {
  background-color: white;
  border-bottom: none;
  font-size: large;
  padding-left: 2%;
  width: 100%;
  border-radius: 3px;
}
.importSites .cap-small-header .searchBar .search-icon {
  background-color: white;
  position: absolute;
  right: 20px;
  top: 4px;
}
.importSites .cap-small-header .searchBar .md-errors-spacer {
  display: none;
}
.importSites .cap-small-header .action-label, .importSites .cap-small-header .filter-menu {
  display: none;
}
@media (min-width: 40em) {
  .importSites .cap-small-header .action-label, .importSites .cap-small-header .filter-menu {
    display: block;
  }
}

.mappedColumnName {
  font-size: smaller;
  text-transform: capitalize;
  font-weight: normal;
}

.fileImportStatus {
  margin-left: 10px;
  width: 100%;
  background: rgb(250, 250, 250);
}
.fileImportStatus.pulse {
  font-weight: bold;
}

.fileImportSampleCell {
  border-top: 1px solid silver;
  border-left: 1px solid silver;
  min-height: 1em;
  max-height: 2em;
  white-space: nowrap;
}
.fileImportSampleCell:first-child {
  border-top: 0;
}
.fileImportSampleCell:last-child {
  border-bottom: 1px solid silver;
}

.fileImportSampleCellPadding {
  padding: 0.9em;
  height: 1em;
}

.fileImportSampleCellStatus {
  padding: 0.4em;
  height: 2.2em;
  width: 2.2em;
}

.fileImportSample {
  width: 100%;
  padding: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.fileImportSampleCaption {
  color: white;
  padding: 10px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.fileImportSampleCaption md-checkbox {
  margin: 0;
}

.fileImportSampleColumn div:nth-child(2) {
  border-top: none;
}

.fileImportMappingExampleBody {
  overflow-x: scroll;
  width: 100%;
  min-height: 129px;
  position: relative;
}

.fileImportSampleBody {
  overflow-x: scroll;
  width: 100%;
  min-height: 129px;
  position: relative;
  max-height: 230px;
}

.fileImportSampleHeadings {
  padding: 0.9em;
  font-weight: bold;
  position: sticky;
  top: 0px;
  background-color: #f8f8f8;
  border-bottom: 1px solid silver;
  min-height: 2.1em;
}

/*.fixed_headers {
    table-layout: fixed;
    border-collapse: collapse;

    thead {
        tr {
            display: block;
            position: relative;
        }
    }

    tbody {
        display: block;
        overflow: auto;
        width: 100%;
        height: 215px;

        tr:nth-child(even) {
            //background-color: @alternate_row_background_color;
        }
    }
}*/
.matchErr {
  outline: 2px solid rgba(255, 150, 0, 0.7);
}

.fifty-fifty .md-button {
  width: 50%;
}

.import-grid {
  height: calc(100% - 150px);
}
@media (min-width: 960px) {
  .import-grid {
    height: calc(100% - 105px);
  }
}
.import-grid .cap-grid-label {
  max-height: 68px;
}

.column-mapping-header {
  text-transform: capitalize;
  font-weight: 500;
  font-size: 0.75em !important;
}

.md-input-message-animation {
  opacity: 1;
  margin-top: 0;
}

.import-actions {
  border-top: 1px solid #ddd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  padding: 10px 20px;
}
@media (min-width: 480px) {
  .import-actions {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.import-actions .md-button {
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 480px) {
  .import-actions .md-button {
    margin-right: 20px;
  }
}
.import-actions .md-primary {
  padding-left: 10px;
  padding-right: 10px;
}

.skipImportOptions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.skipImportOptions .md-button {
  min-width: 114px;
}
.skipImportOptions .material-icons {
  display: none;
}
@media (min-width: 45.625em) {
  .skipImportOptions .material-icons {
    display: inline-block;
  }
}

.import-grid {
  display: none;
}

.import-small {
  display: block;
}
.import-small .cap-repeat-container {
  min-height: calc(100vh - 325px);
}

.import-small .sitelist-row {
  border-color: rgba(0, 0, 0, 0.37);
  padding-top: 20px;
  padding-bottom: 20px;
}
.import-small .sitelist-row:first-child {
  padding-top: 0;
}
.import-small .sitelist-row:first-child .sitelist-cell {
  padding-top: 0;
}

.import-small .sitelist-cell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /*baseline;*/
}

.import-small input {
  padding: 0.25em;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.import-small md-select {
  margin: 0;
}

.import-small .cap-grid-chips {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.import-small .cap-grid-chips input {
  border: 1px solid #ddd;
}

.import-small .cap-grid-chips chips {
  width: auto;
  max-height: none;
}

@media (min-width: 480px) {
  .import-grid {
    display: block;
  }

  .import-small {
    display: none;
  }
}
.menu-header {
  display: block;
  margin: 0 10px;
  padding-bottom: 0.25em;
  border-bottom: 1px solid #ddd;
}
@media (min-width: 80em) {
  .menu-header {
    display: none;
  }
}

.matchingHelpDialog ul {
  padding-left: 1.5em;
}
.matchingHelpDialog li {
  margin-bottom: 0.75em;
}
.matchingHelpDialog table {
  margin-bottom: 0.75em;
}
.matchingHelpDialog th, .matchingHelpDialog td {
  text-align: left;
  border-bottom: 1px solid #ddd;
  padding-left: 0.25em;
}
.matchingHelpDialog td {
  padding: 0.25em;
}

.appear-disabled {
  background-color: rgba(0, 0, 0, 0.12) !important;
  color: rgba(0, 0, 0, 0.38) !important;
  cursor: default !important;
}

.cap-import-summary {
  padding: 0;
}

.import-count-container {
  background-color: #EEE;
  padding: 0 10px;
}
.import-count-container .import-count-box {
  border-bottom: 1px #D8D8D8 solid;
  padding: 0 10px;
}
.import-count-container .import-count-box md-icon {
  padding-left: 10px;
}
.import-count-container .import-count-box div:nth-of-type(1) {
  padding: 14px 10px;
  font-weight: 500;
}
.import-count-container .import-count-box div:last-child {
  text-align: center;
  font-weight: bold;
  font-size: x-large;
  padding: 10px;
}
.import-count-container .import-count-box:last-of-type {
  border-bottom-width: 0px;
}
.import-count-container .import-option-box {
  border-bottom: 1px #D8D8D8 solid;
  padding: 0 10px;
}
.import-count-container .import-option-box md-icon {
  padding-left: 10px;
}
.import-count-container .import-option-box div:nth-of-type(1) {
  padding: 14px 10px;
  font-weight: 500;
}
.import-count-container .import-option-box div:last-child {
  text-align: center;
  font-weight: bold;
  line-height: 1.7em;
  padding: 10px;
}
.import-count-container .import-option-box:last-of-type {
  border-bottom-width: 0px;
}

.queue-ready {
  color: green;
}

.police-incidents-grid {
  z-index: 100;
}

.grey-outline {
  text-shadow: -1px 1px 1px #666, 1px 1px 1px #666, 1px -1px 1px #666, -1px -1px 1px #666;
}

.police-incidents-grid-dom {
  z-index: 100;
  position: relative;
  padding-left: 7px;
}
.police-incidents-grid-dom .drawer-width-handle {
  border: 2px solid white;
  text-align: center;
  width: 4px;
  cursor: ew-resize;
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
}
.police-incidents-grid-dom .drawer-width-handle div {
  width: 2px;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  height: 100%;
}
.police-incidents-grid-dom .incidentSummaryLabel {
  text-align: center;
  font-size: 0.925em;
  line-height: 1.5em;
  margin-top: 5px;
}
.police-incidents-grid-dom .incidentSummaryCount {
  font-weight: 500;
  text-align: center;
  font-size: 1.075em;
}
.police-incidents-grid-dom .gridSubMessage {
  font-size: 0.9em;
  margin-top: 20px;
  font-weight: normal;
}
.police-incidents-grid-dom .white-outline {
  text-shadow: -1px 1px 1px #FFF, 1px 1px 1px #FFF, 1px -1px 1px #FFF, -1px -1px 1px #FFF;
}

.hide-mobile {
  display: none;
}
@media (min-width: 46em) {
  .hide-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.yellow-drop-shadow {
  -webkit-box-shadow: 0 1px 1px 0 rgb(227, 174, 0) !important;
          box-shadow: 0 1px 1px 0 rgb(227, 174, 0) !important;
}
.yellow-drop-shadow:hover {
  -webkit-box-shadow: 0 1px 3px 0 rgb(227, 174, 0) !important;
          box-shadow: 0 1px 3px 0 rgb(227, 174, 0) !important;
}

.locations .map-width-handle {
  border: 2px solid white;
  text-align: center;
  width: 4px;
  cursor: ew-resize;
  position: absolute;
  right: 0px;
  top: 0px;
  bottom: 0px;
}
.locations .map-width-handle div {
  width: 2px;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  height: 100%;
}
.locations .sidebar-header {
  border-bottom: 0;
}
.locations .locationSummaryCount {
  font-weight: 500;
  padding: 11px 0px 10px 0;
  text-align: center;
}
@media (min-width: 46em) {
  .locations .locationSummaryCount {
    padding: 11px 5px 10px 0;
  }
}
.locations .locationSummaryLabel {
  padding: 10px 0px 0 0px;
}
@media (min-width: 46em) {
  .locations .locationSummaryLabel {
    padding: 10px 7px 0 5px;
  }
}
.locations .searchBar {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media (min-width: 46em) {
  .locations .searchBar {
    margin: 0;
  }
}
.locations .searchBar .cap-input-container {
  width: 100%;
  margin: 0;
}
.locations .searchBar .cap-input {
  font-size: large;
  padding-left: 8px;
  width: 100%;
  background-color: white;
  border-bottom: none;
  border-radius: 3px;
  height: 35px;
}
.locations .searchBar div.center-vertical {
  position: absolute;
  right: 3px;
  top: 15px;
  background-color: white;
}
.locations .searchBar .material-icons {
  cursor: pointer;
  margin-top: -10px;
}
.locations .searchBar .md-errors-spacer {
  display: none;
}
.locations .cap-ghost {
  position: fixed;
  display: none;
  opacity: 0.8;
}
.locations .grid-library {
  display: none;
}
@media (min-width: 46em) {
  .locations .grid-library {
    display: block;
  }
}

.library-sort {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin: 0;
  border-top: 1px solid #ddd;
}
.library-sort label {
  padding: 0 5px;
}
.library-sort .md-button {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 0;
  padding: 0 1%;
  min-width: 40px;
  border-right: 1px solid #ddd;
}
.library-sort .md-button:first-of-type {
  border-left: 1px solid #ddd !important;
}
.library-sort .md-button:last-child {
  border: 0;
}
@media (min-width: 46em) {
  .library-sort {
    display: none;
  }
}

.library-m {
  display: block;
  margin: 0;
}
.library-m .sitelist-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.5em 0 4px 8px;
  min-height: 136px;
}
.library-m .site-info > button:first-of-type {
  margin-left: 0;
}
.library-m .site-scores {
  text-align: center;
  width: 96px;
  min-width: 96px;
  text-transform: uppercase;
}
.library-m .cap-score {
  margin: 0 0 8px;
}
@media (min-width: 46em) {
  .library-m {
    display: none;
  }
}

.library-m-wrapper {
  display: block;
}
@media (min-width: 46em) {
  .library-m-wrapper {
    display: none;
  }
}

.site-library-inner {
  position: relative;
}

.library-summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #ddd;
  font-size: 1em;
  padding: 2px 14px;
  background-color: #eee;
  overflow: hidden;
  color: #333;
  width: 100%;
  line-height: 0.85em;
}
@media (min-width: 46em) {
  .library-summary {
    padding: 5px 14px;
  }
}

.semi-optional-text {
  display: none;
}
@media (min-width: 850px) {
  .semi-optional-text {
    display: inline;
  }
}

.icon-label-btn {
  padding-top: 2px;
  margin-right: 2px;
  min-width: 0;
  max-width: none;
  text-overflow: ellipsis;
}
.icon-label-btn .optional-text {
  display: none;
}
@media (min-width: 1340px) {
  .icon-label-btn .optional-text {
    display: inline;
  }
}
.icon-label-btn .material-icons {
  vertical-align: middle;
}

.icon-label-btn-full {
  padding-top: 2px;
  margin-right: 2px;
  min-width: 0;
  max-width: none;
  /*    @media (min-width: 1340px) {
      max-width: none;
  }*/
}
.icon-label-btn-full .material-icons {
  vertical-align: middle;
}

.cap-create-rpt-dialog {
  padding: 0;
  max-width: 28em;
}

.cap-create-rpt-message {
  margin-bottom: 15px;
}

.cap-create-rpt-message-validating {
  margin-bottom: 49px;
}

.cap-list-chips .site-tag {
  font-size: smaller;
  padding: 0 12px;
  margin: 0 6px 0 0;
  line-height: 2;
}
.cap-list-chips .site-classification {
  font-size: smaller;
  padding: 0 12px;
  line-height: 2;
}

.cap-table-header-row {
  background-color: white;
}

.action-toolbar {
  display: none;
  /*label {
      padding-left: 5px;
      padding-right: 5px;
      font-size: medium;
      color: black;
  }*/
}
.action-toolbar button {
  margin-right: 14px;
}
@media (min-width: 46em) {
  .action-toolbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
}
.action-toolbar > * {
  margin-left: 0;
}
.action-toolbar > :last-child {
  margin-left: 0;
}
.action-toolbar md-menu .md-button:first-child {
  margin-left: 0;
}

action-toolbar-small {
  display: block !important;
}
@media (min-width: 46em) {
  action-toolbar-small {
    display: none !important;
  }
}

.sites-config-menu {
  display: none;
}
@media (min-width: 46em) {
  .sites-config-menu {
    display: block;
  }
}

.sideNavExpanded .icon-label-btn .hide {
  display: none;
}
@media (min-width: 1200px) {
  .sideNavExpanded .icon-label-btn .hide {
    display: inline;
  }
}

.sideNavExpanded .icon-label-btn-full .hide {
  /*    display: none;

      @media (min-width: 1200px) { // 1800px
          display: inline;
      }
  */
}

.sites-config-menu-content md-menu-item md-icon {
  padding-left: 8px;
}
.sites-config-menu-content md-divider {
  margin: 8px 0;
}
.sites-config-menu-content:nth-child(-n+3) {
  display: none;
}
@media (min-width: 960px) {
  .sites-config-menu-content:nth-child(-n+3) {
    display: block;
  }
}

.mass-edit-tags-dialog .remove-tag-button {
  cursor: pointer;
  margin: -2px -5px 0 3px;
  vertical-align: middle;
  color: #546e7a;
  font-size: 20px;
}
.mass-edit-tags-dialog p {
  font-weight: bold;
}
.mass-edit-tags-dialog md-input-container {
  margin: 0;
}
.mass-edit-tags-dialog .content-container {
  padding: 0px 15px 15px 15px;
}
.mass-edit-tags-dialog .content-container .tag-container {
  overflow-y: auto;
}
.mass-edit-tags-dialog [for=mass-add-tags] {
  position: relative;
  top: -1.5em;
  font-size: smaller;
  padding-left: 3px;
}

/* PUNCH LIST 2021.09.21: JCD p.4 - "Make all fonts bigger" on the empty state screen.*/
.empty-state-section-title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 5px;
}

/* PUNCH LIST 2021.09.21: JCD p.4 - "Make all fonts bigger" on the empty state screen.*/
.empty-state-section-text {
  font-size: 18px;
  text-align: left;
}

/* PUNCH LIST 2021.09.21: JCD p.4 - Add hover shading to raised buttons */
.empty-state-raised-container {
  text-align: center;
}
.empty-state-raised-container .md-button:hover {
  background-color: rgba(46, 49, 49, 0.18) !important;
}

.cap-account-classifications {
  /*md-progress-circular {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 101;
  }*/
}
.cap-account-classifications .full-group-header {
  padding: 12px;
  font-size: 1.25em;
  margin-right: 25px;
}
.cap-account-classifications .site-tag {
  border: 2px #87CEEB solid;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.7em;
  background-color: #87CEEB;
  padding: 0.3em 0.65em;
}
.cap-account-classifications .home-classification {
  border: 2px silver solid;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.7em;
  background-color: silver;
}
.cap-account-classifications .class-highlighted {
  background-color: #ffa641;
  border: 2px #ffa641 solid;
}
.cap-account-classifications .class-drag-over {
  background-color: #f8f865;
  border: 2px #f8f865 solid;
}
.cap-account-classifications .class-dragable {
  background-image: radial-gradient(#f3f3f3 30%, transparent 31%), radial-gradient(#bbb 30%, transparent 31%);
  background-size: 6px 6px;
  background-position: 0 0, 7px 7px;
  margin: 2px 5px 1px 10px;
}
.cap-account-classifications .button-spacer {
  min-width: 28px;
}
.cap-account-classifications md-checkbox.md-indeterminate .md-icon:after {
  border: none;
  height: 12px;
  background-color: rgba(0, 0, 0, 0.54);
}
.cap-account-classifications .searchBarManageClassifications {
  position: relative;
  margin: 5px 7px 5px 5px;
}
.cap-account-classifications .searchBarManageClassifications .cap-input-container {
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: white;
  height: 38px;
}
.cap-account-classifications .searchBarManageClassifications .cap-input {
  font-size: large;
  padding-left: 10px;
  width: calc(100% - 10px);
  height: 38px;
  border: 0px;
  background-color: white;
}
.cap-account-classifications .searchBarManageClassifications div.center-vertical {
  position: absolute;
  right: 10px;
  top: 6px;
}
.cap-account-classifications .searchBarManageClassifications .material-icons {
  cursor: pointer;
}
.cap-account-classifications .searchBarManageClassifications form {
  width: 100%;
}

.manage-account .acct-edit {
  padding: 0;
  margin: 0 0 1rem;
}
@media (min-width: 30em) {
  .manage-account .acct-edit {
    margin: 0 1rem 1rem;
  }
}

.acct-edit .licensure h3,
.acct-edit .cap-reps h3,
.acct-edit .cap-data h3,
.acct-edit .file-field h3 {
  margin-top: 2.5em;
  margin-bottom: 0;
  border-bottom: 1px solid;
}
.acct-edit .licensure span,
.acct-edit .cap-reps span,
.acct-edit .cap-data span,
.acct-edit .file-field span {
  display: inline-block;
  width: 4em;
  word-break: break-all;
}
.acct-edit .licensure .md-button,
.acct-edit .cap-reps .md-button,
.acct-edit .cap-data .md-button,
.acct-edit .file-field .md-button {
  margin-left: 0;
}
.acct-edit .licensure .md-primary,
.acct-edit .cap-reps .md-primary,
.acct-edit .cap-data .md-primary,
.acct-edit .file-field .md-primary {
  margin-left: 1em;
}
.acct-edit .licensure figure .md-button,
.acct-edit .cap-reps figure .md-button,
.acct-edit .cap-data figure .md-button,
.acct-edit .file-field figure .md-button {
  margin-left: auto;
}
.acct-edit .licensure .noSrc ~ .md-button,
.acct-edit .cap-reps .noSrc ~ .md-button,
.acct-edit .cap-data .noSrc ~ .md-button,
.acct-edit .file-field .noSrc ~ .md-button {
  display: none;
}
.acct-edit .licensure span:first-child {
  width: 14em;
}
.acct-edit .licensure span:last-child {
  min-width: 4em;
  text-align: right;
}
.acct-edit .cap-reps p {
  line-height: 1.6;
}
.acct-edit .cap-data span {
  width: 10em;
}
.acct-edit [type=file] {
  /*position: relative;*/
  height: 100px;
  outline: 3px solid pink;
}

.industry-wrapper {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

.select-industry {
  margin-right: 5%;
}

.file-field small {
  display: block;
  text-align: center;
  width: 100%;
}
.file-field figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 1em 0;
}
.file-field figure img {
  max-width: 100px;
}
.file-field figcaption {
  display: none;
}
.file-field .noSrc figcaption {
  display: block;
}

.logoFileName {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0.5em;
}

.uploadWrapper {
  position: relative;
  width: 100%;
  margin-top: 0.65em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.uploadWrapper button {
  margin-right: 0;
}
.uploadWrapper input:focus + label {
  background-color: #eee;
}

.preview {
  margin: 0.5em 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.preview img {
  border: 1px solid #ccc;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 250ms;
  transition: -webkit-transform 250ms;
  transition: transform 250ms;
  transition: transform 250ms, -webkit-transform 250ms;
  background: #eee;
  padding: 6px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 60%;
}
.preview img[src=""] {
  padding: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: -webkit-transform 250ms;
  transition: -webkit-transform 250ms;
  transition: transform 250ms;
  transition: transform 250ms, -webkit-transform 250ms;
}
.preview .cap-warning {
  display: inline-block;
  color: #E03400;
  margin: 0 0 0 0.5em;
}

.theme-demo {
  display: inline-block;
  vertical-align: bottom;
  height: 2em;
  width: 2em;
  border-radius: 50%;
  margin-right: 0.5em;
}

.cap-reps .cap-input-container {
  width: 200px;
}

.default-theme {
  border-right: 75px solid #2e2e2e;
}

.theme-demo {
  background-color: #2e2e2e;
}

.noSrc {
  display: none !important;
}

.cap-account-object-filters .container-div {
  height: 100%;
}
.cap-account-object-filters .container-div > div {
  border: 1px #ddd solid;
  height: 100%;
}
.cap-account-object-filters .empty-group-header {
  background-color: #eee;
  padding: 10px;
  font-size: 1.25em;
  font-style: italic;
  color: #666;
}
.cap-account-object-filters .full-group-header {
  padding: 10px;
  font-size: 1.25em;
}
.cap-account-object-filters .object-filters-sort {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 2px solid #ccc;
  padding: 0.1rem 1rem;
}
.cap-account-object-filters .object-filters-sort label {
  -ms-flex-line-pack: center;
      align-content: center;
}
@media (max-width: 950px) {
  .cap-account-object-filters .object-filters-sort {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .cap-account-object-filters .object-filters-sort .md-button {
    width: 100%;
  }
}

.manage-custom-ranges md-checkbox {
  margin-bottom: 0px;
  margin-top: 7px;
}
.manage-custom-ranges input[type=color] {
  padding: 0px;
}

.item-width-max .md-text {
  width: 100%;
}

.colorPickerBorder {
  border: silver 2px solid;
}

.colorSwatch {
  width: calc(100% - 4px);
  height: calc(100% - 4px);
}

.metadata-field-button {
  text-transform: none;
  padding: 0px;
  margin: 0px;
  width: 100%;
  text-align: left;
}

.break-examples {
  width: 99%;
  border: 1px #888 solid;
  border-left: none;
  margin: 5px 10px 5px 5px;
  border-radius: 2px;
}
.break-examples .break-example:nth-child(2) {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.break-examples .break-example:nth-last-child(2) {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-right: 1px solid #888;
}
.break-examples img {
  margin-left: 5px;
}

.break-example {
  min-height: 25px;
  overflow: hidden;
  text-align: center;
  padding: 7px;
  font-weight: bold;
  border-left: 1px #888 solid;
  cursor: pointer;
}
.break-example > div {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 2px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.break-example > div div {
  margin: 5px;
}

.icon-example {
  min-height: 25px;
  overflow: hidden;
  text-align: center;
  padding: 7px;
  font-weight: bold;
  border-left: 1px #888 solid;
}
.icon-example > div {
  border-radius: 2px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.icon-example > div div {
  margin: 5px;
}

.breaks-container {
  border: 2px #ddd solid;
  margin: 20px 10px 10px 10px;
}

.manage-tags {
  display: block;
  padding: 15px;
}
.manage-tags h2 {
  padding-left: 0.5rem;
  margin-top: 0;
}
@media (min-width: 40em) {
  .manage-tags .sitelist-cell {
    width: 20%;
  }
  .manage-tags .sitelist-cell:first-child {
    width: 10%;
  }
  .manage-tags .sitelist-cell:nth-child(2) {
    width: 40%;
  }
  .manage-tags .sitelist-cell:nth-child(3) {
    width: 30%;
  }
}
.manage-tags .cap-table-header-row {
  padding: 0.25em 0.5em;
}

.cap-tag-list {
  max-width: 45em;
  /* 720px; */
}
.cap-tag-list > div {
  border-bottom: 1px solid #ddd;
}

.cap-input.site-tag {
  border: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 0;
  max-width: 67%;
}
@media (min-width: 40em) {
  .cap-input.site-tag {
    max-width: 100%;
  }
}

.site-tag.tag-error {
  background-color: pink;
  border: 1px solid red;
}

.cap-account-user-groups {
  /*md-progress-circular {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 101;
  }*/
}
.cap-account-user-groups .container-div {
  height: 100%;
}
.cap-account-user-groups .container-div > div {
  border: 1px #ddd solid;
  height: 100%;
}
.cap-account-user-groups .empty-group-header {
  background-color: #eee;
  padding: 10px;
  font-size: 1.25em;
  font-style: italic;
  color: #666;
}
.cap-account-user-groups .full-group-header {
  padding: 10px;
  font-size: 1.25em;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.cap-account-user-groups .user-groups-sort {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 2px solid #ccc;
  padding: 0.1rem 1rem;
}
.cap-account-user-groups .user-groups-sort label {
  -ms-flex-line-pack: center;
      align-content: center;
}
@media (max-width: 950px) {
  .cap-account-user-groups .user-groups-sort {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .cap-account-user-groups .user-groups-sort .md-button {
    width: 100%;
  }
}

.searchBarManageGroups {
  position: relative;
  margin: 0 15px;
  width: 100%;
}
@media (min-width: 40em) {
  .searchBarManageGroups {
    margin: 0;
  }
}
.searchBarManageGroups .cap-input-container {
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: white;
  height: 43px;
}
.searchBarManageGroups .cap-input {
  font-size: large;
  padding-left: 10px;
  width: calc(100% - 10px);
  height: 40px;
  border: 0px;
  background-color: white;
}
.searchBarManageGroups div.center-vertical {
  position: absolute;
  right: 10px;
  top: 10px;
}
.searchBarManageGroups .material-icons {
  cursor: pointer;
}
.searchBarManageGroups form {
  width: 100%;
}

.grid-message {
  text-align: center;
  padding: 20px;
  font-style: italic;
}

.cap-account-users {
  /*.checkbox-spacer {
      display: none;
  }*/
  /*md-progress-circular {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 101;
  }*/
}
.cap-account-users .cap-add-user {
  padding: 0.175em 0.75%;
  margin-top: 0;
  margin-bottom: 10px;
}
.cap-account-users .cap-add-user .material-icons {
  display: none;
  -webkit-transform: scale(1.25);
          transform: scale(1.25);
  -webkit-transform-origin: 0 16px;
          transform-origin: 0 16px;
}
@media (min-width: 50em) {
  .cap-account-users .cap-add-user .material-icons {
    display: inline-block;
  }
}
.cap-account-users .cap-small-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 0.75em;
}
.cap-account-users .cap-small-header .action-label {
  text-align: right;
  opacity: 0;
  position: absolute;
}
@media (min-width: 30em) {
  .cap-account-users .cap-small-header .action-label {
    opacity: 1;
    position: static;
  }
}
.cap-account-users .cap-small-header .cap-input-container {
  width: 100%;
  margin: 0;
}
.cap-account-users .cap-small-header .cap-input-container .md-errors-spacer {
  min-height: 0;
}
.cap-account-users .cap-small-header .cap-input {
  background-color: white;
  font-size: large;
  width: 100%;
  border-radius: 3px;
  border: 0;
  padding: 4px 2px 4px 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cap-account-users .cap-small-header .searchBar {
  position: relative;
  max-width: 400px;
  min-width: 140px;
}
.cap-account-users .cap-small-header .searchBar .material-icons {
  position: absolute;
  right: 5px;
  top: 3px;
  cursor: pointer;
}
.cap-account-users .cap-small-header .searchBar .md-button {
  position: absolute;
  right: 3px;
  top: 0px;
  cursor: pointer;
}
.cap-account-users .cap-small-header md-checkbox {
  display: none;
  margin: 0 0.75em;
  line-height: 1;
}
@media (min-width: 33.75em) {
  .cap-account-users .cap-small-header md-checkbox {
    display: inline-block;
  }
}
.cap-account-users .cap-small-header .cap-toolbar-button md-icon {
  padding-top: 8px;
}
@media (min-width: 80.1em) {
  .cap-account-users .cap-small-header md-menu {
    margin-left: auto;
    border-left: 1px solid #ddd;
  }
}
.cap-account-users .cap-small-header md-menu md-divider {
  margin: 8px 0;
}

.manage-transactions {
  display: block;
  padding: 15px;
  /*md-progress-circular {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 101;
  }*/
}
.manage-transactions p {
  margin-top: 0;
  font-size: 0.875em;
}
@media (min-width: 40em) {
  .manage-transactions p {
    font-size: 1em;
  }
}

@media (min-width: 40em) {
  .transactionsContainer .sitelist-cell {
    width: 20%;
  }
  .transactionsContainer .sitelist-cell:nth-child(2) {
    width: 40%;
  }
}

.maplibregl-ctrl-top-left {
  width: 100%;
}

.space-after::after {
  content: " ";
}

.mapSearchBar {
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
}
.mapSearchBar form input {
  font-size: large;
}

.search-form-map {
  width: calc(100% - 100px);
  max-width: 0px;
  /*    @media(min-width: 960px) {
          width: calc(100% - 100px);
          display: block;
          display:none;
      }
  */
  position: relative;
  /*    form {
      display: none;

      @media(min-width: $bp-searchbar) { //  800px
          display: block;
      }
  }*/
}
.search-form-map.searching {
  position: absolute;
  /*bottom: 0;*/
  left: 0;
  right: 100px;
  top: 0;
  max-width: 700px;
  -webkit-transition: max-width 0.1s linear;
  transition: max-width 0.1s linear;
  /*transform: translateY(-15%);*/
}
.search-form-map.closing {
  max-width: 0px !important;
  -webkit-transition: max-width 0.1s linear;
  transition: max-width 0.1s linear;
  /*transform: translateY(-15%);*/
}
.search-form-map .search-icon {
  display: none;
  position: absolute;
  top: 8px;
  right: 12px;
  z-index: 1;
  /**/
}
@media (min-width: 700px) {
  .search-form-map .search-icon {
    display: block;
  }
}
.search-form-map .search-cancel-button {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
@media (min-width: 700px) {
  .search-form-map .search-cancel-button {
    display: block;
  }
}

.cap-responsive md-autocomplete {
  opacity: 0;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: right;
          transform-origin: right;
  -webkit-transition: opacity 200ms linear, -webkit-transform 250ms;
  transition: opacity 200ms linear, -webkit-transform 250ms;
  transition: transform 250ms, opacity 200ms linear;
  transition: transform 250ms, opacity 200ms linear, -webkit-transform 250ms;
  z-index: 1;
}
.cap-responsive md-autocomplete input {
  display: none;
  z-index: 1;
}
@media (min-width: 960px) {
  .cap-responsive md-autocomplete input {
    display: block;
  }
}
@media (min-width: 960px) {
  .cap-responsive md-autocomplete {
    min-width: 190px;
    width: 100%;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    opacity: 1;
  }
}
.cap-responsive .searchbar-icon-wrapper-map {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
  margin: 0;
  margin-right: 0.5em;
  background-color: white;
  max-width: 36px !important;
  min-width: 36px !important;
  width: 36px !important;
  /*        @media(min-width: 600px) {
      display: none;
  }*/
}
.cap-responsive .searching md-autocomplete {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  opacity: 1;
  width: 100%;
  -webkit-transition: opacity 200ms linear, -webkit-transform 250ms;
  transition: opacity 200ms linear, -webkit-transform 250ms;
  transition: transform 250ms, opacity 200ms linear;
  transition: transform 250ms, opacity 200ms linear, -webkit-transform 250ms;
}
@media (min-width: 600px) {
  .cap-responsive .searching md-autocomplete {
    min-width: calc(100vw - 150px);
  }
}
.cap-responsive .searching md-autocomplete input {
  display: block;
}
.cap-responsive .searching .searchbar-icon-wrapper {
  -webkit-box-shadow: none;
          box-shadow: none;
  display: none;
}

.searchbar-icon-wrapper-map {
  background-color: white;
  max-width: 36px !important;
  width: 36px !important;
  min-width: 36px !important;
  margin: 3px 0 0 0;
}

md-autocomplete-wrap {
  border-radius: 3px;
}

md-autocomplete input:not(.md-input):focus {
  outline-style: auto;
}

.autocomplete-item-row {
  margin: -5px;
}

.autocomplete-item-place-bar {
  position: absolute;
  top: 5px;
  left: -30px;
  background-color: #cccccc;
  min-height: 1px;
  min-width: 2000px;
}

.autocomplete-item-title {
  position: absolute;
  top: 0;
  left: 15px;
  font-weight: bold;
}

.autocomplete-item-title-place {
  position: absolute;
  top: 5px;
  left: 15px;
  font-weight: bold;
}

.autocomplete-item-metadata {
  font-size: smaller;
  position: absolute;
  top: 15px;
  left: 15px;
}

.autocomplete-message {
  padding: 5px;
}

.mapDonut {
  cursor: help;
}
.mapDonut svg {
  display: block;
  font-family: "Roboto";
  -webkit-filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.5));
          filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.5));
}
.mapDonut svg text {
  font-weight: 500;
}

.map-nav-button {
  position: absolute;
  padding: 0;
  z-index: 10;
}

.cap-map {
  position: relative;
  height: 100%;
}

.map-container {
  touch-action: none;
  -ms-touch-action: none;
  -ms-overflow-style: none;
}
.map-container::-webkit-scrollbar {
  display: none;
}

.maploading {
  position: absolute;
  z-index: 100;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.existing-sites {
  position: absolute;
  bottom: 80px;
  right: 58px;
  z-index: 2;
  font-size: medium;
}
.existing-sites .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  color: white;
  padding: 3px;
}
.existing-sites .content {
  padding: 8px;
}
.existing-sites .content .md-button {
  margin-top: 0.5em;
  width: calc(100% - 1.25em);
}
.existing-sites .site2import {
  font-size: 1em;
  padding: 5px 10px 10px 10px;
  text-align: left;
  line-height: 1.25em;
  text-transform: none;
  font-weight: normal;
}
.existing-sites .site2import div:first-child {
  line-height: 2em;
}
.existing-sites ol {
  padding-left: 1.667em;
  font-weight: bold;
  font-size: larger;
  margin: 0 0 0.5em;
  max-height: calc(75vh - 350px);
  min-height: 75px;
  overflow-y: auto;
}

.legend {
  position: absolute;
  bottom: 183px;
  right: 10px;
  z-index: 2;
  font-size: medium;
}
.legend .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  color: white;
  padding: 3px;
}
.legend .key-title {
  font-size: 1.15em;
  padding: 5px;
}
.legend .key-subtitle {
  font-style: italic;
  padding: 5px;
  margin-bottom: 5px;
  font-size: 0.9em;
}
.legend .content {
  padding: 8px;
}
.legend ul {
  padding: 0px;
  margin: 5px 0 0 0;
}
.legend li {
  margin: 8px;
}
.legend .key-break-color {
  border-radius: 10px;
  height: 15px;
  width: 15px;
  border: 1px #333333 solid;
  margin-right: 10px;
}
.legend .key-break-label {
  font-size: 0.9em;
  font-style: italic;
}

.map-color-key {
  position: absolute;
  bottom: 45px;
  right: 10px;
  z-index: 2;
  padding: 8px;
  font-size: medium;
}
.map-color-key.cap-showhide {
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
  -webkit-transform: scale(1) translate(0);
          transform: scale(1) translate(0);
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
}
.map-color-key.cap-showhide.ng-hide {
  -webkit-transform: scale(0.1) translate(0);
          transform: scale(0.1) translate(0);
  /*transition: all linear 0.5s;*/
}
.map-color-key .items > div {
  width: 100%;
  margin-bottom: 0.5em;
  margin-right: 10px;
}
.map-color-key .items > div:last-child {
  margin-bottom: 0;
  padding-right: 0;
}
@media screen and (min-width: 46em) {
  .map-color-key {
    bottom: 10px;
    right: 58px;
  }
}
@media (min-width: 80em) {
  .map-color-key {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
  }
  .map-color-key > div {
    margin-bottom: 0;
  }
}

.cap-legend-circle {
  padding: 0;
  margin: 2.7px;
  min-height: 15px;
  min-width: 15px;
  max-height: 15px;
  max-width: 15px;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
}

.cap-list-circle {
  padding: 0;
  margin: 10px 9px 3px -1px;
  min-height: 15px;
  min-width: 15px;
  max-height: 15px;
  max-width: 15px;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
}

.cap-legend-roundedsquare {
  padding: 0;
  margin: 3px;
  min-height: 15px;
  min-width: 15px;
  max-height: 15px;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
}

.key-header-line {
  border-bottom: 1px solid silver;
  height: 60%;
  margin: 5px;
}

.key-header {
  font-size: 0.8em;
  text-align: center;
  padding: 0 5px 0 5px;
}

.range-numbers {
  text-align: center;
  font-weight: bold;
  line-height: normal;
  padding-top: 2px;
  white-space: nowrap;
  text-wrap: none;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  margin: 0 3px 0 3px;
}

.expandControl {
  background-color: white;
  margin: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}

.map-5colors .cap-legend-circle {
  width: 100%;
}
.map-5colors .cap-legend-roundedsquare {
  width: 100%;
}

.legend-tier {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.no-sites {
  position: absolute;
  top: 50%;
  width: 100%;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.no-sites div {
  padding: 20px;
  background-color: rgba(0, 0, 0, 0.8);
  text-align: center;
  font-size: 1.7em;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  color: white;
}

.maplibregl-popup-tip {
  color: white;
}

.maplibregl-popup-content {
  background-color: white;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25), 0 6px 20px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25), 0 6px 20px 0 rgba(0, 0, 0, 0.25);
  padding: 0;
}

.maplibregl-popup-content-inner {
  min-width: 120px;
  text-align: center;
  font-family: "Roboto", "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: large;
  font-weight: 500;
  color: #111111;
  padding: 0;
}

.maplibregl-popup-close-button {
  position: absolute;
  top: 0px;
  right: 0px;
  text-align: center;
  font-family: "Roboto", "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight: bolder;
  font-size: larger;
  color: #AAAAAA;
  width: 25px;
  padding: 0px;
}

.maplibregl-popup-minimize-button {
  -webkit-transform: translate(-25px, 0);
          transform: translate(-25px, 0);
}

.mapControlContainer {
  padding: 0 0 2px 0;
  margin: 0 auto;
  background-color: white;
  -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}
.mapControlContainer .iconControl {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.mapControlContainer .md-ripple-container {
  border-radius: 4px;
}

.mapControl {
  font-family: "Roboto", "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
  background-color: white;
  -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}
.mapControl.drivePolygon {
  padding: 0 6px;
  margin: 0;
}
.mapControl .material-icons {
  vertical-align: middle;
}
.mapControl .md-ripple-container {
  border-radius: 4px;
}

@-webkit-keyframes fadeInMapBlock {
  from {
    background-color: rgba(0, 0, 0, 0);
  }
  to {
    background-color: rgba(0, 0, 0, 0.3);
  }
}
@keyframes fadeInMapBlock {
  from {
    background-color: rgba(0, 0, 0, 0);
  }
  to {
    background-color: rgba(0, 0, 0, 0.3);
  }
}
@-webkit-keyframes fadeOutMapBlock {
  from {
    background-color: rgba(0, 0, 0, 0.3);
  }
  to {
    background-color: rgba(0, 0, 0, 0);
  }
  0% {
    z-index: 10;
  }
  100% {
    z-index: -5;
  }
}
@keyframes fadeOutMapBlock {
  from {
    background-color: rgba(0, 0, 0, 0.3);
  }
  to {
    background-color: rgba(0, 0, 0, 0);
  }
  0% {
    z-index: 10;
  }
  100% {
    z-index: -5;
  }
}
.fadeInMapBlock {
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-name: fadeInMapBlock;
          animation-name: fadeInMapBlock;
  z-index: 10;
  position: fixed;
  top: 70px;
  left: 400px;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
}

.fadeOutMapBlock {
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-name: fadeOutMapBlock;
          animation-name: fadeOutMapBlock;
  z-index: -5;
  position: fixed;
  top: 70px;
  left: 400px;
  right: 0;
  bottom: 0;
  background-color: none;
}

@-webkit-keyframes fadeInArea {
  from {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeInArea {
  from {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOutArea {
  from {
    opacity: 1;
  }
  to {
    opacity: 0.5;
  }
}
@keyframes fadeOutArea {
  from {
    opacity: 1;
  }
  to {
    opacity: 0.5;
  }
}
.fadeInArea {
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-name: fadeInArea;
          animation-name: fadeInArea;
  opacity: 1;
}

.fadeOutArea {
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-name: fadeOutArea;
          animation-name: fadeOutArea;
  opacity: 0.5;
}

.pulse {
  -webkit-animation-name: pulse;
          animation-name: pulse;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

@-webkit-keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.fadeInArea {
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-name: fadeInArea;
          animation-name: fadeInArea;
  opacity: 1;
}

.fadeOutArea {
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-name: fadeOutArea;
          animation-name: fadeOutArea;
  opacity: 0.5;
}

.chevron {
  float: right;
}

.pointer {
  cursor: pointer;
}

.divider {
  padding-bottom: 5px;
}

.matched-button {
  white-space: normal !important;
}
.matched-button .existing-sites-notes {
  max-height: 2.5rem;
  overflow-y: auto;
  word-break: break-all;
}
.matched-button .existing-sites-notes::-webkit-scrollbar-track, .matched-button .existing-sites-notes::-webkit-scrollbar-track {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}
.matched-button .existing-sites-notes::-webkit-scrollbar {
  width: 12px;
  background-color: #F5F5F5;
}
.matched-button .existing-sites-notes::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #BBB;
}

.mapSelector {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10;
  -webkit-transition: right 0.15s ease-in-out, bottom 0.075s ease-in-out;
  transition: right 0.15s ease-in-out, bottom 0.075s ease-in-out;
}
.mapSelector md-checkbox.md-checked.person .md-icon {
  background-color: #9C27B0;
}
.mapSelector md-checkbox.md-checked.property .md-icon {
  background-color: #4DD0E1;
}
.mapSelector md-checkbox.person .md-icon {
  border-color: #9C27B0;
}
.mapSelector md-checkbox.property .md-icon {
  border-color: #4DD0E1;
}
.mapSelector .layerOptions {
  margin-top: 5px;
}
.mapSelector.closed {
  right: calc(-100vw + 32px);
  bottom: 150px;
}
@media (min-width: 382px) {
  .mapSelector.closed {
    right: -350px;
  }
}
.mapSelector .rz-limit {
  display: none;
}
.mapSelector .rz-ceil {
  display: none;
}
.mapSelector .filter-daterange .rz-bubble .md-button {
  font-size: 0.9em;
  border-radius: 3px;
  padding: 5px 0 6px 4px;
  margin: 0;
  min-width: unset;
  min-height: unset;
  height: auto;
  line-height: 1.1em;
}
.mapSelector .filter-daterange md-icon {
  min-height: unset;
  height: unset;
  font-size: 18px;
  line-height: 0em;
}
.mapSelector .rz-bubble {
  font-size: 0.85em;
  font-weight: 500;
  color: #333;
}
.mapSelector .rz-bar-wrapper {
  -webkit-transition: all linear 0.2s;
  transition: all linear 0.2s;
}
.mapSelector .rz-selection {
  background: rgb(124, 124, 124) !important;
  height: 4px !important;
  -webkit-transform: translate(0, -1px);
          transform: translate(0, -1px);
}
.mapSelector .rz-bar {
  height: 2px;
  background: rgba(124, 124, 124, 0.5);
}
.mapSelector .rz-pointer {
  width: 16px;
  height: 16px;
  top: -7px;
  border-color: rgb(124, 124, 124);
  background-color: rgb(124, 124, 124);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.mapSelector .rz-pointer:focus {
  -webkit-transform: scale(1.15);
          transform: scale(1.15);
}
.mapSelector .rz-pointer:after {
  display: none;
}
.mapSelector .crimeGroup .crimeSelector:not(:last-child) .crimeCategoryIndicator {
  height: 30px;
}
.mapSelector .crimeGroup .crimeSelector:last-child .crimeCategoryIndicator {
  height: calc(100% - 10px);
}
.mapSelector .crimeGroup .crimeSelector {
  height: 30px;
}
.mapSelector .crimeGroup .crimeSelector .crimeCategoryIndicator {
  min-width: 10px;
  margin-right: 10px;
  margin-top: 5px;
}
.mapSelector .mapSelectorMain {
  width: calc(100vw - 32px);
  background-color: white;
  border: 1px solid #bbb !important;
  overflow-y: auto;
}
@media (min-width: 382px) {
  .mapSelector .mapSelectorMain {
    width: 350px;
  }
}
.mapSelector .mapSelectorMain .mapSelectorHeader {
  padding: 1px 2px 1px 15px;
  background-color: #eee;
  border-bottom: 1px silver solid;
  border-top: 1px silver solid;
}
.mapSelector .mapSelectorMain .mapSelectorHeader.first {
  border-top: none;
}
.mapSelector .mapSelectorMain .mapSelectorHeader .mapSelectorHeaderText {
  padding: 13px 0 12px 0;
  color: #333;
  font-size: 1.2em;
}
.mapSelector .mapSelectorMain .mapSelectorHeader md-button {
  margin: 0px;
  padding: 0px;
}
.mapSelector .mapSelectorMain .mapSelectorSection {
  margin-top: 5px;
}
.mapSelector .mapSelectorNub .md-button {
  top: 68px;
  z-index: 3;
  height: 52px;
  width: 32px;
  padding: 0;
  margin: 0;
  border: 1px solid #bbb !important;
  background-color: white;
  border-right: 1px solid #fff !important;
  border-radius: 4px 0 0 4px;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transform: translate(1px, 0);
          transform: translate(1px, 0);
}
.mapSelector .mapMethodology-group .style-selector-gradient {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(60%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7)));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.7));
  z-index: 0;
}
.mapSelector .mapMethodology-group .style-selector-text {
  position: absolute;
  left: 5px;
  bottom: -5px;
  text-transform: none;
  text-align: left;
  z-index: 1;
  color: white;
}
.mapSelector .filter-param-dom {
  position: relative;
  padding: 5px 15px 0 15px;
}
.mapSelector .filter-param-dom > :first-child {
  line-height: 21px;
  padding-top: 5px;
  margin-bottom: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  font-weight: 500;
  margin-right: 20px;
}
@media (min-width: 63em) {
  .mapSelector .filter-param-dom {
    padding: 5px 15px 0;
  }
}
.mapSelector .filter-param-dom ._md-datepicker-floating-label > md-datepicker .md-datepicker-button {
  float: none;
}
.mapSelector .filter-param-dom .filter-minmax {
  line-height: 1.5;
  -ms-flex-item-align: center;
      align-self: center;
}
.mapSelector .filter-param-dom md-slider-container {
  margin-left: 15px;
}
.mapSelector .filter-param-dom md-slider-container > *:last-child:not(md-slider) {
  margin: 0 0 8px 16px;
}
.mapSelector .filter-param-dom .to-divider {
  font-size: 0.8em;
  position: absolute;
  right: 31%;
  top: 43%;
  color: rgba(0, 0, 0, 0.55);
}
.mapSelector .filter-param-dom .filter-daterange {
  position: relative;
}
.mapSelector .filter-param-dom .filter-daterange md-input-container {
  margin: 0;
}
.mapSelector .filter-param-dom md-select {
  margin: 0 0 22px 15px;
}
.mapSelector .filter-param-dom .filter-sliderRange {
  display: block;
  position: relative;
}
.mapSelector .filter-param-dom .filter-sliderRange md-input-container {
  min-width: 55px;
  max-width: 55px;
}
.mapSelector .filter-param-dom .filter-sliderRange .to-divider {
  right: 60%;
}

.dynamic-label-placement.on-line {
  -webkit-transform: translate(0, 37px) !important;
          transform: translate(0, 37px) !important;
}

.autocomplete-tag-control {
  margin: 0;
  width: 100%;
  /*    md-autocomplete-wrap md-input-container {
      margin:0px;
      padding:0px;
  }

  md-autocomplete-wrap md-input-container label {
      font-weight: bold;
      color: $min-gray;
  }*/
}
.autocomplete-tag-control md-autocomplete-wrap {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.autocomplete-tag-control input {
  min-width: 100%;
}

.autocomplete-tag-control-inline {
  margin: 0;
  display: inline-block;
  float: none;
  width: auto;
  background-color: transparent;
  -webkit-transform: translate(0px, 20px);
          transform: translate(0px, 20px);
  min-width: 200px;
}
.autocomplete-tag-control-inline md-autocomplete-wrap {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.autocomplete-tag-control-inline input {
  background-color: transparent;
}

.chips-control {
  margin: 0 0 10px 0;
}

.line-height-20 {
  line-height: 20px;
}

.methodology-selector {
  display: block;
}
.methodology-selector .cap-description {
  margin: 0;
  padding: 5px 0 5px 0;
}
.methodology-selector .sendEmailNotification {
  margin-top: 30px;
}
.methodology-selector .year-options {
  margin: 10px 15px -10px 0;
  width: calc(100% - 35px);
}

.cap-report-options {
  display: block;
  margin: 0;
  margin-top: 20px !important;
  margin-bottom: 15px !important;
  padding: 0 15px;
}
.cap-report-options label {
  display: block;
  font-size: medium;
  font-weight: 500;
  margin-bottom: 20px;
}

.cap-report-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  /*margin-top: 0.75em;*/
}
.cap-report-option md-radio-button {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-bottom: 0;
}
.cap-report-option .license-info {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: smaller;
}
.cap-report-option .license-info.md-ink-ripple {
  color: currentColor;
}
.cap-report-option .license-info:not(.cap-small-button) {
  text-align: right;
}
.cap-report-option .license-info.cap-small-button {
  margin: 1em 0 1em 0.25em;
}
.cap-report-option .license-info.md-primary {
  color: white;
  -webkit-transform: scale(1.1) translateX(-5px);
          transform: scale(1.1) translateX(-5px);
  -webkit-transition: -webkit-transform 250ms;
  transition: -webkit-transform 250ms;
  transition: transform 250ms;
  transition: transform 250ms, -webkit-transform 250ms;
}
.cap-report-option .scoring-info {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 2em;
}
.cap-report-option .scoring-info label {
  margin: 0;
  padding-bottom: 0.5em;
  font-weight: normal;
}
.cap-report-option .scoring-info button {
  padding: 0;
  margin: 0;
}
.cap-report-option .rpt-method-selector {
  margin: -11px 0 0 10px;
}
.cap-report-option .rpt-method-selector md-option {
  z-index: 1000;
}
.cap-report-option .disabled {
  color: rgba(0, 0, 0, 0.55);
}

.new-account {
  display: block;
  padding: 15px;
  background-color: white;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.new-account .cap-header-xlarge {
  padding-left: 0;
}
.new-account fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}
@media (min-width: 40em) {
  .new-account fieldset {
    width: 48%;
  }
}
.new-account .acct-actions {
  width: 100%;
  border-top: 1px solid;
  margin-top: 1em;
  padding: 1em 0;
}
.new-account .acct-actions p {
  font-size: large;
  margin-top: 0;
}
.new-account .acct-actions .md-button {
  margin-right: 1em;
}
.new-account .acct-container {
  width: 100%;
}
@media (min-width: 40em) {
  .new-account .acct-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.new-account .industry-wrapper {
  /*outline: 1px dotted pink;*/
  margin: 0.25em 0 2.5em;
}
.new-account .industry-wrapper > * {
  /*outline: 1px dotted gray;*/
}
.new-account .select-industry {
  margin-right: 1em;
}
.new-account .md-default-theme .md-select-value.md-select-placeholder,
.new-account .md-select-value.md-select-placeholder {
  color: rgba(0, 0, 0, 0.55);
}
.new-account md-select .md-default-theme .md-select-value,
.new-account md-select .md-select-value {
  border-bottom-color: rgba(0, 0, 0, 0.3);
}

.emailInUseMessage {
  margin: 1em 0;
}

/*$bp-sidenav: 540px;
$bpContentSqueezed: 960px;*/
nav-menu-new .navsuffix {
  display: none;
}
nav-menu-new .chatlive .navsuffix {
  display: inline;
}
nav-menu-new .md-sidenav-left.dark .nav-divider {
  border-top: solid 2px rgba(30, 30, 30, 0.3);
}
nav-menu-new .md-sidenav-left {
  border-right: 2px solid #ddd;
}
nav-menu-new .md-sidenav-left .md-button {
  width: 100%;
  margin: 0;
  padding: 0.5em 0.5em 0.5em 1.5em;
  text-align: left;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
nav-menu-new .md-sidenav-left .md-button md-icon:first-child {
  margin-right: 0.5em;
}
nav-menu-new .md-sidenav-left .nav-divider {
  margin: 8px 0;
  width: 100%;
  border-top: solid 2px rgba(30, 30, 30, 0.3);
  background-color: transparent;
}
nav-menu-new .md-sidenav-left .nav-divider + .nav-divider {
  display: none;
}
nav-menu-new .md-sidenav-left .navHeader {
  height: 1em;
  min-height: 1em;
  padding-bottom: 5px;
  padding-left: 0.5em;
  padding-top: 5px;
  background-color: white;
}
@media (min-width: 33.75em) {
  nav-menu-new .md-sidenav-left .navHeader {
    background-color: rgba(30, 30, 30, 0.3);
    margin-top: -8px;
  }
}
nav-menu-new .md-sidenav-left .navHeader span {
  color: rgba(0, 0, 0, 0.55);
  padding: 0;
}
nav-menu-new .md-sidenav-left:not(.md-locked-open) {
  background-color: white !important;
}
nav-menu-new .navDisabled {
  text-decoration: line-through;
  pointer-events: none;
}
nav-menu-new .expand-nav {
  overflow: hidden;
  display: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
  height: 30px;
  background-color: transparent;
}
@media (min-width: 33.75em) {
  nav-menu-new .expand-nav {
    display: block;
    margin: 0;
    min-width: 55px;
    width: 55px;
    max-width: 55px;
    -webkit-transition: max-width 250ms ease-in-out;
    transition: max-width 250ms ease-in-out;
  }
  nav-menu-new .expand-nav md-icon {
    opacity: 0.75;
    position: relative;
    top: -5px;
    left: -33px;
    -webkit-transition: -webkit-transform 250ms;
    transition: -webkit-transform 250ms;
    transition: transform 250ms;
    transition: transform 250ms, -webkit-transform 250ms;
  }
  nav-menu-new .expand-nav md-icon:first-of-type {
    left: -3px;
  }
  nav-menu-new .expand-nav.sideNavExpanded:not(.sideNavNoCover) {
    width: 190px;
    max-width: 190px;
    overflow: hidden;
  }
  nav-menu-new .expand-nav.sideNavExpanded:not(.sideNavNoCover) md-icon {
    float: right;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    -webkit-transition: -webkit-transform 250ms;
    transition: -webkit-transform 250ms;
    transition: transform 250ms;
    transition: transform 250ms, -webkit-transform 250ms;
    left: 20px;
    top: 0px;
    opacity: 0.75;
  }
  nav-menu-new .expand-nav.sideNavExpanded:not(.sideNavNoCover) md-icon:first-of-type {
    left: 5px;
  }
}
@media (min-width: 80.1em) {
  nav-menu-new .expand-nav.sideNavExpanded.sideNavNoCover {
    width: 190px;
    max-width: 190px;
    overflow: hidden;
  }
  nav-menu-new .expand-nav.sideNavExpanded.sideNavNoCover md-icon {
    float: right;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    -webkit-transition: -webkit-transform 250ms;
    transition: -webkit-transform 250ms;
    transition: transform 250ms;
    transition: transform 250ms, -webkit-transform 250ms;
    left: 20px;
    top: 0px;
    opacity: 0.75;
  }
  nav-menu-new .expand-nav.sideNavExpanded.sideNavNoCover md-icon:first-of-type {
    left: 5px;
  }
}
@media (min-width: 33.75em) {
  nav-menu-new md-sidenav.md-sidenav-left {
    height: calc(100vh - 70px);
  }
}
nav-menu-new .md-button.md-raised:not([disabled]) {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
}
nav-menu-new .md-sidenav-left::after {
  content: "";
  background-repeat: repeat;
  background-size: 614px;
  opacity: 0.15;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
}
nav-menu-new md-sidenav.md-sidenav-left.dark .urhere {
  background-color: rgb(215, 215, 215);
}
nav-menu-new md-sidenav.md-sidenav-left {
  width: 190px;
  /*.md-button {
      background-color: transparent;
  }*/
}
nav-menu-new md-sidenav.md-sidenav-left .urhere {
  background-color: rgb(215, 215, 215);
}
@media (max-width: 456px) {
  nav-menu-new md-sidenav.md-sidenav-left {
    min-width: 190px;
    max-width: 190px;
  }
}
@media (max-width: 33.6875em) {
  nav-menu-new md-sidenav.md-sidenav-left .urhere .md-button {
    background-color: rgb(225, 225, 225) !important;
  }
}
@media (min-width: 33.75em) {
  nav-menu-new md-sidenav.md-sidenav-left {
    position: relative;
    z-index: 60;
    width: 55px;
    max-width: 55px;
    height: calc(100vh - 70px);
    overflow-x: hidden;
    -webkit-transition: max-width 250ms ease-in-out;
    transition: max-width 250ms ease-in-out;
    will-change: max-width;
  }
  nav-menu-new md-sidenav.md-sidenav-left .sideNavLabel {
    opacity: 0;
  }
  nav-menu-new md-sidenav.md-sidenav-left .navHeader {
    display: none;
  }
  nav-menu-new md-sidenav.md-sidenav-left .navHeader span {
    color: currentColor;
  }
  nav-menu-new md-sidenav.md-sidenav-left.md-locked-open.md-closed {
    position: relative;
  }
  nav-menu-new md-sidenav.md-sidenav-left .urhere .md-button {
    background-color: rgba(255, 255, 255, 0.2) !important;
  }
  nav-menu-new md-sidenav.md-sidenav-left .md-button md-icon,
nav-menu-new md-sidenav.md-sidenav-left .sideNavLabel {
    color: currentColor;
  }
  nav-menu-new md-sidenav.md-sidenav-left .md-button {
    padding-left: 1em;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
  }
  nav-menu-new md-sidenav.md-sidenav-left.sideNavExpanded:not(.sideNavNoCover) {
    width: auto;
    max-width: 190px;
  }
  nav-menu-new md-sidenav.md-sidenav-left.sideNavExpanded:not(.sideNavNoCover) .navHeader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  nav-menu-new md-sidenav.md-sidenav-left.sideNavExpanded:not(.sideNavNoCover) .sideNavLabel {
    opacity: 1;
  }
}
@media (min-width: 80.1em) {
  nav-menu-new md-sidenav.md-sidenav-left.sideNavExpanded.sideNavNoCover {
    width: auto;
    max-width: 190px;
  }
  nav-menu-new md-sidenav.md-sidenav-left.sideNavExpanded.sideNavNoCover .navHeader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  nav-menu-new md-sidenav.md-sidenav-left.sideNavExpanded.sideNavNoCover .sideNavLabel {
    opacity: 1;
  }
}
@media (min-width: 33.75em) {
  nav-menu-new md-sidenav.md-closed {
    display: block;
  }
  nav-menu-new .md-sidenav-left.md-closed,
nav-menu-new md-sidenav.md-closed {
    -webkit-transform: none;
            transform: none;
  }
  nav-menu-new .md-sidenav-backdrop.md-locked-open {
    display: none;
  }
}
nav-menu-new .sideNavWrapper.hideMobile {
  display: none;
}
@media (min-width: 33.75em) {
  nav-menu-new .sideNavWrapper.hideMobile {
    display: block;
  }
}
nav-menu-new .sideNavWrapper.hideDesktop {
  display: block;
}
@media (min-width: 33.75em) {
  nav-menu-new .sideNavWrapper.hideDesktop {
    display: none;
  }
}
nav-menu-new .sideNavWrapper button {
  -webkit-transition: background-color 0.4s linear;
  transition: background-color 0.4s linear;
}
nav-menu-new .capHelpButton {
  -webkit-transition: linear width 0.1s, linear opacity 0.1s;
  transition: linear width 0.1s, linear opacity 0.1s;
}
nav-menu-new .capHelpButton.hidden {
  opacity: 0;
  width: 0;
}
nav-menu-new .capHelpButton.collapsed span {
  display: none;
}
nav-menu-new .capHelpButton.hideMobile {
  display: none;
}
@media (min-width: 33.75em) {
  nav-menu-new .capHelpButton.hideMobile {
    display: block;
  }
}

nav-menu-new > md-sidenav {
  width: 190px;
}

@media screen and (min-width: 33.75em) {
  .contentContainer {
    left: 0;
    -webkit-transform: translateX(55px);
            transform: translateX(55px);
    width: calc(100% - 55px) !important;
  }
}
@media (min-width: 80.1em) {
  .contentContainer.sideNavExpanded {
    -webkit-transform: translateX(190px);
            transform: translateX(190px);
    width: calc(100% - 190px) !important;
    -webkit-transition: -webkit-transform 250ms ease-in-out;
    transition: -webkit-transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
  }
}

.police-incidents {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media (min-width: 33.75em) {
  .police-incidents .uk-crime-stats {
    padding-left: 10px;
  }
}
@media (min-width: 45.625em) {
  .police-incidents .uk-crime-stats {
    padding-left: 0;
  }
}
@media (min-width: 80em) {
  .police-incidents .uk-crime-stats {
    -webkit-box-flex: 0.5;
        -ms-flex-positive: 0.5;
            flex-grow: 0.5;
    padding-right: 15px;
  }
}
.police-incidents .police-header {
  padding-left: 10px;
}
.police-incidents .police-header h2 {
  margin-top: 0;
}
@media (min-width: 33.75em) {
  .police-incidents .police-header {
    padding-left: 0;
  }
}
@media (min-width: 80em) {
  .police-incidents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.police-incidents [for=uk-radii] {
  display: inline-block;
  margin-bottom: 0.5em;
  padding-right: 10em;
}
.police-incidents .uk-radii-options {
  border-bottom: 1px solid #ddd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.police-incidents .uk-radii-options md-radio-button:first-child {
  margin-right: 2em;
}
.police-incidents .cap-police-map-container .map-container {
  /*height: $incident-map-pixels !important;
  width: $incident-map-pixels !important;*/
  height: 0 !important;
  padding-bottom: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 80em) {
  .police-incidents .cap-police-map-container {
    /*flex-basis: 250px;*/
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    min-width: 55%;
  }
}
.police-incidents .sitelist-row {
  background-color: #f5f5f5;
}
.police-incidents .sitelist-row:nth-child(2n+1) {
  background-color: white;
}
.police-incidents .crime-type-selector-container {
  background-color: #f5f5f5;
  padding: 10px;
  min-width: 320px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.police-incidents .crime-type-selector {
  width: 32%;
  margin: 0.5em 0;
}
.police-incidents .crime-types-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.police-incidents .crime-types-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 0.5em;
  padding-top: 1em;
}
.police-incidents .crime-types-toggle md-checkbox {
  margin-bottom: 0;
}
.police-incidents .disclaimer {
  clear: both;
  margin: 0 10px 1.5em;
  font-size: smaller;
  line-height: 1.4;
  font-style: italic;
}
.police-incidents .maplibregl-popup-content {
  max-width: 400px;
  font-size: 1rem;
}
.police-incidents .popupCrimesDetailContainer {
  padding: 10px;
}
.police-incidents .popupCrimesDetailTitle {
  font-weight: bold;
  margin-bottom: 0;
}
.police-incidents .popupCrimesList {
  font-size: 0.875em;
}

.purchase-licenses {
  display: block;
  overflow-y: auto;
}
@media (min-width: 32em) {
  .purchase-licenses {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
  }
}
.purchase-licenses .cap-link-small > a {
  color: #666666;
  text-align: center;
}
.purchase-licenses .qtyWrapper {
  position: relative;
  padding-top: 15px;
}
@media (min-width: 32em) {
  .purchase-licenses .qtyWrapper {
    padding-top: 0;
  }
}
@media (min-width: 93em) {
  .purchase-licenses .qtyWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
.purchase-licenses .new-badge-purchase-licenses {
  display: none;
  font-size: 0.85em;
  position: absolute;
  right: 13px;
  top: 29px;
  padding: 5px 5px;
  background-color: #E3AE00;
  color: white;
  border-radius: 10px;
  font-weight: normal;
  z-index: -1;
}
@media (min-width: 1705px) {
  .purchase-licenses .new-badge-purchase-licenses {
    display: block;
  }
}
@media (min-width: 1770px) {
  .purchase-licenses .new-badge-purchase-licenses {
    padding: 5px 10px;
    font-size: 1em;
  }
}

.bulkPricingChart .pricingRow:nth-child(even) {
  background-color: #F8F8F8;
}
@media (min-width: 93em) {
  .bulkPricingChart .terse {
    display: none;
  }
}
@media (max-width: 92em) {
  .bulkPricingChart .verbose {
    display: none;
  }
}

.cap-dialogInform {
  margin: 0;
  padding: 0 15px;
}

.cap-license-type {
  padding: 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  position: relative;
}
@media (min-width: 32em) {
  .cap-license-type {
    padding: 1em 1.2em;
  }
}
@media (min-width: 105em) {
  .cap-license-type {
    padding: 1em 1.5em;
  }
}
@media (min-width: 93em) {
  .cap-license-type {
    width: 25%;
  }
}

.cap-purchase-details {
  width: 100%;
  padding-bottom: 5.5em;
}
@media (min-width: 32em) {
  .cap-purchase-details {
    width: calc(100% - 350px);
    min-width: 50%;
    height: calc(100vh - 70px);
    margin-top: 0;
    padding-bottom: 0;
    overflow-y: auto;
  }
}

.cap-license-order-summary {
  position: absolute;
  top: 0;
  z-index: 4;
  display: none;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: -webkit-transform 250ms;
  transition: -webkit-transform 250ms;
  transition: transform 250ms;
  transition: transform 250ms, -webkit-transform 250ms;
  height: 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: auto;
  padding: 15px;
  background-color: #f0f0f0;
}
.cap-license-order-summary.show-details {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.cap-license-order-summary.cartRevealed {
  display: block;
}
.cap-license-order-summary.cartRevealed.cap-receipt {
  display: none;
}
@media (min-width: 512px) {
  .cap-license-order-summary.cartRevealed.cap-receipt {
    display: block;
  }
}
@media (min-width: 800px) {
  .cap-license-order-summary {
    padding: 25px 25px !important;
  }
}
@media (min-width: 32em) {
  .cap-license-order-summary {
    position: relative;
    display: block;
    -webkit-transform: none;
            transform: none;
    /*width: 350px;
    max-width: 350px;
    min-width: 350px;*/
    width: 50%;
    /*min-width: 320px;*/
    max-width: 365px;
    /*height: calc(100vh - 140px);*/
    height: calc(100vh - 70px);
    padding: 25px 15px;
  }
}
.cap-license-order-summary .cap-button-large {
  padding: 10px;
}
.cap-license-order-summary .cap-input-label {
  color: rgba(0, 0, 0, 0.67);
}
.cap-license-order-summary .cap-header-xlarge-nopad {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cap-license-order-summary .cap-header-xlarge-nopad strong {
  margin-left: 0.5rem;
}
.cap-license-order-summary .cap-header-xlarge-nopad .md-icon-button {
  margin-left: auto;
  margin-right: 0;
}
@media (min-width: 32em) {
  .cap-license-order-summary .cap-header-xlarge-nopad .md-icon-button {
    display: none;
  }
}

.cap-cart-considerations {
  padding-top: 5px;
}
.cap-cart-considerations .cap-input-container {
  padding-top: 10px;
}
.cap-cart-considerations .cap-input-container > div {
  width: 90%;
}
.cap-cart-considerations .cap-icon-button-small {
  position: absolute;
  top: -20px;
  left: 75px;
}
.cap-cart-considerations .cap-input {
  background-color: #f8f8f8;
  border: solid 1px #eee;
}
.cap-cart-considerations .md-raised {
  margin-top: -5px;
  margin-bottom: 20px;
}

.cap-cart-msg {
  font-weight: 500;
}

.cap-license-sidebar-spacer {
  top: 70px;
  width: 350px;
  max-width: 350px;
  min-width: 350px;
  padding: 35px 1.5%;
  background-color: #f0f0f0;
  height: 100%;
}

.cap-crimecast-logo {
  margin: 5px;
  font-size: x-large;
  text-align: center;
}

.cap-mini-cart {
  position: absolute;
  bottom: 0;
  z-index: 3;
  background-color: #f0f0f0;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 10px 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  /*justify-content: space-between;*/
}
.cap-mini-cart .material-icons {
  vertical-align: text-top;
  margin-right: 0.25em;
}
.cap-mini-cart .mini-cart-label, .cap-mini-cart .mini-cart-total {
  font-size: larger;
  font-weight: bold;
}
.cap-mini-cart .mini-cart-total {
  margin-left: auto;
}
.cap-mini-cart .cap-license-order-actions {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.cap-mini-cart .cap-license-order-actions .md-button {
  width: auto;
  margin: 0;
}
.cap-mini-cart .cap-license-order-actions .md-button:first-child {
  min-width: 114px;
  margin-right: 6px;
}
.cap-mini-cart .cap-license-order-actions .md-button:first-child, .cap-mini-cart .cap-license-order-actions .md-button:last-child {
  width: auto;
  padding-left: 6px;
}
@media (min-width: 32em) {
  .cap-mini-cart {
    display: none;
  }
}

.mini-cart-nav {
  width: 100%;
  margin-top: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.mini-cart-nav .material-icons {
  margin: 0;
  vertical-align: middle;
}
.mini-cart-nav a {
  font-size: smaller;
  margin-right: 1em;
  padding: 0.5rem;
}

.cap-license-image, .cap-dialogInform,
.cap-license-price a {
  display: none;
}
@media (min-width: 32em) {
  .cap-license-image, .cap-dialogInform,
.cap-license-price a {
    display: block;
  }
}

.pricing-link {
  display: block;
  text-align: center;
  margin: -10px 0 35px;
}
@media (min-width: 32em) {
  .pricing-link {
    display: none;
  }
}

.crimecast-logo {
  display: inline-block;
}
@media (min-width: 32em) {
  .crimecast-logo {
    display: block;
  }
}

.cap-license-image {
  margin-top: 5px;
  width: 100%;
  min-height: 165px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  -webkit-filter: drop-shadow(0 0 5px #aaa);
          filter: drop-shadow(0 0 5px #aaa);
  cursor: pointer;
}

.cap-license-image-large {
  overflow: auto;
  margin: 10px;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

/* PUNCH LIST 2021.09.21: JCD */
.cap-value-prop {
  font-size: 1.1em;
  font-weight: bold;
  min-height: 60px;
}

.cap-license-title {
  font-size: xx-large;
  font-weight: bold;
  margin: 0;
  min-width: 145px;
}
@media (min-width: 32em) {
  .cap-license-title {
    margin: 10px 0;
  }
}
.cap-license-title :last-child {
  display: inline-block;
  white-space: nowrap;
}
.cap-license-title .cap-icon-button-small {
  display: inline-block;
  margin-bottom: 6px;
}
@media (min-width: 32em) {
  .cap-license-title .cap-icon-button-small {
    display: none;
  }
}

.cap-license-availability {
  font-size: large;
  margin-bottom: 10px;
  /* PUNCH LIST 2021.09.21: JCD */
}
.cap-license-availability strong {
  font-size: 1.05em;
}
.cap-license-availability .available {
  color: #FFCC00;
  background-color: #555;
  padding: 3px 4px 1px 4px;
  border-radius: 4px;
}

/* PUNCH LIST 2021.09.21: JCD */
.cap-download-pdf {
  font-size: small;
  margin-top: 10px;
}

.cap-license-price {
  font-size: x-large;
  padding: 0.25em 0;
  margin: 0.5em 15%;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-width: 0 0 1px;
  /* PUNCH LIST 2021.09.21: JCD */
}
@media (min-width: 32em) {
  .cap-license-price {
    padding: 0 0 0.75em;
    /* PUNCH LIST 2021.09.21: JCD */
    margin: 0.75em 0;
  }
}
.cap-license-price a {
  /*display: block;*/
  font-size: small;
}

.cap-license-cart-row {
  padding: 5px 0;
}
.cap-license-cart-row > div {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.cap-license-cart-row-item {
  font-size: 0.95em;
  padding-left: 1em;
  text-indent: -1em;
}

.cap-license-cart-row-total {
  font-weight: bold;
  text-align: right;
}

.cap-license-cart-row-amount {
  font-weight: bold;
  text-align: right;
}

.cap-license-cart-total-label {
  font-weight: bold;
  font-size: 1.3em;
  padding: 5px;
}

.cap-license-cart-total {
  font-weight: bold;
  font-size: 1.4em;
  text-align: right;
  padding: 5px;
}

.promoWrapper {
  margin: 2em 0 0.5em;
}
.promoWrapper span {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
}

.cap-license-order-actions .md-button {
  text-overflow: ellipsis;
}
.cap-license-order-actions .md-button:first-child {
  margin-left: 0;
  width: 30%;
  padding-left: 0;
}
.cap-license-order-actions .md-button:last-child {
  margin-right: 0;
  width: 70%;
}
.cap-license-order-actions .md-button:only-child {
  width: 90%;
}
.cap-license-order-actions .md-button .material-icons {
  vertical-align: text-bottom;
  line-height: 0.9;
}
.cap-license-order-actions .md-button span {
  display: none;
}
@media (min-width: 45em) {
  .cap-license-order-actions .md-button span {
    display: inline;
  }
}

.openArea {
  overflow: hidden;
  -webkit-transition: max-height 0.2s linear;
  transition: max-height 0.2s linear;
  max-height: 800px;
}

.closeArea {
  overflow: hidden;
  max-height: 0px;
  -webkit-transition: max-height 0.1s linear;
  transition: max-height 0.1s linear;
}

.cap-license-gradient {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0f0f0+0,f0f0f0+100&0+0,1+40,1+60,0+100 */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(240, 240, 240, 0)), color-stop(40%, rgb(240, 240, 240)), color-stop(60%, rgb(240, 240, 240)), to(rgba(240, 240, 240, 0)));
  background: linear-gradient(to bottom, rgba(240, 240, 240, 0) 0%, rgb(240, 240, 240) 40%, rgb(240, 240, 240) 60%, rgba(240, 240, 240, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.cap-price-chart-header {
  font-weight: bold;
  padding: 5px;
  text-align: center;
}

.cap-price-chart-cell {
  padding: 5px;
  text-align: center;
}

.cap-price-chart-cell-large {
  padding: 5px;
  height: 100%;
  text-align: center;
  vertical-align: central;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  /* align horizontal */
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /* align vertical */
}

.license-benes {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 22em;
  margin: 0 auto;
  pointer-events: none;
  max-height: 0;
  opacity: 0;
  -webkit-transition: opacity 200ms, max-height 250ms;
  transition: opacity 200ms, max-height 250ms;
  min-height: 210px;
  margin-bottom: -10px;
  margin-top: -5px;
  overflow-x: auto;
}
.license-benes li {
  padding-bottom: 2px;
}
.license-benes.showBenes {
  opacity: 1;
  max-height: 13.25em;
  pointer-events: auto;
}
@media (min-width: 32em) {
  .license-benes {
    opacity: 1;
    max-height: 13em;
    pointer-events: auto;
  }
}
.license-benes p:first-child {
  margin-top: 0;
}
.license-benes .cap-ul-padded {
  padding-left: 1.75em;
}

.updateQty {
  max-width: 300px;
  margin: 0 auto 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  /*@media (min-width: $bp-purchase-licenses) {
      position: absolute;
      bottom: 0;
      margin-right: 1.5em;
  }*/
  /*> * {
      width: 50%;
  }*/
}
.updateQty .cap-input-container {
  width: 100%;
}
.updateQty .md-button {
  width: 100%;
  margin: 14px 0 0 30px;
}
.updateQty .updateCartBtn {
  display: none;
}
@media (min-width: 32em) {
  .updateQty .updateCartBtn {
    display: block;
  }
}
@media (min-width: 45em) {
  .updateQty .updateCartBtn {
    display: none;
  }
}
@media (min-width: 93em) {
  .updateQty .updateCartBtn {
    display: block;
    padding: 0px;
  }
}
@media (min-width: 105em) {
  .updateQty .updateCartBtn {
    display: none;
  }
}
.updateQty .updateCartBtn2 {
  display: block;
}
@media (min-width: 32em) {
  .updateQty .updateCartBtn2 {
    display: none;
  }
}
@media (min-width: 45em) {
  .updateQty .updateCartBtn2 {
    display: block;
  }
}
@media (min-width: 93em) {
  .updateQty .updateCartBtn2 {
    display: none;
  }
}
@media (min-width: 105em) {
  .updateQty .updateCartBtn2 {
    display: block;
  }
}
.updateQty .quantity-label {
  display: none;
}
@media (min-width: 32em) {
  .updateQty .quantity-label {
    display: block;
  }
}
@media (min-width: 45em) {
  .updateQty .quantity-label {
    display: none;
  }
}
@media (min-width: 93em) {
  .updateQty .quantity-label {
    display: block;
  }
}
@media (min-width: 105em) {
  .updateQty .quantity-label {
    display: none;
  }
}
.updateQty .quantity-label2 {
  display: block;
}
@media (min-width: 32em) {
  .updateQty .quantity-label2 {
    display: none;
  }
}
@media (min-width: 45em) {
  .updateQty .quantity-label2 {
    display: block;
  }
}
@media (min-width: 93em) {
  .updateQty .quantity-label2 {
    display: none;
  }
}
@media (min-width: 105em) {
  .updateQty .quantity-label2 {
    display: block;
  }
}
.updateQty .cap-input {
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(rgba(255, 255, 255, 0.2)), to(white));
  background: linear-gradient(transparent, rgba(255, 255, 255, 0.2), white);
  font-size: larger;
}
@media (min-width: 32em) {
  .updateQty {
    border-top: 1px dashed rgba(0, 0, 0, 0.12);
    padding-top: 10px;
    margin: 8px auto;
  }
}

.cap-small-header .md-toolbar-tools {
  font-size: large;
}

/*.cap-scrim {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.6);
}*/
.cap-licenses, .cap-payment {
  /*height: calc(100vh - 70px);
  overflow-y: auto;*/
}
@media (min-width: 93em) {
  .cap-licenses, .cap-payment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

.cap-payment .payment-addr, .cap-payment .payment-method {
  padding: 0;
}
@media (min-width: 32em) {
  .cap-payment .payment-addr, .cap-payment .payment-method {
    padding: 5px 14px 0 14px;
  }
}
@media (min-width: 93em) {
  .cap-payment .payment-addr, .cap-payment .payment-method {
    width: 50%;
  }
}
.cap-payment .payment-addr md-divider, .cap-payment .payment-method md-divider {
  display: none;
}
@media (min-width: 32em) {
  .cap-payment .payment-addr md-divider, .cap-payment .payment-method md-divider {
    display: block;
  }
}

.payment-method-content {
  padding: 20px 20px 8px 20px;
}

.crimecast-logo {
  font-weight: normal;
  font-size: 0.75em;
}
.crimecast-logo sup {
  font-size: 0.625em;
}

.cap-po-notes .cap-input-hint {
  top: 54px;
  bottom: auto;
}

.invoiceContainer {
  background-color: white;
  padding: 15px 10px;
}
@media (min-width: 32em) {
  .invoiceContainer {
    padding: 30px;
  }
}
.invoiceContainer .outer {
  width: 100%;
  max-width: 900px;
}
.invoiceContainer .receipt-logo td:first-child {
  width: 40%;
}
.invoiceContainer .receipt-logo td:last-child {
  font-size: smaller;
}
.invoiceContainer .PageHeader {
  height: 43px;
  padding: 10px;
  font-size: 2.25em;
  font-weight: bold;
  margin-top: 10px;
}
.invoiceContainer .PageHeader .invoiceToFollow {
  font-size: 1rem;
  font-weight: normal;
}
.invoiceContainer .SectionHeader {
  font-size: 14px;
  font-weight: bold;
  padding: 10px;
}
.invoiceContainer .sitename-Label {
  padding: 10px;
  font-size: 16px;
}
.invoiceContainer .text-align-center {
  text-align: center;
}
.invoiceContainer .invoice-width {
  width: 750px;
}
.invoiceContainer .bold {
  font-weight: bold;
}
.invoiceContainer .red {
  color: red;
}
.invoiceContainer .small-font {
  font-size: 11px;
}
.invoiceContainer .background-white {
  background-color: white;
}
.invoiceContainer .nineFive {
  width: 95%;
}
.invoiceContainer .fourFive {
  width: 45%;
}
.invoiceContainer .section-container {
  border: 1px solid #ccc;
  margin-bottom: 20px;
}
.invoiceContainer .section-container ul {
  margin: 0;
  padding: 0;
  padding-left: 10px;
  margin-left: 25%;
}
.invoiceContainer .section-container ul li {
  list-style-type: none;
}
.invoiceContainer .section-container h2 {
  background: #000000 !important;
  padding: 3px;
  margin: 0;
  font-size: 15px;
  color: #FFFFFF;
  -webkit-print-color-adjust: exact;
}
.invoiceContainer .section-container .billingaddress-container {
  padding: 10px 15px;
}
.invoiceContainer .section-container .billingaddress-container h3 {
  font-weight: bold;
  font-size: 14px;
  width: 25%;
  float: left;
  margin: 0;
  text-align: right;
}
.invoiceContainer .section-container .AccountInfoContainer,
.invoiceContainer .section-container .BillingInfoContainer {
  display: inline-block;
  width: 95%;
}
.invoiceContainer .section-container .AccountInfo li {
  padding: 5px 0;
}
.invoiceContainer .section-container .AccountInfo li label {
  font-weight: bold;
}
.invoiceContainer .section-container .AccountInfo li span {
  padding-left: 10px;
}

.plusminus {
  position: absolute;
  top: -4px;
  right: -20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  width: 41px;
  height: 36px;
  background-color: white;
}
.plusminus .md-button {
  height: 50%;
  min-height: 0;
  width: 100%;
  margin: 0;
  min-width: 0;
  line-height: 1;
}
.plusminus .md-button[disabled] {
  background-color: #ddd;
  color: #999;
}
.plusminus .md-button:last-child {
  margin-top: 1px;
}

.cc-meta {
  margin-top: 15px;
  display: block;
}
@media (min-width: 45em) {
  .cc-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.cc-meta .cap-input-container:first-child {
  max-width: 100%;
  margin: 0;
  padding-top: 15px;
}
@media (min-width: 45em) {
  .cc-meta .cap-input-container:first-child {
    max-width: 40%;
  }
}
.cc-meta .cap-input-container:last-child {
  margin: 0;
}
@media (min-width: 45em) {
  .cc-meta .cap-input-container:last-child {
    margin-left: 20px;
    margin-top: 25px;
  }
}

.customize-pdf {
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transition: opacity 100ms, -webkit-transform 100ms;
  transition: opacity 100ms, -webkit-transform 100ms;
  transition: transform 100ms, opacity 100ms;
  transition: transform 100ms, opacity 100ms, -webkit-transform 100ms;
  height: 0;
  opacity: 0;
}
.customize-pdf.customizing {
  height: auto;
  opacity: 1;
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}

.custom-default .customize-pdf {
  height: auto;
  opacity: 1;
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}

.sitelist-icon-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.sitelist-icon {
  color: rgba(0, 0, 0, 0.55);
}

.metadata-value {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.too-many-sites {
  margin-top: 15px;
  width: 100%;
  font-style: italic;
  text-align: center;
}

.md-button.sidebarControl {
  position: absolute;
  z-index: 20;
  height: 52px;
  width: 32px;
  padding: 0;
  margin: 0;
  border: 1px solid #bbb !important;
  background-color: white;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: -webkit-transform 250ms ease-in-out;
  transition: -webkit-transform 250ms ease-in-out;
  transition: transform 250ms ease-in-out;
  transition: transform 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
  top: 125px;
  border-left: 1px solid #eee !important;
  border-radius: 0 4px 4px 0;
  right: 0;
}
.md-button.sidebarControl.ng-hide {
  -webkit-transition: none;
  transition: none;
}
.md-button.sidebarControl.minSideBar, .md-button.sidebarControl.minReportBar, .md-button.sidebarControl.minCitywideBar {
  left: 0;
  -webkit-transition: -webkit-transform 250ms ease-in-out;
  transition: -webkit-transform 250ms ease-in-out;
  transition: transform 250ms ease-in-out;
  transition: transform 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
}
.md-button.sidebarControl.minSideBar .material-icons, .md-button.sidebarControl.minReportBar .material-icons, .md-button.sidebarControl.minCitywideBar .material-icons {
  -webkit-transform: scale(2) rotate(180deg);
          transform: scale(2) rotate(180deg);
  -webkit-transition: -webkit-transform 250ms linear;
  transition: -webkit-transform 250ms linear;
  transition: transform 250ms linear;
  transition: transform 250ms linear, -webkit-transform 250ms linear;
}
@media (min-width: 388px) {
  .md-button.sidebarControl {
    left: 355px;
  }
}
@media (min-width: 420px) {
  .md-button.sidebarControl {
    top: 69px;
  }
}
@media (min-width: 1135px) {
  .md-button.sidebarControl {
    left: 33%;
  }
}
@media (min-width: 1272px) {
  .md-button.sidebarControl {
    left: 400px;
  }
}
.md-button.sidebarControl:focus, .md-button.sidebarControl:hover {
  background-color: #f8f8f8 !important;
}
.md-button.sidebarControl .material-icons {
  -webkit-transform: scale(2) rotate(0);
          transform: scale(2) rotate(0);
}

@media (min-width: 64em) {
  .sideNavExpanded .sidebarControl {
    left: 355px;
  }
}
@media (min-width: 1272px) {
  .sideNavExpanded .sidebarControl {
    left: 33%;
  }
}
@media (min-width: 1450px) {
  .sideNavExpanded .sidebarControl {
    left: 400px;
  }
}
@media (min-width: 33.75em) {
  .sideNavExpanded .sidebarControl.minSideBar, .sideNavExpanded .sidebarControl.minCitywideBar {
    -webkit-transition: -webkit-transform 200ms 50ms ease-out;
    transition: -webkit-transform 200ms 50ms ease-out;
    transition: transform 200ms 50ms ease-out;
    transition: transform 200ms 50ms ease-out, -webkit-transform 200ms 50ms ease-out;
    -webkit-transform: translateX(-140px);
            transform: translateX(-140px);
  }
}
@media (min-width: 80.1em) {
  .sideNavExpanded .sidebarControl.minSideBar, .sideNavExpanded .sidebarControl.minCitywideBar {
    -webkit-transform: translateX(-320px);
            transform: translateX(-320px);
    -webkit-transform: none;
            transform: none;
    left: 0;
  }
}

.sideBar-map {
  -webkit-transition: width 1ms linear, -webkit-transform 250ms ease-in-out;
  transition: width 1ms linear, -webkit-transform 250ms ease-in-out;
  transition: transform 250ms ease-in-out, width 1ms linear;
  transition: transform 250ms ease-in-out, width 1ms linear, -webkit-transform 250ms ease-in-out;
}
.sideBar-map.ng-hide {
  -webkit-transition: none !important;
  transition: none !important;
}
.sideBar-map.minSideBar {
  min-width: 0;
  width: 0;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: width 1ms 250ms linear, -webkit-transform 250ms ease-in-out;
  transition: width 1ms 250ms linear, -webkit-transform 250ms ease-in-out;
  transition: transform 250ms ease-in-out, width 1ms 250ms linear;
  transition: transform 250ms ease-in-out, width 1ms 250ms linear, -webkit-transform 250ms ease-in-out;
}
.sideBar-map ._md-button-wrap > .md-button:first-child {
  padding-left: 0.5em;
}
.sideBar-map .cap-header-xlarge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sideBar-map .cap-page-header .panel-title-icon {
  -ms-flex-negative: 0.2;
      flex-shrink: 0.2;
}

.sideBar {
  position: relative;
  max-width: 400px;
  width: 355px;
  background-color: white;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 3;
}
@media (min-width: 355px) {
  .sideBar {
    min-width: 355px;
  }
}
.sideBar md-select-value {
  border-bottom: none;
}
.sideBar md-content {
  background-color: white;
}
@media (min-width: 40em) {
  .sideBar {
    width: 33%;
  }
}
.sideBar .sitelist {
  overflow-y: auto;
  overflow-x: hidden;
}
.sideBar .sitelist .score {
  font-size: larger;
}
.sideBar .sitelist-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: solid 1px #f0f0f0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sideBar .sitelist-row .sitelist-icon {
  padding: 0;
  margin-right: 3%;
}
.sideBar .sitelist-row .siteName {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  /*overflow: hidden;
  text-overflow: ellipsis;*/
  line-height: 1.6;
}
.sideBar .sitelist-row .score {
  margin-left: 3%;
}
.sideBar .multiple-site-list-address {
  font-size: smaller;
  color: rgba(0, 0, 0, 0.55);
  padding-left: 15%;
  margin-top: -10px;
  padding-bottom: 5px;
}
.sideBar .panel-pdf {
  background-color: #eee;
  text-align: center;
  margin-top: 0;
  margin-bottom: 15px;
}
.sideBar .panel-pdf > * {
  margin: 0;
}
.sideBar .panel-pdf a {
  text-decoration: none;
  color: currentColor;
}
.sideBar .credit {
  position: absolute;
  bottom: 1em;
  right: 1rem;
  width: 12.5em;
  padding: 0.25em 0;
  background: url(../../../images/new/logo-short-black-cutout-1x.png) no-repeat;
  background-size: contain;
  background-position: right;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.sideBar .tierscore-bar .tier-count-label {
  top: -3em;
}

/*.site-header {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    margin-top: 1em;
    margin-left: 0.5em;
}*/
.sitename {
  font-size: 1.5em;
  margin: 0;
  -webkit-box-flex: 2;
      -ms-flex: 2 1 auto;
          flex: 2 1 auto;
  font-weight: 400;
  word-break: break-word;
}

.capscores-index .panel-group-title {
  padding: 10px;
  text-align: left;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  color: black;
  font-size: 1em;
  margin: 0;
  text-transform: none;
  white-space: normal;
  line-height: normal;
}
.capscores-index .panel-group-title sup {
  vertical-align: text-top;
}

.header-line {
  font-weight: 500;
  font-size: 1em;
  width: 125%;
}

.sub-line {
  display: block;
  line-height: 1.5;
  font-size: 0.85em;
  font-weight: normal;
}

.panel-group {
  margin-top: 25px;
}

.panel-card {
  margin-left: 0;
  margin-right: 0;
}
.panel-card .panel-wrapper:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.panel-wrapper {
  overflow: hidden;
  background: #eee;
  border-top: none;
}
.panel-wrapper.proxPanel .md-button {
  /*width: 100%;*/
  height: 70px;
}
.panel-wrapper.proxPanel .panel-header > div {
  margin: 24px 11px 5px 20px;
}
.panel-wrapper:last-of-type {
  border-bottom: none;
}

.panel-title-icon {
  width: 47px;
  height: 36px;
  margin-left: 5px;
}

.panel-content {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 500ms;
  transition: max-height 500ms;
}

.crimes-grid {
  padding: 15px;
}

.isOpen {
  background-color: white;
}

.panel-row-actions {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.panel-row-accent {
  width: 12%;
  max-width: 48px;
  min-width: 20px;
  padding: 0;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.panel-header {
  position: relative;
  background-color: #eee;
}
.panel-header button {
  padding: 0.5em 15px;
  margin: 0;
  border: 0;
  background: transparent;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border-radius: 0;
  text-transform: none;
  line-height: normal;
  font-weight: normal;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.panel-header button:first-child {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-right: 0;
  padding-right: 2%;
}
.panel-header .md-icon-button {
  border-radius: 3px;
  min-width: 60px;
  height: 72px;
  margin: 0;
}
.panel-header .md-icon-button md-icon {
  color: black;
}
.panel-header .methodologyButtonContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  font-size: medium;
}
.panel-header .methodologyButtonContent .cap-score {
  border: 1px solid rgba(255, 255, 255, 0.5);
  margin-right: 0;
}
.panel-header .cap-method {
  padding-left: 2%;
  /*color: black;*/
}

.cap-method {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: left;
  font-weight: 500;
}

.cap-score {
  display: inline-block;
  text-align: center;
  font-size: 1.5em;
  width: 3.3em;
  padding: 0.125em 0;
  border-radius: 1.5em;
  margin: 10px;
}

.site-tag {
  display: inline-block;
  font-weight: bold;
  background: #e0e0e0;
  padding: 0.375em 0.75em;
  margin: 0 0.35em 0.35em 0;
  border-radius: 1.5em;
}

.site-tag-example:focus {
  outline: 1px grey solid;
}

.site-classification {
  background-color: skyblue;
  display: inline-block;
  font-weight: bold;
  padding: 0.375em 0.75em;
  margin: 0 0.25em 0.35em 0;
  border-radius: 0.25em;
}

.site-classification-start {
  border-radius: 1.5em 0.25em 0.25em 1.5em;
}

.site-classification-end {
  border-radius: 0.25em 1.5em 1.5em 0.25em;
  margin: 0 0.35em 0.35em 0;
}

.site-classification-solo {
  border-radius: 1.5em;
  margin: 0 0.35em 0.35em 0;
}

.rptActions md-divider {
  height: 30px;
}

.prevRpts {
  padding: 7px;
}

.dashed-border {
  margin: 15px 15px 0 15px;
  border-top: 1px dashed #bbb;
}

.sideBar .boxwhiskers {
  display: none;
}

.sr-text {
  position: absolute;
  left: -999em;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  direction: ltr;
}

.site-address {
  padding: 0 10px 10px 10px;
}

.site-coordinates {
  color: rgba(0, 0, 0, 0.55);
  font-style: italic;
  margin-top: 5px;
}

.no-content p {
  padding: 15px;
  margin-top: 10px;
  margin-bottom: 0 !important;
  background-color: #eee;
}
.no-content .md-button {
  margin: 15px 15px;
  width: calc(100% - 30px);
}

.no-tags {
  font-style: italic;
  font-size: 0.9em;
  color: dimgrey;
}

.map-summary {
  padding: 15px;
}
.map-summary .map-count {
  margin-bottom: 0.5em;
}
.map-summary .map-avg {
  padding-top: 10px;
}

.tier-btn {
  color: #767676;
  height: 15px;
  margin-left: -6px;
  font-weight: 400;
}
.tier-btn:hover, .tier-btn:focus {
  color: #333;
}

.sitesortWrapper {
  margin-top: 5px;
  padding: 10px 13px;
  background-color: #eee;
}
.sitesortWrapper md-select {
  margin: 0;
}

.site-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.site-meta > :first-child {
  text-align: left;
  padding-left: 2px;
  min-width: 4.5em;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
.site-meta .site-meta-label {
  font-size: 0.75em;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.55);
}
.site-meta .site-meta-notes {
  font-size: 0.95em;
  margin-top: -2px;
}
.site-meta .site-meta-tags-label {
  margin-top: 7px;
}

.cap-dialog-feedback {
  width: 80vw;
  max-width: 800px;
  min-width: 320px;
  /*.cap-feedback {
      padding: 0.25em 0.5em;
      border: 1px solid $color-borders !important;
  }*/
}
.cap-dialog-feedback .md-toolbar-tools {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.cap-dialog-feedback .cap-dialog-body {
  padding: 0 15px 15px;
}
.cap-dialog-feedback .cap-input-container {
  padding: 15px;
  margin-top: 0;
}
.cap-dialog-feedback .cap-input-container .cap-input-label {
  padding-left: 15px;
}
.cap-dialog-feedback .cap-description {
  padding-left: 15px;
}

.feedback_actions {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.feedback_actions .md-button:first-child {
  width: 20%;
}
.feedback_actions .md-button:last-child {
  min-width: 175px;
  width: 33%;
}

.site-detail {
  display: block;
  background-color: white;
  height: calc(100vh - 70px);
  width: 100%;
}
.site-detail .show-mobile {
  display: block;
}
@media (min-width: 45.625em) {
  .site-detail .show-mobile {
    display: none;
  }
}
@media (min-width: 5em) {
  .site-detail .cap-table-header-row-demographics {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1em 12px 1em 0.5em;
    background: white;
  }
}
.site-detail .crimeRateChartContainer {
  height: 100%;
  width: 100%;
  min-height: 500px;
  max-height: 600px;
}
@media (min-width: 64em) {
  .site-detail .crimeRateChartContainer {
    max-height: 1000px;
  }
}
.site-detail .crcf-tooltip {
  -webkit-transition: all ease-out 250ms;
  transition: all ease-out 250ms;
  padding: 5px;
  height: auto;
  position: absolute;
  font-size: 0.95em;
  min-width: 200px;
  max-width: 200px;
}
.site-detail .crcf-tooltip .crcf-tooltip-inner {
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 0 10px 10px 10px;
  color: white;
}
.site-detail .crcf-tooltip .crcf-tooltip-inner div {
  padding-top: 8px;
}
.site-detail .site-detail-container {
  position: relative;
  height: 100%;
  width: 100%;
  overflow-y: scroll;
}
@media (min-width: 45.625em) {
  .site-detail .site-detail-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
}
@media (min-width: 64em) {
  .site-detail .site-detail-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.site-detail .site-detail-container .cap-page-buttons {
  position: absolute;
  top: 0;
  right: 1em;
  z-index: 0;
}
@media (min-width: 45.625em) {
  .site-detail .site-detail-container .cap-page-buttons {
    top: 1em;
  }
}
.site-detail .site-detail-container .cap-page-buttons .md-button {
  position: relative;
}
.site-detail .site-detail-container .cap-page-buttons .close-panel-btn {
  position: relative;
  top: 0;
  right: 0;
}
.site-detail .rpt-created {
  padding: 0 15px;
  font-weight: 500;
  font-size: 0.9em;
}
.site-detail .rpt-created p {
  margin: 0 0 0.25em;
}
.site-detail .rpt-created span {
  display: inline-block;
  width: 7.5em;
  font-weight: normal;
}
.site-detail sites-histogram {
  border: 0;
  background-color: #eee;
  margin: 15px 0px 0px 0px;
  padding: 10px 15px 10px 15px;
}
.site-detail .tier-count-label {
  top: -3em;
  /*left: 0;*/
  /*transform: none;*/
}
.site-detail .boxwhiskers {
  display: none;
}
.site-detail .cap-flex-child {
  position: relative;
  width: 100%;
  /*margin-top: 1.75em;*/
  background-color: white;
}
@media (min-width: 45.625em) {
  .site-detail .cap-flex-child > * {
    margin-bottom: 0.7rem;
  }
}
@media (min-width: 45.625em) {
  .site-detail .cap-flex-child {
    margin-top: 1.75em;
    margin-right: 1em;
    width: auto;
  }
}
.site-detail .cap-flex-child:first-of-type {
  margin-top: 3em;
}
@media (min-width: 45.625em) {
  .site-detail .cap-flex-child:first-of-type {
    min-width: 355px;
    max-width: 40%;
    width: 400px;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    margin-top: 2em;
  }
}
@media (min-width: 64em) {
  .site-detail .cap-flex-child:first-of-type {
    max-width: 400px;
  }
}
.site-detail .cap-flex-child:nth-of-type(2) {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-top: 1rem;
  /*margin-left: 1em;*/
}
@media (min-width: 45.625em) {
  .site-detail .cap-flex-child:nth-of-type(2) {
    margin-top: 61px;
    min-width: 380px;
    border-top: 1px solid #ddd;
    margin-left: 0;
  }
}
@media (min-width: 64em) {
  .site-detail .cap-flex-child:nth-of-type(2) {
    max-width: 40%;
  }
}
.site-detail .cap-flex-child.cap-prox-data {
  max-width: 90%;
}
.site-detail .cap-flex-child:last-of-type {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-top: 1rem;
  margin-top: 0;
}
@media (min-width: 45.625em) {
  .site-detail .cap-flex-child:last-of-type {
    width: 100%;
    margin-left: 1em;
  }
}
@media (min-width: 64em) {
  .site-detail .cap-flex-child:last-of-type {
    border-top: 1px solid #ddd;
    margin-top: 61px;
    margin-left: 0;
    min-width: 235px;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
            flex: 1 0 0;
  }
}
.site-detail .cap-flex-child.cap-survey {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-top: 1rem;
}
@media (min-width: 45.625em) {
  .site-detail .cap-flex-child.cap-survey {
    width: 100%;
    margin-top: 1.75em;
  }
}
@media (min-width: 64em) {
  .site-detail .cap-flex-child.cap-survey {
    max-width: calc(100% - 435px);
    margin-top: 61px;
  }
}
@media (min-width: 124em) {
  .site-detail .cap-flex-child.cap-survey {
    max-width: calc(100% - 435px);
    margin-top: 61px;
  }
}
@media (min-width: 45.625em) {
  .site-detail .cap-flex-child.cap-ukpolice {
    margin-top: 61px;
  }
}
.site-detail .cap-flex-child .surveyContainer {
  height: 50em;
}
@media (min-width: 64em) {
  .site-detail .cap-flex-child .surveyContainer {
    height: calc(100% - 1em);
  }
}
.site-detail .cap-flex-child .surveyContainer iframe {
  width: 100%;
  height: 100%;
}
.site-detail .prox {
  max-width: 100% !important;
}
.site-detail .close-panel-btn {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  z-index: 1;
}
@media (min-width: 45.625em) {
  .site-detail .close-panel-btn {
    top: 1rem;
    right: 1rem;
  }
}
.site-detail .site-editable {
  padding: 0 15px;
}
.site-detail .site-editable > * {
  margin-top: 2em;
  padding: 0;
}
.site-detail .site-editable .cap-icon-button-small {
  -webkit-transform: translate(40px, -17px);
          transform: translate(40px, -17px);
}
.site-detail .site-editable .site-address {
  margin: -15px 0 0 4px;
}
.site-detail .detail-sitename {
  display: block;
  width: 90%;
  margin: 0 0 0 -3px;
}
.site-detail .sitename {
  font-weight: 400;
  font-size: x-large;
  border-color: #ddd;
}
@media (min-width: 45.625em) {
  .site-detail .sitename {
    width: 350%;
    max-height: 30px;
    max-width: calc(100vw - 280px);
  }
}
.site-detail .site-county {
  font-style: italic;
  color: rgba(0, 0, 0, 0.55);
  margin: 0;
  text-align: left;
  width: 100%;
}
.site-detail .site-readonly {
  padding: 0 10px;
}
.site-detail .site-readonly > * {
  margin-top: 1em;
  padding: 0 6px;
}
.site-detail .site-readonly .site-address {
  margin: -8px 0 18px 8px;
  padding: 0px;
}
.site-detail .cap-report-switcher {
  padding: 0 10px 0 15px;
  background-color: #eee;
}
.site-detail .cap-report-switcher .cap-yr-selector {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.site-detail .cap-report-switcher md-select {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 8px;
}
.site-detail .cap-report-switcher [for=sort-sites] {
  display: inline-block;
  width: 11em;
}
.site-detail .release-year {
  display: inline-block;
  background: white;
  padding: 0.25em 0.5em;
  margin: 15px;
}
.site-detail .release-year:not([disabled]) {
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
          box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}
.site-detail .cap-sitescore {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 15px;
}
.site-detail .cap-sitescore h2 {
  margin: 0;
}
.site-detail .cap-sitescore h2 span {
  display: block;
  font-size: 0.75em;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.55);
}
.site-detail .cap-sitescore .cap-score {
  min-width: 3.75em;
  margin: 0 0 0 10px;
}
.site-detail .locationCount {
  margin: 0;
}
.site-detail .crimes-grid {
  padding: 15px 1%;
}
.site-detail .score-header {
  font-size: smaller;
}
.site-detail .score-header > div {
  font-weight: bold;
  text-align: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  line-height: 1.5;
  padding-bottom: 0.5em;
}
.site-detail .score-header > div span {
  display: block;
  font-weight: normal;
}
.site-detail .score-header .score-label {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.site-detail .score-box {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.site-detail .score-box .score-label {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.site-detail .score-box .score-label-crcf {
  margin-right: 20px;
}
.site-detail .score-box .score-label-crcf.score-label-header {
  padding-top: 8%;
  font-weight: bold;
}
.site-detail .score-box .score {
  width: 90%;
  padding: 0 3.5%;
}
.site-detail .score-period {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.site-detail .site-detail-map-container {
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.site-detail .map-style-tabs {
  margin-bottom: 5px;
}
.site-detail .cap-radius {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
}
.site-detail .cap-radius p {
  margin: 0 auto;
  text-align: center;
  width: 50%;
}
.site-detail .cap-details-map-container .md-button {
  margin: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.site-detail .map-color-key {
  position: relative;
  right: auto;
  bottom: auto;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-bottom: 1px solid #ccc;
  border-radius: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
}
.site-detail .map-color-key .map-tier-key {
  min-width: 100px;
  margin-right: 1em;
  margin-bottom: 0.5em;
}
.site-detail .map-color-key .map-tier-key:last-child {
  margin-right: 0;
}
.site-detail .map-color-key .map-tier-key .range-numbers {
  margin-left: 0;
  font-weight: normal;
}
.site-detail .map-color-key .map-tier-key .cap-legend-circle {
  display: inline-block;
}
.site-detail .map-color-key.map-5colors .map-tier-key {
  min-width: 40px;
  text-align: center;
}
.site-detail .map-color-key.map-5colors .cap-legend-circle {
  margin: 2.7px 0;
  width: auto;
  /* width: 100%; 
  border-radius: 3px;*/
}
.site-detail .panel-pdf {
  background-color: #eee;
  text-align: center;
  margin-left: 10px;
}
.site-detail .panel-pdf a {
  text-decoration: none;
  color: currentColor;
}
.site-detail .panel-pdf > * {
  margin-left: 0;
}
.site-detail .panel-pdf > :last-child {
  margin-right: 0;
}
.site-detail .map-spinner {
  position: relative;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.site-detail .map-spinner-text {
  position: relative;
  top: calc(50% - 40px);
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  font-size: larger;
}
.site-detail .poi-data {
  margin-left: 1rem;
}
@media (min-width: 45.625em) {
  .site-detail .poi-data {
    margin-left: 0;
  }
}
.site-detail .poi-data .cap-table-header-row {
  margin-top: 1em;
  padding: 1em 0 0.5em;
  background-color: #eee;
}
.site-detail .poi-data .cap-table-header {
  text-align: center;
}
.site-detail .poi-data .cap-table-header:first-child {
  width: 25%;
}
.site-detail .poi-data .cap-table-header:nth-child(2) {
  width: 20%;
}
.site-detail .poi-data .sitelist-cell:first-child {
  width: 40px;
  margin: 0px;
  padding: 0px 4px 0px 4px;
}
.site-detail .poi-data .sitelist-cell:first-child img {
  height: 100%;
  width: 100%;
}
.site-detail .poi-data .sitelist-cell:nth-child(2) {
  width: 20%;
}
.site-detail .poi-data .sitelist-cell2:first-child {
  width: 40px;
  margin: 0px;
  padding: 0px 4px 0px 4px;
}
.site-detail .poi-data .sitelist-cell2:first-child img {
  height: 100%;
  width: 100%;
}
.site-detail .poi-data .sitelist-cell2:nth-child(2) {
  width: 20%;
}
.site-detail .poi-data .sitelist-rowcolor2 :nth-child(2) {
  background-color: white !important;
  background-size: 100%;
}
.site-detail .poi-data-old {
  margin-left: 1rem;
}
@media (min-width: 45.625em) {
  .site-detail .poi-data-old {
    margin-left: 0;
  }
}
.site-detail .poi-data-old .cap-table-header-row {
  margin-top: 1em;
  padding: 1em 0 0.5em;
  background-color: #eee;
}
.site-detail .poi-data-old .cap-table-header {
  padding-left: 0.5em;
}
.site-detail .poi-data-old .cap-table-header:first-child {
  width: 25%;
}
.site-detail .poi-data-old .cap-table-header:nth-child(2) {
  width: 30%;
}
.site-detail .poi-data-old .cap-table-header:nth-child(3) {
  width: 25%;
}
.site-detail .poi-data-old .cap-table-header:nth-child(4) {
  width: 25%;
}
.site-detail .poi-data-old .sitelist-cell:first-child {
  width: 35px;
  margin: 0px;
  padding: 0px 4px 0px 4px;
}
.site-detail .poi-data-old .sitelist-cell:first-child img {
  height: 100%;
  width: 100%;
}
.site-detail .poi-data-old .sitelist-cell:nth-child(2) {
  width: 20%;
}
.site-detail .poi-data-old .sitelist-cell:nth-child(3) {
  width: 25%;
}
.site-detail .poi-data-old .sitelist-cell:nth-child(4) {
  width: 25%;
}
.site-detail .animate-open-close {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.site-detail .hover-dark:hover {
  background-color: #ddd;
}

.num-align-center {
  text-align: center;
}

@media (min-width: 64em) {
  .sideNavExpanded .site-detail .site-detail-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
}
@media (min-width: 1260px) {
  .sideNavExpanded .site-detail .site-detail-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
  }
}
@media (min-width: 80.1em) {
  .sideNavExpanded .site-detail .sitename {
    max-width: calc(100vw - 480px);
  }
}
@media (min-width: 64em) {
  .sideNavExpanded .site-detail .cap-flex-child:nth-of-type(2) {
    max-width: none;
  }
}
@media (min-width: 1260px) {
  .sideNavExpanded .site-detail .cap-flex-child:nth-of-type(2) {
    max-width: 40%;
  }
}
@media (min-width: 64em) {
  .sideNavExpanded .site-detail .cap-flex-child:last-of-type {
    max-width: none;
  }
}
@media (min-width: 1260px) {
  .sideNavExpanded .site-detail .cap-flex-child:last-of-type {
    max-width: 35%;
  }
}
@media (min-width: 45.625em) {
  .sideNavExpanded .site-detail .cap-flex-child.cap-survey {
    max-width: 100%;
  }
}
@media (min-width: 64em) {
  .sideNavExpanded .site-detail .cap-flex-child.cap-survey {
    max-width: calc(100% - 435px);
  }
}
@media (min-width: 1260px) {
  .sideNavExpanded .site-detail .cap-flex-child.cap-survey {
    max-width: calc(100% - 435px);
  }
}
@media (min-width: 1850px) {
  .sideNavExpanded .site-detail .cap-flex-child.cap-survey {
    max-width: calc(100% - 435px);
  }
}
@media (min-width: 124em) {
  .sideNavExpanded .site-detail .cap-flex-child.cap-survey {
    max-width: calc(100% - 435px);
  }
}

.cap-notice {
  font-style: italic;
}
.cap-notice span {
  display: block;
  padding-top: 1rem;
  text-align: center;
}

.scorecard-message {
  padding: 0 15px;
  font-style: italic;
  /*text-align: center;*/
}

.panel-pdf-header {
  background-color: #c8c8c8;
  padding: 5px;
  text-align: center;
  margin-bottom: 3px !important;
  text-transform: uppercase;
  font-weight: 500;
  font-size: smaller;
  color: black;
}

.proximity-heading {
  border: 1px solid #ddd;
  padding: 8px;
  margin: 0 0 10px;
  width: 100%;
  font-size: larger;
  font-weight: normal;
  text-align: center;
}

.prox-disclaimer {
  margin: 1em 4% 0;
}
.prox-disclaimer small {
  display: block;
  margin-top: 0.75em;
}
.prox-disclaimer small:last-child {
  font-style: italic;
}

.metadata-selector-button {
  width: 33%;
  min-width: 140px;
  height: 70px;
  margin: 0;
}
@media (min-width: 45.625em) {
  .metadata-selector-button {
    width: 100%;
  }
}

.cap-meta-panels {
  background-color: white !important;
  /*//border-bottom: 1px solid $color-borders !important;
  border-radius: 3px;
  border: 2px solid lightblue;
  border-bottom: 3px solid lightblue;*/
  margin-top: 10px;
}
.cap-meta-panels .panel-title {
  padding: 7px 7px 7px 12px;
  background-color: #ddddff;
  color: #333355;
  font-weight: bold;
  border-top-right-radius: 3px;
}
.cap-meta-panels .panel-header {
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: 0;
  width: 100%;
}
.cap-meta-panels .metadata-selector-button {
  padding: 0.5em;
}
@media (min-width: 45.625em) {
  .cap-meta-panels {
    display: block;
  }
}

.cap-description .cap-help {
  white-space: nowrap;
  display: inline-block;
}
.cap-description .cap-help:after {
  content: "?";
  display: inline-block;
  border-radius: 50%;
  /* height: 1.125em; */
  width: 1em;
  padding: 1px 1px 1px 1px;
  text-decoration: none;
  vertical-align: text-top;
  text-align: center;
  line-height: 1;
  margin-left: 0.25em;
  color: white;
  background: #666;
  font-size: 1.2em;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
}
.cap-description .cap-help:hover:after {
  background: #444;
}

.no-poi-data {
  padding: 1em 1em 1em 1em;
  font-size: 1.2em;
  background-color: #eee;
  border-radius: 4px;
  text-align: center;
  font-weight: bold;
}

.no-poi-data-note {
  padding: inherit;
  font-size: 0.9em;
  text-align: center;
  font-weight: normal;
  font-style: italic;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 10;
}

.site-map:hover .overlay {
  opacity: 1;
}

.zoom-on-map {
  min-width: 50px !important;
}
.zoom-on-map md-icon {
  margin: 10px 5px 10px 5px !important;
}
@media (min-width: 64em) {
  .zoom-on-map {
    min-width: 60px !important;
  }
  .zoom-on-map md-icon {
    margin: 10px !important;
  }
}

.sites-histogram {
  display: block;
  margin: 15px;
  padding-top: 0.5em;
  border-top: 1px dashed #ddd;
  position: relative;
  /*background-color: $color-ltneutral;*/
}
.sites-histogram .tierscores {
  display: inline-block;
  width: 40px;
  text-align: center;
  min-height: 1px !important;
  vertical-align: bottom;
}
.sites-histogram .tierscore-bar {
  position: relative;
  margin: 0;
}
.sites-histogram .tierscore-bar-max {
  position: absolute;
  right: 0;
  text-align: right;
}
.sites-histogram .score {
  display: inline-block;
  padding: 0 0.25em;
  letter-spacing: 0.05em;
  margin: 0 15px -5px 10px;
}
.sites-histogram .stat-holder {
  margin-top: 0.5em;
}
.sites-histogram .box-whiskers .score {
  padding: 0 0.5vw;
}
.sites-histogram .tier-count-label {
  /*transform: none;*/
  left: 0;
  text-align: left;
  font-size: small;
}

.comparison-header {
  display: block;
  font-size: 1.17em;
  font-weight: bold;
  margin: 0;
}

.comparison-question {
  color: #919191;
  font-weight: bold;
  font-size: 22px;
  position: absolute;
  right: 15px;
  top: 10px;
  /*padding-right: 60px;*/
}

.locationCount {
  margin: 0;
}

.scorecard-wrapper-histogram {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 1em 0;
}

/*.scorecard-wrapper-dashboard {
    align-items: center;
    margin: 0 0 1em 0;
}*/
.lcount {
  font-size: 1.75em;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 3em;
}

.lcount-label {
  font-size: 0.7em;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 3em;
}

.tier-count {
  width: 100%;
  font-size: 16px;
  text-align: center;
  font-weight: bold;
  display: block;
  padding: 2px 0 1px 0;
}
.tier-count span {
  /*font-size: small;*/
  /*font-style: italic;*/
}

.tier-bar {
  font-size: 0.8125em;
  clear: both;
  position: relative;
  width: 100%;
}
.tier-bar .tierscore-bar {
  border-radius: 0;
}

.tier-bar-header {
  height: 22px;
}

.sitepos, .sites-avg, .distro-stats > * {
  -webkit-transition: left 350ms;
  transition: left 350ms;
}

.sitepos {
  position: absolute;
  /*top: 50%;*/
  left: 0;
  z-index: 3;
  /*transform: translate(-50%, -50%);*/
  /*    height: 22px;
  width: 22px;*/
  /*font-size:26px;*/
  /*font-weight:bold;*/
  /*border-radius: 50%;*/
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /*background-color: white;*/
  /*border: 2px solid black;*/
}
.sitepos .material-icons {
  position: relative;
  top: -18px;
}
.sitepos .scorecard-label {
  position: relative;
  top: 40px;
}
.sitepos:before, .sitepos:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  /*border: 1px solid white;*/
  /*border-radius: 50%;*/
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.sitepos:before {
  height: 100%;
  width: 100%;
}
.sitepos:after {
  top: -3px;
  left: -3px;
  height: calc(100% + 6px);
  width: calc(100% + 6px);
}
.sitepos .scorecard-label,
.sitepos .score {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.sitepos .scorecard-label {
  width: 250%;
}

.sites-range {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 1%;
  height: 6px;
  width: 1%;
  /*    background: black;
  box-shadow: 1px 1px 0 rgba(255,255,255,0.5);*/
  z-index: 2;
}
.sites-range:before, .sites-range:after {
  content: "";
  width: 4px;
  height: 16px;
  background: black;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: -5px;
}
.sites-range:after {
  right: 0;
}

.sites-min,
.sites-avg,
.sites-max {
  position: absolute;
  left: 0;
  top: 20px;
  text-align: center;
}

.sites-min {
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.sites-max {
  right: 0;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
}

.sites-avg {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 3;
  width: 4px;
  height: 16px;
  background: black;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.avgMinMax .sites-med {
  /*top: 0;*/
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 2;
  content: "";
  width: 4px;
  height: 16px;
  background: black;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: 0px;
  display: block;
}

.rotateCCW {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

.rotateCW {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.scorecard-label {
  text-align: center;
  font-weight: bold;
}

.scorecard-label-marker {
  border-left: 1px solid;
  z-index: 999999;
}

.scorecard-label-marker-max {
  border-right: 1px solid;
  position: absolute;
  right: 1px;
}

.score-interval {
  margin-left: -2px;
}

.site-overview {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-bottom: 4em;
  height: auto;
  min-height: 100%;
}

.distro-stats {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 25px;
  /*width: 130px;
  width: auto;*/
  height: 34px;
  z-index: 2;
}
.distro-stats > * {
  display: inline-block;
  text-align: center;
}
.distro-stats.dispersed {
  width: 100%;
  -webkit-transform: none;
          transform: none;
}
.distro-stats.dispersed > * {
  position: absolute;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.box-whiskers .sites-histogram .score {
  padding: 0 0.5vw;
}

.chart-label {
  position: absolute;
  top: 50px;
  text-align: center;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.collapsible {
  cursor: pointer;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.histogramContent {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.2s ease-out;
  transition: max-height 0.2s ease-out;
  padding: 1px;
}

.dynamic-label-placement.on-line {
  -webkit-transform: translate(0, 37px) !important;
          transform: translate(0, 37px) !important;
}

.autocomplete-tag-control {
  margin: 0;
  width: 100%;
  /*    md-autocomplete-wrap md-input-container {
      margin:0px;
      padding:0px;
  }

  md-autocomplete-wrap md-input-container label {
      font-weight: bold;
      color: $min-gray;
  }*/
}
.autocomplete-tag-control md-autocomplete-wrap {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.autocomplete-tag-control input {
  min-width: 100%;
}

.autocomplete-tag-control-inline {
  margin: 0;
  display: inline-block;
  float: none;
  width: auto;
  background-color: transparent;
  -webkit-transform: translate(0px, 20px);
          transform: translate(0px, 20px);
  min-width: 200px;
}
.autocomplete-tag-control-inline md-autocomplete-wrap {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.autocomplete-tag-control-inline input {
  background-color: transparent;
}

.chips-control {
  margin: 0 0 10px 0;
}

.line-height-20 {
  line-height: 20px;
}

.user-widget .user-widget-button {
  margin-left: 0;
  padding-left: 0;
}
@media (min-width: 600px) {
  .user-widget .user-widget-button {
    margin-left: 8px;
    padding-left: 6px;
  }
}

.logout-button {
  border-top: 1px solid #ddd;
}

.notification-lbl {
  margin-top: 10px;
  padding: 5px;
  font-size: 0.9em;
  width: calc(100% - 10px);
  color: white;
  background-color: rgba(0, 0, 0, 0.55);
}

.notification-bubble {
  font-size: 0.9em;
  background-color: red;
  color: white;
  min-height: 11px;
  min-width: 11px;
  border-radius: 20px;
  line-height: 11px;
  padding: 2px;
  display: inline-block;
  -webkit-transform: translate(0, -10px);
          transform: translate(0, -10px);
  margin-left: -2px;
}

.user-menu {
  max-height: 100%;
}

.notification-unclicked {
  font-weight: 500 !important;
}

.notification-items md-progress-circular {
  left: 1.2em;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.hidden-animate {
  max-height: 0px;
  -webkit-transition: max-height 0.2s linear;
  transition: max-height 0.2s linear;
  overflow: hidden;
}

.hidden-animate.open {
  max-height: 900px;
  -webkit-transition: max-height 0.2s linear;
  transition: max-height 0.2s linear;
  overflow: hidden;
}

.hidden-animate-s {
  max-height: 0px;
  -webkit-transition: max-height 0.4s linear;
  transition: max-height 0.4s linear;
  overflow: hidden;
}

.hidden-animate-s.open {
  max-height: 500px;
  -webkit-transition: max-height 0.4s linear;
  transition: max-height 0.4s linear;
  overflow: visible;
}

.map-pointer .maplibregl-canvas-container {
  cursor: default;
}

.available {
  color: #FFCC00;
  background-color: #555;
  padding: 1px 4px 1px 4px;
  border-radius: 4px;
}

.disableTab {
  pointer-events: none;
  opacity: 0.5;
}

.highlight-focus:focus {
  background-color: #eee;
}

.cap-help-icon-button-small {
  padding: 0 !important;
  margin: 0 0 -7px 0 !important;
  min-height: 28px !important;
  min-width: 28px !important;
  max-height: 28px !important;
  max-width: 28px !important;
  -webkit-transform: translate(0, -3px);
          transform: translate(0, -3px);
  line-height: 1.5em;
}
.cap-help-icon-button-small:focus {
  outline: solid;
  outline-color: silver;
  outline-width: 2px;
}
.cap-help-icon-button-small .material-icons {
  font-size: 21px !important;
  color: #999;
  line-height: 28px;
}

.cap-help-icon-button-medium-small {
  padding: 0 !important;
  margin: 0 0 -7px 0 !important;
  min-height: 22px !important;
  min-width: 22px !important;
  max-height: 22px !important;
  max-width: 22px !important;
  line-height: 1.7em;
}
.cap-help-icon-button-medium-small:focus {
  outline: solid;
  outline-color: silver;
  outline-width: 2px;
}
.cap-help-icon-button-medium-small .material-icons {
  font-size: 18px !important;
  color: #999;
  line-height: 28px;
  -webkit-transform: translate(-1px, -3px);
          transform: translate(-1px, -3px);
}

.cap-help-icon-button-smaller {
  padding: 0 !important;
  margin: 0 0 -7px 0 !important;
  min-height: 21px !important;
  min-width: 21px !important;
  max-height: 21px !important;
  max-width: 21px !important;
  line-height: 1.5em;
}
.cap-help-icon-button-smaller:focus {
  outline: solid;
  outline-color: silver;
  outline-width: 2px;
}
.cap-help-icon-button-smaller .material-icons {
  font-size: 17px !important;
  color: #999;
  line-height: 28px;
  -webkit-transform: translate(-1px, -3px);
          transform: translate(-1px, -3px);
}

.bold-placeholder .md-select-placeholder {
  font-weight: bold;
  color: rgba(0, 0, 0, 0.55) !important;
}

.backdateChartDialog table {
  border-color: silver;
  margin: 5px;
  width: calc(100% - 15px);
}
.backdateChartDialog table tr th {
  padding: 5px;
}
.backdateChartDialog table tr td {
  padding: 5px;
}

.create-batch-new md-tabs-canvas {
  display: none !important;
}
.create-batch-new .add-on-inner-container {
  padding: 5px;
  background-color: white;
  margin: 10px;
  min-height: 340px;
  position: relative;
}
.create-batch-new .data-item {
  padding: 7px 0px 9px 25px;
}
.create-batch-new .data-item-bold {
  padding: 7px 0px 9px 25px;
  font-weight: bold;
}
.create-batch-new .top-badge {
  top: 8px;
  color: #FFCC00;
  font-size: 1.25em;
  font-weight: bold;
  position: absolute;
  background-color: #555;
  padding: 1px 6px 1px 6px;
  border-radius: 4px;
  white-space: nowrap;
}
.create-batch-new .product-column {
  padding-right: 10px;
}
.create-batch-new .product-column-inner {
  background-color: white;
}
.create-batch-new .header-column {
  margin-right: 10px;
  padding-top: 42px;
  width: 285px;
  min-width: 280px;
}
.create-batch-new .header-column-top-section {
  padding-left: 10px;
  min-height: 325px;
}
.create-batch-new .header-column-top-section.mobile {
  min-height: 220px !important;
}
.create-batch-new .product-disabled {
  color: grey;
  z-index: 100;
  opacity: 40%;
}
.create-batch-new .bottom-section {
  padding: 15px 5px 5px 5px;
}
.create-batch-new .product-header {
  min-height: 320px;
  position: relative;
}
.create-batch-new .product-header.mobile {
  min-height: 215px !important;
}
.create-batch-new .row-header {
  padding: 7px 0 7px 10px;
}
.create-batch-new .product-header-top-section {
  padding: 15px 20px 2px 20px;
}
.create-batch-new .product-title {
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 5px;
}
.create-batch-new .md-raised:hover {
  -webkit-filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.45));
          filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.45));
  -webkit-transition: -webkit-filter 0.1s linear;
  transition: -webkit-filter 0.1s linear;
  transition: filter 0.1s linear;
  transition: filter 0.1s linear, -webkit-filter 0.1s linear;
}
.create-batch-new .layerSelector:hover {
  -webkit-filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.45));
          filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.45));
  -webkit-transition: -webkit-filter 0.1s linear;
  transition: -webkit-filter 0.1s linear;
  transition: filter 0.1s linear;
  transition: filter 0.1s linear, -webkit-filter 0.1s linear;
}
.create-batch-new button {
  -webkit-transition: -webkit-filter 0.1s linear;
  transition: -webkit-filter 0.1s linear;
  transition: filter 0.1s linear;
  transition: filter 0.1s linear, -webkit-filter 0.1s linear;
}
.create-batch-new md-tabs-wrapper {
  display: none;
}
.create-batch-new md-tabs-content-wrapper {
  top: 0px;
}
.create-batch-new .hilighted {
  background-color: #EEC94F;
}
.create-batch-new .hilighted-border {
  border: 3px #EEC94F solid;
}
.create-batch-new .hilighted-container {
  margin: -3px -3px -3px -3px;
}
.create-batch-new .hilighted-credits {
  background-color: #EEC94F;
  padding: 3px;
}
.create-batch-new #batch-step-1 {
  overflow-y: auto;
  overflow-x: hidden;
}
.create-batch-new .batch-step-0-inner {
  max-width: 1280px;
  max-height: 687px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow-y: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5px;
  position: relative;
}
.create-batch-new .batch-step-0-inner.mobile {
  height: calc(100vh - 210px);
}
.create-batch-new .batch-step-0-inner:not(.mobile) {
  height: calc(100vh - 220px);
}
@media (min-width: 635px) {
  .create-batch-new .batch-step-0-inner.mobile {
    height: calc(100vh - 120px);
  }
  .create-batch-new .batch-step-0-inner:not(.mobile) {
    height: calc(100vh - 220px);
  }
}
.create-batch-new .animate-height {
  -webkit-transition-property: height, max-height, min-height;
  transition-property: height, max-height, min-height;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
}
.create-batch-new .address-form {
  min-width: 295px !important;
  max-width: 440px;
  background-color: white;
  padding: 5px 10px 10px 10px;
  margin-top: 5px;
  border-radius: 3px;
  overflow-y: auto;
  max-height: 665px !important;
  -ms-overflow-style: auto;
  /* for Internet Explorer, Edge */
  scrollbar-width: auto;
  /* for Firefox */
  overflow-y: auto;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
@media (min-width: 635px) {
  .create-batch-new .address-form {
    height: calc(100% - 20px);
  }
}
.create-batch-new .address-form::-webkit-scrollbar {
  display: normal;
  /* for Chrome, Safari, and Opera */
}
.create-batch-new .map-form {
  max-height: 680px !important;
  min-width: 280px;
  min-height: 400px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: -10px;
  margin-top: 5px;
}
@media (min-width: 635px) {
  .create-batch-new .map-form {
    min-height: unset;
    margin-left: 0;
    margin-top: 0;
  }
}

.create-batch-sitelist-dialog .md-raised:hover {
  -webkit-filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.45));
          filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.45));
  -webkit-transition: -webkit-filter 0.1s linear;
  transition: -webkit-filter 0.1s linear;
  transition: filter 0.1s linear;
  transition: filter 0.1s linear, -webkit-filter 0.1s linear;
}
.create-batch-sitelist-dialog button {
  -webkit-transition: -webkit-filter 0.1s linear;
  transition: -webkit-filter 0.1s linear;
  transition: filter 0.1s linear;
  transition: filter 0.1s linear, -webkit-filter 0.1s linear;
}
.create-batch-sitelist-dialog .sitelist-batch {
  overflow-y: auto;
  overflow-x: hidden;
}
.create-batch-sitelist-dialog .sitelist-batch .score {
  font-size: larger;
}
.create-batch-sitelist-dialog .sitelist-batch .sitelist-cell-batch {
  padding: 0.5rem;
  font-size: medium;
  overflow: hidden;
  text-overflow: ellipsis;
}
.create-batch-sitelist-dialog .sitelist-batch .sitelist-cell-batch .md-button {
  margin-left: 2px;
}
.create-batch-sitelist-dialog .sitelist-batch .sitelist-cell-batch .md-button .material-icons {
  margin-bottom: 4px;
  vertical-align: middle;
}
@media (min-width: 40em) {
  .create-batch-sitelist-dialog .sitelist-batch .cap-table-header,
.create-batch-sitelist-dialog .sitelist-batch .sitelist-header,
.create-batch-sitelist-dialog .sitelist-batch .sitelist-cell-batch {
    padding: 0.25rem;
  }
  .create-batch-sitelist-dialog .sitelist-batch .sitelist-cell-batch button:last-child {
    margin: 0;
  }
}
.create-batch-sitelist-dialog .sitelist-batch .sitelist-row-batch {
  padding: 5px 0 10px 10px;
  margin-bottom: 5px;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-flow: column !important;
          flex-flow: column !important;
}
.create-batch-sitelist-dialog .sitelist-batch .sitelist-row-batch .siteName-batch {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  /*overflow: hidden;
  text-overflow: ellipsis;*/
  line-height: 1.6;
  font-size: 1.1em;
  margin-left: 5px;
  text-align: left;
  padding-bottom: 10px;
}
.create-batch-sitelist-dialog .sitelist-batch .sitelist-row-batch:not(:last-child) {
  border-bottom: solid 1px silver;
}
.create-batch-sitelist-dialog .sitelist-batch .sitelist-row-batch .multiple-site-list-address {
  font-size: smaller;
  color: grey;
  padding-left: 10px;
  margin-top: -10px;
  padding-bottom: 5px;
}

.appear-disabled {
  background-color: rgba(0, 0, 0, 0.12) !important;
  color: rgba(0, 0, 0, 0.38) !important;
  cursor: default !important;
}

.download-wizard .step-number {
  border-radius: 50px;
  padding: 5px;
  font-size: larger;
  background-color: silver;
  color: white;
  width: 23px;
  text-align: center;
}
.download-wizard .step-number.active {
  background-color: #333;
}
.download-wizard .step-divider {
  height: 18px;
  border-bottom: 2px solid #333;
}
.download-wizard .wizard-title {
  font-size: 1.4em;
  padding: 0 10px 10px 10px;
  width: calc(100% - 20px);
  text-align: center;
  font-weight: 500;
}
.download-wizard .main-radio {
  font-weight: 500;
  font-size: large;
  margin-top: 5px;
}

.country-filter-menu-outer {
  background: white;
  border-radius: 4px;
  -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
          box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
  width: 350px;
  max-height: 350px;
  overflow-y: auto;
  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

.country-filter-menu-inner {
  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

.country-filter-menu-item {
  -webkit-transition: background 0.15s linear;
  transition: background 0.15s linear;
  margin: 0px;
  width: 106px;
}

.country-filter-menu-item:hover,
.country-filter-menu-item:focus {
  background-color: rgb(238, 238, 238);
}

.country-filter-menu-item.selected {
  color: rgb(16, 108, 200);
}

.generic-with-defaults .content-container {
  padding: 1rem;
}

.manageSiteCommentsDialog {
  overflow: hidden;
}
.manageSiteCommentsDialog .content-container {
  max-height: 60vh;
}
.manageSiteCommentsDialog .comments-parent-container {
  margin: 0 10px 10px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 1em;
  overflow-x: hidden;
  overflow-y: auto;
}
.manageSiteCommentsDialog .comments-parent-container .comment-object-container {
  border-top: 1px solid #ddd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  min-height: 130px;
}
.manageSiteCommentsDialog .comments-parent-container .comment-object-container .comment-details-container {
  float: right;
  text-align: right;
  margin: 0.75em;
  padding: 0em;
  min-width: 175px;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.manageSiteCommentsDialog .comments-parent-container .comment-object-container .comment-details-container p {
  margin-bottom: 10px;
  margin-top: 0;
}
.manageSiteCommentsDialog .comments-parent-container .comment-object-container .comment-details-container .comment-user {
  font-weight: bold;
}
.manageSiteCommentsDialog .comments-parent-container .comment-object-container .comment-container {
  margin: 1em 0 1em 0.5em;
  border-left: 1px solid #ddd;
  border-top: none;
  border-right: none;
  border-bottom: none;
  min-width: 400px;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  background-color: #FAFAFA;
}

.cap-maporient .md-button {
  -webkit-transform: scale(0.75);
          transform: scale(0.75);
  -webkit-transform-origin: top right;
          transform-origin: top right;
  border: solid 2px rgba(0, 0, 0, 0.15);
  width: 55px;
  height: 55px;
  margin: 0;
  background-color: rgba(0, 0, 0, 0.075);
  padding: 2px;
}
@media (min-width: 480px) and (orientation: portrait) {
  .cap-maporient .md-button {
    -webkit-transform: none;
            transform: none;
  }
}
@media (min-width: 700px) and (orientation: landscape) {
  .cap-maporient .md-button {
    -webkit-transform: none;
            transform: none;
  }
}
.cap-maporient .needle {
  background-image: url("/images/compassArrow.png");
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.mapMethodology-group .style-selector-gradient {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(60%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7)));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.7));
  z-index: 0;
}
.mapMethodology-group .style-selector-text {
  position: absolute;
  left: 5px;
  bottom: -5px;
  text-transform: none;
  text-align: left;
  z-index: 1;
  color: white;
}

.mapMethodology-group .methodologySelector {
  background-color: white;
  border-radius: 2px;
  margin: 0;
  margin-right: 1vw;
  padding: 2px 0;
  -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
  min-height: 32px;
  max-height: 32px;
  padding-right: 10px;
}
@media (min-width: 360px) {
  .mapMethodology-group .methodologySelector {
    margin-right: 1em;
    padding-left: 2px;
  }
}
.mapMethodology-group .methodologySelector .md-select-icon {
  display: none;
}
.mapMethodology-group .layerSelector {
  background-color: white;
  border-radius: 2px;
  margin: 0;
  margin-right: 1vw;
  padding: 2px 0;
  -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
  min-height: 32px;
  max-height: 32px;
  min-height: 36px;
  max-height: 36px;
  min-width: 36px;
  max-width: 36px;
  overflow: hidden;
  padding-right: 2px;
}
@media (min-width: 360px) {
  .mapMethodology-group .layerSelector {
    margin-right: 1em;
    padding-left: 2px;
  }
}
.mapMethodology-group .layerSelector md-select {
  width: 120px;
}
.mapMethodology-group .layerSelector .material-icons {
  margin-top: 4px;
}

.cap-icon-option {
  background-color: white;
  font-weight: bold;
  font-size: 15px;
  margin: 0 0 1px 1px;
  border-radius: 2px;
}
.cap-icon-option .material-icons {
  padding-right: 5px;
}
.cap-icon-option span {
  vertical-align: super;
}
.cap-icon-option md-select-value {
  border-bottom: none;
}

.mapLayersMenu {
  padding: 0;
  font-weight: 500;
  max-height: none;
}
.mapLayersMenu label {
  display: block;
  padding-bottom: 4px;
  border-bottom: 1px solid #999;
}

.mapLayersHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px 15px;
  cursor: pointer;
}

.mapLayersBody {
  padding: 5px 15px 0px 15px;
  overflow-y: auto;
}

.mapLayersGroup:nth-child(n+2) {
  padding-top: 20px;
}
.mapLayersGroup md-checkbox {
  margin: 5px;
  font-weight: bold;
}

.map-popup-min button {
  background: none;
  border: none;
  padding: 0;
}

.map-popup-max {
  min-width: 180px;
}

.map-popup-location {
  padding: 1.25em 1em 1em 1em;
}

.mapQuickLinksControl {
  position: relative;
  padding: 3px 5px 5px 5px !important;
  width: 124px;
}
.mapQuickLinksControl .controlLabel {
  width: 100%;
  font-weight: 700;
  line-height: 2.1;
  font-size: 1.25em;
  text-align: center;
  display: block;
}
.mapQuickLinksControl md-checkbox {
  margin-bottom: 1px;
}

.mapSiteStyleControl {
  position: relative;
  width: 124px;
  height: 124px;
  padding: 3px !important;
}
.mapSiteStyleControl .controlLabel {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  font-weight: 700;
  line-height: 2.1;
  font-size: 1.05em;
  text-transform: none;
}
.mapSiteStyleControl .imageDiv {
  background-image: url("/images/none-button.png");
  background-size: cover;
  border-radius: 2px;
  border: 1px solid #888888;
  margin: 22px 3px 3px;
  height: 86px;
  position: relative;
}
.mapSiteStyleControl .imageDiv .imageDivText {
  font-size: 0.95em;
  font-weight: bold;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 155px;
  width: 100%;
  height: 100%;
}
.mapSiteStyleControl .imageDiv .imageTint {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(rgba(0, 0, 0, 0)), color-stop(rgba(0, 0, 0, 0)), color-stop(rgba(0, 0, 0, 0)), color-stop(rgba(255, 255, 255, 0.85)), to(rgba(255, 255, 255, 0.85)));
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85));
}
.mapSiteStyleControl .imageDiv.tractmap {
  background-image: url("/images/tract-button.png");
}
.mapSiteStyleControl .imageDiv.contourmap {
  background-image: url("/images/contour-button.png");
}

.mapSiteStyleControlSmall {
  height: 84px;
}
.mapSiteStyleControlSmall .imageDiv {
  height: 46px;
}
.mapSiteStyleControlSmall .imageDiv .imageDivText {
  line-height: 75px;
}

.map-tooltip .tooltip-address {
  font-size: smaller;
  color: #333;
  font-weight: normal;
  padding-top: 5px;
}
.map-tooltip .tooltip-data {
  min-width: 300px;
  font-size: smaller;
  color: #333;
  font-weight: normal;
  padding-top: 8px;
}
.map-tooltip .tooltip-data-value {
  text-align: left;
  padding-left: 10px;
}
.map-tooltip .tooltip-data-label {
  text-align: right;
  text-transform: capitalize;
  text-overflow: ellipsis;
  font-weight: 500;
  white-space: nowrap;
  overflow: clip;
}
.map-tooltip .tooltip-data-label.noTransform {
  text-transform: none;
}
.map-tooltip .tooltip-data-label-center {
  text-align: center;
  text-transform: capitalize;
  font-weight: 500;
  padding: 5px;
  max-width: 550px;
}

.map-tooltip-cluster-dom .tooltip-data {
  min-width: 250px;
  font-size: smaller;
  font-weight: normal;
  padding: 10px 15px;
  text-align: left;
}
.map-tooltip-cluster-dom .tooltip-data-value {
  text-align: left;
  padding-left: 10px;
  font-size: 0.9em;
  font-weight: 500;
}
.map-tooltip-cluster-dom .tooltip-data-label {
  text-align: left;
  text-transform: capitalize;
  text-overflow: ellipsis;
  font-weight: 500;
  white-space: nowrap;
  overflow: clip;
  font-size: 0.9em;
}
.map-tooltip-cluster-dom .tooltip-data-label-center {
  text-align: center;
  text-transform: capitalize;
  font-weight: 500;
  padding: 5px;
  max-width: 550px;
}
.map-tooltip-cluster-dom .persons-bar {
  background-color: #9C27B0;
  width: 10px;
  margin-right: 10px;
}
.map-tooltip-cluster-dom .property-bar {
  background-color: #4DD0E1;
  width: 10px;
  margin-right: 10px;
}

.filter-widget-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  border-bottom: 1px solid #ddd;
}

.cap-method-label-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}

.cap-method-label {
  line-height: 1.4;
  margin-top: 1em;
  min-width: 50%;
  text-align: center;
}
@media (min-width: 33.75em) {
  .cap-method-label {
    min-width: 150px;
    width: 25%;
  }
}

.view-selectors [aria-selected=false] {
  border: 1px solid #ddd;
}

.widget-filter .sitepos, .overview-widget .sitepos {
  display: none;
}
.widget-filter .scorecard-wrapper, .overview-widget .scorecard-wrapper {
  margin-bottom: 3.5em;
}

.widget-report {
  display: block;
  position: relative;
}

.report-widget-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.report-widget-header > .material-icons {
  font-size: xx-large;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  padding-top: 10px;
}
.report-widget-header .widget-title {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.widget-recent .action-toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.widget-site-count-label {
  color: rgba(0, 0, 0, 0.55);
}

.recentWidgetCounter {
  border: 0;
  border-bottom: 1px solid;
  text-align: right;
  font-size: x-large;
  width: 3.5ch;
}

.widget-site, .widget-filter {
  display: block;
  position: relative;
}
.widget-site .chart-label, .widget-filter .chart-label {
  display: none;
}
.widget-site .tier-count-label, .widget-filter .tier-count-label {
  display: inline-block;
  top: -3em;
  left: 0;
  -webkit-transform: none;
          transform: none;
}
.widget-site .tier-count span, .widget-filter .tier-count span {
  display: none;
}
@media (min-width: 420px) {
  .widget-site .tier-count span, .widget-filter .tier-count span {
    display: inline;
  }
}

.site-widget-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.site-widget-header > .material-icons {
  font-size: xx-large;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  padding-top: 10px;
}
.site-widget-header .widget-title {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.goto-details {
  position: relative;
  margin: 5px 0 0 0;
  z-index: 11;
  cursor: pointer;
}

.score-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin-bottom: 1em;
  /*padding-top: 1em;*/
  border-top: 1px dashed #ddd;
}
.score-container:first-of-type {
  padding-top: 0;
  border: 0;
}
.score-container .cap-method {
  display: block;
  line-height: 1.4;
  margin-bottom: 0.75em;
}
.score-container .sites-histogram {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border: 0;
  margin: 0;
}
.score-container .sitepos .score, .score-container .sitepos .scorecard-label {
  display: none;
}
.score-container .scorecard-wrapper {
  margin: 2.5em 0;
}

.score-wrapper {
  margin-right: 5%;
}
.score-wrapper .cap-method {
  text-align: center;
}