/* iffy */
#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: #253875; }
  #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; }

#left-menu {
  height: calc(100% - 50px);
  background-color: #f8f8f9;
  font-size: 14px;
  position: fixed;
  left: 0px;
  top: 75px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.29);
  z-index: 1200;
  width: 66px;
  color: #2F333C; }
  #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 .flexColumn {
    display: flex;
    flex-direction: column; }
  #left-menu .flexStart {
    display: flex;
    justify-content: flex-start; }
  #left-menu .flexCenter {
    display: flex;
    align-items: center; }
  #left-menu .bold {
    font-weight: bold;
    color: #666666; }
  #left-menu .left-menu-item {
    width: 100%;
    position: relative; }
    #left-menu .left-menu-item .createMenu {
      display: flex;
      height: fit-content;
      position: relative;
      top: 10px;
      width: auto;
      background-color: #E5EAF7;
      padding: 15px 50px 25px 50px; }
      #left-menu .left-menu-item .createMenu .column {
        width: 20%;
        min-width: fit-content; }
        #left-menu .left-menu-item .createMenu .column .columnHeader {
          width: fit-content;
          font-size: 18px;
          font-weight: bold;
          padding-bottom: 5px; }
        #left-menu .left-menu-item .createMenu .column .createItem {
          padding: 5px 0px; }
        #left-menu .left-menu-item .createMenu .column .createItem.first {
          padding-top: 15px;
          border-top: 1px solid rgba(0, 0, 0, 0.1);
          padding-right: 100px; }
        #left-menu .left-menu-item .createMenu .column .createItem.enable {
          font-weight: bold; }
      #left-menu .left-menu-item .createMenu .column.last {
        width: fit-content;
        padding-right: 0px; }
        #left-menu .left-menu-item .createMenu .column.last .createItem.first {
          padding-right: 0px; }
    #left-menu .left-menu-item .left-menu-label {
      display: none;
      width: fit-content;
      white-space: nowrap;
      padding-right: 20px;
      position: relative;
      left: -5px; }
    #left-menu .left-menu-item span {
      position: relative;
      font-size: 13px;
      margin-left: 20px;
      display: none; }
    #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;
      color: #2F333C; }
    #left-menu .left-menu-item .dropdown-menu {
      background-color: #E5EAF7;
      width: 180px;
      display: none;
      font-size: 14px;
      list-style: none;
      position: absolute;
      top: 28px;
      left: 0;
      z-index: 1000;
      min-width: 160px;
      padding: 5px 0;
      margin: 2px 0 0;
      text-align: left;
      background-clip: padding-box;
      border: none;
      border-radius: 4px;
      box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
      color: #253875; }
      #left-menu .left-menu-item .dropdown-menu > li {
        background-color: #E5EAF7;
        margin: 6px 0px; }
        #left-menu .left-menu-item .dropdown-menu > li > a:hover {
          color: #253875;
          text-decoration: none;
          background-color: #E0E6F2;
          text-decoration-color: #253875; }
        #left-menu .left-menu-item .dropdown-menu > li > a {
          color: #253875;
          text-decoration: none;
          text-decoration-color: #253875;
          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: #2F333C; }
      #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;
      color: #2F333C; }
    #left-menu .left-menu-item img {
      padding: 5.5px 8px;
      width: 39px;
      height: 34px; }
    #left-menu .left-menu-item .leftMenuLink {
      text-decoration: none;
      display: flex;
      justify-content: center;
      width: 66px; }
    #left-menu .left-menu-item a {
      text-decoration: none;
      color: inherit; }
    #left-menu .left-menu-item a:visited {
      text-decoration: none;
      color: inherit; }
  #left-menu .superusers .createTitle {
    width: auto;
    position: relative;
    left: -5px; }
  #left-menu .superusers .left-menu-label {
    height: auto; }
  #left-menu .create-new .createTitle {
    width: auto;
    position: relative;
    left: 0px;
    top: 8px; }
  #left-menu .create-new .left-menu-label {
    background-color: #E5EAF7;
    top: 0px;
    padding-right: 0px;
    position: absolute;
    left: 66px; }
  #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: #253875; }
  #left-menu .left-menu-item:hover {
    background-color: #E5EAF7; }

.propertyNextButton {
  position: relative;
  left: 85%;
  top: 3%; }

.propertyPreviousButton {
  position: relative;
  left: 3%;
  top: 35px; }

.listHeader, .listBar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: left;
  border-bottom: 1px solid #70707070;
  width: calc(100% - 25px);
  margin-right: 25px; }
  .listHeader > div, .listBar > div {
    /* border: 1px solid #707070; */ }
  .listHeader .center, .listBar .center {
    text-align: center; }
  .listHeader .photo, .listBar .photo {
    height: 50px;
    background-color: #707070;
    background-size: cover;
    background-position: 50% 50%; }

.listHeader {
  padding: 15px 0px;
  margin-right: 25px; }

.listBar {
  padding: 20px 0px;
  cursor: pointer; }

.listBarLink {
  padding: 0px;
  margin-right: 0px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: left;
  width: 100%; }

.width500 {
  width: 500px; }

.width450 {
  width: 450px; }

.width400 {
  width: 400px; }

.width350 {
  width: 350px; }

.width300 {
  width: 300px; }

.width250 {
  width: 250px; }

.width200 {
  width: 200px; }

.width150 {
  width: 150px; }

.width125 {
  width: 125px; }

.width100 {
  width: 100px; }

.width85 {
  width: 85px; }

.width75 {
  width: 75px; }

.width50 {
  width: 50px; }

.width25 {
  width: 25px; }

/* iffy */
.dropdownComponent {
  width: fit-content;
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.29) 0 3px 6px 0;
  position: static;
  border-radius: 6px;
  cursor: pointer;
  position: relative; }

.dropdownComponent:hover .dropdownComponentTitle {
  background-color: #dadcde;
  border-radius: 6px; }

.dropdownComponent:hover .dropdownComponentToggle {
  background-color: #dadcde;
  border-radius: 6px; }

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

.dropdownComponentToggle {
  position: absolute;
  font-size: 14px;
  top: 6px;
  right: 10px;
  color: #535353;
  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;
  font-size: 13px;
  color: #535353;
  width: max-content;
  min-width: 175px;
  max-width: 200px;
  cursor: pointer;
  background-color: white; }
  .dropdownComponentItem > div {
    padding: 7px 12px 6px 12px;
    width: 100%;
    height: 100%; }
  .dropdownComponentItem a {
    padding: 7px 12px 6px 12px;
    text-decoration: none;
    color: #707070;
    height: 100%; }

.dropdownComponentItem:hover {
  background-color: #d5d5d5; }

.defaultButtonComponent {
  font-size: 13px;
  padding: 10px 24px;
  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:disabled {
    border: 1px solid #BBBBBB;
    color: #BBBBBB; }
  .defaultButtonComponent:disabled:hover {
    background-color: #ffffff;
    color: #BBBBBB; }

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

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

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

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

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

.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: 1px solid #EEEFEF;
  color: #313640;
  background-color: #EEEFEF;
  width: fit-content;
  border-radius: 6px; }

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

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

/* iffy */
.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: 400;
  overflow-y: scroll; }
  .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; }

.widePopover {
  width: 1020px; }

.popoverContainer {
  /* generic class for popovers. grows to size? */
  background-color: #ffffff;
  position: absolute;
  border-radius: 5px;
  top: 150px; }
  .popoverContainer .popoverHeader {
    background-color: #313640;
    font-size: 16px;
    padding: 6px 30px;
    color: #ffffff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
    .popoverContainer .popoverHeader .popoverIcons {
      display: flex; }
      .popoverContainer .popoverHeader .popoverIcons > div {
        margin-left: 8px; }
  .popoverContainer .popoverIconContainer {
    display: flex;
    position: absolute;
    top: 5px;
    right: 10px;
    cursor: pointer; }
    .popoverContainer .popoverIconContainer > div {
      margin-left: 8px; }
    .popoverContainer .popoverIconContainer .popClose {
      font-size: 20px; }
    .popoverContainer .popoverIconContainer .popEdit {
      font-size: 18px; }
  .popoverContainer .popoverClose {
    position: absolute;
    top: 0px;
    right: 10px;
    cursor: pointer;
    font-size: 25px; }
  .popoverContainer .popoverEdit {
    position: absolute;
    top: 6px;
    right: 40px;
    cursor: pointer; }
  .popoverContainer .popoverBody {
    padding: 25px;
    font-size: 13px;
    background-color: white; }
    .popoverContainer .popoverBody .title {
      font-size: 18px; }
    .popoverContainer .popoverBody .bodyHeader {
      display: flex;
      padding: 10px;
      justify-content: space-between;
      background-color: white; }
  .popoverContainer .popoverButtons {
    display: flex;
    justify-content: space-between; }

/* iffy */
.multiselect {
  display: flex;
  min-height: 27px;
  width: 100%;
  max-width: 456px;
  border-radius: 0;
  box-sizing: border-box;
  position: relative;
  text-align: left;
  border: 1px solid #70707070;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background-color: #ffffff;
  color: #535353;
  font-size: 13px; }
  .multiselect:focus {
    outline: none; }
  .multiselect__input {
    position: relative;
    display: inline-block;
    min-height: 20px;
    line-height: 20px;
    border: none !important;
    border-radius: 5px;
    background: #fff;
    padding: 1px 0 0 5px;
    width: 100%;
    transition: border .1s ease;
    box-sizing: border-box;
    max-height: 20px;
    top: 3px; }
    .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 {
    height: 30px;
    position: absolute;
    width: 40px;
    right: 1px;
    text-align: center;
    transition: transform .2s ease;
    z-index: 1;
    top: 0px; }
    .multiselect__select::before {
      position: relative;
      top: 1px;
      content: "\f107";
      font: normal normal normal 16px/1 "Font Awesome 5 Pro";
      text-rendering: auto;
      transition: ease-in 0.3s;
      border: none;
      color: #535353; }
  .multiselect__placeholder {
    color: #adadad;
    display: inline-block;
    margin: 0px;
    padding: 3px 5px; }
  .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-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    z-index: 3;
    -webkit-overflow-scrolling: touch; }
  .multiselect__content {
    list-style: none;
    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 0px;
    border: none;
    border-radius: 6px;
    position: relative;
    top: 0px;
    background: #fff;
    width: 100%;
    min-height: 25px;
    font-size: 13px; }
    .multiselect__tags-wrap {
      position: relative;
      flex-wrap: wrap;
      display: flex;
      min-width: 100%; }
  .multiselect__tag {
    background-color: white;
    padding: 5px 25px 2px 5px;
    color: #2F333C;
    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 .2s ease;
      border-radius: 5px;
      top: -2px; }
      .multiselect__tag-icon:after {
        color: #35495e;
        line-height: 26px;
        content: "\D7";
        font-size: 14px; }
      .multiselect__tag-icon:focus, .multiselect__tag-icon:hover {
        color: white;
        background: #2F333C; }
      .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; }
    .multiselect__option:after {
      font-size: 12px;
      top: 0;
      right: 0;
      position: absolute;
      line-height: 40px;
      padding-right: 12px;
      padding-left: 20px; }
    .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-color: #CCC;
      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 .4s ease-in-out;
    opacity: 1; }
  .multiselect__loading-enter, .multiselect__loading-leave-active {
    opacity: 0; }
  .multiselect-enter-active, .multiselect-leave-active {
    transition: all .15s ease; }
  .multiselect-enter, .multiselect-leave-active {
    opacity: 0; }
  .multiselect--active .multiselect__tags .multiselect__input {
    min-width: 150px !important;
    position: absolute;
    left: 0;
    top: 2px; }
  .multiselect--active .multiselect__select::before {
    font: normal normal normal 16px/1 "Font Awesome 5 Pro";
    /* content: "\f106"; */
    z-index: 5;
    color: #2F333C;
    transition: ease-in 0.3s;
    border: none;
    top: 6px; }
  .multiselect--active .multiselect__placeholder {
    display: none; }
  .multiselect--disabled {
    opacity: .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;
  min-height: 20px;
  line-height: 20px;
  border-radius: 5px;
  border: none;
  background: #fff;
  width: 100%;
  transition: border .1s ease;
  box-sizing: border-box;
  padding-left: 5px;
  font-size: 13px;
  margin-bottom: 3px; }

.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); } }
/* iffy */
.vdp-datepicker {
  width: 100%;
  font-family: 'Titillium Web';
  box-shadow: none; }
  .vdp-datepicker .today {
    background-color: #eee; }
  .vdp-datepicker header {
    position: initial; }
  .vdp-datepicker__calendar {
    border: 1px solid #ccc;
    background: #fff;
    width: 233px !important; }
  .vdp-datepicker .day__month_btn,
  .vdp-datepicker .up {
    width: 146px !important;
    height: 40px !important;
    padding: 4px !important;
    font-size: 15px !important;
    text-align: center;
    color: #0c3279;
    border-radius: 0 !important;
    line-height: 2.2 !important; }
  .vdp-datepicker .next,
  .vdp-datepicker .prev {
    height: 40px !important;
    width: 42px !important;
    padding: 0 !important;
    border-radius: 0 !important; }
  .vdp-datepicker .next:not(.disabled),
  .vdp-datepicker .prev:not(.disabled) {
    background: #eee !important;
    cursor: pointer;
    border-radius: 0 !important; }
  .vdp-datepicker .day-header {
    font-size: 12px !important;
    white-space: nowrap;
    cursor: inherit; }
  .vdp-datepicker .cell.day {
    display: inline-block;
    padding: 0 5px;
    margin: 2px 0 !important;
    height: 30px !important;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 400 !important;
    width: 32px !important; }
    .vdp-datepicker .cell.day:not(.disabled):not(.blank):not(.day-header):hover {
      background: transparent !important;
      border: 1px solid #313640 !important;
      border-radius: 4px; }
  .vdp-datepicker .cell.month,
  .vdp-datepicker .cell.year {
    display: inline-block;
    padding: 0 5px;
    margin: 2px 0 !important;
    height: 30px !important;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 400 !important;
    width: 98px !important; }
    .vdp-datepicker .cell.month:not(.disabled):not(.blank):not(.day-header):not(.selected):hover,
    .vdp-datepicker .cell.year:not(.disabled):not(.blank):not(.day-header):not(.selected):hover {
      background: transparent !important;
      border: 1px solid #313640 !important;
      border-radius: 4px; }
  .vdp-datepicker .selected {
    color: #ffffff !important;
    background: #313640 !important;
    border-radius: 4px; }

.datepicker.datepicker-dropdown.dropdown-menu {
  border: none !important;
  padding: 0 !important; }

.datepicker {
  width: 100%;
  font-family: 'Titillium Web';
  box-shadow: none;
  max-width: 235px !important; }
  .datepicker .datepicker-days,
  .datepicker .datepicker-months,
  .datepicker .datepicker-years {
    width: 235px !important;
    border: 1px solid #ccc; }
    .datepicker .datepicker-days .table-condensed,
    .datepicker .datepicker-months .table-condensed,
    .datepicker .datepicker-years .table-condensed {
      background: #fff;
      width: 233px !important; }
      .datepicker .datepicker-days .table-condensed > thead > tr,
      .datepicker .datepicker-months .table-condensed > thead > tr,
      .datepicker .datepicker-years .table-condensed > thead > tr {
        display: flex; }
        .datepicker .datepicker-days .table-condensed > thead > tr > th.prev,
        .datepicker .datepicker-days .table-condensed > thead > tr th.next,
        .datepicker .datepicker-months .table-condensed > thead > tr > th.prev,
        .datepicker .datepicker-months .table-condensed > thead > tr th.next,
        .datepicker .datepicker-years .table-condensed > thead > tr > th.prev,
        .datepicker .datepicker-years .table-condensed > thead > tr th.next {
          background: #eee !important;
          height: 40px !important;
          width: 42px !important;
          padding: 0 !important;
          border-radius: 0 !important; }
          .datepicker .datepicker-days .table-condensed > thead > tr > th.prev > i,
          .datepicker .datepicker-days .table-condensed > thead > tr th.next > i,
          .datepicker .datepicker-months .table-condensed > thead > tr > th.prev > i,
          .datepicker .datepicker-months .table-condensed > thead > tr th.next > i,
          .datepicker .datepicker-years .table-condensed > thead > tr > th.prev > i,
          .datepicker .datepicker-years .table-condensed > thead > tr th.next > i {
            display: none; }
          .datepicker .datepicker-days .table-condensed > thead > tr > th.prev:after,
          .datepicker .datepicker-days .table-condensed > thead > tr th.next:after,
          .datepicker .datepicker-months .table-condensed > thead > tr > th.prev:after,
          .datepicker .datepicker-months .table-condensed > thead > tr th.next:after,
          .datepicker .datepicker-years .table-condensed > thead > tr > th.prev:after,
          .datepicker .datepicker-years .table-condensed > thead > tr th.next:after {
            content: "" !important;
            position: absolute;
            -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
            border: 6px solid transparent !important;
            margin-top: 20px !important; }
          .datepicker .datepicker-days .table-condensed > thead > tr > th.prev:hover,
          .datepicker .datepicker-days .table-condensed > thead > tr th.next:hover,
          .datepicker .datepicker-months .table-condensed > thead > tr > th.prev:hover,
          .datepicker .datepicker-months .table-condensed > thead > tr th.next:hover,
          .datepicker .datepicker-years .table-condensed > thead > tr > th.prev:hover,
          .datepicker .datepicker-years .table-condensed > thead > tr th.next:hover {
            background: #eee !important;
            cursor: pointer;
            border-radius: 0 !important; }
        .datepicker .datepicker-days .table-condensed > thead > tr > th.prev:after,
        .datepicker .datepicker-months .table-condensed > thead > tr > th.prev:after,
        .datepicker .datepicker-years .table-condensed > thead > tr > th.prev:after {
          border-right: 10px solid #000 !important;
          margin-left: 15px !important; }
        .datepicker .datepicker-days .table-condensed > thead > tr > th.next:after,
        .datepicker .datepicker-months .table-condensed > thead > tr > th.next:after,
        .datepicker .datepicker-years .table-condensed > thead > tr > th.next:after {
          border-left: 10px solid #000 !important;
          margin-left: 25px !important; }
        .datepicker .datepicker-days .table-condensed > thead > tr > th.dow:not(.datepicker-switch):not(.prev):not(.next),
        .datepicker .datepicker-months .table-condensed > thead > tr > th.dow:not(.datepicker-switch):not(.prev):not(.next),
        .datepicker .datepicker-years .table-condensed > thead > tr > th.dow:not(.datepicker-switch):not(.prev):not(.next) {
          display: inline-block;
          padding: 0 5px;
          margin: 2px 0 !important;
          height: 30px !important;
          line-height: 30px;
          text-align: center;
          vertical-align: middle;
          border: 1px solid transparent;
          border-radius: 4px;
          font-size: 15px;
          font-weight: 400 !important;
          width: 32px !important;
          font-size: 12px !important;
          white-space: nowrap;
          cursor: inherit;
          color: #0c3279 !important;
          font-weight: 900 !important;
          font-size: 12px !important; }
      .datepicker .datepicker-days .table-condensed > tbody > tr,
      .datepicker .datepicker-months .table-condensed > tbody > tr,
      .datepicker .datepicker-years .table-condensed > tbody > tr {
        display: flex; }
        .datepicker .datepicker-days .table-condensed > tbody > tr > td.active,
        .datepicker .datepicker-months .table-condensed > tbody > tr > td.active,
        .datepicker .datepicker-years .table-condensed > tbody > tr > td.active {
          color: #ffffff !important;
          background: #313640 !important;
          border-radius: 4px; }
        .datepicker .datepicker-days .table-condensed > tbody > tr > td.day:not(.old):not(.new):not(.active),
        .datepicker .datepicker-months .table-condensed > tbody > tr > td.day:not(.old):not(.new):not(.active),
        .datepicker .datepicker-years .table-condensed > tbody > tr > td.day:not(.old):not(.new):not(.active) {
          color: #0c3279; }
        .datepicker .datepicker-days .table-condensed > tbody > tr > td.day,
        .datepicker .datepicker-months .table-condensed > tbody > tr > td.day,
        .datepicker .datepicker-years .table-condensed > tbody > tr > td.day {
          display: inline-block;
          padding: 0 5px;
          margin: 2px 0 !important;
          height: 30px !important;
          line-height: 30px;
          text-align: center;
          vertical-align: middle;
          border: 1px solid transparent;
          border-radius: 4px;
          font-size: 15px;
          font-weight: 400 !important;
          width: 32px !important; }
          .datepicker .datepicker-days .table-condensed > tbody > tr > td.day:hover:not(.active):not(.old):not(.new),
          .datepicker .datepicker-months .table-condensed > tbody > tr > td.day:hover:not(.active):not(.old):not(.new),
          .datepicker .datepicker-years .table-condensed > tbody > tr > td.day:hover:not(.active):not(.old):not(.new) {
            background: transparent !important;
            border: 1px solid #313640 !important;
            border-radius: 4px; }
        .datepicker .datepicker-days .table-condensed > tbody > tr > td,
        .datepicker .datepicker-months .table-condensed > tbody > tr > td,
        .datepicker .datepicker-years .table-condensed > tbody > tr > td {
          height: unset !important;
          width: unset !important;
          padding: 0 !important; }
          .datepicker .datepicker-days .table-condensed > tbody > tr > td > span.month,
          .datepicker .datepicker-days .table-condensed > tbody > tr > td span.year,
          .datepicker .datepicker-months .table-condensed > tbody > tr > td > span.month,
          .datepicker .datepicker-months .table-condensed > tbody > tr > td span.year,
          .datepicker .datepicker-years .table-condensed > tbody > tr > td > span.month,
          .datepicker .datepicker-years .table-condensed > tbody > tr > td span.year {
            display: inline-block;
            padding: 0 5px;
            margin: 2px 0 !important;
            height: 30px !important;
            line-height: 30px;
            text-align: center;
            vertical-align: middle;
            border: 1px solid transparent;
            border-radius: 4px;
            font-size: 15px;
            font-weight: 400 !important;
            width: 98px !important; }
            .datepicker .datepicker-days .table-condensed > tbody > tr > td > span.month:hover:not(.active):not(.old):not(.new),
            .datepicker .datepicker-days .table-condensed > tbody > tr > td span.year:hover:not(.active):not(.old):not(.new),
            .datepicker .datepicker-months .table-condensed > tbody > tr > td > span.month:hover:not(.active):not(.old):not(.new),
            .datepicker .datepicker-months .table-condensed > tbody > tr > td span.year:hover:not(.active):not(.old):not(.new),
            .datepicker .datepicker-years .table-condensed > tbody > tr > td > span.month:hover:not(.active):not(.old):not(.new),
            .datepicker .datepicker-years .table-condensed > tbody > tr > td span.year:hover:not(.active):not(.old):not(.new) {
              background: transparent !important;
              border: 1px solid #313640 !important;
              border-radius: 4px; }
          .datepicker .datepicker-days .table-condensed > tbody > tr > td > span.month.active,
          .datepicker .datepicker-days .table-condensed > tbody > tr > td span.year.active,
          .datepicker .datepicker-months .table-condensed > tbody > tr > td > span.month.active,
          .datepicker .datepicker-months .table-condensed > tbody > tr > td span.year.active,
          .datepicker .datepicker-years .table-condensed > tbody > tr > td > span.month.active,
          .datepicker .datepicker-years .table-condensed > tbody > tr > td span.year.active {
            color: #ffffff !important;
            background: #313640 !important;
            border-radius: 4px; }
          .datepicker .datepicker-days .table-condensed > tbody > tr > td > span:not(.new):not(.active),
          .datepicker .datepicker-months .table-condensed > tbody > tr > td > span:not(.new):not(.active),
          .datepicker .datepicker-years .table-condensed > tbody > tr > td > span:not(.new):not(.active) {
            color: #0c3279; }
          .datepicker .datepicker-days .table-condensed > tbody > tr > td > span.new,
          .datepicker .datepicker-months .table-condensed > tbody > tr > td > span.new,
          .datepicker .datepicker-years .table-condensed > tbody > tr > td > span.new {
            display: none;
            color: #ffffff !important;
            cursor: default;
            pointer-events: none; }
        .datepicker .datepicker-days .table-condensed > tbody > tr > td:not(.old):not(.new):not(.active),
        .datepicker .datepicker-months .table-condensed > tbody > tr > td:not(.old):not(.new):not(.active),
        .datepicker .datepicker-years .table-condensed > tbody > tr > td:not(.old):not(.new):not(.active) {
          color: #0c3279; }
        .datepicker .datepicker-days .table-condensed > tbody > tr > td.new,
        .datepicker .datepicker-months .table-condensed > tbody > tr > td.new,
        .datepicker .datepicker-years .table-condensed > tbody > tr > td.new {
          display: none;
          color: white !important;
          cursor: default;
          pointer-events: none; }
        .datepicker .datepicker-days .table-condensed > tbody > tr > td.old,
        .datepicker .datepicker-months .table-condensed > tbody > tr > td.old,
        .datepicker .datepicker-years .table-condensed > tbody > tr > td.old {
          cursor: default;
          pointer-events: none;
          color: white !important; }
  .datepicker .datepicker-switch {
    width: 146px !important;
    height: 40px !important;
    padding: 4px !important;
    font-size: 15px !important;
    text-align: center;
    color: #0c3279;
    border-radius: 0 !important;
    line-height: 2.2 !important; }

.datepicker-dropdown:before {
  content: "";
  display: inline-block;
  border-left: none !important;
  border-right: none !important;
  border-bottom: none !important;
  position: absolute;
  top: -7px;
  left: 6px; }
.datepicker-dropdown:after {
  content: "";
  display: inline-block;
  border-left: none !important;
  border-right: none !important;
  border-bottom: none !important;
  position: absolute;
  top: -6px;
  left: 7px; }

/* iffy */
form .required {
  padding-left: 3px;
  color: red; }

.valueLine {
  padding: 5px 15px 5px 15px;
  font-size: 13px;
  line-height: 18px;
  width: 100%;
  color: #535353;
  align-items: center;
  background-color: white; }
  .valueLine i[aria-label]:hover:after {
    min-width: 350px;
    font-size: 1.1em; }
  .valueLine.tenant .valueValue {
    display: flex;
    align-items: center; }
    .valueLine.tenant .valueValue .addNew {
      margin-left: 15px; }
    .valueLine.tenant .valueValue i {
      margin-left: 5px;
      margin-right: 5px; }
  .valueLine .half {
    width: 50%;
    justify-content: flex-start;
    align-items: center; }
    .valueLine .half .valueTitle {
      width: 30%; }
    .valueLine .half .valueInput input, .valueLine .half .valueInput textarea {
      /* width: calc(100% - 15px); */
      width: 100%;
      max-width: 100%; }
    .valueLine .half .valueInput select {
      width: 100%;
      max-width: 100%; }
  .valueLine .quarter {
    width: 25%;
    justify-content: flex-start; }
  .valueLine .wrap {
    flex-wrap: wrap; }
  .valueLine:not(.half):nth-child(odd) {
    background-color: #D5D5D538; }
  .valueLine.status {
    justify-content: space-between;
    align-items: center;
    padding-top: 15px; }
  .valueLine .valueInput {
    position: relative;
    width: calc(70% - 40px); }
    .valueLine .valueInput input[name=name] {
      width: 100%; }
    .valueLine .valueInput input[name=primary_phone] {
      width: 100%;
      max-width: 184px; }
  .valueLine .valueInput.address {
    display: flex;
    flex-wrap: wrap;
    row-gap: 10px; }
  .valueLine input, .valueLine select {
    width: calc(100% - 10px);
    max-width: 443px; }
  .valueLine textarea {
    width: calc(100% - 20px); }
  .valueLine select {
    max-width: 456px; }
  .valueLine textarea {
    height: 100px; }
    .valueLine textarea.short {
      height: 50px; }
  .valueLine .valueTitle {
    text-transform: uppercase;
    width: 30%;
    font-weight: bold;
    padding: 6px 0px;
    position: relative; }
  .valueLine .valueValue {
    width: 70%;
    padding: 6px 0px; }
  .valueLine .select {
    max-width: 456px; }
    .valueLine .select select {
      width: calc(100% - 10px);
      color: #535353;
      font-size: 13px;
      position: relative;
      z-index: 5; }
  .valueLine.propertyManagers .valueValue {
    display: flex;
    flex-wrap: wrap; }
    .valueLine.propertyManagers .valueValue > div {
      margin-right: 15px; }

.widePopover .valueLine.flex {
  /* justify-content: space-between; */ }
  .widePopover .valueLine.flex .half {
    align-items: center; }
    .widePopover .valueLine.flex .half .valueInput .multiselect {
      width: 100%; }
  .widePopover .valueLine.flex .valueInput input[type=checkbox] {
    width: 13px !important;
    height: 13px !important; }
  .widePopover .valueLine.flex .valueInput.address {
    display: flex;
    flex-wrap: wrap; }
    .widePopover .valueLine.flex .valueInput.address input[type=text] {
      width: 45%;
      margin-right: 3%; }
  .widePopover .valueLine.flex .valueInput.select select {
    width: 100%; }

.smallPopover .valueLine.top {
  margin-top: 0px; }
.smallPopover .valueLine .valueTitle {
  min-width: 200px; }
.smallPopover .valueLine .select {
  max-width: none; }
  .smallPopover .valueLine .select:not(.select--multiple)::after {
    /* right: 15px; */ }
.smallPopover .valueLine .valueInput {
  width: calc(70% - 20px); }
  .smallPopover .valueLine .valueInput input {
    max-width: none;
    width: calc(100% - 10px); }
  .smallPopover .valueLine .valueInput input[type=checkbox] {
    width: 13px; }
  .smallPopover .valueLine .valueInput textarea {
    width: calc(100% - 10px); }
  .smallPopover .valueLine .valueInput select {
    width: calc(100% - 10px); }
  .smallPopover .valueLine .valueInput.select {
    width: 100%; }
  .smallPopover .valueLine .valueInput .vdp-datepicker input {
    width: 100%; }
.smallPopover .valueLine .multiselect {
  /* width: calc(100% - 10px); */ }
  .smallPopover .valueLine .multiselect__select {
    right: -4px; }

.sectionBox .valueLine .valueInput.select select {
  width: 100%; }

/* iffy */
#user-message {
  position: fixed;
  top: 65px;
  width: 530px;
  text-align: center;
  left: calc(50% - 265px);
  display: none;
  min-height: 35px;
  height: auto;
  padding: 0;
  z-index: 999999;
  background-color: white;
  border-radius: 1px; }
  #user-message .close {
    position: absolute;
    top: 8px;
    right: 8px;
    opacity: .5;
    height: 25px;
    width: 25px;
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0; }
  #user-message.success {
    border: 1px solid #39655B;
    color: #39655B; }
  #user-message.fail {
    border: 1px solid #c8202f;
    color: #c8202f; }

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

@media only screen and (max-width: 799px) and (min-width: 200px) {
  #user-message {
    top: 15px;
    width: 98vw;
    left: 1vw; }
    #user-message .close {
      top: 3px;
      right: 5px; }

  #user-message-text {
    width: 100%; } }
@font-face {
  font-family: 'NewsCycleRegular';
  src: url("/font/NewsCycle-Regular.ttf"); }
@font-face {
  font-family: 'NewsCycleBold';
  src: url("/font/NewsCycle-Bold.ttf"); }
* {
  box-sizing: border-box; }

.viewUnderline {
  text-decoration: underline; }

.viewUnderline:hover {
  cursor: pointer; }

a:hover {
  text-decoration: underline solid #2F333C; }

.applicationQuestion {
  padding: 8px 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px; }
  .applicationQuestion .width50 {
    display: flex;
    justify-content: center; }

body {
  color: #535353;
  font-family: 'Titillium Web', sans-serif;
  font-size: 13px;
  padding: 0px;
  margin: 0px;
  overflow-x: hidden;
  overflow-y: auto; }

[v-cloak] {
  opacity: 0; }

input, textarea, select {
  font-family: inherit;
  font-size: 13px;
  border: 1px solid #70707070;
  background-color: #FFFFFF;
  padding: 0px 5px;
  height: 25px;
  max-width: 100%; }

select {
  height: 27px; }
  select > option {
    color: #2F333C;
    font-size: 14px; }

.lineItem, .journalItem {
  min-height: 30px;
  display: flex;
  justify-content: space-between;
  margin-right: 10px;
  align-items: center; }

#showPayment {
  width: 625px; }
  #showPayment .selectedCharges {
    margin: 3px 0; }
    #showPayment .selectedCharges:nth-child(odd) {
      background-color: #D5D5D538; }

#propertyCashVue .lineItem:nth-child(odd) {
  background-color: #D5D5D538; }

.lineItem {
  padding: 5px 10px; }

.journalItem {
  border-bottom: 2px solid #D5D5D538;
  padding: 8px 10px;
  width: calc(100% - 20px); }

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

.ta-right {
  text-align: center; }

select[name=state] {
  min-width: 125px; }

::placeholder {
  color: #2F333C;
  font-size: 13px; }

/*  Test Select Box from https://moderncss.dev/custom-select-styles-with-pure-css/ */
select {
  appearance: none;
  background-color: transparent;
  margin: 0;
  width: 100%;
  font-family: inherit;
  cursor: inherit;
  line-height: inherit;
  z-index: 2;
  outline: none; }
  select::-ms-expand {
    display: none; }

.select {
  display: grid;
  grid-template-areas: "select";
  align-items: center;
  position: relative;
  max-height: 27px;
  cursor: pointer;
  /* line-height: 1.1; */
  background-color: #fff;
  background-image: linear-gradient(to top, #f9f9f9, #fff 33%); }
  .select select, .select::after {
    grid-area: select; }
  .select:not(.select--multiple)::after {
    content: "\f107";
    font: normal normal normal 16px/1 "Font Awesome 5 Pro";
    justify-self: self-end;
    z-index: 1;
    position: relative;
    right: 8px;
    padding: 0px 5px;
    color: #535353; }
  .select.opened::after {
    content: "\f106";
    transition: ease-in 0.3s; }

select:focus + .focus {
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border: 2px solid blue;
  border-radius: inherit; }

.bubble {
  padding: 4px 12px;
  width: fit-content;
  border-radius: 14px; }
  .bubble.red {
    border: 1px solid #c8202f; }
  .bubble.green {
    border: 1px solid green; }

.clickAble {
  cursor: pointer; }

.clickAble:hover {
  text-decoration: underline; }

.progressBar {
  background-color: #39655B;
  width: 0%;
  height: 0px;
  border-radius: 5px; }

/* END TEST */
i {
  cursor: pointer; }

a {
  text-decoration: none;
  color: #535353; }

input[type=checkbox] {
  width: 20px;
  height: 20px;
  border-radius: 50%; }

#main {
  width: 100vw;
  height: 100vh;
  max-width: 100%; }

#mainContainer {
  position: absolute;
  left: 66px;
  top: 75px;
  width: calc(100% - 66px - 30px);
  padding-left: 25px;
  padding-bottom: 50px; }

.bold {
  font-weight: bold; }

#addInsuranceForm {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap; }
  #addInsuranceForm .buttons {
    margin-top: 5px;
    width: 100%; }
  #addInsuranceForm .column {
    width: 47%; }

#addServiceRequest .column {
  width: 47%; }
#addServiceRequest .search .searchResults {
  margin: 0px;
  left: -3px;
  top: 26px; }

#showUnit_ {
  width: 1100px;
  height: auto; }
  #showUnit_ .valueLine .valueTitle {
    width: 175px;
    min-width: 175px; }
  #showUnit_ .sectionBox .address .valueInput {
    justify-content: flex-start; }
  #showUnit_ .body {
    display: flex;
    flex-wrap: wrap; }

.headerContainer {
  padding-bottom: 15px;
  padding-left: 28px;
  position: fixed;
  z-index: 200;
  width: calc(100% - 94px);
  background-color: white;
  left: 66px;
  top: 75px; }
  .headerContainer .master-header.with-header {
    padding-bottom: 25px;
    border-bottom: none; }
  .headerContainer .master-header {
    width: calc(100% - 50px);
    padding: 25px 0px 50px 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    position: relative; }

.title {
  font-size: 28px; }
  .title .subtitle {
    font-size: 14px; }

button {
  cursor: pointer;
  border-radius: 6px;
  width: max-content; }
  button.standard {
    padding: 4px 24px;
    color: white;
    font-size: 15px;
    height: fit-content; }
    button.standard.yellow {
      background-color: #e3b159;
      border: 1px solid #e3b159; }
    button.standard.yellow:hover {
      background-color: #ca8a28;
      border: 1px solid #ca8a28; }
    button.standard.blue {
      background-color: #313640 !important;
      border: 1px solid #313640; }
    button.standard.blue:hover {
      background-color: #ffffff !important;
      color: #313640;
      border: 1px solid #313640; }

#savePaymentData .popoverBody iframe {
  height: 440px;
  border: none; }

header {
  height: 75px;
  background-color: #2F333C;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  z-index: 205;
  justify-content: space-between; }
  header #mainHeader {
    background-color: #2F333C;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    z-index: 205;
    justify-content: space-between;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
    header #mainHeader .left {
      display: flex;
      align-content: center;
      align-items: center; }
      header #mainHeader .left img {
        max-height: 38px;
        max-width: 300px; }
      header #mainHeader .left .headerSearch {
        color: #535353;
        background-color: #ffffff;
        border-radius: 14px;
        padding: 5px 18px; }
        header #mainHeader .left .headerSearch input {
          border: none;
          width: 29vw; }
        header #mainHeader .left .headerSearch .searchResults {
          margin-top: 10px;
          border-radius: 14px; }
          header #mainHeader .left .headerSearch .searchResults li:last-child {
            border-bottom-left-radius: 14px !important;
            border-bottom-right-radius: 14px !important; }
    header #mainHeader .headerIcon {
      padding: 0px 18px;
      cursor: pointer;
      height: 75px;
      display: flex;
      align-items: center; }
      header #mainHeader .headerIcon img {
        max-height: 38px;
        border-radius: 5px; }
    header #mainHeader .headerIcon:hover {
      background-color: #535353; }
    header #mainHeader .right {
      display: flex;
      align-content: center;
      align-items: center; }
    header #mainHeader .link {
      color: white;
      font-size: 20px;
      padding: 0px 25px;
      display: flex;
      align-items: center;
      height: 73px; }
      header #mainHeader .link a {
        color: white; }
    header #mainHeader .link:hover {
      background-color: #535353; }
    header #mainHeader .iconMenu {
      display: none;
      width: 307px;
      background-color: white;
      color: #313640;
      box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1607843137);
      border: 0.5px solid #D5D5D5;
      position: absolute;
      top: 83px;
      right: 18px;
      z-index: 99;
      flex-direction: column;
      align-items: center;
      align-content: center; }
      header #mainHeader .iconMenu .menuContainer {
        width: 100%;
        padding: 18px 54px;
        display: flex;
        flex-direction: column;
        align-items: center;
        align-content: center; }
        header #mainHeader .iconMenu .menuContainer a:hover {
          color: #DCB266;
          text-decoration: underline solid #DCB266; }
      header #mainHeader .iconMenu img {
        height: 92px;
        width: 92px;
        border-radius: 5px; }
      header #mainHeader .iconMenu .userName {
        font-size: 22px;
        font-weight: 500; }
      header #mainHeader .iconMenu .userEmail {
        font-size: 13px; }
    header #mainHeader .companyName {
      background-color: #fff;
      border-radius: 4px;
      padding: 4px 25px;
      margin-left: 50px;
      position: absolute;
      right: 50px;
      bottom: 5px; }
    header #mainHeader .dashboard_logout {
      position: absolute;
      right: 25px;
      bottom: 7px; }
    header #mainHeader .logo {
      width: 355px;
      margin-left: 17px;
      background-size: cover; }

i {
  cursor: pointer; }

.addNew {
  display: flex;
  justify-content: flex-start;
  padding: 10px;
  cursor: pointer;
  width: max-content; }
  .addNew div span {
    margin-left: 5px; }

#addActivity textarea {
  height: 150px;
  width: 98%; }
#addActivity .popoverBody .flex {
  justify-content: flex-end; }

form > div {
  margin-bottom: 15px; }
form .defaultButtonComponent {
  margin-top: 15px; }

#propertyEditRight .title.flex, #tenantEditRight .title.flex {
  justify-content: space-between; }
  #propertyEditRight .title.flex i, #tenantEditRight .title.flex i {
    margin-right: 5px; }

.ownerLink {
  text-decoration: none; }

.bodyItem:hover {
  background-color: #D5D5D5; }

#addLeaseDocument {
  width: 100%;
  position: relative; }
  #addLeaseDocument input[type=file] {
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    cursor: pointer; }
  #addLeaseDocument .flex {
    align-items: center;
    justify-content: space-between; }

#billDocs {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  cursor: pointer; }

.fileInput {
  width: 200px;
  height: 75px;
  position: relative;
  z-index: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 25px; }
  .fileInput input[type="file"] {
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; }
  .fileInput i {
    font-size: 48px;
    color: #2F333C; }

#addDocumentForm input[type=file] {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1; }
#addDocumentForm .flex {
  align-items: center;
  justify-content: space-between; }
#addDocumentForm label {
  margin-right: 15px; }
#addDocumentForm button {
  margin-top: 25px; }

#coaManager {
  font-size: 16px; }
  #coaManager .bodyHeader, #coaManager .bodyItem {
    border-bottom: 1px solid #BBBBBB; }
  #coaManager .popoverBody {
    height: 600px;
    max-height: 600px;
    overflow-y: auto; }
  #coaManager .chartOfAccount:nth-child(even) {
    /* background-color: #D5D5D5; */ }
  #coaManager .chartOfAccount {
    cursor: pointer; }
  #coaManager .chartOfAccount:hover {
    background-color: #d5d5d5; }

#documents .document:nth-child(odd), #documentTrash .document:nth-child(odd), #billDocuments .document:nth-child(odd) {
  background-color: #D5D5D538; }
#documents .document, #documentTrash .document, #billDocuments .document {
  padding: 5px 15px 5px 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  background-color: white;
  min-height: 41px;
  position: relative;
  right: 3px; }
  #documents .document .name, #documentTrash .document .name, #billDocuments .document .name {
    position: relative;
    right: 2px;
    font-weight: bold;
    text-transform: uppercase;
    width: 200px; }
  #documents .document .date, #documentTrash .document .date, #billDocuments .document .date {
    width: 65px; }
  #documents .document .tags, #documentTrash .document .tags, #billDocuments .document .tags {
    display: flex;
    flex-wrap: wrap;
    max-width: 200px;
    width: 200px; }
    #documents .document .tags .tag, #documentTrash .document .tags .tag, #billDocuments .document .tags .tag {
      border: 0.5px solid #707070;
      border-radius: 16px;
      padding: 5px 8px;
      margin-right: 5px; }
  #documents .document .icons, #documentTrash .document .icons, #billDocuments .document .icons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 83px; }
    #documents .document .icons i, #documentTrash .document .icons i, #billDocuments .document .icons i {
      padding: 5px;
      color: white; }
    #documents .document .icons > div, #documentTrash .document .icons > div, #billDocuments .document .icons > div {
      margin-left: 5px;
      background-color: #6B6B6B; }
    #documents .document .icons .delete, #documentTrash .document .icons .delete, #billDocuments .document .icons .delete {
      background-color: #c8202f; }
    #documents .document .icons .undelete, #documentTrash .document .icons .undelete, #billDocuments .document .icons .undelete {
      background-color: green; }

#billDocuments .document {
  background-color: transparent; }

#accounting .accountingTop {
  display: flex;
  justify-content: space-around;
  margin-bottom: 25px; }
  #accounting .accountingTop .accountingTopCell {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 90px;
    margin-top: 15px;
    max-width: 150px;
    text-align: center; }
    #accounting .accountingTop .accountingTopCell .mustard {
      color: #DCB266;
      font-size: 30px; }
    #accounting .accountingTop .accountingTopCell .subtitle {
      font-weight: bold;
      font-size: 13px;
      color: #535353; }

#tenantsIndex .listBar > a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: calc(100% - 405px); }

#addOwnerForm .valueLine .valueInput .multiselect {
  width: 100%; }

#tenantDashboard {
  display: flex;
  flex-wrap: wrap; }
  #tenantDashboard .dashboardCard {
    margin-right: 15px;
    margin-bottom: 15px;
    width: 23.5%;
    justify-content: space-between; }

.dashboardCard {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 6px;
  width: 100%;
  padding: 10px; }
  .dashboardCard.small {
    width: 25%; }
  .dashboardCard .label {
    font-size: 13px;
    color: #707070; }
  .dashboardCard .value {
    font-weight: bold;
    font-size: 32px;
    color: #2F333C; }

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

#propertyImage {
  max-height: 225px; }
  #propertyImage #propertyPhotoUploadProgress {
    position: absolute;
    bottom: 15px;
    left: 15px;
    max-width: calc(100% - 30px); }

#propertyEdit .rightSide {
  width: calc(39% - 100px);
  margin: 0px 25px;
  box-shadow: none;
  padding: 0;
  border-radius: 0; }
#propertyEdit .activities, #propertyEdit .notes {
  width: 100%;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 5px;
  padding: 25px;
  height: fit-content; }
#propertyEdit .notes {
  margin-bottom: 25px; }
  #propertyEdit .notes i {
    font-size: 18px; }
  #propertyEdit .notes textarea {
    width: 100%;
    min-height: 250px;
    height: fit-content; }
#propertyEdit .miniImage {
  width: 80px;
  height: 80px;
  margin-right: 15px;
  background-size: cover;
  border-radius: 5px;
  background-color: white;
  position: relative; }
  #propertyEdit .miniImage input {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    opacity: 0;
    cursor: pointer; }
  #propertyEdit .miniImage i {
    width: 100%;
    height: 100%;
    font-size: 60px;
    padding: 10px; }
#propertyEdit .photoUploader {
  height: 197px; }
#propertyEdit .photoBackground {
  background-size: cover;
  border-radius: 5px;
  position: relative; }
  #propertyEdit .photoBackground .editPencil {
    color: white;
    background-color: #70707060;
    position: absolute;
    top: 8px;
    right: 8px;
    font-size: 18px;
    padding: 2px 6px;
    border-radius: 5px; }
#propertyEdit .serviceRequests {
  width: 36%;
  height: 300px;
  overflow-y: auto;
  padding: 15px 15px 25px; }
#propertyEdit .serviceRequest {
  margin-bottom: 15px;
  font-weight: 600; }
#propertyEdit .photoUploader {
  width: 100%;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 5px;
  padding: 0; }
#propertyEdit #propertyDashboard {
  width: 100%; }
#propertyEdit .headerContainer .dropdownComponent {
  top: 125px !important; }
#propertyEdit .flexColumn {
  display: flex;
  flex-direction: column; }
#propertyEdit .flexStart {
  display: flex;
  justify-content: flex-start; }
#propertyEdit .flexCenter {
  display: flex;
  align-items: center; }
#propertyEdit .ownerLink {
  text-decoration: none; }
#propertyEdit .owner {
  border-bottom: 1px solid rgba(83, 83, 83, 0.33); }
  #propertyEdit .owner .entityName {
    width: 150px; }
  #propertyEdit .owner .name {
    width: 150px; }
  #propertyEdit .owner .lastName {
    width: 100px; }
  #propertyEdit .owner .percentage {
    width: 50px;
    text-align: right; }
  #propertyEdit .owner > div {
    margin: 0px 8px; }
  #propertyEdit .owner i {
    padding: 5px; }
#propertyEdit .ownerLink:nth-child(even) > .owner {
  background-color: #D5D5D538; }
#propertyEdit .owner:hover {
  background-color: #d5d5d5; }
#propertyEdit .headerContainer .master-header.with-header {
  padding: 0px 0px 15px 0px; }
#propertyEdit .leftSide, #propertyEdit .rightSide {
  position: relative;
  top: 50px; }
#propertyEdit .propertyUnit {
  border-bottom: 1px solid rgba(83, 83, 83, 0.33); }
  #propertyEdit .propertyUnit .occupant {
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
    #propertyEdit .propertyUnit .occupant .unitTenant {
      width: 100%; }
    #propertyEdit .propertyUnit .occupant i {
      margin-left: 5px; }
#propertyEdit .propertyUnit:nth-child(2n+1) {
  background-color: #D5D5D538; }
#propertyEdit .propertyUnit:hover {
  background-color: #d5d5d5; }
#propertyEdit .propertyUnit {
  cursor: pointer;
  padding: 8px 15px; }
#propertyEdit .maintenanceHeader, #propertyEdit .maintenance {
  display: flex;
  padding: 10px;
  justify-content: space-between; }
  #propertyEdit .maintenanceHeader > div, #propertyEdit .maintenance > div {
    margin: 0px 8px;
    min-width: 100px; }
  #propertyEdit .maintenanceHeader .createdBy, #propertyEdit .maintenanceHeader .type, #propertyEdit .maintenance .createdBy, #propertyEdit .maintenance .type {
    width: 200px; }
  #propertyEdit .maintenanceHeader .lastUpdated, #propertyEdit .maintenance .lastUpdated {
    width: 150px; }

#coaWizard {
  width: 400px; }
  #coaWizard .valueLine .valueInput input[name="name"] {
    width: calc(100% - 10px); }

#coaEditor {
  top: 100px; }
  #coaEditor .sectionBox {
    width: calc(100% - 50px);
    margin-bottom: 0px; }
  #coaEditor .popoverContainer .popoverBody {
    padding-top: 0px; }
  #coaEditor .flex.half .select, #coaEditor .flex.half .multiselect {
    width: 275px; }
  #coaEditor .flex.half input {
    width: 190px; }
  #coaEditor .valueLine .valueTitle {
    width: 200px;
    min-width: 200px; }
  #coaEditor .popoverClose i {
    margin-left: 5px; }
  #coaEditor .sectionBox .address select[name=state] {
    width: 125px; }
  #coaEditor .sectionTitle {
    font-size: 23px;
    padding: 0px 0px 15px 0px;
    justify-content: space-between;
    align-items: center; }
    #coaEditor .sectionTitle .editPencil {
      font-size: 16px; }

#inspectionsPopover .bodyHeader, #inspectionsPopover .bodyItem, #serviceRequests .bodyHeader, #serviceRequests .bodyItem {
  border-bottom: 1px solid #535353;
  cursor: pointer; }
#inspectionsPopover .bodyItem:hover, #serviceRequests .bodyItem:hover {
  background-color: #d5d5d5; }

.insurance {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  cursor: pointer;
  padding: 8px 15px; }

.insurance:hover {
  background-color: #d5d5d5; }

#addServiceRequest .valueTitle {
  min-width: 160px; }

#serviceRequests {
  top: 150px;
  max-height: 600px;
  overflow-y: auto;
  overflow-x: hidden; }

#taskListContainer {
  display: flex;
  margin-left: 20px;
  margin-top: 15px;
  position: relative;
  min-height: 105px; }
  #taskListContainer .list {
    width: 165px;
    height: 95px;
    background-color: white;
    box-shadow: 0px 3px 6px #00000029;
    cursor: pointer;
    padding: 10px 12px 13px 13px;
    color: #535353;
    margin-right: 16px; }
    #taskListContainer .list .listTitleContainer {
      display: flex;
      align-items: center;
      align-content: center; }
      #taskListContainer .list .listTitleContainer .titleIcon {
        font-size: 28px;
        margin-right: 10px; }
    #taskListContainer .list .listTitle {
      font-size: 11px;
      font-weight: 500;
      text-transform: uppercase;
      max-width: 100px;
      max-height: 32px;
      text-overflow: ellipsis;
      overflow: hidden; }
    #taskListContainer .list i {
      color: #ACACAC; }
    #taskListContainer .list .listStatus {
      font-size: 8px;
      display: flex;
      margin: 7px 0px 3px 0px;
      justify-content: space-between; }
      #taskListContainer .list .listStatus .listOwner {
        text-transform: uppercase; }
    #taskListContainer .list:hover {
      height: 101px;
      width: 171px;
      position: relative;
      top: -3px;
      left: -3px;
      margin-right: 10px;
      padding: 6px 12px 6px 10px; }
    #taskListContainer .list.small {
      width: 124px;
      height: 83px;
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
      #taskListContainer .list.small:hover {
        width: 130px;
        height: 89px; }

#addTaskListButton {
  height: 95px;
  width: 49px;
  box-shadow: 0px 3px 6px #00000029;
  display: flex;
  align-items: center;
  align-content: center;
  margin-right: 16px;
  justify-content: center;
  cursor: pointer; }
  #addTaskListButton i {
    font-size: 42px;
    color: #707070; }
  #addTaskListButton:hover {
    width: 55px;
    height: 101px;
    position: relative;
    top: -3px;
    left: -3px;
    margin-right: 13px; }
  #addTaskListButton.small {
    height: 83px; }
    #addTaskListButton.small:hover {
      height: 89px; }

#tenantAddLease .flex.wrap, #addLeaseComponent .flex.wrap {
  justify-content: space-between; }

.leaseUpload {
  margin-top: 15px;
  position: relative;
  bottom: 50px;
  color: #535353;
  background-color: rgba(213, 213, 213, 0.2196078431); }

.bodyHeader, .bodyItem {
  display: flex;
  padding: 10px;
  justify-content: space-between;
  background-color: white;
  align-items: center; }

.bodyHeader {
  border-bottom: 1px solid #535353; }
  .bodyHeader > div {
    text-align: left; }

.sectionBox {
  width: 100%;
  box-shadow: 3px 5px 13px #00000029;
  border-radius: 4px;
  margin-bottom: 25px;
  padding-bottom: 10px; }
  .sectionBox .body {
    background-color: white; }
  .sectionBox .subSection {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    border-bottom: 1px solid #535353;
    padding: 8px 0px;
    margin: 15px 15px 0px 15px; }
  .sectionBox .titleBar {
    justify-content: space-between;
    width: 100%;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 11px;
    background-color: #2F333C; }
    .sectionBox .titleBar i {
      font-size: 15px;
      color: white; }
    .sectionBox .titleBar .title {
      font-size: 13px;
      line-height: 18px;
      color: white; }
  .sectionBox .address {
    display: flex;
    align-items: center; }
    .sectionBox .address .valueInput {
      display: flex;
      align-items: center;
      width: calc(70% - 28px); }
    .sectionBox .address input, .sectionBox .address select {
      min-width: initial;
      margin-right: 5px; }
    .sectionBox .address input[name=address] {
      width: 177px; }
    .sectionBox .address select[name=state] {
      width: 125px; }
    .sectionBox .address input[name=address2] {
      width: 90px; }
    .sectionBox .address input[name=city] {
      width: 100px; }
    .sectionBox .address input[name=zip] {
      width: 60px;
      margin-right: 0px; }
  .sectionBox .billItem {
    padding: 8px 15px;
    cursor: pointer; }

#addBillPopover {
  width: 1100px; }
  #addBillPopover form > div {
    margin-bottom: 0px; }
  #addBillPopover > div {
    margin: 0px; }
  #addBillPopover .billLineItem {
    justify-content: space-between;
    padding: 3px 0px;
    width: 100%; }
  #addBillPopover .strip:nth-child(even) {
    background-color: #D5D5D538; }
  #addBillPopover .strip {
    padding: 5px 0px 5px 5px; }
  #addBillPopover .noStrip {
    padding: 5px 0px 5px 5px;
    background-color: #ffffff; }
  #addBillPopover input[name=amount] {
    width: 75px; }
  #addBillPopover .progressBar {
    margin-top: 15px; }
  #addBillPopover .top {
    width: calc(70% - 40px); }
  #addBillPopover .bottom {
    width: calc(30% - 40px);
    margin-right: 20px; }
  #addBillPopover .valueInput .multiselect {
    width: calc(100% - 15px); }

#addTenantPopover .valueLine .half .valueInput.select {
  width: calc(70% - 45px); }

#propertyEditLeft .propertyValues {
  margin-top: 25px; }
  #propertyEditLeft .propertyValues .flex {
    justify-content: space-between;
    padding: 5px 0px;
    font-weight: bold; }
  #propertyEditLeft .propertyValues .itemTitle {
    text-transform: uppercase; }
  #propertyEditLeft .propertyValues .itemValue {
    color: #DCB266;
    text-align: left;
    min-width: 60px; }
#propertyEditLeft .propertyManagers .multiselect__tags {
  max-height: initial; }

#ownersLeft .listBar {
  margin: 5px 15px; }

.search {
  flex-direction: column;
  position: relative;
  width: calc(100% - 10px); }
  .search .searchResults {
    list-style: none;
    margin: 5px 0px;
    padding: 5px 0px 5px 5px;
    position: absolute;
    top: 28px;
    background-color: white;
    width: 100%;
    box-shadow: 3px 5px 13px #00000029;
    z-index: 10; }
    .search .searchResults li {
      width: 100%;
      cursor: pointer;
      padding: 8px 0px; }
    .search .searchResults li:nth-child(even) {
      background-color: #d5d5d5; }
    .search .searchResults li:hover {
      background-color: #d5d5d5; }

.smallPopover {
  width: 575px;
  height: 300px; }
  .smallPopover .valueLine .valueInput select {
    width: 100%; }
  .smallPopover .flex {
    justify-content: space-between;
    margin: 10px 0px; }
  .smallPopover .fullWidth {
    width: 100%; }
  .smallPopover .halfWidth {
    width: 45%; }
  .smallPopover .ownerOr {
    text-align: center;
    width: 100%; }

#tenantEdit .valueInput.address {
  width: 100%; }
#tenantEdit .rightSide {
  width: calc(39% - 100px);
  margin: 0px 25px;
  box-shadow: none;
  padding: 0;
  border-radius: 0; }
  #tenantEdit .rightSide .activities, #tenantEdit .rightSide .notes {
    width: 100%;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 5px;
    padding: 25px;
    height: fit-content; }
  #tenantEdit .rightSide .notes {
    margin-bottom: 25px; }
    #tenantEdit .rightSide .notes i {
      font-size: 18px; }
    #tenantEdit .rightSide .notes textarea {
      width: 100%;
      min-height: 250px;
      height: fit-content; }

#tenantEdit .headerContainer .dropdownComponent, #ownerEdit .headerContainer .dropdownComponent, #unitEdit .headerContainer .dropdownComponent, #propertyEdit .headerContainer .dropdownComponent {
  position: absolute;
  left: 56.5%;
  top: 80px; }

#tenantEdit .headerContainer .dropdownComponent {
  top: 100px; }

#addInsurance .valueLine .valueTitle {
  width: 43%; }
#addInsurance .valueLine .valueInput, #addInsurance .valueLine .valueValue {
  width: calc(57% - 40px); }
#addInsurance .column {
  margin-bottom: 35px; }
#addInsurance .defaultButtonComponent {
  position: absolute;
  bottom: 15px;
  left: 25px; }

#billingInfo .address .valueInput {
  max-width: 100%; }

.flex {
  display: flex; }

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

.flex.ac {
  align-items: center; }

.striped {
  background-color: #D5D5D538; }

.photoUploader {
  height: 207px;
  width: 207px;
  position: relative; }
  .photoUploader .progressBar {
    position: absolute;
    top: 182px;
    z-index: 110; }
  .photoUploader .photoBackground {
    background-image: url("/img/file_uploader.png");
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat; }
    .photoUploader .photoBackground .dropdownComponent {
      position: absolute;
      bottom: -5px;
      left: -5px;
      z-index: 100; }
  .photoUploader input {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    opacity: 0;
    cursor: pointer; }

#payNowButton {
  position: fixed;
  right: 15px;
  top: 180px; }

#info {
  width: 100%;
  margin-left: 29px; }

#settings {
  width: 100%; }

#templates .sectionBox .headers {
  display: flex;
  width: 100%; }
  #templates .sectionBox .headers .header {
    text-transform: uppercase;
    font-weight: bold;
    width: 100%;
    padding: 11px; }
    #templates .sectionBox .headers .header.one {
      width: 50%;
      padding-right: 0px; }
    #templates .sectionBox .headers .header.two {
      width: 25%;
      padding-right: 0px;
      padding-left: 0px; }
    #templates .sectionBox .headers .header.three {
      width: 25%;
      padding-left: 0px; }
#templates .sectionBox .valueTitle {
  width: 50%; }
#templates .sectionBox .valueValue {
  width: 25%; }
#templates .sectionBox .valueToggle {
  width: 25%; }

#mapPopover {
  top: 150px; }

#propertyMap {
  width: 800px;
  height: 600px;
  padding: 0px; }

.pageRoot > .flex {
  position: relative;
  margin-top: 150px;
  margin-left: 25px; }

#leaseEdit .pageRoot > .flex, #unitEdit .pageRoot > .flex, #tenantEdit .pageRoot > .flex {
  position: relative;
  margin-top: 160px;
  margin-left: 25px; }

.leftSide {
  width: 60%;
  margin-bottom: 500px; }
  .leftSide .statusIndicator {
    border: 1px solid #707070;
    border-radius: 18px;
    padding: 5px 10px;
    font-size: 13px;
    line-height: 18px;
    width: 130px;
    text-align: center;
    cursor: pointer;
    margin-right: 15px; }

.rightSide {
  margin: 0px 25px;
  width: calc(39% - 100px);
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 9px;
  padding: 25px;
  height: fit-content; }
  .rightSide .title {
    margin-bottom: 15px; }

#confirmation {
  width: 300px; }
  #confirmation .flex {
    justify-content: space-between;
    margin-top: 25px; }
  #confirmation .prompt {
    text-align: center;
    width: 100%; }

#userPhotoUpload {
  position: relative; }

#userEditLeft {
  margin-bottom: 650px; }
  #userEditLeft .photoUpload {
    opacity: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer; }

#organization_photo_upload {
  position: relative; }

#organizationsLeft {
  margin-bottom: 650px; }
  #organizationsLeft .photoUpload {
    opacity: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer; }

/*
.activity {
    margin-bottom: 10px;
}

.activity .flex {
    align-items: center;
}

.activity .activityText {
    margin-left: 27px;
}

.activity .activityUser {
    font-weight: bold;
}

.activity .activityDate {
    text-align: right;
}

.activity .activityCircle {
    border: 1px solid #707070;
    border-radius: 50%;
    width: 37px;
    min-width: 37px;
    height: 37px;
    background-color: #313640;
    background-position: 50% 50%;
    background-size: cover;
    position: relative;
}


.activityInitials {
    position: relative;
    top: 7px;
    left: 9px;
    font-size: 14px;
    color: #ffffff;
}

 */
#organizationList {
  margin-top: 25px; }

.addButton {
  padding: 5px 10px;
  border: 1px solid #70707030;
  border-radius: 5px;
  cursor: pointer;
  width: 50px; }

#portfolioManagerHeader, .portfolioBar {
  position: relative;
  border-bottom: 1px solid #70707030; }
  #portfolioManagerHeader .portfolioName, .portfolioBar .portfolioName {
    width: 300px;
    margin-right: 15px; }
    #portfolioManagerHeader .portfolioName input, .portfolioBar .portfolioName input {
      width: 100%; }
  #portfolioManagerHeader .member, .portfolioBar .member {
    width: 330px;
    text-align: center;
    margin-right: 15px; }
    #portfolioManagerHeader .member span, .portfolioBar .member span {
      margin-right: 5px; }
  #portfolioManagerHeader .notes, .portfolioBar .notes {
    width: 350px;
    margin-right: 15px;
    max-height: 50px;
    overflow: hidden; }
    #portfolioManagerHeader .notes textarea, .portfolioBar .notes textarea {
      height: 40px;
      width: calc(100% - 15px);
      font-size: 16px; }
  #portfolioManagerHeader .addButton, .portfolioBar .addButton {
    position: relative;
    top: -5px; }
  #portfolioManagerHeader .options .fa-pencil, .portfolioBar .options .fa-pencil {
    margin-right: 5px; }

#tagManager .tag {
  display: flex;
  justify-content: space-between;
  padding: 3px 10px; }

#portfolioPopover .popoverContainer {
  top: 150px;
  max-height: 60%; }
#portfolioPopover .popoverBody {
  padding: 25px 50px;
  max-height: 750px; }
#portfolioPopover .portfolioBar {
  padding: 8px 10px;
  align-items: center; }
  #portfolioPopover .portfolioBar member {
    width: 360px;
    display: flex;
    flex-wrap: wrap;
    text-align: center; }

.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; }

#taskListManagerContainer {
  height: auto;
  min-height: 100%;
  overflow-y: scroll; }

#taskDeletePopup {
  width: 456px;
  height: 270px;
  color: #313640;
  background-color: #ffffff;
  padding: 12px; }
  #taskDeletePopup .bigIcon {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 20px; }
    #taskDeletePopup .bigIcon img {
      max-height: 81px;
      max-width: 81px;
      margin-top: 23px; }
  #taskDeletePopup .bigText {
    font-size: 23px;
    text-align: center; }
  #taskDeletePopup .littleText {
    font-size: 13px;
    text-align: center; }
  #taskDeletePopup .buttons {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-top: 20px; }
    #taskDeletePopup .buttons .button {
      margin-left: 20px;
      font-size: 13px;
      min-width: 90px;
      text-align: center;
      padding: 7px 15px;
      cursor: pointer; }
      #taskDeletePopup .buttons .button.no {
        background-color: #313640;
        color: white; }
      #taskDeletePopup .buttons .button.yes {
        border: 1px solid #313640; }

#taskListManager {
  width: 800px;
  position: absolute;
  top: 150px;
  left: calc((100vw - 800px) / 2);
  padding-bottom: 50px;
  background-color: white;
  max-height: calc(100vh - 300px); }
  #taskListManager #sortableTaskList {
    width: 100%;
    padding: 0px; }
    #taskListManager #sortableTaskList .task .taskDelete {
      cursor: pointer; }
    #taskListManager #sortableTaskList .task .grab {
      cursor: grab; }
  #taskListManager .backButton {
    color: #707070;
    font-size: 13px;
    max-width: fit-content;
    position: absolute;
    bottom: 0px;
    left: 25px;
    cursor: pointer; }
    #taskListManager .backButton i {
      margin-right: 5px; }
  #taskListManager .backButton:hover {
    border-bottom: 1px solid #707070; }
  #taskListManager .taskList {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #d5d5d5; }
    #taskListManager .taskList .taskListDelete {
      cursor: pointer;
      padding: 5px 15px; }
    #taskListManager .taskList .taskListTitle {
      padding: 5px 15px;
      cursor: pointer; }
  #taskListManager #tasksManager {
    background-color: white;
    padding: 25px;
    position: relative;
    margin-bottom: 15px; }
    #taskListManager #tasksManager .taskListName {
      font-size: 14px;
      padding: 0px 0px 20px 0px;
      border-bottom: 1px solid #d5d5d5;
      white-space: nowrap; }
    #taskListManager #tasksManager .addTask {
      padding: 5px 0px 5px 25px;
      display: flex;
      align-items: center;
      align-content: center;
      cursor: pointer; }
    #taskListManager #tasksManager input {
      border: none;
      width: calc(100% - 30px);
      height: auto;
      border-radius: 0px;
      padding: 5px 0px 5px 25px;
      font-size: 12px; }
    #taskListManager #tasksManager input[type="checkbox"] {
      width: auto;
      height: auto;
      margin-left: 5px; }
    #taskListManager #tasksManager .task {
      width: calc(100% - 50px);
      display: flex;
      justify-content: space-between;
      align-items: center;
      align-content: center;
      padding: 5px 25px 5px 25px;
      border-bottom: 1px solid #d5d5d5;
      font-size: 12px;
      color: #d5d5d5; }
      #taskListManager #tasksManager .task input {
        border: none;
        color: #535353; }
      #taskListManager #tasksManager .task .taskDelete {
        padding-left: 5px; }
  #taskListManager .addTaskListContainer {
    padding: 0px 25px 25px 25px;
    background-color: #ffffff; }
  #taskListManager .header {
    width: calc(100% - 50px);
    background-color: #313640;
    color: white;
    font-size: 14px;
    padding: 0px 25px;
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center; }
    #taskListManager .header .tmClose {
      position: relative;
      top: 0;
      right: 0;
      color: #ffffff;
      cursor: pointer; }
      #taskListManager .header .tmClose i {
        font-size: 14px; }
  #taskListManager .controlsContainer {
    padding: 25px 25px 0px 25px;
    background-color: white; }
  #taskListManager .controls {
    display: flex;
    background-color: white;
    font-size: 14px;
    border-bottom: 0.75px solid #d5d5d5;
    margin-bottom: 22px; }
    #taskListManager .controls .control {
      margin-right: 15px;
      cursor: pointer;
      position: relative;
      top: 1px; }
      #taskListManager .controls .control.underlined {
        border-bottom: 2px solid #c8202f; }
    #taskListManager .controls img {
      max-height: 19px; }
  #taskListManager .title {
    font-size: 13px;
    color: #535353; }
  #taskListManager .continueButton {
    font-size: 13px;
    color: #c8202f;
    padding: 5px 15px;
    border: 1px solid #c8202f;
    position: absolute;
    right: 25px;
    cursor: pointer; }
    #taskListManager .continueButton i {
      margin-left: 5px; }

#inspectionActivities {
  width: 80%;
  padding: 25px;
  background-color: white;
  position: absolute;
  top: 150px;
  border-radius: 6px; }
  #inspectionActivities .activityHeader {
    width: 100%;
    height: 45px;
    font-size: 16px; }
  #inspectionActivities .activityClose {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer; }
  #inspectionActivities .title {
    font-weight: bold;
    background-color: white;
    color: #666666; }
  #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; }

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

.vdp-datepicker header {
  background-color: white; }
.vdp-datepicker .vdp-datepicker__up {
  color: #313640; }

.unitTenant {
  text-decoration: underline;
  padding: 0px 5px 0px 0px;
  margin-right: 5px; }

#sudoOrgName {
  color: #c8202f;
  font-size: 12px;
  background-color: white;
  padding: 3px 8px;
  display: flex;
  align-items: center;
  border-radius: 5px; }
  #sudoOrgName .defaultButtonComponent {
    font-size: 12px;
    margin-left: 15px; }

#leaseEdit .master-header {
  display: flex;
  align-items: center; }
#leaseEdit .headerContainer .dropdownComponent {
  position: absolute;
  left: 56.5%;
  top: 80px; }

.iconContainer {
  display: flex;
  font-size: 16px;
  justify-content: space-between; }

.buttonContainer button {
  margin-right: 15px; }

#addLedgerEntry {
  width: 1280px; }

.showMore {
  color: #c8202f;
  font-size: 18px;
  padding: 15px 0px;
  text-align: center;
  cursor: pointer; }

.showMore:first-child {
  margin-right: 25px; }

.report {
  width: calc(100% - 15px);
  background-color: white; }
  .report .money {
    text-align: right;
    margin-right: 15px; }
  .report .printTitle {
    display: none; }
  .report .pageHeader {
    border-bottom: 2px solid rgba(213, 213, 213, 0.22);
    padding: 25px 0; }
  .report .reportHeader {
    padding: 10px 15px;
    border-bottom: 2px solid rgba(213, 213, 213, 0.22);
    width: calc(100% - 10px); }
  .report .unitRow {
    border-bottom: 2px solid rgba(213, 213, 213, 0.2196078431); }
    .report .unitRow:nth-child(even) {
      background-color: white; }
  .report .reportItem {
    padding: 10px 15px; }
    .report .reportItem .heading {
      font-weight: bold;
      text-transform: uppercase; }
    .report .reportItem .title, .report .reportItem .subtotal, .report .reportItem .title-value {
      font-weight: bold;
      font-size: inherit; }
    .report .reportItem .total {
      text-transform: uppercase; }
    .report .reportItem .in-name {
      margin-left: 20px; }
    .report .reportItem .indent {
      margin-left: 20px; }
    .report .reportItem .noIndent {
      margin-right: 20px; }
    .report .reportItem .totalRow {
      background-color: #f2f2f2; }
    .report .reportItem .totalRow, .report .reportItem .unitRow {
      padding: 10px 15px;
      width: calc(100% - 30px); }
    .report .reportItem:nth-child(odd) {
      background-color: #D5D5D538; }
  .report .journalView:hover {
    text-decoration: underline;
    cursor: pointer; }

#reportList .title {
  margin-top: 15px;
  padding-bottom: 15px;
  width: calc(100% - 50px);
  border-bottom: 2px solid rgba(213, 213, 213, 0.22); }
#reportList .column {
  margin-top: 15px; }
#reportList .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: #D5D5D538;
  cursor: pointer; }
  #reportList .reportCell:nth-child(odd) {
    background-color: #D5D5D538; }

#journalReport input, #journalReport select, #chargesIndex input, #chargesIndex select, #billsIndex input, #billsIndex select, #propertyCashVue input, #propertyCashVue select {
  height: 27px;
  margin-right: 10px; }
#journalReport .journalEntry, #journalReport .chargeItem, #journalReport .billItem, #chargesIndex .journalEntry, #chargesIndex .chargeItem, #chargesIndex .billItem, #billsIndex .journalEntry, #billsIndex .chargeItem, #billsIndex .billItem, #propertyCashVue .journalEntry, #propertyCashVue .chargeItem, #propertyCashVue .billItem {
  display: flex;
  align-items: center; }
#journalReport .billItem, #chargesIndex .billItem, #billsIndex .billItem, #propertyCashVue .billItem {
  flex-wrap: wrap; }
  #journalReport .billItem .subItem, #chargesIndex .billItem .subItem, #billsIndex .billItem .subItem, #propertyCashVue .billItem .subItem {
    padding: 6px 4px;
    margin-left: 15%;
    width: 70%;
    display: flex;
    justify-content: space-between; }
  #journalReport .billItem .subItem:nth-child(odd), #chargesIndex .billItem .subItem:nth-child(odd), #billsIndex .billItem .subItem:nth-child(odd), #propertyCashVue .billItem .subItem:nth-child(odd) {
    background-color: #D5D5D538;
    /* Grey background for odd indexed divs */ }
#journalReport .flexColumn, #chargesIndex .flexColumn, #billsIndex .flexColumn, #propertyCashVue .flexColumn {
  display: flex;
  flex-direction: column; }
#journalReport .flexStart, #chargesIndex .flexStart, #billsIndex .flexStart, #propertyCashVue .flexStart {
  display: flex;
  justify-content: flex-start; }
#journalReport .flexCenter, #chargesIndex .flexCenter, #billsIndex .flexCenter, #propertyCashVue .flexCenter {
  display: flex;
  align-items: center; }
#journalReport .bold, #chargesIndex .bold, #billsIndex .bold, #propertyCashVue .bold {
  font-weight: bold;
  color: #666666; }
#journalReport .rightBillItems, #chargesIndex .rightBillItems, #billsIndex .rightBillItems, #propertyCashVue .rightBillItems {
  display: flex;
  width: 225px;
  position: relative;
  left: 16.7%; }

#approved-box-text {
  font-size: 20px;
  padding: 25px;
  text-align: center; }

#approved-box-buttons {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 20px; }

#chargesIndex .title, #billsIndex .title {
  margin-right: 15px; }

.datePickerContainer {
  position: relative;
  width: 175px;
  margin-right: 15px; }
  .datePickerContainer input {
    width: 100%; }
  .datePickerContainer .clear {
    position: absolute;
    right: 10px;
    top: 3px;
    color: black; }

.ledgerEntry {
  width: 100%;
  justify-content: space-between; }

.unitRow {
  padding: 10px 0; }
  .unitRow:nth-child(even) {
    background-color: #D5D5D538; }

#incomeStatement .column, #incomeSingle .column {
  display: flex;
  flex-direction: column; }
#incomeStatement .reportItem, #incomeSingle .reportItem {
  width: 100%;
  padding: 5px 0px; }
  #incomeStatement .reportItem:nth-child(even), #incomeSingle .reportItem:nth-child(even) {
    background-color: #D5D5D538; }

.right {
  text-align: right; }

#payaTransactionsReport .reportLine, #ownersReport .reportLine {
  margin: 0;
  padding: 3px 0; }

.reportLine {
  margin-right: 25px;
  padding: 3px; }
  .reportLine:nth-child(even) {
    background-color: #D5D5D538; }

.paymentLine {
  padding: 3px 0px; }
  .paymentLine:nth-child(even) {
    background-color: #D5D5D538; }

.underline-header {
  width: calc(100% - 50px);
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
  margin-left: 0px; }
  .underline-header .to-text-item {
    cursor: pointer;
    margin-right: 50px;
    position: relative;
    padding-bottom: 10px;
    width: auto;
    font-size: 14px; }
  .underline-header .to-text-underline {
    width: 95px;
    height: 3px;
    background-color: #c8202f;
    position: absolute;
    bottom: -2px;
    left: 0px; }

.tenantFind, .vendorFind {
  min-width: 200px; }

#payments .pageHeader, #makePayment .pageHeader, #receivePayment .pageHeader {
  padding: 50px 40px 25px 0px; }
#payments .paymentForm, #makePayment .paymentForm, #receivePayment .paymentForm {
  display: flex;
  width: 100%;
  margin-top: 15px; }
#payments .paymentHeader, #payments .paymentCharge, #makePayment .paymentHeader, #makePayment .paymentCharge, #receivePayment .paymentHeader, #receivePayment .paymentCharge {
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  padding: 10px 15px; }

.orgMain {
  width: 100vw;
  height: 100% !important;
  max-width: 100%;
  background-color: #D5D5D538; }

#pdfView .pdfTitle {
  font-size: 16px;
  font-weight: bold;
  padding: 5px;
  text-decoration: underline; }

#orgContainer {
  position: absolute;
  top: 75px;
  width: calc(100% - 50px);
  padding-bottom: 50px; }

#orgSelect .defaultButtonComponent {
  font-size: 13px;
  padding: 6px 18px;
  border-radius: 5px;
  border: 1px solid #E0AF58;
  color: #ffffff;
  background-color: #E0AF58;
  width: max-content;
  display: block;
  text-align: center;
  cursor: pointer;
  font-weight: 400; }
#orgSelect .defaultButtonComponent:hover {
  background-color: #E0AF58;
  color: #ffffff; }
#orgSelect .org_button {
  margin-top: 50px;
  position: relative;
  left: 40px; }
#orgSelect .portal-select {
  display: flex;
  align-items: center;
  width: 450px;
  padding: 10px 20px;
  margin-top: 30px;
  border-radius: 8px;
  position: relative;
  left: 40px;
  box-shadow: #00000029 0px 3px 6px;
  background-color: #ffffff; }
#orgSelect .topOuter {
  background-color: #ffffff;
  padding: 20px 0px; }
#orgSelect .topInner {
  position: relative;
  left: 40px; }
#orgSelect .portal_logo img {
  max-height: 130px;
  max-width: 130px;
  min-width: 110px;
  min-height: 100px; }
#orgSelect .portal_name {
  padding-left: 20px; }

#payaBankInfo iframe {
  border: none; }

.imageUpload {
  width: 125px;
  height: 125px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  margin: 5px;
  border-radius: 4px; }
  .imageUpload i {
    position: relative; }
  .imageUpload 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; }
  .imageUpload img {
    max-width: 125px;
    max-height: 125px; }
  .imageUpload i {
    display: block;
    width: 38px;
    height: 48px; }

.unitImage {
  min-height: 125px;
  min-width: 125px;
  border-radius: 4px;
  background-color: #eeeff2;
  margin: 5px;
  background-size: 100% 100%;
  position: relative; }
  .unitImage .unitImageOverlay {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 10;
    background-color: rgba(255, 255, 255, 0.4); }
  .unitImage .imageClose {
    position: absolute;
    right: 8px;
    top: 4px;
    color: black;
    font-weight: bold; }
  .unitImage.drag-start {
    background-color: gold;
    opacity: 0.5;
    /* faded */ }
  .unitImage.drag-over {
    outline: 2px dashed black;
    background-color: rgba(100, 100, 100, 0.6);
    /* greyed out */ }

#pmFees .pageHeader input, #ownerDistributions .pageHeader input {
  min-width: 250px; }
#pmFees .pageHeader .defaultButtonComponent, #ownerDistributions .pageHeader .defaultButtonComponent {
  min-width: 200px; }
#pmFees .propertyBar, #ownerDistributions .propertyBar {
  height: 27px; }
#pmFees i[aria-label]:hover:after, #ownerDistributions i[aria-label]:hover:after {
  content: attr(aria-label);
  position: absolute;
  padding: 5px 10px;
  border-radius: 4px;
  white-space: normal;
  z-index: 1000;
  min-width: 350px;
  font-size: 1.1em;
  max-width: 400px;
  word-wrap: break-word;
  top: 100%;
  left: 0;
  margin-top: 5px;
  pointer-events: none; }
#pmFees i[aria-label]:hover, #ownerDistributions i[aria-label]:hover {
  position: relative; }

#pmFeeStatement #buttonContainer, #ownerDistributionStatement #buttonContainer {
  position: absolute;
  top: 55px;
  display: flex;
  right: 25px;
  width: max-content; }
  #pmFeeStatement #buttonContainer button, #ownerDistributionStatement #buttonContainer button {
    margin-left: 8px; }

#ownerDistributionStatement #buttonContainer {
  position: relative;
  top: 0px;
  right: 0px; }

#vendorEdit .serviceRequest {
  margin: 12px 14px;
  display: flex;
  justify-content: space-between; }
#vendorEdit .description {
  width: 70%; }

#applicationsIndex .listBar {
  cursor: initial;
  align-items: flex-start; }
#applicationsIndex .flaggedApplication {
  cursor: pointer;
  margin-right: 5px; }
#applicationsIndex .archived-tooltip {
  position: relative; }
#applicationsIndex .archived-tooltip:hover::after {
  content: "Application Archived";
  position: absolute;
  top: 0px;
  left: 100px;
  transform: translateX(-50%);
  background-color: #333;
  color: white;
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 12px;
  white-space: nowrap;
  z-index: 1000;
  pointer-events: none; }

#addApplication {
  width: 1100px;
  padding-bottom: 50px; }
  #addApplication .formHeader {
    padding-left: 15px;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(83, 83, 83, 0.33);
    text-transform: uppercase; }
  #addApplication .popoverBody {
    padding-bottom: 10px; }
  #addApplication .defaultButtonComponent {
    margin-top: 0px; }

#bankInfoEdit .valueLine .valueTitle {
  width: 30%; }
#bankInfoEdit .valueLine .valueValue {
  width: 30%; }
#bankInfoEdit .valueLine .valueInput {
  width: 30%; }
#bankInfoEdit .button {
  width: 140px;
  margin-left: 8px; }

#bulkEmail .select select {
  min-width: 225px; }
#bulkEmail .select:not(.select--multiple)::after {
  right: 25px; }
#bulkEmail .flex .defaultButtonComponent {
  margin: 0;
  margin-right: 15px;
  padding: 5px 12px; }

#messageCenter .messageContainer {
  display: grid;
  grid-template-columns: 1fr 3fr;
  gap: 20px;
  height: 85vh;
  padding: 20px 20px 0px 0px; }
#messageCenter .leftContainer, #messageCenter .rightContainer {
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 6px;
  opacity: 1;
  padding: 0px 15px;
  position: relative; }
#messageCenter .header {
  background-color: #ffffff;
  width: auto;
  padding: 0px; }
  #messageCenter .header .icon, #messageCenter .header .messageTitle, #messageCenter .header .editPencil {
    color: #000000; }
  #messageCenter .header .searchContainer {
    display: flex;
    align-items: center;
    background-color: #f5f5f5;
    border-radius: 20px;
    padding: 3px 15px;
    flex: 1;
    border: 1px solid #eeeeee;
    position: relative;
    color: #000000;
    margin-top: 10px; }
  #messageCenter .header .searchResults {
    list-style: none;
    margin: 0;
    padding: 5px 0px 5px 5px;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: white;
    width: 100%;
    box-shadow: 3px 5px 13px #00000029;
    z-index: 500;
    border-radius: 0 0 8px 8px;
    color: #000000; }
  #messageCenter .header li {
    width: 100%;
    cursor: pointer;
    padding: 8px 0px; }
  #messageCenter .header li:nth-child(even) {
    background-color: #d5d5d5; }
  #messageCenter .header li:hover {
    background-color: #d5d5d5; }
#messageCenter .searchContainer i {
  color: #666;
  margin-right: 10px;
  font-size: 14px; }
#messageCenter .searchContainer input {
  border: none;
  outline: none;
  background-color: transparent;
  width: 100%;
  font-size: 14px;
  color: #333; }
#messageCenter .searchContainer input::placeholder {
  color: #999; }
#messageCenter .icon {
  font-size: 20px;
  cursor: pointer; }
#messageCenter .messageTitle {
  font-size: 20px;
  font-weight: 600; }
#messageCenter .editPencil {
  font-size: 20px;
  cursor: pointer; }
#messageCenter .property-tooltip {
  position: absolute;
  z-index: 100;
  top: 0;
  right: 3vw;
  width: 200px;
  margin-left: 10px;
  padding: 10px;
  background-color: #f0f0f0;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  color: #333; }
#messageCenter .property-tooltip p {
  margin: 5px 0; }
#messageCenter .property-tooltip ul {
  margin: 5px 0;
  padding-left: 20px; }
#messageCenter .conversation {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 10px 0px;
  position: relative;
  cursor: pointer; }
#messageCenter .conversationName {
  font-weight: 600;
  font-size: 14px;
  color: #000000;
  display: flex;
  justify-content: flex-start; }
#messageCenter .conversationLastMessage {
  font-size: 12px;
  color: #000000;
  display: flex;
  justify-content: flex-end; }
  #messageCenter .conversationLastMessage .flagged {
    margin-left: 5px;
    color: #C8202f; }
#messageCenter .conversationAddress {
  font-size: 12px;
  color: #000000;
  display: flex;
  justify-content: flex-start; }
#messageCenter .bottomBorder {
  border-bottom: 1px solid #BCBEC0;
  width: 100%; }
#messageCenter .addMessage {
  position: absolute;
  bottom: 10px;
  color: #000000;
  cursor: pointer;
  display: flex;
  align-items: center; }
#messageCenter .newMessageText {
  margin-left: 5px;
  color: #000000; }
#messageCenter .newMessageText:hover {
  text-decoration: underline; }
#messageCenter .plusIcon {
  font-size: 20px;
  color: #000000;
  cursor: pointer; }
#messageCenter .conversations {
  padding: 20px;
  position: relative;
  background-color: white;
  height: 75vh; }
#messageCenter .messages {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-bottom: 80px;
  overflow-y: auto;
  height: 65vh; }
  #messageCenter .messages .flagged {
    position: relative;
    top: 2px; }
#messageCenter .message {
  max-width: 80%;
  border-radius: 15px;
  padding: 12px 15px;
  background-color: #e6e6e6;
  /* Gray background for PM messages */
  align-self: flex-start;
  /* Left align PM messages */ }
#messageCenter .message.tenant {
  background-color: #D8D8D8;
  align-self: flex-start; }
#messageCenter .message.owner {
  background-color: #D8D8D8;
  align-self: flex-start; }
#messageCenter .message.propertyManager {
  background-color: #BFCECB;
  align-self: flex-end; }
#messageCenter .messageText {
  font-size: 16px;
  color: #000;
  word-break: break-word; }
#messageCenter .messageTime {
  font-size: 11px;
  color: #666;
  margin-top: 5px; }
#messageCenter .sendMessage {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 15px;
  position: absolute;
  bottom: 10px;
  width: calc(100% - 50px);
  padding: 5px 0; }
#messageCenter .sendMessage > textarea {
  padding: 6px 15px;
  border-radius: 20px;
  border: 1px solid #ddd;
  outline: none;
  resize: none;
  font-family: inherit;
  font-size: inherit;
  line-height: 1.4;
  height: auto; }
#messageCenter .textarea-placeholder {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  color: #aaa;
  pointer-events: none;
  font-size: inherit;
  font-family: inherit;
  user-select: none;
  white-space: nowrap;
  transition: opacity 0.2s; }
#messageCenter .defaultButtonComponent {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: white; }
#messageCenter .personName {
  font-size: 24px;
  font-weight: 600; }
#messageCenter .pAddress {
  font-size: 24px;
  color: #707070; }
#messageCenter .leftHeader {
  padding: 5px 20px; }
#messageCenter .conversationContainer::-webkit-scrollbar {
  display: none;
  /* Hides the scrollbar */ }
#messageCenter .conversationContainer {
  scrollbar-width: none;
  /* Hides the scrollbar */ }
#messageCenter .conversationContainer {
  height: 75vh;
  overflow-y: scroll; }
#messageCenter .unreadIndicator {
  position: relative;
  top: 8px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #D65863;
  /* Gold color for unread indicator */
  z-index: 500;
  margin-right: 2px; }

@media screen and (max-width: 800px) {
  #orgSelect .portal-select {
    width: 300px; }

  #portalDashboard {
    width: 100%; }
    #portalDashboard .charges {
      padding: 5px 25px;
      justify-content: space-between; }
    #portalDashboard .dashboard_buttons .db_button {
      left: 10px; }
    #portalDashboard .dashboard_buttons .defaultButtonComponent {
      width: 325px !important; }
    #portalDashboard .popoverContainer {
      top: 25px; }
    #portalDashboard .dashboard_payments .dbpay_title {
      width: 50%;
      left: 50px; }
    #portalDashboard .charge_description {
      overflow-wrap: break-word;
      width: 300px; }
    #portalDashboard #dbPayments {
      position: absolute;
      top: 205px;
      width: 100%;
      min-height: 200px;
      background-color: #fff; }
    #portalDashboard #addServiceRequest {
      width: 395px;
      position: absolute;
      top: 100px;
      left: 2px; }
      #portalDashboard #addServiceRequest .valueLine {
        flex-direction: column; }
      #portalDashboard #addServiceRequest .half {
        width: 100%; }
    #portalDashboard .dashboard_doc {
      left: 20px !important;
      width: 340px !important;
      padding: 10px 15px !important; }
      #portalDashboard .dashboard_doc .icons {
        width: 35px; } }
.query {
  background-color: transparent !important; }

.queryAll:hover {
  cursor: pointer; }

@media screen and (min-width: 801px) and (max-width: 1200px) {
  #portalDashboard {
    width: 33%; } }
/* iffy */
#taskListContainer {
  margin-left: 25px; }

.percentageContainer {
  width: 95%;
  position: relative; }
  .percentageContainer .grayPercentage {
    width: 100%;
    border: 3px solid #D5D5D590;
    border-radius: 5px; }
  .percentageContainer .percentage {
    border: 3px solid #c8202f;
    border-radius: 5px;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0; }
  .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%; }

#taskManagerContainer, #addTaskListContainer {
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.2);
  top: 0px;
  left: 0px; }

#taskManager {
  max-height: 55vh;
  background-color: #ffffff;
  left: calc((100vw - 864px) / 2);
  min-height: 250px; }
  #taskManager .pinManager {
    margin-left: 15px;
    font-size: 12px;
    position: relative;
    top: 5px;
    cursor: pointer; }
  #taskManager .percentageContainer {
    width: 160px; }
    #taskManager .percentageContainer .grayPercentage {
      border: 5px solid #D5D5D590;
      border-radius: 5px;
      width: 100%; }
    #taskManager .percentageContainer .percentage {
      border: 5px solid #c8202f;
      border-radius: 5px; }
  #taskManager .managerBody {
    overflow-y: scroll;
    overflow-x: hidden;
    padding-bottom: 15px;
    max-height: calc(55vh - 73px);
    min-height: calc(250px - 73px); }
  #taskManager .top {
    display: flex;
    justify-content: space-between;
    padding: 0px 20px 0px 42px; }
  #taskManager .taskListBody {
    overflow-y: scroll;
    overflow-x: hidden;
    margin-bottom: 15px; }
  #taskManager .task {
    display: flex;
    align-items: center;
    align-content: center;
    padding: 10px 25px;
    justify-content: space-between;
    font-size: 12px; }
  #taskManager .task.striped {
    background-color: #D5D5D54B; }
  #taskManager .task:hover {
    background-color: #D5D5D5EB; }
  #taskManager .taskName {
    width: 300px;
    margin-right: 10px; }
  #taskManager .taskComments {
    width: 300px;
    margin-right: 10px; }
    #taskManager .taskComments input {
      width: 100%; }
  #taskManager .taskModified {
    width: 150px;
    margin-left: 15px; }

.header {
  width: 819px;
  display: flex;
  justify-content: space-between;
  height: 39px;
  padding: 0px 15px 0px 30px;
  background-color: #313640;
  color: #ffffff;
  align-content: center;
  align-items: center; }

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; }

input[type=checkbox]:checked {
  background-color: #313640; }

.listName {
  font-size: 20px;
  text-transform: uppercase;
  border-bottom: 1px solid #c8202f;
  padding-bottom: 3px;
  margin-bottom: 10px; }

.checkbox {
  margin-right: 16px; }

[v-cloak] {
  opacity: 0; }

#addTaskList {
  width: 600px;
  min-height: 250px;
  position: absolute;
  top: 150px;
  background-color: transparent;
  font-size: 16px; }

#addTaskList .header {
  width: 400px; }

.tableHeader {
  display: flex;
  justify-content: space-between;
  font-size: 15px;
  color: #535353; }

.taskList {
  padding: 7px 14px;
  display: flex;
  justify-content: space-between;
  color: #535353;
  font-size: 16px; }
  .taskList .listTitle {
    width: 125px; }
  .taskList .listOwner {
    width: 175px; }

.taskList .checkbox {
  margin-right: 23px; }

.close {
  cursor: pointer; }

.addTaskList {
  cursor: pointer;
  margin-left: 25px;
  margin-top: 15px; }

@media print {
  body {
    /*
    width: 804px; */
    max-width: 1040px;
    font-size: 10px; }

  #main {
    width: auto;
    max-width: 1040px; }

  .report.landscape {
    max-width: 1040px !important;
    width: 1040px !important; }

  .report.portrait {
    max-width: 804px !important;
    width: 804px !important; }

  .printHidden {
    display: none; }

  #mainContainer {
    left: 0px;
    top: 0px;
    padding: 10px;
    width: calc(100% - 20px); }

  .report .pageHeader {
    padding: 0; }

  #left-menu, #masterHeader {
    display: none; }

  #rentRoll, #tenantLedger {
    width: 1040px !important;
    max-width: 1040px !important; }

  .printTitle {
    display: inline !important;
    margin-right: 8px; }

  #pmFeeStatement {
    width: 100%; }
    #pmFeeStatement .reportLine {
      margin-right: 5px;
      width: 100%; }
      #pmFeeStatement .reportLine .width75 {
        margin-right: 25px; }
    #pmFeeStatement .listHeader {
      margin-right: 5px;
      display: flex;
      width: 100%; }
    #pmFeeStatement #buttonContainer {
      display: none; }
    #pmFeeStatement .width200 {
      width: 150px; }
    #pmFeeStatement .width300 {
      width: 200px; } }
#leadsIndex {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-top: 25px; }
  #leadsIndex .pageHeader {
    align-items: center;
    justify-content: space-between;
    width: 96%;
    margin-bottom: 25px; }
  #leadsIndex textarea {
    width: 100%;
    min-height: 125px; }

.addNewLead {
  margin-right: 10px;
  font-size: 18px; }

.flagged {
  margin-left: 5px;
  color: #C8202f; }

.leadBoxContainer {
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap; }

.leadBox {
  width: 47%;
  padding: 25px;
  box-shadow: 0 3px 6px #00000029;
  min-width: 600px;
  max-width: 870px;
  margin: 0px 25px 25px 0px; }
  .leadBox .mb15 {
    margin-bottom: 15px; }
  .leadBox .bold {
    font-weight: 600; }
  .leadBox .leadTop, .leadBox .leadMiddle {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 25px; }
  .leadBox .leadBottom {
    display: flex;
    align-items: flex-end; }
    .leadBox .leadBottom .comments {
      width: 75%; }
    .leadBox .leadBottom .icons {
      display: flex;
      width: 25%; }
      .leadBox .leadBottom .icons .leadMessage {
        padding: 6px 10px;
        background-color: #e3b159;
        border-radius: 50%;
        color: #000000; }
      .leadBox .leadBottom .icons .leadMessage:hover {
        background-color: #C99942; }
      .leadBox .leadBottom .icons a {
        color: #000000; }
      .leadBox .leadBottom .icons div:first-child {
        margin-right: 15px; }

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