@charset "UTF-8";
/*
Flexbox classes
Pattern: flex-
First letter: justify content
Second letter: align-items/content
Third letter: flex-direction

There are exceptions but it evolved to this

 */
.flex-ec {
  display: flex;
  display: -ms-flexbox;
  justify-content: flex-end;
  align-items: center;
}

.flex-cc {
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: center;
  align-content: center;
}

.flex-bc {
  display: flex;
  display: -ms-flexbox;
  justify-content: space-between;
  align-items: center;
}

.flex-bcc {
  display: flex;
  display: -ms-flexbox;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  flex-direction: column;
}

.flex-col {
  display: flex;
  flex-direction: column;
}

.flex-ccc {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: -ms-flexbox;
}

.flex {
  display: flex;
}

.flex.aEnd {
  align-items: flex-end;
  align-content: flex-end;
}

.flex.sb {
  justify-content: space-between;
}

.flex-ac {
  display: flex;
  display: -ms-flexbox;
  justify-content: space-around;
  align-items: center;
}

.flex-ss {
  display: flex;
  display: -ms-flexbox;
  justify-content: flex-start;
  align-items: flex-start;
}

.flex-wrap {
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
}

.flex-sc {
  display: flex;
  display: -ms-flexbox;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}

.flex-sec {
  display: flex;
  display: -ms-flexbox;
  justify-content: flex-start;
  align-items: flex-end;
  flex-direction: column;
}

.flex-cs {
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: flex-start;
}

.flex-st-cen {
  display: flex;
  display: -ms-flexbox;
  justify-content: flex-start;
  align-items: center;
}

.flex-st-cen-col {
  display: flex;
  display: -ms-flexbox;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}

.flex-end-cen {
  display: flex;
  display: -ms-flexbox;
  justify-content: flex-end;
  align-items: center;
}

.flex-end-cen-col {
  display: flex;
  display: -ms-flexbox;
  justify-content: flex-end;
  align-items: center;
  flex-direction: column;
}

.flex-st-end {
  display: flex;
  display: -ms-flexbox;
  justify-content: flex-start;
  align-items: flex-end;
}

.flex-sb-end-col {
  display: flex;
  display: -ms-flexbox;
  justify-content: space-between;
  align-items: flex-end;
  flex-direction: column;
}

.flex-sa-cen {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.flex-sb-cen {
  display: flex;
  display: -ms-flexbox;
  justify-content: space-between;
  align-items: center;
}

.flex-sa-st {
  display: flex;
  display: -ms-flexbox;
  justify-content: space-around;
  align-items: flex-start;
}

.flex-scc {
  display: flex;
  display: -ms-flexbox;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}

.flex-csc {
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}

.flex-ssc {
  display: flex;
  display: -ms-flexbox;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}

.multiselect {
  display: flex;
  min-height: 32px;
  width: 100%;
  border-radius: 5px;
  box-sizing: border-box;
  position: relative;
  text-align: left;
  border: 1px solid #eeeff2;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background-color: #ffffff;
}
.multiselect:focus {
  outline: none;
}
.multiselect__input {
  position: relative;
  display: inline-block;
  min-height: 20px;
  line-height: 20px;
  border: none;
  border-radius: 5px;
  background: #fff;
  padding: 1px 0 0 5px;
  width: 100%;
  transition: border 0.1s ease;
  box-sizing: border-box;
}
.multiselect__input:hover, .multiselect__input .multiselect__single:hover {
  border-color: #cfcfcf;
}
.multiselect__input:focus, .multiselect__input .multiselect__single:focus {
  border-color: #a8a8a8;
  outline: none;
}
.multiselect__select {
  position: absolute;
  width: 40px;
  right: 1px;
  text-align: center;
  transition: transform 0.2s ease;
  z-index: 1;
}
.multiselect__select::before {
  position: relative;
  top: 7px;
  content: "\f107";
  font: normal normal normal 16px/1 "Font Awesome 5 Pro";
  text-rendering: auto;
  transition: ease-in 0.3s;
  border: none;
}
.multiselect__placeholder {
  color: #adadad;
  display: inline-block;
  margin-bottom: 10px;
  padding-top: 2px;
}
.multiselect__option--highlight {
  background-color: #313640;
}
.multiselect__content-wrapper {
  margin-top: 32px;
  position: absolute;
  display: block;
  background: #fff;
  width: 100%;
  max-height: 240px;
  overflow: auto;
  border: 1px solid #e8e8e8;
  border-top: none;
  border-radius: 14px;
  z-index: 3;
  -webkit-overflow-scrolling: touch;
}
.multiselect__content {
  list-style: none;
  border-radius: 14px;
  display: inline-block;
  padding: 0;
  margin: 0;
  min-width: 100%;
  z-index: 4;
}
.multiselect__content::webkit-scrollbar {
  display: none;
}
.multiselect__element {
  display: block;
}
.multiselect__tags {
  display: flex;
  align-items: center;
  height: auto;
  padding: 0px 30px 0px 8px;
  border: none;
  border-radius: 5px;
  position: relative;
  top: 0px;
  background: #fff;
  width: 100%;
}
.multiselect__tags-wrap {
  position: relative;
  flex-wrap: wrap;
  display: flex;
  min-width: 100%;
}
.multiselect__tag {
  background-color: white;
  padding: 5px 25px 5px 5px;
  color: #666666;
  position: relative;
  display: inline-block;
  border-radius: 5px;
  line-height: 1;
  white-space: nowrap;
}
.multiselect__tag-icon {
  cursor: pointer;
  margin-left: 7px;
  position: absolute;
  right: 0;
  bottom: 0;
  font-weight: 700;
  font-style: normal;
  width: 22px;
  text-align: center;
  line-height: 22px;
  transition: all 0.2s ease;
  border-radius: 5px;
  top: -2px;
}
.multiselect__tag-icon:after {
  color: #35495e;
  line-height: 26px;
  content: "×";
  font-size: 14px;
}
.multiselect__tag-icon:focus, .multiselect__tag-icon:hover {
  color: white;
  background: #eeeff2;
}
.multiselect__tag-icon:focus:after, .multiselect__tag-icon:hover:after {
  color: white;
}
.multiselect__option {
  box-sizing: border-box;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-items: center;
  padding: 12px;
  width: 100%;
  min-height: 40px;
  line-height: 16px;
  text-decoration: none;
  text-transform: none;
  cursor: pointer;
  white-space: nowrap;
  z-index: 4;
  border-radius: 14px;
}
.multiselect__option:after {
  font-size: 12px;
  top: 0;
  right: 0;
  position: absolute;
  line-height: 40px;
  padding-right: 12px;
  padding-left: 20px;
  border-radius: 14px;
}
.multiselect__option--selected {
  background: #f3f3f3;
  color: #35495e;
  font-weight: 700;
}
.multiselect__option--selected:after {
  content: attr(data-selected);
  color: silver;
}
.multiselect__option--highlight {
  background-color: #888888;
  outline: none;
  color: #fff;
}
.multiselect__option--highlight:after {
  content: attr(data-select);
  background: #41b883;
  color: #fff;
}
.multiselect__option--disabled {
  cursor: text;
  pointer-events: none;
}
.multiselect__option--disabled.multiselect__option--highlight {
  background: #dedede !important;
}
.multiselect__option--selected.multiselect__option--highlight {
  background: #dedede;
  color: #fff;
}
.multiselect__option--selected.multiselect__option--highlight:after {
  background: #dedede;
  content: attr(data-deselect);
  color: #35495e;
}
.multiselect__spinner {
  position: absolute;
  right: 1px;
  top: 1px;
  width: 48px;
  height: 35px;
  background: #fff;
  display: block;
}
.multiselect__spinner:before {
  animation: a 2.4s cubic-bezier(0.41, 0.26, 0.2, 0.62);
  animation-iteration-count: infinite;
}
.multiselect__spinner:after {
  animation: a 2.4s cubic-bezier(0.51, 0.09, 0.21, 0.8);
  animation-iteration-count: infinite;
}
.multiselect__spinner:after, .multiselect__spinner:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  border-color: #41b883 transparent transparent;
  border-style: solid;
  border-width: 2px;
  box-shadow: 0 0 0 1px transparent;
}
.multiselect__current {
  min-height: 40px;
  overflow: hidden;
  padding: 8px 30px 0 0;
  white-space: nowrap;
  border-radius: 5px;
  border: 1px solid #e8e8e8;
}
.multiselect__loading-enter-active, .multiselect__loading-leave-active {
  transition: opacity 0.4s ease-in-out;
  opacity: 1;
}
.multiselect__loading-enter, .multiselect__loading-leave-active {
  opacity: 0;
}
.multiselect-enter-active, .multiselect-leave-active {
  transition: all 0.15s ease;
}
.multiselect-enter, .multiselect-leave-active {
  opacity: 0;
}
.multiselect--active .multiselect__select::before {
  font: normal normal normal 16px/1 "Font Awesome 5 Pro";
  content: "\f106";
  z-index: 5;
  color: #666666;
  transition: ease-in 0.3s;
  border: none;
}
.multiselect--active .multiselect__placeholder {
  display: none;
}
.multiselect--disabled {
  opacity: 0.6;
  background: #ededed;
  pointer-events: none;
}
.multiselect--disabled .multiselect__single {
  background: transparent;
}
.multiselect--disabled .multiselect__tags {
  background: transparent;
}
.multiselect--disabled .multiselect__current, .multiselect--disabled .multiselect__select, .multiselect__option--disabled {
  background: #ededed;
  color: #a6a6a6;
}
.multiselect__strong {
  margin-bottom: 10px;
  display: inline-block;
}
.multiselect--multi {
  min-height: 62px;
  max-height: 62px;
}
.multiselect--multi .multiselect__single {
  display: none;
}
.multiselect--multi .multiselect__content-wrapper {
  margin-top: 64px;
}
.multiselect--multi .multiselect__tags {
  overflow-y: auto;
  align-items: flex-start;
}
.multiselect--multi.multiselect--active .multiselect__tags {
  margin-top: 4px;
  flex-direction: column;
}
.multiselect--multi.multiselect--active .multiselect__input {
  order: 1;
}
.multiselect--above .multiselect__content-wrapper {
  margin-top: 0;
  bottom: 100%;
}

.multiselect-container {
  min-height: 89px;
}

.multiselect__single {
  position: relative;
  display: flex;
  align-items: center;
  justify-items: center;
  min-height: 20px;
  line-height: 20px;
  border-radius: 5px;
  border: none;
  background: #fff;
  width: 100%;
  transition: border 0.1s ease;
  box-sizing: border-box;
}

.multiselect__tag ~ .multiselect__input, .multiselect__tag ~ .multiselect__single {
  width: auto;
}

.multiselect__input:hover, .multiselect__single:hover {
  border-color: #cfcfcf;
}

.multiselect__input:focus, .multiselect__single:focus {
  border-color: #a8a8a8;
  outline: none;
}

@keyframes a {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(2turn);
  }
}
.btn-group-vertical > .btn, .btn-group > .btn {
  position: relative;
  float: left;
}

.btn-group > .btn:first-child {
  margin-left: 0;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-radius: 4px;
}

.btn {
  border-radius: 5px;
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
}

.background-button-people {
  background-color: #ffffff;
  color: #707070;
  border-radius: 4px;
}

.background-button-people:hover {
  background-color: rgb(218, 220, 222);
  color: #707070;
}

.listing-edit .dropdown-menu {
  left: -125px;
  width: auto;
}

.listing-bar .listing-edit.right-item, .listing-bar-header .listing-edit.right-item {
  min-width: 95px;
  max-width: 95px;
  max-height: 34px;
  display: flex;
  display: -ms-flexbox;
  justify-content: space-between;
  align-items: center;
}
.listing-bar .listing-edit.right-item .btn-group, .listing-bar-header .listing-edit.right-item .btn-group {
  min-width: 101px;
  max-width: 101px;
  position: relative;
  top: 5px;
  margin: 0px 0px 10px 5px;
}
.listing-bar .listing-edit.right-item .dropdown-toggle, .listing-bar-header .listing-edit.right-item .dropdown-toggle {
  padding-right: 6px;
  padding-left: 6px;
}

.SlectBox {
  width: 200px;
}

#page-bar {
  width: 100%;
  height: 70px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  font-size: 18px;
  color: #c8202f;
}
#page-bar #previous-page, #page-bar #next-page {
  text-transform: uppercase;
  min-width: 75px;
  cursor: pointer;
}

.listing-bar {
  position: relative;
  cursor: pointer;
  min-width: 100%;
  max-width: 100%;
  height: 70px;
  justify-content: flex-start !important;
  width: 100%;
  background-color: #ffffff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  display: flex;
  align-items: center;
  align-content: center;
  font-size: 13px;
}
.listing-bar .viewTransaction {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: flex-start;
  height: 100%;
}
.listing-bar .listing-office {
  width: 100px;
}
.listing-bar .sumo-icon {
  position: absolute;
  top: 0px;
  right: 85px;
  padding: 5px;
  background-color: #ffffff;
  z-index: 5;
}
.listing-bar .bar-item {
  margin-right: 15px;
  text-align: center;
  justify-content: center;
}
.listing-bar .action-buttons {
  position: absolute;
  right: 15px;
  top: 18px;
}
.listing-bar .left-item {
  margin-left: 15px;
}
.listing-bar .right-item {
  margin-right: 15px;
}
.listing-bar .action-background {
  background-color: white;
  height: 100%;
  max-height: 100%;
  max-width: 130px;
  width: 130px;
  position: absolute;
  right: 15px;
}
.listing-bar img {
  position: relative;
  top: -2px;
}
.listing-bar .listing-bar-initials {
  background-color: #eeeff2;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  padding: 5px;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  margin-right: 1px;
  text-transform: uppercase;
}
.listing-bar .listing-showing, .listing-bar .listing-deposited {
  width: 110px;
  min-width: 110px;
}
.listing-bar .not-first {
  position: relative;
  left: -5px;
}
.listing-bar .listing-photo-address {
  height: 35px;
  align-items: center;
  align-content: center;
  display: flex;
  width: 285px;
  min-width: 250px;
  margin-right: 15px;
}
.listing-bar .listing-address {
  margin-left: 10px;
  max-height: 56px;
  overflow-y: hidden;
}
.listing-bar .listing-address span {
  vertical-align: middle;
}
.listing-bar .listing-photo {
  margin: 0px;
}
.listing-bar .listing-main-type {
  width: 115px;
  min-width: 115px;
}
.listing-bar .listing-clients {
  width: 140px;
  min-width: 140px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-right: 15px;
}
.listing-bar .listing-status {
  width: 65px;
  min-width: 65px;
}
.listing-bar .listing-sale-lease {
  width: 80px;
  min-width: 80px;
}
.listing-bar .listing-sms-code {
  width: 65px;
}
.listing-bar .listing-mls-number {
  width: 75px;
  min-width: 75px;
}
.listing-bar .listing-escrow {
  width: 75px;
  min-width: 75px;
}
.listing-bar .listing-bar-date {
  width: 100px;
  min-width: 100px;
}
.listing-bar .listing-views {
  width: 55px;
}
.listing-bar .listing-leads {
  width: 40px;
}
.listing-bar .listing-photo img {
  max-height: 55px;
  max-width: 83px;
  height: 55px;
  width: 83px;
  border-radius: 5px;
}
.listing-bar .listing-photo {
  min-height: 55px;
  min-width: 83px;
}
.listing-bar .listing-title-co {
  width: 130px;
  max-width: 130px;
  min-width: 130px;
}

.listing-bar-header {
  height: 45px;
  background-color: #ffffff;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  position: fixed;
  top: 75px;
  z-index: 1;
  display: flex;
  max-width: 100%;
  min-width: 100%;
}
.listing-bar-header img {
  position: relative;
  top: 0px;
}
.listing-bar-header .bar-item {
  text-align: center;
}
.listing-bar-header a {
  color: #333;
  text-decoration: none;
}
.listing-bar-header i {
  margin-right: 3px;
}

[v-cloak] {
  opacity: 0;
  display: none;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

input::placeholder {
  color: #666666;
  font-size: 14px;
  font-weight: 400;
  font-family: "Titillium Web", sans-serif;
}

.select2-highlighted {
  background-color: #666666 !important;
  color: #ffffff;
}

input:placeholder-shown {
  color: #666666;
  font-size: 14px;
  font-weight: 400;
  font-family: "Titillium Web", sans-serif;
}

*:focus {
  outline: none;
}

input:focus {
  border: none;
}

label {
  margin-left: 5px;
}

.to-text-item {
  cursor: pointer;
  width: 120px;
  padding: 0px 20px;
}
.to-text-item .to-text-underline {
  border-bottom: 2px solid #c8202f;
  font-weight: bold;
}

.fa-pencil {
  cursor: pointer;
}

.datepicker-days .day {
  cursor: pointer;
}

.hoverBar:hover {
  background-color: #D4D6DE;
}

.hoverBar:hover .action-background {
  background-color: #D4D6DE;
}

.dimmedContainer {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
}
.dimmedContainer .header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  height: 39px;
  padding: 0px 15px 0px 30px;
  color: white;
  align-content: center;
  align-items: center;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  position: relative;
}
.dimmedContainer .close {
  color: #ffffff;
  font-size: 18px;
  cursor: pointer;
}

.edit-button {
  color: #ffffff;
}

.text-items {
  display: flex;
  align-content: flex-end;
}

.placeholder {
  color: rgb(150, 150, 150);
}

a {
  text-decoration: none;
  color: inherit;
}

a:hover {
  text-decoration: none;
  color: inherit;
}

#show-more {
  color: #c8202f;
  font-size: 18px;
  padding: 15px 0px;
  text-align: center;
  width: 100%;
  cursor: pointer;
}

#powerTip {
  position: absolute;
  display: none;
  border-radius: 0px;
  border: 1px solid rgb(175, 175, 175);
  background-color: #ffffff;
  padding: 0px;
  box-shadow: none;
  margin-top: 0px;
  z-index: 50;
}
#powerTip .tooltip-link {
  padding: 0px 15px;
  width: 100%;
  height: 28px;
  display: block;
}
#powerTip .tooltip-link a {
  width: 100%;
  line-height: 28px;
  font-size: 12px;
  color: rgb(125, 125, 127);
  text-decoration: none;
}
#powerTip .tooltip-link a:hover {
  color: rgb(120, 157, 166);
  text-decoration: none;
}
#powerTip .tooltip-link:hover {
  background-color: rgba(225, 237, 237, 0.9);
  color: rgb(120, 157, 166);
  width: 100%;
}

#powerTip.s {
  border-bottom: 1px solid rgb(175, 175, 175);
}

.outlined-button {
  width: 150px;
  padding: 6px 0px;
  border: 1px solid #c8202f;
  border-radius: 6px;
  text-align: center;
  color: #c8202f;
  text-transform: uppercase;
  background-color: #ffffff;
  cursor: pointer;
  font-size: 14px;
  height: 34px;
}

i[aria-label]:hover:after {
  content: attr(aria-label);
  font-size: 14px;
  position: absolute;
  top: 100%;
  left: 30%;
  width: 200px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  border-radius: 5px;
  padding: 10px;
  animation-name: fadeIn;
  animation-duration: 0.5s;
  font-weight: normal;
  z-index: 10;
  font-family: "Open Sans", sans-serif;
  color: black;
}

body {
  margin: 0px;
  padding: 0px;
  color: rgb(83, 83, 83);
  font-family: "Titillium Web";
  overflow-x: hidden;
  font-size: 13px;
}

.red-button {
  color: white !important;
  background-color: #c8202f;
}

.listing-leads-container a {
  text-decoration: none;
}

.percentageContainer {
  width: 100%;
  position: relative;
}
.percentageContainer .grayPercentage {
  border: 5px solid rgba(213, 213, 213, 0.5647058824);
  border-radius: 5px;
  width: 100%;
}
.percentageContainer .percentage {
  border: 5px solid #c8202f;
  border-radius: 5px;
  background-color: #c8202f;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
}
.percentageContainer .percentage.p0 {
  width: 0%;
}
.percentageContainer .percentage.p1 {
  width: 1%;
}
.percentageContainer .percentage.p2 {
  width: 2%;
}
.percentageContainer .percentage.p3 {
  width: 3%;
}
.percentageContainer .percentage.p4 {
  width: 4%;
}
.percentageContainer .percentage.p5 {
  width: 5%;
}
.percentageContainer .percentage.p6 {
  width: 6%;
}
.percentageContainer .percentage.p7 {
  width: 7%;
}
.percentageContainer .percentage.p8 {
  width: 8%;
}
.percentageContainer .percentage.p9 {
  width: 9%;
}
.percentageContainer .percentage.p00 {
  width: 0%;
}
.percentageContainer .percentage.p01 {
  width: 1%;
}
.percentageContainer .percentage.p02 {
  width: 2%;
}
.percentageContainer .percentage.p03 {
  width: 3%;
}
.percentageContainer .percentage.p04 {
  width: 4%;
}
.percentageContainer .percentage.p05 {
  width: 5%;
}
.percentageContainer .percentage.p06 {
  width: 6%;
}
.percentageContainer .percentage.p07 {
  width: 7%;
}
.percentageContainer .percentage.p08 {
  width: 8%;
}
.percentageContainer .percentage.p09 {
  width: 9%;
}
.percentageContainer .percentage.p10 {
  width: 10%;
}
.percentageContainer .percentage.p11 {
  width: 11%;
}
.percentageContainer .percentage.p12 {
  width: 12%;
}
.percentageContainer .percentage.p13 {
  width: 13%;
}
.percentageContainer .percentage.p14 {
  width: 14%;
}
.percentageContainer .percentage.p15 {
  width: 15%;
}
.percentageContainer .percentage.p16 {
  width: 16%;
}
.percentageContainer .percentage.p17 {
  width: 17%;
}
.percentageContainer .percentage.p18 {
  width: 18%;
}
.percentageContainer .percentage.p19 {
  width: 19%;
}
.percentageContainer .percentage.p20 {
  width: 20%;
}
.percentageContainer .percentage.p21 {
  width: 21%;
}
.percentageContainer .percentage.p22 {
  width: 22%;
}
.percentageContainer .percentage.p23 {
  width: 23%;
}
.percentageContainer .percentage.p24 {
  width: 24%;
}
.percentageContainer .percentage.p25 {
  width: 25%;
}
.percentageContainer .percentage.p26 {
  width: 26%;
}
.percentageContainer .percentage.p27 {
  width: 27%;
}
.percentageContainer .percentage.p28 {
  width: 28%;
}
.percentageContainer .percentage.p29 {
  width: 29%;
}
.percentageContainer .percentage.p30 {
  width: 30%;
}
.percentageContainer .percentage.p31 {
  width: 31%;
}
.percentageContainer .percentage.p32 {
  width: 32%;
}
.percentageContainer .percentage.p33 {
  width: 33%;
}
.percentageContainer .percentage.p34 {
  width: 34%;
}
.percentageContainer .percentage.p35 {
  width: 35%;
}
.percentageContainer .percentage.p36 {
  width: 36%;
}
.percentageContainer .percentage.p37 {
  width: 37%;
}
.percentageContainer .percentage.p38 {
  width: 38%;
}
.percentageContainer .percentage.p39 {
  width: 39%;
}
.percentageContainer .percentage.p40 {
  width: 40%;
}
.percentageContainer .percentage.p41 {
  width: 41%;
}
.percentageContainer .percentage.p42 {
  width: 42%;
}
.percentageContainer .percentage.p43 {
  width: 43%;
}
.percentageContainer .percentage.p44 {
  width: 44%;
}
.percentageContainer .percentage.p45 {
  width: 45%;
}
.percentageContainer .percentage.p46 {
  width: 46%;
}
.percentageContainer .percentage.p47 {
  width: 47%;
}
.percentageContainer .percentage.p48 {
  width: 48%;
}
.percentageContainer .percentage.p49 {
  width: 49%;
}
.percentageContainer .percentage.p50 {
  width: 50%;
}
.percentageContainer .percentage.p51 {
  width: 51%;
}
.percentageContainer .percentage.p52 {
  width: 52%;
}
.percentageContainer .percentage.p53 {
  width: 53%;
}
.percentageContainer .percentage.p54 {
  width: 54%;
}
.percentageContainer .percentage.p55 {
  width: 55%;
}
.percentageContainer .percentage.p56 {
  width: 56%;
}
.percentageContainer .percentage.p57 {
  width: 57%;
}
.percentageContainer .percentage.p58 {
  width: 58%;
}
.percentageContainer .percentage.p59 {
  width: 59%;
}
.percentageContainer .percentage.p60 {
  width: 60%;
}
.percentageContainer .percentage.p61 {
  width: 61%;
}
.percentageContainer .percentage.p62 {
  width: 62%;
}
.percentageContainer .percentage.p63 {
  width: 63%;
}
.percentageContainer .percentage.p64 {
  width: 64%;
}
.percentageContainer .percentage.p65 {
  width: 65%;
}
.percentageContainer .percentage.p66 {
  width: 66%;
}
.percentageContainer .percentage.p67 {
  width: 67%;
}
.percentageContainer .percentage.p68 {
  width: 68%;
}
.percentageContainer .percentage.p69 {
  width: 69%;
}
.percentageContainer .percentage.p70 {
  width: 70%;
}
.percentageContainer .percentage.p71 {
  width: 71%;
}
.percentageContainer .percentage.p72 {
  width: 72%;
}
.percentageContainer .percentage.p73 {
  width: 73%;
}
.percentageContainer .percentage.p74 {
  width: 74%;
}
.percentageContainer .percentage.p75 {
  width: 75%;
}
.percentageContainer .percentage.p76 {
  width: 76%;
}
.percentageContainer .percentage.p77 {
  width: 77%;
}
.percentageContainer .percentage.p78 {
  width: 78%;
}
.percentageContainer .percentage.p79 {
  width: 79%;
}
.percentageContainer .percentage.p80 {
  width: 80%;
}
.percentageContainer .percentage.p81 {
  width: 81%;
}
.percentageContainer .percentage.p82 {
  width: 82%;
}
.percentageContainer .percentage.p83 {
  width: 83%;
}
.percentageContainer .percentage.p84 {
  width: 84%;
}
.percentageContainer .percentage.p85 {
  width: 85%;
}
.percentageContainer .percentage.p86 {
  width: 86%;
}
.percentageContainer .percentage.p87 {
  width: 87%;
}
.percentageContainer .percentage.p88 {
  width: 88%;
}
.percentageContainer .percentage.p89 {
  width: 89%;
}
.percentageContainer .percentage.p90 {
  width: 90%;
}
.percentageContainer .percentage.p91 {
  width: 91%;
}
.percentageContainer .percentage.p92 {
  width: 92%;
}
.percentageContainer .percentage.p93 {
  width: 93%;
}
.percentageContainer .percentage.p94 {
  width: 94%;
}
.percentageContainer .percentage.p95 {
  width: 95%;
}
.percentageContainer .percentage.p96 {
  width: 96%;
}
.percentageContainer .percentage.p97 {
  width: 97%;
}
.percentageContainer .percentage.p98 {
  width: 98%;
}
.percentageContainer .percentage.p99 {
  width: 99%;
}
.percentageContainer .percentage.p100 {
  width: 100%;
}

.btn {
  border-radius: 5px;
}

.modal {
  top: 5%;
  background-color: rgba(0, 0, 0, 0.3);
}

.content-box-content-people {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
  font-size: 12px;
  padding: 0 0 0 15px;
  display: flex;
}
.content-box-content-people .greensheet-people-content {
  width: 100%;
}
#amessageOffice .modal-dialog {
  margin-top: 150px;
  width: 400px;
}

#transferCall .select2-container {
  width: 250px;
}
#transferCall .modal-dialog {
  width: 400px;
}

.green.btn {
  background-color: #26a69a;
  color: #ffffff;
  font-size: 13px;
}

.red-intense.btn {
  background-color: #e35b5a;
  color: #ffffff;
}

#trans-confirm-confirm {
  display: none;
}

.era-blue {
  background-color: #313640;
}

.era-dark-blue {
  background-color: #313640;
}

.btn-gray {
  background-color: #666666;
  border-color: #eeeff2;
  color: #FFF;
}

.btn-gray.active {
  background-color: #eeeff2;
  border-color: #666666;
  color: #000;
}

.close {
  cursor: pointer;
}

.outlined-button.btn-long {
  min-width: 200px;
}

.green-button {
  color: white !important;
  background-color: green;
}

#paginator {
  width: 100%;
}
#paginator li {
  display: inline;
  list-style-type: none;
  padding-right: 20px;
}

.busy-spinner {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 115;
}
.busy-spinner i {
  font-size: calc(8vh - 25px);
  color: white;
}

.person-container {
  margin: 10px;
  position: relative;
}
.person-container .people-thumbnail-container {
  margin: 5px;
  border-radius: 5px;
}
.person-container .people-thumbnail-container .people-window {
  position: absolute;
  top: 10px;
  left: 15px;
  color: #c8202f;
  font-size: 14px;
}
.person-container .people-thumbnail-container .people-window i {
  color: #666666;
}

.person-container:hover .person-container-overlay {
  display: flex;
}

.grid-image-handle:hover .grid-images-overlay-full {
  display: block !important;
}

.grid-image-handle:hover .grid-images-overlay {
  display: none;
}

.pre-send-portal {
  width: 400px;
  height: auto;
  min-height: 150px;
  position: fixed;
  left: calc(50% - 400px);
  top: calc(50% - 200px);
  background-color: #ffffff;
  border: 1px solid #666666;
  padding: 10px 0px;
  z-index: 600;
  font-size: 16px;
}
.pre-send-portal .close {
  position: absolute;
  right: 10px;
  top: 5px;
}
.pre-send-portal p {
  margin-top: 20px;
  padding: 15px;
}
.pre-send-portal .flex-bc {
  padding: 15px;
}

.content-box .content-box-header {
  height: 50px;
  background-color: #313640;
  width: 100%;
  color: white;
  padding: 0px 15px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  box-shadow: 3px 5px 6px rgba(0, 0, 0, 0.1607843137);
}

.content-box-content .title {
  background-color: transparent;
  color: #666666;
  min-width: 155px;
  font-size: inherit;
  height: 19px;
  position: relative;
  top: 3px;
}

.content-box-content-people .flex-scc .content-container:nth-child(2n+1) {
  background-color: rgba(213, 213, 213, 0.062745098);
}

.content-box-content-people .content-container {
  padding: 12.6px 0;
  width: 100%;
}

.content-box-content-details > div {
  width: 100%;
  padding: 12.6px 0px 12.6px 10px;
}

.content-box-content-details .sub-content {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0px 10px;
}

.content-container {
  position: relative;
}

.content-box .content-box-content .summary-box {
  display: flex;
}
.content-box .content-box-content .summary-box .content-container {
  display: flex;
  width: 100%;
  padding: 12.6px 0px;
}
.content-box .content-box-content .summary-box .content-container .sub-content {
  display: flex;
  width: calc(50% - 10px);
  justify-content: space-between;
  align-items: center;
  align-content: center;
  margin-bottom: 2px;
}
.content-box .content-box-content .summary-box .content-container .title {
  width: auto;
  min-width: 160px !important;
  top: 0px;
  height: auto;
}

.people-thumbnail {
  background-size: cover;
  background-position: center;
  border-radius: 5px;
}

.content-box-content-details {
  width: 100%;
  font-size: 12px;
}
.content-box-content-details .sub-content {
  width: 50%;
  position: relative;
  display: flex;
  align-items: center;
  padding: 0px 10px;
}

.flex-people {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.person-container .person-container-overlay {
  min-width: 135px;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}
.person-container .people-chooser img {
  max-width: 135px;
  max-height: 135px;
}

.dimTheLights {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 400;
}

#contactAgents .modal-dialog, #sendPortalLink .modal-dialog, #agentNote .modal-dialog {
  width: 500px;
  margin-top: 100px;
}
#contactAgents .modal-header, #sendPortalLink .modal-header, #agentNote .modal-header {
  background-color: #c8202f;
  color: #ffffff;
  font-size: 24px !important;
  text-align: center;
}
#contactAgents .modal-header h4, #sendPortalLink .modal-header h4, #agentNote .modal-header h4 {
  color: #ffffff;
  font-size: 24px !important;
}
#contactAgents .modal-title, #sendPortalLink .modal-title, #agentNote .modal-title {
  text-align: left;
}

#activity-add-overlay {
  display: none;
}

#activity-popover {
  width: 450px;
  height: 350px;
  background-color: #ffffff;
  z-index: 100;
  position: fixed;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  top: calc((100vh - 350px - 100px) / 2);
  left: calc((100vw - 450px) / 2);
}
#activity-popover .note-form, #activity-popover .showing-form, #activity-popover .lead-form {
  padding: 0px 25px;
  width: calc(100% - 50px);
}
#activity-popover .note-form textarea, #activity-popover .showing-form textarea, #activity-popover .lead-form textarea {
  width: 100%;
}
#activity-popover .note-form input:focus, #activity-popover .showing-form input:focus, #activity-popover .lead-form input:focus {
  border: inherit;
}
#activity-popover .note-form .flex-bc {
  margin-top: 10px;
}
#activity-popover .note-form .checkbox-area {
  display: flex;
}
#activity-popover .note-form .checkbox-area label {
  margin: 0px 0px 0px 5px;
  font-weight: normal;
}
#activity-popover .lead-form .lead-inputs {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
#activity-popover .lead-form .lead-inputs .lead-input {
  width: 48%;
  height: 24px;
  margin-bottom: 10px;
}
#activity-popover .lead-form .flex-bc {
  margin-top: 10px;
  width: 100%;
}
#activity-popover .showing-form .vdp-datepicker {
  width: 100%;
}
#activity-popover .showing-form #showing-date {
  line-height: 20px;
  width: 100%;
}
#activity-popover .showing-form input {
  width: 100%;
  margin-bottom: 10px;
}
#activity-popover .showing-form .flex-bc {
  margin-top: 10px;
  width: 100%;
}
#activity-popover .send-button {
  background-color: #c8202f;
  border-radius: 5px;
  color: white;
  cursor: pointer;
  padding: 4px 15px;
}
#activity-popover .close {
  position: absolute;
  top: 10px;
  right: 10px;
  font-weight: normal;
  font-size: 16px;
  color: black;
}
#activity-popover .title {
  font-size: 20px;
  padding-bottom: 25px;
  font-weight: bold;
}
#activity-popover .activity-title, #activity-popover .activity-icons {
  font-size: 16px;
}
#activity-popover .activity-icons {
  padding: 0px 15px;
  color: #666666;
}
#activity-popover .activity-icons .activity-icon-title {
  font-size: 14px;
  margin-top: 10px;
}
#activity-popover .activity-icons i {
  font-size: 28px;
}
#activity-popover .activity-icons > div {
  padding: 8px 30px;
  cursor: pointer;
}
#activity-popover .activity-icons > div:hover {
  color: #c8202f;
}

.arti_minder {
  min-width: 300px;
  max-width: 455px;
  position: fixed;
  border: none;
  left: calc(50% - 217px);
  top: 20%;
  min-height: 225px;
  background-color: #c8202f;
  z-index: 600;
}
.arti_minder #arti_error {
  color: #ffffff;
  font-weight: bold;
  padding: 3px 5px;
}
.arti_minder .minder-controls {
  padding: 0px 25px 0px 10px;
}
.arti_minder .single-minder {
  width: 100%;
  min-width: 455px;
  padding: 0px 25px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.arti_minder .single-minder input {
  width: 75%;
  border: none;
  padding-right: 20px;
  text-align: right;
  font-size: 14px;
  color: #35495e;
}
.arti_minder .single-minder .arti-label {
  width: 26%;
  padding: 12px 10px;
  background-color: white;
  color: #666666;
  max-height: 40px;
  border: none;
}
.arti_minder .single-minder .arti-label.taller {
  max-height: 41px;
  min-height: 41px;
}
.arti_minder .single-minder .flex-cc, .arti_minder .single-minder .flex-cs {
  margin: 2.5px 0px;
  width: 100%;
  padding: 6px;
  background-color: #ffffff;
}
.arti_minder .single-minder .multiselect__single {
  justify-content: flex-end;
  padding-right: 8px;
}
.arti_minder .single-minder .minder-people, .arti_minder .single-minder .minder-type {
  min-width: 200px;
}
.arti_minder .single-minder .minder-people .multiselect__tags, .arti_minder .single-minder .minder-type .multiselect__tags {
  justify-content: flex-end;
}
.arti_minder .minder-list {
  list-style-type: none;
  overflow: auto;
  padding: 0px 25px 15px 25px;
}
.arti_minder .minder-list .minder-item {
  float: left;
  margin: 5px;
  min-height: 125px;
  max-height: 125px;
  border: 1px solid #ffffff;
  min-width: 125px;
  max-width: 125px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  cursor: pointer;
  color: white;
}
.arti_minder .minder-list .minder-add {
  border: 1px dashed #ffffff;
}
.arti_minder .minder-list .minder-title {
  font-size: 16px;
  padding: 0px 10px;
}
.arti_minder .minder-list .minder-date {
  font-size: 14px;
  padding: 0px 10px 5px 10px;
}
.arti_minder .title-bar {
  min-height: 50px;
  width: 100%;
  background-color: #c8202f;
  color: #ffffff;
  font-size: 16px;
  padding: 0px 30px 0px 30px;
}
.arti_minder .minders {
  width: 100%;
  padding: 0px 15px;
}
.arti_minder .minder {
  margin-top: 10px;
}
.arti_minder input, .arti_minder select {
  min-height: 40px;
  max-height: 40px;
  color: #666666;
  margin: 0px;
}
.arti_minder option {
  color: #666666;
  margin: 0px;
  padding: 10px 0px;
}
.arti_minder .form-control {
  padding-right: 20px;
}
.arti_minder .new-minder {
  margin: 10px 0px 10px 0px;
  display: flex;
  justify-content: center;
}
.arti_minder .new-minder button {
  width: 150px;
  background: #c8202f none repeat scroll 0 0 !important;
  border: 1px solid #ffffff;
  border-bottom-left-radius: 1px;
  border-top-left-radius: 1px;
  color: #ffffff;
  height: 34px;
}
.arti_minder .trash-minder {
  padding: 5px 0px;
  font-size: 24px;
  color: #ffffff;
}
.arti_minder .minder-field, .arti_minder .minder-people {
  min-width: 200px;
}

#lead-container {
  display: block;
  position: relative;
  text-align: center;
  vertical-align: middle;
}
#lead-container > .last-days {
  color: #666;
  display: inline-block;
  float: left;
  font-size: 18px;
  line-height: 18px;
  padding: 10px 0;
  margin: 10px;
}
#lead-container > .last-days > .lead-text {
  color: #db1f34;
}

#aiDocumentWindow .closeAi {
  cursor: pointer;
}
#aiDocumentWindow .content-container:nth-child(even) {
  background-color: rgba(213, 213, 213, 0.2941176471);
}
#aiDocumentWindow .uppercase {
  text-transform: uppercase;
}
#aiDocumentWindow .ai-bar {
  font-size: 10px;
  color: #707070;
}
#aiDocumentWindow .d-name {
  font-size: 12px;
  color: #1d1d1d;
}
#aiDocumentWindow .d-notes {
  font-size: 10px;
  color: #1d1d1d;
}

#new-trans-overlay.animate {
  animation-name: newtransoverlay;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

#transaction-content {
  z-index: 10;
  position: relative;
  min-height: 100%;
  width: 100%;
}

.add-link-overlay {
  width: 400px;
  height: auto;
  min-height: 150px;
  display: none;
  position: fixed;
  top: 75px;
  left: calc(50% - 300px);
  top: calc(50% - 200px);
  background-color: white;
  border: 1px solid #666666;
  padding: 10px 0px;
  z-index: 10;
}
.add-link-overlay label {
  min-width: 50px;
  font-weight: bold;
}
.add-link-overlay input {
  height: 26px;
  margin: 5px;
}
.add-link-overlay button {
  background-color: #666666;
  color: white;
}
.add-link-overlay #trans-addlink-warning {
  color: #c8202f;
  font-weight: bold;
}
.add-link-overlay .close {
  position: absolute;
  right: 10px;
  top: 5px;
}
.add-link-overlay .close i {
  color: #666666;
}

.people-delete-overlay, .customerAgentSelect {
  width: 400px;
  height: auto;
  min-height: 150px;
  display: none;
  position: fixed;
  top: 75px;
  left: calc(50% - 200px);
  top: calc(50% - 200px);
  background-color: #ffffff;
  border: 1px solid #666666;
  padding: 15px;
  z-index: 600;
}
.people-delete-overlay .close, .customerAgentSelect .close {
  position: absolute;
  right: 10px;
  top: 5px;
}
.people-delete-overlay .choose-side-box, .customerAgentSelect .choose-side-box {
  min-width: 130px;
  min-height: 30px;
  background-color: #666666;
  color: white;
  margin: 5px;
}
.people-delete-overlay .choose-side-box div, .customerAgentSelect .choose-side-box div {
  cursor: pointer;
}

.add-new-customer {
  cursor: pointer;
}

.choose-role select {
  margin-top: 10px;
}

.choose-side {
  display: none;
}
.choose-side .choose-side-box {
  min-width: 130px;
  min-height: 30px;
  background-color: #666666;
  color: #ffffff;
  margin: 5px;
}
.choose-side .choose-side-box div {
  cursor: pointer;
}

.commission-payments {
  align-items: flex-start !important;
}

.commission-docs {
  display: flex;
  padding-left: 0px;
}
.commission-docs .doc-name {
  position: relative;
  right: 150px;
}
.commission-docs .doc-date {
  position: relative;
  right: 115px;
}

.transaction-docs-container {
  width: 100%;
}
.transaction-docs-container input, .transaction-docs-container select {
  padding: 5px;
  border: 1px solid lightgray;
  border-radius: 5px;
  background-color: #ffffff;
}
.transaction-docs-container .transaction-doc-bar {
  width: 100%;
  height: 36px;
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  padding: 6px 15px;
}
.transaction-docs-container .transaction-doc-bar .doc-side {
  width: 60px;
  font-size: 11px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-content: center;
}
.transaction-docs-container .transaction-doc-bar .doc-side div {
  width: 45px;
  height: 24px;
  color: #ffffff;
  background-color: #313640;
  border-radius: 2px;
  padding: 4px 5px 5px 5px;
  text-align: center;
}
.transaction-docs-container .transaction-doc-bar .doc-filename {
  text-align: left;
  width: calc(100% - 300px);
  padding: 3px 15px;
  font-size: 14px;
}
.transaction-docs-container .transaction-doc-bar .doc-filename input {
  width: 75%;
}
.transaction-docs-container .transaction-doc-bar .doc-name {
  width: 335px;
  padding: 3px 15px;
  font-size: 14px;
}
.transaction-docs-container .transaction-doc-bar .doc-date {
  width: 100px;
  padding: 3px 15px;
  font-size: 14px;
}
.transaction-docs-container .transaction-doc-bar .doc-buttons {
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  width: 165px;
  margin-right: 20px;
  cursor: pointer;
}
.transaction-docs-container .transaction-doc-bar .doc-buttons i {
  color: white;
}
.transaction-docs-container .transaction-doc-bar .doc-buttons div {
  padding: 2px 7px;
  background-color: #313640;
  width: 27px;
  height: 22px;
  margin: 0px 3px;
  border-radius: 2px;
}
.transaction-docs-container .transaction-doc-bar .doc-buttons .doc-delete {
  padding: 2px 9px;
  background-color: #c8202f;
}

#taskManager {
  width: 864px;
  position: fixed;
  top: 150px;
  max-height: 55vh;
  background-color: white;
  left: calc((100vw - 864px) / 2);
  min-height: 250px;
  border-radius: 5px 5px 0px 0px;
  z-index: 2;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
}
#taskManager .checkbox {
  width: 13px;
  height: 13px;
  margin: 0px 16px 0px 0px;
}
#taskManager input[type=checkbox] {
  border-radius: 50%;
  width: 13px;
  height: 13px;
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  cursor: pointer;
  border: 1px solid #ACACAC;
  vertical-align: middle;
  margin: 0px;
  position: relative;
}
#taskManager .percentageContainer {
  width: 160px;
}
#taskManager input[type=checkbox]:checked {
  background-color: #313640;
}
#taskManager .close {
  color: #ffffff;
  font-size: 18px;
  cursor: pointer;
  opacity: 1;
}
#taskManager .header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  height: 39px;
  padding: 0px 15px 0px 30px;
  color: #ffffff;
  align-content: center;
  align-items: center;
}
#taskManager .pinManager {
  padding: 2px 15px;
  font-size: 12px;
  cursor: pointer;
}
#taskManager .managerBody {
  overflow-y: scroll;
  overflow-x: hidden;
  padding-bottom: 15px;
  max-height: calc(55vh - 73px);
  min-height: 177px;
  background-color: #ffffff;
}
#taskManager .managerBody .listName {
  font-size: 20px;
  text-transform: uppercase;
  padding-bottom: 3px;
  margin-bottom: 10px;
}
#taskManager .managerBody .listName .listTitle {
  border-bottom: 1px solid #c8202f;
}
#taskManager .managerBody .listName .agentName {
  margin-left: 15px;
  font-size: 12px;
  border-bottom: none;
}
#taskManager .selectAll {
  padding: 5px;
  margin-left: 37px;
  font-size: 14px;
  cursor: pointer;
}
#taskManager .top {
  display: flex;
  justify-content: space-between;
  padding: 0px 20px 0px 42px;
  margin-top: 33px;
}
#taskManager .taskListBody {
  overflow-y: scroll;
  overflow-x: hidden;
  margin-bottom: 15px;
}
#taskManager .task {
  display: flex;
  align-items: center;
  align-content: center;
  padding: 10px 32px 10px 42px;
  justify-content: space-between;
  font-size: 12px;
}
#taskManager .task.striped {
  background-color: rgba(213, 213, 213, 0.2941176471);
}
#taskManager .task:hover {
  background-color: rgba(213, 213, 213, 0.9215686275);
}
#taskManager .taskName {
  width: 320px;
}
#taskManager .taskComments {
  width: 320px;
}
#taskManager .taskComments input {
  width: 100%;
}
#taskManager .taskModified {
  width: 150px;
  margin-left: 15px;
}

#property-map {
  min-height: 250px;
  background-color: #ffffff;
  width: 100%;
  z-index: 0;
}

#taskListOverlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  filter: brightness(75%);
  z-index: 1;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.3);
}

#portal_report {
  width: 80%;
  position: absolute;
  left: 10%;
  top: 70px;
  display: none;
  background-color: #ffffff;
  border: 1px solid #BBBBBB;
  padding: 0px 15px 20px 15px;
  z-index: 120;
}
#portal_report .title {
  padding: 20px 0px;
  font-weight: bold;
  background-color: #ffffff;
  color: rgb(102, 102, 102);
}
#portal_report table {
  width: 100%;
}
#portal_report th, #portal_report td {
  vertical-align: top;
}
#portal_report td {
  margin-bottom: 10px;
  padding: 5px 0px;
}
#portal_report .striped {
  background-color: #eeeff2;
}
#portal_report .portal-activity-header {
  width: 100%;
  height: 60px;
  font-size: 16px;
}
#portal_report .portal-activity-close {
  position: absolute;
  top: 10px;
  right: 10px;
}
#portal_report th {
  text-transform: uppercase;
}

/*
.people-overlay {
    display: none;
    position: fixed;
    top: 75px;
    top: calc(50% - 200px);
    height: auto;
    min-height: 150px;
    z-index: 600;
}
*/
.people-overlay {
  display: none;
}

#people-overlay {
  left: calc((100% - 400px) / 2);
  width: 400px;
  top: calc(50% - 200px);
  position: absolute;
}
#people-overlay .main-overlay {
  height: auto;
  min-height: 150px;
  display: flex;
  /* position: fixed; */
  top: 75px;
  top: calc(50% - 200px);
  background-color: #ffffff;
  border: 1px solid #666666;
  padding: 10px 0px;
  z-index: 2000;
  width: 400px;
}
#people-overlay .main-overlay .choose-role {
  display: none;
}
#people-overlay .main-overlay .choose-role .choose-role-box {
  min-width: 130px;
  min-height: 30px;
  background-color: #666666;
  color: #ffffff;
  margin: 5px;
}
#people-overlay .main-overlay .choose-role .choose-role-box div {
  cursor: pointer;
}
#people-overlay .main-overlay .close {
  position: absolute;
  right: 10px;
  top: 5px;
}
#people-overlay .main-overlay .search-container {
  display: none;
}
#people-overlay .main-overlay .search-container i {
  margin-left: 5px;
}
#people-overlay .main-overlay .search-container input {
  width: 275px;
  height: 24px;
}
#people-overlay .main-overlay .caption {
  max-width: 275px;
  padding: 3px 0px;
  font-size: 15px;
}

.new-trans-overlay {
  width: 600px;
  top: -100px;
  border-radius: 5px;
  height: auto;
  min-height: 250px;
  position: relative;
  background-color: #ffffff;
  border: 1px solid #666666;
  padding: 15px 0px 25px 0px;
  z-index: 400;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: column;
}
.new-trans-overlay .btn-group {
  display: flex;
  display: -ms-flexbox;
  justify-content: space-around;
  align-items: center;
}
.new-trans-overlay .new-trans-overlay-title {
  font-size: 16px;
  font-weight: bold;
  padding: 15px 0px;
}
.new-trans-overlay .sale-lease-buttons, .new-trans-overlay .type-buttons, .new-trans-overlay .side-buttons {
  width: 90%;
  margin: 5px 0px;
}
.new-trans-overlay .sale-lease-buttons button, .new-trans-overlay .sale-lease-buttons label, .new-trans-overlay .type-buttons button, .new-trans-overlay .type-buttons label, .new-trans-overlay .side-buttons button, .new-trans-overlay .side-buttons label {
  min-width: 100px;
}
.new-trans-overlay .sale-lease-buttons input[type=radio], .new-trans-overlay .type-buttons input[type=radio], .new-trans-overlay .side-buttons input[type=radio] {
  clip: rect(0px, 0px, 0px, 0px);
  pointer-events: none;
  position: absolute;
}
.new-trans-overlay .sale-lease-buttons .btn-group, .new-trans-overlay .type-buttons .btn-group, .new-trans-overlay .side-buttons .btn-group {
  width: 100%;
}
.new-trans-overlay .sale-lease-buttons .info-window, .new-trans-overlay .type-buttons .info-window, .new-trans-overlay .side-buttons .info-window {
  margin-top: 15px;
  font-size: 16px;
}
.new-trans-overlay .sale-lease-buttons {
  width: 500px;
  padding: 15px 0px;
}
.new-trans-overlay .side-buttons {
  width: 350px;
  padding: 15px 0px;
}
.new-trans-overlay .type-buttons {
  width: 500px;
  padding: 15px 0px;
}
.new-trans-overlay .wiz-subtype-select {
  width: 250px;
}
.new-trans-overlay .wiz-agent-select {
  width: 325px;
}
.new-trans-overlay .type-field, .new-trans-overlay .status-field, .new-trans-overlay .agent-field {
  margin-bottom: 10px;
}
.new-trans-overlay .wiz-coordinator {
  margin-top: 10px;
}
.new-trans-overlay .btn {
  width: 150px;
}
.new-trans-overlay .close {
  position: absolute;
  right: 10px;
  top: 5px;
  color: #707070;
}

.duplicate-overlay {
  height: auto;
  min-height: 100px;
  width: 380px;
  position: fixed;
  left: calc(50% - 190px);
  top: 15%;
  background-color: #ffffff;
  border: 1px solid #666666;
  padding: 10px 0px;
  z-index: 600;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
.duplicate-overlay .multiselect--multi {
  max-height: initial;
}
.duplicate-overlay .btn.active {
  z-index: 1;
}
.duplicate-overlay .duplicate-overlay-title {
  font-size: 16px;
  font-weight: bold;
}
.duplicate-overlay .close {
  position: absolute;
  right: 10px;
  top: 5px;
}
.duplicate-overlay .finish-button button {
  width: 75px;
  background-color: #c8202f;
  color: #ffffff;
}
.duplicate-overlay .finish-button {
  position: relative;
}
.duplicate-overlay .type-buttons {
  display: flex;
  justify-content: space-between;
}
.duplicate-overlay .sale-lease-buttons, .duplicate-overlay .type-buttons, .duplicate-overlay .side-buttons, .duplicate-overlay .finish-button {
  width: 90%;
  margin: 5px 0px;
}
.duplicate-overlay .sale-lease-buttons button, .duplicate-overlay .sale-lease-buttons label, .duplicate-overlay .type-buttons button, .duplicate-overlay .type-buttons label, .duplicate-overlay .side-buttons button, .duplicate-overlay .side-buttons label, .duplicate-overlay .finish-button button, .duplicate-overlay .finish-button label {
  min-width: 100px;
}
.duplicate-overlay .sale-lease-buttons input[type=radio], .duplicate-overlay .type-buttons input[type=radio], .duplicate-overlay .side-buttons input[type=radio], .duplicate-overlay .finish-button input[type=radio] {
  clip: rect(0px, 0px, 0px, 0px);
  pointer-events: none;
  position: absolute;
}
.duplicate-overlay .sale-lease-buttons .btn-group, .duplicate-overlay .type-buttons .btn-group, .duplicate-overlay .side-buttons .btn-group, .duplicate-overlay .finish-button .btn-group {
  width: 100%;
}
.duplicate-overlay .sale-lease-buttons .info-window, .duplicate-overlay .type-buttons .info-window, .duplicate-overlay .side-buttons .info-window, .duplicate-overlay .finish-button .info-window {
  margin-top: 15px;
  font-size: 16px;
}

#customer-overlay {
  height: 1500px;
  width: 100%;
  z-index: 112;
  position: absolute;
  background-color: #CCCCCC;
  top: 0;
  left: 0;
  margin-bottom: 30px;
  display: none;
}
#customer-overlay .comments, #customer-overlay .marketing {
  height: auto;
  min-height: 39.85px;
  max-height: none;
}
#customer-overlay .client-property:nth-child(even) {
  background-color: #eeeff2;
}
#customer-overlay #customer-grid {
  width: 100%;
  height: auto;
  min-height: calc(100vh - 50px);
  background-color: #ffffff;
}
#customer-overlay #customer-grid .marketing, #customer-overlay #customer-grid .categories {
  height: auto;
}
#customer-overlay #customer-grid .striped {
  background-color: rgba(200, 200, 200, 0.2);
}
#customer-overlay #customer-grid .top-row {
  grid-column: 1/5;
  grid-row: 1/1;
  display: flex;
}
#customer-overlay #customer-grid .top-row .icons {
  display: flex;
  position: absolute;
  top: 15px;
  right: 15px;
}
#customer-overlay #customer-grid .top-row .icons .icon {
  padding: 0px 8px;
}
#customer-overlay #customer-grid .top-row .icons .icon:hover {
  color: #c8202f;
}
#customer-overlay #customer-grid .top-row .icons i {
  font-size: 24px;
}
#customer-overlay #customer-grid .grid-column.one {
  grid-column: 1/1;
  grid-row: 2/2;
}
#customer-overlay #customer-grid .grid-column.two {
  grid-column: 2/2;
  grid-row: 2/2;
}
#customer-overlay #customer-grid .middle-column {
  grid-column: 3/3;
  grid-row: 2/2;
}
#customer-overlay #customer-grid .grid-column.three {
  grid-column: 4/4;
  grid-row: 2/2;
}
#customer-overlay #customer-grid .grid-column.four {
  grid-column: 5/5;
  grid-row: 2/2;
}
#customer-overlay #customer-grid .grid-column.five {
  grid-column: 2/5;
  grid-row: 3/3;
}
#customer-overlay #customer-grid .left-wide, #customer-overlay #customer-grid .right-wide {
  padding-top: 20px;
}
#customer-overlay #customer-grid .left-wide .title.margin, #customer-overlay #customer-grid .right-wide .title.margin {
  margin-top: 25px;
}
#customer-overlay #customer-grid .next-up {
  cursor: pointer;
}
#customer-overlay #customer-grid .history-container {
  height: auto;
  width: 100%;
  transition: height 0.5s;
  font-size: 16px;
}
#customer-overlay #customer-grid .history-container .event-title {
  width: 160px;
}
#customer-overlay #customer-grid .history-container .event-type {
  width: 80px;
}
#customer-overlay #customer-grid .history-container .event-status {
  width: 200px;
}
#customer-overlay #customer-grid .history-container .event-followup {
  width: 100px;
}
#customer-overlay #customer-grid .history-container .history-property {
  text-align: left;
}
#customer-overlay #customer-grid .history-container .history-item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 20px 15px;
}
#customer-overlay #customer-grid .transactions-container .event-type {
  width: 200px;
}
#customer-overlay #customer-grid .events-container .event {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 20px 15px;
}
#customer-overlay #customer-grid .history-bar {
  width: 100%;
  font-size: 16px;
  padding: 20px 15px;
  height: 30px;
  display: flex;
  align-items: center;
  line-height: 22.85px;
  justify-content: space-between;
}
#customer-overlay #customer-grid .history-bar .history-bar-arrow {
  transition: transform 0.2s ease;
  cursor: pointer;
}
#customer-overlay #customer-grid .history-bar .history-bar-arrow::before {
  position: relative;
  right: -4px;
  top: 1px;
  color: #666666;
  content: "\f078";
  font: normal normal bold 16px/1 "Font Awesome 5 Pro";
  text-rendering: auto;
  border: none;
  z-index: 1;
  transition: ease-in 0.3s;
}
#customer-overlay #customer-grid .client-action {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  margin-top: 30px;
}
#customer-overlay #customer-grid .client-action .client-circle:hover {
  background-color: #c8202f;
}
#customer-overlay #customer-grid .client-action .client-circle:hover i {
  color: #ffffff;
}
#customer-overlay #customer-grid .client-action .client-circle {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 2px solid #c8202f;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
#customer-overlay #customer-grid .client-action .client-circle i {
  font-size: 32px;
  color: #c8202f;
}
#customer-overlay #customer-grid .client-action .circle-title {
  color: #c8202f;
  font-size: 18px;
  text-transform: uppercase;
}
#customer-overlay #customer-grid .client-action.first {
  margin-top: 0px;
}

#property-overlay {
  min-height: 2200px;
  width: 100%;
  z-index: 99;
  position: absolute;
  background-color: #ffffff;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  padding-bottom: 90px;
}
#property-overlay .record-bar {
  justify-content: space-between !important;
}
#property-overlay #property-overlay-map {
  width: 100%;
  min-height: 500px;
  z-index: 0;
  margin: 15px;
}
#property-overlay .content-box {
  width: 100%;
}
#property-overlay .address span {
  padding: 0px 5px 0px 0px;
}
#property-overlay input, #property-overlay select {
  width: 200px;
}
#property-overlay .address input, #property-overlay .address select {
  margin: 0px 5px 0px 0px;
}
#property-overlay .title.bold {
  text-transform: uppercase;
  width: 200px;
  min-width: 200px;
}
#property-overlay .content-box-content-details {
  width: 100%;
  background-color: #ffffff;
}
#property-overlay .content-box-content-details .address input {
  min-width: 200px;
}
#property-overlay .to-text-item {
  width: auto;
  padding: 0px;
}
#property-overlay .to-text-item a {
  color: #666666;
  text-decoration: none;
}
#property-overlay #to-text-item-detail, #property-overlay #to-text-item-transactions, #property-overlay #to-text-item-map {
  padding: 0px 20px;
  margin-right: 10px;
}
#property-overlay #property-overlay-status-text-container {
  width: calc(100% - 200px);
  height: 75px;
  position: fixed;
  top: 75px;
  left: 200px;
  background-color: #ffffff;
  z-index: 50;
}
#property-overlay .property-column-header {
  width: 100%;
  font-size: 16px;
  height: 40px;
  padding: 15px 0px 5px 0px;
  border: none;
  margin-left: 35px;
}
#property-overlay #property-overlay-status-header {
  width: 100%;
  font-size: 24px;
  padding: 10px 20px 0px 20px;
}
#property-overlay #property-overlay-status-text {
  width: 100%;
  padding-left: 15px;
}
#property-overlay #property-box-container {
  min-height: 1500px;
}
#property-overlay .property-transactions-box {
  width: 100%;
}
#property-overlay .box-container {
  top: 95px;
  margin: 0px 15px;
  width: calc(100% - 30px);
  position: relative;
}
#property-overlay .content-box .content-box-content {
  display: flex;
  position: relative;
}
#property-overlay .property-box {
  width: 100%;
  margin: 10px 0px;
  min-height: 300px;
}
#property-overlay .property-box content-box-content-details .checkbox-container {
  justify-content: space-around;
}
#property-overlay .property-box .grid-images-uploader {
  min-height: 125px;
  min-width: 125px;
  position: relative;
  border-radius: 4px;
}
#property-overlay .property-box .grid-images-uploader img {
  max-width: 100%;
  max-height: 100%;
}
#property-overlay .property-box .grid-images-uploader .flex-ccc {
  width: 100%;
  height: 100%;
  position: absolute;
}
#property-overlay .property-box .property-image img {
  max-height: 125px;
  max-width: 125px;
}

#amessage {
  display: none;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  width: 60%;
  height: 500px;
  left: 20%;
  top: 100px;
  background-color: #ffffff;
  z-index: 15000;
}

#amessage-left {
  width: 35%;
  border: 1px solid black;
  height: 470px;
  float: left;
  overflow-y: scroll;
}

#amessage-right {
  width: 65%;
  border: 1px solid black;
  height: 436px;
  float: right;
  overflow-y: scroll;
}

#amessage-header {
  width: 100%;
  background-color: #666666;
  color: #ffffff;
  height: 30px;
  padding: 3px;
  padding-left: 10px;
  font-size: 18px;
}

#close-amessage {
  float: right;
  padding-right: 10px;
  font-size: 18px;
  cursor: pointer;
}
#close-amessage i {
  font-size: 18px;
  margin-bottom: 3px;
}

.main-container {
  height: calc(100% - 50px);
}

.gray-button {
  color: white !important;
  background-color: #37383e;
  border-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.modal-header .close {
  color: rgb(255, 255, 255) !important;
  opacity: 1 !important;
  font-size: 28px;
}

#mobile-transporter, #mobile-arrow-left, #mobile-arrow-right {
  display: none;
}

#transaction-overlay-status {
  width: calc(100% - 200px);
  position: fixed;
  background-color: #ffffff;
  top: 50px;
  left: 200px;
  height: 150px;
  z-index: 5;
}

#transaction-overlay-status-text-container {
  width: 100%;
  height: 40px;
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
}
#transaction-overlay-status-text-container #transaction-overlay-status-text {
  width: 100%;
  height: 100%;
}
#transaction-overlay-status-text-container #transaction-overlay-status-text .addTaskList {
  cursor: pointer;
  position: relative;
  bottom: 5px;
  right: 5px;
}

.uppercase {
  text-transform: capitalize !important;
}

#create-map {
  display: flex;
  background-color: #ffffff;
  justify-content: center;
  align-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

#images-sortable {
  list-style-type: none;
}
#images-sortable .photo-buttons {
  position: relative;
  top: 100px;
  left: 45px;
}
#images-sortable .grid-image-handle {
  max-width: 139px;
  max-height: 139px;
  position: relative;
  cursor: pointer;
}
#images-sortable li {
  float: left;
  margin: 2px;
}
#images-sortable .grid-images-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  z-index: 5;
  color: #ffffff;
}
#images-sortable .grid-images-image {
  min-height: 125px;
  min-width: 125px;
  border-radius: 4px;
  background-color: #eeeff2;
  margin: 5px;
  background-size: 100% 100%;
  position: relative;
}
#images-sortable .grid-images-overlay-full {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  z-index: 10;
  color: #ffffff;
  display: none;
}
#images-sortable .grid-images-uploader {
  min-height: 125px;
  min-width: 125px;
  position: relative;
  border-radius: 4px;
  margin: 5px;
}
#images-sortable .grid-images-uploader img {
  max-width: 100%;
  max-height: 100%;
}
#images-sortable .grid-images-uploader .flex-ccc {
  width: 100%;
  height: 100%;
  position: absolute;
}
#images-sortable .grid-image-sms {
  position: absolute;
  top: 60px;
  right: 40px;
  display: flex;
}
#images-sortable .grid-image-sms .grid-image-sms-text {
  position: relative;
  top: -2px;
  font-weight: bold;
}
#images-sortable .grid-image-sms input {
  height: 10px;
  width: 10px;
  padding: 2px;
}
#images-sortable .grid-image-delete {
  position: absolute;
  top: 5px;
  right: 10px;
}
#images-sortable .grid-image-caption {
  width: 70%;
  position: absolute;
  left: 20%;
  bottom: 10px;
  height: 20px;
}
#images-sortable .grid-image-caption input {
  height: 22px;
  border-radius: 0px;
  width: 100%;
  color: #666666;
}
#images-sortable .save-caption {
  color: #ffffff;
  position: absolute;
  left: 10px;
  bottom: 14px;
}
#images-sortable i {
  color: #ffffff;
}
#images-sortable .grid-image-handle:hover .grid-images-image {
  filter: blur(2px) brightness(75%);
}

#people-overlay .main-overlay {
  width: 400px;
  height: auto;
  min-height: 150px;
  display: flex;
  /* position: fixed; */
  top: 75px;
  top: calc(50% - 200px);
  background-color: #ffffff;
  border: 1px solid #666666;
  padding: 10px 0px;
  z-index: 2000;
}
#people-overlay .main-overlay .choose-role {
  display: none;
}
#people-overlay .main-overlay .choose-role .choose-role-box {
  min-width: 130px;
  min-height: 30px;
  background-color: #666666;
  color: #ffffff;
  margin: 5px;
}
#people-overlay .main-overlay .choose-role .choose-role-box div {
  cursor: pointer;
}
#people-overlay .main-overlay .close {
  position: absolute;
  right: 10px;
  top: 5px;
}
#people-overlay .main-overlay .search-container {
  display: none;
}
#people-overlay .main-overlay .search-container i {
  margin-left: 5px;
}
#people-overlay .main-overlay .search-container input {
  width: 275px;
  height: 24px;
}
#people-overlay .main-overlay .caption {
  max-width: 275px;
  padding: 3px 0px;
  font-size: 15px;
}

.people-add-overlay {
  width: 400px;
  height: auto;
  min-height: 150px;
  display: none;
  position: fixed;
  top: 75px;
  left: calc(50% - 200px);
  top: calc(50% - 200px);
  background-color: #ffffff;
  border: 1px solid #666666;
  padding: 10px 0px;
  z-index: 600;
}
.people-add-overlay .select2-search-field, .people-add-overlay .select2-input {
  min-height: 34px;
}
.people-add-overlay .form-inputs {
  width: 80%;
}
.people-add-overlay .finish-button {
  margin-top: 10px;
  width: 80%;
}
.people-add-overlay .wiz-error {
  min-width: 80%;
}
.people-add-overlay .close {
  position: absolute;
  right: 10px;
  top: 5px;
}
.people-add-overlay .caption {
  max-width: 275px;
  padding: 3px 0px;
  font-size: 15px;
}
.people-add-overlay .choose-side-box {
  min-width: 130px;
  min-height: 30px;
  background-color: #666666;
  color: white;
  margin: 10px 5px 5px 5px;
}
.people-add-overlay .choose-side-box div {
  cursor: pointer;
}
.people-add-overlay .select2-search-field, .people-add-overlay .select2-input {
  min-height: 34px;
}

.doc-caption {
  flex-wrap: wrap;
}
.doc-caption div {
  font-weight: bold;
  text-transform: uppercase;
}
.doc-caption .role {
  font-weight: normal;
  font-size: 11px;
}
.doc-caption .personName {
  font-size: 18px;
}

.mobile-spacer, .mobile-br, .mobile-only, .mobile-toolbox-container {
  display: none !important;
}

#s2id_people_search_agent, #s2id_people_search_customer {
  width: 275px;
  height: 35px;
}

.select2-choice {
  border: 1px solid #e5e5e5 !important;
  background-image: none !important;
}

.select2-drop-active {
  border: 1px solid #e5e5e5 !important;
}

#trans-sms-code {
  max-width: 100px !important;
}

#shareDocument .modal-dialog {
  position: absolute;
}

#property-overlay i {
  font-size: 16px;
}
#property-overlay input, #property-overlay select {
  /* min-width: calc(100% - 300px); */
  padding: 5px;
  border: 1px solid lightgray;
  border-radius: 2px;
  background-color: white;
}
#property-overlay input[type=checkbox] {
  border-radius: 50%;
  appearance: none;
  border: 1px solid #ACACAC;
  -webkit-appearance: none;
}
#property-overlay input[type=checkbox]:checked {
  background-color: #313640;
}
#property-overlay .propertyImagesUpload {
  width: 125px;
  height: 125px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  margin: 5px;
  border-radius: 4px;
}
#property-overlay .propertyImagesUpload input {
  width: 100%;
  height: 100% !important;
  opacity: 0;
  top: 0px;
  overflow: hidden;
  position: absolute;
  padding: 0px !important;
  border: none !important;
  cursor: pointer;
  z-index: 1;
}
#property-overlay textarea {
  width: 90%;
  height: 75px;
}

#transaction-overlay-content {
  position: absolute;
  background-color: white;
  top: 120px;
  left: 0px;
  width: calc(100% - 233px);
  height: calc(100% - 115px);
  overflow-y: auto;
  overflow-x: hidden;
}
#transaction-overlay-content .imagesupload {
  width: 100%;
  height: 100%;
}
#transaction-overlay-content .imagesupload .fileinput-button {
  overflow: hidden;
  position: relative;
}
#transaction-overlay-content .imagesupload .trans-image-upload {
  min-height: 250px;
  background-color: #eeeff2;
  margin: 5px 20px 0;
}
#transaction-overlay-content .imagesupload .trans-image-upload .drag-drop {
  font-size: 24px;
}
#transaction-overlay-content .imagesupload .trans-image-upload input {
  position: absolute;
  left: 30px;
  top: 45px;
}
#transaction-overlay-content .imagesupload .trans-image-upload a {
  color: #666666;
  text-decoration: underline;
}
#transaction-overlay-content .btn.outlined, #transaction-overlay-content .btn-sm.outlined, #transaction-overlay-content .outlined {
  background: white none repeat scroll 0 0 !important;
  border: 1px solid #c8202f;
  color: #c8202f;
  height: 34px;
  border-radius: 6px;
  white-space: nowrap;
}
#transaction-overlay-content .btn-sm.outlined.green {
  color: #39655B;
  border: 1px solid #39655B;
}
#transaction-overlay-content .marketing-docs, #transaction-overlay-content .marketing-images, #transaction-overlay-content .era-programs {
  padding-left: 20px !important;
}
#transaction-overlay-content .mobile-sms {
  margin-left: 10px;
  width: 50%;
  display: flex !important;
}
#transaction-overlay-content .mobile-sms button {
  margin-right: 5px;
}
#transaction-overlay-content .openhouse-container {
  padding: 5px 0px !important;
}
#transaction-overlay-content .openhouse-container .openhouse-title-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 20px;
}
#transaction-overlay-content .marketing-images {
  display: flex;
  position: relative;
  padding-bottom: 62.6px !important;
}
#transaction-overlay-content .photo-buttons {
  position: relative;
  top: 100px;
  left: 45px;
}
#transaction-overlay-content .edit-brochure {
  margin: 0px 3px;
}
#transaction-overlay-content .marketing-buttons, #transaction-overlay-content .marketing-toggle {
  margin-bottom: 5px;
}
#transaction-overlay-content .content-box {
  width: calc(100% - 20px);
  margin: 15px 0px;
  min-height: 300px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
#transaction-overlay-content .content-box .content-box-content-people {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
  font-size: 12px;
  padding: 0;
  width: 100%;
  display: flex;
}
#transaction-overlay-content .content-box .content-box-content-people .mb-12 {
  margin-bottom: 12px;
}
#transaction-overlay-content .content-box .content-box-content-people .flex-scc .content-container:nth-child(2n+1) {
  background-color: rgba(213, 213, 213, 0.062745098);
}
#transaction-overlay-content .content-box .content-box-content-people .content-container {
  padding: 12.6px 0;
  width: 100%;
}
#transaction-overlay-content .content-box .content-box-content-people .toolbox-container {
  width: auto;
  margin-right: 10px;
  margin-left: 20px;
  padding: 0px 20px 10px 0px;
  display: flex;
  flex-direction: column;
  align-self: flex-start;
  height: 100%;
}
#transaction-overlay-content .content-box .content-box-content-people .toolbox-container .active-button-label {
  position: relative;
  font-size: 14px;
  min-width: 64px;
}
#transaction-overlay-content .content-box .content-box-content-people .toolbox-container .active-button {
  padding: 5px 5px 5px 0px;
}
#transaction-overlay-content .content-box .content-box-content-people .toolbox-container .button-container {
  width: 100%;
  margin-bottom: 10px;
  flex-wrap: wrap;
}
#transaction-overlay-content .content-box .content-box-content-people .toolbox-container .portal-action-container {
  width: 90%;
  margin-bottom: 10px;
}
#transaction-overlay-content .content-box .content-box-content-people .toolbox-container .category-checkboxes {
  width: 100%;
}
#transaction-overlay-content .content-box .content-box-content-people .toolbox-container .category-checkboxes .active-button-label {
  position: relative;
  font-size: 14px;
  margin-left: 15px;
  min-width: 0px;
}
#transaction-overlay-content .content-box .person-container {
  margin: 10px;
  position: relative;
  flex: 1 1 auto;
  max-width: 400px;
  width: 100%;
  box-sizing: border-box;
  max-height: 90px;
  cursor: pointer;
}
#transaction-overlay-content .content-box .person-container .person-container-overlay {
  min-width: 100px;
  position: absolute;
  top: 0;
  right: 0;
}
#transaction-overlay-content .content-box .person-container .person-container-overlay i {
  color: white;
  -webkit-text-stroke: 1px black;
  margin-right: 5px;
}
#transaction-overlay-content .content-box .person-container .people-chooser {
  min-height: 125px;
  min-width: 125px;
  max-width: 125px;
  border-radius: 4px;
  margin: 5px;
}
#transaction-overlay-content .content-box .person-container .people-thumbnail {
  width: 3vw;
  height: 6vh;
  border-radius: 4px;
  background-size: cover;
  background-position: center;
}
#transaction-overlay-content .content-box .content-box-header {
  height: 50px;
  background-color: #313640;
  width: calc(100% - 11px);
  color: white;
  padding: 0px 15px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  box-shadow: 3px 5px 6px rgba(0, 0, 0, 0.1607843137);
}
#transaction-overlay-content .content-box .content-box-header div {
  font-size: 16px;
}
#transaction-overlay-content .content-box .content-box-content {
  height: calc(100% - 25px);
  width: calc(100% - 11px);
  background-color: white;
  min-height: 250px;
  box-shadow: 3px 5px 6px rgba(0, 0, 0, 0.1607843137);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  /* Drag over effect */
}
#transaction-overlay-content .content-box .content-box-content .marketing-textarea {
  width: 700px;
  height: 75px;
}
#transaction-overlay-content .content-box .content-box-content .person-container {
  cursor: pointer;
  transition: all 0.3s ease;
}
#transaction-overlay-content .content-box .content-box-content .person-container .person-container-overlay {
  min-width: 100px;
}
#transaction-overlay-content .content-box .content-box-content .person-container .people-chooser {
  min-height: 6vh;
  min-width: 3vw;
  max-width: 3vw;
  border-radius: 4px;
}
#transaction-overlay-content .content-box .content-box-content .person-container .people-chooser img {
  max-width: 3vw;
  max-height: 6vh;
}
#transaction-overlay-content .content-box .content-box-content .person-container[draggable=true] {
  cursor: move;
}
#transaction-overlay-content .content-box .content-box-content .person-container.dragging {
  opacity: 0.4;
}
#transaction-overlay-content .content-box .content-box-content .person-container:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
#transaction-overlay-content .content-box .content-box-content .drag-handle {
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
  cursor: grab;
  color: #999;
  font-size: 14px;
  opacity: 1;
  transition: opacity 0.2s ease;
  padding: 5px;
}
#transaction-overlay-content .content-box .content-box-content .person-container:hover .drag-handle {
  opacity: 0.7;
}
#transaction-overlay-content .content-box .content-box-content .drag-handle:hover {
  opacity: 1 !important;
}
#transaction-overlay-content .content-box .content-box-content .drag-handle:active {
  cursor: grabbing;
}
#transaction-overlay-content .content-box .content-box-content .person-container.drag-over {
  border-color: #007cba;
  background-color: rgba(0, 124, 186, 0.05);
}
#transaction-overlay-content .content-box .content-box-content .commissions-cell-first {
  min-width: 25px;
}
#transaction-overlay-content .content-box .content-box-content .commissions-cell-one {
  min-width: 225px;
}
#transaction-overlay-content .content-box .content-box-content .commissions-cell-two {
  min-width: 200px;
}
#transaction-overlay-content .content-box .content-box-content .commissions-cell-three {
  min-width: 200px;
}
#transaction-overlay-content .content-box .content-box-content .commissions-cell-three > div {
  display: flex;
  align-content: center;
  align-items: center;
}
#transaction-overlay-content .content-box .content-box-content .commissions-cell-three .exclude {
  min-width: 50px;
}
#transaction-overlay-content .content-box .content-box-content .commissions-cell-six {
  min-width: 100px;
}
#transaction-overlay-content .content-box .content-box-content .pay-commission-info {
  display: flex;
  justify-content: space-between;
  padding: 0px 20px;
}
#transaction-overlay-content .content-box .content-box-content .pay-commission-info .commissions-cell-four {
  min-width: 200px;
}
#transaction-overlay-content .content-box .content-box-content .pay-commission-info .commissions-cell-five {
  min-width: 200px;
  display: flex;
  margin-bottom: 10px;
}
#transaction-overlay-content .content-box .content-box-content .pay-commission-info .commissions-cell-five .addButton {
  position: relative;
  font-size: 15px;
  bottom: 25px;
  left: 48px;
}
#transaction-overlay-content .content-box .content-box-content .pay-commission-info .commissions-cell-five .addButton:hover {
  cursor: pointer;
  color: #ffffff;
}
@media (max-width: 1250px) {
  #transaction-overlay-content .content-box .content-box-content .commissions-cell-first {
    min-width: 70px;
  }
  #transaction-overlay-content .content-box .content-box-content .commissions-cell-one {
    min-width: 160px;
  }
  #transaction-overlay-content .content-box .content-box-content .commissions-cell-two {
    min-width: 150px;
  }
  #transaction-overlay-content .content-box .content-box-content .commissions-cell-three {
    min-width: 150px;
  }
  #transaction-overlay-content .content-box .content-box-content .commissions-cell-six {
    min-width: 100px;
  }
  #transaction-overlay-content .content-box .content-box-content .pay-commission-info {
    position: relative;
    right: 80px;
  }
  #transaction-overlay-content .content-box .content-box-content .pay-commission-info .commissions-cell-four {
    min-width: auto;
    margin-right: 10px;
  }
  #transaction-overlay-content .content-box .content-box-content .pay-commission-info .commissions-cell-five {
    min-width: auto;
  }
  #transaction-overlay-content .content-box .content-box-content .pay-commission-info .commissions-cell-six {
    min-width: auto;
    margin-right: 10px;
  }
  #transaction-overlay-content .content-box .content-box-content .updateFromCommission {
    position: relative;
    left: 0px !important;
  }
  #transaction-overlay-content .content-box .content-box-content .borderOne {
    width: 50% !important;
    left: 375px !important;
  }
}
#transaction-overlay-content .content-box .content-box-content .title {
  background-color: transparent;
  color: #666666;
  min-width: 155px;
  font-size: inherit;
  height: 19px;
  position: relative;
  top: 0px;
}
#transaction-overlay-content .content-box .content-box-content .content-box-content-details {
  width: 100%;
  font-size: 12px;
}
#transaction-overlay-content .content-box .content-box-content .content-box-content-details > div {
  padding: 12.6px 0px 12.6px 10px;
  width: 100%;
}
#transaction-overlay-content .content-box .content-box-content .content-box-content-details .description {
  overflow: visible;
  max-height: none;
  margin-bottom: 0px;
  font-size: 12px;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 20px;
}
#transaction-overlay-content .content-box .content-box-content .content-box-content-details .transaction-doc-buttons {
  margin-left: 25px;
  margin-bottom: 15px;
  margin-top: 10px;
}
#transaction-overlay-content .content-box .content-box-content .content-box-content-details .checkbox-container {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
}
#transaction-overlay-content .content-box .content-box-content .content-box-content-details .checkbox-container div {
  position: relative;
  top: 5px;
  width: 150px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#transaction-overlay-content .content-box .content-box-content .content-box-content-details .checkbox-container div label {
  margin-bottom: 0px;
  top: 0;
  position: relative;
}
#transaction-overlay-content .content-box .content-box-content .content-box-content-details #property-address {
  display: flex;
  flex-wrap: wrap;
}
#transaction-overlay-content .content-box .content-box-content .content-box-content-details #property-address input {
  min-width: 0px;
  padding: 5px;
  border: 1px solid lightgray;
  border-radius: 2px;
}
#transaction-overlay-content .content-box .content-box-content .content-box-content-details .address span {
  min-height: 19px;
  display: inline-block;
  padding: 3px 3px;
}
#transaction-overlay-content .content-box .content-box-content .content-box-content-details .sub-content {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0px 10px;
  width: 50%;
}
#transaction-overlay-content .content-box .content-box-content .content-box-content-details .newTitles {
  align-items: start;
}
#transaction-overlay-content .content-box .content-box-content .content-box-content-details > div {
  padding: 12.6px 0px 12.6px 10px;
  width: 100%;
}
#transaction-overlay-content .content-box .content-box-content .content-box-content-details .content-container {
  display: flex;
  position: relative;
}
#transaction-overlay-content .content-box .content-box-content .content-box-content-details .content-container .borderOne {
  border-bottom: solid 1px #d5d5d5;
  position: relative;
  top: 45px;
  width: 63%;
  left: 535px;
  margin-bottom: 5px;
  margin-top: 5px;
}
#transaction-overlay-content .content-box .content-box-content .content-box-content-details .content-container .property-map-overlay {
  position: absolute;
  top: 17px;
  right: 5px;
  min-width: 110px;
  min-height: 65px;
  opacity: 0.7;
  background-color: #666666;
  z-index: 500;
  color: white;
}
#transaction-overlay-content .content-box .content-box-content .content-box-content-details .content-container .property-map-overlay-reset {
  position: absolute;
  top: 87px;
  right: 5px;
  min-width: 110px;
  min-height: 65px;
  opacity: 0.5;
  background-color: #666666;
  z-index: 500;
  color: white;
}
#transaction-overlay-content .content-box .content-box-content .content-box-content-details .content-container .property-map-overlay-info {
  position: absolute;
  bottom: 17px;
  right: 5px;
  min-width: 110px;
  min-height: 65px;
  opacity: 0.7;
  background-color: #666666;
  z-index: 500;
  color: white;
  cursor: pointer;
}
#transaction-overlay-content .content-box .content-box-content .content-box-content-details .content-container .property-map-overlay-info div {
  margin: 5px;
}
#transaction-overlay-content .content-box .content-box-content .content-box-content-details .content-container .title-block {
  position: relative;
}
#transaction-overlay-content .content-box .content-box-content .content-box-content-details .content-container .title-block i {
  position: absolute;
  right: 10px;
  top: 2px;
}
#transaction-overlay-content .content-box .content-box-content .content-box-content-details .content-container .sub-content input, #transaction-overlay-content .content-box .content-box-content .content-box-content-details .content-container .sub-content select {
  min-width: calc(100% - 200px);
  padding: 5px;
  border: 1px solid lightgray;
  border-radius: 2px;
  background-color: white;
}
#transaction-overlay-content .content-box .content-box-content .content-box-content-details .content-container .sub-content input[type=checkbox] {
  border-radius: 50%;
  appearance: none;
  border: 1px solid #ACACAC;
  -webkit-appearance: none;
}
#transaction-overlay-content .content-box .content-box-content .content-box-content-details .content-container .sub-content input[type=checkbox]:checked {
  background-color: #313640;
}
#transaction-overlay-content .content-box .content-box-content .content-box-content-details .content-container.docs {
  flex-direction: column !important;
  padding: 0px 20px;
}
#transaction-overlay-content .content-box .content-box-content .content-box-content-details .content-container .doc-upload {
  width: 125px;
  height: 125px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  margin: 5px;
  border-radius: 4px;
}
#transaction-overlay-content .content-box .content-box-content .content-box-content-details .content-container .doc-upload i {
  position: relative;
}
#transaction-overlay-content .content-box .content-box-content .content-box-content-details .content-container .doc-upload input {
  width: 100%;
  height: 100% !important;
  opacity: 0;
  top: 0px;
  overflow: hidden;
  position: absolute;
  padding: 0px !important;
  border: none !important;
  cursor: pointer;
  z-index: 1;
}
#transaction-overlay-content .content-box .content-box-content .content-box-content-details .content-container .doc-upload img {
  max-width: 125px;
  max-height: 125px;
}
#transaction-overlay-content .content-box .content-box-content .content-box-content-details .content-container .doc-upload i {
  display: block;
  width: 38px;
  height: 48px;
}
#transaction-overlay-content .content-box .content-box-content .content-box-content-details .content-container:nth-child(odd) {
  background-color: rgba(213, 213, 213, 0.062745098);
}
#transaction-overlay-content input[type=checkbox] {
  border-radius: 50%;
  width: 13px;
  height: 13px;
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  cursor: pointer;
  border: 1px solid #ACACAC;
  vertical-align: middle;
  margin: 0px;
  position: relative;
}
#transaction-overlay-content .box-container {
  width: 100%;
  position: relative;
}
#transaction-overlay-content .box-container .transaction-docs-overlay {
  background-color: white;
  border: 1px solid #666666;
  display: none;
  height: auto;
  left: calc(50% - 175px);
  min-height: 150px;
  padding: 10px 0;
  position: fixed;
  top: calc(50% - 200px);
  width: 300px;
  z-index: 10;
}
#transaction-overlay-content .box-container .transaction-docs-overlay .close {
  position: absolute;
  right: 10px;
  top: 5px;
}
#transaction-overlay-content .box-container .transaction-docs-overlay .choose-side {
  display: flex;
}
#transaction-overlay-content .box-container .transaction-docs-overlay .choose-side .choose-side-box {
  min-width: 130px;
  min-height: 30px;
  background-color: #666666;
  color: white;
  margin: 5px;
}
#transaction-overlay-content .box-container .transaction-docs-overlay .choose-side .choose-side-box div {
  cursor: pointer;
}
#transaction-overlay-content .box-container .transaction-docs-overlay .caption {
  font-size: 16px;
  padding: 0px 0px 5px 0px;
}
#transaction-overlay-content .box-container .flex-people {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
#transaction-overlay-content .box-container .people-delete-overlay {
  width: 400px;
  height: auto;
  min-height: 150px;
  display: none;
  position: fixed;
  left: calc(50% - 200px);
  top: calc(50% - 200px);
  background-color: white;
  border: 1px solid #666666;
  padding: 10px;
  z-index: 600;
}
#transaction-overlay-content .box-container .caption {
  text-align: center;
  text-transform: uppercase;
}
#transaction-overlay-content .marketing-box .trans-sms-code input {
  min-width: 100px;
  width: 100px;
  border-radius: 6px;
  margin-right: 5px;
  height: 34px !important;
}
#transaction-overlay-content .marketing-box .content-container {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
#transaction-overlay-content .marketing-box .mobile-sms {
  margin-left: 10px;
  width: 50%;
  display: flex !important;
}
#transaction-overlay-content .marketing-box .content-box-content .title {
  min-width: 180px;
}
#transaction-overlay-content .marketing-box .openhouse-container {
  padding: 5px 0px !important;
}
#transaction-overlay-content .marketing-box .openhouse-container .openhouse-title-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 20px;
  margin-bottom: 15px;
  background-color: rgba(213, 213, 213, 0.062745098);
}
#transaction-overlay-content .marketing-box .openhouse-container .openhouse-wrapper {
  flex-direction: row;
  flex-wrap: wrap;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 3px 20px;
}
#transaction-overlay-content .marketing-box .openhouse-container .openhouse-wrapper .buttons {
  display: flex;
  justify-content: flex-end;
  width: 173px;
}
#transaction-overlay-content .marketing-box .openhouse-container .openhouse-wrapper > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 190px;
}
#transaction-overlay-content .marketing-box .openhouse-container .openhouse-wrapper > div .title {
  min-width: 120px;
  position: initial;
  height: auto;
}
#transaction-overlay-content input[type=checkbox]:checked {
  background-color: #313640;
}

.transaction-box .title {
  min-width: 210px !important;
}

.dimmer {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  position: fixed;
  top: 0;
  left: 0;
}

.update-commission-popover {
  position: absolute;
  padding: 25px;
  bottom: 225px;
  left: calc(50% - 325px);
  width: 500px;
  background-color: #ffffff;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.update-commission-popover .close_popover {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  font-size: 18px;
}

.commission-box .summary-box .content-box-content {
  min-height: 0px;
}
.commission-box .greensheet {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0px;
}
.commission-box .greensheet .submitted-by {
  color: #c8202f;
  font-size: 9px;
}
.commission-box .docs {
  border: none;
  padding: 0px 20px;
}
.commission-box .greensheet-bar {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  border-top: 1px solid #BBBBBB;
}
.commission-box .greensheet-bar .greensheet-bar-image img {
  max-width: 65px;
  max-height: 65px;
  min-height: 65px;
  min-width: 65px;
  border-radius: 50%;
  padding: 5px;
}
.commission-box .greensheet-bar .greensheet-name {
  width: 200px;
}
.commission-box .greensheet-bar .greensheet-office {
  width: 200px;
}
.commission-box .greensheet-bar .greensheet-doc-icons {
  width: 200px;
  max-width: 200px;
  font-size: 9px;
}
.commission-box .greensheet-bar .greensheet-doc-icons a {
  text-decoration: none;
}

#people-overlay .main-overlay {
  height: auto;
  min-height: 150px;
  display: flex;
  /* position: fixed; */
  top: calc(50% - 200px);
  background-color: white;
  border: 1px solid #666666;
  padding: 10px 0px;
  z-index: 2000;
  width: 400px;
}
#people-overlay .main-overlay .person-container {
  margin: 10px;
  position: relative;
}
#people-overlay .main-overlay .person-container .people-chooser {
  min-height: 125px;
  min-width: 125px;
  max-width: 125px;
  border-radius: 4px;
  margin: 5px;
}
#people-overlay .main-overlay .choose-role {
  display: none;
}
#people-overlay .main-overlay .choose-role .choose-role-box {
  min-width: 130px;
  min-height: 30px;
  background-color: #666666;
  color: white;
  margin: 5px;
}
#people-overlay .main-overlay .choose-role .choose-role-box div {
  cursor: pointer;
}
#people-overlay .main-overlay .close {
  position: absolute;
  right: 10px;
  top: 5px;
}
#people-overlay .main-overlay .search-container {
  display: none;
}
#people-overlay .main-overlay .search-container i {
  margin-left: 5px;
}
#people-overlay .main-overlay .search-container input {
  width: 275px;
  height: 24px;
}
#people-overlay .main-overlay .caption {
  max-width: 275px;
  padding: 3px 0px;
  font-size: 15px;
}

#listing-docs-sortable {
  list-style-type: none;
  overflow: auto;
  padding-left: 0px;
  width: 100%;
}
#listing-docs-sortable .listing-docs-container {
  width: 100%;
}
#listing-docs-sortable .listing-doc-bar {
  width: 100%;
  height: 36px;
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  padding: 6px 15px;
  overflow-y: hidden;
}
#listing-docs-sortable .listing-doc-bar .doc-filename {
  text-align: left;
  width: calc(100% - 300px);
  padding: 3px 15px;
  font-size: 14px;
}
#listing-docs-sortable .listing-doc-bar .doc-filename input {
  width: 75%;
}
#listing-docs-sortable .listing-doc-bar .doc-date {
  width: 100px;
  padding: 3px 15px;
  font-size: 14px;
}
#listing-docs-sortable .listing-doc-bar .doc-buttons {
  display: flex;
  justify-content: flex-end;
  align-content: center;
  align-items: center;
  width: 116px;
  padding: 0px 10px;
}
#listing-docs-sortable .listing-doc-bar .doc-buttons i {
  color: white;
}
#listing-docs-sortable .listing-doc-bar .doc-buttons div {
  padding: 2px 7px;
  background-color: #666666;
  width: 27px;
  height: 22px;
  margin: 0px 3px;
  border-radius: 2px;
}
#listing-docs-sortable .listing-doc-bar .doc-buttons .doc-delete {
  padding: 2px 9px;
  background-color: #C8102E;
}

#pdf-preview {
  width: 80vw;
  height: 90vh;
  position: fixed;
  left: 10vw;
  top: 90px;
  background-color: white;
  z-index: 1100;
}
#pdf-preview .pdf-close {
  padding-bottom: 10px;
  position: relative;
  height: 30px;
  width: 100%;
  background-color: #E0AF58;
  cursor: pointer;
}
#pdf-preview .pdf-close i {
  position: absolute;
  right: 10px;
  top: 8px;
  color: white;
  font-size: 16px;
}

#boost-virtual {
  display: none;
  z-index: 600;
  background-color: white;
  position: fixed;
  top: 150px;
  left: calc((100% - 525px) / 2);
  padding: 50px 75px;
  width: 525px;
  border: 1px solid black;
  height: auto;
}
#boost-virtual .need-help {
  margin-top: 50px;
  color: #666666;
  font-size: 18px;
  width: 100%;
  text-align: center;
}
#boost-virtual .boost-now {
  color: #313640;
  font-size: 22px;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-weight: bold;
}
#boost-virtual .circle-arrow {
  width: 100%;
  text-align: center;
}
#boost-virtual .circle-arrow i {
  color: #c8202f;
  font-size: 40px;
}
#boost-virtual .small-italic {
  font-size: 14px;
  font-style: italic;
}
#boost-virtual .flex-ccc {
  width: 100%;
}
#boost-virtual .boost-close {
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
}
#boost-virtual .boost-close i {
  font-size: 28px;
}
#boost-virtual .social {
  display: flex;
}
#boost-virtual .boost-title {
  text-transform: uppercase;
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 35px;
  width: 60%;
  line-height: 20px;
}
#boost-virtual .big-box {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 12px 15px;
  background-color: #c8202f;
  color: white;
  font-size: 17px;
  margin-bottom: 15px;
  border-radius: 5px;
  height: 85px;
}
#boost-virtual .big-box i {
  padding-right: 15px;
  font-size: 28px;
}
#boost-virtual .big-box .share {
  padding: 3px 5px;
}
#boost-virtual .big-box .share a {
  color: white;
}
#boost-virtual .big-box .share i {
  font-size: 16px;
  color: white;
}

#report-overlay {
  height: auto;
  width: 350px;
  position: fixed;
  left: calc(50% - 180px);
  top: 200px;
  border: 1px solid #666666;
  background-color: white;
  z-index: 1000;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: column;
}
#report-overlay button {
  width: 75px;
  background-color: #c8202f;
  color: white;
  min-width: 100px;
}
#report-overlay .title {
  font-size: 18px;
  font-weight: bold;
  margin: 10px 0px;
  background-color: white;
  color: black;
}
#report-overlay .btn-group {
  width: 80%;
  margin: 10px 0px;
  display: flex;
  justify-content: space-between;
}
#report-overlay .btn-group .label {
  font-weight: 500;
}
#report-overlay .btn-group .btn {
  z-index: 99;
  width: 100px;
}
#report-overlay .btn-group input[type=radio] {
  clip: rect(0px, 0px, 0px, 0px);
  pointer-events: none;
  position: absolute;
}
#report-overlay .close {
  position: absolute;
  right: 10px;
  top: 10px;
}

#exclude-overlay {
  height: 400px;
  width: 600px;
  position: fixed;
  top: 75px;
  left: calc(50% - 320px);
  top: 200px;
  border: 1px solid #666666;
  z-index: 1000;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: column;
}
#exclude-overlay .exclude-main {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#exclude-overlay .exclude-main .exclude-icons {
  width: 100%;
  display: flex;
  height: 60%;
  padding-top: 15px;
  justify-content: space-around;
  align-items: center;
}
#exclude-overlay .exclude-main .exclude-icons i {
  color: white;
  font-size: 96px;
}
#exclude-overlay .exclude-main .exclude-icons .realogy img {
  max-height: 150px;
}
#exclude-overlay .exclude-main .exclude-text {
  width: 100%;
  height: 20%;
  padding: 15px;
  background-color: white;
  font-size: 20px;
}
#exclude-overlay .exclude-main .exclude-buttons {
  width: 100%;
  height: 20%;
  background-color: white;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
#exclude-overlay .exclude-main .exclude-buttons .btn {
  color: white;
  padding: 15px;
  border: 1px solid #BBBBBB;
  min-width: 100px;
}
#exclude-overlay .exclude-main .exclude-buttons .btn-yes {
  background-color: #39655B;
}
#exclude-overlay .exclude-main .exclude-buttons .btn-no {
  background-color: #c8202f;
}

#move {
  width: 600px;
  min-height: 400px;
  position: absolute;
  top: calc(50vh - 300px);
  left: calc(50% - 300px);
  background-color: white;
  z-index: 600;
}
#move .btn {
  padding: 3px 12px;
}
#move .sides {
  width: 100%;
  margin-top: 15px;
  padding: 5px 15px;
}
#move .sides .txt {
  font-weight: normal;
  font-size: 16px;
  width: 100%;
  text-align: center;
  margin: 20px 0px;
  padding: 0px 20%;
}
#move .sides .side {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
#move .sides .side label {
  width: 125px;
}
#move .sides .side input {
  clip: rect(0px, 0px, 0px, 0px);
  pointer-events: none;
  position: absolute;
}
#move #s2id_move_to_transaction {
  width: 450px;
  height: 35px;
}
#move .buttons {
  width: 100%;
  padding: 3px 15px;
  display: flex;
  justify-content: center;
  bottom: 25px;
  left: 0px;
  margin: 45px 0px;
}
#move .buttons .btn {
  width: 125px;
  text-transform: uppercase;
}
#move .header {
  width: 100%;
  height: 60px;
  font-size: 18px;
  color: #666666;
  padding: 3px 15px;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#move .header > div {
  text-transform: uppercase;
  font-weight: bold;
}
#move .header i {
  position: absolute;
  top: 10px;
  right: 10px;
}
#move .transaction {
  width: 100%;
  display: flex;
  padding: 3px 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#move .transaction label {
  margin-right: 10px;
  margin-left: 0px;
  width: 100px;
  text-transform: uppercase;
  font-weight: normal;
}
#move .transaction input {
  width: calc(100% - 110px);
}

#correspondenceViewer {
  position: fixed;
  top: 50px;
  left: 66px;
  width: calc(100% - 66px);
  height: calc(100vh - 50px);
  background-color: white;
  display: flex;
  flex-wrap: wrap;
  padding: 30px 30px 0px 30px;
  z-index: 999;
}
#correspondenceViewer i {
  cursor: pointer;
}
#correspondenceViewer #move {
  min-height: 0px;
}
#correspondenceViewer #move .header {
  height: 50px;
}
#correspondenceViewer #move .documents {
  margin-bottom: 15px;
}
#correspondenceViewer #move .buttons {
  margin: 15px 0px;
}
#correspondenceViewer .top-pane {
  width: 100%;
  height: 35px;
  display: flex;
  justify-content: space-between;
  padding: 5px 0px;
}
#correspondenceViewer .left-pane {
  height: calc(100% - 50px);
  width: 350px;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #fafafa;
  border: none;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}
#correspondenceViewer .left-pane .details {
  width: 100%;
  display: flex;
  padding: 10px 15px;
  border-bottom: 1px solid #cccccc;
  cursor: pointer;
}
#correspondenceViewer .left-pane .details .unread {
  width: 30px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#correspondenceViewer .left-pane .details .unread .red-dot {
  width: 12px;
  height: 12px;
  background-color: #c8202f;
  border-radius: 50%;
}
#correspondenceViewer .left-pane .details .header {
  width: 290px;
  display: flex;
  flex-wrap: wrap;
}
#correspondenceViewer .left-pane .from, #correspondenceViewer .left-pane .date, #correspondenceViewer .left-pane .subject {
  height: 25px;
  color: black;
  font-size: 14px;
}
#correspondenceViewer .left-pane .date {
  width: 75px;
  text-align: right;
}
#correspondenceViewer .left-pane .from {
  width: 190px;
  max-width: 240px;
  overflow: hidden;
  max-height: 25px;
}
#correspondenceViewer .left-pane .subject {
  width: 248px;
  font-size: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#correspondenceViewer .left-pane .attachment {
  width: 20px;
  text-align: right;
}
#correspondenceViewer .attachments {
  margin-top: 10px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
#correspondenceViewer .attachments .attachment {
  margin-right: 10px;
  display: flex;
  align-items: center;
}
#correspondenceViewer .attachments .attachment input {
  margin-right: 5px;
}
#correspondenceViewer .attachments .attachment .icon {
  font-size: 22px;
  margin-right: 10px;
  color: #c8202f;
}
#correspondenceViewer .attachments .attachment .filename a {
  text-decoration: none;
  color: black;
}
#correspondenceViewer .attachments .attachment .filename span {
  font-weight: bold;
}
#correspondenceViewer .right-pane {
  width: calc(100% - 350px);
  height: calc(100% - 50px);
  position: relative;
  border: none;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  overflow-y: scroll;
}
#correspondenceViewer .right-pane .header {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  /* border-bottom: 1px solid #cccccc; */
  padding: 30px 50px 20px 50px;
}
#correspondenceViewer .right-pane .header .from, #correspondenceViewer .right-pane .header .date, #correspondenceViewer .right-pane .header .subject {
  height: 25px;
  width: 50%;
}
#correspondenceViewer .right-pane .header .date {
  text-align: right;
}
#correspondenceViewer .right-pane .header .subject {
  font-size: 16px;
}
#correspondenceViewer .right-pane .command-bar {
  display: flex;
  position: relative;
  min-height: 25px;
}
#correspondenceViewer .right-pane .command-bar .move, #correspondenceViewer .right-pane .command-bar .archive {
  border: 1px solid #CCCCCC;
  padding: 3px 8px;
  background-color: #EEEEEE;
  margin-right: 10px;
  color: #666666;
  cursor: pointer;
}
#correspondenceViewer .right-pane .command-bar hr {
  position: absolute;
  top: 50%;
  margin: 0px;
  width: 100%;
  border-top: 1px solid #cccccc;
}
#correspondenceViewer .right-pane .command-bar .buttons {
  position: absolute;
  display: flex;
  right: 30px;
}
#correspondenceViewer .right-pane .body {
  width: 100%;
  border-bottom: 1px solid #cccccc;
  padding: 30px 50px 20px 50px;
  font-size: 18px;
}

#move_confirm {
  width: 400px;
  position: absolute;
  top: calc(50% - 200px);
  left: calc(50% - 200px);
  background-color: white;
  z-index: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border: 1px solid #cccccc;
}
#move_confirm .txt {
  font-weight: bold;
  font-size: 16px;
  padding: 0px 30px;
  margin: 30px 0px;
  text-align: center;
  text-transform: uppercase;
}
#move_confirm .btn {
  padding: 3px 12px;
  width: 125px;
  margin: 0px 10px;
  text-transform: uppercase;
}
#move_confirm .buttons {
  display: flex;
  margin: 30px 0px;
}

#arti_mail {
  width: 100%;
  height: calc(100vh - 50px);
  background-color: white;
  display: flex;
  flex-wrap: wrap;
  padding: 30px 30px 0px 30px;
  /* border: 1px solid #666666; */
}
#arti_mail .action-button {
  background-color: #c8202f;
  color: white;
}
#arti_mail #change_email {
  width: 400px;
  height: 300px;
  position: absolute;
  top: calc(50% - 200px);
  left: calc(50% - 200px);
  background-color: white;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  z-index: 600;
}
#arti_mail #change_email input {
  width: 175px;
}
#arti_mail #change_email .errors {
  min-height: 35px;
}
#arti_mail #change_email .errors span {
  font-size: 16px;
}
#arti_mail #change_email .fa-times {
  position: absolute;
  top: 10px;
  right: 10px;
}
#arti_mail #change_email .header {
  width: 100%;
  height: 60px;
  font-size: 18px;
  color: #666666;
  padding: 3px 15px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#arti_mail #change_email .header > div {
  text-transform: uppercase;
  font-weight: bold;
}
#arti_mail #change_email div {
  display: flex;
  padding: 7px 30px;
}
#arti_mail #change_email .buttons {
  display: flex;
  justify-content: center;
  min-height: 48px;
}
#arti_mail .attachments {
  margin-top: 10px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
#arti_mail .attachments .attachment {
  margin-right: 10px;
  display: flex;
  align-items: center;
}
#arti_mail .attachments .attachment input {
  margin-right: 5px;
}
#arti_mail .attachments .attachment .icon {
  font-size: 22px;
  margin-right: 10px;
  color: #c8202f;
}
#arti_mail .attachments .attachment .filename {
  display: flex;
}
#arti_mail .attachments .attachment .filename a {
  text-decoration: none;
  color: black;
}
#arti_mail .attachments .attachment .filename span {
  font-weight: bold;
}
#arti_mail .close {
  right: 15px;
}
#arti_mail .top-pane {
  width: 100%;
  height: 35px;
  display: flex;
  justify-content: space-between;
  padding: 5px 0px;
}
#arti_mail .top-pane .middle {
  display: flex;
  align-items: center;
}
#arti_mail .top-pane .middle .btn {
  margin-left: 5px;
}
#arti_mail .top-pane .left span {
  cursor: pointer;
}
#arti_mail .top-pane .right {
  display: flex;
  align-items: center;
}
#arti_mail .top-pane .right .btn {
  margin-right: 5px;
}
#arti_mail .left-pane {
  height: calc(100% - 50px);
  width: 350px;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #fafafa;
  border: none;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}
#arti_mail .left-pane .details {
  width: 100%;
  display: flex;
  padding: 10px 15px;
  border-bottom: 1px solid #cccccc;
  cursor: pointer;
}
#arti_mail .left-pane .details .unread {
  width: 30px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#arti_mail .left-pane .details .unread .red-dot {
  width: 12px;
  height: 12px;
  background-color: #c8202f;
  border-radius: 50%;
}
#arti_mail .left-pane .details .header {
  width: 290px;
  display: flex;
  flex-wrap: wrap;
}
#arti_mail .left-pane .from, #arti_mail .left-pane .date, #arti_mail .left-pane .subject {
  height: 25px;
  color: black;
  font-size: 14px;
}
#arti_mail .left-pane .date {
  width: 75px;
  text-align: right;
}
#arti_mail .left-pane .from {
  width: 190px;
  max-width: 240px;
  overflow: hidden;
  max-height: 25px;
}
#arti_mail .left-pane .subject {
  width: 248px;
  font-size: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#arti_mail .left-pane .attachment {
  width: 20px;
  text-align: right;
}
#arti_mail .right-pane {
  width: calc(100% - 350px);
  height: calc(100% - 50px);
  position: relative;
  border: none;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  overflow-y: scroll;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
#arti_mail .right-pane .header {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  /* border-bottom: 1px solid #cccccc; */
  padding: 30px 50px 20px 50px;
}
#arti_mail .right-pane .header .from, #arti_mail .right-pane .header .date, #arti_mail .right-pane .header .subject {
  height: 25px;
  width: 50%;
}
#arti_mail .right-pane .header .date {
  text-align: right;
}
#arti_mail .right-pane .header .subject {
  font-size: 16px;
}
#arti_mail .right-pane .command-bar {
  display: flex;
  position: relative;
  min-height: 25px;
}
#arti_mail .right-pane .command-bar .move, #arti_mail .right-pane .command-bar .archive {
  border: 1px solid #CCCCCC;
  padding: 3px 8px;
  background-color: #EEEEEE;
  margin-right: 10px;
  color: #666666;
  cursor: pointer;
}
#arti_mail .right-pane .command-bar hr {
  position: absolute;
  top: 50%;
  margin: 0px;
  width: 100%;
  border-top: 1px solid #cccccc;
}
#arti_mail .right-pane .command-bar .buttons {
  position: absolute;
  display: flex;
  right: 30px;
}
#arti_mail .right-pane .body {
  width: 100%;
  border-bottom: 1px solid #cccccc;
  padding: 30px 50px 20px 50px;
  font-size: 18px;
}

.advance-overlay {
  background-color: white;
  display: none;
  height: auto;
  left: calc(50% - 200px);
  min-height: 150px;
  padding: 20px 0px;
  position: fixed;
  top: calc(50% - 300px);
  width: 400px;
  z-index: 9002;
}
.advance-overlay .caption {
  font-size: 14px;
  padding-top: 25px;
  float: none;
  padding: 25px 15px 0px 15px;
  margin: 0px;
  text-justify: inter-word;
  text-align: justify;
}
.advance-overlay .flex-bc {
  padding: 3px 7px 3px 15px;
}
.advance-overlay .close {
  position: absolute;
  right: 10px;
  top: 5px;
  font-size: 18px;
}
.advance-overlay .title {
  font-size: 21px;
  align-self: flex-start;
  padding-left: 15px;
}
.advance-overlay label {
  font-weight: normal;
}

#transaction-overlay .filter-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  filter: brightness(75%);
  z-index: 110;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.3);
}
#transaction-overlay .filter-overlay i {
  font-size: 128px;
  display: none;
  max-width: 128px;
}

#transaction-overlay, #green-sheet-overlay {
  height: 100%;
  width: 100%;
  z-index: 100;
  position: absolute;
  background-color: white;
  top: 0;
  left: 0;
  overflow: hidden;
}
#transaction-overlay input, #transaction-overlay select, #green-sheet-overlay input, #green-sheet-overlay select {
  padding: 5px;
  border: 1px solid lightgray;
  border-radius: 2px;
  background-color: white;
}
#transaction-overlay a, #green-sheet-overlay a {
  /* color: $darkGray; */
  min-width: 30px;
  text-decoration: none;
  cursor: pointer;
}
#transaction-overlay .file-uploader, #green-sheet-overlay .file-uploader {
  width: 125px;
  height: 125px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
}
#transaction-overlay .file-uploader input, #green-sheet-overlay .file-uploader input {
  width: 100%;
  height: 100% !important;
  opacity: 0;
  top: 0px;
  overflow: hidden;
  position: absolute;
  padding: 0px !important;
  border: none !important;
  cursor: pointer;
  z-index: 1;
}
#transaction-overlay #aiFileReviewWindow .closeAi, #green-sheet-overlay #aiFileReviewWindow .closeAi {
  cursor: pointer;
}
#transaction-overlay #aiFileReviewWindow .ai-icon, #green-sheet-overlay #aiFileReviewWindow .ai-icon {
  font-size: 14px;
  background-color: #313640;
  position: absolute;
  color: #ffffff;
  border-radius: 50% 50%;
  padding: 0px 3px;
  height: 30px;
  width: 30px;
  left: -35px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#transaction-overlay #aiFileReviewWindow .message-area, #green-sheet-overlay #aiFileReviewWindow .message-area {
  height: 48vh;
  width: 100%;
  margin-bottom: 10px;
  padding: 10px;
  background-color: #ffffff;
  overflow-y: auto; /* Enables scrolling if needed */
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
#transaction-overlay #aiFileReviewWindow .message-area::-webkit-scrollbar, #green-sheet-overlay #aiFileReviewWindow .message-area::-webkit-scrollbar { /* Webkit browsers like Chrome, Safari */
  display: none; /* Hide the scrollbar */
}
#transaction-overlay #aiFileReviewWindow .aiUser-message, #green-sheet-overlay #aiFileReviewWindow .aiUser-message {
  margin: 5px;
  padding: 10px;
  background-color: #313640;
  color: white;
  border-radius: 10px;
  display: inline-block;
  width: 80%;
  position: relative;
  left: 150px;
}
#transaction-overlay #aiFileReviewWindow .ai-message, #green-sheet-overlay #aiFileReviewWindow .ai-message {
  text-align: right;
  margin: 5px;
  padding: 5px;
  background-color: #f6f6f6;
  border-radius: 10px;
  display: inline-block;
  width: 95%;
  position: relative;
  left: 28px;
}
#transaction-overlay #aiFileReviewWindow .input-area, #green-sheet-overlay #aiFileReviewWindow .input-area {
  display: flex;
  margin-top: 10px;
}
#transaction-overlay #aiFileReviewWindow .input-area input, #green-sheet-overlay #aiFileReviewWindow .input-area input {
  flex-grow: 1;
  width: 40vw;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
}
#transaction-overlay #aiFileReviewWindow .loader, #green-sheet-overlay #aiFileReviewWindow .loader {
  color: #000;
  text-align: center;
  font-size: 20px;
}

.aiRanMessages {
  padding: 5px 15px;
}

.message-area2 {
  font-size: 13px;
  height: 48vh;
  width: 46vw;
  margin-bottom: 10px;
  padding: 10px;
  background-color: #ffffff;
  overflow-y: auto; /* Enables scrolling if needed */
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  display: flex;
  flex-direction: column;
  align-items: end;
}
.message-area2 .aiUser-message2, .message-area2 .ai-message2 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.message-area2 .aiUser-message2 {
  margin: 5px;
  padding: 5px;
  background-color: #313640;
  color: white;
  border-radius: 10px;
}
.message-area2 .ai-message2 {
  margin: 5px;
  padding: 5px;
  background-color: #f6f6f6;
  border-radius: 10px;
}
.message-area2 .message-content {
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.message-area2 .ai-icon2 {
  font-size: 14px;
  background-color: #313640;
  position: relative;
  color: #ffffff;
  border-radius: 50% 50%;
  padding: 0px 10px;
  height: 30px;
  width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
  align-self: baseline;
}
.message-area2 .aiPhoto {
  min-height: 30px;
  min-width: 30px;
  margin-left: 5px;
  border-radius: 50% 50%;
  background-color: #707070;
  background-size: cover;
  position: relative;
  top: -2px;
}
.message-area2 .inputMessage {
  width: 40vw;
}

@media (max-width: 1200px) {
  .templateMessage {
    height: 70vh !important;
  }
  .inputMessage {
    width: 28vw !important;
  }
}
.aiRanMessagesDetails {
  display: flex;
  justify-content: flex-end;
  font-weight: bold;
  cursor: pointer;
  padding: 5px 15px;
}

.aiPreviousChats > div:nth-child(even) {
  background-color: rgba(213, 213, 213, 0.2196078431);
}

.content-box .content-box-content {
  height: calc(100% - 25px);
  background-color: white;
  min-height: 250px;
  box-shadow: 3px 5px 6px rgba(0, 0, 0, 0.1607843137);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.content-box .content-box-content .summary-box {
  display: flex;
}
.content-box .content-box-content .summary-box .content-container {
  display: flex;
  width: 100%;
  padding: 12.6px 0px;
}
.content-box .content-box-content .summary-box .content-container #summary-status, .content-box .content-box-content .summary-box .content-container .file-status {
  padding-left: 10px;
}
.content-box .content-box-content .summary-box .content-container .title {
  width: auto;
  min-width: 160px !important;
  top: 0px;
  height: auto;
}
.content-box .content-box-content .summary-box .content-container .title i {
  margin-left: 5px;
}
.content-box .content-box-content .summary-box .content-container .content {
  width: 100%;
}
.content-box .content-box-content .summary-box .content-container .sub-content {
  display: flex;
  width: calc(50% - 10px);
  justify-content: space-between;
  align-items: center;
  align-content: center;
  margin-bottom: 2px;
}
.content-box .content-box-content .summary-box .left {
  width: 270px;
  padding: 10px;
}
.content-box .content-box-content .summary-box .left .content-container .title {
  min-width: 120px !important;
}
.content-box .content-box-content .summary-box .left input, .content-box .content-box-content .summary-box .left select {
  width: 125px;
}
.content-box .content-box-content .summary-box .center {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  padding: 0px 10px;
  width: calc(100% - 670px);
}
.content-box .content-box-content .summary-box .center input, .content-box .content-box-content .summary-box .center select {
  width: auto;
  max-width: 110px;
}
.content-box .content-box-content .summary-box .center .title {
  min-width: 150px !important;
}
.content-box .content-box-content .summary-box .center .sub-content {
  display: flex;
  align-content: center;
  align-items: center;
  border-bottom: 1px solid #BBBBBB;
  max-width: 50%;
  min-width: 50%;
  padding: 12.6px 0px;
}
.content-box .content-box-content .summary-box .center .content-container {
  justify-content: space-between;
}
.content-box .content-box-content .summary-box .center .address {
  justify-content: flex-start;
  padding: 12.6px 0px;
}
.content-box .content-box-content .summary-box .right {
  display: flex;
  flex-direction: column;
  width: 425px;
  padding: 0px 10px;
}
.content-box .content-box-content .summary-box .right .get-virtual-showings {
  color: #c8202f;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 10px;
  cursor: pointer;
  font-weight: bold;
  font-size: 16px;
}
.content-box .content-box-content .summary-box .right .get-virtual-showings i {
  margin-left: 5px;
}
.content-box .content-box-content .summary-box .right .text-rider {
  color: #c8202f;
  width: auto;
  padding: 0px;
  margin: 0px;
  margin-right: 5px;
}

#pre-send-portal {
  display: none;
}

#commission_pay_overlay {
  display: none;
  position: absolute;
  width: 100%;
  background-color: #ffffff;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  flex-direction: column;
  justify-content: center;
  overflow-x: hidden;
  overflow-y: scroll;
  z-index: 102;
  /* for chrome */
  /* for firefox */
}
#commission_pay_overlay .dimmer {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  position: fixed;
  top: 0;
  left: 0;
}
#commission_pay_overlay .commission-popover {
  position: absolute;
  width: auto;
  height: 550px;
  padding: 50px;
  top: 150px;
  left: calc(50% - 200px);
  background-color: #ffffff;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#commission_pay_overlay .commission-popover .close_popover {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  font-size: 18px;
}
#commission_pay_overlay .closeTransaction {
  padding: 8px;
  cursor: pointer;
  position: absolute;
  right: 5px;
  top: 5px;
  font-size: 30px;
}
#commission_pay_overlay .no_lines {
  border: none !important;
  background-color: transparent;
}
#commission_pay_overlay .commissionGrey {
  background-color: rgba(213, 213, 213, 0.2196078431);
  padding: 5px;
}
#commission_pay_overlay .commissionGrey input {
  background-color: transparent;
  border: 1px solid #707070;
}
#commission_pay_overlay .commissionWhite {
  padding: 5px;
}
#commission_pay_overlay .commissionWhite .agentNotes {
  width: 200px;
  word-break: break-word;
  margin-left: 20px;
}
#commission_pay_overlay input {
  text-align: right;
}
#commission_pay_overlay .submit_button {
  position: absolute;
  right: 15px;
  bottom: 10px;
}
#commission_pay_overlay .cHeader {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  background-color: #2f333C;
  border-radius: 5px 5px 0 0;
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: #ffffff;
}
#commission_pay_overlay .cHeader .cClose {
  cursor: pointer;
  font-size: 15px;
  position: relative;
  right: 25px;
}
#commission_pay_overlay .tran-border {
  padding: 0px 50px;
}
#commission_pay_overlay .tran-address {
  font-size: 23px;
}
#commission_pay_overlay .tran-agent {
  font-size: 20px;
}
#commission_pay_overlay .tran-status {
  font-size: 13px;
}
#commission_pay_overlay .tran-info {
  display: flex;
  justify-content: space-between;
  padding: 20px 0px 5px 0px;
  border-bottom: 1px solid #000000;
}
#commission_pay_overlay .tran-info2 {
  display: flex;
  flex-direction: column;
  align-items: end;
}
#commission_pay_overlay .tab-container {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  padding: 50px;
}
#commission_pay_overlay .b-title {
  font-weight: bold;
  position: relative;
  right: 15px;
}
#commission_pay_overlay .b-label {
  font-weight: bold;
}
#commission_pay_overlay .expense-title {
  display: flex;
  justify-content: space-evenly;
}
@media screen and (min-width: 1514px) {
  #commission_pay_overlay .e-title {
    position: relative;
    left: 291px;
    bottom: 20px;
  }
  #commission_pay_overlay .e-title2 {
    position: relative;
    left: 220px;
    bottom: 20px;
  }
  #commission_pay_overlay .top-title {
    position: relative;
    left: 475px;
    bottom: 20px;
  }
}
@media screen and (max-width: 1513px) {
  #commission_pay_overlay .e-title {
    position: relative;
    left: 197px;
    bottom: 20px;
  }
  #commission_pay_overlay .e-title2 {
    position: relative;
    left: 165px;
    bottom: 20px;
  }
  #commission_pay_overlay .top-title {
    position: relative;
    left: 333px;
    bottom: 20px;
  }
}
#commission_pay_overlay .leftTitle {
  color: #535353;
  font-weight: bold;
  font-size: 13px;
}
#commission_pay_overlay .rightTitle {
  color: #535353;
  font-size: 13px;
}
#commission_pay_overlay .input-box {
  display: flex;
  margin-bottom: 6px;
  justify-content: space-between;
}
#commission_pay_overlay .scroller {
  overflow: auto;
}
#commission_pay_overlay .input-label {
  margin-right: 5px;
}
#commission_pay_overlay .contract {
  margin-left: 125px;
}
#commission_pay_overlay .actual-contract {
  position: relative;
  display: flex;
}
#commission_pay_overlay .trust-fund {
  width: 175px;
  word-break: break-word;
}
#commission_pay_overlay .middle-col {
  width: 35vw;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #commission_pay_overlay .actual-contract {
    left: 6px;
  }
}
@-moz-document url-prefix() {
  #commission_pay_overlay .actual-contract {
    left: 17px;
  }
}
#commission_pay_overlay .actual-contract2 {
  position: relative;
  right: 145px;
  display: flex;
}
#commission_pay_overlay .actual {
  position: relative;
  right: 145px;
  display: flex;
}
#commission_pay_overlay .actual-other {
  position: relative;
  left: 39px;
  display: flex;
  width: 349px;
}
#commission_pay_overlay .actual-other1 {
  position: relative;
  right: 62px;
  display: flex;
  width: 248px;
}
#commission_pay_overlay .actual-other2 {
  position: relative;
  right: 145px;
  display: flex;
}
#commission_pay_overlay .actual-other3 {
  position: relative;
  right: 1px;
  display: flex;
  width: 309px;
}
#commission_pay_overlay .actual-other4 {
  position: relative;
  right: 145px;
  display: flex;
}
#commission_pay_overlay .titleSpacer {
  margin-bottom: 15.5vh;
}
#commission_pay_overlay .titleSpacer2 {
  margin-bottom: 16.5vh;
}
#commission_pay_overlay .titleSpacer3 {
  margin-bottom: 3.5vh;
}
#commission_pay_overlay .inputSpacer {
  margin-bottom: 4vh;
}
#commission_pay_overlay .line-separator {
  border: 1px solid #000000;
  margin-bottom: 4px;
  width: 80%;
}
#commission_pay_overlay .line-separator1 {
  border: 1px solid #000000;
  margin-bottom: 4px;
  width: 106%;
}
#commission_pay_overlay .line-separator2 {
  border: 1px solid #000000;
  margin-bottom: 4px;
  width: 80%;
  position: relative;
  right: 68px;
}
#commission_pay_overlay .check-box {
  position: relative;
  left: 23px;
  border-radius: 6px;
  background: #ffffff;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  height: 20px;
  width: 20px;
  border: solid 1px #ACACAC;
}
#commission_pay_overlay .checkbox-label1 {
  position: relative;
  left: 30px;
  top: 4px;
}
#commission_pay_overlay .checkbox-label2 {
  position: absolute;
  right: -117px;
  top: 50px;
}
#commission_pay_overlay .checkbox-label3 {
  position: absolute;
  right: -67px;
  top: 77px;
}
#commission_pay_overlay .checkbox-label4 {
  position: absolute;
  right: -83px;
  top: 104px;
}
#commission_pay_overlay .checkbox-label5 {
  position: absolute;
  right: -99px;
  top: 153px;
}
#commission_pay_overlay #pDate {
  font-size: 13px;
}
#commission_pay_overlay .sample-check {
  border: 1px solid #707070;
  bottom: 300px;
  padding: 20px;
  width: 500px;
  height: 275px;
}
#commission_pay_overlay .sample-check .topCheck {
  display: flex;
  justify-content: space-between;
}
#commission_pay_overlay .sample-check .bottomCheck {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
#commission_pay_overlay .sample-check .checknum {
  position: relative;
  top: 5px;
  left: 155px;
}
#commission_pay_overlay .sample-check .dateboxes {
  display: flex;
  position: relative;
  top: 20px;
}
#commission_pay_overlay .sample-check .underlineDate {
  margin-left: 10px;
  border-bottom: 1px solid #707070;
  width: 150px;
}
#commission_pay_overlay .sample-check .paysection {
  display: flex;
  padding: 15px 5px 10px 5px;
}
#commission_pay_overlay .sample-check .checkpayto {
  width: 70px;
  font-size: 9px;
}
#commission_pay_overlay .sample-check .paytoName {
  width: 250px;
  border-bottom: 1px solid #707070;
  border-right: 1px solid #707070;
  position: relative;
  top: -5px;
}
#commission_pay_overlay .sample-check .checkamount {
  position: relative;
  top: -5px;
  padding: 3px;
  border: 1px solid #707070;
  width: 100px;
  left: 26px;
}
#commission_pay_overlay .sample-check .dollarsign {
  position: relative;
  left: 23px;
  font-size: 15px;
  top: -3px;
}
#commission_pay_overlay .sample-check .bottomSection {
  display: flex;
  flex-direction: column;
  padding-top: 10px;
}
#commission_pay_overlay .sample-check .bottomRow {
  display: flex;
  justify-content: space-between;
  padding-top: 35px;
}
#commission_pay_overlay .sample-check .checkamountbox {
  font-size: 12px;
  border-bottom: 1px solid #707070;
  width: 21vw;
  margin-left: 4px;
}
#commission_pay_overlay .submit_buttons, #commission_pay_overlay .commission_buttons {
  display: flex;
}
#commission_pay_overlay .logo img {
  width: 175px;
  max-width: 175px;
  max-height: 125px;
}
#commission_pay_overlay .submit_buttons {
  position: absolute;
  bottom: 20px;
  right: 300px;
}
#commission_pay_overlay .for {
  margin-left: 4px;
  border-bottom: 1px solid #707070;
  width: 100%;
}
#commission_pay_overlay .signature {
  margin-right: 32px;
  border-bottom: 1px solid #707070;
  width: 35%;
}
#commission_pay_overlay .checkSample {
  position: absolute;
  top: 40%;
  right: 36%;
  z-index: 50;
  border: 1px solid #cb1f2d;
  padding: 10px;
  transform: rotate(-21deg);
  font-size: 20px;
  color: #cb1f2d;
  border-radius: 6px;
}
#commission_pay_overlay .dropdownComponentToggle {
  left: 47px;
  right: auto;
}
#commission_pay_overlay .agent_summary {
  display: flex;
  flex-direction: column;
  padding: 10px;
  width: 80%;
}
#commission_pay_overlay .agent_summary .summary_headers {
  padding: 10px 0px;
  width: 80%;
}
.mainCheckView {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.mainCheckView .checkView {
  display: flex;
  width: 75%;
  justify-content: space-between;
  margin-bottom: 5px;
}

#green-sheet-overlay {
  height: 100%;
  width: 100%;
  z-index: 101;
  position: absolute;
  background-color: #CCCCCC;
  top: 0;
  left: 0;
  padding-bottom: 90px;
  justify-content: flex-start;
  flex-direction: column;
  align-items: center;
  overflow-x: hidden;
  overflow-y: scroll;
  display: none;
}
#green-sheet-overlay .commission-box input {
  text-align: right;
}
#green-sheet-overlay .address-editable {
  display: flex;
}
#green-sheet-overlay .address-editable input, #green-sheet-overlay .address-editable select {
  max-width: 25%;
  margin-right: 5px;
}
#green-sheet-overlay .submit-overlay {
  width: 400px;
  height: auto;
  min-height: 150px;
  position: fixed;
  left: calc(50% - 200px);
  top: calc(50% - 200px);
  background-color: white;
  border: 1px solid #666666;
  padding: 10px;
  text-align: center;
  z-index: 600;
}
#green-sheet-overlay .submit-overlay .close {
  position: absolute;
  right: 10px;
  top: 5px;
}
#green-sheet-overlay .submit-overlay .button-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0px 15px;
  margin-top: 10px;
}
#green-sheet-overlay .submit-overlay .caption {
  font-size: 14px;
  padding-top: 20px;
}
#green-sheet-overlay .greensheet-container {
  position: relative;
  top: 65px;
  width: 100%;
  background-color: white;
}
#green-sheet-overlay .greensheet-container .content-box {
  width: 100%;
  margin: 15px 0px;
  min-height: 0px;
  padding-left: 15px;
  padding-right: 15px;
}
#green-sheet-overlay .greensheet-container .instructions-box {
  min-height: 0px;
}
#green-sheet-overlay .greensheet-container .button-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: auto;
  min-height: 0px;
}
#green-sheet-overlay .greensheet-container .button-box button {
  width: 160px;
  height: 50px;
  border: none;
  border-radius: 5px;
}
#green-sheet-overlay .greensheet-container a {
  position: relative;
  top: -110px;
}
#green-sheet-overlay #greensheet-overlay-status-text-container {
  width: calc(100% - 200px);
  height: 70px;
  position: fixed;
  top: 80px;
  left: 200px;
  background-color: white;
  z-index: 50;
}
#green-sheet-overlay #greensheet-overlay-status-text-container #greensheet-overlay-status-header {
  width: 100%;
  font-size: 24px;
  padding: 0px 20px;
}
#green-sheet-overlay #greensheet-overlay-status-text-container #greensheet-overlay-status-header i {
  cursor: pointer;
}
#green-sheet-overlay #greensheet-overlay-status-text-container #greensheet-overlay-status-text {
  width: 100%;
  padding-left: 15px;
}
#green-sheet-overlay #greensheet-overlay-status-text-container .to-text-item {
  width: auto;
}
#green-sheet-overlay #greensheet-overlay-status-text-container .to-text-item span {
  padding: 0px 20px;
  margin-right: 10px;
}
#green-sheet-overlay #greensheet-overlay-status-text-container .to-text-item a {
  color: #666666;
  text-decoration: none;
}
#green-sheet-overlay .content-box .content-box-content .summary-box .content-container {
  justify-content: space-between;
}
#green-sheet-overlay .content-box .content-box-content .summary-box .content-container .sub-content {
  width: calc(50% - 50px);
}
#green-sheet-overlay .content-box-content-people {
  width: 100%;
  background-color: white;
}
#green-sheet-overlay .content-box-content-people .sub-content {
  width: 50%;
  position: relative;
  display: flex;
}
#green-sheet-overlay .green-sheet-doc:hover .green-sheet-doc-overlay {
  display: flex;
}
#green-sheet-overlay .green-sheet-doc-container {
  position: relative;
  min-height: 200px;
  min-width: 125px;
  margin-left: 5px;
}
#green-sheet-overlay .green-sheet-doc-caption {
  width: 100%;
  position: relative;
  height: auto;
  font-size: 12px;
  text-transform: uppercase;
  color: #666666;
  font-weight: bold;
}
#green-sheet-overlay .green-sheet-doc-caption div {
  min-width: 125px;
  max-width: 125px;
  flex-wrap: wrap;
  text-align: center;
}
#green-sheet-overlay .green-sheet-doc {
  background-size: cover;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 125px;
  min-width: 125px;
  max-width: 125px;
  margin: 5px;
}
#green-sheet-overlay .green-sheet-doc .green-sheet-doc-icon {
  width: 100%;
  display: flex;
  justify-content: center;
}
#green-sheet-overlay .green-sheet-doc .green-sheet-doc-icon i {
  color: #666666 !important;
}
#green-sheet-overlay .green-sheet-doc .green-sheet-doc-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  z-index: 5;
  display: none;
  color: white;
}
#green-sheet-overlay .green-sheet-doc .green-sheet-doc-overlay .green-sheet-doc-delete {
  position: absolute;
  top: 5px;
  right: 5px;
}
#green-sheet-overlay .green-sheet-doc .green-sheet-doc-overlay .green-sheet-doc-delete i {
  color: #666666 !important;
  font-size: 13px;
}
#green-sheet-overlay .green-sheet-doc .green-sheet-doc-overlay .green-sheet-doc-download {
  position: absolute;
  background-color: transparent;
  z-index: 9001;
}
#green-sheet-overlay .green-sheet-doc .green-sheet-doc-overlay .green-sheet-doc-download i {
  color: #666666 !important;
  font-size: 13px;
}
#green-sheet-overlay .green-sheet-doc .green-sheet-doc-overlay .green-sheet-doc-download a {
  top: 6px;
  left: 5px;
}
#green-sheet-overlay .document-chooser input {
  width: 100%;
  height: 100% !important;
  opacity: 0;
  top: 0px;
  overflow: hidden;
  position: absolute;
  padding: 0px !important;
  border: none !important;
  cursor: pointer;
}
#green-sheet-overlay .document-chooser i {
  position: relative;
}
#green-sheet-overlay .noPointer {
  cursor: default !important;
}
#green-sheet-overlay .person-container {
  max-width: 400px;
  border: 1px solid rgb(219, 219, 219);
  border-radius: 4px;
  cursor: pointer;
}
#green-sheet-overlay .person-container .people-chooser {
  margin: 5px;
  border-radius: 5px;
}
#green-sheet-overlay .person-container .people-chooser img {
  height: 6vh;
  width: 3vw;
}
#green-sheet-overlay .person-container .doc-caption {
  padding: 0px 5px;
  min-width: 215px;
}
#green-sheet-overlay .person-container .doc-caption .personName {
  font-size: 18px;
}
#green-sheet-overlay .person-container .doc-caption .role {
  font-weight: normal;
  font-size: 11px;
  text-transform: uppercase !important;
}
#green-sheet-overlay .person-container .people-thumbnail {
  width: 3vw;
  height: 6vh;
}
#green-sheet-overlay .content-box {
  padding-left: 5px;
  padding-right: 5px;
}
#green-sheet-overlay .content-box .content-box-content-details .content-container:nth-child(odd) {
  background-color: rgba(213, 213, 213, 0.062745098);
}
#green-sheet-overlay .content-box .content-box-content-details .address {
  width: 100%;
  justify-content: flex-start !important;
  padding: 12.6px 0px 12.6px 10px;
}
#green-sheet-overlay .people-box input {
  width: calc(100% - 15px);
}
#green-sheet-overlay .people-box span {
  width: calc(100% - 15px);
  text-align: right;
  display: inline-block;
}
#green-sheet-overlay .commissions-cell-one {
  width: 250px;
}
#green-sheet-overlay .commissions-cell-two {
  width: 300px;
}
#green-sheet-overlay .commissions-cell-three {
  width: 100px;
}
#green-sheet-overlay .commissions-cell-four {
  width: 150px;
  padding-right: 20px;
}
#green-sheet-overlay .flex-document {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
#green-sheet-overlay .document-container {
  margin: 10px;
  position: relative;
}
#green-sheet-overlay .document-chooser {
  min-height: 125px;
  min-width: 125px;
  max-width: 125px;
  margin: 5px;
}
#green-sheet-overlay .document-chooser img {
  max-height: 125px;
  max-width: 125px;
}
#green-sheet-overlay .instructions-box .content-box-content {
  min-height: 50px;
}

.recycle-bin-overlay {
  background-color: white;
  border: 1px solid #666666;
  display: none;
  height: auto;
  left: calc(50% - 337px);
  min-height: 150px;
  padding: 10px 0;
  position: fixed;
  top: calc(50% - 200px);
  width: 650px;
  z-index: 9001;
}
.recycle-bin-overlay .deleted-doc-item {
  min-width: 175px;
  max-width: 175px;
}
.recycle-bin-overlay .close {
  position: absolute;
  right: 10px;
  top: 5px;
  font-size: 18px;
}
.recycle-bin-overlay .title {
  position: absolute;
  left: 10px;
  top: 5px;
  font-size: 21px;
}
.recycle-bin-overlay .recycle-listing, .recycle-bin-overlay .recycle-buying {
  position: relative;
  top: 4px;
}
.recycle-bin-overlay label {
  font-weight: normal;
}

@keyframes newtransoverlay {
  from {
    top: 257px;
  }
  to {
    top: 150px;
  }
}
@keyframes selectopen {
  from {
    height: 23px;
  }
  to {
    height: 325px;
  }
}
.suite-container {
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  display: flex;
  position: relative;
}
.suite-container .suite-wrapper {
  max-width: calc(100% - 100px);
  width: calc(100% - 100px);
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
}
.suite-container input {
  color: #666666;
}
.suite-container input {
  min-width: 100px;
  margin-right: 5px;
  margin-left: 5px;
  padding: 5px;
  border: 1px solid lightgray;
  border-radius: 2px;
  background-color: white;
}
.suite-container .buttons {
  max-width: 100px;
}
.suite-container .suite-content {
  margin: 3px 5px;
  display: flex;
  min-width: 12%;
}
.suite-container .suite-content div > span {
  position: relative;
  top: 3px;
}
.suite-container .suite-content.wide {
  min-width: 20%;
}

#transaction-overlay-content-content {
  width: calc(100% - 20px);
  background-color: white;
  overflow-y: auto;
  position: relative;
  padding-top: 50px;
}
#transaction-overlay-content-content .hrefTag {
  position: relative;
  top: -50px;
}

.right-bar-activity {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
  margin-top: 15px;
}
.right-bar-activity .activity-circle {
  border-radius: 50% 50%;
  width: 30px;
  height: 30px;
  padding: 0px 3px;
  margin: 2px 8px 0px 3px;
  color: white;
  font-size: 11px;
  min-width: 30px;
  text-transform: uppercase;
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: center;
}
.right-bar-activity .activity-text {
  font-size: 13px;
  min-width: 183px;
}
.right-bar-activity .activity-text .bold {
  text-transform: capitalize;
}
.right-bar-activity .relative-date {
  margin-top: 8px;
  font-size: 9px;
  color: #888888;
  max-width: 175px;
}

#inspectionActivities {
  width: 80%;
  padding: 25px;
  background-color: white;
  position: absolute;
  top: 150px;
  border-radius: 5px;
}
#inspectionActivities .activityHeader {
  width: 100%;
  height: 45px;
  font-size: 16px;
}
#inspectionActivities .activityClose {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
#inspectionActivities .title {
  padding: 15px 0px;
  font-weight: bold;
  background-color: white;
  color: rgb(102, 102, 102);
}
#inspectionActivities table {
  width: 100%;
}
#inspectionActivities table tr:nth-child(even) {
  background-color: #eeeff2;
}
#inspectionActivities th, #inspectionActivities td {
  vertical-align: top;
}
#inspectionActivities td {
  padding: 8px 0px;
}

#spinner {
  min-height: 100%;
  min-width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 32768;
  font-family: "Red Hat Display", sans-serif;
}
#spinner .spinner-text {
  font-size: 26px;
  color: #c8202f;
  width: 100%;
  text-align: center;
}
#spinner .spinner-icon-one {
  font-size: 200px;
  z-index: 5;
  color: #C8102E;
  position: absolute;
  left: 2px;
}
#spinner .spinner-icon-two {
  font-size: 200px;
  color: #f2f2f2;
  position: absolute;
}
#spinner .spinner-master-container {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-content: center;
  position: relative;
  /* top: -100px; */
}

#report-form .SumoSelect {
  max-width: 175px;
  margin-left: 5px;
  height: 24px;
}
#report-form .my-updates-checkbox {
  margin-left: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#report-form .my-updates-checkbox input {
  margin-right: 15px;
}
#report-form .SumoSelect .SlectBox {
  max-width: 175px;
  height: 24px;
  border: 1px solid #666666;
  border-radius: 5px;
}
#report-form .SumoSelect .placeholder {
  position: relative;
  top: -3px;
}
#report-form .SumoSelect .optWrapper {
  z-index: 9001;
}
#report-form .SumoSelect .CaptionCont span {
  position: relative;
  top: -3px;
}

#major-container {
  position: absolute;
  top: 75px;
  left: 66px;
  z-index: 1;
  height: calc(100% - 75px);
  width: calc(100% - 66px);
}
#major-container .report-header {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#major-container .report-bar .listing-edit {
  width: 162px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#major-container .report-bar .report-agents {
  width: 160px;
}
#major-container .report-bar .report-table {
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: flex-start;
}
#major-container .report-bar .report-photo-address {
  height: 55px;
  align-items: center;
  align-content: center;
  display: flex;
  width: 220px;
}
#major-container .report-bar .report-photo-address .report-photo {
  min-height: 55px;
  min-width: 83px;
}
#major-container .report-bar .report-photo-address .report-photo img {
  max-height: 55px;
  max-width: 83px;
}
#major-container .report-bar .report-photo-address .report-address {
  margin-left: 10px;
}
#major-container .report-bar .report-main-type {
  width: 115px;
}
#major-container .report-bar .report-status {
  width: 65px;
}
#major-container .report-bar .report-update {
  width: 300px;
}
#major-container .report-bar .report-updated-by {
  width: 110px;
}
#major-container .report-bar .report-last-update {
  width: 135px;
}
#major-container .report-bar.record-bar {
  height: auto;
  min-height: 70px;
  padding: 3px 0px;
}
#major-container .report-bar .report-table {
  max-width: 560px;
}
#major-container .report-bar .right-item {
  margin-right: 15px;
}
#major-container .report-bar-header {
  width: calc(100% - 66px);
  height: 30px;
  background-color: lightgrey;
  justify-content: space-between;
  display: flex;
  align-items: center;
  align-content: center;
  position: fixed;
  top: 150px;
  z-index: 1;
}
#major-container .report-bar-header .listing-edit {
  width: 162px;
}
#major-container .report-bar-header .report-table {
  max-width: 560px;
}
#major-container .report-bar-header .report-agents {
  width: 160px;
}
#major-container .report-bar-header .report-photo-address {
  height: 55px;
  align-items: center;
  align-content: center;
  display: flex;
  width: 220px;
}
#major-container .report-bar-header .report-main-type {
  width: 115px;
}
#major-container .report-bar-header .report-status {
  width: 65px;
}
#major-container .report-bar-header .report-update {
  width: 300px;
}
#major-container .report-bar-header .report-updated-by {
  width: 110px;
}
#major-container .report-bar-header .report-last-update {
  width: 135px;
}
#major-container .report-bar-header div {
  margin-left: 5px;
  margin-right: 5px;
}
#major-container .report-bar-header .left-item {
  margin-left: 15px;
}
#major-container .report-bar-header .right-item {
  margin-right: 15px;
}
#major-container .record-bar {
  width: 100%;
  height: 70px;
  background-color: white;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  justify-content: space-between;
  display: flex;
  align-items: center;
  align-content: center;
  /* removed because of Reports/index
  div {
      margin-left: 5px;
      margin-right: 5px;
  }
  */
}
#major-container .record-bar .report-corp-serv {
  width: 80px;
}
#major-container .record-bar .report-table td {
  padding: 0px 3px;
  vertical-align: top;
}
#major-container .record-bar .left-item {
  margin-left: 15px;
}
#major-container .record-bar .right-item {
  margin-right: 15px;
}
#major-container .record-bar .listing-photo-address {
  width: 285px;
  min-width: 250px;
}
#major-container .record-bar .listing-photo-address img {
  max-width: 83px;
  max-height: 55px;
}
#major-container .record-bar .report-updated-by {
  width: 110px;
}

.SumoSelect .select-all.partial > span i {
  background-color: #E3b158 !important;
}
.SumoSelect .select-all.selected > span i {
  background-color: #E3b158 !important;
}
.SumoSelect > .optWrapper.multiple > .options > li.selected span i {
  background-color: #E3b158 !important;
}

#user-message {
  position: fixed;
  top: 17px;
  width: 530px;
  text-align: center;
  left: calc(50% - 300px) !important;
  display: none;
  min-height: 35px;
  height: auto;
  padding: 10px !important;
  z-index: 999999;
  background-color: white;
  border-radius: 1px;
}
#user-message .close {
  position: absolute;
  top: 8px;
  right: 8px;
  opacity: 0.5;
  height: 25px;
  width: 25px;
}
#user-message.success {
  border: 1px solid #E0AF58;
  color: #E0AF58;
}
#user-message.fail {
  border: 1px solid #c8202f;
  color: #c8202f;
}

#user-message-text {
  width: 500px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
}

#header {
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  position: fixed;
  z-index: 99999;
  font-family: "Open Sans", sans-serif;
  padding: 0;
  margin: 0;
  border: none;
}
#header input:focus {
  border: none;
}
#header .header-logo {
  height: 100%;
  display: flex;
  align-items: center;
  margin-left: 15px;
}
#header .header-logo img {
  max-height: 40px !important;
}
#header .header-search {
  position: absolute;
  display: flex;
  background-color: white;
  left: 20%;
  min-width: 590px;
}
#header .header-search .SumoSelect > .CaptionCont > span.placeholder {
  font-size: 14px;
  color: #707070;
  top: -3px;
  font-style: normal;
  position: relative;
}
#header .header-search .SumoSelect > .CaptionCont > label > i::before {
  content: "\f107";
  font: normal normal normal 16px/1 "Font Awesome 5 Pro";
}
#header .header-search .SumoSelect > .CaptionCont > label > i {
  background-image: none !important;
  top: 4px;
  position: relative;
}
#header .header-search .SumoSelect > .CaptionCont {
  background-color: transparent !important;
  height: 30px;
  border: none;
  width: 150px;
  top: 2px;
}
#header .header-search .search-input-normal {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
  height: 30px;
  width: 230px;
  border: none;
}
#header .header-search .search-input-wide {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
  height: 30px;
  width: 380px;
  border: none;
}
#header .header-search .select-container {
  min-width: 150px;
  background-color: rgba(188, 190, 192, 0.2509803922);
  color: #707070;
  font-size: 14px;
}
#header .header-search .select-container .multiselect__single {
  background-color: transparent;
  top: 2px;
}
#header .header-search .borderRadiusLeft {
  border-bottom-left-radius: 14px;
  border-top-left-radius: 14px;
}
#header .header-search .borderRadiusRight {
  border-bottom-right-radius: 14px;
  border-top-right-radius: 14px;
}
#header .header-search .multiselect {
  border-radius: unset;
  border: none;
  background-color: transparent;
}
#header .header-search .multiselect__tags {
  border-radius: unset;
  background-color: transparent;
}
#header .header-search .searchOptions {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  background-color: transparent;
}
#header .header-search .searchOptions .multiselect__tags {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  background-color: transparent;
  padding-left: 10px;
}
#header .header-search .search-submit {
  position: absolute;
  left: 95%;
  background-color: transparent;
  top: 6px;
  border: none;
}
#header .propertySearch {
  font-size: 14px;
}
#header .propertySearch i {
  margin-left: 8px;
}
#header .propertySearch .btn {
  border-radius: 6px;
  font-size: 12px;
  padding: 5px 10px;
  margin-right: 8px;
}
#header .spacer {
  margin: 0px 15px;
}
#header .header-right {
  color: white;
  font-size: 16px;
}
#header .header-right a {
  color: white;
}
#header .header-right .inbox i {
  margin-right: 5px;
}

#notification-box {
  width: 400px;
  left: calc(50% - 200px);
  top: 200px;
  display: none;
  background-color: lightsteelblue;
  position: fixed;
  z-index: 111111;
  border: 2px solid #888888;
  padding: 5px;
}
#notification-box #notification-text {
  margin-left: 20px;
  font-size: 22px;
}
#notification-box .notification-spinner {
  padding: 10px;
}

#reports {
  border: none;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  height: 40px;
  position: relative;
}
#reports i {
  margin-right: 15px;
  position: relative;
  display: none;
}
#reports .entity-access {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
#reports .entity-access .has-icon {
  width: 15px;
}
#reports li a {
  display: flex;
  justify-content: space-between;
  color: rgb(37, 56, 117);
}
#reports li i {
  margin-right: 10px;
}
#reports .dropdown-menu .dropdown-submenu {
  position: relative;
}
#reports .dropdown-menu .dropdown-submenu .dropdown-menu {
  left: 170px;
  top: 0;
}

#fast_access {
  border: none;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  height: 40px;
  position: relative;
}
#fast_access i {
  margin-right: 15px;
  position: relative;
  display: none;
}
#fast_access .entity-access {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
#fast_access .entity-access .has-icon {
  width: 15px;
}
#fast_access li a {
  display: flex;
  justify-content: space-between;
  color: rgb(37, 56, 117);
}
#fast_access li i {
  margin-right: 10px;
}
#fast_access .dropdown-menu .dropdown-submenu {
  position: relative;
}
#fast_access .dropdown-menu .dropdown-submenu .dropdown-menu {
  left: 170px;
  top: 0;
}

@media print {
  #left-menu {
    display: none;
  }
}
#left-menu {
  height: calc(100% - 50px);
  background-color: #f8f8f9;
  font-size: 14px;
  position: fixed;
  left: 0px;
  top: 50px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.29);
  z-index: 120;
  width: 66px;
}
#left-menu .dropdown-menu {
  display: none;
}
#left-menu .left-menu-photo {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  margin-top: 27px;
  margin-bottom: 34px;
  margin-left: 14px;
  position: relative;
  background-size: cover;
}
#left-menu .left-menu-item {
  width: 100%;
}
#left-menu .left-menu-item span {
  position: relative;
  top: -3px;
  font-size: 13px;
  margin-left: 10px;
}
#left-menu .left-menu-item .left-menu-add img {
  padding: 5.5px 5.5px;
  width: 25px;
  height: 25px;
}
#left-menu .left-menu-item .left-menu-add i {
  padding: 5.5px 15px 5.5px 3px;
  width: 25px;
  height: 25px;
  font-size: 17px;
}
#left-menu .left-menu-item .dropdown-menu {
  background-color: #E5EAF7;
  width: 180px;
  display: none;
  font-size: 14px;
  list-style: none;
  position: absolute;
  bottom: 95%;
  top: auto;
  left: 0;
  z-index: 1000;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  text-align: left;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
#left-menu .left-menu-item .dropdown-menu > li {
  background-color: #E5EAF7;
}
#left-menu .left-menu-item .dropdown-menu > li > a:hover {
  background-color: #E0E6F2;
}
#left-menu .left-menu-item .dropdown-menu > li > a {
  background-color: #E5EAF7;
  padding: 3px 0px;
  margin-left: 10px;
  max-width: 165px;
  width: 100%;
}
#left-menu .left-menu-item .dropdown-menu li i {
  font-size: 14px;
  padding: 0px;
  color: #37383e;
}
#left-menu .left-menu-item .dropdown-menu li a {
  width: 100%;
}
#left-menu .left-menu-item .dropdown-menu .flex-bc .has-icon {
  padding: 0px 10px;
  width: 43px;
}
#left-menu .left-menu-item .dropdown-menu .flex-bc .has-icon img {
  width: 14px;
  height: 14px;
  padding: 0px;
}
#left-menu .left-menu-item .dropdown-menu .has-add {
  width: 117px;
}
#left-menu .left-menu-item .dropdown-menu .has-icon {
  width: 15px;
  margin-right: 10px;
}
#left-menu .left-menu-item .dropdown-menu .dropdown-sub-toggle {
  margin-left: 11px;
}
#left-menu .left-menu-item i {
  font-size: 20px;
}
#left-menu .left-menu-item img {
  padding: 5.5px 8px;
  width: 39px;
  height: 34px;
}
#left-menu .left-menu-item a {
  text-decoration: none;
  width: 100%;
  margin-left: 22px;
}
#left-menu .dropdown-submenu:hover {
  background-color: #E5EAF7;
}
#left-menu .dropdown-submenu:hover .dropdown-sub-toggle {
  background-color: #E5EAF7;
}
#left-menu .dropdown-submenu:hover .dropdown-sub-toggle:hover {
  background-color: #E0E6F2;
}
#left-menu .left-menu-item:hover #fast_access {
  background-color: #E5EAF7;
}
#left-menu .left-menu-item.selected {
  background-color: #E5EAF7;
  border-radius: 14px 0px 0px 14px;
}
#left-menu .left-menu-bottom {
  position: absolute;
  bottom: 15px;
  width: 100%;
}
#left-menu .left-menu-toggle i {
  text-align: right;
  font-size: 30px;
  width: 100%;
  color: white;
}
#left-menu .left-menu-item {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #313640;
}
#left-menu .left-menu-item:hover {
  background-color: #E5EAF7;
}

.header-right {
  max-width: 300px;
  height: 50px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.header-right .inbox {
  color: white;
  display: flex;
  font-size: 16px;
  position: relative;
  height: 75px;
  width: 60px;
  align-items: center;
  justify-content: center;
}
.header-right .inbox a {
  color: white;
  text-decoration: none;
  padding: 8px;
  display: flex;
  align-items: center;
  align-content: center;
}
.header-right .inbox:hover {
  background-color: #535353;
}
.header-right .amessage-info {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 75px;
  width: 60px;
  cursor: pointer;
}
.header-right .amessage-info:hover {
  background-color: #535353;
}
.header-right .amessage-count {
  position: absolute;
  color: #313640;
  left: 6px;
  top: 1px;
}
.header-right .amessage-count i {
  font-size: 20px;
}
.header-right .transfer-call {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 75px;
  width: 60px;
  cursor: pointer;
}
.header-right .transfer-call:hover {
  background-color: #535353;
}

.listing-leads-container #lead_agent_id {
  margin-right: 15px;
  width: fit-content;
}
.listing-leads-container .tools {
  margin-bottom: 15px;
}

#leads {
  width: 98%;
  margin-left: 1%;
}
#leads .lead-edit {
  position: absolute;
  top: 5px;
  right: 5px;
}
#leads .lead-message {
  width: calc(100% - 15px);
}

#activity-add-overlay {
  display: none;
}

#delete-trans-modal {
  z-index: 10055;
}

#transaction-overlay-status {
  width: calc(100% - 200px);
  position: fixed;
  background-color: white;
  top: 75px;
  left: 200px;
  height: 150px;
  z-index: 5;
}

#transaction-overlay-status-tasklist-container {
  display: flex;
  margin-left: 20px;
  margin-top: 15px;
  position: relative;
}
#transaction-overlay-status-tasklist-container .percentageContainer {
  width: 100%;
  position: relative;
}
#transaction-overlay-status-tasklist-container .percentageContainer .grayPercentage {
  width: 100%;
  border: 4px solid rgba(213, 213, 213, 0.5647058824);
  border-radius: 4px;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage {
  border: 4px solid #E3b158;
  border-radius: 4px;
  background-color: #E3b158;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p00 {
  width: 0%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p01 {
  width: 1%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p02 {
  width: 2%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p03 {
  width: 3%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p04 {
  width: 4%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p05 {
  width: 5%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p06 {
  width: 6%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p07 {
  width: 7%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p08 {
  width: 8%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p09 {
  width: 9%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p10 {
  width: 10%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p11 {
  width: 11%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p12 {
  width: 12%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p13 {
  width: 13%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p14 {
  width: 14%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p15 {
  width: 15%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p16 {
  width: 16%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p17 {
  width: 17%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p18 {
  width: 18%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p19 {
  width: 19%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p20 {
  width: 20%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p21 {
  width: 21%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p22 {
  width: 22%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p23 {
  width: 23%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p24 {
  width: 24%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p25 {
  width: 25%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p26 {
  width: 26%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p27 {
  width: 27%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p28 {
  width: 28%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p29 {
  width: 29%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p30 {
  width: 30%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p31 {
  width: 31%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p32 {
  width: 32%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p33 {
  width: 33%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p34 {
  width: 34%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p35 {
  width: 35%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p36 {
  width: 36%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p37 {
  width: 37%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p38 {
  width: 38%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p39 {
  width: 39%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p40 {
  width: 40%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p41 {
  width: 41%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p42 {
  width: 42%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p43 {
  width: 43%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p44 {
  width: 44%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p45 {
  width: 45%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p46 {
  width: 46%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p47 {
  width: 47%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p48 {
  width: 48%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p49 {
  width: 49%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p50 {
  width: 50%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p51 {
  width: 51%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p52 {
  width: 52%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p53 {
  width: 53%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p54 {
  width: 54%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p55 {
  width: 55%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p56 {
  width: 56%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p57 {
  width: 57%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p58 {
  width: 58%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p59 {
  width: 59%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p60 {
  width: 60%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p61 {
  width: 61%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p62 {
  width: 62%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p63 {
  width: 63%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p64 {
  width: 64%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p65 {
  width: 65%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p66 {
  width: 66%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p67 {
  width: 67%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p68 {
  width: 68%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p69 {
  width: 69%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p70 {
  width: 70%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p71 {
  width: 71%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p72 {
  width: 72%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p73 {
  width: 73%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p74 {
  width: 74%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p75 {
  width: 75%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p76 {
  width: 76%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p77 {
  width: 77%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p78 {
  width: 78%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p79 {
  width: 79%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p80 {
  width: 80%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p81 {
  width: 81%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p82 {
  width: 82%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p83 {
  width: 83%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p84 {
  width: 84%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p85 {
  width: 85%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p86 {
  width: 86%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p87 {
  width: 87%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p88 {
  width: 88%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p89 {
  width: 89%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p90 {
  width: 90%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p91 {
  width: 91%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p92 {
  width: 92%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p93 {
  width: 93%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p94 {
  width: 94%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p95 {
  width: 95%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p96 {
  width: 96%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p97 {
  width: 97%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p98 {
  width: 98%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p99 {
  width: 99%;
}
#transaction-overlay-status-tasklist-container .percentageContainer .percentage.p100 {
  width: 100%;
}
#transaction-overlay-status-tasklist-container #addTaskListButton {
  height: 95px;
  width: 49px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  display: flex;
  align-items: center;
  align-content: center;
  margin-right: 16px;
  justify-content: center;
  cursor: pointer;
}
#transaction-overlay-status-tasklist-container #addTaskListButton i {
  font-size: 42px;
  color: #707070;
}
#transaction-overlay-status-tasklist-container #addTaskListButton:hover {
  width: 55px;
  height: 101px;
  position: relative;
  top: -3px;
  left: -3px;
  margin-right: 13px;
}
#transaction-overlay-status-tasklist-container #addTaskListButton.small {
  height: 83px;
}
#transaction-overlay-status-tasklist-container #addTaskListButton.small:hover {
  height: 89px;
}
#transaction-overlay-status-tasklist-container .closeTransaction {
  padding: 8px;
  cursor: pointer;
  position: absolute;
  right: 5px;
  top: 5px;
  font-size: 30px;
}
#transaction-overlay-status-tasklist-container .checkbox {
  width: 13px;
  height: 13px;
  margin: 0px 16px 0px 0px;
}
#transaction-overlay-status-tasklist-container input[type=checkbox] {
  border-radius: 50%;
  width: 13px;
  height: 13px;
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  cursor: pointer;
  border: 1px solid #ACACAC;
  vertical-align: middle;
  margin: 0px;
  position: relative;
}
#transaction-overlay-status-tasklist-container input[type=checkbox]:checked {
  background-color: #313640;
}
#transaction-overlay-status-tasklist-container .list {
  width: 165px;
  height: 95px;
  background-color: white;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  cursor: pointer;
  padding: 10px 12px 13px 13px;
  color: #535353;
  margin-right: 16px;
}
#transaction-overlay-status-tasklist-container .list .listTitle {
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  max-width: 100px;
  max-height: 32px;
  text-overflow: ellipsis;
  overflow: hidden;
}
#transaction-overlay-status-tasklist-container .list i {
  color: #ACACAC;
}
#transaction-overlay-status-tasklist-container .list .listStatus {
  font-size: 8px;
  display: flex;
  margin: 7px 0px 3px 0px;
  justify-content: space-between;
}
#transaction-overlay-status-tasklist-container .list .listStatus .listOwner {
  text-transform: uppercase;
}
#transaction-overlay-status-tasklist-container .list:hover {
  height: 101px;
  width: 171px;
  position: relative;
  top: -3px;
  left: -3px;
  margin-right: 10px;
}
#transaction-overlay-status-tasklist-container .list.small {
  width: 124px;
  height: 83px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#transaction-overlay-status-tasklist-container .list.small:hover {
  width: 130px;
  height: 89px;
}
#transaction-overlay-status-tasklist-container #image-description-modal {
  z-index: 10055;
}
#transaction-overlay-status-tasklist-container #taskManagerContainer, #transaction-overlay-status-tasklist-container #addTaskListContainer {
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.2);
  top: 0px;
  left: 0px;
  z-index: 5;
}
#transaction-overlay-status-tasklist-container #addTaskList {
  width: 500px;
  min-height: 250px;
  position: absolute;
  left: calc((100vw - 445px) / 2);
  top: 150px;
  background-color: white;
  border-radius: 5px 5px 0px 0px;
}
#transaction-overlay-status-tasklist-container #addTaskList .header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  height: 39px;
  padding: 0px 15px 0px 30px;
  color: white;
  align-content: center;
  align-items: center;
}
#transaction-overlay-status-tasklist-container #addTaskList .tableHeader {
  display: flex;
  justify-content: space-between;
  font-size: 15px;
  color: #535353;
  margin-top: 30px;
}
#transaction-overlay-status-tasklist-container #addTaskList .taskLists {
  margin-bottom: 25px;
  height: 40vh;
  overflow-y: auto;
}
#transaction-overlay-status-tasklist-container #addTaskList .taskList {
  margin: 0px 14px;
  padding: 7px 0px;
  display: flex;
  justify-content: space-between;
  color: #535353;
  font-size: 13px;
  align-items: center;
  align-content: center;
  border-bottom: 1px solid #D5D5D5;
}
#transaction-overlay-status-tasklist-container #addTaskList .taskList .checkbox {
  margin-right: 23px;
}
#transaction-overlay-status-tasklist-container #addTaskList .listOwner {
  margin-right: 16px;
  width: 100px;
}
#transaction-overlay-status-tasklist-container #addTaskList .listTitle {
  width: 275px;
}
#transaction-overlay-status-tasklist-container #addTaskList .close {
  cursor: pointer;
  color: white;
}

.era-gray {
  background-color: #88899c;
}

.bold {
  font-weight: bold;
}

#transaction-overlay-right-bar {
  width: 250px;
  position: fixed;
  right: 0px;
  top: 200px;
  background-color: white;
  overflow: hidden;
  height: calc(100% - 280px);
  min-height: calc(100% - 350px);
}
#transaction-overlay-right-bar .transaction-activities {
  height: 100%;
  min-height: 100%;
  overflow-y: scroll;
  width: 240px;
  margin-left: 3px;
  overflow-x: hidden;
}
#transaction-overlay-right-bar .transaction-activities .right-bar-activity {
  width: 98%;
}
#transaction-overlay-right-bar .transaction-activities .right-bar-title {
  margin-top: 25px;
  width: 95%;
}
#transaction-overlay-right-bar .transaction-activities .right-bar-title i {
  margin: 0px 5px;
  font-size: 16px;
  cursor: pointer;
}
#transaction-overlay-right-bar .transaction-activities .right-bar-title .activity-title {
  font-size: 16px;
  font-weight: normal;
}

.advertisement {
  min-height: 95px;
  min-width: 245px;
  background-color: white;
  position: fixed;
  bottom: 0px;
  right: 0px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-top: 10px;
}
.advertisement img {
  max-height: 95px;
  max-width: 245px;
}

#summary {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  width: 100%;
  font-size: 13px;
  position: relative;
}
#summary input, #summary select {
  padding: 5px;
  border: 1px solid lightgray;
  border-radius: 2px;
  background-color: white;
}
#summary .editPencil {
  position: absolute;
  top: 15px;
  right: 25px;
  color: #535353;
  font-size: 16px;
  z-index: 2;
  cursor: pointer;
}
#summary .virtualShowings {
  color: #535353;
  font-size: 15px;
  font-weight: bold;
}
#summary .virtualShowings span {
  font-weight: normal;
}
#summary .artiMinders {
  color: #c8202f;
  font-size: 13px;
  cursor: pointer;
}
#summary .buttons {
  width: 100%;
  margin-top: 21px;
  display: flex;
  justify-content: space-around;
}
#summary .buttons .button {
  border: 1px solid #707070;
  padding: 6px 12px;
  background-color: white;
  font-weight: bold;
  width: 140px;
  text-align: center;
  color: #707070;
  cursor: pointer;
  border-radius: 4px;
}
#summary .buttons .button:hover {
  background-color: #707070;
  color: white !important;
}
#summary .get-virtual-showings {
  color: #c8202f;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
  font-size: 13px;
  text-transform: uppercase;
}
#summary .get-virtual-showings i {
  margin-left: 10px;
}
#summary .agent-list {
  padding: 0px;
  display: flex;
  flex-wrap: wrap;
  max-width: 400px;
}
#summary .agent-list .agent {
  width: 180px;
  padding: 5px 0px;
}
#summary .valueLine {
  display: flex;
  align-content: center;
  align-items: center;
  padding: 8px 5px;
  position: relative;
}
#summary .valueLine .title {
  width: 180px;
  margin-right: 1vw;
  position: relative;
  background-color: transparent;
  color: rgb(83, 83, 83);
}
#summary .valueLine.agentLine {
  align-content: flex-start;
  align-items: flex-start;
}
#summary .summaryPhoto {
  background-size: cover;
  width: 100%;
  height: 210px;
  border-radius: 4px;
}
#summary .summaryLeft, #summary .summaryRight {
  box-shadow: 3px 5px 6px rgba(0, 0, 0, 0.1607843137);
  background-color: white;
  border-radius: 5px;
}
@media screen and (max-width: 1400px) {
  #summary .summaryRight {
    display: flex;
    flex-direction: column;
  }
}
#summary .summaryLeft {
  padding: 20px 15px 10px 15px;
  margin-right: 15px;
  margin-left: 20px;
  min-width: 344px;
  max-width: 344px;
}
#summary .summaryRight {
  width: calc(100% - 390px);
  padding: 20px 0px;
  position: relative;
}
#summary .summaryRight .valueLine:nth-child(odd) {
  background-color: rgba(213, 213, 213, 0.062745098);
}
#summary .summaryRight .dashButtons {
  background-color: white !important;
}
#summary .dash-button {
  padding: 0px 3px;
  background-color: white;
  margin-right: 15px;
  border-radius: 6px;
}
#summary .pending {
  color: #E3b158;
  border: 1px solid #E3b158;
}
#summary .ok {
  color: #39655B;
  border: 1px solid #39655B;
}
#summary .failed {
  color: #c8202f;
  border: 1px solid #c8202f;
}
#summary #view-chart {
  width: 100%;
  height: 278px;
}
#summary #view-chart .chart-spinner {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#summary #view-chart .chart-spinner i {
  display: block;
  font-size: 75px;
  color: #666666;
}
#summary #view-chart .line-graph {
  height: 245px;
  width: 100%;
}
#summary #view-chart .graph-container {
  display: flex;
  height: 250px;
}
#summary #view-chart .yAxis {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-content: center;
  padding: 10px 0px 0px 0px;
  height: 225px;
}
#summary #view-chart img {
  width: 100%;
}
#summary #view-chart .chart-key {
  margin-top: 15px;
  display: flex;
  justify-content: space-around;
  margin-left: 25px;
  margin-right: 25px;
}
#summary #view-chart .key-point {
  display: flex;
  align-items: center;
}
#summary #view-chart .color-block {
  width: 10px;
  height: 10px;
}
#summary #view-chart .key-name {
  margin: 0px 5px;
  text-transform: uppercase;
  font-size: 9px;
}

.content-container {
  display: flex;
}
.content-container .toolbox-name {
  font-weight: bold;
  font-size: 25px;
  text-transform: capitalize;
}
.content-container .last {
  border-bottom: none !important;
}

.grid-image-handle:hover .grid-images-overlay-full {
  display: block !important;
}

.grid-image-handle:hover .grid-images-overlay {
  display: none;
}

#customer-index .three-boxes {
  margin-top: 35px;
  margin-bottom: 60px;
  display: flex;
  justify-content: space-around;
}
#customer-index .three-boxes .box {
  display: flex;
  border: 1px solid #eeeff2;
  width: 375px;
  height: 125px;
}
#customer-index .three-boxes .box .days-label {
  color: black;
  text-transform: uppercase;
  font-size: 16px;
  padding-left: 25px;
}
#customer-index .three-boxes .box .value {
  padding-right: 50px;
  font-size: 16px;
}
#customer-index .three-boxes .box .left {
  font-weight: bold;
  display: flex;
  flex-direction: column;
  width: 45%;
  height: 100%;
  border-right: 1px solid #eeeff2;
}
#customer-index .three-boxes .box .left .box-title {
  font-size: 40px;
  padding: 25px 25px 0px 25px;
}
#customer-index .three-boxes .box .left .box-subtitle {
  padding-left: 25px;
}
#customer-index .three-boxes .box .right {
  display: flex;
  flex-direction: column;
  width: 55%;
  height: 100%;
}
#customer-index .three-boxes .box .right .today, #customer-index .three-boxes .box .right .thirty-days {
  background-color: #eeeff2;
}
#customer-index .three-boxes .box .right > div {
  height: 33.3%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#customer-index .customer-index-top {
  width: calc(100% - 50px);
  margin-left: 25px;
  height: 100px;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
#customer-index .customer-index-top .scale-select {
  width: 206px;
}
#customer-index .title {
  width: calc(100% - 50px);
  margin-left: 25px;
}
#customer-index #events {
  width: calc(100% - 50px);
  margin-left: 25px;
}
#customer-index #events .pages {
  display: flex;
  width: 100%;
  padding: 15px 15px;
  justify-content: space-between;
}
#customer-index #events .event {
  padding: 8px 0px;
  font-size: 16px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
}
#customer-index #events .event > div {
  width: 225px;
}
#customer-index #events .event .event-type {
  width: 100px;
  padding-left: 15px;
}
#customer-index #events .event .customer-name {
  width: 255px;
  display: flex;
  align-items: center;
  padding-left: 10px;
  cursor: pointer;
}
#customer-index #events .event .customer-name i {
  color: #666666;
  display: none;
  width: 30px;
}
#customer-index #events .event .customer-name span {
  width: 30px;
  display: block;
}
#customer-index #events .event .customer-name:hover i {
  display: inline-block;
}
#customer-index #events .event .customer-name:hover span {
  display: none;
}
#customer-index #events .event .comments {
  width: 500px;
}
#customer-index #events .event .completed {
  width: 80px;
}
#customer-index #events .event .completed input {
  position: relative;
  left: 32px;
}
#customer-index #events .event:hover {
  color: #c8202f;
}
#customer-index #events .event-header {
  font-size: 14px;
  cursor: initial;
}
#customer-index #events .event-header > div {
  text-align: left;
}
#customer-index #events .event-header .relative {
  position: relative;
  left: -30px;
}
#customer-index #events .event-header .customer-name {
  margin-left: 30px;
  width: 225px;
}
#customer-index #events .event-header:hover {
  color: #666666;
}

.customer-bar-header {
  height: 30px;
  position: fixed;
  top: 75px;
  z-index: 8;
  justify-content: space-between;
  align-items: center;
  background-color: white;
}
.customer-bar-header div {
  text-align: center;
}

.customer-bar {
  height: 70px;
  border-bottom: 1px solid #BBBBBB;
  cursor: pointer;
}

.customer-bar:hover, .customer-bar-header:hover {
  background-color: #eeeff2;
}

.customer-bar, .customer-bar-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-align: left;
  padding: 0px 15px;
}
.customer-bar > div, .customer-bar-header > div {
  text-align: center;
}
.customer-bar .customer-name, .customer-bar-header .customer-name {
  width: 175px;
  text-align: left;
}
.customer-bar .customer-entity, .customer-bar-header .customer-entity {
  width: 200px;
  max-width: 200px;
  text-overflow: ellipsis;
  max-height: 65px;
  overflow: hidden;
}
.customer-bar .customer-agent, .customer-bar-header .customer-agent {
  width: 175px;
}
.customer-bar .customer-city, .customer-bar-header .customer-city {
  width: 100px;
}
.customer-bar .customer-state, .customer-bar-header .customer-state {
  width: 50px;
}
.customer-bar .customer-zip, .customer-bar-header .customer-zip {
  width: 80px;
}
.customer-bar .customer-phone, .customer-bar-header .customer-phone {
  width: 100px;
}
.customer-bar .customer-email, .customer-bar-header .customer-email {
  width: 150px;
}
.customer-bar .customer-categories, .customer-bar-header .customer-categories {
  width: 250px;
}

#contact, #status, #history {
  padding-bottom: 3vh;
}

#customer-overlay .title, #customer-index .title {
  width: 100%;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold;
  border-bottom: 1px solid black;
  margin-bottom: 15px;
  box-shadow: 3px 5px 6px rgba(0, 0, 0, 0.1607843137);
  background-color: #313640;
  color: #ffffff;
  padding: 10px;
}
#customer-overlay .title:after, #customer-index .title:after {
  content: "";
  display: block;
  margin-bottom: -2px;
  max-width: 120px;
}
#customer-overlay .client-property, #customer-index .client-property {
  display: flex;
  font-size: 13px;
  padding: 8px;
  position: relative;
  align-items: center;
}
#customer-overlay .client-property .name, #customer-index .client-property .name {
  width: 160px;
  min-width: 160px;
  color: rgb(83, 83, 83);
  font-weight: bold;
}
#customer-overlay .client-property .client-value, #customer-index .client-property .client-value {
  width: calc(100% - 110px);
  border-bottom: 1px solid transparent;
}
#customer-overlay .client-property .client-value-input, #customer-index .client-property .client-value-input {
  border: none;
  background-color: transparent;
  line-height: 22.85px;
  left: -1px;
  border-radius: 0px;
  padding: 0px;
}
#customer-overlay .client-property textarea, #customer-index .client-property textarea {
  border: none;
  background-color: transparent;
  width: 100%;
}
#customer-overlay .client-property .status-button, #customer-index .client-property .status-button {
  font-size: 16px;
  padding: 4px 15px;
  color: #fff;
  border-radius: 5px;
  background: #c8202f;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  position: absolute;
  cursor: pointer;
  right: 15px;
}
#customer-overlay .client-property.comments, #customer-overlay .client-property.full-address, #customer-index .client-property.comments, #customer-index .client-property.full-address {
  max-height: none;
}
#customer-overlay .client-property.comments .value, #customer-overlay .client-property.full-address .value, #customer-index .client-property.comments .value, #customer-index .client-property.full-address .value {
  padding: 8px 0px;
}

#customer-index .popover-container.event {
  position: absolute;
  top: 50px;
}
#customer-index .popover-container.event .title {
  margin-left: 0px;
}

#customer-overlay {
  height: 1500px;
  width: 100%;
  z-index: 112;
  position: absolute;
  background-color: #CCCCCC;
  top: 0;
  left: 0;
  margin-bottom: 30px;
  display: none;
}
#customer-overlay .comments, #customer-overlay .marketing {
  height: auto;
  min-height: 39.85px;
  max-height: none;
}
#customer-overlay .iconClose {
  position: absolute;
  cursor: pointer;
  top: 35px;
  right: 25px;
  font-size: 30px;
  color: #ffffff;
}
#customer-overlay .iconClose:hover {
  transform: scale(1.2);
}
#customer-overlay .client-property:nth-child(even) {
  background-color: rgba(213, 213, 213, 0.062745098);
}
#customer-overlay #customer-grid {
  padding-top: 2vw;
  padding-left: 0.75vw;
  padding-right: 0.75vw;
  width: 100%;
  height: auto;
  min-height: calc(100vh - 50px);
  background-color: white;
}
#customer-overlay #customer-grid .marketing, #customer-overlay #customer-grid .categories {
  height: auto;
}
#customer-overlay #customer-grid .striped {
  background-color: rgba(200, 200, 200, 0.2);
}
#customer-overlay #customer-grid .icon {
  padding: 0px 8px;
  color: #535353;
}
#customer-overlay #customer-grid .icon:hover {
  color: #c8202f;
}
#customer-overlay #customer-grid i {
  font-size: 16px;
}
#customer-overlay #customer-grid i .icon {
  padding: 0px 8px;
  color: #ffffff;
}
#customer-overlay #customer-grid i i {
  font-size: 16px;
}
#customer-overlay #customer-grid .grid-column.one {
  grid-column: 1/1;
  grid-row: 2/2;
}
#customer-overlay #customer-grid .grid-column.two {
  grid-column: 2/2;
  grid-row: 2/2;
}
#customer-overlay #customer-grid .middle-column {
  grid-column: 3/3;
  grid-row: 2/2;
}
#customer-overlay #customer-grid .grid-column.three {
  grid-column: 4/4;
  grid-row: 2/2;
}
#customer-overlay #customer-grid .grid-column.four {
  grid-column: 5/5;
  grid-row: 2/2;
}
#customer-overlay #customer-grid .grid-column.five {
  grid-column: 2/5;
  grid-row: 3/3;
}
#customer-overlay #customer-grid .left-wide, #customer-overlay #customer-grid .right-wide {
  padding-top: 20px;
}
#customer-overlay #customer-grid .left-wide .title.margin, #customer-overlay #customer-grid .right-wide .title.margin {
  margin-top: 25px;
}
#customer-overlay #customer-grid .next-up {
  cursor: pointer;
}
#customer-overlay #customer-grid .history-container {
  height: auto;
  width: 100%;
  transition: height 0.5s;
  font-size: 13px;
}
#customer-overlay #customer-grid .history-container .event-title {
  width: 160px;
}
#customer-overlay #customer-grid .history-container .event-type {
  width: 80px;
}
#customer-overlay #customer-grid .history-container .event-status {
  width: 200px;
}
#customer-overlay #customer-grid .history-container .event-followup {
  width: 100px;
}
#customer-overlay #customer-grid .history-container .history-property {
  text-align: left;
}
#customer-overlay #customer-grid .history-container .history-item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 20px 15px;
}
#customer-overlay #customer-grid .transactions-container .event-type {
  width: 200px;
}
#customer-overlay #customer-grid .events-container .event {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 20px 15px;
}
#customer-overlay #customer-grid .history-bar {
  width: 100%;
  font-size: 16px;
  padding: 20px 15px;
  height: 30px;
  display: flex;
  align-items: center;
  line-height: 22.85px;
  justify-content: space-between;
}
#customer-overlay #customer-grid .history-bar .history-bar-arrow {
  transition: transform 0.2s ease;
  cursor: pointer;
}
#customer-overlay #customer-grid .history-bar .history-bar-arrow::before {
  position: relative;
  right: -4px;
  top: 1px;
  color: #666666;
  content: "\f078";
  font: normal normal bold 16px/1 "Font Awesome 5 Pro";
  text-rendering: auto;
  border: none;
  z-index: 1;
  transition: ease-in 0.3s;
}
#customer-overlay #customer-grid .client-action {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  margin-top: 30px;
}
#customer-overlay #customer-grid .client-action .client-circle:hover {
  background-color: #c8202f;
}
#customer-overlay #customer-grid .client-action .client-circle:hover i {
  color: white;
}
#customer-overlay #customer-grid .client-action .client-circle {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 2px solid #c8202f;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
#customer-overlay #customer-grid .client-action .client-circle i {
  font-size: 32px;
  color: #c8202f;
}
#customer-overlay #customer-grid .client-action .circle-title {
  color: #c8202f;
  font-size: 18px;
  text-transform: uppercase;
}
#customer-overlay #customer-grid .client-action.first {
  margin-top: 0px;
}

.white_outline {
  border: 1px solid white;
  color: white;
}

.property-bar-header {
  background-color: white;
  height: 30px;
  position: fixed;
  top: 50px;
  z-index: 8;
  justify-content: space-between;
  align-items: center;
}
.property-bar-header div {
  text-align: center;
}

.property-bar {
  height: 70px;
  border-bottom: 1px solid #BBBBBB;
  cursor: pointer;
  width: 100%;
}
.property-bar div {
  text-align: center;
}
.property-bar .property-address div {
  text-align: left;
}

.property-bar:hover, .property-bar-header:hover {
  background-color: #eeeff2;
}

.property-bar, .property-bar-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: left;
  padding: 0px 15px;
}
.property-bar .property-trans-count, .property-bar-header .property-trans-count {
  width: 50px;
}
.property-bar .property-address, .property-bar-header .property-address {
  width: 175px;
}
.property-bar .property-name, .property-bar-header .property-name {
  width: 200px;
}
.property-bar .property-type, .property-bar-header .property-type {
  width: 250px;
}
.property-bar .property-source, .property-bar-header .property-source {
  width: 100px;
}
.property-bar .property-acres, .property-bar-header .property-acres {
  width: 50px;
}
.property-bar .property-sqft, .property-bar-header .property-sqft {
  width: 80px;
}
.property-bar .property-county, .property-bar-header .property-county {
  width: 100px;
}
.property-bar .property-class, .property-bar-header .property-class {
  width: 50px;
}
.property-bar .property-zoning, .property-bar-header .property-zoning {
  width: 100px;
}

.modal-backdrop {
  display: none;
}

.green.btn {
  background-color: #26a69a;
  color: #ffffff;
  font-size: 13px;
}

.fileinput-button input {
  cursor: pointer;
  direction: ltr;
  font-size: 200px;
  margin: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.upload-container {
  display: flex;
  flex-wrap: wrap;
  padding: 0px;
}
.upload-container .photo-uploader {
  width: 402px;
  height: 137px;
  display: flex;
  flex-wrap: wrap;
  flex-flow: row wrap;
  align-content: space-between;
  justify-content: space-between;
  border: 1px solid #CCCCCC;
  margin-left: 5px;
  margin-bottom: 5px;
  padding: 5px;
}
.upload-container .photo-uploader img {
  max-width: 150px;
  max-height: 125px;
  align-self: center;
}
.upload-container .photo-uploader .photo-container-right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 240px;
  margin-left: auto;
  margin-right: auto;
}
.upload-container .photo-uploader .photo-container-right .photo-description {
  width: 240px;
  padding: 5px 10px;
  max-height: 80px;
  height: auto;
}
.upload-container .photo-uploader .photo-container-right .photo-form-container {
  display: flex;
  width: 100%;
  justify-content: flex-end;
}
.upload-container .photo-uploader .photo-container-right .photo-form-container .logo_upload {
  display: flex;
  margin-left: auto;
  margin-right: auto;
}
.upload-container .photo-uploader .photo-image-container {
  display: flex;
  width: 150px;
  height: 125px;
  justify-content: center;
  position: relative;
}
.upload-container .photo-uploader .photo-image-container .photo-overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(200, 200, 200, 0.5);
  z-index: 5;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.office-body .row {
  margin-left: 0px;
  margin-right: 0px;
}

.portlet {
  border-radius: 1px;
}
.portlet > .portlet-title {
  border-bottom: 1px solid #eee;
  border-radius: 4px 4px 0 0;
  margin-bottom: 10px;
  min-height: 48px;
  padding: 0;
}
.portlet > .portlet-title > .tools {
  float: right;
  display: inline-block;
  padding: 10px 0 0px 0;
  text-align: right;
}
.portlet > .portlet-body {
  border-radius: 0 0 4px 4px;
  clear: both;
}
.portlet .caption {
  display: inline-block;
  float: left;
  font-size: 18px;
  line-height: 18px;
  padding: 10px 0;
  margin-left: 15px;
}

#green-sheet-overlay .content-box-content {
  width: 100%;
}

#relocation-overlay #relocation {
  position: absolute;
  width: 1000px;
  top: 200px;
  left: calc((100% - 1000px) / 2);
  background-color: white;
  padding: 50px;
  border-radius: 5px;
}
#relocation-overlay #relocation .close {
  position: absolute;
  right: 15px;
  top: 15px;
  font-size: 18px;
  color: #313640;
}
#relocation-overlay #relocation a {
  color: blue;
  text-decoration: underline;
}
#relocation-overlay #relocation .item {
  padding: 5px 0px;
}
#relocation-overlay #relocation .title {
  font-size: 18px;
  font-weight: bold;
  padding: 0px;
}

.dateContainer {
  display: flex;
  align-items: center;
}

.nullField {
  margin-left: 8px;
}

.vdp-datepicker__calendar {
  width: 250px;
}
.vdp-datepicker__calendar > div {
  width: 248px;
}
.vdp-datepicker__calendar .cell {
  height: 30px;
  padding: 0px;
}
.vdp-datepicker__calendar .cell.selected {
  background: #666666;
  color: white;
}
.vdp-datepicker__calendar .day:hover {
  border: 1px solid #666666 !important;
}

#unlockFormContainer {
  width: 500px;
  background-color: white;
  border-radius: 5px;
  position: relative;
  top: -150px;
}

#issueUnlockCode {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: space-between;
  margin-bottom: 15px;
}
#issueUnlockCode input, #issueUnlockCode select {
  margin: 5px 5px 5px 0px;
  width: 190px;
}

.compsLoop {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
  margin-left: 5px;
  padding-bottom: 5px;
}
.compsLoop .cShort {
  width: 65px;
  padding: 5px;
}
.compsLoop .cLong {
  width: 125px;
  padding: 5px;
}
.compsLoop .cMedium {
  width: 90px;
  padding: 5px;
}
.compsLoop #space {
  padding: 6px;
}
.compsLoop #cDate {
  padding: 5px;
}
.compsLoop .cIndex {
  padding-top: 6px;
  padding-right: 5px;
}
.compsLoop .garbage {
  background: white none repeat scroll 0 0 !important;
  border: 1px solid #c8202f;
  color: #c8202f;
  height: 34px;
  border-radius: 6px;
  white-space: nowrap;
  margin-left: 5px;
}
.compsLoop .addDelete {
  margin-top: 23px;
  margin-left: 10px;
}

#reportsList {
  padding: 20px;
}
#reportsList .title {
  margin-top: 15px;
  padding-bottom: 15px;
  width: calc(100% - 50px);
  border-bottom: 2px solid rgba(213, 213, 213, 0.22);
}
#reportsList .column {
  margin-top: 15px;
}
#reportsList .title {
  font-size: 28px;
}
#reportsList .title .subtitle {
  font-size: 14px;
}
#reportsList .reportDescription {
  font-size: 14px;
}
#reportsList .reportCell {
  font-size: 16px;
  width: 18%;
  padding: 32px 43px;
  text-align: left;
  display: block;
  border-bottom: 2px solid rgba(213, 213, 213, 0.22);
  border-top: 2px solid rgba(213, 213, 213, 0.22);
  margin-right: 15px;
  margin-bottom: 15px;
  background-color: rgba(213, 213, 213, 0.2196078431);
  cursor: pointer;
  position: relative;
}
#reportsList .reportCell:nth-child(odd) {
  background-color: rgba(213, 213, 213, 0.2196078431);
}
#reportsList .reportCell a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.compstips {
  visibility: hidden;
  width: 120px;
  background-color: #ffffff;
  color: #313640;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  border: 1px solid #000000;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tips:hover .compstips {
  visibility: visible;
}

.submitComps {
  position: absolute;
  right: 14vw;
  margin-top: 30px;
}

.compselect {
  width: 15vw;
  margin-left: 22px;
  margin-bottom: 10px;
}

.complabel {
  width: 15vw;
  margin-left: 22px;
  margin-top: 10px;
}

.dimmerAR {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  position: fixed;
  top: 0;
  left: 0;
}

#fileReview .dash-button {
  padding: 0px 3px;
  background-color: white;
  margin-right: 15px;
  border-radius: 6px;
}
#fileReview .pending {
  color: #E3b158;
  border: 1px solid #E3b158;
}
#fileReview .ok {
  color: #39655B;
  border: 1px solid #39655B;
}
#fileReview .failed {
  color: #c8202f;
  border: 1px solid #c8202f;
}

@media screen and (max-width: 1515px) {
  .person-container {
    min-width: 24% !important;
  }
}
.basic-input {
  display: flex;
  min-height: 32px;
  width: 100%;
  border-radius: 5px;
  box-sizing: border-box;
  position: relative;
  text-align: left;
  border: 1px solid #eeeff2;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background-color: #ffffff;
  padding: 0 12px 0 6px;
}

/* Used in agent/scss, agent_onboarding */
/* Used in agent_onboarding, Login */
.dropdownComponent {
  width: fit-content;
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.29) 0px 3px 6px 0px;
  position: static;
  border-radius: 5px;
  cursor: pointer;
}

.dropdownComponent:hover .dropdownComponentTitle {
  background-color: rgb(218, 220, 222);
  border-radius: 5px;
}

.dropdownComponent:hover .dropdownComponentToggle {
  background-color: rgb(218, 220, 222);
  border-radius: 5px;
}

.dropdownComponentTitle {
  padding: 7px 38px 7px 12px;
  font-size: 13px;
  color: #707070;
}

.dropdownComponentToggle {
  position: absolute;
  font-size: 14px;
  top: 6px;
  right: 10px;
  color: #707070;
  cursor: pointer;
}

.dropdownComponentItems {
  display: none;
  position: absolute;
  top: 35px;
  box-shadow: rgba(0, 0, 0, 0.29) 0px 3px 6px 0px;
  z-index: 5;
  width: inherit;
  background-color: white;
}

.dropdownComponentItem {
  display: flex;
  padding: 7px 12px 6px 12px;
  font-size: 13px;
  color: #707070;
  width: max-content;
  max-width: 200px;
  cursor: pointer;
}

.defaultButtonComponent {
  font-size: 13px;
  padding: 6px 18px;
  border-radius: 5px;
  border: 1px solid #313640;
  color: #313640;
  background-color: white;
  width: max-content;
  display: block;
  text-align: center;
  cursor: pointer;
  font-weight: 400;
}

.defaultButtonComponent:hover {
  background-color: #313640;
  color: white !important;
}

.defaultButtonComponent:hover a { /* exception to override previous css */
  color: white !important;
}

.defaultButtonComponent a { /* exception to override previous css */
  color: #313640 !important;
}

.defaultButtonComponent a:hover { /* exception to override previous css */
  background-color: #313640;
  color: white !important;
}

.defaultButtonComponent.selected {
  background-color: #313640;
  color: white !important;
}

.shadedButtonComponent {
  font-size: 13px;
  padding: 6px 18px;
  border-radius: 5px;
  border: 1px solid #EEEFEF;
  color: #313640;
  background-color: #EEEFEF;
  width: fit-content;
  border-radius: 5px;
}

.shadedButtonComponent:hover {
  background-color: white;
  color: #313640;
  border: 1px solid #313640;
}

.coordination-bars .dropdownComponent {
  position: absolute;
}

.bar-container {
  padding-top: 50px;
}
.bar-container .content-bar, .bar-container .bar-header {
  padding: 0px 150px 0px 25px;
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  position: relative;
}
.bar-container .content-bar div, .bar-container .bar-header div {
  text-align: center;
}
.bar-container .content-bar .address, .bar-container .bar-header .address {
  text-align: left;
}
.bar-container .content-bar .address > div, .bar-container .bar-header .address > div {
  text-align: left;
}
.bar-container .content-bar {
  width: 100%;
  font-size: 14px;
  height: 70px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  cursor: pointer;
  background-color: #ffffff;
}
.bar-container .content-bar:hover {
  background-color: #D4D6DE;
}
.bar-container .bar-header {
  width: calc(100vw - 66px);
  background-color: #ffffff;
  font-size: 13px;
  height: 40px;
  position: fixed;
  top: 75px;
  left: 66px;
  z-index: 1;
}
.bar-container .bar-header .address {
  text-align: center;
}
.bar-container .bar-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.bar-container .bar-header .address, .bar-container .bar-header .tenant, .bar-container .bar-header .inspector, .bar-container .bar-header .type, .bar-container .bar-header .due-date, .bar-container .bar-header .status, .bar-container .bar-header .office {
  cursor: pointer;
}
.bar-container .address {
  width: 225px;
}
.bar-container .tenant, .bar-container .inspector {
  width: 125px;
}
.bar-container .type {
  width: 85px;
}
.bar-container .due-date {
  width: 80px;
}
.bar-container .status {
  width: 75px;
}
.bar-container .office {
  width: 125px;
}
.bar-container .actions {
  position: absolute;
  right: 25px;
  min-width: 95px;
  width: 95px;
}

.popoverContainer { /* generic class for popovers. grows to size? */
  background-color: #ffffff;
  position: absolute;
  top: 250px;
  border-radius: 5px;
}
.popoverContainer .popoverHeader {
  background-color: #313640;
  font-size: 16px;
  padding: 3px 8px;
  color: #ffffff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.popoverContainer .popoverClose {
  position: absolute;
  top: 3px;
  right: 5px;
  cursor: pointer;
}
.popoverContainer .popoverBody {
  padding: 25px;
  font-size: 16px;
}
.popoverContainer .popoverButtons {
  padding: 25px;
  display: flex;
  justify-content: space-between;
}

#newInspection, #newCompany {
  width: 480px;
  background-color: white;
  border-radius: 5px;
  position: absolute;
  top: 150px;
}
#newInspection select, #newCompany select {
  font-family: "Red Hat Display", Arial, Helvetica, sans-serif;
}

#newCompany .multiselect {
  min-height: 31px;
  max-height: 31px;
}
#newCompany .half-width {
  width: 47%;
}
#newCompany .multiselect__tags {
  padding: 0px 30px 0px 12px;
}
#newCompany .multiselect__select::before {
  top: 6px;
}

.arti-popover {
  color: #707070;
  border-radius: 5px;
}
.arti-popover .button-holder {
  display: flex;
  justify-content: space-around;
}
.arti-popover .big-text {
  text-align: center;
  font-size: 20px;
  color: #253875;
  margin-bottom: 25px;
}
.arti-popover .arti-section {
  padding: 15px 25px;
}
.arti-popover .arti-section-flex {
  display: flex;
  justify-content: space-between;
}
.arti-popover .arti-send {
  padding: 25px 75px;
  width: calc(100% - 50px);
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  margin-left: 25px;
}
.arti-popover .arti-section-left, .arti-popover .arti-section-right {
  width: 50%;
}
.arti-popover .arti-section-title {
  color: rgba(112, 112, 112, 0.7098039216);
}
.arti-popover .arti-popover-header {
  width: 100%;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: white;
  height: 40px;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  padding: 0px 15px;
}
.arti-popover .arti-popover-header .close {
  padding: 3px 0px 3px 16px;
  cursor: pointer;
  font-size: 18px;
  color: white;
  text-shadow: none;
  font-weight: bold;
  float: none;
  opacity: 1;
  line-height: initial;
}
.arti-popover .arti-popover-form {
  padding: 15px 50px 25px 50px;
}
.arti-popover .arti-popover-form label {
  margin: 0px;
}
.arti-popover .arti-popover-form input[type=text], .arti-popover .arti-popover-form input[type=date], .arti-popover .arti-popover-form select {
  border-radius: 5px;
  font-size: 13px;
  padding: 5px 12px;
  width: 100%;
  margin-bottom: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  line-height: 19px;
  background-color: white;
}
.arti-popover .arti-popover-form .multiselect {
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.arti-popover .arti-popover-form textarea {
  height: 200px;
}
.arti-popover .arti-popover-form .arti-input {
  border-radius: 5px;
  font-size: 13px;
  padding: 5px 12px;
  width: 100%;
  margin-bottom: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  line-height: 19px;
  background-color: white;
}
.arti-popover .arti-popover-form .multiselect__select::before {
  top: 2px;
}
.arti-popover .arti-popover-form .multiselect__content-wrapper {
  margin-top: 28px;
  left: 0px;
}
.arti-popover .arti-popover-form .multiselect__tags {
  padding: 0px 30px 0px 0px;
}
.arti-popover .arti-popover-form .half-size {
  width: 47% !important;
  margin-right: 6%;
}
.arti-popover .arti-popover-title {
  width: calc(100% - 50px);
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  margin: 10px 25px 0px 25px;
}

/*@import "datepicker";*/

/*# sourceMappingURL=main.css.map */