.pop-up-label {
  line-height: 19px;
  opacity: 0.5;
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 35px; }

.pop-up-select {
  line-height: 21px;
  opacity: 0.8;
  color: #131313;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 35px;
  background: white !important;
  border-color: white !important;
  height: 32px; }

.react-tel-input {
  margin-left: -7px;
  font-family: muli !important;
  width: 0 !important; }
  .react-tel-input .flag-dropdown, .react-tel-input input {
    height: 40px !important; }
  .react-tel-input .country-list {
    top: 40px !important; }

.phone-number {
  position: relative;
  font-size: 18px;
  padding-left: 90px !important; }

.phone-number::-webkit-inner-spin-button, .phone-number::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
  -moz-appearance: textfield !important; }

.country-code {
  background-color: #f0f0f0;
  position: relative;
  left: 17%;
  padding: 12px 10px;
  font-size: 14px;
  height: 38px;
  top: 1px;
  z-index: 2; }
  @media screen and (min-width: 1400px) {
    .country-code {
      left: 10%; } }

.react-tel-input input[type=tel]:focus, .react-tel-input input[type=text]:focus {
  border-color: transparent !important; }

.react-tel-input input[type=tel], .react-tel-input input[type=text] {
  padding-left: 0;
  border: none !important;
  box-shadow: none !important; }

.react-tel-input .selected-flag {
  z-index: 1 !important;
  height: 30px !important; }

input {
  border-radius: 6px; }

.left-margin-add {
  margin-left: 20px; }

.web-input .web-prefix {
  position: absolute;
  left: 8px;
  top: 1px;
  font-size: 14px;
  line-height: 30px;
  background-color: #f0f0f0;
  padding: 0 10px; }

.web-input .web-input-text {
  padding-left: 70px;
  margin-left: 8px;
  width: 420px; }

.search-input.inspection > div {
  position: static !important; }
  .search-input.inspection > div > div {
    position: static !important; }

.notfound__label {
  height: 16px;
  color: #959ca0;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.17px; }

.search-input.search-input--default .search-input__notfound {
  position: static;
  width: 98.5%; }
  .search-input.search-input--default .search-input__notfound .add-new-row {
    padding-right: 10px; }

.search-input.search-input--default input {
  font-family: muli !important;
  padding: 0 0.5rem 0 0.5rem !important;
  height: 32px !important;
  border-radius: 3px !important;
  border: 1px solid rgba(190, 190, 190, 0.5) !important;
  padding-left: 10px; }

.search-input.search-input--default > div > div > div {
  padding-left: 5px !important;
  padding-bottom: 5px !important; }
  .search-input.search-input--default > div > div > div hr {
    display: none; }

.search-input:not(.search-input--default) {
  bottom: 0 !important;
  padding: 0 !important;
  height: 40px !important;
  font-family: muli !important;
  position: relative; }
  .search-input:not(.search-input--default) div {
    bottom: 0 !important;
    left: 5px; }
  .search-input:not(.search-input--default) hr {
    display: none; }
  .search-input:not(.search-input--default) input {
    font-family: muli !important;
    padding: 0 0.5rem 0 0.5rem !important;
    height: 30px !important;
    border-radius: 3px !important;
    border: 1px solid rgba(190, 190, 190, 0.5) !important;
    background-color: #ffffff !important;
    width: 95.5% !important;
    margin-left: -1px !important; }
    @media (max-width: 1024px) {
      .search-input:not(.search-input--default) input {
        width: 260px !important; } }

.search-input__notfound {
  margin-top: -15px;
  box-shadow: 0 1px 5px #d2dadd;
  border-radius: 0 0 6px 6px;
  position: absolute;
  top: 47px;
  width: 400px;
  z-index: 200;
  height: 36px;
  display: inline-block;
  background-color: #fff;
  left: 11px !important;
  padding: 0 0.5rem 0 0.5rem !important; }
  @media (max-width: 1024px) {
    .search-input__notfound {
      width: 260px !important; } }

.single-input .form-label, .email-input .form-label, .phone-number-section .form-label, .web-input .form-label, .category .form-label {
  padding-top: 3px;
  height: 40px;
  opacity: 0.5;
  color: #000000;
  font-family: muli;
  font-size: 16px;
  font-weight: 400; }

.single-input .form-label.inspection, .email-input .form-label.inspection, .phone-number-section .form-label.inspection, .web-input .form-label.inspection, .category .form-label.inspection {
  font-size: 12px;
  opacity: 1; }

.single-input .form-input, .email-input .form-input, .phone-number-section .form-input, .web-input .form-input, .category .form-input {
  height: 40px;
  border-radius: 3px;
  border: 1px solid rgba(190, 190, 190, 0.5);
  background-color: #ffffff; }

.radio-select-section .state-name {
  padding: 12px 0 0 12px; }

.radio-select-section .radio-select {
  /* Style for "New owner" */
  height: 40px;
  opacity: 0.6;
  color: #000000;
  font-family: muli;
  font-size: 14px;
  font-weight: 400; }
  .radio-select-section .radio-select input[type="radio"] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    -ms-appearance: checkbox;
    /* not currently supported */
    -o-appearance: checkbox;
    /* not currently supported */
    width: 22px;
    height: 22px;
    border-radius: 6px;
    border: 1px solid rgba(205, 205, 205, 0.5);
    background-color: #ffffff;
    margin-top: 10px; }
  .radio-select-section .radio-select input[type='radio']:checked:after {
    width: 22px;
    height: 22px;
    border-radius: 6px;
    background-color: #96a6bb; }

.inspection-dialog {
  width: 550px !important; }
  .inspection-dialog .upload-icon {
    margin-top: -20px; }
  .inspection-dialog .inspector-add-modal-action {
    padding: 20px 0px 25px 28% !important;
    text-align: left !important; }
  .inspection-dialog .hint-error {
    margin-top: 0px;
    margin-left: 31%; }
  .inspection-dialog select {
    height: 32px;
    line-height: 19px;
    opacity: 0.8;
    color: #131313;
    font-size: 14px;
    font-weight: 400;
    background: white !important;
    border-color: #dfdfdf !important; }
  .inspection-dialog .title {
    color: #000000;
    font-size: 16px; }
  .inspection-dialog .input-width:disabled {
    max-width: 65.5% !important;
    margin-left: -3px;
    height: 33px; }
  .inspection-dialog .input-width input {
    width: 92.5% !important;
    margin-left: -4px !important; }
  .inspection-dialog .address {
    font-size: 24px;
    margin: 15px 0px 30px;
    color: #000000; }
  .inspection-dialog label {
    opacity: 0.5;
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 25px;
    padding-top: 5px; }
  .inspection-dialog .date-label {
    padding-top: 15px !important; }
  .inspection-dialog .inspection-date-input > div {
    width: 99% !important; }
  .inspection-dialog .inspection-date-input > div > div > hr {
    width: 104% !important;
    margin-left: -14px !important; }
  .inspection-dialog .inspection-date-input input {
    padding-left: 25px !important; }
  .inspection-dialog .img {
    background-image: url(/images/calender-icon.png);
    position: absolute;
    left: 194px;
    top: 179px;
    width: 16px;
    height: 16px; }
  .inspection-dialog .lbldate {
    height: 30px; }
  .inspection-dialog div > div > div:nth-child(6), .inspection-dialog div > div > div:nth-child(7) {
    width: 101% !important; }
  .inspection-dialog div > div > div:nth-child(3) {
    width: 101.5% !important; }
  .inspection-dialog > div > div {
    max-height: 520px !important;
    padding: 25px 50px !important; }

/* for fix: Inspection page date input indicator not showing*/
.inspection-date-input hr {
  border: 1px solid #f4f4f4 !important; }

.UiBlocker {
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1600; }
  .UiBlocker__mask {
    background-color: rgba(203, 202, 202, 0.29);
    height: 100%; }
  .UiBlocker__icon {
    position: absolute;
    top: calc(50% - 16px);
    width: 100%;
    text-align: center; }
  .UiBlocker__message {
    position: absolute;
    top: 50%;
    left: calc(50% - 100px);
    width: 200px;
    text-align: center;
    color: #444;
    font-weight: 900;
    font-size: 1.2rem; }

img.plusIcon {
  content: url(/images/plus.png); }

.search-input__notfound {
  text-align: right; }
  .search-input__notfound:hover {
    background-color: #fefefe; }
  .search-input__notfound__text {
    cursor: pointer;
    width: 74px;
    height: 16px;
    color: #1ee590;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.17px;
    display: inline-block; }

.ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year,
.ant-calendar-year-panel-year:hover,
.ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month,
.ant-calendar-month-panel-month:hover {
  color: black !important;
  height: 60%;
  padding-top: 10%;
  background: #edefed !important; }

.ant-calendar-selected-day .ant-calendar-date,
.ant-calendar-date:hover {
  color: black !important;
  background: #edefed !important; }

.ant-calendar-picker-container {
  z-index: 5000 !important; }

.ant-calendar {
  width: 304px !important; }

.ant-calendar-picker-clear {
  display: none !important; }

.ant-calendar-picker-icon {
  background-image: url(/images/calender-icon.png);
  width: 17px !important;
  height: 17px !important; }
  .ant-calendar-picker-icon:after {
    content: none !important; }

.ant-calendar-picker-input {
  width: 96%;
  border: 1px solid #dfdfdf;
  height: 32px;
  padding-left: 10px;
  border-radius: 3px; }

.datepicker-icon {
  width: 20px;
  height: 20px;
  display: flex;
  margin-top: 5px;
  position: relative;
  right: 30px; }

.align-view-mode-text {
  margin-top: 5px; }

.scroll-to-invoices {
  height: 20px;
  color: #3BC0F3;
  font-family: "Poppins Medium";
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  text-align: right;
  float: right;
  margin-top: 20px;
  margin-right: 20px;
  text-transform: uppercase;
  text-decoration: underline;
  cursor: pointer; }
  .scroll-to-invoices img {
    vertical-align: bottom;
    margin-right: 5px; }

.multi-select-container {
  display: flex;
  justify-content: left;
  margin-bottom: 10px;
  max-width: 650px;
  flex-wrap: wrap;
  width: 700px; }

.multi-select-item {
  width: 200px;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 2px;
  background: #FFFFFF;
  border: 1px solid #D5D8DF;
  box-sizing: border-box;
  border-radius: 8px; }

.multi-select-item-content {
  display: flex;
  justify-content: space-between;
  padding-left: 5px;
  padding-right: 5px; }

.multi-select-item-text {
  width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.multi-select-item-close {
  cursor: pointer; }

.multi-select-item-close:hover {
  font-weight: 1000;
  color: brown; }
.searchbar {
  width: 100%;
  height: 35px;
  position: relative; }
  .searchbar .react-autosuggest__container {
    height: 100%; }
    .searchbar .react-autosuggest__container .react-autosuggest__input {
      width: 27em;
      height: 100%;
      padding-left: 10px;
      margin-left: 0;
      border: 1px solid #dadee0;
      border-radius: 3px; }
      .searchbar .react-autosuggest__container .react-autosuggest__input:focus-within {
        border: 1px solid #9ecbe4; }
    .searchbar .react-autosuggest__container .react-autosuggest__suggestions-container--open {
      display: block;
      position: absolute;
      border: 1px solid #aaa;
      background-color: #fff;
      font-weight: 300;
      font-size: 16px;
      border-bottom-left-radius: 3px;
      border-bottom-right-radius: 3px;
      z-index: 2;
      width: 100%; }
    .searchbar .react-autosuggest__container .react-autosuggest__suggestions-list {
      max-height: 200px;
      overflow-y: auto;
      margin: 0;
      padding: 0;
      list-style-type: none; }
    .searchbar .react-autosuggest__container .react-autosuggest__suggestion {
      cursor: pointer;
      padding: 10px 6px; }
      .searchbar .react-autosuggest__container .react-autosuggest__suggestion span {
        color: #7f7f7f; }
  .searchbar .search-icon {
    position: absolute;
    height: 20px;
    width: 20px;
    transform: translateY(-50%);
    top: 50%;
    right: 5px; }
  .searchbar .search-selected {
    width: 300px;
    border: 1px solid #dadee0;
    border-radius: 3px;
    padding: 5px 10px;
    font-size: 16px;
    font-weight: 100;
    position: relative; }

form {
  padding: 15px 20px; }

.owner-sign-link {
  padding-top: 8px;
  cursor: pointer;
  text-align: center; }
  .owner-sign-link a {
    color: #44c7f4 !important;
    font-size: 14px; }

.grouped-select {
  border-radius: 0 !important;
  border: 1px solid rgba(190, 190, 190, 0.5) !important;
  font-size: 14px;
  font-weight: 400;
  padding: 2px 10px;
  line-height: 36px;
  color: #7f7f7f; }

.cant-find {
  padding-top: 11px;
  padding-right: 0 !important;
  font-weight: 600;
  color: #4a4a4a;
  cursor: pointer; }

.dashed-place {
  text-align: center;
  padding-top: 12px;
  font-weight: 900; }
  .dashed-place--country {
    padding-top: 13px; }

.property-cancel-icon {
  display: inline-block;
  cursor: pointer;
  position: absolute;
  left: 620px; }

.custom-address-strt .property-cancel-icon {
  left: 612px; }

.australian-address-check-box {
  padding-top: 3px; }

.add-new-row {
  float: right; }

.add-new-icon {
  margin-top: 14px;
  margin-right: 5px; }

.resend-button {
  margin-top: 3px;
  width: 105px;
  height: 36px;
  border-radius: 10px;
  line-height: 36px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  background-color: #1bc59a;
  border: none;
  cursor: pointer;
  margin-top: -10px; }

.add-business-form {
  margin: unset !important; }

.add-person-form {
  padding: 0;
  margin: 35px;
  background-color: #ffffff; }
  .add-person-form .form-select:disabled {
    background-color: #eeeeee; }
  .add-person-form .company-div .input-width {
    margin-left: 7px; }
  .add-person-form .mappify-address .react-autosuggest__container {
    position: relative;
    margin-left: 39px; }
  .add-person-form .mappify-address .add-property-address .react-autosuggest__input {
    margin-left: 0px;
    width: 99%; }
  .add-person-form .mappify-address .add-property-address .react-autosuggest__container {
    margin-left: 0px; }
  .add-person-form .mappify-address .add-property-address .react-autosuggest__suggestions-container--open {
    width: 101%; }
  .add-person-form .mappify-address .add-property-address .property-cancel-icon {
    width: 8%;
    position: unset; }
    .add-person-form .mappify-address .add-property-address .property-cancel-icon img {
      float: right;
      margin-top: 12px;
      margin-right: -3px; }
  .add-person-form .mappify-address .react-autosuggest__input {
    font-family: muli;
    padding: 0 1%;
    line-height: 30px;
    border-radius: 3px;
    border: 1px solid rgba(190, 190, 190, 0.5);
    background-color: #ffffff;
    width: 372px;
    font-size: 14px;
    font-weight: 400;
    margin-left: 0px; }
    @media (max-width: 1024px) {
      .add-person-form .mappify-address .react-autosuggest__input {
        width: 260px; } }
  .add-person-form .mappify-address .react-autosuggest__input--focused {
    outline: none; }
  .add-person-form .mappify-address .react-autosuggest__input--open {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  .add-person-form .mappify-address .react-autosuggest__suggestions-container {
    display: none; }
  .add-person-form .mappify-address .react-autosuggest__suggestions-container--open {
    display: block;
    position: absolute;
    border: 1px solid #aaa;
    background-color: #fff;
    font-family: muli;
    font-weight: 300;
    font-size: 16px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    z-index: 2;
    width: 97.5%; }
  .add-person-form .mappify-address .react-autosuggest__suggestions-list {
    max-height: 200px;
    overflow-y: auto;
    margin: 0;
    padding: 0;
    list-style-type: none; }
  .add-person-form .mappify-address .react-autosuggest__suggestion {
    cursor: pointer;
    padding: 10px 6px; }
    .add-person-form .mappify-address .react-autosuggest__suggestion span {
      color: #7f7f7f; }
  .add-person-form .mappify-address .react-autosuggest__suggestion--highlighted {
    background-color: #ddd; }
  .add-person-form .mappify-address .react-autosuggest__section-container {
    border-top: 1px dashed #ccc; }
  .add-person-form .mappify-address .react-autosuggest__section-container--first {
    border-top: 0; }
  .add-person-form .add-property-form {
    width: 700px; }
    .add-person-form .add-property-form .property-cancel-icon {
      left: 61%; }
  .add-person-form .property-radio-button {
    width: 22px;
    height: 22px;
    border-radius: 100px;
    border: 1px solid #e6e6e6;
    background-color: #ffffff; }
  .add-person-form .property-radio-value {
    line-height: 16px;
    opacity: 0.8;
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    padding: 3px 8px; }
    .add-person-form .property-radio-value--test-property {
      padding: 7px 8px; }
  .add-person-form .view-person {
    padding-top: 25px !important; }
  .add-person-form .form-input {
    height: 32px;
    border-radius: 3px;
    border: 1px solid rgba(190, 190, 190, 0.5);
    background-color: #ffffff;
    font-size: 14px; }
    .add-person-form .form-input.address-field {
      border: none; }
  .add-person-form .view-section {
    background-color: transparent;
    height: 0;
    padding-top: 10px !important;
    line-height: 19px;
    font-size: 16px;
    font-weight: 400; }
  .add-person-form .property-address a {
    padding-top: 10px;
    cursor: pointer;
    line-height: 19px;
    font-size: 16px;
    font-weight: 400; }
  .add-person-form .main-selection select {
    border: 0;
    font-size: 14px;
    font-weight: 400;
    padding: 2px 10px;
    border: none;
    line-height: 36px;
    font-family: muli;
    color: #7f7f7f; }
  .add-person-form select:focus {
    outline-color: white;
    box-shadow: none; }
  .add-person-form .inner-form {
    border-radius: 0 0 2px 2px; }
    @media screen and (min-width: 1024px) {
      .add-person-form .inner-form {
        padding: 18px 450px 110px 35px; } }
  .add-person-form .form-header {
    background-color: #dfeaf5;
    margin: 0;
    border-radius: 2px 2px 0 0; }
    @media screen and (min-width: 1024px) {
      .add-person-form .form-header {
        padding: 18px 36px; } }
    .add-person-form .form-header h1 {
      margin: 0;
      padding: 0; }
      .add-person-form .form-header h1 .oval::before {
        content: '';
        opacity: 0.4;
        margin-left: 5px;
        margin-right: 5px;
        background-color: black;
        width: 9px;
        height: 9px;
        border-radius: 50%;
        position: absolute;
        right: 0;
        bottom: 2px; }
      .add-person-form .form-header h1 .oval {
        width: 22px;
        display: inline-block;
        height: 13px;
        position: relative; }
  .add-person-form .bottom-buttons {
    float: right; }
    .add-person-form .bottom-buttons.force-left {
      float: left;
      padding: 0; }
    .add-person-form .bottom-buttons button {
      margin: 40px 15px 0 0;
      width: 105px;
      height: 36px;
      border-radius: 10px;
      line-height: 16px;
      color: #ffffff;
      font-family: muli;
      font-size: 14px;
      font-weight: 700;
      text-transform: uppercase;
      border: none; }
      .add-person-form .bottom-buttons button.save-button {
        background-color: #9ecbe4;
        margin-right: 0; }
  .add-person-form h1 {
    line-height: 22px;
    color: #000000;
    font-family: muli;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase; }
  .add-person-form label {
    height: 40px;
    opacity: 0.5;
    color: #000000;
    font-family: muli;
    font-size: 16px;
    font-weight: 400;
    padding-top: 4px; }
  .add-person-form .element {
    padding: 1px 0; }
    .add-person-form .element a {
      color: #4a90e2; }
  .add-person-form input:disabled {
    background: transparent;
    border: none;
    line-height: 19px;
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    width: 90%; }

.form-select {
  background-color: #ffffff;
  border-radius: 3px;
  border: 1px solid #dfdfdf !important; }

.login-logo img {
  height: 55px;
  padding: 20px; }

.hide-hover .react-tel-input {
  pointer-events: none !important; }

.multi-property-display {
  padding-top: 12px; }
  .multi-property-display a {
    color: #001b93;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    margin-top: 10px;
    display: inline-block;
    clear: left;
    float: left; }
    .multi-property-display a:first-of-type {
      margin-top: 0; }
    .multi-property-display a:last-of-type {
      margin-bottom: 10px; }

.EmailInputGroup__input {
  width: 90%; }

.EmailInputGroup__icon {
  display: inline-block;
  cursor: pointer;
  position: absolute;
  left: 612px; }

.add-person-form .inner-form {
  position: relative; }

.add-person-form .has-stripes .name-input {
  width: 101%; }
  .add-person-form .has-stripes .name-input .single-input {
    padding-left: 8px; }
    .add-person-form .has-stripes .name-input .single-input label {
      padding-left: 0px; }

.add-person-form .has-stripes .mail-row:after {
  content: '';
  border-top: 1px solid #efefef; }

.add-person-form .has-stripes .form-group {
  margin-bottom: 0px; }
  .add-person-form .has-stripes .form-group:after {
    content: '';
    border-top: 1px solid #efefef;
    display: inline-block;
    width: 100%;
    position: absolute;
    height: 47px;
    pointer-events: none;
    left: 0;
    margin-top: -10px; }

.add-person-form--lined .form-group.element:after {
  content: '';
  border-bottom: 1px solid #efefef;
  display: inline-block;
  width: 100%;
  position: absolute;
  height: 47px;
  pointer-events: none;
  left: 0;
  margin-top: -3px; }

.form-group .react-tel-input .flag-dropdown {
  background-color: transparent;
  border: 0; }

.button-group .button:not(:first-of-type) {
  margin-left: 10px; }

.button {
  width: 105px;
  height: 40px;
  border-radius: 10px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  border: none;
  background-color: #cad5e0;
  font-family: muli-bold; }
  .button_main {
    background-color: #9ecbe4; }
  .button_delete {
    color: #ffa08b;
    border: 1px solid #ffa08b;
    background-color: #fff; }

.person-role-form .button:not(:first-of-type) {
  margin-left: 10px; }

.person-role-form .action-buttons {
  padding-top: 20px;
  margin-left: 207px !important; }

.phone-flag-div {
  margin-left: 9px; }

.diff-phone-input {
  padding: 0;
  margin: 0;
  list-style: none;
  border: 1px solid rgba(190, 190, 190, 0.5);
  border-radius: 3px;
  margin-top: -2px;
  width: 379px;
  margin-left: 30px;
  position: relative;
  white-space: nowrap; }
  .diff-phone-input input.form-input {
    border: none;
    border-radius: 0;
    padding: 0 5px;
    width: 100%;
    box-sizing: border-box; }
  .diff-phone-input > li {
    display: table-cell; }
    .diff-phone-input > li:first-of-type {
      padding: 0 5px;
      background-color: #f0f0f0; }
    .diff-phone-input > li:last-of-type {
      width: 100%; }
  .diff-phone-input--edit {
    border-color: transparent;
    margin-left: 34px; }
    .diff-phone-input--edit > li:first-of-type {
      background-color: #fff; }

.faded {
  opacity: .3;
  width: 99.5%; }

.headless:last-of-type {
  padding-bottom: 1px; }

.headless:not(:last-of-type) {
  border-bottom: 2px solid #f0f0f0; }

.headless .add-person-form .inner-form {
  padding-bottom: 0;
  padding-left: 0;
  width: 650px; }

.diff-resend-button {
  position: absolute;
  top: 19px;
  right: 9px; }

.display-table {
  display: table;
  width: 100%; }

.table-cell {
  display: table-cell; }

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

.search-input.email-validation .email-validation__message {
  height: 14px;
  color: #fa6161;
  font-size: 12px;
  font-weight: 500;
  padding-left: 10px; }

.search-input.email-validation.invalid input {
  border-color: #fa6161 !important; }

.google-signin-button--margin-top {
  margin-top: 20px; }

#google-signin {
  margin-right: 0px !important; }

.add-person-form .main-selection
.countrySelect__wrapper select {
  width: 100%; }

.col-xs-no-padding {
  padding-left: 0 !important;
  position: relative; }
  .col-xs-no-padding.search-input.search-input--default input {
    padding-right: 0 !important; }

.LoginFormAndi {
  height: 155px;
  margin: 0 auto;
  display: block; }

.MA-cancelIcon {
  width: 20px; }

.MA-cantFind {
  color: #1ee590;
  float: right;
  font-weight: bold;
  font-size: 14px;
  display: inline-block; }

.search-icon {
  content: url(/images/search.svg);
  position: absolute;
  right: 10px;
  top: 12px; }

.action-buttons {
  margin-top: 22px;
  margin-left: 216px !important; }

.custom-address {
  margin-top: 5px; }

.input-width {
  max-width: 420px !important; }

.add-person-form .main-selection .formInput.spn-type-select {
  border: 1px solid rgba(190, 190, 190, 0.5); }

.spn-type {
  padding-right: 8px; }

.formInput {
  height: 32px;
  border-radius: 3px;
  border: 1px solid rgba(190, 190, 190, 0.5);
  background-color: #ffffff; }
  .formInput--first {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .formInput--last {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }

.react-phone-number-input {
  float: left !important;
  position: absolute; }

.react-phone-number-input__phone {
  display: none; }

.react-phone-number-input__icon {
  width: 30px !important;
  height: 20px !important;
  border: none !important;
  margin-top: 5px !important; }

.rrui__select__arrow {
  margin-left: -2px !important; }

.rrui__select__button {
  border: none !important; }

.add-person-form--new-person {
  margin-bottom: 0px;
  margin-left: 15px; }
  .add-person-form--new-person--role .main-selection select {
    max-width: 419px;
    height: 32px;
    margin-left: 9px; }
  .add-person-form--new-person--role .inner-form {
    width: 800px; }
    .add-person-form--new-person--role .inner-form .EmailInputGroup__icon {
      left: 704px;
      top: 70px; }
    .add-person-form--new-person--role .inner-form .single-input input {
      margin-left: 7px; }
    .add-person-form--new-person--role .inner-form .category .input-width {
      max-width: 434px !important; }
    .add-person-form--new-person--role .inner-form .action-buttons {
      margin-left: 265px !important; }
    .add-person-form--new-person--role .inner-form .web-input div {
      position: relative; }
    .add-person-form--new-person--role .inner-form .custom-address-comp .col-xs-8 {
      margin-left: unset;
      max-width: 420px; }
    .add-person-form--new-person--role .inner-form .countrySelect__wrapper {
      margin-left: -10px !important; }
    .add-person-form--new-person--role .inner-form .dashed-place {
      margin-left: 9px !important; }
    .add-person-form--new-person--role .inner-form .formInput--first {
      margin-left: 0px;
      border-right: inset !important; }
    .add-person-form--new-person--role .inner-form .property-cancel-icon img {
      position: absolute !important;
      right: -113px !important;
      top: 21px !important; }
  .add-person-form--new-person .inner-form {
    padding-left: 0px !important;
    width: 650px;
    padding-bottom: 30px; }
  .add-person-form--new-person .phone-flag-div {
    margin-left: 2px; }
  .add-person-form--new-person .react-autosuggest__container {
    margin-left: -7px !important; }
    .add-person-form--new-person .react-autosuggest__container input {
      width: 408px !important; }
    .add-person-form--new-person .react-autosuggest__container .react-autosuggest__suggestions-container--open {
      width: 95.6%; }
  .add-person-form--new-person .input_field {
    width: 419px;
    margin-left: -16px; }
  .add-person-form--new-person .add-person-nput-width {
    max-width: 420px !important;
    margin-left: -8px !important; }

.rrui__select__options {
  margin-left: 20px !important; }

.address-value {
  margin-left: 40px !important;
  padding-top: 10px;
  padding-bottom: 15px; }

.tradie .inner-form {
  padding-left: 0px;
  width: 800px; }

.tradie .EmailInputGroup__icon {
  left: 670px; }

.tradie .action-buttons {
  margin-left: 265px !important; }

.tradie .tradie-section .react-autosuggest__container {
  margin-left: 0px !important; }
  .tradie .tradie-section .react-autosuggest__container input {
    width: 410px !important; }

.tradie .tradie-section .web-input div {
  position: relative; }

.tradie .tradie-section .company-input input {
  margin-left: 8px; }

.tradie .tradie-section .category .input-width {
  max-width: 436px !important;
  margin-left: 8px; }

.tradie .tradie-section .MA-cantFind {
  margin-left: 50px; }

.tradie .tradie-section .property-cancel-icon {
  left: 670px;
  top: 103px; }

.tradie .tradie-section .col-xs-11 {
  margin-top: 2px; }

.inspector .inner-form {
  padding-left: 0px;
  width: 800px; }

.inspector .property-cancel-icon {
  left: 670px;
  top: 103px; }

.inspector .EmailInputGroup__icon {
  left: 670px; }

.inspector .action-buttons {
  margin-left: 265px !important; }

.inspector .MA-cantFind {
  margin-left: 50px; }

.inspector .col-xs-11 {
  margin-top: 2px; }

.inspector .react-autosuggest__container {
  margin-left: 0px !important; }
  .inspector .react-autosuggest__container input {
    width: 410px !important; }

.admin-padding-adjustment.maintenance-dashboard-property, .admin-padding-adjustment.add-person-form, .admin-padding-adjustment.add-person-form-ta {
  margin-top: 5px;
  margin-left: 17px;
  margin-right: 0; }
  .admin-padding-adjustment.maintenance-dashboard-property.inside-iframe, .admin-padding-adjustment.add-person-form.inside-iframe, .admin-padding-adjustment.add-person-form-ta.inside-iframe {
    margin: 0; }

.admin-padding-adjustment.maintenance-dashboard-property {
  padding: 0; }

.view-property-comp.add-person-form, .view-property-comp.add-person-form-ta {
  float: left;
  margin-top: 25px; }

@media screen and (max-width: 1024px) {
  .settings-form .inner-form {
    padding: 18px 35px 110px 35px; } }

.settings-form .margin-btw {
  margin-top: 20px; }

.lease-select {
  font-size: 14px;
  font-weight: 400;
  font-family: muli;
  border: 0px;
  line-height: 21px;
  color: #000000;
  margin-bottom: 5px;
  background: #ffffff;
  height: 32px;
  width: 275px; }

.lease-error {
  font-family: muli-light;
  color: red;
  font-size: 12px;
  display: block;
  margin-left: 40px;
  margin-top: 10px; }

.delete-icon {
  margin-left: 30px;
  margin-bottom: -5px; }
  .delete-icon :hover {
    cursor: pointer; }

.bank-account-div {
  display: block;
  width: 300px;
  padding-top: 5px; }

.bank-account-label {
  height: 30px !important;
  margin-right: 7px; }
  .bank-account-label--last {
    height: 40px !important; }

.bank-account-content {
  padding-top: 5px;
  display: inline-block;
  width: 435px; }

.required-star {
  color: #DF3A3A;
  font-weight: 500; }

/* Contact sub form styles */
.contact-sub-form .diff-phone-input > li:first-of-type {
  background-color: #FFF;
  color: #91969B; }

.contact-sub-form input::placeholder {
  color: #91969C; }

.contact-sub-form .react-phone-number-input .rrui__select__arrow {
  margin-left: 6px !important; }

.contact-sub-form .diff-phone-input {
  width: 368px;
  margin-left: 40px; }

.contact-sub-form .form-input {
  height: 36px;
  margin-bottom: 10px;
  font-size: 16px;
  text-indent: 5px; }

.contact-sub-form input.contact-address-field {
  background-image: url(/images/search1.png);
  background-position: 14px 8px;
  background-repeat: no-repeat;
  text-indent: 30px;
  background-size: 3.5%; }

.contact-sub-form .diff-phone-input .form-input {
  margin-bottom: 0; }

.contact-sub-form .hdValidation--messageBox {
  margin-top: -5px;
  margin-bottom: 10px; }

/* Document Form */
.document-sub-form .expire-date-picker {
  margin-left: 7px;
  padding: 0; }
  .document-sub-form .expire-date-picker div:first-child {
    width: 100% !important;
    height: 32px !important;
    background-color: transparent !important; }
  .document-sub-form .expire-date-picker div:first-child > input {
    width: 100% !important;
    background-color: transparent !important;
    border: none !important; }
  .document-sub-form .expire-date-picker div:nth-child(2) {
    display: none !important; }

.document-sub-form .file-label {
  display: flex;
  align-items: flex-end; }

.document-sub-form .upload-holder {
  padding: 0;
  margin-left: 7px; }

/* Property View */
.view-property-form-container {
  width: 100%; }
  .view-property-form-container .photos-view {
    float: left;
    width: 100%;
    margin-top: -12px;
    margin-left: 50px;
    margin-bottom: 30px;
    z-index: 100000;
    position: relative; }
    .view-property-form-container .photos-view .photos-container {
      margin-top: 50px;
      width: 90%;
      float: left; }
      .view-property-form-container .photos-view .photos-container .photos-list {
        float: left;
        width: 80%; }
    .view-property-form-container .photos-view .empty-photos-container {
      width: 60%; }
      .view-property-form-container .photos-view .empty-photos-container .add-photos-btn {
        margin-top: 40px; }
    .view-property-form-container .photos-view .upload-icon {
      display: block;
      float: left;
      margin-top: 50px; }
    .view-property-form-container .photos-view .image-box {
      width: 150px;
      height: 125px;
      float: left;
      margin-right: 10px;
      margin-bottom: 10px; }
    .view-property-form-container .photos-view .image-box-link:first-child .image-box {
      margin-left: 0; }
    .view-property-form-container .photos-view .add-photos-btn {
      background-color: #9ecbe4;
      margin-right: 0;
      width: 105px;
      height: 25px;
      line-height: 16px;
      color: #ffffff;
      font-family: muli;
      font-size: 14px;
      font-weight: 700;
      text-transform: uppercase;
      border: none;
      display: block;
      text-align: center;
      padding-top: 10px;
      float: right;
      cursor: pointer; }

.property-header-container {
  width: 100%; }

.property-details-view-form {
  width: 100%; }

/* Add Photos View */
.add-photos-view {
  width: 100%;
  padding: 18px 0 110px 35px; }
  .add-photos-view .upload-box {
    width: 180px;
    height: 180px;
    float: left;
    margin-right: 30px;
    margin-bottom: 20px; }
    .add-photos-view .upload-box:last-child {
      margin-right: 0px; }
    .add-photos-view .upload-box .drop-zone-content {
      width: 100%;
      height: 100%;
      padding: 0;
      border: 3.43316px dashed #FF6369;
      opacity: 1; }
    .add-photos-view .upload-box img.upload-image {
      width: 90px;
      height: 90px;
      display: block;
      margin: 0 auto;
      margin-top: 20px; }
    .add-photos-view .upload-box p {
      font-family: Muli;
      font-style: normal;
      font-weight: 600;
      font-size: 14.877px;
      line-height: 19px;
      text-align: center;
      color: #5C677C; }
      .add-photos-view .upload-box p .add-image-btn {
        text-decoration-line: underline;
        color: #FF6369;
        cursor: pointer; }
    .add-photos-view .upload-box .thumb-view {
      width: 100%;
      height: 100%;
      display: block;
      background: #C4C4C4; }
      .add-photos-view .upload-box .thumb-view img {
        display: block;
        width: 100%;
        padding-top: 28px;
        height: auto;
        cursor: pointer;
        max-height: 120px; }
      .add-photos-view .upload-box .thumb-view .close-x {
        position: absolute;
        background: #FFF;
        color: #FF6369;
        top: -15px;
        border-radius: 50%;
        right: -13px;
        border: 2.3px solid #FF6369;
        padding: 3px;
        height: 15px;
        width: 15px;
        font-weight: bold;
        cursor: pointer; }
  .add-photos-view .upload-with-image .drop-zone-content {
    border: 3.43316px dashed #5C677C; }
  .add-photos-view .top-header-info {
    margin-bottom: 50px; }
    .add-photos-view .top-header-info h1 {
      font-family: "Muli";
      font-style: normal;
      font-weight: bold;
      font-size: 20px;
      line-height: 26px;
      color: #000000;
      text-transform: none; }
    .add-photos-view .top-header-info p {
      font-family: "Muli";
      font-style: normal;
      font-weight: 600;
      font-size: 13px;
      line-height: 16px;
      color: #939BAB; }
  .add-photos-view .category-view {
    padding-left: 0;
    margin-bottom: 50px; }
    .add-photos-view .category-view .left-sidebar {
      padding-right: 100px; }
      .add-photos-view .category-view .left-sidebar .category-name {
        font-family: "Muli";
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 21px;
        color: #000000; }
      .add-photos-view .category-view .left-sidebar .category-info p {
        font-family: "Muli";
        font-style: normal;
        font-weight: 600;
        font-size: 13px;
        line-height: 16px;
        color: #939BAB;
        margin-bottom: 20px; }
      .add-photos-view .category-view .left-sidebar .category-info .tips {
        font-family: Muli;
        font-style: normal;
        font-weight: 600;
        font-size: 13px;
        line-height: 16px;
        color: #FF6369; }
      .add-photos-view .category-view .left-sidebar .category-info ul.tips-list {
        padding-left: 17px;
        color: #939BAB;
        margin-top: 10px; }
        .add-photos-view .category-view .left-sidebar .category-info ul.tips-list li {
          line-height: 18px;
          padding-bottom: 10px; }
.tree,
.tree ul,
.tree ul ul {
  list-style-type: none;
  padding-left: 14px; }

.tree {
  --line-color: #dfe2e4;
  margin: 1em;
  margin-left: 0;
  padding-left: 0; }
  .tree ul li {
    padding: 1em 0 0 1em; }
  .tree > li:last-child {
    padding-bottom: 0; }
  .tree li {
    line-height: 1.2;
    position: relative;
    padding: 0 0 1em 1em; }
  .tree_label {
    position: relative;
    display: inline-block;
    background: #fff; }
  .tree li:before {
    position: absolute;
    top: 0.5em;
    bottom: 0;
    left: -0.9em;
    display: block;
    width: 0;
    border-left: 1px solid var(--line-color);
    content: "";
    height: 100%; }
  .tree .tree_label:after {
    position: absolute;
    top: 0;
    left: -1.9em;
    display: block;
    height: 0.5em;
    width: 0.6em;
    border-bottom: 1px solid var(--line-color);
    border-left: 1px solid var(--line-color);
    content: ""; }
  .tree li:last-child:before {
    height: 1em;
    bottom: auto; }
  .tree > li:last-child:before {
    display: none; }
.business-category-multi-select {
  margin-bottom: 10px; }
  .business-category-multi-select .categories {
    display: flex;
    flex-direction: row;
    font-size: inherit;
    color: gray;
    background: whitesmoke;
    padding: 10px;
    margin-bottom: 3px;
    border-radius: 5px;
    min-width: 550px; }
  .business-category-multi-select .level-1-categories {
    display: flex;
    width: 150px; }
    .business-category-multi-select .level-1-categories input:disabled {
      width: auto;
      cursor: not-allowed; }
  .business-category-multi-select .level-1-children {
    display: flex;
    flex-direction: row;
    padding: 8px; }
.summery-box {
  display: flex;
  border: 1px solid #dfe2e4;
  padding: 5px;
  margin-top: 10px;
  justify-content: space-around;
  margin-bottom: 25px; }

.summery-box__partition {
  padding: 5px; }

.partition-value {
  color: black;
  font-size: 20PX; }

.partition-title {
  color: #a5a6a7;
  justify-content: space-around;
  display: flex;
  margin-bottom: 10px; }
#toggleButton {
  margin-bottom: 10px;
  text-decoration: underline;
  cursor: pointer; }

.toggle-image {
  margin-left: 5px; }

.owners-detail-box {
  border-top: 1px solid #E1E1E1;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  width: 700px; }

.owners-detail-box--hide {
  display: none; }

.owner-row {
  border-bottom: 1px solid #E1E1E1;
  display: flex;
  flex-direction: row;
  padding: 5px;
  width: 700px; }

.properties-container {
  display: flex;
  flex-direction: column;
  min-width: 600px;
  padding-left: 10px; }

.name-col {
  min-width: 150px;
  cursor: pointer; }

.property-col {
  padding: 3px;
  width: 300px;
  cursor: pointer;
  text-decoration: underline;
  color: #002fa4; }

.property-row {
  display: flex;
  min-width: 600px;
  flex-direction: row; }

.maintenance-col {
  display: flex;
  justify-content: flex-end;
  width: 225px;
  cursor: pointer;
  text-decoration: underline; }

.property-col:hover, .maintenance-col:hover {
  color: blue; }
.attributes__text-area {
  margin-left: 7px;
  flex-basis: 51%;
  border: 1px solid rgba(190, 190, 190, 0.5); }

.availability-attributes {
  display: flex; }

.availability-attributes__item {
  margin-bottom: 10px;
  opacity: 0.8; }

.money-amount-field .availability-attributes__item--amount {
  width: 100px;
  flex-basis: 0%; }

#availabilityLabel {
  font-weight: bold;
  height: 40px;
  color: #000000;
  font-family: muli;
  font-size: 16px;
  padding-top: 4px; }

.money-amount-field .pretext::before {
  content: "$";
  font-size: 18px;
  vertical-align: -10px;
  margin-left: 5px; }

.money-amount-field .align-view-mode-text::before {
  content: "$";
  font-size: 16px;
  margin-right: 2px; }

.checked::before {
  content: "\2713";
  font-size: 20px;
  vertical-align: -2px;
  margin-left: -5px; }

.not-checked {
  margin-left: 10px; }

.view-text-area {
  flex-basis: 30%; }
.payment-form__field {
  display: flex;
  margin-bottom: 12px; }

.payment-form__lable {
  font-family: muli;
  font-size: 16px;
  color: #333E48;
  width: 220px; }

.payment-form__lable--required {
  color: #DF3939; }

.payment-form__input {
  font-family: muli;
  font-size: 16px;
  color: #000;
  width: 390px;
  border: 1px solid #C8C8C8;
  border-radius: 2px;
  padding: 7px 16px; }

.payment-form__validation {
  color: #DF3939;
  font-size: 10px;
  display: flex; }

.payment-form__validation-img {
  width: 12px; }
.documentImage {
  opacity: 1; }
  .documentImage--loading {
    opacity: 0; }

.documentImageViewer {
  min-width: 400px; }

.PdfView__loader {
  padding-top: 10px;
  min-width: 500px; }
  .PdfView__loader__content {
    text-align: center; }
  .PdfView__loader__image {
    animation: 600ms loaderSpin linear infinite; }

.button__reload {
  background-color: #000;
  opacity: 0.75;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer; }
  .button__reload .image__reload {
    width: 20px; }

.button__reload:hover {
  background-color: #444; }

@keyframes loaderSpin {
  %0 {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
.upload {
  cursor: pointer; }

.add-person-form .single-input .calander-wrapper div input {
  width: 420px !important;
  z-index: 2; }

.upload__drop-zone {
  width: 100%;
  height: 60px;
  border-width: 1px;
  border-color: #d8d9d8;
  border-style: dashed;
  border-radius: 2px;
  display: flex;
  align-items: center; }
  .upload__drop-zone .upload__text {
    font-size: 16px;
    color: #959695; }

.upload__upload-icon-container {
  padding: 0px 16px; }

.upload__upload-icon {
  width: 20px; }

.upload--selected {
  display: flex;
  cursor: pointer; }
  .upload--selected .upload__drop-zone {
    width: 100%;
    height: 60px;
    border-width: 1px;
    border-color: #f5f6f8;
    border-style: solid;
    border-radius: 2px 0px 0px 2px;
    background-color: #f5f6f8;
    display: flex;
    align-items: center; }
  .upload--selected .upload__text {
    font-size: 16px;
    color: #333e48; }

.upload__cross-icon-container {
  display: flex;
  align-items: center;
  background-color: #f5f6f8;
  border-radius: 0px 2px 2px 0px;
  padding: 0px 12px; }
  .upload__cross-icon-container .upload__cross-icon {
    background-image: url(/images/close.svg); }
  .upload__cross-icon-container:hover .upload__cross-icon {
    background-image: url(/images/close_hover.svg); }

.upload__cross-icon {
  background-repeat: no-repeat;
  background-size: 14px 14px;
  width: 14px;
  height: 14px;
  margin: 3px; }

.disabled-dropzone .upload__drop-zone,
.disabled-dropzone .upload__cross-icon-container {
  cursor: initial; }

.no-file-view-mode {
  display: none; }

.expire-date-picker {
  margin-left: 9px; }
  .expire-date-picker > div {
    height: 39px !important; }

.align-view-mode-text {
  margin-left: 9px; }
.add-business-form .react-autosuggest__container {
  height: 45px;
  width: 500px; }
  .add-business-form .react-autosuggest__container .react-autosuggest__input {
    width: 100%;
    height: 30px;
    padding-left: 10px;
    margin: 0;
    margin-left: 0;
    border: 1px solid #dadee0;
    border-radius: 3px; }
    .add-business-form .react-autosuggest__container .react-autosuggest__input:focus-within {
      border: 1px solid #9ecbe4; }
  .add-business-form .react-autosuggest__container .react-autosuggest__suggestions-container--open {
    display: block;
    position: absolute;
    border: 1px solid #aaa;
    background-color: #fff;
    font-weight: 300;
    font-size: 16px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    z-index: 2;
    width: 40%; }
  .add-business-form .react-autosuggest__container .react-autosuggest__suggestions-list {
    max-height: 500px;
    overflow-y: auto;
    margin: 0;
    padding: 0;
    list-style-type: none; }
  .add-business-form .react-autosuggest__container .react-autosuggest__suggestion {
    cursor: pointer;
    padding: 10px 6px; }
    .add-business-form .react-autosuggest__container .react-autosuggest__suggestion span {
      color: #000000; }
  .add-business-form .react-autosuggest__container .react-autosuggest__suggestion--highlighted {
    background-color: #BBEBFB; }

.add-business-form #preferred-owner-label {
  font-weight: bold;
  height: 40px;
  color: #000000;
  font-family: muli;
  font-size: 16px;
  padding-top: 4px; }

.add-business-form .form-header {
  display: flex;
  background-color: #dfeaf5;
  flex-direction: column;
  padding: 0px; }
  .add-business-form .form-header-status {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding: 16px 36px; }
    .add-business-form .form-header-status-edit {
      display: flex;
      flex-direction: row;
      align-items: center; }
      .add-business-form .form-header-status-edit-settings {
        cursor: pointer;
        display: flex;
        flex-direction: column;
        align-items: flex-end; }
        .add-business-form .form-header-status-edit-settings button {
          cursor: pointer;
          align-items: center;
          display: flex;
          margin-left: 10px;
          font-size: 100;
          font-family: inherit;
          border: 0;
          padding: 0;
          background-color: inherit; }
          .add-business-form .form-header-status-edit-settings button:focus {
            outline: none; }
        .add-business-form .form-header-status-edit-settings-dropdown {
          position: absolute;
          padding: 0px;
          /* White */
          background: #FFFFFF;
          /* Bright Blue */
          border: 1px solid #05C2DC;
          box-sizing: border-box;
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.11);
          border-radius: 4px;
          margin-top: 28px;
          z-index: 1; }
          .add-business-form .form-header-status-edit-settings-dropdown__option {
            padding: 6px 18px 3px;
            font-size: 15px; }
            .add-business-form .form-header-status-edit-settings-dropdown__option:hover {
              background-color: #dfeaf5;
              border-radius: 4px; }
    .add-business-form .form-header-status-labels {
      display: flex;
      flex-direction: row;
      align-items: baseline; }
      .add-business-form .form-header-status-labels--archived {
        padding: 5px;
        border: 2px solid #CE0031;
        margin-right: 10px;
        height: auto;
        color: #CE0031; }
  .add-business-form .form-header-details {
    display: flex;
    background-color: #FFF1F2;
    padding: 14px 36px;
    flex-direction: column; }
    .add-business-form .form-header-details--archived--reason {
      font-weight: bold;
      margin-top: 4px; }
  .add-business-form .form-header .editButton {
    background-color: white;
    color: #000000;
    box-sizing: border-box;
    border-radius: 100px;
    border: 1px solid #939BAB;
    cursor: pointer; }
.paddedDiv {
  padding-bottom: 25px; }

.archive-supplier-dialog {
  width: 450px !important; }
  .archive-supplier-dialog .title {
    color: #000000;
    font-size: 18px;
    text-align: center;
    padding-bottom: 50px;
    padding-top: 20px; }
  .archive-supplier-dialog .textarea-title {
    color: #7E7E7E;
    padding-bottom: 10px; }
  .archive-supplier-dialog .sub-title {
    font-size: 16px;
    margin: 20px 0;
    color: #333333; }
  .archive-supplier-dialog .form-group .form-label {
    margin-left: 60px;
    margin-bottom: 5px;
    opacity: 1;
    font-size: 16px; }
    .archive-supplier-dialog .form-group .form-label span {
      color: #fa6161;
      font-weight: 600; }
  .archive-supplier-dialog .form-group .form-select {
    width: 100%;
    margin-left: 60px;
    resize: none; }
  .archive-supplier-dialog .form-group .form-input {
    width: 100%;
    margin-left: 50px; }
  .archive-supplier-dialog .form-group .form-textarea {
    height: 200px; }
  .archive-supplier-dialog .error-msg {
    font-family: muli-light;
    font-size: 12px;
    color: #fa6161; }
  .archive-supplier-dialog .button_main:disabled {
    background: #C0C5CD;
    cursor: pointer; }
  .archive-supplier-dialog .button_main {
    width: 250px;
    background-color: #ce0630;
    margin-left: 70px;
    margin-bottom: 15px;
    cursor: pointer; }
  .archive-supplier-dialog .button_cancel {
    margin-left: 150px;
    width: 80px;
    height: 20px;
    background-color: white;
    color: black;
    cursor: pointer; }
.add-person__container {
  margin: 35px; }
@media screen and (max-width: 576px) {
  border-top: groove; }

.icon-bar {
  position: fixed;
  right: 0;
  overflow: hidden; }

.icon-bar a {
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  padding: 15px 20px; }
  .icon-bar a.top-nav-link {
    padding: 12px 10px; }
  @media (max-width: 1024px) {
    .icon-bar a {
      padding: 12px 14px; } }
  .icon-bar a .user-name {
    text-decoration: none;
    font-size: 14px;
    padding: 4px 0 0 4px;
    color: #333333;
    font-weight: 300; }
    @media (max-width: 1024px) {
      .icon-bar a .user-name {
        display: none; } }
    @media (max-width: 1855px) {
      .icon-bar a .user-name {
        display: none; } }
    .icon-bar a .user-name span {
      text-decoration: none;
      font-weight: 500; }

.icon-bar a:last-child {
  padding-right: 23px; }

.img-circle {
  border-radius: 50%;
  width: 26px;
  height: 26px; }

.force-muli {
  font-family: muli !important; }
  .force-muli a {
    text-decoration: none; }

.top-nav-icon {
  background-image: url(/images/dashboard-nav-sprite.png);
  height: 31px;
  width: 31px;
  background-size: 200% 300%;
  background-position: 100% 0; }
  .top-nav-icon:hover {
    background-position: 0 0; }
  .top-nav-icon--active.top-nav-icon.dashboard.top-nav-icon {
    background-position: 0 0; }
  .top-nav-icon--active.top-nav-icon.add-property.top-nav-icon {
    background-position: 0 -100%; }
  .top-nav-icon--active.top-nav-icon.add-person.top-nav-icon {
    background-position: 0 -200%; }
  .top-nav-icon.dashboard.top-nav-icon {
    background-position: 100% 0; }
  .top-nav-icon.add-property.top-nav-icon {
    background-position: 100% -100%; }
  .top-nav-icon.add-person.top-nav-icon {
    background-position: 100% -200%; }

.top-nav-link:hover .top-nav-icon.dashboard.top-nav-icon {
  background-position: 0 0; }

.top-nav-link:hover .top-nav-icon.add-property.top-nav-icon {
  background-position: 0 -100%; }

.top-nav-link:hover .top-nav-icon.add-person.top-nav-icon {
  background-position: 0 -200%; }
.inputContainer {
  padding-top: 19px;
  padding-left: 75px;
  font-family: muli !important;
  line-height: 20px;
  font-size: 18px;
  font-weight: 300; }

.react-autosuggest__input {
  border: none;
  font-family: muli !important;
  line-height: 20px;
  font-size: 18px;
  font-weight: 300;
  margin-left: 12px;
  width: 640px; }

.react-autosuggest__input--focused {
  outline: none; }

.react-autosuggest__input--open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.global-search .react-autosuggest__suggestions-container--open {
  display: block;
  position: absolute;
  top: 60px;
  background-color: #fff;
  font-family: muli;
  font-weight: 300;
  font-size: 16px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  z-index: 2;
  width: 85%;
  box-shadow: #ddd 0px 3px 4px 1px; }
  .global-search .react-autosuggest__suggestions-container--open:before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 8px;
    position: relative;
    top: -7px;
    background: linear-gradient(#eeeeeec9, white); }
  @media (min-width: 1024px) {
    .global-search .react-autosuggest__suggestions-container--open {
      left: 73px; } }
  @media (max-width: 1024px) {
    .global-search .react-autosuggest__suggestions-container--open {
      top: 51px;
      width: 140px; } }

.global-search .react-autosuggest__suggestions-list {
  max-height: 200px;
  overflow-y: auto;
  margin: 0;
  padding: 0 0;
  list-style-type: none; }

.global-search .react-autosuggest__suggestion {
  cursor: pointer;
  padding: 10px 14px;
  font-family: muli;
  font-size: 16px;
  font-weight: 400;
  color: #000; }

.global-search .react-autosuggest__suggestion--highlighted {
  background-color: #ddd; }

.global-search .react-autosuggest__section-container {
  border-top: 1px solid rgba(151, 151, 151, 0.3);
  padding: 32px 0;
  margin: 0 32px; }
  .global-search .react-autosuggest__section-container:last-of-type {
    padding-bottom: 24px; }

.global-search .react-autosuggest__section-container--first {
  border-top: 0;
  padding-top: 13px; }

.global-search .react-autosuggest__section-title {
  padding: 0 0 10px 0;
  font-size: 12px;
  color: #000;
  opacity: 0.4;
  font-family: muli;
  font-weight: 600; }

.inputContainer {
  display: flex; }
  .inputContainer .icofont {
    font-size: 18px;
    font-weight: 900; }

.react-autosuggest__section-container {
  border-top: none; }

.test {
  border: 1px dashed red; }

.global-search {
  position: relative; }
  .global-search .react-autosuggest__input {
    min-width: 466px;
    width: 466px; }
    @media screen and (min-width: 1600px) {
      .global-search .react-autosuggest__input {
        width: 50vw; } }

.GlobalSearchClearButton {
  position: absolute;
  right: 32px;
  top: 17px;
  cursor: pointer;
  height: 25px;
  width: 25px;
  background-image: url(/images/clears.png);
  background-position: 0px 0;
  background-size: 200% 100%;
  background-repeat: no-repeat; }
  .GlobalSearchClearButton:hover {
    background-position: 100% 0; }

.status-tag {
  display: inline;
  border-radius: 2px;
  background-color: #eeeeee;
  margin-right: 10px;
  padding: 5px 8px 0px 6px; }
  .status-tag span {
    color: #999999;
    opacity: 1;
    font-family: muli;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.17px; }

.archivedProperty {
  color: #999999; }

.search-icn1 {
  width: 20px;
  height: 20px;
  background-image: url(/images/search1.png); }

.search-icn2 {
  width: 20px;
  height: 20px;
  background-image: url(/images/search2.png); }
.jurisdiction .selectpicker {
  margin-top: 12px;
  height: 36px;
  font-size: 15px;
  font-family: Muli;
  color: #333E48;
  padding: 9px 15px;
  border: 1px solid #DDDDDD;
  border-radius: 2px 2px 0 0;
  background: linear-gradient(180deg, #FFFFFF 0%, #F7F7F7 100%);
  box-shadow: inset 0 -1px 0 0 #C8C8C8; }
.different-logo {
  align-content: center;
  padding: 11px 25px; }
  .different-logo .image {
    content: url(/images/Diferent-Logo.png); }
  @media (max-width: 1024px) {
    .different-logo {
      padding: 11px 15px; } }

.NavLogo {
  height: 26px;
  padding: 5px; }

.bordered-header {
  position: fixed;
  width: 120%;
  height: 59px;
  z-index: 10;
  background-color: white;
  box-shadow: 0 1px 12px rgba(0, 0, 0, 0.1); }
  @media (max-width: 1024px) {
    .bordered-header {
      height: 53px; } }
.different-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 70px;
  background-color: white;
  z-index: 6;
  border-bottom: 1px solid #e8e9e9; }
  @media screen and (max-width: 1024px) {
    .different-header {
      height: 80px; } }
  .different-header .row {
    margin-left: auto;
    margin-right: auto; }
  @media screen and (min-width: 1024px) {
    .different-header .small-company, .different-header .small-date {
      display: none; } }
  @media screen and (max-width: 1024px) {
    .different-header .small-logo img {
      width: 160px;
      height: auto; }
    .different-header .padding-top {
      padding-top: 15px; }
    .different-header .small-company {
      color: #333b3f;
      line-height: 27px;
      font-size: 24px; }
    .different-header .small-date {
      line-height: 24px;
      font-size: 21px;
      color: #0071cd; } }
  .different-header .maintenance-date {
    color: #0071cd;
    font-size: 14px; }
    @media screen and (max-width: 1024px) {
      .different-header .maintenance-date {
        display: none; } }
  .different-header .company {
    color: #333b3f;
    line-height: 16px;
    font-size: 14px; }
    @media screen and (max-width: 1024px) {
      .different-header .company {
        display: none; } }
  .different-header .different-logo {
    padding: 20px 0; }
  .different-header .right-align-header {
    text-align: right; }
  .different-header .different-user {
    font-family: muli;
    position: relative;
    right: 0;
    padding: 27px 0 27px 20px; }
body {
  overflow-x: hidden; }

.web-quote {
  position: relative;
  top: 70px;
  width: 101%;
  background-image: url(/images/maintenance-bg.png);
  background-size: 100%;
  background-repeat: no-repeat;
  padding: 30px 0 200px 0;
  background-color: #ffffff; }
  .web-quote path {
    display: none !important; }
  @media screen and (max-width: 1024px) {
    .web-quote .big-screen {
      display: none; } }
  @media screen and (min-width: 1024px) {
    .web-quote .small-screen {
      display: none; } }
  @media screen and (min-width: 1024px) {
    .web-quote {
      padding-bottom: 300px; } }
  @media screen and (max-width: 1024px) {
    .web-quote label, .web-quote p {
      line-height: 34px !important;
      font-size: 32px !important;
      bottom: 5px !important; } }
  @media screen and (max-width: 1024px) {
    .web-quote input, .web-quote textarea, .web-quote button, .web-quote h1 {
      line-height: 46px !important;
      font-size: 42px !important; } }
  .web-quote input::-webkit-inner-spin-button, .web-quote input::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
    -moz-appearance: textfield !important; }
  .web-quote .request .boxed-content {
    border: 1px solid #dce0e0;
    background-color: #ffffff;
    padding: 30px;
    min-height: 600px; }
    @media screen and (max-width: 1024px) {
      .web-quote .request .boxed-content {
        box-shadow: 0 1px 1px rgba(175, 175, 175, 0.5);
        border-radius: 1px;
        margin-top: 30px; } }
    .web-quote .request .boxed-content h1 {
      line-height: 22px;
      color: #333b3f;
      font-size: 20px; }
      @media screen and (max-width: 1024px) {
        .web-quote .request .boxed-content h1 {
          line-height: 21px;
          font-size: 18px; } }
    .web-quote .request .boxed-content p {
      color: #333b3f;
      font-size: 16px;
      line-height: 24px;
      text-align: justify; }
      @media screen and (max-width: 1024px) {
        .web-quote .request .boxed-content p {
          line-height: 24px;
          font-size: 15px; } }
  .web-quote .request .maintenance-detail {
    margin-right: 20px; }
    @media screen and (max-width: 1024px) {
      .web-quote .request .maintenance-detail {
        margin-right: 0; } }
  .web-quote .request .maintenance-quotation {
    margin-left: 10px; }
    @media screen and (max-width: 1024px) {
      .web-quote .request .maintenance-quotation {
        margin-left: 0; } }
    .web-quote .request .maintenance-quotation .save-button-row {
      float: right; }
      @media screen and (max-width: 1024px) {
        .web-quote .request .maintenance-quotation .save-button-row {
          float: inherit; }
          .web-quote .request .maintenance-quotation .save-button-row .save-button {
            width: 100%;
            padding: 15px auto; } }
    .web-quote .request .maintenance-quotation .field-row {
      margin-top: 24px; }
      @media screen and (max-width: 1024px) {
        .web-quote .request .maintenance-quotation .field-row {
          margin-top: 42px;
          line-height: 46px !important;
          font-size: 42px !important; } }
      .web-quote .request .maintenance-quotation .field-row .save-button {
        color: #ffffff;
        font-size: 16px;
        line-height: 20px;
        border-radius: 4px;
        background-color: #008751;
        padding: 15px 30px;
        border: none; }
      .web-quote .request .maintenance-quotation .field-row .total-label {
        padding-top: 4px;
        line-height: 19px;
        color: #333b3f;
        font-size: 16px; }
        @media screen and (max-width: 1024px) {
          .web-quote .request .maintenance-quotation .field-row .total-label {
            padding-top: 4px;
            line-height: 46px !important;
            font-size: 42px !important; } }
      .web-quote .request .maintenance-quotation .field-row .total-amount {
        padding-top: 8px;
        line-height: 19px;
        color: #333b3f;
        font-size: 16px; }
        @media screen and (max-width: 1024px) {
          .web-quote .request .maintenance-quotation .field-row .total-amount {
            padding-top: 4px;
            line-height: 46px !important;
            font-size: 42px !important; } }
      .web-quote .request .maintenance-quotation .field-row .total-label {
        text-align: right; }
      .web-quote .request .maintenance-quotation .field-row .field-label {
        line-height: 24px;
        font-size: 16px;
        color: #333b3f; }
        .web-quote .request .maintenance-quotation .field-row .field-label span {
          color: #fb0007; }
        @media screen and (max-width: 1024px) {
          .web-quote .request .maintenance-quotation .field-row .field-label {
            line-height: 46px;
            font-size: 42px; } }
      .web-quote .request .maintenance-quotation .field-row .other-gst-text {
        padding-top: 5px; }
      .web-quote .request .maintenance-quotation .field-row .gst-text {
        line-height: 11px;
        color: #82888a;
        font-size: 10px; }
        @media screen and (max-width: 1024px) {
          .web-quote .request .maintenance-quotation .field-row .gst-text {
            line-height: 34px !important;
            font-size: 30px !important; } }
      .web-quote .request .maintenance-quotation .field-row .gst-text-complete {
        padding-top: 3px;
        line-height: 14px;
        color: #82888a;
        font-size: 12px; }
        @media screen and (max-width: 1024px) {
          .web-quote .request .maintenance-quotation .field-row .gst-text-complete {
            line-height: 34px !important;
            font-size: 30px !important; } }
      .web-quote .request .maintenance-quotation .field-row .dollar-sign {
        opacity: 0.4;
        color: #333b3f;
        font-size: 16px;
        line-height: 24px; }
        @media screen and (max-width: 1024px) {
          .web-quote .request .maintenance-quotation .field-row .dollar-sign {
            line-height: 46px !important;
            font-size: 42px !important; } }
      .web-quote .request .maintenance-quotation .field-row .total-dollar-sign {
        padding-top: 4px;
        line-height: 24px;
        color: #333b3f;
        font-size: 16px; }
        @media screen and (max-width: 1024px) {
          .web-quote .request .maintenance-quotation .field-row .total-dollar-sign {
            line-height: 46px !important;
            font-size: 42px !important; } }
  .web-quote .complete .phone-image {
    content: url(/images/phoneicon.png); }
  .web-quote .complete .mail-image {
    content: url(/images/mailicon.png); }
  .web-quote .complete .float-right-button {
    margin: 30px 0;
    float: right; }
  .web-quote .complete .save-button {
    color: #ffffff;
    font-size: 16px;
    line-height: 20px;
    border-radius: 4px;
    background-color: #008751;
    padding: 15px 30px;
    border: none; }
  .web-quote .complete .upper-section {
    background-color: #ffffff;
    margin-bottom: 30px; }
    @media screen and (min-width: 1024px) {
      .web-quote .complete .upper-section .left-upper {
        padding-right: 0; } }
    @media screen and (min-width: 1024px) {
      .web-quote .complete .upper-section .left-padded {
        padding-left: 2px; } }
    .web-quote .complete .upper-section .right-upper {
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
      border-left: none; }
      @media screen and (max-width: 1024px) {
        .web-quote .complete .upper-section .right-upper {
          box-shadow: none; } }
    .web-quote .complete .upper-section .map {
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
      margin: 0; }
    .web-quote .complete .upper-section .contact-box {
      border-bottom: 1px solid #dce0e0;
      background-color: #ffffff;
      padding: 30px;
      margin: 0;
      line-height: 16px;
      color: #333b3f;
      font-size: 14px; }
      @media screen and (max-width: 1024px) {
        .web-quote .complete .upper-section .contact-box {
          border: 1px solid #dce0e0;
          line-height: 26px;
          font-size: 24px; } }
      .web-quote .complete .upper-section .contact-box a {
        padding-left: 5px;
        text-decoration: none;
        color: #333b3f; }
      .web-quote .complete .upper-section .contact-box .right-text {
        text-align: right; }
      .web-quote .complete .upper-section .contact-box .header {
        font-weight: 600; }
      .web-quote .complete .upper-section .contact-box .content {
        margin-top: 15px; }
        .web-quote .complete .upper-section .contact-box .content img {
          width: 15px;
          height: 15px; }
          @media screen and (max-width: 1024px) {
            .web-quote .complete .upper-section .contact-box .content img {
              width: 28px;
              height: 26px; } }
    .web-quote .complete .upper-section .address-line {
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
      width: 100%;
      margin: 0;
      padding: 20px 30px;
      line-height: 16px;
      color: #333b3f;
      font-size: 14px; }
      .web-quote .complete .upper-section .address-line strong {
        line-height: 24px;
        font-size: 20px; }
      @media screen and (max-width: 1024px) {
        .web-quote .complete .upper-section .address-line {
          margin-right: auto; } }
      .web-quote .complete .upper-section .address-line .get-direction-text a {
        line-height: 14px;
        color: #329d72;
        font-size: 12px;
        text-decoration: none;
        font-weight: 700; }
      .web-quote .complete .upper-section .address-line .right-text {
        text-align: right; }
  .web-quote .complete .item-row {
    margin-bottom: 30px; }
  .web-quote .complete .third-row {
    min-height: 470px;
    margin-right: 0 !important; }
  @media screen and (min-width: 1024px) {
    .web-quote .complete .time-details {
      margin-left: 30px; } }
  .web-quote .complete .boxed-content {
    border: 1px solid #dce0e0;
    background-color: #ffffff;
    padding: 30px;
    min-height: 470px; }
    @media screen and (max-width: 1024px) {
      .web-quote .complete .boxed-content {
        box-shadow: 0 1px 1px rgba(175, 175, 175, 0.5);
        border-radius: 1px;
        margin-top: 30px; } }
    .web-quote .complete .boxed-content h1 {
      line-height: 22px;
      color: #333b3f;
      font-size: 20px; }
      @media screen and (max-width: 1024px) {
        .web-quote .complete .boxed-content h1 {
          line-height: 21px;
          font-size: 18px; } }
      .web-quote .complete .boxed-content h1 span {
        color: #272d30; }
    .web-quote .complete .boxed-content p {
      color: #333b3f;
      font-size: 16px;
      line-height: 24px;
      text-align: justify; }
      @media screen and (max-width: 1024px) {
        .web-quote .complete .boxed-content p {
          line-height: 24px;
          font-size: 15px; } }
  .web-quote .complete .maintenance-detail {
    margin-right: 30px; }
    @media screen and (max-width: 1024px) {
      .web-quote .complete .maintenance-detail {
        margin-right: 0; } }
  .web-quote .complete .maintenance-quotation {
    margin-left: 0; }
    .web-quote .complete .maintenance-quotation .save-button-row {
      float: right; }
      @media screen and (max-width: 1024px) {
        .web-quote .complete .maintenance-quotation .save-button-row {
          float: inherit; }
          .web-quote .complete .maintenance-quotation .save-button-row .save-button {
            width: 100%;
            padding: 15px auto; } }
    .web-quote .complete .maintenance-quotation .cost-area {
      box-shadow: inset 0 -1px 0 rgba(188, 188, 188, 0.5);
      padding-bottom: 15px; }
    .web-quote .complete .maintenance-quotation .field-row {
      margin-top: 55px; }
      @media screen and (max-width: 1024px) {
        .web-quote .complete .maintenance-quotation .field-row {
          margin-top: 42px;
          line-height: 46px !important;
          font-size: 42px !important; } }
      .web-quote .complete .maintenance-quotation .field-row .save-button {
        color: #ffffff;
        font-size: 16px;
        line-height: 20px;
        border-radius: 4px;
        background-color: #008751;
        padding: 15px 30px;
        border: none; }
      .web-quote .complete .maintenance-quotation .field-row .total-label {
        text-align: right;
        padding-top: 4px;
        line-height: 19px;
        color: #333b3f;
        font-size: 16px; }
        @media screen and (max-width: 1024px) {
          .web-quote .complete .maintenance-quotation .field-row .total-label {
            padding-top: 4px;
            line-height: 46px !important;
            font-size: 42px !important; } }
      .web-quote .complete .maintenance-quotation .field-row .total-amount {
        text-align: right;
        padding-top: 8px;
        line-height: 31px;
        color: #333b3f;
        font-size: 28px; }
        @media screen and (max-width: 1024px) {
          .web-quote .complete .maintenance-quotation .field-row .total-amount {
            padding-top: 4px;
            line-height: 46px !important;
            font-size: 42px !important; } }
      .web-quote .complete .maintenance-quotation .field-row .field-label {
        line-height: 24px;
        font-size: 16px;
        color: #333b3f; }
        .web-quote .complete .maintenance-quotation .field-row .field-label span {
          color: #fb0007; }
        @media screen and (max-width: 1024px) {
          .web-quote .complete .maintenance-quotation .field-row .field-label {
            line-height: 46px;
            font-size: 42px; } }
      .web-quote .complete .maintenance-quotation .field-row .other-gst-text {
        padding-top: 5px; }
      .web-quote .complete .maintenance-quotation .field-row .gst-text-complete {
        padding-top: 3px;
        line-height: 14px;
        color: #82888a;
        font-size: 12px; }
        @media screen and (max-width: 1024px) {
          .web-quote .complete .maintenance-quotation .field-row .gst-text-complete {
            line-height: 34px !important;
            font-size: 30px !important; } }
      .web-quote .complete .maintenance-quotation .field-row .dollar-sign {
        opacity: 1;
        color: #333b3f;
        font-size: 16px;
        line-height: 24px; }
        @media screen and (max-width: 1024px) {
          .web-quote .complete .maintenance-quotation .field-row .dollar-sign {
            line-height: 46px !important;
            font-size: 42px !important; } }
      .web-quote .complete .maintenance-quotation .field-row .total-dollar-sign {
        padding-top: 4px;
        line-height: 24px;
        color: #333b3f;
        font-size: 16px; }
        @media screen and (max-width: 1024px) {
          .web-quote .complete .maintenance-quotation .field-row .total-dollar-sign {
            line-height: 46px !important;
            font-size: 42px !important; } }
  .web-quote .complete .drop-zone-custom-style {
    width: 148px;
    height: 120px;
    text-align: center;
    padding-top: 60px;
    line-height: 28px;
    font-size: 24px;
    background-color: #f6f7f6;
    border: 1px solid #edefed;
    border-radius: 4px; }
.time-of-date-selector {
  display: flex;
  align-items: center; }
  .time-of-date-selector__icon {
    margin: 8px;
    margin-right: 0px; }
  .time-of-date-selector__date-picker {
    margin: 8px; }
  .time-of-date-selector__select {
    margin: 8px; }
    .time-of-date-selector__select .ant-select-selection {
      border-radius: 4px; }
.contianer__table {
  width: 100%;
  background-color: #fff;
  border-radius: 0px 0px 10px 10px; }
  .contianer__table .table {
    width: 100%;
    border-spacing: 0; }
    .contianer__table .table th {
      font-weight: bold;
      text-align: left;
      border-bottom: 2px solid #e7e8ea;
      padding: 5px 0px;
      height: 1.5em;
      -webkit-user-select: none; }
      .contianer__table .table th:first-child {
        padding-left: 20px; }
      .contianer__table .table th:last-child {
        padding-right: 20px; }
      .contianer__table .table th .image__sort {
        margin-left: 10px;
        width: 10px; }
        .contianer__table .table th .image__sort.flipped {
          transform: scaleY(-1); }
    .contianer__table .table td {
      height: 2.4em;
      border-bottom: 1px solid #f4f6fb; }
      .contianer__table .table td:first-child {
        padding-left: 20px; }
      .contianer__table .table td:last-child {
        padding-right: 20px; }
  .contianer__table .container__pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px; }
    .contianer__table .container__pagination .pagination {
      display: flex;
      align-items: center; }
      .contianer__table .container__pagination .pagination .conatiner__pagination-icon {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 40px;
        height: 33px;
        border: 1px solid #d6d6d6;
        border-radius: 7px;
        -webkit-user-select: none; }
        .contianer__table .container__pagination .pagination .conatiner__pagination-icon:hover {
          background-color: #eaeaea; }
      .contianer__table .container__pagination .pagination .icon__pagination__prev {
        width: 9px;
        height: 30px;
        transform: scaleX(-1); }
      .contianer__table .container__pagination .pagination .container__pagination-number {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 3em;
        height: 2.5em;
        margin: 0px 2px;
        border-radius: 5px;
        -webkit-user-select: none; }
        .contianer__table .container__pagination .pagination .container__pagination-number.active-page {
          background-color: #56c1e8;
          color: #fff; }
        .contianer__table .container__pagination .pagination .container__pagination-number:hover {
          background-color: #7bcdea;
          color: #fff; }
      .contianer__table .container__pagination .pagination .container__pagination-dots {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 3em;
        height: 2.5em;
        margin: 0px 2px;
        border-radius: 5px;
        -webkit-user-select: none; }
      .contianer__table .container__pagination .pagination .icon__pagination__next {
        width: 9px;
        height: 30px; }
.container__error-dialog {
  display: flex; }
  .container__error-dialog .icon__error-dialog {
    width: 62px; }
  .container__error-dialog .container__error-dialog__data {
    display: flex;
    flex-direction: column;
    margin-left: 10px; }
    .container__error-dialog .container__error-dialog__data .text__error-dialog__title {
      font-size: 1.3em;
      font-weight: bold;
      margin-bottom: 10px; }
    .container__error-dialog .container__error-dialog__data .text__error-dialog__body {
      font-size: 1em; }
.maintenance-requests-table .maintenance-requests-table__contianer--title {
  margin-left: 20px;
  margin-bottom: 12px; }

.maintenance-requests-table .maintenance-requests-table__title {
  font-family: "Poppins Semi Bold";
  font-size: 24px;
  line-height: 36px; }

.maintenance-requests-table .maintenance-requests-table__header {
  cursor: pointer; }
  .maintenance-requests-table .maintenance-requests-table__header:hover {
    background-color: #CCE5F3; }

.maintenance-requests-table .maintenance-requests-table__header--dates {
  width: 15%; }

.maintenance-requests-table .maintenance-requests-table__header--status {
  width: 10%; }

.maintenance-requests-table .maintenance-requests-table__header--problem {
  width: 40%; }

.maintenance-requests-table .maintenance-requests-table__cell {
  cursor: pointer; }

.maintenance-requests-table .maintenance-requests-table__cell--address {
  cursor: pointer;
  color: #3C97D0; }

.maintenance-requests-table .maintenance-requests-table__cell--status {
  text-transform: lowercase; }
  .maintenance-requests-table .maintenance-requests-table__cell--status::first-letter {
    text-transform: uppercase; }

.maintenance-requests-table .maintenance-requests-table__cell-data--closed {
  color: #27C2A8; }

.maintenance-requests-table .maintenance-requests-table__cell-data--assigned {
  color: #F48C36; }
.work-order-state-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #2E3C57; }
  .work-order-state-container hr {
    width: 100%;
    border: 1px solid #EBEEF2; }
  .work-order-state-container h1 {
    font-weight: bold;
    font-size: 32px;
    line-height: 40px; }
  .work-order-state-container h2 {
    font-weight: bold;
    font-size: 24px;
    line-height: 32px; }
  .work-order-state-container h3 {
    font-weight: bold;
    font-size: 20px;
    line-height: 26px; }
  .work-order-state-container h4 {
    font-weight: bold;
    font-size: 16px;
    line-height: 20px; }

.work-order-decision {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .work-order-decision__title {
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    letter-spacing: -0.2px;
    color: #2E3C57;
    margin: 16px;
    margin-bottom: 16px;
    margin-top: 64px; }
    .work-order-decision__title p {
      max-width: 584px; }
  .work-order-decision__buttons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap-reverse; }
    .work-order-decision__buttons a {
      display: flex;
      text-decoration: none;
      flex: 0 1 375px; }
      @media all and (min-width: 376px) {
        .work-order-decision__buttons a {
          flex: 0 1 auto; } }
  .work-order-decision__button {
    border-radius: 100px;
    border: none;
    padding: 10px 20px;
    flex: 0 1 375px;
    margin: 8px;
    outline: none; }
    @media all and (min-width: 376px) {
      .work-order-decision__button {
        flex: 0 1 auto; } }
    .work-order-decision__button:hover {
      opacity: 0.7; }
    .work-order-decision__button:disabled {
      opacity: 0.4; }
    .work-order-decision__button--primary {
      background: #2E3C57;
      color: #FFFFFF; }
    .work-order-decision__button--default {
      background: #FFFFFF;
      border: 1px solid #939BAB; }
  .work-order-decision__expiration p {
    font-size: 15px;
    line-height: 24px;
    text-align: center;
    letter-spacing: -0.01em;
    color: rgba(46, 60, 87, 0.5);
    margin: 16px;
    max-width: 584px; }

.work-order-agency-banner {
  display: flex;
  flex-direction: column;
  max-width: 968px;
  width: calc(100% - 20px);
  border-radius: 8px;
  padding-left: 8px;
  padding-right: 8px;
  margin-top: 20px;
  justify-content: space-between; }
  .work-order-agency-banner__header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    vertical-align: middle;
    margin: 20px;
    padding-top: 4px; }

.work-order {
  display: flex;
  flex-direction: column;
  max-width: 968px;
  padding-left: 8px;
  padding-right: 8px; }
  .work-order__header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 48px; }
  .work-order__logo p {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.01em;
    color: rgba(46, 60, 87, 0.5); }
  .work-order__title {
    flex: 0 1 375px; }
    @media all and (min-width: 376px) {
      .work-order__title {
        flex: 0 1 auto; } }
    .work-order__title h1 {
      color: #2E3C57; }
  .work-order__urgency {
    padding: 16px 24px;
    background: #FFF1F2;
    border-radius: 8px;
    color: #FF6369;
    font-size: 16px;
    border: 1px solid #FFFFFF; }
  .work-order__approval-comment--red-font {
    color: #FF6369; }
  .work-order__details {
    display: flex;
    flex-wrap: wrap-reverse;
    justify-content: space-between; }
  .work-order__property {
    max-width: 560px; }
    @media all and (min-width: 1023px) {
      .work-order__property {
        padding-right: 30px; } }
  .work-order__cards {
    flex: 0 1 1024px; }
    @media all and (min-width: 1023px) {
      .work-order__cards {
        flex: 0 1 auto;
        max-width: 368px; } }
  .work-order-card {
    background: #e4ebf7;
    border: 1px solid #e4ebf7;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 16px 24px;
    margin-bottom: 16px;
    display: flex;
    justify-content: space-between; }
    .work-order-card__text {
      margin: 0px;
      line-height: 18px; }
      .work-order-card__text a {
        text-decoration: none;
        color: #f65960; }
    .work-order-card__column P {
      margin: 0px; }
    .work-order-card__title {
      color: rgba(46, 60, 87, 0.5); }
  .work-order__tenant {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px; }
  .work-order__tenants {
    display: grid;
    margin-top: 30px; }
    @media all and (min-width: 480px) {
      .work-order__tenants {
        grid-template-columns: 300px 300px; } }
  .work-order-tenant {
    flex: 0 1 375px;
    margin-bottom: 20px;
    margin-right: 40px; }
    @media all and (min-width: 376px) {
      .work-order-tenant {
        flex: 0 1 auto; } }
    .work-order-tenant__name {
      display: flex; }
      .work-order-tenant__name .work-order-tenant__text {
        margin: 0 0 8px 8px; }
        .work-order-tenant__name .work-order-tenant__text_show {
          font-size: 15px;
          font-weight: 600;
          font-family: sans-serif; }
    .work-order-tenant__icon {
      margin-right: 8; }
    .work-order-tenant__text {
      margin-top: 4px;
      margin-bottom: 4px; }
  .work-order__owner {
    display: flex;
    flex-wrap: wrap; }
  .work-order__owners {
    display: grid; }
    @media all and (min-width: 480px) {
      .work-order__owners {
        grid-template-columns: 300px 300px; } }
  .work-order-owner {
    flex: 0 1 375px;
    margin-bottom: 20px;
    margin-right: 40px; }
    @media all and (min-width: 376px) {
      .work-order-owner {
        flex: 0 1 auto; } }
    .work-order-owner__name {
      display: flex; }
      .work-order-owner__name .work-order-owner__text {
        margin: 0 0 8px 8px; }
    .work-order-owner__icon {
      margin-right: 8; }
    .work-order-owner__text {
      margin-top: 4px;
      margin-bottom: 4px; }
  .work-order__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 16px;
    margin-bottom: 16px; }
  .work-order__website a {
    text-decoration: none;
    color: #f65960; }
  .work-order__footer--divider {
    margin-top: 80px; }
  .work-order__labels {
    flex: 0 1 375px;
    color: rgba(46, 60, 87, 0.5);
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 8px;
    display: flex; }
    @media all and (min-width: 376px) {
      .work-order__labels {
        flex: 0 1 auto; } }
    .work-order__labels span {
      flex: 0 1 162px;
      margin-right: 16px; }
      @media all and (min-width: 376px) {
        .work-order__labels span {
          flex: 0 1 auto; } }
  .work-order__grid {
    display: flex;
    flex-wrap: wrap; }
  .work-order-attachment {
    width: 164px;
    height: 164px;
    background-color: #313442;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    margin: 8px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .work-order-attachment__overlay {
      height: 100%;
      width: 100%;
      opacity: 0;
      background: #00000042;
      border-radius: 20px;
      transition: all 0.3s ease; }
    .work-order-attachment__play {
      height: 40px;
      width: 40px;
      border-radius: 20px;
      background: rgba(255, 255, 255, 0.411);
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all 0.3s ease; }
      .work-order-attachment__play img {
        margin-left: 5px; }
    .work-order-attachment:hover .work-order-attachment__overlay {
      opacity: 1; }
    .work-order-attachment:hover .work-order-attachment__play {
      background: #FF6369; }
  .work-order__job-description {
    overflow-wrap: anywhere;
    white-space: pre-line; }
  .work-order__scope-description {
    overflow-wrap: anywhere;
    white-space: pre-line;
    font-size: 15px;
    margin-top: 16px; }
  .work-order__job-header {
    display: inline; }

.work-order-state {
  margin-top: 61px;
  display: flex;
  flex-direction: column;
  align-items: center; }
  .work-order-state--full-height {
    height: 100vh;
    justify-content: center;
    margin-top: 0px; }
  .work-order-state--container {
    margin-top: 40px; }
  .work-order-state__logo {
    margin-bottom: 50px; }
    .work-order-state__logo img {
      width: 156px;
      height: auto; }
  .work-order-state__title {
    display: flex;
    padding: 16px;
    align-items: center; }
    .work-order-state__title h1 {
      display: inline-block;
      font-size: 20px;
      margin: 0px;
      margin-left: 10px; }
  .work-order-state__instructions {
    font-size: 15px;
    margin-top: 21px;
    max-width: 592px;
    text-align: center; }
  .work-order-state-details {
    width: 688px;
    margin-top: 42px; }
    .work-order-state-details__label {
      color: #939BAB;
      font-size: 10px;
      margin-bottom: 9px; }
    .work-order-state-details__button {
      margin-top: 23px;
      margin-bottom: 70px; }
      .work-order-state-details__button a {
        font-weight: bold; }
      .work-order-state-details__button--accept a {
        color: #21CB91; }
      .work-order-state-details__button--deny a {
        color: #05C2DC; }
  .work-order-state--link-expired {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 200px;
    justify-content: center; }
    .work-order-state--link-expired__logo img {
      margin-bottom: -18px;
      width: 148px;
      height: 154px; }
    .work-order-state--link-expired__instructions {
      font-size: 14px;
      margin-top: -12px;
      text-align: center; }

.work-order-schedule__buttons {
  display: flex;
  justify-content: center;
  flex-wrap: wrap-reverse;
  width: 100%;
  margin-top: 23px; }

.work-order-extension-scope {
  padding: 16px 24px;
  background: #FFF1F2;
  border-radius: 8px;
  color: #FF6369;
  font-size: 16px;
  border: 1px solid #FFFFFF;
  margin-top: 10px; }
  .work-order-extension-scope__instructions {
    font-size: 15px;
    width: 688px;
    text-align: justify; }

.tenat-owner-info {
  display: flex; }
  @media all and (max-width: 480px) {
    .tenat-owner-info {
      display: grid; } }
  .tenat-owner-info .work-order__tenant-info {
    margin-right: 20px;
    border-right: 1px solid #EBEEF2; }
  .tenat-owner-info .work-order__owner-info {
    margin-right: -70px; }

.work-order-tenant__text_show_oneTT {
  background: none;
  border: none;
  display: block;
  font-family: sans-serif;
  font-weight: 600;
  line-height: 20 px;
  letter-spacing: -0.13 px;
  font-size: 15px;
  max-width: 250px;
  word-wrap: break-word;
  margin: 0;
  color: #7C2AF7; }

.work-order-tenant__text_show_oneTT-owner {
  background: none;
  border: none;
  display: block;
  font-family: sans-serif;
  font-weight: 600;
  line-height: 20 px;
  letter-spacing: -0.13 px;
  font-size: 15px;
  max-width: 260px;
  word-wrap: break-word;
  margin: 0;
  color: #7C2AF7; }

.work-order-tenant__text_show_oneTT:first-child {
  margin-bottom: 8px; }

.details-buttons_oneTT {
  display: inline-grid;
  caption-side: top;
  justify-content: start;
  align-content: space-between;
  align-items: center;
  justify-items: start; }

.work-order-tenant__text_show {
  background: none;
  border: none;
  font-family: sans-serif;
  font-weight: 600;
  line-height: 20 px;
  letter-spacing: -0.13 px;
  font-size: 15px;
  margin: 0;
  color: #7C2AF7; }

.work-order-tenant__text_show:first-child {
  margin-bottom: 8px; }

.work-order-tenant__text_show_oneTT-owner:first-child {
  margin-bottom: 8px; }

.show-info-button {
  background: none;
  border: none;
  font-family: sans-serif;
  font-weight: 600;
  line-height: 20 px;
  clear: left;
  float: left;
  letter-spacing: -0.13 px;
  font-size: 15px;
  padding: 0;
  color: #7C2AF7; }

.show-info-button:first-child {
  padding-bottom: 8px; }
.work-order-state-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #2E3C57; }
  .work-order-state-container hr {
    width: 100%;
    border: 1px solid #EBEEF2; }
  .work-order-state-container h1 {
    font-weight: bold;
    font-size: 32px;
    line-height: 40px; }
  .work-order-state-container h2 {
    font-weight: bold;
    font-size: 24px;
    line-height: 32px; }
  .work-order-state-container h3 {
    font-weight: bold;
    font-size: 20px;
    line-height: 26px; }
  .work-order-state-container h4 {
    font-weight: bold;
    font-size: 16px;
    line-height: 20px; }

.work-order-decision {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .work-order-decision__title {
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    letter-spacing: -0.2px;
    color: #2E3C57;
    margin: 16px;
    margin-bottom: 16px;
    margin-top: 64px; }
    .work-order-decision__title p {
      max-width: 584px; }
  .work-order-decision__buttons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap-reverse; }
    .work-order-decision__buttons a {
      display: flex;
      text-decoration: none;
      flex: 0 1 375px; }
      @media all and (min-width: 376px) {
        .work-order-decision__buttons a {
          flex: 0 1 auto; } }
  .work-order-decision__button {
    border-radius: 100px;
    border: none;
    padding: 10px 20px;
    flex: 0 1 375px;
    margin: 8px;
    outline: none; }
    @media all and (min-width: 376px) {
      .work-order-decision__button {
        flex: 0 1 auto; } }
    .work-order-decision__button:hover {
      opacity: 0.7; }
    .work-order-decision__button:disabled {
      opacity: 0.4; }
    .work-order-decision__button--primary {
      background: #2E3C57;
      color: #FFFFFF; }
    .work-order-decision__button--default {
      background: #FFFFFF;
      border: 1px solid #939BAB; }
  .work-order-decision__expiration p {
    font-size: 15px;
    line-height: 24px;
    text-align: center;
    letter-spacing: -0.01em;
    color: rgba(46, 60, 87, 0.5);
    margin: 16px;
    max-width: 584px; }

.work-order-agency-banner {
  display: flex;
  flex-direction: column;
  max-width: 968px;
  width: calc(100% - 20px);
  border-radius: 8px;
  padding-left: 8px;
  padding-right: 8px;
  margin-top: 20px;
  justify-content: space-between; }
  .work-order-agency-banner__header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    vertical-align: middle;
    margin: 20px;
    padding-top: 4px; }

.work-order {
  display: flex;
  flex-direction: column;
  max-width: 968px;
  padding-left: 8px;
  padding-right: 8px; }
  .work-order .instructions {
    display: flex;
    justify-content: center;
    max-width: 100%;
    padding: 56px;
    padding-top: 60px; }
    .work-order .instructions p {
      margin: 0px;
      max-width: 563px;
      font-weight: 500;
      font-size: 16px;
      text-align: center; }
      .work-order .instructions p a {
        color: #05C2DC; }
  .work-order__header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 48px; }
  .work-order__logo p {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.01em;
    color: rgba(46, 60, 87, 0.5); }
  .work-order__title {
    flex: 0 1 375px; }
    @media all and (min-width: 376px) {
      .work-order__title {
        flex: 0 1 auto; } }
    .work-order__title h1 {
      color: #2E3C57; }
  .work-order__urgency {
    padding: 16px 24px;
    background: #FFF1F2;
    border-radius: 8px;
    color: #FF6369;
    font-size: 16px;
    border: 1px solid #FFFFFF; }
  .work-order__approval-comment--red-font {
    color: #FF6369; }
  .work-order__details {
    display: flex;
    flex-wrap: wrap-reverse;
    justify-content: space-between; }
  .work-order__property {
    max-width: 560px; }
    @media all and (min-width: 1023px) {
      .work-order__property {
        padding-right: 30px; } }
  .work-order__cards {
    flex: 0 1 1024px; }
    @media all and (min-width: 1023px) {
      .work-order__cards {
        flex: 0 1 auto;
        max-width: 368px; } }
  .work-order-card {
    background: #e4ebf7;
    border: 1px solid #e4ebf7;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 16px 24px;
    margin-bottom: 16px;
    display: flex;
    justify-content: space-between; }
    .work-order-card__text {
      margin: 0px; }
      .work-order-card__text a {
        text-decoration: none;
        color: #f65960; }
    .work-order-card__column P {
      margin: 0px; }
    .work-order-card__title {
      color: rgba(46, 60, 87, 0.5); }
  .work-order-tenant {
    flex: 0 1 375px;
    margin-bottom: 20px;
    margin-right: 40px; }
    @media all and (min-width: 376px) {
      .work-order-tenant {
        flex: 0 1 auto; } }
    .work-order-tenant__name {
      display: flex; }
      .work-order-tenant__name .work-order-tenant__text {
        margin: 0 0 8px 8px; }
    .work-order-tenant__icon {
      margin-right: 8; }
    .work-order-tenant__text {
      margin-top: 4px;
      margin-bottom: 4px; }
  .work-order__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 16px;
    margin-bottom: 16px; }
  .work-order__website a {
    text-decoration: none;
    color: #f65960; }
  .work-order__footer--divider {
    margin-top: 80px; }
  .work-order__labels {
    flex: 0 1 375px;
    color: rgba(46, 60, 87, 0.5);
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 8px;
    display: flex; }
    @media all and (min-width: 376px) {
      .work-order__labels {
        flex: 0 1 auto; } }
    .work-order__labels span {
      flex: 0 1 162px;
      margin-right: 16px; }
      @media all and (min-width: 376px) {
        .work-order__labels span {
          flex: 0 1 auto; } }
  .work-order__grid {
    display: flex;
    flex-wrap: wrap; }
  .work-order-attachment {
    width: 164px;
    height: 164px;
    background-color: #313442;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    margin: 8px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .work-order-attachment__overlay {
      height: 100%;
      width: 100%;
      opacity: 0;
      background: #00000042;
      border-radius: 20px;
      transition: all 0.3s ease; }
    .work-order-attachment__play {
      height: 40px;
      width: 40px;
      border-radius: 20px;
      background: rgba(255, 255, 255, 0.411);
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all 0.3s ease; }
      .work-order-attachment__play img {
        margin-left: 5px; }
    .work-order-attachment:hover .work-order-attachment__overlay {
      opacity: 1; }
    .work-order-attachment:hover .work-order-attachment__play {
      background: #FF6369; }
  .work-order__job-description {
    overflow-wrap: anywhere;
    white-space: pre-line; }
  .work-order__scope-description {
    overflow-wrap: anywhere;
    white-space: pre-line;
    font-size: 15px;
    margin-top: 16px; }
  .work-order__job-header {
    display: inline; }

.work-order-state {
  margin-top: 61px;
  display: flex;
  flex-direction: column;
  align-items: center; }
  .work-order-state--full-height {
    height: 100vh;
    justify-content: center;
    margin-top: 0px; }
  .work-order-state--container {
    margin-top: 40px; }
  .work-order-state__logo {
    margin-bottom: 50px; }
    .work-order-state__logo img {
      width: 156px;
      height: auto; }
  .work-order-state__title {
    display: flex;
    padding: 16px;
    align-items: center; }
    .work-order-state__title h1 {
      display: inline-block;
      font-size: 20px;
      margin: 0px;
      margin-left: 10px; }
  .work-order-state__instructions {
    font-size: 15px;
    margin-top: 21px;
    max-width: 592px;
    text-align: center; }
  .work-order-state-details {
    width: 688px;
    margin-top: 42px; }
    .work-order-state-details__label {
      color: #939BAB;
      font-size: 10px;
      margin-bottom: 9px; }
    .work-order-state-details__button {
      margin-top: 23px;
      margin-bottom: 70px; }
      .work-order-state-details__button a {
        font-weight: bold; }
      .work-order-state-details__button--accept a {
        color: #21CB91; }
      .work-order-state-details__button--deny a {
        color: #05C2DC; }

.work-order-schedule__buttons {
  display: flex;
  justify-content: center;
  flex-wrap: wrap-reverse;
  width: 100%;
  margin-top: 23px; }
.owner-assigned-request-state-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #2E3C57; }
  .owner-assigned-request-state-container hr {
    width: 100%;
    border: 1px solid #EBEEF2; }
  .owner-assigned-request-state-container h1 {
    font-weight: bold;
    font-size: 32px;
    line-height: 40px; }
  .owner-assigned-request-state-container h2 {
    font-weight: bold;
    font-size: 24px;
    line-height: 32px; }
  .owner-assigned-request-state-container h3 {
    font-weight: bold;
    font-size: 20px;
    line-height: 26px; }
  .owner-assigned-request-state-container h4 {
    font-weight: bold;
    font-size: 16px;
    line-height: 20px; }

.owner-assigned-request-decision {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .owner-assigned-request-decision__title {
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    letter-spacing: -0.2px;
    color: #2E3C57;
    margin: 16px;
    margin-bottom: 16px;
    margin-top: 64px; }
    .owner-assigned-request-decision__title p {
      max-width: 584px; }
  .owner-assigned-request-decision__buttons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap-reverse; }
    .owner-assigned-request-decision__buttons a {
      display: flex;
      text-decoration: none;
      flex: 0 1 375px; }
      @media all and (min-width: 376px) {
        .owner-assigned-request-decision__buttons a {
          flex: 0 1 auto; } }
  .owner-assigned-request-decision__button {
    border-radius: 100px;
    border: none;
    padding: 10px 20px;
    flex: 0 1 375px;
    margin: 8px;
    outline: none; }
    @media all and (min-width: 376px) {
      .owner-assigned-request-decision__button {
        flex: 0 1 auto; } }
    .owner-assigned-request-decision__button:hover {
      opacity: 0.7; }
    .owner-assigned-request-decision__button:disabled {
      opacity: 0.4; }
    .owner-assigned-request-decision__button--primary {
      background: #2E3C57;
      color: #FFFFFF; }
    .owner-assigned-request-decision__button--default {
      background: #FFFFFF;
      border: 1px solid #939BAB; }
  .owner-assigned-request-decision__expiration p {
    font-size: 15px;
    line-height: 24px;
    text-align: center;
    letter-spacing: -0.01em;
    color: rgba(46, 60, 87, 0.5);
    margin: 16px;
    max-width: 584px; }

.owner-assigned-request {
  display: flex;
  flex-direction: column;
  max-width: 968px;
  padding-left: 8px;
  padding-right: 8px; }
  .owner-assigned-request__header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 48px; }
  .owner-assigned-request__logo p {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.01em;
    color: rgba(46, 60, 87, 0.5); }
  .owner-assigned-request__title {
    flex: 0 1 375px; }
    @media all and (min-width: 376px) {
      .owner-assigned-request__title {
        flex: 0 1 auto; } }
    .owner-assigned-request__title h1 {
      color: #2E3C57; }
  .owner-assigned-request__urgency {
    padding: 16px 24px;
    background: #FFF1F2;
    border-radius: 8px;
    color: #FF6369;
    font-size: 16px;
    border: 1px solid #FFFFFF; }
  .owner-assigned-request__details {
    display: flex;
    flex-wrap: wrap-reverse;
    justify-content: space-between; }
  .owner-assigned-request__property {
    max-width: 560px; }
    @media all and (min-width: 1023px) {
      .owner-assigned-request__property {
        padding-right: 30px; } }
  .owner-assigned-request__cards {
    flex: 0 1 1024px; }
    @media all and (min-width: 1023px) {
      .owner-assigned-request__cards {
        flex: 0 1 auto;
        max-width: 368px; } }
  .owner-assigned-request-card {
    background: #e4ebf7;
    border: 1px solid #e4ebf7;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 16px 24px;
    margin-bottom: 16px;
    display: flex;
    justify-content: space-between; }
    .owner-assigned-request-card__text {
      margin: 0px; }
      .owner-assigned-request-card__text a {
        text-decoration: none;
        color: #f65960; }
    .owner-assigned-request-card__column P {
      margin: 0px; }
    .owner-assigned-request-card__title {
      color: rgba(46, 60, 87, 0.5); }
  .owner-assigned-request__tenants {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px; }
  .owner-assigned-request-tenant {
    flex: 0 1 375px;
    margin-bottom: 20px;
    margin-right: 40px; }
    @media all and (min-width: 376px) {
      .owner-assigned-request-tenant {
        flex: 0 1 auto; } }
    .owner-assigned-request-tenant__name {
      display: flex; }
      .owner-assigned-request-tenant__name .owner-assigned-request-tenant__text {
        margin: 0px;
        margin-left: 8px; }
    .owner-assigned-request-tenant__icon {
      margin-right: 8; }
    .owner-assigned-request-tenant__text {
      margin-top: 4px;
      margin-bottom: 4px; }
  .owner-assigned-request__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 16px;
    margin-bottom: 16px; }
  .owner-assigned-request__website a {
    text-decoration: none;
    color: #f65960; }
  .owner-assigned-request__footer--divider {
    margin-top: 80px; }
  .owner-assigned-request__labels {
    flex: 0 1 375px;
    color: rgba(46, 60, 87, 0.5);
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 8px;
    display: flex; }
    @media all and (min-width: 376px) {
      .owner-assigned-request__labels {
        flex: 0 1 auto; } }
    .owner-assigned-request__labels span {
      flex: 0 1 162px;
      margin-right: 16px; }
      @media all and (min-width: 376px) {
        .owner-assigned-request__labels span {
          flex: 0 1 auto; } }
  .owner-assigned-request__grid {
    display: flex;
    flex-wrap: wrap; }
  .owner-assigned-request-attachment {
    width: 164px;
    height: 164px;
    background-color: #313442;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    margin: 8px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .owner-assigned-request-attachment__overlay {
      height: 100%;
      width: 100%;
      opacity: 0;
      background: #00000042;
      border-radius: 20px;
      transition: all 0.3s ease; }
    .owner-assigned-request-attachment__play {
      height: 40px;
      width: 40px;
      border-radius: 20px;
      background: rgba(255, 255, 255, 0.411);
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all 0.3s ease; }
      .owner-assigned-request-attachment__play img {
        margin-left: 5px; }
    .owner-assigned-request-attachment:hover .owner-assigned-request-attachment__overlay {
      opacity: 1; }
    .owner-assigned-request-attachment:hover .owner-assigned-request-attachment__play {
      background: #FF6369; }

.owner-assigned-request-state {
  margin-top: 61px;
  display: flex;
  flex-direction: column;
  align-items: center; }
  .owner-assigned-request-state--full-height {
    height: 100vh;
    justify-content: center;
    margin-top: 0px; }
  .owner-assigned-request-state--container {
    margin-top: 40px; }
  .owner-assigned-request-state__logo {
    margin-bottom: 50px; }
    .owner-assigned-request-state__logo img {
      width: 156px;
      height: auto; }
  .owner-assigned-request-state__title {
    display: flex;
    padding: 16px;
    align-items: center; }
    .owner-assigned-request-state__title h1 {
      display: inline-block;
      font-size: 20px;
      margin: 0px;
      margin-left: 10px; }
  .owner-assigned-request-state__instructions {
    font-size: 15px;
    margin-top: 21px;
    max-width: 592px;
    text-align: center; }
    .owner-assigned-request-state__instructions .text-area {
      width: 100%;
      padding: 8px 16px;
      border: 1px solid #D5D8DF;
      box-sizing: border-box;
      border-radius: 4px; }
    .owner-assigned-request-state__instructions .submit-button {
      background: #2E3C57;
      border-radius: 100px;
      outline: none;
      padding: 14px 36px;
      box-sizing: border-box;
      font-size: 14px;
      color: #FFF;
      margin-top: 32px;
      border: none; }
      .owner-assigned-request-state__instructions .submit-button:hover {
        background: #2e3c57ab; }
      .owner-assigned-request-state__instructions .submit-button:active {
        background: #2e3c575a; }
      .owner-assigned-request-state__instructions .submit-button:disabled {
        opacity: 0.4; }
  .owner-assigned-request-state-details {
    width: 688px;
    margin-top: 42px; }
    .owner-assigned-request-state-details__label {
      color: #939BAB;
      font-size: 10px;
      margin-bottom: 9px; }
    .owner-assigned-request-state-details__button {
      margin-top: 23px;
      margin-bottom: 70px; }
      .owner-assigned-request-state-details__button a {
        font-weight: bold; }
      .owner-assigned-request-state-details__button--accept a {
        color: #21CB91; }
      .owner-assigned-request-state-details__button--deny a {
        color: #05C2DC; }

.owner-assigned-request-schedule__buttons {
  display: flex;
  justify-content: center;
  flex-wrap: wrap-reverse;
  width: 100%;
  margin-top: 23px; }
.document-custom-header {
  width: auto !important; }

.document-custom-created-at-header {
  margin-left: 100px; }

.document-custom-document-header {
  margin-left: 38px; }

.different-table-header-blank:before {
  position: relative;
  display: block;
  top: 6px;
  content: '' !important;
  left: -17px;
  width: 9px !important;
  height: 6px !important;
  background-color: white; }

.ReactTable .rt-tbody .rt-td {
  border: none !important;
  padding: 10px; }

.ReactTable .rt-thead.-header {
  box-shadow: none !important; }

.ReactTable .rt-thead .rt-tr {
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1); }

.ReactTable .rt-thead .rt-th {
  border: none !important; }

.ReactTable .rt-thead .rt-th, .ReactTable .rt-thead .rt-td {
  padding: 10px;
  background-color: #ffffff;
  line-height: 16px;
  color: #000000;
  font-family: muli;
  font-size: 16px;
  font-weight: 500; }

.dashboardPropertyTable .rt-thead .rt-th:before {
  position: relative;
  display: block;
  top: 5px;
  content: url(/images/triangle.png);
  left: -17px;
  width: 9px !important;
  height: 6px !important; }

.ReactTable .rt-thead .-sort-asc:before {
  position: relative;
  display: block;
  top: 5px;
  content: url(/images/triangle-asc.png);
  left: -17px;
  width: 9px !important;
  height: 6px !important; }

.ReactTable .rt-thead .-sort-desc:before {
  position: relative;
  display: block;
  top: 5px;
  content: url(/images/triangle.png);
  left: -17px;
  width: 9px !important;
  height: 6px !important; }

.rt-td {
  cursor: pointer;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 10px;
  letter-spacing: normal;
  color: #002fa4;
  border: none;
  display: flex;
  align-items: center; }

.ReactTable.dashboardPropertyTable .rt-thead .rt-th:before, .ReactTable.dashboardPropertyTable .rt-thead .rt-td:before {
  top: 3px; }

.ReactTable.dashboardPropertyTable .rt-thead .rt-th,
.ReactTable.dashboardPropertyTable .rt-thead .rt-td,
.ReactTable.dashboardPropertyTable .rt-td {
  height: 40px;
  line-height: 0; }

.ReactTable {
  border: none !important;
  width: 100%;
  margin-top: 5px; }

.rt-th {
  text-align: left;
  color: #333333; }

.content-dashboard {
  position: relative;
  top: 41px;
  left: 69px;
  width: 94%;
  margin: -35px 35px 35px 35px;
  margin-left: 0; }
  @media (max-width: 1024px) {
    .content-dashboard {
      top: 50px;
      left: 50px;
      padding: 10px; } }

.content-dashboard-v2 {
  position: relative;
  width: 94%;
  margin: 35px; }

.side-icon-bar {
  position: fixed;
  top: 59px;
  left: 0;
  width: 50px;
  background-color: #151e39;
  border-right: solid 2px #979797; }
  @media (max-width: 1024px) {
    .side-icon-bar {
      top: 50px;
      width: 50px;
      height: 900px; } }
  @media (max-width: 1024px) and (max-width: 920px) {
    .side-icon-bar {
      height: 800px; } }

.side-icon-bar a {
  display: block;
  text-align: center;
  font-size: 30px;
  color: #000000;
  text-decoration: none;
  padding: 8px 14px; }
  @media (max-width: 1024px) {
    .side-icon-bar a {
      font-size: 20px;
      padding: 12px 14px; } }

.active {
  border-left: 3px solid #FF5960 !important;
  background-color: #0f162d !important; }

.side-icon-bar a:hover {
  background-color: #0f162d !important; }

.dashboard {
  position: relative !important; }
  @media (max-width: 1024px) {
    .dashboard {
      overflow: auto; } }

.side-icon-bar {
  height: 105%; }
  @media (max-width: 1024px) {
    .side-icon-bar {
      height: 900px; } }
  @media (max-width: 1024px) and (max-width: 920px) {
    .side-icon-bar {
      height: 800px; } }
.side-dashboard-icon {
  position: relative;
  top: 4px;
  width: 30px;
  height: 30px;
  display: inline-block;
  background-image: url(/images/dashboard-side-icons-12.png);
  background-size: 200% 1200%;
  text-align: center;
  font-size: 30px;
  color: #000000; }
  .side-dashboard-icon--active.side-dashboard-icon.properties {
    background-position: 100% 0; }
  .side-dashboard-icon--active.side-dashboard-icon.maintenance {
    background-position: 100% -100%; }
  .side-dashboard-icon--active.side-dashboard-icon.renewals {
    background-position: 100% -200%; }
  .side-dashboard-icon--active.side-dashboard-icon.reports {
    background-position: 100% -300%; }
  .side-dashboard-icon--active.side-dashboard-icon.holdings {
    background-position: 100% -400%; }
  .side-dashboard-icon--active.side-dashboard-icon.transactions {
    background-position: 100% -500%; }
  .side-dashboard-icon--active.side-dashboard-icon.scheduled_payments {
    background-position: 100% -600%; }
  .side-dashboard-icon--active.side-dashboard-icon.statement_generation {
    background-position: 100% -700%; }
  .side-dashboard-icon--active.side-dashboard-icon.icon__import_invoices {
    background-position: 100% -800%; }
  .side-dashboard-icon--active.side-dashboard-icon.icon__invoice_management {
    background-position: 100% -900%; }
  .side-dashboard-icon--active.side-dashboard-icon.icon__invoices {
    background-position: 100% -1000%; }
  .side-dashboard-icon--active.side-dashboard-icon.icon__suppliers {
    background-position: 100% -200%; }
  .side-dashboard-icon.properties {
    background-position: 0 0; }
  .side-dashboard-icon.maintenance {
    background-position: 0 -100%; }
  .side-dashboard-icon.renewals {
    background-position: 0 -200%; }
  .side-dashboard-icon.reports {
    background-position: 0 -300%; }
  .side-dashboard-icon.holdings {
    background-position: 0 -400%; }
  .side-dashboard-icon.transactions {
    background-position: 0 -500%; }
  .side-dashboard-icon.scheduled_payments {
    background-position: 0 -600%; }
  .side-dashboard-icon.statement_generation {
    background-position: 0 -700%; }
  .side-dashboard-icon.icon__import_invoices {
    background-position: 0 -800%; }
  .side-dashboard-icon.icon__invoice_management {
    background-position: 0 -900%; }
  .side-dashboard-icon.icon__invoices {
    background-position: 0 -1000%; }
  .side-dashboard-icon.icon__suppliers {
    background-position: 0 -200%; }

.dashbaord-side-link:hover .side-dashboard-icon.properties {
  background-position: 100% 0; }

.dashbaord-side-link:hover .side-dashboard-icon.maintenance {
  background-position: 100% -100%; }

.dashbaord-side-link:hover .side-dashboard-icon.renewals {
  background-position: 100% -200%; }

.dashbaord-side-link:hover .side-dashboard-icon.reports {
  background-position: 100% -300%; }

.dashbaord-side-link:hover .side-dashboard-icon.holdings {
  background-position: 100% -400%; }

.dashbaord-side-link:hover .side-dashboard-icon.transactions {
  background-position: 100% -500%; }

.dashbaord-side-link:hover .side-dashboard-icon.scheduled_payments {
  background-position: 100% -600%; }

.dashbaord-side-link:hover .side-dashboard-icon.statement_generation {
  background-position: 100% -700%; }

.dashbaord-side-link:hover .side-dashboard-icon.icon__import_invoices {
  background-position: 100% -800%; }

.dashbaord-side-link:hover .side-dashboard-icon.icon__invoice_management {
  background-position: 100% -900%; }

.dashbaord-side-link:hover .side-dashboard-icon.icon__invoices {
  background-position: 100% -1000%; }

.dashbaord-side-link:hover .side-dashboard-icon.icon__suppliers {
  background-position: 100% -200%; }

.side-icon-bar a.dashbaord-side-link {
  display: block;
  text-align: center;
  font-size: 30px;
  color: #000000;
  text-decoration: none;
  padding: 8px 4px; }

.dashboard-sidebar {
  position: fixed;
  top: 59px;
  left: 0;
  width: 50px;
  background-color: #151e39;
  border-right: solid 2px #979797;
  height: 105%;
  z-index: 1000; }
.customAddress-trigger {
  width: 180px;
  cursor: pointer;
  position: absolute;
  left: 650px;
  margin-top: -23px;
  margin-left: -215px; }

.cant-find-div {
  position: relative; }

.add-person-form .main-selection .formInput,
.formInput {
  height: 32px;
  border-radius: 3px;
  border: 1px solid rgba(190, 190, 190, 0.5);
  background-color: #ffffff; }
  .add-person-form .main-selection .formInput--first,
  .formInput--first {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .add-person-form .main-selection .formInput--last,
  .formInput--last {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }

.countrySelect__wrapper {
  padding: 0 !important; }
  .countrySelect__wrapper > select {
    background-color: white !important;
    border-radius: 0 !important;
    border: 1px solid rgba(190, 190, 190, 0.5) !important;
    font-size: 14px;
    font-weight: 400;
    padding: 2px 10px;
    line-height: 36px;
    color: #7f7f7f;
    height: 32px; }

.view-roles-custom-address-padding-fix {
  transform: translateX(8px); }
.person-roles__name {
  line-height: 22px;
  color: #000000;
  font-family: aktiv-grotesk;
  font-size: 20px;
  font-weight: 500;
  width: 100%;
  background-color: #f2f7fb;
  border: none;
  border-bottom: 2px solid #fff;
  border-radius: 0; }

.add-person-form .form-header h1.person-roles__name_display {
  margin: 0;
  text-transform: none; }
.property .active {
  border-left: 3px solid #FF5960 !important;
  background-color: #0f162d !important; }

.property .side-icon-bar {
  position: relative;
  top: -10px;
  min-height: 100vh; }

.dashboard-content-area, .dashboard-content-area.inside-iframe {
  position: relative;
  margin: 0;
  padding: 0; }

@media screen and (min-width: 1024px) {
  .row.dashboard .col.dashboard-content-area {
    width: calc(100% - 63px); }
    .row.dashboard .col.dashboard-content-area.inside-iframe {
      width: 100%; }
  .row.dashboard .col.property {
    width: 50px; } }

.hint-error {
  color: red;
  font-size: 11px; }

.side-icon-bar a.SideBar__link {
  padding: 21px 14px; }

.SideBar__link {
  border-left: 3px solid transparent;
  position: relative; }
  .SideBar__link.active {
    border-left: 3px solid #FF5960 !important;
    background-color: #0f162d !important; }

.SideBar__icon {
  display: none; }

.PropertySideBar__icon {
  background-image: url(/images/property-dashboard-side-icons-apr-2020.svg);
  height: 31px;
  width: 31px;
  background-position: 0 0;
  background-size: 200% 1100%; }
  .PropertySideBar__icon.takeover-icon {
    background-position: 0 0; }
  .PropertySideBar__icon.property-icon {
    background-position: 0 -100%; }
  .PropertySideBar__icon.people-icon {
    background-position: 0 -200%; }
  .PropertySideBar__icon.payments-icon {
    background-position: 0 -300%; }
  .PropertySideBar__icon.moneyout-icon {
    background-position: 0 -400%; }
  .PropertySideBar__icon.maintenance-icon {
    background-position: 0 -500%; }
  .PropertySideBar__icon.inspections-icon {
    background-position: 0 -600%; }
  .PropertySideBar__icon.keys-icon {
    background-position: 0 -700%; }
  .PropertySideBar__icon.messages-icon {
    background-position: 0 -800%; }
  .PropertySideBar__icon.documents-icon {
    background-position: 0 -900%; }
  .PropertySideBar__icon.vacancy-icon {
    background-position: 0 -1000%; }
  .PropertySideBar__icon--active.PropertySideBar__icon.takeover-icon {
    background-position: 100% 0; }
  .PropertySideBar__icon--active.PropertySideBar__icon.property-icon {
    background-position: 100% -100%; }
  .PropertySideBar__icon--active.PropertySideBar__icon.people-icon {
    background-position: 100% -200%; }
  .PropertySideBar__icon--active.PropertySideBar__icon.payments-icon {
    background-position: 100% -300%; }
  .PropertySideBar__icon--active.PropertySideBar__icon.moneyout-icon {
    background-position: 100% -400%; }
  .PropertySideBar__icon--active.PropertySideBar__icon.maintenance-icon {
    background-position: 100% -500%; }
  .PropertySideBar__icon--active.PropertySideBar__icon.inspections-icon {
    background-position: 100% -600%; }
  .PropertySideBar__icon--active.PropertySideBar__icon.keys-icon {
    background-position: 100% -700%; }
  .PropertySideBar__icon--active.PropertySideBar__icon.messages-icon {
    background-position: 100% -800%; }
  .PropertySideBar__icon--active.PropertySideBar__icon.documents-icon {
    background-position: 100% -900%; }
  .PropertySideBar__icon--active.PropertySideBar__icon.vacancy-icon {
    background-position: 100% -1000%; }

.side-icon-bar.property-side-bar a.SideBar__link {
  padding: 15px 7px; }
  .side-icon-bar.property-side-bar a.SideBar__link:hover .PropertySideBar__icon.takeover-icon {
    background-position: 100% 0; }
  .side-icon-bar.property-side-bar a.SideBar__link:hover .PropertySideBar__icon.property-icon {
    background-position: 100% -100%; }
  .side-icon-bar.property-side-bar a.SideBar__link:hover .PropertySideBar__icon.people-icon {
    background-position: 100% -200%; }
  .side-icon-bar.property-side-bar a.SideBar__link:hover .PropertySideBar__icon.payments-icon {
    background-position: 100% -300%; }
  .side-icon-bar.property-side-bar a.SideBar__link:hover .PropertySideBar__icon.moneyout-icon {
    background-position: 100% -400%; }
  .side-icon-bar.property-side-bar a.SideBar__link:hover .PropertySideBar__icon.maintenance-icon {
    background-position: 100% -500%; }
  .side-icon-bar.property-side-bar a.SideBar__link:hover .PropertySideBar__icon.inspections-icon {
    background-position: 100% -600%; }
  .side-icon-bar.property-side-bar a.SideBar__link:hover .PropertySideBar__icon.keys-icon {
    background-position: 100% -700%; }
  .side-icon-bar.property-side-bar a.SideBar__link:hover .PropertySideBar__icon.messages-icon {
    background-position: 100% -800%; }
  .side-icon-bar.property-side-bar a.SideBar__link:hover .PropertySideBar__icon.documents-icon {
    background-position: 100% -900%; }
  .side-icon-bar.property-side-bar a.SideBar__link:hover .PropertySideBar__icon.vacancy-icon {
    background-position: 100% -1000%; }

.view-property-comp input:disabled {
  width: 22px; }

.view-property-comp select {
  height: 32px; }

.maintenance-dashboard-property--inspection .-pagination {
  display: none !important; }

.maintenance-dashboard-property--inspection .rt-tbody .rt-tr div:nth-child(2), .maintenance-dashboard-property--inspection .rt-tbody .rt-tr div:nth-child(3) {
  padding-left: 0px; }

.maintenance-dashboard-property--inspection .rt-tbody .rt-tr .icon-center div:nth-child(2), .maintenance-dashboard-property--inspection .rt-tbody .rt-tr .icon-center div:nth-child(3) {
  padding-left: 21px; }

.maintenance-dashboard-property--inspection .DA-PaginationContainer {
  position: relative;
  background: white;
  border-top: 1px solid #f3f3f2;
  height: 55px; }
.Takeover_Percentage {
  width: 35px;
  height: 19px;
  color: #ffa052;
  font-family: muli;
  font-size: 16px;
  font-weight: 500; }
  .Takeover_Percentage--red {
    color: #ff5a61; }
  .Takeover_Percentage--green {
    color: #2de8ae; }

.DA-Pagination {
  margin-top: 39px;
  padding-left: 0;
  text-align: center; }
  .DA-Pagination__dots {
    display: inline-block; }
  .DA-Pagination__item {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    color: #989898;
    cursor: pointer;
    font-family: muli; }
    .DA-Pagination__item--disabled {
      opacity: .5;
      cursor: not-allowed; }
    .DA-Pagination__item--active .DA-Pagination__pageLink {
      border-radius: 4px;
      background-color: #629fed;
      color: #fff; }
  .DA-Pagination__pageLink {
    padding: 10px 15px; }
  .DA-Pagination__prev--link {
    background: #fff;
    border-radius: 4px;
    border: 1px solid #dce0e0;
    margin-right: 12px; }
  .DA-Pagination__next--link {
    background: #fff;
    border-radius: 4px;
    border: 1px solid #dce0e0;
    margin-left: 12px; }

.DA-PropertyUnderManagementContainer {
  background-color: #f5f7fa; }

.dashboardPropertyTable > .-pagination {
  display: none !important; }

.ReactTable .rt-table {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }
.dashboardPropertyTable {
  background-color: #fff; }

.section-header {
  background-color: #dfeaf5; }
  .section-header h1 {
    display: inline-block;
    line-height: 22px;
    color: #000000;
    font-family: muli;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 15px 35px;
    margin: 0 !important; }
    .section-header h1 span {
      margin: 0 5px;
      padding: 2px 5px;
      border-radius: 8px;
      background-color: #96a6bb; }
    .section-header h1 .document {
      line-height: 22px;
      color: #000000;
      font-size: 20px;
      font-weight: 200;
      text-transform: uppercase;
      background-color: transparent; }
    .section-header h1 .oval::before {
      content: '';
      opacity: 0.4;
      margin-left: 5px;
      margin-right: 5px;
      background-color: black;
      width: 9px;
      height: 9px;
      border-radius: 50%;
      position: absolute;
      right: 0;
      bottom: 2px; }
    .section-header h1 .oval {
      width: 22px;
      display: inline-block;
      height: 13px;
      position: relative; }
  .section-header .filter {
    display: block;
    float: right;
    padding: 19px 30px 14px;
    margin-right: 15px; }

.filter-drop div {
  display: inline; }

.filter-drop img {
  margin-right: 10px; }

.popover-css {
  width: 168px; }
  .popover-css .force-muli {
    font-family: muli !important;
    width: 168px !important; }

.force-boder-bottom {
  border-bottom: 1px solid rgba(232, 232, 235, 0.7) !important; }

.redirection-placeholder {
  text-align: center; }
.media-upload {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap; }
  .media-upload .media-upload_upload-zone {
    background-color: #f5f7fa;
    cursor: pointer;
    width: 100px;
    height: 77px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center; }
    .media-upload .media-upload_upload-zone img {
      width: 30px; }
    .media-upload .media-upload_upload-zone input {
      font-size: 100px;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      opacity: 0;
      cursor: pointer; }
  .media-upload .media-upload_image-container {
    margin: 2px 10px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center; }
    .media-upload .media-upload_image-container .media-upload_image-holder {
      background-repeat: no-repeat;
      background-size: cover;
      width: 100px;
      height: 77px;
      animation: activate 1.2s ease;
      border: 1px solid #bdbdbd;
      border-radius: 5px; }
      .media-upload .media-upload_image-container .media-upload_image-holder .media-upload_close-button {
        color: #f44336;
        margin-top: 5px;
        cursor: pointer;
        float: right;
        padding: 2px 10px;
        width: 20px; }

.media-upload_close-button-video {
  top: 7px;
  width: 25px;
  position: relative;
  z-index: 4; }

.media-upload_document {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%; }
  .media-upload_document img {
    width: 34px; }

.media-upload_video-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center; }
  .media-upload_video-container .media-upload_video {
    position: relative;
    top: -25px;
    z-index: 1; }

@keyframes activate {
  0% {
    opacity: 0; }
  100% {
    transform: 1; } }
.auto-complete_search-list {
  margin: 0;
  position: absolute;
  background-color: #fff;
  font-size: 14px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  z-index: 2;
  width: 400px;
  box-shadow: #ddd 0px 3px 4px 1px;
  padding: 6px;
  overflow: auto;
  max-height: 400px ul;
    max-height-margin: 0;
    max-height-padding: 6px; }
  .auto-complete_search-list li {
    z-index: 4;
    list-style: none;
    margin: 0;
    padding: 10px;
    text-transform: capitalize;
    font-size: 12px;
    cursor: pointer; }
    .auto-complete_search-list li:hover {
      background-color: #f1f2f6; }

.auto-complete_text-input-area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  border: 1px solid #DFE2E4;
  padding: 3px 10px;
  background-color: #fff;
  border-radius: 4px; }
  .auto-complete_text-input-area img {
    width: 15px; }
  .auto-complete_text-input-area input {
    border: none;
    margin: 5px 0;
    width: 100%;
    padding: 0 10px;
    font-size: 14px; }
  .auto-complete_text-input-area input:focus {
    outline: none;
    width: 100%;
    font-size: 14px; }

.auto-complete_no-records {
  font-size: 12px;
  color: #DFE2E4; }

.auto-complete {
  width: 100%; }
.add-maintenance {
  max-height: 1000px !important;
  padding: 0px 30px !important;
  border-radius: 5px; }

.add-maintenance_heading h2 {
  color: #333E48;
  font-family: "Poppins Semi Bold"; }

.add-maintenance-outer {
  min-width: 848px;
  max-height: 70vh;
  overflow-y: scroll; }

.add-maintenance_row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 10px 0; }

.add-maintenance_row-top-align {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 10px 0; }

.add-maintenance_row-urgent {
  display: flex;
  align-items: flex-start;
  margin-top: 10px;
  margin-bottom: 10px; }

.add-maintenance_row-bottom-align {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin: 10px 0; }

.add-maintenance_col-left {
  width: 30%;
  font-size: 16px; }

.add-maintenance_col-right {
  width: 70%; }

.add-maintenance_star {
  color: #ff0000; }

.add-main_input-text {
  color: #000;
  font-size: 14px;
  padding: 10px 0px 8px 8px;
  border-radius: 3px;
  border: 1px solid #e0e0e0;
  margin-top: 10px;
  width: 100%;
  outline: none; }

add-main_input-text-area {
  margin-top: 0; }

.add-maintenance_col-area {
  display: flex;
  flex-direction: column; }
  .add-maintenance_col-area .add-maintenance_col-radio-area {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px; }

.add-maintenance_select {
  font-size: 14px;
  width: 98%;
  height: 39px;
  color: #666;
  border-radius: 3px;
  outline: none;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  margin-top: 10px;
  margin-right: 10px;
  max-width: 47%; }

.add-maintenance_col-horizon {
  display: flex;
  align-items: centerl;
  justify-content: space-between; }

.add-maintenance_button {
  margin: 10px;
  cursor: pointer; }

.button__cancel {
  background-color: #fff;
  color: #9ecbe4;
  text-decoration: underline; }

.add-maintenance_button-disabled {
  background-color: #dfe4ea;
  color: #747d8c;
  cursor: not-allowed; }

.add-maintenance_auto-complete {
  display: flex;
  width: 93%; }

.add-maintenance-error {
  font-size: 11px;
  color: #ff0000;
  margin-top: 2px;
  display: flex; }

.add-maintenance_error-icon {
  width: 13px;
  height: 13px;
  margin-right: 4px; }

.property-radio-value {
  font-size: 14px;
  margin-left: 10px; }

.add-maintenance_radio-button-input {
  display: none; }

.add-maintenance_radio-button-icon_outer {
  border: 2px solid #E0E3E5;
  width: 16px;
  height: 16px;
  border-radius: 16px;
  display: flex;
  justify-content: center;
  align-items: center; }

.add-maintenance_radio-button-icon_inner {
  display: none;
  background-color: #57C1E8;
  width: 10px;
  height: 10px;
  border-radius: 10px; }

.add-maintenance_radio-button-input:checked + .add-maintenance_radio-button-icon_outer {
  border: 2px solid #57C1E8; }
  .add-maintenance_radio-button-input:checked + .add-maintenance_radio-button-icon_outer .add-maintenance_radio-button-icon_inner {
    display: block; }
.section-header {
  background-color: #dfeaf5; }
  .section-header h1 {
    line-height: 22px;
    color: #000000;
    font-family: muli;
    font-size: 20px;
    font-weight: 600;
    text-transform: none !important;
    padding: 15px 35px;
    margin: 0 !important; }
    .section-header h1 span {
      margin: 0 5px;
      padding: 2px 5px;
      border-radius: 8px;
      background-color: #96a6bb; }
    .section-header h1 .oval-mn {
      margin-left: 20px;
      margin-right: 20px; }
    .section-header h1 .document-mn {
      margin-left: 0;
      padding-left: 0;
      text-transform: capitalize !important; }

.span-count {
  background-color: #b5cae6 !important;
  color: #f1f1f1; }

.maintenance-tab .tab {
  padding: 20px 15px 8px 15px;
  line-height: 16px;
  color: #d2d2d2;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  cursor: pointer;
  margin-left: 25px; }
  .maintenance-tab .tab .tab-request-count {
    background: #F5F6F8;
    color: #91969B;
    font-size: 12px;
    padding: 0px 6px;
    border-radius: 4px; }
  .maintenance-tab .tab .count-zero {
    display: none; }

.maintenance-tab .active-tab, .maintenance-tab .tab:hover {
  color: #9ecbe4;
  font-weight: 500;
  border-bottom: 3px solid #9ecbe4; }
  .maintenance-tab .active-tab .tab-request-count, .maintenance-tab .tab:hover .tab-request-count {
    background: #57C1E8;
    color: #fff; }

.row.col-xs-12.maintenance-role-tabs {
  padding-left: 21px;
  margin-top: 9px;
  margin-bottom: 20px; }

.maintenance-dashboard .rt-td {
  color: #000000; }

.btn-maintenance-actions {
  background: none;
  border: none;
  cursor: pointer; }
  .btn-maintenance-actions img {
    height: 20px;
    width: 20px; }

.img-arrow {
  background-image: url(/images/arrowForword.png);
  height: 18px;
  width: 20px; }

.img-arrow:hover {
  background-image: url(/images/arrow-active.png);
  height: 18px;
  width: 20px; }

.img-info {
  background-image: url(/images/moreInfo.png);
  height: 20px;
  width: 20px; }

.img-info:hover {
  background-image: url(/images/need_info_active.png);
  height: 20px;
  width: 20px; }

.img-block {
  background-image: url(/images/block.png);
  height: 20px;
  width: 20px; }

.img-block:hover {
  background-image: url(/images/deny_active.png);
  height: 20px;
  width: 20px; }

.img-crose-size {
  background-image: url(/images/close.png);
  height: 16px !important;
  width: 16px !important; }

.img-crose-size:hover {
  background-image: url(/images/close-active.png);
  height: 16px !important;
  width: 16px !important; }

.img-down-size {
  background-image: url(/images/download.png);
  height: 20px !important;
  width: 16px !important; }

.img-assign {
  background-image: url(/images/assign.svg);
  background-repeat: no-repeat;
  height: 20px !important;
  width: 20px !important; }

.img-assign:hover {
  background-image: url(/images/assign-blue.svg);
  background-repeat: no-repeat;
  height: 20px !important;
  width: 20px !important; }

.img-reassign {
  background-image: url(/images/reassign.svg);
  height: 20px;
  width: 20px; }

.img-reassign:hover {
  background-image: url(/images/reassign-blue.svg);
  height: 20px !important;
  width: 20px !important; }

.maintenance_table_header::before {
  content: none !important; }

.tbody-icons {
  padding-top: 10px !important;
  text-align: right; }
  .tbody-icons .btn:focus, .tbody-icons .btn:active {
    outline: none !important;
    box-shadow: none; }

.img-mrgin {
  margin-right: 14px; }

.tbody-clr {
  color: #2a85de !important; }

.maintenance-tbl .rt-td {
  height: 40px;
  line-height: 0; }

.tbody-cursorless {
  cursor: default !important; }

.tbody-more-details {
  font-size: 14px; }

.maintenance-detail-update {
  padding: 0; }

.maintenance-dashboard_add-new-request-btn-holder {
  display: flex;
  justify-content: flex-end;
  background-color: transparent;
  margin: 10px 0; }

.maintenance-dashboard_add-new-request-btn {
  padding: 10px 20px;
  border: 1px solid #9ecbe4;
  background-color: transparent;
  color: #9ecbe4;
  font-weight: 800;
  border-radius: 5px;
  cursor: pointer; }
.section-header.reports-header {
  background-color: #fff0;
  margin-bottom: 20px;
  min-height: 44px; }
  .section-header.reports-header .selectpicker {
    font-size: 15px;
    color: #686868;
    padding: 9px 15px;
    border: 1px solid #DDDDDD;
    border-radius: 4px;
    background: linear-gradient(180deg, #FFFFFF 0%, #F7F7F7 100%);
    box-shadow: inset 0 -1px 0 0 #C8C8C8; }
  .section-header.reports-header .btn-download {
    color: #9ECBE4;
    border: 1.5px solid #9ECBE4;
    padding: 8px 30px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 900;
    text-decoration: none;
    float: right; }
    .section-header.reports-header .btn-download img {
      margin-bottom: -5px;
      padding-right: 10px; }
    .section-header.reports-header .btn-download:hover {
      border: 1.5px solid #9edfff;
      color: #9edfff; }
    .section-header.reports-header .btn-download:active {
      color: #9ECBE4;
      border: 1.5px solid #9ECBE4; }
  .section-header.reports-header .btn-map {
    color: #fff;
    background: #A8D1E7;
    border: 1.5px solid #A8D1E7;
    padding: 8px 30px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 900;
    text-decoration: none;
    float: right;
    margin-right: 10px;
    cursor: pointer; }
    .section-header.reports-header .btn-map img {
      height: 21px;
      margin-bottom: -5px;
      padding-right: 10px; }
    .section-header.reports-header .btn-map:hover {
      background: #9ECBE4; }
    .section-header.reports-header .btn-map:active {
      background: #A8D1E7; }
  .section-header.reports-header .btn-show-all {
    color: #fff;
    height: 39px;
    background: #A8D1E7;
    border: 1.5px solid #A8D1E7;
    padding: 8px 30px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 900;
    text-decoration: none;
    float: right;
    margin-right: 10px;
    cursor: pointer; }
    .section-header.reports-header .btn-show-all:hover {
      background: #9ECBE4; }
    .section-header.reports-header .btn-show-all:active {
      background: #A8D1E7; }

.section-header.reports-title h1 {
  display: inline-block;
  font-weight: 300; }
  .section-header.reports-title h1 span {
    color: #fff; }

.section-header.reports-title .filter {
  display: block;
  float: right;
  padding: 19px 30px 14px;
  margin-right: 15px; }

.filter-drop div {
  display: inline; }

.filter-drop img {
  margin-right: 10px; }

.popover-css {
  width: 145px; }

.force-boder-bottom {
  border-bottom: 1px solid rgba(232, 232, 235, 0.7) !important; }

.ReportsTable {
  background-color: #fff; }
  .ReportsTable .wd-5 {
    width: 5% !important; }
  .ReportsTable .wd-10 {
    width: 10% !important; }
  .ReportsTable .wd-15 {
    width: 15% !important; }
  .ReportsTable .wd-20 {
    width: 20% !important; }
  .ReportsTable .wd-25 {
    width: 25% !important; }
  .ReportsTable .wd-30 {
    width: 30% !important; }
  .ReportsTable .wd-35 {
    width: 35% !important; }
  .ReportsTable .wd-40 {
    width: 40% !important; }
  .ReportsTable .wd-50 {
    width: 50% !important; }
  .ReportsTable .wd-65 {
    width: 65% !important; }
  .ReportsTable .wd-100 {
    width: 100% !important; }
  .ReportsTable .rt-thead .rt-th, .ReportsTable .rt-thead .rt-td {
    padding: 17px 0px 17px 52px;
    flex: none !important; }
  .ReportsTable .col-actions {
    padding: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center; }
    .ReportsTable .col-actions .action-icon {
      margin: 10px; }
  .ReportsTable .rt-tbody .rt-td {
    padding: 30px 0px 10px 35px;
    height: 60px;
    color: #000;
    cursor: default;
    flex: none !important;
    height: auto;
    padding: 18px 0px 10px 35px; }
  .ReportsTable .rt-tbody .rt-td.clickable {
    color: #002fa4;
    cursor: pointer; }
  .ReportsTable .action_table_header::before {
    content: none !important; }
  .ReportsTable .date_available .green {
    color: #1CC59A; }
  .ReportsTable .date_available .yellow {
    color: #ddc700; }
  .ReportsTable .date_available .red {
    color: #e93600; }

.action_table_cell {
  padding: 30px 0px 10px 45px !important; }

.btn-propertiesavailable-actions {
  background: none;
  position: relative;
  border: none;
  cursor: pointer; }
  .btn-propertiesavailable-actions img {
    height: 20px;
    width: 20px; }
  .btn-propertiesavailable-actions .tooltip {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s; }
    .btn-propertiesavailable-actions .tooltip:after {
      content: "";
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: #555 transparent transparent transparent; }
  .btn-propertiesavailable-actions:hover .tooltip {
    visibility: visible;
    opacity: 1; }

.report-dialog {
  width: 400px !important; }
  .report-dialog .model-input {
    height: 32px;
    line-height: 19px;
    opacity: 0.8;
    color: #686868;
    font-size: 14px;
    font-weight: 400;
    background: white;
    border-color: #dfdfdf;
    border-radius: 4px;
    cursor: pointer; }
  .report-dialog .timepicker {
    border: 1px solid #dfdfdf;
    padding: 0; }
    .report-dialog .timepicker .text-feild {
      padding: 0; }
    .report-dialog .timepicker .clock-icon {
      position: absolute;
      right: 20px;
      padding: 5px 15px; }
  .report-dialog .datepicker {
    padding: 0; }
  .report-dialog .report-modal-action {
    text-align: right;
    padding: 0px 8px 20px 8px !important; }
  .report-dialog .note-action {
    text-align: right; }
  .report-dialog .hint-error {
    margin-top: 0px;
    margin-left: 31%; }
  .report-dialog hr {
    display: none; }
  .report-dialog .title {
    color: #000000;
    font-size: 16px; }
  .report-dialog .address {
    font-size: 24px;
    margin: 5px 0px 20px;
    color: #000000; }
  .report-dialog label {
    opacity: 0.5;
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 20px;
    padding-top: 5px; }
  .report-dialog .lbldate {
    height: 30px; }
  .report-dialog .access_preview {
    border-radius: 8px;
    background-color: #fff;
    color: #7F7F7F;
    padding: 0;
    margin-bottom: 20px;
    border: none;
    width: 100%;
    outline: none;
    font-family: muli, "sans-serif";
    line-height: 18px;
    font-size: 14px; }
    .report-dialog .access_preview .access_preview__text {
      margin: 0; }
    .report-dialog .access_preview.access_preview__text_editable {
      border: 1px solid #DEDEDE;
      padding: 5px; }
  .report-dialog .ant-calendar-picker-input {
    opacity: 0.8;
    color: #686868;
    font-size: 14px;
    width: 100%;
    padding-right: 3px; }
  .report-dialog .ant-calendar-picker-icon {
    right: 2px; }

.report-toast {
  width: 80%;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 25%; }

.report-map-dialog {
  width: 100% !important;
  max-width: 100% !important;
  height: 100%;
  position: absolute !important;
  top: -65px;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff; }
  .report-map-dialog .dialog-content {
    display: contents; }
  .report-map-dialog .map_left {
    position: absolute;
    right: 0;
    top: 0;
    width: 30%;
    height: 100%;
    overflow: auto; }
    .report-map-dialog .map_left .close-map {
      position: fixed;
      right: 20px;
      top: 10px;
      cursor: pointer; }
    .report-map-dialog .map_left .address_list {
      padding: 0 10px;
      margin-top: 60px; }
      .report-map-dialog .map_left .address_list .map_item {
        cursor: pointer; }
        .report-map-dialog .map_left .address_list .map_item .map_pin {
          background: #000;
          display: inline-block;
          border-radius: 14px 14px 14px 0;
          width: 9px;
          height: 9px;
          border: 7px solid #000;
          -webkit-transform: rotate(-45deg);
          -moz-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
          -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
          position: relative;
          -webkit-box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.2);
          -moz-box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.2);
          box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.2);
          margin-bottom: -4px; }
        .report-map-dialog .map_left .address_list .map_item .map_pin_value {
          position: absolute;
          left: 0;
          top: -2px;
          transform: rotate(45deg);
          color: #fff;
          font-size: 12px; }
        .report-map-dialog .map_left .address_list .map_item .address {
          margin-left: 10px; }
    .report-map-dialog .map_left .address_list_bottom {
      text-align: right;
      margin-bottom: 20px; }
  .report-map-dialog .map_point {
    margin-top: -15px; }
    .report-map-dialog .map_point.selected {
      margin-top: -100px; }
    .report-map-dialog .map_point .placeholder {
      background: #000;
      display: inline-block;
      border-radius: 14px 14px 14px 0;
      width: 9px;
      height: 9px;
      border: 7px solid #000;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg);
      position: relative;
      -webkit-box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.2);
      box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.2);
      margin-top: 10px;
      margin-bottom: -4px; }
      .report-map-dialog .map_point .placeholder .placeholder_text {
        position: absolute;
        left: 0;
        top: -2px;
        transform: rotate(45deg);
        color: #fff;
        font-size: 12px; }
    .report-map-dialog .map_point .popup-point {
      width: 0;
      height: 0;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-top: 8px solid #fff;
      position: absolute;
      margin-left: -6px;
      margin-top: -2px; }
    .report-map-dialog .map_point .popup {
      width: 200px;
      margin-left: -90px;
      background: #fff;
      color: #3A424F;
      font-weight: 600;
      text-align: center;
      -webkit-box-shadow: 0 4px 2px 0 rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0 4px 2px 0 rgba(0, 0, 0, 0.2);
      box-shadow: 0 4px 2px 0 rgba(0, 0, 0, 0.2);
      display: none; }
      .report-map-dialog .map_point .popup.visible {
        display: block; }
      .report-map-dialog .map_point .popup .header {
        background: #F4F4F4;
        padding: 5px; }
      .report-map-dialog .map_point .popup .footer {
        padding: 5px; }
        .report-map-dialog .map_point .popup .footer .available_date {
          color: #2DE8AE; }
        .report-map-dialog .map_point .popup .footer .oval::before {
          content: '\25CF';
          color: #CBCBCB;
          margin: 0 7px;
          background-color: transparent; }

.diff-icon-button {
  width: 70px;
  height: 21px;
  color: #3cdabf;
  font-family: "Poppins Semi Bold";
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  text-decoration: underline;
  text-transform: uppercase;
  position: relative;
  padding-left: 18px;
  cursor: pointer; }
  .diff-icon-button:before {
    content: "";
    background: url(/images/plus-doc.svg);
    width: 14px;
    height: 16px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background-size: contain; }

p.renew-report-text {
  margin-top: 0;
  margin-bottom: 0;
  color: #333e48;
  font-family: muli;
  font-size: 14px;
  font-weight: 400; }
  p.renew-report-text span.count-red {
    color: #df3a3a; }
  p.renew-report-text span.count-orange {
    color: #f48c36; }
  p.renew-report-text span.count-green {
    color: #3cdabf; }

p.renew-report-text--preference {
  color: #f48c36;
  font-weight: 600;
  line-height: 20px;
  margin-top: 5px; }

p.renew-report-text--with-height {
  color: #333e48;
  font-family: Muli;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.2px;
  line-height: 14px;
  white-space: pre-wrap; }

p.renew-report-text--address {
  color: #3c97d0;
  font-family: Muli;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  white-space: pre-wrap;
  margin: 0; }

.lease-renewal-icon {
  width: 30px;
  height: 30px;
  background: url(/images/check-and-call.svg);
  background-size: 200% 200%;
  background-position: 0 0;
  cursor: pointer; }
  .lease-renewal-icon:hover {
    background-position-x: 100%; }
  .lease-renewal-icon--phone {
    background-position-y: 100%; }

.diff-button {
  padding: 8px 25px;
  border-radius: 4px;
  background-color: #57c1e8;
  text-transform: uppercase;
  font-family: "Poppins Semi Bold";
  border: 0;
  color: #fff;
  cursor: pointer; }
  .diff-button--link {
    color: #57c1e8;
    background-color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-decoration: underline; }

.confirm-done-renew-dialog {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px 32px; }
  .confirm-done-renew-dialog p {
    color: #333e48;
    font-family: "Poppins Medium";
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin: 0; }
  .confirm-done-renew-dialog__buttons {
    display: flex;
    justify-content: flex-end; }
  .confirm-done-renew-dialog h2 {
    font-size: 23px; }
  .confirm-done-renew-dialog__form {
    padding: 0;
    width: 100%;
    display: flex; }
  .confirm-done-renew-dialog .renew-notes-input {
    margin-top: 18px;
    margin-bottom: 28px;
    border-radius: 2px;
    background-color: #f5f6f8;
    color: #333e48;
    padding: 8px 16px;
    border: none; }

.renewal-column-heading p {
  color: #333e48;
  font-family: Muli;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding-left: 35px; }
  .renewal-column-heading p:after {
    content: "";
    display: inline-block;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #bec2c5;
    margin-left: 7px;
    transition: 300ms ease; }
  .renewal-column-heading p.sort:after {
    border-top-color: #333e48; }
  .renewal-column-heading p.sort--desc:after {
    transform: rotateX(180deg); }

.renewal-note-text {
  color: #333e48;
  font-family: Muli;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.2px;
  line-height: 14px;
  white-space: pre-wrap;
  margin: 0; }

.renewal-caller-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.takeover-checkbox-container {
  width: 20px;
  height: 20px; }

.takeover-checkbox {
  cursor: pointer; }
  .takeover-checkbox:hover .takeover-checkbox-icon {
    border: 2px solid #57C1E8; }
  .takeover-checkbox:hover .takeover-checkbox-input:checked + .takeover-checkbox-icon {
    border: 2px solid #DFE2E4; }

.takeover-checkbox-input {
  display: none; }

.takeover-checkbox-icon {
  background-image: none;
  background-color: transparent;
  border: 2px solid #DFE2E4;
  width: 20px;
  height: 20px;
  border-radius: 6px; }

.takeover-checkbox-input:checked + .takeover-checkbox-icon {
  background-image: url(/images/check.svg);
  background-color: #57C1E8;
  background-size: 70%;
  background-position: center;
  background-repeat: no-repeat;
  border: 2px solid #57C1E8; }

.takeover-management-start-text {
  padding-left: 8px; }

.takeover-management-start-datepicker {
  cursor: pointer !important; }
  .takeover-management-start-datepicker input {
    border: none !important; }
  .takeover-management-start-datepicker .ant-calendar-picker-input {
    cursor: pointer;
    height: unset;
    color: black;
    font-size: 16px;
    padding: 0px; }

.takeover {
  line-height: unset; }

.takeover-percentage-red {
  color: #FF5959; }

.takeover-percentage-orange {
  color: #FFA052; }
.container-fluid,
.container {
  margin-right: auto;
  margin-left: auto; }

.container-fluid {
  padding-right: 2rem;
  padding-left: 2rem; }

.row {
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -0.5rem;
  margin-left: -0.5rem; }

.row.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse; }

.col.reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse; }

.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.hdLabel,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.hdValueLabel,
.hdInput,
.hdPropertyInput,
.hdCreditCard__wrapper,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.hdContainer,
.col-xs-offset-0,
.col-xs-offset-1,
.col-xs-offset-2,
.col-xs-offset-3,
.col-xs-offset-4,
.col-xs-offset-5,
.col-xs-offset-6,
.col-xs-offset-7,
.col-xs-offset-8,
.col-xs-offset-9,
.col-xs-offset-10,
.col-xs-offset-11,
.col-xs-offset-12 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-right: 0.5rem;
  padding-left: 0.5rem; }

.col-xs {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  max-width: 100%; }

.col-xs-1 {
  -ms-flex-preferred-size: 8.33333333%;
  flex-basis: 8.33333333%;
  max-width: 8.33333333%; }

.col-xs-2 {
  -ms-flex-preferred-size: 16.66666667%;
  flex-basis: 16.66666667%;
  max-width: 16.66666667%; }


.col-xs-3,
.hdLabel {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%; }

.col-xs-4 {
  -ms-flex-preferred-size: 33.33333333%;
  flex-basis: 33.33333333%;
  max-width: 33.33333333%; }

.col-xs-5 {
  -ms-flex-preferred-size: 41.66666667%;
  flex-basis: 41.66666667%;
  max-width: 41.66666667%; }

.col-xs-6 {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%; }


.col-xs-7,
.hdValueLabel,
.hdInput,
.hdPropertyInput,
.hdCreditCard__wrapper {
  -ms-flex-preferred-size: 58.33333333%;
  flex-basis: 58.33333333%;
  max-width: 58.33333333%; }

.col-xs-8 {
  -ms-flex-preferred-size: 66.66666667%;
  flex-basis: 66.66666667%;
  max-width: 66.66666667%; }

.col-xs-9 {
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  max-width: 75%; }

.col-xs-10 {
  -ms-flex-preferred-size: 83.33333333%;
  flex-basis: 83.33333333%;
  max-width: 83.33333333%; }

.col-xs-11 {
  -ms-flex-preferred-size: 91.66666667%;
  flex-basis: 91.66666667%;
  max-width: 91.66666667%; }


.col-xs-12,
.hdContainer {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%; }

.col-xs-offset-0 {
  margin-left: 0; }

.col-xs-offset-1 {
  margin-left: 8.33333333%; }

.col-xs-offset-2 {
  margin-left: 16.66666667%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-4 {
  margin-left: 33.33333333%; }

.col-xs-offset-5 {
  margin-left: 41.66666667%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-7 {
  margin-left: 58.33333333%; }

.col-xs-offset-8 {
  margin-left: 66.66666667%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-10 {
  margin-left: 83.33333333%; }

.col-xs-offset-11 {
  margin-left: 91.66666667%; }

.start-xs {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  text-align: start; }

.center-xs {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center; }

.end-xs {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  text-align: end; }

.top-xs {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; }

.middle-xs {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.bottom-xs {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end; }

.around-xs {
  -ms-flex-pack: distribute;
  justify-content: space-around; }

.between-xs {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.first-xs {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1; }

.last-xs {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1; }

@media only screen and (min-width: 48em) {
  .container {
    width: 49rem; }
  .col-sm,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .hdLabel,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .hdValueLabel,
  .hdInput,
  .hdPropertyInput,
  .hdCreditCard__wrapper,
  .col-sm-8,
  .hdContainer,
  .col-sm-9,
  .col-sm-10,
  .hdValidation__wrapper--normal,
  .col-sm-11,
  .col-sm-12,
  .hdValidation__wrapper--card_holder,
  .col-sm-offset-0,
  .col-sm-offset-1,
  .col-sm-offset-2,
  .hdValidation__wrapper--normal,
  .col-sm-offset-3,
  .col-sm-offset-4,
  .col-sm-offset-5,
  .col-sm-offset-6,
  .col-sm-offset-7,
  .col-sm-offset-8,
  .col-sm-offset-9,
  .col-sm-offset-10,
  .col-sm-offset-11,
  .col-sm-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem; }
  .col-sm {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%; }
  .col-sm-1 {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%; }
  .col-sm-2 {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%; }
  
  .col-sm-3,
  .hdLabel {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%; }
  .col-sm-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%; }
  .col-sm-5 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%; }
  .col-sm-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%; }
  
  .col-sm-7,
  .hdValueLabel,
  .hdInput,
  .hdPropertyInput,
  .hdCreditCard__wrapper {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%; }
  
  .col-sm-8,
  .hdContainer {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%; }
  .col-sm-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%; }
  
  .col-sm-10,
  .hdValidation__wrapper--normal {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%; }
  .col-sm-11 {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%; }
  
  .col-sm-12,
  .hdValidation__wrapper--card_holder {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%; }
  .col-sm-offset-0 {
    margin-left: 0; }
  .col-sm-offset-1 {
    margin-left: 8.33333333%; }
  
  .col-sm-offset-2,
  .hdValidation__wrapper--normal {
    margin-left: 16.66666667%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-4 {
    margin-left: 33.33333333%; }
  .col-sm-offset-5 {
    margin-left: 41.66666667%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-7 {
    margin-left: 58.33333333%; }
  .col-sm-offset-8 {
    margin-left: 66.66666667%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-10 {
    margin-left: 83.33333333%; }
  .col-sm-offset-11 {
    margin-left: 91.66666667%; }
  .start-sm {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start; }
  .center-sm {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center; }
  .end-sm {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end; }
  .top-sm {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
  .middle-sm {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .bottom-sm {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }
  .around-sm {
    -ms-flex-pack: distribute;
    justify-content: space-around; }
  .between-sm {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .first-sm {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1; }
  .last-sm {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; } }

@media only screen and (min-width: 64em) {
  .container {
    width: 65rem; }
  .col-md,
  .col-md-1,
  .col-md-2,
  .hdLabel,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .hdContainer,
  .col-md-9,
  .col-md-10,
  .hdValueLabel,
  .hdInput,
  .hdPropertyInput,
  .hdCreditCard__wrapper,
  .col-md-11,
  .col-md-12,
  .col-md-offset-0,
  .col-md-offset-1,
  .col-md-offset-2,
  .col-md-offset-3,
  .col-md-offset-4,
  .col-md-offset-5,
  .col-md-offset-6,
  .col-md-offset-7,
  .col-md-offset-8,
  .col-md-offset-9,
  .col-md-offset-10,
  .col-md-offset-11,
  .col-md-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem; }
  .col-md {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%; }
  .col-md-1 {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%; }
  
  .col-md-2,
  .hdLabel {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%; }
  .col-md-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%; }
  .col-md-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%; }
  .col-md-5 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%; }
  .col-md-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%; }
  .col-md-7 {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%; }
  
  .col-md-8,
  .hdContainer {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%; }
  .col-md-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%; }
  
  .col-md-10,
  .hdValueLabel,
  .hdInput,
  .hdPropertyInput,
  .hdCreditCard__wrapper {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%; }
  .col-md-11 {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%; }
  .col-md-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%; }
  .col-md-offset-0 {
    margin-left: 0; }
  .col-md-offset-1 {
    margin-left: 8.33333333%; }
  .col-md-offset-2 {
    margin-left: 16.66666667%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-4 {
    margin-left: 33.33333333%; }
  .col-md-offset-5 {
    margin-left: 41.66666667%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-7 {
    margin-left: 58.33333333%; }
  .col-md-offset-8 {
    margin-left: 66.66666667%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-10 {
    margin-left: 83.33333333%; }
  .col-md-offset-11 {
    margin-left: 91.66666667%; }
  .start-md {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start; }
  .center-md {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center; }
  .end-md {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end; }
  .top-md {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
  .middle-md {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .bottom-md {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }
  .around-md {
    -ms-flex-pack: distribute;
    justify-content: space-around; }
  .between-md {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .first-md {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1; }
  .last-md {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; } }

@media only screen and (min-width: 75em) {
  .container {
    width: 76rem; }
  .col-lg,
  .col-lg-1,
  .col-lg-2,
  .hdLabel,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .hdContainer,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .hdValueLabel,
  .hdInput,
  .hdPropertyInput,
  .hdCreditCard__wrapper,
  .col-lg-11,
  .col-lg-12,
  .col-lg-offset-0,
  .col-lg-offset-1,
  .col-lg-offset-2,
  .col-lg-offset-3,
  .col-lg-offset-4,
  .col-lg-offset-5,
  .col-lg-offset-6,
  .col-lg-offset-7,
  .col-lg-offset-8,
  .col-lg-offset-9,
  .col-lg-offset-10,
  .col-lg-offset-11,
  .col-lg-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem; }
  .col-lg {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%; }
  .col-lg-1 {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%; }
  
  .col-lg-2,
  .hdLabel {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%; }
  .col-lg-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%; }
  .col-lg-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%; }
  .col-lg-5 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%; }
  
  .col-lg-6,
  .hdContainer {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%; }
  .col-lg-7 {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%; }
  .col-lg-8 {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%; }
  .col-lg-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%; }
  
  .col-lg-10,
  .hdValueLabel,
  .hdInput,
  .hdPropertyInput,
  .hdCreditCard__wrapper {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%; }
  .col-lg-11 {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%; }
  .col-lg-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%; }
  .col-lg-offset-0 {
    margin-left: 0; }
  .col-lg-offset-1 {
    margin-left: 8.33333333%; }
  .col-lg-offset-2 {
    margin-left: 16.66666667%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-4 {
    margin-left: 33.33333333%; }
  .col-lg-offset-5 {
    margin-left: 41.66666667%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-7 {
    margin-left: 58.33333333%; }
  .col-lg-offset-8 {
    margin-left: 66.66666667%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-10 {
    margin-left: 83.33333333%; }
  .col-lg-offset-11 {
    margin-left: 91.66666667%; }
  .start-lg {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start; }
  .center-lg {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center; }
  .end-lg {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end; }
  .top-lg {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
  .middle-lg {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .bottom-lg {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }
  .around-lg {
    -ms-flex-pack: distribute;
    justify-content: space-around; }
  .between-lg {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .first-lg {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1; }
  .last-lg {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; } }

.hdLabel {
  width: 66px;
  height: 25px;
  color: #6a7c93;
  font-size: 16px;
  text-align: left; }

.hdValueLabel {
  height: 25px;
  color: #3a424f;
  font-size: 16px;
  text-align: left;
  padding-left: 0; }

.hdInput {
  height: 40px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  background-color: #ffffff;
  color: #3a424f;
  font-size: 16px;
  border: none; }
  .hdInput::placeholder {
    color: #aab7c5; }

.hdPropertyInput {
  position: relative;
  padding: 0; }
  .hdPropertyInput.col-sm-10, .hdPropertyInput.hdValidation__wrapper--normal {
    padding: 0; }

.hdFormGroup {
  margin-bottom: 30px; }
  .hdFormGroup--relative {
    position: relative; }
  .hdFormGroup--property {
    margin-bottom: 46px; }
  .hdFormGroup--creditCard {
    margin-bottom: 20px; }

.hdForm {
  margin-top: 64px; }

.hdTitle {
  width: 328px;
  height: 34px;
  color: #3a424f;
  font-size: 22px;
  font-weight: 600;
  text-align: left;
  margin-top: 110px; }
  .hdTitle--success {
    text-align: center;
    width: 485px;
    height: 34px;
    color: #3a424f;
    font-size: 22px;
    font-weight: 600; }
    .hdTitle--success em {
      color: #ff0000; }

.hdButton.button {
  padding-top: 11px;
  padding-bottom: 11px;
  text-align: center;
  height: auto;
  margin-left: 20px;
  cursor: pointer; }
  .hdButton.button.hdButton--newPayment {
    width: 220px; }
  .hdButton.button.hdButton--center {
    margin: 0 auto; }

.hdTextArea {
  width: 100%;
  height: 100px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  background-color: #ffffff;
  border: none;
  outline: none;
  color: #aab7c5;
  font-size: 16px;
  padding: 15px 20px; }

.display-none {
  display: none; }

.hdCreditCardExpiry, .hdCreditCardNumber, .hdCreditCardName {
  height: 40px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  background-color: #ffffff;
  color: #3a424f;
  font-size: 16px;
  border: none;
  width: 100%;
  padding: 0 8px;
  margin-left: -8px; }
  .hdCreditCardExpiry::placeholder, .hdCreditCardNumber::placeholder, .hdCreditCardName::placeholder {
    color: #aab7c5; }

.hdLink {
  height: 16px;
  color: #1cc59a;
  font-family: muli;
  font-size: 14px;
  font-weight: 500;
  text-decoration: underline; }

.hdSuccessControlls {
  margin-top: 50px; }

.hdValidation {
  text-align: left;
  position: relative;
  padding-left: 15px;
  color: red; }
  .hdValidation:before {
    content: '';
    width: 10px;
    height: 10px;
    display: inline-block;
    background-size: 100%;
    position: absolute;
    top: 2px;
    left: 0; }
  .hdValidation--card {
    margin-bottom: 10px; }
  .hdValidation__wrapper {
    padding: 10px 10px 0 10px; }
  .hdValidation--property {
    margin-top: 10px; }

.dev_display {
  width: 300px;
  position: fixed;
  top: 77px;
  left: 0;
  border: 4px solid #ff5a61;
  z-index: 100;
  word-break: break-word;
  background-color: #000;
  color: #fff;
  font-family: monospace;
  word-spacing: 1em;
  letter-spacing: .1em;
  line-height: 1.5em;
  padding: 18px;
  opacity: 0.6;
  cursor: move;
  display: block; }

.hdCreditCardInput {
  height: 40px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  background-color: #ffffff;
  color: #3a424f;
  font-size: 16px;
  border: none;
  padding: 0 13px 0 2px;
  margin-left: -8px; }
  .hdCreditCardInput::placeholder {
    color: #aab7c5; }

[class*="col"].col-no-padding {
  padding: 0; }

.hdCreditCard__input {
  margin-bottom: 10px; }

.HdCCParts {
  display: inline-block;
  float: left; }
  .HdCCParts--expiry {
    width: calc(60% - 30px); }
  .HdCCParts--cvc {
    width: 40%;
    float: right; }
.hdInput.hdInput--amount {
  background-image: url(/images/dollar-gray.png);
  background-repeat: no-repeat;
  background-size: 10px;
  background-position: 15px 10px;
  padding-left: 34px; }

.hdCcParts {
  display: inline-block;
  padding: 0 7px; }
  .hdCcParts:first-of-type {
    padding-left: 0; }
.container-fluid,
.container {
  margin-right: auto;
  margin-left: auto; }

.container-fluid {
  padding-right: 2rem;
  padding-left: 2rem; }

.row {
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -0.5rem;
  margin-left: -0.5rem; }

.row.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse; }

.col.reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse; }

.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.hdLabel,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.hdValueLabel,
.hdInput,
.hdPropertyInput,
.hdCreditCard__wrapper,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.hdContainer,
.col-xs-offset-0,
.col-xs-offset-1,
.col-xs-offset-2,
.col-xs-offset-3,
.col-xs-offset-4,
.col-xs-offset-5,
.col-xs-offset-6,
.col-xs-offset-7,
.col-xs-offset-8,
.col-xs-offset-9,
.col-xs-offset-10,
.col-xs-offset-11,
.col-xs-offset-12 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-right: 0.5rem;
  padding-left: 0.5rem; }

.col-xs {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  max-width: 100%; }

.col-xs-1 {
  -ms-flex-preferred-size: 8.33333333%;
  flex-basis: 8.33333333%;
  max-width: 8.33333333%; }

.col-xs-2 {
  -ms-flex-preferred-size: 16.66666667%;
  flex-basis: 16.66666667%;
  max-width: 16.66666667%; }


.col-xs-3,
.hdLabel {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%; }

.col-xs-4 {
  -ms-flex-preferred-size: 33.33333333%;
  flex-basis: 33.33333333%;
  max-width: 33.33333333%; }

.col-xs-5 {
  -ms-flex-preferred-size: 41.66666667%;
  flex-basis: 41.66666667%;
  max-width: 41.66666667%; }

.col-xs-6 {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%; }


.col-xs-7,
.hdValueLabel,
.hdInput,
.hdPropertyInput,
.hdCreditCard__wrapper {
  -ms-flex-preferred-size: 58.33333333%;
  flex-basis: 58.33333333%;
  max-width: 58.33333333%; }

.col-xs-8 {
  -ms-flex-preferred-size: 66.66666667%;
  flex-basis: 66.66666667%;
  max-width: 66.66666667%; }

.col-xs-9 {
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  max-width: 75%; }

.col-xs-10 {
  -ms-flex-preferred-size: 83.33333333%;
  flex-basis: 83.33333333%;
  max-width: 83.33333333%; }

.col-xs-11 {
  -ms-flex-preferred-size: 91.66666667%;
  flex-basis: 91.66666667%;
  max-width: 91.66666667%; }


.col-xs-12,
.hdContainer {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%; }

.col-xs-offset-0 {
  margin-left: 0; }

.col-xs-offset-1 {
  margin-left: 8.33333333%; }

.col-xs-offset-2 {
  margin-left: 16.66666667%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-4 {
  margin-left: 33.33333333%; }

.col-xs-offset-5 {
  margin-left: 41.66666667%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-7 {
  margin-left: 58.33333333%; }

.col-xs-offset-8 {
  margin-left: 66.66666667%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-10 {
  margin-left: 83.33333333%; }

.col-xs-offset-11 {
  margin-left: 91.66666667%; }

.start-xs {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  text-align: start; }

.center-xs {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center; }

.end-xs {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  text-align: end; }

.top-xs {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; }

.middle-xs {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.bottom-xs {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end; }

.around-xs {
  -ms-flex-pack: distribute;
  justify-content: space-around; }

.between-xs {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.first-xs {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1; }

.last-xs {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1; }

@media only screen and (min-width: 48em) {
  .container {
    width: 49rem; }
  .col-sm,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .hdLabel,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .hdValueLabel,
  .hdInput,
  .hdPropertyInput,
  .hdCreditCard__wrapper,
  .col-sm-8,
  .hdContainer,
  .col-sm-9,
  .col-sm-10,
  .hdValidation__wrapper--normal,
  .col-sm-11,
  .col-sm-12,
  .hdValidation__wrapper--card_holder,
  .col-sm-offset-0,
  .col-sm-offset-1,
  .col-sm-offset-2,
  .hdValidation__wrapper--normal,
  .col-sm-offset-3,
  .col-sm-offset-4,
  .col-sm-offset-5,
  .col-sm-offset-6,
  .col-sm-offset-7,
  .col-sm-offset-8,
  .col-sm-offset-9,
  .col-sm-offset-10,
  .col-sm-offset-11,
  .col-sm-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem; }
  .col-sm {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%; }
  .col-sm-1 {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%; }
  .col-sm-2 {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%; }
  
  .col-sm-3,
  .hdLabel {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%; }
  .col-sm-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%; }
  .col-sm-5 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%; }
  .col-sm-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%; }
  
  .col-sm-7,
  .hdValueLabel,
  .hdInput,
  .hdPropertyInput,
  .hdCreditCard__wrapper {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%; }
  
  .col-sm-8,
  .hdContainer {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%; }
  .col-sm-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%; }
  
  .col-sm-10,
  .hdValidation__wrapper--normal {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%; }
  .col-sm-11 {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%; }
  
  .col-sm-12,
  .hdValidation__wrapper--card_holder {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%; }
  .col-sm-offset-0 {
    margin-left: 0; }
  .col-sm-offset-1 {
    margin-left: 8.33333333%; }
  
  .col-sm-offset-2,
  .hdValidation__wrapper--normal {
    margin-left: 16.66666667%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-4 {
    margin-left: 33.33333333%; }
  .col-sm-offset-5 {
    margin-left: 41.66666667%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-7 {
    margin-left: 58.33333333%; }
  .col-sm-offset-8 {
    margin-left: 66.66666667%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-10 {
    margin-left: 83.33333333%; }
  .col-sm-offset-11 {
    margin-left: 91.66666667%; }
  .start-sm {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start; }
  .center-sm {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center; }
  .end-sm {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end; }
  .top-sm {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
  .middle-sm {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .bottom-sm {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }
  .around-sm {
    -ms-flex-pack: distribute;
    justify-content: space-around; }
  .between-sm {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .first-sm {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1; }
  .last-sm {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; } }

@media only screen and (min-width: 64em) {
  .container {
    width: 65rem; }
  .col-md,
  .col-md-1,
  .col-md-2,
  .hdLabel,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .hdContainer,
  .col-md-9,
  .col-md-10,
  .hdValueLabel,
  .hdInput,
  .hdPropertyInput,
  .hdCreditCard__wrapper,
  .col-md-11,
  .col-md-12,
  .col-md-offset-0,
  .col-md-offset-1,
  .col-md-offset-2,
  .col-md-offset-3,
  .col-md-offset-4,
  .col-md-offset-5,
  .col-md-offset-6,
  .col-md-offset-7,
  .col-md-offset-8,
  .col-md-offset-9,
  .col-md-offset-10,
  .col-md-offset-11,
  .col-md-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem; }
  .col-md {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%; }
  .col-md-1 {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%; }
  
  .col-md-2,
  .hdLabel {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%; }
  .col-md-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%; }
  .col-md-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%; }
  .col-md-5 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%; }
  .col-md-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%; }
  .col-md-7 {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%; }
  
  .col-md-8,
  .hdContainer {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%; }
  .col-md-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%; }
  
  .col-md-10,
  .hdValueLabel,
  .hdInput,
  .hdPropertyInput,
  .hdCreditCard__wrapper {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%; }
  .col-md-11 {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%; }
  .col-md-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%; }
  .col-md-offset-0 {
    margin-left: 0; }
  .col-md-offset-1 {
    margin-left: 8.33333333%; }
  .col-md-offset-2 {
    margin-left: 16.66666667%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-4 {
    margin-left: 33.33333333%; }
  .col-md-offset-5 {
    margin-left: 41.66666667%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-7 {
    margin-left: 58.33333333%; }
  .col-md-offset-8 {
    margin-left: 66.66666667%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-10 {
    margin-left: 83.33333333%; }
  .col-md-offset-11 {
    margin-left: 91.66666667%; }
  .start-md {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start; }
  .center-md {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center; }
  .end-md {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end; }
  .top-md {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
  .middle-md {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .bottom-md {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }
  .around-md {
    -ms-flex-pack: distribute;
    justify-content: space-around; }
  .between-md {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .first-md {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1; }
  .last-md {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; } }

@media only screen and (min-width: 75em) {
  .container {
    width: 76rem; }
  .col-lg,
  .col-lg-1,
  .col-lg-2,
  .hdLabel,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .hdContainer,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .hdValueLabel,
  .hdInput,
  .hdPropertyInput,
  .hdCreditCard__wrapper,
  .col-lg-11,
  .col-lg-12,
  .col-lg-offset-0,
  .col-lg-offset-1,
  .col-lg-offset-2,
  .col-lg-offset-3,
  .col-lg-offset-4,
  .col-lg-offset-5,
  .col-lg-offset-6,
  .col-lg-offset-7,
  .col-lg-offset-8,
  .col-lg-offset-9,
  .col-lg-offset-10,
  .col-lg-offset-11,
  .col-lg-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem; }
  .col-lg {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%; }
  .col-lg-1 {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%; }
  
  .col-lg-2,
  .hdLabel {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%; }
  .col-lg-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%; }
  .col-lg-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%; }
  .col-lg-5 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%; }
  
  .col-lg-6,
  .hdContainer {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%; }
  .col-lg-7 {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%; }
  .col-lg-8 {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%; }
  .col-lg-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%; }
  
  .col-lg-10,
  .hdValueLabel,
  .hdInput,
  .hdPropertyInput,
  .hdCreditCard__wrapper {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%; }
  .col-lg-11 {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%; }
  .col-lg-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%; }
  .col-lg-offset-0 {
    margin-left: 0; }
  .col-lg-offset-1 {
    margin-left: 8.33333333%; }
  .col-lg-offset-2 {
    margin-left: 16.66666667%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-4 {
    margin-left: 33.33333333%; }
  .col-lg-offset-5 {
    margin-left: 41.66666667%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-7 {
    margin-left: 58.33333333%; }
  .col-lg-offset-8 {
    margin-left: 66.66666667%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-10 {
    margin-left: 83.33333333%; }
  .col-lg-offset-11 {
    margin-left: 91.66666667%; }
  .start-lg {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start; }
  .center-lg {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center; }
  .end-lg {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end; }
  .top-lg {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
  .middle-lg {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .bottom-lg {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }
  .around-lg {
    -ms-flex-pack: distribute;
    justify-content: space-around; }
  .between-lg {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .first-lg {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1; }
  .last-lg {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; } }

.hdLabel {
  width: 66px;
  height: 25px;
  color: #6a7c93;
  font-size: 16px;
  text-align: left; }

.hdValueLabel {
  height: 25px;
  color: #3a424f;
  font-size: 16px;
  text-align: left;
  padding-left: 0; }

.hdInput {
  height: 40px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  background-color: #ffffff;
  color: #3a424f;
  font-size: 16px;
  border: none; }
  .hdInput::placeholder {
    color: #aab7c5; }

.hdPropertyInput {
  position: relative;
  padding: 0; }
  .hdPropertyInput.col-sm-10, .hdPropertyInput.hdValidation__wrapper--normal {
    padding: 0; }

.hdFormGroup {
  margin-bottom: 30px; }
  .hdFormGroup--relative {
    position: relative; }
  .hdFormGroup--property {
    margin-bottom: 46px; }
  .hdFormGroup--creditCard {
    margin-bottom: 20px; }

.hdForm {
  margin-top: 64px; }

.hdTitle {
  width: 328px;
  height: 34px;
  color: #3a424f;
  font-size: 22px;
  font-weight: 600;
  text-align: left;
  margin-top: 110px; }
  .hdTitle--success {
    text-align: center;
    width: 485px;
    height: 34px;
    color: #3a424f;
    font-size: 22px;
    font-weight: 600; }
    .hdTitle--success em {
      color: #ff0000; }

.hdButton.button {
  padding-top: 11px;
  padding-bottom: 11px;
  text-align: center;
  height: auto;
  margin-left: 20px;
  cursor: pointer; }
  .hdButton.button.hdButton--newPayment {
    width: 220px; }
  .hdButton.button.hdButton--center {
    margin: 0 auto; }

.hdTextArea {
  width: 100%;
  height: 100px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  background-color: #ffffff;
  border: none;
  outline: none;
  color: #aab7c5;
  font-size: 16px;
  padding: 15px 20px; }

.display-none {
  display: none; }

.hdCreditCardExpiry, .hdCreditCardNumber, .hdCreditCardName {
  height: 40px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  background-color: #ffffff;
  color: #3a424f;
  font-size: 16px;
  border: none;
  width: 100%;
  padding: 0 8px;
  margin-left: -8px; }
  .hdCreditCardExpiry::placeholder, .hdCreditCardNumber::placeholder, .hdCreditCardName::placeholder {
    color: #aab7c5; }

.hdLink {
  height: 16px;
  color: #1cc59a;
  font-family: muli;
  font-size: 14px;
  font-weight: 500;
  text-decoration: underline; }

.hdSuccessControlls {
  margin-top: 50px; }

.hdValidation {
  text-align: left;
  position: relative;
  padding-left: 15px;
  color: red; }
  .hdValidation:before {
    content: '';
    width: 10px;
    height: 10px;
    display: inline-block;
    background-size: 100%;
    position: absolute;
    top: 2px;
    left: 0; }
  .hdValidation--card {
    margin-bottom: 10px; }
  .hdValidation__wrapper {
    padding: 10px 10px 0 10px; }
  .hdValidation--property {
    margin-top: 10px; }

.dev_display {
  width: 300px;
  position: fixed;
  top: 77px;
  left: 0;
  border: 4px solid #ff5a61;
  z-index: 100;
  word-break: break-word;
  background-color: #000;
  color: #fff;
  font-family: monospace;
  word-spacing: 1em;
  letter-spacing: .1em;
  line-height: 1.5em;
  padding: 18px;
  opacity: 0.6;
  cursor: move;
  display: block; }

.hdCreditCardInput {
  height: 40px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  background-color: #ffffff;
  color: #3a424f;
  font-size: 16px;
  border: none;
  padding: 0 13px 0 2px;
  margin-left: -8px; }
  .hdCreditCardInput::placeholder {
    color: #aab7c5; }

[class*="col"].col-no-padding {
  padding: 0; }

.hdCreditCard__input {
  margin-bottom: 10px; }

.HdCCParts {
  display: inline-block;
  float: left; }
  .HdCCParts--expiry {
    width: calc(60% - 30px); }
  .HdCCParts--cvc {
    width: 40%;
    float: right; }

.hdPropetyAutoComplete__container {
  position: absolute;
  width: 100%;
  display: block; }
  .hdPropetyAutoComplete__container--open {
    border: 1px solid #aaa;
    background-color: #fff;
    font-family: Helvetica, sans-serif;
    font-weight: 300;
    font-size: 16px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    z-index: 2; }

.hdPropetyAutoComplete__input {
  width: calc(100% - 16px);
  height: 40px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  background-color: #ffffff;
  color: #3a424f;
  font-size: 16px;
  border: none;
  padding: 0px 8px; }
  .hdPropetyAutoComplete__input::placeholder {
    color: #aab7c5; }

.hdPropetyAutoComplete__suggestion {
  text-align: left;
  padding: 8px; }
  .hdPropetyAutoComplete__suggestions-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    padding-left: 0; }
  .hdPropetyAutoComplete__suggestion--highlighted {
    background-color: #ddd; }
.section-header.reports-header {
  background-color: #fff0;
  margin-bottom: 20px;
  min-height: 44px; }
  .section-header.reports-header .selectpicker {
    font-size: 15px;
    color: #686868;
    padding: 9px 15px;
    border: 1px solid #DDDDDD;
    border-radius: 4px;
    background: linear-gradient(180deg, #FFFFFF 0%, #F7F7F7 100%);
    box-shadow: inset 0 -1px 0 0 #C8C8C8; }

.section-header.reports-title h1 {
  font-weight: 300; }
  .section-header.reports-title h1 span {
    color: #fff; }

.section-header.reports-title .request-payment-text {
  display: inline-block; }

.craete-schedule-payment-header {
  background: #fff;
  padding: 20px;
  text-align: right; }
  .craete-schedule-payment-header .new-schedule-btn {
    color: #2DE8AE;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: underline;
    background: none;
    border: none; }
    .craete-schedule-payment-header .new-schedule-btn img {
      margin-right: 5px;
      margin-bottom: -3px; }

.craete-schedule-payment-form-section {
  padding: 35px;
  background: #fff;
  position: relative;
  min-height: 60vh; }
  .craete-schedule-payment-form-section .cancel-create-schedule {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer; }
  .craete-schedule-payment-form-section .schedule-payment-form {
    width: 50%; }
    @media (max-width: 1024px) {
      .craete-schedule-payment-form-section .schedule-payment-form {
        width: 100%; } }
    .craete-schedule-payment-form-section .schedule-payment-form .no-padding {
      padding: 0; }
    .craete-schedule-payment-form-section .schedule-payment-form .selected-values {
      margin: 3px 0; }
    .craete-schedule-payment-form-section .schedule-payment-form .form-group {
      margin-bottom: 10px; }
    .craete-schedule-payment-form-section .schedule-payment-form .mappify-address .react-autosuggest__container {
      position: relative; }
    .craete-schedule-payment-form-section .schedule-payment-form .mappify-address .add-property-address .react-autosuggest__input {
      margin-left: 0px;
      width: 99%; }
    .craete-schedule-payment-form-section .schedule-payment-form .mappify-address .add-property-address .react-autosuggest__container {
      margin-left: 0px; }
    .craete-schedule-payment-form-section .schedule-payment-form .mappify-address .add-property-address .react-autosuggest__suggestions-container--open {
      width: 101%; }
    .craete-schedule-payment-form-section .schedule-payment-form .mappify-address .add-property-address .property-cancel-icon {
      width: 8%;
      position: unset; }
      .craete-schedule-payment-form-section .schedule-payment-form .mappify-address .add-property-address .property-cancel-icon img {
        float: right;
        margin-top: 3px;
        margin-right: -3px; }
    .craete-schedule-payment-form-section .schedule-payment-form .mappify-address .add-property-address .error {
      color: #ff0000;
      font-size: 11px;
      padding-left: 15px; }
      .craete-schedule-payment-form-section .schedule-payment-form .mappify-address .add-property-address .error::before {
        content: url(/images/bang.svg);
        position: relative;
        display: block;
        top: 5px;
        left: -15px;
        width: 6px !important;
        height: 6px !important; }
    .craete-schedule-payment-form-section .schedule-payment-form .mappify-address .react-autosuggest__input {
      font-family: muli;
      padding: 0 1%;
      line-height: 30px;
      border-radius: 3px;
      border: 1px solid rgba(190, 190, 190, 0.5);
      background-color: #ffffff;
      width: 100%;
      font-size: 14px;
      font-weight: 400;
      margin-left: 0px; }
      @media (max-width: 1024px) {
        .craete-schedule-payment-form-section .schedule-payment-form .mappify-address .react-autosuggest__input {
          width: 260px; } }
    .craete-schedule-payment-form-section .schedule-payment-form .mappify-address .react-autosuggest__input--focused {
      outline: none; }
    .craete-schedule-payment-form-section .schedule-payment-form .mappify-address .react-autosuggest__input--open {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0; }
    .craete-schedule-payment-form-section .schedule-payment-form .mappify-address .react-autosuggest__suggestions-container {
      display: none; }
    .craete-schedule-payment-form-section .schedule-payment-form .mappify-address .react-autosuggest__suggestions-container--open {
      display: block;
      position: absolute;
      border: 1px solid #aaa;
      background-color: #fff;
      font-family: muli;
      font-weight: 300;
      font-size: 16px;
      border-bottom-left-radius: 6px;
      border-bottom-right-radius: 6px;
      z-index: 2;
      width: 97.5%; }
    .craete-schedule-payment-form-section .schedule-payment-form .mappify-address .react-autosuggest__suggestions-list {
      max-height: 200px;
      overflow-y: auto;
      margin: 0;
      padding: 0;
      list-style-type: none; }
    .craete-schedule-payment-form-section .schedule-payment-form .mappify-address .react-autosuggest__suggestion {
      cursor: pointer;
      padding: 10px 6px; }
      .craete-schedule-payment-form-section .schedule-payment-form .mappify-address .react-autosuggest__suggestion span {
        color: #7f7f7f; }
    .craete-schedule-payment-form-section .schedule-payment-form .mappify-address .react-autosuggest__suggestion--highlighted {
      background-color: #ddd; }
    .craete-schedule-payment-form-section .schedule-payment-form .mappify-address .react-autosuggest__section-container {
      border-top: 1px dashed #ccc; }
    .craete-schedule-payment-form-section .schedule-payment-form .mappify-address .react-autosuggest__section-container--first {
      border-top: 0; }
    .craete-schedule-payment-form-section .schedule-payment-form .selectePaymentType {
      font-size: 15px;
      color: #686868;
      padding: 9px 15px;
      border: 1px solid #DDDDDD;
      border-radius: 4px;
      background: linear-gradient(180deg, #FFFFFF 0%, #F7F7F7 100%);
      box-shadow: inset 0 -1px 0 0 #C8C8C8; }
      .craete-schedule-payment-form-section .schedule-payment-form .selectePaymentType option[value=''] {
        display: none; }
      .craete-schedule-payment-form-section .schedule-payment-form .selectePaymentType option[value=null] {
        display: none; }
      .craete-schedule-payment-form-section .schedule-payment-form .selectePaymentType option:nth-child(even) {
        background: #fff;
        color: #7F7F7F; }
      .craete-schedule-payment-form-section .schedule-payment-form .selectePaymentType option:nth-child(odd) {
        background: #F1F4F9;
        color: #333B3F; }
    .craete-schedule-payment-form-section .schedule-payment-form .pay-type-other-container {
      position: relative;
      margin-left: 2px; }
      .craete-schedule-payment-form-section .schedule-payment-form .pay-type-other-container .pay-type-other-textarea {
        border-radius: 3px;
        background-color: #fff;
        color: #3A424F;
        padding: 12px;
        margin-top: 10px;
        border: 1px solid rgba(191, 191, 191, 0.5);
        width: 100%;
        outline: none;
        font-family: muli, "sans-serif";
        line-height: 18px;
        font-size: 14px; }
      .craete-schedule-payment-form-section .schedule-payment-form .pay-type-other-container .pay-type-other-remain {
        background-color: #F0F0F0;
        color: #606060;
        position: absolute;
        right: 0;
        bottom: 0;
        font-size: 11px;
        padding: 2px;
        border-radius: 4px 0; }
    .craete-schedule-payment-form-section .schedule-payment-form .pay-amount-container {
      position: relative;
      margin-left: 2px; }
      .craete-schedule-payment-form-section .schedule-payment-form .pay-amount-container .pay-amount {
        border-radius: 3px;
        background-color: #fff;
        color: #3A424F;
        padding: 8px 8px 8px 40px;
        border: 1px solid rgba(191, 191, 191, 0.5);
        outline: none;
        font-family: muli, "sans-serif";
        line-height: 18px;
        font-size: 14px;
        width: 185px; }
        @media (max-width: 1024px) {
          .craete-schedule-payment-form-section .schedule-payment-form .pay-amount-container .pay-amount {
            width: 135px; } }
      .craete-schedule-payment-form-section .schedule-payment-form .pay-amount-container .pay-amout-symbol {
        background-color: #F0F0F0;
        color: #606060;
        position: absolute;
        top: 0;
        left: 0;
        padding: 8px 12px;
        margin: 1px .5px;
        border-radius: 4px 0 0 4px; }
    .craete-schedule-payment-form-section .schedule-payment-form .ant-calendar-picker-input {
      color: #686868;
      font-size: 14px;
      width: 170px;
      padding-right: 3px; }
    .craete-schedule-payment-form-section .schedule-payment-form .drop-zone-content {
      width: 185px;
      height: 100px;
      padding-top: 20px; }
      .craete-schedule-payment-form-section .schedule-payment-form .drop-zone-content .upload-icon img {
        width: 32px; }
    .craete-schedule-payment-form-section .schedule-payment-form .document-icon {
      width: 16px;
      margin-right: 5px;
      margin-bottom: -5px; }

.ScheduledPaymentsTable {
  background-color: #fff;
  margin-top: 0; }
  .ScheduledPaymentsTable .wd-5 {
    width: 5% !important; }
  .ScheduledPaymentsTable .wd-10 {
    width: 10% !important; }
  .ScheduledPaymentsTable .wd-15 {
    width: 15% !important; }
  .ScheduledPaymentsTable .wd-20 {
    width: 20% !important; }
  .ScheduledPaymentsTable .wd-25 {
    width: 25% !important; }
  .ScheduledPaymentsTable .wd-30 {
    width: 30% !important; }
  .ScheduledPaymentsTable .wd-35 {
    width: 35% !important; }
  .ScheduledPaymentsTable .wd-40 {
    width: 40% !important; }
  .ScheduledPaymentsTable .wd-50 {
    width: 50% !important; }
  .ScheduledPaymentsTable .wd-100 {
    width: 100% !important; }
  .ScheduledPaymentsTable .rt-thead .rt-th, .ScheduledPaymentsTable .rt-thead .rt-td {
    padding: 17px 0px 17px 52px;
    flex: none !important; }
  .ScheduledPaymentsTable .rt-tbody .rt-td {
    padding: 20px 0px 20px 35px;
    color: #000;
    cursor: default;
    flex: none !important; }
  .ScheduledPaymentsTable .rt-tbody .rt-td.clickable {
    color: #002fa4;
    cursor: pointer; }
  .ScheduledPaymentsTable .action_table_header::before {
    content: none !important; }

.documentImageViewer .documentImage {
  width: 100%; }

.btn-scheduledpayments-actions {
  background: none;
  border: none;
  cursor: pointer; }
  .btn-scheduledpayments-actions img {
    width: 15px; }
  .btn-scheduledpayments-actions.delete-payment {
    margin-left: 30px; }
    .btn-scheduledpayments-actions.delete-payment.advance-rent {
      margin-left: 84px; }

.scheduledPayments-dialog {
  width: 560px !important; }
  .scheduledPayments-dialog .scheduledPayments-modal-action {
    text-align: right;
    padding: 0px 8px 20px 8px !important; }
    .scheduledPayments-dialog .scheduledPayments-modal-action .button_delete {
      background: #FFA08B;
      color: #fff; }

.email-checkbox-description {
  display: flex;
  align-items: center; }
  .email-checkbox-description .description {
    color: #808080;
    font-family: Inter;
    font-style: Regular;
    font-size: 13px; }
  .email-checkbox-description .email-checkbox {
    background-color: #808080;
    margin-right: 11px;
    color: #808080; }

.warning {
  padding-left: 33px;
  background-color: rgba(255, 137, 70, 0.2);
  width: 500px;
  height: 60px;
  font-family: muli;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  border-radius: 8px;
  margin-bottom: 20px; }
  .warning::before {
    content: url(/images/alert-triangle.svg);
    position: relative;
    display: block;
    top: 5px;
    left: -25px;
    width: 6px !important;
    height: 6px !important; }
.link-button {
  cursor: pointer; }
  .link-button__icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(/images/chev-round-blue.svg);
    margin-left: 7px;
    top: 4px;
    position: relative;
    cursor: pointer; }
    .link-button__icon--prev {
      transform: rotate(180deg);
      margin-right: 7px; }

.transaction-inputs {
  margin-left: 10px; }
  .transaction-inputs__wrapper {
    display: flex;
    width: 500px;
    margin: 0 auto;
    align-items: center;
    padding: 20px 0; }

.PDTable.ReactTable .rt-tbody .rt-td {
  padding: 19px 15px;
  text-align: left; }
  .PDTable.ReactTable .rt-tbody .rt-td:first-child {
    text-align: left;
    white-space: pre-wrap;
    word-wrap: break-word;
    line-height: 2em;
    padding-top: 10px;
    padding-left: 33px; }

.PDTable.ReactTable .rt-thead .rt-th {
  padding: 19px 15px;
  text-align: left; }
  .PDTable.ReactTable .rt-thead .rt-th:before {
    display: none; }
  .PDTable.ReactTable .rt-thead .rt-th:first-child {
    padding-left: 33px; }

.PDTable.ReactTable .-loading > div {
  top: 170px; }

.PDTable.ReactTable .rt-noData {
  top: 177px; }

.PDDatePicker .ant-calendar-picker-input {
  color: #686868;
  width: 135px;
  padding-left: 35px; }

.PDDatePicker .ant-calendar-picker-icon {
  top: 45%; }

.PDStatus {
  font-weight: 500; }
  .PDStatus--Dishonoured {
    color: #e93600; }
  .PDStatus--not-found {
    padding-top: 30px;
    text-align: center; }
  .PDStatus--Cleared {
    color: #1CC59A; }
  .PDStatus--Approved {
    color: #1CC59A; }
  .PDStatus--Pending {
    color: #ddc700; }
  .PDStatus--Submitted {
    color: #45C7F5; }
  .PDStatus--Cancelled {
    color: #FA6161; }
  .PDStatus--Upcoming {
    color: #B2B2B2; }

.ReactTable.PDTable .rt-tbody .rt-td {
  padding-left: 20px;
  padding-right: 0; }
  .ReactTable.PDTable .rt-tbody .rt-td:first-of-type {
    padding-left: 30px; }

.ReactTable.PDTable .rt-thead .rt-th {
  padding-left: 20px;
  padding-right: 0; }
  .ReactTable.PDTable .rt-thead .rt-th:first-of-type {
    padding-left: 30px; }
.note-preview .note-text {
  height: 76px;
  width: 536px;
  border: 1px solid #DFE2E4;
  border-radius: 2px;
  background-color: #FFFFFF; }

.note-preview .note-text::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 18px; }

.note-preview .action-holder {
  padding: 18px 0px;
  float: right; }
  .note-preview .action-holder .loading-icon {
    height: 20px;
    width: 20px;
    -webkit-animation: rotation 2s infinite linear; }

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

.note-preview .btn-save {
  height: 36px;
  width: 97px;
  border-radius: 4px;
  background-color: #57C1E8; }

.note-preview .btn-delete {
  height: 36px;
  width: 97px;
  border-radius: 4px;
  background-color: #FFAB4C; }

.note-preview .btn-cancel {
  padding-left: 20px;
  color: #57C1E8;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: underline;
  background: none;
  border: none; }

.note-preview .btn-save:hover {
  cursor: pointer; }

.note-preview .btn-cancel:hover {
  cursor: pointer; }

.note-preview p {
  width: 496px;
  color: #333E48;
  font-family: Poppins;
  font-size: 25px;
  font-weight: 500;
  line-height: 20px;
  padding: 0 15px; }
.withholding__dialog {
  color: #333E48; }
  .withholding__dialog .text__title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 7px; }
  .withholding__dialog .text__address {
    margin-bottom: 24px; }
  .withholding__dialog .table__line-items {
    border-spacing: 0;
    width: 100%; }
    .withholding__dialog .table__line-items .thead__line-items {
      font-weight: bold;
      font-size: 15px; }
      .withholding__dialog .table__line-items .thead__line-items th {
        border-bottom: 2px solid #ddd;
        text-align: left;
        padding: 9px 10px 9px 5px; }
    .withholding__dialog .table__line-items .tbody__line-items {
      font-size: 14px; }
      .withholding__dialog .table__line-items .tbody__line-items .table-row__line-item__moved {
        background-color: #fff5e9; }
      .withholding__dialog .table__line-items .tbody__line-items td {
        border-bottom: 1px solid #ddd;
        text-align: left;
        padding: 9px 10px 9px 5px; }
    .withholding__dialog .table__line-items .ant-calendar-picker-input {
      border: 0px;
      height: unset;
      color: #333E48;
      cursor: pointer;
      background-color: unset; }
      .withholding__dialog .table__line-items .ant-calendar-picker-input:hover {
        color: #57c1e8; }
    .withholding__dialog .table__line-items .ant-calendar-picker-icon:hover {
      cursor: pointer;
      color: #57c1e8; }
  .withholding__dialog .container__summery {
    display: flex;
    justify-content: center;
    margin-top: 20px; }
    .withholding__dialog .container__summery .table__summery {
      font-size: 14px;
      text-align: left; }
      .withholding__dialog .container__summery .table__summery th {
        padding-right: 30px; }
      .withholding__dialog .container__summery .table__summery td {
        width: 80px; }
  .withholding__dialog .container__buttons {
    display: flex;
    justify-content: flex-end; }
    .withholding__dialog .container__buttons button {
      width: 90px;
      height: 36px;
      padding: 8px 24px;
      margin: 6px;
      border-radius: 4px;
      font-weight: 700;
      font-size: 14px;
      text-transform: uppercase;
      cursor: pointer; }
      .withholding__dialog .container__buttons button.blue {
        background-color: #49b3e2;
        border: none;
        color: #ffffff; }
      .withholding__dialog .container__buttons button:disabled {
        opacity: .5;
        cursor: not-allowed; }
      .withholding__dialog .container__buttons button.clear {
        background-color: unset;
        border: none;
        color: #49b3e2;
        text-decoration: underline; }
.StatementLineItemsTable .line-item__header {
  box-shadow: 0 1px 1px 0 #DADCE0 !important;
  font-size: 15px !important;
  font-weight: bold; }

.StatementLineItemsTable .line-item {
  display: flex;
  align-items: center;
  color: #333E48;
  font-family: Muli;
  font-size: 14px;
  line-height: 20px;
  box-shadow: inset 0 -1px 0 0 #F0F2F5;
  padding-left: 20px;
  padding-right: 10px; }
  .StatementLineItemsTable .line-item .cell {
    padding: 8px; }
  .StatementLineItemsTable .line-item .link__add-item {
    color: #2DE8AE;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: underline;
    background: none;
    border: none; }
    .StatementLineItemsTable .line-item .link__add-item.disabled {
      cursor: not-allowed; }

.StatementLineItemsTable .line-item__owner-disbursement {
  background-color: #f9f9f9; }

.StatementLineItemsTable .line-item__withholding {
  background-color: #fff5e9; }

.StatementLineItemsTable .container__buttons {
  display: flex; }
  .StatementLineItemsTable .container__buttons .container__edit {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 5px;
    margin-right: 5px; }
    .StatementLineItemsTable .container__buttons .container__edit .img-edit {
      background-image: url(/images/sg-edit.svg);
      height: 20px;
      width: 20px;
      background-repeat: no-repeat; }
    .StatementLineItemsTable .container__buttons .container__edit:hover .img-edit {
      background-image: url(/images/sg-edit-active.svg); }
    .StatementLineItemsTable .container__buttons .container__edit.disabled {
      cursor: not-allowed; }
      .StatementLineItemsTable .container__buttons .container__edit.disabled .img-edit {
        background-image: url(/images/sg-edit.svg); }
  .StatementLineItemsTable .container__buttons .container__delete {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 5px; }
    .StatementLineItemsTable .container__buttons .container__delete .img-delete {
      background-image: url(/images/sg-delete.svg);
      height: 20px;
      width: 20px;
      background-repeat: no-repeat; }
    .StatementLineItemsTable .container__buttons .container__delete:hover .img-delete {
      background-image: url(/images/sg-delete-active.svg); }
    .StatementLineItemsTable .container__buttons .container__delete.disabled {
      cursor: not-allowed; }
      .StatementLineItemsTable .container__buttons .container__delete.disabled .img-delete {
        background-image: url(/images/sg-delete.svg); }
.upload-wrapper {
  padding: 10px 32px;
  color: #333e48;
  font-family: muli-bold;
  font-size: 16px;
  font-weight: 900;
  line-height: 20px; }
  .upload-wrapper .detail-row {
    display: block;
    padding-top: 10px; }
  .upload-wrapper .button-wrapper {
    padding-bottom: 10px;
    display: block;
    float: right; }
    .upload-wrapper .button-wrapper .button {
      width: 85px;
      height: 36px;
      border-radius: 4px;
      background-color: #57c1e8;
      color: #ffffff;
      font-family: muli-medium;
      font-size: 14px;
      font-weight: 600;
      line-height: 20px;
      text-transform: uppercase;
      border: none; }
    .upload-wrapper .button-wrapper .cancel {
      margin-left: 20px;
      background-color: #ffffff;
      color: #57c1e8;
      text-decoration: underline; }
  .upload-wrapper .preview-div {
    padding: 20px;
    height: 500px; }
    .upload-wrapper .preview-div iframe {
      width: 100%;
      height: 100%;
      border: 1px solid rgba(191, 191, 191, 0.5); }
.upload-wrapper {
  padding: 10px 32px;
  color: #333e48;
  font-family: muli-bold;
  font-size: 16px;
  font-weight: 900;
  line-height: 20px; }
  .upload-wrapper .detail-row {
    display: block;
    padding-top: 10px; }
  .upload-wrapper .button-wrapper {
    padding-bottom: unset;
    display: block;
    float: right; }
    .upload-wrapper .button-wrapper .button {
      width: 85px;
      height: 36px;
      border-radius: 4px;
      background-color: #57c1e8;
      color: #ffffff;
      font-family: muli-medium;
      font-size: 14px;
      font-weight: 600;
      line-height: 20px;
      text-transform: uppercase;
      border: none; }
    .upload-wrapper .button-wrapper .cancel {
      margin-left: 20px;
      background-color: #ffffff;
      color: #57c1e8;
      text-decoration: underline; }
.statement-generation-queue .section-header.reports-header {
  background-color: #fff0;
  margin-bottom: 0px;
  min-height: 0px; }
  .statement-generation-queue .section-header.reports-header p {
    margin: 0 0 10px;
    text-align: center;
    height: 24px;
    width: 100%;
    color: #333E48;
    font-family: muli;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px; }
    .statement-generation-queue .section-header.reports-header p span {
      margin: 0 5px;
      padding: 2px 5px;
      border-radius: 8px;
      background-color: #9ECBE4; }

.statement-generation-queue .section-header.reports-title h3 {
  text-align: center; }

.statement-generation-queue .section-header.reports-title .ico-reset {
  background-image: url(/images/noun_reset.svg);
  height: 20px;
  width: 20px;
  float: left;
  background-repeat: no-repeat; }

.statement-generation-queue .section-header.reports-title .reset-btn {
  margin-top: 20px;
  margin-right: 35px;
  float: right;
  color: #F48D37;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: underline;
  background: none;
  border: none; }

.statement-generation-queue .section-header.reports-title a:hover {
  cursor: pointer; }

.statement-generation-queue .section-header.reports-title .statementTable__title {
  font-size: 18px;
  padding: 10px 0px; }
  .statement-generation-queue .section-header.reports-title .statementTable__title span.statementTable__span-count {
    border-radius: 4px;
    padding: 2px 5px;
    background-color: #b5cae6 !important;
    color: #f1f1f1; }
    .statement-generation-queue .section-header.reports-title .statementTable__title span.statementTable__span-count:before {
      display: none; }

.statement-generation-queue .section-header.reports-title .property-search {
  padding: 10px 0px;
  padding-left: 75px;
  font-family: muli !important;
  line-height: 20px;
  font-size: 18px;
  font-weight: 300; }
  .statement-generation-queue .section-header.reports-title .property-search .search-wrapper .property-search-icn {
    width: 20px;
    height: 20px;
    background-image: url(/images/search3.png);
    float: left;
    background-size: contain; }
  .statement-generation-queue .section-header.reports-title .property-search .search-wrapper .react-autosuggest__input {
    min-width: 466px;
    width: 466px;
    font-family: muli !important;
    line-height: 20px;
    font-size: 18px;
    margin-left: 12px;
    background-color: #dfeaf5; }
  .statement-generation-queue .section-header.reports-title .property-search .search-wrapper .react-autosuggest__suggestions-container--open {
    display: block;
    position: absolute;
    top: 122px;
    background-color: #fff;
    font-family: muli;
    font-weight: 300;
    font-size: 16px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    z-index: 2;
    width: 50%;
    box-shadow: #ddd 0px 3px 4px 1px; }
  .statement-generation-queue .section-header.reports-title .property-search .search-wrapper .react-autosuggest__suggestions-list {
    max-height: 396px;
    overflow-y: auto;
    margin: 0;
    padding: 0;
    list-style-type: none; }
  .statement-generation-queue .section-header.reports-title .property-search .search-wrapper .react-autosuggest__suggestion {
    cursor: pointer;
    padding: 10px 6px; }
    .statement-generation-queue .section-header.reports-title .property-search .search-wrapper .react-autosuggest__suggestion span {
      color: #7f7f7f; }
  .statement-generation-queue .section-header.reports-title .property-search .search-wrapper .react-autosuggest__suggestion--highlighted {
    background-color: #ddd; }
  .statement-generation-queue .section-header.reports-title .property-search .search-wrapper .react-autosuggest__section-container {
    border-top: 1px dashed #ccc; }
  .statement-generation-queue .section-header.reports-title .property-search .search-wrapper .react-autosuggest__section-container--first {
    border-top: 0; }
  .statement-generation-queue .section-header.reports-title .property-search .property-selected {
    width: 550px; }
    .statement-generation-queue .section-header.reports-title .property-search .property-selected .selected-value {
      display: inline-block; }
      .statement-generation-queue .section-header.reports-title .property-search .property-selected .selected-value p {
        margin: 0; }
    .statement-generation-queue .section-header.reports-title .property-search .property-selected .cancel-icon-wrapper {
      display: inline-block;
      cursor: pointer;
      float: right;
      padding-top: 3px; }
      .statement-generation-queue .section-header.reports-title .property-search .property-selected .cancel-icon-wrapper .cancel-icon {
        height: 17px;
        width: 17px; }

.StatementLineItemsTable {
  background-color: #fff;
  width: 100%; }
  .StatementLineItemsTable .summery-text {
    font-weight: 600; }
  .StatementLineItemsTable .center {
    text-align: center; }
  .StatementLineItemsTable .right {
    text-align: right; }
  .StatementLineItemsTable .padding-right {
    padding-right: 30px; }
  .StatementLineItemsTable .box {
    padding-top: 10px; }
  .StatementLineItemsTable .img-add-line-item {
    background-image: url(/images/sg-add-line-item.svg);
    height: 18px;
    width: 20px;
    background-repeat: no-repeat;
    float: left; }
  .StatementLineItemsTable .img-add-note {
    background-image: url(/images/sg-add-note.svg);
    height: 18px;
    width: 20px;
    background-repeat: no-repeat;
    float: left; }
  .StatementLineItemsTable a:hover {
    cursor: pointer; }

.btn-statement-generation-actions {
  border: none;
  cursor: pointer;
  padding: 5px; }
  .btn-statement-generation-actions img {
    height: 20px;
    width: 20px; }

.pagination-action {
  height: 60px;
  padding-top: 20px; }
  .pagination-action .btn-previous {
    text-decoration: none;
    padding: 8px 12px;
    border: 1px solid #3BC0F3;
    border-radius: 4px;
    color: #44C7F4;
    background-color: transparent;
    margin-right: 7px; }
  .pagination-action .btn-next {
    text-decoration: none;
    padding: 8px 18px;
    border-radius: 4px;
    background-color: #57C1E8; }
  .pagination-action .upload-action-holder {
    float: right; }
    .pagination-action .upload-action-holder .ico-preview {
      background-image: url(/images/sg-preview.svg);
      height: 20px;
      width: 20px;
      float: left;
      background-repeat: no-repeat; }
    .pagination-action .upload-action-holder .preview-btn {
      color: #57C1E8;
      font-size: 14px;
      font-weight: 600;
      text-transform: uppercase;
      text-decoration: underline;
      background: none;
      border: none; }
    .pagination-action .upload-action-holder .upload-disabled:hover {
      cursor: not-allowed; }
    .pagination-action .upload-action-holder a:hover {
      cursor: pointer; }
  .pagination-action .main-action {
    margin-left: 10px; }
  .pagination-action a:hover {
    cursor: pointer; }

.main-action {
  color: #2DE8AE;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: underline;
  background: none;
  border: none; }
  .main-action--delete {
    color: red; }

body {
  overflow: visible; }

.statement-preview {
  width: 800px; }

.googleDocViewer {
  width: 100%; }

.no-preview {
  text-align: center; }

.statement-uploaded {
  color: #ffab4c;
  font-family: muli-medium;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  padding: 10px; }
  .statement-uploaded img {
    padding-right: 8px; }

.statement-withholding {
  color: #ffab4c;
  font-size: 18px;
  padding-bottom: 15px; }
  .statement-withholding img {
    padding-right: 8px;
    margin-bottom: -2px; }

.upload-disabled {
  color: #acf7e5; }

.upload-all-disabled {
  color: #cce5f3; }
.line-item-wrapper {
  padding: 20px 32px; }
  .line-item-wrapper .heading {
    color: #333e48;
    font-family: muli-medium;
    font-size: 24px;
    font-weight: 600;
    line-height: 36px; }
  .line-item-wrapper .delete {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px; }
  .line-item-wrapper .detail-row {
    display: grid;
    grid-template-columns: 180px auto;
    padding-top: 15px; }
    .line-item-wrapper .detail-row--delete {
      grid-template-columns: 120px auto;
      padding-top: 10px; }
      .line-item-wrapper .detail-row--delete .delete-label {
        color: #91969b; }
    .line-item-wrapper .detail-row label {
      display: flex;
      color: #333e48;
      font-family: muli;
      font-size: 16px;
      font-weight: 400;
      line-height: 20px;
      margin: auto 0px; }
    .line-item-wrapper .detail-row input {
      border-radius: 3px;
      border: 1px solid rgba(191, 191, 191, 0.5);
      outline: 0;
      max-width: 360px;
      height: 36px;
      padding-left: 10px;
      color: #91969b;
      font-family: muli;
      font-size: 16px;
      font-weight: 400;
      line-height: 20px; }
    .line-item-wrapper .detail-row select {
      border-radius: 3px;
      border: 1px solid rgba(191, 191, 191, 0.5);
      outline: 0;
      max-width: 360px;
      height: 36px;
      padding-left: 10px;
      color: #91969b;
      font-family: muli;
      font-size: 16px;
      font-weight: 400;
      line-height: 20px;
      background: #ffffff; }
    .line-item-wrapper .detail-row .labeled-input {
      float: left;
      min-width: 188px;
      height: 36px;
      border-radius: 3px;
      border: 1px solid rgba(191, 191, 191, 0.5);
      position: relative;
      overflow: hidden; }
      .line-item-wrapper .detail-row .labeled-input--icon-dollar:before {
        background: #ffffff url(/images/statement-usd.png) no-repeat center; }
      .line-item-wrapper .detail-row .labeled-input:before {
        content: '';
        display: inline-block;
        position: absolute;
        height: 100%;
        width: 35px;
        background-color: #ffffff; }
      .line-item-wrapper .detail-row .labeled-input__input {
        display: inline-block;
        min-width: 310px;
        position: relative;
        margin-left: 35px;
        padding-left: 12px;
        height: 99%;
        border-radius: 0;
        border: 0;
        outline: 0;
        max-width: 310px;
        color: #91969b;
        font-family: muli;
        font-size: 16px;
        font-weight: 400;
        line-height: 20px; }
  .line-item-wrapper .button-wrapper {
    padding-top: 30px;
    display: block;
    float: right; }
    .line-item-wrapper .button-wrapper--delete {
      padding-top: 15px; }
    .line-item-wrapper .button-wrapper .button {
      width: 85px;
      height: 36px;
      border-radius: 4px;
      background-color: #57c1e8;
      color: #ffffff;
      font-family: muli-medium;
      font-size: 14px;
      font-weight: 600;
      line-height: 20px;
      text-transform: uppercase;
      border: none; }
      .line-item-wrapper .button-wrapper .button--delete {
        background-color: #ffab4c; }
    .line-item-wrapper .button-wrapper .cancel {
      margin-left: 20px;
      background-color: #ffffff;
      color: #57c1e8;
      text-decoration: underline; }
  .line-item-wrapper .error {
    font-family: muli-light;
    color: red;
    font-size: 12px;
    display: block;
    margin-left: 180px; }
  .line-item-wrapper .error-common {
    font-family: muli-light;
    color: red;
    font-size: 12px;
    display: inline;
    margin-right: 30px; }
.header__statement {
  display: flex;
  align-items: center; }

.tabs__statement {
  flex-grow: 1; }

.ant-calendar-picker-input {
  color: #888;
  font-size: 14px; }

.ant-calendar-picker-icon {
  background-image: unset; }

.statementTabs {
  margin-bottom: 12px; }
  .statementTabs__tab {
    color: #bec2c5;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    padding: 6px 24px;
    display: inline-block;
    cursor: pointer; }
    .statementTabs__tab--active {
      color: #57c1e8;
      border-bottom: 3px solid; }
    .statementTabs__tab__input {
      width: 0;
      opacity: 0;
      margin: 0; }
.statementTable__heading {
  font-size: 14px;
  font-weight: 600;
  cursor: pointer; }
  .statementTable__heading .sortIcon {
    margin-left: 5px;
    transition: all 300ms ease; }
  .statementTable__heading.sorting path {
    fill: #57c1e8; }
  .statementTable__heading.sorting--desc .sortIcon {
    transform: rotateX(180deg); }

.statementTable__cell-status {
  text-transform: capitalize; }

.statementTable__cell__error {
  color: #df3a3a;
  font-size: 0.7em;
  margin-left: 10px; }

.statementTable .statusText {
  text-transform: capitalize; }
  .statementTable .statusText--draft {
    color: #f48c36;
    position: relative; }
  .statementTable .statusText--uploading {
    color: #3c97d0; }
    .statementTable .statusText--uploading:after {
      content: '.';
      position: absolute;
      text-shadow: 3px 0px 0px #3c97d0, 6px 0px 0px #3c97d0;
      animation: loading 1000ms ease infinite; }

@keyframes loading {
  0% {
    text-shadow: 3px 0 0 rgba(60, 151, 208, 0.2), 6px 0 0 rgba(60, 151, 208, 0.2); }
  30% {
    text-shadow: 3px 0 0 #3c97d0, 6px 0 0 rgba(60, 151, 208, 0.2); }
  60% {
    text-shadow: 3px 0 0 rgba(60, 151, 208, 0.8), 6px 0 0 #3c97d0; }
  100% {
    text-shadow: 3px 0 0 rgba(60, 151, 208, 0.2), 6px 0 0 rgba(60, 151, 208, 0.2); } }
  .statementTable .statusText--issued {
    color: #27c2a8; }
  .statementTable .statusText--failed {
    color: #df3a3a; }

.statementTable__row {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 100px;
  justify-content: space-between;
  background-color: #ffffff;
  box-shadow: 0 1px 1px 0 #dadce0;
  padding-left: 28px;
  padding-right: 28px;
  width: calc(100% - 28px * 2);
  height: 28px;
  box-shadow: inset 0 -1px 0 0 #f0f2f5; }
  .statementTable__row:first-of-type {
    border-bottom: 1px solid #dadce0; }

.statementTable__header {
  height: 36px;
  width: calc(100% - 28px * 2);
  border-radius: 2px 2px 0 0;
  background-color: #cce5f3;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  align-items: center;
  display: flex;
  padding-left: 28px;
  padding-right: 28px; }

.statementTable__title span {
  margin-left: 32px;
  font-weight: normal;
  position: relative; }
  .statementTable__title span:before {
    content: '';
    height: 8px;
    width: 8px;
    left: -20px;
    border-radius: 50%;
    top: calc(50% - 8px / 2);
    background-color: #9ecbe4;
    position: absolute; }
.invoice-management {
  display: flex; }
  .invoice-management .text__header__empty-queue {
    display: inline-block;
    line-height: 22px;
    color: #000000;
    font-family: muli;
    font-size: 20px;
    font-weight: 600;
    margin: 0 !important;
    margin-block-start: 0px;
    padding: 20px 20px; }
  .invoice-management .pdf__holder {
    width: 50%;
    margin-right: 10px; }
    .invoice-management .pdf__holder__frame {
      width: 100%;
      height: 100%; }
  .invoice-management .form-element .focus-border:focus-within {
    border: 1px solid #9ecbe4 !important; }
  .invoice-management .metadata__holder {
    width: 50%;
    padding-left: 30px; }
    .invoice-management .metadata__holder .view-invoice {
      max-width: 500px;
      padding: 20px; }
      .invoice-management .metadata__holder .view-invoice_title {
        color: #000000;
        font-size: 18px;
        font-weight: 700;
        margin: 10px 0; }
      .invoice-management .metadata__holder .view-invoice table td {
        height: 25px;
        color: #495159;
        padding-top: 4px;
        font-size: 16px;
        font-family: muli;
        width: auto;
        text-transform: capitalize; }
      .invoice-management .metadata__holder .view-invoice table .table-title {
        opacity: 0.5;
        font-weight: 400;
        width: 150px; }
      .invoice-management .metadata__holder .view-invoice .invoice-property {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: baseline; }
      .invoice-management .metadata__holder .view-invoice .button-reassign {
        height: 20px;
        padding: 0;
        border: none;
        border-bottom: 2px solid #49b3e2;
        color: #49b3e2;
        font-weight: 700;
        font-size: 14px;
        font-family: muli;
        text-transform: uppercase;
        line-height: 18px;
        background: unset;
        cursor: pointer; }
      .invoice-management .metadata__holder .view-invoice .maintenance-request-link {
        color: #49b3e2; }
    .invoice-management .metadata__holder .invoice-queue-header {
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      width: 535px; }
      .invoice-management .metadata__holder .invoice-queue-header .invoice-queue {
        padding-left: 20px;
        color: #333e48;
        font-family: muli;
        font-size: 18px;
        font-weight: 400;
        line-height: 24px; }
        .invoice-management .metadata__holder .invoice-queue-header .invoice-queue span {
          font-family: muli-medium;
          font-weight: 500; }
      .invoice-management .metadata__holder .invoice-queue-header .button-delete-invoice-management {
        width: 140px;
        height: 36px;
        padding: 8px 10px;
        border: unset;
        color: #ffab4c;
        font-weight: 700;
        font-size: 12px;
        font-family: muli;
        background-color: unset;
        text-transform: uppercase;
        text-decoration: underline;
        line-height: 18px;
        cursor: pointer;
        display: flex;
        justify-content: space-evenly; }
    .invoice-management .metadata__holder .edit-invoice_title {
      color: #000000;
      font-size: 18px;
      font-weight: 700;
      margin: 10px 0; }
    .invoice-management .metadata__holder .edit-invoice .form-element {
      display: grid;
      grid-template-columns: 180px auto;
      padding-top: 15px; }
      .invoice-management .metadata__holder .edit-invoice .form-element .radio-select {
        display: flex;
        font-size: 16px; }
    .invoice-management .metadata__holder .edit-invoice .form-label {
      display: inline-block;
      width: 150px;
      height: 25px;
      color: #495159;
      padding-top: 4px;
      font-size: 16px;
      font-family: muli;
      text-transform: capitalize; }
    .invoice-management .metadata__holder .edit-invoice .invoice-radio-button {
      width: 22px;
      height: 22px;
      border-radius: 100px;
      border: 1px solid #e6e6e6;
      background-color: #ffffff;
      margin-right: 10px; }
    .invoice-management .metadata__holder .edit-invoice .invoice-checkbox {
      width: 22px;
      height: 22px;
      border: 1px solid #e6e6e6;
      background-color: #ffffff; }
    .invoice-management .metadata__holder .edit-invoice .note {
      font-size: 16px;
      font-family: muli;
      color: #495159;
      margin-top: 15px; }
    .invoice-management .metadata__holder .edit-invoice .form-input {
      text-transform: uppercase; }
    .invoice-management .metadata__holder .edit-invoice .bpay {
      text-transform: none; }
    .invoice-management .metadata__holder .edit-invoice .form-input, .invoice-management .metadata__holder .edit-invoice .react-autosuggest__input {
      height: 25px;
      width: 300px;
      border: 1px solid #DADEE0;
      border-radius: 3px;
      padding: 5px 10px;
      font-size: 16px;
      font-weight: 100; }
    .invoice-management .metadata__holder .edit-invoice .search-field {
      display: flex;
      justify-content: space-between;
      padding: 10px; }
    .invoice-management .metadata__holder .edit-invoice .search-icon {
      right: 15px; }
    .invoice-management .metadata__holder .edit-invoice .property-search {
      display: inline-block; }
    .invoice-management .metadata__holder .edit-invoice .close-icon {
      content: url(/images/cancel.png);
      right: 5px;
      position: absolute;
      top: 6px; }
    .invoice-management .metadata__holder .edit-invoice .labeled-input {
      display: inline-block;
      min-width: 188px;
      height: 36px;
      border-radius: 3px;
      border: 1px solid #DADEE0;
      position: relative;
      overflow: hidden;
      max-width: 320px; }
      .invoice-management .metadata__holder .edit-invoice .labeled-input--icon-dollar:before {
        background: #ffffff url(/images/statement-usd.png) no-repeat center; }
      .invoice-management .metadata__holder .edit-invoice .labeled-input:before {
        content: '';
        display: inline-block;
        position: absolute;
        height: 100%;
        width: 35px;
        background-color: #ffffff; }
      .invoice-management .metadata__holder .edit-invoice .labeled-input__input {
        display: inline-block;
        min-width: 275px;
        position: relative;
        margin-left: 35px;
        padding-left: 12px;
        height: 99%;
        border-radius: 0;
        border: 0;
        outline: 0;
        max-width: 310px;
        font-size: 16px;
        font-weight: 100; }
    .invoice-management .metadata__holder .edit-invoice .type-select {
      border-radius: 3px;
      border: 1px solid #DADEE0;
      outline: 0;
      width: 325px;
      height: 36px;
      padding-left: 10px;
      font-family: muli;
      font-size: 16px;
      font-weight: 400;
      line-height: 20px;
      background: #ffffff;
      text-transform: capitalize; }
    .invoice-management .metadata__holder .edit-invoice .button-holder {
      padding-top: 15px;
      width: 510px; }
    .invoice-management .metadata__holder .edit-invoice .search-selected {
      width: 300px;
      border: 1px solid #DADEE0;
      border-radius: 3px;
      padding: 5px 10px;
      font-size: 16px;
      font-weight: 100;
      position: relative; }
    .invoice-management .metadata__holder .edit-invoice .col-xs-no-padding {
      position: relative;
      width: 325px; }
    .invoice-management .metadata__holder .edit-invoice .property-cancel-icon {
      position: absolute;
      top: 10px;
      right: 25px; }
  .invoice-management .error {
    color: #ff0000;
    font-size: 11px;
    padding-left: 15px; }
    .invoice-management .error::before {
      content: url(/images/bang.svg);
      position: relative;
      display: block;
      top: 5px;
      left: -15px;
      width: 6px !important;
      height: 6px !important; }
  .invoice-management .mappify-address .react-autosuggest__container {
    position: relative; }
  .invoice-management .mappify-address .add-property-address .react-autosuggest__input {
    margin-left: 0px;
    width: 99%; }
  .invoice-management .mappify-address .add-property-address .react-autosuggest__container {
    margin-left: 0px; }
  .invoice-management .mappify-address .add-property-address .react-autosuggest__suggestions-container--open {
    width: 101%; }
  .invoice-management .mappify-address .react-autosuggest__input {
    font-family: muli;
    padding: 0 1%;
    line-height: 30px;
    border-radius: 3px;
    border: 1px solid rgba(190, 190, 190, 0.5);
    background-color: #ffffff;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    margin-left: 0px; }
    @media (max-width: 1024px) {
      .invoice-management .mappify-address .react-autosuggest__input {
        width: 260px; } }
  .invoice-management .mappify-address .react-autosuggest__input--focused {
    outline: none;
    border: 1px solid #9ecbe4 !important; }
  .invoice-management .mappify-address .react-autosuggest__input--open {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  .invoice-management .mappify-address .react-autosuggest__suggestions-container {
    display: none; }
  .invoice-management .mappify-address .react-autosuggest__suggestions-container--open {
    display: block;
    position: absolute;
    border: 1px solid #aaa;
    background-color: #fff;
    font-family: muli;
    font-weight: 300;
    font-size: 16px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    z-index: 2;
    width: 97.5%; }
  .invoice-management .mappify-address .react-autosuggest__suggestions-list {
    max-height: 200px;
    overflow-y: auto;
    margin: 0;
    padding: 0;
    list-style-type: none; }
  .invoice-management .mappify-address .react-autosuggest__suggestion {
    cursor: pointer;
    padding: 10px 6px; }
    .invoice-management .mappify-address .react-autosuggest__suggestion span {
      color: #7f7f7f; }
  .invoice-management .mappify-address .react-autosuggest__suggestion--highlighted {
    background-color: #ddd; }
  .invoice-management .mappify-address .react-autosuggest__section-container {
    border-top: 1px dashed #ccc; }
  .invoice-management .mappify-address .react-autosuggest__section-container--first {
    border-top: 0; }
.buttons__invoice-management {
  display: flex;
  flex-direction: column; }
  .buttons__invoice-management .buttons__save {
    display: flex; }
  .buttons__invoice-management .buttons__navigate {
    display: flex; }
  .buttons__invoice-management .spacer {
    flex-grow: 1; }
  .buttons__invoice-management button {
    width: 120px;
    height: 36px;
    padding: 8px 24px;
    margin: 6px;
    border-radius: 4px;
    font-weight: 700;
    font-size: 14px;
    font-family: muli;
    text-transform: uppercase;
    line-height: 18px;
    cursor: pointer; }
    .buttons__invoice-management button.button__save__assigned {
      width: 110px; }
    .buttons__invoice-management button.blue {
      background-color: #49b3e2;
      border: none;
      color: #ffffff; }
    .buttons__invoice-management button.orange {
      border: 1px solid #ffab4c;
      color: #ffab4c; }
    .buttons__invoice-management button.ghost {
      background-color: unset; }
    .buttons__invoice-management button:disabled {
      opacity: .5;
      cursor: default; }
    .buttons__invoice-management button.transparent {
      background-color: unset;
      border: none;
      color: #49b3e2;
      text-decoration: underline; }
.table-container {
  height: auto;
  overflow: hidden;
  border-radius: 5px;
  font-family: muli-bold; }
  .table-container .invoice-table {
    margin: 0; }
    .table-container .invoice-table .rt-tr-group {
      background-color: #ffffff;
      border-bottom: 1px solid #eceff3; }
      .table-container .invoice-table .rt-tr-group .rt-td {
        height: unset;
        line-height: 1;
        cursor: unset;
        font-size: 14px;
        color: #505050;
        padding-top: 14px;
        padding-bottom: 14px; }
        .table-container .invoice-table .rt-tr-group .rt-td .table-actions {
          color: #49b3e2;
          font-weight: 700;
          text-decoration: none;
          cursor: pointer; }
          .table-container .invoice-table .rt-tr-group .rt-td .table-actions:nth-child(2) {
            margin-left: 10px;
            color: #3AD6B4; }
    .table-container .invoice-table .rt-thead {
      border-bottom: 2px solid #d9dce0;
      height: 52px; }
      .table-container .invoice-table .rt-thead .rt-th {
        padding-left: 35px;
        font-size: 14px;
        font-weight: bold; }
        .table-container .invoice-table .rt-thead .rt-th::before {
          content: none; }

.header {
  width: 100%;
  height: 40px;
  background-color: #c2deef;
  display: flex;
  align-items: center;
  padding: 0 10px 0 30px; }
  .header h3 {
    font-size: 20px; }
  .header .header-location {
    text-transform: capitalize;
    font-weight: 100; }
    .header .header-location::before {
      content: '';
      margin: 0 10px 2px;
      background-color: #8dbfdd;
      width: 9px;
      height: 9px;
      border-radius: 50%;
      right: 0;
      bottom: 2px;
      display: inline-block; }

.tab-options {
  height: 50px;
  display: flex;
  align-items: center;
  background-color: #ffffff; }
  .tab-options a {
    margin: 0 10px;
    font-size: 14px;
    text-align: center;
    width: 130px;
    color: #C8C8C8;
    padding: 5px 5px 7px 5px;
    text-decoration: none; }
    .tab-options a.active-tab {
      padding: 5px 5px 4px 5px;
      border-bottom: 3px solid #49b3e2;
      color: #49b3e2; }

.invoices .button-group button {
  width: auto;
  height: 36px;
  padding: 8px 24px;
  margin: 6px;
  border-radius: 4px;
  font-weight: 700;
  font-size: 14px;
  font-family: muli-bold;
  line-height: 18px; }

.invoices .button-group .button-group__back {
  width: max-content;
  margin-bottom: 15px; }

.invoices .button-group .button-back {
  display: flex;
  justify-content: flex-start;
  padding-left: 20px;
  background-image: url(/images/back-arrow.png);
  background-repeat: no-repeat;
  background-size: 16px;
  font-weight: bold;
  text-decoration: underline;
  color: #49b3e2; }

.invoices .button-group .button-upload {
  display: flex;
  justify-content: flex-end; }

.invoices .button-group .button-blue {
  background-color: #49b3e2;
  border: none;
  color: #ffffff; }
  .invoices .button-group .button-blue-ghost {
    background-color: #ffffff;
    border: 1px solid #49b3e2;
    color: #49b3e2; }
  .invoices .button-group .button-blue:disabled {
    background-color: #eeeeee; }

.title {
  font-size: 24px;
  font-weight: 700;
  color: #000000; }

.icon-dialog {
  width: 50px;
  margin-right: 20px; }
  .icon-dialog.icon-loader {
    animation: spin-loader 1s linear infinite; }

.drop-zone-content {
  margin: 20px auto; }

.dialog-response {
  display: flex;
  align-items: center;
  font-weight: bold; }

.invoice-button {
  width: auto; }

.dialog-override div div div div {
  overflow: scroll !important; }

.title {
  font-size: 24px;
  font-weight: 700;
  color: #000000; }

@keyframes spin-loader {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.header-key {
  color: #91969b;
  font-family: muli;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  margin: auto 0px;
  text-transform: capitalize;
  white-space: nowrap; }

.header-value {
  color: #333e48;
  font-family: muli;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  margin: auto 0px;
  overflow-wrap: break-word; }
.invoices {
  /* Utilities */
  /* Components */ }
  .invoices .single-line-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .invoices .contianer__title {
    display: flex;
    align-items: center;
    background-color: #cbe4f2;
    border-radius: 10px 10px 0px 0px;
    height: 2.5em; }
    .invoices .contianer__title .text__title {
      width: auto;
      padding-left: 20px;
      font-weight: bold;
      font-size: 1.4em; }
    .invoices .contianer__title .continer__title__counter {
      background-color: #9ecbe3;
      border-radius: 5px;
      margin-left: 10px; }
      .invoices .contianer__title .continer__title__counter .text__title__counter {
        color: #fefefe;
        padding: 2px 8px; }
  .invoices .text__table-headers {
    cursor: pointer; }
    .invoices .text__table-headers:hover {
      background-color: #eee; }
  .invoices .text__invoice-property {
    color: #105bbc;
    min-width: 300px; }
  .invoices .text__invoice-type {
    width: 100px; }
  .invoices .text__invoice-due-date {
    width: 140px; }
  .invoices .text__invoice-proposed-payment-date {
    width: 240px; }
  .invoices .text__invoice-amount {
    width: 110px; }
  .invoices .text__invoice-supplier {
    width: 13%; }
  .invoices .text__invoice-maintenance {
    width: 10%; }
  .invoices .text__invoice-status {
    width: 120px; }
  .invoices .text__invoice-action {
    width: 90px;
    min-width: 90px; }
  .invoices .container__actions {
    display: flex; }
    .invoices .container__actions .container__edit {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 40px;
      height: 30px;
      cursor: pointer; }
      .invoices .container__actions .container__edit .image__edit {
        width: 18px;
        height: 18px;
        background-image: url(/images/edit-inv.svg); }
      .invoices .container__actions .container__edit:hover .image__edit {
        background-image: url(/images/edit-inv-ac.svg); }
    .invoices .container__actions .container__download {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 40px;
      height: 30px;
      margin-right: 10px;
      cursor: pointer; }
      .invoices .container__actions .container__download .image__download {
        width: 18px;
        height: 18px;
        background-image: url(/images/dwn-inv.svg); }
      .invoices .container__actions .container__download:hover .image__download {
        background-image: url(/images/dwn-inv-ac.svg); }
.business-detail .contianer__title {
  display: flex;
  align-items: center;
  background-color: #cbe4f2;
  border-radius: 10px 10px 0px 0px;
  height: 2.5em; }
  .business-detail .contianer__title .text__title {
    padding-left: 20px;
    font-weight: bold;
    font-size: 1.4em; }

.business-detail .contianer__form {
  background-color: #fff; }
  .business-detail .contianer__form .container__field {
    display: flex;
    margin-bottom: 10px;
    align-items: baseline; }
    .business-detail .contianer__form .container__field .lable__field {
      width: 200px;
      font-size: 1em; }
    .business-detail .contianer__form .container__field .input__field {
      width: 80%;
      border: 1px solid #ddd;
      font-size: 1em;
      height: 2em;
      padding-left: 8px; }
    .business-detail .contianer__form .container__field .select__field {
      width: 80%;
      border: 1px solid #ddd;
      background-color: #fff;
      font-size: 1em;
      height: 2em; }
  .business-detail .contianer__form .form-group {
    display: flex;
    margin: unset;
    margin-bottom: 10px; }
    .business-detail .contianer__form .form-group .form-label {
      width: 200px;
      flex-basis: unset;
      padding: unset;
      font-size: 1em;
      align-self: center; }
    .business-detail .contianer__form .form-group .form-select {
      width: 80%;
      border: 1px solid #ddd;
      font-size: 1em;
      height: 2em;
      flex-basis: unset;
      max-width: unset; }
  .business-detail .contianer__form .button__save {
    background-color: #49b3e2;
    border: none;
    color: #fff;
    padding: 8px 24px;
    margin: 6px;
    border-radius: 4px;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
    width: 90px;
    height: 32px;
    font-size: 1em; }
.invoices-table .invoices-table__contianer--title {
  margin-left: 20px;
  margin-bottom: 12px; }

.invoices-table .invoices-table__title {
  font-family: "Poppins Semi Bold";
  font-size: 24px;
  line-height: 36px; }

.invoices-table .invoice-table__header {
  cursor: pointer; }
  .invoices-table .invoice-table__header:hover {
    background-color: #CCE5F3; }

.invoices-table .invoice-table__header--dates {
  width: 10%; }

.invoices-table .invoice-table__header--amount {
  width: 15%; }

.invoices-table .invoice-table__cell {
  cursor: pointer; }

.invoices-table .invoice-table__cell--address {
  cursor: pointer;
  color: #3C97D0; }

.invoices-table .invoice-table__cell--actions {
  width: 98px; }

.invoices-table .invoices-table__container--actions {
  display: flex; }

.invoices-table .invoices-table__container--download {
  padding: 4px;
  margin-right: 10px;
  cursor: pointer; }
  .invoices-table .invoices-table__container--download .invoices-table__image--download {
    width: 18px;
    height: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(/images/dwn-inv.svg); }
  .invoices-table .invoices-table__container--download:hover .invoices-table__image--download {
    background-image: url(/images/download-green.svg); }

.invoices-table .invoices-table__container--edit {
  padding: 4px;
  margin-right: 10px;
  cursor: pointer; }
  .invoices-table .invoices-table__container--edit .invoices-table__image--edit {
    width: 18px;
    height: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(/images/edit-inv.svg); }
  .invoices-table .invoices-table__container--edit:hover .invoices-table__image--edit {
    background-image: url(/images/edit-green.svg); }

.invoices-table .invoices-table__container--delete {
  padding: 4px;
  cursor: pointer; }
  .invoices-table .invoices-table__container--delete .invoices-table__image--delete {
    width: 18px;
    height: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(/images/bin.svg); }
  .invoices-table .invoices-table__container--delete:hover .invoices-table__image--delete {
    background-image: url(/images/bin-orange.svg); }
.edit-business__tables-container {
  background-color: white; }

.edit-business__invoice-table-container {
  margin-bottom: 80px; }
.section-header {
  background-color: #dfeaf5;
  padding: 0px 0px 0px 35px; }
  .section-header h1 {
    display: inline-block;
    line-height: 22px;
    color: #000000;
    font-family: muli;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 !important;
    margin-block-start: 0px;
    padding-left: 0px; }
    .section-header h1 span {
      margin: 0 5px;
      padding: 2px 5px;
      border-radius: 8px;
      background-color: #96a6bb; }

.header__property {
  display: flex;
  align-items: center; }
  .header__property h1 {
    flex-grow: 1; }
  .header__property .property-id {
    color: #BBB; }

.test-tag {
  border-radius: 2px;
  border: 1px solid #ffa052;
  background-color: rgba(255, 160, 82, 0.07);
  color: #ffa052;
  font-family: muli;
  font-size: 14px;
  letter-spacing: 0.17px;
  padding: 2px 8px 0px 7px;
  margin-right: 15px; }

.archive-tag {
  border-radius: 2px;
  border: 1px solid #fa6161;
  background-color: rgba(250, 97, 97, 0.15);
  color: #fa6161;
  font-family: muli;
  font-size: 14px;
  letter-spacing: 0.17px;
  padding: 2px 8px 0px 7px;
  margin-right: 15px; }

.sub-header-test {
  display: block;
  background-color: rgba(255, 160, 82, 0.08); }
  .sub-header-test span {
    padding: 10px 37px;
    display: block;
    text-decoration: none;
    height: 18px;
    color: #ffa052;
    font-family: muli-light;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.17px; }

.sub-header-archive {
  display: block;
  background-color: rgba(250, 97, 97, 0.08);
  padding: 10px 35px; }
  .sub-header-archive span {
    display: block;
    text-decoration: none;
    height: 18px;
    color: #fa6161;
    font-family: muli-light;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.17px; }

.property-setting {
  padding: 15px 20px 9px;
  margin-right: 15px; }

.andi-menu {
  border-bottom: 1px solid rgba(232, 232, 235, 0.7) !important; }
  .andi-menu > div > div {
    padding-left: 60px !important; }

.andi-image {
  height: auto !important;
  width: 30px !important;
  margin-top: 2px !important;
  display: block; }

.property-archiving-dialog {
  width: 500px !important; }
  .property-archiving-dialog .title {
    color: #000000;
    font-size: 24px; }
  .property-archiving-dialog .sub-title {
    font-size: 16px;
    margin: 20px 0;
    color: #333333; }
  .property-archiving-dialog .form-group .form-label span {
    color: #fa6161;
    font-weight: 600; }
  .property-archiving-dialog .form-group .form-select {
    width: 100%;
    margin-bottom: 0;
    padding: 0 10px; }
  .property-archiving-dialog .form-group .form-input {
    width: 100%;
    margin-bottom: 0; }
  .property-archiving-dialog .property-archiving-modal-action {
    text-align: right;
    padding: 0px 8px 20px 8px !important; }
  .property-archiving-dialog .error-msg {
    font-family: muli-light;
    font-size: 12px;
    color: #fa6161; }
  .property-archiving-dialog .button_main:disabled {
    background: #CCE5F3; }
.spinner-wrapper {
  min-width: 100%;
  min-height: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.93);
  position: absolute;
  z-index: 300000; }

.spinner-text {
  position: absolute;
  top: 41.5%;
  left: 47%;
  margin: 16px 0 0 35px;
  font-size: 9px;
  font-family: Arial;
  color: #BBB;
  letter-spacing: 1px;
  font-weight: 700; }

.spinner {
  margin: 0;
  display: block;
  position: absolute;
  left: 45%;
  top: 40%;
  border: 25px solid rgba(100, 100, 100, 0.2);
  width: 1px;
  height: 1px;
  border-left-color: transparent;
  border-right-color: transparent;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  -webkit-animation: spin 1.5s infinite;
  -moz-animation: spin 1.5s infinite;
  animation: spin 1.5s infinite; }

@-webkit-keyframes spin {
  0%, 100% {
    -webkit-transform: rotate(0deg) scale(1); }
  50% {
    -webkit-transform: rotate(720deg) scale(0.6); } }

@-moz-keyframes spin {
  0%, 100% {
    -moz-transform: rotate(0deg) scale(1); }
  50% {
    -moz-transform: rotate(720deg) scale(0.6); } }

@-o-keyframes spin {
  0%, 100% {
    -o-transform: rotate(0deg) scale(1); }
  50% {
    -o-transform: rotate(720deg) scale(0.6); } }

@keyframes spin {
  0%, 100% {
    transform: rotate(0deg) scale(1); }
  50% {
    transform: rotate(720deg) scale(0.6); } }
.view-property-comp input:disabled {
  width: 22px; }

.view-property-comp select {
  height: 32px; }

.property-photo-view .view-container {
  min-height: 500px;
  padding: 0;
  margin: 0; }

.property-photo-view .left-side {
  background: #25282B; }
  .property-photo-view .left-side img {
    display: block;
    width: 90%;
    margin: 60px auto;
    border-radius: 5px; }

.property-photo-view .right-side {
  padding-right: 0;
  margin-right: 0;
  padding-left: 0;
  margin-left: 0;
  background: #F7F7F7; }
  .property-photo-view .right-side .content-box {
    padding: 20px; }
  .property-photo-view .right-side .top-box {
    height: 300px;
    box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.25);
    background: #FFF;
    position: relative; }
    .property-photo-view .right-side .top-box h5 {
      margin-bottom: 10px; }
    .property-photo-view .right-side .top-box select {
      width: 100%;
      font-size: 14px;
      height: 39px;
      color: #666;
      border-radius: 3px;
      outline: none;
      background-color: #fff;
      border: 1px solid #e0e0e0;
      margin-right: 10px; }
    .property-photo-view .right-side .top-box .save-btn {
      background: #2E3C57;
      border-radius: 100px;
      border: none;
      width: 105px;
      height: 35px;
      color: #FFF;
      font-family: "DM Sans";
      font-style: normal;
      font-weight: 500;
      font-size: 14px;
      line-height: 20px;
      text-align: center;
      cursor: pointer;
      margin-top: 35px;
      float: left;
      outline: none; }
    .property-photo-view .right-side .top-box .elements-container a {
      display: block;
      float: left;
      margin: 33px 0 0 40px; }
    .property-photo-view .right-side .top-box .elements-container img {
      width: 35px;
      height: 35px; }
    .property-photo-view .right-side .top-box .ant-calendar-picker-input {
      width: 98%; }
  .property-photo-view .right-side .bottom-box {
    background: #F7F7F7; }
    .property-photo-view .right-side .bottom-box .text {
      font-family: Muli;
      font-style: normal;
      font-weight: normal;
      font-size: 15px;
      line-height: 150%;
      letter-spacing: -0.01em;
      color: #2E3C57;
      margin-top: 0;
      padding-top: 0; }
    .property-photo-view .right-side .bottom-box h5 {
      margin-bottom: 0px; }
.documentsEyeIcon {
  margin-top: 4px; }

@keyframes downloading {
  0% {
    background-position-y: -23px; }
  100% {
    background-position-y: 0px; } }

.download-icon--downloading {
  position: relative; }
  .download-icon--downloading:before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 10px;
    position: absolute;
    left: 5px;
    top: -7px;
    height: 17px;
    background: #fff; }
  .download-icon--downloading:after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 10px;
    position: absolute;
    left: 5px;
    top: -7px;
    height: 17px;
    background: #fff;
    animation: downloading 1000ms infinite;
    background-image: url(/images/install_arrow.png);
    background-position-x: -5px;
    background-repeat: no-repeat; }

.googleDocViewer {
  height: 84vh;
  min-width: 500px; }

.ReactTable .rt-thead .rt-th:before, .ReactTable .rt-thead .rt-td:before {
  top: 0px !important;
  height: 0px !important; }

.icon-center {
  padding: 15px !important; }

.doc-item-tooltip {
  max-width: 400px;
  white-space: normal;
  line-height: 16px; }

.button-section {
  background-color: white;
  padding: 0px; }

.document-add-modal-root {
  width: 40% !important; }
  .document-add-modal-root .upload-icon {
    margin-top: -20px; }
  .document-add-modal-root .title {
    color: #000000;
    font-size: 16px; }
  .document-add-modal-root .address {
    font-size: 24px;
    margin: 15px 0px 30px;
    color: #000000; }
  .document-add-modal-root .document-add-modal-body {
    padding: 25px 50px !important; }
  .document-add-modal-root .document-add-modal-action {
    padding: 20px 0px 25px 28% !important;
    text-align: left !important; }

.update-document {
  cursor: not-allowed;
  opacity: 0.4; }

.update-document-img {
  pointer-events: none; }
.access_tabs.row {
  padding-left: 49px; }

.access_preview {
  border-radius: 8px;
  background-color: #cddbe23d;
  padding: 20px;
  margin-bottom: 20px;
  border: none;
  width: 100%;
  outline: none;
  font-family: muli, "sans-serif";
  line-height: 18px;
  font-size: 14px; }
  .access_preview__text {
    font-family: muli, "sans-serif";
    line-height: 18px;
    white-space: pre-line; }
.access_row {
  display: block;
  margin: 0 10; }

.label_text {
  opacity: 0.5;
  color: black;
  font-family: muli;
  font-size: 16px;
  font-weight: 400;
  margin: 10 0;
  display: inline-block; }

.content_text {
  opacity: 0.8;
  color: black;
  font-family: muli;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  display: inline-block;
  padding-top: 5px; }

.access_button {
  margin-top: 20px; }

.generate_button {
  margin-top: 0px;
  width: 200px; }

.access_note {
  margin-top: 30px;
  border-radius: 3px;
  border: 1px solid rgba(191, 191, 191, 0.5);
  width: 400px;
  outline: none;
  padding: 10px;
  margin-bottom: 20px;
  resize: none;
  font-family: muli, "sans-serif";
  line-height: 18px;
  font-size: 14px; }
  .access_note__text {
    font-family: muli, "sans-serif";
    line-height: 18px;
    white-space: pre-line; }

.add-person-form label.access_checkbox {
  display: block;
  height: 25px;
  opacity: 0.8; }

.add-person-form label.notes_label {
  padding-top: 25px; }

.keys_span {
  display: block; }

.notes_p {
  padding-top: 25px; }

.key-location {
  margin-bottom: 5px; }
.drop-zone-content {
  width: 100%;
  height: 120px;
  border-radius: 8px;
  border: 1px dashed #a4a4a4;
  opacity: 0.6;
  text-align: center;
  vertical-align: middle;
  padding-top: 50px; }

.maintenance-dashboard-property {
  padding: 35px; }
  .maintenance-dashboard-property .ReactTable .rt-table {
    background-color: #ffffff; }
  .maintenance-dashboard-property .rt-td {
    color: #000000; }
  .maintenance-dashboard-property .add-maintenance button {
    padding: 12px 30px;
    margin: 40px 35px;
    width: 270px;
    height: 40px;
    border-radius: 10px;
    line-height: 16px;
    color: #ffffff;
    font-family: muli;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #adc5dc;
    border: none; }
    .maintenance-dashboard-property .add-maintenance button.save-button {
      background-color: #1bc59a;
      margin-right: 0;
      cursor: pointer; }

.maintenance-dashboard {
  background-color: #ffffff; }

.container-main {
  position: relative;
  background-color: white;
  padding-left: 33px;
  padding-right: 35px;
  padding-bottom: 100px;
  margin-bottom: 20px; }
  .container-main .req-title {
    padding-bottom: 16px;
    margin-top: 22px; }
  .container-main .req-title-spn {
    color: #3a424f;
    font-family: Muli;
    font-size: 22px;
    font-weight: 600; }
  .container-main .flexdiv {
    display: flex;
    justify-content: space-between; }
  .container-main .leftdiv {
    align-self: flex-start;
    width: 50%;
    padding-bottom: 20px; }
    .container-main .leftdiv .imgsdiv {
      width: 92%;
      min-width: 604px;
      display: grid;
      grid-row-gap: 12px;
      grid-column-gap: 12px;
      grid-template-columns: 142px 142px 142px 142px 142px; }
      @media only screen and (max-width: 1600px) {
        .container-main .leftdiv .imgsdiv {
          grid-template-columns: 142px 142px 142px 142px; } }
      @media only screen and (max-width: 1320px) {
        .container-main .leftdiv .imgsdiv {
          grid-template-columns: 142px 142px 142px; } }
      @media only screen and (max-width: 1100px) {
        .container-main .leftdiv .imgsdiv {
          grid-template-columns: 142px 142px 142px 142px 142px; } }
    .container-main .leftdiv .img-req {
      height: 110px;
      width: 142px;
      border-radius: 6px;
      overflow: hidden;
      background-size: cover;
      background-position: center;
      cursor: pointer; }
    .container-main .leftdiv .img-req-mar-rgt {
      margin-right: 20px; }
    .container-main .leftdiv .req-desc {
      color: #34424f;
      font-family: Muli;
      font-size: 17px;
      font-weight: 300;
      line-height: 25px; }
    .container-main .leftdiv .urgent {
      margin-bottom: 10px;
      display: flex;
      justify-content: space-between;
      width: 150px; }
    .container-main .leftdiv .mark-urgent {
      margin-left: -7px;
      margin-top: 10px; }
    .container-main .leftdiv .req-desc-view {
      width: 100%;
      border: 0px !important;
      resize: none;
      line-height: 1.3em;
      color: #000000;
      font-family: Muli;
      font-size: 17px;
      white-space: pre-wrap;
      margin: 20px 0 0 0; }
      .container-main .leftdiv .req-desc-view[disabled] {
        background: white; }
    .container-main .leftdiv .req-desc-edit {
      padding: 10px;
      width: 100%;
      height: 85px;
      border-radius: 3px;
      border: 1px solid rgba(191, 191, 191, 0.5);
      resize: none;
      line-height: 1.3em;
      color: #000000;
      font-size: 14px;
      font-family: Muli;
      margin-top: 20px; }
    .container-main .leftdiv .req-desc-edit-marg {
      margin-bottom: 30px; }
    .container-main .leftdiv .button-marg {
      margin-right: 12px; }
    .container-main .leftdiv .button-marg-edit {
      margin-top: 20px;
      cursor: pointer; }
    .container-main .leftdiv .appliance-des {
      margin-top: 30px; }
    .container-main .leftdiv .appliance-des-line {
      display: flex;
      font-family: Muli;
      font-size: 16px; }
    .container-main .leftdiv .appliance-des-line-marg {
      margin-bottom: 18px; }
    .container-main .leftdiv .appliance-des-line-marg-edit {
      margin-bottom: 5px; }
    .container-main .leftdiv .appliance-des-line-col1 {
      color: #7f7f7f;
      display: flex;
      align-items: center; }
    .container-main .leftdiv .appliance-des-line-col2 {
      color: #000000; }
      .container-main .leftdiv .appliance-des-line-col2 .appliance-des-line-select {
        width: 100%; }
    .container-main .leftdiv .appliance-input {
      height: 38px;
      border-radius: 3px;
      border: 1px solid rgba(190, 190, 190, 0.5);
      background-color: #ffffff;
      font-size: 14px;
      padding-right: 0.5rem;
      padding-left: 0.5rem;
      font-family: Muli;
      width: calc(100% - 1.1rem); }
    .container-main .leftdiv .appliance-input-error {
      border: 1px solid #ff1717; }
    .container-main .leftdiv .appliance-content {
      margin-top: 30px;
      display: table; }
    .container-main .leftdiv .appliance-content-line {
      font-family: Muli;
      font-size: 16px;
      display: table-row; }
    .container-main .leftdiv .appliance-content-line-col1 {
      color: #7f7f7f;
      align-items: center;
      display: table-cell;
      padding: 10px 0; }
    .container-main .leftdiv .appliance-content-line-col2 {
      color: #000000;
      display: table-cell;
      padding-left: 50px; }
      .container-main .leftdiv .appliance-content-line-col2 .appliance-des-line-select {
        width: 100%; }
  .container-main .rgtdiv {
    margin-top: 2%;
    align-self: flex-start;
    width: 45%;
    background-color: #f4f7f8;
    border-radius: 4px;
    padding: 20px 53px 15px 53px;
    box-sizing: border-box; }
  @media all and (max-width: 1100px) {
    .container-main .flexdiv {
      flex-flow: column; }
    .container-main .leftdiv, .container-main .rgtdiv {
      order: 0;
      width: 100%; } }
  .container-main .history-title {
    padding-bottom: 12px; }
  .container-main .history-line {
    display: flex;
    padding-top: 15px;
    padding-bottom: 15px; }
    .container-main .history-line .box1-spn {
      color: #939BAB;
      font-family: Muli;
      font-weight: 500;
      font-size: 14px;
      line-height: 18px; }
    .container-main .history-line .tradie-dec {
      color: #000000; }
    .container-main .history-line .box2-spn {
      color: #5C677C;
      font-family: Muli;
      font-style: normal;
      font-weight: 500;
      font-size: 14px;
      line-height: 18px; }
    .container-main .history-line .tradie-dec-weighed {
      font-weight: bold;
      color: #000000; }
    .container-main .history-line .box3-spn {
      color: #E86B66;
      font-family: Muli;
      font-size: 13px;
      font-weight: 600;
      line-height: 18px;
      text-align: right; }
    .container-main .history-line .approved-des-title {
      color: #7f7f7f;
      font-family: Muli;
      font-size: 16px;
      padding-top: 3px;
      padding-bottom: 3px;
      white-space: pre-wrap; }
    .container-main .history-line .approved-des {
      color: #7f7f7f;
      font-family: Muli;
      font-size: 13px;
      line-height: 18px; }
    .container-main .history-line .additional-details {
      margin-top: 10px; }
    .container-main .history-line .text__history-details {
      color: #7f7f7f;
      font-family: Muli;
      font-size: 14px;
      line-height: 18px; }
    .container-main .history-line .text__history-last-assigned {
      margin-top: 15px; }
    .container-main .history-line .text__history-business-details {
      font-weight: 500;
      color: black;
      word-break: break-word; }
    .container-main .history-line .text__history-business-name {
      font-weight: 600;
      padding-top: 4px;
      color: black;
      word-break: break-word; }
    .container-main .history-line .text__history-business-email {
      font-weight: 500;
      color: black;
      text-decoration: underline;
      word-break: break-word; }
    .container-main .history-line span {
      display: block;
      color: #91969B;
      white-space: normal; }
    .container-main .history-line pre {
      margin: 0; }
  .container-main .action-line .history-line-col1, .container-main .history-line .history-line-col1 {
    width: 30%;
    padding-right: 23px; }
  .container-main .action-line .history-line-col2, .container-main .history-line .history-line-col2 {
    width: 55%; }
  .container-main .action-line .history-line-col3, .container-main .history-line .history-line-col3 {
    width: 15%; }
  .container-main .work-order-link {
    padding-top: 0; }
  .container-main .history-line-border {
    border-top: solid 1px #e8eaeb; }
  .container-main .action-line {
    display: flex;
    justify-content: flex-end;
    margin-top: 35px;
    margin-bottom: 19px;
    width: 100%; }
    .container-main .action-line .box-border-sideright {
      border-right: solid 1px #cfcfcf; }
    .container-main .action-line .box-border-sideleft {
      border-left: solid 1px #cfcfcf; }
    .container-main .action-line .action-button-box {
      box-sizing: border-box;
      border-radius: 4px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 500;
      font-size: 15px;
      line-height: 20px;
      height: 30px;
      padding: 10px;
      margin-right: 10px;
      border: 1px solid #939BAB;
      box-sizing: border-box;
      border-radius: 4px;
      background: white;
      cursor: pointer; }
    .container-main .action-line .multi-btn-selected {
      background: #939BAB;
      color: white; }
      .container-main .action-line .multi-btn-selected .text-assign {
        color: white; }
      .container-main .action-line .multi-btn-selected .action-button.icon-assign {
        background-image: url(/images/assign-white.svg); }
    .container-main .action-line .select-box {
      margin-top: 5px;
      border: 1px solid #05C2DC;
      border-radius: 4px;
      background: #ffffff; }
      .container-main .action-line .select-box .select-item {
        display: flex;
        align-items: center;
        padding-left: 5px;
        height: 30px;
        width: auto;
        cursor: pointer; }
      .container-main .action-line .select-box .select-item:hover {
        background: #DCF4FC; }
      .container-main .action-line .select-box .select-item:active {
        background: #DCF4FC; }
      .container-main .action-line .select-box .select-item:focus {
        background: #DCF4FC; }
    .container-main .action-line .action-button {
      width: 14px;
      height: 14px;
      background-size: 100%;
      background-position: center;
      background-repeat: no-repeat; }
      .container-main .action-line .action-button.action1 {
        background-image: url(/images/arrow-ash.svg); }
      .container-main .action-line .action-button.action2 {
        background-image: url(/images/needInfo-ash.svg); }
      .container-main .action-line .action-button.action3 {
        background-image: url(/images/deny-ash.svg); }
      .container-main .action-line .action-button.action4 {
        background-image: url(/images/close-ash.svg); }
      .container-main .action-line .action-button.icon-reassign {
        background-image: url(/images/reassign-ash.svg); }
      .container-main .action-line .action-button.icon-schedule {
        background-image: url(/images/schedule-calendar.svg); }
      .container-main .action-line .action-button.icon-accept {
        background-image: url(/images/accept-ash.svg); }
      .container-main .action-line .action-button.icon-assign {
        background-image: url(/images/assign-ash.svg); }
    .container-main .action-line .action1-spn, .container-main .action-line .action2-spn, .container-main .action-line .action3-spn, .container-main .action-line .action4-spn, .container-main .action-line .action5-spn, .container-main .action-line .text-reassign, .container-main .action-line .text-assign, .container-main .action-line .text-accept, .container-main .action-line .text-schedule {
      font-weight: 500;
      font-size: 15px;
      line-height: 20px;
      color: #5C677C;
      line-height: 20px;
      text-transform: none;
      margin-left: 5px; }
    .container-main .action-line .action5-spn {
      color: #44c7f4;
      background: none;
      border: none;
      margin: 0;
      padding: 0;
      cursor: pointer;
      padding-left: 7px; }
  .container-main .selectpicker1, .container-main .selectpicker2 {
    color: #7f7f7f;
    font-family: Muli;
    line-height: 19px;
    font-size: 15px;
    padding: 9px 0 9px 15px;
    border: 1px solid #DDDDDD;
    border-radius: 4px;
    background: linear-gradient(180deg, #FFFFFF 0%, #F7F7F7 100%);
    box-shadow: inset 0 -1px 0 0 #C8C8C8;
    height: 38px;
    cursor: pointer; }
  .container-main .selectpicker1 {
    width: 45%; }
  .container-main .selectpicker2 {
    width: 45%; }
  .container-main .picker-wrapper {
    width: 100%;
    margin-top: 15px; }
    .container-main .picker-wrapper .appliance-type-radio {
      margin-right: 15px;
      cursor: pointer; }
    .container-main .picker-wrapper .appliance-type-label {
      font-family: Muli;
      color: #7f7f7f;
      font-size: 17px;
      padding-right: 12%;
      cursor: pointer; }
      @media only screen and (max-width: 1440px) {
        .container-main .picker-wrapper .appliance-type-label {
          font-size: 14px; } }
  .container-main .mrg-dash {
    margin: 0 10px;
    align-self: center; }

.btn-add-note-popup {
  border: 1px solid #57C1E8;
  border-radius: 4px;
  margin-bottom: 24px; }
  .btn-add-note-popup--btn-cancel {
    background-color: #FFFFFF;
    color: #57C1E8;
    margin-right: 12px; }
  .btn-add-note-popup--btn-save {
    background-color: #57C1E8;
    color: #FFFFFF;
    margin-right: 24px; }

.modal-dis, modal-hide {
  position: fixed;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  padding-top: 100px;
  /* Location of the box */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: rgba(0, 1, 15, 0.6); }

.modal-dis {
  display: block; }

.modal-hide {
  display: none; }

/* Modal Content (image) */
.modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(0); }
  to {
    -webkit-transform: scale(1); } }

@keyframes zoom {
  from {
    transform: scale(0); }
  to {
    transform: scale(1); } }

/* The Close Button */
.close {
  position: absolute;
  top: 50px;
  right: 50px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s; }

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer; }

.req-title {
  padding-top: 12px;
  padding-bottom: 12px;
  margin-top: 30px; }

.maintenance-req-list {
  background-color: #ffffff;
  margin-top: 40px;
  margin-left: 35px;
  margin-right: 22px;
  height: 775px; }

.view-all-req-icon {
  display: flex;
  left: 35px;
  top: 20px;
  position: relative;
  cursor: pointer; }
  .view-all-req-icon .action-view-all {
    background-image: url(/images/back-arrow.png);
    width: 16px;
    height: 16px; }
  .view-all-req-icon .action-view-all-spn {
    padding-left: 8px;
    color: #45c7f5;
    font-family: Muli;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.17px;
    text-decoration: underline; }

.record-clickable {
  cursor: pointer !important; }

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

.work-order-resend-button, .view-invoice-button {
  background: #FFFFFF;
  width: 175px;
  height: 35px;
  border: 1px solid #939BAB;
  box-sizing: border-box;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  cursor: pointer; }

.view-invoice-button {
  text-decoration: none;
  color: inherit;
  margin-left: 15px;
  width: auto;
  padding: 0 8px; }

.invoice-icon {
  width: 14px;
  margin-right: 8px; }

.supplier-url {
  color: #05c2dc;
  font-weight: bold; }

.mail-box {
  width: 20px;
  height: 20px;
  margin-right: 3px;
  position: relative; }

.combine-image {
  position: absolute;
  left: 0px;
  top: 0px;
  top: 3px;
  width: 18px; }

.resend-button-line {
  display: flex;
  justify-content: center;
  /* margin-top: 35px; */
  margin-bottom: 19px;
  width: 100%; }

#supplier-mail {
  word-break: break-word; }
.tradie-list {
  width: 100%;
  margin: 20px 0;
  background-color: #fff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px; }
  .tradie-list .tradie-list_header {
    padding: 10px;
    background-color: #EBEEF2;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    display: flex;
    justify-content: space-between; }
    .tradie-list .tradie-list_header .tradie-list_header-item {
      color: #2E3C57;
      width: 30%; }
    .tradie-list .tradie-list_header .name-field {
      cursor: pointer; }
  .tradie-list .tradie-list_body {
    width: 100%; }
    .tradie-list .tradie-list_body .tradie-list_body-item:last-child {
      border: none; }
    .tradie-list .tradie-list_body .tradie-list_body-item {
      color: #2E3C57;
      cursor: pointer;
      display: flex; }
      .tradie-list .tradie-list_body .tradie-list_body-item .tradie-list_body-item-col {
        padding: 9px 7px;
        padding-left: 15px;
        width: 30%;
        word-wrap: break-word; }
        .tradie-list .tradie-list_body .tradie-list_body-item .tradie-list_body-item-col a {
          color: #2E3C57;
          word-wrap: break-word; }
      .tradie-list .tradie-list_body .tradie-list_body-item .tradie-list_body-item-col-long {
        padding: 9px 7px;
        width: 60%;
        word-wrap: break-word; }
        .tradie-list .tradie-list_body .tradie-list_body-item .tradie-list_body-item-col-long a {
          color: #2E3C57;
          word-wrap: break-word; }
    .tradie-list .tradie-list_body .tradie-list_body-item--selcted {
      color: #2E3C57;
      background-color: #DCF4FC;
      font-weight: bold; }
.assign-tradie {
  width: 100%; }
  .assign-tradie_form {
    display: flex;
    flex-direction: row;
    margin: 20px 0;
    align-items: baseline; }
  .assign-tradie_title {
    width: 200px;
    font-size: 16px; }
  .assign-tradie_buttons {
    display: flex;
    justify-content: flex-end;
    align-items: baseline; }
    .assign-tradie_buttons .btn-blue, .assign-tradie_buttons .btn-cancel {
      margin: 5px 10px;
      font-size: 16px;
      font-weight: bold;
      cursor: pointer; }
    .assign-tradie_buttons .btn-blue {
      padding: 10px 30px;
      background: #4DB9E4;
      border: none;
      border-radius: 5px;
      color: #ffffff; }
    .assign-tradie_buttons .btn-blue--disabled {
      background-color: #dfe4ea;
      color: #747d8c;
      cursor: not-allowed; }
    .assign-tradie_buttons .btn-cancel {
      height: 16px;
      width: auto;
      border: none;
      border-bottom: 1px solid #4DB9E4;
      padding: 0;
      color: #4DB9E4;
      line-height: 16px; }
  .assign-tradie .no-suggestions {
    align-items: center;
    letter-spacing: -0.01em;
    color: #7f7f7f;
    opacity: 0.8; }

.assign-tradie_reassign-reason {
  height: 38px;
  border-color: #dadee0;
  font-size: 16px;
  border-radius: 3px;
  padding: 5px;
  width: 100%; }
  .assign-tradie_reassign-reason:focus-within {
    border: 1px solid #9ecbe4; }
.schedule {
  width: 100%; }
  .schedule_buttons {
    display: flex;
    justify-content: flex-end;
    align-items: baseline; }
    .schedule_buttons .btn-blue, .schedule_buttons .btn-cancel {
      margin: 5px 10px;
      font-size: 16px;
      font-weight: bold;
      cursor: pointer; }
    .schedule_buttons .btn-blue {
      padding: 10px 30px;
      background: #4DB9E4;
      border: none;
      border-radius: 5px;
      color: white;
      text-transform: uppercase; }
  .schedule .btn-blue--disabled {
    background-color: #dfe4ea;
    color: #747d8c;
    cursor: not-allowed; }
  .schedule .btn-cancel {
    height: 16px;
    width: auto;
    border: none;
    border-bottom: 1px solid #4DB9E4;
    padding: 0;
    color: #4DB9E4;
    line-height: 16px; }
.maintenance-request-service-ratings {
  margin-top: 40px; }
  .maintenance-request-service-ratings__date {
    color: rgba(46, 60, 87, 0.5);
    margin: 0;
    margin-top: 8px;
    font-size: 14px; }
  .maintenance-request-service-ratings__title {
    font-size: 16px;
    margin: 0; }
  .maintenance-request-service-ratings__feedback {
    display: flex;
    margin-top: 25px; }
    .maintenance-request-service-ratings__feedback img {
      margin-right: 5px; }
    .maintenance-request-service-ratings__feedback p {
      margin: 0;
      font-size: 17px; }
  .maintenance-request-service-ratings__attachments {
    margin-top: 20px; }
.schedule-section {
  background-color: #ffffff;
  padding-bottom: 100px; }
  .schedule-section span {
    color: #000; }
  .schedule-section .Dishonoured {
    color: #e93600; }
  .schedule-section .not-found {
    padding-top: 30px;
    text-align: center; }
  .schedule-section .Cleared, .schedule-section .Approved {
    color: #1CC59A; }
  .schedule-section .Pending {
    color: #ddc700; }
  .schedule-section .Submitted {
    color: #45C7F5; }
  .schedule-section .Cancelled {
    color: #FA6161; }
  .schedule-section .Upcoming {
    color: #B2B2B2; }
  .schedule-section .payment-status {
    font-family: muli;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px; }
  .schedule-section .schedule-custom-header {
    color: #000000;
    font-family: muli;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px; }
  .schedule-section .ReactTable .rt-thead .rt-th:before, .schedule-section .ReactTable .rt-thead .rt-td:before {
    content: ''; }
  .schedule-section .ReactTable .rt-tbody .rt-tr-group {
    border-bottom: none; }
  .schedule-section .table-field {
    color: #000000;
    font-family: muli;
    font-size: 14px;
    line-height: 16px; }
  .schedule-section .shaded-table-field {
    color: #B2B2B2;
    font-family: muli;
    font-size: 14px;
    line-height: 16px; }
  .schedule-section .head-section {
    margin: 20px 32px 8px 32px; }
    .schedule-section .head-section .header-message {
      font-family: muli;
      font-size: 22px;
      font-weight: 500;
      line-height: 26px; }
    .schedule-section .head-section .total-times-in-arrear {
      padding: 6px 15px;
      color: #515F6C;
      font-family: muli;
      font-size: 12px;
      font-weight: 500;
      line-height: 18px; }
    .schedule-section .head-section .Dishonoured:before {
      padding-right: 10px;
      content: url(/images/dishonoured.png); }
  .schedule-section .force-right {
    float: right; }

.ReactTable.paymentSchedulesTable .rt-tbody .rt-td {
  padding-left: 20px;
  padding-right: 0; }
  .ReactTable.paymentSchedulesTable .rt-tbody .rt-td:first-of-type {
    padding-left: 30px; }

.ReactTable.paymentSchedulesTable .rt-thead .rt-th {
  padding-left: 20px;
  padding-right: 0; }
  .ReactTable.paymentSchedulesTable .rt-thead .rt-th:first-of-type {
    padding-left: 30px; }
.leases-section {
  padding: 30px;
  min-height: 550px; }
  .leases-section .leases-header-section {
    line-height: 25px;
    color: #ffa151;
    font-family: muli;
    font-size: 22px;
    font-weight: 500; }
    .leases-section .leases-header-section:before {
      padding-right: 10px;
      content: url(/images/no-lease-icon.png); }
  .leases-section .leases-header-section-has {
    line-height: 25px;
    color: #2de8ae;
    font-family: muli;
    font-size: 22px;
    font-weight: 500; }
    .leases-section .leases-header-section-has:before {
      padding-right: 10px;
      content: url(/images/active-lease.png); }
  .leases-section .leases-header-section-has-inactive {
    line-height: 25px;
    color: #fa6161;
    font-family: muli;
    font-size: 22px;
    font-weight: 500; }
    .leases-section .leases-header-section-has-inactive:before {
      padding-right: 10px;
      content: url(/images/dishonoured.png); }
  .leases-section .hide-lease-end {
    opacity: 0.4; }
  .leases-section .status-sub-header-text {
    margin-top: 10px;
    line-height: 16px;
    color: #9a9da1;
    font-size: 14px;
    font-weight: 500; }
    .leases-section .status-sub-header-text a {
      color: #4568bd;
      font-weight: 400;
      cursor: pointer; }
  .leases-section .lease-detail-section {
    margin-top: 36px; }
  .leases-section .lease-fields {
    padding-top: 13px;
    line-height: 16px;
    opacity: 0.8;
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize; }
    .leases-section .lease-fields img {
      cursor: pointer;
      padding-right: 15px; }
  .leases-section .add-lease-button {
    cursor: pointer;
    margin-top: 30px;
    width: max-content;
    border-radius: 10px;
    border: 1px solid #98b1c9;
    color: #98b1c9;
    font-size: 14px;
    font-weight: 700;
    padding: 10px 25px;
    margin-right: 12px; }
    .leases-section .add-lease-button.button-orange {
      background-color: #FFAB4C;
      color: #fff;
      border-color: #FFAB4C; }
  .leases-section [type="radio"]:checked,
  .leases-section [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px; }
  .leases-section [type="radio"]:checked + label,
  .leases-section [type="radio"]:not(:checked) + label {
    position: relative;
    padding-left: 36px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666; }
  .leases-section [type="radio"]:checked + label:before,
  .leases-section [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 22px;
    height: 22px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff; }
  .leases-section [type="radio"]:checked + label:after,
  .leases-section [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 8px;
    height: 8px;
    background: #717c8a;
    position: absolute;
    top: 8px;
    left: 8px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease; }
  .leases-section [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0); }
  .leases-section [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); }
  .leases-section .lease-row {
    height: 41px; }
    .leases-section .lease-row label {
      padding-top: 3px;
      padding-right: 24px;
      opacity: 0.8;
      color: #000000 !important;
      font-size: 16px;
      font-weight: 400; }
    .leases-section .lease-row .lease-row-label {
      opacity: 0.5;
      color: #000000 !important;
      font-size: 16px;
      font-weight: 400;
      padding-top: 9px;
      width: 262px; }
    .leases-section .lease-row [type="number"] {
      height: 32px;
      border-radius: 3px;
      border: 1px solid rgba(190, 190, 190, 0.5);
      padding-left: 45px;
      width: 206px; }
    .leases-section .lease-row .rent-prefix {
      position: relative;
      top: -36px;
      padding-left: 12px;
      width: 21px;
      background-color: #f0f0f0;
      line-height: 35px;
      opacity: 0.6;
      color: #000000;
      font-size: 14px;
      font-weight: 400; }
    .leases-section .lease-row input[type=number]::-webkit-inner-spin-button,
    .leases-section .lease-row input[type=number]::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0; }
    .leases-section .lease-row select {
      width: 253px;
      height: 32px;
      line-height: 16px;
      opacity: 0.8;
      color: #000000;
      font-size: 14px;
      font-weight: 400;
      border: none;
      margin-top: 4px;
      background-color: transparent;
      border: 1px solid #dddddd;
      border-radius: 4px; }
    .leases-section .lease-row .calculated-rent-message {
      font-family: muli-bold;
      margin-top: 15px;
      margin-bottom: 15px;
      width: fit-content;
      padding-right: 20px;
      padding-left: 20px;
      line-height: 41px;
      border-radius: 8px;
      background-color: #f5f8f9;
      color: #000000;
      font-size: 18px;
      font-weight: 500; }
    .leases-section .lease-row .lease-date-section {
      line-height: 16px;
      opacity: 0.8;
      color: #000000;
      font-size: 14px;
      font-weight: 400;
      position: relative;
      top: -30px; }
      .leases-section .lease-row .lease-date-section input {
        padding-left: 31px !important; }
    .leases-section .lease-row .TO-date-picker {
      margin-top: -10px; }
    .leases-section .lease-row .lease-date-section:before {
      content: url(/images/calender-icon.png);
      position: relative;
      top: 34px;
      padding-bottom: 5px; }
    .leases-section .lease-row .lease-end-or-label {
      line-height: 16px;
      opacity: 0.8;
      color: #9a9da1;
      font-size: 14px;
      font-weight: 400;
      text-align: right;
      padding-top: 7px; }
    .leases-section .lease-row .drop-zone-body-content {
      text-align: center; }
      .leases-section .lease-row .drop-zone-body-content .submitted-content {
        height: 100%;
        background-color: rgba(209, 209, 209, 0.2);
        border-radius: 8px; }
      .leases-section .lease-row .drop-zone-body-content .DA-Uploader__clear {
        position: relative;
        left: 196px;
        top: 8px; }
      .leases-section .lease-row .drop-zone-body-content img {
        padding-top: 25px;
        padding-bottom: 10px; }
      .leases-section .lease-row .drop-zone-body-content .drop-zone-text {
        line-height: 16px;
        color: rgba(0, 0, 0, 0.4);
        font-size: 14px;
        font-weight: 400;
        color: #000000;
        padding-bottom: 10px; }
        .leases-section .lease-row .drop-zone-body-content .drop-zone-text span {
          color: #256bd5; }
    .leases-section .lease-row button {
      margin-right: 20px; }
  .leases-section .action-buttons {
    margin-left: 25.3% !important;
    margin-top: 50px; }
  .leases-section .edit-view-dropzone {
    padding-bottom: 10px; }
  .leases-section .upcoming-lease-control img {
    width: 16px; }

.andi-sneak-peak__lease {
  margin-right: 20px;
  color: #FF6369; }
  .andi-sneak-peak__lease:hover {
    color: #CE0031; }

.add-lease-button-link {
  color: #98b1c9; }
.EndLeaseCircle {
  --size: 22px;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  background-color: #cfcfcf;
  position: relative;
  transition: 500ms;
  display: flex; }
  .EndLeaseCircle:before {
    content: attr(data-text);
    position: absolute;
    width: 22px;
    height: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    border-radius: 50%; }
  .EndLeaseCircle__active.EndLeaseCircle {
    background-color: #2ce8ae; }
  .EndLeaseCircle__done.EndLeaseCircle {
    margin-right: 44px; }
    .EndLeaseCircle__done.EndLeaseCircle:before {
      content: '';
      background-image: url(/images/check.svg);
      background-position: center;
      background-size: 60%;
      background-repeat: no-repeat;
      background-color: #44c7f5; }
    .EndLeaseCircle__done.EndLeaseCircle:after {
      content: '';
      height: 5px;
      width: 38px;
      display: inline-block;
      position: absolute;
      top: 8px;
      left: 25px;
      background-color: #b0e4f6; }
  .EndLeaseCircle__label {
    margin: 0;
    color: #2ce8ae;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    height: 20px;
    padding: 0 17px;
    transition: 500m; }

.EndLeaseDisplay .EndLeaseLabel {
  padding-bottom: 7px; }

.EndLeaseLabel {
  color: rgba(0, 0, 0, 0.5);
  font-size: 16px;
  font-weight: 400;
  display: flex;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0; }
  .EndLeaseLabel--reason {
    display: grid;
    grid-template-columns: 84px 1fr;
    align-items: baseline;
    max-height: 180px; }
    .EndLeaseLabel--reason .EndLeaseLabel__value {
      max-height: inherit;
      overflow-y: scroll;
      white-space: pre-wrap; }
  .EndLeaseLabel__value {
    color: rgba(0, 0, 0, 0.8);
    font-size: 16px;
    font-weight: 400; }
    .EndLeaseLabel__value--reason {
      margin-top: 0;
      margin-bottom: 0;
      white-space: pre-line; }

.EndLeaseButtonWrapper {
  display: flex;
  padding: 30px 52px 0;
  justify-content: flex-end; }

.EndLeaseHeader {
  background-color: #f8f8f8;
  height: 48px;
  display: flex;
  align-items: center;
  padding-left: 52px; }

input.break-fee[type=text]:disabled {
  background-color: #fff; }
.payment-section {
  padding: 45px 35px !important; }
  .payment-section .left-padded-label {
    padding-left: 10px; }
  .payment-section .dollar-sign-payment {
    margin-right: 5px;
    background: transparent;
    border: none;
    line-height: 19px;
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    padding-top: 10px; }
  .payment-section .force-right {
    float: right; }
  .payment-section .note-text {
    color: red;
    font-size: 12px;
    padding: 20px; }

.paymentRadio {
  display: inline-table; }
  .paymentRadio:not(:first-of-type) {
    margin-left: 40px; }
  .paymentRadio__item {
    display: table-cell;
    vertical-align: bottom;
    margin: 0; }

label.paymentRadio__item {
  padding-top: 0;
  height: 0; }

.paymentRow {
  padding-top: 9px; }
.invoice-section .ReactTable .rt-thead .rt-th:before, .invoice-section .ReactTable .rt-thead .rt-td:before {
  content: ''; }

.invoice-section .ReactTable .rt-thead .rt-th.-sort-desc, .invoice-section .ReactTable .rt-thead .rt-td.-sort-desc {
  box-shadow: none; }

.invoice-section .ReactTable .rt-tbody .rt-td {
  padding-top: 12px;
  padding-bottom: 0px; }

.invoice-section .heading {
  color: #333e48;
  font-family: muli;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px; }

.invoice-section .content {
  color: #333e48;
  font-family: muli;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-transform: capitalize; }

.inside-iframe .invoice-section .ReactTable {
  margin: 0; }
.statement-section {
  background-color: #ffffff;
  padding-bottom: 100px; }
  .statement-section .bottom-buttons {
    background-color: #ffffff; }
  .statement-section .save-button {
    margin: 25px 20px !important;
    width: 150px !important;
    height: 36px;
    border-radius: 10px;
    line-height: 36px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #9ecbe4;
    border: none;
    cursor: pointer; }
  .statement-section .force-right {
    float: right; }

.inside-iframe .statement-section .ReactTable {
  margin: 0; }
.payment-section {
  padding: 45px 35px !important; }
  .payment-section .left-padded-label {
    padding-left: 10px; }
  .payment-section .dollar-sign-payment {
    margin-right: 5px;
    background: transparent;
    border: none;
    line-height: 19px;
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    padding-top: 10px; }
  .payment-section .force-right {
    float: right; }
  .payment-section .note-text {
    color: red;
    font-size: 12px;
    padding: 20px; }

.paymentRadio {
  display: inline-table; }
  .paymentRadio:not(:first-of-type) {
    margin-left: 40px; }
  .paymentRadio__item {
    display: table-cell;
    vertical-align: bottom;
    margin: 0; }

label.paymentRadio__item {
  padding-top: 0;
  height: 0; }

.paymentRow {
  padding-top: 9px; }
.add-lease-link {
  height: 16px;
  width: 79px;
  color: #00E6A1 !important;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  text-align: right;
  text-decoration: underline; }

.wide-left-space {
  margin-left: 40px; }

.people-tab.people-tab-gray .active-tab, .people-tab.people-tab-gray .tab:hover {
  color: #9ecbe4;
  font-weight: 500;
  border-bottom: 3px solid #9ecbe4; }

.people-tab .button-class {
  color: white; }

.people-tab .tab {
  padding: 20px 15px 8px 15px;
  line-height: 16px;
  color: #000000;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  cursor: pointer;
  margin-left: 25px; }

.people-tab .active-tab, .people-tab .tab:hover {
  color: #9ecbe4;
  font-weight: 500;
  border-bottom: 3px solid #9ecbe4; }

.people-tab .align-left {
  padding: 15px 35px; }

.people-tab .add-tenant button {
  margin: 40px 15px 0 0;
  padding: 5px 10px;
  height: 36px;
  border-radius: 10px;
  line-height: 16px;
  color: #ffffff;
  font-family: muli;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  background-color: #adc5dc;
  border: none; }
  .people-tab .add-tenant button.save-button {
    background-color: #1bc59a;
    margin-right: 0;
    cursor: pointer; }

.text_button {
  /* Style for "Add owner" */
  height: 16px;
  color: #1ee590;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  /* Text style for "Add owner" */
  letter-spacing: 0.17px;
  display: inline-block;
  cursor: pointer;
  margin-right: 35px;
  padding: 5px; }
  .text_button ul {
    list-style: none;
    display: inline;
    padding: 0; }
    .text_button ul li:nth-child(2) {
      border-bottom: 1px solid; }
  .text_button li {
    display: table-cell; }
    .text_button li img {
      margin-bottom: -3px;
      margin-right: 3px; }

.row.col-xs-12.person-role-tabs {
  padding-left: 21px;
  margin-top: 9px; }

.people-tab .end-xs .col-xs-12 {
  position: absolute;
  top: 118px; }

.people-tab .top-margin {
  margin-top: -25px; }

.owner-sign-link {
  position: absolute;
  left: 67%;
  max-width: 150px !important; }

.cancel-button {
  margin-left: 259px !important;
  margin-bottom: 20px !important; }

.owner-tenant-message {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;
  font-size: 20px; }
.TOTitle {
  height: 21px;
  color: #3a424f;
  font-family: muli-medium;
  font-size: 18px;
  font-weight: 500;
  margin-top: 0;
  display: inline-block; }
  .TOTitle__main {
    color: #2de8ae;
    font-size: 22px;
    padding-right: 20px; }
    .TOTitle__main--error {
      color: #ff5a61; }
    .TOTitle__main--amber {
      color: #ffa151; }
  .TOTitle__percent {
    border-radius: 8px;
    background-color: #ff5a61;
    padding: 8px;
    color: #fff;
    font-family: muli-bold;
    font-weight: 700;
    margin: 0 5px; }
    .TOTitle__percent--done {
      background-color: #2ce8ae; }
    .TOTitle__percent--progress {
      background-color: #ffa052; }

.TODashboard {
  padding-left: 35px;
  padding-right: 35px;
  padding-bottom: 50px;
  padding-top: 30px; }

.TOList__title {
  color: #000000;
  font-family: muli-medium;
  font-size: 14px;
  font-weight: 500; }

.DA-CheckboxItem__label.TOItem {
  /* Style for "Confirm ma" */
  color: #515f6c;
  font-family: muli;
  font-size: 16px;
  font-weight: 400; }
  .DA-CheckboxItem__label.TOItem .TOItem.TOItem--bold {
    font-family: muli-medium;
    font-size: 16px;
    opacity: 0.7;
    color: #000000; }

.DA-CheckboxItem__label.checkItem {
  color: #000000 !important;
  font-family: muli;
  font-size: 16px;
  font-weight: 400; }

.DA-actionLink {
  font-family: muli-medium;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  color: #44c7f4;
  border-bottom: #44c7f4 1px solid;
  display: inline-block;
  text-decoration: none;
  cursor: pointer; }
  .DA-actionLink--sub {
    color: #2de8ae;
    border-bottom: #2de8ae 1px solid; }

.DA-CheckboxItem.DA-CheckboxItem--ta {
  height: auto; }

.TA-item {
  margin-bottom: 20px; }
  .TA-item--tenantInspection {
    margin-bottom: 8px; }
  .TA-item__content {
    padding-left: 43px;
    padding-top: 15px; }
    .TA-item__content--bondRef {
      padding-top: 8px; }
    .TA-item__content--edit {
      margin-top: 16px; }
    .TA-item__content--dates {
      padding-top: 4px; }
    .TA-item__content--datesValidation {
      padding-top: 0; }
  .TA-item .DA-CheckboxItem__checkbox:checked ~ span {
    opacity: .5; }
  .TA-item .DA-CheckboxItem__checkbox:disabled ~ span {
    opacity: .5; }

.add-person-form-ta {
  padding: 0;
  margin: 35px;
  background-color: #ffffff; }

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

.DA-Uploader {
  height: 47px;
  border-radius: 8px;
  border: 1px dashed rgba(0, 0, 0, 0.2);
  position: relative;
  display: inline-block;
  padding: 20px;
  background-image: url(/images/upload.png);
  background-repeat: no-repeat;
  background-size: 27px 32px;
  background-position: 50% 20px; }
  .DA-Uploader.hasFile {
    background-color: rgba(209, 209, 209, 0.2);
    background-image: url(/images/document.png); }
  .DA-Uploader__loader {
    display: table;
    margin-top: 10px; }
    .DA-Uploader__loader > * {
      display: table-cell;
      vertical-align: middle; }
    .DA-Uploader__loader__text {
      color: #9a9ea2;
      font-family: muli;
      font-size: 12px;
      font-weight: 500;
      padding-right: 10px; }
    .DA-Uploader__loader__img {
      width: 20px;
      height: 20px;
      animation: spin 700ms linear infinite; }
  .DA-Uploader__hint {
    color: rgba(0, 0, 0, 0.4);
    font-family: aktiv-grotesk;
    font-size: 14px;
    font-weight: 400;
    position: relative;
    top: 40px;
    margin: 0 auto;
    text-align: center; }
  .DA-Uploader__fileName {
    color: #9a9ea2;
    font-family: muli;
    font-size: 12px;
    font-weight: 500; }
  .DA-Uploader--bondTransfer {
    width: 149px;
    margin-right: 15px; }
    .DA-Uploader--bondTransfer_wrapper {
      display: inline-block;
      float: left;
      width: 160px; }
      .DA-Uploader--bondTransfer_wrapper .DA-Uploader__fileName {
        width: 130px; }
  .DA-Uploader--keyDocs {
    width: 95px;
    margin-right: 15px; }
    .DA-Uploader--keyDocs_wrapper {
      display: inline-block;
      float: left;
      width: 160px; }
      .DA-Uploader--keyDocs_wrapper .DA-Uploader__fileName {
        width: 130px; }
  .DA-Uploader__clear {
    background-image: url(/images/crosses.png);
    width: 10px;
    height: 10px;
    position: absolute;
    top: 8px;
    right: 8px;
    cursor: pointer;
    background-size: 20px 10px;
    background-repeat: no-repeat; }
    .DA-Uploader__clear:hover {
      background-position: -10px 0px; }

input.TA-Input {
  box-shadow: inset 0 -1px 0 #dedede;
  background-color: #ffffff;
  line-height: 32px;
  border: none;
  border-radius: 0;
  outline: none;
  font-size: 14px;
  opacity: 0.8;
  font-weight: 400; }
  input.TA-Input--bond-ref {
    margin-right: 25px; }

.TO-date-picker {
  position: relative;
  margin-right: 15px;
  display: inline-block; }
  .TO-date-picker:before {
    content: '';
    display: inline-block;
    height: 20px;
    width: 20px;
    position: absolute;
    left: 0;
    bottom: 13px;
    background-image: url(/images/calender.png);
    background-repeat: no-repeat;
    background-position: top center; }
  .TO-date-picker input[disabled] ~ div > hr {
    display: none; }
  .TO-date-picker--time:before {
    background-image: url(/images/clock.png); }

.clear-fix {
  clear: both; }
  .clear-fix--TA-item {
    margin-bottom: 20px; }

.TOAutoMail {
  /* Style for "PM transfe" */
  color: rgba(0, 0, 0, 0.5);
  font-family: muli;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 10px;
  position: relative; }
  .TOAutoMail:last-of-type {
    margin-bottom: 0; }
  .TOAutoMail:before {
    width: 8px;
    height: 8px;
    content: '';
    display: inline-block;
    position: absolute;
    background-color: #c7c7c7;
    left: -20px;
    top: 5px;
    border-radius: 50%; }
  .TOAutoMail__list {
    list-style: none; }

.TA-infoText {
  min-width: 152px;
  margin-right: 25px;
  opacity: 0.8;
  color: #000000;
  font-family: muli;
  font-size: 14px;
  font-weight: 400;
  display: inline-block; }
  .TA-infoText--checked {
    opacity: 0.5;
    color: #515f6c;
    font-weight: 400; }

.TA-nolease-message {
  color: rgba(255, 161, 81, 0.6);
  font-family: muli-bold;
  font-size: 16px;
  font-weight: 500;
  margin: 0; }

.owner-disbursement {
  padding-left: 19px !important; }
  .owner-disbursementcheckbox-label {
    height: 40px;
    color: #000000;
    font-family: muli;
    font-size: 16px;
    font-weight: 400;
    padding-top: 4px; }

.property-notes-oval {
  width: 22px;
  display: inline-block;
  height: 13px;
  position: relative; }

.property-notes-oval::before {
  content: '';
  opacity: 0.2;
  margin-left: 0px;
  margin-right: 12px;
  background-color: black;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  position: absolute;
  right: 0;
  bottom: 0px; }

.file-collection-modal {
  position: absolute;
  padding: 20px;
  z-index: 2;
  left: 30%;
  top: 20%;
  background-color: white;
  border: 1px solid #dddddd;
  border-radius: 10px; }
  .file-collection-modal__text-1 {
    font-weight: bold;
    margin-bottom: 10px; }
  .file-collection-modal__text-2 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px; }
  .file-collection-modal__input-container {
    display: flex; }
    .file-collection-modal__input-container__search-container {
      display: flex;
      flex-direction: column; }
      .file-collection-modal__input-container__search-container input {
        border: none;
        height: 25px;
        padding: 0 10px;
        margin: 0 52px;
        width: 300px;
        border: 1px solid #ddd; }
      .file-collection-modal__input-container__search-container__search-results {
        margin-left: 52px;
        margin-top: 5px;
        padding-top: 10px;
        background-color: white;
        border: 1px solid #ddd;
        width: 320px; }
        .file-collection-modal__input-container__search-container__search-results__result {
          padding: 5px 10px;
          cursor: pointer; }
          .file-collection-modal__input-container__search-container__search-results__result:hover {
            background-color: #ddd; }
  .file-collection-modal__button-container {
    display: flex;
    justify-content: flex-end;
    margin-top: 30px; }
    .file-collection-modal__button-container button {
      padding: 5px 30px;
      border: none;
      border-radius: 5px;
      color: white;
      font-weight: bold;
      cursor: pointer;
      margin: 0 10px; }
    .file-collection-modal__button-container__save-button {
      background-color: #9ecbe4; }
      .file-collection-modal__button-container__save-button:disabled {
        background-color: #ddd; }

.dc-container {
  padding-left: 40px;
  margin-top: 15px; }
  .dc-container__assignee-container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 5px 0; }
    .dc-container__assignee-container__assignee-container__name {
      margin-right: 5px; }
    .dc-container__assignee-container__name {
      font-size: 25px;
      font-weight: bold; }
  .dc-container__button-container div {
    margin-right: 20px; }
.owner-onboarding-information {
  margin-top: -15px; }
  .owner-onboarding-information .billing-preferences label {
    color: #515f6c;
    font-family: muli;
    font-size: 16px;
    font-weight: 400;
    opacity: 0.5;
    line-height: 35px; }
  .owner-onboarding-information .billing-preferences input[type="radio"] {
    margin-left: 15px; }
  .owner-onboarding-information p.view-edit-bills a {
    font-family: Muli;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 43px;
    text-decoration-line: underline;
    color: #05C2DC;
    margin-left: 5px; }
  .owner-onboarding-information .tenant-details {
    margin-left: 8px; }
    .owner-onboarding-information .tenant-details h3 {
      font-family: muli;
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      line-height: 20px;
      color: #ADB3B9; }
    .owner-onboarding-information .tenant-details p {
      font-family: muli;
      font-size: 15px;
      font-style: normal;
      font-weight: 600;
      line-height: 150%;
      letter-spacing: -0.01em;
      color: #ADB3B9; }
      .owner-onboarding-information .tenant-details p span {
        color: #32405a; }
  .owner-onboarding-information .tenant-note h3 {
    font-family: muli;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    color: #ADB3B9; }
  .owner-onboarding-information .tenant-note textarea {
    width: 50%; }
.TOTitle, .VATitle {
  height: 21px;
  color: #3a424f;
  font-family: muli-medium;
  font-size: 18px;
  font-weight: 500;
  margin-top: 0;
  display: inline-block; }
  .TOTitle__main {
    color: #2de8ae;
    font-size: 22px;
    padding-right: 20px; }
    .TOTitle__main--error {
      color: #ff5a61; }
    .TOTitle__main--amber {
      color: #ffa151; }
  .TOTitle__percent {
    border-radius: 8px;
    background-color: #ff5a61;
    padding: 8px;
    color: #fff;
    font-family: muli-bold;
    font-weight: 700;
    margin: 0 5px; }
    .TOTitle__percent--done {
      background-color: #2ce8ae; }
    .TOTitle__percent--progress {
      background-color: #ffa052; }

.TODashboard {
  padding-left: 35px;
  padding-right: 35px;
  padding-bottom: 50px;
  padding-top: 30px; }

.TOList__title {
  color: #000000;
  font-family: muli-medium;
  font-size: 14px;
  font-weight: 500; }

.DA-CheckboxItem__label.TOItem {
  /* Style for "Confirm ma" */
  color: #515f6c;
  font-family: muli;
  font-size: 16px;
  font-weight: 400; }
  .DA-CheckboxItem__label.TOItem .TOItem.TOItem--bold {
    font-family: muli-medium;
    font-size: 16px;
    opacity: 0.7;
    color: #000000; }

.DA-CheckboxItem__label.checkItem {
  color: #000000 !important;
  font-family: muli;
  font-size: 16px;
  font-weight: 400; }

.DA-actionLink {
  font-family: muli-medium;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  color: #44c7f4;
  border-bottom: #44c7f4 1px solid;
  display: inline-block;
  text-decoration: none;
  cursor: pointer; }
  .DA-actionLink--sub {
    color: #2de8ae;
    border-bottom: #2de8ae 1px solid; }

.DA-CheckboxItem.DA-CheckboxItem--ta {
  height: auto; }

.TA-item {
  margin-bottom: 20px; }
  .TA-item--tenantInspection {
    margin-bottom: 8px; }
  .TA-item__content {
    padding-left: 43px;
    padding-top: 15px; }
    .TA-item__content--bondRef {
      padding-top: 8px; }
    .TA-item__content--edit {
      margin-top: 16px; }
    .TA-item__content--dates {
      padding-top: 4px; }
    .TA-item__content--datesValidation {
      padding-top: 0; }
  .TA-item .DA-CheckboxItem__checkbox:checked ~ span {
    opacity: .5; }
  .TA-item .DA-CheckboxItem__checkbox:disabled ~ span {
    opacity: .5; }

.add-person-form-ta {
  padding: 0;
  margin: 35px;
  background-color: #ffffff; }

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

.DA-Uploader {
  height: 47px;
  border-radius: 8px;
  border: 1px dashed rgba(0, 0, 0, 0.2);
  position: relative;
  display: inline-block;
  padding: 20px;
  background-image: url(/images/upload.png);
  background-repeat: no-repeat;
  background-size: 27px 32px;
  background-position: 50% 20px; }
  .DA-Uploader.hasFile {
    background-color: rgba(209, 209, 209, 0.2);
    background-image: url(/images/document.png); }
  .DA-Uploader__loader {
    display: table;
    margin-top: 10px; }
    .DA-Uploader__loader > * {
      display: table-cell;
      vertical-align: middle; }
    .DA-Uploader__loader__text {
      color: #9a9ea2;
      font-family: muli;
      font-size: 12px;
      font-weight: 500;
      padding-right: 10px; }
    .DA-Uploader__loader__img {
      width: 20px;
      height: 20px;
      animation: spin 700ms linear infinite; }
  .DA-Uploader__hint {
    color: rgba(0, 0, 0, 0.4);
    font-family: aktiv-grotesk;
    font-size: 14px;
    font-weight: 400;
    position: relative;
    top: 40px;
    margin: 0 auto;
    text-align: center; }
  .DA-Uploader__fileName {
    color: #9a9ea2;
    font-family: muli;
    font-size: 12px;
    font-weight: 500; }
  .DA-Uploader--bondTransfer {
    width: 149px;
    margin-right: 15px; }
    .DA-Uploader--bondTransfer_wrapper {
      display: inline-block;
      float: left;
      width: 160px; }
      .DA-Uploader--bondTransfer_wrapper .DA-Uploader__fileName {
        width: 130px; }
  .DA-Uploader--keyDocs {
    width: 95px;
    margin-right: 15px; }
    .DA-Uploader--keyDocs_wrapper {
      display: inline-block;
      float: left;
      width: 160px; }
      .DA-Uploader--keyDocs_wrapper .DA-Uploader__fileName {
        width: 130px; }
  .DA-Uploader__clear {
    background-image: url(/images/crosses.png);
    width: 10px;
    height: 10px;
    position: absolute;
    top: 8px;
    right: 8px;
    cursor: pointer;
    background-size: 20px 10px;
    background-repeat: no-repeat; }
    .DA-Uploader__clear:hover {
      background-position: -10px 0px; }

input.TA-Input {
  box-shadow: inset 0 -1px 0 #dedede;
  background-color: #ffffff;
  line-height: 32px;
  border: none;
  border-radius: 0;
  outline: none;
  font-size: 14px;
  opacity: 0.8;
  font-weight: 400; }
  input.TA-Input--bond-ref {
    margin-right: 25px; }

.TO-date-picker, .VA-date-picker {
  position: relative;
  margin-right: 15px;
  display: inline-block; }
  .TO-date-picker:before, .VA-date-picker:before {
    content: '';
    display: inline-block;
    height: 20px;
    width: 20px;
    position: absolute;
    left: 0;
    bottom: 13px;
    background-image: url(/images/calender.png);
    background-repeat: no-repeat;
    background-position: top center; }
  .TO-date-picker input[disabled] ~ div > hr, .VA-date-picker input[disabled] ~ div > hr {
    display: none; }
  .TO-date-picker--time:before {
    background-image: url(/images/clock.png); }

.clear-fix {
  clear: both; }
  .clear-fix--TA-item {
    margin-bottom: 20px; }

.TOAutoMail {
  /* Style for "PM transfe" */
  color: rgba(0, 0, 0, 0.5);
  font-family: muli;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 10px;
  position: relative; }
  .TOAutoMail:last-of-type {
    margin-bottom: 0; }
  .TOAutoMail:before {
    width: 8px;
    height: 8px;
    content: '';
    display: inline-block;
    position: absolute;
    background-color: #c7c7c7;
    left: -20px;
    top: 5px;
    border-radius: 50%; }
  .TOAutoMail__list {
    list-style: none; }

.TA-infoText {
  min-width: 152px;
  margin-right: 25px;
  opacity: 0.8;
  color: #000000;
  font-family: muli;
  font-size: 14px;
  font-weight: 400;
  display: inline-block; }
  .TA-infoText--checked {
    opacity: 0.5;
    color: #515f6c;
    font-weight: 400; }

.TA-nolease-message {
  color: rgba(255, 161, 81, 0.6);
  font-family: muli-bold;
  font-size: 16px;
  font-weight: 500;
  margin: 0; }

.owner-disbursement {
  padding-left: 19px !important; }
  .owner-disbursementcheckbox-label {
    height: 40px;
    color: #000000;
    font-family: muli;
    font-size: 16px;
    font-weight: 400;
    padding-top: 4px; }

.property-notes-oval {
  width: 22px;
  display: inline-block;
  height: 13px;
  position: relative; }

.property-notes-oval::before {
  content: '';
  opacity: 0.2;
  margin-left: 0px;
  margin-right: 12px;
  background-color: black;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  position: absolute;
  right: 0;
  bottom: 0px; }

.file-collection-modal {
  position: absolute;
  padding: 20px;
  z-index: 2;
  left: 30%;
  top: 20%;
  background-color: white;
  border: 1px solid #dddddd;
  border-radius: 10px; }
  .file-collection-modal__text-1 {
    font-weight: bold;
    margin-bottom: 10px; }
  .file-collection-modal__text-2 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px; }
  .file-collection-modal__input-container {
    display: flex; }
    .file-collection-modal__input-container__search-container {
      display: flex;
      flex-direction: column; }
      .file-collection-modal__input-container__search-container input {
        border: none;
        height: 25px;
        padding: 0 10px;
        margin: 0 52px;
        width: 300px;
        border: 1px solid #ddd; }
      .file-collection-modal__input-container__search-container__search-results {
        margin-left: 52px;
        margin-top: 5px;
        padding-top: 10px;
        background-color: white;
        border: 1px solid #ddd;
        width: 320px; }
        .file-collection-modal__input-container__search-container__search-results__result {
          padding: 5px 10px;
          cursor: pointer; }
          .file-collection-modal__input-container__search-container__search-results__result:hover {
            background-color: #ddd; }
  .file-collection-modal__button-container {
    display: flex;
    justify-content: flex-end;
    margin-top: 30px; }
    .file-collection-modal__button-container button {
      padding: 5px 30px;
      border: none;
      border-radius: 5px;
      color: white;
      font-weight: bold;
      cursor: pointer;
      margin: 0 10px; }
    .file-collection-modal__button-container__save-button {
      background-color: #9ecbe4; }
      .file-collection-modal__button-container__save-button:disabled {
        background-color: #ddd; }

.dc-container {
  padding-left: 40px;
  margin-top: 15px; }
  .dc-container__assignee-container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 5px 0; }
    .dc-container__assignee-container__assignee-container__name {
      margin-right: 5px; }
    .dc-container__assignee-container__name {
      font-size: 25px;
      font-weight: bold; }
  .dc-container__button-container div {
    margin-right: 20px; }

.DA-PropertySection {
  margin-left: 35px;
  margin-top: 22px;
  position: relative;
  width: 100%; }
  .DA-PropertySection__heading {
    border-radius: 2px;
    background-color: #dfeaf5;
    padding: 13px 35px; }
    .DA-PropertySection__heading h1 {
      margin: 0;
      color: #000000;
      font-size: 20px;
      font-weight: 600;
      text-transform: uppercase; }

.VATitle {
  margin-bottom: 0; }

.TOTitle__main.TOTitle__main--p7 {
  padding-right: 7px; }

.propertyTab {
  margin-top: 18px;
  color: #000000;
  font-family: muli-light;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 11px 15px;
  cursor: pointer; }
  .propertyTab--active {
    color: #9ecbe4;
    border-bottom: 3px solid #9ecbe4; }

.propertySection__content {
  padding: 0 35px;
  min-height: 477px; }

.VAButtonRow {
  margin-top: 20px;
  padding-bottom: 25px; }

.propertyTabContainer {
  margin-bottom: 25px; }

.pre-icon-minus-circle:before {
  content: '';
  width: 24px;
  height: 24px;
  display: inline-block;
  background-image: url(/images/minus-circle.svg);
  background-repeat: no-repeat;
  top: 6px;
  position: relative;
  margin-right: 7px; }

.linkButton {
  color: #44c7f4;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  font-family: muli-bold;
  /* Text style for "List Prope" */
  letter-spacing: 0.17px;
  border-bottom: 1px solid #44c7f4;
  cursor: pointer; }

.VAlink {
  color: #44c7f4;
  font-family: muli-bold;
  letter-spacing: 0.17px;
  cursor: pointer; }

.VALabel {
  width: 360px;
  display: inline-block;
  padding: 11px 0; }
  .VALabel__text {
    opacity: 0.5;
    color: #000000;
    font-family: muli;
    font-size: 16px;
    font-weight: 400; }

.VAInput {
  display: inline-block; }
  .VAInput--listing-note {
    max-width: 378px; }

.VARow {
  display: flex; }
  .VARow--validation {
    padding-left: 360px; }

.VARentDash {
  width: 38px;
  display: inline-block;
  float: left;
  text-align: center;
  padding-top: 0px;
  opacity: 0.6;
  color: #000000;
  font-family: muli-medium;
  font-size: 20px;
  font-weight: 400; }

.VALabeledInput {
  float: left;
  min-width: 188px;
  height: 36px;
  border-radius: 3px;
  border: 1px solid rgba(191, 191, 191, 0.5);
  position: relative;
  overflow: hidden; }
  .VALabeledInput--icon-dollar:before {
    background: #f0f0f0 url(/images/usd.png) no-repeat center; }
  .VALabeledInput--icon-link:before {
    background: #f0f0f0 url(/images/link.svg) no-repeat center; }
  .VALabeledInput:before {
    content: '';
    display: inline-block;
    position: absolute;
    height: 100%;
    width: 35px;
    background-color: #f0f0f0; }
  .VALabeledInput--http {
    min-width: 412px; }
    .VALabeledInput--http .VALabeledInput__input {
      width: 341px;
      max-width: 341px; }
  .VALabeledInput--icon-http:before {
    background: #f0f0f0 url(/images/http.svg) no-repeat center;
    width: 63px; }
  .VALabeledInput__input {
    display: inline-block;
    min-width: 20px;
    position: relative;
    margin-left: 35px;
    padding-left: 12px;
    height: 99%;
    border-radius: 0;
    border: 0;
    outline: 0;
    max-width: 138px;
    color: #333333;
    font-size: 14px;
    font-family: muli; }

.VANote {
  /* Style for "Rectangle" */
  padding: 10px;
  width: 396px;
  height: 90px;
  border-radius: 3px;
  border: 1px solid rgba(191, 191, 191, 0.5);
  color: #333333;
  font-size: 14px;
  font-family: muli;
  resize: none;
  line-height: 1.3em; }

.VATableRow {
  display: table-row; }
  .VATableRow > div {
    display: table-cell;
    vertical-align: top; }

.VAInputs {
  margin-top: 25px; }

.VADisplayText {
  opacity: 0.8;
  color: #000000;
  font-family: muli;
  font-size: 14px;
  font-weight: 400;
  margin-top: 6px; }
  .VADisplayText--pre {
    white-space: pre-wrap; }

.VAValidation-error {
  display: inline-block;
  margin-top: 1px; }

.reasons-dropdown {
  border-radius: 3px;
  border: 1px solid #DADEE0;
  outline: 0;
  height: 36px;
  padding-left: 10px;
  font-family: muli;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  background: #ffffff;
  width: 418px; }
.toast-title {
  font-weight: bold; }

.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word; }

.toast-message a,
.toast-message label {
  color: #ffffff; }

.toast-message a:hover {
  color: #cccccc;
  text-decoration: none; }

.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80); }

.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40); }

/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none; }

.toast-top-center {
  top: 0;
  right: 0;
  width: 100%; }

.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%; }

.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%; }

.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%; }

.toast-top-left {
  top: 12px;
  left: 12px; }

.toast-top-right {
  top: 12px;
  right: 12px; }

.toast-bottom-right {
  right: 12px;
  bottom: 12px; }

.toast-bottom-left {
  bottom: 12px;
  left: 12px; }

#toast-container {
  position: fixed;
  z-index: 999999;
  /*overrides*/ }

#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

#toast-container > div {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 0 12px #999999;
  -webkit-box-shadow: 0 0 12px #999999;
  box-shadow: 0 0 12px #999999;
  color: #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80); }

#toast-container > div:hover {
  -moz-box-shadow: 0 0 12px #000000;
  -webkit-box-shadow: 0 0 12px #000000;
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer; }

#toast-container > .toast-info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important; }

#toast-container > .toast-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important; }

#toast-container > .toast-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important; }

#toast-container > .toast-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important; }

#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
  width: 300px;
  margin-left: auto;
  margin-right: auto; }

#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin-left: auto;
  margin-right: auto; }

.toast {
  background-color: #030303; }

.toast-success {
  background-color: #51a351; }

.toast-error {
  background-color: #bd362f; }

.toast-info {
  background-color: #2f96b4; }

.toast-warning {
  background-color: #f89406; }

.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40); }

/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em; }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em; } }

@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em; }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em; } }

@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em; } }
/* Aktiv Grotesk Regular */
@font-face {
  font-family: 'aktiv-grotesk';
  src: url(/fonts/AktivGroteskStdReg.ttf) format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'aktiv-grotesk-medium';
  src: url(/fonts/AktivGroteskStdMd.ttf) format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'aktiv-grotesk-bold';
  src: url(/fonts/AktivGroteskStdBd.ttf) format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'muli-light';
  src: url(/fonts/Muli-Light.ttf) format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'muli';
  src: url(/fonts/Muli-Regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'muli-medium';
  src: url(/fonts/Muli-SemiBold.ttf) format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'muli-bold';
  src: url(/fonts/Muli-Bold.ttf) format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Poppins Semi Bold';
  src: url(/fonts/Poppins-SemiBold.ttf) format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Poppins Medium';
  src: url(/fonts/Poppins-Medium.ttf) format("truetype");
  font-weight: normal;
  font-style: normal; }

Body {
  font-family: muli, "sans-serif" !important;
  color: #333333;
  font-size: 14px;
  margin-top: 0;
  min-height: 100%;
  background-color: #f5f7fa; }

h1 {
  color: #4a4a4a; }

p {
  color: #333333; }

label {
  color: #333333;
  font-size: 12px; }

.content-dock {
  position: relative;
  display: table;
  top: 70px;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 100%; }
  @media (max-width: 1024px) {
    .content-dock {
      top: 50px;
      padding-bottom: 0;
      overflow: auto; } }

.content-dock-v2 {
  position: relative;
  display: table;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 100%; }
  @media (max-width: 1024px) {
    .content-dock-v2 {
      padding-bottom: 0;
      overflow: auto; } }

#toast-container > .toast {
  background-image: none !important;
  width: 631px;
  height: 82px;
  box-shadow: 0 24px 24px rgba(0, 0, 0, 0.3), 0 0 24px rgba(0, 0, 0, 0.22);
  border-radius: 4px;
  border: 1px solid #979797;
  background-color: #ffffff;
  vertical-align: middle; }
  @media (max-width: 1024px) {
    #toast-container > .toast {
      width: 90%; } }

#toast-container.toast-top-center > .toast {
  height: 110px; }

#toast-container.toast-top-center > .toast:before {
  font-size: 24px;
  font-family: 'IcoFont' !important;
  line-height: 18px;
  color: #333333;
  padding-right: 0.5em;
  margin: auto 0.5em auto -1.5em; }

#toast-container > .toast:before {
  font-size: 24px;
  font-family: 'IcoFont' !important;
  line-height: 18px;
  float: left;
  color: #333333;
  padding-right: 0.5em;
  margin: auto 0.5em auto -1.5em; }

#toast-container > .toast-warning:before {
  content: url(/images/neutral.png); }

#toast-container > .toast-error:before {
  content: url(/images/angry.png); }

#toast-container > .toast-info:before {
  content: url(/images/checked.png); }

#toast-container > .toast-success:before {
  content: url(/images/smile.png); }

.toast-message {
  color: #333333;
  padding-top: 15px;
  font-size: 18px; }

#toast-container > div {
  opacity: 1; }

p, h1, h2, h3, h4, h5, div, input, textarea, li, a, button {
  font-family: muli; }

.tooltip {
  position: relative;
  display: inline-block; }

.tooltip .tooltiptext {
  visibility: hidden;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  /* Position the tooltip */
  position: absolute;
  z-index: 1; }

.tooltip:hover .tooltiptext {
  visibility: visible; }