html, body, #viewDiv {
    padding: 0;
    margin: 0;
    height: 100%;
    width: 100%;
}
body.noscroll {
    overflow: hidden;
    padding-top: 50px; /*equal to navbar min-height*/
    padding-bottom: 123px; /*equal to search container and footer min-height*/
}
body.noscroll-home {
  padding-top: 50px; /*equal to navbar min-height*/
  background-color: #e6e6e6;
}
/*No filters - if no filter button, applied via map.js*/
.no-filterbar { 
  border-bottom: 1px solid #d6d6d6;
  padding-bottom: 9px !important;
}
/*override boostrap font-weight*/
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
}
/*WAVE Compliant*/
a {color:#0047ba;}
.btn-outline-primary {
  color: #0047ba;
  border-color: #0047ba;
}
.btn-outline-primary:hover {
  background-color: #0047ba;
  border-color: #0047ba;
}
.navbar {
  min-height: 50px;
  padding: 0 10px;
  justify-content: initial;
  border-bottom: 1px solid #d6d6d6;
  background-color: #ffffff;
}
.navbar-blue {
  background-color: #003da5;
}
a.menu-item-home {
  color: #333333;
}
a.menu-item-home:hover {
  text-decoration: none;
}
.menu-intro {
  text-align: center;
}
.menu-intro h1 {
  font-weight: 400;
  margin-top: 25px;
}
  /* Extra small devices (portrait phones, less than 576px)*/
  @media (max-width: 575.98px) {
    .menu-intro {
      margin-left: 1rem;
      margin-right: 1rem;
    }
    .menu-intro h1 {
      font-size: 2rem;
    }
  }
.logo-buildings75 {
  background: #fff url("../images/logo-buildings75.png");
}
.logo-buildings111 {
  background: #fff url("../images/logo-buildings111.png");
}
.logo-buildings225 {
  background: #fff url("../images/logo-buildings225.png");
}
.logo-complaints75 {
  background: #fff url("../images/logo-complaints75.png");
}
.logo-complaints111 {
  background: #fff url("../images/logo-complaints111.png");
}
.logo-complaints225 {
  background: #fff url("../images/logo-complaints225.png");
}
.logo-rentals75 {
  background: #fff url("../images/logo-rentals75.png");
}
.logo-rentals111 {
  background: #fff url("../images/logo-rentals111.png");
}
.logo-rentals225 {
  background: #fff url("../images/logo-rentals225.png");
}
.logo-home75 {
  background: #fff url("../images/logo-home-SEA.png");
}
.logo-home111 {
  background: #003da5 url("../images/logo-home-SEA.png");
}
.feature-box {
  -webkit-box-shadow: 0 0 6px rgba(65,65,65,0.4);
  box-shadow: 0 0 6px rgba(65,65,65,0.4);
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
  background-color: #ffffff;
  position: relative; /*Need for clickable feature box*/
  margin: .75rem;
  flex-basis: 0 !important; /*forces columns to be even*/
}
  @media (max-width: 767px) {
    .feature-box {
      margin-bottom: 1rem;
    } 
  }
/*clickable feature box*/
.feature-box a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.feature-image {
  position: relative;
  image-rendering: -webkit-optimize-contrast;
}
.feature-icon {
  background-size: 75px 75px;
  width: 81px;
  height: 81px;
  background-repeat: no-repeat;
  background-position: 3px 3px;/*left top*/
  position: absolute;
  left: 18px;
  bottom:-41px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #ffffff;
}
.feature-content {
  padding: 50px 20px 20px;
  margin-bottom: 40px;
}
  @media (max-width: 767px) {
    .feature-content {
      margin-bottom: 0;
    } 
  }
.feature-content h2 {
  font-size: 1.6em;
}
.feature-content p {
  margin-bottom: 10px;
}
.btn-primary {
  background-color: #0047ba;
  border-color: #0047ba;
}
.feature-content .btn-primary {
  position: absolute;
  bottom: 20px;
}
  @media (max-width: 767px) {
    .feature-content .btn-primary {
      position: initial;
      bottom: initial;
    } 
  }
.logo {
  background-size: 37px 37px;
  height: 37px;
  background-repeat: no-repeat;
  padding-left: 43px;
  image-rendering: -webkit-optimize-contrast;
}
.logo-menu {
  background-size: 25px 25px;
  background-repeat: no-repeat;
  padding-left: 42px !important;
  background-position: 10px 9px;/*left, top*/
  image-rendering: -webkit-optimize-contrast;
}
.logo h1 {
  font-size: 24px;
  margin-bottom: 0;
  margin-top: 5px;
  font-weight: normal;
  line-height: 1.1;
}
.navbar-blue .logo h1 {
  color: #ffffff;
}
  /* Extra small devices (portrait phones, less than 576px)*/
  @media (max-width: 575.98px) {
    .logo h1 {
      font-size: 16px;
      margin-top: 0;
    }
    .logo h1 span {
      display: block;
    }
  }

.logo-share {
  margin-left:1rem;
}
.logo-share h1 {
  line-height: 1.4;
}
  @media (max-width: 575.98px) {
    .logo-share h1 {
      font-size: 18px;
      line-height: 1.1;
      padding-right: 1rem;
    }
    .logo-share h1 span {
      display: inline;
    }
  }
  /*iPhone 5*/
  @media (max-width: 325px) {
    .logo h1 {
      font-size: 14px;
    }
  }
.share-heading {
    margin-bottom: 10px;
    margin-left: 15px;
}
.share-heading h1 {
    padding-top: 5px;
}
  /* Extra small devices (portrait phones, less than 576px)*/
  @media (max-width: 575.98px) {
    .share-heading h1 {
      padding-top: 0;
    } 
  }
h3.project-description-heading {
  font-size: 1.1rem;
  margin-bottom: 0;
}
p.project-description {
  margin-top: 0;
  word-wrap: break-word;
}
img.project-image {
  margin-bottom: 15px;
}
#ss-shareLink > a {
  margin-bottom: 5px;
  display:inline-block;
}
#ss-shareLink .fa-share-square {
  margin-right: 5px;
}
#newComment .fa-comment-alt {
  margin-right: 7px;
}
#map-loading {
  background-color: #ffffff;
  position: absolute;
  z-index: 600;
  width: 100%;
  text-align: center;
  padding: 5px;
}
/*remove map outline*/
.esri-view .esri-view-surface--inset-outline:focus::after {
  outline: none;
}
/*record description & units toggle*/
.ss-unit-Toggle {
  font-weight: normal;
  font-size: 1rem;
}
.ss-unit-Toggle,
.ss-recordDesciption-Toggle {
  color: #0047ba;
}
.ss-unit-Toggle:hover,
.ss-recordDesciption-Toggle:hover {
  text-decoration: underline;
  cursor: pointer;
  color:#0047ba;
}
/*bootstap override*/
.alert-success,
.alert-warning,
.alert-danger {
  color: #000000;
}
h2.alert-heading {
  font-size: 1.5em;
}
.alert-no-project {
  margin:30px 15px 50px;
}
.breadcrumb-item+.breadcrumb-item::before {
  display: none;
}
.dropdown-menu {
  font-size: 1.2rem;
  left: -11px;
  top: 40px;
  border-color: #d6d6d6;
  -webkit-box-shadow: 3px 3px 6px rgba(65,65,65,0.4);
  box-shadow: 3px 3px 6px rgba(65,65,65,0.4);
  padding-top: .3rem;
}
#dropdownMenuLink {
  margin-right: 15px;
}
.dropdown-item {
  padding: .35rem 1.5rem;
}
.dropdown-item:hover {
  background-color: #f2f2f2;
}
/*Map Menu Icon*/
.ss-menu-button {
  font-size: 32px;
  color: transparent;
}
/*filter modal*/
.form-check {
  margin-bottom: 3px;
}
.form-check i {
  font-size: .8rem;
}
.form-check a {
  cursor: pointer;
}
/*search & filter bar*/
.bd-highlight {
  background-color: #e6e6e6;
}
#searchResultContainer {
  position: absolute;
  top: 105px;
  right: 0;
  left: 0;
  z-index: 1000;
  transform: translate3d(0, 0, 0);
  display: block;
  background-color: #fff;
  padding:0 10px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.175);
}
.search-result {
    cursor: pointer;
    margin-bottom: 5px;
    padding:0 10px 0 32px;
    background-image: url("../images/location-search.png");
    background-repeat: no-repeat;
    background-position: 10px 3px;
}
.search-result:first-child {
  margin-top: 5px;
}
.search-result:last-child {
  margin-bottom: 8px;
}
.search-result:hover {
  background-color: #f2f2f2;
  color: #0047ba;
}
.no-result {
    margin-top: 5px;
    background: none;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 8px;
}
.p-ssp-filter {
  padding-left: 10px !important;
  padding-right: 0 !important;
}
.p-ssp-filter button {
  font-weight: 500;
  border-width: .1rem;
  padding: .345rem .5rem;
}
.p-ssp-search {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
/*Milestones*/
#ss-timeline {padding-bottom: 5px;}
/*Records and docs*/
#ss-relatedRecordsDocs h4, #ssc-violations h4, #ssc-complaints h4 {
  font-size: 1rem;
  background-color: #ebebeb;
  margin-top: 20px;
  margin-bottom: 0;
  line-height: 1.2;
  padding:4px 5px 5px 7px;
}
ul.ss-recordDocsContainter {
  list-style: none;
  margin-top: 10px;
  margin-left: 0;
  padding-left: 15px;
  margin-bottom: 40px;
}
ul.ss-recordDocsContainter li {
  margin-bottom: 5px;
}
.ss-recordStatus {
  font-size: .9rem;
  margin-bottom: 0;
  margin-top: 15px;
  line-height: 1.2em;
}
.ss-recordStatus-label {
  font-size: .8rem;
}
.ss-recordStatus-value {
  font-weight: 500;
  display: inline-block;
}
.ss-recordDescription-Preview,
.ss-recordDescription-Full {
  margin-top: 11px;
}
/*clear filter bar*/
#current-filter {
  background-color: #e6e6e6;
  border-bottom: 1px solid #d6d6d6;
  padding: 0 10px 10px;
  line-height: 1;
  font-size: .9em;
}
  #remove-filters {
    color: #0047ba;
    font-weight: 500;
    font-size:1.1em;
  }
  #remove-filters:hover {
    color: #0069d9;
    cursor: pointer;
  }
/*footer*/
footer {
  min-height: 40px;
}
  .map-footer {
    border-top: 1px solid #d6d6d6;
  }
  .map-footer-item {
    padding-top:5px !important;
    white-space: nowrap;
  }
    @media (max-width: 575.98px) {
      .map-footer-item {
        padding-top:2px !important;
      }
    }
.ssp-home-links a:first-of-type {
  margin-right: 10px;
}
/*modal heading*/
h2.modal-title {
  font-size:1.5em;
  line-height: 1.2;
}
h3.no-toggle {
  font-size: 1.1rem;
  margin-bottom: .4rem;
}
  h3.last-item {
    margin-top:.75rem;
  }
h3.toggle {
  font-size: 1.1rem;
  display: flex;
}
/*toggle icon*/
h3.toggle > i {
  font-size: 1rem;
  margin-right: 5px;
  margin-top:3px;
}
/*toggle project description*/
a.projectDescription-toggle-link {
  color: #0047ba !important;
  cursor: pointer;
}
  a.projectDescription-toggle-link:hover {
    text-decoration: underline !important;
  }
/*modified UL*/
ul.ss-modified {
  margin-top: 12px;
  padding-left: 20px;
}
ul.ss-modified li {
  margin-bottom:8px;
}
ul.ss-modified-plus li {
  margin-bottom:10px;
}
/*Meeting*/
.meeting-item > strong {
  font-weight: 600;
}
/*Developer contributions*/
ul.ss-modified label {
  margin-bottom:0;
}
#ss-iz label {
  margin-bottom: 0;
}
#ss-iz ul {
  padding-left: 30px;
}
.ssp-pb-reduce {
  margin-bottom: 5px;
}
/*popover*/
.amenities-header{
  margin-bottom: 5px;
}
.amenities-list{
    padding-left: 20px;
  }
/*Timeline*/
.timeline {
    list-style: none;
    padding: 20px 0 0;
    position: relative;
}
.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 5px;
  background-color: #d4d4d4;
  /*left: 50%;*/
  left: 18px;
  /*margin-left: -1.5px;*/
}
.timeline > li {
  margin-bottom: 20px;
  position: relative;
}
.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li > .timeline-panel {
  width: 85%;
  float: left;
  border: 1px solid #d4d4d4;
  border-radius: 2px;
  padding:7px 10px 4px;
  position: relative;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}
  @media (max-width: 450px) {
    .timeline > li > .timeline-panel {
      width: 81%;
    }
  }
.timeline > li > .timeline-panel:before {
  position: absolute;
  top: 26px;
  right: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-left: 15px solid #ccc;
  border-right: 0 solid #ccc;
  border-bottom: 15px solid transparent;
  content: " ";
}
.timeline > li > .timeline-panel:after {
  position: absolute;
  top: 27px;
  right: -14px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-left: 14px solid #fff;
  border-right: 0 solid #fff;
  border-bottom: 14px solid transparent;
  content: " ";
}
.timeline > li > .timeline-badge {
  color: #fff;
  width: 40px;
  height: 40px;
  /*line-height: 50px;*/
  line-height: 40px;
  font-size: 1.4em;
  text-align: center;
  position: absolute;
  top: 22px;
  /*left: 50%;*/
  left: 0;
  /*margin-left: -25px;*/
  margin-left: 0;
  background-color: #999999;
  z-index: 100;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
}
.timeline > li.timeline-inverted > .timeline-panel {
  float: right;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}
.timeline-badge.primary {
  background-color: #2e6da4 !important;
}
.timeline-badge.completed {
  background-color: #3f903f !important;
}
.timeline-badge.active {
  background-color: #f0ad4e !important;
}
.timeline-badge.expired {
  background-color: #d9534f !important;
}
.timeline-badge.info {
  background-color: #5bc0de !important;
}
.timeline-title {
  margin-top: 0;
  color: inherit;
  font-size: 1.1rem;
  margin-bottom: 5px;
}
.timeline-body > p,
.timeline-body > ul {
  margin-bottom: 0;
}
.timeline-body > p + p {
  margin-top: 5px;
}
.timeline-details {
  padding-top:12px;
}
.t-date-label-container {
  padding-bottom: 3px;
}
.t-description-note {
  font-style: italic;
  font-size: 0.9em;
}
.timeline-more {
  text-align: center;
  border-top: 1px solid #e5e5e5;
  font-size: .8rem;
  padding-top: 3px;
}
.timeline-more a {
  display: block;
}
/*complaints*/
.modal-body-custom {
  background-color: #e9ecef;
  padding: .5rem;
  border-bottom-right-radius: .3rem;
  border-bottom-left-radius: .3rem;
  border-top: 1px solid #dee2e6;
}
.record-container {
  margin-bottom: 8px;
  border: 1px solid #dee2e6;
  background-color:#ffffff;
  padding: 1rem;
  padding-bottom: 5px;
  border-radius: 5px;
}
.modal-body-custom #ss-shareLink {
  margin-bottom: -.5rem;
  margin-left: -.5rem;
  margin-right: -.5rem;
  border-top: 1px solid #dee2e6;
  background-color:#ffffff;
  padding: 1rem;
  border-bottom-left-radius: .3rem;
  border-bottom-right-radius: .3rem;
}
.record-container h3 {
  font-size: 1.3em;
  border-bottom: 1px solid #d6d6d6;
  padding-bottom: 3px;
}
.record-container h4 {
  font-size: 1rem;
  margin-bottom: 0;
  margin-top: 1rem;
}
h4.ss-registered,
h4.ss-record-number,
h4.ss-inspected {
  display:inline-block;
  margin-right: 8px;
}
h4.ss-record-number {
  margin-right: 6px;
}
.ss-registered + a i,
.ss-record-number + a i,
.ss-inspected + a i {
  font-size: .8rem;
  cursor: pointer;
}
.ss-badge-green {
    background-color:#28a745;
    color:#fff;
}
.ss-badge-yellow {
    background-color: #ffc107;
    color: #000;
}
.ss-badge-red {
    background-color: #dc3545;
    color: #fff;
}
.record-more {
  text-align: center;
  border-top: 1px solid #d6d6d6;
  font-size: .8rem;
  padding-top: 3px;
  margin-top: 15px;
}
.record-more a {
  display: block;
}
.record-emergency {
  font-size: 90%;
  margin-bottom: 15px;
  padding-bottom: .4em;
}
.records-intro {
  padding-top: 5px;
  font-size: .9rem;
  padding-bottom:12px;
  text-align: center;
}
.records-intro a,
.explainEmergency,
.explainHearings {
  cursor: pointer;
}
.address-eca-link:hover {
  color: #212529;
  cursor: pointer;
}
.address-eca-badge {
  display: block;
  border-radius: 5px 5px 0 0;
  padding: .7em;
  white-space: normal;
  font-weight: 600;
  font-size: 90%;
  line-height: 1.2;
}
/*Images*/
.record-container-images {
  background-color: #e9ecef;
  padding: 10px 10px 5px;
  border-radius: 5px;
  margin-top:10px;
  text-align: center;
}
.record-container-images img {
  cursor: pointer;
  transition: 0.3s;
  margin-bottom:5px;
  padding:0;
  border-radius: 5px;
  border: none;
  max-width: 135px;
  vertical-align: top;
  height: auto;
}
.record-container-images img:hover {
  opacity: 0.7;
}
.img-modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}
/* Modal Content (Image) */
.img-modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
}
/* Caption of Modal Image (Image Text) - Same Width as the Image */
#img-caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}
/* Add Animation - Zoom in the Modal */
.img-modal-content, #img-caption {
  animation-name: zoom;
  animation-duration: 0.6s;
}
@keyframes zoom {
  from {transform:scale(0)}
  to {transform:scale(1)}
}
/* The Close Button */
.img-close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}
.img-close:hover,
.img-close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}
/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .img-modal-content {
    width: 100%;
  }
}
/*Actions*/
/* DivTable.com */
.divTable{
	display: table;
	width: 100%;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}
.divTableCell, .divTableHead {
	display: table-cell;
	padding: 0 5px 5px 0;
}
  .action-date {
    white-space: nowrap;
  }
  .action-type {
    width:100%;
    line-height: 1.3;
  }
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}
/*Rentals*/
.record-container-rentals { /*remove when no title*/
  padding-top: 0;
}
.record-container-rentals h3 {
  margin-top: .8rem;
  font-size: 1.1em;
  margin-bottom: 0;
}
.rental-summary {
  text-align:center;
  margin-bottom:10px;
  background-color: #777;
  border-radius: 5px;
  padding:3px 5px 5px;
  color: #fff;
}
.rental-summary a {
  color: #fff;
  cursor: pointer;
  margin-left: 2px;
}
.rental-summary a:hover {
  color: #ccc;
}
.rental-summary i {
  font-size: .9rem;
  font-weight: 600;
}
.ss-registered span {
  padding:1px 8px 2px;
  border-radius: 5px;
  display: inline;
  font-size: .8rem;
}
.ss-inspected span {
  padding:1px 8px 2px;
  border-radius: 5px;
  display: inline;
  font-size: .8rem;
}
/*outage banner*/
.ss-outage {
  position:absolute;
  z-index:100;
  width:100%;
}
.ss-outage-relative {
  margin-bottom: 0;
  margin-top: 10px;
}
.ss-outage-relative-home {
  margin-bottom: 0;
}
/*Outage and IE page*/
body.ss-redirect-page {
  background-color: #e9ecef;
  padding:4rem 1rem;
}
.ss-redirect-message {
  background-color:#ffffff;
  border-radius: 5px;
  border: 1px solid #dee2e6;
  padding:30px 30px 10px;
  margin:auto;
  width:60%;
}
  @media (max-width: 576px) {
    .ss-redirect-message {
      width:100%;
      padding: 20px 20px 5px;
    }
}
.ss-redirect-message h1 {
  font-weight:400;
  font-size:2rem;
  margin-bottom:.5rem;
}
.ss-redirect-message p {
  font-size:1.1rem;
  line-height:1.3;
}
/*seattle.gov logo*/
a.ssp-seattle-logo svg {width: 100%; max-height: 18px; max-width: 19px;}
a.ssp-seattle-logo svg .stroke {fill: #0047ba;}
a.ssp-seattle-logo svg .fill {fill: #fff;}
a.ssp-seattle-logo:hover {text-decoration: none;}
a.ssp-seattle-logo:hover .stroke {fill: #0069d9;}
/*Breadcrumb*/
.breadcrumb .fas, footer .fas {font-size: 12px; color: #757575;}
.breadcrumb-bottom {margin-bottom: 0;}
/*footer*/
.sdci-home {vertical-align: text-top;}
.ssp-dept-container {
  padding-bottom: 20px;
  padding-top: 5px;
  color:#333;
  background-color:#e9ecef;
}
.ssp-copyright {
  font-style: italic;
  font-size: .85em;
}