/* source-sans-pro-300 - latin-ext_latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url(/fonts/source-sans-pro-v14-latin-ext_latin-300.woff2) format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url(/fonts/source-sans-pro-v14-latin-ext_latin-300.woff) format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-pro-300italic - latin-ext_latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 300;
  src: local(''),
       url(/fonts/source-sans-pro-v14-latin-ext_latin-300italic.woff2) format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url(/fonts/source-sans-pro-v14-latin-ext_latin-300italic.woff) format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-pro-regular - latin-ext_latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url(/fonts/source-sans-pro-v14-latin-ext_latin-regular.woff2) format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url(/fonts/source-sans-pro-v14-latin-ext_latin-regular.woff) format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-pro-italic - latin-ext_latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url(/fonts/source-sans-pro-v14-latin-ext_latin-italic.woff2) format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url(/fonts/source-sans-pro-v14-latin-ext_latin-italic.woff) format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-pro-600 - latin-ext_latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url(/fonts/source-sans-pro-v14-latin-ext_latin-600.woff2) format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url(/fonts/source-sans-pro-v14-latin-ext_latin-600.woff) format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-pro-600italic - latin-ext_latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 600;
  src: local(''),
       url(/fonts/source-sans-pro-v14-latin-ext_latin-600italic.woff2) format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url(/fonts/source-sans-pro-v14-latin-ext_latin-600italic.woff) format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-pro-700 - latin-ext_latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url(/fonts/source-sans-pro-v14-latin-ext_latin-700.woff2) format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url(/fonts/source-sans-pro-v14-latin-ext_latin-700.woff) format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-pro-900 - latin-ext_latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 900;
  src: local(''),
       url(/fonts/source-sans-pro-v14-latin-ext_latin-900.woff2) format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url(/fonts/source-sans-pro-v14-latin-ext_latin-900.woff) format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-pro-700italic - latin-ext_latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 700;
  src: local(''),
       url(/fonts/source-sans-pro-v14-latin-ext_latin-700italic.woff2) format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url(/fonts/source-sans-pro-v14-latin-ext_latin-700italic.woff) format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-pro-900italic - latin-ext_latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 900;
  src: local(''),
       url(/fonts/source-sans-pro-v14-latin-ext_latin-900italic.woff2) format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url(/fonts/source-sans-pro-v14-latin-ext_latin-900italic.woff) format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/*
-----
  Renter Insight
  Designer/Developer: Seventhfury Studios
-----
*/
/* ----- SCSS STYLES ----- */
/* Fonts */
/* Colors */
/* Testing Border Quick Mixins */
/*@mixin rb 	{ border: none; }
@mixin gb 	{ border: none; }
@mixin bb 	{ border: none; }*/
/* Alpha Fade Mixins */
/*	@include border-radius(10px); */
/* 	@include box-shadow(0px 0px 8px $color_dark); */
/* @include text-shadow(0, 3px, 3px, #333); */
/*  @include animate  */
/* Media Size Mixins */
/* Uses Bootstrap 4 breakpoints */
/*  @include max* || then use {} around content  */
/* Flex */
/* @include flexbox; */
/* center horizontally */
/* center vertically and horizontally */
/* Add CSS3 animations to elements below */
/* line 404, app/assets/stylesheets/mixins/renter-insight-mixins.scss */
a, a:active, a:link, a:visited, a:hover, input {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/*  Chrome Font Issue Reset  */
/* line 409, app/assets/stylesheets/mixins/renter-insight-mixins.scss */
body {
  -webkit-animation-delay: 0.1s;
  -webkit-animation-name: fontfix;
  -webkit-animation-duration: 0.1s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
}

@-webkit-keyframes fontfix {
  from {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}

/* DLH VARIABLES */
/*
-----
  Renter Insight
  Designer/Developer: Seventhfury Studios
-----
*/
/* ----- SCSS STYLES ----- */
/* Fonts */
/* Colors */
/* Testing Border Quick Mixins */
/*@mixin rb 	{ border: none; }
@mixin gb 	{ border: none; }
@mixin bb 	{ border: none; }*/
/* Alpha Fade Mixins */
/*	@include border-radius(10px); */
/* 	@include box-shadow(0px 0px 8px $color_dark); */
/* @include text-shadow(0, 3px, 3px, #333); */
/*  @include animate  */
/* Media Size Mixins */
/* Uses Bootstrap 4 breakpoints */
/*  @include max* || then use {} around content  */
/* Flex */
/* @include flexbox; */
/* center horizontally */
/* center vertically and horizontally */
/* Add CSS3 animations to elements below */
/* line 404, app/assets/stylesheets/mixins/renter-insight-mixins.scss */
a, a:active, a:link, a:visited, a:hover, input {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/*  Chrome Font Issue Reset  */
/* line 409, app/assets/stylesheets/mixins/renter-insight-mixins.scss */
body {
  -webkit-animation-delay: 0.1s;
  -webkit-animation-name: fontfix;
  -webkit-animation-duration: 0.1s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
}

@-webkit-keyframes fontfix {
  from {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}

/* DLH VARIABLES */
/* line 4, app/assets/stylesheets/renter-insight-marketing.scss */
.plan-group-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  gap: 0 30px;
  margin: 30px auto;
  max-width: 820px;
}

@media (max-width: 768px) {
  /* line 4, app/assets/stylesheets/renter-insight-marketing.scss */
  .plan-group-wrap {
    gap: 0 5px;
    margin: 30px -15px;
  }
}

/* line 16, app/assets/stylesheets/renter-insight-marketing.scss */
.plan-group-wrap .plan {
  border: 1px solid #E0E0E0;
  background: #ffffff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  padding: 0 0px 30px 0px;
  flex: 0 0 47%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
}

@media (max-width: 576px) {
  /* line 26, app/assets/stylesheets/renter-insight-marketing.scss */
  .plan-group-wrap .plan .btn-medium {
    /* padding-left: 10px;
        padding-right: 10px; */
    transform: scale(0.8, 0.8);
  }
}

/* line 34, app/assets/stylesheets/renter-insight-marketing.scss */
.plan-group-wrap .plan .plan-name {
  background: #F9F9F9;
  padding: 15px;
  border-bottom: 1px solid #E0E0E0;
  text-align: center;
  font-size: 1.25em;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #4C4C4C;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -ms-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
}

@media (max-width: 768px) {
  /* line 34, app/assets/stylesheets/renter-insight-marketing.scss */
  .plan-group-wrap .plan .plan-name {
    padding: 10px;
  }
}

/* line 49, app/assets/stylesheets/renter-insight-marketing.scss */
.plan-group-wrap .plan .pricing-info {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-align: center;
  font-size: 1.1em;
  margin: 15px auto;
  color: #C44C3D;
}

/* line 56, app/assets/stylesheets/renter-insight-marketing.scss */
.plan-group-wrap .plan .pricing-info span {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-style: italic;
  display: block;
  color: #4C4C4C;
  font-size: 0.95em;
}

@media (max-width: 768px) {
  /* line 56, app/assets/stylesheets/renter-insight-marketing.scss */
  .plan-group-wrap .plan .pricing-info span {
    margin: 0 5px;
    font-size: 0.75em;
  }
}

/* line 69, app/assets/stylesheets/renter-insight-marketing.scss */
.plan-group-wrap .plan .pricing-includes {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  text-align: center;
  margin: 20px auto;
}

@media (max-width: 576px) {
  /* line 69, app/assets/stylesheets/renter-insight-marketing.scss */
  .plan-group-wrap .plan .pricing-includes {
    margin: 20px 10px 10px 10px;
  }
}

/* line 79, app/assets/stylesheets/renter-insight-marketing.scss */
.plan-group-wrap .plan .plan-info {
  margin: 0;
  padding: 0 25px;
  text-align: left;
}

@media (max-width: 768px) {
  /* line 79, app/assets/stylesheets/renter-insight-marketing.scss */
  .plan-group-wrap .plan .plan-info {
    padding: 0 15px;
    font-size: 0.9em;
  }
}

/* line 89, app/assets/stylesheets/renter-insight-marketing.scss */
.plan-group-wrap .plan .plan-info li {
  list-style: none;
  margin: 12px 0;
}

/* line 93, app/assets/stylesheets/renter-insight-marketing.scss */
.plan-group-wrap .plan .plan-info li:last-of-type {
  margin-bottom: 0;
}

@media (max-width: 768px) {
  /* line 89, app/assets/stylesheets/renter-insight-marketing.scss */
  .plan-group-wrap .plan .plan-info li {
    /* margin: 10px 0; */
  }
}

/* line 101, app/assets/stylesheets/renter-insight-marketing.scss */
.plan-group-wrap .plan .plan-info li span {
  display: block;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-style: italic;
  margin-left: 23px;
  font-size: 0.9em;
  color: #838383;
}

@media (max-width: 576px) {
  /* line 101, app/assets/stylesheets/renter-insight-marketing.scss */
  .plan-group-wrap .plan .plan-info li span {
    margin-left: 0;
  }
}

/* line 114, app/assets/stylesheets/renter-insight-marketing.scss */
.plan-group-wrap .plan .plan-info i {
  font-size: 1.1em;
  color: #8CC66A;
  position: relative;
  top: 1px;
  margin-right: 7px;
  line-height: 1;
}

@media (max-width: 768px) {
  /* line 114, app/assets/stylesheets/renter-insight-marketing.scss */
  .plan-group-wrap .plan .plan-info i {
    font-size: 0.9em;
  }
}

@media (max-width: 576px) {
  /* line 114, app/assets/stylesheets/renter-insight-marketing.scss */
  .plan-group-wrap .plan .plan-info i {
    display: none;
  }
}

/* .plan-group-wrap */
/* line 134, app/assets/stylesheets/renter-insight-marketing.scss */
.pricing-everyplan {
  /* background: rgba($positive, 0.25); */
  background: #E9F7DC;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  padding: 15px 30px;
  width: fit-content;
  gap: 0 30px;
  line-height: 1;
  margin: auto;
}

@media (max-width: 992px) {
  /* line 134, app/assets/stylesheets/renter-insight-marketing.scss */
  .pricing-everyplan {
    gap: 0 20px;
    font-size: 0.95em;
  }
}

@media (max-width: 768px) {
  /* line 134, app/assets/stylesheets/renter-insight-marketing.scss */
  .pricing-everyplan {
    flex-flow: column nowrap;
    line-height: 1.7;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    /* width: fit-content; */
  }
}

/* line 157, app/assets/stylesheets/renter-insight-marketing.scss */
.pricing-everyplan strong {
  color: #4C4C4C;
}

/* line 161, app/assets/stylesheets/renter-insight-marketing.scss */
.pricing-everyplan i {
  font-size: 1.1em;
  color: #8CC66A;
  position: relative;
  top: 1px;
  margin-right: 7px;
  line-height: 1;
}

/* OVERRIDES */
@media (max-width: 768px) {
  /* line 178, app/assets/stylesheets/renter-insight-marketing.scss */
  .plan-group-wrap {
    flex-direction: column;
    padding: 0 10px;
  }
}

@media (max-width: 768px) {
  /* line 185, app/assets/stylesheets/renter-insight-marketing.scss */
  .plan-group-wrap .plan {
    margin-bottom: 20px;
  }
}

/* line 191, app/assets/stylesheets/renter-insight-marketing.scss */
.plan-group-wrap .plan .pricing-info.positive {
  color: #8CC66A;
}

/* line 197, app/assets/stylesheets/renter-insight-marketing.scss */
.text-muted {
  color: #838383;
}
/*
-----
  Renter Insight
  Designer/Developer: Seventhfury Studios
-----
*/
/*
-----
  Renter Insight
  Designer/Developer: Seventhfury Studios
-----
*/
/* ----- SCSS STYLES ----- */
/* Fonts */
/* Colors */
/* Testing Border Quick Mixins */
/*@mixin rb 	{ border: none; }
@mixin gb 	{ border: none; }
@mixin bb 	{ border: none; }*/
/* Alpha Fade Mixins */
/*	@include border-radius(10px); */
/* 	@include box-shadow(0px 0px 8px $color_dark); */
/* @include text-shadow(0, 3px, 3px, #333); */
/*  @include animate  */
/* Media Size Mixins */
/* Uses Bootstrap 4 breakpoints */
/*  @include max* || then use {} around content  */
/* Flex */
/* @include flexbox; */
/* center horizontally */
/* center vertically and horizontally */
/* Add CSS3 animations to elements below */
/* line 404, app/assets/stylesheets/mixins/renter-insight-mixins.scss */
a, a:active, a:link, a:visited, a:hover, input {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/*  Chrome Font Issue Reset  */
/* line 409, app/assets/stylesheets/mixins/renter-insight-mixins.scss */
body {
  -webkit-animation-delay: 0.1s;
  -webkit-animation-name: fontfix;
  -webkit-animation-duration: 0.1s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
}

@-webkit-keyframes fontfix {
  from {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}

/* DLH VARIABLES */
/* ----- CSS STYLES ----- */
/* Bootstrap Reboot Reset */
/* line 13, app/assets/stylesheets/renter-insight.scss */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* line 19, app/assets/stylesheets/renter-insight.scss */
.fal, .far, .fas, i {
  /* Avoid Highlights */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media (prefers-reduced-motion: no-preference) {
  /* line 30, app/assets/stylesheets/renter-insight.scss */
  :root {
    scroll-behavior: smooth;
  }
}

/* End Bootstrap Reboot Reset */
/* line 36, app/assets/stylesheets/renter-insight.scss */
body, html {
  font-family: "Source Sans Pro", sans-serif !important;
  font-size: 16px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  scroll-behavior: smooth;
}

/* body */
/* --- Invoice Styles --- */
/* line 49, app/assets/stylesheets/renter-insight.scss */
.invoice-page {
  font-family: Arial, sans-serif;
  padding: 30px;
  max-width: 800px;
  margin: 30px auto;
  background: #fff;
  color: #1E2121;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
}

/* line 58, app/assets/stylesheets/renter-insight.scss */
.invoice-header, .invoice-footer {
  margin-bottom: 20px;
  overflow: auto;
}

/* line 62, app/assets/stylesheets/renter-insight.scss */
.invoice-header h1 {
  color: #C0402A;
  display: inline-block;
  margin: 0;
}

/* line 67, app/assets/stylesheets/renter-insight.scss */
.invoice-company-name {
  font-size: 24px;
  font-weight: bold;
}

/* line 71, app/assets/stylesheets/renter-insight.scss */
.invoice-title {
  float: right;
  font-size: 32px;
  font-weight: bold;
  color: #C0402A;
  margin-top: 0;
}

/* line 78, app/assets/stylesheets/renter-insight.scss */
.invoice-address {
  margin-top: 10px;
  margin-bottom: 10px;
}

/* line 82, app/assets/stylesheets/renter-insight.scss */
.invoice-table-info {
  float: right;
  margin-top: 0;
}

/* line 86, app/assets/stylesheets/renter-insight.scss */
.invoice-table-info table {
  border-collapse: collapse;
  font-size: 15px;
}

/* line 90, app/assets/stylesheets/renter-insight.scss */
.invoice-table-info td {
  padding: 2px 10px 2px 0;
  border: none;
}

/* line 94, app/assets/stylesheets/renter-insight.scss */
.invoice-resident-block {
  margin-bottom: 20px;
  overflow: auto;
}

/* line 98, app/assets/stylesheets/renter-insight.scss */
.invoice-resident {
  float: left;
  font-size: 16px;
  line-height: 1.4;
}

/* line 103, app/assets/stylesheets/renter-insight.scss */
.invoice-autopay {
  float: right;
  text-align: right;
  font-size: 15px;
  margin-top: 0;
}

/* line 109, app/assets/stylesheets/renter-insight.scss */
.invoice-autopay strong {
  color: #C0402A;
}

/* line 112, app/assets/stylesheets/renter-insight.scss */
.invoice-table {
  border-collapse: collapse;
  width: 100%;
  margin-top: 20px;
  font-size: 15px;
}

/* line 118, app/assets/stylesheets/renter-insight.scss */
.invoice-table th, .invoice-table td {
  border: 1px solid #999;
  padding: 8px;
}

/* line 122, app/assets/stylesheets/renter-insight.scss */
.invoice-table th {
  background: #C0402A;
  color: white;
  font-weight: bold;
}

/* line 127, app/assets/stylesheets/renter-insight.scss */
.invoice-gray-box {
  background-color: #eee;
  padding: 10px;
  font-weight: bold;
  text-align: right;
  margin-top: 0;
  font-size: 18px;
  letter-spacing: 0.5px;
}

/* line 136, app/assets/stylesheets/renter-insight.scss */
.invoice-section {
  margin-top: 30px;
  font-size: 14px;
  line-height: 1.5;
}

/* line 141, app/assets/stylesheets/renter-insight.scss */
.invoice-cash-pay {
  border-top: 2px solid #999;
  padding-top: 20px;
  margin-top: 10px;
  font-size: 15px;
}

/* line 147, app/assets/stylesheets/renter-insight.scss */
.invoice-cash-pay strong {
  font-size: 17px;
}

/* line 152, app/assets/stylesheets/renter-insight.scss */
.invoice-cash-pay-details {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}

/* line 158, app/assets/stylesheets/renter-insight.scss */
.invoice-bar-code-box {
  border: 1px dashed #999;
  padding-top: 10px;
  text-align: center;
  line-height: 50px;
  color: #999;
  font-size: 15px;
  background: #fafafa;
  width: 90%;
  margin: 0 auto;
}

/* line 169, app/assets/stylesheets/renter-insight.scss */
.invoice-box {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 10px;
  font-size: 15px;
}

/* line 176, app/assets/stylesheets/renter-insight.scss */
.invoice-box .label {
  font-weight: bold;
}

@media (max-width: 900px) {
  /* line 181, app/assets/stylesheets/renter-insight.scss */
  .invoice-page {
    padding: 5vw;
    max-width: 98vw;
  }
}

/* Highlight color */
/* line 190, app/assets/stylesheets/renter-insight.scss */
::selection {
  background: rgba(229, 229, 229, 0.7);
  /* WebKit/Blink Browsers */
}

/* line 193, app/assets/stylesheets/renter-insight.scss */
::-moz-selection {
  background: rgba(229, 229, 229, 0.7);
  /* Gecko Browsers */
}

/* line 197, app/assets/stylesheets/renter-insight.scss */
a, a:link {
  color: #C44C3D;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* line 204, app/assets/stylesheets/renter-insight.scss */
a:hover, .iconnav:hover {
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  outline: none;
}

/* line 210, app/assets/stylesheets/renter-insight.scss */
a.active {
  outline: none;
}

/* line 214, app/assets/stylesheets/renter-insight.scss */
.test {
  border: 1px solid red;
}

/* line 218, app/assets/stylesheets/renter-insight.scss */
.text-left {
  text-align: left;
}

/* line 222, app/assets/stylesheets/renter-insight.scss */
.text-right {
  text-align: right;
}

/* line 226, app/assets/stylesheets/renter-insight.scss */
.text-center {
  text-align: center;
}

/* line 230, app/assets/stylesheets/renter-insight.scss */
.text-justify {
  text-align: justify;
}

/* line 234, app/assets/stylesheets/renter-insight.scss */
.smallspacer {
  height: 15px;
}

/* line 238, app/assets/stylesheets/renter-insight.scss */
.spacer20 {
  height: 20px;
}

/* line 242, app/assets/stylesheets/renter-insight.scss */
.spacer {
  height: 30px;
}

/* line 246, app/assets/stylesheets/renter-insight.scss */
.system-message {
  padding: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 252, app/assets/stylesheets/renter-insight.scss */
.system-message i {
  margin-right: 5px;
}

/* line 256, app/assets/stylesheets/renter-insight.scss */
.system-message.sm-green {
  color: #79b157;
  background: #d0fab7;
}

/* line 262, app/assets/stylesheets/renter-insight.scss */
.flex-table {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  flex-flow: column nowrap;
}

/* line 269, app/assets/stylesheets/renter-insight.scss */
.flex-table.flex-table-4col .flex-cell {
  flex: 1 1 25%;
}

@media (max-width: 768px) {
  /* line 269, app/assets/stylesheets/renter-insight.scss */
  .flex-table.flex-table-4col .flex-cell {
    font-size: 0.8em;
  }
  /* line 275, app/assets/stylesheets/renter-insight.scss */
  .flex-table.flex-table-4col .flex-cell.title-cell-vert {
    max-width: 15%;
  }
  /* line 278, app/assets/stylesheets/renter-insight.scss */
  .flex-table.flex-table-4col .flex-cell.title-cell-vert span {
    transform: rotate(-90deg);
    position: relative;
    line-height: 1;
  }
}

@media (max-width: 576px) {
  /* line 269, app/assets/stylesheets/renter-insight.scss */
  .flex-table.flex-table-4col .flex-cell {
    min-height: 50px;
  }
}

/* line 292, app/assets/stylesheets/renter-insight.scss */
.flex-table .title-cell {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #838383;
}

/* line 297, app/assets/stylesheets/renter-insight.scss */
.flex-table .flex-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  align-items: stretch;
}

/* line 301, app/assets/stylesheets/renter-insight.scss */
.flex-table .flex-row.row-gray {
  background: rgba(224, 224, 224, 0.2);
}

/* line 306, app/assets/stylesheets/renter-insight.scss */
.flex-table .flex-cell-group {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: column nowrap;
  width: 25%;
  flex: 1 1 25%;
}

/* line 313, app/assets/stylesheets/renter-insight.scss */
.flex-table .flex-cell {
  border: 0.5px solid #E0E0E0;
  /* border-top: none; */
  padding: 8px;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

/* line 322, app/assets/stylesheets/renter-insight.scss */
.flex-table .flex-cell.cell-align-left {
  text-align: left;
  justify-content: flex-start;
}

/* line 327, app/assets/stylesheets/renter-insight.scss */
.flex-table .flex-cell:first-of-type {
  /* border-top: 1px solid $gray_4; */
}

/* line 331, app/assets/stylesheets/renter-insight.scss */
.flex-table .flex-cell.leftcorner-cell {
  border-top: none;
  border-left: none;
}

/* line 336, app/assets/stylesheets/renter-insight.scss */
.flex-table .flex-cell.cell-top {
  border-top: 1px solid #E0E0E0;
}

/* line 340, app/assets/stylesheets/renter-insight.scss */
.flex-table .flex-cell.cell-right {
  border-right: 1px solid #E0E0E0;
}

/* line 344, app/assets/stylesheets/renter-insight.scss */
.flex-table .flex-cell.cell-bottom {
  border-bottom: 1px solid #E0E0E0;
}

/* line 348, app/assets/stylesheets/renter-insight.scss */
.flex-table .flex-cell.cell-left {
  border-left: 1px solid #E0E0E0;
}

/* .flex-table */
/* Tooltips */
/* line 363, app/assets/stylesheets/renter-insight.scss */
.tooltip:after {
  text-transform: uppercase;
  font-size: 0.7em;
  padding: 7px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  background: #838383;
  color: #ffffff;
  position: absolute;
  top: -4px;
  margin-left: 5px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}

/* line 378, app/assets/stylesheets/renter-insight.scss */
.tooltip:hover:after {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

/* line 384, app/assets/stylesheets/renter-insight.scss */
.tooltip.tooltip-edit:after {
  content: 'Edit';
}

/* line 388, app/assets/stylesheets/renter-insight.scss */
.tooltip.tooltip-remove:after {
  content: 'Remove';
}

/* line 392, app/assets/stylesheets/renter-insight.scss */
.tooltip.tooltip-copylink:after {
  content: 'Click to Copy Link';
}

/* line 396, app/assets/stylesheets/renter-insight.scss */
.tooltip.tooltip-linkcopied:after {
  content: 'Link Copied!';
}

/* line 399, app/assets/stylesheets/renter-insight.scss */
.tooltip.tooltip-sharelink:after {
  content: 'Share This Link';
}

/* line 404, app/assets/stylesheets/renter-insight.scss */
h1 {
  color: #4C4C4C;
  text-transform: uppercase;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.9em;
}

/* line 411, app/assets/stylesheets/renter-insight.scss */
h2 {
  text-transform: uppercase;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.45em;
  color: #4C4C4C;
}

/* line 418, app/assets/stylesheets/renter-insight.scss */
h3 {
  text-transform: uppercase;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1.1em;
  color: #4C4C4C;
}

/* line 425, app/assets/stylesheets/renter-insight.scss */
p {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1em;
  color: #838383;
  line-height: 1.7;
  text-align: justify;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 433, app/assets/stylesheets/renter-insight.scss */
p a {
  background: transparent linear-gradient(90deg, rgba(196, 76, 61, 0), rgba(196, 76, 61, 0)) no-repeat 0 93%;
  background-size: 100% 1px;
}

/* line 437, app/assets/stylesheets/renter-insight.scss */
p a:hover {
  color: #AA3B2D;
  text-decoration: none;
  background: transparent linear-gradient(90deg, rgba(170, 59, 45, 0.5), rgba(170, 59, 45, 0.5)) no-repeat 0 93%;
  background-size: 100% 1px;
}

/* line 446, app/assets/stylesheets/renter-insight.scss */
p.lead, p.lead-title {
  font-size: 1em;
  text-align: center;
}

/* line 451, app/assets/stylesheets/renter-insight.scss */
p.lead-title {
  color: #4C4C4C;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 500;
  font-style: normal;
}

/* line 456, app/assets/stylesheets/renter-insight.scss */
hr.hr-light {
  border-top: 1px solid #EDEDED;
  border-left: none;
  border-right: none;
  border-bottom: none;
  flex: 1 0 auto;
  margin: 19px 0 17px 0;
}

/* line 465, app/assets/stylesheets/renter-insight.scss */
.summary {
  text-align: left;
  margin: 0;
  padding: 0;
}

/* line 470, app/assets/stylesheets/renter-insight.scss */
.summary li {
  padding: 5px 0;
  list-style: none;
}

/* line 474, app/assets/stylesheets/renter-insight.scss */
.summary li.summary-input {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
}

/* line 478, app/assets/stylesheets/renter-insight.scss */
.summary li.summary-input .form-radio {
  margin-left: 10px;
}

/* line 481, app/assets/stylesheets/renter-insight.scss */
.summary li.summary-input .form-radio .input-radio {
  margin-right: 0px;
}

/* line 489, app/assets/stylesheets/renter-insight.scss */
.disclaimer {
  font-size: 0.75em;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
}

/* line 494, app/assets/stylesheets/renter-insight.scss */
.positive {
  color: #8CC66A;
}

/* line 498, app/assets/stylesheets/renter-insight.scss */
.negative {
  color: #D74134;
}

/* line 502, app/assets/stylesheets/renter-insight.scss */
.v-divider {
  width: 1px;
  height: 100%;
  border-right: 1px solid #E5E5E5;
}

/* line 508, app/assets/stylesheets/renter-insight.scss */
.h-divider {
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #E5E5E5;
}

/* line 514, app/assets/stylesheets/renter-insight.scss */
.flex-img-avatar {
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
  -ms-border-radius: 500px;
  border-radius: 500px;
  width: 100%;
  height: auto;
}

/* line 520, app/assets/stylesheets/renter-insight.scss */
.hide {
  /* display: none!important; */
  display: none;
}

/* line 525, app/assets/stylesheets/renter-insight.scss */
.img-screenshot {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.13);
}

/* line 529, app/assets/stylesheets/renter-insight.scss */
.circle-bg {
  position: fixed;
  /* caused vert scroll issues */
  position: absolute;
  height: 100vh;
  width: 100vw;
  top: 0;
  left: 0;
  z-index: -1;
  /* adjust for vert scroll issues - now using pos absolute */
  /* background:url(/..//images/circle-bg-pattern.svg) repeat-y; */
  background-image: url(/images/circle-bg-left.svg), url(/images/circle-bg-right.svg);
  background-position: left 15%, right 90%;
  background-repeat: no-repeat, no-repeat;
  background-size: 270px, 270px;
}

@media (min-width: 1200px) {
  /* line 529, app/assets/stylesheets/renter-insight.scss */
  .circle-bg {
    margin-top: -70px;
    margin-left: -20px;
  }
}

/* line 551, app/assets/stylesheets/renter-insight.scss */
.circle-bg.circle-bg-short {
  background-position: left 10%, right 90%;
}

@media (max-width: 768px) {
  /* line 529, app/assets/stylesheets/renter-insight.scss */
  .circle-bg {
    background-position: left -5%, right 105%;
    background-size: 200px, 200px;
  }
}

/* line 562, app/assets/stylesheets/renter-insight.scss */
.btn {
  text-transform: uppercase;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 0.9em;
  padding: 0 15px;
  height: 37px;
  line-height: 0;
  border-radius: 3px;
  display: inline-block;
  background: #BCBCBC;
  /* Avoid Highlights */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 582, app/assets/stylesheets/renter-insight.scss */
.btn span {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  height: inherit;
}

@media (max-width: 576px) {
  /* line 582, app/assets/stylesheets/renter-insight.scss */
  .btn span {
    white-space: nowrap;
  }
}

/* line 594, app/assets/stylesheets/renter-insight.scss */
.btn:hover {
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 599, app/assets/stylesheets/renter-insight.scss */
.btn i {
  font-size: 1.25em;
  line-height: 0;
  margin-left: 10px;
}

/* line 605, app/assets/stylesheets/renter-insight.scss */
.btn.btn-small {
  height: 30px;
  padding-right: 10px;
  padding-left: 10px;
}

/* line 611, app/assets/stylesheets/renter-insight.scss */
.btn.btn-medium {
  max-width: 200px;
}

/* line 615, app/assets/stylesheets/renter-insight.scss */
.btn.btn-large {
  transform: scale(1.4, 1.4);
}

/* line 619, app/assets/stylesheets/renter-insight.scss */
.btn.btn-red {
  background: #C44C3D;
  color: #ffffff;
}

/* line 623, app/assets/stylesheets/renter-insight.scss */
.btn.btn-red:hover {
  background: #AA3B2D;
  color: #ffffff;
}

/* line 629, app/assets/stylesheets/renter-insight.scss */
.btn.btn-gray, .btn.btn-gray-light, .btn.btn-dark-gray {
  background: #BCBCBC;
  color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 634, app/assets/stylesheets/renter-insight.scss */
.btn.btn-gray:hover, .btn.btn-gray-light:hover, .btn.btn-dark-gray:hover {
  background: rgba(188, 188, 188, 0.6);
  color: rgba(131, 131, 131, 0.6);
}

/* line 639, app/assets/stylesheets/renter-insight.scss */
.btn.btn-gray.active, .btn.btn-gray-light.active, .btn.btn-dark-gray.active {
  /* background: $ri_red_dark; */
  background: #C44C3D;
  color: #ffffff;
}

/* line 646, app/assets/stylesheets/renter-insight.scss */
.btn.btn-gray.btn-multichoice:hover, .btn.btn-gray.btn-multichoice.active, .btn.btn-gray-light.btn-multichoice:hover, .btn.btn-gray-light.btn-multichoice.active, .btn.btn-dark-gray.btn-multichoice:hover, .btn.btn-dark-gray.btn-multichoice.active {
  background: #C44C3D;
  color: #ffffff;
  cursor: pointer;
  /* @include animate; */
}

/* line 655, app/assets/stylesheets/renter-insight.scss */
.btn.btn-dark-gray {
  background: #838383;
}

/* line 659, app/assets/stylesheets/renter-insight.scss */
.btn.btn-gray-light {
  background: #E5E5E5;
  color: #BCBCBC;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

/* line 664, app/assets/stylesheets/renter-insight.scss */
.btn.btn-gray-light:hover {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

/* line 669, app/assets/stylesheets/renter-insight.scss */
.btn.btn-inactive {
  cursor: default;
  background: #E0E0E0;
  color: #BCBCBC;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

/* line 675, app/assets/stylesheets/renter-insight.scss */
.btn.btn-inactive:hover {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

/* Webkit */
/* line 683, app/assets/stylesheets/renter-insight.scss */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
  -webkit-box-shadow: inset 0 0 0px 9999px white;
  -webkit-text-fill-color: #34495E;
  transition: background-color 5000s ease-in-out 0s;
}

/* Moz */
/* line 692, app/assets/stylesheets/renter-insight.scss */
input:autofill {
  filter: none;
}

/* line 696, app/assets/stylesheets/renter-insight.scss */
.list {
  list-style: none;
  text-align: left;
}

/* line 701, app/assets/stylesheets/renter-insight.scss */
.video-wrap {
  width: calc(100% - 30px);
  margin: 12px 15px;
}

/* line 705, app/assets/stylesheets/renter-insight.scss */
.video-wrap img {
  width: 100%;
  height: auto;
}

/* line 711, app/assets/stylesheets/renter-insight.scss */
.thumbnail-gallery {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 0px 4px;
  padding: 0 0 0 4px;
  flex-flow: row wrap;
}

/* line 717, app/assets/stylesheets/renter-insight.scss */
.thumbnail-gallery .thumb-wrap {
  /* flex:1 1 17%; */
  width: 100%;
  max-width: calc(100% / 5 - 4px);
  margin: 0;
  padding: 0;
}

/* line 724, app/assets/stylesheets/renter-insight.scss */
.thumbnail-gallery .thumb-wrap.thumb-selected {
  background: darkgray;
}

/* line 726, app/assets/stylesheets/renter-insight.scss */
.thumbnail-gallery .thumb-wrap.thumb-selected img {
  opacity: 0.5;
}

@media (max-width: 576px) {
  /* line 717, app/assets/stylesheets/renter-insight.scss */
  .thumbnail-gallery .thumb-wrap {
    max-width: calc(100% / 3 - 4px);
  }
}

/* line 735, app/assets/stylesheets/renter-insight.scss */
.thumbnail-gallery .thumb-wrap img {
  width: 100%;
  padding: 0;
  margin: 0;
  /* max-width:150px; */
  /* margin: 2px; */
}

/* line 745, app/assets/stylesheets/renter-insight.scss */
.qr-code-wrap {
  width: 100px;
  line-height: 1;
  margin: 10px auto;
  /* @include max-small {
		display: none;
	} */
}

/* line 754, app/assets/stylesheets/renter-insight.scss */
.qr-code-wrap .qr-code {
  width: 100%;
}

/* line 758, app/assets/stylesheets/renter-insight.scss */
.qr-code-wrap span {
  text-align: center;
  display: block;
  font-size: 0.8em;
}

/* line 765, app/assets/stylesheets/renter-insight.scss */
.btn-checkbox {
  margin-right: 5px;
  /* font-size: 1.3em; */
  color: #BCBCBC;
}

/* line 770, app/assets/stylesheets/renter-insight.scss */
.btn-checkbox.active {
  color: #34495E;
}

/* line 774, app/assets/stylesheets/renter-insight.scss */
.btn-checkbox:hover {
  cursor: pointer;
}

/* line 779, app/assets/stylesheets/renter-insight.scss */
.alert-box {
  background: #ffffff;
  border: 1px solid #BCBCBC;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.13);
  padding: 11px 15px;
  line-height: 1.3;
  font-size: 0.9em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  max-width: 400px;
  text-align: left;
  justify-content: space-between;
  z-index: 2;
}

/* line 793, app/assets/stylesheets/renter-insight.scss */
.alert-box.alert-box-in-row {
  position: absolute;
  width: 400px;
  right: -11px;
  top: -12px;
}

@media (max-width: 576px) {
  /* line 793, app/assets/stylesheets/renter-insight.scss */
  .alert-box.alert-box-in-row {
    width: 270px;
  }
}

/* line 804, app/assets/stylesheets/renter-insight.scss */
.alert-box .btn-block {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}

/* line 808, app/assets/stylesheets/renter-insight.scss */
.alert-box .btn {
  border: 1px solid #BCBCBC;
  /* border: none; */
  padding: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  font-size: 1em;
}

/* line 815, app/assets/stylesheets/renter-insight.scss */
.alert-box .btn:first-of-type {
  /* margin-left: 5px; */
}

/* line 819, app/assets/stylesheets/renter-insight.scss */
.alert-box .btn.btn-clear {
  border: none;
  padding: 10px 5px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 824, app/assets/stylesheets/renter-insight.scss */
.alert-box .btn.btn-clear:hover {
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 831, app/assets/stylesheets/renter-insight.scss */
.alert-box .btn-close-x {
  margin-left: 10px;
  line-height: 1;
  font-size: 1.3em;
  color: #C44C3D;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 838, app/assets/stylesheets/renter-insight.scss */
.alert-box .btn-close-x:hover {
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
}

/* line 846, app/assets/stylesheets/renter-insight.scss */
.toggle-item {
  color: #BCBCBC;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}

/* line 851, app/assets/stylesheets/renter-insight.scss */
.toggle-item .toggle-item-label {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 855, app/assets/stylesheets/renter-insight.scss */
.toggle-item .toggle-item-label.toggle-item-label-small {
  font-size: 0.9em;
  line-height: 1;
  text-align: right;
}

/* line 861, app/assets/stylesheets/renter-insight.scss */
.toggle-item .toggle-item-label:hover {
  cursor: pointer;
}

/* line 865, app/assets/stylesheets/renter-insight.scss */
.toggle-item .toggle-item-label span {
  margin: 0 5px;
}

/* line 869, app/assets/stylesheets/renter-insight.scss */
.toggle-item .toggle-item-label i {
  font-size: 1.4em;
  color: #BCBCBC;
}

/* line 875, app/assets/stylesheets/renter-insight.scss */
.toggle-item.active {
  color: #838383;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 879, app/assets/stylesheets/renter-insight.scss */
.toggle-item.active i {
  color: #D74134;
}

/* line 882, app/assets/stylesheets/renter-insight.scss */
.toggle-item.active span {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
}

/* .toggle-item */
/* line 890, app/assets/stylesheets/renter-insight.scss */
.form-input, .form-textarea {
  /* color: $ri_red; */
  color: #4C4C4C;
  background: #F4F4F4BD;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  border: none;
  font-size: 1em;
  padding: 7px;
  width: 100%;
}

@media (max-width: 576px) {
  /* line 890, app/assets/stylesheets/renter-insight.scss */
  .form-input, .form-textarea {
    font-size: 16px !important;
  }
}

/* line 906, app/assets/stylesheets/renter-insight.scss */
.form-input::-webkit-input-placeholder, .form-textarea::-webkit-input-placeholder {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-style: italic;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 911, app/assets/stylesheets/renter-insight.scss */
.form-input:-moz-placeholder, .form-textarea:-moz-placeholder {
  /* Firefox 18- */
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-style: italic;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 916, app/assets/stylesheets/renter-insight.scss */
.form-input::-moz-placeholder, .form-textarea::-moz-placeholder {
  /* Firefox 19+ */
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-style: italic;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 921, app/assets/stylesheets/renter-insight.scss */
.form-input:-ms-input-placeholder, .form-textarea:-ms-input-placeholder {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-style: italic;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 926, app/assets/stylesheets/renter-insight.scss */
.form-input:focus, .form-textarea:focus {
  outline: none !important;
}

/* line 929, app/assets/stylesheets/renter-insight.scss */
.form-input:focus::-webkit-input-placeholder, .form-textarea:focus::-webkit-input-placeholder {
  color: rgba(76, 76, 76, 0);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 934, app/assets/stylesheets/renter-insight.scss */
.form-input:focus:-moz-placeholder, .form-textarea:focus:-moz-placeholder {
  /* Firefox 18- */
  color: rgba(76, 76, 76, 0);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 939, app/assets/stylesheets/renter-insight.scss */
.form-input:focus::-moz-placeholder, .form-textarea:focus::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(76, 76, 76, 0);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 944, app/assets/stylesheets/renter-insight.scss */
.form-input:focus:-ms-input-placeholder, .form-textarea:focus:-ms-input-placeholder {
  color: rgba(76, 76, 76, 0);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* .form-input, .form-textarea */
/* line 951, app/assets/stylesheets/renter-insight.scss */
.form-textarea {
  padding: 13px 10px;
}

/* line 955, app/assets/stylesheets/renter-insight.scss */
.form-input-white {
  border: 1px solid #E0E0E0;
  box-shadow: none;
  background: #ffffff;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

/* line 964, app/assets/stylesheets/renter-insight.scss */
.form-input-center {
  text-align: center;
}

/* line 968, app/assets/stylesheets/renter-insight.scss */
.form-select {
  /* Reset styles, including removing the default dropdown arrow */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  background-color: transparent;
  border: 1px solid #E5E5E5;
  padding: 0px 10px;
  margin: 0;
  width: 100%;
  min-width: 110px;
  height: 32px;
  text-align: center;
  font-family: inherit;
  font-size: 0.9em;
  cursor: inherit;
  line-height: inherit;
  position: relative;
  color: rgba(131, 131, 131, 0.9);
  background: url(/images/arrow-down-solid-gray.svg) 96%/15% no-repeat #F9F9F9;
  background-size: 12px;
}

/* line 991, app/assets/stylesheets/renter-insight.scss */
.form-select.form-select-wide {
  min-width: 250px;
}

@media (max-width: 768px) {
  /* line 968, app/assets/stylesheets/renter-insight.scss */
  .form-select {
    background: url(/images/arrow-down-solid-gray.svg) 98% / 2.5% no-repeat #F9F9F9;
  }
}

/* line 999, app/assets/stylesheets/renter-insight.scss */
.form-select::-ms-expand {
  display: none;
  /* Hide the default arrow in Internet Explorer 10 and Internet Explorer 11 */
}

/* line 1003, app/assets/stylesheets/renter-insight.scss */
.form-select:focus {
  outline: none !important;
}

/* line 1007, app/assets/stylesheets/renter-insight.scss */
.form-select.form-select-white {
  background-color: #ffffff;
}

/* .form-select */
/* line 1012, app/assets/stylesheets/renter-insight.scss */
.input-radio {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  line-height: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 1017, app/assets/stylesheets/renter-insight.scss */
.input-radio:hover {
  cursor: pointer;
}

/* line 1021, app/assets/stylesheets/renter-insight.scss */
.input-radio .input-radio-btn {
  color: #BCBCBC;
  margin-right: 5px;
  font-size: 1.5em;
  line-height: 1;
}

/* line 1027, app/assets/stylesheets/renter-insight.scss */
.input-radio .input-radio-btn.input-radio-btn-disabled {
  color: #E0E0E0;
}

/* line 1033, app/assets/stylesheets/renter-insight.scss */
.input-radio.active .input-radio-btn {
  color: #34495E;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 1036, app/assets/stylesheets/renter-insight.scss */
.input-radio.active .input-radio-btn.input-radio-btn-disabled {
  color: #E0E0E0;
}

/* line 1044, app/assets/stylesheets/renter-insight.scss */
.input-radio label {
  margin-bottom: 0;
  line-height: 1;
  position: relative;
  margin-top: 3.5px;
}

/* line 1052, app/assets/stylesheets/renter-insight.scss */
.form-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}

/* line 1057, app/assets/stylesheets/renter-insight.scss */
.form-row.form-stacked {
  display: block;
}

/* line 1061, app/assets/stylesheets/renter-insight.scss */
.form-row.form-center {
  text-align: center;
  width: auto;
  display: block;
}

/* line 1066, app/assets/stylesheets/renter-insight.scss */
.form-row.form-center .form-item {
  text-align: center;
  display: block;
  width: auto;
}

/* line 1071, app/assets/stylesheets/renter-insight.scss */
.form-row.form-center .form-item .form-radio {
  justify-content: center;
  margin: 10px auto auto auto;
}

/* line 1078, app/assets/stylesheets/renter-insight.scss */
.form-row.form-row-short {
  margin-bottom: 10px;
}

/* line 1082, app/assets/stylesheets/renter-insight.scss */
.form-row:last-of-type {
  margin-bottom: 0;
}

@media (max-width: 768px) {
  /* line 1052, app/assets/stylesheets/renter-insight.scss */
  .form-row {
    flex-flow: column wrap;
    margin-bottom: 5px;
  }
  /* line 1090, app/assets/stylesheets/renter-insight.scss */
  .form-row.no-column {
    flex-flow: row nowrap;
  }
}

/* line 1095, app/assets/stylesheets/renter-insight.scss */
.form-row .form-item {
  margin-right: 30px;
  width: 100%;
  position: relative;
}

@media (max-width: 768px) {
  /* line 1095, app/assets/stylesheets/renter-insight.scss */
  .form-row .form-item {
    margin: 0 0 15px 0;
  }
}

/* line 1104, app/assets/stylesheets/renter-insight.scss */
.form-row .form-item:last-of-type {
  margin-right: 0;
}

/* line 1108, app/assets/stylesheets/renter-insight.scss */
.form-row .form-item .character-count {
  font-size: 0.7em;
  color: #838383;
  position: absolute;
  right: 0;
  bottom: -20px;
}

/* .form-row */
/* line 1118, app/assets/stylesheets/renter-insight.scss */
.form-item-date {
  position: relative;
}

/* line 1121, app/assets/stylesheets/renter-insight.scss */
.form-item-date i {
  position: absolute;
  bottom: 12px;
  right: 10px;
  color: rgba(131, 131, 131, 0.8);
}

/* line 1129, app/assets/stylesheets/renter-insight.scss */
.form-radio {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 1133, app/assets/stylesheets/renter-insight.scss */
.form-radio label {
  margin-right: 15px;
}

/* line 1138, app/assets/stylesheets/renter-insight.scss */
.form-radio.form-radio-snug label {
  margin-right: 8px;
}

/* line 1143, app/assets/stylesheets/renter-insight.scss */
.form-radio .input-radio {
  margin-right: 5px;
}

/* line 1146, app/assets/stylesheets/renter-insight.scss */
.form-radio .input-radio:last-of-type {
  margin-right: 0;
}

/* line 1152, app/assets/stylesheets/renter-insight.scss */
.form-item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: column nowrap;
}

/* line 1156, app/assets/stylesheets/renter-insight.scss */
.form-item label {
  margin-bottom: 7px;
  white-space: nowrap;
  text-align: left;
}

/* line 1161, app/assets/stylesheets/renter-insight.scss */
.form-item label span {
  color: #34495E;
}

/* line 1166, app/assets/stylesheets/renter-insight.scss */
.form-item.form-item-checkbox {
  margin-bottom: 0;
  margin-top: 30px;
  /* align with field until large size */
}

@media (max-width: 992px) {
  /* line 1166, app/assets/stylesheets/renter-insight.scss */
  .form-item.form-item-checkbox {
    margin-top: 0px;
    margin-bottom: 10px;
  }
}

/* line 1177, app/assets/stylesheets/renter-insight.scss */
.form-item.form-item-checkbox span {
  color: #BCBCBC;
  margin-right: 7px;
}

/* line 1181, app/assets/stylesheets/renter-insight.scss */
.form-item.form-item-checkbox span .fas.active {
  color: #34495E;
}

/* line 1187, app/assets/stylesheets/renter-insight.scss */
.form-item .btn {
  margin-top: 26px;
}

/* line 1192, app/assets/stylesheets/renter-insight.scss */
.form-existing-card, .form-new-card, .form-screen-payment {
  padding-top: 5px;
}

/* line 1195, app/assets/stylesheets/renter-insight.scss */
.form-existing-card .form-label-main, .form-new-card .form-label-main, .form-screen-payment .form-label-main {
  margin-bottom: 15px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  width: 100%;
}

/* line 1202, app/assets/stylesheets/renter-insight.scss */
.form-existing-card .form-radio, .form-new-card .form-radio, .form-screen-payment .form-radio {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  width: 100%;
}

@media (max-width: 768px) {
  /* line 1192, app/assets/stylesheets/renter-insight.scss */
  .form-existing-card, .form-new-card, .form-screen-payment {
    padding-top: 0;
    margin-top: -13px;
  }
}

/* line 1214, app/assets/stylesheets/renter-insight.scss */
.form-payment-summary {
  justify-content: center;
  flex-flow: column nowrap;
  margin-top: 15px;
}

/* line 1223, app/assets/stylesheets/renter-insight.scss */
.form-payment-summary .summary-item {
  font-size: 1.2em;
}

/* line 1227, app/assets/stylesheets/renter-insight.scss */
.form-payment-summary .summary-price {
  font-size: 2em;
  margin-top: 7px;
}

/* line 1233, app/assets/stylesheets/renter-insight.scss */
.form-nav {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 30px;
}

/* line 1239, app/assets/stylesheets/renter-insight.scss */
.form-nav .btn {
  margin: 0 5px;
}

/* line 1245, app/assets/stylesheets/renter-insight.scss */
.split-columns {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 20px 20px;
  /* .split-details-info */
}

@media (max-width: 992px) {
  /* line 1245, app/assets/stylesheets/renter-insight.scss */
  .split-columns {
    flex-flow: column nowrap;
  }
}

/* line 1253, app/assets/stylesheets/renter-insight.scss */
.split-columns .split-details-column {
  background: rgba(249, 249, 249, 0.8);
  padding: 6px 30px 30px 30px;
  width: 100%;
}

/* line 1261, app/assets/stylesheets/renter-insight.scss */
.split-columns .split-details-info .form-item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
}

/* line 1266, app/assets/stylesheets/renter-insight.scss */
.split-columns .split-details-info .form-item label {
  margin-right: 10px;
}

/* line 1272, app/assets/stylesheets/renter-insight.scss */
.split-columns .split-details-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}

/* line 1278, app/assets/stylesheets/renter-insight.scss */
.split-columns .split-details-block {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: column nowrap;
}

/* line 1282, app/assets/stylesheets/renter-insight.scss */
.split-columns .split-details-block.split-details-block-left {
  text-align: left;
  margin-bottom: 10px;
  margin-top: 20px;
}

/* line 1288, app/assets/stylesheets/renter-insight.scss */
.split-columns .split-details-block span {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 700;
  font-style: normal;
}

/* line 1292, app/assets/stylesheets/renter-insight.scss */
.split-columns .split-details-block p {
  margin-top: 5px;
  line-height: 1.2;
}

/* line 1297, app/assets/stylesheets/renter-insight.scss */
.split-columns .split-details-block .form-textarea {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  background: #ffffff;
  border: 1px solid #BCBCBC;
  margin-top: 5px;
  min-height: 100px;
}

/* line 1306, app/assets/stylesheets/renter-insight.scss */
.split-columns .form {
  margin-top: 30px;
}

/* .split-columns */
/* line 1313, app/assets/stylesheets/renter-insight.scss */
.skinny-column {
  background: rgba(249, 249, 249, 0.8);
  padding: 6px 30px 30px 30px;
  width: 100%;
  max-width: 780px;
  margin: auto;
}

/* skinny-column */
/* line 1321, app/assets/stylesheets/renter-insight.scss */
.info-status-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  margin-bottom: 25px;
}

@media (max-width: 576px) {
  /* line 1321, app/assets/stylesheets/renter-insight.scss */
  .info-status-wrap {
    flex-flow: column nowrap;
    margin-bottom: 40px;
  }
}

/* line 1330, app/assets/stylesheets/renter-insight.scss */
.info-status-wrap div {
  font-size: 1.5em;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #838383;
  margin: 0 20px;
}

/* line 1336, app/assets/stylesheets/renter-insight.scss */
.info-status-wrap div:first-of-type {
  margin-left: 0;
}

/* line 1340, app/assets/stylesheets/renter-insight.scss */
.info-status-wrap div:last-of-type {
  margin-right: 0;
}

@media (max-width: 576px) {
  /* line 1330, app/assets/stylesheets/renter-insight.scss */
  .info-status-wrap div {
    margin: 0;
  }
}

/* line 1350, app/assets/stylesheets/renter-insight.scss */
.info-status-wrap .info-positive {
  color: #8CC66A;
}

/* line 1353, app/assets/stylesheets/renter-insight.scss */
.info-status-wrap .info-negative {
  color: #D74134;
}

/* line 1358, app/assets/stylesheets/renter-insight.scss */
.info-status-wrap .info-balance span {
  color: #1E2121;
}

/* line 1361, app/assets/stylesheets/renter-insight.scss */
.info-status-wrap .info-balance span:hover {
  color: #C44C3D;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  /* text-decoration: underline; */
}

/* .info-status-wrap */
/* line 1371, app/assets/stylesheets/renter-insight.scss */
.info-emergency {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  margin-bottom: 30px;
  color: #4C4C4C;
  font-size: 1.05em;
}

/* .info-emergency */
/* line 1378, app/assets/stylesheets/renter-insight.scss */
.btn-add-box {
  background: #F4F4F4BD;
  padding: 30px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 576px) {
  /* line 1378, app/assets/stylesheets/renter-insight.scss */
  .btn-add-box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: column nowrap;
  }
}

/* line 1390, app/assets/stylesheets/renter-insight.scss */
.btn-add-box i {
  color: rgba(188, 188, 188, 0.7);
  font-size: 2.5em;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 1396, app/assets/stylesheets/renter-insight.scss */
.btn-add-box span {
  font-size: 0.95em;
  margin-left: 10px;
}

@media (max-width: 576px) {
  /* line 1396, app/assets/stylesheets/renter-insight.scss */
  .btn-add-box span {
    margin-top: 20px;
    margin-left: 0;
  }
}

/* line 1405, app/assets/stylesheets/renter-insight.scss */
.btn-add-box span.add-box-mobile {
  display: none;
}

@media (max-width: 576px) {
  /* line 1396, app/assets/stylesheets/renter-insight.scss */
  .btn-add-box span {
    display: none;
  }
  /* line 1412, app/assets/stylesheets/renter-insight.scss */
  .btn-add-box span.add-box-mobile {
    display: block;
  }
}

/* line 1419, app/assets/stylesheets/renter-insight.scss */
.btn-add-box:hover {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  background: #E5E5E5;
}

/* line 1424, app/assets/stylesheets/renter-insight.scss */
.btn-add-box:hover i {
  color: #C44C3D;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 1432, app/assets/stylesheets/renter-insight.scss */
.expenses {
  padding: 20px 0;
  /* .expense-item */
}

/* line 1435, app/assets/stylesheets/renter-insight.scss */
.expenses .expense-item {
  border: 1px solid #BCBCBC;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  padding: 15px;
  margin: 10px 0;
  background: #ffffff;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
  flex-flow: column nowrap;
}

/* line 1446, app/assets/stylesheets/renter-insight.scss */
.expenses .expense-item li {
  list-style: none;
  margin: 7px 0;
}

/* line 1451, app/assets/stylesheets/renter-insight.scss */
.expenses .expense-item .expense-group {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

/* line 1454, app/assets/stylesheets/renter-insight.scss */
.expenses .expense-item .expense-group li {
  margin-right: 25px;
}

/* line 1457, app/assets/stylesheets/renter-insight.scss */
.expenses .expense-item .expense-group li:last-of-type {
  margin-right: 0;
}

/* line 1463, app/assets/stylesheets/renter-insight.scss */
.expenses .expense-item .expense-name {
  max-width: 85%;
}

/* line 1467, app/assets/stylesheets/renter-insight.scss */
.expenses .expense-item .expense-item-icons {
  color: #BCBCBC;
  position: absolute;
  top: 15px;
  right: 15px;
}

@media (max-width: 576px) {
  /* line 1467, app/assets/stylesheets/renter-insight.scss */
  .expenses .expense-item .expense-item-icons {
    top: 10px;
    right: 10px;
  }
}

/* line 1478, app/assets/stylesheets/renter-insight.scss */
.expenses .expense-item .expense-item-icons i {
  margin-left: 7px;
}

/* line 1485, app/assets/stylesheets/renter-insight.scss */
.expenses .expense-item .expense-item-icons i:hover {
  color: #C44C3D;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 1494, app/assets/stylesheets/renter-insight.scss */
.expenses .expense-total {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
}

/* .expenses */
/* ---- NAVIGATION ---- */
/* line 1523, app/assets/stylesheets/renter-insight.scss */
.mobile-topnav {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 2px;
}

/* line 1529, app/assets/stylesheets/renter-insight.scss */
.mobile-topnav a {
  padding: 0px 13px;
  text-align: center;
  color: #BCBCBC;
  text-decoration: none;
  font-size: 14px;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  white-space: nowrap;
  line-height: 1;
}

@media (max-width: 1200px) {
  /* line 1529, app/assets/stylesheets/renter-insight.scss */
  .mobile-topnav a {
    font-size: 11px;
  }
}

@media (max-width: 1200px) {
  /* line 1529, app/assets/stylesheets/renter-insight.scss */
  .mobile-topnav a {
    padding: 0 8px;
  }
}

/* line 1540, app/assets/stylesheets/renter-insight.scss */
.mobile-topnav a i {
  font-size: 19px;
  display: block;
  text-align: center;
  padding-bottom: 4px;
}

@media (max-width: 1200px) {
  /* line 1540, app/assets/stylesheets/renter-insight.scss */
  .mobile-topnav a i {
    font-size: 16px;
  }
}

/* line 1548, app/assets/stylesheets/renter-insight.scss */
.mobile-topnav a:hover {
  color: #C44C3D;
}

/* line 1552, app/assets/stylesheets/renter-insight.scss */
.mobile-topnav a.active {
  color: #C44C3D;
}

/* line 1558, app/assets/stylesheets/renter-insight.scss */
.mobile-topnav a {
  color: rgba(131, 131, 131, 0.7);
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 500;
  font-style: normal;
}

/* line 1563, app/assets/stylesheets/renter-insight.scss */
.mobile-topnav .navspace {
  width: 10px;
  height: 36px;
  margin: 0 20px 0 11px;
  border-right: 1px solid rgba(131, 131, 131, 0.3);
}

@media (min-width: 1200px) {
  /* line 1557, app/assets/stylesheets/renter-insight.scss */
  .mobile-topnav {
    display: none;
  }
}

@media (max-width: 1200px) {
  /* line 1577, app/assets/stylesheets/renter-insight.scss */
  .topnav .map-nav, .topnav .topsearch-nav {
    display: none;
  }
}

/* line 1583, app/assets/stylesheets/renter-insight.scss */
.topnav {
  /*height: $topbar_height + $topbar_tray_height;*/
  background: #F9F9F9;
  position: fixed;
  /* width:96.6%; */
  width: 100%;
  z-index: 39;
  padding: 0 20px 0 0;
  /* Switch the nav to mobile view */
  /* .topnav-block */
}

@media (max-width: 1200px) {
  /* line 1583, app/assets/stylesheets/renter-insight.scss */
  .topnav {
    display: none;
    /* width: calc(100% - 0px);
		margin-left: $sidenav_width_mobile;
		margin-top: $mobilenav_height; */
  }
}

/* line 1600, app/assets/stylesheets/renter-insight.scss */
.topnav .topnav-block {
  height: 70px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* line 1607, app/assets/stylesheets/renter-insight.scss */
.topnav .topnav-block .logo-block .logo {
  width: 150px;
  display: block;
  margin-left: 10px;
}

/* .topnav */
/* Nav Items in the Top Bar on Scroll Down the Page */
/* line 1622, app/assets/stylesheets/renter-insight.scss */
.nav-scrollmenu {
  height: 100%;
  display: none;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}

/* line 1627, app/assets/stylesheets/renter-insight.scss */
.nav-scrollmenu div {
  margin-left: 10px;
}

/* line 1631, app/assets/stylesheets/renter-insight.scss */
.nav-scrollmenu.nav-sm-active {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 1637, app/assets/stylesheets/renter-insight.scss */
.nav-scrollmenu .nav-sm-item {
  color: #BCBCBC;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 1641, app/assets/stylesheets/renter-insight.scss */
.nav-scrollmenu .nav-sm-item:hover {
  color: #C44C3D;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

@media (max-width: 1200px) {
  /* line 1622, app/assets/stylesheets/renter-insight.scss */
  .nav-scrollmenu {
    position: absolute;
    height: 54px;
    top: 0;
    right: 40px;
  }
}

/* line 1656, app/assets/stylesheets/renter-insight.scss */
.testing-nav-mobile {
  position: absolute;
  top: 10px;
  right: 40px;
}

@media (min-width: 1200px) {
  /* line 1656, app/assets/stylesheets/renter-insight.scss */
  .testing-nav-mobile {
    display: none;
  }
}

/* line 1667, app/assets/stylesheets/renter-insight.scss */
.testing-nav.hidetestnav, .testing-nav-mobile.hidetestnav {
  display: none;
}

/* line 1672, app/assets/stylesheets/renter-insight.scss */
.landlord-portal {
  /* @include rb; */
}

/* line 1676, app/assets/stylesheets/renter-insight.scss */
.resident-portal {
  /* @include gb; */
}

/* line 1680, app/assets/stylesheets/renter-insight.scss */
.sidenav {
  height: 100%;
  position: fixed;
  width: 50px;
  margin-top: 70px;
  z-index: 49;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  /* .menu-block */
}

@media (min-width: 1200px) {
  /* line 1689, app/assets/stylesheets/renter-insight.scss */
  .sidenav .nav-scrollmenu {
    display: none;
  }
}

@media (max-width: 1200px) {
  /* line 1680, app/assets/stylesheets/renter-insight.scss */
  .sidenav {
    margin-top: 0;
    width: 100%;
    height: 54px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  /* line 1700, app/assets/stylesheets/renter-insight.scss */
  .sidenav.mobile-nav-active {
    height: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  /* line 1704, app/assets/stylesheets/renter-insight.scss */
  .sidenav.mobile-nav-active .menu-block {
    height: 100%;
    padding-bottom: 60px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    align-content: center;
  }
  /* line 1711, app/assets/stylesheets/renter-insight.scss */
  .sidenav.mobile-nav-active .menu-block a {
    font-size: 1.4em;
    line-height: 0;
  }
  /* line 1715, app/assets/stylesheets/renter-insight.scss */
  .sidenav.mobile-nav-active .menu-block a .fal {
    font-size: 1em;
  }
}

/* line 1723, app/assets/stylesheets/renter-insight.scss */
.sidenav .logo-block {
  background: #F4F4F4BD;
  /*height: $topbar_height; */
  display: none;
}

/* line 1728, app/assets/stylesheets/renter-insight.scss */
.sidenav .logo-block a.logo-mark:hover, .sidenav .logo-block a.logo:hover {
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
}

@media (max-width: 1200px) {
  /* line 1723, app/assets/stylesheets/renter-insight.scss */
  .sidenav .logo-block {
    justify-content: space-between;
    padding: 0px 10px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    height: 54px;
  }
  /* line 1739, app/assets/stylesheets/renter-insight.scss */
  .sidenav .logo-block .logo-mark {
    display: none;
  }
}

@media (min-width: 1200px) {
  /* line 1744, app/assets/stylesheets/renter-insight.scss */
  .sidenav .logo-block .logo {
    display: none;
  }
  /* line 1748, app/assets/stylesheets/renter-insight.scss */
  .sidenav .logo-block .logo img {
    width: 80px;
  }
}

@media (max-width: 1200px) {
  /* line 1754, app/assets/stylesheets/renter-insight.scss */
  .sidenav .logo-block .logo img {
    width: 120px;
    display: block;
  }
}

/* line 1761, app/assets/stylesheets/renter-insight.scss */
.sidenav .logo-block .mobile-nav-btn {
  color: rgba(131, 131, 131, 0.5);
  font-size: 1.5em;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: none;
}

/* line 1769, app/assets/stylesheets/renter-insight.scss */
.sidenav .logo-block .mobile-nav-btn.nav-btn-active {
  color: #C44C3D;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 1200px) {
  /* line 1761, app/assets/stylesheets/renter-insight.scss */
  .sidenav .logo-block .mobile-nav-btn {
    display: inline-block;
  }
}

/* line 1780, app/assets/stylesheets/renter-insight.scss */
.sidenav .menu-block {
  background: #F4F4F4;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: column wrap;
  justify-content: space-between;
  height: calc(100% - 70px);
  overflow-x: hidden;
  overflow-y: scroll;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

/* line 312, app/assets/stylesheets/mixins/renter-insight-mixins.scss */
.sidenav .menu-block::-webkit-scrollbar {
  display: none;
}

@media (max-width: 1200px) {
  /* line 1780, app/assets/stylesheets/renter-insight.scss */
  .sidenav .menu-block {
    height: 0;
  }
}

/* line 1794, app/assets/stylesheets/renter-insight.scss */
.sidenav .menu-block .menu {
  flex-flow: column nowrap;
  justify-content: space-between;
  min-height: 525px;
  height: 100%;
  padding: 12px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

@media (max-width: 1200px) {
  /* line 1794, app/assets/stylesheets/renter-insight.scss */
  .sidenav .menu-block .menu {
    height: 100%;
    min-height: 300px;
    justify-content: flex-start;
  }
}

/* line 1809, app/assets/stylesheets/renter-insight.scss */
.sidenav .menu-block a {
  color: #838383;
  text-decoration: none;
  padding: 10px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
  line-height: 0;
}

/* line 1817, app/assets/stylesheets/renter-insight.scss */
.sidenav .menu-block a i {
  /*font-size: $nav_icon_size;*/
  font-size: 19px;
  width: 26px;
  text-align: center;
  color: #BCBCBC;
}

@media (max-width: 1200px) {
  /* line 1817, app/assets/stylesheets/renter-insight.scss */
  .sidenav .menu-block a i {
    font-size: 16px;
  }
}

@media (max-width: 1200px) {
  /* line 1817, app/assets/stylesheets/renter-insight.scss */
  .sidenav .menu-block a i {
    /*font-size: 1.3em;*/
    width: 40px;
  }
}

/* line 1830, app/assets/stylesheets/renter-insight.scss */
.sidenav .menu-block a span {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  padding-left: 12px;
  text-decoration: none;
  font-size: 14px;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  white-space: nowrap;
}

@media (max-width: 1200px) {
  /* line 1830, app/assets/stylesheets/renter-insight.scss */
  .sidenav .menu-block a span {
    font-size: 11px;
  }
}

@media (max-width: 1200px) {
  /* line 1830, app/assets/stylesheets/renter-insight.scss */
  .sidenav .menu-block a span {
    font-size: 0.8em;
  }
}

/* line 1842, app/assets/stylesheets/renter-insight.scss */
.sidenav .menu-block a:hover {
  color: #C44C3D;
}

@media (max-width: 1200px) {
  /* line 1849, app/assets/stylesheets/renter-insight.scss */
  .sidenav .menu-block .nav-bottom a:last-of-type {
    padding-bottom: 80px;
  }
}

@media (min-width: 1200px) {
  /* line 1857, app/assets/stylesheets/renter-insight.scss */
  .sidenav .menu-block .nav-small {
    padding-bottom: 4px;
  }
  /* line 1861, app/assets/stylesheets/renter-insight.scss */
  .sidenav .menu-block .nav-small i {
    font-size: 0.8em;
  }
  /* line 1864, app/assets/stylesheets/renter-insight.scss */
  .sidenav .menu-block .nav-small span {
    font-size: 0.6em;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
}

/* line 1870, app/assets/stylesheets/renter-insight.scss */
.sidenav .menu-block .nav-small:last-of-type {
  padding-bottom: 12px;
}

/* .sidenav */
@media (min-width: 1200px) {
  /* line 1879, app/assets/stylesheets/renter-insight.scss */
  .sidenav:hover {
    /*width: 155px;*/
    width: 180px !important;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
  }
  /* line 1884, app/assets/stylesheets/renter-insight.scss */
  .sidenav:hover .logo {
    display: block;
  }
  /* line 1888, app/assets/stylesheets/renter-insight.scss */
  .sidenav:hover .logo-mark {
    display: none;
  }
}

/* line 1895, app/assets/stylesheets/renter-insight.scss */
.horiz-nav, .stickynav {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
  padding: 0;
  /* @include max-small {
		@include rb;
	} */
  /* horiz-nav-sticky */
  /* .nav-dropdown */
}

@media (max-width: 992px) {
  /* line 1895, app/assets/stylesheets/renter-insight.scss */
  .horiz-nav, .stickynav {
    /* justify-content: space-between; */
  }
}

@media (max-width: 768px) {
  /* line 1895, app/assets/stylesheets/renter-insight.scss */
  .horiz-nav, .stickynav {
    /* justify-content: center; */
    flex-flow: row wrap;
    border-bottom: none;
  }
}

/* line 1916, app/assets/stylesheets/renter-insight.scss */
.horiz-nav.horiz-nav-sticky, .stickynav.horiz-nav-sticky {
  position: fixed;
  height: auto;
  width: 100%;
  max-width: 1100px;
  margin: 0 0 0 0px;
  padding: 0;
  top: 70px;
  z-index: 99;
  background: #ffffff;
  /* @include midshadow; */
  /* 		@include max-large {
			width: calc(100% - 0px);
		} */
}

@media (max-width: 1200px) {
  /* line 1916, app/assets/stylesheets/renter-insight.scss */
  .horiz-nav.horiz-nav-sticky, .stickynav.horiz-nav-sticky {
    top: 54px;
    width: calc(100% - 15px);
    max-width: 100vw;
    left: 0;
  }
}

@media (max-width: 576px) {
  /* line 1916, app/assets/stylesheets/renter-insight.scss */
  .horiz-nav.horiz-nav-sticky, .stickynav.horiz-nav-sticky {
    width: calc(100vw - 5px);
  }
}

/* line 1946, app/assets/stylesheets/renter-insight.scss */
.horiz-nav .horiz-nav-list, .stickynav .horiz-nav-list {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}

@media (max-width: 768px) {
  /* line 1946, app/assets/stylesheets/renter-insight.scss */
  .horiz-nav .horiz-nav-list, .stickynav .horiz-nav-list {
    flex-flow: row wrap;
    justify-content: center;
    width: 100%;
    order: 1;
    /* set flex order */
    border-bottom: 1px solid #E0E0E0;
  }
}

/* line 1959, app/assets/stylesheets/renter-insight.scss */
.horiz-nav .horiz-nav-list .hn-item, .stickynav .horiz-nav-list .hn-item {
  position: relative;
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  height: 50px;
  margin: 0 20px;
  color: #4C4C4C;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 992px) {
  /* line 1959, app/assets/stylesheets/renter-insight.scss */
  .horiz-nav .horiz-nav-list .hn-item, .stickynav .horiz-nav-list .hn-item {
    margin: 0 10px;
    font-size: 0.9em;
  }
}

@media (max-width: 768px) {
  /* line 1959, app/assets/stylesheets/renter-insight.scss */
  .horiz-nav .horiz-nav-list .hn-item, .stickynav .horiz-nav-list .hn-item {
    margin: 0 5px;
    height: 40px;
    font-size: 0.8em;
  }
}

/* line 1979, app/assets/stylesheets/renter-insight.scss */
.horiz-nav .horiz-nav-list .hn-item:first-of-type, .stickynav .horiz-nav-list .hn-item:first-of-type {
  margin-left: 0;
}

/* line 1983, app/assets/stylesheets/renter-insight.scss */
.horiz-nav .horiz-nav-list .hn-item:last-of-type, .stickynav .horiz-nav-list .hn-item:last-of-type {
  margin-right: 0;
}

/* line 1987, app/assets/stylesheets/renter-insight.scss */
.horiz-nav .horiz-nav-list .hn-item i, .stickynav .horiz-nav-list .hn-item i {
  margin-left: 6px;
  color: #BCBCBC;
}

/* line 1992, app/assets/stylesheets/renter-insight.scss */
.horiz-nav .horiz-nav-list .hn-item:hover, .stickynav .horiz-nav-list .hn-item:hover {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #C44C3D;
  cursor: pointer;
}

/* line 1997, app/assets/stylesheets/renter-insight.scss */
.horiz-nav .horiz-nav-list .hn-item:hover .nav-dropdown, .stickynav .horiz-nav-list .hn-item:hover .nav-dropdown {
  display: block;
}

/* line 2001, app/assets/stylesheets/renter-insight.scss */
.horiz-nav .horiz-nav-list .hn-item:hover i, .stickynav .horiz-nav-list .hn-item:hover i {
  color: #C44C3D;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 2007, app/assets/stylesheets/renter-insight.scss */
.horiz-nav .horiz-nav-list .hn-item.active, .stickynav .horiz-nav-list .hn-item.active {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #C44C3D;
}

/* line 2014, app/assets/stylesheets/renter-insight.scss */
.horiz-nav .hv-sidebtn, .stickynav .hv-sidebtn {
  text-transform: uppercase;
  font-size: 0.65em;
  color: #BCBCBC;
  height: 40px;
  padding: 0 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  /* @include max-large {
			position: absolute;
			margin-top: -45px;
		}*/
  /* @include max-medium {
			position: absolute;
			margin-top: -40px;
		}

		@include max-small {
			position: absolute;
			margin-top: -65px;
		} */
  /* Push below rather than above */
  /* @include max-medium {
			position: relative;
			margin-top: 40px;
		} */
}

@media (max-width: 768px) {
  /* line 2014, app/assets/stylesheets/renter-insight.scss */
  .horiz-nav .hv-sidebtn, .stickynav .hv-sidebtn {
    order: 5;
    /* set flex order */
    height: 30px;
    margin: 5px;
  }
}

/* line 2052, app/assets/stylesheets/renter-insight.scss */
.horiz-nav .hv-sidebtn i, .stickynav .hv-sidebtn i {
  font-size: 1.7em;
}

/* line 2056, app/assets/stylesheets/renter-insight.scss */
.horiz-nav .hv-sidebtn.hv-sidebtn-left, .stickynav .hv-sidebtn.hv-sidebtn-left {
  /* @include max-large {
				left: 0;
			} */
}

/* line 2057, app/assets/stylesheets/renter-insight.scss */
.horiz-nav .hv-sidebtn.hv-sidebtn-left i, .stickynav .hv-sidebtn.hv-sidebtn-left i {
  margin-right: 7px;
}

/* line 2065, app/assets/stylesheets/renter-insight.scss */
.horiz-nav .hv-sidebtn.hv-sidebtn-right, .stickynav .hv-sidebtn.hv-sidebtn-right {
  /* @include max-large {
				right: 0;
			} */
}

/* line 2066, app/assets/stylesheets/renter-insight.scss */
.horiz-nav .hv-sidebtn.hv-sidebtn-right i, .stickynav .hv-sidebtn.hv-sidebtn-right i {
  margin-left: 7px;
}

/* line 2074, app/assets/stylesheets/renter-insight.scss */
.horiz-nav .hv-sidebtn:hover, .stickynav .hv-sidebtn:hover {
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #C44C3D;
}

/* line 2080, app/assets/stylesheets/renter-insight.scss */
.horiz-nav .hv-sidebtn.hv-sidebtn-red, .stickynav .hv-sidebtn.hv-sidebtn-red {
  color: #C44C3D;
}

/* line 2084, app/assets/stylesheets/renter-insight.scss */
.horiz-nav .hv-sidebtn.active, .stickynav .hv-sidebtn.active {
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: #C44C3D;
  color: #ffffff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}

/* line 2093, app/assets/stylesheets/renter-insight.scss */
.horiz-nav .hv-sideitem, .stickynav .hv-sideitem {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 0.9em;
}

/* line 2097, app/assets/stylesheets/renter-insight.scss */
.horiz-nav .hv-sideitem:hover, .stickynav .hv-sideitem:hover {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #C44C3D;
  cursor: pointer;
}

/* line 2102, app/assets/stylesheets/renter-insight.scss */
.horiz-nav .hv-sideitem:hover i, .stickynav .hv-sideitem:hover i {
  color: #C44C3D;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 2109, app/assets/stylesheets/renter-insight.scss */
.horiz-nav .hv-sideitem i, .stickynav .hv-sideitem i {
  margin-right: 5px;
  color: #BCBCBC;
}

/* line 2115, app/assets/stylesheets/renter-insight.scss */
.horiz-nav .hv-sideitem.btn-cc-templates i, .stickynav .hv-sideitem.btn-cc-templates i {
  margin-right: 5px;
}

/* line 2122, app/assets/stylesheets/renter-insight.scss */
.horiz-nav .hv-stacked, .stickynav .hv-stacked {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  text-align: left;
  line-height: 1.1;
}

/* line 2128, app/assets/stylesheets/renter-insight.scss */
.horiz-nav .hv-smaller, .stickynav .hv-smaller {
  font-size: 0.9em;
}

/* line 2132, app/assets/stylesheets/renter-insight.scss */
.horiz-nav .hv-sidenav-left, .stickynav .hv-sidenav-left {
  position: absolute;
  left: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}

@media (max-width: 992px) {
  /* line 2132, app/assets/stylesheets/renter-insight.scss */
  .horiz-nav .hv-sidenav-left, .stickynav .hv-sidenav-left {
    position: relative;
  }
}

/* line 2141, app/assets/stylesheets/renter-insight.scss */
.horiz-nav .hv-sidenav-left i, .stickynav .hv-sidenav-left i {
  margin-right: 8px;
}

/* line 2145, app/assets/stylesheets/renter-insight.scss */
.horiz-nav .hv-sidenav-left .hv-sideitem, .stickynav .hv-sidenav-left .hv-sideitem {
  margin-right: 20px;
  text-align: left;
}

/* line 2151, app/assets/stylesheets/renter-insight.scss */
.horiz-nav .hv-sidenav-right, .stickynav .hv-sidenav-right {
  position: absolute;
  right: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}

/* line 2156, app/assets/stylesheets/renter-insight.scss */
.horiz-nav .hv-sidenav-right .hv-sideitem, .stickynav .hv-sidenav-right .hv-sideitem {
  margin-left: 15px;
}

/* line 2164, app/assets/stylesheets/renter-insight.scss */
.horiz-nav .nav-dropdown, .stickynav .nav-dropdown {
  list-style: none;
  position: absolute;
  /* width: $dropNavWidth; */
  /* left: calc(-245px + 15px); */
  width: auto;
  left: 0;
  top: 48px;
  background: #F9F9F9;
  border: 1px solid #E5E5E5;
  margin: 0;
  padding: 0 13px;
  /* @include flexbox;
		flex-flow: column wrap; */
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.09);
  z-index: 99;
  display: none;
}

@media (max-width: 768px) {
  /* line 2164, app/assets/stylesheets/renter-insight.scss */
  .horiz-nav .nav-dropdown, .stickynav .nav-dropdown {
    top: 38px;
  }
}

/* line 2187, app/assets/stylesheets/renter-insight.scss */
.horiz-nav .nav-dropdown li, .stickynav .nav-dropdown li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  white-space: nowrap;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding: 10px 0;
  border-bottom: 1px solid #E5E5E5;
  line-height: 1;
  font-size: 0.95em;
  color: #1E2121;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-style: normal;
}

/* line 2199, app/assets/stylesheets/renter-insight.scss */
.horiz-nav .nav-dropdown li:last-of-type, .stickynav .nav-dropdown li:last-of-type {
  border: none;
}

/* line 2203, app/assets/stylesheets/renter-insight.scss */
.horiz-nav .nav-dropdown li i, .stickynav .nav-dropdown li i {
  filter: alpha(opacity=40);
  -moz-opacity: 0.4;
  -khtml-opacity: 0.4;
  opacity: 0.4;
  font-size: 1.1em;
  margin-right: 10px;
}

/* line 2209, app/assets/stylesheets/renter-insight.scss */
.horiz-nav .nav-dropdown li:hover, .stickynav .nav-dropdown li:hover {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #C44C3D;
  cursor: pointer;
}

/* .horiz-nav */
/* line 2220, app/assets/stylesheets/renter-insight.scss */
.stickynav {
  border: none;
}

/* line 2223, app/assets/stylesheets/renter-insight.scss */
.stickynav.horiz-nav-sticky {
  border-bottom: 1px solid #E0E0E0;
}

/* line 2228, app/assets/stylesheets/renter-insight.scss */
.stickynote {
  position: fixed;
  background: #F9F9F9;
  padding: 10px 30px 10px 10px;
  font-size: 0.9em;
  height: auto;
  width: calc(100% - 50px);
  /* max-width: 1100px; */
  left: 50px;
  margin: 0 0 0 0px;
  border-top: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
  top: 70px;
  z-index: 99;
  text-align: justify;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.13);
  display: none;
}

/* line 2247, app/assets/stylesheets/renter-insight.scss */
.stickynote.sticky-active {
  display: block;
}

@media (max-width: 1200px) {
  /* line 2228, app/assets/stylesheets/renter-insight.scss */
  .stickynote {
    top: 54px;
    width: calc(100% - 15px);
    max-width: 100vw;
    padding: 10px;
    left: 0;
  }
}

@media (max-width: 576px) {
  /* line 2228, app/assets/stylesheets/renter-insight.scss */
  .stickynote {
    width: calc(100vw - 5px);
  }
}

/* line 2264, app/assets/stylesheets/renter-insight.scss */
.stickynote .sn-container {
  width: 100%;
  max-width: 780px;
  margin: 0 auto;
  padding: 0 5px;
}

/* line 2271, app/assets/stylesheets/renter-insight.scss */
.stickynote .sn-group {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}

@media (max-width: 480px) {
  /* line 2271, app/assets/stylesheets/renter-insight.scss */
  .stickynote .sn-group {
    flex-flow: column nowrap;
    align-items: center;
  }
}

/* line 2280, app/assets/stylesheets/renter-insight.scss */
.stickynote .sn-group span {
  /* margin-right: 20px; */
}

/* line 2283, app/assets/stylesheets/renter-insight.scss */
.stickynote .sn-group span:last-of-type {
  margin-right: 0;
}

@media (max-width: 576px) {
  /* line 2271, app/assets/stylesheets/renter-insight.scss */
  .stickynote .sn-group {
    justify-content: space-between;
  }
}

/* line 2294, app/assets/stylesheets/renter-insight.scss */
.stickynote .sn-block {
  margin-top: 7px;
  /* @include max-xs {
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		} */
}

/* .stickynote */
/* line 2309, app/assets/stylesheets/renter-insight.scss */
.conversation-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  /* flex-flow:column nowrap; */
  justify-content: stretch;
  flex-flow: row wrap;
  padding-top: 20px;
  /* ,convo-message */
}

@media (max-width: 576px) {
  /* line 2309, app/assets/stylesheets/renter-insight.scss */
  .conversation-wrap {
    padding: 5px 15px 15px 15px;
  }
}

/* line 2321, app/assets/stylesheets/renter-insight.scss */
.conversation-wrap h3 {
  width: 100%;
}

@media (max-width: 576px) {
  /* line 2321, app/assets/stylesheets/renter-insight.scss */
  .conversation-wrap h3 {
    font-size: 1em;
  }
}

/* line 2329, app/assets/stylesheets/renter-insight.scss */
.conversation-wrap .convo-message {
  background: #ffffff;
  padding: 15px;
  margin: 10px 0;
  border: 1px solid #E0E0E0;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 80%;
  position: relative;
  /* .convo-message-icons */
  /* &:nth-child(even) { */
  /* .convo-respondent */
}

@media (min-width: 576px) {
  /* line 2329, app/assets/stylesheets/renter-insight.scss */
  .conversation-wrap .convo-message {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
  }
}

@media (max-width: 768px) {
  /* line 2329, app/assets/stylesheets/renter-insight.scss */
  .conversation-wrap .convo-message {
    width: 90%;
  }
}

@media (max-width: 576px) {
  /* line 2329, app/assets/stylesheets/renter-insight.scss */
  .conversation-wrap .convo-message {
    flex-flow: column nowrap;
    justify-content: space-between;
  }
}

/* line 2352, app/assets/stylesheets/renter-insight.scss */
.conversation-wrap .convo-message h3 {
  margin-top: 0;
  margin-bottom: 0px;
  white-space: nowrap;
  text-align: left;
}

/* line 2358, app/assets/stylesheets/renter-insight.scss */
.conversation-wrap .convo-message h3 em {
  display: block;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-style: italic;
  text-transform: none;
  font-size: 0.8em;
  color: #BCBCBC;
}

/* line 2367, app/assets/stylesheets/renter-insight.scss */
.conversation-wrap .convo-message p {
  text-align: left;
  line-height: 1.2;
}

/* line 2371, app/assets/stylesheets/renter-insight.scss */
.conversation-wrap .convo-message p:last-of-type {
  margin-bottom: 0;
}

/* line 2376, app/assets/stylesheets/renter-insight.scss */
.conversation-wrap .convo-message .convo-message-icons {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-style: italic;
  font-size: 0.8em;
  position: absolute;
  top: 15px;
  right: 15px;
  color: #BCBCBC;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}

@media (max-width: 576px) {
  /* line 2376, app/assets/stylesheets/renter-insight.scss */
  .conversation-wrap .convo-message .convo-message-icons {
    top: 7px;
    right: 7px;
  }
}

/* line 2390, app/assets/stylesheets/renter-insight.scss */
.conversation-wrap .convo-message .convo-message-icons i {
  margin-left: 7px;
}

/* line 2393, app/assets/stylesheets/renter-insight.scss */
.conversation-wrap .convo-message .convo-message-icons i:hover {
  color: #C44C3D;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 2401, app/assets/stylesheets/renter-insight.scss */
.conversation-wrap .convo-message .flex-img-avatar {
  max-width: 75px;
  margin-right: 15px;
  position: relative;
  margin-left: -30px;
}

@media (max-width: 576px) {
  /* line 2401, app/assets/stylesheets/renter-insight.scss */
  .conversation-wrap .convo-message .flex-img-avatar {
    position: absolute;
    max-width: 40px;
    margin: auto;
    left: -20px;
    top: -20px;
    margin-right: 10px;
  }
}

/* line 2417, app/assets/stylesheets/renter-insight.scss */
.conversation-wrap .convo-message .convo-quote {
  width: 100%;
}

/* line 2422, app/assets/stylesheets/renter-insight.scss */
.conversation-wrap .convo-message.convo-respondent {
  flex-direction: row-reverse;
  margin-left: auto;
  /* h3 {
				text-align: right;
			} */
  /* p {
				text-align: right;
			} */
}

@media (max-width: 576px) {
  /* line 2422, app/assets/stylesheets/renter-insight.scss */
  .conversation-wrap .convo-message.convo-respondent {
    text-align: right;
    /* 	margin-left: 0; */
  }
  /* line 2430, app/assets/stylesheets/renter-insight.scss */
  .conversation-wrap .convo-message.convo-respondent .flex-img-avatar {
    position: absolute;
    left: auto;
    right: 10px;
  }
}

/* line 2441, app/assets/stylesheets/renter-insight.scss */
.conversation-wrap .convo-message.convo-respondent .convo-date {
  right: auto;
  left: 15px;
}

@media (max-width: 576px) {
  /* line 2441, app/assets/stylesheets/renter-insight.scss */
  .conversation-wrap .convo-message.convo-respondent .convo-date {
    left: 7px;
  }
}

/* line 2454, app/assets/stylesheets/renter-insight.scss */
.conversation-wrap .convo-message.convo-respondent .flex-img-avatar {
  margin-right: -30px;
  margin-left: 15px;
}

/* line 2462, app/assets/stylesheets/renter-insight.scss */
.conversation-wrap .form-reply {
  margin-top: 60px;
  width: 100%;
  flex-flow: column nowrap;
}

/* line 2467, app/assets/stylesheets/renter-insight.scss */
.conversation-wrap .form-reply label {
  text-align: center;
}

/* line 2471, app/assets/stylesheets/renter-insight.scss */
.conversation-wrap .form-reply .form-item {
  margin-right: 0px;
}

/* line 2475, app/assets/stylesheets/renter-insight.scss */
.conversation-wrap .form-reply .form-nav {
  margin-top: 20px;
}

/* line 2482, app/assets/stylesheets/renter-insight.scss */
.conversation-wrap.internal-notes .convo-message {
  width: 100%;
}

/* .conversation-wrap */
/* ---- OVERLAYS ---- */
/* line 2492, app/assets/stylesheets/renter-insight.scss */
.overlay-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1em;
  color: rgba(131, 131, 131, 0.9);
  /*position: absolute;*/
  position: fixed;
  overflow: hidden;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
  width: 100vw;
  height: 100vh;
  z-index: 999;
  background: rgba(255, 255, 255, 0.8);
  background: rgba(224, 224, 224, 0.93);
  top: 0px;
  left: 0px;
  padding: 0;
  margin: 0;
  /* Avoid Highlights */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* .overlay-box */
}

/* line 312, app/assets/stylesheets/mixins/renter-insight-mixins.scss */
.overlay-container::-webkit-scrollbar {
  display: none;
}

@media (max-width: 768px) {
  /* line 2492, app/assets/stylesheets/renter-insight.scss */
  .overlay-container {
    align-items: flex-start;
    padding-top: 20px;
  }
}

/* line 2525, app/assets/stylesheets/renter-insight.scss */
.overlay-container .overlay-box {
  position: relative;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #E0E0E0;
  background: #ffffff;
  padding: 30px 5px 26px 27px;
  width: 95%;
  max-width: 1100px;
  min-height: 215px;
  height: auto;
  max-height: 95%;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.09);
}

/* line 2540, app/assets/stylesheets/renter-insight.scss */
.overlay-container .overlay-box.overlay-box-small {
  max-width: 450px;
}

/* line 2544, app/assets/stylesheets/renter-insight.scss */
.overlay-container .overlay-box.overlay-box-medium {
  max-width: 600px;
}

/* line 2548, app/assets/stylesheets/renter-insight.scss */
.overlay-container .overlay-box.overlay-box-large {
  max-width: 750px;
}

@media (max-width: 768px) {
  /* line 2525, app/assets/stylesheets/renter-insight.scss */
  .overlay-container .overlay-box {
    max-height: 79vh;
    padding: 30px 1px 30px 15px;
  }
}

/* line 2557, app/assets/stylesheets/renter-insight.scss */
.overlay-container .overlay-box .btn-close-overlay {
  color: #E0E0E0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: absolute;
  font-size: 1.5em;
  right: 11px;
  top: 8px;
  z-index: 99;
}

/* line 2567, app/assets/stylesheets/renter-insight.scss */
.overlay-container .overlay-box .btn-close-overlay:hover {
  cursor: pointer;
  color: #C44C3D;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 2574, app/assets/stylesheets/renter-insight.scss */
.overlay-container .overlay-box .overlay-box-content {
  overflow: hidden;
  overflow-y: scroll;
  --scrollbargrayBG:rgba(255,255,255,0);
  --thumbgrayBG: #e1e1e1;
  scrollbar-width: auto;
  scrollbar-color: var(--thumbgrayBG) var(--scrollbargrayBG);
  border: 3px solid var(--scrollbargrayBG);
  max-height: 85vh;
  position: relative;
  padding-right: 15px;
}

/* line 342, app/assets/stylesheets/mixins/renter-insight-mixins.scss */
.overlay-container .overlay-box .overlay-box-content::-webkit-scrollbar {
  width: 7px;
}

/* line 350, app/assets/stylesheets/mixins/renter-insight-mixins.scss */
.overlay-container .overlay-box .overlay-box-content::-webkit-scrollbar-track {
  background: var(--scrollbargrayBG);
}

/* line 353, app/assets/stylesheets/mixins/renter-insight-mixins.scss */
.overlay-container .overlay-box .overlay-box-content::-webkit-scrollbar-thumb {
  background-color: var(--thumbgrayBG);
  border-radius: 10px;
}

@media (max-width: 768px) {
  /* line 2574, app/assets/stylesheets/renter-insight.scss */
  .overlay-container .overlay-box .overlay-box-content {
    max-height: 71vh;
  }
}

/* line 2587, app/assets/stylesheets/renter-insight.scss */
.overlay-container .overlay-box h2 {
  text-align: center;
}

/* line 2591, app/assets/stylesheets/renter-insight.scss */
.overlay-container .overlay-box .flex-img-avatar {
  max-width: 200px;
  margin: 0 auto;
}

/* .overlay-container */
/* ---- FLEX GRID ---- */
/* line 2603, app/assets/stylesheets/renter-insight.scss */
.img-responsive {
  width: 100%;
  height: auto;
}

/* line 2608, app/assets/stylesheets/renter-insight.scss */
.img-rounded-corners {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px;
}

/* line 2612, app/assets/stylesheets/renter-insight.scss */
.flex-grid {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  color: #34495E;
  flex-flow: row wrap;
  /* .flex-grid-item */
  /* .flex-grid-edit-mode */
}

/* line 2618, app/assets/stylesheets/renter-insight.scss */
.flex-grid a {
  color: #34495E;
}

/* line 2622, app/assets/stylesheets/renter-insight.scss */
.flex-grid h3 {
  font-size: 1.3em;
  margin: 0 0 5px 0;
  padding-top: 0;
  line-height: 1;
}

/* line 2629, app/assets/stylesheets/renter-insight.scss */
.flex-grid .flex-grid-item {
  padding: 25px;
  background: #F4F4F4BD;
  /* margin: 15px; */
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex: 1 1 30%;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center;
  /* .flex-line */
  /* .flex-line-resident */
}

/* line 302, app/assets/stylesheets/mixins/renter-insight-mixins.scss */
.flex-grid .flex-grid-item:first-of-type {
  margin-left: 0;
}

/* line 306, app/assets/stylesheets/mixins/renter-insight-mixins.scss */
.flex-grid .flex-grid-item:last-of-type {
  margin-right: 0;
}

/* line 2642, app/assets/stylesheets/renter-insight.scss */
.flex-grid .flex-grid-item .flex-img-hero {
  margin-bottom: 21px;
}

/* line 2646, app/assets/stylesheets/renter-insight.scss */
.flex-grid .flex-grid-item .flex-line-block {
  /* margin-top: 30px; */
  margin: 10px 0;
}

/* line 2650, app/assets/stylesheets/renter-insight.scss */
.flex-grid .flex-grid-item .flex-line-block.flex-hero-block {
  margin-top: 0;
}

/* line 2654, app/assets/stylesheets/renter-insight.scss */
.flex-grid .flex-grid-item .flex-line-block:last-of-type {
  /* margin-bottom: 0; */
  margin-bottom: 10px;
}

/* line 2659, app/assets/stylesheets/renter-insight.scss */
.flex-grid .flex-grid-item .flex-line-block .flex-line {
  margin: 7px auto;
}

/* line 2662, app/assets/stylesheets/renter-insight.scss */
.flex-grid .flex-grid-item .flex-line-block .flex-line:last-of-type {
  margin-bottom: 0;
}

/* line 2668, app/assets/stylesheets/renter-insight.scss */
.flex-grid .flex-grid-item .flex-line {
  /* margin-bottom: 8px; */
  font-size: 1.05em;
  display: block;
}

/* line 2673, app/assets/stylesheets/renter-insight.scss */
.flex-grid .flex-grid-item .flex-line.flex-line-lg {
  font-size: 1.3em;
}

/* line 2677, app/assets/stylesheets/renter-insight.scss */
.flex-grid .flex-grid-item .flex-line strong {
  color: black;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
}

/* line 2682, app/assets/stylesheets/renter-insight.scss */
.flex-grid .flex-grid-item .flex-line .btn-checkbox {
  margin-right: 5px;
  font-size: 1.3em;
  color: #BCBCBC;
}

/* line 2687, app/assets/stylesheets/renter-insight.scss */
.flex-grid .flex-grid-item .flex-line .btn-checkbox.active {
  color: #C44C3D;
}

/* line 2694, app/assets/stylesheets/renter-insight.scss */
.flex-grid .flex-grid-item .flex-line-vehicle {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}

/* line 2697, app/assets/stylesheets/renter-insight.scss */
.flex-grid .flex-grid-item .flex-line-vehicle .fa-car {
  color: #C44C3D;
  font-size: 4.1em;
  width: calc(90px - 10px);
  height: 90px;
  display: block;
  line-height: 1.3;
}

/* line 2708, app/assets/stylesheets/renter-insight.scss */
.flex-grid .flex-grid-item .flex-line-resident {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  /* justify-content: center; */
  margin-bottom: 20px;
  /* .flex-line-resident-info */
}

/* line 2715, app/assets/stylesheets/renter-insight.scss */
.flex-grid .flex-grid-item .flex-line-resident:last-of-type {
  margin-bottom: 0;
  /* margin-bottom: 20px; */
}

/* line 2720, app/assets/stylesheets/renter-insight.scss */
.flex-grid .flex-grid-item .flex-line-resident .flex-resident-edit-info {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: column nowrap;
  text-align: center;
  margin-right: 15px;
}

/* line 2726, app/assets/stylesheets/renter-insight.scss */
.flex-grid .flex-grid-item .flex-line-resident .flex-resident-edit-info i {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(131, 131, 131, 0.7);
  margin: 5px auto;
  display: block;
  position: relative;
}

/* line 2734, app/assets/stylesheets/renter-insight.scss */
.flex-grid .flex-grid-item .flex-line-resident .flex-resident-edit-info i:hover {
  cursor: pointer;
  color: #C44C3D;
}

/* line 2739, app/assets/stylesheets/renter-insight.scss */
.flex-grid .flex-grid-item .flex-line-resident .flex-resident-edit-info i.btn-rd-remove-resident, .flex-grid .flex-grid-item .flex-line-resident .flex-resident-edit-info i.btn-rd-remove-resident-pet, .flex-grid .flex-grid-item .flex-line-resident .flex-resident-edit-info i.btn-rd-remove-resident-vehicle {
  margin-left: 0px;
}

/* line 2747, app/assets/stylesheets/renter-insight.scss */
.flex-grid .flex-grid-item .flex-line-resident .flex-img-avatar {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  width: 90px;
  height: 90px;
}

/* line 2753, app/assets/stylesheets/renter-insight.scss */
.flex-grid .flex-grid-item .flex-line-resident .flex-line-resident-info {
  text-align: left;
  margin-left: 20px;
}

/* line 2757, app/assets/stylesheets/renter-insight.scss */
.flex-grid .flex-grid-item .flex-line-resident .flex-line-resident-info .flex-line {
  margin: 0px auto;
}

/* line 2761, app/assets/stylesheets/renter-insight.scss */
.flex-grid .flex-grid-item .flex-line-resident .flex-line-resident-info .flex-resident-name {
  text-transform: uppercase;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #4C4C4C;
  line-height: 1;
  margin-top: 0;
  margin-bottom: 4px;
}

/* line 2770, app/assets/stylesheets/renter-insight.scss */
.flex-grid .flex-grid-item .flex-line-resident .flex-line-resident-info i {
  width: 20px;
  color: #BCBCBC;
  text-align: center;
  margin-right: 4px;
}

/* line 2777, app/assets/stylesheets/renter-insight.scss */
.flex-grid .flex-grid-item .flex-line-resident .flex-line-resident-info .flex-btn {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 2780, app/assets/stylesheets/renter-insight.scss */
.flex-grid .flex-grid-item .flex-line-resident .flex-line-resident-info .flex-btn:hover {
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #C44C3D;
}

/* line 2791, app/assets/stylesheets/renter-insight.scss */
.flex-grid .flex-grid-item .flex-line-form {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 2795, app/assets/stylesheets/renter-insight.scss */
.flex-grid .flex-grid-item .flex-line-form .flex-line-formitem {
  margin: 0 13px;
}

/* line 2798, app/assets/stylesheets/renter-insight.scss */
.flex-grid .flex-grid-item .flex-line-form .flex-line-formitem .btn-checkbox {
  position: relative;
  top: 3px;
}

/* line 2805, app/assets/stylesheets/renter-insight.scss */
.flex-grid .flex-grid-item .btn {
  font-size: 0.95em;
  /* display: block;
			line-height: 1.2; */
  /* span {
				white-space: normal;
				display: block;
			} */
  /* @include max-large {
				font-size: 0.95em;
			} */
}

/* line 2821, app/assets/stylesheets/renter-insight.scss */
.flex-grid .flex-grid-item .btn-red {
  display: block;
}

/* line 2825, app/assets/stylesheets/renter-insight.scss */
.flex-grid .flex-grid-item .btn-bottom {
  /* margin-top: 20px; */
  /* stick button to bottom of the box */
  margin-top: auto;
}

/* line 2833, app/assets/stylesheets/renter-insight.scss */
.flex-grid.flex-grid-edit-mode {
  /* @include rb; */
  /* .flex-line {
			@include flexvertcenter;
			justify-content: space-between;

			@include max-large {
				flex-flow:row nowwrap;
			}

			input {
				width: 45%;
				margin-left: 10px;
				@include max-medium {
				 	width: 100%;
				}
			}
		} */
}

/* line 2836, app/assets/stylesheets/renter-insight.scss */
.flex-grid.flex-grid-edit-mode input {
  margin-bottom: 10px;
}

/* line 2840, app/assets/stylesheets/renter-insight.scss */
.flex-grid.flex-grid-edit-mode .flex-img-avatar {
  /* transform: scale(0.8); */
  width: 70px !important;
  height: 70px !important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 2847, app/assets/stylesheets/renter-insight.scss */
.flex-grid.flex-grid-edit-mode .fa-car {
  font-size: 3.7em !important;
  width: 70px !important;
  height: 70px !important;
  line-height: 1.2 !important;
}

/* line 2873, app/assets/stylesheets/renter-insight.scss */
.flex-grid.flex-grid-gray h3 {
  color: #34495E;
}

/* line 2877, app/assets/stylesheets/renter-insight.scss */
.flex-grid.flex-grid-gray .flex-grid-item {
  background: #F4F4F4BD;
}

/* line 2882, app/assets/stylesheets/renter-insight.scss */
.flex-grid .flex-grid-columns {
  width: 100% !important;
}

/* line 2885, app/assets/stylesheets/renter-insight.scss */
.flex-grid .flex-grid-columns .flex-line-block {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  flex-flow: row wrap;
  width: 100%;
  align-items: space-between;
}

/* line 2891, app/assets/stylesheets/renter-insight.scss */
.flex-grid .flex-grid-columns .flex-line-block .flex-line {
  /* columns: 33% 3; */
  flex: 1 1 33%;
}

@media (max-width: 992px) {
  /* line 2891, app/assets/stylesheets/renter-insight.scss */
  .flex-grid .flex-grid-columns .flex-line-block .flex-line {
    flex: 1 1 50%;
  }
}

@media (max-width: 768px) {
  /* line 2891, app/assets/stylesheets/renter-insight.scss */
  .flex-grid .flex-grid-columns .flex-line-block .flex-line {
    flex: 1 1 100%;
  }
}

/* .flex-grid */
/* line 2911, app/assets/stylesheets/renter-insight.scss */
.flex-grid-three-col .flex-grid-item {
  flex: 0 0 auto;
  width: calc((100% - 60px) / 3);
  margin-top: 15px;
  margin-bottom: 15px;
}

@media (max-width: 1200px) {
  /* line 2911, app/assets/stylesheets/renter-insight.scss */
  .flex-grid-three-col .flex-grid-item {
    width: calc((100% - 30px) / 2);
  }
}

@media (max-width: 768px) {
  /* line 2911, app/assets/stylesheets/renter-insight.scss */
  .flex-grid-three-col .flex-grid-item {
    width: 100%;
  }
}

/* ---- MAIN ---- */
/* line 2932, app/assets/stylesheets/renter-insight.scss */
.main-container {
  /* height: 100vh; */
  height: calc(100vh - 70px);
  margin-top: 70px;
  margin-left: 50px;
  padding: 30px;
  width: calc(100vw - 50px);
  position: fixed;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  /* justify-content: center; */
  flex-flow: column nowrap;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  overflow-y: scroll;
}

@media (max-width: 1200px) {
  /* line 2932, app/assets/stylesheets/renter-insight.scss */
  .main-container {
    width: 100vw;
    height: calc(100vh - 54px);
    margin-top: 54px;
    padding: 30px 15px;
    margin-left: 0;
  }
}

@media (max-width: 768px) {
  /* line 2932, app/assets/stylesheets/renter-insight.scss */
  .main-container {
    /* height: calc(83vh - 54px - 0px); */
    height: calc(89vh - 54px - 0px);
  }
}

/* .main-container */
/* line 2967, app/assets/stylesheets/renter-insight.scss */
.footer-buffer .footer-block {
  height: 40px;
}

/* ---- SIGN IN/CREATE ACCOUNT ---- */
/* line 2975, app/assets/stylesheets/renter-insight.scss */
.sign-in-wrapper {
  text-align: center;
}

/* line 2978, app/assets/stylesheets/renter-insight.scss */
.sign-in-wrapper h2 {
  color: #BCBCBC;
}

/* line 2981, app/assets/stylesheets/renter-insight.scss */
.sign-in-wrapper h2 a {
  color: #BCBCBC;
}

/* line 2984, app/assets/stylesheets/renter-insight.scss */
.sign-in-wrapper h2 a:hover {
  color: #C44C3D;
}

/* line 2988, app/assets/stylesheets/renter-insight.scss */
.sign-in-wrapper h2 a.active {
  color: #4C4C4C;
  border-bottom: 4px solid #C44C3D;
}

/* line 2997, app/assets/stylesheets/renter-insight.scss */
.sign-in-wrapper .logo-block .logo {
  max-width: 270px;
  display: block;
  margin: 0 auto 30px auto;
}

@media (max-width: 576px) {
  /* line 2997, app/assets/stylesheets/renter-insight.scss */
  .sign-in-wrapper .logo-block .logo {
    max-width: 200px;
    margin-bottom: 20px;
  }
}

/* line 3011, app/assets/stylesheets/renter-insight.scss */
.sign-in-wrapper .sign-in-form .form-item {
  margin: 30px auto;
}

/* line 3015, app/assets/stylesheets/renter-insight.scss */
.sign-in-wrapper .sign-in-form .btn-forgot-password {
  font-size: 0.8em;
  display: block;
}

/* .sign-in-wrapper */
/* line 3025, app/assets/stylesheets/renter-insight.scss */
.sign-in-page {
  height: 100vh;
  width: 100vw;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(224, 224, 224, 0.93);
  /* .sign-in-wrapper */
}

@media (max-width: 576px) {
  /* line 3025, app/assets/stylesheets/renter-insight.scss */
  .sign-in-page {
    background: #ffffff;
    display: block;
    height: 100%;
    width: 100%;
  }
}

/* line 3041, app/assets/stylesheets/renter-insight.scss */
.sign-in-page .sign-in-wrapper {
  position: relative;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #E0E0E0;
  background: #ffffff;
  /* padding: 30px 5px 26px 27px; */
  padding-top: 30px;
  /* width: 95%; */
  /* max-width: 400px; */
  min-height: 215px;
  height: auto;
  max-height: calc(100vh - 60px);
  overflow: hidden;
  overflow-y: scroll;
  --scrollbargrayBG:rgba(255,255,255,0);
  --thumbgrayBG: #e1e1e1;
  scrollbar-width: auto;
  scrollbar-color: var(--thumbgrayBG) var(--scrollbargrayBG);
  border: 3px solid var(--scrollbargrayBG);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.09);
  /* .create-account-form */
}

/* line 342, app/assets/stylesheets/mixins/renter-insight-mixins.scss */
.sign-in-page .sign-in-wrapper::-webkit-scrollbar {
  width: 7px;
}

/* line 350, app/assets/stylesheets/mixins/renter-insight-mixins.scss */
.sign-in-page .sign-in-wrapper::-webkit-scrollbar-track {
  background: var(--scrollbargrayBG);
}

/* line 353, app/assets/stylesheets/mixins/renter-insight-mixins.scss */
.sign-in-page .sign-in-wrapper::-webkit-scrollbar-thumb {
  background-color: var(--thumbgrayBG);
  border-radius: 10px;
}

@media (max-width: 576px) {
  /* line 3041, app/assets/stylesheets/renter-insight.scss */
  .sign-in-page .sign-in-wrapper {
    height: 90%;
    margin-top: 10px;
    background: none;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}

/* line 3067, app/assets/stylesheets/renter-insight.scss */
.sign-in-page .sign-in-wrapper .sign-in-form {
  width: 360px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding: 0 30px 30px 30px;
}

@media (max-width: 576px) {
  /* line 3067, app/assets/stylesheets/renter-insight.scss */
  .sign-in-page .sign-in-wrapper .sign-in-form {
    width: 100%;
    padding: 0 20px 30px 30px;
  }
}

/* line 3078, app/assets/stylesheets/renter-insight.scss */
.sign-in-page .sign-in-wrapper .create-account-form {
  width: 700px;
  max-width: 85vw;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  /* padding-bottom: 100px;
			padding: 30px 5px 195px 27px; */
  padding: 0 5px 0px 27px;
  height: auto;
  max-height: 95vh;
}

@media (max-width: 576px) {
  /* line 3078, app/assets/stylesheets/renter-insight.scss */
  .sign-in-page .sign-in-wrapper .create-account-form {
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    padding: 0 0 0 15px;
  }
}

/* line 3097, app/assets/stylesheets/renter-insight.scss */
.sign-in-page .sign-in-wrapper .create-account-form .form-create-ssn-wrap .form-create-ssn-fields {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}

/* line 3101, app/assets/stylesheets/renter-insight.scss */
.sign-in-page .sign-in-wrapper .create-account-form .form-create-ssn-wrap .form-create-ssn-fields .ssn-hyphen {
  margin: auto 15px;
}

@media (min-width: 576px) {
  /* line 3107, app/assets/stylesheets/renter-insight.scss */
  .sign-in-page .sign-in-wrapper .create-account-form .footer-block {
    height: 0;
  }
}

/* line 3115, app/assets/stylesheets/renter-insight.scss */
.sign-in-page .sign-in-wrapper .create-account-form .ca-steps-container {
  /* height: calc(100% - 30px); */
  height: 100%;
  /* max-height: 100%; */
  width: calc(100% - 0px);
  padding-right: 15px;
  /* overflow: hidden;
				overflow-y: scroll;
				@include overlayscrollbar; */
  /* .ca-step {
					height: 100%;
				} */
}

/* line 3132, app/assets/stylesheets/renter-insight.scss */
.sign-in-page .sign-in-wrapper .create-account-form .ca-step-2 .disclaimer {
  margin-bottom: 30px;
  color: #838383;
}

/* line 3141, app/assets/stylesheets/renter-insight.scss */
.sign-in-page .sign-in-wrapper .ca-conf-block {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 30px;
}

@media (max-width: 768px) {
  /* line 3141, app/assets/stylesheets/renter-insight.scss */
  .sign-in-page .sign-in-wrapper .ca-conf-block {
    flex-flow: column nowrap;
  }
}

/* line 3149, app/assets/stylesheets/renter-insight.scss */
.sign-in-page .sign-in-wrapper .ca-conf-block .list {
  flex: 1 1 auto;
  padding: 0;
}

@media (max-width: 768px) {
  /* line 3149, app/assets/stylesheets/renter-insight.scss */
  .sign-in-page .sign-in-wrapper .ca-conf-block .list {
    margin: 0 auto;
    padding: 0;
    width: 100%;
  }
}

/* line 3161, app/assets/stylesheets/renter-insight.scss */
.sign-in-page .sign-in-wrapper .smartmove-agreement {
  border: 1px solid #E0E0E0;
  max-width: 500px;
  margin: 30px auto 20px auto;
  padding: 15px;
  height: 150px;
  overflow: hidden;
  overflow-y: scroll;
}

/* line 3170, app/assets/stylesheets/renter-insight.scss */
.sign-in-page .sign-in-wrapper .smartmove-agreement p {
  line-height: 1.3;
  font-size: 0.8em;
  padding: 0;
  margin: 0 0 10px 0;
}

/* line 3176, app/assets/stylesheets/renter-insight.scss */
.sign-in-page .sign-in-wrapper .smartmove-agreement p:last-of-type {
  margin-bottom: 0;
}

/* line 3183, app/assets/stylesheets/renter-insight.scss */
.sign-in-page .sign-in-wrapper .ca-confirm-agreement {
  color: #838383;
  margin: 20px auto;
}

/* line 3187, app/assets/stylesheets/renter-insight.scss */
.sign-in-page .sign-in-wrapper .ca-confirm-agreement .btn-checkbox {
  margin-right: 3px;
  font-size: 1.1em;
}

/* line 3194, app/assets/stylesheets/renter-insight.scss */
.sign-in-page .sign-in-wrapper .ca-id-verify {
  flex-flow: column nowrap;
}

/* line 3197, app/assets/stylesheets/renter-insight.scss */
.sign-in-page .sign-in-wrapper .ca-id-verify .form-item {
  margin: 0 auto 30px auto;
  width: 50%;
}

/* line 3201, app/assets/stylesheets/renter-insight.scss */
.sign-in-page .sign-in-wrapper .ca-id-verify .form-item:last-of-type {
  margin-bottom: 0;
}

@media (max-width: 768px) {
  /* line 3197, app/assets/stylesheets/renter-insight.scss */
  .sign-in-page .sign-in-wrapper .ca-id-verify .form-item {
    margin: 0 auto 20px auto;
    width: 100%;
  }
}

/* line 3210, app/assets/stylesheets/renter-insight.scss */
.sign-in-page .sign-in-wrapper .ca-id-verify .form-item .form-radio {
  align-items: flex-start;
}

/* line 3216, app/assets/stylesheets/renter-insight.scss */
.sign-in-page .sign-in-wrapper .ca-id-verify .form-radio {
  margin: 10px 0;
  flex-flow: column nowrap;
}

/* line 3223, app/assets/stylesheets/renter-insight.scss */
.sign-in-page .sign-in-wrapper .ca-nav {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}

/* line 3229, app/assets/stylesheets/renter-insight.scss */
.sign-in-page .sign-in-wrapper .ca-nav .btn {
  margin: 0 7px;
}

/* line 3234, app/assets/stylesheets/renter-insight.scss */
.sign-in-page .sign-in-wrapper .ca-nav .btn-gray-light i {
  margin: 0 10px 0 0;
}

/* .sign-in-page */
/* line 3244, app/assets/stylesheets/renter-insight.scss */
.ca-steps-nav {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 40px auto;
  padding: 0 20px 0 0;
  /* padding:0 22px 0 5px; */
}

/* line 3252, app/assets/stylesheets/renter-insight.scss */
.ca-steps-nav .step {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  margin: 0 15px;
  color: #E0E0E0;
  text-transform: uppercase;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  text-align: left;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 768px) {
  /* line 3252, app/assets/stylesheets/renter-insight.scss */
  .ca-steps-nav .step {
    flex-flow: column nowrap;
    text-align: center;
    font-size: 0.8em;
  }
}

@media (max-width: 576px) {
  /* line 3252, app/assets/stylesheets/renter-insight.scss */
  .ca-steps-nav .step {
    font-size: 0.7em;
    margin: 0 7px;
  }
}

/* line 3273, app/assets/stylesheets/renter-insight.scss */
.ca-steps-nav .step.active {
  color: #C44C3D;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 3277, app/assets/stylesheets/renter-insight.scss */
.ca-steps-nav .step.active .step-number {
  background: #C44C3D;
  color: #ffffff;
}

/* line 3283, app/assets/stylesheets/renter-insight.scss */
.ca-steps-nav .step .step-number {
  background: #F4F4F4BD;
  color: #E0E0E0;
  font-size: 1.3em;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  min-width: 40px;
  min-height: 40px;
  margin-right: 10px;
  line-height: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 768px) {
  /* line 3283, app/assets/stylesheets/renter-insight.scss */
  .ca-steps-nav .step .step-number {
    margin-right: 0;
    margin-bottom: 10px;
  }
}

/* ---- SECTIONS ---- */
/* line 3311, app/assets/stylesheets/renter-insight.scss */
.section {
  width: 100%;
  max-width: 1100px;
  text-align: center;
  /* .section-table-wrap */
}

/* line 3316, app/assets/stylesheets/renter-insight.scss */
.section .section-img {
  width: 160px;
  -webkit-border-radius: 300px;
  -moz-border-radius: 300px;
  -ms-border-radius: 300px;
  border-radius: 300px;
  margin-top: 30px;
}

@media (max-width: 576px) {
  /* line 3316, app/assets/stylesheets/renter-insight.scss */
  .section .section-img {
    display: none;
  }
}

/* line 3326, app/assets/stylesheets/renter-insight.scss */
.section .section-icon {
  text-align: center;
  width: 160px;
  /* height: 160px; */
  color: #838383;
  font-size: 7em;
  margin-top: 30px;
  margin-bottom: 20px;
}

/* line 3335, app/assets/stylesheets/renter-insight.scss */
.section .section-icon.section-icon-red {
  color: #C44C3D;
}

@media (max-width: 576px) {
  /* line 3326, app/assets/stylesheets/renter-insight.scss */
  .section .section-icon {
    display: none;
  }
}

/* line 3344, app/assets/stylesheets/renter-insight.scss */
.section .title-block {
  margin-bottom: 30px;
}

/* line 3347, app/assets/stylesheets/renter-insight.scss */
.section .title-block.short-section {
  margin-bottom: 10px;
}

/* line 3351, app/assets/stylesheets/renter-insight.scss */
.section .title-block h1 {
  margin-bottom: 5px;
  line-height: 1.1;
}

/* line 3355, app/assets/stylesheets/renter-insight.scss */
.section .title-block h1 span {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #838383;
  text-transform: none;
}

/* line 3361, app/assets/stylesheets/renter-insight.scss */
.section .title-block h1 .mobile-br {
  display: none;
}

@media (max-width: 768px) {
  /* line 3361, app/assets/stylesheets/renter-insight.scss */
  .section .title-block h1 .mobile-br {
    display: block;
  }
}

/* line 3370, app/assets/stylesheets/renter-insight.scss */
.section .title-block .subtitle {
  font-size: 1em;
  color: #BCBCBC;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-style: italic;
}

/* line 3375, app/assets/stylesheets/renter-insight.scss */
.section .title-block .subtitle span {
  width: 25px;
  display: inline-block;
}

@media (max-width: 576px) {
  /* line 3375, app/assets/stylesheets/renter-insight.scss */
  .section .title-block .subtitle span {
    display: block;
  }
}

/* line 3386, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap {
  /* .filter-search */
  /* .st-nav */
  /* .section-table */
}

/* line 3388, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .filter-search {
  background: #F9F9F9;
  padding: 30px;
  margin-top: 20px;
  margin-bottom: -10px;
  /* .filter-search-wrap */
}

/* line 3394, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .filter-search h2, .section .section-table-wrap .filter-search h3 {
  text-align: left;
  margin: 0;
}

@media (max-width: 768px) {
  /* line 3394, app/assets/stylesheets/renter-insight.scss */
  .section .section-table-wrap .filter-search h2, .section .section-table-wrap .filter-search h3 {
    text-align: center;
  }
}

/* line 3403, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .filter-search h2 {
  text-align: center;
  margin-bottom: 10px;
}

/* line 3408, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .filter-search .filter-search-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 992px) {
  /* line 3408, app/assets/stylesheets/renter-insight.scss */
  .section .section-table-wrap .filter-search .filter-search-wrap {
    flex-flow: column nowrap;
  }
}

/* line 3417, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .filter-search .filter-search-wrap .filter-search-block {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  flex-flow: column nowrap;
}

/* line 3423, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .filter-search .filter-search-wrap h3 {
  margin-bottom: 7px;
}

/* line 3427, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .filter-search .filter-search-wrap .btn-multichoice {
  margin-right: 5px;
}

@media (max-width: 992px) {
  /* line 3431, app/assets/stylesheets/renter-insight.scss */
  .section .section-table-wrap .filter-search .filter-search-wrap .report-types-wrap {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  /* line 3437, app/assets/stylesheets/renter-insight.scss */
  .section .section-table-wrap .filter-search .filter-search-wrap .report-types-wrap .btn {
    /* width: 47%;
							margin-bottom: 10px; */
    font-size: 0.8em;
    padding-left: 10px;
    padding-right: 10px;
    height: 35px;
  }
}

/* line 3448, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .filter-search .filter-search-wrap .filter-search-dates {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}

/* line 3452, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .filter-search .filter-search-wrap .filter-search-dates input {
  max-width: 120px;
  margin: 0 10px 0 0;
}

/* line 3457, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .filter-search .filter-search-wrap .filter-search-dates span {
  margin-right: 10px;
}

/* line 3462, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .filter-search .filter-search-wrap .filter-search-nav {
  padding-top: 29px;
}

/* line 3465, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .filter-search .filter-search-wrap .filter-search-nav .btn {
  margin: 0 2px;
}

/* line 3474, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .st-nav {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  /* .st-search */
}

@media (max-width: 768px) {
  /* line 3474, app/assets/stylesheets/renter-insight.scss */
  .section .section-table-wrap .st-nav {
    flex-flow: column nowrap;
    align-items: center;
  }
  /* line 3483, app/assets/stylesheets/renter-insight.scss */
  .section .section-table-wrap .st-nav .btn {
    width: 250px;
    margin-top: 15px;
  }
}

/* line 3489, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .st-nav .st-search {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
  justify-content: flex-end;
  /* .btn-filter-search */
}

@media (max-width: 768px) {
  /* line 3489, app/assets/stylesheets/renter-insight.scss */
  .section .section-table-wrap .st-nav .st-search {
    align-items: flex-end;
    flex-flow: column nowrap;
    margin-top: 60px;
  }
}

/* line 3500, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .st-nav .st-search .btn-filter-search {
  position: absolute;
  text-align: right;
  top: -25px;
  font-size: 0.75em;
  white-space: nowrap;
  color: rgba(131, 131, 131, 0.8);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 3509, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .st-nav .st-search .btn-filter-search:hover, .section .section-table-wrap .st-nav .st-search .btn-filter-search.active {
  cursor: pointer;
  color: #C44C3D;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 3516, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .st-nav .st-search .form-input {
  height: 37px;
}

@media (max-width: 768px) {
  /* line 3516, app/assets/stylesheets/renter-insight.scss */
  .section .section-table-wrap .st-nav .st-search .form-input {
    width: 250px;
  }
}

/* line 3528, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table {
  margin-top: 30px;
  color: #4C4C4C;
  text-align: left;
  /* .st-nav-col */
  /* .st-row */
  /* .st-row-5-col-table */
  /* Set Table Column Widths */
  /* .st-row-4-col-table,  .st-row-resident-screening */
  /* Set Table Column Widths */
  /* .st-row-3-col-table */
  /* .st-cust-report */
}

@media (max-width: 992px) {
  /* line 3528, app/assets/stylesheets/renter-insight.scss */
  .section .section-table-wrap .section-table {
    width: 100%;
    margin-top: 0;
    /* overflow-x: scroll;
			position: relative; */
  }
}

/* line 3540, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-table-scroll {
  /* @include rb;
				overflow: scroll;
				height:100%; */
}

/* line 3546, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .btn-checkbox {
  font-size: 1em;
  color: rgba(188, 188, 188, 0.8);
  margin-right: 15px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 3552, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .btn-checkbox.active {
  color: #C44C3D;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 3558, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-header {
  background: #E5E5E5;
  /* sticky for large+ */
}

@media (min-width: 992px) {
  /* line 3558, app/assets/stylesheets/renter-insight.scss */
  .section .section-table-wrap .section-table .st-header {
    position: -webkit-sticky;
    position: sticky;
    top: -70px;
    z-index: 9;
  }
}

@media (max-width: 992px) {
  /* line 3558, app/assets/stylesheets/renter-insight.scss */
  .section .section-table-wrap .section-table .st-header {
    background: none;
  }
}

/* line 3573, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-header .btn-checkbox {
  color: rgba(131, 131, 131, 0.5);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 3577, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-header .btn-checkbox.active {
  color: #C44C3D;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 3583, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-header .st-title {
  text-transform: uppercase;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1.1em;
}

/* line 3589, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-header .st-sortable {
  cursor: pointer;
}

@media (max-width: 992px) {
  /* line 3594, app/assets/stylesheets/renter-insight.scss */
  .section .section-table-wrap .section-table .st-row-5-col-table .st-nav-col {
    position: absolute;
    right: 21px;
    width: 20px !important;
  }
}

/* line 3602, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-nav-col {
  position: relative;
  /* .st-row-nav */
}

@media (max-width: 768px) {
  /* line 3602, app/assets/stylesheets/renter-insight.scss */
  .section .section-table-wrap .section-table .st-nav-col {
    position: absolute;
    right: 21px;
    width: 20px !important;
  }
}

/* line 3611, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-nav-col .btn-st-nav {
  font-size: 1.3em;
  color: #BCBCBC;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding: 8px;
  /* expand the button area */
}

/* line 3617, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-nav-col .btn-st-nav:hover, .section .section-table-wrap .section-table .st-nav-col .btn-st-nav.active {
  color: #C44C3D;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 3626, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-nav-col .st-row-nav {
  list-style: none;
  position: absolute;
  width: 245px;
  left: calc(-245px + 15px);
  top: 35px;
  background: #F9F9F9;
  border: 1px solid #E5E5E5;
  margin: 0;
  padding: 0 13px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: column wrap;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.09);
  z-index: 99;
}

/* line 3641, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-nav-col .st-row-nav li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  white-space: nowrap;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding: 10px 0;
  border-bottom: 1px solid #E5E5E5;
  line-height: 1;
  font-size: 0.95em;
}

/* line 3651, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-nav-col .st-row-nav li:last-of-type {
  border: none;
}

/* line 3655, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-nav-col .st-row-nav li i {
  filter: alpha(opacity=40);
  -moz-opacity: 0.4;
  -khtml-opacity: 0.4;
  opacity: 0.4;
  font-size: 1.1em;
  margin-right: 10px;
}

/* line 3661, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-nav-col .st-row-nav li:hover {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #C44C3D;
  cursor: pointer;
}

/* line 3672, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  padding: 13px;
  justify-content: space-between;
  border-bottom: 1px solid rgba(229, 229, 229, 0.7);
}

@media (max-width: 992px) {
  /* line 3672, app/assets/stylesheets/renter-insight.scss */
  .section .section-table-wrap .section-table .st-row {
    flex-flow: row wrap;
    align-items: flex-start;
  }
}

/* line 3684, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-row em {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-style: italic;
  font-size: 0.8em;
  color: #BCBCBC;
}

/* line 3690, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-row .st-first-col {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}

/* line 3695, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-row .st-status-col {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}

/* line 3699, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-row .st-status-col .fa-search {
  color: #E5E5E5;
  font-size: 1.3em;
  margin-right: 7px;
}

/* line 3705, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-row .st-status-col .status-info {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-style: italic;
  font-size: 0.8em;
  color: #BCBCBC;
}

/* line 3712, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-row .rowname {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  margin-right: 5px;
  display: block;
}

@media (min-width: 992px) {
  /* line 3712, app/assets/stylesheets/renter-insight.scss */
  .section .section-table-wrap .section-table .st-row .rowname {
    display: none;
  }
}

/* line 3725, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-row-5-col-table {
  /* Custom Row Widths */
}

@media (max-width: 992px) {
  /* line 3729, app/assets/stylesheets/renter-insight.scss */
  .section .section-table-wrap .section-table .st-row-5-col-table.st-header .st-title {
    display: none;
  }
}

@media (max-width: 992px) {
  /* line 3736, app/assets/stylesheets/renter-insight.scss */
  .section .section-table-wrap .section-table .st-row-5-col-table .btn-checkbox, .section .section-table-wrap .section-table .st-row-5-col-table .fa-search {
    display: none;
  }
}

/* line 3741, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-row-5-col-table .st-col-1 {
  width: 18%;
}

/* line 3745, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-row-5-col-table .st-col-2 {
  width: 18%;
}

/* line 3749, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-row-5-col-table .st-col-3 {
  width: 18%;
}

/* line 3753, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-row-5-col-table .st-col-4 {
  width: 20%;
}

/* line 3757, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-row-5-col-table .st-col-5 {
  width: 20%;
}

/* line 3761, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-row-5-col-table .st-col-6 {
  width: 2%;
}

/* line 3766, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-row-5-col-table .st-maint-descr {
  width: 32%;
  margin-right: 30px;
}

/* line 3771, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-row-5-col-table .st-maint-status {
  width: 12%;
  margin-right: 30px;
}

/* line 3776, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-row-5-col-table .st-maint-messages {
  width: 12%;
}

/* line 3780, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-row-5-col-table .st-col-1, .section .section-table-wrap .section-table .st-row-5-col-table .st-col-2, .section .section-table-wrap .section-table .st-row-5-col-table .st-col-3, .section .section-table-wrap .section-table .st-row-5-col-table .st-col-4, .section .section-table-wrap .section-table .st-row-5-col-table .st-col-5 {
  /* @include max-xl {
						width: 33%;
						margin-bottom: 5px;
					} */
}

@media (max-width: 992px) {
  /* line 3780, app/assets/stylesheets/renter-insight.scss */
  .section .section-table-wrap .section-table .st-row-5-col-table .st-col-1, .section .section-table-wrap .section-table .st-row-5-col-table .st-col-2, .section .section-table-wrap .section-table .st-row-5-col-table .st-col-3, .section .section-table-wrap .section-table .st-row-5-col-table .st-col-4, .section .section-table-wrap .section-table .st-row-5-col-table .st-col-5 {
    margin-right: auto;
    width: 47%;
    margin-bottom: 20px;
    /* &.st-maint-descr {
							width: 95%;
						} */
  }
}

@media (max-width: 576px) {
  /* line 3780, app/assets/stylesheets/renter-insight.scss */
  .section .section-table-wrap .section-table .st-row-5-col-table .st-col-1, .section .section-table-wrap .section-table .st-row-5-col-table .st-col-2, .section .section-table-wrap .section-table .st-row-5-col-table .st-col-3, .section .section-table-wrap .section-table .st-row-5-col-table .st-col-4, .section .section-table-wrap .section-table .st-row-5-col-table .st-col-5 {
    width: 97%;
  }
}

/* line 3807, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-row-4-col-table.st-header, .section .section-table-wrap .section-table .st-row-resident-screening.st-header {
  /* .st-col-3, .st-col-4, .st-col-5 {
						display: none;
					} */
}

@media (max-width: 992px) {
  /* line 3813, app/assets/stylesheets/renter-insight.scss */
  .section .section-table-wrap .section-table .st-row-4-col-table.st-header .st-title, .section .section-table-wrap .section-table .st-row-resident-screening.st-header .st-title {
    display: none;
  }
}

@media (max-width: 992px) {
  /* line 3820, app/assets/stylesheets/renter-insight.scss */
  .section .section-table-wrap .section-table .st-row-4-col-table .btn-checkbox, .section .section-table-wrap .section-table .st-row-4-col-table .fa-search, .section .section-table-wrap .section-table .st-row-resident-screening .btn-checkbox, .section .section-table-wrap .section-table .st-row-resident-screening .fa-search {
    display: none;
  }
}

/* line 3825, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-row-4-col-table .st-col-1, .section .section-table-wrap .section-table .st-row-resident-screening .st-col-1 {
  width: 18%;
}

/* line 3829, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-row-4-col-table .st-col-2, .section .section-table-wrap .section-table .st-row-resident-screening .st-col-2 {
  width: 18%;
}

/* line 3833, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-row-4-col-table .st-col-3, .section .section-table-wrap .section-table .st-row-resident-screening .st-col-3 {
  width: 20%;
}

/* line 3837, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-row-4-col-table .st-col-4, .section .section-table-wrap .section-table .st-row-resident-screening .st-col-4 {
  width: 20%;
}

/* line 3841, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-row-4-col-table .st-col-5, .section .section-table-wrap .section-table .st-row-resident-screening .st-col-5 {
  width: 2%;
}

@media (max-width: 768px) {
  /* line 3845, app/assets/stylesheets/renter-insight.scss */
  .section .section-table-wrap .section-table .st-row-4-col-table .st-col-1, .section .section-table-wrap .section-table .st-row-4-col-table .st-col-2, .section .section-table-wrap .section-table .st-row-4-col-table .st-col-3, .section .section-table-wrap .section-table .st-row-4-col-table .st-col-4, .section .section-table-wrap .section-table .st-row-4-col-table .st-col-5, .section .section-table-wrap .section-table .st-row-resident-screening .st-col-1, .section .section-table-wrap .section-table .st-row-resident-screening .st-col-2, .section .section-table-wrap .section-table .st-row-resident-screening .st-col-3, .section .section-table-wrap .section-table .st-row-resident-screening .st-col-4, .section .section-table-wrap .section-table .st-row-resident-screening .st-col-5 {
    width: 45%;
    margin-bottom: 5px;
  }
}

@media (max-width: 576px) {
  /* line 3845, app/assets/stylesheets/renter-insight.scss */
  .section .section-table-wrap .section-table .st-row-4-col-table .st-col-1, .section .section-table-wrap .section-table .st-row-4-col-table .st-col-2, .section .section-table-wrap .section-table .st-row-4-col-table .st-col-3, .section .section-table-wrap .section-table .st-row-4-col-table .st-col-4, .section .section-table-wrap .section-table .st-row-4-col-table .st-col-5, .section .section-table-wrap .section-table .st-row-resident-screening .st-col-1, .section .section-table-wrap .section-table .st-row-resident-screening .st-col-2, .section .section-table-wrap .section-table .st-row-resident-screening .st-col-3, .section .section-table-wrap .section-table .st-row-resident-screening .st-col-4, .section .section-table-wrap .section-table .st-row-resident-screening .st-col-5 {
    width: 95%;
  }
}

@media (max-width: 992px) {
  /* line 3863, app/assets/stylesheets/renter-insight.scss */
  .section .section-table-wrap .section-table .st-row-3-col-table.st-header .st-title {
    display: none;
  }
}

@media (max-width: 992px) {
  /* line 3870, app/assets/stylesheets/renter-insight.scss */
  .section .section-table-wrap .section-table .st-row-3-col-table .btn-checkbox, .section .section-table-wrap .section-table .st-row-3-col-table .fa-search {
    display: none;
  }
}

/* line 3875, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-row-3-col-table .st-col-1 {
  width: 31%;
}

/* line 3879, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-row-3-col-table .st-col-2 {
  width: 31%;
}

/* line 3883, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-row-3-col-table .st-col-3 {
  width: 31%;
}

/* line 3887, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-row-3-col-table .st-col-4 {
  width: 2%;
}

@media (max-width: 768px) {
  /* line 3891, app/assets/stylesheets/renter-insight.scss */
  .section .section-table-wrap .section-table .st-row-3-col-table .st-col-1, .section .section-table-wrap .section-table .st-row-3-col-table .st-col-2, .section .section-table-wrap .section-table .st-row-3-col-table .st-col-3, .section .section-table-wrap .section-table .st-row-3-col-table .st-col-4, .section .section-table-wrap .section-table .st-row-3-col-table .st-col-5 {
    width: 45%;
    margin-bottom: 5px;
  }
}

@media (max-width: 576px) {
  /* line 3891, app/assets/stylesheets/renter-insight.scss */
  .section .section-table-wrap .section-table .st-row-3-col-table .st-col-1, .section .section-table-wrap .section-table .st-row-3-col-table .st-col-2, .section .section-table-wrap .section-table .st-row-3-col-table .st-col-3, .section .section-table-wrap .section-table .st-row-3-col-table .st-col-4, .section .section-table-wrap .section-table .st-row-3-col-table .st-col-5 {
    width: 95%;
  }
}

/* line 3905, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-cust-report {
  background: #F9F9F9;
  border-bottom: 1px solid rgba(229, 229, 229, 0.7);
  width: 100%;
  padding: 0 13px 30px 13px;
  /* .cr-nav */
  /* .cr-overview */
}

/* line 3911, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-cust-report .cr-nav {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0;
  border-bottom: 1px solid rgba(229, 229, 229, 0.7);
}

/* line 3918, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-cust-report .cr-nav .btn-cr-print, .section .section-table-wrap .section-table .st-cust-report .cr-nav .btn-cr-close {
  text-transform: uppercase;
  font-size: 0.65em;
  color: #BCBCBC;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 3927, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-cust-report .cr-nav .btn-cr-print .fal, .section .section-table-wrap .section-table .st-cust-report .cr-nav .btn-cr-close .fal {
  font-size: 2.3em;
}

/* line 3931, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-cust-report .cr-nav .btn-cr-print:hover, .section .section-table-wrap .section-table .st-cust-report .cr-nav .btn-cr-close:hover {
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #C44C3D;
}

@media (max-width: 768px) {
  /* line 3938, app/assets/stylesheets/renter-insight.scss */
  .section .section-table-wrap .section-table .st-cust-report .cr-nav .btn-cr-print {
    position: absolute;
    left: 30px;
    margin-top: -40px;
  }
}

/* line 3945, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-cust-report .cr-nav .btn-cr-print .fal {
  margin-right: 7px;
}

@media (max-width: 768px) {
  /* line 3950, app/assets/stylesheets/renter-insight.scss */
  .section .section-table-wrap .section-table .st-cust-report .cr-nav .btn-cr-close {
    position: absolute;
    right: 30px;
    margin-top: -40px;
  }
}

/* line 3957, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-cust-report .cr-nav .btn-cr-close .fal {
  margin-left: 7px;
}

/* line 3962, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-cust-report .cr-nav .cr-nav-center {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}

@media (max-width: 768px) {
  /* line 3962, app/assets/stylesheets/renter-insight.scss */
  .section .section-table-wrap .section-table .st-cust-report .cr-nav .cr-nav-center {
    text-align: center;
    padding-top: 30px;
    flex-flow: column nowrap;
    width: 100%;
  }
}

/* line 3974, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-cust-report .cr-nav .cr-nav-center .cr-nav-title {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  text-transform: uppercase;
  margin-right: 15px;
}

@media (max-width: 768px) {
  /* line 3974, app/assets/stylesheets/renter-insight.scss */
  .section .section-table-wrap .section-table .st-cust-report .cr-nav .cr-nav-center .cr-nav-title {
    margin-right: 0;
    margin-bottom: 15px;
    width: 100%;
  }
}

/* line 3986, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-cust-report .cr-nav .cr-nav-center .btn {
  margin: 0 4px;
}

/* line 3989, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-cust-report .cr-nav .cr-nav-center .btn.active {
  background: #C44C3D;
}

/* line 3992, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-cust-report .cr-nav .cr-nav-center .btn.active:hover {
  cursor: default;
}

/* line 4000, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-cust-report .cr-overview {
  padding: 25px 0;
  text-align: center;
  /* .cr-overview-highlights */
}

/* line 4004, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-cust-report .cr-overview .cr-overview-title {
  margin-bottom: 30px;
}

/* line 4005, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-cust-report .cr-overview .cr-overview-title strong {
  text-transform: uppercase;
}

/* line 4011, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-cust-report .cr-overview .credit-score-chart {
  max-width: 100%;
}

@media (max-width: 576px) {
  /* line 4011, app/assets/stylesheets/renter-insight.scss */
  .section .section-table-wrap .section-table .st-cust-report .cr-overview .credit-score-chart {
    display: none;
  }
}

/* line 4019, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-cust-report .cr-overview .cr-overview-highlights {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  /* .cr-credit-score */
  /* .cr-counts-wrap */
}

/* line 4023, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-cust-report .cr-overview .cr-overview-highlights .cr-large-number {
  font-size: 3em;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #4C4C4C;
}

/* line 4029, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-cust-report .cr-overview .cr-overview-highlights .cr-credit-score {
  margin-right: 30px;
  padding-right: 30px;
  border-right: 1px solid #E5E5E5;
}

@media (max-width: 576px) {
  /* line 4029, app/assets/stylesheets/renter-insight.scss */
  .section .section-table-wrap .section-table .st-cust-report .cr-overview .cr-overview-highlights .cr-credit-score {
    margin-right: 0px;
    padding-right: 15px;
  }
}

/* line 4039, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-cust-report .cr-overview .cr-overview-highlights .cr-credit-score .cs-rating-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

/* line 4045, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-cust-report .cr-overview .cr-overview-highlights .cr-credit-score .cs-rating-wrap .cs-number {
  margin-right: 15px;
}

/* line 4049, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-cust-report .cr-overview .cr-overview-highlights .cr-credit-score .cs-rating-wrap .cs-rating {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  padding: 8px 15px;
  text-transform: uppercase;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 0.95em;
  color: #4C4C4C;
}

@media (max-width: 576px) {
  /* line 4049, app/assets/stylesheets/renter-insight.scss */
  .section .section-table-wrap .section-table .st-cust-report .cr-overview .cr-overview-highlights .cr-credit-score .cs-rating-wrap .cs-rating {
    font-size: 0.8em;
  }
}

/* line 4061, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-cust-report .cr-overview .cr-overview-highlights .cr-credit-score .cs-rating-wrap .cs-rating.cs-rating-decline {
  background: #D74134;
  color: #ffffff;
}

/* line 4065, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-cust-report .cr-overview .cr-overview-highlights .cr-credit-score .cs-rating-wrap .cs-rating.cs-rating-decline:after {
  content: "Decline";
}

/* line 4071, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-cust-report .cr-overview .cr-overview-highlights .cr-credit-score .cs-rating-wrap .cs-rating.cs-rating-conditional {
  background: #FCAC62;
}

/* line 4073, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-cust-report .cr-overview .cr-overview-highlights .cr-credit-score .cs-rating-wrap .cs-rating.cs-rating-conditional:after {
  content: "Conditional";
}

/* line 4079, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-cust-report .cr-overview .cr-overview-highlights .cr-credit-score .cs-rating-wrap .cs-rating.cs-rating-low-accept {
  background: #F4E959;
}

/* line 4081, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-cust-report .cr-overview .cr-overview-highlights .cr-credit-score .cs-rating-wrap .cs-rating.cs-rating-low-accept:after {
  content: "Low Accept";
}

/* line 4087, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-cust-report .cr-overview .cr-overview-highlights .cr-credit-score .cs-rating-wrap .cs-rating.cs-rating-accept {
  background: #8CC66A;
}

/* line 4089, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-cust-report .cr-overview .cr-overview-highlights .cr-credit-score .cs-rating-wrap .cs-rating.cs-rating-accept:after {
  content: "Accept";
}

/* line 4098, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-cust-report .cr-overview .cr-overview-highlights .cr-counts-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
}

@media (min-width: 576px) {
  /* line 4105, app/assets/stylesheets/renter-insight.scss */
  .section .section-table-wrap .section-table .st-cust-report .cr-overview .cr-overview-highlights .cr-counts-wrap .v-divider {
    display: none;
  }
}

@media (max-width: 576px) {
  /* line 4098, app/assets/stylesheets/renter-insight.scss */
  .section .section-table-wrap .section-table .st-cust-report .cr-overview .cr-overview-highlights .cr-counts-wrap {
    flex-flow: row nowrap;
  }
  /* line 4113, app/assets/stylesheets/renter-insight.scss */
  .section .section-table-wrap .section-table .st-cust-report .cr-overview .cr-overview-highlights .cr-counts-wrap .h-divider {
    display: none;
  }
}

/* line 4118, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-cust-report .cr-overview .cr-overview-highlights .cr-counts-wrap .cr-counts {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: column nowrap;
}

@media (max-width: 768px) {
  /* line 4118, app/assets/stylesheets/renter-insight.scss */
  .section .section-table-wrap .section-table .st-cust-report .cr-overview .cr-overview-highlights .cr-counts-wrap .cr-counts {
    font-size: 0.8em;
  }
}

/* line 4126, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-cust-report .cr-overview .cr-overview-highlights .cr-counts-wrap .cr-counts .cr-large-number {
  line-height: 1;
  margin-bottom: 7px;
}

@media (max-width: 768px) {
  /* line 4126, app/assets/stylesheets/renter-insight.scss */
  .section .section-table-wrap .section-table .st-cust-report .cr-overview .cr-overview-highlights .cr-counts-wrap .cr-counts .cr-large-number {
    margin-bottom: 3px;
  }
}

/* line 4143, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-cust-report .cr-content {
  text-align: center;
  margin-top: 30px;
}

/* line 4147, app/assets/stylesheets/renter-insight.scss */
.section .section-table-wrap .section-table .st-cust-report .cr-content .cr-embed {
  max-width: 800px;
  background: #ffffff;
  border: 1px solid #E5E5E5;
  margin: 30px auto;
  min-height: 1000px;
  color: #E5E5E5;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* .section  */
/* line 4169, app/assets/stylesheets/renter-insight.scss */
#overlay-new-screening .overlay-box {
  max-width: 1000px;
  /* fix margin when enter months is hidden */
}

/* line 4172, app/assets/stylesheets/renter-insight.scss */
#overlay-new-screening .overlay-box .add-property-wrap, #overlay-new-screening .overlay-box .add-unit-wrap {
  margin-bottom: 30px;
  border: 1px solid #E5E5E5;
  background: rgba(249, 249, 249, 0.3);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  padding: 30px;
}

@media (max-width: 768px) {
  /* line 4172, app/assets/stylesheets/renter-insight.scss */
  #overlay-new-screening .overlay-box .add-property-wrap, #overlay-new-screening .overlay-box .add-unit-wrap {
    margin-bottom: 10px;
  }
}

/* line 4187, app/assets/stylesheets/renter-insight.scss */
#overlay-new-screening .overlay-box .form-screen-leaseterm, #overlay-new-screening .overlay-box .form-screen-ownerpercent {
  margin-right: 0;
}

/* line 4191, app/assets/stylesheets/renter-insight.scss */
#overlay-new-screening .overlay-box .form-screen-entermonths, #overlay-new-screening .overlay-box .form-screen-ownerpercent-other {
  margin-left: 30px;
}

/* Choose Package */
/* line 4200, app/assets/stylesheets/renter-insight.scss */
.choose-package {
  background: #F9F9F9;
  /* max-width: 900px; */
  padding: 3px 15px 30px 15px;
  margin: auto auto 30px auto;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  /* .package-choices */
}

@media (max-width: 768px) {
  /* line 4200, app/assets/stylesheets/renter-insight.scss */
  .choose-package {
    padding: 17px 15px 1px 15px;
  }
}

/* line 4212, app/assets/stylesheets/renter-insight.scss */
.choose-package .package-choices {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  width: 100%;
  /* .package */
}

@media (max-width: 768px) {
  /* line 4212, app/assets/stylesheets/renter-insight.scss */
  .choose-package .package-choices {
    flex-flow: column nowrap;
  }
}

/* line 4221, app/assets/stylesheets/renter-insight.scss */
.choose-package .package-choices .package {
  background: none;
  border: 1px solid rgba(188, 188, 188, 0.6);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  padding: 15px;
  margin: 0 15px;
  text-align: center;
  cursor: pointer;
  width: 100%;
  max-width: 271px;
}

/* line 4235, app/assets/stylesheets/renter-insight.scss */
.choose-package .package-choices .package.package-inactive {
  cursor: default;
}

@media (max-width: 768px) {
  /* line 4221, app/assets/stylesheets/renter-insight.scss */
  .choose-package .package-choices .package {
    max-width: 100%;
    margin: 0 0 15px 0;
    padding: 20px 30px;
    /* &:last-of-type {
					margin: 0;
				} */
  }
  /* line 4249, app/assets/stylesheets/renter-insight.scss */
  .choose-package .package-choices .package .package-price h3 {
    margin: 0;
  }
}

/* line 4256, app/assets/stylesheets/renter-insight.scss */
.choose-package .package-choices .package .btn-package {
  max-width: 240px;
  min-width: 150px;
  margin-left: auto;
  margin-right: auto;
}

/* line 4262, app/assets/stylesheets/renter-insight.scss */
.choose-package .package-choices .package .btn-package span:after {
  content: 'Select';
}

/* line 4267, app/assets/stylesheets/renter-insight.scss */
.choose-package .package-choices .package.active {
  border-color: #C44C3D;
  box-shadow: inset 0px 0px 7px rgba(196, 76, 61, 0.7);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 4272, app/assets/stylesheets/renter-insight.scss */
.choose-package .package-choices .package.active .price {
  color: #C44C3D;
}

/* line 4276, app/assets/stylesheets/renter-insight.scss */
.choose-package .package-choices .package.active .btn-package {
  background: #C44C3D;
}

/* line 4279, app/assets/stylesheets/renter-insight.scss */
.choose-package .package-choices .package.active .btn-package span:after {
  content: 'Selected';
}

/* line 4286, app/assets/stylesheets/renter-insight.scss */
.choose-package .package-choices .package .package-icon {
  width: 125px;
  height: 125px;
  display: block;
  margin: auto;
  background: #E0E0E0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  display: none;
}

@media (max-width: 768px) {
  /* line 4286, app/assets/stylesheets/renter-insight.scss */
  .choose-package .package-choices .package .package-icon {
    display: none;
  }
}

/* line 4301, app/assets/stylesheets/renter-insight.scss */
.choose-package .package-choices .package .price {
  font-size: 2.6em;
  margin-bottom: 20px;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  /* color:$ri_red; */
}

@media (max-width: 768px) {
  /* line 4301, app/assets/stylesheets/renter-insight.scss */
  .choose-package .package-choices .package .price {
    margin-bottom: 10px;
  }
}

/* line 4311, app/assets/stylesheets/renter-insight.scss */
.choose-package .package-choices .package .price span {
  font-size: 15px;
  display: block;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #838383;
  margin-top: -5px;
}

@media (max-width: 768px) {
  /* line 4320, app/assets/stylesheets/renter-insight.scss */
  .choose-package .package-choices .package .package-details {
    /* flex-flow:row nowrap; */
    justify-content: space-between;
  }
}

/* line 4328, app/assets/stylesheets/renter-insight.scss */
.choose-package .package-choices .package ul.package-benefits {
  list-style: none;
  text-align: left;
  margin: 0 0 25px 0;
  padding: 0;
}

@media (max-width: 768px) {
  /* line 4328, app/assets/stylesheets/renter-insight.scss */
  .choose-package .package-choices .package ul.package-benefits {
    margin-bottom: 10px;
    margin: 0 auto 10px auto;
    display: block;
    width: 220px;
    /* margin-left: 30px; */
  }
}

/* line 4342, app/assets/stylesheets/renter-insight.scss */
.choose-package .package-choices .package ul.package-benefits li {
  padding: 5px;
  /* font-size: 0.95em; */
}

@media (max-width: 992px) {
  /* line 4342, app/assets/stylesheets/renter-insight.scss */
  .choose-package .package-choices .package ul.package-benefits li {
    font-size: 0.8em;
  }
}

/* line 4350, app/assets/stylesheets/renter-insight.scss */
.choose-package .package-choices .package ul.package-benefits li i {
  color: #C44C3D;
  margin-right: 7px;
}

/* line 4363, app/assets/stylesheets/renter-insight.scss */
.choose-package .disclaimer {
  margin: 15px auto 0 auto;
  text-align: center;
}

@media (max-width: 768px) {
  /* line 4363, app/assets/stylesheets/renter-insight.scss */
  .choose-package .disclaimer {
    margin: 0px auto 15px auto;
  }
}

/* .choose-package */
/* ---- RESIDENT DETAIL ---- */
/* line 4377, app/assets/stylesheets/renter-insight.scss */
.rd-status-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  margin-bottom: 25px;
}

@media (max-width: 576px) {
  /* line 4377, app/assets/stylesheets/renter-insight.scss */
  .rd-status-wrap {
    flex-flow: column nowrap;
    margin-bottom: 40px;
  }
}

/* line 4386, app/assets/stylesheets/renter-insight.scss */
.rd-status-wrap div {
  font-size: 1.5em;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #838383;
  margin: 0 20px;
}

/* line 4392, app/assets/stylesheets/renter-insight.scss */
.rd-status-wrap div:first-of-type {
  margin-left: 0;
}

/* line 4396, app/assets/stylesheets/renter-insight.scss */
.rd-status-wrap div:last-of-type {
  margin-right: 0;
}

@media (max-width: 576px) {
  /* line 4386, app/assets/stylesheets/renter-insight.scss */
  .rd-status-wrap div {
    margin: 0;
  }
}

/* line 4406, app/assets/stylesheets/renter-insight.scss */
.rd-status-wrap .rd-current {
  color: #8CC66A;
}

/* line 4409, app/assets/stylesheets/renter-insight.scss */
.rd-status-wrap .rd-past {
  color: #D74134;
}

/* line 4414, app/assets/stylesheets/renter-insight.scss */
.rd-status-wrap .rd-balance span {
  color: #1E2121;
}

/* line 4417, app/assets/stylesheets/renter-insight.scss */
.rd-status-wrap .rd-balance span:hover {
  color: #C44C3D;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  /* text-decoration: underline; */
}

/* .rd-status-wrap */
/* line 4427, app/assets/stylesheets/renter-insight.scss */
.rd-edit-nav {
  margin: 20px auto 5px auto;
}

/* ---- Listing Preview ---- */
/* line 4433, app/assets/stylesheets/renter-insight.scss */
.listing-preview {
  /* .listing-preview-visuals */
  /* .listing-preview-topstats */
  /* .listing-preview-details */
}

/* line 4435, app/assets/stylesheets/renter-insight.scss */
.listing-preview .title-block {
  margin-bottom: 5px;
}

/* line 4439, app/assets/stylesheets/renter-insight.scss */
.listing-preview .lp-nav {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  font-size: 0.95em;
}

/* line 4445, app/assets/stylesheets/renter-insight.scss */
.listing-preview .lp-nav.horiz-nav {
  border: none;
}

/* line 4449, app/assets/stylesheets/renter-insight.scss */
.listing-preview .lp-nav.horiz-nav-sticky {
  border-bottom: 1px solid #E0E0E0;
  padding: 0 10px;
}

/* line 4453, app/assets/stylesheets/renter-insight.scss */
.listing-preview .lp-nav.horiz-nav-sticky .lp-edit-nav {
  padding-top: 5px;
  padding-bottom: 5px;
}

/* line 4459, app/assets/stylesheets/renter-insight.scss */
.listing-preview .lp-nav .lp-links-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}

@media (max-width: 576px) {
  /* line 4459, app/assets/stylesheets/renter-insight.scss */
  .listing-preview .lp-nav .lp-links-wrap {
    flex-flow: column nowrap;
    align-items: flex-start;
  }
}

/* line 4468, app/assets/stylesheets/renter-insight.scss */
.listing-preview .lp-nav .lp-apply-link {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  margin-right: 15px;
}

/* line 4473, app/assets/stylesheets/renter-insight.scss */
.listing-preview .lp-nav .lp-apply-link:hover {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  /* color:$ri_red_dark; */
}

/* line 4478, app/assets/stylesheets/renter-insight.scss */
.listing-preview .lp-nav .lp-apply-link span {
  margin-right: 5px;
  color: #4C4C4C;
}

/* line 4484, app/assets/stylesheets/renter-insight.scss */
.listing-preview .lp-nav .lp-apply-link.lp-apply-link-icons a, .listing-preview .lp-nav .lp-apply-link.lp-apply-link-icons button {
  margin: 0 3px;
  color: #C44C3D;
}

/* line 4488, app/assets/stylesheets/renter-insight.scss */
.listing-preview .lp-nav .lp-apply-link.lp-apply-link-icons a:last-of-type, .listing-preview .lp-nav .lp-apply-link.lp-apply-link-icons button:last-of-type {
  margin-right: 0;
}

/* line 4493, app/assets/stylesheets/renter-insight.scss */
.listing-preview .lp-nav .lp-apply-link.lp-apply-link-icons .fal, .listing-preview .lp-nav .lp-apply-link.lp-apply-link-icons .fab {
  line-height: 1;
}

/* line 4496, app/assets/stylesheets/renter-insight.scss */
.listing-preview .lp-nav .lp-apply-link.lp-apply-link-icons .fal.fa-facebook, .listing-preview .lp-nav .lp-apply-link.lp-apply-link-icons .fab.fa-facebook {
  color: #C44C3D;
  font-size: 1.3em;
  margin-top: 1px;
}

@media (max-width: 576px) {
  /* line 4496, app/assets/stylesheets/renter-insight.scss */
  .listing-preview .lp-nav .lp-apply-link.lp-apply-link-icons .fal.fa-facebook, .listing-preview .lp-nav .lp-apply-link.lp-apply-link-icons .fab.fa-facebook {
    font-size: 1.2em;
  }
}

/* line 4506, app/assets/stylesheets/renter-insight.scss */
.listing-preview .lp-nav .lp-apply-link.lp-apply-link-icons .fal.fa-envelope, .listing-preview .lp-nav .lp-apply-link.lp-apply-link-icons .fab.fa-envelope {
  color: #C44C3D;
  font-size: 1.4em;
  margin-top: 1px;
  margin-left: 3px;
}

@media (max-width: 576px) {
  /* line 4506, app/assets/stylesheets/renter-insight.scss */
  .listing-preview .lp-nav .lp-apply-link.lp-apply-link-icons .fal.fa-envelope, .listing-preview .lp-nav .lp-apply-link.lp-apply-link-icons .fab.fa-envelope {
    font-size: 1.2em;
  }
}

/* line 4517, app/assets/stylesheets/renter-insight.scss */
.listing-preview .lp-nav .lp-apply-link.lp-apply-link-icons .fal.fa-twitter, .listing-preview .lp-nav .lp-apply-link.lp-apply-link-icons .fab.fa-twitter {
  color: #C44C3D;
  font-size: 1.45em;
}

@media (max-width: 576px) {
  /* line 4517, app/assets/stylesheets/renter-insight.scss */
  .listing-preview .lp-nav .lp-apply-link.lp-apply-link-icons .fal.fa-twitter, .listing-preview .lp-nav .lp-apply-link.lp-apply-link-icons .fab.fa-twitter {
    font-size: 1.0em;
  }
}

/* line 4528, app/assets/stylesheets/renter-insight.scss */
.listing-preview .lp-nav .lp-apply-link.tooltip {
  white-space: nowrap;
}

/* line 4531, app/assets/stylesheets/renter-insight.scss */
.listing-preview .lp-nav .lp-apply-link.tooltip:after {
  /* top:-35px; */
  top: 25px;
  right: 0;
}

@media (max-width: 1200px) {
  /* line 4531, app/assets/stylesheets/renter-insight.scss */
  .listing-preview .lp-nav .lp-apply-link.tooltip:after {
    right: -20px;
  }
}

/* line 4545, app/assets/stylesheets/renter-insight.scss */
.listing-preview .lp-status-wrap {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}

/* line 4549, app/assets/stylesheets/renter-insight.scss */
.listing-preview .lp-status-wrap .alert-box {
  position: absolute;
  width: 400px;
  right: 0;
  top: 40px;
}

@media (max-width: 576px) {
  /* line 4549, app/assets/stylesheets/renter-insight.scss */
  .listing-preview .lp-status-wrap .alert-box {
    max-width: 270px;
  }
}

/* line 4561, app/assets/stylesheets/renter-insight.scss */
.listing-preview .lp-status {
  /* position: absolute;
		right: 0;
		top: 25px; */
  margin-left: 15px;
  color: #BCBCBC;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 4569, app/assets/stylesheets/renter-insight.scss */
.listing-preview .lp-status .lp-status-label {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 4573, app/assets/stylesheets/renter-insight.scss */
.listing-preview .lp-status .lp-status-label:hover {
  cursor: pointer;
}

/* line 4577, app/assets/stylesheets/renter-insight.scss */
.listing-preview .lp-status .lp-status-label span {
  margin: 0 5px;
}

/* line 4581, app/assets/stylesheets/renter-insight.scss */
.listing-preview .lp-status .lp-status-label i {
  font-size: 1.4em;
  color: #BCBCBC;
}

/* line 4587, app/assets/stylesheets/renter-insight.scss */
.listing-preview .lp-status.active {
  color: #838383;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 4591, app/assets/stylesheets/renter-insight.scss */
.listing-preview .lp-status.active i {
  color: #D74134;
}

/* line 4594, app/assets/stylesheets/renter-insight.scss */
.listing-preview .lp-status.active span {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
}

/* line 4601, app/assets/stylesheets/renter-insight.scss */
.listing-preview .listing-preview-visuals {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 10px 15px;
}

@media (max-width: 992px) {
  /* line 4601, app/assets/stylesheets/renter-insight.scss */
  .listing-preview .listing-preview-visuals {
    flex-direction: column;
  }
}

/* line 4611, app/assets/stylesheets/renter-insight.scss */
.listing-preview .listing-preview-visuals .lp-visual img {
  width: 100%;
}

/* line 4618, app/assets/stylesheets/renter-insight.scss */
.listing-preview .listing-preview-topstats {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  margin: 30px 0;
  /* .lp-buttons */
  /* .lp-qr-code-wrap */
  /* .lp-play-video-wrap */
}

@media (max-width: 992px) {
  /* line 4618, app/assets/stylesheets/renter-insight.scss */
  .listing-preview .listing-preview-topstats {
    flex-flow: column nowrap;
  }
}

/* line 4627, app/assets/stylesheets/renter-insight.scss */
.listing-preview .listing-preview-topstats .lp-buttons {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 20px 20px;
  margin-right: 40px;
}

@media (max-width: 992px) {
  /* line 4627, app/assets/stylesheets/renter-insight.scss */
  .listing-preview .listing-preview-topstats .lp-buttons {
    margin-right: 0px;
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  /* line 4627, app/assets/stylesheets/renter-insight.scss */
  .listing-preview .listing-preview-topstats .lp-buttons {
    margin-right: 0;
  }
}

/* line 4641, app/assets/stylesheets/renter-insight.scss */
.listing-preview .listing-preview-topstats .lp-buttons .lp-buttons-stacked {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: column nowrap;
  /* justify-content: center; */
  /* justify-content: space-between; */
}

@media (max-width: 576px) {
  /* line 4641, app/assets/stylesheets/renter-insight.scss */
  .listing-preview .listing-preview-topstats .lp-buttons .lp-buttons-stacked {
    flex-flow: row nowrap;
  }
  /* line 4648, app/assets/stylesheets/renter-insight.scss */
  .listing-preview .listing-preview-topstats .lp-buttons .lp-buttons-stacked .lp-button-link-wrap {
    margin: 0 8px;
  }
}

/* line 4660, app/assets/stylesheets/renter-insight.scss */
.listing-preview .listing-preview-topstats .lp-qr-code-wrap {
  width: 100px;
}

@media (max-width: 576px) {
  /* line 4660, app/assets/stylesheets/renter-insight.scss */
  .listing-preview .listing-preview-topstats .lp-qr-code-wrap {
    display: none;
  }
}

/* line 4667, app/assets/stylesheets/renter-insight.scss */
.listing-preview .listing-preview-topstats .lp-qr-code-wrap .lp-qr-code {
  width: 100%;
}

/* line 4671, app/assets/stylesheets/renter-insight.scss */
.listing-preview .listing-preview-topstats .lp-qr-code-wrap span {
  text-transform: uppercase;
  color: #C44C3D;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 0.8em;
  line-height: 0.9;
}

/* line 4680, app/assets/stylesheets/renter-insight.scss */
.listing-preview .listing-preview-topstats .lp-button-link-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}

/* line 4683, app/assets/stylesheets/renter-insight.scss */
.listing-preview .listing-preview-topstats .lp-button-link-wrap:first-of-type {
  margin-bottom: 15px;
}

/* line 4688, app/assets/stylesheets/renter-insight.scss */
.listing-preview .listing-preview-topstats .lp-button-link-wrap:hover .far, .listing-preview .listing-preview-topstats .lp-button-link-wrap:hover .fas, .listing-preview .listing-preview-topstats .lp-button-link-wrap:hover span {
  color: #AA3B2D;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 4695, app/assets/stylesheets/renter-insight.scss */
.listing-preview .listing-preview-topstats .lp-button-link-wrap .far, .listing-preview .listing-preview-topstats .lp-button-link-wrap .fas {
  /* font-size: 4.5em; */
  font-size: 2.7em;
  /* margin-bottom: 7px; */
  margin-right: 5px;
  color: #C44C3D;
  width: 50px;
}

/* line 4703, app/assets/stylesheets/renter-insight.scss */
.listing-preview .listing-preview-topstats .lp-button-link-wrap .far.fa-file-edit, .listing-preview .listing-preview-topstats .lp-button-link-wrap .fas.fa-file-edit {
  font-size: 2.7em;
}

/* line 4708, app/assets/stylesheets/renter-insight.scss */
.listing-preview .listing-preview-topstats .lp-button-link-wrap span {
  display: block;
  text-transform: uppercase;
  text-align: left;
  color: #C44C3D;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.05em;
  line-height: 1;
}

/* line 4723, app/assets/stylesheets/renter-insight.scss */
.listing-preview .listing-preview-topstats .lp-info {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
}

/* line 4730, app/assets/stylesheets/renter-insight.scss */
.listing-preview .listing-preview-topstats .lp-info h2 {
  text-align: left;
  font-size: 1.8em;
  margin-top: 0;
  margin-top: -5px;
  margin-bottom: 20px;
  line-height: 1;
}

@media (max-width: 576px) {
  /* line 4730, app/assets/stylesheets/renter-insight.scss */
  .listing-preview .listing-preview-topstats .lp-info h2 {
    font-size: 1.4em;
  }
}

/* line 4742, app/assets/stylesheets/renter-insight.scss */
.listing-preview .listing-preview-topstats .lp-info h2 span {
  color: #BCBCBC;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-style: italic;
  text-transform: none;
  display: block;
  font-size: 0.65em;
}

/* line 4751, app/assets/stylesheets/renter-insight.scss */
.listing-preview .listing-preview-topstats .lp-info .lp-info-stats {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}

@media (max-width: 576px) {
  /* line 4751, app/assets/stylesheets/renter-insight.scss */
  .listing-preview .listing-preview-topstats .lp-info .lp-info-stats {
    flex-flow: row wrap;
  }
}

/* line 4761, app/assets/stylesheets/renter-insight.scss */
.listing-preview .listing-preview-topstats .lp-info .lp-info-stats .lp-info-stat {
  font-size: 1.2em;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  margin-right: 30px;
  line-height: 1;
}

/* line 4767, app/assets/stylesheets/renter-insight.scss */
.listing-preview .listing-preview-topstats .lp-info .lp-info-stats .lp-info-stat:last-of-type {
  margin-right: 0;
}

@media (max-width: 576px) {
  /* line 4761, app/assets/stylesheets/renter-insight.scss */
  .listing-preview .listing-preview-topstats .lp-info .lp-info-stats .lp-info-stat {
    margin-bottom: 10px;
  }
}

/* line 4775, app/assets/stylesheets/renter-insight.scss */
.listing-preview .listing-preview-topstats .lp-info .lp-info-stats .lp-info-stat span {
  color: #838383;
  /* margin-right: 5px; */
}

/* line 4780, app/assets/stylesheets/renter-insight.scss */
.listing-preview .listing-preview-topstats .lp-info .lp-info-stats .lp-info-stat .fas {
  margin-right: 3px;
  font-size: 1.4em;
  position: relative;
  top: 4px;
  line-height: 0;
  /* position: relative;
						top: 3px; */
}

/* line 4790, app/assets/stylesheets/renter-insight.scss */
.listing-preview .listing-preview-topstats .lp-info .lp-info-stats .lp-info-stat .fas.pets-yes {
  color: #8CC66A;
}

/* line 4793, app/assets/stylesheets/renter-insight.scss */
.listing-preview .listing-preview-topstats .lp-info .lp-info-stats .lp-info-stat .fas.pets-no {
  color: #D74134;
}

/* line 4806, app/assets/stylesheets/renter-insight.scss */
.listing-preview .listing-preview-details {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 20px 20px;
  /* .lp-details-info */
}

@media (max-width: 992px) {
  /* line 4806, app/assets/stylesheets/renter-insight.scss */
  .listing-preview .listing-preview-details {
    flex-flow: column nowrap;
  }
}

/* line 4814, app/assets/stylesheets/renter-insight.scss */
.listing-preview .listing-preview-details .lp-details-column {
  background: rgba(249, 249, 249, 0.8);
  padding: 6px 30px 30px 30px;
  width: 100%;
  text-align: center;
}

/* line 4823, app/assets/stylesheets/renter-insight.scss */
.listing-preview .listing-preview-details .lp-details-info .form-item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
}

/* line 4828, app/assets/stylesheets/renter-insight.scss */
.listing-preview .listing-preview-details .lp-details-info .form-item label {
  margin-right: 10px;
}

/* line 4834, app/assets/stylesheets/renter-insight.scss */
.listing-preview .listing-preview-details .lp-details-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}

/* line 4840, app/assets/stylesheets/renter-insight.scss */
.listing-preview .listing-preview-details .lp-details-block {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: column nowrap;
}

/* line 4844, app/assets/stylesheets/renter-insight.scss */
.listing-preview .listing-preview-details .lp-details-block.lp-details-block-left {
  text-align: left;
  margin-bottom: 10px;
  margin-top: 20px;
}

/* line 4850, app/assets/stylesheets/renter-insight.scss */
.listing-preview .listing-preview-details .lp-details-block span {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 700;
  font-style: normal;
}

/* line 4854, app/assets/stylesheets/renter-insight.scss */
.listing-preview .listing-preview-details .lp-details-block p {
  margin-top: 5px;
  line-height: 1.2;
}

/* line 4859, app/assets/stylesheets/renter-insight.scss */
.listing-preview .listing-preview-details .lp-details-block .form-textarea {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  background: #ffffff;
  border: 1px solid #BCBCBC;
  margin-top: 5px;
  min-height: 100px;
}

/* line 4870, app/assets/stylesheets/renter-insight.scss */
.listing-preview .listing-preview-details .lp-contact-manager {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 7px auto 40px auto;
}

/* line 4875, app/assets/stylesheets/renter-insight.scss */
.listing-preview .listing-preview-details .lp-contact-manager .flex-img-avatar {
  max-width: 100px;
  margin: 0 20px 0 0;
}

/* line 4880, app/assets/stylesheets/renter-insight.scss */
.listing-preview .listing-preview-details .lp-contact-manager .lp-prop-manager-info {
  text-align: left;
  line-height: 1.5;
}

/* line 4884, app/assets/stylesheets/renter-insight.scss */
.listing-preview .listing-preview-details .lp-contact-manager .lp-prop-manager-info i {
  margin-right: 3px;
}

/* line 4888, app/assets/stylesheets/renter-insight.scss */
.listing-preview .listing-preview-details .lp-contact-manager .lp-prop-manager-info a:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
}

/* line 4895, app/assets/stylesheets/renter-insight.scss */
.listing-preview .listing-preview-details .form {
  margin-top: 30px;
}

/* #section-listing-preview */
/* ---- MAINTENANCE REQUEST FORM ---- */
/* line 4908, app/assets/stylesheets/renter-insight.scss */
#ll-section-maintenance .st-nav {
  flex-flow: row wrap;
  justify-content: space-between;
}

@media (max-width: 1200px) {
  /* line 4908, app/assets/stylesheets/renter-insight.scss */
  #ll-section-maintenance .st-nav {
    flex-flow: row wrap;
    justify-content: space-between;
  }
}

@media (max-width: 992px) {
  /* line 4908, app/assets/stylesheets/renter-insight.scss */
  #ll-section-maintenance .st-nav {
    /* .st-search {
				margin-top: 20px;
			} */
  }
}

@media (max-width: 768px) {
  /* line 4908, app/assets/stylesheets/renter-insight.scss */
  #ll-section-maintenance .st-nav {
    flex-flow: column nowrap;
    align-items: center;
  }
  /* line 4932, app/assets/stylesheets/renter-insight.scss */
  #ll-section-maintenance .st-nav .btn, #ll-section-maintenance .st-nav .form-item, #ll-section-maintenance .st-nav .toggle-item, #ll-section-maintenance .st-nav .st-search {
    margin: 10px auto;
  }
  /* line 4936, app/assets/stylesheets/renter-insight.scss */
  #ll-section-maintenance .st-nav .btn-maint-print-qr-batch {
    display: none;
  }
}

/* line 4943, app/assets/stylesheets/renter-insight.scss */
.maint-tenant-list {
  margin-top: 30px;
}

/* line 4946, app/assets/stylesheets/renter-insight.scss */
.maint-tenant-list ul {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 576px) {
  /* line 4946, app/assets/stylesheets/renter-insight.scss */
  .maint-tenant-list ul {
    flex-flow: column nowrap;
  }
}

/* line 4956, app/assets/stylesheets/renter-insight.scss */
.maint-tenant-list ul li {
  list-style: none;
  margin: 10px;
}

@media (max-width: 576px) {
  /* line 4956, app/assets/stylesheets/renter-insight.scss */
  .maint-tenant-list ul li {
    margin: 3px;
  }
}

/* .maint-tenant-list  */
/* line 4969, app/assets/stylesheets/renter-insight.scss */
.maint-new-request-submitted {
  margin-top: 20px;
}

/* line 4972, app/assets/stylesheets/renter-insight.scss */
.maint-new-request-submitted .thumbnail-gallery {
  margin-top: 20px;
}

@media (max-width: 576px) {
  /* line 4979, app/assets/stylesheets/renter-insight.scss */
  .maint-new-request .info-emergency {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* line 4987, app/assets/stylesheets/renter-insight.scss */
.maint-new-request .expenses {
  text-align: left;
  margin-bottom: 20px;
}

/* ---- COMMUNICATION CENTER ---- */
@media (max-width: 576px) {
  /* line 4995, app/assets/stylesheets/renter-insight.scss */
  #ll-section-communication-center {
    padding-top: 40px;
  }
}

@media (max-width: 576px) {
  /* line 5001, app/assets/stylesheets/renter-insight.scss */
  #ll-section-communication-center .title-block {
    display: none;
  }
}

/* line 5006, app/assets/stylesheets/renter-insight.scss */
#ll-section-communication-center .title-block h1 {
  /* @include max-small {
				padding-top: 15px;
			} */
}

@media (max-width: 1200px) {
  /* line 5006, app/assets/stylesheets/renter-insight.scss */
  #ll-section-communication-center .title-block h1 {
    margin-bottom: 0;
    margin-top: -10px;
  }
}

/* line 5020, app/assets/stylesheets/renter-insight.scss */
.cc-status-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  margin-bottom: 25px;
}

@media (max-width: 576px) {
  /* line 5020, app/assets/stylesheets/renter-insight.scss */
  .cc-status-wrap {
    display: none;
    margin-bottom: 40px;
  }
}

/* line 5029, app/assets/stylesheets/renter-insight.scss */
.cc-status-wrap div {
  font-size: 1.5em;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #8CC66A;
  margin: 0 20px;
}

@media (max-width: 576px) {
  /* line 5029, app/assets/stylesheets/renter-insight.scss */
  .cc-status-wrap div {
    margin: 0;
  }
}

/* line 5040, app/assets/stylesheets/renter-insight.scss */
.cc-status-wrap .cc-new-messages {
  color: #8CC66A;
}

/* line 5044, app/assets/stylesheets/renter-insight.scss */
.cc-status-wrap .cc-no-messages {
  color: #D74134;
}

/* line 5049, app/assets/stylesheets/renter-insight.scss */
.horiz-nav-communication-center {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  /* .btn-cc-announcements {
		position: absolute;
		left:0;
	}

	.btn-cc-templates {
		position: absolute;
		right:0;
	}
 */
  /* max-large */
  /* .cc-search-nav */
}

@media (max-width: 992px) {
  /* line 5049, app/assets/stylesheets/renter-insight.scss */
  .horiz-nav-communication-center {
    border-bottom: none;
  }
}

@media (max-width: 576px) {
  /* line 5049, app/assets/stylesheets/renter-insight.scss */
  .horiz-nav-communication-center {
    /* mimic sticky nav */
    position: fixed;
    height: auto;
    width: 100%;
    max-width: 1100px;
    margin: 0 0 0 0px;
    padding: 0;
    top: 54px;
    z-index: 99;
    background: #ffffff;
    /* @include midshadow; */
    max-width: 100vw;
    width: calc(100vw - 5px);
    left: 0;
  }
}

@media (max-width: 992px) {
  /* line 5049, app/assets/stylesheets/renter-insight.scss */
  .horiz-nav-communication-center {
    flex-flow: column nowrap;
    height: auto;
    justify-content: flex-start;
  }
  /* line 5091, app/assets/stylesheets/renter-insight.scss */
  .horiz-nav-communication-center .horiz-nav-list {
    border-bottom: 1px solid #E0E0E0;
    width: 100%;
    text-align: center;
    justify-content: center;
  }
  /* line 5099, app/assets/stylesheets/renter-insight.scss */
  .horiz-nav-communication-center .hv-stacked br {
    display: none;
  }
  /* line 5103, app/assets/stylesheets/renter-insight.scss */
  .horiz-nav-communication-center .hv-stacked em {
    width: 4px;
    display: inline-block;
  }
  /* line 5109, app/assets/stylesheets/renter-insight.scss */
  .horiz-nav-communication-center .hv-sidenav-left {
    margin-top: 10px;
    order: 1;
  }
  /* line 5114, app/assets/stylesheets/renter-insight.scss */
  .horiz-nav-communication-center .btn-cc-announcements {
    position: relative;
  }
  /* line 5118, app/assets/stylesheets/renter-insight.scss */
  .horiz-nav-communication-center .btn-cc-templates {
    position: relative;
  }
}

/* line 5123, app/assets/stylesheets/renter-insight.scss */
.horiz-nav-communication-center .announce-new {
  color: #C44C3D;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
}

/* line 5128, app/assets/stylesheets/renter-insight.scss */
.horiz-nav-communication-center .horiz-nav-list {
  order: 3;
}

/* line 5132, app/assets/stylesheets/renter-insight.scss */
.horiz-nav-communication-center .horiz-nav-list .hn-item {
  margin: 0 12px;
}

@media (max-width: 576px) {
  /* line 5132, app/assets/stylesheets/renter-insight.scss */
  .horiz-nav-communication-center .horiz-nav-list .hn-item {
    margin: auto;
  }
}

@media (max-width: 576px) {
  /* line 5128, app/assets/stylesheets/renter-insight.scss */
  .horiz-nav-communication-center .horiz-nav-list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
  }
}

/* line 5148, app/assets/stylesheets/renter-insight.scss */
.horiz-nav-communication-center .hn-item span, .horiz-nav-communication-center .btn-cc-templates span {
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  margin-left: 5px;
}

/* line 5154, app/assets/stylesheets/renter-insight.scss */
.horiz-nav-communication-center .cc-search-nav {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  position: absolute;
  right: 0;
  /* @include max-medium {
			margin-top: 10px;
			margin-bottom: 10px;
		} */
}

/* line 5159, app/assets/stylesheets/renter-insight.scss */
.horiz-nav-communication-center .cc-search-nav input {
  max-width: 182px;
}

@media (max-width: 992px) {
  /* line 5154, app/assets/stylesheets/renter-insight.scss */
  .horiz-nav-communication-center .cc-search-nav {
    order: 8;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

@media (max-width: 992px) {
  /* line 5154, app/assets/stylesheets/renter-insight.scss */
  .horiz-nav-communication-center .cc-search-nav {
    display: none;
  }
}

/* .horiz-nav-communication-center */
/* line 5182, app/assets/stylesheets/renter-insight.scss */
.btn-messages-mobile-back-wrap {
  width: 100%;
  border-bottom: 1px solid #E0E0E0;
  order: 20;
}

@media (min-width: 992px) {
  /* line 5182, app/assets/stylesheets/renter-insight.scss */
  .btn-messages-mobile-back-wrap {
    display: none;
  }
}

/* line 5191, app/assets/stylesheets/renter-insight.scss */
.btn-messages-mobile-back-wrap .btn-messages-mobile-back {
  /* margin-top: 15px; */
  margin: 10px auto 10px auto;
  /* @include min-large {
			display: none;
		} */
}

/* line 5195, app/assets/stylesheets/renter-insight.scss */
.btn-messages-mobile-back-wrap .btn-messages-mobile-back i {
  margin-left: 0;
  margin-right: 7px;
}

/* line 5205, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 0 30px;
  margin-top: 20px;
  position: relative;
  /* height: calc(70vh - 70px); */
  height: calc(100vh - 362px);
  min-height: 500px;
  overflow: hidden;
  /* cc-message-container */
  /* .cc-conversation-container */
  /* .cc-profile-container */
}

@media (max-width: 1200px) {
  /* line 5205, app/assets/stylesheets/renter-insight.scss */
  .communication-center-wrap {
    height: calc(100vh - 330px);
  }
}

@media (max-width: 992px) {
  /* line 5205, app/assets/stylesheets/renter-insight.scss */
  .communication-center-wrap {
    gap: 20px 0px;
    flex-flow: column nowrap;
    height: auto;
    overflow: visible;
    min-height: 0;
  }
}

/* line 5227, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-message-container, .communication-center-wrap .cc-profile-container {
  flex: 0 0 260px;
  /* @include max-large {
			 flex:0 0 240px;

			 background: $gray_7;
			@include animate;

			&.inactive {
				@include animate;
				width: 30px;
				flex: 0 0 30px;
				overflow: hidden;

				* {
					display: none;
				}
			}
		} */
}

@media (max-width: 992px) {
  /* line 5227, app/assets/stylesheets/renter-insight.scss */
  .communication-center-wrap .cc-message-container, .communication-center-wrap .cc-profile-container {
    flex: 0 0 100%;
    /* flex-flow:column nowrap;
			@include flexbox; */
  }
}

/* line 5255, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-messages-expand-nav-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 992px) {
  /* line 5255, app/assets/stylesheets/renter-insight.scss */
  .communication-center-wrap .cc-messages-expand-nav-wrap {
    display: none;
  }
}

/* line 5264, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-messages-expand-nav-wrap .btn-cc-messages-expand {
  background: #E0E0E0;
  color: #838383;
  width: 100%;
  padding: 15px;
  margin-bottom: 30px;
}

/* line 5271, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-messages-expand-nav-wrap .btn-cc-messages-expand:hover {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  /* background: $ri_red; */
  /* color:#ffffff; */
}

/* line 5283, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-message-container {
  height: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  /* for version where messages area expands/contracts */
  /* @include max-large {
			max-height: $ccMessageHeight;
			margin-bottom: -20px;

			&.expanded {
				max-height: 100%;
				height: 100%;
				@include animate;

				.cc-messages {
					height: calc(100% + 27px);
					padding-bottom: 0;
					@include animate;

					.cc-messages-scroll {
						overflow: visible;
						height: 100%;
						border-bottom: 0;
						@include animate;
					}
				}
			}
		} */
  /* .cc-messages */
}

/* line 5312, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-message-container .form-item {
  margin-bottom: 20px;
}

/* line 5316, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-message-container .cc-messages {
  background: #F9F9F9;
  height: 100%;
  position: relative;
  /* @include max-large {
				height: calc(350px - 57px);
			}
 */
  /* .cc-message-nav */
  /* .cc-messages-wrap */
}

/* line 5325, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-message-container .cc-messages .cc-message-nav {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  position: relative;
  height: 57px;
  /* border-bottom:1px solid $gray_4; */
  /* .cc-search-messages */
}

@media (max-width: 992px) {
  /* line 5325, app/assets/stylesheets/renter-insight.scss */
  .communication-center-wrap .cc-message-container .cc-messages .cc-message-nav {
    justify-content: space-between;
  }
}

/* line 5337, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-message-container .cc-messages .cc-message-nav .btn-checkbox {
  position: absolute;
  left: 13px;
  /* @include max-large {
						position: relative;
						left: 2px;
					} */
}

@media (max-width: 576px) {
  /* line 5347, app/assets/stylesheets/renter-insight.scss */
  .communication-center-wrap .cc-message-container .cc-messages .cc-message-nav .btn-messagenav-desktop {
    display: none !important;
  }
}

@media (min-width: 576px) {
  /* line 5353, app/assets/stylesheets/renter-insight.scss */
  .communication-center-wrap .cc-message-container .cc-messages .cc-message-nav .btn-messagenav-mobile {
    display: none !important;
  }
}

/* line 5359, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-message-container .cc-messages .cc-message-nav .btn-new-message, .communication-center-wrap .cc-message-container .cc-messages .cc-message-nav .btn-delete-messages {
  /* @include max-small {
						i {
							display: none;
						}
					} */
}

/* line 5360, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-message-container .cc-messages .cc-message-nav .btn-new-message i, .communication-center-wrap .cc-message-container .cc-messages .cc-message-nav .btn-delete-messages i {
  margin-left: 0;
  margin-right: 7px;
}

/* line 5364, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-message-container .cc-messages .cc-message-nav .btn-new-message i.fa-trash-alt, .communication-center-wrap .cc-message-container .cc-messages .cc-message-nav .btn-delete-messages i.fa-trash-alt {
  font-size: 1em;
}

@media (max-width: 992px) {
  /* line 5359, app/assets/stylesheets/renter-insight.scss */
  .communication-center-wrap .cc-message-container .cc-messages .cc-message-nav .btn-new-message, .communication-center-wrap .cc-message-container .cc-messages .cc-message-nav .btn-delete-messages {
    margin-left: 31px;
  }
}

/* line 5380, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-message-container .cc-messages .cc-message-nav .cc-search-messages {
  /* Mobile Search Field */
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}

@media (min-width: 992px) {
  /* line 5380, app/assets/stylesheets/renter-insight.scss */
  .communication-center-wrap .cc-message-container .cc-messages .cc-message-nav .cc-search-messages {
    display: none;
  }
}

/* line 5390, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-message-container .cc-messages .cc-message-nav .cc-search-messages .btn i {
  margin-left: 0;
}

/* line 5395, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-message-container .cc-messages .cc-message-nav .cc-search-messages input {
  max-width: 180px;
  border: 1px solid #E0E0E0;
  margin-left: 15px;
  margin-right: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

/* line 5407, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-message-container .cc-messages .cc-messages-wrap {
  border: 1px solid #E0E0E0;
  position: relative;
  /* .cc-messages-scroll */
  /* .message */
}

/* line 5411, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-message-container .cc-messages .cc-messages-wrap.cc-messages-scroll {
  height: calc(100% - 108px);
  overflow: hidden;
  overflow-y: scroll;
  --scrollbargrayBG:rgba(255,255,255,0);
  --thumbgrayBG: #e1e1e1;
  scrollbar-width: auto;
  scrollbar-color: var(--thumbgrayBG) var(--scrollbargrayBG);
  border: 4px solid var(--scrollbargrayBG);
  --scrollbargrayBG:rgba(255,255,255,0);
  --thumbgrayBG: #e1e1e1;
  scrollbar-width: auto;
  scrollbar-color: var(--thumbgrayBG) var(--scrollbargrayBG);
  border: 0px solid var(--scrollbargrayBG);
}

/* line 321, app/assets/stylesheets/mixins/renter-insight-mixins.scss */
.communication-center-wrap .cc-message-container .cc-messages .cc-messages-wrap.cc-messages-scroll::-webkit-scrollbar {
  width: 8px;
}

/* line 329, app/assets/stylesheets/mixins/renter-insight-mixins.scss */
.communication-center-wrap .cc-message-container .cc-messages .cc-messages-wrap.cc-messages-scroll::-webkit-scrollbar-track {
  background: var(--scrollbargrayBG);
}

/* line 332, app/assets/stylesheets/mixins/renter-insight-mixins.scss */
.communication-center-wrap .cc-message-container .cc-messages .cc-messages-wrap.cc-messages-scroll::-webkit-scrollbar-thumb {
  background-color: var(--thumbgrayBG);
  border-radius: 10px;
}

/* line 363, app/assets/stylesheets/mixins/renter-insight-mixins.scss */
.communication-center-wrap .cc-message-container .cc-messages .cc-messages-wrap.cc-messages-scroll::-webkit-scrollbar {
  width: 3px;
}

/* line 371, app/assets/stylesheets/mixins/renter-insight-mixins.scss */
.communication-center-wrap .cc-message-container .cc-messages .cc-messages-wrap.cc-messages-scroll::-webkit-scrollbar-track {
  background: var(--scrollbargrayBG);
}

/* line 374, app/assets/stylesheets/mixins/renter-insight-mixins.scss */
.communication-center-wrap .cc-message-container .cc-messages .cc-messages-wrap.cc-messages-scroll::-webkit-scrollbar-thumb {
  background-color: var(--thumbgrayBG);
  border-radius: 10px;
}

@media (max-width: 992px) {
  /* line 5411, app/assets/stylesheets/renter-insight.scss */
  .communication-center-wrap .cc-message-container .cc-messages .cc-messages-wrap.cc-messages-scroll {
    /* height: 250px; */
    height: calc(100% - 57px);
    border-top: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
    display: none;
  }
}

@media (min-width: 992px) {
  /* line 5428, app/assets/stylesheets/renter-insight.scss */
  .communication-center-wrap .cc-message-container .cc-messages .cc-messages-wrap.cc-messages-mobile {
    display: none;
  }
}

/* line 5434, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-message-container .cc-messages .cc-messages-wrap .message {
  border-bottom: 1px solid #E0E0E0;
  border-left: 6px solid rgba(52, 73, 94, 0);
  /* .cc-messages-top */
  /* .message-sender */
}

/* line 5438, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-message-container .cc-messages .cc-messages-wrap .message.active {
  border-left: 6px solid #34495E;
  background: #ffffff;
}

/* line 5442, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-message-container .cc-messages .cc-messages-wrap .message.active:hover {
  border-left: 6px solid #34495E;
}

/* line 5447, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-message-container .cc-messages .cc-messages-wrap .message.message-unread {
  background: #ffffff;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 5453, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-message-container .cc-messages .cc-messages-wrap .message.message-read {
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 5458, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-message-container .cc-messages .cc-messages-wrap .message:hover {
  background: #ffffff;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  border-left: 6px solid #E0E0E0;
}

/* line 5466, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-message-container .cc-messages .cc-messages-wrap .message .cc-message-top {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 10px 10px 6px;
}

/* line 5472, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-message-container .cc-messages .cc-messages-wrap .message .cc-message-top .btn-delete-message {
  color: #BCBCBC;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 5476, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-message-container .cc-messages .cc-messages-wrap .message .cc-message-top .btn-delete-message:hover {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  color: #C44C3D;
}

/* line 5483, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-message-container .cc-messages .cc-messages-wrap .message .cc-message-top .message-type {
  color: #34495E;
  font-size: 0.75em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
}

/* line 5489, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-message-container .cc-messages .cc-messages-wrap .message .cc-message-top .message-type i {
  color: #34495E;
  font-size: 1.4em;
  margin-right: 5px;
}

/* line 5497, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-message-container .cc-messages .cc-messages-wrap .message .message-sender {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  padding: 5px 13px 13px 13px;
}

/* line 5501, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-message-container .cc-messages .cc-messages-wrap .message .message-sender .flex-img-avatar {
  max-width: 40px;
  margin-right: 10px;
}

/* line 5506, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-message-container .cc-messages .cc-messages-wrap .message .message-sender .message-sender-name {
  text-align: left;
  text-transform: uppercase;
  color: #4C4C4C;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 700;
  font-style: normal;
}

/* line 5512, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-message-container .cc-messages .cc-messages-wrap .message .message-sender .message-sender-name span {
  text-transform: none;
  display: block;
  color: #BCBCBC;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-style: italic;
  font-size: 0.75em;
}

/* line 5523, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-message-container .cc-messages .cc-messages-wrap .message .message-preview {
  text-align: left;
  font-size: 0.85em;
  padding: 0 10px;
  color: #4C4C4C;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-bottom: 20px;
}

/* line 5541, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-conversation-container {
  background: #F9F9F9;
  width: auto;
  flex: 1 1 auto;
  overflow: hidden;
  overflow-y: scroll;
  padding-bottom: 20px;
  --scrollbargrayBG:rgba(255,255,255,0);
  --thumbgrayBG: #e1e1e1;
  scrollbar-width: auto;
  scrollbar-color: var(--thumbgrayBG) var(--scrollbargrayBG);
  border: 4px solid var(--scrollbargrayBG);
  --scrollbargrayBG:rgba(255,255,255,0);
  --thumbgrayBG: #e1e1e1;
  scrollbar-width: auto;
  scrollbar-color: var(--thumbgrayBG) var(--scrollbargrayBG);
  border: 0px solid var(--scrollbargrayBG);
  /* .conversation-wrap */
}

/* line 321, app/assets/stylesheets/mixins/renter-insight-mixins.scss */
.communication-center-wrap .cc-conversation-container::-webkit-scrollbar {
  width: 8px;
}

/* line 329, app/assets/stylesheets/mixins/renter-insight-mixins.scss */
.communication-center-wrap .cc-conversation-container::-webkit-scrollbar-track {
  background: var(--scrollbargrayBG);
}

/* line 332, app/assets/stylesheets/mixins/renter-insight-mixins.scss */
.communication-center-wrap .cc-conversation-container::-webkit-scrollbar-thumb {
  background-color: var(--thumbgrayBG);
  border-radius: 10px;
}

/* line 363, app/assets/stylesheets/mixins/renter-insight-mixins.scss */
.communication-center-wrap .cc-conversation-container::-webkit-scrollbar {
  width: 3px;
}

/* line 371, app/assets/stylesheets/mixins/renter-insight-mixins.scss */
.communication-center-wrap .cc-conversation-container::-webkit-scrollbar-track {
  background: var(--scrollbargrayBG);
}

/* line 374, app/assets/stylesheets/mixins/renter-insight-mixins.scss */
.communication-center-wrap .cc-conversation-container::-webkit-scrollbar-thumb {
  background-color: var(--thumbgrayBG);
  border-radius: 10px;
}

@media (max-width: 992px) {
  /* line 5541, app/assets/stylesheets/renter-insight.scss */
  .communication-center-wrap .cc-conversation-container {
    overflow: visible;
    display: none;
  }
}

/* line 5556, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-conversation-container .conversation-wrap {
  margin: -10px 30px 0px 30px;
  /* .form-reply */
}

@media (max-width: 992px) {
  /* line 5556, app/assets/stylesheets/renter-insight.scss */
  .communication-center-wrap .cc-conversation-container .conversation-wrap {
    margin: 0px 10px 0 10px;
  }
}

/* line 5564, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-conversation-container .conversation-wrap h3 span {
  color: #838383;
}

/* line 5569, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-conversation-container .conversation-wrap .convo-message {
  width: 95%;
  font-size: 0.95em;
}

/* line 5574, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-conversation-container .conversation-wrap .form-reply {
  /* .form-item {
					position: relative;

					.character-count {
						font-size: 0.7em;
						color:$gray_2;
						position: absolute;
						right: 0;
						bottom:-20px;
					}
				} */
}

/* line 5576, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-conversation-container .conversation-wrap .form-reply .form-reply-header {
  background: #ffffff;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #E0E0E0;
  margin-bottom: -3px;
  padding: 10px 10px;
  color: #BCBCBC;
  font-size: 1.2em;
}

/* line 5588, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-conversation-container .conversation-wrap .form-reply .form-reply-header .form-reply-icons i, .communication-center-wrap .cc-conversation-container .conversation-wrap .form-reply .form-reply-header .form-reply-nav-item {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 5591, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-conversation-container .conversation-wrap .form-reply .form-reply-header .form-reply-icons i:hover, .communication-center-wrap .cc-conversation-container .conversation-wrap .form-reply .form-reply-header .form-reply-nav-item:hover {
  color: #C44C3D;
  cursor: pointer;
}

/* line 5595, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-conversation-container .conversation-wrap .form-reply .form-reply-header .form-reply-icons i:hover span, .communication-center-wrap .cc-conversation-container .conversation-wrap .form-reply .form-reply-header .form-reply-nav-item:hover span {
  color: #C44C3D;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 5603, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-conversation-container .conversation-wrap .form-reply .form-reply-header .form-reply-icons i {
  margin-right: 5px;
}

/* line 5608, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-conversation-container .conversation-wrap .form-reply .form-reply-header .form-reply-nav {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}

/* line 5611, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-conversation-container .conversation-wrap .form-reply .form-reply-header .form-reply-nav .form-reply-nav-item {
  margin-left: 15px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}

/* line 5616, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-conversation-container .conversation-wrap .form-reply .form-reply-header .form-reply-nav span {
  font-size: 0.75em;
  margin-left: 7px;
  color: #838383;
}

/* line 5642, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container {
  position: relative;
  /* .cc-search {
			@include flexvertcenter;
			margin-bottom: 10px;
		} */
  /* .cc-profile-wrap */
}

@media (max-width: 992px) {
  /* line 5642, app/assets/stylesheets/renter-insight.scss */
  .communication-center-wrap .cc-profile-container {
    display: none;
  }
}

/* line 5654, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .sm-autosave-wrap {
  position: absolute;
  width: 100%;
  padding: 10px;
  z-index: 999;
  /* &.sm-autosave-desktop {
				@include max-large {
					display: none;
				}
			}

			&.sm-autosave-mobile {
				@include min-large {
					display: none;
				}
			} */
}

@media (max-width: 992px) {
  /* line 5654, app/assets/stylesheets/renter-insight.scss */
  .communication-center-wrap .cc-profile-container .sm-autosave-wrap {
    /* height: 100vh;
				@include rb; */
    position: fixed;
    top: 40%;
    width: calc(100% - 30px);
    left: 15px;
  }
}

/* line 5687, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .sm-autosave-wrap .sm-autosave {
  width: 100%;
  height: 40px;
}

/* line 5693, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap {
  background: #F9F9F9;
  position: relative;
  height: 100%;
  overflow: hidden;
  overflow-y: scroll;
  padding-bottom: 20px;
  --scrollbargrayBG:rgba(255,255,255,0);
  --thumbgrayBG: #e1e1e1;
  scrollbar-width: auto;
  scrollbar-color: var(--thumbgrayBG) var(--scrollbargrayBG);
  border: 4px solid var(--scrollbargrayBG);
  --scrollbargrayBG:rgba(255,255,255,0);
  --thumbgrayBG: #e1e1e1;
  scrollbar-width: auto;
  scrollbar-color: var(--thumbgrayBG) var(--scrollbargrayBG);
  border: 0px solid var(--scrollbargrayBG);
  /* .cc-profile-btns */
  /* .cc-profile-nav */
  /* .cc-profile-content */
}

/* line 321, app/assets/stylesheets/mixins/renter-insight-mixins.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap::-webkit-scrollbar {
  width: 8px;
}

/* line 329, app/assets/stylesheets/mixins/renter-insight-mixins.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap::-webkit-scrollbar-track {
  background: var(--scrollbargrayBG);
}

/* line 332, app/assets/stylesheets/mixins/renter-insight-mixins.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap::-webkit-scrollbar-thumb {
  background-color: var(--thumbgrayBG);
  border-radius: 10px;
}

/* line 363, app/assets/stylesheets/mixins/renter-insight-mixins.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap::-webkit-scrollbar {
  width: 3px;
}

/* line 371, app/assets/stylesheets/mixins/renter-insight-mixins.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap::-webkit-scrollbar-track {
  background: var(--scrollbargrayBG);
}

/* line 374, app/assets/stylesheets/mixins/renter-insight-mixins.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap::-webkit-scrollbar-thumb {
  background-color: var(--thumbgrayBG);
  border-radius: 10px;
}

/* line 5703, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap.cc-profile-wrap-unknown {
  padding-bottom: 0;
}

/* line 5707, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .flex-img-avatar {
  max-width: 90px;
  margin-top: 20px;
}

/* line 5712, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-name {
  text-transform: uppercase;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 700;
  font-style: normal;
  margin: 8px auto 15px auto;
  font-size: 1.1em;
}

/* line 5720, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-btns {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 5724, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-btns .btn {
  padding: 0px 8px;
  margin: 0 4px;
  font-size: 0.75em;
  height: 30px;
}

/* line 5730, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-btns .btn:hover {
  background: #C44C3D;
  color: #ffffff;
}

/* line 5735, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-btns .btn span {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

/* line 5738, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-btns .btn span i {
  margin-left: 0;
  margin-right: 7px;
}

/* line 5746, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-nav {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #838383;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 25px 10px;
}

/* line 5753, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-nav .cc-profile-nav-item {
  font-size: 0.9em;
  margin: 0 8px;
  border-bottom: 3px solid rgba(52, 73, 94, 0);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 5759, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-nav .cc-profile-nav-item:hover {
  cursor: pointer;
  color: #C44C3D;
}

/* line 5764, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-nav .cc-profile-nav-item.active {
  border-bottom: 3px solid #C44C3D;
}

/* line 5772, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content {
  font-size: 0.9em;
  /* .cc-profile-files */
  /* .cc-profile-communications */
}

/* line 5775, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-about {
  padding: 0 15px;
}

/* line 5779, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content p {
  line-height: 1.25;
}

/* line 5782, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content p a {
  color: inherit;
  text-decoration: underline;
}

/* line 5786, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content p a:hover {
  color: #C44C3D;
}

/* line 5791, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content p a.btn-cc-convert-lead {
  color: #C44C3D;
  text-decoration: none;
}

/* line 5795, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content p a.btn-cc-convert-lead:hover {
  color: #AA3B2D;
}

/* line 5801, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .form-row {
  margin: 12px auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}

/* line 5805, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .form-row label {
  font-size: 0.9em;
}

/* line 5810, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .form-row.form-row-split .form-item {
  margin-right: 10px;
}

/* line 5813, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .form-row.form-row-split .form-item .form-select {
  min-width: 50px;
}

/* line 5817, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .form-row.form-row-split .form-item:last-of-type {
  margin-right: 0;
}

/* line 5825, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-files ul {
  max-height: 280px;
  overflow: hidden;
  overflow-y: scroll;
  --scrollbargrayBG:rgba(255,255,255,0);
  --thumbgrayBG: #e1e1e1;
  scrollbar-width: auto;
  scrollbar-color: var(--thumbgrayBG) var(--scrollbargrayBG);
  border: 4px solid var(--scrollbargrayBG);
  --scrollbargrayBG:rgba(255,255,255,0);
  --thumbgrayBG: #e1e1e1;
  scrollbar-width: auto;
  scrollbar-color: var(--thumbgrayBG) var(--scrollbargrayBG);
  border: 0px solid var(--scrollbargrayBG);
}

/* line 321, app/assets/stylesheets/mixins/renter-insight-mixins.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-files ul::-webkit-scrollbar {
  width: 8px;
}

/* line 329, app/assets/stylesheets/mixins/renter-insight-mixins.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-files ul::-webkit-scrollbar-track {
  background: var(--scrollbargrayBG);
}

/* line 332, app/assets/stylesheets/mixins/renter-insight-mixins.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-files ul::-webkit-scrollbar-thumb {
  background-color: var(--thumbgrayBG);
  border-radius: 10px;
}

/* line 363, app/assets/stylesheets/mixins/renter-insight-mixins.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-files ul::-webkit-scrollbar {
  width: 3px;
}

/* line 371, app/assets/stylesheets/mixins/renter-insight-mixins.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-files ul::-webkit-scrollbar-track {
  background: var(--scrollbargrayBG);
}

/* line 374, app/assets/stylesheets/mixins/renter-insight-mixins.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-files ul::-webkit-scrollbar-thumb {
  background-color: var(--thumbgrayBG);
  border-radius: 10px;
}

@media (max-width: 992px) {
  /* line 5825, app/assets/stylesheets/renter-insight.scss */
  .communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-files ul {
    overflow: visible;
    max-height: 100%;
  }
}

/* line 5839, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-listings {
  /* ul {
						max-height: calc(100% - 108px);
						max-height: 550px;
					} */
}

/* line 5840, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-listings .cc-listing-sortform {
  margin: 0 15px 5px 15px;
}

/* line 5850, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-files, .communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-listings {
  /* li */
}

/* line 5852, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-files ul, .communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-listings ul {
  margin: 0;
  padding: 0;
  text-align: left;
  border-bottom: 1px solid #E0E0E0;
  border-top: 1px solid #E0E0E0;
}

/* line 5860, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-files li, .communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-listings li {
  list-style: none;
  border-bottom: 1px solid #E0E0E0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  padding: 15px 15px;
  margin: 0;
  justify-content: space-between;
  /* .cc-file-wrap */
}

/* line 5868, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-files li:first-of-type, .communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-listings li:first-of-type {
  border-top: none;
}

/* line 5872, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-files li:last-of-type, .communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-listings li:last-of-type {
  border-bottom: none;
}

/* line 5876, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-files li .fa-trash-alt, .communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-listings li .fa-trash-alt {
  color: #BCBCBC;
  font-size: 1.1em;
}

/* line 5879, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-files li .fa-trash-alt:hover, .communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-listings li .fa-trash-alt:hover {
  color: #C44C3D;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

/* line 5886, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-files li .cc-file-wrap, .communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-listings li .cc-file-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}

/* line 5889, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-files li .cc-file-wrap:hover, .communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-listings li .cc-file-wrap:hover {
  color: #C44C3D;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

/* line 5894, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-files li .cc-file-wrap:hover i, .communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-listings li .cc-file-wrap:hover i {
  color: #AA3B2D;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 5900, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-files li .cc-file-wrap i, .communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-listings li .cc-file-wrap i {
  color: #34495E;
  margin-right: 5px;
  font-size: 1.3em;
}

/* line 5906, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-files li .cc-file-wrap .cc-file-name, .communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-listings li .cc-file-wrap .cc-file-name {
  max-width: 25ch;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* line 5915, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-files li .cc-listing-wrap, .communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-listings li .cc-listing-wrap {
  overflow: visible;
}

@media (max-width: 992px) {
  /* line 5915, app/assets/stylesheets/renter-insight.scss */
  .communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-files li .cc-listing-wrap, .communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-listings li .cc-listing-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    gap: 0 25px;
    justify-content: space-between;
    width: 100%;
  }
}

@media (max-width: 768px) {
  /* line 5915, app/assets/stylesheets/renter-insight.scss */
  .communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-files li .cc-listing-wrap, .communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-listings li .cc-listing-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    width: 100%;
  }
}

@media (max-width: 992px) {
  /* line 5932, app/assets/stylesheets/renter-insight.scss */
  .communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-files li .cc-listing-wrap .cc-listing-info-wrap, .communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-listings li .cc-listing-wrap .cc-listing-info-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    gap: 0 30px;
  }
}

@media (max-width: 992px) {
  /* line 5932, app/assets/stylesheets/renter-insight.scss */
  .communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-files li .cc-listing-wrap .cc-listing-info-wrap, .communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-listings li .cc-listing-wrap .cc-listing-info-wrap {
    gap: 0 0;
    flex-flow: column nowrap;
    align-items: flex-start;
  }
  /* line 5944, app/assets/stylesheets/renter-insight.scss */
  .communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-files li .cc-listing-wrap .cc-listing-info-wrap p, .communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-listings li .cc-listing-wrap .cc-listing-info-wrap p {
    margin-bottom: 0px;
    margin-top: 5px;
  }
}

/* line 5951, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-files li .cc-listing-wrap .cc-listing-info-wrap p:last-of-type, .communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-listings li .cc-listing-wrap .cc-listing-info-wrap p:last-of-type {
  margin-bottom: 0;
}

/* line 5958, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-files li .cc-listing-wrap .cc-listing-image-wrap, .communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-listings li .cc-listing-wrap .cc-listing-image-wrap {
  overflow: hidden;
  height: 100px;
  margin-bottom: 10px;
  margin-top: 5px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  /* @include max-large {
									width: 130px;
									height: 100px;
								} */
}

@media (max-width: 992px) {
  /* line 5958, app/assets/stylesheets/renter-insight.scss */
  .communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-files li .cc-listing-wrap .cc-listing-image-wrap, .communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-listings li .cc-listing-wrap .cc-listing-image-wrap {
    width: 220px;
    height: 190px;
    margin-bottom: 0;
  }
}

@media (max-width: 576px) {
  /* line 5958, app/assets/stylesheets/renter-insight.scss */
  .communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-files li .cc-listing-wrap .cc-listing-image-wrap, .communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-listings li .cc-listing-wrap .cc-listing-image-wrap {
    width: 150px;
    height: 110px;
    margin-bottom: 10px;
  }
}

/* line 5982, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-files li .cc-listing-wrap .cc-listing-image-wrap .cc-listing-image, .communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-listings li .cc-listing-wrap .cc-listing-image-wrap .cc-listing-image {
  max-width: 100%;
  position: relative;
}

/* line 5988, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-files li .cc-listing-wrap .cc-listing-name, .communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-listings li .cc-listing-wrap .cc-listing-name {
  color: #838383;
  text-align: center;
}

/* line 5992, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-files li .cc-listing-wrap .cc-listing-name p, .communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-listings li .cc-listing-wrap .cc-listing-name p {
  margin: 0;
}

@media (max-width: 576px) {
  /* line 5998, app/assets/stylesheets/renter-insight.scss */
  .communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-files li .cc-listing-wrap p, .communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-listings li .cc-listing-wrap p {
    text-align: center;
  }
}

@media (min-width: 992px) {
  /* line 6003, app/assets/stylesheets/renter-insight.scss */
  .communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-files li .cc-listing-wrap .btn-cc-listing-send, .communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-listings li .cc-listing-wrap .btn-cc-listing-send {
    margin: 0 auto;
    display: block;
    max-width: 150px;
  }
}

/* line 6010, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-files li .cc-listing-wrap .btn-cc-listing-send i, .communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-listings li .cc-listing-wrap .btn-cc-listing-send i {
  margin-right: 0;
  margin-left: 7px;
}

/* line 6017, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-files li .cc-listing-wrap-nav, .communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-listings li .cc-listing-wrap-nav {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 20px 0 5px 0;
}

/* line 6022, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-files li .cc-listing-wrap-nav .btn, .communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-listings li .cc-listing-wrap-nav .btn {
  margin: 0 10px 0 0;
}

/* line 6029, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-files .btn, .communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-listings .btn {
  margin-top: 20px;
}

/* line 6032, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-files .btn i, .communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-listings .btn i {
  margin-right: 10px;
  margin-left: 0;
}

/* line 6039, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-communications {
  /* .cc-profile-communications-scroll */
}

/* line 6040, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-communications .cc-profile-communications-scroll {
  border: 1px solid #E0E0E0;
  height: 100%;
  max-height: 400px;
  position: relative;
  overflow: hidden;
  overflow-y: scroll;
  --scrollbargrayBG:rgba(255,255,255,0);
  --thumbgrayBG: #e1e1e1;
  scrollbar-width: auto;
  scrollbar-color: var(--thumbgrayBG) var(--scrollbargrayBG);
  border: 4px solid var(--scrollbargrayBG);
  --scrollbargrayBG:rgba(255,255,255,0);
  --thumbgrayBG: #e1e1e1;
  scrollbar-width: auto;
  scrollbar-color: var(--thumbgrayBG) var(--scrollbargrayBG);
  border: 0px solid var(--scrollbargrayBG);
  border-top: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
  /* .message */
}

/* line 321, app/assets/stylesheets/mixins/renter-insight-mixins.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-communications .cc-profile-communications-scroll::-webkit-scrollbar {
  width: 8px;
}

/* line 329, app/assets/stylesheets/mixins/renter-insight-mixins.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-communications .cc-profile-communications-scroll::-webkit-scrollbar-track {
  background: var(--scrollbargrayBG);
}

/* line 332, app/assets/stylesheets/mixins/renter-insight-mixins.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-communications .cc-profile-communications-scroll::-webkit-scrollbar-thumb {
  background-color: var(--thumbgrayBG);
  border-radius: 10px;
}

/* line 363, app/assets/stylesheets/mixins/renter-insight-mixins.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-communications .cc-profile-communications-scroll::-webkit-scrollbar {
  width: 3px;
}

/* line 371, app/assets/stylesheets/mixins/renter-insight-mixins.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-communications .cc-profile-communications-scroll::-webkit-scrollbar-track {
  background: var(--scrollbargrayBG);
}

/* line 374, app/assets/stylesheets/mixins/renter-insight-mixins.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-communications .cc-profile-communications-scroll::-webkit-scrollbar-thumb {
  background-color: var(--thumbgrayBG);
  border-radius: 10px;
}

@media (max-width: 992px) {
  /* line 6040, app/assets/stylesheets/renter-insight.scss */
  .communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-communications .cc-profile-communications-scroll {
    overflow: visible;
    max-height: 100%;
  }
}

/* line 6058, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-communications .cc-profile-communications-scroll .message {
  border-bottom: 1px solid #E0E0E0;
  border-left: 6px solid rgba(52, 73, 94, 0);
  /* .cc-messages-top */
}

/* line 6062, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-communications .cc-profile-communications-scroll .message.active {
  border-left: 6px solid #34495E;
  background: #ffffff;
}

/* line 6066, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-communications .cc-profile-communications-scroll .message.active:hover {
  border-left: 6px solid #34495E;
}

/* line 6071, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-communications .cc-profile-communications-scroll .message:first-of-type {
  border-top: none;
}

/* line 6075, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-communications .cc-profile-communications-scroll .message:last-of-type {
  border-bottom: none;
}

/* line 6079, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-communications .cc-profile-communications-scroll .message.message-unread {
  background: #ffffff;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 6085, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-communications .cc-profile-communications-scroll .message.message-read {
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 6090, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-communications .cc-profile-communications-scroll .message:hover {
  background: #ffffff;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  border-left: 6px solid #E0E0E0;
}

/* line 6098, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-communications .cc-profile-communications-scroll .message .cc-message-top {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 10px 10px 10px;
}

/* line 6104, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-communications .cc-profile-communications-scroll .message .cc-message-top .btn-delete-message {
  color: #BCBCBC;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 6108, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-communications .cc-profile-communications-scroll .message .cc-message-top .btn-delete-message:hover {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  color: #C44C3D;
}

/* line 6115, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-communications .cc-profile-communications-scroll .message .cc-message-top .message-type {
  color: #34495E;
  font-size: 0.75em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
}

/* line 6121, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-communications .cc-profile-communications-scroll .message .cc-message-top .message-type i {
  color: #34495E;
  font-size: 1.4em;
  margin-right: 5px;
}

/* line 6129, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-communications .cc-profile-communications-scroll .message .message-sender-time {
  text-transform: none;
  display: block;
  text-align: left;
  margin: 10px 10px 10px 10px;
  color: #BCBCBC;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-style: italic;
  font-size: 0.9em;
}

/* line 6139, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-communications .cc-profile-communications-scroll .message .message-preview {
  text-align: left;
  font-size: 0.85em;
  padding: 0 10px;
  color: #4C4C4C;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-bottom: 20px;
}

/* line 6154, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-communications .btn {
  margin-top: 20px;
}

/* line 6157, app/assets/stylesheets/renter-insight.scss */
.communication-center-wrap .cc-profile-container .cc-profile-wrap .cc-profile-content .cc-profile-communications .btn i {
  margin-right: 10px;
  margin-left: 0;
}

/* .communication-center-wrap */
/* ---- NEW MESSAGE OVERLAY ---- */
/* line 6179, app/assets/stylesheets/renter-insight.scss */
#overlay-message-new {
  /* max-large */
}

/* line 6181, app/assets/stylesheets/renter-insight.scss */
#overlay-message-new .overlay-box-content {
  min-height: 300px;
}

@media (max-width: 992px) {
  /* line 6185, app/assets/stylesheets/renter-insight.scss */
  #overlay-message-new .overlay-box-content .nm-introtext {
    text-align: left;
  }
  /* line 6190, app/assets/stylesheets/renter-insight.scss */
  #overlay-message-new .overlay-box-content .form-radio .input-radio {
    font-size: 0.9em;
  }
}

/* line 6198, app/assets/stylesheets/renter-insight.scss */
#overlay-message-new .overlay-box-content .nm-preview p {
  line-height: 1.3;
  margin-bottom: 20px;
}

/* line 6203, app/assets/stylesheets/renter-insight.scss */
#overlay-message-new .overlay-box-content .nm-preview .nm-preview-date {
  display: block;
}

/* line 6210, app/assets/stylesheets/renter-insight.scss */
#overlay-message-new .nm-form-btn i {
  margin-right: 5px;
}

/* line 6216, app/assets/stylesheets/renter-insight.scss */
#overlay-message-new .nm-form-btn:hover {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #C44C3D;
  cursor: pointer;
}

/* ---- ONBOARDING ---- */
/* line 6228, app/assets/stylesheets/renter-insight.scss */
.onboarding-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: flex-start;
  gap: 0 60px;
  margin-top: 50px;
  padding-bottom: 50px;
}

@media (max-width: 1200px) {
  /* line 6228, app/assets/stylesheets/renter-insight.scss */
  .onboarding-wrap {
    gap: 0 30px;
  }
}

@media (max-width: 992px) {
  /* line 6228, app/assets/stylesheets/renter-insight.scss */
  .onboarding-wrap {
    gap: 30px 0;
    flex-flow: column nowrap;
  }
}

@media (max-width: 576px) {
  /* line 6228, app/assets/stylesheets/renter-insight.scss */
  .onboarding-wrap {
    padding-bottom: 0px;
  }
}

@media (min-width: 992px) {
  /* line 6248, app/assets/stylesheets/renter-insight.scss */
  .onboarding-wrap .column-img-mobile {
    display: none;
  }
}

@media (max-width: 992px) {
  /* line 6254, app/assets/stylesheets/renter-insight.scss */
  .onboarding-wrap .column-img-desktop {
    display: none;
  }
}

/* line 6260, app/assets/stylesheets/renter-insight.scss */
.onboarding-wrap h2 {
  color: #8CC66A;
  text-transform: none;
  font-size: 2.7em;
  line-height: 1.1;
  margin-top: 0;
}

/* line 6267, app/assets/stylesheets/renter-insight.scss */
.onboarding-wrap h2.long-title {
  font-size: 2.4em;
}

@media (max-width: 576px) {
  /* line 6260, app/assets/stylesheets/renter-insight.scss */
  .onboarding-wrap h2 {
    font-size: 1.9em;
  }
}

/* line 6276, app/assets/stylesheets/renter-insight.scss */
.onboarding-wrap .column {
  flex: 1 1 50%;
}

/* line 6279, app/assets/stylesheets/renter-insight.scss */
.onboarding-wrap .column .btn-large {
  margin: 25px auto 60px auto;
}

/* line 6285, app/assets/stylesheets/renter-insight.scss */
.onboarding-wrap .column-split-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: row nowrap;
  gap: 0 30px;
}

@media (max-width: 576px) {
  /* line 6285, app/assets/stylesheets/renter-insight.scss */
  .onboarding-wrap .column-split-wrap {
    flex-flow: column nowrap;
    gap: 30px 0;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* line 6300, app/assets/stylesheets/renter-insight.scss */
.onboarding-wrap .column-split-wrap .column-split {
  flex: 1 1 50%;
}

/* line 6304, app/assets/stylesheets/renter-insight.scss */
.onboarding-wrap .column-split-wrap ul {
  margin: 0 0 0 26px;
  padding: 0 0 0 0;
}

/* line 6309, app/assets/stylesheets/renter-insight.scss */
.onboarding-wrap .column-split-wrap li {
  margin: 0px 0 13px -10px;
  padding: 0 0 0 0px;
  font-size: 1em;
  color: #838383;
  line-height: 1.2;
  text-align: left;
}

/* line 6317, app/assets/stylesheets/renter-insight.scss */
.onboarding-wrap .column-split-wrap li.btn-fees {
  list-style: none;
}

/* line 6320, app/assets/stylesheets/renter-insight.scss */
.onboarding-wrap .column-split-wrap li.btn-fees a:hover {
  cursor: pointer;
  color: #AA3B2D;
}

/* line 6327, app/assets/stylesheets/renter-insight.scss */
.onboarding-wrap .column-split-wrap .icon-red {
  font-size: 2.4em;
  color: #C44C3D;
  /* &.icon-vert {
				font-size: 3em;
			} */
}

/* .onboarding-wrap */
/* line 6341, app/assets/stylesheets/renter-insight.scss */
.onboarding-disclaimer p {
  text-align: center;
  color: #838383;
  color: #C44C3D;
}

/* line 6349, app/assets/stylesheets/renter-insight.scss */
#overlay-onboard-screening .choose-package {
  background: #ffffff;
  padding-top: 10px;
  padding-bottom: 0;
}

/* line 6357, app/assets/stylesheets/renter-insight.scss */
#overlay-onboard-collections small {
  text-align: center;
  display: block;
  padding-top: 20px;
  line-height: 1.1;
}

@media (max-width: 576px) {
  /* line 6357, app/assets/stylesheets/renter-insight.scss */
  #overlay-onboard-collections small {
    text-align: left;
  }
}

/* line 6369, app/assets/stylesheets/renter-insight.scss */
.zoho-integration-iframe {
  border: 0;
}

/* PropertyEditAllPage - Bulk Edit Table with Sticky First Column */
/* line 6374, app/assets/stylesheets/renter-insight.scss */
.st-table-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  max-width: 100%;
}

/* line 6380, app/assets/stylesheets/renter-insight.scss */
.st-table-edit-all {
  border-collapse: separate;
  border-spacing: 0;
  min-width: 1200px;
  /* Sticky first column (Name) */
  /* Form inputs within table */
  /* Checkbox column */
  /* Radio button group styling */
  /* Narrow zip column */
}

/* line 6385, app/assets/stylesheets/renter-insight.scss */
.st-table-edit-all th, .st-table-edit-all td {
  padding: 8px 10px;
  vertical-align: middle;
  white-space: nowrap;
}

/* line 6391, app/assets/stylesheets/renter-insight.scss */
.st-table-edit-all th {
  background: #E5E5E5;
  font-weight: 600;
  font-size: 0.85em;
  text-transform: uppercase;
  border-bottom: 2px solid #E0E0E0;
}

/* line 6399, app/assets/stylesheets/renter-insight.scss */
.st-table-edit-all td {
  border-bottom: 1px solid #E0E0E0;
  background: #fff;
}

/* line 6405, app/assets/stylesheets/renter-insight.scss */
.st-table-edit-all th:first-child,
.st-table-edit-all td:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
  min-width: 150px;
}

/* line 6413, app/assets/stylesheets/renter-insight.scss */
.st-table-edit-all th:first-child {
  z-index: 3;
  background: #E5E5E5;
}

/* line 6418, app/assets/stylesheets/renter-insight.scss */
.st-table-edit-all td:first-child {
  background: #fff;
  box-shadow: 2px 0 4px rgba(0, 0, 0, 0.08);
}

/* line 6424, app/assets/stylesheets/renter-insight.scss */
.st-table-edit-all .form-item {
  margin-bottom: 0;
}

/* line 6427, app/assets/stylesheets/renter-insight.scss */
.st-table-edit-all .form-item input, .st-table-edit-all .form-item select {
  min-width: 100px;
  font-size: 0.9em;
}

/* line 6434, app/assets/stylesheets/renter-insight.scss */
.st-table-edit-all td.text-center .form-item {
  display: flex;
  justify-content: center;
}

/* line 6440, app/assets/stylesheets/renter-insight.scss */
.st-table-edit-all .radio-button-group {
  white-space: nowrap;
}

/* line 6445, app/assets/stylesheets/renter-insight.scss */
.st-table-edit-all .col-zip {
  width: 70px;
  min-width: 70px;
  max-width: 70px;
}

/* line 6450, app/assets/stylesheets/renter-insight.scss */
.st-table-edit-all .col-zip .form-item input {
  min-width: 60px;
  width: 60px;
}

@media (max-width: 768px) {
  /* line 6380, app/assets/stylesheets/renter-insight.scss */
  .st-table-edit-all {
    min-width: 900px;
  }
  /* line 6459, app/assets/stylesheets/renter-insight.scss */
  .st-table-edit-all th, .st-table-edit-all td {
    padding: 6px 8px;
  }
  /* line 6463, app/assets/stylesheets/renter-insight.scss */
  .st-table-edit-all th:first-child,
.st-table-edit-all td:first-child {
    min-width: 120px;
  }
}

/* Section inner wrapper for centering in full-width sections */
/* line 6471, app/assets/stylesheets/renter-insight.scss */
.full-width-section .section-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
@import url(/~react-datepicker/dist/react-datepicker.css);
@import url(/~react-date-range/dist/styles.css);
@import url(/~react-date-range/dist/theme/default.css);
/*
-----
  Renter Insight
  Designer/Developer: Seventhfury Studios
-----
*/
/* ----- SCSS STYLES ----- */
/* Fonts */
/* Colors */
/* Testing Border Quick Mixins */
/*@mixin rb 	{ border: none; }
@mixin gb 	{ border: none; }
@mixin bb 	{ border: none; }*/
/* Alpha Fade Mixins */
/*	@include border-radius(10px); */
/* 	@include box-shadow(0px 0px 8px $color_dark); */
/* @include text-shadow(0, 3px, 3px, #333); */
/*  @include animate  */
/* Media Size Mixins */
/* Uses Bootstrap 4 breakpoints */
/*  @include max* || then use {} around content  */
/* Flex */
/* @include flexbox; */
/* center horizontally */
/* center vertically and horizontally */
/* Add CSS3 animations to elements below */
/* line 404, app/assets/stylesheets/mixins/renter-insight-mixins.scss */
a, a:active, a:link, a:visited, a:hover, input {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/*  Chrome Font Issue Reset  */
/* line 409, app/assets/stylesheets/mixins/renter-insight-mixins.scss */
body {
  -webkit-animation-delay: 0.1s;
  -webkit-animation-name: fontfix;
  -webkit-animation-duration: 0.1s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
}

@-webkit-keyframes fontfix {
  from {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}

/* DLH VARIABLES */
/* line 7, app/assets/stylesheets/renter-insight.scss.overrides.scss */
body {
  background: white;
}

/* line 17, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.st-nav-col {
  width: 2%;
}

/* line 20, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.st-nav-col.mobile-friendly a {
  margin-left: 10px;
}

@media (max-width: 768px) {
  /* line 20, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .st-nav-col.mobile-friendly a {
    margin-left: 20px;
  }
}

/* line 29, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.st-col-05 {
  width: 5%;
}

/* line 33, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.st-col-08 {
  width: 8%;
}

/* line 37, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.st-col-10 {
  width: 10%;
}

/* line 41, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.st-col-15 {
  width: 15%;
}

/* line 45, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.st-col-18 {
  width: 18%;
}

/* line 49, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.st-col-20 {
  width: 20%;
}

/* line 53, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.st-col-25 {
  width: 25%;
}

/* line 57, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.st-col-28 {
  width: 28%;
}

/* line 61, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.st-col-30 {
  width: 30%;
}

/* line 65, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.st-col-33 {
  width: 33.33%;
}

/* line 69, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.st-col-35 {
  width: 35%;
}

/* line 73, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.st-col-40 {
  width: 40%;
}

/* line 77, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.st-col-45 {
  width: 45%;
}

/* line 81, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.st-col-50 {
  width: 50%;
}

/* line 85, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.st-col-75 {
  width: 75%;
}

/* line 89, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.st-col-100 {
  width: 100%;
}

@media (max-width: 992px) {
  /* line 94, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .st-col-lg-20 {
    width: 20%;
  }
  /* line 97, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .st-col-lg-25 {
    width: 25%;
  }
  /* line 100, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .st-col-lg-50 {
    width: 50%;
  }
  /* line 103, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .st-col-lg-75 {
    width: 75%;
  }
  /* line 106, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .st-col-lg-100 {
    width: 100%;
    margin-bottom: 20px;
  }
  /* line 110, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .st-nav-lg-margin-20 {
    margin-bottom: 20px;
  }
}

@media (max-width: 768px) {
  /* line 116, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .st-col-md-20 {
    width: 20%;
  }
  /* line 119, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .st-col-md-25 {
    width: 25%;
  }
  /* line 122, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .st-col-md-33 {
    width: 33%;
  }
  /* line 125, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .st-col-md-50 {
    width: 50%;
  }
  /* line 128, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .st-col-md-75 {
    width: 75%;
  }
  /* line 131, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .st-col-md-100 {
    width: 100%;
    margin-bottom: 20px;
  }
  /* line 135, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .st-nav-md-margin-20 {
    margin-bottom: 20px;
  }
}

/* line 141, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.form-item label, .form-row .form-item label {
  font-weight: bold;
  white-space: normal;
}

/* line 145, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.form-item label.text-center, .form-row .form-item label.text-center {
  text-align: center;
}

/* line 151, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.form-value {
  text-align: left;
}

/* line 155, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.form-item-remove {
  width: 20px;
  padding-top: 40px;
}

/* line 161, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.skinny-column .form-select {
  background-color: white;
}

/* line 166, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.form-select {
  height: 36px;
  /* To match text fields */
}

/* line 169, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.form-select.form-select-gray {
  background-color: #F9F9F9 !important;
}

/* line 174, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.criteria-wrapper {
  position: relative;
}

/* line 177, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.criteria-wrapper .current-value {
  padding: 0 10px;
  border-right: 1px solid gray;
}

/* line 182, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.criteria-wrapper:last-child .current-value {
  margin-right: 0;
  border-right: none;
}

/* line 187, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.criteria-wrapper .criteria-pop-up {
  position: absolute;
  background: white;
  right: 0;
  z-index: 10;
  box-shadow: 0 3px 8px rgba(50, 50, 50, 0.17);
  padding: 20px;
  text-align: left;
  min-width: 200px;
}

/* line 198, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.criteria-wrapper .criteria-pop-up .criteria-option {
  margin: 2px 0;
  display: block;
  white-space: nowrap;
}

/* line 204, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.criteria-wrapper .date-picker-close {
  display: block;
  margin: 0 10px 10px 0;
}

@media (max-width: 768px) {
  /* line 211, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .criteria-wrapper.criteria-date-range .criteria-pop-up {
    position: static;
    right: auto;
    margin-top: 10px;
  }
  /* line 216, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .criteria-wrapper.criteria-date-range .criteria-pop-up .rdrDefinedRangesWrapper {
    border-right: none;
  }
  /* line 220, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .criteria-wrapper.criteria-date-range .criteria-pop-up .rdrCalendarWrapper {
    display: none;
  }
}

/* line 228, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.renter-insight-time-picker .react-datepicker {
  min-width: 328px;
}

/* line 231, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.renter-insight-time-picker .react-datepicker .react-datepicker__time-list-item--disabled {
  display: none;
}

/* line 237, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.react-datepicker-popper {
  z-index: 4;
}

/* line 241, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.loading {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 1.2em;
  color: #838383;
  margin: 40px 0;
}

/* line 250, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.form-input:after {
  font-family: 'Font Awesome 6 Pro';
  content: '\f274';
  position: absolute;
  right: 6px;
}

/* line 257, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.form-row {
  align-items: flex-start;
}

/* line 260, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.form-row.form-reply {
  align-items: center;
}

/* line 264, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.form-row .st-col-25, .form-row .st-col-33, .form-row .st-col-50 {
  padding: 0 10px;
}

/* line 270, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.form-row .form-item label {
  margin-bottom: 10px;
  display: block;
}

/* line 278, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.form-row .form-item .input-radio label {
  font-weight: normal;
}

/* line 283, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.form-row .form-item.form-checkbox-near-text-input {
  padding-top: 32px;
}

/* line 286, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.form-row .form-item.form-item-15 {
  width: 15%;
}

@media (max-width: 768px) {
  /* line 286, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .form-row .form-item.form-item-15 {
    width: 100%;
  }
}

/* line 293, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.form-row .form-item.form-item-25 {
  width: 25%;
}

@media (max-width: 768px) {
  /* line 293, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .form-row .form-item.form-item-25 {
    width: 100%;
  }
}

/* line 300, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.form-row .form-item.form-item-33 {
  width: 33%;
}

@media (max-width: 768px) {
  /* line 300, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .form-row .form-item.form-item-33 {
    width: 100%;
  }
}

/* line 307, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.form-row .form-item.form-item-50 {
  width: 50%;
}

@media (max-width: 768px) {
  /* line 307, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .form-row .form-item.form-item-50 {
    width: 100%;
  }
}

/* line 314, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.form-row .form-item.form-item-75 {
  width: 75%;
}

@media (max-width: 768px) {
  /* line 314, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .form-row .form-item.form-item-75 {
    width: 100%;
  }
}

/* line 321, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.form-row .form-item .checkbox-label {
  white-space: normal;
}

/* line 324, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.form-row .form-item .checkbox-label.checkbox-label-muted {
  font-weight: normal;
  color: #838383;
}

/* line 331, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.form-row:last-of-type {
  margin-bottom: 30px;
}

/* line 336, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.form-row.form-center {
  display: flex;
  justify-content: center;
}

/* line 340, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.form-row.form-center .form-item .flex-row {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}

/* line 347, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.form-input, .form-textarea {
  color: rgba(131, 131, 131, 0.9);
}

/* line 351, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.form-item-center {
  align-items: center;
}

/* line 356, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.form-left .text-error {
  text-align: left;
}

/* line 361, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.text-bold {
  font-weight: bold;
}

/* line 365, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.text-error, .text-sensitive {
  color: #AA3B2D;
}

/* line 368, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.sign-in-wrapper .text-error, .sign-in-wrapper .text-sensitive {
  padding: 20px;
  max-width: 320px;
  margin: 0 auto;
}

/* line 375, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.text-large {
  font-size: 1.1em;
}

/* line 379, app/assets/stylesheets/renter-insight.scss.overrides.scss */
div.text-error {
  margin-bottom: 20px;
}

/* line 384, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.zego-agreement li {
  color: #838383;
  line-height: 1.7;
  text-align: justify;
}

/* line 391, app/assets/stylesheets/renter-insight.scss.overrides.scss */
ul.suggestions {
  position: absolute;
  background: white;
  border: 1px solid lightgray;
  margin-top: 0px;
  padding-left: 0;
  width: 200px;
}

/* line 399, app/assets/stylesheets/renter-insight.scss.overrides.scss */
ul.suggestions li {
  list-style: none;
}

/* line 404, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.well {
  background: #F9F9F9;
  padding: 20px;
}

/* line 408, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.well.well-white {
  background: white;
}

@media (max-width: 768px) {
  /* line 413, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .main-container {
    height: calc(100vh - 54px - 0px);
  }
}

/* line 419, app/assets/stylesheets/renter-insight.scss.overrides.scss */
a.btn {
  line-height: 37px;
}

/* line 422, app/assets/stylesheets/renter-insight.scss.overrides.scss */
a.btn.text-red, a.btn.text-gray {
  background: none;
}

/* line 425, app/assets/stylesheets/renter-insight.scss.overrides.scss */
button.btn {
  border: none;
}

/* line 429, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.btn-primary {
  padding: 15px;
  margin: 0 10px;
  height: auto;
}

/* line 435, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.text-agreement {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1em;
  line-height: 1.7;
  text-align: justify;
}

/* line 441, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.text-gray {
  color: #838383;
}

/* line 444, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.text-light-gray {
  color: #BCBCBC;
}

/* line 447, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.text-green {
  color: #8CC66A;
}

/* line 450, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.text-red {
  color: #C44C3D;
}

/* line 453, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.text-blue {
  color: #34495E;
}

/* line 456, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.flex-left {
  justify-content: flex-start;
}

/* line 459, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.flex-column {
  display: flex;
  flex-direction: column;
}

/* line 463, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.flex-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

/* line 468, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.flex-row.flex-nowrap {
  flex-wrap: nowrap;
}

@media (max-width: 576px) {
  /* line 468, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .flex-row.flex-nowrap {
    flex-wrap: wrap;
  }
}

/* line 476, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.flex-right {
  justify-content: flex-end;
}

/* line 479, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.flex-center {
  justify-content: center;
}

/* line 485, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.flex-grid .flex-grid-item .flex-line-block .flex-line {
  margin-left: 0;
  margin-right: 0;
}

/* line 490, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.flex-grid .flex-grid-item .flex-line-wrap-text {
  width: 100%;
}

/* line 493, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.flex-grid .flex-grid-item .flex-line-wrap-text pre {
  width: 100%;
  text-align: left;
  overflow: auto;
  font-family: "Source Sans Pro", sans-serif;
}

/* line 505, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.flex-grid-three-col.flex-center .flex-grid-item {
  margin-right: 15px;
  margin-left: 15px;
}

/* line 511, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.flex-grid-item-actions {
  position: absolute;
  top: 10px;
  right: 5px;
}

/* line 516, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.flex-grid-item-actions a, .flex-grid-item-actions i {
  margin-right: 5px;
}

/* line 519, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.btn-checkbox.active {
  color: #34495E;
}

/* line 522, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.btn-green {
  background: #8CC66A;
  color: white !important;
}

/* line 526, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.btn-text {
  background: white;
  color: #BCBCBC !important;
}

/* line 530, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.btn-text:hover {
  color: #C44C3D !important;
}

/* line 534, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.horiz-nav {
  background: white;
  margin-bottom: 30px;
  position: -webkit-sticky;
  position: sticky;
  top: -30px;
  z-index: 10;
}

/* line 542, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.horiz-nav a.active {
  font-weight: bold;
}

/* line 547, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.ca-steps-nav {
  align-items: flex-start;
}

/* line 550, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.ca-steps-nav .step {
  flex: 1 1 0px;
}

/* line 554, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.section .title-block .subtitle {
  color: #4C4C4C;
}

/* line 559, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.flex-grid .flex-grid-item .flex-line-resident .flex-line-resident-info.flex-line-resident-info-no-actions {
  margin-left: 0;
}

/* line 569, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.section .section-table-wrap .section-table.section-table-no-title {
  margin-top: 0;
}

/* line 573, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.section .section-table-wrap .section-table .st-cust-report .cr-content .cr-embed {
  color: #1E2121;
}

/* line 577, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.section .section-table-wrap .section-table .st-header {
  position: sticky;
  z-index: 3;
  top: -30px;
}

/* line 582, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.section .section-table-wrap .section-table .st-header.st-header-secondary {
  top: 22px;
}

@media (max-width: 768px) {
  /* line 582, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .section .section-table-wrap .section-table .st-header.st-header-secondary {
    top: 12px;
  }
}

@media (max-width: 768px) {
  /* line 577, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .section .section-table-wrap .section-table .st-header {
    font-size: 0.8em;
    background: white;
  }
}

/* line 597, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.section .section-table-wrap.section-table-wrap-small {
  width: 100%;
}

/* line 600, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.section .section-table-wrap.section-table-wrap-small .section-table {
  font-size: 14px;
}

/* line 602, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.section .section-table-wrap.section-table-wrap-small .section-table .st-header {
  background: none;
}

/* line 605, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.section .section-table-wrap.section-table-wrap-small .section-table .st-row {
  padding: 10px;
}

/* line 611, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.section .section-table-wrap .form-checkbox-standalone {
  display: block;
}

/* line 614, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.section .section-table-wrap .form-checkbox-standalone label {
  height: 16px;
  margin-bottom: 0px;
  margin-left: 30px;
}

@media (max-width: 768px) {
  /* line 614, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .section .section-table-wrap .form-checkbox-standalone label {
    margin-left: 10px;
  }
}

/* line 626, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.section.full-width-section {
  max-width: 100%;
}

@media (max-width: 576px) {
  /* line 565, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .section {
    padding-bottom: 100px;
  }
}

/* line 636, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.section .section-table-wrap .section-table .st-row.st-row-valign-top {
  align-items: flex-start;
}

/* line 639, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.section .section-table-wrap .section-table .st-nav-col .st-row-nav {
  z-index: 2;
}

/* line 642, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.section .section-table-wrap .section-table .st-nav-col .st-row-nav a {
  color: #4C4C4C !important;
}

/* line 645, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.section .section-table-wrap .section-table .st-nav-col .st-row-nav a:hover {
  color: #C44C3D !important;
}

/* line 652, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.section-table-wrap > .st-nav {
  margin-bottom: 10px;
}

/* line 656, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.rd-screening-block .credit-score-chart-tooltip {
  padding: 10px;
  background: #F4F4F4BD;
  border-radius: 5px;
  position: absolute;
  z-index: 2;
  right: 0;
  margin-top: 20px;
  display: none;
  box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.22);
}

/* line 667, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.rd-screening-block .credit-score-chart-tooltip.active {
  display: block;
}

/* line 671, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.rd-screening-block .cs-number {
  color: #1E2121;
  font-weight: bold;
}

/* line 675, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.rd-screening-block .cs-rating {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  padding: 4px 6px;
  text-transform: uppercase;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 0.85em;
  color: #4C4C4C;
  margin-left: 5px;
}

@media (max-width: 576px) {
  /* line 675, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .rd-screening-block .cs-rating {
    font-size: 0.8em;
  }
}

/* line 688, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.rd-screening-block .cs-rating.cs-rating-decline {
  background: #D74134;
  color: #ffffff;
}

/* line 691, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.rd-screening-block .cs-rating.cs-rating-decline:after {
  content: "Decline";
}

/* line 696, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.rd-screening-block .cs-rating.cs-rating-conditional {
  background: #FCAC62;
}

/* line 698, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.rd-screening-block .cs-rating.cs-rating-conditional:after {
  content: "Conditional";
}

/* line 703, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.rd-screening-block .cs-rating.cs-rating-low-accept {
  background: #F4E959;
}

/* line 705, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.rd-screening-block .cs-rating.cs-rating-low-accept:after {
  content: "Low Accept";
}

/* line 710, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.rd-screening-block .cs-rating.cs-rating-accept {
  background: #8CC66A;
}

/* line 712, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.rd-screening-block .cs-rating.cs-rating-accept:after {
  content: "Accept";
}

/* line 720, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.flex-line-block .fa-dog, .flex-line-block .fa-cat, .flex-line-block .fa-user {
  color: #C44C3D;
  font-size: 4.1em;
  width: calc(90px - 10px);
  height: 90px;
  display: block;
  line-height: 1.3;
}

/* line 733, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.overlay-box-content button.btn span {
  height: auto;
}

/* Webkit */
/* line 740, app/assets/stylesheets/renter-insight.scss.overrides.scss */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
  -webkit-box-shadow: inset 0 0 0px 9999px white;
  -webkit-text-fill-color: rgba(131, 131, 131, 0.9);
  transition: background-color 5000s ease-in-out 0s;
}

/* line 749, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.tooltip.tooltip-invite-to-apply:after {
  content: 'Invite to Apply';
}

/* line 754, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.pagination {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
}

/* line 760, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.pagination span, .pagination a {
  margin-left: 3px;
  margin-right: 3px;
}

/* line 764, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.pagination span.current, .pagination a.current {
  font-weight: bold;
}

/* line 768, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.bordered-header {
  border-bottom: 1px solid #E5E5E5;
  margin-bottom: 20px;
}

/* line 774, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.w9 fieldset, .w9 ul, .w9 li, .w9 tr, .w9 td, .w9 th, .w9 caption {
  color: #838383;
}

/* line 775, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.w9 a[name] {
  color: #838383;
}

/* line 776, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.w9 caption {
  text-align: left;
}

/* line 777, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.w9 fieldset {
  border-bottom: none;
  border-right: none;
  border-left: none;
  margin-top: 10px;
  padding: 10px;
}

/* line 785, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.w9 fieldset legend {
  font-size: 1.2em;
}

/* line 791, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.hidden {
  display: none;
}

/* line 795, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.hidden-screen {
  display: none !important;
}

/* line 799, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.thumbnail-gallery {
  margin-top: 20px;
}

/* line 803, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.tooltip-wrapper {
  display: inline;
  margin-left: 6px;
}

/* line 808, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.tooltip-wrapper i, .tooltip-wrapper i.active {
  font-size: 16px !important;
  color: #838383 !important;
}

/* line 812, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.tooltip-wrapper i.text-orange, .tooltip-wrapper i.active.text-orange {
  color: #FCAC62 !important;
}

/* line 817, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.tooltip-wrapper .tooltip-explanation {
  display: none;
}

/* line 822, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.tooltip-wrapper:hover .tooltip-explanation {
  display: block;
  position: absolute;
  z-index: 2;
  background: white;
  color: #838383;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #E0E0E0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.09);
}

/* line 838, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.equation-bracket-leader {
  height: 30px;
  width: 3px;
  background: #C44C3D;
  margin: 20px auto 0;
}

/* line 845, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.equation-bracket {
  margin-top: 0;
  padding-top: 30px;
  border-top: 3px solid #C44C3D;
}

/* line 851, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.communication-center-wrap {
  height: calc(100vh - 280px);
}

/* line 856, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.communication-center-wrap .cc-message-container {
  max-width: 260px;
}

@media (max-width: 992px) {
  /* line 856, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .communication-center-wrap .cc-message-container {
    max-width: 100%;
  }
}

@media (max-width: 992px) {
  /* line 862, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .communication-center-wrap .cc-message-container.cc-messages-conversation-selected {
    display: none;
  }
}

@media (max-width: 992px) {
  /* line 869, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .communication-center-wrap .cc-message-container .cc-messages .cc-messages-wrap.cc-messages-scroll {
    display: block;
  }
}

@media (max-width: 992px) {
  /* line 877, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .communication-center-wrap .cc-conversation-container {
    overflow-x: hidden;
    overflow-y: scroll;
    display: block;
  }
}

@media (max-width: 576px) {
  /* line 886, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  #ll-section-communication-center {
    padding-top: 0;
  }
}

/* line 895, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.conversation-wrap .convo-message .convo-quote {
  overflow-x: scroll;
}

/* line 898, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.conversation-wrap .convo-message h3 em {
  color: #AA3B2D;
}

/* line 903, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.conversation-wrap.conversation-empty .form-reply {
  margin-top: 0;
}

/* line 908, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.form-row .form-item .character-count.text-red {
  color: #C44C3D;
  font-weight: bold;
}

/* line 913, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.horiz-nav-communication-center {
  margin-bottom: 0;
}

@media (max-width: 576px) {
  /* line 913, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .horiz-nav-communication-center {
    width: 100%;
  }
}

/* line 921, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.form-nav .btn {
  margin: 5px;
}

@media (max-width: 1200px) {
  /* line 926, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .hidden-xl {
    display: none;
  }
}

@media (max-width: 992px) {
  /* line 933, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .hidden-lg {
    display: none;
  }
}

@media (min-width: 768px) {
  /* line 939, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .visible-md {
    display: none !important;
  }
}

@media (max-width: 768px) {
  /* line 946, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .section .section-table-wrap .st-nav .st-search {
    margin-top: 15px;
  }
  /* line 950, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .visible-md {
    display: block;
  }
  /* line 954, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .hidden-md {
    display: none !important;
  }
  /* line 958, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .flex-md-column {
    display: flex;
    flex-direction: column;
  }
}

/* line 964, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.overlay-container label {
  color: black;
}

/* line 967, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.overlay-container .overlay-box.overlay-box-full-height {
  height: 95vh;
  max-height: 100%;
}

/* line 971, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.overlay-container .overlay-box.overlay-box-full-height .overlay-box-content {
  height: 100%;
  max-height: 100%;
}

@media (min-width: 576px) {
  /* line 979, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .visible-sm {
    display: none;
  }
}

@media (max-width: 576px) {
  /* line 985, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .hidden-sm {
    display: none;
  }
  /* line 988, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .visible-sm {
    display: block;
  }
}

@media print {
  /* line 994, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .main-container {
    position: static;
    height: auto;
    width: 100%;
  }
  /* line 999, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .overlay-container {
    width: 100%;
    max-width: 900px;
    background: white;
  }
  /* line 1003, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .overlay-container .overlay-box {
    position: static;
    height: 100%;
    width: 100%;
    max-height: 100%;
    max-width: 100%;
    border: none;
    border-width: 0;
    box-shadow: none;
  }
  /* line 1013, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .overlay-container .overlay-box .overlay-box-content {
    position: static;
    overflow-y: visible;
  }
  /* line 1020, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .sidenav, .topnav, .btn-close-overlay {
    display: none;
  }
}

/* line 1025, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.overlay-container .overlay-box .conversation-wrap .convo-message .flex-img-avatar {
  max-width: 75px;
  margin-right: 15px;
  margin-left: -30px;
}

/* line 1032, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.btn-dropdown {
  line-height: 2.5em;
}

/* line 1035, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.btn-dropdown ul {
  display: none;
  list-style: none;
  background: #E5E5E5;
  padding-left: 0;
  padding-right: 0;
}

/* line 1042, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.btn-dropdown ul li {
  text-align: left;
  list-style: none;
  padding-left: 15px;
  padding-right: 15px;
}

/* line 1048, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.btn-dropdown ul li a {
  text-align: left;
}

/* line 1054, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.btn-dropdown:hover ul {
  display: block;
  position: absolute;
  margin-top: 0;
  z-index: 3;
}

/* line 1060, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.btn-dropdown:hover ul li:hover {
  background: #E0E0E0;
}

/* line 1065, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.MuiOutlinedInput-root, .MuiInputLabel-root, .MuiFormControl-root {
  font-size: 1em !important;
  font-family: "Source Sans Pro", sans-serif !important;
  box-shadow: none !important;
}

/* line 1071, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.MuiOutlinedInput-root {
  border-radius: 0 !important;
  border: 1px solid #E0E0E0 !important;
  font-weight: 600 !important;
}

/* line 1076, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.MuiInputLabel-root, .MuiInputLabel-root {
  font-family: "Source Sans Pro", sans-serif !important;
  position: static !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  transform-origin: initial !important;
  transform: none !important;
  transition: none !important;
  color: black !important;
}

/* line 1087, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.MuiOutlinedInput-root {
  padding: 6px !important;
}

/* line 1090, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.MuiOutlinedInput-root .MuiAutocomplete-input {
  padding: 0.5px 4px 0.5px 6px !important;
  color: rgba(131, 131, 131, 0.9) !important;
}

/* line 1097, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.MuiOutlinedInput-notchedOutline {
  display: none;
}

/* line 1101, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.MuiTextField-root {
  margin-top: 0 !important;
}

/* line 1105, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.MuiFormControl-root {
  background: white;
}

/* line 1107, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.MuiFormControl-root input {
  font-size: 0.9em;
  font-weight: 400;
}

@media (max-width: 992px) {
  /* line 1114, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .horiz-nav .horiz-nav-list .hn-item, .stickynav .horiz-nav-list .hn-item {
    font-size: 1em;
  }
}

@media (max-width: 768px) {
  /* line 1114, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .horiz-nav .horiz-nav-list .hn-item, .stickynav .horiz-nav-list .hn-item {
    font-size: 1em;
  }
}

/* line 1125, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.sidenav .menu-block .menu {
  padding-right: 0;
}

/* line 1128, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.sidenav .menu-block .menu .nav-item:hover {
  background-color: #E5E5E5;
}

/* line 1133, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.nav-dropdown-wrapper .nav-dropdown {
  display: none;
}

/* line 1138, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.nav-dropdown-wrapper:hover > .nav-dropdown {
  display: block;
  background-color: #E5E5E5;
  position: absolute;
  width: 200px;
  left: 180px;
  margin-top: -39px;
  padding-left: 10px;
}

/* line 1147, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.nav-dropdown-wrapper:hover > .nav-dropdown a {
  padding: 20px 0;
}

/* line 1154, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.user-menu {
  padding-left: 145px;
}

/* line 1156, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.user-menu .circle {
  padding: 8px;
  margin: 10px 0 10.5px;
  color: #C44C3D;
  font-weight: bold;
  font-size: 1.2em;
  border: 4px solid #C44C3D;
  border-radius: 50%;
}

/* line 1167, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.user-menu.nav-dropdown-wrapper .nav-item {
  display: block;
}

@media (max-width: 1200px) {
  /* line 1166, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .user-menu.nav-dropdown-wrapper {
    height: 0;
  }
}

/* line 1175, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.user-menu.nav-dropdown-wrapper .menu {
  flex-flow: column nowrap;
  justify-content: space-between;
  min-height: 525px;
  height: 100%;
  padding: 12px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

@media (max-width: 1200px) {
  /* line 1175, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .user-menu.nav-dropdown-wrapper .menu {
    height: 100%;
    min-height: 300px;
    justify-content: flex-start;
  }
}

/* line 1190, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.user-menu.nav-dropdown-wrapper a {
  color: #838383;
  text-decoration: none;
  padding: 10px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
  line-height: 0;
}

/* line 1198, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.user-menu.nav-dropdown-wrapper a i {
  /*font-size: $nav_icon_size;*/
  font-size: 19px;
  width: 26px;
  text-align: center;
  color: #BCBCBC;
}

@media (max-width: 1200px) {
  /* line 1198, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .user-menu.nav-dropdown-wrapper a i {
    font-size: 16px;
  }
}

@media (max-width: 1200px) {
  /* line 1198, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .user-menu.nav-dropdown-wrapper a i {
    /*font-size: 1.3em;*/
    width: 40px;
  }
}

/* line 1211, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.user-menu.nav-dropdown-wrapper a span {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  padding-left: 12px;
  text-decoration: none;
  font-size: 16px;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  white-space: nowrap;
}

@media (max-width: 1200px) {
  /* line 1211, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .user-menu.nav-dropdown-wrapper a span {
    font-size: 0.8em;
  }
}

/* line 1226, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.user-menu.nav-dropdown-wrapper a {
  padding: 10px 0;
}

/* line 1230, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.user-menu.nav-dropdown-wrapper a:hover {
  color: #C44C3D;
}

/* line 1235, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.user-menu.nav-dropdown-wrapper:hover > .nav-dropdown {
  margin-top: 0;
  padding: 10px;
  left: auto;
  right: 10px;
}

/* line 1249, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.centered-radio-button-group {
  display: block;
  margin: 0 auto;
}

/* line 1254, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.landscape-warning {
  display: none;
}

@media (max-width: 1200px) {
  /* line 1261, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .nav-dropdown-wrapper .nav-dropdown a {
    padding: 20px 0 20px 40px !important;
  }
  /* line 1267, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .nav-dropdown-wrapper:hover .nav-dropdown {
    position: inherit;
    width: auto;
    left: auto;
    margin-top: 0;
    padding-left: 0;
  }
}

@media (max-width: 900px) and (min-aspect-ratio: 13/9) {
  /* line 1281, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .main-wrapper {
    display: none;
  }
  /* line 1284, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .landscape-warning {
    text-align: center;
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  /* line 1292, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .landscape-warning img {
    height: 60px;
    margin-bottom: 20px;
  }
}

/* line 1300, app/assets/stylesheets/renter-insight.scss.overrides.scss */
table.reporting {
  caption-side: bottom;
  border-collapse: collapse;
  --bs-table-color: var(--bs-body-color);
  --bs-table-bg: transparent;
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-body-color);
  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
  --bs-table-active-color: var(--bs-body-color);
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
  --bs-table-hover-color: var(--bs-body-color);
  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
  width: 100%;
  margin-bottom: 1rem;
  color: var(--bs-table-color);
  vertical-align: top;
  border-color: var(--bs-table-border-color);
}

/* line 1320, app/assets/stylesheets/renter-insight.scss.overrides.scss */
table.reporting.data-list {
  width: auto;
}

/* line 1324, app/assets/stylesheets/renter-insight.scss.overrides.scss */
table.reporting > thead {
  vertical-align: bottom;
}

/* line 1327, app/assets/stylesheets/renter-insight.scss.overrides.scss */
table.reporting tbody, table.reporting td, table.reporting tfoot, table.reporting th, table.reporting thead, table.reporting tr {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

/* line 1333, app/assets/stylesheets/renter-insight.scss.overrides.scss */
table.reporting td, table.reporting th {
  text-align: left;
}

/* line 1336, app/assets/stylesheets/renter-insight.scss.overrides.scss */
table.reporting td.data-type-currency, table.reporting th.data-type-currency, table.reporting td.data-type-percent, table.reporting th.data-type-percent {
  text-align: right;
}

/* line 1340, app/assets/stylesheets/renter-insight.scss.overrides.scss */
table.reporting > :not(caption) > * > * {
  padding: .5rem .5rem;
  background-color: var(--bs-table-bg);
  border-bottom-width: 0;
  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}

/* line 1346, app/assets/stylesheets/renter-insight.scss.overrides.scss */
table.reporting thead th {
  border-bottom-width: 1px;
  border-color: var(--bs-table-border-color);
  background: white;
  position: sticky;
  top: 20px;
}

/* line 1353, app/assets/stylesheets/renter-insight.scss.overrides.scss */
table.reporting > tbody {
  vertical-align: inherit;
}

/* line 1356, app/assets/stylesheets/renter-insight.scss.overrides.scss */
table.reporting > tbody > tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
  color: var(--bs-table-striped-color);
}

/* line 1360, app/assets/stylesheets/renter-insight.scss.overrides.scss */
table.reporting.data-list > tbody > tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: transparent;
}

/* line 1363, app/assets/stylesheets/renter-insight.scss.overrides.scss */
table.reporting > tbody > tr.footer-report-level-0:nth-of-type(odd) > *, table.reporting > tbody > tr.footer-report-level-1:nth-of-type(odd) > *, table.reporting > tbody > tr.footer-report-level-0:nth-of-type(even) > *, table.reporting > tbody > tr.footer-report-level-1:nth-of-type(even) > * {
  border-top: 1px solid gray;
  --bs-table-accent-bg: white;
}

/* line 1367, app/assets/stylesheets/renter-insight.scss.overrides.scss */
table.reporting thead th i {
  margin-left: 6px;
}

/* line 1371, app/assets/stylesheets/renter-insight.scss.overrides.scss */
table.reporting tr.header-report-level-0 td, table.reporting tr.footer-report-level-0 td {
  font-weight: bold;
}

/* line 1374, app/assets/stylesheets/renter-insight.scss.overrides.scss */
table.reporting tr.footer-report-level-0 td {
  padding-bottom: 30px;
}

/* line 1377, app/assets/stylesheets/renter-insight.scss.overrides.scss */
table.reporting tr.header-report-level-1 td, table.reporting tr.footer-report-level-1 td {
  font-style: italic;
}

/* line 1380, app/assets/stylesheets/renter-insight.scss.overrides.scss */
table.reporting tr.footer-report-level-1 td {
  padding-bottom: 20px;
}

/* line 1383, app/assets/stylesheets/renter-insight.scss.overrides.scss */
table.reporting tr.footer-report-level-2 td {
  padding-bottom: 10px;
}

/* line 1387, app/assets/stylesheets/renter-insight.scss.overrides.scss */
table.reporting td.data-positive {
  color: #8CC66A !important;
}

/* line 1391, app/assets/stylesheets/renter-insight.scss.overrides.scss */
table.reporting td.data-negative {
  font-weight: bold;
  color: #C44C3D !important;
}

/* line 1396, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.x-scrollable-section {
  overflow-x: auto;
}

/* line 1399, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.x-scrollable-section .horiz-nav {
  position: static;
  top: auto;
}

/* line 1404, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.x-scrollable-section table.reporting thead th {
  top: 0;
}

/* line 1410, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.reporting-no-wrap-headers .reporting th, .reporting-no-wrap-headers .reporting td {
  white-space: nowrap;
}

/* line 1416, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.report-footer {
  margin-bottom: 30px;
}

/* line 1420, app/assets/stylesheets/renter-insight.scss.overrides.scss */
table.reporting.reconciliation_header {
  margin: 0 auto;
}

/* line 1425, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.report-criteria .criteria-label {
  display: none;
}

/* line 1429, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.flex-space-between {
  justify-content: space-between;
}

/* line 1433, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.btn.btn-small {
  padding-right: 10px;
  padding-left: 10px;
  line-height: 32px;
  font-size: 0.8em;
  height: 32px;
}

/* line 1441, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.text-small {
  font-size: 0.7em;
}

/* line 1446, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.listing-preview .lp-carousel, .listing-preview .lp-map {
  display: block;
  width: 50%;
}

@media (max-width: 992px) {
  /* line 1446, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .listing-preview .lp-carousel, .listing-preview .lp-map {
    width: 100%;
    height: 300px;
  }
}

/* line 1458, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.listing-preview .carousel .carousel-status, .property-listings .carousel .carousel-status {
  font-size: 12pt;
  color: lightgray;
  top: initial;
  bottom: 0;
}

/* line 1465, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.listing-preview .carousel .control-arrow, .listing-preview .carousel.carousel-slider .control-arrow, .property-listings .carousel .control-arrow, .property-listings .carousel.carousel-slider .control-arrow {
  opacity: 0.8;
}

/* line 1469, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.listing-preview .carousel .control-arrow:before, .listing-preview .carousel.carousel-slider .control-arrow:before, .property-listings .carousel .control-arrow:before, .property-listings .carousel.carousel-slider .control-arrow:before {
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
}

/* line 1475, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.listing-preview .carousel .control-prev.control-arrow:before, .property-listings .carousel .control-prev.control-arrow:before {
  border-right: 20px solid #C44C3D !important;
}

/* line 1479, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.listing-preview .carousel .control-next.control-arrow:before, .property-listings .carousel .control-next.control-arrow:before {
  border-left: 20px solid #C44C3D !important;
}

/* line 1484, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.float-right {
  float: right;
}

/* line 1488, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.listing-fraud-notice {
  margin-bottom: 20px;
}

/* line 1493, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.property-listings .map {
  display: block;
  width: 100%;
  height: 500px;
}

/* line 1500, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.property-listings .map-marker i {
  color: #C44C3D;
  font-size: 30px;
  margin-top: -30px;
  margin-left: -22px;
}

/* line 1508, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.property-listings .unit-listing-group {
  display: block;
  width: 100%;
  padding: 0 40px;
  background: rgba(249, 249, 249, 0.8);
}

/* line 1514, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.property-listings .unit-listing-wrapper {
  padding: 20px 10px;
}

/* line 1517, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.property-listings .unit-listing-wrapper .unit-listing {
  padding: 20px 10px;
  background: white;
  border-radius: 10px;
  min-height: 200px;
}

/* line 1523, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.property-listings .unit-listing-wrapper .unit-listing .property-photo {
  height: 125px;
  overflow: hidden;
  margin-bottom: 10px;
}

/* line 1528, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.property-listings .unit-listing-wrapper .unit-listing .property-photo .img-square {
  width: 125px;
  height: 125px;
}

/* line 1534, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.property-listings .unit-listing-wrapper .unit-listing .lp-info {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
}

/* line 1539, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.property-listings .unit-listing-wrapper .unit-listing .lp-info h2 {
  text-align: left;
  font-size: 1.2em;
  margin-top: 0;
  margin-top: -5px;
  margin-bottom: 20px;
  line-height: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media (max-width: 576px) {
  /* line 1539, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .property-listings .unit-listing-wrapper .unit-listing .lp-info h2 {
    font-size: 1.4em;
  }
}

/* line 1554, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.property-listings .unit-listing-wrapper .unit-listing .lp-info h2 span {
  color: #BCBCBC;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-style: italic;
  text-transform: none;
  display: block;
  font-size: 0.65em;
}

/* line 1563, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.property-listings .unit-listing-wrapper .unit-listing .lp-info .lp-info-stats {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}

@media (max-width: 576px) {
  /* line 1563, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .property-listings .unit-listing-wrapper .unit-listing .lp-info .lp-info-stats {
    flex-flow: row wrap;
  }
}

/* line 1573, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.property-listings .unit-listing-wrapper .unit-listing .lp-info .lp-info-stats .lp-info-stat {
  font-size: 1.0em;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  margin-right: 30px;
  line-height: 1;
}

/* line 1579, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.property-listings .unit-listing-wrapper .unit-listing .lp-info .lp-info-stats .lp-info-stat:last-of-type {
  margin-right: 0;
}

@media (max-width: 576px) {
  /* line 1573, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .property-listings .unit-listing-wrapper .unit-listing .lp-info .lp-info-stats .lp-info-stat {
    margin-bottom: 10px;
  }
}

/* line 1587, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.property-listings .unit-listing-wrapper .unit-listing .lp-info .lp-info-stats .lp-info-stat span {
  color: #838383;
  /* margin-right: 5px; */
}

/* line 1592, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.property-listings .unit-listing-wrapper .unit-listing .lp-info .lp-info-stats .lp-info-stat .fas {
  margin-right: 3px;
  font-size: 1.4em;
  position: relative;
  top: 4px;
  line-height: 0;
  /* position: relative;
                          top: 3px; */
}

/* line 1602, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.property-listings .unit-listing-wrapper .unit-listing .lp-info .lp-info-stats .lp-info-stat .fas.pets-yes {
  color: #8CC66A;
}

/* line 1605, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.property-listings .unit-listing-wrapper .unit-listing .lp-info .lp-info-stats .lp-info-stat .fas.pets-no {
  color: #D74134;
}

/* line 1619, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.dashboard .flex-row {
  gap: 10px;
  margin: 10px 0;
  flex-wrap: wrap;
}

/* line 1624, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.dashboard .tile, .dashboard .tile-short {
  padding-top: 15px;
  background: #F4F4F4BD;
  flex-basis: 32%;
}

@media (max-width: 576px) {
  /* line 1624, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .dashboard .tile, .dashboard .tile-short {
    flex-basis: 100%;
  }
}

/* line 1633, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.dashboard .tile a, .dashboard .tile-short a {
  color: #34495E;
}

/* line 1638, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.dashboard .tile {
  height: 270px;
}

/* line 1641, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.dashboard .tile-short {
  height: 135px;
}

/* line 1645, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.dashboard .tile-title-bar {
  display: flex;
  line-height: 2.2rem;
}

/* line 1649, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.dashboard .tile-title-bar .tile-icon {
  flex-basis: 20%;
  color: #C44C3D;
  font-size: 1.75rem;
}

/* line 1654, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.dashboard .tile-title-bar .tile-title {
  flex-basis: 80%;
  text-align: center;
  padding-right: 20%;
  text-transform: uppercase;
  font-weight: 600;
  font-style: normal;
  font-size: 1.2em;
  margin: 0 0 5px 0;
  padding-top: 0;
  line-height: 1;
  color: #34495E;
}

@media (max-width: 992px) {
  /* line 1654, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .dashboard .tile-title-bar .tile-title {
    font-size: 1.0em;
  }
}

/* line 1671, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.dashboard .tile-title-bar.with-total .tile-title {
  padding-right: 0;
  flex-basis: 60%;
}

/* line 1675, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.dashboard .tile-title-bar.with-total .tile-total {
  flex-basis: 20%;
  font-size: 2.0rem;
  color: #34495E;
  font-weight: bold;
}

/* line 1683, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.dashboard .tile-list {
  width: 32%;
  display: flex;
  flex-direction: column;
}

/* line 1688, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.dashboard .tile-list .section-table-wrap .section-table {
  font-size: 0.9rem;
  padding: 0 20px;
}

/* line 1692, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.dashboard .tile-list .section-table-wrap .section-table .st-row {
  padding: 4px;
}

/* line 1696, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.dashboard .tile-list .section-table-wrap .section-table .st-long-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 1704, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.dashboard .tile-list .section-table-wrap .section-table .st-header {
  background: none !important;
}

/* line 1706, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.dashboard .tile-list .st-row {
  color: black;
}

/* line 1708, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.dashboard .tile-list .section-list {
  padding: 20px 20px 0;
}

@media (max-width: 992px) {
  /* line 1708, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .dashboard .tile-list .section-list {
    padding: 10px 0;
  }
}

/* line 1715, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.dashboard .tile-list .section-list .st-row {
  padding: 10px;
  font-size: 1.1rem;
  text-align: left;
}

@media (max-width: 992px) {
  /* line 1715, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .dashboard .tile-list .section-list .st-row {
    font-size: 0.9rem;
  }
}

/* line 1723, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.dashboard .tile-list .section-list .st-row.priority-high {
  border: 0 solid #C44C3D;
  border-bottom-width: 1px;
}

/* line 1728, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.dashboard .tile-list .section-list .st-row.priority-medium {
  border: 0 solid orange;
  border-bottom-width: 1px;
}

/* line 1733, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.dashboard .tile-list .section-list .st-row.priority-low {
  border: 0 solid yellow;
  border-bottom-width: 1px;
}

/* line 1741, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.dashboard .tile-list .tile-spacer {
  flex-grow: 2;
}

/* line 1744, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.dashboard .tile-list .tile-pagination {
  font-size: 0.9em;
  color: #34495E;
  text-align: right;
  padding: 0 20px 20px 0;
}

/* line 1752, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.dashboard .indicator-and-stat {
  padding: 10px 10% 0;
  display: flex;
  font-size: 3rem;
}

/* line 1757, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.dashboard .indicator-and-stat .indicator {
  flex-basis: 30%;
}

/* line 1760, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.dashboard .indicator-and-stat .label {
  flex-basis: 30%;
  font-size: 2rem;
  line-height: 4rem;
  color: #838383;
}

/* line 1766, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.dashboard .indicator-and-stat .label.only {
  flex-basis: 100%;
}

/* line 1770, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.dashboard .indicator-and-stat .stat {
  flex-basis: 70%;
  padding-right: 30%;
}

/* line 1774, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.dashboard .indicator-and-stat .stat.only {
  flex-basis: 100%;
  padding-right: 0;
}

/* line 1781, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.dashboard.section .section-table-wrap .section-table .st-row em {
  color: #353939;
}

/* line 1786, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.text-long {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* PRINTING */
@media print {
  /* line 1794, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  a {
    color: black !important;
  }
  /* line 1797, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .main-container {
    padding: 0;
    margin: 0;
  }
  /* line 1801, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  iframe, #zsiq_float, .horiz-nav, .topnav, .sidenav, .hidden-print {
    display: none !important;
  }
  /* line 1805, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .hidden-screen {
    display: block !important;
  }
  /* line 1809, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  tr.hidden-screen {
    display: table-row !important;
  }
  /* line 1813, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .report-criteria {
    width: 100%;
    justify-content: center;
    flex-direction: column;
  }
  /* line 1818, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .report-criteria .criteria-label {
    display: inline;
  }
  /* line 1822, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .report-criteria .criteria-wrapper .current-value {
    border-right: none;
    padding: 0;
  }
  /* line 1829, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  table.reporting tbody, table.reporting td, table.reporting tfoot, table.reporting th, table.reporting thead, table.reporting tr {
    font-size: 0.8em;
  }
  /* line 1833, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  h1, .report-criteria {
    font-size: 0.8em;
  }
  /* line 1837, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .title-block h1 {
    font-size: 1.0em;
  }
  /* line 1840, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .title-block h1 span {
    color: black !important;
  }
  /* line 1846, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .rd-status-wrap div {
    font-size: 1em !important;
    color: black !important;
  }
  /* line 1851, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .rd-status-wrap .rd-current, .rd-status-wrap .rd-past {
    color: black !important;
  }
  /* line 1856, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .communication-center-wrap {
    height: auto;
  }
  /* line 1859, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .communication-center-wrap .cc-conversation-container {
    overflow-y: visible;
  }
  /* line 1862, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .communication-center-wrap .conversation-wrap {
    padding-top: 0;
  }
  /* line 1867, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .invoice-page {
    box-shadow: none;
    margin: 0 auto;
  }
}

/* line 1873, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.cursor-pointer {
  cursor: pointer;
}

/* line 1877, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.full-page-message {
  display: flex;
  flex-direction: column;
  padding-top: 50px;
}

/* line 1882, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.full-page-message i {
  font-size: 4em;
  color: #8CC66A;
}

/* line 1887, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.full-page-message span {
  font-size: 2em;
  padding: 30px 0 50px;
}

/* line 1892, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.full-page-message a {
  width: 100px;
  margin: 20px auto;
}

/* line 1899, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.form-row .form-item .roles-follow-up {
  padding-top: 10px;
}

/* line 1902, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.form-row .form-item .roles-follow-up label.roles-follow-up-question {
  font-weight: normal;
  line-height: 25px;
  padding-left: 30px;
  padding-left: 0px;
  margin-right: 14px;
}

/* line 1912, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.break-word {
  word-wrap: break-word;
}

/* line 1916, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.no-max-width {
  max-width: none;
  width: 100%;
}

/* line 1920, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.no-max-width .section {
  max-width: none;
}

/* line 1925, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.btn.btn-red:disabled {
  background: #BCBCBC;
  pointer-events: none;
}

/* line 1930, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.text-capitalized {
  text-transform: capitalize;
}

/* line 1934, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.info-circle-red {
  width: 40px;
  height: 40px;
  line-height: 23px;
  border: 4px solid #C44C3D;
  padding: 4px;
  text-align: center;
  border-radius: 50%;
  font-weight: bold;
}

/* line 1946, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.sign-in-form .st-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 992px) {
  /* line 1946, app/assets/stylesheets/renter-insight.scss.overrides.scss */
  .sign-in-form .st-row {
    flex-flow: row wrap;
    align-items: flex-start;
  }
}

/* New TU Reporting overrides */
/* line 1959, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.shareable\.eviction-section-separator, .shareable\.eviction-site-footer, .shareable\.eviction-warning {
  display: none;
}

/* line 1962, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.form-row .st-col-100 {
  padding: 0 10px;
}

/* line 1966, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.mt-0 {
  margin-top: 0px;
}

/* line 1970, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.mb-10 {
  margin-bottom: 10px;
}

/* line 1974, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.mt-29 {
  margin-top: 30px;
}

/* line 1978, app/assets/stylesheets/renter-insight.scss.overrides.scss */
.ml-10 {
  margin-left: 10px;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */

