@charset "UTF-8";
@font-face {
  font-family: "untitled_sans_black";
  src: url("../fonts/untitled-sans-web-black.eot");
  src: url("../fonts/untitled-sans-web-black.eot?#iefix") format("embedded-opentype"), url("../fonts/untitled-sans-web-black.woff2") format("woff2"), url("../fonts/untitled-sans-web-black.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "untitled_sans_bold";
  src: url("../fonts/untitled-sans-web-bold.eot");
  src: url("../fonts/untitled-sans-web-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/untitled-sans-web-bold.woff2") format("woff2"), url("../fonts/untitled-sans-web-bold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "untitled_sans_light";
  src: url("../fonts/untitled-sans-web-light.eot");
  src: url("../fonts/untitled-sans-web-light.eot?#iefix") format("embedded-opentype"), url("../fonts/untitled-sans-web-light.woff2") format("woff2"), url("../fonts/untitled-sans-web-light.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "untitled_sans_medium";
  src: url("../fonts/untitled-sans-web-medium.eot");
  src: url("../fonts/untitled-sans-web-medium.eot?#iefix") format("embedded-opentype"), url("../fonts/untitled-sans-web-medium.woff2") format("woff2"), url("../fonts/untitled-sans-web-medium.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "untitled_sans_regular";
  src: url("../fonts/untitled-sans-web-regular.eot");
  src: url("../fonts/untitled-sans-web-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/untitled-sans-web-regular.woff2") format("woff2"), url("../fonts/untitled-sans-web-regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: "untitled_sans_regular";
  padding: 0;
  margin: 0;
  overflow-x: hidden;
}

.msgBox .mailContent {
  flex-grow: 1;
}

a {
  color: #272738;
}

.css-4ljt47-MenuList div {
  padding: 5px 12px !important;
}

.table-responsive {
  overflow-y: hidden;
}

.react-datepicker-popper {
  z-index: 99 !important;
}

.react-datepicker-wrapper {
  display: block !important;
}

.unSelect {
  height: 27px;
}

.support-otr .texteditorSec .cke_contents {
  height: 150px !important;
}

.shrink-0 {
  flex-shrink: 0;
}

.addsign .add-btn {
  background: #1382d9;
  color: #fff;
  font: 400 14px/20px "untitled_sans_regular";
  padding: 8px 11px;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  min-width: 100px;
}

.dlt-icn {
  text-align: right;
  color: #b4aeae;
  font-size: 13px;
  display: flex;
  justify-content: space-between;
}
.dlt-icn i {
  padding-right: 4px;
}

.makepayment ul li {
  align-items: center;
}
.makepayment ul li span {
  flex-grow: 1;
}

.transaction-tab .account-btn {
  padding: 11px 0px;
}

table.table-gap.table-td.transactionTbl th.checkbxwidth {
  width: 39px;
  min-width: 37px;
  padding-left: 12px;
}
table.table-gap.table-td.transactionTbl .table-td td {
  padding-left: 11px !important;
}

.react-datepicker-component .react-datepicker-input {
  min-width: auto !important;
  border: none !important;
  background: none !important;
  border: none !important;
  height: auto !important;
}

.react-datepicker-component .react-datepicker-input .button-wrapper .input-button {
  margin: 0 5px !important;
  background: transparent !important;
  font-size: 10px !important;
  border-radius: 0 4px 4px 0 !important;
}

.react-datepicker-component .react-datepicker-input input {
  padding-left: 5px !important;
  padding-right: 17px !important;
  font: 400 11px/23px "untitled_sans_regular" !important;
}

.innago-table.clientlogTable table th:first-child {
  width: 220px;
}

.innago-table.clientlogTable table th:last-child {
  width: 170px;
}

.settingTable .innago-table th.widact {
  width: 88px;
  text-align: center;
}

.invSplit .table-td th.amtSec {
  width: 260px;
}

.eror-brdr {
  border: 1px solid #ff6c6c !important;
}

.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .outrTabBg .priorityOuter {
  margin-right: 1px;
  display: flex;
  align-items: center;
  margin-top: 0px;
}

.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .outrTabBg .priorityOuter .switchToggle input:checked + label:before {
  top: 3px;
}

.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .outrTabBg .priorityOuter .switchToggle label {
  height: 26px;
  font-size: 0px;
}

.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .outrTabBg .priorityOuter .switchToggle label:after {
  top: 3px;
}

.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .outrTabBg .priorityOuter .switchToggle input + input + label:before {
  top: 2px;
}

.outr-priorty {
  display: flex;
  align-items: center;
}

.messageOuter .emailOuter .inboxInner {
  min-height: 50px;
}

.messageOuter .sendemailOuter .chatList .emailSec .transactionCheckbox .checkmark {
  background-color: #efecec;
}

.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .outrTabBg .priorityOuter .auto-pay-wrapper {
  margin-right: 15px;
  display: flex;
  align-items: center;
  margin-top: 5px;
}

.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .outrTabBg .priorityOuter .labl-txt {
  font-size: 14px;
  margin-right: 7px;
}

.credit-card-outr.addarw:before {
  content: "";
  background: url(../images/arroww.png) no-repeat;
  height: 350px;
  width: 32%;
  position: absolute;
  right: 152px;
  top: 40px;
  background-size: contain;
}
@media (max-width: 1559px) {
  .credit-card-outr.addarw:before {
    top: 51px;
  }
}
@media (max-width: 1240px) {
  .credit-card-outr.addarw:before {
    height: 416px;
    width: 38%;
    position: absolute;
    right: 125px;
    top: 40px;
  }
}

.categorySec.cursorPointer {
  position: relative;
}

.emailSec.activeChat .date i.fas.fa-trash.pl-3 {
  color: #fff;
}

.rc-menu-vertical.rc-menu-sub {
  max-height: 200px;
  overflow-y: auto;
}

.innago-table.table-main.transactionTable table.table-gap.table-td.transactionTbl td {
  padding-left: 11px !important;
}

.category-select-plaid .selctOtr:after {
  top: 18px;
}
.category-select-plaid ul.rc-menu.rc-menu-root.rc-menu-vertical {
  position: absolute;
  background: #fff;
  width: 100%;
  z-index: 1;
  max-height: 250px;
  overflow-y: auto;
  overflow-x: hidden;
}

.credit-card-outr {
  height: 100%;
}
.credit-card-outr .credit-card-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.credit-card-outr .credit-card-wrapper .no_value {
  height: 8%;
}
.credit-card-outr .credit-card-wrapper .credit-header {
  flex: 0 0 auto;
}
.credit-card-outr .credit-card-wrapper .cutm-padng {
  flex: 1 1 auto;
  height: 100%;
}
.credit-card-outr .credit-card-wrapper .cutm-padng .no_value {
  height: 84%;
  min-height: auto;
}
@media (max-width: 1679px) {
  .credit-card-outr .credit-card-wrapper .cutm-padng .no_value {
    height: 75%;
  }
}
@media (max-width: 1559px) {
  .credit-card-outr .credit-card-wrapper .cutm-padng .no_value {
    height: 65%;
  }
}

.btn-bl-pay {
  justify-content: flex-end !important;
  margin-top: 15px;
  margin-bottom: 0px !important;
}
.btn-bl-pay button.btn.addButton {
  background: #1382d9;
  color: #fff;
  font-size: 14px;
}
@media (max-width: 1679px) {
  .btn-bl-pay button.btn.addButton {
    font-size: 13px;
  }
}

.invoiceEditDate {
  display: flex;
}
.invoiceEditDate .btn-add {
  background: #1382d9;
  color: #fff;
  font: 13px/17px "untitled_sans_regular";
  padding: 0px 10px;
  margin-left: 6px;
}

.calenRcr {
  align-items: center;
}
.calenRcr label {
  margin-bottom: 0px;
  margin-right: 11px;
  font: 400 14px/20px "untitled_sans_medium";
  color: #7a7575;
}
.calenRcr .btn-add {
  background: #1382d9;
  color: #fff;
}
.calenRcr .react-datepicker__input-container {
  display: flex;
  align-items: center;
}
.calenRcr .react-datepicker__input-container .form-control {
  width: 130px;
}

.linking-btn {
  font-size: 15px;
  margin-bottom: 0px;
  text-decoration: underline;
  cursor: pointer;
}
.linking-btn:hover {
  color: #1382d9;
}

.table-responsive.tenantsTable.reportTable th.tenantName {
  width: 210px;
}
.table-responsive.tenantsTable.reportTable th.wdt-03 {
  width: 240px !important;
}
.table-responsive.tenantsTable.reportTable .table-head th:nth-child(3) {
  width: 190px;
}
.table-responsive.tenantsTable.reportTable .phoneNo {
  width: 150px;
}

.bgTRans {
  background: transparent !important;
}

.css-yk16xz-control:hover {
  border-color: transparent !important;
}

.mx-sl {
  max-width: 200px;
}

.markpaidBtn .formSection.status .form-control {
  width: 100px;
}

.innago-table-top.main-table-top.maint_req.maint_req_btm .flrWid {
  margin-right: 9px !important;
}

.mx-sl1 {
  max-width: 230px;
}

.react-datepicker-component.form-control .react-datepicker.floating {
  margin-left: 0;
  width: 100% !important;
  left: 0;
  margin-bottom: 10px;
}
.react-datepicker-component.form-control .react-datepicker .react-datepicker-container {
  width: 100% !important;
}

.css-yk16xz-control,
.css-1pahdxg-control {
  background-color: #e0e5eb !important;
  border-color: transparent !important;
}

.css-1pahdxg-control {
  box-shadow: none !important;
}

.css-1okebmr-indicatorSeparator {
  display: none;
}

.react-datepicker__day-name, .react-datepicker__day, .react-datepicker__time-name {
  width: 1.4rem !important;
}

button.disabled,
button:disabled {
  opacity: 0.65;
  cursor: no-drop !important;
}

.react-datepicker__navigation {
  background: none !important;
  text-align: center;
  cursor: pointer;
  position: absolute !important;
  top: 10px !important;
  padding: 0 !important;
  border: 0.45rem solid transparent !important;
  z-index: 1 !important;
  height: 10px !important;
  width: 10px !important;
  text-indent: -999em !important;
  overflow: hidden;
}

.widDateSource {
  width: 275px;
}

.datePic1 ::placeholder, .datePic2 ::placeholder {
  font-size: 12px !important;
}

.react-datepicker__navigation--previous {
  border-right-color: #ccc !important;
}

.react-datepicker__navigation--next {
  border-left-color: #ccc !important;
}

.zillowPw {
  display: inline-block;
  width: 100%;
  text-align: right;
  padding: 0px 7px;
  font: 400 12px/13px "untitled_sans_regular";
  color: #777474;
  margin-top: -7px;
}

.rgt .btn-dvd.blu-bg {
  background: #1384d8 !important;
  height: 40px !important;
}

::placeholder {
  font-weight: 400 !important;
}

.propertyOuter .propertyDtlRight .propertyDtlSecn .outer-section-prop .prop-nameDtl.dtlContProp {
  justify-content: initial !important;
}

.dashboardOtr .otrDtl .sideNav.expandnavbar .dropdown {
  pointer-events: auto !important;
}

.editprp i {
  font-size: 14px;
}

.no_value_table i {
  padding-right: 5px;
}

.calenRcr {
  padding: 0;
  display: flex;
  margin-top: 16px;
}
.calenRcr .form-control {
  font-size: 14px;
}
.calenRcr .btn-add {
  font-size: 14px;
  margin-left: 7px;
}

.txtNameLet {
  background: #1384d8;
  width: 37px;
  height: 37px;
  border-radius: 4px;
  text-align: center;
  color: #fff;
  font: 500 14px/36px "untitled_sans_regular";
  flex-shrink: 0;
}
@media (max-width: 1679px) {
  .txtNameLet {
    width: 33px;
    height: 33px;
    font: 500 13px/33px "untitled_sans_regular";
  }
}

.categorySec.cursorPointer i {
  margin-left: 5px;
  margin-right: 5px;
}

.un-slct span:hover {
  color: #0a65ae;
  cursor: pointer;
}

.selTenant {
  width: 70px !important;
}
.selTenant select {
  height: 43px !important;
  border: none;
  -webkit-appearance: none;
}
@media (max-width: 1679px) {
  .selTenant select {
    height: 40px !important;
  }
}
.selTenant .selctOtr:after {
  top: 17px !important;
  right: 8px !important;
}

.btnAddCam {
  position: absolute;
  z-index: 10;
  color: #1382d9;
  right: 25px;
  top: 12px;
  border-radius: 50px;
  font-size: 13px;
  width: 28px;
  height: 28px !important;
  text-align: center;
  line-height: 28px;
  background: #ffffff;
  box-shadow: 0px 1px 4px 0px #000000a1;
}
.btnAddCam i {
  color: #1382d9 !important;
  font-size: 13px !important;
}
.btnAddCam .custom-file-uploadd {
  width: 100%;
  display: inline-block;
}

.react-datepicker-component.form-control .react-datepicker-input input {
  font: 400 15px/23px "untitled_sans_regular" !important;
  height: 32px !important;
}

.invoiceEditDate .react-datepicker-component.form-control .react-datepicker-input input {
  height: 24px !important;
}

.react-datepicker-component.form-control .react-datepicker-input .button-wrapper .input-button {
  font-size: 18px !important;
}

.col-md-10.formInp.srch-frm ul.rc-menu.rc-menu-root.rc-menu-vertical {
  width: 98%;
}

.col-md-10.formInp.srch-frm .form-control.form-srch {
  width: 98%;
}

.css-1n7v3ny-option {
  font: 400 13px/21px untitled_sans_regular !important;
}

.tenants-inner .css-26l3qy-menu {
  z-index: 10 !important;
}

.addTenant.addInvoiceModal.addpsw .css-4ljt47-MenuList {
  max-height: 145px !important;
}

.addTenant .modal-body .clientInfo .formSection .unitSectn {
  flex: 0 0 29.666%;
  max-width: 29.666%;
}

.addTenant .modal-body .clientInfo .formSection .bdroom {
  flex: 0 0 13.666%;
  max-width: 13.666%;
}

.addTenant .modal-body .clientInfo .formSection .depounit {
  flex: 0 0 13.666%;
  max-width: 13.666%;
}

.rc-menu-vertical.rc-menu-sub li {
  cursor: pointer;
}

.addpsw .modal-md {
  max-width: 500px !important;
}
@media (max-width: 1679px) {
  .addpsw .modal-md {
    max-width: 450px !important;
  }
}
.addpsw .modal-footer .btnSubmit {
  padding: 10px 17px 10px !important;
}
@media (max-width: 1679px) {
  .addpsw .modal-footer .btnSubmit {
    padding: 7px 17px 7px !important;
  }
}

.sub-btn-1 {
  align-items: center;
  min-height: 90px;
  margin-top: 0px !important;
}

.clientlogTable.table-main .table-td td p {
  word-break: break-all;
}

.dts-sel {
  height: 43.2px !important;
  border: none;
}
@media (max-width: 1679px) {
  .dts-sel {
    height: 40.2px !important;
  }
}

.th-dts-srch {
  width: 250px;
}

.txt-not-sent {
  font: 16px/27px "untitled_sans_medium";
  color: #6e6f7b;
}
@media (max-width: 1679px) {
  .txt-not-sent {
    font: 14px/27px "untitled_sans_medium";
  }
}

.rental-application .form-section-dtl .form-input {
  margin-bottom: 0px !important;
}

.rental-application .creditcardOtr #field-wrapper label {
  padding: 0px 5px 0 0 !important;
}

.rental-application .creditcardOtr #field-wrapper img {
  top: 10px !important;
}

/*.rental-application #field-wrapper label.sc-AxhCb.ggJmxC
{
      min-width: 210px;
}*/
.navbarOtr {
  padding: 0px 5px;
  border: 1px solid #e2e9f1;
  left: 80px;
  width: calc(100% - 80px);
  position: fixed;
  z-index: 10;
  background: #fff;
  height: 70px;
  border-bottom: none;
}
@media (max-width: 1679px) {
  .navbarOtr {
    height: 60px;
  }
}
@media (max-width: 1199px) {
  .navbarOtr {
    width: 100%;
    left: 0;
  }
}
.navbarOtr .navbar-expand-lg {
  height: 70px;
}
@media (max-width: 1679px) {
  .navbarOtr .navbar-expand-lg {
    height: 60px;
  }
}
.navbarOtr .nav-head {
  color: #71767a;
  font: 20px/22px "untitled_sans_medium";
  margin-bottom: 0;
  text-transform: uppercase;
}
.navbarOtr .navbar .navbar-brand {
  display: none;
}
@media (max-width: 1199px) {
  .navbarOtr .navbar .navbar-brand {
    display: block;
  }
}
.navbarOtr .navbar .navbar-brand img {
  height: 60px;
}
.navbarOtr .navbar .serach-Outrr {
  position: relative;
}
.navbarOtr .navbar .serach-Outrr .serachableDiv {
  position: absolute;
  top: 35px;
  background: #ffffff;
  width: 500px;
  box-shadow: 1px 3px 4px 0px #726c6c70;
  padding: 0;
}
.navbarOtr .navbar .serach-Outrr .serachableDiv .listSec {
  overflow: auto;
  max-height: 490px;
}
.navbarOtr .navbar .serach-Outrr .serachableDiv .listSec .no_value {
  min-height: 250px;
}
.navbarOtr .navbar .serach-Outrr .serachableDiv .listSec ul.outer-list {
  padding: 0;
  list-style: none;
}
.navbarOtr .navbar .serach-Outrr .serachableDiv .listSec ul.outer-list h3 {
  font: 15px/22px "untitled_sans_medium";
  color: #717374;
  margin-bottom: 2px;
  border-bottom: 1px solid #e7e7e7;
  background: #f6f7f8;
  padding: 5px 15px;
}
.navbarOtr .navbar .serach-Outrr .serachableDiv .listSec ul.outer-list li {
  border-bottom: 1px solid #efeded;
  font: 14px/22px "untitled_sans_regular";
  padding: 8px 15px 8px;
  cursor: pointer;
}
.navbarOtr .navbar .serach-Outrr .serachableDiv .listSec ul.outer-list li:hover {
  background: #f6f7f8;
}
.navbarOtr .navbar .search-list {
  flex: 1 1 auto;
  justify-content: flex-end;
  padding-left: 115px;
}
.navbarOtr .navbar .search-list .list-li {
  display: flex;
  align-items: center;
}
.navbarOtr .navbar .search-list .list-li .serach-Outrr {
  align-items: center;
}
.navbarOtr .navbar .search-list .srch {
  background: #1392d2;
  border: none;
  height: 35px;
  color: #fff;
  font-size: 14px;
  padding: 0px 12px;
  line-height: 30px;
  border-top-left-radius: 0px;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 0px;
}
.navbarOtr .navbar .search-list .serchSec {
  padding: 0;
  width: 500px;
  border-radius: 0px;
  position: relative;
}
.navbarOtr .navbar .search-list .serchSec i {
  position: absolute;
  right: 13px;
  bottom: 11px;
  color: #b4b4b4;
}
.navbarOtr .navbar .search-list .serchSec .form-control {
  height: 35px;
  border: 1px solid #e6e5e5;
  border-radius: 10px;
  box-shadow: none;
  outline: none;
  font-size: 14px;
  padding-right: 38px;
  /*border-top-left-radius: 4px;
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 4px;*/
}
.navbarOtr .navbar .navbar-collapse .imgNoti {
  position: relative;
  cursor: pointer;
}
.navbarOtr .navbar .navbar-collapse .imgNoti .dropdown-toggle:after {
  content: none;
}
.navbarOtr .navbar .navbar-collapse .imgNoti .hedlist .dropdown-item {
  font-size: 15px;
  border-bottom: 1px solid #e2e9f1;
  padding: 2px 13px 9px;
  font-weight: 500;
  color: #474848;
  display: flex;
  align-items: center;
  flex-direction: row;
}
.navbarOtr .navbar .navbar-collapse .imgNoti .hedlist .dropdown-item:hover {
  background: #fff;
}
@media (max-width: 1679px) {
  .navbarOtr .navbar .navbar-collapse .imgNoti .hedlist .dropdown-item {
    font-size: 14px;
  }
}
.navbarOtr .navbar .navbar-collapse .imgNoti .hedlist .dropdown-item span {
  padding-left: 6px;
}
@media (max-width: 1679px) {
  .navbarOtr .navbar .navbar-collapse .imgNoti .hedlist .dropdown-item span {
    padding-left: 5px;
  }
}
.navbarOtr .navbar .navbar-collapse .imgNoti .hedlist .dropdown-item img {
  height: 15px;
}
.navbarOtr .navbar .navbar-collapse .imgNoti .botmList {
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  padding: 13px 0px;
  background: #1382d9;
}
@media (max-width: 1679px) {
  .navbarOtr .navbar .navbar-collapse .imgNoti .botmList {
    padding: 10px 0px;
  }
}
.navbarOtr .navbar .navbar-collapse .imgNoti .botmList span a {
  color: #ffffff;
}
.navbarOtr .navbar .navbar-collapse .imgNoti .botmList span a i {
  font-size: 12px;
  padding-left: 2px;
}
.navbarOtr .navbar .navbar-collapse .imgNoti .listNoti {
  display: flex;
  flex-direction: row;
  padding: 7px 15px 9px;
  border-top: 1px solid #e2e9f1;
  cursor: pointer;
}
.navbarOtr .navbar .navbar-collapse .imgNoti .listNoti:hover {
  background: #f3f7fb;
}
.navbarOtr .navbar .navbar-collapse .imgNoti .listNoti .imgPersn {
  width: 35px;
  height: 35px;
  flex-shrink: 0;
}
.navbarOtr .navbar .navbar-collapse .imgNoti .listNoti .imgPersn img {
  width: 100%;
  height: 100%;
  border-radius: 50px;
}
.navbarOtr .navbar .navbar-collapse .imgNoti .listNoti .messageImg {
  min-width: 23px;
}
.navbarOtr .navbar .navbar-collapse .imgNoti .listNoti .messageImg img {
  width: 20px;
  height: 16px;
}
.navbarOtr .navbar .navbar-collapse .imgNoti .listNoti .imgCont {
  padding: 0px 5px 0px 7px;
  flex-grow: 1;
}
@media (max-width: 1679px) {
  .navbarOtr .navbar .navbar-collapse .imgNoti .listNoti .imgCont {
    padding: 0px 5px 0px 3px;
  }
}
.navbarOtr .navbar .navbar-collapse .imgNoti .listNoti .imgCont h3 {
  font-size: 14px;
  margin-bottom: 2px;
}
@media (max-width: 1679px) {
  .navbarOtr .navbar .navbar-collapse .imgNoti .listNoti .imgCont h3 {
    font-size: 13px;
    margin-bottom: 1px;
  }
}
.navbarOtr .navbar .navbar-collapse .imgNoti .listNoti .imgCont .desc {
  font-size: 15px;
  margin-bottom: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
  color: #535151;
  font-weight: 500;
}
@media (max-width: 1679px) {
  .navbarOtr .navbar .navbar-collapse .imgNoti .listNoti .imgCont .desc {
    font-size: 13px;
    line-height: 23px;
  }
}
.navbarOtr .navbar .navbar-collapse .imgNoti .listNoti .imgCont .timr {
  font-size: 11px;
  color: #928b8b;
  margin-bottom: 5px;
}
.navbarOtr .navbar .navbar-collapse .imgNoti .dropdown-menuu {
  top: 97%;
  min-width: 216px;
  left: -48px;
  border: none;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.18);
  border-radius: 5px;
  padding: 8px 0px 0px;
}
@media (max-width: 1679px) {
  .navbarOtr .navbar .navbar-collapse .imgNoti .dropdown-menuu {
    min-width: 205px;
    right: 12px;
    top: 97%;
    left: -70px;
  }
}
@media (max-width: 1190px) {
  .navbarOtr .navbar .navbar-collapse .imgNoti .dropdown-menuu {
    min-width: 205px;
  }
}
@media (max-width: 1000px) {
  .navbarOtr .navbar .navbar-collapse .imgNoti .dropdown-menuu {
    min-width: 205px !important;
  }
}
.navbarOtr .navbar .navbar-collapse .imgNoti .dropdown-menuu:before {
  content: "";
  border: 10px solid transparent;
  border-left-color: #fff;
  border-top-color: #fff;
  position: absolute;
  border-radius: 3px;
  top: -8px;
  left: 58px;
  box-shadow: -5px -5px 12px -2px rgba(0, 0, 0, 0.1);
  transform: rotate(45deg);
  z-index: 1002;
}
@media (max-width: 1679px) {
  .navbarOtr .navbar .navbar-collapse .imgNoti .dropdown-menuu:before {
    top: -6px;
    left: 78px;
  }
}
@media (max-width: 991px) {
  .navbarOtr .navbar .navbar-collapse .imgNoti .dropdown-menuu:before {
    left: 72px;
  }
}
.navbarOtr .navbar .navbar-collapse .imgNoti .notificationScroll {
  overflow: auto;
  max-height: 227px;
}
.navbarOtr .navbar .navbar-collapse .imgNoti ::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #f5f5f5;
}
.navbarOtr .navbar .navbar-collapse .imgNoti ::-webkit-scrollbar {
  width: 8px;
  background-color: #f5f5f5;
}
.navbarOtr .navbar .navbar-collapse .imgNoti ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #b6b9bc;
}
.navbarOtr .navbar .navbar-collapse .imgNoti img {
  height: 29px;
}
.navbarOtr .navbar .navbar-collapse .imgNoti .notifyTxt {
  position: absolute;
  right: 25px;
  top: 15px;
  background: #fc5c5c;
  width: 25px;
  height: 25px;
  border-radius: 50px;
  text-align: center;
  color: #fff;
  line-height: 21px;
  font-size: 13px;
  border: 2px solid #fff;
}
.navbarOtr .navbar .navbar-collapse .imgNoti:after {
  content: "";
  height: 43px;
  border-right: 1px solid #d8d0d0;
  margin-left: 27px;
}
.navbarOtr .navbar .navbar-collapse .profileImg {
  padding-left: 15px;
}
.navbarOtr .navbar .navbar-collapse .profileImg .dropdown-menu {
  border: none;
  box-shadow: 0px 0px 6px 0px #e5e5e5;
  border-radius: 3px;
  padding: 0px 0px 7px;
  margin: 0;
  min-width: 11rem;
  left: auto;
  right: 0;
}
.navbarOtr .navbar .navbar-collapse .profileImg .dropdown-menu .dropdown-item {
  font-size: 15px;
  /* font-weight: 500;*/
  color: #696464;
  border-bottom: 1px solid #ebe9e9;
  padding: 9px 15px;
}
.navbarOtr .navbar .navbar-collapse .profileImg .dropdown-menu .dropdown-item:last-child {
  border-bottom: none;
}
.navbarOtr .navbar .navbar-collapse .profileImg .dropdown-menu .dropdown-item:active {
  color: #fff !important;
}
.navbarOtr .navbar .navbar-collapse .profileImg .dropdown-menu .dropdown-item i {
  /*color: #847e7e;*/
  font-size: 13px;
}
.navbarOtr .navbar .navbar-collapse .profileImg .dropdown-menu .dropdown-item i:active {
  color: #fff !important;
}
.navbarOtr .navbar .navbar-collapse .profileImg .dropdown-menu i {
  padding-right: 5px;
}
.navbarOtr .navbar .navbar-collapse .imgProf {
  border-radius: 50px;
  width: 55px;
  height: 55px;
  border: 2px solid #ccc;
}
.navbarOtr .navbar .navbar-collapse .imgProf img {
  border-radius: 50px;
  width: 100%;
  height: 100%;
  border: 2px solid #ffffff;
  object-fit: cover;
  object-position: center;
}
.navbarOtr .navbar .navbar-collapse .profileNameLetter {
  height: 33px;
  width: 33px;
  background: #1382d9;
  border-radius: 50%;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  font: 12px/19px "untitled_sans_medium";
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.navbarOtr .navbar .navbar-collapse .profName {
  font: 400 15px/22px "untitled_sans_regular";
  color: #272738;
  padding-left: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
  max-width: 120px;
}

.expandnavbar .open-sub-menu {
  padding-left: 18px !important;
}

.open-sub-menu .dropdown-item {
  visibility: hidden;
}

.open-sub-menu {
  padding-left: 20px !important;
}

.expandnavbar .open-sub-menu .dropdown-item {
  visibility: visible;
}

.makepayment .customRadioBtn {
  margin: 4px 0px;
}
@media (max-width: 510px) {
  .makepayment .customRadioBtn {
    flex-direction: column;
  }
}
.makepayment .customRadioBtn .radioBtn {
  display: block;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-bottom: 0;
  line-height: 19px !important;
  margin-bottom: 18px;
}
.makepayment .customRadioBtn .radioBtn input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.makepayment .customRadioBtn .radiocheckmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  border-radius: 50%;
  border: 1px solid #89c0ec;
}
.makepayment .customRadioBtn .radiocheckmark:after {
  content: "";
  position: absolute;
  display: none;
}
.makepayment .customRadioBtn .radioBtn input:checked ~ .radiocheckmark:after {
  display: block;
  background: #1382d9;
}
.makepayment .customRadioBtn .radioBtn input ~ .radiocheckmark:after {
  display: block;
  background: #d0e6f7;
}
.makepayment .customRadioBtn .radioBtn .radiocheckmark:after {
  top: 3px;
  left: 3px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #d0e6f7;
}
.makepayment .modal-body {
  padding-bottom: 4px !important;
}
.makepayment .modal-footer {
  padding-bottom: 22px;
}
.makepayment ul {
  padding: 0;
  list-style: none;
}
.makepayment ul li {
  background: #f9fcff;
  margin-bottom: 8px;
  padding: 7px 15px;
  font: 400 14px/26px "untitled_sans_regular";
  border: 1px solid #f2f2f2;
  cursor: pointer;
  display: flex;
}
.makepayment ul li:hover {
  background: #ecf6ff;
}
.makepayment ul .activecard {
  background: #ecf6ff;
}
.makepayment .btnSubmit {
  padding: 6px 13px !important;
  font: 13px/24px "untitled_sans_regular" !important;
  letter-spacing: 0 !important;
}
.makepayment .newcrd {
  background: #e0e5eb !important;
  color: #333;
  border-color: #e0e5eb !important;
}

.rental-application .creditcardOtr input#card-number {
  padding-right: 8px;
  padding-left: 39px;
  text-indent: 0px !important;
}

.rental-application .creditcardOtr #field-wrapper label .credit-card-input {
  font-size: 14px !important;
}

.rental-application .submit-btn {
  margin-top: 14px;
}

.rental-application .form-section-dtl .form-input .form-control {
  height: 38px !important;
}
@media (max-width: 1679px) {
  .rental-application .form-section-dtl .form-input .form-control {
    height: 36px !important;
  }
}

.sideNav.expandnavbar .nav-drp {
  padding: 10px 16px !important;
}

.dashboardOtr {
  min-height: 100vh;
}
.dashboardOtr .otrDtl {
  align-items: stretch;
  min-height: 100vh;
}
.dashboardOtr .otrDtl .sideNav {
  flex: 0 0 220px;
  padding: 14px 0px 0px 0px;
  position: fixed;
  background: #fff;
  z-index: 99;
  top: 0;
  left: 0;
  width: 220px;
  overflow: hidden;
  transition: all ease 0.1s;
  height: 100%;
}
.dashboardOtr .otrDtl .sideNav.expandnavbar {
  box-shadow: -5px 10px 7px 3px #5f5959;
}
.dashboardOtr .otrDtl .sideNav.expandnavbar .open-menu {
  display: block !important;
}
@media (max-width: 1679px) {
  .dashboardOtr .otrDtl .sideNav.expandnavbar .open-menu {
    font-size: 15px;
  }
}
.dashboardOtr .otrDtl .sideNav.expandnavbar .logo-small {
  display: none;
}
.dashboardOtr .otrDtl .sideNav.expandnavbar .logo-large {
  display: block !important;
}
.dashboardOtr .otrDtl .sideNav.expandnavbar .logo-large img {
  max-height: 57px;
  margin-left: -12px;
  margin-top: -12px;
}
@media (max-width: 1679px) {
  .dashboardOtr .otrDtl .sideNav.expandnavbar .logo-large img {
    max-height: 50px;
    margin-top: -6px;
  }
}
.dashboardOtr .otrDtl .sideNav.expandnavbar .navclose {
  display: block !important;
}
.dashboardOtr .otrDtl .sideNav.expandnavbar .navList li {
  flex-direction: row !important;
}
.dashboardOtr .otrDtl .sideNav .navbar-brand {
  display: block;
  position: relative;
  margin: 0;
  padding: 0px 0px 10px 19px;
}
.dashboardOtr .otrDtl .sideNav .navbar-brand .logo-small img {
  width: 44px;
}
.dashboardOtr .otrDtl .sideNav .navbar-brand .logo-large {
  /*visibility:hidden;*/
  display: none;
}
.dashboardOtr .otrDtl .sideNav .navbar-brand .navclose {
  position: absolute;
  right: 10px;
  top: 5px;
  font-size: 28px;
  display: none;
  cursor: pointer;
  border: none;
  background: none;
  outline: none;
  font-size: 19px;
  color: #696666;
}
.dashboardOtr .otrDtl .sideNav .navList {
  list-style: none;
  padding: 4px 12px;
  /*.dropdown-menu {
    border: none !important;
    color: #7d7e9d !important;
    padding: 4px 5px;
    transform: translate3d(36px, 277px, 0px) !important;
    @media (max-width: 1270px) {
    transform: translate3d(36px, 293px, 0px) !important;
    }
    a {
      &:hover {
        color: #7d7e9d !important;
         padding: 3px 5px !important;
      }
    }
    ul{
      padding: 0;
      li{
        padding: 5px 4px;
        &:hover{
          padding: 5px 4px;
        }
      }
    }
  }*/
  /*.dropdown-item {
    padding: 3px 5px !important;
    &:active,
    &:hover,
    &:focus {
      background: inherit !important;
      padding: 3px 5px !important;
    }
  }*/
  /*.dropdown-toggle {
    &:after {
      margin-left: 1.255em !important;
    }
  }*/
}
@media (max-width: 1679px) {
  .dashboardOtr .otrDtl .sideNav .navList {
    padding: 4px 10px;
  }
}
.dashboardOtr .otrDtl .sideNav .navList li {
  padding: 12px 16px;
  border-bottom: 1px solid #e2e9f1;
  font: 16px/22px "untitled_sans_regular";
  display: flex;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
}
@media (max-width: 1199px) {
  .dashboardOtr .otrDtl .sideNav .navList li {
    flex-direction: row;
  }
}
.dashboardOtr .otrDtl .sideNav .navList li a {
  text-decoration: none;
  text-transform: capitalize;
  color: #7d7e9d;
  font: 15px/22px "untitled_sans_regular";
}
@media (max-width: 1679px) {
  .dashboardOtr .otrDtl .sideNav .navList li a {
    font: 15px/22px "untitled_sans_regular";
  }
}
.dashboardOtr .otrDtl .sideNav .navList li.active {
  color: #1382d9;
}
.dashboardOtr .otrDtl .sideNav .navList li.active:after {
  content: "";
  border-left: 6px solid #1382d9;
  height: 25px;
  position: absolute;
  left: 0;
}
.dashboardOtr .otrDtl .sideNav .navList li span {
  margin-left: 12px;
}
.dashboardOtr .otrDtl .sideNav .navList .dropdown {
  flex-wrap: wrap;
  padding: 0;
  cursor: pointer;
}
.dashboardOtr .otrDtl .sideNav .navList .dropdown:hover {
  color: #7d7e9d !important;
}
.dashboardOtr .otrDtl .sideNav .navList .dropdown:hover svg {
  color: #7d7e9d !important;
}
.dashboardOtr .otrDtl .sideNav .navList .nav-drp {
  display: flex;
  min-width: 100%;
  flex-direction: row;
  align-items: center;
  padding: 10px 0px;
  justify-content: center;
}
.dashboardOtr .otrDtl .sideNav .navList .dropdown-menu {
  border: none !important;
  color: #7d7e9d !important;
  transform: none !important;
  position: static !important;
  padding: 0;
  min-width: auto !important;
  /*padding: 8px 20px; */
  background: #eee;
  width: 100%;
  border-radius: 0;
  /*&:hover{
    a{
      color: #1382d9 !important;
    }
    svg{
    fill: #1382d9 !important;
  }
  }*/
}
.dashboardOtr .otrDtl .sideNav .navList .dropdown-menu a {
  color: #7d7e9d !important;
}
.dashboardOtr .otrDtl .sideNav .navList .dropdown-menu svg {
  fill: #7d7e9d !important;
}
.dashboardOtr .otrDtl .sideNav .navList .dropdown-menu .sub-menu {
  display: flex !important;
  align-items: center;
  margin-left: 0 !important;
  padding: 4px 20px;
}
.dashboardOtr .otrDtl .sideNav .navList .dropdown-menu .sub-menu:hover {
  background: #dedede;
}
.dashboardOtr .otrDtl .sideNav .navList .dropdown-menu .sub-menu-active {
  background: #dedede;
}
.dashboardOtr .otrDtl .sideNav .navList .dropdown-item {
  display: flex;
  padding: 5px 7px;
}
.dashboardOtr .otrDtl .sideNav .navList .dropdown-item:active, .dashboardOtr .otrDtl .sideNav .navList .dropdown-item:hover, .dashboardOtr .otrDtl .sideNav .navList .dropdown-item:focus {
  background: inherit !important;
}
.dashboardOtr .otrDtl .sideNav .navList .dropdown-item svg {
  margin-right: 8px;
}
.dashboardOtr .otrDtl .sideNav .navList .dropdown-item svg:hover {
  fill: #1382d9;
}
.dashboardOtr .otrDtl .sideNav .navList .dropdown-toggle:after {
  position: absolute;
  right: 5px;
}
.dashboardOtr .otrDtl .dtlSec {
  background: #e2e9f1;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  width: calc(100% - 220px);
  margin-top: 70px;
  margin-left: 220px;
}
@media (max-width: 1720px) {
  .dashboardOtr .otrDtl .dtlSec {
    margin-left: 200px;
  }
}
@media (max-width: 1679px) {
  .dashboardOtr .otrDtl .dtlSec {
    margin-top: 60px;
  }
}
@media (max-width: 1199px) {
  .dashboardOtr .otrDtl .dtlSec {
    margin-left: 0;
  }
}
.dashboardOtr .otrDtl .dtlSec .otrDetail {
  padding: 15px 15px;
  flex-direction: row;
  flex-wrap: wrap;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .headerSection {
  flex-direction: row;
  justify-content: space-between;
  padding: 10px 25px 17px;
  flex: 0 0 auto;
  align-items: center;
  border-bottom: 1px solid #dee2e6;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .headerSection h3 {
  font: 500 17px/22px "untitled_sans_medium";
  text-transform: uppercase;
  margin-bottom: 0px;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .headerSection h3 span {
  color: #878787;
  font: 500 15px/22px "untitled_sans_medium";
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .headerSection .viewMore {
  font: 400 14px/22px "untitled_sans_regular";
  cursor: pointer;
  display: flex;
  align-items: center;
  color: #818181;
  margin-top: -9px;
  margin-bottom: -2px;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .headerSection .viewMore .dateSec {
  border-radius: 5px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  background: #f5f5f5;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .headerSection .viewMore .dateSec span.far.fa-calendar {
  color: #7c7878;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .headerSection .viewMore .dateSec .datePic1 {
  display: flex;
  align-items: center;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .headerSection .viewMore .dateSec .datePic1 .input-group-addon {
  margin-top: -2px;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .headerSection .viewMore .dateSec .datePic1 input::placeholder {
  font: 400 12px/20px "untitled_sans_regular";
}
@media (max-width: 767px) {
  .dashboardOtr .otrDtl .dtlSec .otrDetail .headerSection .viewMore .dateSec .datePic1 input::placeholder {
    font: 400 13px/20px "untitled_sans_regular";
  }
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .headerSection .viewMore .dateSec .datePic2 {
  display: flex;
  align-items: center;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .headerSection .viewMore .dateSec .datePic2 .input-group-addon {
  margin-top: -2px;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .headerSection .viewMore .dateSec .datePic2 input::placeholder {
  font: 400 12px/20px "untitled_sans_regular";
}
@media (max-width: 767px) {
  .dashboardOtr .otrDtl .dtlSec .otrDetail .headerSection .viewMore .dateSec .datePic2 input::placeholder {
    font: 400 13px/20px "untitled_sans_regular";
  }
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .headerSection .viewMore .dateSec .date1 {
  background: #f5f5f5;
  border: none;
  padding: 7px 3px;
  width: 98px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  text-indent: 4px;
  outline: 0;
  font: 400 13px/20px "untitled_sans_regular";
  border-right: 1px solid #d4d3d3;
  color: #5f5959;
}
@media (max-width: 767px) {
  .dashboardOtr .otrDtl .dtlSec .otrDetail .headerSection .viewMore .dateSec .date1 {
    width: 85px !important;
  }
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .headerSection .viewMore .dateSec .date2 {
  background: #f5f5f5;
  border: none;
  padding: 7px 3px;
  width: 98px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  text-indent: 4px;
  outline: 0;
  font: 400 13px/20px "untitled_sans_regular";
  color: #5f5959;
}
@media (max-width: 767px) {
  .dashboardOtr .otrDtl .dtlSec .otrDetail .headerSection .viewMore .dateSec .date2 {
    width: 85px !important;
  }
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .headerSection .viewMore img {
  height: 13px;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .headerSection .viewMore .pleft-15 {
  padding-left: 15px;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .headerSection .viewMore span {
  margin-left: 7px;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .tableProperty {
  padding: 0px 7px;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .tableProperty .tableOtr {
  background: #fff;
  padding: 12px 0px 0px;
  border-radius: 3px;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .tableProperty .tableOtr .no_value {
  border-top: 1px solid #dee2e6;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .tableProperty .tableOtr .table-responsive {
  flex: 1 1 auto;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .tableProperty .moveDrop {
  display: flex;
  justify-content: center;
  margin-top: 5px;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .tableProperty .moveDrop .dropdown-toggle {
  outline: 0;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .tableProperty .moveDrop .dropdown-toggle:after {
  content: none;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .tableProperty .moveDrop .dropdown-toggle i {
  color: #c7c7c7;
  font-size: 20px;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .tableProperty .dropdown-menu {
  min-width: 100px;
  border: none;
  padding: 6px 12px;
  box-shadow: 1px 3px 25px 4px rgba(202, 195, 195, 0.54);
  border-radius: 6px;
  margin-top: 8px;
  margin-left: -18px;
  z-index: 10000;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .tableProperty .dropdown-menu:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid white;
  top: -7px;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .tableProperty .dropdown-item {
  font: 400 13.5px/22px "untitled_sans_regular";
  padding: 3px 11px 3px;
  color: #868383 !important;
  border-bottom: 1px solid #ebeced;
  background: none !important;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .tableProperty .dropdown-item:last-child {
  border-bottom: none;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .tableProperty .dropdown-item i {
  color: #847e7e !important;
  font-size: 13px !important;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .tableProperty .propTableDtl {
  border-bottom: 1px solid #dee2e6;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .tableProperty .propTableDtl .width-001 {
  width: 56px;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .tableProperty .propTableDtl .width-002 {
  width: 129px;
  min-width: 132px;
}
@media (max-width: 1679px) {
  .dashboardOtr .otrDtl .dtlSec .otrDetail .tableProperty .propTableDtl .width-002 {
    min-width: 90px;
  }
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .tableProperty .propTableDtl td {
  vertical-align: middle;
  padding: 23px 11px;
  border-right: 1px solid #dee2e6;
}
@media (max-width: 1720px) {
  .dashboardOtr .otrDtl .dtlSec .otrDetail .tableProperty .propTableDtl td {
    padding: 18px 6px;
  }
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .tableProperty .propTableDtl td:last-child {
  border-right: 0px;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .tableProperty .propTableDtl .propDtl .imgProp {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .tableProperty .propTableDtl .propDtl .imgProp img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  object-fit: cover;
  object-position: center;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .tableProperty .propTableDtl .propDtl .textProp h4 {
  font: 500 14px/20px "untitled_sans_regular";
  margin-bottom: 0px;
  color: #272738;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .tableProperty .propTableDtl .propDtl .textProp h5 {
  color: #818181;
  font: 400 13px/16px "untitled_sans_regular";
  margin-bottom: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .tableProperty .propTableDtl .propDtl .textProp .slno {
  color: #1f91ea;
  font: 400 14px/19px "untitled_sans_regular";
  margin-bottom: 5px;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .tableProperty .propTableDtl .rent h4 {
  color: #373737;
  font: 400 13px/20px "untitled_sans_regular";
  margin-bottom: 0px;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .tableProperty .propTableDtl .rent p {
  color: #e15e5e;
  font: 500 13px/20px "untitled_sans_medium";
  margin-bottom: 0px;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .tableProperty .propTableDtl .unit h4 {
  color: #373737;
  font: 400 13px/20px "untitled_sans_regular";
  margin-bottom: 0px;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .tableProperty .propTableDtl .unit p {
  font: 500 13px/20px "untitled_sans_regular";
  margin-bottom: 0px;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .tableProperty .propTableDtl .icon i {
  color: #c7c7c7;
  font-size: 22px;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .tableProperty .btnadd {
  background: -moz-linear-gradient(-45deg, #1382d8 0%, #129fcc 99%);
  background: -webkit-linear-gradient(-45deg, #1382d8 0%, #129fcc 99%);
  background: linear-gradient(135deg, #1382d8 0%, #129fcc 99%);
  width: 100%;
  color: #fff;
  font: 400 16px/20px "untitled_sans_regular";
  padding: 17px 16px;
  border: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  cursor: pointer;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .occupancy {
  padding: 0px 7px;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .occupancy .no_value {
  min-height: auto !important;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .occupancy .moveDrop {
  display: flex;
  justify-content: center;
  margin-top: 5px;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .occupancy .moveDrop .dropdown-toggle {
  outline: 0;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .occupancy .moveDrop .dropdown-toggle:after {
  content: none;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .occupancy .moveDrop .dropdown-toggle i {
  color: #c7c7c7;
  font-size: 20px;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .occupancy .dropdown-menu {
  min-width: 100px;
  border: none;
  padding: 6px 12px;
  box-shadow: 1px 3px 25px 4px rgba(202, 195, 195, 0.54);
  border-radius: 6px;
  margin-top: 8px;
  margin-left: -18px;
  z-index: 10000;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .occupancy .dropdown-menu:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid white;
  top: -7px;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .occupancy .dropdown-item {
  font: 400 13.5px/22px "untitled_sans_regular";
  padding: 3px 11px 3px;
  color: #868383 !important;
  border-bottom: 1px solid #ebeced;
  background: none !important;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .occupancy .dropdown-item:last-child {
  border-bottom: none;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .occupancy .dropdown-item i {
  color: #847e7e !important;
  font-size: 13px !important;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .occupancy .flexotrSec {
  display: flex;
  flex-direction: column;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .occupancy .occupancyOtr {
  background: #fff;
  height: 100%;
  padding: 12px 0px 0px;
  border-radius: 3px;
  /*display: flex;
  flex-direction: column;*/
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .occupancy .occupancyOtr .headerSection {
  border-bottom: 1px solid #dee2e6;
  flex: 0 0 auto;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .occupancy .occupancyOtr .no_value {
  height: calc(100% - 60px);
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .occupancy .occupancyOtr .flexDrw {
  background: #f8f8f8;
  flex: 1 1 auto;
  justify-content: center;
  display: flex;
  flex-direction: column;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .occupancy .occupancyOtr .chartContainer .chartOuter {
  position: relative;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .occupancy .occupancyOtr .chartContainer .textInnerDoughnut {
  margin: 0;
  position: absolute;
  top: 52%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media (max-width: 1720px) {
  .dashboardOtr .otrDtl .dtlSec .otrDetail .occupancy .occupancyOtr .chartContainer .textInnerDoughnut {
    top: 50%;
  }
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .occupancy .occupancyOtr .chartContainer .textInnerDoughnut .numTxt {
  font: 600 34px/30px "untitled_sans_regular";
  color: #373737;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .occupancy .occupancyOtr .chartContainer .textInnerDoughnut .sumTxt {
  padding-left: 0px;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .occupancy .occupancyOtr .chartContainer .textInnerDoughnut .sumTxt .tot {
  color: #949494;
  font: 500 12px/17px "untitled_sans_regular";
  margin-bottom: 0px;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .occupancy .occupancyOtr .chartContainer .textInnerDoughnut .sumTxt .unit {
  font: 600 16px/17px "untitled_sans_regular";
  color: #373737;
  margin-bottom: 0px;
  padding-left: 5px;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .occupancy .occupancyOtr .chartContainer .chartCont {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 7px;
  margin-bottom: 10px;
  border-bottom: 1px solid #e2e9f1;
  position: relative;
  padding: 32px 40px 32px;
  align-items: center;
}
@media (max-width: 767px) {
  .dashboardOtr .otrDtl .dtlSec .otrDetail .occupancy .occupancyOtr .chartContainer .chartCont {
    padding: 18px 13px 18px !important;
  }
}
@media (max-width: 1679px) {
  .dashboardOtr .otrDtl .dtlSec .otrDetail .occupancy .occupancyOtr .chartContainer .chartCont {
    padding: 25px 5px 25px;
  }
}
@media (max-width: 1720px) {
  .dashboardOtr .otrDtl .dtlSec .otrDetail .occupancy .occupancyOtr .chartContainer .chartCont {
    padding: 31px 5px 31px;
  }
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .occupancy .occupancyOtr .chartContainer .chartCont:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  /* background: #ccc; */
  border-left: 1px solid #dee2e6;
  height: 100%;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .occupancy .occupancyOtr .chartContainer .chartCont li {
  list-style: none;
  margin-right: 11px;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .occupancy .occupancyOtr .chartContainer .chartCont li .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #1dc896;
  border-radius: 50px;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .occupancy .occupancyOtr .chartContainer .chartCont li .textcont {
  padding-left: 5px;
  color: #828282;
  font: 500 13px/20px "untitled_sans_regular";
}
@media (max-width: 767px) {
  .dashboardOtr .otrDtl .dtlSec .otrDetail .occupancy .occupancyOtr .chartContainer .chartCont li .textcont {
    padding-left: 9px !important;
  }
}
@media (max-width: 1679px) {
  .dashboardOtr .otrDtl .dtlSec .otrDetail .occupancy .occupancyOtr .chartContainer .chartCont li .textcont {
    padding-left: 3px;
  }
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .occupancy .occupancyOtr .chartContainer .chartCont li .colorbg {
  background: #fd5d5d;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .occupancy .occupancyOtr .dtlOccupy {
  padding: 0px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  padding: 40px 36px 40px;
  margin-bottom: 0;
  border-bottom: 1px solid #e2e9f1;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .occupancy .occupancyOtr .dtlOccupy:last-child {
  border-bottom: none;
}
@media (max-width: 1720px) {
  .dashboardOtr .otrDtl .dtlSec .otrDetail .occupancy .occupancyOtr .dtlOccupy {
    padding: 29px 15px;
  }
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .occupancy .occupancyOtr .dtlOccupy li {
  list-style: none;
  display: flex;
  flex-direction: column;
  border-left: 6px solid #1dc896;
  padding-left: 8px;
  cursor: pointer;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .occupancy .occupancyOtr .dtlOccupy li.redbrd {
  border-left: 6px solid #fd5d5d;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .occupancy .occupancyOtr .dtlOccupy li h3 {
  font: 600 15px/21px "untitled_sans_regular";
  margin-bottom: 0px;
  color: #464646;
}
@media (max-width: 1720px) {
  .dashboardOtr .otrDtl .dtlSec .otrDetail .occupancy .occupancyOtr .dtlOccupy li h3 {
    font: 600 14px/21px "untitled_sans_regular";
  }
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .occupancy .occupancyOtr .dtlOccupy li p {
  color: #a3a3a3;
  font: 400 13px/13px "untitled_sans_regular";
  margin-bottom: 0px;
}
@media (max-width: 1720px) {
  .dashboardOtr .otrDtl .dtlSec .otrDetail .occupancy .occupancyOtr .dtlOccupy li p {
    font: 400 12px/13px "untitled_sans_regular";
  }
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .occupancy .occupancyOtr .css-yk16xz-control,
.dashboardOtr .otrDtl .dtlSec .otrDetail .occupancy .occupancyOtr .css-1pahdxg-control {
  background-color: #ffffff !important;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .maintenance .btnadd {
  background: -o-linear-gradient(315deg, #1382d8 0%, #129fcc 99%);
  background: linear-gradient(135deg, #1382d8 0%, #129fcc 99%);
  width: 100%;
  color: #fff;
  font: 400 16px/20px "untitled_sans_regular";
  padding: 17px 16px;
  border: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  cursor: pointer;
}
@media (max-width: 1720px) {
  .dashboardOtr .otrDtl .dtlSec .otrDetail .maintenance .btnadd {
    font: 400 14px/20px "untitled_sans_regular";
    padding: 14px 16px;
  }
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .maintenance .maintul {
  list-style: none;
  padding: 7px 26px 0px;
  margin-bottom: 0px;
  /*flex: 1 1 auto;*/
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .maintenance .maintul li {
  padding: 4px 0px;
  flex: 0 0 auto;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .maintenance .maintul li .imgSec img {
  height: 24px;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .maintenance .maintul li .bd-none {
  border-bottom: 0px !important;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .maintenance .maintul li .maintCont {
  padding-left: 10px;
  flex: 1 1 auto;
  word-break: break-all;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .maintenance .maintul li .maintCont h4 {
  color: #33343a;
  font: 500 16px/17px "untitled_sans_regular";
  margin-bottom: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .maintenance .maintul li .maintCont h5,
.dashboardOtr .otrDtl .dtlSec .otrDetail .maintenance .maintul li .maintCont .contDtl {
  font: 400 13px/17px "untitled_sans_regular";
  color: #7f7f7f;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin-bottom: 0;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .maintenance .maintul li .maintCont .contDtl {
  overflow: hidden;
  margin-bottom: 0;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
@media (max-width: 1720px) {
  .dashboardOtr .otrDtl .dtlSec .otrDetail .maintenance .maintul li .maintCont .contDtl {
    -webkit-line-clamp: 1;
  }
}
@media (max-width: 1024px) {
  .dashboardOtr .otrDtl .dtlSec .otrDetail .maintenance .maintul li .maintCont .contDtl {
    width: 100%;
  }
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .maintenance .maintul li .maintCont .btnCont {
  margin-bottom: 4px;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .maintenance .maintul li .maintCont .btnCont span {
  font: 400 14px/20px "untitled_sans_regular";
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .maintenance .maintul li .maintCont .btnCont .view {
  color: #1382d9;
  cursor: pointer;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .maintenance .maintul li .maintCont .btnCont .edit {
  margin-left: 12px;
  border-left: 1px solid #ccc;
  padding-left: 15px;
  color: #828282;
  cursor: pointer;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .maintenance .maintul .maintenanceBrdr {
  border-bottom: 1px solid #e2e9f1;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .revenue .chartLine {
  position: relative;
  background: #fff;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .revenue .chartLine .revText {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 35px;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .revenue .chartLine .revText h3 {
  color: #07af7e;
  font: 500 36px/24px "untitled_sans_medium";
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .revenue .chartLine .revText h4 {
  font: 400 19px/26px "untitled_sans_regular";
  padding-right: 10px;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .revenue .revenueSec .reveDtlOutr {
  display: flex;
  flex-direction: row;
  background: #eef2f7;
  padding: 30px 0px;
}
@media (max-width: 1720px) {
  .dashboardOtr .otrDtl .dtlSec .otrDetail .revenue .revenueSec .reveDtlOutr {
    padding: 25px 2px;
  }
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .revenue .revenueSec .reveDtlOutr .reveDtl .revBg {
  background: #fff;
  padding: 20px 28px;
  border-radius: 5px;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .revenue .revenueSec .reveDtlOutr .reveDtl .revBg:after {
  content: "";
  height: 31px;
  border-left: 4px solid #07af7e;
  position: absolute;
  left: 18px;
  top: 24px;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .revenue .revenueSec .reveDtlOutr .reveDtl .revBg h3 {
  color: #7b7b7b;
  font: 400 13px/19px "untitled_sans_regular";
  margin-bottom: 0px;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .revenue .revenueSec .reveDtlOutr .reveDtl .revBg p {
  font: 500 14px/16px "untitled_sans_medium";
  margin-bottom: 0px;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .tenant .occupancyOtr {
  display: flex;
  flex-direction: column;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .tenant .headerSection {
  flex: 0 0 auto;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .tenant .dropdown-menu:before {
  left: auto;
  right: auto;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .tenant .outerTenant {
  flex: 1 1 auto;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .tenant .outerTenant .listSec {
  display: flex;
  padding: 7px 28px;
  border-bottom: 1px solid #dee2e6;
  cursor: pointer;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .tenant .outerTenant .listSec:last-child {
  border-bottom: none;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .tenant .outerTenant .listSec .imgDtl {
  height: 50px;
  width: 50px;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .tenant .outerTenant .listSec .imgDtl img {
  width: 100%;
  height: 100%;
  border-radius: 50px;
  object-fit: cover;
  object-position: center;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .tenant .outerTenant .listSec .ContDtl {
  padding-left: 12px;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .tenant .outerTenant .listSec .ContDtl img {
  margin-right: 5px;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .tenant .outerTenant .listSec .ContDtl h3 {
  color: #373737;
  font: 400 16px/19px "untitled_sans_regular";
  margin-bottom: 0px;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .tenant .outerTenant .listSec .ContDtl h5 {
  color: #818181;
  font: 400 14px/20px "untitled_sans_regular";
  margin-bottom: 0px;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .tenant .outerTenant .listSec .ContDtl .phone {
  color: #1382d9;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .tenant .outerTenant .listSec .iconSec {
  flex-shrink: 1;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .tenant .outerTenant .listSec .iconSec i {
  color: #c7c7c7;
  font-size: 20px;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .tenant .btnadd {
  background: -moz-linear-gradient(-45deg, #1382d8 0%, #129fcc 99%);
  background: -webkit-linear-gradient(-45deg, #1382d8 0%, #129fcc 99%);
  background: linear-gradient(135deg, #1382d8 0%, #129fcc 99%);
  width: 100%;
  color: #fff;
  font: 400 16px/20px "untitled_sans_regular";
  padding: 17px 16px;
  border: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  cursor: pointer;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .messageOtr .maintul {
  padding: 0;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .messageOtr .maintul li {
  padding: 18px 26px 0px;
  border-bottom: 1px solid #e2e9f1;
  cursor: pointer;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .messageOtr .maintul li:last-child {
  border-bottom: none;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .messageOtr .maintul li.active {
  background: #eef2f7;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .messageOtr .imgSec img {
  height: 28px !important;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .messageOtr .textTime {
  font: 400 10px/24px "untitled_sans_light";
  color: #828282;
  margin-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .messageOtr .maintCont h4 {
  color: #211e1e !important;
  font: 400 16px/21px "untitled_sans_regular" !important;
  margin-bottom: 0px !important;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .unsignOtr .maintul {
  padding: 0;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .unsignOtr .maintul li {
  padding: 21px 26px 0px;
  border-bottom: 1px solid #e2e9f1;
  cursor: pointer;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .unsignOtr .maintul li:last-child {
  border-bottom: none;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .unsignOtr .maintul li.active {
  background: #eef2f7;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .unsignOtr .maintul li .contDtl {
  height: 19px !important;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .unsignOtr .imgSec img {
  height: 28px !important;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .unsignOtr .textTime {
  font: 400 12px/18px "untitled_sans_regular";
  color: #828282;
  margin-bottom: 5px;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .unsignOtr .maintCont h4 {
  color: #211e1e !important;
  font: 400 16px/21px "untitled_sans_regular" !important;
  margin-bottom: 2px !important;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .expense .occupancyOtr {
  padding: 12px 0px 0px;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .expense .selectOtr {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 8px 10px 8px;
  background: #eef2f7;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .expense .selectOtr select {
  background: #e3e3e3;
  border-radius: 19px;
  border: 1px solid #e3e3e3;
  font-size: 15px;
  color: #6b6464;
  outline: none;
  box-shadow: none;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .expense .expText {
  background: #f8f8f9;
  padding: 16px 15px;
  border-top: 1px solid #e0e3e7;
  border-bottom: 1px solid #e0e3e7;
  position: relative;
}
@media (max-width: 1679px) {
  .dashboardOtr .otrDtl .dtlSec .otrDetail .expense .expText {
    padding: 15px 11px;
  }
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .expense .expText:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 52%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  /* background: #ccc; */
  border-left: 1px solid #dee2e6;
  height: 100%;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .expense .expText .revText h4 {
  color: #33343a;
  margin-bottom: 0px;
  font: 400 16px/21px "untitled_sans_regular";
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .expense .expText .revText h3 {
  color: #fe6565;
  font: 500 17px/26px "untitled_sans_bold";
  margin-bottom: 0;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .expense .chartSec .chartOtr {
  padding: 4px 50px 0px;
}
.dashboardOtr .otrDtl .dtlSec .otrDetail .expense .chartSec .chartOtr .apexcharts-menu .apexcharts-menu-item {
  padding: 4px 4px;
}
.dashboardOtr .otrDtl .dtlSec footer {
  margin-top: auto;
}
.dashboardOtr .otrDtl .dtlSec .ftSec {
  border-top: 1px solid #d2cfcf;
  padding: 12px 7px;
  color: #929292;
  font: 400 16px/24px "untitled_sans_regular";
}

/*Datepicker Styles*/
.datepicker td,
.datepicker th {
  font-size: 15px;
  line-height: 27px;
}

.datepicker.dropdown-menu {
  min-width: 17rem;
}

.datepicker table {
  width: 100%;
}

.datepicker table tr td.today,
.datepicker table tr td.active.active {
  background-color: #1382d9 !important;
  color: #fff;
  background-image: none;
}

.menuItemNav {
  display: none;
}

.paidInvo th {
  /*border-left: 1px solid #dee2e6 !important;*/
}

.table-styles {
  margin-top: -2px;
  margin-bottom: 40px;
}
.table-styles .dropdown.moveDrop.drop1 .dropdown-menu:before {
  left: auto;
  right: auto !important;
}
.table-styles.table-bordered {
  border: 0 !important;
}
.table-styles thead {
  background: #eef2f7;
}
.table-styles thead th {
  font: 500 16px/20px "untitled_sans_regular";
  color: #373737;
  border-left: 0;
  border-right: 0;
  border-top: 1px solid #efeff3 !important;
  border-bottom: 1px solid #efeff3 !important;
  border-right: 1px solid #dcdfe3;
}
.table-styles thead th:last-child {
  border-right: 0;
}
.table-styles thead th span {
  color: #666666;
}
.table-styles tr td:last-child {
  border-right: 0;
}
.table-styles td {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  vertical-align: middle;
}
.table-styles td .otr {
  padding-left: 15px;
  border-left: 3px solid #eaeaea;
}
.table-styles td .otr strong {
  font: 500 14px/17px "untitled_sans_medium";
  color: #373737;
  margin-bottom: 2px;
}
.table-styles td .otr p {
  font: 13px/17px "untitled_sans_regular";
  color: #818181;
  margin-bottom: 2px;
}
.table-styles td .price p {
  font: 15px/17px "untitled_sans_regular";
  margin-bottom: 0;
  color: #7b7b7b;
}
.table-styles td .price strong {
  font: 500 17px/17px "untitled_sans_medium";
  color: #07af7e;
}
.table-styles td .price .unpaide {
  color: #fe6565 !important;
}
.table-styles td .moveDrop {
  display: flex;
  justify-content: center;
  margin-top: 5px;
}
.table-styles td .moveDrop .dropdown-toggle {
  outline: 0;
}
.table-styles td .moveDrop .dropdown-toggle:after {
  content: none;
}
.table-styles td .moveDrop .dropdown-toggle i {
  color: #c7c7c7;
  font-size: 20px;
}
.table-styles td .dropdown-menu {
  min-width: 100px;
  border: none;
  padding: 6px 12px;
  box-shadow: 1px 3px 25px 4px rgba(202, 195, 195, 0.54);
  border-radius: 6px;
  margin-top: 8px;
  margin-left: -18px;
  z-index: 10000;
}
.table-styles td .dropdown-menu:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid white;
  top: -7px;
}
.table-styles td .dropdown-item {
  font: 400 13.5px/22px "untitled_sans_regular";
  padding: 3px 11px 3px;
  color: #868383 !important;
  border-bottom: 1px solid #ebeced;
  background: none !important;
}
.table-styles td .dropdown-item:last-child {
  border-bottom: none;
}

/*20-12-2019 */
/*SS*/
.tenants-otr {
  padding: 20px 20px;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.innago-table-top {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  flex: 0 0 auto;
  /* svg */
  /* svg End */
}
.innago-table-top .lft {
  flex: 0 0 auto;
  flex-grow: 1;
}
.innago-table-top .rgt {
  position: relative;
  display: flex;
  justify-content: flex-end;
}
.innago-table-top .rgt button.fltr.fltrList {
  margin-right: 0px;
}
.innago-table-top .tenantViewBut {
  display: none;
}
.innago-table-top button {
  border-radius: 3px;
  height: 43px;
  border: 0;
  margin-right: 12px;
  padding: 8px 11px;
  cursor: pointer;
  outline: 0;
  font: 15px/22px "untitled_sans_regular";
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.innago-table-top button i {
  width: 25px;
}
.innago-table-top button i.far.fa-file-alt {
  color: #687078;
  font-size: 16px;
  padding-right: 4px;
}
@media (max-width: 1679px) {
  .innago-table-top button i.far.fa-file-alt {
    font-size: 14px;
    padding-right: 2px;
  }
}
.innago-table-top svg {
  margin: 0 auto;
  display: block;
  display: inline-block;
  height: auto;
  overflow: hidden;
  height: 1.3em;
  width: 1em;
}
.innago-table-top .export {
  fill: #687078;
  color: #4c5359;
  text-align: center;
  background: #c4cdd6;
}
.innago-table-top .export svg {
  margin-right: 10px;
}
.innago-table-top .export:hover {
  background: #b6bbc1;
}
.innago-table-top .add {
  fill: #fff;
  color: #fff;
  text-align: center;
  background: #1382d9;
  box-shadow: none !important;
}
.innago-table-top .add svg {
  margin-right: 10px;
}
.innago-table-top .add:hover {
  background: #0072cc;
}
.innago-table-top .fltr {
  background: #fff;
  width: 123px;
  text-align: left;
  color: #b9bbbd;
}
.innago-table-top .fltr:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #acacac;
  position: absolute;
  top: 20px;
  right: 15px;
}
.innago-table-top .fltr i {
  margin-right: 0px;
  color: #687078;
}
.innago-table-top h1 {
  font: 500 20px/20px "untitled_sans_medium";
  color: #000;
  margin-bottom: 0;
}

.innago-table {
  background: #fff;
  padding: 20px 20px;
  border-radius: 3px;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
.innago-table .wdt-01 {
  width: 50px;
}
.innago-table .wdt-02 {
  width: 230px;
}
.innago-table .wdt-03 {
  width: 305px;
}
.innago-table tr:hover {
  background: #ecf0f6 !important;
}
.innago-table table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 0;
}
.innago-table .table-gap {
  border-collapse: separate;
  border-spacing: 0 7px;
}
.innago-table .table-head th {
  background: #ecf0f6;
  font: 500 16px/20px "untitled_sans_medium";
  color: #575656;
  border: 0;
  border-right: 1px solid #d2d5d9;
  padding: 15px 15px;
}
.innago-table .table-head th:last-child {
  border: 0;
}
.innago-table .table-head th span {
  color: #666666;
}
.innago-table .table-td td {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 0px;
  padding-right: 15px;
  border-top: 1px solid #e5ebf0;
  border-bottom: 1px solid #e5ebf0;
  border-right: 0 !important;
  font: 13px/17px "untitled_sans_regular";
  color: #6f6f6f;
  vertical-align: middle;
}
.innago-table .table-td td:last-child {
  border-right: 1px solid #e5ebf0 !important;
}
.innago-table .table-td td:first-child {
  border-left: 1px solid #e5ebf0 !important;
}
.innago-table .table-td td:first-child .c-td {
  border-left: 0px;
}
.innago-table .table-td td strong {
  font: 500 14px/17px "untitled_sans_regular";
  color: #373737;
  margin-bottom: 2px;
}
.innago-table .table-td td p {
  font: 14px/17px "untitled_sans_regular";
  color: #6f6f6f;
  margin-bottom: 2px;
}
.innago-table .table-td td .editDetlPrp {
  cursor: pointer;
}
.innago-table .table-td td .editDetlPrp i {
  color: #89909b;
  font-size: 12px;
  width: 26px;
  height: 26px;
  border-radius: 50px;
  border: 1px solid #d9e1eb;
  background: #d9e1eb;
  text-align: center;
  line-height: 23px;
}
.innago-table .table-td td .editDetlPrp i:hover {
  color: #7c7979;
}
.innago-table .table-td td .c-td {
  border-left: 1px solid #dfdfdf;
  padding-left: 10px;
  min-height: 40px;
  display: flex;
  align-items: center;
}
.innago-table .table-td td .img-name {
  display: flex;
  align-items: center;
  /* img {
    width: 45px;
    height: 45px;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
  }
  */
}
.innago-table .table-td td .img-name .name {
  margin-left: 9px;
}
.innago-table .table-td td .dollar {
  color: #0bd385;
  font-weight: 500;
}

.paginationSec {
  display: flex;
  justify-content: flex-end;
  margin-top: auto;
  padding-top: 16px;
}
.paginationSec .pagination .page-item.active .page-link {
  background: #1383d9;
  color: #fff;
}
.paginationSec .pagination .page-link {
  padding: 6px 13px;
  margin-left: 7px;
  outline: 0;
  color: #7e8082;
}
.paginationSec .pagination .page-link:focus {
  box-shadow: none !important;
  outline: none;
}
.paginationSec .pagination .page-item.disabled .page-link {
  color: #aaadaf;
}

/*nav svg*/
.dashboardOtr .otrDtl .sideNav .navList li span {
  width: 100%;
  display: none;
}
@media (max-width: 1199px) {
  .dashboardOtr .otrDtl .sideNav .navList li span {
    display: block !important;
  }
}
.dashboardOtr .otrDtl .sideNav .navList li svg {
  fill: #9293ad;
  display: inline-block;
  height: auto;
  overflow: hidden;
  height: 1em;
  width: 1em;
  font-size: 20px;
  display: flex;
  flex-shrink: 0;
}
@media (max-width: 1679px) {
  .dashboardOtr .otrDtl .sideNav .navList li svg {
    font-size: 18px;
  }
}
.dashboardOtr .otrDtl .sideNav .navList li:hover {
  /*.dropdown-menu{
    svg{
      fill: #9293ad !important;
    }
    .dropdown-item{
      color: #7d7e9d !important;
    }
    li{
      &:hover{
        svg{
          fill: #1382d9 !important;
        }
      .dropdown-item{
        color: #1382d9 !important;
      }
      }
    }
  }*/
}
.dashboardOtr .otrDtl .sideNav .navList li:hover svg {
  fill: #1382d9;
}
.dashboardOtr .otrDtl .sideNav .navList li:hover a {
  color: #1382d9;
  width: 100%;
  /* &:last-child {
     color: inherit !important;
   }*/
}
.dashboardOtr .otrDtl .sideNav .navList li.active a {
  color: #1382d9;
}
.dashboardOtr .otrDtl .sideNav .navList li.active svg {
  fill: #1382d9 !important;
}
.dashboardOtr .otrDtl .sideNav .navList li .menu-last:hover {
  color: #1382d9;
}

.addTenant {
  padding-right: 0;
  padding: 0px 20px;
}
.addTenant .modal-lg {
  max-width: 1200px;
}
.addTenant .modal-header {
  padding-left: 25px;
  padding-right: 25px;
}
.addTenant .modal-header .modal-title {
  font: 400 20px/24px "untitled_sans_regular";
}
.addTenant .modal-body {
  padding: 21px 25px;
}
.addTenant .modal-body .FormleftOutr .upldFile {
  /*background: url(../images/prof.png) center no-repeat;*/
  background-size: cover !important;
}
.addTenant .modal-body .otrTenantCheck {
  display: flex;
  flex-direction: row;
}
.addTenant .modal-body .otrTenantCheck .otrProcess {
  margin-left: 15px;
}
.addTenant .modal-body .otrTenantCheck .containerCheck {
  margin-bottom: 0 !important;
}
.addTenant .modal-body .clientInfo {
  border: 1px solid #e2e9f1;
}
.addTenant .modal-body .clientInfo h3 {
  font: 500 16px/24px "untitled_sans_regular";
  background: #e5e9ee;
  padding: 16px 18px;
  margin-bottom: 0px;
}
.addTenant .modal-body .clientInfo .outrForm {
  display: flex;
  align-items: stretch;
}
.addTenant .modal-body .clientInfo .unitDtll {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.addTenant .modal-body .clientInfo .anothrUnitt {
  font: 400 15px/29px "untitled_sans_regular";
  color: #1382d9;
  cursor: pointer;
}
.addTenant .modal-body .clientInfo .formSection {
  background: #f9fcff;
  padding: 25px 30px;
}
.addTenant .modal-body .clientInfo .formSection .invSecondTxt {
  font: 500 17px/24px "untitled_sans_regular";
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 6px;
  margin-bottom: 15px;
  color: #565151;
}
@media (max-width: 1679px) {
  .addTenant .modal-body .clientInfo .formSection .invSecondTxt {
    font: 500 14px/24px "untitled_sans_regular" !important;
  }
}
.addTenant .modal-body .clientInfo .formSection .invSecond {
  font: 500 17px/24px "untitled_sans_regular";
  border-bottom: 1px solid #e5e5e5;
  padding: 18px 30px 0px !important;
  margin-bottom: 15px;
}
.addTenant .modal-body .clientInfo .formSection .invSecondOtr {
  border-bottom: 0px !important;
}
.addTenant .modal-body .clientInfo .formInp {
  margin-bottom: 12px;
  padding: 0px 6px;
}
.addTenant .modal-body .clientInfo .selctOtr {
  position: relative;
}
.addTenant .modal-body .clientInfo .selctOtr:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #acacac;
  position: absolute;
  top: 23px;
  right: 15px;
}
.addTenant .modal-body .clientInfo .css-2b097c-container {
  padding-left: 0px;
}
.addTenant .modal-body .clientInfo .css-yk16xz-control {
  height: 45px;
}
@media (max-width: 1679px) {
  .addTenant .modal-body .clientInfo .css-yk16xz-control {
    height: 38px;
  }
}
.addTenant .modal-body .clientInfo .css-1pahdxg-control {
  height: 45px;
}
@media (max-width: 1679px) {
  .addTenant .modal-body .clientInfo .css-1pahdxg-control {
    height: 38px;
  }
}
.addTenant .modal-body .clientInfo .css-1fhf3k1-control {
  background: #e0e5eb !important;
  height: 45px !important;
  -webkit-appearance: none;
  padding-right: 29px;
  font: 15px/17px "untitled_sans_regular" !important;
  color: #63696d !important;
}
@media (max-width: 1679px) {
  .addTenant .modal-body .clientInfo .css-1fhf3k1-control {
    height: 38px;
  }
}
.addTenant .modal-body .propertySecOtr .propOtr1 {
  flex: 0 0 42%;
  margin-right: 14px;
}
.addTenant .modal-body .propertySecOtr .propOtrdl {
  flex-grow: 1;
}
.addTenant .modal-body .propertySec {
  margin-top: 19px;
  flex-wrap: wrap;
}
.addTenant .modal-body .propertySec .propOtr {
  flex: 0 0 100%;
  margin-right: 14px;
}
.addTenant .modal-body .propertySec .cardOtr {
  flex-grow: 1;
  margin-top: 19px;
}
.addTenant .modal-body .invoice textarea {
  height: 100px;
  resize: none;
}
.addTenant .modal-footer {
  border: none;
  padding-top: 0;
  padding-right: 22px;
}
.addTenant .modal-footer .btnSubmit {
  background: #1382d9;
  padding: 10px 40px 10px;
  text-transform: uppercase;
  font: 500 16px/24px "untitled_sans_regular";
  letter-spacing: 0.5px;
}
.addTenant .modal-footer .btnSubmit:hover {
  background: #0072cc;
}
.addTenant .modal-footer .btnSubmit:focus {
  box-shadow: none !important;
  outline: 0 !important;
}

.anthorInvoiceOtr .sectionUnit {
  background: #f9fcff;
  margin-top: 8px;
  border: 1px solid #e2e9f1;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 19px 21px;
  align-items: center;
}
.anthorInvoiceOtr .sectionUnit p {
  margin-bottom: 0px;
  font: 400 16px/24px "untitled_sans_regular";
  color: #5d5858;
}
.anthorInvoiceOtr .sectionUnit .icn {
  color: #5d5858;
  font: 400 16px/24px "untitled_sans_regular";
  margin-left: 10px;
}
.anthorInvoiceOtr .sectionUnit .icn:hover {
  color: #2991e2;
  text-decoration: underline;
}

.propSec {
  /*{
    color:#6f6f6f;
    }*/
}
.propSec .modal-body {
  /*height:500px;
  overflow-y: auto;*/
}
.propSec ::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #f5f5f5;
}
.propSec ::-webkit-scrollbar {
  width: 8px;
  background-color: #f5f5f5;
}
.propSec ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #b6b9bc;
}
.propSec .modal-footer {
  padding-bottom: 24px;
}
.propSec textarea.form-control {
  resize: none;
}
.propSec .formSection .upldFile {
  height: 190px;
}
.propSec .outrForm {
  align-items: initial;
}
.propSec .invoice .unitDtl {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.propSec .invoice .anothrUnit {
  font: 400 15px/29px "untitled_sans_regular";
  color: #1382d9;
  cursor: pointer;
}
.propSec .invoice .anothrUnit i {
  font-size: 14px;
  padding-right: 5px;
}
.propSec .propDtl {
  margin-top: 8px !important;
}
.propSec .propDtl .propInc .tenantstOtr {
  padding: 0;
  display: flex;
  flex-direction: row;
  margin-bottom: 0px;
  flex-wrap: wrap;
}
.propSec .propDtl .propInc h4 {
  color: #6f6f6f;
  font: 500 15.5px/24px "untitled_sans_regular";
  margin-bottom: 12px;
}
.propSec .propDtl .amnity {
  padding: 0;
  position: relative;
}
.propSec .propDtl .amnity:before {
  content: "";
  width: 15px;
  height: 100%;
  position: absolute;
  border-left: 1px solid #e0e5eb;
  position: absolute;
  left: -30px;
}
.propSec .propDtl .tenantstOtr li {
  list-style: none;
  padding: 0px 6px 0px 0px;
}
.propSec .propDtl .tenantstOtr li .checkmark {
  height: 21px;
  width: 21px;
}
.propSec .propDtl .tenantstOtr li .checkmark:after {
  left: 8px;
  top: 3px;
}

.formSection .upldFile {
  height: 100%;
  background: #e0e5eb;
}
.formSection .upldFile input[type=file] {
  display: none;
}
.formSection .upldFile .upld-otr {
  height: 100%;
}
.formSection .upldFile .upld-otr .custom-file-upload {
  cursor: pointer;
  width: 100%;
  text-align: center;
  height: 100%;
  line-height: 32px;
  font: 400 15px/30px "untitled_sans_regular";
  border-radius: 9px;
  text-indent: 10px;
  line-height: 53px !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.formSection .upldFile .upld-otr .custom-file-upload i {
  color: #76828c;
  font-size: 22px;
}
.formSection .upldFile .upld-otr .custom-file-upload .upldTxt {
  font: 400 15px/24px "untitled_sans_regular";
  color: #4c5359;
  margin-top: 6px;
}
.formSection .errorborder {
  border: 1px solid #ff6b60 !important;
}
.formSection .errorMsg {
  color: #ff6b60;
  margin-top: 3px;
  display: inline-block;
  font: 400 14px/24px "untitled_sans_regular";
}
.formSection .errorImage {
  padding-top: 4px;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media (max-width: 1679px) {
  .formSection .errorImage {
    font: 400 13px/24px "untitled_sans_regular";
  }
}
.formSection .formInp.checkBx {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 8px;
}
.formSection .formInp.checkBx .addInvoice {
  display: flex;
  align-items: flex-end;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  font: 400 16px/24px "untitled_sans_regular";
  color: #1382d9;
  cursor: pointer;
}
.formSection .formInp.checkBx .addInvoice i {
  font-size: 14px;
  padding-right: 5px;
}
.formSection .formInp label {
  margin-bottom: 4px;
  color: #484747;
  font: 400 15px/24px "untitled_sans_regular";
}
.formSection .formInp .form-control {
  background: #e0e5eb;
  border: none;
  height: 45px;
  outline: 0;
  box-shadow: none;
  text-indent: 5px;
}
.formSection .formInp select.form-control {
  background: #e0e5eb;
  height: 45px;
  -webkit-appearance: none;
  padding-right: 29px;
  font: 15px/17px "untitled_sans_regular";
  color: #63696d;
}
.formSection .formInp ::placeholder {
  color: #63696d !important;
  opacity: 1 !important;
  font: 14px/17px "untitled_sans_regular";
}
@media (max-width: 1679px) {
  .formSection .formInp ::placeholder {
    font-size: 13px;
  }
}
.formSection .formInp .containerCheck {
  display: block;
  position: relative;
  padding-left: 31px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #6f6f6f;
}
.formSection .formInp .containerCheck input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.formSection .formInp .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 23px;
  width: 23px;
  background-color: #e5e9ee;
}
.formSection .formInp .containerCheck:hover input ~ .checkmark {
  background-color: #ccc;
}
.formSection .formInp .containerCheck input:checked ~ .checkmark {
  background-color: #2196f3;
}
.formSection .formInp .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.formSection .formInp .containerCheck input:checked ~ .checkmark:after {
  display: block;
}
.formSection .formInp .containerCheck .checkmark:after {
  left: 9px;
  top: 4px;
  width: 6px;
  height: 11px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

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

.btnInvo {
  background: #1382d9;
  /* width: 60%; */
  color: #fff;
  font: 400 14px/16px "untitled_sans_regular";
  padding: 10px 14px;
  border: none;
  cursor: pointer;
  border-radius: 4px;
  height: 36px;
  margin-top: 7px;
}

.addarw {
  position: relative;
}
.addarw:before {
  content: "";
  background: url(../images/arroww.png) no-repeat;
  height: 369px;
  width: 38%;
  position: absolute;
  right: 66px;
  top: -18px;
  background-size: contain;
}

.propTable {
  /*padding: 0;
    background: transparent;
    cursor: pointer;*/
}
.propTable .table-responsive.tab-arw {
  height: 80%;
}
@media (max-width: 1675px) {
  .propTable .table-responsive.tab-arw {
    height: 70%;
  }
}
@media (max-width: 1550px) {
  .propTable .table-responsive.tab-arw {
    height: 60%;
  }
}
@media (max-width: 1390px) {
  .propTable .table-responsive.tab-arw {
    height: 50%;
  }
}
.propTable .table-head th {
  /* background: transparent;
    border-right: 1px solid #dfdfdf;
    border-bottom: 3px solid #e5ebf0 !important;
    */
  text-align: center;
}
@media (max-width: 1679px) {
  .propTable .table-head th {
    padding: 15px 9px;
  }
}
.propTable .table-head th:first-child {
  text-align: left;
}
.propTable .table-head .monRent,
.propTable .table-head .totAvlRent,
.propTable .table-head .tenNme {
  min-width: 163px;
}
.propTable .table-head .openMain {
  min-width: 163px;
}
.propTable .table-responsive {
  /* background: #fff;*/
}
.propTable .table-responsive td {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}
.propTable .page-link,
.propTable .page-item.disabled .page-link {
  /*background: transparent;
  border: 1px solid #ccc;*/
}
.propTable .propOuter {
  width: 418px;
  cursor: pointer;
}
.propTable .table-gap {
  /*border-spacing: 0;*/
}
.propTable .table-td td {
  /* border-top: 2px solid #e5ebf0;*/
}
.propTable .table-td td .c-td {
  border-left: 1px solid #dfdfdf;
  min-height: 69px;
  display: flex;
  align-items: center;
}
.propTable .propDtlUnit {
  justify-content: center;
}
.propTable .iconDot {
  width: 43px;
}
.propTable .propDtlUnit {
  flex-direction: column;
}
.propTable .unitSec {
  padding-left: 15px;
}
.propTable .unitSec .hed {
  margin-bottom: 5px;
}
.propTable .unitSec .dtlHed {
  color: #6f6f6f;
  font: 400 14px/20px "untitled_sans_regular";
}
.propTable .avlSec .dtlHed {
  color: #39b789;
}
.propTable .propDtl .imgProp img {
  width: 140px;
  height: 60px;
  object-fit: cover;
  object-position: center;
  border-radius: 5px;
}
.propTable .propDtl .dtlSecprop {
  display: flex;
  flex-direction: column;
  padding-left: 14px;
}
.propTable .propDtl .dtlSecprop .name {
  color: #6f6f6f;
  font: 400 14px/20px "untitled_sans_regular";
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.propTable .propDtl .dtlSecprop .loction {
  margin-top: 5px;
}

/*26-12-2019*/
/*SS*/
.custom-container {
  max-width: 1240px;
}

.btn-dvd {
  position: relative;
  color: #fff;
  overflow: hidden;
  padding-right: 0 !important;
}
.btn-dvd.blue-bg {
  background: #1f91ea !important;
  cursor: default;
}
.btn-dvd.red-bg {
  cursor: default;
  background: #f7746b !important;
}
.btn-dvd.orange-bg {
  background: #f78e54 !important;
  cursor: default;
}
.btn-dvd.green-bg {
  background: #0bba8b !important;
  cursor: default;
}
.btn-dvd strong {
  width: 45px;
  position: relative;
  margin-left: 15px;
  font: 400 16px/24px "untitled_sans_regular";
}
.btn-dvd strong:after {
  content: "";
  position: absolute;
  left: 0;
  background: #d4d4d4;
  width: 1px;
  top: -25px;
  bottom: 0;
  height: 72px;
}

.table-main .table-gap {
  border-collapse: inherit;
  border-spacing: 0 0px;
}
.table-main td {
  cursor: pointer;
}
.table-main .wdt-02 {
  width: 380px;
}
.table-main .wdt-03 {
  width: 320px;
}
.table-main .unitNum {
  width: 150px;
}
.table-main .actionSec {
  min-width: 70px;
  width: 70px;
  text-align: center;
}
.table-main tr {
  background: #f9fcff;
}
.table-main tr:hover {
  background: #f7f7f7 !important;
}
.table-main .table-td td {
  padding-left: 15px !important;
  border-right: 1px solid #ddd !important;
  border-top: 0px;
  height: 90px;
  font: 400 13px/17px "untitled_sans_regular";
  color: #6f6f6f;
}
.table-main .table-td td .img-name img {
  width: 58px;
  height: 58px;
  margin-right: 15px;
}
.table-main .table-td td p {
  font: 400 13px/17px "untitled_sans_regular";
  color: #6f6f6f;
  margin-bottom: 5px;
}
.table-main .table-td td span {
  color: #6f6f6f;
  font-size: 12px;
}
.table-main .table-td th {
  background: #e5e9ee;
  height: 64px;
  color: #575656;
  font: 500 16px/20px "untitled_sans_medium";
}
.table-main .table-td .moveDrop {
  display: flex;
  justify-content: center;
  margin-top: 5px;
}
.table-main .table-td .moveDrop .dropdown-toggle {
  outline: 0;
}
.table-main .table-td .moveDrop .dropdown-toggle:after {
  content: none;
}
.table-main .table-td .moveDrop .dropdown-toggle i {
  color: #c7c7c7;
  font-size: 20px;
}
.table-main .table-td .dropdown-menu {
  min-width: 100px;
  border: none;
  padding: 6px 12px;
  box-shadow: 1px 3px 25px 4px rgba(202, 195, 195, 0.54);
  border-radius: 6px;
  margin-top: 8px;
  margin-left: -18px;
  z-index: 10000;
}
.table-main .table-td .dropdown-menu:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid white;
  top: -7px;
}
.table-main .table-td .dropdown-item {
  font: 400 13.5px/22px "untitled_sans_regular";
  padding: 3px 11px 3px;
  color: #868383 !important;
  border-bottom: 1px solid #ebeced;
  background: none !important;
}
.table-main .table-td .dropdown-item:last-child {
  border-bottom: none;
}
.table-main .table-td .dropdown-item i {
  color: #847e7e !important;
  font-size: 13px !important;
}

/*.innago-table-top .fltr {
  width:140px;
  }*/
.filterSide {
  position: absolute;
  right: 0px;
  width: 650px;
  background: #fff;
  padding: 33px 20px 10px;
  top: 47px;
  box-shadow: 1px 2px 6px 0px #ccc;
  display: none;
  z-index: 13;
}
@media (max-width: 767px) {
  .filterSide {
    width: 100%;
  }
}
@media (max-width: 500px) {
  .filterSide {
    top: 142px;
  }
}
.filterSide .close {
  padding: 0;
  position: absolute;
  right: 20px;
  top: 0px;
}
.filterSide .close span {
  font-size: 30px;
  color: #333;
}
.filterSide .fltrOtr {
  border-bottom: 1px solid #e2e9f1;
  padding-bottom: 26px !important;
}
@media (max-width: 1729px) {
  .filterSide .fltrOtr {
    padding-bottom: 11px !important;
  }
}
.filterSide .checkbxProp .checkmark {
  height: 20px;
  width: 20px;
}
.filterSide .checkbxProp .checkmark:after {
  left: 7px !important;
  top: 3px !important;
}
.filterSide .outerBg .formInp {
  padding: 0px 4px;
}
.filterSide .outerBg .formInp .selOtr {
  position: relative;
}
.filterSide .outerBg .formInp .selOtr:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #acacac;
  position: absolute;
  top: 20px;
  right: 15px;
}
.filterSide .outerBg .otrTenantCheck {
  padding: 0px 4px;
  border-bottom: 1px solid #e2e9f1;
}
.filterSide .outerBg .otrTenantCheck .tenantStatus {
  flex-direction: column;
  padding: 12px 5px;
}
.filterSide .outerBg .otrTenantCheck .tenantStatus h3 {
  font: 500 17px/20px "untitled_sans_regular";
}
.filterSide .outerBg .otrTenantCheck .tenantStatus .tenantstOtr {
  padding: 0px;
  display: flex;
  flex-direction: row;
  margin-top: 12px;
  flex-wrap: wrap;
}
.filterSide .outerBg .otrTenantCheck .tenantStatus .tenantstOtr .formInp {
  padding: 0px 4px 0px 0px;
  margin-right: 8px;
}
.filterSide .outerBg .otrTenantCheck .tenantStatus .tenantstOtr li {
  list-style: none;
}
.filterSide .outerBg .otrTenantCheck .tenantStatus .tenantstOtr li .containerCheck .checkmark {
  height: 21px;
  width: 21px;
}
.filterSide .outerBg .otrTenantCheck .tenantStatus .tenantstOtr li .containerCheck .checkmark:after {
  left: 8px;
  top: 3px;
}
.filterSide .outerBg .otrTenantCheck .accStatus {
  padding: 22px 25px;
  border-right: 0;
}
.filterSide .outerBg .otrTenantCheck .tenantaccunt {
  flex-direction: column;
}
.filterSide .outerBg .btnOtr {
  padding: 22px 0px;
}
@media (max-width: 1729px) {
  .filterSide .outerBg .btnOtr {
    padding: 10px 0px;
  }
}
.filterSide .outerBg .btnOtr .btnClear {
  background: #c4cdd6;
  border: none;
  color: #687078;
  padding: 13px 19px;
  font: 400 15px/20px "untitled_sans_regular";
  margin-right: 6px;
  display: initial;
  height: auto;
}
.filterSide .outerBg .btnOtr .btnClear:hover {
  background: #c1c7ce;
}
.filterSide .outerBg .btnOtr .btnClear:focus {
  box-shadow: none !important;
}
.filterSide .outerBg .btnOtr .btnApply {
  background: #1382d9;
  border: none;
  color: #fff;
  padding: 13px 19px;
  font: 400 15px/20px "untitled_sans_regular";
  display: initial;
  height: auto;
}
.filterSide .outerBg .btnOtr .btnApply:hover {
  background: #0072cc;
}
.filterSide .outerBg .btnOtr .btnApply:focus {
  box-shadow: none !important;
}
.filterSide .css-2b097c-container {
  padding-left: 0px;
}
.filterSide .css-yk16xz-control {
  height: 45px;
}
@media (max-width: 1679px) {
  .filterSide .css-yk16xz-control {
    height: 38px;
  }
}
.filterSide .css-1pahdxg-control {
  height: 45px;
}
@media (max-width: 1679px) {
  .filterSide .css-1pahdxg-control {
    height: 38px;
  }
}

.tenantDtlOutr .tenantDtl {
  display: flex;
  flex-direction: row;
}
.tenantDtlOutr .tenantDtl .tenantDtlLeft {
  background: #f9fcff;
  width: 320px;
  min-width: 320px;
}
.tenantDtlOutr .tenantDtl .tenantDtlLeft .nav-pills li.nav-item {
  width: 50%;
}
.tenantDtlOutr .tenantDtl .tenantDtlLeft .tenantnoneBtn {
  display: none;
}
.tenantDtlOutr .tenantDtl .tenantDtlLeft .nav-link {
  border-radius: 0;
  background: #c9d1db;
  margin-right: 0;
  color: #585858;
  cursor: pointer;
  text-align: center;
  font-size: 14px;
  /* border-radius: 0;
   background: #c9d1db;
   margin-right: 5px;
   color: #585858;
   cursor: pointer;*/
}
@media (max-width: 1720px) {
  .tenantDtlOutr .tenantDtl .tenantDtlLeft .nav-link {
    font-size: 14px;
  }
}
.tenantDtlOutr .tenantDtl .tenantDtlLeft .nav-link.active {
  background: #f9fcff;
  color: #1382d9;
  /*border-bottom: 1px solid #e2e9f1;*/
}
.tenantDtlOutr .tenantDtl .tenantDtlLeft h3 {
  border-bottom: 1px solid #dce1e6;
  padding: 8px 15px 15px;
}
.tenantDtlOutr .tenantDtl .tenantDtlLeft h3 span {
  font: 400 17px/20px "untitled_sans_regular";
  margin-left: 5px;
}
.tenantDtlOutr .tenantDtl .tenantDtlLeft .txtNameLet {
  background: #3498db;
  width: 37px;
  height: 37px;
  border-radius: 50px;
  text-align: center;
  color: #fff;
  flex-shrink: 0;
  font: 500 14px/36px "untitled_sans_regular";
}
@media (max-width: 1679px) {
  .tenantDtlOutr .tenantDtl .tenantDtlLeft .txtNameLet {
    width: 33px;
    height: 33px;
    font: 500 13px/33px "untitled_sans_regular";
  }
}
.tenantDtlOutr .tenantDtl .tenantDtlLeft .searchOtr {
  padding: 6px 8px;
  position: relative;
}
.tenantDtlOutr .tenantDtl .tenantDtlLeft .searchOtr .form-control {
  background: #e3e9f0;
  border: none;
  height: 40px;
  outline: 0;
  box-shadow: none;
  padding-right: 40px;
  font: 500 15px/17px "untitled_sans_regular";
}
.tenantDtlOutr .tenantDtl .tenantDtlLeft .searchOtr .searchIcn {
  position: absolute;
  right: 29px;
  top: 19px;
  height: 15px;
  opacity: 0.7;
  cursor: pointer;
}
.tenantDtlOutr .tenantDtl .tenantDtlLeft .tenantList {
  /* width */
  /* Track */
  /* Handle */
}
.tenantDtlOutr .tenantDtl .tenantDtlLeft .tenantList .btnTenClose {
  background: #d7d8d9;
  font-size: 14px;
  padding: 6px 20px;
  color: #333;
  border: 1px solid #d7d8d9 !important;
}
.tenantDtlOutr .tenantDtl .tenantDtlLeft .tenantList ::-webkit-scrollbar {
  width: 4px;
}
.tenantDtlOutr .tenantDtl .tenantDtlLeft .tenantList ::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.tenantDtlOutr .tenantDtl .tenantDtlLeft .tenantList ::-webkit-scrollbar-thumb {
  background: #b6b9bc;
}
.tenantDtlOutr .tenantDtl .tenantDtlLeft .tenantList .btnTensub {
  background: #1382d9;
  font-size: 14px;
  padding: 6px 20px;
}
.tenantDtlOutr .tenantDtl .tenantDtlLeft .tenantList ul {
  padding: 6px 8px;
  max-height: 700px;
  overflow-y: auto;
}
.tenantDtlOutr .tenantDtl .tenantDtlLeft .tenantList ul li {
  list-style: none;
  display: flex;
  align-items: center;
  padding: 14px 10px 10px;
  border: 1px solid #e2e9f1;
  margin-bottom: 5px;
  cursor: pointer;
}
.tenantDtlOutr .tenantDtl .tenantDtlLeft .tenantList ul li.activeTab {
  background: #1382d9;
}
.tenantDtlOutr .tenantDtl .tenantDtlLeft .tenantList ul li.activeTab .imgDtlSec h4 {
  color: #fff;
}
.tenantDtlOutr .tenantDtl .tenantDtlLeft .tenantList ul li.activeTab .imgDtlSec .place {
  color: #fff;
}
.tenantDtlOutr .tenantDtl .tenantDtlLeft .tenantList ul li.activeTab .profImg img {
  border: 2px solid #fff;
}
.tenantDtlOutr .tenantDtl .tenantDtlLeft .tenantList ul li.deleteTab {
  background: #e17474;
}
.tenantDtlOutr .tenantDtl .tenantDtlLeft .tenantList ul li.deleteTab .txtNameLet {
  background: #e75d5d;
}
.tenantDtlOutr .tenantDtl .tenantDtlLeft .tenantList ul li.deleteTab .imgDtlSec h4 {
  color: #fff;
}
.tenantDtlOutr .tenantDtl .tenantDtlLeft .tenantList ul li.deleteTab .imgDtlSec p {
  color: #fff;
}
.tenantDtlOutr .tenantDtl .tenantDtlLeft .tenantList ul li.greenTab {
  background: #16ab9d;
}
.tenantDtlOutr .tenantDtl .tenantDtlLeft .tenantList ul li.greenTab .txtNameLet {
  background: #16887d;
}
.tenantDtlOutr .tenantDtl .tenantDtlLeft .tenantList ul li.greenTab .imgDtlSec h4 {
  color: #fff;
}
.tenantDtlOutr .tenantDtl .tenantDtlLeft .tenantList ul li.greenTab .imgDtlSec p {
  color: #fff;
}
.tenantDtlOutr .tenantDtl .tenantDtlLeft .tenantList ul li .profImg {
  height: 50px;
  width: 50px;
  flex-shrink: 0;
}
.tenantDtlOutr .tenantDtl .tenantDtlLeft .tenantList ul li .profImg img {
  height: 100%;
  width: 100%;
  border-radius: 50px;
  object-fit: cover;
}
.tenantDtlOutr .tenantDtl .tenantDtlLeft .tenantList ul li .imgDtlSec {
  padding-left: 15px;
}
.tenantDtlOutr .tenantDtl .tenantDtlLeft .tenantList ul li .imgDtlSec h4 {
  color: #2e2e2e;
  font: 400 16px/20px "untitled_sans_regular";
  margin-bottom: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 200px;
}
.tenantDtlOutr .tenantDtl .tenantDtlLeft .tenantList ul li .imgDtlSec .place {
  color: #6f6f6f;
  font: 400 13px/20px "untitled_sans_regular";
  margin-bottom: 3px;
}
.tenantDtlOutr .tenantDtl .tenantDtlright {
  border-left: 5px solid #e2e9f1;
  flex-grow: 1;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tenants-otr-invoice {
  padding: 30px 0px 25px !important;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tenants-otr-invoice .paid-amount h3 {
  background: transparent !important;
  padding: 0px !important;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tenants-otr-invoice .tenant-tabs {
  border-top: 7px solid #e2e9f1;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .nav-pills .nav-link {
  border-radius: 0;
  background: #c9d1db;
  margin-right: 5px;
  color: #585858;
}
@media (max-width: 1720px) {
  .tenantDtlOutr .tenantDtl .tenantDtlright .nav-pills .nav-link {
    font-size: 14px;
  }
}
.tenantDtlOutr .tenantDtl .tenantDtlright .nav-pills .nav-link.active {
  background: #fff;
  color: #1382d9;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .outrTabBg {
  background: #fff;
  padding: 20px 20px;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .paid-amount {
  padding: 44px 40px;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .paid-amount:after {
  left: 41px;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .invoice-btn .btnadd {
  width: 100%;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .rightBtn {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  flex-wrap: wrap;
}
@media (max-width: 1024px) {
  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .rightBtn {
    flex-direction: column;
  }
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .btnCard {
  background: #eef2f6;
  padding: 9px 15px;
  box-shadow: none;
  margin-right: 3px;
}
@media (max-width: 1024px) {
  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .btnCard {
    margin-right: 0;
  }
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .btnCard:hover {
  background: #d5dae1;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .btnCard img {
  padding-right: 7px;
}
@media (max-width: 1679px) {
  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .btnCard img {
    padding-right: 0px;
  }
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .btnCard .fa-envelope {
  padding-right: 7px;
  color: #a9a9a9;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .btnCard .btnTxt {
  position: relative;
  padding-left: 8px;
  font-size: 15px;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .btnCard .btnTxt:after {
  content: "";
  position: absolute;
  height: 42px;
  border-left: 1px solid #b4b8bc;
  left: 0;
  top: -9px;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .brdOut {
  border: 1px solid #e2e6ea;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content h3 {
  color: #373737;
  font: 500 16px/20px "untitled_sans_medium";
  background: #e5e9ee;
  padding: 17px 28px;
  margin-bottom: 0px;
  display: flex;
  justify-content: space-between;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content h3 .editInfo {
  color: #93969b;
  font-size: 13px;
  cursor: pointer;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content h3 .editInfo i span {
  padding-left: 2px;
}
@media (max-width: 1679px) {
  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content h3 .editInfo {
    font-size: 12px;
  }
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content h3 .editInfo:hover {
  color: #7c7979;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .clintOtr {
  padding: 0px 12px 12px;
  background: #f9fcff;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .clintOtr .imgCl {
  width: 180px;
  height: 180px;
  padding-top: 12px;
  flex-shrink: 0;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .clintOtr .imgCl img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 5px;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .clintOtr .clntDtl {
  list-style: none;
  padding: 0px 20px;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .clintOtr .clntDtl ul {
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .clintOtr .clntDtl ul li {
  list-style: none;
  border-left: 1px solid #e7ecf0;
  border-bottom: 1px solid #e7ecf0;
  padding: 12px 15px 0px;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .clintOtr .clntDtl ul li:first-child {
  border-left: 0px;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .clintOtr .clntDtl ul li.bd-lf {
  border-left: 0px;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .clintOtr .clntDtl ul li label {
  font: 400 13px/18px "untitled_sans_regular";
  color: #6f6f6f;
  margin-bottom: 0px;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .clintOtr .clntDtl ul li .txtNme {
  color: #2e2e2e;
  font: 400 15px/20px "untitled_sans_regular";
  word-wrap: break-word;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .selctOtr {
  position: relative;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .selctOtr:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #acacac;
  position: absolute;
  top: 23px;
  right: 15px;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .outrBilling {
  margin-top: 8px !important;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .outrBilling .widbx1 {
  flex: 0 0 40.666667%;
  max-width: 40.666667%;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .outrBilling .widbx2,
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .outrBilling .widbx3 {
  flex: 0 0 29.666667%;
  max-width: 29.666667%;
}
@media (max-width: 767px) {
  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .outrBilling .upldFile {
    min-height: auto !important;
  }
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .outrBilling .upldFile .custom-file-upload {
  height: 45px;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .outrBilling .upldFile .upldTxt {
  width: 100%;
  text-align: left;
  text-indent: 19px;
  margin-top: 0px;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .invSplit {
  margin-top: 8px;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .invSplit .table-td th {
  background: #f9fcff;
  border-bottom: 1px solid #e5ebf0;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .invSplit .table-td th:first-child {
  border-left: 1px solid #e5ebf0;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .invSplit .table-td th:last-child {
  border-right: 1px solid #e5ebf0;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .invSplit .table-td td {
  font: 400 15px/20px "untitled_sans_regular";
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .invSplit .table-td .greenColor {
  color: #02d49b;
  font: 500 15px/20px "untitled_sans_regular";
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .otherSection {
  margin-top: 8px !important;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .otherSection .otherOtr {
  display: flex;
  align-items: stretch;
  padding-left: 0;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .otherSection .otherOtr .cnfirm .confirmOtr {
  padding: 10px 25px 40px !important;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .otherSection .otherOtr .cnfirm .tableTenantDtl {
  padding: 20px 15px;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .otherSection .otherOtr .cnfirm .tableTenantDtl table {
  border-left: 1px solid #e2e6ea;
  border-bottom: 1px solid #e2e6ea;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .otherSection .otherOtr .cnfirm .tableTenantDtl table td {
  border-right: 1px solid #e2e6ea;
  font: 14px/20px "untitled_sans_regular";
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .otherSection .otherOtr .otherDtl {
  background: #f9fcff;
  padding: 0;
  border: 1px solid #e2e6ea;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .otherSection .otherOtr .otherDtl .emlOtr {
  padding: 11px 18px;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .otherSection .otherOtr .otherDtl ul {
  padding: 15px 18px;
  list-style: none;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .otherSection .otherOtr .otherDtl ul .contentEml {
  padding: 11px 4px;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .otherSection .otherOtr .otherDtl ul .contentEml .dtlSecEml .dtlPaye .payCont {
  margin-bottom: 5px;
  color: #2e2e2e;
  font: 400 14px/20px "untitled_sans_regular";
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .otherSection .otherOtr .otherDtl ul .contentEml .dtlSecEml .dtlPaye .payTime {
  margin-bottom: 0px;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .otherSection .otherOtr .otherDtl ul .contentEml .dtlSecEml .dtlPaye .payTime .dateImg {
  padding-right: 5px;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .otherSection .otherOtr .otherDtl ul .contentEml .dtlSecEml .dtlPaye .payTime .dateImg img {
  padding-right: 4px;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .otherSection .otherOtr .otherDtl ul .contentEml .dtlSecEml .dtlPaye .payTime .timeImg {
  border-left: 1px solid #ccc;
  padding-left: 8px;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .otherSection .otherOtr .otherDtl ul .contentEml .dtlSecEml .dtlPaye .payTime .timeImg img {
  padding-right: 2px;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .otherSection .otherOtr .otherDtl ul .contentEml .dtlSecEml .dtlPaye .payTime span {
  font: 400 13px/20px "untitled_sans_regular";
  color: #6f6f6f;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .otherSection .otherOtr .otherDtl ul li {
  border-bottom: 1px solid #e3e5e7;
  padding: 23px 4px;
  color: #4c5359;
  font: 400 14px/20px "untitled_sans_regular";
  padding-left: 15px;
  cursor: pointer;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .otherSection .otherOtr .otherDtl ul li .imgSpan {
  padding: 7px 13px 10px;
  background: #e2f0fb;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .otherSection .otherOtr .otherDtl ul li .imgSpan img {
  width: 14px;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .otherSection .otherOtr .otherDtl ul li .imgSpan .imgDelt {
  width: 13px;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .otherSection .otherOtr .otherDtl ul li .spnTxt {
  padding-left: 10px;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .otherSection .otherOtr .otherDtl ul li:last-child {
  border: none;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .otherSection .otherOtr .otherDtl .confirmOtr {
  padding: 10px 25px 25px;
  margin-top: 15px;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .otherSection .otherOtr .otherDtl .confirmOtr .brd-0 {
  border-bottom: 1px solid #e2e3e5;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .otherSection .otherOtr .otherDtl .confirmOtr .confirmInner {
  display: flex;
  flex-direction: row;
  border-left: 1px solid #e2e3e5;
  border-right: 1px solid #e2e3e5;
  border-top: 1px solid #e2e3e5;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .otherSection .otherOtr .otherDtl .confirmOtr .confirmInner .confTxt {
  padding: 17px 15px;
  width: 150px;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .otherSection .otherOtr .otherDtl .confirmOtr .confirmInner .conSub {
  border-left: 1px solid #e2e3e5;
  padding: 17px 15px;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .InvoiceOtr {
  padding: 20px 20px;
  /*margin-top:8px;*/
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .InvoiceOtr .contentInv {
  background: #f9fcff;
  padding: 26px 0px;
  border-bottom: 1px solid #e2e9f1;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .InvoiceOtr .contentInv h4 {
  font: 400 16px/20px "untitled_sans_regular";
  color: #6f6f6f;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .InvoiceOtr .contentInv h2 {
  font: 500 32.38px/28px "untitled_sans_regular";
  color: #02d49b;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .InvoiceOtr .otrpaid {
  display: flex;
  flex-direction: row;
  padding: 0;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .InvoiceOtr .otrpaid .listPaid {
  text-align: center;
  border-right: 1px solid #e2e9f1;
  padding: 20px 15px;
  cursor: pointer;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .InvoiceOtr .otrpaid .listPaid:hover {
  background: #f9fcff;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .InvoiceOtr .otrpaid .listPaid .textPaid {
  color: #3d3d3d;
  font: 400 13px/20px "untitled_sans_regular";
  margin-bottom: 3px;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .InvoiceOtr .otrpaid .listPaid h4 {
  font: 500 15px/20px "untitled_sans_regular";
  color: #02d49b;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .InvoiceOtr .otrpaid .otrdue {
  border-right: 0px;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .InvoiceOtr .otrpaid .otrdue h4 {
  color: #e24a4a;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .InvoiceOtr .btnOtrSec {
  margin-top: 15px;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .InvoiceOtr .btnOtrSec .btnCard {
  padding: 10px 20px !important;
  /*width:49%;*/
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .InvoiceOtr .btnOtrSec .btnCard .btnTxt {
  padding-left: 11px;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .InvoiceOtr .btnOtrSec .btnBlue {
  background: #1382d9;
  color: #fff;
  margin-left: 5px;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .InvoiceOtr .btnOtrSec .btnBlue:hover {
  background: #0072cc;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .fileSec {
  border-left: 10px solid #e2e9f1;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .fileSec .brdOut {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .fileSec .brdOut h3 {
  flex: 0 0 auto;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .fileSec .btnOtrSec {
  padding: 15px 24px;
  flex: 1 1 auto;
  background: #f9fcff;
  margin-top: 0px;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .fileSec .docView {
  margin-bottom: 13px;
  text-align: left;
  display: flex;
  align-items: center;
  flex-direction: row;
  cursor: pointer;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .fileSec .docView img {
  height: 19px;
  padding-right: 5px;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .fileSec .docView span {
  color: #4d4b4b;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 200px;
  display: inline-block;
  padding-left: 7px;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .fileSec .docView .closeInfo {
  padding-left: 6px;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .fileSec .docView .viewPdf {
  color: #1382d9;
  font-size: 14px;
  padding-left: 5px;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .fileSec .viewLease i {
  padding-right: 5px;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .fileSec .btnadd {
  background: #1382d9;
  width: 100%;
  color: #fff;
  font: 400 16px/20px "untitled_sans_regular";
  padding: 14px 16px;
  border: none;
  border-radius: 5px;
  margin-top: 13px;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .fileSec .btnadd i.fas.fa-plus {
  padding-right: 5px;
}
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .fileSec .btnadd img {
  padding-right: 6px;
}

.fltrMaint {
  /*width: calc(100% - 489px);*/
}
.fltrMaint .fltrOtr {
  padding-bottom: 20px !important;
}
.fltrMaint .btnOtr {
  padding: 18px 0px 20px !important;
}

.flrWid {
  margin-right: 0px !important;
}

@media (max-width: 1500px) {
  .maint_req .lft h1 {
    margin-bottom: 15px;
  }
}
@media (max-width: 1199px) {
  .maint_req {
    flex-wrap: wrap;
  }
  .maint_req .rgt {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
}

.tenants-inner .formInp {
  margin-bottom: 15px;
}
.tenants-inner .custon-flex {
  flex-direction: row;
}
@media (max-width: 767px) {
  .tenants-inner .custon-flex {
    flex-direction: column;
  }
}
.tenants-inner .formsectionPadding {
  padding: 0px 10px 0px 0px;
}
@media (max-width: 767px) {
  .tenants-inner .formsectionPadding {
    padding: 0 10px 0 0;
    margin-bottom: 10px;
  }
}
.tenants-inner .btn-form-padding {
  padding-right: 0;
}
.tenants-inner .selctOtr {
  position: relative;
}
.tenants-inner .selctOtr .form-control {
  background: #d3dbe3 !important;
}
.tenants-inner .selctOtr:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #acacac;
  position: absolute;
  top: 20px;
  right: 15px;
}
.tenants-inner .selctOtr select.form-control {
  height: 40px !important;
  -webkit-appearance: none;
  font: 500 15px/17px "untitled_sans_regular";
  color: #63696d;
}
.tenants-inner .selctOtr select.form-control:focus {
  box-shadow: none;
  border: none;
}
.tenants-inner .submit-btn {
  width: 100%;
  border-radius: 3px;
  height: 43px;
  border: 0;
  padding: 5px 15px;
  cursor: pointer;
  outline: 0;
  font: 16px/22px "untitled_sans_regular";
  color: #fff;
  text-align: center;
  background: #1382d9;
}
.tenants-inner .amountSection {
  margin-bottom: 10px;
}
.tenants-inner .amountSection .amountOuter {
  display: flex;
  flex-direction: row;
  background: #fff;
  padding: 11px 6px;
}
@media (max-width: 767px) {
  .tenants-inner .amountSection .amountOuter {
    flex-direction: column;
  }
}
.tenants-inner .amountSection .amountOuter .paid-amount {
  background: #f9fcff;
  padding: 44px 44px;
  border-radius: 3px;
  border: 1px solid #eee;
}
@media (max-width: 991px) {
  .tenants-inner .amountSection .amountOuter .paid-amount {
    padding: 44px 34px;
  }
}
@media (max-width: 767px) {
  .tenants-inner .amountSection .amountOuter .paid-amount {
    margin-bottom: 10px;
    padding: 34px 37px;
  }
}
.tenants-inner .amountSection .amountOuter .paid-amount::after {
  content: "";
  height: 46px;
  border-left: 7px solid #02d49b;
  position: absolute;
  left: 44px;
  top: 47px;
}
@media (max-width: 767px) {
  .tenants-inner .amountSection .amountOuter .paid-amount::after {
    left: 37px;
    top: 37px;
  }
}
@media (max-width: 991px) {
  .tenants-inner .amountSection .amountOuter .paid-amount::after {
    left: 38px;
  }
}
.tenants-inner .amountSection .amountOuter .paid-amount h3 {
  color: #7b7b7b;
  font: 400 17px/20px "untitled_sans_regular";
  margin-bottom: 0px;
}
.tenants-inner .amountSection .amountOuter .paid-amount p {
  font: 500 28px/31px "untitled_sans_regular";
  margin-bottom: 0px;
  color: #07af7e;
}
@media (max-width: 767px) {
  .tenants-inner .amountSection .amountOuter .paid-amount p {
    font: 500 28px/31px "untitled_sans_regular" !important;
  }
}
@media (max-width: 991px) {
  .tenants-inner .amountSection .amountOuter .paid-amount p {
    font: 500 18px/31px "untitled_sans_regular";
  }
}
.tenants-inner .amountSection .amountOuter .paid-amount .unpaid-color {
  color: #ff5858 !important;
}
.tenants-inner .amountSection .amountOuter .unpaid-line::after {
  border-left: 7px solid #ff5858 !important;
}
.tenants-inner .amountSection .amountOuter .invoice-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #f9fcff;
  padding: 44px 15px;
  border-radius: 3px;
  border: 1px solid #eee;
}
@media (max-width: 767px) {
  .tenants-inner .amountSection .amountOuter .invoice-btn {
    padding: 34px 37px !important;
  }
}
@media (max-width: 991px) {
  .tenants-inner .amountSection .amountOuter .invoice-btn {
    padding: 44px 10px;
  }
}
.tenants-inner .amountSection .amountOuter .invoice-btn .btnadd {
  background: #1382d9;
  width: 60%;
  color: #fff;
  font: 400 16px/16px "untitled_sans_regular";
  padding: 17px 0px;
  border: none;
  cursor: pointer;
  border-radius: 4px;
}
@media (max-width: 991px) {
  .tenants-inner .amountSection .amountOuter .invoice-btn .btnadd {
    width: 100%;
    font: 400 15px/16px "untitled_sans_regular";
  }
}
.tenants-inner .tenant-tabs {
  background: #fff;
}
.tenants-inner .tenant-tabs .nav {
  padding-left: 0px;
}
@media (max-width: 567px) {
  .tenants-inner .tenant-tabs .nav {
    padding-left: 0px;
  }
}
.tenants-inner .tenant-tabs h6.section-title {
  color: #eee;
}
.tenants-inner .tenant-tabs .nav-tabs .nav-item.show .nav-link,
.tenants-inner .nav-tabs .nav-link.active {
  color: #1382d9 !important;
  border-bottom: 4px solid #1382d9 !important;
  font-size: 16px;
}
.tenants-inner .tenant-tabs .nav-tabs .nav-link {
  border: 1px solid transparent;
  color: #585858;
  font-size: 15px;
  padding: 13px;
  flex: 0 auto !important;
}
@media (max-width: 1679px) {
  .tenants-inner .tenant-tabs .nav-tabs .nav-link {
    font-size: 14px;
  }
}
@media (max-width: 567px) {
  .tenants-inner .tenant-tabs .nav-tabs .nav-link {
    padding: 17px;
    font-size: 13px;
  }
}
.tenants-inner .tab-shadow {
  box-shadow: 0 7px 9px -12px #656161;
  z-index: 1;
}
.tenants-inner .tenant-tabs .nav-tabs {
  border-bottom: none !important;
}
.tenants-inner .tenant-tabs .nav a:after {
  content: "";
  height: 43px;
  border-right: 1px solid #d8d0d0;
  margin-left: 6px;
  position: relative;
  left: 15px;
}

.messageOuter {
  display: flex;
  flex-direction: row;
  height: 100%;
}
@media (max-width: 1024px) {
  .messageOuter {
    flex-direction: column;
    min-height: auto;
  }
}
.messageOuter .paginationSec {
  margin-top: auto;
}
.messageOuter .sendemailOuter {
  flex-shrink: 0;
  background-color: #f9fcff;
}
@media (max-width: 1024px) {
  .messageOuter .sendemailOuter {
    display: flex;
    flex-direction: row;
    flex: auto;
  }
}
@media (max-width: 1024px) and (max-width: 380px) {
  .messageOuter .sendemailOuter {
    flex-direction: column;
  }
}
.messageOuter .sendemailOuter .sendemailInner {
  display: flex;
  padding: 12px 25px;
  border-bottom: 1px solid #e5e7ea;
  cursor: pointer;
  position: relative;
}
@media (max-width: 1024px) {
  .messageOuter .sendemailOuter .sendemailInner {
    width: 50%;
  }
}
@media (max-width: 380px) {
  .messageOuter .sendemailOuter .sendemailInner {
    width: 100%;
  }
}
.messageOuter .sendemailOuter .sendemailInner.active {
  background: #eaf4fd;
}
.messageOuter .sendemailOuter .sendemailInner.active:after {
  content: "";
  border-left: 3px solid #1382d9;
  height: 25px;
  position: absolute;
  left: 0;
}
.messageOuter .sendemailOuter .sendemailInner .email-img {
  display: flex;
  align-items: center;
}
.messageOuter .sendemailOuter .sendemailInner .email-img span {
  font: 400 15px/25px "untitled_sans_regular";
  margin-left: 10px;
  color: #6f6f6f;
}
.messageOuter .sendemailOuter .sendemailInner:hover {
  background: #eaf4fd;
}
.messageOuter .sendemailOuter .send-email {
  font: 400 15px/25px "untitled_sans_regular";
  margin-left: 10px;
}
.messageOuter .sendemailOuter .chatList {
  overflow: auto;
  height: 600px;
}
@media (max-width: 1024px) {
  .messageOuter .sendemailOuter .chatList {
    overflow: auto;
    height: 220px;
  }
}
.messageOuter .sendemailOuter .chatList .emailSec {
  border: 1px solid #eff3f7;
  padding: 8px 11px;
  display: flex;
  flex-direction: column;
  margin: 6px;
  cursor: pointer;
}
.messageOuter .sendemailOuter .chatList .emailSec .transactionCheckbox {
  padding-left: 28px;
}
.messageOuter .sendemailOuter .chatList .emailSec .contentOuter {
  display: flex;
  margin-top: 6px;
}
.messageOuter .sendemailOuter .chatList .emailSec .contentOuter .send-img {
  align-items: center;
  margin-right: 10px;
}
.messageOuter .sendemailOuter .chatList .emailSec .contentOuter .person-name h1 {
  font: 500 14px/14px "untitled_sans_regular";
  color: #2e2e2e;
  margin: 0px;
}
@media (max-width: 1024px) {
  .messageOuter .sendemailOuter .chatList .emailSec .contentOuter .person-name h1 {
    font: 500 14px/14px "untitled_sans_regular" !important;
  }
}
@media (max-width: 1386px) {
  .messageOuter .sendemailOuter .chatList .emailSec .contentOuter .person-name h1 {
    font: 500 13px/12px "untitled_sans_regular";
  }
}
.messageOuter .sendemailOuter .chatList .emailSec .contentOuter .person-name p {
  font: 400 13px/17px "untitled_sans_regular";
  color: #7f7f7f;
  margin: 0px;
}
@media (max-width: 1024px) {
  .messageOuter .sendemailOuter .chatList .emailSec .contentOuter .person-name p {
    font: 400 13px/17px "untitled_sans_regular" !important;
  }
}
@media (max-width: 1386px) {
  .messageOuter .sendemailOuter .chatList .emailSec .contentOuter .person-name p {
    font: 400 12px/14px "untitled_sans_regular";
  }
}
.messageOuter .sendemailOuter .chatList .emailSec .date {
  font: 500 12px/14px "untitled_sans_regular";
  display: flex;
  justify-content: flex-end;
  color: #7f7f7f;
  margin-top: 9px;
}
.messageOuter .sendemailOuter ::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #f5f5f5;
}
.messageOuter .sendemailOuter ::-webkit-scrollbar {
  width: 8px;
  background-color: #f5f5f5;
}
.messageOuter .sendemailOuter ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #b6b9bc;
}
.messageOuter .emailOuter {
  flex: 1 auto;
  background-color: #ffffff;
  margin-left: 4px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1024px) {
  .messageOuter .emailOuter {
    margin-left: 0px;
    margin-bottom: 20px;
    margin-top: 5px;
  }
}
.messageOuter .emailOuter .inboxInner {
  display: flex;
  padding: 12px 16px;
  border-bottom: 1px solid #e5e7ea;
  flex-direction: row;
  justify-content: space-between;
}
.messageOuter .emailOuter .inboxInner .email-img {
  display: flex;
  align-items: center;
}
.messageOuter .emailOuter .inboxInner .email-img span {
  font: 400 15px/25px "untitled_sans_regular";
  margin-left: 10px;
}
.messageOuter .emailOuter .inboxInner .inbox {
  font: 400 15px/25px "untitled_sans_regular";
  margin-left: 10px;
}
.messageOuter .emailOuter .inboxInner .email-btn {
  align-items: center;
  display: none;
}
@media (max-width: 991px) {
  .messageOuter .emailOuter .inboxInner .email-btn {
    display: block;
  }
}
.messageOuter .emailOuter .inboxInner .email-btn .email {
  border-radius: 3px;
  border: 0;
  margin-left: 12px;
  padding: 5px 15px;
  cursor: pointer;
  outline: 0;
  font: 13px/22px "untitled_sans_regular";
  align-items: center;
  background: #1382d9;
  color: #fff;
}
.messageOuter .emailOuter .inboxWrapper {
  display: flex;
  flex-direction: column;
  padding: 0;
  flex: 1 1 auto;
}
.messageOuter .emailOuter .inboxWrapper .inboxMail {
  height: 100%;
}
.messageOuter .emailOuter .inboxWrapper .inboxMail .emailTable {
  padding: 0px 9px !important;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.messageOuter .emailOuter .inboxWrapper .inboxMail .emailTable i.fas.fa-trash {
  color: #9e9e9e;
  font-size: 12px;
  line-height: 25px;
}
.messageOuter .emailOuter .inboxWrapper .inboxMail .emailTable i.fas.fa-trash:hover {
  color: #9e9e9e;
}
@media (max-width: 991px) {
  .messageOuter .emailOuter .inboxWrapper .inboxMail .emailTable .custom-scroll {
    overflow: auto;
    height: 434px;
  }
}
@media (max-width: 768px) {
  .messageOuter .emailOuter .inboxWrapper .inboxMail .emailTable .table-gap {
    display: table;
    width: 100%;
  }
  .messageOuter .emailOuter .inboxWrapper .inboxMail .emailTable .div-row {
    display: table-row;
  }
  .messageOuter .emailOuter .inboxWrapper .inboxMail .emailTable .div-column {
    display: table-row;
  }
  .messageOuter .emailOuter .inboxWrapper .inboxMail .emailTable .messageImg {
    display: none;
  }
  .messageOuter .emailOuter .inboxWrapper .inboxMail .emailTable .span-none {
    display: none;
  }
}
.messageOuter .emailOuter .inboxWrapper .inboxMail .emailTable .c-td {
  min-height: 0 !important;
}
@media (max-width: 768px) {
  .messageOuter .emailOuter .inboxWrapper .inboxMail .emailTable .c-td {
    border-left: 0 !important;
  }
}
.messageOuter .emailOuter .inboxWrapper .inboxMail .emailTable tr {
  background-color: #f9fcff;
  border: 1px solid #edf2f7;
  cursor: pointer;
}
@media (max-width: 768px) {
  .messageOuter .emailOuter .inboxWrapper .inboxMail .emailTable td:last-child {
    border: none !important;
    vertical-align: top;
  }
}
.messageOuter .emailOuter .inboxWrapper .inboxMail .emailTable .active-row {
  background-color: #e5eef8;
}
.messageOuter .emailOuter .inboxWrapper .inboxMail .emailTable .active-row:hover {
  background-color: #e5eef8 !important;
}
.messageOuter .emailOuter .inboxWrapper .inboxMail .emailTable tr:hover {
  background: #f9fcff !important;
}
.messageOuter .emailOuter .inboxWrapper .inboxMail .emailTable .mail-content {
  overflow: hidden;
  font: 400 13px/25px "untitled_sans_regular";
  color: #6f6f6f;
  margin: 0;
  max-width: 800px;
  min-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 1629px) {
  .messageOuter .emailOuter .inboxWrapper .inboxMail .emailTable .mail-content {
    max-width: 555px;
    min-width: 100%;
  }
}
@media (max-width: 767px) {
  .messageOuter .emailOuter .inboxWrapper .inboxMail .emailTable .mail-content {
    height: 36px;
    overflow: hidden;
    font: 400 13px/17px "untitled_sans_regular";
  }
}
.messageOuter .emailOuter .inboxWrapper .inboxMail .emailTable .date {
  font: 400 13px/25px "untitled_sans_regular";
  color: #7f7f7f;
  min-width: 80px;
}
.messageOuter .emailOuter .inboxWrapper .inboxMail .emailTable .dropdown-table .dropdown-toggle {
  outline: 0;
  text-decoration: none;
  display: flex;
  justify-content: center;
}
.messageOuter .emailOuter .inboxWrapper .inboxMail .emailTable .dropdown-table .dropdown-toggle:after {
  border: 0 !important;
}
.messageOuter .emailOuter .inboxWrapper .inboxMail .emailTable .dropdown-table .dropdown-toggle i {
  color: #c7c7c7;
  font-size: 22px;
}
.messageOuter .emailOuter .inboxWrapper .inboxMail .emailTable .dropdown-table .dropdown-menu {
  min-width: 100px;
  border: none;
  padding: 6px 12px;
  box-shadow: 1px 3px 25px 4px rgba(202, 195, 195, 0.54);
  border-radius: 6px;
  margin-top: 8px;
  margin-left: -18px;
  z-index: 10000;
}
.messageOuter .emailOuter .inboxWrapper .inboxMail .emailTable .dropdown-table .dropdown-menu:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid white;
  top: -7px;
}
.messageOuter .emailOuter .inboxWrapper .inboxMail .emailTable .dropdown-table .dropdown-menu .dropdown-item {
  font: 400 13.5px/22px "untitled_sans_regular";
  padding: 3px 11px 3px;
  color: #868383 !important;
  border-bottom: 1px solid #ebeced;
  background: none !important;
}
.messageOuter .emailOuter .inboxWrapper .inboxMail .emailTable .dropdown-table .dropdown-menu .dropdown-item:last-child {
  border-bottom: none;
}
.messageOuter .emailOuter .inboxWrapper .inboxMail .emailTable .dropdown-table .dropdown-menu .dropdown-item i {
  color: #847e7e !important;
  font-size: 13px !important;
}
.messageOuter .emailOuter .inboxWrapper .inboxMail .emailTable .name-width .name {
  font: 500 14px/25px "untitled_sans_regular";
  color: #6f6f6f;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 190px;
  min-width: 100%;
}

.textareaHeight {
  height: 120px !important;
  resize: none;
}

.attachFile {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 425px) {
  .attachFile {
    margin-bottom: 30px !important;
  }
}
.attachFile span {
  margin-left: 5px;
}
.attachFile .custom-file-upload {
  height: 50px !important;
}
.attachFile .custom-file-label::after {
  display: none !important;
}
.attachFile .custom-file-label {
  display: flex;
  background: #f9fcff;
  border: none;
  justify-content: flex-end;
  position: relative;
  cursor: pointer;
}
.attachFile .custom-file-label img {
  height: 20px;
}
.attachFile .file-name {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  cursor: pointer;
}

@media (max-width: 991px) {
  .addMessage .formInp {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}
.addMessage .modal-md {
  max-width: 770px;
}
.addMessage .attachFile {
  margin-bottom: 0px !important;
}
.addMessage .attachFile .custom-file-label {
  position: relative;
}
.addMessage .attachFile {
  padding: 5px;
}
.addMessage .form-control {
  background: inherit !important;
  border-bottom: 1px solid #eee !important;
  border-radius: 0;
  padding: 0 !important;
  margin: 0;
  font: 500 15px/17px "untitled_sans_regular";
}
.addMessage .descriptionHeight {
  height: 280px !important;
  resize: none;
  border-bottom: none !important;
}
.addMessage .css-tlfecz-indicatorContainer {
  display: none;
}
.addMessage .custom-file-label {
  align-items: center;
  font: 400 14px/24px "untitled_sans_regular" !important;
}
.addMessage .custom-file-label img {
  height: 16px;
}
.addMessage .css-yk16xz-control,
.addMessage .css-1pahdxg-control {
  border: none !important;
  border-bottom: 1px solid #eee !important;
  background: inherit !important;
  height: auto;
  border-radius: 0px;
}
.addMessage .css-1wa3eu0-placeholder {
  color: #63696d;
  font: 400 15px/26px "untitled_sans_regular";
}

.filterBottom {
  z-index: 99 !important;
}
.filterBottom .formInp {
  padding: 0px 4px 12px !important;
}
@media (max-width: 768px) {
  .filterBottom .formInp {
    padding: 0px 4px 6px !important;
  }
}

.inboxdetailInner {
  margin: 0 11px !important;
  display: flex;
  padding: 21px 1px !important;
  border-bottom: 1px solid #e5e7ea;
}

.inboxcontentWrapper .back-arrow-sec {
  padding: 13px 23px;
  border-bottom: 1px solid #e5e7ea;
  background: #f9fbfc;
  margin: 0 11px;
  cursor: pointer;
}
.inboxcontentWrapper .back-arrow-sec span {
  font: 400 13px/28px "untitled_sans_regular";
  color: #3f3f3f;
}
.inboxcontentWrapper .back-arrow-sec .fas {
  color: #b3aeae;
  font-size: 13px;
  margin-right: 3px;
  font-weight: 600;
}
.inboxcontentWrapper .mailContent {
  padding: 42px 25px 0px;
  border-bottom: 1px solid #e5e7ea;
  margin: 0 11px;
}
@media (max-width: 480px) {
  .inboxcontentWrapper .mailContent {
    padding: 24px 12px;
  }
}
.inboxcontentWrapper .mailContent .mailWrapper {
  margin-bottom: 20px;
}
.inboxcontentWrapper .mailContent h2 {
  font: 500 21px/18px "untitled_sans_regular";
  color: #373737;
  margin: 0 0 21px;
}
@media (max-width: 480px) {
  .inboxcontentWrapper .mailContent h2 {
    font: 500 16px/16px "untitled_sans_regular";
  }
}
.inboxcontentWrapper .mailContent .maildetailSec {
  display: flex;
}
.inboxcontentWrapper .mailContent .maildetailSec .userImage {
  background-color: #ebebeb;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  display: flex;
  align-items: baseline;
  justify-content: center;
  overflow: hidden;
  padding: 5px;
  flex-shrink: 0;
}
.inboxcontentWrapper .mailContent .maildetailSec .userDetailPadding {
  padding-left: 10px;
}
.inboxcontentWrapper .mailContent .maildetailSec .userDetailPadding .userDetails {
  margin-bottom: 12px;
  margin-top: 5px;
}
.inboxcontentWrapper .mailContent .maildetailSec .userDetailPadding .userDetails h4 {
  color: #373737;
  font: 500 16px/14px "untitled_sans_regular";
  margin-bottom: 1px;
  word-break: break-all;
}
.inboxcontentWrapper .mailContent .maildetailSec .userDetailPadding .userDetails p {
  color: #a2a2a2;
  font: 400 12px/20px "untitled_sans_regular";
  margin: 0;
}
.inboxcontentWrapper .mailContent .mailDescription .message-content-area {
  /*height: auto;
  max-height: 200px;
  overflow: auto;*/
  word-break: break-all;
  white-space: pre-line;
  padding-right: 9px;
  width: 100%;
  resize: none;
  color: #373737;
  font: 400 14px/23px "untitled_sans_regular";
}
.inboxcontentWrapper .mailContent .mailDescription .message-content-area:focus {
  outline: none;
}
.inboxcontentWrapper .mailContent .mailDescription p {
  color: #373737;
  font: 400 14px/23px "untitled_sans_regular";
}
.inboxcontentWrapper .mailContent .mailDescription p:first-child {
  font: 500 14px/21px "untitled_sans_regular";
  margin-bottom: 2px;
}
@media (max-width: 440px) {
  .inboxcontentWrapper .mailContent .mailDescription p {
    font: 400 13px/21px "untitled_sans_regular";
  }
}
.inboxcontentWrapper .mailContent .mailDescription .thanksText {
  margin: 40px 0 0 0;
}
.inboxcontentWrapper .mailContent .mailDescription .thanksText span {
  font: 500 15px/23px "untitled_sans_regular";
}
.inboxcontentWrapper .mailContent .attachedImages {
  border-top: 1px solid #e5e7ea;
  padding-top: 10px;
  padding-bottom: 10px;
}
.inboxcontentWrapper .mailContent .attachedImages h3 {
  margin: 0;
  color: #373737;
  font: 500 15px/17px "untitled_sans_regular";
}
.inboxcontentWrapper .mailContent .attachedImages .attachfileOuter {
  border-top: none;
  padding: 0;
}
.inboxcontentWrapper .mailContent .attachedImages .attachfileOuter .outAttachImg {
  padding: 0px 12px 0px 0px;
}
.inboxcontentWrapper .mailContent .attachedImages .attachfileOuter .outAttachImg .attachFileList {
  height: 91px;
}
.inboxcontentWrapper .mailContent .attachedImages .attachfileOuter .outAttachImg .attachFileList .fas {
  font-size: 11px !important;
  color: #ffffff !important;
  line-height: 16px;
}
.inboxcontentWrapper .mailFooter {
  padding: 34px 93px;
}
@media (max-width: 448px) {
  .inboxcontentWrapper .mailFooter {
    padding: 10px;
  }
}
.inboxcontentWrapper .mailFooter .footer-btn {
  font: 400 15px/23px "untitled_sans_regular";
  background: #e9ebed;
  border: 1px solid #e9ebed;
  color: #373737;
  padding: 9px 24px;
  border-radius: 2px;
  cursor: pointer;
  outline: 0;
}
@media (max-width: 490px) {
  .inboxcontentWrapper .mailFooter .footer-btn {
    width: 100%;
    margin-bottom: 10px;
  }
  .inboxcontentWrapper .mailFooter .footer-btn:last-child {
    margin-bottom: 0;
  }
}
.inboxcontentWrapper .mailFooter .footer-btn img {
  margin-right: 5px;
}
.inboxcontentWrapper .mailreplyOuter {
  margin: 14px 0;
}
.inboxcontentWrapper .mailreplyOuter .mailFlex {
  display: flex;
  padding: 0 45px;
  margin-bottom: 30px;
}
@media (max-width: 480px) {
  .inboxcontentWrapper .mailreplyOuter .mailFlex {
    padding: 0;
  }
}
.inboxcontentWrapper .mailreplyOuter .mailFlex .userImg {
  background-color: #ebebeb;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  display: flex;
  align-items: baseline;
  justify-content: center;
  overflow: hidden;
  padding: 5px;
  flex-shrink: 0;
}
.inboxcontentWrapper .mailreplyOuter .mailFlex .replyBox {
  border: 1px solid #edf2f7;
  background: #f9fcff;
  margin-left: 18px;
  width: 100%;
  padding: 8px 18px;
}
@media (max-width: 670px) {
  .inboxcontentWrapper .mailreplyOuter .mailFlex .replyBox {
    position: relative;
    margin-left: 6px;
    padding: 8px 4px;
  }
}
.inboxcontentWrapper .mailreplyOuter .mailFlex .replyBox .replyHeader {
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid #e2e9f1;
  padding-bottom: 7px;
  align-items: baseline;
  /*position: relative;*/
}
.inboxcontentWrapper .mailreplyOuter .mailFlex .replyBox .replyHeader .replyDetails {
  display: flex;
  align-items: baseline;
  flex: 1 1 auto;
}
.inboxcontentWrapper .mailreplyOuter .mailFlex .replyBox .replyHeader .replyDetails .sendOption {
  width: 100%;
}
.inboxcontentWrapper .mailreplyOuter .mailFlex .replyBox .replyHeader .replyDetails .sendOption .css-yk16xz-control {
  height: auto;
  background: inherit !important;
  border: none !important;
}
.inboxcontentWrapper .mailreplyOuter .mailFlex .replyBox .replyHeader .replyDetails .sendOption .css-1pahdxg-control {
  background: inherit !important;
  border: none !important;
}
.inboxcontentWrapper .mailreplyOuter .mailFlex .replyBox .replyHeader .replyDetails .sendOption .messgaereplyLabel .css-2b097c-container {
  padding-left: 18px;
}
@media (max-width: 670px) {
  .inboxcontentWrapper .mailreplyOuter .mailFlex .replyBox .replyHeader .replyDetails .sendOption .messgaereplyLabel .css-2b097c-container {
    margin-top: 17px;
  }
}
@media (max-width: 670px) {
  .inboxcontentWrapper .mailreplyOuter .mailFlex .replyBox .replyHeader .replyDetails .sendOption .messgaereplyLabel .css-12jo7m5 {
    font-size: 12px !important;
    max-width: 75px;
  }
}
.inboxcontentWrapper .mailreplyOuter .mailFlex .replyBox .replyHeader .replyDetails .sendOption .messgaereplyLabel .css-1hb7zxy-IndicatorsContainer {
  display: none !important;
}
.inboxcontentWrapper .mailreplyOuter .mailFlex .replyBox .replyHeader .replyDetails .forwardImg {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.inboxcontentWrapper .mailreplyOuter .mailFlex .replyBox .replyHeader .replyDetails span {
  font: 400 14px/18px "untitled_sans_regular";
  margin-left: 8px;
}
.inboxcontentWrapper .mailreplyOuter .mailFlex .replyBox .replyHeader .replyDetails .mailInput {
  background: inherit;
  border: none;
  font: 400 14px/18px "untitled_sans_regular";
}
.inboxcontentWrapper .mailreplyOuter .mailFlex .replyBox .replyHeader .replyDetails .mailInput:focus {
  border: none;
  box-shadow: none !important;
}
.inboxcontentWrapper .mailreplyOuter .mailFlex .replyBox .replyHeader .deleteSec {
  align-items: flex-start;
  display: flex;
  justify-content: flex-end;
  flex: 0 0 auto;
}
@media (max-width: 670px) {
  .inboxcontentWrapper .mailreplyOuter .mailFlex .replyBox .replyHeader .deleteSec {
    position: absolute;
    top: 4px;
    right: 6px;
  }
}
.inboxcontentWrapper .mailreplyOuter .mailFlex .replyBox .replyHeader .deleteSec .copy {
  margin-right: 21px;
  display: flex;
}
.inboxcontentWrapper .mailreplyOuter .mailFlex .replyBox .replyHeader .deleteSec .copy span {
  font: 400 14px/18px "untitled_sans_regular";
  cursor: pointer;
  color: #777;
  padding-right: 9px;
  border-right: 1px solid #e9e7e7;
}
.inboxcontentWrapper .mailreplyOuter .mailFlex .replyBox .replyHeader .deleteSec .copy span:hover {
  text-decoration: underline;
}
@media (max-width: 670px) {
  .inboxcontentWrapper .mailreplyOuter .mailFlex .replyBox .replyHeader .deleteSec .copy span {
    font: 400 14px/18px "untitled_sans_regular";
  }
}
.inboxcontentWrapper .mailreplyOuter .mailFlex .replyBox .replyHeader .deleteSec .deleteMail {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.inboxcontentWrapper .mailreplyOuter .mailFlex .replyBox .replyHeader .deleteSec .deleteMail span {
  font: 400 14px/18px "untitled_sans_regular";
  margin-left: 8px;
}
@media (max-width: 480px) {
  .inboxcontentWrapper .mailreplyOuter .mailFlex .replyBox .replyHeader .deleteSec .deleteMail span {
    font: 400 12px/18px "untitled_sans_regular";
  }
}
.inboxcontentWrapper .mailreplyOuter .mailFlex .replyBox .replyMailBody {
  padding: 10px;
}
.inboxcontentWrapper .mailreplyOuter .mailFlex .replyBox .replyMailBody .mailTextarea {
  font: 400 14px/18px "untitled_sans_regular";
  border: none;
  background: none;
  width: 100%;
  resize: none;
}
.inboxcontentWrapper .mailreplyOuter .mailFlex .replyBox .replyMailBody .mailTextarea:focus {
  border: none;
  box-shadow: none !important;
  outline: 0;
}
.inboxcontentWrapper .mailreplyOuter .mailFlex .replyBox .replymailFooter {
  display: flex;
  justify-content: flex-end;
  border-top: 1px solid #e2e9f1;
  padding-top: 8px;
  align-items: center;
}
.inboxcontentWrapper .mailreplyOuter .mailFlex .replyBox .replymailFooter .attachOption {
  margin-right: 13px;
  border-right: 1px solid #e9e7e7;
  padding-right: 13px;
}
.inboxcontentWrapper .mailreplyOuter .mailFlex .replyBox .replymailFooter .attachOption input[type=file] {
  display: none;
}
@media (max-width: 480px) {
  .inboxcontentWrapper .mailreplyOuter .mailFlex .replyBox .replymailFooter .attachOption {
    border-right: none;
    margin-right: 0;
    padding-right: 0;
  }
}
.inboxcontentWrapper .mailreplyOuter .mailFlex .replyBox .replymailFooter .attachOption .attachImg {
  margin: 0;
  cursor: pointer;
}
.inboxcontentWrapper .mailreplyOuter .mailFlex .replyBox .replymailFooter .attachOption .attachImg img {
  height: 19px;
}
.inboxcontentWrapper .mailreplyOuter .mailFlex .replyBox .replymailFooter .attachOption .attachImg span {
  font: 400 14px/18px "untitled_sans_regular";
  color: #777;
  margin-left: 3px;
}
@media (max-width: 480px) {
  .inboxcontentWrapper .mailreplyOuter .mailFlex .replyBox .replymailFooter {
    justify-content: center;
    flex-direction: column;
  }
}
.inboxcontentWrapper .mailreplyOuter .mailFlex .replyBox .replymailFooter .mailSend {
  color: #fff;
  text-align: center;
  background: #1382d9;
  font: 16px/22px "untitled_sans_regular";
  padding: 10px 45px;
  cursor: pointer;
  outline: none;
  border-radius: 3px;
  border: none;
}
@media (max-width: 480px) {
  .inboxcontentWrapper .mailreplyOuter .mailFlex .replyBox .replymailFooter .mailSend {
    width: 100%;
  }
}

.addInvoiceModal .modal-md {
  max-width: 800px;
}
.addInvoiceModal .css-14jk2my-container {
  padding-left: 0px;
}
.addInvoiceModal .css-14jk2my-container .css-1fhf3k1-control {
  height: 45px;
  background-color: #e0e5eb !important;
  border-color: transparent !important;
}
.addInvoiceModal .css-14jk2my-container .css-1fhf3k1-control .css-107lb6w-singleValue {
  color: #495057 !important;
}
.addInvoiceModal .css-14jk2my-container .css-1fhf3k1-control .css-109onse-indicatorSeparator {
  display: none;
}

.leasesfilesOuter .export img {
  margin-right: 12px;
}
.leasesfilesOuter .leasestable .statusSec {
  display: flex;
  align-items: center;
}
.leasesfilesOuter .leasestable .status-bg {
  background: #4bc693;
  border-radius: 50%;
  width: 16px;
  height: 16px;
}
.leasesfilesOuter .leasestable .status {
  font: 400 14px/13px "untitled_sans_regular";
  margin-left: 10px;
}
.leasesfilesOuter .leasestable .process-bg {
  background: #ff8b3d;
}
.leasesfilesOuter .leasestable .send-bg {
  background: #f7746b;
}
@media (max-width: 1679px) {
  .leasesfilesOuter .leasestable .wdt-02 {
    width: 300px !important;
  }
}

.messageSend {
  padding: 0 !important;
  width: 100px;
  height: 42px;
}

.mailTextboxHeight {
  width: 100%;
}
.mailTextboxHeight .formHeight {
  height: 42px !important;
}
.mailTextboxHeight .css-yk16xz-control {
  height: auto !important;
}
.mailTextboxHeight .css-1hb7zxy-IndicatorsContainer {
  display: none !important;
}
.mailTextboxHeight .css-2b097c-container {
  padding-left: 18px !important;
}
.mailTextboxHeight .css-1pahdxg-control {
  height: auto !important;
}

.attachfileOuter {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  border-top: 1px solid #e0e5eb;
}
.attachfileOuter .outAttachImg {
  padding: 0px 4px;
}
.attachfileOuter .outAttachImg p {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
  margin-bottom: 0px;
  font: 400 14px/24px "untitled_sans_regular";
}
.attachfileOuter .attachFileList {
  padding: 0;
  position: relative;
  height: 65px;
  background: #e0e5eb;
  margin-top: 15px;
  text-align: center;
  vertical-align: middle;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  border-radius: 3px;
}
.attachfileOuter .attachFileList i {
  font-size: 27px;
  color: #7d8084;
}
.attachfileOuter .attachFileList img {
  height: 100%;
  width: 100%;
  object-position: center;
  object-fit: cover;
}
.attachfileOuter .attachFileList .image-close {
  position: absolute;
  top: 5px;
  right: 6px;
  color: #fff;
  border: none;
  text-align: center;
  background: #0072cc;
  width: 16px;
  height: 16px;
  border-radius: 50px;
  margin: 0;
  padding: 0;
  line-height: 0;
  outline: 0;
  cursor: pointer;
}
.attachfileOuter .attachFileList .image-close:hover {
  color: #fff;
}
.attachfileOuter .attachFileList .image-close span {
  font-size: 16px;
  display: inline-block;
  line-height: 15px;
}

.leaseStatusOuter .tenantDtl {
  align-items: stretch !important;
}

.propertyOuter .tenantDtlLeft h3 {
  font: 16px/22px "untitled_sans_medium";
  border-bottom: none !important;
  margin: 0;
  padding: 15px 10px !important;
}
.propertyOuter .tenantDtlLeft .searchOtr {
  border-bottom: 1px solid #dce1e6;
  border-top: 1px solid #dce1e6;
  padding: 11px 8px !important;
  margin-bottom: 13px;
}
.propertyOuter .tenantDtlLeft .searchOtr .searchIcn {
  top: 23px !important;
}
.propertyOuter .propertyDtlRight {
  border-left: 5px solid #e2e9f1;
  width: 100%;
}
.propertyOuter .propertyDtlRight .propertyDtlSecn .outer-section-prop {
  background: #fff;
  border-bottom: 5px solid #e2e9f1;
}
.propertyOuter .propertyDtlRight .propertyDtlSecn .outer-section-prop .dtlContProp {
  border-right: 1px solid #dfdfdf;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 10px 11px;
}
.propertyOuter .propertyDtlRight .propertyDtlSecn .outer-section-prop .dtlContProp:last-child {
  border-right: 0px;
}
.propertyOuter .propertyDtlRight .propertyDtlSecn .outer-section-prop .prop-nameDtl {
  flex: 0 0 31%;
  display: flex;
  flex-direction: row;
}
.propertyOuter .propertyDtlRight .propertyDtlSecn .outer-section-prop .prop-nameDtl .propImg img {
  width: 213px;
  object-fit: cover;
  height: 136px;
}
.propertyOuter .propertyDtlRight .propertyDtlSecn .outer-section-prop .prop-nameDtl .propcont {
  padding-left: 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.propertyOuter .propertyDtlRight .propertyDtlSecn .outer-section-prop .prop-nameDtl .propcont h3 {
  color: #3e3c3c;
  font: 500 18px/21px "untitled_sans_medium";
  margin-bottom: 3px;
}
.propertyOuter .propertyDtlRight .propertyDtlSecn .outer-section-prop .prop-nameDtl .propcont h5 {
  color: #656565;
  font: 400 14px/20px "untitled_sans_regular";
}
.propertyOuter .propertyDtlRight .propertyDtlSecn .outer-section-prop .unitsProp {
  flex: 0 0 10%;
  color: #2e2e2e;
  text-align: center;
}
.propertyOuter .propertyDtlRight .propertyDtlSecn .outer-section-prop .unitsProp h3 {
  font: 500 20px/22px "untitled_sans_regular";
}
.propertyOuter .propertyDtlRight .propertyDtlSecn .outer-section-prop .unitsAvl {
  flex: 0 0 15%;
  text-align: center;
}
.propertyOuter .propertyDtlRight .propertyDtlSecn .outer-section-prop .unitsAvl h3 {
  color: #656565;
  font: 400 14px/20px "untitled_sans_regular";
}
.propertyOuter .propertyDtlRight .propertyDtlSecn .outer-section-prop .unitsAvl p {
  color: #0ab27d;
  font: 500 23px/22px "untitled_sans_regular";
  margin-bottom: 2px;
}
.propertyOuter .propertyDtlRight .propertyDtlSecn .outer-section-prop .tenantnme {
  flex: 0 0 10%;
  text-align: center;
}
.propertyOuter .propertyDtlRight .propertyDtlSecn .outer-section-prop .tenantnme h3 {
  color: #656565;
  font: 400 14px/20px "untitled_sans_regular";
}
.propertyOuter .propertyDtlRight .propertyDtlSecn .outer-section-prop .tenantnme p {
  color: #2e2e2e;
  font: 600 23px/22px "untitled_sans_regular";
  margin-bottom: 2px;
}
.propertyOuter .propertyDtlRight .propertyDtlSecn .outer-section-prop .rentDtl {
  flex: 0 0 13.5%;
}
.propertyOuter .propertyDtlRight .propertyDtlSecn .outer-section-prop .rentDtl h3 {
  color: #656565;
  font: 400 14px/20px "untitled_sans_regular";
}
.propertyOuter .propertyDtlRight .propertyDtlSecn .outer-section-prop .rentDtl p {
  color: #2e2e2e;
  font: 23px/22px "untitled_sans_medium";
  margin-bottom: 2px;
  word-break: break-word;
  padding-right: 22px;
}
.propertyOuter .propertyDtlRight .rightBg {
  background: #fff;
  border-radius: 3px;
  padding-bottom: 13px;
}
.propertyOuter .propertyDtlRight .rightBg .tabRightBg {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-bottom: 1px solid #dee2e6;
  align-items: center;
}
.propertyOuter .propertyDtlRight .rightBg .tabRightBg .nav-tabs {
  border-bottom: 0px !important;
}
.propertyOuter .propertyDtlRight .rightBg .tabRightBg .editright {
  margin-right: 13px;
  margin-top: 13px;
  background: #1382d9;
  border: none;
  padding: 8px 11px;
  color: #fff;
  font: 400 15px/20px "untitled_sans_regular";
  border-radius: 4px;
  cursor: pointer;
  box-shadow: none;
}
@media (max-width: 650px) {
  .propertyOuter .propertyDtlRight .rightBg .tabRightBg .editright {
    height: 38px;
    font: 400 13px/20px "untitled_sans_regular";
    margin-bottom: 15px;
    margin-right: 0px;
    margin: 19px 15px;
  }
}
.propertyOuter .propertyDtlRight .rightBg .tabRightBg .editright:hover {
  background: #0072cc;
}
@media (max-width: 1679px) {
  .propertyOuter .propertyDtlRight .rightBg .tabRightBg .editright {
    height: 30px;
    font: 400 13px/20px "untitled_sans_regular";
  }
}
.propertyOuter .propertyDtlRight .rightBg .tabRightBg .unitAction {
  margin-right: 14px;
}
.propertyOuter .propertyDtlRight .rightBg .tabRightBg .unitAction i {
  color: #a5aeb9;
  font-size: 12px;
  width: 26px;
  height: 26px;
  border-radius: 50px;
  border: 1px solid #d9e1eb;
  background: #d9e1eb;
  text-align: center;
  line-height: 23px;
  cursor: pointer;
}
.propertyOuter .propertyDtlRight .rightBg .tabRightBg .unitAction i:hover {
  color: #7c7979;
}
.propertyOuter .propertyDtlRight .rightBg .nav-tabs {
  border-bottom: 0px !important;
}
.propertyOuter .propertyDtlRight .rightBg .nav-tabs .nav-item {
  font: 400 15px/19px "untitled_sans_regular";
  color: #585858;
}
@media (max-width: 370px) {
  .propertyOuter .propertyDtlRight .rightBg .nav-tabs .nav-item {
    font: 400 14px/19px "untitled_sans_regular";
  }
}
.propertyOuter .propertyDtlRight .rightBg .nav-tabs .nav-item .nav-link {
  background-color: inherit;
  border: none;
  border-right: 1px solid #e7ecf0;
  border-radius: 0;
  padding: 20px 16px;
}
@media (max-width: 370px) {
  .propertyOuter .propertyDtlRight .rightBg .nav-tabs .nav-item .nav-link {
    padding: 16px;
  }
}
.propertyOuter .propertyDtlRight .rightBg .nav-tabs .nav-item .active-tab {
  font: 500 15px/19px "untitled_sans_regular";
  border-bottom: 4px solid #1382d9;
  padding: 18px 16px;
}
@media (max-width: 370px) {
  .propertyOuter .propertyDtlRight .rightBg .nav-tabs .nav-item .active-tab {
    padding: 16px;
    font: 500 14px/19px "untitled_sans_regular";
  }
}
.propertyOuter .propertyDtlRight .rightBg .tab-content .unitBox {
  border: 1px solid #e7ecf0;
  margin: 15px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  background: #f9fcff;
}
@media (max-width: 420px) {
  .propertyOuter .propertyDtlRight .rightBg .tab-content .unitBox {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .propertyOuter .propertyDtlRight .rightBg .tab-content .unitBox {
    flex-wrap: wrap;
  }
}
.propertyOuter .propertyDtlRight .rightBg .tab-content .unitBox .box {
  align-items: center;
  justify-content: center;
  display: flex;
  font-size: 30px;
  padding: 40px;
  flex-direction: row;
  border-right: 1px solid #dbdddf;
  flex: 0 0 20%;
}
@media (max-width: 1800px) {
  .propertyOuter .propertyDtlRight .rightBg .tab-content .unitBox .box {
    padding: 25px;
  }
}
@media (max-width: 1497px) {
  .propertyOuter .propertyDtlRight .rightBg .tab-content .unitBox .box {
    padding: 14px;
  }
}
@media (max-width: 991px) {
  .propertyOuter .propertyDtlRight .rightBg .tab-content .unitBox .box {
    padding: 12px;
  }
}
@media (max-width: 480px) {
  .propertyOuter .propertyDtlRight .rightBg .tab-content .unitBox .box {
    padding: 6px;
  }
}
@media (max-width: 767px) {
  .propertyOuter .propertyDtlRight .rightBg .tab-content .unitBox .box {
    flex: 0 0 33%;
    border-bottom: 1px solid #dbdddf;
  }
  .propertyOuter .propertyDtlRight .rightBg .tab-content .unitBox .box:nth-child(4) {
    border-bottom: none;
  }
  .propertyOuter .propertyDtlRight .rightBg .tab-content .unitBox .box:last-child {
    border-bottom: none;
  }
  .propertyOuter .propertyDtlRight .rightBg .tab-content .unitBox .box:nth-child(3) {
    border-right: none;
  }
}
@media (max-width: 420px) {
  .propertyOuter .propertyDtlRight .rightBg .tab-content .unitBox .box {
    border-right: none;
  }
  .propertyOuter .propertyDtlRight .rightBg .tab-content .unitBox .box:nth-child(4) {
    border-bottom: 1px solid #dbdddf;
  }
}
.propertyOuter .propertyDtlRight .rightBg .tab-content .unitBox .box:last-child {
  border-right: none;
}
.propertyOuter .propertyDtlRight .rightBg .tab-content .unitBox .box .centerContent {
  display: flex;
  align-items: center;
  justify-content: center;
}
.propertyOuter .propertyDtlRight .rightBg .tab-content .unitBox .box .centerContent .unitImg {
  padding-right: 10px;
}
.propertyOuter .propertyDtlRight .rightBg .tab-content .unitBox .box .centerContent .unitImg img {
  height: 32px;
}
@media (max-width: 1679px) {
  .propertyOuter .propertyDtlRight .rightBg .tab-content .unitBox .box .centerContent .unitImg img {
    height: 27px;
  }
}
@media (max-width: 480px) {
  .propertyOuter .propertyDtlRight .rightBg .tab-content .unitBox .box .centerContent .unitImg img {
    height: 21px !important;
  }
}
@media (max-width: 991px) {
  .propertyOuter .propertyDtlRight .rightBg .tab-content .unitBox .box .centerContent .unitImg img {
    height: 26px;
  }
}
.propertyOuter .propertyDtlRight .rightBg .tab-content .unitBox .box .centerContent .unitcontent p {
  font: 600 21px/19px "untitled_sans_regular";
  color: #2e2e2e;
  margin: 0;
  word-break: break-word;
}
.propertyOuter .propertyDtlRight .rightBg .tab-content .unitBox .box .centerContent .unitcontent p:first-child {
  font: 400 16px/19px "untitled_sans_regular";
  color: #585858;
  margin-bottom: 1px;
}
@media (max-width: 1497px) {
  .propertyOuter .propertyDtlRight .rightBg .tab-content .unitBox .box .centerContent .unitcontent p:first-child {
    font: 400 13px/19px "untitled_sans_regular";
  }
}
@media (max-width: 991px) {
  .propertyOuter .propertyDtlRight .rightBg .tab-content .unitBox .box .centerContent .unitcontent p:first-child {
    font: 400 12px/19px "untitled_sans_regular";
  }
}
@media (max-width: 420px) {
  .propertyOuter .propertyDtlRight .rightBg .tab-content .unitBox .box .centerContent .unitcontent p:first-child {
    font: 400 13px/19px "untitled_sans_regular";
  }
}
@media (max-width: 1497px) {
  .propertyOuter .propertyDtlRight .rightBg .tab-content .unitBox .box .centerContent .unitcontent p {
    font: 600 16px/19px "untitled_sans_regular";
  }
}
@media (max-width: 991px) {
  .propertyOuter .propertyDtlRight .rightBg .tab-content .unitBox .box .centerContent .unitcontent p {
    font: 600 15px/19px "untitled_sans_regular";
  }
}
@media (max-width: 420px) {
  .propertyOuter .propertyDtlRight .rightBg .tab-content .unitBox .box .centerContent .unitcontent p {
    font: 600 17px/19px "untitled_sans_regular";
  }
}
.propertyOuter .propertyDtlRight .rightBg .innago-table {
  padding: 0 !important;
  margin: 15px;
  /* width */
  /* Track */
  /* Handle */
}
.propertyOuter .propertyDtlRight .rightBg .innago-table ::-webkit-scrollbar {
  width: 4px;
}
.propertyOuter .propertyDtlRight .rightBg .innago-table ::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.propertyOuter .propertyDtlRight .rightBg .innago-table ::-webkit-scrollbar-thumb {
  background: #b6b9bc;
}
.propertyOuter .propertyDtlRight .rightBg .innago-table th {
  background: #f0f5fa !important;
}
.propertyOuter .propertyDtlRight .rightBg .innago-table th.phoneNo {
  width: 170px !important;
}
.propertyOuter .propertyDtlRight .rightBg .innago-table .propDetlTenant {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.propertyOuter .propertyDtlRight .rightBg .innago-table .propDetlTenant .editright {
  height: 34px;
  background: #1382d9;
  border: none;
  padding: 0px 16px;
  color: #fff;
  font: 400 14px/19px "untitled_sans_regular";
  border-radius: 4px;
  cursor: pointer;
  box-shadow: none;
}
@media (max-width: 1679px) {
  .propertyOuter .propertyDtlRight .rightBg .innago-table .propDetlTenant .editright {
    font: 400 13px/18px "untitled_sans_regular";
    height: 30px;
  }
}
@media (max-width: 375px) {
  .propertyOuter .propertyDtlRight .rightBg .innago-table .propDetlTenant .editright {
    font: 400 12px/18px "untitled_sans_regular";
    height: 30px;
    width: 101px;
  }
}
.propertyOuter .propertyDtlRight .rightBg .innago-table h3 {
  color: #575656;
  font: 500 16px/20px "untitled_sans_medium";
  background: #e5e9ee;
  padding: 17px 17px;
  margin-bottom: 0px;
}
@media (max-width: 1679px) {
  .propertyOuter .propertyDtlRight .rightBg .innago-table h3 {
    font: 500 14px/20px "untitled_sans_medium";
  }
}
@media (max-width: 500px) {
  .propertyOuter .propertyDtlRight .rightBg .innago-table h3 {
    padding: 17px 10px;
  }
}
.propertyOuter .propertyDtlRight .rightBg .innago-table .table-gap {
  border-spacing: 0 0px;
}
.propertyOuter .propertyDtlRight .rightBg .innago-table .detailRow {
  background: #f9fcff;
}
.propertyOuter .propertyDtlRight .rightBg .innago-table .detailRow:hover {
  background: #f9fcff !important;
}
.propertyOuter .propertyDtlRight .rightBg .innago-table .subText {
  font: 12px/17px "untitled_sans_regular";
  color: #6f6f6f;
}

.settingsOuter .settingTable {
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media (max-width: 991px) {
  .settingsOuter .settingTable {
    flex-direction: column;
  }
}
.settingsOuter .settingTable .paymentTable {
  flex: 0 0 25%;
  border-right: 1px solid #d4d3d3;
  padding-right: 15px;
}
.settingsOuter .settingTable .paymentTable thead {
  background: #eef2f7;
}
.settingsOuter .settingTable .paymentTable thead th {
  border-bottom-width: 0;
  font: 600 15px/25px "untitled_sans_regular";
  color: #585858;
  border-top: 0;
}
.settingsOuter .settingTable .paymentTable tbody {
  background: #fff;
}
.settingsOuter .settingTable .paymentTable tbody td {
  vertical-align: middle !important;
}
.settingsOuter .settingTable .paymentTable tbody td p {
  margin: 0;
}
@media (max-width: 991px) {
  .settingsOuter .settingTable .paymentTable tbody {
    order: 1;
    flex: 1 1 auto;
    margin-bottom: 18px;
  }
}
.settingsOuter .settingTable .paymentTable tbody .width-01 {
  width: 40px;
}
.settingsOuter .settingTable .paymentTable tbody .width-02 {
  width: 47px;
}
@media (max-width: 991px) {
  .settingsOuter .settingTable .paymentTable tbody .table-td {
    width: 100%;
  }
}
.settingsOuter .settingTable .businessTable {
  flex: 1 auto;
  margin-left: 15px;
}
@media (max-width: 991px) {
  .settingsOuter .settingTable .businessTable {
    order: 2;
  }
}
.settingsOuter .settingTable .businessTable thead {
  background: #eef2f7;
}
.settingsOuter .settingTable .businessTable thead th {
  border-bottom-width: 0;
  font: 600 15px/25px "untitled_sans_regular";
  color: #585858;
  border-top: 0;
}
.settingsOuter .settingTable .businessTable tbody {
  background: #fff;
}
.settingsOuter .settingTable .businessTable tbody td {
  vertical-align: middle !important;
}
.settingsOuter .settingTable .businessTable tbody td p {
  margin: 0;
}
.settingsOuter .settingTable h3 {
  font: 600 17px/25px "untitled_sans_regular";
  color: #585858;
  margin: 0;
}
@media (max-width: 340px) {
  .settingsOuter .settingTable h3 {
    font: 600 14px/25px "untitled_sans_regular";
  }
}
.settingsOuter .settingTable td {
  height: 60px !important;
}
.settingsOuter .settingTable .table-header-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.settingsOuter .settingTable .add-btn {
  background: #1382d9;
  color: #fff;
  font: 400 14px/20px "untitled_sans_regular";
  padding: 8px 11px;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  min-width: 173px;
}
@media (max-width: 495px) {
  .settingsOuter .settingTable .add-btn {
    margin-top: 9px;
  }
}
@media (max-width: 340px) {
  .settingsOuter .settingTable .add-btn {
    min-width: 154px;
    margin-top: 9px;
    padding: 6px 0px;
    font: 400 12px/20px "untitled_sans_regular";
  }
}

.payment-name {
  width: 319px;
}

.settingsModal .modal-dialog {
  max-width: 790px !important;
}

.addressResize {
  resize: none !important;
  height: auto !important;
}

.lightBoxModal {
  padding: 0 !important;
  opacity: 1;
  transition: opacity 0.15s linear;
}
.lightBoxModal .modal-dialog {
  max-width: 100% !important;
  height: 100%;
  margin: 0;
}
.lightBoxModal .modal-dialog .modal-content {
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 0.5s ease-in-out;
  height: 100%;
  margin: 0;
  border-radius: 0 !important;
}
.lightBoxModal .modal-dialog .modal-content .modal-header {
  border: none !important;
}
.lightBoxModal .modal-dialog .modal-content .modal-header .actionBtn {
  margin-top: 45px;
}
.lightBoxModal .modal-dialog .modal-content .closeBtn {
  position: absolute;
  right: 45px;
}
.lightBoxModal .modal-dialog .modal-content .close {
  color: #fff !important;
  opacity: 1;
}
@media (max-width: 320px) {
  .lightBoxModal .modal-dialog .modal-content .closeBtn {
    margin-right: 10px;
  }
}
@media (max-width: 420px) {
  .lightBoxModal .modal-dialog .modal-content .actionBtn {
    display: flex;
    align-items: center;
    margin-top: 37px;
    /* display: flex;
      flex-direction: column;
      width: 100%;*/
  }
  .lightBoxModal .modal-dialog .modal-content .actionBtn .closeBtn {
    right: 23px;
  }
  .lightBoxModal .modal-dialog .modal-content .actionBtn .lightboxSave {
    margin-right: 0;
  }
  .lightBoxModal .modal-dialog .modal-content .actionBtn .lightboxSave:last-child {
    margin-bottom: 0px;
  }
}
.lightBoxModal .modal-dialog .LighboxImg {
  display: flex;
  align-items: center;
  justify-content: center;
}
.lightBoxModal .modal-dialog .LighboxImg:focus {
  outline: 0 !important;
}
.lightBoxModal .modal-dialog .LighboxImg img {
  transition: 0.5s ease-in-out;
  width: 50%;
  height: 450px;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 1199px) {
  .lightBoxModal .modal-dialog .LighboxImg img {
    width: 70% !important;
    height: 300px;
  }
}
@media (max-width: 420px) {
  .lightBoxModal .modal-dialog .LighboxImg img {
    width: 295px;
  }
}

.lightbox img {
  height: 48px;
  object-fit: cover;
}

.rightSec {
  margin: 20px;
  display: flex;
  justify-content: flex-end;
}

.lightboxSave {
  border-radius: 3px;
  height: 37px;
  border: 0;
  margin-right: 40px;
  padding: 5px 15px;
  cursor: pointer;
  outline: 0;
  font: 14px/22px "untitled_sans_regular";
  color: #fff;
  text-align: center;
  background: #1382d9;
  min-width: 145px;
}

.saveBtnright {
  margin-right: 9px;
}

.no_value {
  display: flex;
  align-items: center;
  justify-content: center;
  font: 500 16px/26px "untitled_sans_regular";
  color: #363434;
  height: 100%;
  min-height: 320px;
}
@media (max-width: 1720px) {
  .no_value {
    font: 500 14px/26px "untitled_sans_regular";
  }
}
@media (max-width: 250px) {
  .no_value {
    min-height: 250px;
  }
}
.no_value i {
  padding-right: 5px;
}

.lightBoxModal .owl-prev,
.lightBoxModal .owl-next {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.lightBoxModal .owl-next,
.lightBoxModal .owl-prev {
  position: absolute;
  top: 0;
  width: 36px;
  bottom: 0;
}

.lightBoxModal .modal-dialog .modal-content {
  display: flex;
}

.lightBoxModal .modal-dialog .modal-content .modal-header {
  flex: 0 0 auto;
}

.owl-carousel.owl-theme.owl-loaded.owl-drag {
  flex: 1 1 auto;
}

.owl-carousel .owl-stage-outer {
  height: 100%;
}

.owl-carousel.owl-drag .owl-item {
  height: 100%;
}

.lightBoxModal .owl-prev {
  right: 100%;
  margin-right: -12px;
}

.lightBoxModal .owl-next {
  left: 100%;
  margin-left: -12px;
}

.lightBoxModal .owl-prev i {
  right: 0px;
}

.lightBoxModal .owl-next i,
.lightBoxModal .owl-prev i {
  font-size: 24px;
  line-height: 24px;
  margin-top: -12px;
  position: absolute;
  top: 50%;
  color: #ffffff;
}

.lightBoxModal .owl-next i {
  left: -15px;
}

.reply-forward-message-form {
  width: 100%;
}

.custom-flex {
  flex: 0 0 50%;
  max-width: 50%;
}
@media (max-width: 768px) {
  .custom-flex {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.custom-invoice-table .table-bordered tr {
  border-right: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
}
.custom-invoice-table .table-bordered td {
  border-right: 1px solid #dee2e6;
}
.custom-invoice-table .paidInvo td {
  border-left: 0;
}
.custom-invoice-table .paidInvo td:last-child {
  border-left: 1px solid #dee2e6;
}

.tenantsTable .phoneNo {
  width: 177px;
}
@media (max-width: 1720px) {
  .tenantsTable .phoneNo {
    width: 263px;
  }
}
.tenantsTable .tenantName {
  width: 300px;
}
@media (max-width: 1720px) {
  .tenantsTable .wdt-03 {
    min-width: 102px;
  }
}

.error-icn {
  color: #ff6b60;
}

.propertyDetailTable {
  overflow-x: auto;
  height: 233px;
}

.innago-table .table-td td {
  padding-top: 9px;
  padding-bottom: 9px;
}

.innago-table .table-head th {
  padding: 15px 10px;
}

.date-column-width {
  width: 138px;
}
@media (max-width: 1720px) {
  .date-column-width {
    width: 120px;
  }
}

.profileSec {
  display: flex;
  align-items: center;
  justify-content: center;
}
.profileSec .profileHead {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 35px;
}
.profileSec .profileHead h1 {
  font: 500 27px/20px "untitled_sans_regular";
  color: #000;
  margin-bottom: 0px;
  text-transform: uppercase;
}
@media (max-width: 1679px) {
  .profileSec .profileHead h1 {
    font: 500 20px/20px "untitled_sans_regular";
  }
}
.profileSec .profileForm {
  background: #fff;
  border-radius: 3px;
}
.profileSec .profileForm .profileEditSec {
  display: flex;
  align-items: center;
  justify-content: center;
  /*padding-top: 9px;*/
}
.profileSec .profileForm .profileEditSec input[type=file] {
  display: none;
}
.profileSec .profileForm .profileEditSec .profileImg {
  height: 50px;
  width: 50px;
  position: relative;
  margin-top: -27px;
  background: #1382d9;
  border-radius: 50%;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  font: 16px/50px "untitled_sans_medium";
  /*height: 80px;
  width: 80px;
  position: relative;
  margin-top: -36px;*/
}
.profileSec .profileForm .profileEditSec .profileImg img {
  height: 100%;
  width: 100%;
  border-radius: 50px;
  object-fit: cover;
}
.profileSec .profileForm .profileEditSec .profileImg .editIcon {
  position: absolute;
  background: #1382d9;
  color: #fff;
  border-radius: 50px;
  width: 20px;
  height: 20px;
  top: 65px;
  left: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 9px;
  cursor: pointer;
  display: none;
}
.profileSec .profileForm .profileDetail {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.profileSec .profileForm .profileDetail h4 {
  color: #2e2e2e;
  font: 400 16px/20px "untitled_sans_regular";
  margin: 0;
}
.profileSec .profileForm .profileDetail p {
  color: #6f6f6f;
  font: 400 13px/20px "untitled_sans_regular";
  margin-bottom: 3px;
}
.profileSec .profileForm .formSec {
  padding: 31px 43px;
}
@media (max-width: 430px) {
  .profileSec .profileForm .formSec {
    padding: 20px 20px;
  }
}
.profileSec .profileForm .formSec .formInp {
  margin-bottom: 10px;
}
.profileSec .profileForm .formSubmit {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
@media (max-width: 430px) {
  .profileSec .profileForm .formSubmit {
    flex-direction: column;
  }
}
.profileSec .profileForm .formSubmit .btnSubmit {
  background: #1382d9;
  padding: 10px 15px 10px;
  text-transform: uppercase;
  font: 500 16px/24px "untitled_sans_regular";
  letter-spacing: 0.5px;
}
@media (max-width: 1679px) {
  .profileSec .profileForm .formSubmit .btnSubmit {
    padding: 6px 15px;
    font: 500 13px/24px "untitled_sans_regular";
  }
}
.profileSec .profileForm .formSubmit .btnSubmit:focus {
  box-shadow: none !important;
}
@media (max-width: 430px) {
  .profileSec .profileForm .formSubmit .btnSubmit {
    font: 500 14px/24px "untitled_sans_regular";
    width: 100%;
    margin-bottom: 10px;
    margin-right: 0 !important;
  }
  .profileSec .profileForm .formSubmit .btnSubmit:last-child {
    margin-bottom: 0;
  }
}
.profileSec .textareaHeight {
  resize: none;
}

.changePasswordModal .modal-body .clientInfo .formSection {
  padding: 20px 17px;
}
.changePasswordModal .btnSubmit {
  padding: 6px 15px 8px !important;
}
@media (max-width: 1679px) {
  .changePasswordModal .btnSubmit {
    padding: 4px 15px 5px !important;
    font: 500 14px/24px "untitled_sans_regular" !important;
  }
}

.invoiceOuter .invoiceTab .nav-tabs {
  background: #eef2f7;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  border-bottom: none;
}
.invoiceOuter .invoiceTab .invoiceRightText {
  display: flex;
  justify-content: flex-end;
  flex: 1 1 auto;
  font: 500 14px/20px "untitled_sans_medium";
  padding-right: 13px;
}
@media (max-width: 1679px) {
  .invoiceOuter .invoiceTab .invoiceRightText {
    font: 500 13px/20px "untitled_sans_medium";
  }
}
.invoiceOuter .invoiceTab .nav-link {
  border-top: 0;
  border-bottom: 1px solid #dee2e6;
  border-radius: 0;
  background: #eef2f7;
  flex: 0 0 auto !important;
  cursor: pointer;
  font: 500 14px/20px "untitled_sans_regular";
}
@media (max-width: 767px) {
  .invoiceOuter .invoiceTab .nav-link {
    flex: 1 1 auto !important;
  }
}
@media (max-width: 1679px) {
  .invoiceOuter .invoiceTab .nav-link {
    font: 500 13px/24px "untitled_sans_regular";
  }
}
@media (max-width: 420px) {
  .invoiceOuter .invoiceTab .nav-link {
    font: 500 12px/24px "untitled_sans_regular";
  }
}
.invoiceOuter .invoiceTab .active {
  color: #1382d9 !important;
  border-bottom: 4px solid #1382d9 !important;
  background: #eef2f7;
}
.invoiceOuter .table-responsive .table-styles {
  margin-top: 0;
  margin-bottom: 20px;
}
@media (max-width: 1679px) {
  .invoiceOuter .table-responsive .table-styles {
    margin-bottom: 12px;
  }
}
.invoiceOuter .table-responsive .table-styles td {
  padding: 14px 19px;
}

.propTable .propertywidth {
  min-width: 160px;
}
.propTable .monRent {
  min-width: 118px !important;
}
.propTable .totAvlRent {
  min-width: 152px !important;
}
.propTable .tenNme {
  min-width: 85px !important;
}
.propTable .maintenaceBorder {
  border-right: 1px solid #dfdfdf;
}

.price {
  color: #ff5858;
}

.unpaide {
  color: #02d49b;
}

.cursorPointer {
  cursor: pointer;
}

.messageImg {
  padding: 0px !important;
  min-width: 34px;
}

.changePasswordText {
  text-decoration: underline;
  cursor: pointer;
  font: 500 14px/31px "untitled_sans_regular" !important;
  color: #1382d9;
  margin: 0;
}
@media (max-width: 420px) {
  .changePasswordText {
    margin-bottom: 10px;
  }
}

.refreshBg {
  width: 26px;
  height: 26px;
  border-radius: 50px;
  background: #efefef;
  color: #7c7878;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  margin-left: 5px;
}

.passwordChange {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
@media (max-width: 420px) {
  .passwordChange {
    flex-direction: column;
  }
}
.passwordChange .submitBtn {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  flex: 1 auto;
}
@media (max-width: 420px) {
  .passwordChange .submitBtn {
    width: 100%;
  }
}

.css-1wa3eu0-placeholder {
  color: #9aa0a5 !important;
  font-size: 14px !important;
  font-weight: 300 !important;
}

.invoiceTable {
  padding: 8px 3px !important;
}
.invoiceTable .table-head th {
  padding: 10px 10px !important;
}
.invoiceTable .thTab {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}
.invoiceTable .table-td .imgArw {
  height: 13px;
  padding-left: 3px;
}
.invoiceTable .table-td .checkboxPadding {
  padding-left: 9px !important;
}
.invoiceTable .table-td .checkboxWidth {
  width: 39px;
  min-width: 37px;
}
.invoiceTable .table-td .checkboxWidth .checkmark {
  background: #cfd4dc;
}
.invoiceTable .invoiceCheckbox {
  position: relative;
  margin-bottom: 18px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #6f6f6f;
}
.invoiceTable .invoiceCheckbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.invoiceTable .invoiceCheckbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #dde1e7;
}
.invoiceTable .invoiceCheckbox:hover input ~ .checkmark {
  background-color: #ccc;
}
.invoiceTable .invoiceCheckbox input:checked ~ .checkmark {
  background-color: #2196f3 !important;
}
.invoiceTable .invoiceCheckbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.invoiceTable .invoiceCheckbox input:checked ~ .checkmark:after {
  display: block;
}
.invoiceTable .invoiceCheckbox .checkmark:after {
  left: 6px;
  top: 2px;
  width: 6px;
  height: 11px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.midTble {
  width: 140px;
}

.strTble {
  width: 100px !important;
}

.strTble .txtTabl {
  width: 100%;
  text-align: center;
}

.invforTentTbl .statusSec .price {
  text-align: center;
}

.invforTentTbl .markpaidBtn.text-center {
  display: flex;
  justify-content: center !important;
}

.invforTentTbl .thTab {
  justify-content: center !important;
}

.markpaidBtn {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 480px) {
  .markpaidBtn {
    flex-direction: column;
  }
  .markpaidBtn .mr-1 {
    margin-right: 0 !important;
  }
}
.markpaidBtn .markPaid {
  background: #1382d9;
  color: #fff;
  font: 400 13px/16px "untitled_sans_regular";
  padding: 9px 7px;
  border: none;
  cursor: pointer;
  border-radius: 4px;
  margin-bottom: 6px;
}
.markpaidBtn .formSection {
  margin-left: 2px;
  position: relative;
  -webkit-appearance: none;
}
.markpaidBtn .formSection .form-control {
  background: #e0e5eb;
  border: none;
  height: 35px !important;
  margin-left: 4px;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-indent: 5px;
  width: 75px;
  -webkit-appearance: none;
}
@media (max-width: 1679px) {
  .markpaidBtn .formSection .form-control {
    height: 34px !important;
    font-size: 13px;
    text-indent: 2px;
    margin-left: 2px;
  }
}
@media (max-width: 480px) {
  .markpaidBtn .formSection .form-control {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .markpaidBtn .formSection {
    margin-left: 0;
  }
}
.markpaidBtn .formSection:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #acacac;
  position: absolute;
  top: 15px;
  right: 8px;
}

.invoiceSection .invoiceInner {
  background: #f9fcff;
  border-radius: 3px;
  border: 1px solid #eee;
  height: 100%;
  display: flex;
  flex-direction: column;
  /* @media (max-width: 768px) {
      margin-bottom: 10px;
      }*/
}
.invoiceSection .invoiceInner .clientSec {
  display: flex;
  align-items: center;
  padding: 10px 31px;
}
.invoiceSection .invoiceInner .clientSec .nameLetter {
  background: #3498db;
  width: 32px;
  height: 32px;
  border-radius: 50px;
  text-align: center;
  color: #fff;
  font: 500 12px/31px "untitled_sans_regular";
  flex-shrink: 0;
}
.invoiceSection .invoiceInner .clientSec .clientDetail {
  padding-left: 10px;
  width: 100% !important;
}
.invoiceSection .invoiceInner .clientSec .clientDetail h4 {
  font: 400 16px/20px "untitled_sans_regular";
  color: #2e2e2e;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 140px;
  margin: 0;
}
@media (max-width: 350px) {
  .invoiceSection .invoiceInner .clientSec .clientDetail h4 {
    font: 400 14px/15px "untitled_sans_regular";
    width: 131px;
  }
}
.invoiceSection .invoiceInner .clientSec .clientDetail p {
  font: 400 13px/20px "untitled_sans_regular";
  color: #6f6f6f;
  margin: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 134px;
}
@media (max-width: 350px) {
  .invoiceSection .invoiceInner .clientSec .clientDetail p {
    font: 400 11px/20px "untitled_sans_regular";
  }
}
.invoiceSection .invoiceInner .clientSec .clientDetail .css-1uccc91-singleValue {
  color: #495057 !important;
  font-size: 13px !important;
}
.invoiceSection .invoiceInner .clientSec .clientDetail .css-1fhf3k1-control {
  height: 30px !important;
  flex-wrap: nowrap !important;
  min-height: 30px !important;
  background: #d3dbe3 !important;
}
.invoiceSection .invoiceInner .clientSec .clientDetail .css-1fhf3k1-control .css-109onse-indicatorSeparator {
  display: none;
}
.invoiceSection .invoiceInner .clientSec .clientDetail .css-yk16xz-control {
  height: 30px !important;
  flex-wrap: nowrap !important;
  min-height: 30px !important;
  background: #d3dbe3 !important;
}
.invoiceSection .invoiceInner .clientSec .clientDetail .css-1pahdxg-control {
  height: 30px !important;
  flex-wrap: nowrap !important;
  min-height: 30px !important;
  background: #d3dbe3 !important;
}
.invoiceSection .invoiceInner .clientSec .clientDetail .css-107lb6w-singleValue {
  color: #495057;
  font-size: 14px !important;
}
.invoiceSection .invoiceInner .clientSec .unpaide {
  color: #27ae60 !important;
}
.invoiceSection .invoiceInner .clientSec .unpaidText {
  text-transform: uppercase;
  color: #e74c3c;
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  width: 100%;
  margin: 0;
}
@media (max-width: 1679px) {
  .invoiceSection .invoiceInner .clientSec .unpaidText {
    font-size: 16px;
  }
}
.invoiceSection .invoiceInner .informationSec {
  padding: 6px 16px;
  border-top: 1px solid #e0e3e7;
  position: relative;
}
@media (max-width: 450px) {
  .invoiceSection .invoiceInner .informationSec {
    padding: 9px 0px;
  }
}
.invoiceSection .invoiceInner .informationSec .invoiceText h4 {
  color: #6f6f6f;
  margin-bottom: 0px;
  font: 400 13px/17px "untitled_sans_regular";
}
@media (max-width: 1679px) {
  .invoiceSection .invoiceInner .informationSec .invoiceText h4 {
    font: 400 12px/17px "untitled_sans_regular";
  }
}
.invoiceSection .invoiceInner .informationSec .invoiceText p {
  margin: 0;
  color: #2e2e2e;
  font: 400 14px/26px "untitled_sans_regular";
}
@media (max-width: 1679px) {
  .invoiceSection .invoiceInner .informationSec .invoiceText p {
    font: 400 14px/21px "untitled_sans_regular";
  }
}
.invoiceSection .invoiceInner .informationSec .invoiceText .dateInput {
  background: #e0e5eb !important;
  height: 37px;
  font-size: 14px;
  box-shadow: none;
  border-color: #e0e5eb;
  margin-top: 5px;
}
@media (max-width: 1679px) {
  .invoiceSection .invoiceInner .informationSec .invoiceText .dateInput {
    font-size: 13px;
  }
}
.invoiceSection .invoiceInner .informationSec .invoiceText .selctOtr:after {
  top: 15px;
}
.invoiceSection .invoiceInner .informationSec .invoiceText .selctOtr .form-control {
  box-shadow: none;
  outline: none;
  height: 30px !important;
  background: #d3dbe3 !important;
  -webkit-appearance: none !important;
  font: 500 14px/17px "untitled_sans_regular";
  border-color: #d3dbe3;
  padding: 0px 28px 0px 8px;
}
@media (max-width: 1679px) {
  .invoiceSection .invoiceInner .informationSec .invoiceText .selctOtr .form-control {
    font-size: 13px;
  }
}
.invoiceSection .invoiceDate {
  display: flex;
}
@media (max-width: 450px) {
  .invoiceSection .invoiceDate {
    flex-direction: column;
  }
}
@media (max-width: 450px) {
  .invoiceSection .unpaidInner {
    margin-top: 10px;
  }
}
.invoiceSection .unpaidInner .clientSec {
  padding: 10px 16px !important;
}
@media (max-width: 450px) {
  .invoiceSection .unpaidInner .clientSec {
    padding: 4px 16px !important;
  }
}
.invoiceSection .unpaidInner .bottomBtn {
  margin: auto;
  display: flex;
  justify-content: space-around;
  flex-direction: row;
}
@media (max-width: 991px) {
  .invoiceSection .unpaidInner .bottomBtn {
    padding: 9px 5px;
  }
}
@media (max-width: 450px) {
  .invoiceSection .unpaidInner .bottomBtn {
    flex-direction: column;
    margin: inherit;
    padding: 0 10px;
  }
}
.invoiceSection .unpaidInner .bottomBtn .unpaidBtn {
  padding: 6px 29px;
  font-size: 14px;
  color: #fff;
  box-shadow: none;
  margin-right: 5px;
}
.invoiceSection .unpaidInner .bottomBtn .unpaidBtn:last-child {
  margin-right: 0;
}
@media (max-width: 450px) {
  .invoiceSection .unpaidInner .bottomBtn .unpaidBtn {
    margin-bottom: 5px;
  }
  .invoiceSection .unpaidInner .bottomBtn .unpaidBtn:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 1679px) {
  .invoiceSection .unpaidInner .bottomBtn .unpaidBtn {
    width: auto;
    padding: 7px 16px;
  }
}
@media (max-width: 1024px) {
  .invoiceSection .unpaidInner .bottomBtn .unpaidBtn {
    width: auto;
    padding: 8px 6px;
    font-size: 13px;
  }
}
@media (max-width: 991px) {
  .invoiceSection .unpaidInner .bottomBtn .unpaidBtn {
    font-size: 12px;
    padding: 8px 10px;
    width: 100%;
    margin: 2px 2px;
  }
}
@media (max-width: 768px) {
  .invoiceSection .unpaidInner .bottomBtn .unpaidBtn {
    font-size: 12px;
    padding: 8px 7px;
    width: 100%;
    margin: 2px 2px;
  }
}
.invoiceSection .unpaidInner .bottomBtn .attemptBg {
  background: #27ae60;
}
.invoiceSection .unpaidInner .bottomBtn .smsBg {
  background: #1382d9;
}
.invoiceSection .unpaidInner .bottomBtn .emailBg {
  background: #c9d1db;
  color: #4f4a4a;
}
.invoiceSection .unpaidInner .unpaidSec {
  border-bottom: 1px solid #e0e3e7;
  flex-wrap: wrap;
  padding: 18px 14px !important;
}
.invoiceSection .unpaidInner .unpaidSec .invoicePay .selctOtr:after {
  top: 14px;
}
.invoiceSection .unpaidInner .unpaidSec .invoicePay .form-control {
  box-shadow: none;
  outline: none;
  height: 30px !important;
  background: #d3dbe3 !important;
  -webkit-appearance: none !important;
  font: 500 14px/17px "untitled_sans_regular";
  padding-right: 27px;
}
@media (max-width: 1657px) {
  .invoiceSection .unpaidInner .unpaidSec .invoicePay .form-control {
    font-size: 13px;
  }
}

.invoiceitemTable {
  padding: 6px 16px !important;
}
.invoiceitemTable .tableHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
@media (max-width: 400px) {
  .invoiceitemTable .tableHeader {
    flex-direction: column;
    align-items: baseline;
  }
}
.invoiceitemTable .tableHeader h4 {
  font: 500 19px/22px "untitled_sans_regular";
  margin: 0;
}
@media (max-width: 400px) {
  .invoiceitemTable .tableHeader h4 {
    font: 500 17px/22px "untitled_sans_regular";
  }
}
.invoiceitemTable .tableHeader .itemBtn {
  color: #fff;
  text-align: center;
  background: #1382d9;
  font-size: 14px;
}
@media (max-width: 390px) {
  .invoiceitemTable .tableHeader .itemBtn {
    padding: 4px 7px;
    font-size: 14px;
  }
}
.invoiceitemTable .tableHeader .unpaidBg {
  background: #c9d1db !important;
  color: #676565 !important;
}
.invoiceitemTable .checkboxWidth {
  width: 48px;
}
.invoiceitemTable .checkboxWidth .checkmark {
  left: -8px !important;
}
.invoiceitemTable .descwidth {
  width: 800px;
}
@media (max-width: 480px) {
  .invoiceitemTable .descwidth {
    width: 448px !important;
  }
}
@media (max-width: 1679px) {
  .invoiceitemTable .descwidth {
    width: 578px;
  }
}
.invoiceitemTable .actionWidth {
  width: 139px;
}
.invoiceitemTable .invoiceWidth {
  width: 150px;
}
@media (max-width: 1679px) {
  .invoiceitemTable .invoiceWidth {
    width: 135px;
  }
}
.invoiceitemTable .invoiceCheckbox {
  position: relative;
  margin-bottom: 18px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #6f6f6f;
}
.invoiceitemTable .invoiceCheckbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.invoiceitemTable .invoiceCheckbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background: #cfd4dc;
}
.invoiceitemTable .invoiceCheckbox:hover input ~ .checkmark {
  background-color: #ccc;
}
.invoiceitemTable .invoiceCheckbox input:checked ~ .checkmark {
  background-color: #2196f3 !important;
}
.invoiceitemTable .invoiceCheckbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.invoiceitemTable .invoiceCheckbox input:checked ~ .checkmark:after {
  display: block;
}
.invoiceitemTable .invoiceCheckbox .checkmark:after {
  left: 5px;
  top: 1px;
  width: 6px;
  height: 11px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.invoiceitemTable .descriptionsec {
  width: 100%;
  resize: none;
  border-radius: 4px;
  padding: 6px 8px;
  height: 30px;
  background: #e0e5eb;
  border: none;
  overflow: hidden;
  font-size: 14px;
}
.invoiceitemTable .descriptionsec:focus {
  box-shadow: none;
  outline: none;
}
.invoiceitemTable .table-td .checkboxPadding {
  padding-left: 0 !important;
}
.invoiceitemTable .table-td .checkboxPadding .checkboxCenter {
  display: flex;
  align-items: center;
  justify-content: center;
}
.invoiceitemTable .fas.fa-trash-alt {
  color: #aaa5a5;
  cursor: pointer;
}
.invoiceitemTable .amountInput {
  width: 100%;
  border-radius: 4px;
  padding: 14px;
  height: 30px;
  background: #e0e5eb;
  border: none;
  font-size: 14px;
}
@media (max-width: 1679px) {
  .invoiceitemTable .amountInput {
    font-size: 13px;
  }
}
.invoiceitemTable .amountInput:focus {
  box-shadow: none;
  outline: none;
}
.invoiceitemTable .tableFlex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.invoiceitemTable .tableFlex .selctOtr {
  width: 147px;
}
.invoiceitemTable .tableFlex .selctOtr::after {
  top: 16px !important;
}
.invoiceitemTable .tableFlex .selctOtr select {
  height: 32px !important;
  font-size: 13px !important;
  line-height: 13px !important;
}
.invoiceitemTable .tableFlex p {
  font: 500 14px/17px "untitled_sans_regular" !important;
  margin: 0 !important;
}
.invoiceitemTable .tablefooterBtn {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 21px;
}
@media (max-width: 430px) {
  .invoiceitemTable .tablefooterBtn {
    flex-direction: column;
  }
}
.invoiceitemTable .tablefooterBtn .footerBtn {
  padding: 10px 12px;
  font-size: 14px;
}
@media (max-width: 430px) {
  .invoiceitemTable .tablefooterBtn .footerBtn {
    width: 100%;
  }
}
.invoiceitemTable .tablefooterBtn .saveBg {
  background: #1382d9;
  color: #fff;
  margin-right: 5px;
  font: 14px/20px "untitled_sans_medium";
  box-shadow: none !important;
}
@media (max-width: 430px) {
  .invoiceitemTable .tablefooterBtn .saveBg {
    margin-right: 0;
    margin-bottom: 5px;
  }
}
.invoiceitemTable .tablefooterBtn .cancelBg {
  background: #c9d1db;
  color: #4f4a4a;
  font: 14px/20px "untitled_sans_medium";
  box-shadow: none !important;
}
.invoiceitemTable .amount {
  font: 500 14px/17px "untitled_sans_regular" !important;
  margin: 0 !important;
}
.invoiceitemTable .selctOtr {
  font-size: 14px;
}
@media (max-width: 1679px) {
  .invoiceitemTable .selctOtr {
    font-size: 13px;
  }
}
.invoiceitemTable .selctOtr .form-control {
  height: 30px !important;
  padding-right: 22px;
  background: #d3dbe3 !important;
  -webkit-appearance: none !important;
  font: 500 14px/17px "untitled_sans_regular";
  line-height: 16px;
  border-color: #d3dbe3;
}
@media (max-width: 1679px) {
  .invoiceitemTable .selctOtr .form-control {
    font-size: 13px;
  }
}
.invoiceitemTable .selctOtr .form-control:focus {
  outline: none;
  box-shadow: none;
}
.invoiceitemTable .selctOtr:after {
  top: 14px;
  right: 8px;
}
@media (max-width: 400px) {
  .invoiceitemTable .subinvoice-btn {
    width: 100%;
  }
}
.invoiceitemTable .subinvoice-btn .btnadd {
  background: #1382d9;
  color: #fff;
  font: 400 14px/16px "untitled_sans_regular";
  padding: 8px 11px;
  border: none;
  cursor: pointer;
  border-radius: 3px;
}
@media (max-width: 400px) {
  .invoiceitemTable .subinvoice-btn .btnadd {
    width: 100%;
  }
}
.invoiceitemTable .deleteround {
  cursor: pointer;
}
.invoiceitemTable .deleteround .fa-minus {
  width: 23px;
  height: 23px;
  background: #da382cbf;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  line-height: 23px;
  font-size: 12px;
}

.selectProperty .css-26l3qy-menu {
  z-index: 99 !important;
}
.selectProperty .css-yk16xz-control {
  background: #fff !important;
  border: 1px solid #fff !important;
  color: #6b6464;
  outline: none;
  box-shadow: none;
  font: 400 15px/21px "untitled_sans_regular";
  text-indent: 8px;
  height: 45px;
}
.selectProperty .css-1pahdxg-control {
  background: #fff !important;
  border: 1px solid #fff !important;
  font: 400 15px/21px "untitled_sans_regular";
  color: #6b6464 !important;
  outline: none !important;
  box-shadow: none;
  text-indent: 8px;
  height: 45px;
}

.checkboxPadding {
  padding-left: 0 !important;
}

.checkboxCenter {
  display: flex;
  align-items: center;
  justify-content: center;
}

.messagin-table-top .add {
  margin-right: 0 !important;
}

.leaseagreeModal .modal-header {
  padding: 16px 19px;
}
.leaseagreeModal .modal-header .close {
  padding: 12px 15px;
}
.leaseagreeModal .modal-body {
  padding: 25px 25px;
}
.leaseagreeModal .leaseAgreement .textLease {
  text-align: center;
  font: 400 18px/24px "untitled_sans_regular";
}
@media (max-width: 1679px) {
  .leaseagreeModal .leaseAgreement .textLease {
    font: 400 16px/24px "untitled_sans_regular";
  }
}
@media (max-width: 450px) {
  .leaseagreeModal .leaseAgreement .textLease {
    font: 400 15px/24px "untitled_sans_regular";
  }
}
@media (max-width: 450px) {
  .leaseagreeModal .leaseAgreement .btnOutrLease .btn {
    width: 100% !important;
    margin-bottom: 5px;
  }
}
.leaseagreeModal .leaseAgreement .btnOutrLease .btnview {
  background: #27ae60;
  border-color: #27ae60;
  color: #fff;
  margin-right: 4px;
  padding: 7px 20px;
  box-shadow: none !important;
}
.leaseagreeModal .leaseAgreement .btnOutrLease .btnSend {
  background: #1382d9;
  color: #fff;
  margin-right: 4px;
  border-color: #1382d9;
  padding: 7px 20px;
  box-shadow: none !important;
}
.leaseagreeModal .leaseAgreement .btnOutrLease .btnlatr {
  padding: 7px 20px;
  background: #c9d1db;
  color: #4f4a4a;
  border-color: #c9d1db;
  box-shadow: none !important;
}

.dateInput {
  background: #e0e5eb;
  border: none;
  height: 32px;
  font-size: 13px;
}

.prop-table-top .add {
  margin-right: 0 !important;
}

.jTDCFF {
  display: inline-block;
  border: none;
  outline: none;
  height: 45px;
  padding: 0px 13px 0 0;
  margin: 0 !important;
  position: inherit !important;
}
@media (max-width: 1679px) {
  .jTDCFF {
    height: 38px;
  }
}
.jTDCFF .credit-card-input {
  color: #495057;
  background: #e0e5eb;
  height: 45px;
  border-radius: 3px;
}
@media (max-width: 1679px) {
  .jTDCFF .credit-card-input {
    height: 38px;
  }
}
.jTDCFF #card-number {
  text-indent: 35px;
}
.jTDCFF #card-expiry {
  text-indent: 12px;
  margin-left: 5px;
}
.jTDCFF #cvc {
  text-indent: 8px;
  margin-left: 10px;
}

.creditcardOtr #field-wrapper {
  padding: 0 !important;
  background: inherit !important;
}
.creditcardOtr #field-wrapper img {
  background: #e0e5eb;
  position: absolute;
  left: 16px;
  right: 0;
  z-index: 9;
  top: 14px;
}
.creditcardOtr #field-wrapper label {
  border: none;
  outline: none;
  height: 45px;
  padding: 0px 13px 0 0;
  /*margin: 0 !important;*/
  position: inherit !important;
}
.creditcardOtr #field-wrapper label .credit-card-input {
  color: #495057;
  background: #e0e5eb;
  height: 45px;
  border-radius: 3px;
  text-indent: 41px;
}
@media (max-width: 1679px) {
  .creditcardOtr #field-wrapper label .credit-card-input {
    height: 38px;
  }
}
.creditcardOtr #field-wrapper label #card-expiry {
  text-indent: 12px;
  /*margin-left: 5px;*/
}
.creditcardOtr #field-wrapper label #cvc {
  text-indent: 8px;
  /*margin-left: 10px;*/
}

.leaseAgreement .modal-header {
  display: flex;
  align-items: center;
}
.leaseAgreement .modal-header .customtest {
  display: flex;
  flex-direction: row;
  width: 100%;
}
@media (max-width: 420px) {
  .leaseAgreement .modal-header .customtest {
    flex-direction: column;
  }
}
.leaseAgreement .modal-header .customtest .modal-title {
  flex: 0 0 auto;
}
.leaseAgreement .modal-header .customtest .leaseDiv {
  display: flex;
  flex: 1 1 auto;
  justify-content: flex-end;
}
@media (max-width: 420px) {
  .leaseAgreement .modal-header .customtest .leaseDiv {
    justify-content: unset;
  }
}
.leaseAgreement .modal-header .customtest .leaseDiv .sendbutton {
  color: #fff;
  text-align: center;
  background: #1382d9;
  padding: 7px 20px;
  margin-right: 5px;
}
@media (max-width: 420px) {
  .leaseAgreement .modal-header .customtest .leaseDiv .sendbutton {
    margin-right: 5px;
    width: 100%;
  }
}
.leaseAgreement .modal-header .customtest .leaseDiv .cancelbtn {
  padding: 7px 20px;
  background: #c9d1db;
  color: #4f4a4a;
  border-color: #c9d1db;
}
@media (max-width: 420px) {
  .leaseAgreement .modal-header .customtest .leaseDiv .cancelbtn {
    width: 100%;
  }
}
.leaseAgreement .modal-body {
  overflow: auto;
  height: 845px;
}

.chatNav .nav-pills .nav-link {
  border-radius: 0;
  background: #c9d1db;
  margin-right: 5px;
  color: #6f6f6f;
  cursor: pointer;
  font: 400 16px/17px "untitled_sans_regular";
}
@media (max-width: 1679px) {
  .chatNav .nav-pills .nav-link {
    font: 400 14px/17px "untitled_sans_regular";
  }
}
.chatNav .nav-pills .nav-link.active {
  background: #fff;
  color: #1382d9;
  border-radius: 0;
  margin-right: 5px;
  cursor: pointer;
  font: 400 16px/17px "untitled_sans_regular";
}

@media (max-width: 1024px) {
  .chatOuter {
    display: flex;
    flex-direction: column !important;
    flex: auto;
  }
}
.chatOuter .searchOtr {
  padding: 6px 8px;
  position: relative;
}
.chatOuter .searchOtr .form-control {
  background: #e3e9f0;
  border: none;
  height: 40px;
  outline: 0;
  box-shadow: none;
  padding-right: 40px;
}
.chatOuter .searchOtr .searchIcn {
  position: absolute;
  right: 29px;
  top: 19px;
  height: 15px;
  opacity: 0.7;
  cursor: pointer;
}
.chatOuter .activeChat {
  background: #1382d9;
}
.chatOuter .activeChat h1,
.chatOuter .activeChat p,
.chatOuter .activeChat span {
  color: #fff !important;
}
.chatOuter .contentOuter {
  align-items: center;
}
.chatOuter .contentOuter .userImage {
  background-color: #f3f0f0;
  border-radius: 50%;
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  margin-right: 7px;
}
.chatOuter .contentOuter .userImage .fas {
  color: #1382d9;
}
.chatOuter .contentOuter .person-name p {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 220px;
  white-space: nowrap;
}

.chatSec .inboxInner {
  padding: 12px 20px !important;
}
.chatSec .messagesSec {
  display: flex;
  flex-direction: column;
  height: 600px;
}
.chatSec .messagesSec .messageHistory {
  overflow-y: auto;
  padding: 25px 25px 10px;
  flex-grow: 1;
}
@media (max-width: 1024px) {
  .chatSec .messagesSec .messageHistory {
    padding: 18px 10px 10px;
  }
}
.chatSec .messagesSec .messageHistory .incomingMsg {
  display: flex;
  flex-direction: row;
  margin: 0px 6px 0px;
}
.chatSec .messagesSec .messageHistory .incomingMsg .incomingMsgName {
  background: #3498db;
  width: 37px;
  height: 37px;
  border-radius: 50px;
  text-align: center;
  color: #fff;
  flex-shrink: 0;
  font: 500 14px/36px "untitled_sans_regular";
}
.chatSec .messagesSec .messageHistory .incomingMsg .receivedMsg {
  margin-left: 10px;
  max-width: 70%;
}
.chatSec .messagesSec .messageHistory .incomingMsg .receivedMsg p {
  background: #ebebeb;
  border-radius: 3px;
  color: #373737;
  font: 400 14px/23px "untitled_sans_regular";
  margin: 0;
  padding: 10px 10px;
  width: 100%;
}
@media (max-width: 1679px) {
  .chatSec .messagesSec .messageHistory .incomingMsg .receivedMsg p {
    font: 400 13px/23px "untitled_sans_regular";
  }
}
.chatSec .messagesSec .messageHistory .incomingMsg .receivedMsg .time {
  color: #747474;
  display: block;
  font-size: 12px;
  margin: 8px 0 0;
}
.chatSec .messagesSec .messageHistory .outgoingMsg {
  display: flex;
  margin: 20px 15px 20px;
  flex-direction: row;
  justify-content: flex-end;
}
@media (max-width: 1024px) {
  .chatSec .messagesSec .messageHistory .outgoingMsg {
    margin: 0px 15px 0px;
  }
}
.chatSec .messagesSec .messageHistory .outgoingMsg .outgoingOuter {
  display: flex;
  flex-direction: row;
}
.chatSec .messagesSec .messageHistory .outgoingMsg .outgoingOuter .sentMsg {
  margin-right: 10px;
}
.chatSec .messagesSec .messageHistory .outgoingMsg .outgoingOuter .sentMsg p {
  background: #e2e9f1;
  border-radius: 3px;
  color: #373737;
  font: 400 14px/23px "untitled_sans_regular";
  margin: 0;
  padding: 10px 10px;
  width: 100%;
}
@media (max-width: 1679px) {
  .chatSec .messagesSec .messageHistory .outgoingMsg .outgoingOuter .sentMsg p {
    font: 400 13px/23px "untitled_sans_regular";
  }
}
.chatSec .messagesSec .messageHistory .outgoingMsg .outgoingOuter .sentMsg .time {
  color: #747474;
  font-size: 12px;
  margin: 8px 0 0;
  display: flex;
  justify-content: flex-end;
}
.chatSec .messagesSec .messageHistory .outgoingMsg .outgoingOuter .outgoingMsgName {
  background: #12a1cb;
  width: 37px;
  height: 37px;
  border-radius: 50px;
  text-align: center;
  color: #fff;
  flex-shrink: 0;
  font: 500 14px/36px "untitled_sans_regular";
}
.chatSec .messagesSec ::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #f5f5f5;
}
.chatSec .messagesSec ::-webkit-scrollbar {
  width: 8px;
  background-color: #f5f5f5;
}
.chatSec .messagesSec ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #b6b9bc;
}
.chatSec .messagesSec .submitMsg {
  position: relative;
  padding: 14px;
  border-top: 1px solid #e2e9f1;
  flex: 0 0 auto;
  margin-top: auto;
}
.chatSec .messagesSec .submitMsg .inputMsgSec .inputMsg {
  border: 1px solid #eee;
  color: #373737;
  font-size: 15px;
  min-height: 48px;
  width: 100%;
  border-radius: 27px;
  padding: 13px;
  box-shadow: none;
  outline: none;
  text-indent: 12px;
  padding-right: 56px;
}
.chatSec .messagesSec .submitMsg .inputMsgSec .msgSendBtn {
  background: #1382d9;
  border: medium none;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  font-size: 17px;
  height: 33px;
  position: absolute;
  right: 21px;
  top: 23px;
  width: 33px;
  box-shadow: none;
  outline: none;
}

.fixedBtn {
  position: fixed;
  bottom: 6px;
  right: 31px;
  z-index: 99;
}
.fixedBtn .addMsg {
  background: #0072cc;
  color: #fff;
  border-radius: 3px;
  height: 43px;
  border: 0;
  padding: 5px 15px;
  cursor: pointer;
  outline: 0;
  font: 16px/22px "untitled_sans_regular";
  display: flex;
  align-items: center;
}

.messageBox {
  bottom: 47px;
  right: 26px;
  width: 320px;
  position: fixed;
  box-shadow: 1px 2px 6px 0px #ccc;
  z-index: 99;
  background: #fff;
  padding: 10px 3px 10px;
  display: none;
}
.messageBox .chatHeader {
  display: flex;
  justify-content: space-between;
}
.messageBox .chatHeader h4 {
  font: 500 14px/24px "untitled_sans_regular";
  padding-left: 14px;
}
.messageBox .chatHeader .close {
  color: #333;
  padding: 0;
  position: absolute;
  right: 12px;
}
.messageBox .fixedChat .messagesSec .messageHistory {
  padding: 9px 9px;
  max-height: 280px;
  overflow-y: auto;
}
.messageBox .fixedChat .messagesSec .messageHistory .outgoingMsg {
  margin: 10px 12px;
}

.chatWrapper {
  margin-top: 17px;
  position: relative;
}
.chatWrapper .messageLabel {
  top: 50% !important;
  margin-left: 16px !important;
}
.chatWrapper .css-2b097c-container {
  padding-left: 38px;
}
.chatWrapper .css-yk16xz-control {
  background-color: inherit !important;
  border: 1px solid #eee !important;
  margin-right: 12px;
}
.chatWrapper .css-1pahdxg-control {
  background-color: inherit !important;
  border: 1px solid #eee !important;
  margin-right: 12px;
}
.chatWrapper .css-26l3qy-menu {
  width: 96%;
}

.chatDelete {
  color: #9e9e9e;
}
.chatDelete .fa-trash {
  cursor: pointer;
}

#toast-container > div {
  padding: 13px 23px 13px 18px !important;
  max-width: 322px !important;
  width: auto !important;
}

.toast-error,
.toast-info,
.toast-success,
.toast-warning {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background-size: 17px;
  opacity: 0.98 !important;
}

.toast-error,
.toast-info,
.toast-success,
.toast-warning:hover {
  box-shadow: none !important;
}

.toast-close-button {
  font-weight: 300 !important;
  order: 2;
  top: -1px !important;
  right: -12px !important;
  /*right: -1.2em !important;*/
}

.toast-close-button:hover {
  opacity: 0.9 !important;
  color: #fff !important;
}

.toast-message {
  font-size: 14px;
  padding-left: 18px;
}

.monthly-rent:after {
  border-left: 7px solid #1382d9 !important;
}

.montly-color {
  color: #1382d9 !important;
}

.invforTentTbl .table-gap.table-td td {
  padding-top: 9px !important;
  padding-bottom: 9px !important;
}

.modal-open {
  overflow: hidden;
  padding-right: 18px;
}

.smsSection {
  background: #eef2f7;
  border-radius: 5px;
  padding: 21px 21px;
  width: 100%;
  position: absolute;
  top: 100%;
  z-index: 99;
  right: 0;
}
@media (max-width: 450px) {
  .smsSection {
    top: 68%;
  }
}
.smsSection:after {
  margin: auto;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  width: 20px;
  top: -11px;
  display: block;
  border: solid 12px #eef2f7;
  border-top: 0;
  border-left-color: transparent;
  border-right-color: transparent;
}
.smsSection .submitSec {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
}
.smsSection .submitSec .btnSubmit {
  background: #1382d9;
  font-size: 14px;
  color: #fff;
  box-shadow: none !important;
  outline: none;
}
.smsSection .inputMsgSec .inputMsg {
  border: 1px solid #eee;
  color: #373737;
  font-size: 15px;
  min-height: 48px;
  width: 100%;
  border-radius: 27px;
  padding: 13px;
  box-shadow: none;
  outline: none;
  text-indent: 12px;
  padding-right: 56px;
}
.smsSection .inputMsgSec .msgSendBtn {
  background: #1382d9;
  border: medium none;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  font-size: 17px;
  height: 33px;
  position: absolute;
  right: 27px;
  top: 29px;
  width: 33px;
  box-shadow: none;
  outline: none;
}

.invoiceTableScroll {
  max-height: 300px;
  overflow: auto;
}

.reportTable .moveDrop {
  display: flex;
  justify-content: center;
  margin-top: 5px;
}
.reportTable .dropdown-toggle {
  outline: 0;
}
.reportTable .dropdown-toggle:after {
  display: none;
}
.reportTable .fa-ellipsis-v {
  color: #c7c7c7;
  font-size: 20px;
}
.reportTable .dropdown-menu {
  min-width: 100px;
  border: none;
  padding: 6px 12px;
  box-shadow: 1px 3px 25px 4px rgba(202, 195, 195, 0.54);
  border-radius: 6px;
  margin-top: 8px;
  margin-left: -18px;
  z-index: 10000;
}
.reportTable .dropdown-menu:before {
  right: 0;
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid white;
  top: -7px;
  margin: auto;
  left: 0;
}
.reportTable .dropdown-item {
  font: 400 13.5px/22px "untitled_sans_regular";
  padding: 3px 11px 3px;
  color: #868383 !important;
  border-bottom: 1px solid #ebeced;
  background: none !important;
}
.reportTable .dropdown-item:last-child {
  border-bottom: none;
}
.reportTable .dropdown-item i {
  color: #847e7e !important;
  font-size: 13px !important;
}
.reportTable .actionWidth {
  max-width: 60px;
}

.errorText {
  color: #ff6b60 !important;
  font-size: 12px !important;
}

.selectdescriptionOuter .css-yk16xz-control {
  height: 30px;
  min-height: 30px !important;
  flex-wrap: nowrap;
}
.selectdescriptionOuter .css-1pahdxg-control {
  height: 30px;
  min-height: 30px !important;
  flex-wrap: nowrap;
}
.selectdescriptionOuter .css-1uccc91-singleValue {
  color: #495057 !important;
  font-size: 14px !important;
}
.selectdescriptionOuter .css-yt9ioa-option {
  border-bottom: 1px solid #d0d0d0 !important;
}
.selectdescriptionOuter .css-1n7v3ny-option {
  border-bottom: 1px solid #d0d0d0 !important;
}
.selectdescriptionOuter .css-9gakcf-option {
  border-bottom: 1px solid #d0d0d0 !important;
  font-size: 14px;
}
.selectdescriptionOuter .css-1fhf3k1-control {
  height: 30px !important;
  flex-wrap: nowrap !important;
  min-height: 30px !important;
  background: #d3dbe3 !important;
}
.selectdescriptionOuter .css-1fhf3k1-control .css-109onse-indicatorSeparator {
  display: none;
}

.disableMinusIcon {
  opacity: 0.7;
}

.loadingIcon {
  color: #878f99;
  margin-left: 3px;
}

.resendIcon {
  margin: 12px 12px;
}
.resendIcon .fa-exclamation-circle {
  color: #e34d42;
  cursor: pointer;
}

.maintenanceTable .checkbxwidth {
  width: 50px;
  padding-left: 15px !important;
}
.maintenanceTable .chkbxPadng {
  padding-left: 9px !important;
}
.maintenanceTable .maintenanceCheckbox {
  position: relative;
  margin-bottom: 18px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #6f6f6f;
}
.maintenanceTable .maintenanceCheckbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.maintenanceTable .maintenanceCheckbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #ccc;
}
.maintenanceTable .maintenanceCheckbox:hover input ~ .checkmark {
  background-color: #ccc;
}
.maintenanceTable .maintenanceCheckbox input:checked ~ .checkmark {
  background-color: #2196f3 !important;
}
.maintenanceTable .maintenanceCheckbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.maintenanceTable .maintenanceCheckbox input:checked ~ .checkmark:after {
  display: block;
}
.maintenanceTable .maintenanceCheckbox .checkmark:after {
  left: 6px;
  top: 2px;
  width: 6px;
  height: 11px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.maintenanceTable .mainSubject {
  font: 500 14px/19px "untitled_sans_regular" !important;
  color: #000 !important;
  cursor: pointer;
}
.maintenanceTable .fas.fa-flag {
  color: #e1931f;
  margin-right: 4px;
}
.maintenanceTable .onHold {
  color: #255dca !important;
  font: 500 14px/17px "untitled_sans_regular" !important;
}
.maintenanceTable .inProgress {
  color: #f78e54 !important;
  font: 500 14px/17px "untitled_sans_regular" !important;
}
.maintenanceTable .open {
  color: #cc0200 !important;
  font: 500 14px/17px "untitled_sans_regular" !important;
}
.maintenanceTable .answered {
  color: #4bc693 !important;
  font: 500 14px/17px "untitled_sans_regular" !important;
}
.maintenanceTable .statusclose {
  color: #cc0200 !important;
  font: 500 14px/17px "untitled_sans_regular" !important;
}
.maintenanceTable .maintenanceSubj {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 400px;
}

.invoiceEditDate .form-control {
  background: #e0e5eb !important;
  height: 32px !important;
  font: 500 13px/17px "untitled_sans_regular" !important;
  box-shadow: none !important;
  border: none !important;
}

.sendNoticeTenant {
  display: flex;
  justify-content: flex-end;
  flex: 1;
}
.sendNoticeTenant .noticeSend {
  background: #c9d1db;
  color: #585858;
  padding: 4px 10px;
  font: 500 14px/20px "untitled_sans_regular";
  margin-bottom: 4px;
  box-shadow: none;
  outline: none;
}

.maint_req_btm {
  margin-bottom: 9px !important;
}

.maintenancerightBtn {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 6px;
}
.maintenancerightBtn .btnClose {
  margin-right: 5px;
  background: #c1c7ce;
  color: #687078;
  box-shadow: none;
  border: none;
  font: 500 15px/19px "untitled_sans_regular";
  padding: 9px 12px;
}
.maintenancerightBtn .btnDelete {
  background: #d95350;
  color: #fff;
  font: 500 15px/19px "untitled_sans_regular";
  box-shadow: none;
  border: none;
  padding: 9px 12px;
}

.clientNovalue {
  background: #fff;
}

.boardWrapper {
  position: relative;
  height: calc(100% - 57px);
}

.boardOuter {
  width: 100% !important;
  overflow-y: auto;
}

.boardCanvas {
  padding: 35px 15px 6px;
  display: flex;
  flex-direction: row;
  position: absolute;
  height: 100%;
}
.boardCanvas .boardListWrapper {
  width: 261px;
  margin: 0 4px;
  height: 100%;
}
@media (max-width: 1700px) {
  .boardCanvas .boardListWrapper {
    flex-shrink: 0;
  }
}
.boardCanvas .boardListWrapper .boardList {
  background-color: #f5f5f5;
  border-radius: 3px;
  display: flex;
  flex-direction: column;
  max-height: 100%;
}
.boardCanvas .boardListWrapper .boardList .listHeader {
  padding: 10px 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.boardCanvas .boardListWrapper .boardList .listHeader h2 {
  font: 500 13px/22px "untitled_sans_regular";
  margin: 0;
  color: #373737;
}
.boardCanvas .boardListWrapper .boardList .listHeader .menuDropdown .fa-ellipsis-h {
  color: #6b778c;
  font-size: 13px;
}
.boardCanvas .boardListWrapper .boardList .listHeader .menuDropdown .dropdown-toggle {
  outline: none;
}
.boardCanvas .boardListWrapper .boardList .listHeader .menuDropdown .dropdown-toggle::after {
  display: none;
}
.boardCanvas .boardListWrapper .boardList .listHeader .menuDropdown .dropdown-menu {
  min-width: 350px;
  border: none;
  box-shadow: 1px 3px 25px 4px rgba(202, 195, 195, 0.54);
  border-radius: 6px;
  z-index: 10000;
  margin: 0;
}
.boardCanvas .boardListWrapper .boardList .listHeader .menuDropdown .dropdown-menu .dropdownheader {
  border-bottom: 1px solid #0a224a24;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 0px;
}
.boardCanvas .boardListWrapper .boardList .listHeader .menuDropdown .dropdown-menu .dropdownheader h3 {
  font: 500 15px/22px "untitled_sans_regular";
  color: #373737;
  text-align: center;
  margin: 0 auto;
  padding: 0px 13px;
}
.boardCanvas .boardListWrapper .boardList .listHeader .menuDropdown .dropdown-menu .dropdownheader .dropdownClose {
  cursor: pointer;
}
.boardCanvas .boardListWrapper .boardList .listHeader .menuDropdown .dropdown-menu .dropdownheader .dropdownClose .close-icon {
  color: #6b778c;
  font-size: 28px;
  font-weight: 300;
  margin-right: 12px;
  line-height: 25px;
}
.boardCanvas .boardListWrapper .boardList .listHeader .menuDropdown .dropdown-menu .dropdown-item {
  font: 400 13px/22px "untitled_sans_regular";
  color: #172b4d;
  padding: 7px 12px;
}
.boardCanvas .boardListWrapper .boardList .listHeader .menuDropdown .dropdown-menu .dropdown-item:active {
  background: inherit;
}
.boardCanvas .boardListWrapper .boardList .listCard {
  margin: 0 4px;
  padding: 0 4px;
  overflow: auto;
}
.boardCanvas .boardListWrapper .boardList .listCard .mainList {
  list-style: none;
  margin-bottom: 0px;
  padding: 0;
}
.boardCanvas .boardListWrapper .boardList .listCard .mainList li {
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 0 rgba(9, 30, 66, 0.25);
  cursor: pointer;
  display: block;
  margin-bottom: 8px;
  max-width: 300px;
  min-height: 20px;
  position: relative;
}
.boardCanvas .boardListWrapper .boardList .listCard .mainList li .listCardDetails {
  padding: 6px 8px 2px;
}
.boardCanvas .boardListWrapper .boardList .listCard .mainList li .listCardDetails .cardLabel {
  border-radius: 4px;
  color: #fff;
  display: block;
  height: 8px;
  width: 40px;
  margin: 0 3px 5px 0px;
}
.boardCanvas .boardListWrapper .boardList .listCard .mainList li .listCardDetails .blue {
  background-color: #0079bf;
}
.boardCanvas .boardListWrapper .boardList .listCard .mainList li .listCardDetails .red {
  background-color: #eb5a46;
}
.boardCanvas .boardListWrapper .boardList .listCard .mainList li .listCardDetails .pink {
  background-color: #ff78cb;
}
.boardCanvas .boardListWrapper .boardList .listCard .mainList li .listCardDetails .cardId {
  word-wrap: break-word;
  color: #172b4d;
  font: 400 13px/20px "untitled_sans_regular";
}
.boardCanvas .boardListWrapper .boardList .listCard .mainList li .listCardDetails .cardFlex {
  flex-direction: row;
  justify-content: space-between;
}
.boardCanvas .boardListWrapper .boardList .listCard .mainList li .listCardDetails .cardText {
  font: 400 12px/36px "untitled_sans_regular";
  color: #5e6c84;
}
.boardCanvas .boardListWrapper .boardList .listCard .mainList li .listCardDetails .timeSec {
  margin-left: 12px;
}
.boardCanvas .boardListWrapper .boardList .listCard .mainList li .listCardDetails .timeSec .cfpText {
  font: 400 12px/36px "untitled_sans_regular";
}
.boardCanvas .boardListWrapper .boardList .listCard .mainList li .listCardDetails .memberSec .greyBg {
  background-color: #dfe1e6;
  color: #172b4d;
  cursor: pointer;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
}
.boardCanvas .boardListWrapper .boardList .listCard .mainList li .listCardDetails .singleCard {
  display: flex;
  justify-content: space-between;
}
.boardCanvas .boardListWrapper .boardList .listCard .mainList li .listCardDetails .singleCard .editCard .fa-pen {
  color: #6b778c;
  font-size: 13px;
}
.boardCanvas .boardListWrapper .boardList .listCard .mainList li .notificationSec .labelMsg {
  display: inline-block;
  margin: 0 4px 4px 0;
  max-width: 100%;
  overflow: hidden;
  padding: 3px 9px;
  text-overflow: ellipsis;
  vertical-align: top;
  font-size: 12px;
  color: #fff;
  border-radius: 3px;
  white-space: nowrap;
}
.boardCanvas .boardListWrapper .boardList .listCard .mainList li .notificationSec .green {
  background-color: #61bd4f;
}
.boardCanvas .boardListWrapper .boardList .listCard .mainList li .notificationSec .red {
  background-color: #eb5a46;
}
.boardCanvas .boardListWrapper .boardList .listCard .mainList li .cardIcon {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.boardCanvas .boardListWrapper .boardList .listCard .mainList li .cardIcon .comment {
  display: flex;
  align-items: center;
  margin-right: 17px;
}
.boardCanvas .boardListWrapper .boardList .listCard .mainList li .cardIcon .comment:last-child {
  margin-right: 0;
}
.boardCanvas .boardListWrapper .boardList .listCard .mainList li .cardIcon .comment .fa-comment,
.boardCanvas .boardListWrapper .boardList .listCard .mainList li .cardIcon .comment .fa-paperclip,
.boardCanvas .boardListWrapper .boardList .listCard .mainList li .cardIcon .comment .fa-bars,
.boardCanvas .boardListWrapper .boardList .listCard .mainList li .cardIcon .comment .fa-check-circle {
  color: #6b778c;
  font-size: 13px;
}
.boardCanvas .boardListWrapper .boardList .listCard .mainList li .cardIcon .comment .count {
  font: 400 12px/36px "untitled_sans_regular";
  margin-left: 5px;
}
.boardCanvas .boardListWrapper .boardList .listCard .mainList li .cardIcon .comment .desc {
  font: 400 12px/36px "untitled_sans_regular";
}
.boardCanvas .boardListWrapper .boardList .listCard .mainList li .cardIcon .dueDate {
  font-size: 12px;
  background-color: #ec9488;
  color: #fff;
  border-radius: 3px;
  padding: 3px 6px;
}
.boardCanvas .boardListWrapper .boardList .listCard .mainList li .cardIcon .dueDate .fa-clock {
  color: #fff;
  font-size: 12px;
}
.boardCanvas .boardListWrapper .boardList .listCard .mainList li .adminMember {
  display: flex;
  justify-content: flex-end;
}
.boardCanvas .boardListWrapper .boardList .listCard .addCard {
  color: #5e6c84;
  font: 400 13px/20px "untitled_sans_regular";
  padding: 8px 14px;
  background: none;
  box-shadow: none;
  border: none;
  margin-bottom: 11px;
  min-width: 216px;
  display: block;
  text-align: left;
}
.boardCanvas .boardListWrapper .boardList .listCard .addCard:hover {
  background-color: rgba(9, 30, 66, 0.08);
  color: #172b4d;
}
.boardCanvas .boardListWrapper .boardList .listCard .textareaWrapper .cardDesc {
  width: 100%;
  height: 80px;
  resize: none;
  color: #172b4d;
  border-radius: 3px;
  border: none;
  padding: 6px 8px 2px;
  font: 400 13px/20px "untitled_sans_regular";
  background: #ffffff;
  box-shadow: none;
  outline: none;
}
.boardCanvas .boardListWrapper .boardList .listCard .textareaWrapper .textareaAction {
  margin-bottom: 5px;
  display: flex;
  align-items: center;
}
.boardCanvas .boardListWrapper .boardList .listCard .textareaWrapper .textareaAction .saveBtn {
  background-color: #5aac44;
  box-shadow: none;
  border: none;
  color: #fff;
  font: 400 13px/20px "untitled_sans_regular";
  padding: 8px 10px;
  margin-right: 10px;
}
.boardCanvas .boardListWrapper .boardList .listCard .textareaWrapper .textareaAction .closeIcon {
  cursor: pointer;
}
.boardCanvas .boardListWrapper .boardList .listCard .textareaWrapper .textareaAction .closeIcon .closeBar {
  color: #6b778c;
  font-size: 28px;
  font-weight: 300;
}
.boardCanvas .boardListWrapper .boardList ::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #f5f5f5;
}
.boardCanvas .boardListWrapper .boardList ::-webkit-scrollbar {
  width: 8px;
  background-color: #f5f5f5;
}
.boardCanvas .boardListWrapper .boardList ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #b6b9bc;
}

.unitModal {
  padding: 0px 20px !important;
}
.unitModal .modal-body {
  padding: 0px 30px 15px;
}
.unitModal .modal-dialog {
  max-width: 900px;
}
.unitModal .modal-dialog .modal-header {
  border-bottom: none;
  padding: 15px 30px;
}
.unitModal .modal-dialog .modal-header .modalTitle {
  font: 500 18px/24px "untitled_sans_regular";
  margin: 0;
}
@media (max-width: 360px) {
  .unitModal .modal-dialog .modal-header .modalTitle {
    font: 500 16px/24px "untitled_sans_regular";
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.unitModal .modal-dialog .modal-header .fa-credit-card {
  color: #42526e;
  font-size: 15px;
  margin-right: 8px;
}
.unitModal .modal-dialog .subText {
  display: block;
  color: #5e6c84;
  font: 400 13px/18px "untitled_sans_regular";
  margin-left: 30px;
}
.unitModal .modal-dialog .unitDetail {
  margin-bottom: 20px;
}
.unitModal .modal-dialog .unitDetail .labelUnit {
  margin-left: 27px;
  display: flex;
}
.unitModal .modal-dialog .unitDetail .labelUnit .memberIntial {
  background-color: #dfe1e6;
  color: #172b4d;
  cursor: pointer;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
  margin-right: 5px;
}
.unitModal .modal-dialog .unitDetail .labelUnit .addMember {
  background-color: #dfe1e6;
  color: #172b4d;
  cursor: pointer;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
}
.unitModal .modal-dialog .unitDetail .labelUnit .addLabel {
  background-color: #dfe1e6;
  color: #172b4d;
  cursor: pointer;
  width: 38px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
  margin-left: 5px;
}
.unitModal .modal-dialog .unitDetail .labelUnit .leftlabelBox {
  position: absolute;
  border: none;
  background: #fff;
  margin: 0;
  padding: 4px 0 0;
  min-width: 350px;
  box-shadow: 1px 3px 25px 4px rgba(202, 195, 195, 0.54);
  display: none;
  z-index: 13;
}
.unitModal .modal-dialog .unitDetail .labelUnit .customcreateLabel {
  position: absolute;
  border: none;
  background: #fff;
  margin: 0;
  padding: 4px 0 0;
  min-width: 350px;
  box-shadow: 1px 3px 25px 4px rgba(202, 195, 195, 0.54);
  display: none;
  z-index: 13;
}
.unitModal .modal-dialog .unitDetail .labelUnit .addmemberBox {
  border: none;
  position: absolute;
  background: #fff;
  margin: 0;
  padding: 4px 0 0;
  min-width: 350px;
  box-shadow: 1px 3px 25px 4px rgba(202, 195, 195, 0.54);
  display: none;
  z-index: 13;
  top: 55px;
}
.unitModal .modal-dialog .unitDetail .descSec .descTextareaBlock {
  resize: none;
  width: 100%;
  height: 55px;
  margin-left: 13px;
  border: none;
  border-radius: 3px;
  box-shadow: none;
  outline: none;
  font: 400 13px/18px "untitled_sans_regular";
  padding: 9px 9px;
  background: rgba(9, 30, 66, 0.04);
  color: #172b4d;
}
.unitModal .modal-dialog .unitDetail .descSec .descTextarea {
  background: #ffffff;
  border: 1px solid #e9e9e9;
  height: 80px;
  border-radius: 3px;
  box-shadow: none;
  outline: none;
  font: 400 13px/18px "untitled_sans_regular";
  padding: 9px 9px;
  resize: none;
  width: 100%;
  margin-left: 13px;
  color: #172b4d;
}
.unitModal .modal-dialog .unitDetail .descSec .textareaAction {
  display: flex;
  align-items: center;
  margin: 0 15px;
}
.unitModal .modal-dialog .unitDetail .descSec .textareaAction .saveDesc {
  box-shadow: none;
  outline: none;
  font: 400 13px/18px "untitled_sans_regular";
  padding: 6px 15px;
  background-color: #5aac44;
  color: #fff;
  margin-right: 9px;
}
.unitModal .modal-dialog .unitDetail .descSec .textareaAction .close {
  font-size: 34px !important;
}
.unitModal .modal-dialog .unitDetail .customFields {
  margin-left: 14px;
}
.unitModal .modal-dialog .unitDetail .customFields .labelSec {
  margin-right: 0 !important;
  margin-bottom: 10px;
}
.unitModal .modal-dialog .unitDetail .customFields .labelSec .fas,
.unitModal .modal-dialog .unitDetail .customFields .labelSec .far {
  margin-right: 6px;
}
.unitModal .modal-dialog .unitDetail .customFields .labelSec .form-group {
  margin-bottom: 0 !important;
}
.unitModal .modal-dialog .unitDetail .customFields .fieldSec {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  flex-direction: row;
}
@media (max-width: 760px) {
  .unitModal .modal-dialog .unitDetail .customFields .fieldSec {
    margin: 10px 14px 16px;
  }
}
@media (max-width: 580px) {
  .unitModal .modal-dialog .unitDetail .customFields .fieldSec {
    flex-direction: column;
  }
}
.unitModal .modal-dialog .unitDetail .customFields .fieldSec .labelSec {
  padding: 0 4px;
}
@media (max-width: 760px) {
  .unitModal .modal-dialog .unitDetail .customFields .fieldSec .labelSec {
    margin-right: 0;
  }
}
.unitModal .modal-dialog .unitDetail .customFields .textFiled {
  background: rgba(9, 30, 66, 0.04);
  border: none;
  height: 35px !important;
  -webkit-appearance: none;
  font: 14px/17px "untitled_sans_regular";
  color: #63696d;
  box-shadow: none;
  outline: none;
}
.unitModal .modal-dialog .unitDetail .customFields .selctOtr .form-control {
  background: rgba(9, 30, 66, 0.04);
  border: none;
  height: 35px !important;
  -webkit-appearance: none;
  font: 14px/17px "untitled_sans_regular";
  color: #63696d;
  box-shadow: none;
  outline: none;
  cursor: pointer;
}
.unitModal .modal-dialog .unitDetail .customFields .selctOtr:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #acacac;
  position: absolute;
  top: 15px;
  right: 15px;
}
.unitModal .modal-dialog .unitDetail .customFields .addateBox {
  position: absolute;
  border: none;
  background: #fff;
  margin: 0;
  padding: 4px 0 0;
  min-width: 350px;
  box-shadow: 1px 3px 25px 4px rgba(202, 195, 195, 0.54);
  display: none;
  z-index: 13;
}
.unitModal .modal-dialog .unitDetail .customFields .addateBox .dropdownheader {
  border-bottom: 1px solid #0a224a24;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 0px;
}
.unitModal .modal-dialog .unitDetail .customFields .addateBox .dropdownheader h3 {
  font: 500 15px/22px "untitled_sans_regular";
  color: #373737;
  text-align: center;
  margin: 0 auto;
  padding: 0px 13px;
}
.unitModal .modal-dialog .unitDetail .customFields .addateBox .dropdownheader .dropdownClose {
  cursor: pointer;
}
.unitModal .modal-dialog .unitDetail .customFields .addateBox .dropdownheader .dropdownClose .close-icon {
  color: #6b778c;
  font-size: 28px;
  font-weight: 300;
  margin-right: 12px;
  line-height: 25px;
}
.unitModal .modal-dialog .unitDetail .customFields .addDate {
  font: 400 13px/24px "untitled_sans_regular";
  color: #172b4d;
  width: 189px;
  display: block;
  text-align: left;
  box-shadow: none;
  border: none;
}
.unitModal .modal-dialog .unitDetail .customFields .hasValue .form-control {
  color: #ffffff;
  text-transform: capitalize !important;
}
.unitModal .modal-dialog .unitDetail .customFields .hasValue:after {
  border-top: 6px solid #ffffff;
}
.unitModal .modal-dialog .labelSec {
  margin-right: 17px;
}
.unitModal .modal-dialog .labelSec h3 {
  font: 400 13px/24px "untitled_sans_regular";
  color: #5e6c84;
  text-transform: uppercase;
  margin-bottom: 3px;
}
.unitModal .modal-dialog .labelSec .labels-wrap {
  flex-direction: row;
  flex-wrap: wrap;
}
.unitModal .modal-dialog .labelSec .labelName {
  border-radius: 3px;
  padding: 7px 9px;
  color: #fff;
  font: 400 12px/24px "untitled_sans_regular";
  margin: 0 0px 8px 0;
  min-width: 40px;
  height: 35px;
}
.unitModal .modal-dialog .labelSec .labelText {
  border-radius: 3px;
  color: #fff;
  font: 400 13px/24px "untitled_sans_regular";
  display: block;
  max-width: 100%;
  padding: 5px 8px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-shadow: none;
  border: none;
}
.unitModal .modal-dialog .labelSec .label-pink {
  background-color: #ff78cb;
}
.unitModal .modal-dialog .labelSec .label-blue {
  background-color: #0079bf;
}
.unitModal .modal-dialog .labelSec .label-grey {
  background-color: rgba(9, 30, 66, 0.04);
  color: #172b4d;
}
.unitModal .modal-dialog .labelSec .label-green {
  background-color: #61bd4f;
}
.unitModal .modal-dialog .labelSec .label-red {
  background-color: #eb5a46;
}
.unitModal .modal-dialog .labelSec .shareBtn {
  background-color: rgba(9, 30, 66, 0.04);
  box-shadow: none;
  border: none;
  padding: 5px 12px;
  color: #172b4d;
  font: 400 13px/24px "untitled_sans_regular";
  cursor: pointer;
  display: block;
  outline: 0;
  width: 162px;
  text-align: left;
}
.unitModal .modal-dialog .labelSec .shareBtn .fa-share-alt {
  color: #42526e;
  font-size: 13px;
  margin-right: 5px;
}
.unitModal .modal-dialog .sidebarActions .sideBtns .cardBtn {
  background-color: #091e420a;
  font: 400 13px/24px "untitled_sans_regular";
  cursor: pointer;
  padding: 6px 9px;
  display: block;
  text-align: left;
  width: 100%;
  box-shadow: none;
  outline: none;
  margin-bottom: 6px;
}
.unitModal .modal-dialog .sidebarActions .sideBtns .cardBtn .fa-user {
  margin-right: 3px;
  color: #42526e;
  font-size: 13px;
}
.unitModal .modal-dialog .sidebarActions .sideBtns .cardBtn .fa-tag {
  margin-right: 3px;
  color: #42526e;
  font-size: 13px;
}
.unitModal .modal-dialog .sidebarActions .sideBtns .cardBtn .fa-paperclip {
  margin-right: 3px;
  color: #42526e;
  font-size: 13px;
}
.unitModal .modal-dialog .sidebarActions .sideBtns .cardBtn .fa-trash-alt {
  margin-right: 3px;
  color: #42526e;
  font-size: 13px;
}
.unitModal .modal-dialog .sidebarActions .sideBtns .cardBtn .fa-sign-in-alt {
  margin-right: 3px;
  color: #42526e;
  font-size: 13px;
}
.unitModal .modal-dialog .sidebarActions .sideBtns .cardBtn .fa-clock {
  margin-right: 3px;
  color: #42526e;
  font-size: 13px;
}
.unitModal .modal-dialog .sidebarActions .menuDropdown .memberBox {
  border: none;
  position: absolute;
  background: #fff;
  margin: 0;
  padding: 4px 0 0;
  min-width: 350px;
  box-shadow: 1px 3px 25px 4px rgba(202, 195, 195, 0.54);
  display: none;
  z-index: 13;
}
.unitModal .modal-dialog .sidebarActions .menuDropdown .labelBox {
  position: absolute;
  border: none;
  background: #fff;
  margin: 0;
  padding: 4px 0 0;
  min-width: 350px;
  box-shadow: 1px 3px 25px 4px rgba(202, 195, 195, 0.54);
  display: none;
  z-index: 13;
}
.unitModal .modal-dialog .sidebarActions .menuDropdown .filedBox {
  position: absolute;
  border: none;
  background: #fff;
  margin: 0;
  padding: 4px 0 0;
  min-width: 350px;
  box-shadow: 1px 3px 25px 4px rgba(202, 195, 195, 0.54);
  display: none;
  z-index: 13;
}
.unitModal .modal-dialog .sidebarActions .menuDropdown .adddnewBox {
  position: absolute;
  border: none;
  background: #fff;
  margin: 0;
  padding: 4px 0 0;
  min-width: 350px;
  box-shadow: 1px 3px 25px 4px rgba(202, 195, 195, 0.54);
  display: none;
  z-index: 13;
}
.unitModal .modal-dialog .sidebarActions .menuDropdown .dateBox {
  position: absolute;
  border: none;
  background: #fff;
  margin: 0;
  padding: 4px 0 0;
  min-width: 350px;
  box-shadow: 1px 3px 25px 4px rgba(202, 195, 195, 0.54);
  display: none;
  z-index: 13;
}
.unitModal .modal-dialog .sidebarActions .menuDropdown .addateBox {
  position: absolute;
  border: none;
  background: #fff;
  margin: 0;
  padding: 4px 0 0;
  min-width: 350px;
  box-shadow: 1px 3px 25px 4px rgba(202, 195, 195, 0.54);
  display: none;
  z-index: 13;
}
.unitModal .modal-dialog .sidebarActions .menuDropdown .creatLabelBox {
  position: absolute;
  border: none;
  background: #fff;
  margin: 0;
  padding: 4px 0 0;
  min-width: 350px;
  box-shadow: 1px 3px 25px 4px rgba(202, 195, 195, 0.54);
  display: none;
  z-index: 13;
}
.unitModal .modal-dialog .sidebarActions .menuDropdown .dropdown-item {
  font: 400 13px/22px "untitled_sans_regular";
  color: #172b4d;
  padding: 7px 12px;
}
.unitModal .modal-dialog .sidebarActions .menuDropdown .dropdown-item:active {
  background: inherit;
}
.unitModal .modal-dialog .labelOuter {
  padding: 8px 14px;
}
.unitModal .modal-dialog .labelOuter .labelName {
  font: 400 13px/20px "untitled_sans_regular";
  color: #172b4d;
  margin: 0;
}
.unitModal .modal-dialog .labelOuter .form-control {
  background-color: #091e420a;
  font: 400 13px/24px "untitled_sans_regular";
  border: none;
  box-shadow: none;
  outline: none;
  padding: 6px 11px;
}
.unitModal .modal-dialog .labelOuter .colorList {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.unitModal .modal-dialog .labelOuter .colorList .labelColor {
  height: 32px;
  margin: 0 5px 8px 0;
  padding: 0;
  width: 48px;
  border-radius: 4px;
  color: #fff;
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
}
.unitModal .modal-dialog .labelOuter .editlabelColor {
  border-radius: 3px;
  cursor: pointer;
  margin: 0 0 4px;
  height: 31px;
  padding: 6px 12px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.unitModal .modal-dialog .labelOuter .editlabelColor .label-name {
  font: 400 13px/24px "untitled_sans_regular";
  color: #fff;
}
.unitModal .modal-dialog .labelOuter .labelcoloredit .fa-pen {
  color: #42526e;
  font-size: 12px;
  margin-left: 7px;
  cursor: pointer;
}
.unitModal .modal-dialog .labelOuter .selectableLabel .fa-check {
  color: #fff;
  font-size: 11px;
}
.unitModal .modal-dialog .labelOuter .colrlabelBtn .btn {
  width: 100%;
  background-color: rgba(9, 30, 66, 0.04);
  box-shadow: none;
  border: none;
  color: #172b4d;
  font: 400 13px/24px "untitled_sans_regular";
  margin-top: 10px;
}
.unitModal .modal-dialog .labelOuter .colorCreate {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
}
.unitModal .modal-dialog .labelOuter .colorCreate .colrcreateBtn {
  box-shadow: none;
  outline: none;
  font: 400 13px/18px "untitled_sans_regular";
  padding: 6px 15px;
  background-color: #5aac44;
  color: #fff;
}
.unitModal .modal-dialog .labelOuter .colorCreate .colrdeleteBtn {
  background-color: #eb5a46 !important;
  box-shadow: none;
  outline: none;
  font: 400 13px/18px "untitled_sans_regular";
  padding: 6px 15px;
  color: #fff;
}
.unitModal .modal-dialog .customFieldOuter .customList {
  padding: 11px 16px;
  flex-direction: column;
  border-bottom: 1px solid #0a224a24;
}
.unitModal .modal-dialog .customFieldOuter .customList .fa-calendar-alt {
  color: #42526e;
  font-size: 16px;
}
.unitModal .modal-dialog .customFieldOuter .customList .filedName {
  font: 400 13px/18px "untitled_sans_regular";
  margin-left: 8px;
  color: #172b4d;
}
.unitModal .modal-dialog .customFieldOuter .customList .fieldBlock {
  margin-bottom: 5px;
  display: flex;
}
.unitModal .modal-dialog .customFieldOuter .customList .fieldBlock .deleteOptn {
  display: flex;
  flex-direction: row;
  flex: 1 1 auto;
  justify-content: flex-end;
}
.unitModal .modal-dialog .customFieldOuter .customList .fieldBlock .deleteOptn .fa-trash-alt {
  color: #42526e;
  font-size: 13px;
}
.unitModal .modal-dialog .customFieldOuter .addNewFiled {
  padding: 10px 22px;
  font: 400 13px/18px "untitled_sans_regular";
  color: #172b4d;
  cursor: pointer;
}
.unitModal .modal-dialog .customFieldOuter .addNewFiled .fas.fa-plus {
  color: #42526e;
  font-size: 14px;
  margin-right: 4px;
}
.unitModal .modal-dialog .customNewFieldOuter {
  padding: 11px 16px;
}
.unitModal .modal-dialog .customNewFieldOuter label {
  font: 500 13px/20px "untitled_sans_regular";
  color: #172b4d;
  margin: 0;
}
.unitModal .modal-dialog .customNewFieldOuter .selctOtr {
  margin-bottom: 20px;
}
.unitModal .modal-dialog .customNewFieldOuter .selctOtr:after {
  top: 16px;
}
.unitModal .modal-dialog .customNewFieldOuter .form-control {
  background: rgba(9, 30, 66, 0.04);
  border: none;
  height: 35px !important;
  -webkit-appearance: none;
  font: 14px/17px "untitled_sans_regular";
  color: #63696d;
  box-shadow: none;
  outline: none;
}
.unitModal .modal-dialog .customNewFieldOuter .createFiledBtn .fieldcreateBtn {
  box-shadow: none;
  outline: none;
  font: 400 13px/18px "untitled_sans_regular";
  padding: 6px 15px;
  background-color: #5aac44;
  color: #fff;
  cursor: pointer;
}
.unitModal .modal-dialog .attachmentSec .attchmentBtn {
  position: relative;
}
.unitModal .modal-dialog .attachmentSec .attchmentBtn .file-name {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  cursor: pointer;
}
.unitModal .modal-dialog .moduleTitle {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.unitModal .modal-dialog .moduleTitle .fas {
  color: #42526e;
  font-size: 15px;
  margin-right: 16px;
}
.unitModal .modal-dialog .moduleTitle h3 {
  font: 500 15px/24px "untitled_sans_regular";
  margin: 0;
  color: #172b4d;
}
.unitModal .modal-dialog .attachmentMain {
  margin-left: 27px;
}
.unitModal .modal-dialog .attachmentMain .attachmentList {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  margin-bottom: 10px;
}
.unitModal .modal-dialog .attachmentMain .attachmentList .attachThumbnail {
  height: 80px;
  border-radius: 3px;
  background-color: rgba(9, 30, 66, 0.04);
  width: 112px;
  margin-right: 10px;
  text-align: center;
}
.unitModal .modal-dialog .attachmentMain .attachmentList .attachThumbnail .thumbnailText {
  color: #5e6c84;
  display: block;
  font-size: 18px;
  font-weight: 500;
  height: 100%;
  line-height: 80px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
@media (max-width: 420px) {
  .unitModal .modal-dialog .attachmentMain .attachmentList .attachThumbnail .thumbnailText {
    font-size: 15px;
  }
}
.unitModal .modal-dialog .attachmentMain .attachmentList .attachFileName {
  font: 500 14px/20px "untitled_sans_regular";
  color: #172b4d;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 383px;
  white-space: nowrap;
}
@media (max-width: 420px) {
  .unitModal .modal-dialog .attachmentMain .attachmentList .attachFileName {
    font: 500 12px/16px "untitled_sans_regular";
  }
}
.unitModal .modal-dialog .attachmentMain .attachmentList .attachFileName .attchTime {
  font-size: 12px;
  font-weight: 500;
  display: block;
  color: #5e6c84;
}
@media (max-width: 420px) {
  .unitModal .modal-dialog .attachmentMain .attachmentList .attachFileName .attchTime {
    font-size: 10px;
  }
}
.unitModal .modal-dialog .attachmentMain .attachmentInner {
  display: flex;
  align-items: center;
}
.unitModal .modal-dialog .attachmentMain .attachDelete {
  cursor: pointer;
}
.unitModal .modal-dialog .attachmentMain .attachDelete .fa-trash-alt {
  color: #89909b;
  font-size: 12px;
  width: 26px;
  height: 26px;
  border-radius: 50px;
  border: 1px solid #d9e1eb;
  background: #d9e1eb;
  text-align: center;
  line-height: 23px;
}
.unitModal .modal-dialog .addAttchmentSec {
  margin-left: 27px;
}
.unitModal .modal-dialog .addAttchmentSec .adattchBtn {
  background-color: #091e420a;
  font: 400 13px/24px "untitled_sans_regular";
  cursor: pointer;
  padding: 6px 9px;
  display: block;
  text-align: left;
  width: 100%;
  box-shadow: none;
  outline: none;
}
.unitModal .modal-dialog .activityMainSec .activitySec {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.unitModal .modal-dialog .activityMainSec .activitySec .activityButton .btn {
  background-color: rgba(9, 30, 66, 0.04);
  box-shadow: none;
  border: none;
  color: #172b4d;
  font: 400 13px/24px "untitled_sans_regular";
}
.unitModal .modal-dialog .activityMainSec .activitySec .moduleTitle {
  margin-bottom: 0;
}
.unitModal .modal-dialog .activityMainSec .activityDetails {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.unitModal .modal-dialog .activityMainSec .activityDetails .memeberName {
  background-color: #dfe1e6;
  color: #172b4d;
  cursor: pointer;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  margin-right: 10px;
  font-weight: 500;
  flex-shrink: 0;
}
.unitModal .modal-dialog .activityMainSec .activityDetails .activityDesc {
  font: 400 13px/20px "untitled_sans_regular";
  color: #172b4d;
  display: flex;
  flex-direction: column;
}
.unitModal .modal-dialog .activityMainSec .activityDetails .activityDesc .dateTime {
  font: 400 11px/20px "untitled_sans_regular";
  color: #5e6c84;
}
.unitModal .modal-dialog .activityMainSec .activityDetails .activityDesc .boldName {
  font-weight: 700;
  display: contents;
}
.unitModal .modal-dialog .activityMainSec .inputActivity {
  margin-bottom: 20px;
  align-items: baseline !important;
}
.unitModal .modal-dialog .activityMainSec .inputActivity .form-control {
  box-shadow: none;
  outline: none;
  font: 400 13px/20px "untitled_sans_regular";
}
.unitModal .modal-dialog .activityMainSec .inputActivity .commentTextarea {
  background: #f4f5f7;
  border: none;
  resize: none;
  height: 60px;
  padding: 7px 13px;
  margin-bottom: 7px;
  border-radius: 3px;
  box-shadow: none;
  outline: none;
}
.unitModal .modal-dialog .activityMainSec .inputActivity .commenttextareaAction {
  display: flex;
  align-items: center;
}
.unitModal .modal-dialog .activityMainSec .inputActivity .commenttextareaAction .saveDesc {
  box-shadow: none;
  outline: none;
  font: 400 13px/18px "untitled_sans_regular";
  padding: 6px 15px;
  background-color: #5aac44;
  color: #fff;
  margin-right: 9px;
}
.unitModal .modal-dialog .activityMainSec .inputActivity .commenttextareaAction .close {
  font-size: 34px !important;
}
.unitModal .modal-dialog .activityMainSec .activityScroll {
  max-height: 320px;
  overflow: auto;
}
.unitModal .modal-dialog ::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #f5f5f5;
}
.unitModal .modal-dialog ::-webkit-scrollbar {
  width: 8px;
  background-color: #f5f5f5;
}
.unitModal .modal-dialog ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #b6b9bc;
}
.unitModal .modal-dialog .dueDateBoxSec .dueDateOuter {
  padding: 11px 17px;
}
.unitModal .modal-dialog .dueDateBoxSec .dueDateOuter label {
  font: 400 13px/20px "untitled_sans_regular";
  color: #172b4d;
  margin: 0;
}
.unitModal .modal-dialog .dueDateBoxSec .dueDateOuter .dueDate {
  flex: 0 0 50%;
  max-width: 50%;
  margin: 0 5px 0 0;
}
.unitModal .modal-dialog .dueDateBoxSec .form-control {
  background-color: #091e420a;
  font: 400 13px/24px "untitled_sans_regular";
  border: none;
  box-shadow: none;
  outline: none;
  padding: 6px 11px;
  -webkit-appearance: none;
}
.unitModal .modal-dialog .dueDateBoxSec .setReminder {
  margin-top: 8px;
}
.unitModal .modal-dialog .dueDateBoxSec .setReminder .selctOtr:after {
  top: 16px;
}
.unitModal .modal-dialog .dueDateBoxSec .dueDateCreate {
  margin-top: 10px;
  padding: 0 2px;
}
.unitModal .modal-dialog .dueDateBoxSec .dueDateCreate .datecreateBtn {
  box-shadow: none;
  outline: none;
  font: 400 13px/18px "untitled_sans_regular";
  padding: 6px 15px;
  background-color: #5aac44;
  color: #fff;
}
.unitModal .modal-dialog .dueDateBoxSec .duetime {
  flex: 0 0 50%;
  max-width: 50%;
}
.unitModal .dropdownheader {
  border-bottom: 1px solid #0a224a24;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 0px;
}
.unitModal .dropdownheader h3 {
  font: 500 15px/22px "untitled_sans_regular";
  color: #373737;
  text-align: center;
  margin: 0 auto;
  padding: 0px 13px;
}
.unitModal .dropdownheader .dropdownClose {
  cursor: pointer;
}
.unitModal .dropdownheader .dropdownClose .close-icon {
  color: #6b778c;
  font-size: 28px;
  font-weight: 300;
  margin-right: 12px;
  line-height: 25px;
}
.unitModal .memberOuter {
  padding: 8px 14px;
}
.unitModal .memberOuter .form-control {
  background-color: #091e420a;
  font: 400 13px/24px "untitled_sans_regular";
  border: none;
  box-shadow: none;
  outline: none;
  padding: 6px 11px;
}
.unitModal .memberOuter .boardMember {
  padding: 7px 4px;
}
.unitModal .memberOuter .boardMember h3 {
  font: 400 13px/24px "untitled_sans_regular";
  color: #5e6c84;
  margin-bottom: 6px;
}
.unitModal .memberOuter .boardMember .memberNameList {
  display: flex;
  align-items: center;
  padding: 4px 4px;
}
.unitModal .memberOuter .boardMember .memberNameList .memeberLetter {
  background-color: #dfe1e6;
  color: #172b4d;
  cursor: pointer;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  margin-right: 10px;
  font-weight: 500;
  flex-shrink: 0;
}
.unitModal .memberOuter .boardMember .memberNameList .memberFullname {
  font: 400 13px/20px "untitled_sans_regular";
  color: #172b4d;
}
.unitModal .memberOuter .boardMember .memberNameList:hover {
  background-color: rgba(9, 30, 66, 0.04);
  cursor: pointer;
}

.editBlockModal {
  top: 22px;
  position: absolute;
  bottom: auto;
  padding: 0 !important;
}
.editBlockModal .modal-dialog {
  margin: initial;
}
.editBlockModal .modal-dialog .modal-content {
  background: inherit;
  border: none;
}
.editBlockModal .modal-dialog .modal-content .modal-header {
  border-bottom: none;
  padding: 0px 7px;
  display: flex;
  justify-content: flex-end;
}
.editBlockModal .modal-dialog .modal-content .closeSec .close {
  opacity: 1;
  color: #fff;
  font-size: 28px;
  font-weight: 300;
}
.editBlockModal .modal-dialog .modal-content .modal-body {
  padding: 0px 6px;
}
.editBlockModal .modal-dialog .modal-content .modal-body .editCard {
  width: 100%;
  resize: none;
  height: 80px;
  border: 1px solid #e9e9e9;
  border-radius: 3px;
  outline: none;
  box-shadow: none;
  padding: 6px 5px;
  font: 400 14px/20px "untitled_sans_regular";
}
.editBlockModal .modal-dialog .modal-content .modal-footer {
  border-top: none;
  justify-content: flex-start;
  padding: 0 6px;
}
.editBlockModal .modal-dialog .modal-content .modal-footer .btn.btn-primary {
  box-shadow: none;
  border: none;
  color: #fff;
  font: 500 13px/20px "untitled_sans_regular";
  padding: 5px 18px;
}
.editBlockModal .modal-dialog .modal-content .modal-footer .btnSave {
  background-color: #5aac44;
}
.editBlockModal .modal-dialog .modal-content .modal-footer .btnCancel {
  background-color: #b3b3b3;
  color: #5c6169;
}

.anotherlistHeader {
  background-color: rgba(255, 255, 255, 0.24);
}
.anotherlistHeader .anotherListBtn {
  width: 100%;
  display: block;
  text-align: left;
  font: 500 13px/22px "untitled_sans_regular";
  background-color: #e3dfdf29;
  box-shadow: none;
  outline: none;
  color: #373737;
  padding: 11px 10px;
}
.anotherlistHeader .anotherListBtn:hover {
  background-color: #fff;
}

.editTransactionModal .modal-lg {
  max-width: 950px !important;
}
.editTransactionModal .formSection {
  padding: 16px 10px !important;
}
.editTransactionModal .customRadioBtn {
  margin: 4px 0px;
}
.editTransactionModal .customRadioBtn .radioBtn {
  display: block;
  position: relative;
  padding-left: 25px;
  padding-right: 10px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-bottom: 0;
  line-height: 19px !important;
}
.editTransactionModal .customRadioBtn .radioBtn input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.editTransactionModal .customRadioBtn .radiocheckmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  border-radius: 50%;
  border: 1px solid #37699c;
}
.editTransactionModal .customRadioBtn .radiocheckmark:after {
  content: "";
  position: absolute;
  display: none;
}
.editTransactionModal .customRadioBtn .radioBtn input:checked ~ .radiocheckmark:after {
  display: block;
}
.editTransactionModal .customRadioBtn .radioBtn .radiocheckmark:after {
  top: 3px;
  left: 3px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #37699c;
}
.editTransactionModal .dropzoneWrapper {
  border: 2px dashed #e0e5eb;
  color: #e0e5eb;
  position: relative;
  height: 378px;
  cursor: pointer;
}
@media (max-width: 1679px) {
  .editTransactionModal .dropzoneWrapper {
    height: 343px;
  }
}
.editTransactionModal .dropzoneWrapper .dropzoneDesc {
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  text-align: center;
  top: 150px;
  cursor: pointer;
}
.editTransactionModal .dropzoneWrapper .dropzoneDesc input[type=file] {
  display: block;
}
.editTransactionModal .dropzoneWrapper .dropzoneDesc p {
  margin: 0;
  font: 400 12px/24px "untitled_sans_regular";
}
.editTransactionModal .dropzoneWrapper .dropzoneDesc .dropzone {
  position: absolute;
  outline: none !important;
  width: 100%;
  height: 150px;
  cursor: pointer;
  opacity: 0;
}
.editTransactionModal .dropzoneWrapper .fa-cloud-upload-alt {
  font-size: 37px;
  color: #a7a7a7;
}
.editTransactionModal .css-1uccc91-singleValue,
.editTransactionModal .css-1pahdxg-control {
  font: 400 14px/24px "untitled_sans_regular" !important;
  color: #495057 !important;
}
.editTransactionModal .rc-menu-vertical {
  position: absolute;
  background: #fff;
  width: 100%;
  z-index: 999;
  overflow: auto;
  height: 200px;
}
.editTransactionModal .customLabel {
  display: flex;
  align-items: center;
}
.editTransactionModal .selctOtr {
  width: 100%;
}
.editTransactionModal textarea {
  min-height: 66px !important;
}
.editTransactionModal .custmpadding {
  padding-right: 0;
  padding-left: 14px;
}
.editTransactionModal .btnCancel {
  background: #e4e5e7 !important;
  color: #1f1f1f !important;
  border: 1px solid #e4e5e7 !important;
}

.colr-green {
  background-color: #61bd4f !important;
}

.colr-yellow {
  background-color: #f2d600 !important;
}

.colr-orange {
  background-color: #ff9f1a !important;
}

.colr-red {
  background-color: #eb5a46 !important;
}

.colr-purple {
  background-color: #c377e0 !important;
}

.colr-blue {
  background-color: #0079bf !important;
}

.colr-sky {
  background-color: #00c2e0 !important;
}

.colr-lime {
  background-color: #51e898 !important;
}

.colr-pink {
  background-color: #ff78cb !important;
}

.colr-black {
  background-color: #344563 !important;
}

.colr-grey {
  background-color: #b3bac5 !important;
}

.backArrow {
  color: #6b778c;
  font-size: 15px;
  font-weight: 300;
  margin-left: 12px;
}

.customOptionOuter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 8px 0 8px 0px;
}
.customOptionOuter .customOptionList {
  display: flex;
  align-items: center;
}
.customOptionOuter .optionBox {
  background-color: #b3bac5;
  height: 28px;
  padding: 0;
  width: 37px;
  border-radius: 4px;
  margin-right: 5px;
  cursor: pointer;
}
.customOptionOuter .optionName {
  font: 400 13px/20px "untitled_sans_regular";
  color: #172b4d;
}
.customOptionOuter .deleteOptn .fa-trash-alt {
  color: #89909b;
  font-size: 12px;
  cursor: pointer;
}

/*--- BOARD PACKAGE CSS START ----*/
.dyJMYP,
.iftrPY {
  background: transparent !important;
  height: 100% !important;
}

.jnUftD,
.gdjmIr {
  display: none;
}

.jkyGSN,
.hEDpDI {
  padding: 6px 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.duBJyC,
.JCLdF {
  font: 500 13px/22px "untitled_sans_regular" !important;
  margin: 0 !important;
  color: #373737 !important;
  height: unset !important;
}

.jbdnia {
  width: unset !important;
}

.hlqoi {
  width: 100% !important;
}

.eGyIFg {
  min-width: 240px !important;
}

.lknZMq,
.bcGfrz {
  line-height: 24px !important;
  width: 100% !important;
}

.PAbHJ,
.jZOQhO {
  color: #5e6c84 !important;
  font: 400 13px/20px "untitled_sans_regular" !important;
  padding: 8px 14px !important;
  background: none !important;
  box-shadow: none !important;
  border: none !important;
  margin-bottom: 11px !important;
  min-width: 216px !important;
  display: block !important;
  text-align: left !important;
}

.jdcCCE,
.Jiwgn {
  display: none !important;
}

.kUZfIt:hover,
.jaybtu:hover {
  background-color: #fff !important;
}

.kUZfIt,
.jaybtu {
  width: 100% !important;
  display: block !important;
  text-align: left !important;
  font: 500 13px/22px "untitled_sans_regular" !important;
  background-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  color: #373737 !important;
  padding: 11px 10px !important;
}

.fDyztm,
.hQAxoZ {
  background-color: rgba(255, 255, 255, 0.24) !important;
  margin: 0 5px !important;
}

.ftmzRN {
  background-color: #5aac44 !important;
  box-shadow: none !important;
  border: none !important;
  color: #fff !important;
  font: 400 13px/20px "untitled_sans_regular" !important;
  padding: 8px 10px !important;
  margin-right: 10px !important;
}

.bjWhkO,
.YRzQK,
.dOoTfi {
  box-shadow: none !important;
  border: none !important;
  color: #fff !important;
  font: 400 13px/20px "untitled_sans_regular" !important;
  padding: 8px 10px !important;
  margin-right: 10px !important;
}

.NTiAY,
.fUWqsT {
  background: transparent !important;
  padding-bottom: 8px !important;
}

.eGyIFg,
.gpuswE {
  margin-top: 0 !important;
}

.hnICSV,
.iEChSv {
  border: none !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.jXYDvD,
.kUFnpG {
  display: none !important;
}

.iftrPY {
  background: transparent !important;
  height: 100% !important;
}

.board-card {
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 0 rgba(9, 30, 66, 0.25);
  cursor: pointer;
  display: block;
  margin-bottom: 8px;
  max-width: 300px;
  min-height: 20px;
  position: relative;
  width: 240px;
}

.react-trello-board {
  background: transparent !important;
  height: 100% !important;
}

.react-trello-lane {
  width: 265px !important;
  margin: 0 4px !important;
  background-color: #f5f5f5 !important;
  border-radius: 3px !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 0 4px !important;
}

.hQAxoZ {
  background-color: rgba(255, 255, 255, 0.24) !important;
  margin: 0 5px !important;
}

.jaybtu {
  width: 100% !important;
  display: block !important;
  text-align: left !important;
  font: 500 13px/22px "untitled_sans_regular" !important;
  background-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  color: #373737 !important;
  padding: 11px 10px !important;
}
.jaybtu:hover {
  background-color: #fff !important;
}

.board-card {
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 0 rgba(9, 30, 66, 0.25);
  cursor: pointer;
  display: block;
  margin-bottom: 8px;
  max-width: 300px;
  min-height: 20px;
  position: relative;
}

.board-card .listCardDetails {
  padding: 6px 8px 1px;
}

.board-card .listCardDetails .cardLabel {
  border-radius: 4px;
  color: #fff;
  display: block;
  height: 8px;
  width: 40px;
  margin: 0 3px 5px 0px;
}

.board-card .listCardDetails .blue {
  background-color: #0079bf;
}

.board-card .listCardDetails .red {
  background-color: #eb5a46;
}

.board-card .listCardDetails .pink {
  background-color: #ff78cb;
}

.board-card .listCardDetails .cardId {
  word-wrap: break-word;
  color: #172b4d;
  font: 400 13px/20px "untitled_sans_regular";
}

.board-card .listCardDetails .cardFlex {
  flex-direction: row;
  justify-content: flex-end;
}

.board-card .listCardDetails .cardText {
  font: 400 12px/36px "untitled_sans_regular";
  color: #5e6c84;
}

.board-card .listCardDetails .timeSec {
  margin-left: 12px;
}

.board-card .listCardDetails .timeSec .cfpText {
  font: 400 12px/36px "untitled_sans_regular";
}

.board-card .listCardDetails .memberSec .greyBg {
  background-color: #dfe1e6;
  color: #172b4d;
  cursor: pointer;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  margin: 2px 5px 2px 2px;
}

.board-card .listCardDetails .singleCard {
  display: flex;
  justify-content: space-between;
}

.board-card .listCardDetails .singleCard .editCard .fa-pen {
  color: #6b778c;
  font-size: 13px;
}

.board-card .notificationSec .labelMsg {
  display: inline-block;
  margin: 0 4px 4px 0;
  max-width: 223px;
  overflow: hidden;
  padding: 3px 9px;
  text-overflow: ellipsis;
  vertical-align: top;
  font-size: 12px;
  color: #fff;
  border-radius: 3px;
  white-space: nowrap;
}

.board-card .notificationSec .green {
  background-color: #61bd4f;
}

.board-card .notificationSec .red {
  background-color: #eb5a46;
}

.board-card .cardIcon {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.board-card .cardIcon .comment {
  display: flex;
  align-items: center;
  margin-right: 17px;
}

.board-card .cardIcon .comment:last-child {
  margin-right: 0;
}

.board-card .cardIcon .comment .fa-comment,
.board-card .cardIcon .comment .fa-paperclip,
.board-card .cardIcon .comment .fa-bars,
.board-card .cardIcon .comment .fa-check-circle {
  color: #6b778c;
  font-size: 13px;
}

.board-card .cardIcon .comment .count {
  font: 400 12px/36px "untitled_sans_regular";
  margin-left: 5px;
}

.board-card .cardIcon .comment .desc {
  font: 400 12px/36px "untitled_sans_regular";
}

.board-card .cardIcon .dueDate {
  font-size: 12px;
  background-color: #ec9488;
  color: #fff;
  border-radius: 3px;
  padding: 3px 6px;
}

.board-card .cardIcon .dueDate .fa-clock {
  color: #fff;
  font-size: 12px;
}

.board-card .adminMember {
  display: flex;
  justify-content: flex-end;
}

.smooth-dnd-draggable-wrapper .cYxBfg:focus,
.smooth-dnd-draggable-wrapper .dvFtLj:focus {
  outline: none !important;
}
.smooth-dnd-draggable-wrapper .iqpSlN,
.smooth-dnd-draggable-wrapper .cKdwEf {
  top: -7px !important;
}
.smooth-dnd-draggable-wrapper .jmajLD {
  min-width: 224px !important;
}
.smooth-dnd-draggable-wrapper .fWnuzF {
  font-size: 14px !important;
  cursor: pointer !important;
}
.smooth-dnd-draggable-wrapper .jqECNj {
  font-size: 14px !important;
}
.smooth-dnd-draggable-wrapper .gkrrVv {
  width: 115px !important;
  padding: 0 !important;
  text-align: center;
  margin: 10px auto;
}
.smooth-dnd-draggable-wrapper .kofQhZ {
  background-color: #3179ba !important;
  margin: 0 !important;
  color: #fff !important;
  border-radius: 3px !important;
  padding: 3px 5px !important;
  font-weight: 500 !important;
  font-size: 12px;
}
.smooth-dnd-draggable-wrapper .bbFQhP {
  font: 500 14px/27px "untitled_sans_regular" !important;
  color: #373737 !important;
}
.smooth-dnd-draggable-wrapper .comPlainTextContentEditable--has-placeholder:focus {
  box-shadow: inset 0 0 0 2px #0079bf;
  padding: 4px 8px;
  font: 500 13px/22px "untitled_sans_regular" !important;
  margin: 0 !important;
  color: #373737 !important;
  height: unset !important;
  outline: none !important;
}

.removeTenantFromCard {
  position: relative;
}
.removeTenantFromCard .close-icon {
  position: absolute;
  top: -2px;
  right: -5px;
  background: #dc3545;
  border-radius: 50px;
  width: 9px;
  height: 9px;
  display: flex;
  text-align: center;
  color: #fff;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  padding: 7px;
}

.colr-red {
  background-color: #eb5a46 !important;
}

/*--- BOARD PACKAGE CSS END ----*/
.otrRec .containerCheck {
  margin-bottom: 0 !important;
}

.inputCopySec {
  display: flex;
  position: relative;
}
.inputCopySec .form-control {
  background: #ffffff;
  border: none;
  height: 43px;
  outline: 0;
  box-shadow: none;
  text-indent: 5px;
  padding-right: 75px;
  min-width: 657px;
  font: 14px/17px "untitled_sans_regular";
}
@media (max-width: 690px) {
  .inputCopySec .form-control {
    min-width: 0;
  }
}
@media (max-width: 1729px) {
  .inputCopySec .form-control {
    font-size: 13px;
  }
}
.inputCopySec .copy {
  position: absolute;
  top: 5px;
  right: 7px;
  color: #fff;
  text-align: center;
  background: #1382d9;
  border-radius: 3px;
  height: 33px;
  font: 12px/17px "untitled_sans_regular";
  line-height: normal;
  margin-right: 0;
}

.inviteEmail {
  margin-right: 10px;
}
.inviteEmail .form-control {
  min-width: 420px !important;
}

.dataSourcesOuter .dataSourcesTable .transactionDetails {
  font: 400 14px/17px "untitled_sans_regular";
  color: #6f6f6f;
}
.dataSourcesOuter .dataSourcesTable .transactionDetails .transactionTime {
  font: 400 11px/17px "untitled_sans_regular";
  color: #6f6f6f;
  margin-bottom: 0;
}
.dataSourcesOuter .dataSourcesTable .selctOtr .form-control {
  background: #e0e5eb;
  height: 33px;
  -webkit-appearance: none;
  padding-right: 29px;
  font: 14px/17px "untitled_sans_regular";
  color: #63696d;
  box-shadow: none;
  border: none;
}
.dataSourcesOuter .dataSourcesTable .selctOtr:after {
  top: 14px;
}

.transactionOuter {
  padding: 12px 0px;
  border-radius: 3px;
}
@media (max-width: 764px) {
  .transactionOuter .transactionSelectForms .d-flex {
    flex-direction: column;
  }
}
.transactionOuter .transactionSelectForms .formsectionPadding {
  padding: 0px 8px 0px 0px;
}
@media (max-width: 764px) {
  .transactionOuter .transactionSelectForms .formsectionPadding {
    padding: 0px 0px 9px 0px;
  }
}
.transactionOuter .transactionSelectForms .selctOtr .form-control {
  height: 37px !important;
  -webkit-appearance: none;
  color: #63696d;
  font: 400 14px/17px "untitled_sans_regular";
  box-shadow: none;
  border: none;
  background: #fff;
  padding: 9px 10px;
  cursor: pointer;
}
.transactionOuter .transactionSelectForms .selctOtr:after {
  top: 16px;
}
.transactionOuter .transactionSelectForms .filterSide {
  width: 395px;
  left: 0;
}
@media (max-width: 767px) {
  .transactionOuter .transactionSelectForms .filterSide {
    width: 100%;
  }
}
.transactionOuter .transactionSelectForms .dropdownFilter .close {
  top: 6px;
  box-shadow: none;
  outline: none;
}
.transactionOuter .transactionSelectForms .dropdownFilter .close span {
  font-size: 27px;
  color: #333;
  font-weight: 500;
}
@media (max-width: 1679px) {
  .transactionOuter .transactionSelectForms .dropdownFilter .outerBg .btnOtr {
    padding: 11px 0px !important;
  }
}
.transactionOuter .transactionSelectForms .amountFilter {
  position: absolute;
  right: 0px;
  left: 0;
  width: 395px;
  background: #fff;
  padding: 33px 20px 10px;
  top: 37px;
  box-shadow: 1px 2px 6px 0px #ccc;
  display: none;
  z-index: 13;
}
@media (max-width: 767px) {
  .transactionOuter .transactionSelectForms .amountFilter {
    width: 100%;
  }
}
.transactionOuter .transactionSelectForms .amountFilter .close {
  top: 6px;
  box-shadow: none;
  outline: none;
  padding: 0;
  position: absolute;
  right: 20px;
}
.transactionOuter .transactionSelectForms .amountFilter .close span {
  font-size: 27px;
  color: #333;
  font-weight: 500;
}
.transactionOuter .transactionSelectForms .amountFilter .fltrOtr {
  border-bottom: 1px solid #e2e9f1;
  padding-bottom: 26px !important;
}
@media (max-width: 1729px) {
  .transactionOuter .transactionSelectForms .amountFilter .fltrOtr {
    padding-bottom: 11px !important;
  }
}
.transactionOuter .transactionSelectForms .amountFilter .fltrOtr .form-control {
  font: 400 14px/17px "untitled_sans_regular";
  padding: 0 19px;
}
.transactionOuter .transactionSelectForms .amountFilter .fltrOtr .formInp {
  padding: 0px 4px;
}
.transactionOuter .transactionSelectForms .amountFilter .btnOtr {
  padding: 22px 0px;
}
@media (max-width: 1729px) {
  .transactionOuter .transactionSelectForms .amountFilter .btnOtr {
    padding: 10px 0px;
  }
}
.transactionOuter .transactionSelectForms .amountFilter .btnOtr .btnClear {
  background: #c4cdd6;
  border: none;
  color: #687078;
  padding: 13px 19px;
  font: 400 15px/20px "untitled_sans_regular";
  margin-right: 6px;
  display: initial;
  height: auto;
  box-shadow: none;
  outline: none;
}
.transactionOuter .transactionSelectForms .amountFilter .btnOtr .btnApply {
  background: #1382d9;
  border: none;
  color: #fff;
  padding: 13px 19px;
  font: 400 15px/20px "untitled_sans_regular";
  display: initial;
  height: auto;
  box-shadow: none;
  outline: none;
}
.transactionOuter .transactionSelectForms .amountFilter .amountSymbol {
  position: relative;
}
.transactionOuter .transactionSelectForms .amountFilter .dollarSymbol {
  position: absolute;
  bottom: 10px;
  left: 9px;
}
.transactionOuter .transactionSelectForms .rc-menu-vertical {
  overflow: auto;
  height: 200px;
}
.transactionOuter .transactionSelectForms .css-yk16xz-control,
.transactionOuter .transactionSelectForms .css-1pahdxg-control {
  background: #fff !important;
  height: 37px !important;
}
.transactionOuter .transactionTable .actionWidth {
  width: 100px;
}
.transactionOuter .transactionTable .checkbxwidth {
  width: 39px;
}
.transactionOuter .transactionTable .transactionChkbxPadng {
  padding-left: 9px !important;
}
.transactionOuter .transactionTable .transactionCheckbox {
  position: relative;
  margin-bottom: 18px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #6f6f6f;
}
.transactionOuter .transactionTable .transactionCheckbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.transactionOuter .transactionTable .transactionCheckbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #ccc;
}
.transactionOuter .transactionTable .transactionCheckbox:hover input ~ .checkmark {
  background-color: #ccc;
}
.transactionOuter .transactionTable .transactionCheckbox input:checked ~ .checkmark {
  background-color: #2196f3 !important;
}
.transactionOuter .transactionTable .transactionCheckbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.transactionOuter .transactionTable .transactionCheckbox input:checked ~ .checkmark:after {
  display: block;
}
.transactionOuter .transactionTable .transactionCheckbox .checkmark:after {
  left: 6px;
  top: 2px;
  width: 6px;
  height: 11px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.transactionOuter .transactionTable .transactionDate {
  font: 400 15px/20px "untitled_sans_regular";
}
.transactionOuter .transactionTable .descHead {
  font: 500 15px/20px "untitled_sans_regular";
}
.transactionOuter .transactionTable .descSub {
  font: 400 13px/20px "untitled_sans_regular";
  margin: 0;
  color: #818181 !important;
}
.transactionOuter .transactionTable .transacionAmount {
  color: #0bba8b;
}
.transactionOuter .transactionTable .accountSec {
  font: 500 15px/20px "untitled_sans_regular";
}

.un-slct {
  font-size: 13px;
}
.un-slct span {
  padding-left: 9px;
  color: #1382d9;
}
.un-slct span i {
  font-size: 10px;
  padding-left: 1px;
}

.transaction-tab .account-btn {
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  /* background: #ffffff; */
  padding: 14px 0px;
  /* border-radius: 3px; */
  border-left: 0px solid #e2e9f1;
}
@media (max-width: 764px) {
  .transaction-tab .account-btn {
    border-left: 0;
  }
}
.transaction-tab .account-btn .btnadd {
  background: #1382d9;
  max-width: 32% !important;
  margin-right: 5px;
  color: #fff;
  font: 400 16px/12px "untitled_sans_regular";
  height: 37px;
  margin-top: -2px;
  font-size: 14px;
  border: none;
  cursor: pointer;
  border-radius: 4px;
}
@media (max-width: 1679px) {
  .transaction-tab .account-btn .btnadd {
    font: 400 14px/16px "untitled_sans_regular";
    width: 100%;
  }
}
@media (max-width: 1679px) and (max-width: 1679px) {
  .transaction-tab .account-btn .btnadd {
    height: 36px;
  }
}

.maintenanceMessaging .modal-lg {
  max-width: 930px !important;
}
.maintenanceMessaging .clientInfolightGrey {
  background: #f8fafd;
}
.maintenanceMessaging .clientInfoGrey {
  background: #f7f7f7;
}
.maintenanceMessaging .messagingOuter {
  padding: 10px 12px;
}
.maintenanceMessaging .messagingOuter .profileSection .profileImg {
  background-color: #ebebeb;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  display: flex;
  align-items: baseline;
  justify-content: center;
  overflow: hidden;
  padding: 5px;
  flex-shrink: 0;
}
.maintenanceMessaging .messagingOuter .profileSection .MessageWrapper .mailHeader {
  display: flex;
  justify-content: space-between;
}
.maintenanceMessaging .messagingOuter .profileSection .MessageWrapper .profileDetails h4 {
  color: #373737;
  font: 500 16px/20px "untitled_sans_regular";
  margin-bottom: 0px;
  word-break: break-all;
}
.maintenanceMessaging .messagingOuter .profileSection .MessageWrapper .profileDetails p {
  color: #a2a2a2;
  font: 400 12px/20px "untitled_sans_regular";
  margin: 0;
}
@media (max-width: 420px) {
  .maintenanceMessaging .messagingOuter .profileSection .MessageWrapper .profileDetails p {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 128px;
  }
}
.maintenanceMessaging .messagingOuter .profileSection .MessageWrapper .attachimgOtr {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.maintenanceMessaging .messagingOuter .profileSection .MessageWrapper .attachimgOtr .attachimgpadng {
  padding: 0px 4px;
}
.maintenanceMessaging .messagingOuter .profileSection .MessageWrapper .attachimgOtr .attachimgpadng .attachList {
  padding: 0;
  position: relative;
  height: 65px;
  background: #e0e5eb;
  margin-top: 15px;
  text-align: center;
  vertical-align: middle;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  border-radius: 3px;
}
.maintenanceMessaging .messagingOuter .profileSection .MessageWrapper .attachimgOtr .attachimgpadng .attachList img {
  height: 100%;
  width: 100%;
  object-position: center;
  object-fit: cover;
}
.maintenanceMessaging .messagingOuter .profileSection .MessageWrapper .attachimgOtr .attachimgpadng p {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
  margin-bottom: 0px;
  font: 400 14px/24px "untitled_sans_regular";
}
.maintenanceMessaging .messagingOuter .profileSection .MessageWrapper .messageAction .editBtn {
  margin-right: 2px;
  background: #cccccc;
  color: #6d6161;
  box-shadow: none;
  border: none;
  font: 500 14px/19px "untitled_sans_regular";
  padding: 7px 17px;
}
.maintenanceMessaging .messagingOuter .profileSection .MessageWrapper .messageAction .deleteBtn {
  background: #d95350;
  color: #fff;
  box-shadow: none;
  border: none;
  font: 500 14px/19px "untitled_sans_regular";
  padding: 7px 11px;
}
.maintenanceMessaging .messagingOuter .profileSection .MessageWrapper .messageAction .editDetlPrp i {
  color: #89909b;
  font-size: 12px;
  width: 26px;
  height: 26px;
  border-radius: 50px;
  border: 1px solid #d9e1eb;
  background: #d9e1eb;
  text-align: center;
  line-height: 23px;
  cursor: pointer;
}
.maintenanceMessaging .messagingOuter .profileSection .MessageWrapper .mailpreContent {
  height: auto;
  max-height: 200px;
  overflow: auto;
  word-break: break-all;
  white-space: inherit;
  padding-right: 9px;
  width: 100%;
  resize: none;
  color: #373737;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  font-family: "untitled_sans_regular";
  margin: 0;
}
.maintenanceMessaging .messagingForm {
  border: 1px solid #eee;
  padding: 10px;
  margin-bottom: 15px;
}
.maintenanceMessaging .messagingForm .custom-file-label {
  background: #fff !important;
}
.maintenanceMessaging .messagingForm .mailReplySec {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.maintenanceMessaging .messagingForm .form-control {
  background: #eff1f3 !important;
}
.maintenanceMessaging .replyBtn {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 10px;
}
.maintenanceMessaging .replyBtn .btn {
  background: #1382d9;
  font: 500 14px/24px "untitled_sans_regular";
  box-shadow: none;
  border: none;
  padding: 5px 10px;
  color: #fff;
  margin-bottom: 3px;
}
.maintenanceMessaging .messageFormSubmit {
  display: flex;
  justify-content: flex-end;
  border-top: 1px solid #eee;
  padding-top: 10px;
}
.maintenanceMessaging .messageFormSubmit .btnSubmit {
  background: #1382d9 !important;
  font: 500 14px/24px "untitled_sans_regular";
  box-shadow: none !important;
  border: none;
  padding: 8px 0px !important;
  color: #fff;
  width: 83px !important;
}
.maintenanceMessaging .mailListBox {
  overflow: auto;
  max-height: 400px;
}
.maintenanceMessaging ::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #f5f5f5;
}
.maintenanceMessaging ::-webkit-scrollbar {
  width: 8px;
  background-color: #f5f5f5;
}
.maintenanceMessaging ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #b6b9bc;
}

.uploadDocuments .docOuter p {
  color: #484747;
  font: 400 16px/24px "untitled_sans_regular";
  margin-bottom: 10px;
}
.uploadDocuments .docOuter .box {
  background: #eef4fa;
  border-color: #eef4fa;
  padding: 14px 12px;
  min-height: 210px;
}
.uploadDocuments .docOuter .box .mainList {
  list-style-image: url("https://mdn.mozillademos.org/files/11981/starsolid.gif");
}
.uploadDocuments .docOuter .box .mainList li {
  color: #484747;
  font: 400 14px/21px "untitled_sans_regular";
}
.uploadDocuments .docOuter .box .pictureBox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 15px;
}

@media (max-width: 1679px) {
  .invoiceModal.addTenant .modal-lg {
    max-width: 1045px !important;
  }
}

.attachimgOtr {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.attachimgOtr .attachimgpadng {
  padding: 0px 4px;
}
.attachimgOtr .attachimgpadng .attachList {
  padding: 0;
  position: relative;
  height: 65px;
  background: #e0e5eb;
  margin-top: 15px;
  text-align: center;
  vertical-align: middle;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  border-radius: 3px;
}
.attachimgOtr .attachimgpadng .attachList img {
  height: 100%;
  width: 100%;
  object-position: center;
  object-fit: cover;
}
.attachimgOtr .attachimgpadng .attachList .image-close {
  position: absolute;
  top: 5px;
  right: 6px;
  color: #fff;
  border: none;
  text-align: center;
  background: #0072cc;
  width: 16px;
  height: 16px;
  border-radius: 50px;
  margin: 0;
  padding: 0;
  line-height: 0;
  outline: 0;
  cursor: pointer;
}
.attachimgOtr .attachimgpadng .attachList .image-close .fa-arrow-down {
  font-size: 11px !important;
  color: #ffffff !important;
  line-height: 16px;
}
.attachimgOtr .attachimgpadng p {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
  margin-bottom: 0px;
  font: 400 14px/24px "untitled_sans_regular";
}

.expenseTab .nav-link {
  border-radius: 0;
  background: #c9d1db;
  margin-right: 5px;
  color: #585858;
  font: 400 15px/20px "untitled_sans_regular";
}
@media (max-width: 1679px) {
  .expenseTab .nav-link {
    font: 400 14px/20px "untitled_sans_regular";
  }
}
.expenseTab .nav-link.active {
  background: #fff;
  color: #1382d9;
}

.expense-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #f9fcff;
  padding: 21px 15px;
  border-radius: 3px;
  border: 1px solid #eee;
  height: 152px;
}
.expense-btn .btnadd {
  background: #1382d9;
  width: 60%;
  color: #fff;
  font: 400 16px/16px "untitled_sans_regular";
  padding: 17px 0px;
  border: none;
  cursor: pointer;
  border-radius: 4px;
  margin-bottom: 5px;
}
@media (max-width: 1679px) {
  .expense-btn .btnadd {
    font: 400 14px/16px "untitled_sans_regular";
    width: 100%;
  }
}
.expense-btn .expensefltr {
  background: #fff;
  width: 60%;
  color: #000;
  font: 400 16px/16px "untitled_sans_regular";
  padding: 17px 11px;
  border: none;
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid #eee;
  text-align: left;
  outline: 0;
}
@media (max-width: 1679px) {
  .expense-btn .expensefltr {
    font: 400 14px/16px "untitled_sans_regular";
    width: 100%;
  }
}
.expense-btn .expensefltr .fa-sliders-h {
  margin-right: 0px;
  color: #687078;
  width: 25px;
}
.expense-btn .expensefltr:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #acacac;
  position: absolute;
  bottom: 43px;
  right: 102px;
}
@media (max-width: 1679px) {
  .expense-btn .expensefltr:after {
    right: 43px;
    bottom: 64px;
  }
}
.expense-btn .expensefilterSide {
  position: absolute;
  right: 0px;
  width: 650px;
  background: #fff;
  padding: 7px 20px 0px;
  top: 132px;
  box-shadow: 1px 2px 6px 0px #ccc;
  display: none;
  z-index: 13;
  height: 375px;
  overflow-y: scroll;
}
.expense-btn .expensefilterSide .fltrOtr {
  border-bottom: 1px solid #e2e9f1;
  padding-bottom: 26px !important;
}
@media (max-width: 1729px) {
  .expense-btn .expensefilterSide .fltrOtr {
    padding-bottom: 11px !important;
  }
}
.expense-btn .expensefilterSide .fltrOtr .formInp {
  padding: 0px 4px;
}
.expense-btn .expensefilterSide .fltrOtr .selOtr {
  position: relative;
}
.expense-btn .expensefilterSide .fltrOtr .selOtr:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #acacac;
  position: absolute;
  top: 20px;
  right: 15px;
}
.expense-btn .expensefilterSide .otrTenantCheck {
  padding: 0px 4px;
  border-bottom: 1px solid #e2e9f1;
}
.expense-btn .expensefilterSide .tenantStatus {
  flex-direction: column;
  padding: 12px 5px;
}
.expense-btn .expensefilterSide .tenantStatus h3 {
  font: 500 17px/20px "untitled_sans_regular";
}
.expense-btn .expensefilterSide .tenantStatus .tenantstOtr {
  padding: 0px;
  display: flex;
  flex-direction: row;
  margin-top: 12px;
  flex-wrap: wrap;
}
.expense-btn .expensefilterSide .tenantStatus .tenantstOtr li {
  list-style: none;
}
.expense-btn .expensefilterSide .tenantStatus .tenantstOtr .formInp {
  padding: 0px 4px 0px 0px;
  margin-right: 8px;
}
.expense-btn .expensefilterSide .accStatus {
  padding: 22px 25px;
  border-right: 0;
}
.expense-btn .expensefilterSide .btnOtr {
  padding: 22px 0px;
}
@media (max-width: 1729px) {
  .expense-btn .expensefilterSide .btnOtr {
    padding: 10px 0px;
  }
}
.expense-btn .expensefilterSide .btnOtr .btnClear {
  background: #c4cdd6;
  border: none;
  color: #687078;
  padding: 13px 19px;
  font: 400 15px/20px "untitled_sans_regular";
  margin-right: 6px;
  display: initial;
  height: auto;
}
.expense-btn .expensefilterSide .btnOtr .btnApply {
  background: #1382d9;
  border: none;
  color: #fff;
  padding: 13px 19px;
  font: 400 15px/20px "untitled_sans_regular";
  display: initial;
  height: auto;
}

.transactionCheckbox {
  position: relative;
  margin-bottom: 18px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #6f6f6f;
}
.transactionCheckbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.transactionCheckbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #ccc;
}

.transactionCheckbox:hover input ~ .checkmark {
  background-color: #ccc;
}

.transactionCheckbox input:checked ~ .checkmark {
  background-color: #2196f3 !important;
}

.transactionCheckbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.transactionCheckbox input:checked ~ .checkmark:after {
  display: block;
}

.transactionCheckbox .checkmark:after {
  left: 6px;
  top: 2px;
  width: 6px;
  height: 11px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.plaidbtn {
  background: inherit !important;
  border: inherit !important;
}

.react-dropdown-tree-select .dropdown {
  position: relative;
  display: table;
}
.react-dropdown-tree-select .dropdown:focu {
  outline: 0 !important;
}

.react-dropdown-tree-select .dropdown .dropdown-trigger.arrow {
  cursor: pointer;
}

.react-dropdown-tree-select .dropdown .dropdown-trigger {
  padding: 3px 0;
  line-height: 20px;
  max-height: 38px;
  display: block;
  /*overflow: auto;*/
  border: 1px solid #b9b9b9;
  width: 175px;
  background-color: #e0e5eb !important;
  border-color: transparent !important;
  border-radius: 4px;
}

.tag-list {
  display: inline;
  padding: 0;
  margin: 0;
}

.tag {
  background-color: #f4f4f4;
  border: 1px solid #e9e9e9;
  padding: 2px 0 2px 2px;
  border-radius: 2px;
  display: inline-block;
}

.tag-remove {
  color: #a0a0a0;
  font-size: 75%;
  line-height: 100%;
  cursor: pointer;
  background-color: transparent;
  border: none;
  outline: none;
}

.tag-item:last-child {
  margin-right: 4px;
}

.tag-item {
  display: inline-block;
  margin: 4px;
}

.tag-item .search {
  border: none;
  /*border-bottom: 1px solid #ccc;*/
  outline: none;
  background: inherit;
  width: 100%;
}

.react-dropdown-tree-select .dropdown .dropdown-trigger.arrow.bottom:after {
  margin-right: 2px;
  right: 11px;
  position: absolute;
  top: 20px;
  content: "";
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #acacac;
}

.react-dropdown-tree-select .dropdown .dropdown-trigger.arrow.top:after {
  margin-right: 2px;
  right: 11px;
  position: absolute;
  top: 20px;
  content: "";
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #acacac;
}

.react-dropdown-tree-select .dropdown .dropdown-content {
  position: absolute;
  padding: 4px;
  z-index: 1;
  width: 100%;
  background: #fff;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15);
}

.react-dropdown-tree-select .dropdown .dropdown-content ul {
  margin: 0;
  padding: 0;
}

.node {
  list-style: none;
  white-space: nowrap;
  padding: 4px;
  position: relative;
  display: flex;
}

.mdl-demo .toggle {
  font: normal normal normal 18px/1 "Material Icons";
  color: #555;
  white-space: pre;
  /*margin-right: 4px;*/
}

.toggle {
  white-space: pre;
  /*margin-right: 4px;*/
  cursor: pointer;
}

.toggle.collapsed:after {
  content: "+";
}

.node > label {
  cursor: pointer;
  margin-left: 2px;
}

.mdl-demo .checkbox-item {
  position: relative;
  width: 1rem;
  height: 1rem;
  margin-right: 0.75rem;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
  vertical-align: middle;
}

.checkbox-item,
.radio-item {
  vertical-align: middle;
  margin: 0 4px 0 0;
}

.mdl-demo .checkbox-item:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  border: 2px solid #aaa;
  transition: all 0.3s ease-in-out;
}

.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.mdl-demo .dropdown-trigger > span:after {
  font-size: 12px;
  color: #555;
}

.mdl-demo .toggle.collapsed::after {
  cursor: pointer;
  content: "";
  vertical-align: middle;
  position: absolute;
  right: 0;
}

.mdl-demo .toggle.expanded::after {
  cursor: pointer;
  content: "";
  vertical-align: middle;
  position: absolute;
  right: 0;
}

.mdl-demo .checkbox-item {
  position: relative;
  width: 1rem;
  height: 1rem;
  margin-right: 0.75rem;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
  vertical-align: middle;
}

.mdl-demo .checkbox-item:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  border: 2px solid #aaa;
  transition: all 0.3s ease-in-out;
}

.mdl-demo .checkbox-item:checked:before {
  height: 50%;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-top-style: none;
  border-right-style: none;
  border-color: #2196f3;
}

.transactionTbl .width-01 {
  width: 47px;
}

.transactionTbl .width-02 {
  width: 163px;
}

.transactionTbl .width-03 {
  width: 207px;
}

.transactionTbl .width-04 {
  width: 168px;
}

.transactionTbl .width-05 {
  width: 50px;
}

.transactionTbl .width-06 {
  width: 184px;
}

.transactionTbl .width-07 {
  width: 92px;
}

.transactionOuter .transactionTable .descHead {
  font: 500 13px/14px "untitled_sans_regular";
}

.transactionOuter .transactionTable .transactionDate {
  font: 400 13px/20px "untitled_sans_regular";
}

.transactionOuter .transactionTable .accountSec {
  font: 500 13px/17px "untitled_sans_regular";
}

.transactionTbl .css-1uccc91-singleValue {
  font: 400 13px/21px "untitled_sans_regular" !important;
}

.cstm-slct-width .dropdown {
  width: 100%;
}

.cstm-slct-width .dropdown-trigger {
  width: 100% !important;
  max-height: 45px;
  height: 45px;
}
@media (max-width: 1679px) {
  .cstm-slct-width .dropdown-trigger {
    max-height: 38px;
    height: 38px;
  }
}

.account-btn div {
  width: 100% !important;
}

.transactionSelectForms .rc-menu-vertical {
  position: absolute;
  background: #fff;
  width: 100%;
  z-index: 1;
}

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

.importSec {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.importSec .importBtn {
  text-align: center;
  background: #1382d9;
  font: 15px/19px "untitled_sans_regular";
  border-radius: 3px;
  height: 43px;
  border: 0;
  padding: 8px 11px;
  cursor: pointer;
  outline: 0;
  color: #fff;
  position: relative;
  display: flex;
  flex-wrap: wrap;
}

.payment-history-box {
  display: flex;
  flex-direction: row;
  height: 100%;
  align-items: stretch;
}
.payment-history-box .pay-his-sec-otr {
  background: #f2f2f2;
  border-radius: 3px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.innago-table-top.main-table-top.maint-req-top h1 {
  font: 19px/20px "untitled_sans_medium";
}
@media (max-width: 1720px) {
  .innago-table-top.main-table-top.maint-req-top h1 {
    font: 18px/20px "untitled_sans_medium";
  }
}
@media (max-width: 500px) {
  .innago-table-top.main-table-top.maint-req-top h1 {
    font: 15px/20px "untitled_sans_medium";
    margin-bottom: 1px;
  }
}

.listing ul {
  padding: 0;
}
@media (max-width: 990px) {
  .listing ul {
    padding: 0;
  }
}
.listing ul li {
  list-style: none;
  background: #f9fbfc;
  padding: 9px 14px 0px 1px;
  margin-bottom: 10px;
  box-shadow: 0px 0px 2px rgba(204, 204, 204, 0.4705882353);
  position: relative;
  color: #7f7f7f;
  display: flex;
  cursor: pointer;
  /*nn*/
  /*nn*/
}
.listing ul li .icn {
  flex-grow: 1;
  align-items: center;
  justify-content: flex-end;
  display: flex;
}
.listing ul li.active {
  color: #1382d9;
}
.listing ul li.active .icn i {
  color: #1382d9;
}
.listing ul li.active .img-sp svg {
  fill: #1382d9;
}
.listing ul li .img-sp svg {
  fill: #a2b4d2;
  display: inline-block;
  height: auto;
  overflow: hidden;
  width: 2em;
  height: 2em;
  font-size: 16px;
}
.listing ul li .text-sp {
  padding-left: 33px;
  font-size: 15px;
  line-height: 28px;
}
.listing ul li:before {
  content: "";
  position: absolute;
  height: 100%;
  border: 1px solid #e0e5eb;
  left: 36px;
  top: 0;
}
.listing ul li .icn {
  float: right;
  color: #beb9b9;
}

.sub-2 .categoryBox {
  min-height: 200px;
}

.maintenanceOuter {
  display: flex;
  margin-bottom: 20px;
  height: 100%;
  flex-direction: row;
}
@media (max-width: 990px) {
  .maintenanceOuter {
    flex-direction: column;
  }
}
.maintenanceOuter .inner-main-outer-sec {
  flex: 1 1 auto;
}
.maintenanceOuter .add-maint-tableotr {
  max-width: 99.5%;
  margin-top: 9px;
}
.maintenanceOuter .add-maint-tableotr .new-maint {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.maintenanceOuter .add-maint-tableotr .new-maint .lft {
  flex: 0 0 auto;
  flex-grow: 1;
}
.maintenanceOuter .add-maint-tableotr .new-maint .lft h3 {
  font: 500 19px/20px "untitled_sans_medium";
}
.maintenanceOuter .add-maint-tableotr .new-maint .lft h3 span {
  font: 500 19px/20px "untitled_sans_regular";
  color: #938a8a;
  padding-left: 2px;
}
@media (max-width: 1679px) {
  .maintenanceOuter .add-maint-tableotr .new-maint .lft h3 span {
    font: 500 17px/20px "untitled_sans_regular";
  }
}
@media (max-width: 1679px) {
  .maintenanceOuter .add-maint-tableotr .new-maint .lft h3 {
    font: 500 17px/20px "untitled_sans_medium";
  }
}
.maintenanceOuter .add-maint-tableotr .new-maint .rgt {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  margin-top: -5px;
  margin-bottom: 11px;
}
.maintenanceOuter .add-maint-tableotr .new-maint .rgt .formSection {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: flex-end;
}
.maintenanceOuter .add-maint-tableotr .new-maint .rgt .formSection .bgr-maint {
  padding: 0px 12px;
  background: #efefef;
  color: #7c7878;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  margin-left: 5px;
}
.maintenanceOuter .add-maint-tableotr .new-maint .rgt .formSection .selctOtr:after {
  top: 16px;
}
.maintenanceOuter .categ-sub-one .boxSec {
  padding: 40px 20px 10px 35px !important;
}
@media (max-width: 1679px) {
  .maintenanceOuter .categ-sub-one .boxSec {
    padding: 25px 9px 9px 25px !important;
  }
}
@media (max-width: 1129px) {
  .maintenanceOuter .categ-sub-one .boxSec {
    padding: 6px 25px 2px 25px !important;
  }
}
.maintenanceOuter .categoryOuter {
  /* flex:0 0 75.5%;*/
  height: 100%;
  background-color: #ffffff;
  margin-right: 4px;
  display: flex;
  flex-direction: column;
  padding: 25px 39px;
}
@media (max-width: 1679px) {
  .maintenanceOuter .categoryOuter {
    padding: 25px 35px;
  }
}
.maintenanceOuter .categoryOuter h3 {
  font: 16px/20px "untitled_sans_medium";
  margin-bottom: 5px;
}
@media (max-width: 500px) {
  .maintenanceOuter .categoryOuter h3 {
    font: 14px/20px "untitled_sans_medium";
    margin-bottom: 0px;
    flex: 0 0 auto;
  }
}
.maintenanceOuter .categoryOuter .row-frst {
  flex: 0 0 auto;
}
.maintenanceOuter .categoryOuter .row-secnd {
  flex: 1 1 auto;
}
.maintenanceOuter .categoryOuter .nav.nav-tabs.nav-fill a:last-child:before {
  content: none;
}
.maintenanceOuter .categoryOuter .categorySec {
  background: #f9fbfc;
  margin-top: 20px;
  border-top: 1px solid #e2e9f1;
}
.maintenanceOuter .categoryOuter .categorySec .nav-item {
  border: none;
  color: #7d7e9d;
  background: inherit;
  padding: 14px 0;
  font: 14px/20px "untitled_sans_regular";
  position: relative;
  cursor: pointer;
}
@media (max-width: 500px) {
  .maintenanceOuter .categoryOuter .categorySec .nav-item {
    width: 50%;
  }
}
.maintenanceOuter .categoryOuter .categorySec .nav-item span {
  float: right;
  margin-right: 14px;
}
@media (max-width: 990px) {
  .maintenanceOuter .categoryOuter .categorySec .nav-item span {
    float: none;
    margin-left: 8px;
    margin-right: 0px;
  }
}
.maintenanceOuter .categoryOuter .categorySec .nav-item:before {
  content: "";
  border-right: 1px dotted #ccc;
  height: 60%;
  position: absolute;
  right: -11px;
  top: 9px;
}
@media (max-width: 990px) {
  .maintenanceOuter .categoryOuter .categorySec .nav-item:before {
    content: none;
  }
}
.maintenanceOuter .categoryOuter .categorySec .nav-item.active {
  border-bottom: 3px solid #1382d9;
  color: #1382d9;
}
.maintenanceOuter .categoryOuter .categorySec .nav-item.active-current {
  border-bottom: 3px solid #82c3f6;
  color: #82c3f6;
}
.maintenanceOuter .categoryOuter .categorySec .infinite-scroll-component {
  overflow: auto;
  height: 200px !important;
}
.maintenanceOuter .categoryOuter .searchSec {
  height: 100%;
  padding: 40px 2px 20px;
}
@media (max-width: 1679px) {
  .maintenanceOuter .categoryOuter .searchSec {
    padding: 25px 3px;
    padding-bottom: 17px !important;
  }
}
@media (max-width: 1100px) {
  .maintenanceOuter .categoryOuter .searchSec {
    padding: 11px 0px;
  }
}
.maintenanceOuter .categoryOuter .searchSec .categoryBox {
  border: 1px solid #eee;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 29px 29px;
  border-radius: 3px;
  flex-direction: column;
  text-align: center;
  height: 100%;
  cursor: pointer;
}
@media (max-width: 1679px) {
  .maintenanceOuter .categoryOuter .searchSec .categoryBox {
    padding: 11px 16px 20px;
  }
}
.maintenanceOuter .categoryOuter .searchSec .categoryBox.active {
  border: 1px solid #1382d9;
}
.maintenanceOuter .categoryOuter .searchSec .categoryBox.active h4 {
  color: #1382d9;
  text-transform: uppercase;
}
.maintenanceOuter .categoryOuter .searchSec .categoryBox.active svg {
  fill: #1382d9;
}
.maintenanceOuter .categoryOuter .searchSec .categoryBox:hover {
  border: 1px solid #1382d9;
}
.maintenanceOuter .categoryOuter .searchSec .categoryBox:hover h4 {
  color: #1382d9;
}
.maintenanceOuter .categoryOuter .searchSec .categoryBox svg {
  fill: #27bab7;
  display: inline-block;
  height: auto;
  overflow: hidden;
  width: 5em;
  height: 3em;
  font-size: 18px;
}
.maintenanceOuter .categoryOuter .searchSec .categoryBox img {
  width: 70px;
}
.maintenanceOuter .categoryOuter .searchSec .categoryBox h4 {
  font: 14px/20px "untitled_sans_regular";
  color: #2e2e2e;
  margin: 13px 0 3px;
}
.maintenanceOuter .categoryOuter .searchSec .categoryBox p {
  color: #7f7f7f;
  font: 13px/20px "untitled_sans_light";
  margin: 0;
}
@media (max-width: 1100px) {
  .maintenanceOuter .categoryOuter .categ-sub-one.p-0 {
    flex: 0 0 100%;
    max-width: 100%;
    order: 2;
  }
}
@media (max-width: 1100px) {
  .maintenanceOuter .categoryOuter .serachouter-section {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.maintenanceOuter .categoryOuter .boxSec {
  padding: 40px 35px 40px 35px;
}
@media (max-width: 1679px) {
  .maintenanceOuter .categoryOuter .boxSec {
    padding: 30px 35px 30px 35px;
  }
}
@media (max-width: 1199px) {
  .maintenanceOuter .categoryOuter .boxSec {
    padding: 6px 25px 2px 25px;
  }
}
.maintenanceOuter .categoryOuter .boxSec .categ-box-out {
  padding: 0px 5px;
  margin-bottom: 8px;
}
@media (max-width: 1100px) {
  .maintenanceOuter .categoryOuter .boxSec .categ-box-out {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 990px) {
  .maintenanceOuter .categoryOuter .boxSec .categ-box-out {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.maintenanceOuter .categoryOuter .boxSec .categoryBox {
  border: 1px solid #eee;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 29px 29px;
  border-radius: 3px;
  flex-direction: column;
  text-align: center;
  height: 100%;
  cursor: pointer;
}
@media (max-width: 1679px) {
  .maintenanceOuter .categoryOuter .boxSec .categoryBox {
    padding: 20px 16px;
  }
}
.maintenanceOuter .categoryOuter .boxSec .categoryBox.active {
  border: 1px solid #1382d9;
}
.maintenanceOuter .categoryOuter .boxSec .categoryBox.active h4 {
  color: #1382d9;
  text-transform: uppercase;
}
.maintenanceOuter .categoryOuter .boxSec .categoryBox.active svg {
  fill: #1382d9;
}
.maintenanceOuter .categoryOuter .boxSec .categoryBox:hover {
  border: 1px solid #1382d9;
}
.maintenanceOuter .categoryOuter .boxSec .categoryBox:hover h4 {
  color: #1382d9;
}
.maintenanceOuter .categoryOuter .boxSec .categoryBox:hover svg {
  fill: #1382d9;
}
.maintenanceOuter .categoryOuter .boxSec .categoryBox svg {
  fill: #27bab7;
  display: inline-block;
  height: auto;
  overflow: hidden;
  width: 5em;
  height: 3em;
  font-size: 18px;
}
.maintenanceOuter .categoryOuter .boxSec .categoryBox img {
  width: 40px;
}
.maintenanceOuter .categoryOuter .boxSec .categoryBox h4 {
  font: 14px/20px "untitled_sans_regular";
  color: #2e2e2e;
  margin: 13px 0 0;
}
.maintenanceOuter .categoryOuter .boxSec .categoryBox p {
  color: #7f7f7f;
  font: 13px/20px "untitled_sans_light";
  margin: 0;
}
.maintenanceOuter .priorityOuter {
  flex: 0 0 19%;
  background-color: #f9fcff;
  position: sticky;
  top: 0;
  height: 100%;
  /* @media (max-width: 1679px) {
     height: 650px;
   }*/
}
@media (max-width: 990px) {
  .maintenanceOuter .priorityOuter {
    margin-top: 15px;
  }
}

.addmaintenance {
  border-radius: 15px;
  border: 0;
  outline: 0 !important;
  margin-right: 12px;
  padding: 5px 15px;
  cursor: pointer;
  outline: 0;
  font: 12px/22px "untitled_sans_regular";
  position: relative;
  color: #fff;
  text-align: center;
  background: #1382d9;
}

.amountLabel {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 0 !important;
}

.rc-menu-submenu-popup {
  z-index: 9999;
}

.notification_nodata {
  min-height: 224px;
  display: flex;
  align-items: center;
  justify-content: center;
  font: 500 15px/26px "untitled_sans_medium";
  color: #343333;
  height: 100%;
}

.priorityOuter h3 {
  font: 17px/20px "untitled_sans_medium";
  margin-bottom: 5px;
  padding: 15px 18px 8px;
  border-bottom: 1px solid #e3e0e0;
}
.priorityOuter .outerDivTog {
  margin-bottom: 0px;
  padding: 15px 15px 5px !important;
}
.priorityOuter .txtfld {
  padding-left: 8px;
  font: 13px/23px "untitled_sans_regular";
}
.priorityOuter .switchToggle input[type=checkbox] {
  height: 0;
  width: 0;
  visibility: hidden;
  position: absolute;
}
.priorityOuter .switchToggle label {
  cursor: pointer;
  text-indent: -9999px;
  width: 63px;
  max-width: 70px;
  height: 23px;
  background: #d1d1d1;
  display: block;
  border-radius: 100px;
  position: relative;
}
.priorityOuter .switchToggle label:after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 19px;
  height: 19px;
  background: #fff;
  border-radius: 90px;
  transition: 0.3s;
}
.priorityOuter .switchToggle input:checked + label,
.priorityOuter .switchToggle input:checked + input + label {
  background: #3e98d3;
}
.priorityOuter .switchToggle input + label:before,
.priorityOuter .switchToggle input + input + label:before {
  content: "No";
  position: absolute;
  font-size: 13px;
  top: 1px;
  left: 28px;
  width: 21px;
  height: 21px;
  border-radius: 90px;
  transition: 0.3s;
  text-indent: 0;
  color: #fff;
}
.priorityOuter .switchToggle input:checked + label:before,
.priorityOuter .switchToggle input:checked + input + label:before {
  content: "Yes";
  font-size: 13px;
  position: absolute;
  top: 1px;
  left: 10px;
  width: 21px;
  height: 21px;
  border-radius: 90px;
  transition: 0.3s;
  text-indent: 0;
  color: #fff;
}
.priorityOuter .switchToggle input:checked + label:after,
.priorityOuter .switchToggle input:checked + input + label:after {
  left: calc(100% - 2px);
  transform: translateX(-100%);
}
.priorityOuter .switchToggle label:active:after {
  width: 60px;
}
.priorityOuter .toggle-switchArea {
  margin: 10px 0 10px 0;
}
.priorityOuter .secFrm {
  padding-top: 5px !important;
  padding-bottom: 12px;
}
.priorityOuter .secFrm .formInp {
  margin-bottom: 10px;
}
.priorityOuter .outr-wrp {
  margin-top: 17px;
}
.priorityOuter .outr-wrp label {
  font-weight: 500 !important;
}
.priorityOuter .outr-wrp .formInp {
  margin-right: 10px;
  min-width: 110px;
}
.priorityOuter .list-sec-pr {
  display: flex;
  list-style: none;
  flex-direction: row;
  padding: 6px 6px;
  justify-content: space-around;
  border-bottom: 1px solid #e3e0e0;
  padding-bottom: 13px;
  margin-bottom: 7px;
}
@media (max-width: 990px) {
  .priorityOuter .list-sec-pr {
    justify-content: inherit;
  }
}
.priorityOuter .list-sec-pr li {
  font: 13px/20px "untitled_sans_regular";
  background: #d7dce1;
  color: #7d7e9d;
  padding: 8px 14px;
  margin-left: 6px;
  border-radius: 2px;
  border: 1px solid #d7dce1;
  cursor: pointer;
}
.priorityOuter .list-sec-pr li:first-child {
  margin-left: 0px;
}
.priorityOuter .list-sec-pr li.active {
  background: #fff;
  color: #1382d9;
  border: 1px solid #1382d9;
}
.priorityOuter .list-sec-pr li:hover {
  background: #fff;
  color: #1382d9;
  border: 1px solid #1382d9;
}
.priorityOuter .outerfr {
  padding: 0px 20px;
  border-bottom: 1px solid #e3e0e0;
  padding-bottom: 20px;
}
.priorityOuter .outerfr .formSection .selctOtr:after {
  top: 17px;
}
.priorityOuter .outerfr .formSection label {
  font: 600 14px/20px "untitled_sans_regular";
  margin-bottom: 6px;
  color: #5a5959;
  margin-top: 7px;
}
.priorityOuter .outerfr .css-1fhf3k1-control {
  background: #e0e5eb;
  height: 45px;
  -webkit-appearance: none;
  font: 15px/17px "untitled_sans_regular";
  color: #63696d;
}
@media (max-width: 1679px) {
  .priorityOuter .outerfr .css-1fhf3k1-control {
    font: 14px/17px "untitled_sans_regular";
    height: 38px;
  }
}

.issue-section-outer .hed h3 {
  font: 14px/20px "untitled_sans_medium";
  margin-bottom: 0px;
}
.issue-section-outer .hed h4 {
  font: 14px/20px "untitled_sans_light";
}
.issue-section-outer .listing-issue-outer {
  border-bottom: 1px solid #eceeef;
  padding-bottom: 12px;
  margin-bottom: 15px;
}
.issue-section-outer .listing-issue-outer textarea.form-control {
  height: 120px;
  resize: none;
}
.issue-section-outer .listing-issue-outer .red-dots {
  position: absolute;
  width: 6px;
  height: 6px;
  background: #f00;
  border-radius: 50px;
  bottom: 19px;
  right: 10px;
}
.issue-section-outer .listing-issue-outer .limit-txt {
  position: absolute;
  bottom: 9px;
  right: 13px;
  font: 12px/20px "untitled_sans_regular";
  color: #7e7a7a;
}
.issue-section-outer .listing-issue-outer .formInp {
  margin-bottom: 15px;
  position: relative;
}
.issue-section-outer .file-upld-otr {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (max-width: 540px) {
  .issue-section-outer .file-upld-otr {
    flex-wrap: wrap;
  }
}
@media (max-width: 540px) {
  .issue-section-outer .file-upld-otr .upl-outr {
    flex: 0 0 100%;
    padding-left: 0;
    margin-bottom: 14px;
    padding-right: 0px;
  }
}
.issue-section-outer .file-upld-otr .svgimg {
  text-align: center;
  padding: 13px 14px;
}
.issue-section-outer .file-upld-otr .svgIcn {
  height: 35px;
}
.issue-section-outer .file-upld-otr .svgIcn1 {
  height: 35px;
}
.issue-section-outer .file-upld-otr .uplod-1 {
  border: 1px solid #d7d9db;
  padding: 30px 0px;
  box-shadow: 1px 2px 6px #e3e3e3;
}
.issue-section-outer .file-upld-otr .uplod-1 h3 {
  font: 14px/20px "untitled_sans_medium";
  text-align: center;
  margin-bottom: 0px;
  text-transform: uppercase;
}
.issue-section-outer .file-upld-otr .uplod-1 h4 {
  font: 14px/20px "untitled_sans_regular";
  text-align: center;
  margin-bottom: 0;
}
.issue-section-outer .file-upld-otr .uplod-1 .preview-img {
  height: 86px;
  text-align: center;
  vertical-align: middle;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.issue-section-outer .file-upld-otr .uplod-1 .preview-img img {
  height: 155px;
  width: 100%;
  object-position: center;
  object-fit: none;
}
.issue-section-outer .file-upld-otr .uplod-1 .upload-file {
  position: absolute;
  top: 0;
  bottom: 0;
  opacity: 0;
}
.issue-section-outer .labr-otr .formSection .formInp:last-child, .issue-section-outer .issue-section-outer .labr-brd-otrr .otr-brd-sec:last-child {
  padding-right: 0;
}
.issue-section-outer .assigne-otr {
  margin-top: 16px;
}
.issue-section-outer .assigne-otr .customRadioBtn {
  margin: 4px 0px;
}
@media (max-width: 510px) {
  .issue-section-outer .assigne-otr .customRadioBtn {
    flex-direction: column;
  }
}
.issue-section-outer .assigne-otr .customRadioBtn .radioBtn {
  display: block;
  position: relative;
  padding-left: 25px;
  padding-right: 10px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-bottom: 0;
  line-height: 19px !important;
  margin-right: 10px;
  margin-bottom: 18px;
}
.issue-section-outer .assigne-otr .customRadioBtn .radioBtn input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.issue-section-outer .assigne-otr .customRadioBtn .radiocheckmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  border-radius: 50%;
  border: 1px solid #89c0ec;
}
.issue-section-outer .assigne-otr .customRadioBtn .radiocheckmark:after {
  content: "";
  position: absolute;
  display: none;
}
.issue-section-outer .assigne-otr .customRadioBtn .radioBtn input:checked ~ .radiocheckmark:after {
  display: block;
  background: #1382d9;
}
.issue-section-outer .assigne-otr .customRadioBtn .radioBtn input ~ .radiocheckmark:after {
  display: block;
  background: #d0e6f7;
}
.issue-section-outer .assigne-otr .customRadioBtn .radioBtn .radiocheckmark:after {
  top: 3px;
  left: 3px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #d0e6f7;
}
.issue-section-outer .labTopr {
  margin-top: 40px;
}
@media (max-width: 900px) {
  .issue-section-outer .labTopr {
    margin-top: 22px;
  }
}
.issue-section-outer .labTop {
  margin-top: 18px;
}
.issue-section-outer .buton-otr {
  justify-content: flex-end;
  border-top: 1px solid #eceeef;
  margin-top: 15px;
  padding-top: 15px;
}
.issue-section-outer .btn-create {
  background: #c4cdd6;
  border: none;
  padding: 8px 26px;
  border-radius: 3px;
  font: 13px/20px "untitled_sans_medium";
  text-transform: uppercase;
  color: #778087;
  cursor: pointer;
}
.issue-section-outer .create {
  background: #1383d9;
  color: #fff;
  cursor: pointer;
  margin-left: 10px;
}
.issue-section-outer .materialOtr {
  margin-top: 15px;
}
.issue-section-outer .materialOtr .txtfld {
  font: 400 14px/20px "untitled_sans_regular";
  padding-left: 12px;
  color: #3e98d3;
}
.issue-section-outer .materialOtr .switchToggle input[type=checkbox] {
  height: 0;
  width: 0;
  visibility: hidden;
  position: absolute;
}
.issue-section-outer .materialOtr .switchToggle label {
  cursor: pointer;
  text-indent: -9999px;
  width: 63px;
  max-width: 70px;
  height: 23px;
  background: #d1d1d1;
  display: block;
  border-radius: 100px;
  position: relative;
}
.issue-section-outer .materialOtr .switchToggle label:after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 19px;
  height: 19px;
  background: #fff;
  border-radius: 90px;
  transition: 0.3s;
}
.issue-section-outer .materialOtr .switchToggle input:checked + label,
.issue-section-outer .materialOtr .switchToggle input:checked + input + label {
  background: #3e98d3;
}
.issue-section-outer .materialOtr .switchToggle input + label:before,
.issue-section-outer .materialOtr .switchToggle input + input + label:before {
  content: "No";
  position: absolute;
  font-size: 13px;
  top: 1px;
  left: 28px;
  width: 21px;
  height: 21px;
  border-radius: 90px;
  transition: 0.3s;
  text-indent: 0;
  color: #fff;
}
.issue-section-outer .materialOtr .switchToggle input:checked + label:before,
.issue-section-outer .materialOtr .switchToggle input:checked + input + label:before {
  content: "Yes";
  font-size: 13px;
  position: absolute;
  top: 1px;
  left: 10px;
  width: 21px;
  height: 21px;
  border-radius: 90px;
  transition: 0.3s;
  text-indent: 0;
  color: #fff;
}
.issue-section-outer .materialOtr .switchToggle input:checked + label:after,
.issue-section-outer .materialOtr .switchToggle input:checked + input + label:after {
  left: calc(100% - 2px);
  transform: translateX(-100%);
}
.issue-section-outer .materialOtr .switchToggle label:active:after {
  width: 60px;
}
.issue-section-outer .materialOtr .toggle-switchArea {
  margin: 10px 0 10px 0;
}
.issue-section-outer .labr-brd-otrr .otr-brd-sec {
  padding-left: 0px;
}
@media (max-width: 990px) {
  .issue-section-outer .labr-brd-otrr .otr-brd-sec {
    padding-right: 0px;
  }
}
.issue-section-outer .labr-brd-otrr .otr-brd-sec .brd-otrr {
  border: 1px solid #ebeaea;
  margin-top: 34px;
  padding: 18px 18px 25px;
  box-shadow: 0px 0px 4px rgba(227, 227, 227, 0.368627451);
  border-radius: 5px;
}
@media (max-width: 990px) {
  .issue-section-outer .labr-brd-otrr .otr-brd-sec .brd-otrr {
    margin-top: 10px;
  }
}
@media (max-width: 990px) {
  .issue-section-outer .labr-brd-otrr {
    flex-wrap: wrap;
  }
}
@media (max-width: 990px) {
  .issue-section-outer .labr-otr .formSection {
    flex-wrap: wrap;
  }
}
@media (max-width: 990px) {
  .issue-section-outer .labr-otr .formSection .formInp {
    max-width: 50%;
  }
}
@media (max-width: 500px) {
  .issue-section-outer .labr-otr .formSection .formInp {
    max-width: 100%;
    padding-right: 0;
  }
}

.supportTicket .ticketHeader {
  background: #fff;
  padding: 15px 20px;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}
@media (max-width: 490px) {
  .supportTicket .ticketHeader {
    flex-direction: column;
    align-items: baseline;
  }
}
.supportTicket .ticketHeader h3 {
  font: 19px/18px "untitled_sans_regular";
  margin-bottom: 0;
}
@media (max-width: 490px) {
  .supportTicket .ticketHeader h3 {
    margin-bottom: 10px;
  }
}
@media (max-width: 1679px) {
  .supportTicket .ticketHeader h3 {
    font: 16px/18px "untitled_sans_regular";
  }
}
.supportTicket .ticketHeader .ticketRight {
  display: flex;
  flex-direction: row;
}
@media (max-width: 490px) {
  .supportTicket .ticketHeader .ticketRight {
    width: 100%;
    flex-direction: column;
  }
}
.supportTicket .ticketHeader .ticketRight .selctOtr .form-control {
  min-width: 180px;
  height: 43px !important;
  -webkit-appearance: none;
  font: 500 15px/17px "untitled_sans_regular";
  color: #63696d;
  background: #d3dbe3 !important;
  box-shadow: none !important;
}
.supportTicket .ticketHeader .ticketRight .selctOtr:after {
  top: 21px;
  content: "";
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #acacac;
  position: absolute;
  right: 15px;
}
.supportTicket .ticketHeader .ticketRight .closeBtn {
  background: inherit;
  border: 1px solid #eee;
  color: #757575;
  box-shadow: none !important;
  outline: none;
  margin-left: 9px;
  padding: 7px 29px;
}
@media (max-width: 490px) {
  .supportTicket .ticketHeader .ticketRight .closeBtn {
    width: 100%;
    padding: 10px;
    margin-left: 0px;
    margin-top: 10px;
  }
}
.supportTicket .ticketTab {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
@media (max-width: 680px) {
  .supportTicket .ticketTab {
    flex-direction: column;
    align-items: baseline;
  }
}
.supportTicket .ticketTab .ticketFilter {
  color: #4c5359;
  font: 16px/17px "untitled_sans_regular";
}
@media (max-width: 680px) {
  .supportTicket .ticketTab .ticketFilter {
    margin: 16px 0;
  }
}
.supportTicket .ticketTab .ticketFilter .fa-sliders-h {
  margin-right: 5px;
}
@media (max-width: 420px) {
  .supportTicket .ticketTab .nav-pills {
    flex-direction: column;
    width: 100%;
  }
}
@media (max-width: 420px) {
  .supportTicket .ticketTab .nav-pills .nav-item {
    margin-bottom: 5px;
  }
}
@media (max-width: 580px) {
  .supportTicket .ticketTab .nav-pills .nav-link {
    font: 400 12px/20px "untitled_sans_regular";
    margin-right: 0;
  }
}
.supportTicket .texteditorSec .rdw-editor-main {
  height: 300px !important;
}
.supportTicket .support-otr {
  background: #fff;
  padding: 20px 18px;
  border-radius: 3px;
  margin-bottom: 10px;
}
.supportTicket .responseSec {
  border: 1px solid #eee;
  background: #f8f8f8;
  padding: 9px 15px;
}
@media (max-width: 1679px) {
  .supportTicket .responseSec {
    padding: 9px 12px;
  }
}
.supportTicket .responseSec .outrForm {
  display: flex;
  align-items: stretch;
}
.supportTicket .responseSec .attachRow input.customfile.form-control {
  text-indent: 0px;
  padding-left: 5px;
}
.supportTicket .responseSec .formInp {
  margin-bottom: 12px;
  padding: 0px 6px;
}
.supportTicket .responseSec .custm-btm {
  margin-bottom: 23px;
}
@media (max-width: 767px) {
  .supportTicket .responseSec .custm-btm {
    margin-bottom: 0;
  }
}
.supportTicket .responseSec .fileName {
  background: #bfc8d1;
}
.supportTicket .responseSec .customfile::-webkit-file-upload-button {
  visibility: hidden;
}
.supportTicket .responseSec .customfile::before {
  content: "Choose File";
  background: linear-gradient(top, #f9f9f9, #e3e3e3);
  border: 1px solid bfc8d1;
  border-radius: 3px;
  padding: 6px 8px;
  outline: none;
  -webkit-user-select: none;
  cursor: pointer;
  font-size: 12px;
  background: #bfc8d1;
  line-height: 27px;
}
.supportTicket .responseSec .attachRow {
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media (max-width: 520px) {
  .supportTicket .responseSec .attachRow {
    flex-direction: column;
    align-items: baseline;
  }
}
.supportTicket .responseSec .attachRow .addmore {
  background: #1382d9;
  color: #fff;
  padding: 10px 13px;
  margin-left: 10px;
  border: none;
  height: 45px;
  box-shadow: none !important;
  font: 14px/18px "untitled_sans_regular";
}
@media (max-width: 1679px) {
  .supportTicket .responseSec .attachRow .addmore {
    height: 38px;
  }
}
@media (max-width: 520px) {
  .supportTicket .responseSec .attachRow .addmore {
    width: 100%;
    margin-left: 0;
  }
}
.supportTicket .responseSec .optionText {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.supportTicket .responseSec .optionText p {
  font: 13px/22px "untitled_sans_light";
  margin: 15px 0px 0px;
}
.supportTicket .responseSec .selctOtr::after {
  top: 19px;
}
.supportTicket .centerSec {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}
@media (max-width: 400px) {
  .supportTicket .centerSec {
    flex-direction: column;
    align-items: baseline;
  }
}
.supportTicket .centerSec .addresponse {
  background: #1382d9;
  color: #fff;
  padding: 10px 13px;
  margin-right: 17px;
  border: none;
  box-shadow: none !important;
  font: 14px/22px "untitled_sans_regular";
}
.supportTicket .centerSec .addresponse img {
  width: 20px;
  margin-right: 4px;
}
@media (max-width: 400px) {
  .supportTicket .centerSec .addresponse {
    width: 100%;
    margin-bottom: 10px;
  }
}
.supportTicket .centerSec .cancelchanges {
  background: #dadada;
  color: #474747;
  padding: 10px 13px;
  margin-right: 17px;
  border: none;
  box-shadow: none !important;
  font: 14px/22px "untitled_sans_regular";
}
@media (max-width: 400px) {
  .supportTicket .centerSec .cancelchanges {
    width: 100%;
  }
}
.supportTicket .centerSec .radioBtn {
  display: block;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-bottom: 0;
  font: 14px/19px "untitled_sans_regular";
}
.supportTicket .centerSec .radioBtn input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.supportTicket .centerSec .radiocheckmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  border-radius: 50%;
  border: 1px solid #37699c;
}
.supportTicket .centerSec .radiocheckmark:after {
  content: "";
  position: absolute;
  display: none;
}
.supportTicket .centerSec .radioBtn input:checked ~ .radiocheckmark:after {
  display: block;
}
.supportTicket .centerSec .radioBtn .radiocheckmark:after {
  top: 3px;
  left: 3px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #37699c;
}
.supportTicket .commenttbleOtr {
  background: #fff;
  padding: 20px 18px;
  border-radius: 3px;
}
.supportTicket .commenttbleOtr .commentWrapper {
  border: 1px solid #eee;
  padding: 12px 14px;
  background: #fcfeff;
  margin-bottom: 10px;
}
@media (max-width: 720px) {
  .supportTicket .commenttbleOtr .commentWrapper {
    padding: 12px 18px;
  }
}
.supportTicket .commenttbleOtr .commentWrapper:last-child {
  margin-bottom: 0;
}
.supportTicket .commenttbleOtr .commentWrapper .commentHead {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  /*border-bottom: 1px solid #eee;
  padding-bottom: 13px;*/
}
@media (max-width: 720px) {
  .supportTicket .commenttbleOtr .commentWrapper .commentHead {
    flex-direction: column;
    align-items: baseline;
  }
}
.supportTicket .commenttbleOtr .commentWrapper .commentHead .commentPerson {
  display: flex;
  align-items: center;
  max-width: 250px;
  flex-shrink: 0;
}
@media (max-width: 720px) {
  .supportTicket .commenttbleOtr .commentWrapper .commentHead .commentPerson {
    margin-bottom: 10px;
  }
}
.supportTicket .commenttbleOtr .commentWrapper .commentHead .commentPerson .letrtxt {
  background: #1f91ea;
  color: #fff;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  text-align: center;
  font: 16px/38px "untitled_sans_medium";
  flex-shrink: 0;
}
.supportTicket .commenttbleOtr .commentWrapper .commentHead .commentPerson img {
  border-radius: 50%;
  width: 44px;
  height: 44px;
  object-fit: cover;
  object-position: center;
  border: 1px solid #9f9d9d;
  padding: 3px;
}
.supportTicket .commenttbleOtr .commentWrapper .commentHead .commentPerson .personDetail {
  margin-left: 7px;
  margin-top: 6px;
}
.supportTicket .commenttbleOtr .commentWrapper .commentHead .commentPerson p {
  font: 14px/10px "untitled_sans_regular";
  margin: 0;
  color: #3f3f3f;
  max-width: 195px;
  word-break: break-word;
}
.supportTicket .commenttbleOtr .commentWrapper .commentHead .commentPerson span {
  color: #8a8484;
  font: 13px/19px "untitled_sans_light";
  word-break: break-word;
}
.supportTicket .commenttbleOtr .commentWrapper .commentHead .commentAction {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
}
.supportTicket .commenttbleOtr .commentWrapper .commentHead .commentAction p.col-md-5.pl-0.mt-2 {
  margin-top: 1px !important;
}
.supportTicket .commenttbleOtr .commentWrapper .commentHead .commentAction .col-md-7.p-0.mt-2.text-right {
  margin-top: -3px !important;
}
@media (max-width: 520px) {
  .supportTicket .commenttbleOtr .commentWrapper .commentHead .commentAction {
    flex-direction: column;
    width: 100%;
  }
}
.supportTicket .commenttbleOtr .commentWrapper .commentHead .commentAction span {
  font: 13px/19px "untitled_sans_light";
  margin-right: 5px;
  color: #000;
}
@media (max-width: 1679px) {
  .supportTicket .commenttbleOtr .commentWrapper .commentHead .commentAction span {
    font: 12px/19px "untitled_sans_light";
  }
}
@media (max-width: 991px) {
  .supportTicket .commenttbleOtr .commentWrapper .commentHead .commentAction span {
    display: none;
  }
}
.supportTicket .commenttbleOtr .commentWrapper .commentHead .commentAction .btnEdit {
  background: #1f91ea;
  color: #fff;
  font: 14px/10px "untitled_sans_regular";
  padding: 10px 15px;
  box-shadow: none !important;
  margin-right: 4px;
}
.supportTicket .commenttbleOtr .commentWrapper .commentHead .commentAction .btnEdit:hover {
  background: #187fcf;
}
@media (max-width: 520px) {
  .supportTicket .commenttbleOtr .commentWrapper .commentHead .commentAction .btnEdit {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 4px;
  }
}
.supportTicket .commenttbleOtr .commentWrapper .commentHead .commentAction .btnDelete {
  background: #fd6b94;
  color: #fff;
  font: 14px/10px "untitled_sans_regular";
  padding: 10px 12px;
  box-shadow: none !important;
}
.supportTicket .commenttbleOtr .commentWrapper .commentHead .commentAction .btnDelete:hover {
  background: #f46a91;
}
@media (max-width: 520px) {
  .supportTicket .commenttbleOtr .commentWrapper .commentHead .commentAction .btnDelete {
    width: 100%;
  }
}
.supportTicket .commenttbleOtr .commentWrapper .commentbody {
  padding-top: 3px;
  flex-grow: 1;
  margin-left: 18px;
}
.supportTicket .commenttbleOtr .commentWrapper .commentbody p {
  font: 14px/20px "untitled_sans_light";
  margin: 0;
  color: #000000;
  word-break: break-word;
}
@media (max-width: 1679px) {
  .supportTicket .commenttbleOtr .commentWrapper .commentbody p {
    font: 13px/20px "untitled_sans_light";
  }
}
.supportTicket .commenttbleOtr .commentWrapperYellow {
  background: #f5ece0 !important;
}
.supportTicket .commenttbleOtr .commentWrapperGrey {
  background: #ececec !important;
}

.css-4ljt47-MenuList {
  max-height: 100px !important;
}

.tenant-dashboard-new {
  background: inherit !important;
  padding: 0 !important;
  /* .expandnavbarr{
     .all-available{
       padding: 30px 44px 30px;
     }
   }*/
}
.tenant-dashboard-new .autoplay-header {
  background: #fff;
  padding: 13px 30px;
  display: flex;
  align-items: center;
}
@media (max-width: 500px) {
  .tenant-dashboard-new .autoplay-header {
    flex-direction: column;
    align-items: baseline;
  }
}
.tenant-dashboard-new .autoplay-header .autoplay-setup {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.tenant-dashboard-new .autoplay-header .autoplay-setup img {
  width: 20px;
}
.tenant-dashboard-new .autoplay-header .autoplay-setup h4 {
  font: 15px/10px "untitled_sans_bold";
  color: #1382d9;
  margin: 0 0px 0px 13px;
}
@media (max-width: 1679px) {
  .tenant-dashboard-new .autoplay-header .autoplay-setup h4 {
    font: 14px/10px "untitled_sans_bold";
  }
}
.tenant-dashboard-new .autoplay-header .autoplay-setup p {
  font: 15px/10px "untitled_sans_regular";
  margin: 0;
  color: #63646f;
  margin-left: 25px;
}
@media (max-width: 1679px) {
  .tenant-dashboard-new .autoplay-header .autoplay-setup p {
    font: 14px/10px "untitled_sans_regular";
  }
}
@media (max-width: 1250px) {
  .tenant-dashboard-new .autoplay-header .autoplay-setup p {
    display: none;
  }
}
.tenant-dashboard-new .autoplay-header .auto-ply-btn {
  display: flex;
  justify-content: flex-end;
  flex: 1 1 auto;
  align-items: center;
}
@media (max-width: 500px) {
  .tenant-dashboard-new .autoplay-header .auto-ply-btn {
    flex-direction: column;
    width: 100%;
  }
}
.tenant-dashboard-new .autoplay-header .auto-ply-btn .btn {
  background: #f2f4fb;
  color: #6e6f7b;
  padding: 12px 12px;
  border: 1px solid #eee;
  border-radius: 2px;
  box-shadow: none !important;
  outline: 0;
  font: 15px/20px "untitled_sans_medium";
}
@media (max-width: 1679px) {
  .tenant-dashboard-new .autoplay-header .auto-ply-btn .btn {
    font: 14px/10px "untitled_sans_medium";
  }
}
@media (max-width: 500px) {
  .tenant-dashboard-new .autoplay-header .auto-ply-btn .btn {
    width: 100%;
  }
}
.tenant-dashboard-new .autoplay-header .auto-ply-btn .round {
  border-radius: 50%;
  text-align: center;
  width: 26px;
  height: 26px;
  background: #1382d9;
  display: inline-block;
  color: #fff;
  line-height: 25px;
  margin-right: 10px;
}
.tenant-dashboard-new .autoplay-header .auto-ply-btn .round .fas {
  font-size: 12px;
}
.tenant-dashboard-new .payable-now {
  background: #fff;
  padding: 20px 30px;
}
.tenant-dashboard-new .payable-now .payable-middle {
  text-align: center;
  padding: 30px 0px 0px;
}
.tenant-dashboard-new .payable-now .payable-middle h5 {
  color: #70bbf6;
  margin-bottom: 19px;
  font: 15px/20px "untitled_sans_medium";
}
@media (max-width: 1679px) {
  .tenant-dashboard-new .payable-now .payable-middle h5 {
    font: 14px/10px "untitled_sans_medium";
  }
}
.tenant-dashboard-new .payable-now .payable-middle p {
  color: #6e6f7b;
  font: 40px/25px "untitled_sans_bold";
}
@media (max-width: 1679px) {
  .tenant-dashboard-new .payable-now .payable-middle p {
    font: 35px/25px "untitled_sans_bold";
  }
}
.tenant-dashboard-new .payable-now .payable-middle p span {
  font: 30px/10px "untitled_sans_bold";
  margin: 5px;
}
@media (max-width: 1679px) {
  .tenant-dashboard-new .payable-now .payable-middle p span {
    font: 25px/10px "untitled_sans_bold";
  }
}
.tenant-dashboard-new .payable-now .payable-middle .middle-text {
  color: #6e6f7b;
  font: 12px/14px "untitled_sans_regular";
}
.tenant-dashboard-new .payable-now .payable-middle .fa-chevron-down {
  color: #6e6f7b;
}
.tenant-dashboard-new .payable-now .payable-middle .payable-table tr:hover {
  background: inherit !important;
}
.tenant-dashboard-new .payable-now .payable-middle .payable-table th {
  padding: 10px 0;
  color: #8d8e9a;
  font: 14px/10px "untitled_sans_bold";
}
@media (max-width: 1679px) {
  .tenant-dashboard-new .payable-now .payable-middle .payable-table th {
    font: 13px/10px "untitled_sans_bold";
  }
}
.tenant-dashboard-new .payable-now .payable-middle .payable-table td {
  padding: 5px 0;
  font: 14px/10px "untitled_sans_bold";
  color: #6e6f7b;
}
@media (max-width: 1679px) {
  .tenant-dashboard-new .payable-now .payable-middle .payable-table td {
    font: 13px/10px "untitled_sans_bold";
  }
}
.tenant-dashboard-new .payable-now .payable-middle .payable-table .status-width {
  width: 30px;
}
.tenant-dashboard-new .payable-now .payable-middle .payable-table .status {
  background: #70bbf6;
  color: #fff;
  padding: 5px 11px;
  font: 12px/10px "untitled_sans_bold";
}
@media (max-width: 1679px) {
  .tenant-dashboard-new .payable-now .payable-middle .payable-table .status {
    font: 11px/10px "untitled_sans_bold";
  }
}
.tenant-dashboard-new .payable-now .payable-middle .payable-table .payableCheckbox {
  position: relative;
  margin-bottom: 18px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #6f6f6f;
}
.tenant-dashboard-new .payable-now .payable-middle .payable-table .payableCheckbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.tenant-dashboard-new .payable-now .payable-middle .payable-table .payableCheckbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #ccc;
}
.tenant-dashboard-new .payable-now .payable-middle .payable-table .payableCheckbox:hover input ~ .checkmark {
  background-color: #ccc;
}
.tenant-dashboard-new .payable-now .payable-middle .payable-table .payableCheckbox input:checked ~ .checkmark {
  background-color: #2196f3 !important;
}
.tenant-dashboard-new .payable-now .payable-middle .payable-table .payableCheckbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.tenant-dashboard-new .payable-now .payable-middle .payable-table .payableCheckbox input:checked ~ .checkmark:after {
  display: block;
}
.tenant-dashboard-new .payable-now .payable-middle .payable-table .payableCheckbox .checkmark:after {
  left: 5px;
  top: 2px;
  width: 6px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.tenant-dashboard-new .payable-now .payable-middle .payable-footer {
  padding-top: 20px;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  flex-direction: column;
}
@media (max-width: 440px) {
  .tenant-dashboard-new .payable-now .payable-middle .payable-footer {
    justify-content: flex-start;
    align-items: center;
  }
}
.tenant-dashboard-new .payable-now .payable-middle .payable-footer .btn {
  background: #1382d9;
  color: #fff;
  padding: 8px 13px;
  font: 13px/20px "untitled_sans_bold";
  box-shadow: none;
  outline: none;
  border-radius: 3px;
}
@media (max-width: 1679px) {
  .tenant-dashboard-new .payable-now .payable-middle .payable-footer .btn {
    font: 12px/20px "untitled_sans_bold";
  }
}
@media (max-width: 440px) {
  .tenant-dashboard-new .payable-now .payable-middle .payable-footer .btn {
    width: 100%;
  }
}
.tenant-dashboard-new .payable-now .payable-middle .payable-footer p {
  margin: 0px;
  font: 14px/10px "untitled_sans_medium";
  color: #1382d9;
  border-bottom: 2px solid #1382d9;
  padding-bottom: 3px;
}
@media (max-width: 1679px) {
  .tenant-dashboard-new .payable-now .payable-middle .payable-footer p {
    font: 13px/10px "untitled_sans_medium";
  }
}
.tenant-dashboard-new .payable-head {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #eee;
  padding-bottom: 12px;
}
@media (max-width: 340px) {
  .tenant-dashboard-new .payable-head {
    align-items: baseline;
  }
}
.tenant-dashboard-new .payable-head img {
  width: 20px;
}
.tenant-dashboard-new .payable-head p {
  margin: 0 0 0 13px;
  text-transform: uppercase;
  font: 15px/10px "untitled_sans_bold";
  color: #1382d9;
}
@media (max-width: 1679px) {
  .tenant-dashboard-new .payable-head p {
    font: 13px/10px "untitled_sans_bold";
    margin: 0 0 0 7px;
  }
}
.tenant-dashboard-new .payable-head .fa-wrench {
  color: #1382d9;
  font-size: 20px;
}
.tenant-dashboard-new .justyfy-space {
  justify-content: space-between;
}
@media (max-width: 1130px) {
  .tenant-dashboard-new .justyfy-space {
    justify-content: start;
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  .tenant-dashboard-new .justyfy-space {
    justify-content: space-between;
    flex-direction: row;
  }
}
@media (max-width: 390px) {
  .tenant-dashboard-new .justyfy-space {
    justify-content: start;
    flex-direction: column;
  }
}
.tenant-dashboard-new .justyfy-space .btn {
  background: #1382d9;
  color: #fff;
  padding: 6px 8px;
  font: 13px/20px "untitled_sans_bold";
  box-shadow: none;
  outline: none;
  border-radius: 3px;
}
@media (max-width: 1679px) {
  .tenant-dashboard-new .justyfy-space .btn {
    padding: 6px 6px;
    font: 12px/20px "untitled_sans_bold";
  }
}
@media (max-width: 390px) {
  .tenant-dashboard-new .justyfy-space .btn {
    width: 100%;
  }
}
.tenant-dashboard-new .view-more-text {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  margin-top: 10px;
  color: #1382d9;
  font: 15px/20px "untitled_sans_medium";
  cursor: pointer;
}
.tenant-dashboard-new .all-available {
  background: #fff;
  padding: 30px 12px 30px;
}
.tenant-dashboard-new .all-available .owl-carousel .owl-item {
  padding: 0 3px !important;
}
.tenant-dashboard-new .all-available .owl-carousel .owl-item .available-box {
  margin: 0px 10px !important;
}
.tenant-dashboard-new .maintenance-issue {
  background: #fff;
  padding: 13px 20px;
}
.tenant-dashboard-new .available-box {
  border: 1px solid #dbd5d5;
  padding: 22px 21px;
  display: flex;
  flex-direction: column;
  height: 100%;
  align-items: stretch;
}
.tenant-dashboard-new .available-box .available-status {
  max-width: 85px;
  background: #70bbf6;
  color: #fff;
  padding: 5px 13px 8px;
  margin-bottom: 8px;
  font: 13px/20px "untitled_sans_bold";
}
@media (max-width: 991px) {
  .tenant-dashboard-new .available-box .available-status {
    font: 12px/20px "untitled_sans_bold";
  }
}
.tenant-dashboard-new .available-box .sugg-payment {
  font: 15px/10px "untitled_sans_bold";
  color: #a5a5b1;
  margin-bottom: 8px;
  text-transform: capitalize;
}
@media (max-width: 1679px) {
  .tenant-dashboard-new .available-box .sugg-payment {
    font: 13px/10px "untitled_sans_bold";
  }
}
.tenant-dashboard-new .available-box .rent {
  color: #6e6f7b;
  font: 15px/18px "untitled_sans_bold";
}
@media (max-width: 1679px) {
  .tenant-dashboard-new .available-box .rent {
    font: 13px/17px "untitled_sans_bold";
  }
}
.tenant-dashboard-new .available-box .rent-amount {
  color: #6e6f7b;
  font: 22px/22px "untitled_sans_bold";
  text-align: right;
}
@media (max-width: 1679px) {
  .tenant-dashboard-new .available-box .rent-amount {
    font: 20px/22px "untitled_sans_bold";
  }
}
.tenant-dashboard-new .available-box .payment-sec {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  /* padding: 0 13px;*/
}
.tenant-dashboard-new .available-box .invoice-sec {
  margin-bottom: 20px;
  border-bottom: 1px solid #eee;
}
.tenant-dashboard-new .available-box .invoice-sec:last-child {
  margin-bottom: 0;
  border-bottom: none !important;
}
.tenant-dashboard-new .available-box .invoice-sec p {
  margin-bottom: 6px;
  color: #a5a5b1;
  font: 11px/10px "untitled_sans_medium";
}
.tenant-dashboard-new .available-box .invoice-sec span {
  color: #6e6f7b;
  font: 17px/10px "untitled_sans_bold";
}
@media (max-width: 1679px) {
  .tenant-dashboard-new .available-box .invoice-sec span {
    font: 14px/10px "untitled_sans_bold";
  }
}
@media (max-width: 991px) {
  .tenant-dashboard-new .available-box .invoice-sec span {
    font: 13px/10px "untitled_sans_bold";
  }
}
.tenant-dashboard-new .available-box .invoice-sec .no-brdr {
  border-bottom: none !important;
}
.tenant-dashboard-new .available-box .client-sec p {
  margin-bottom: 6px;
  color: #a5a5b1;
  font: 14px/10px "untitled_sans_medium";
}
@media (max-width: 1679px) {
  .tenant-dashboard-new .available-box .client-sec p {
    font: 13px/10px "untitled_sans_bold";
  }
}
.tenant-dashboard-new .available-box .client-sec .userImage {
  background-color: #ebebeb;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  display: flex;
  align-items: baseline;
  justify-content: center;
  overflow: hidden;
  padding: 5px;
  flex-shrink: 0;
}
.tenant-dashboard-new .available-box .right-brdr {
  border-right: 1px solid #dee2e6;
  /* &:after {
     content: '';
     position: absolute;
     top: 50%;
     left: 50%;
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     border-left: 1px solid #dee2e6;
     height: 40%;
     @media (max-width: 768px) {
       display: none;
     }
   }*/
}
@media (max-width: 768px) {
  .tenant-dashboard-new .available-box .right-brdr {
    border-right: 0;
  }
}
.tenant-dashboard-new .available-box .custm-mrgn {
  margin: 20px 0 20px;
}
.tenant-dashboard-new .available-box .bdrRight {
  border-right: 1px solid #dee2e6;
}
@media (max-width: 768px) {
  .tenant-dashboard-new .available-box .bdrRight {
    border-right: 0;
  }
}
.tenant-dashboard-new .available-box .box-footer {
  padding: 0;
  margin-top: 15px;
}
.tenant-dashboard-new .available-box .box-footer .btn {
  width: 100%;
  box-shadow: none;
  outline: 0;
  color: #fff;
  border: 1px solid #eee;
  border-radius: 3px;
  background: #1382d9;
  padding: 10px 12px;
  font: 15px/20px "untitled_sans_medium";
}
.tenant-dashboard-new .available-box .status-otr {
  display: flex;
  flex-direction: column;
}

.auto-pay-paddng {
  padding: 14px 0px;
}

.autopay-outer h1 {
  font: 19px/20px "untitled_sans_medium";
  margin-bottom: 0;
  border-bottom: 1px solid #d9d3d3;
  padding-bottom: 20px;
}
.autopay-outer .auto-pay-wrapper {
  /*margin-top: 20px;*/
}
.autopay-outer .auto-pay-wrapper .turn-on-sec {
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  padding: 30px 40px;
  flex: 1 auto;
}
.autopay-outer .auto-pay-wrapper .auto-pay-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #d9d3d3;
  padding-bottom: 10px;
  margin-bottom: 30px;
}
.autopay-outer .auto-pay-wrapper .auto-pay-header .left-head {
  display: flex;
  flex-direction: column;
}
.autopay-outer .auto-pay-wrapper .auto-pay-header h2 {
  font: 17px/20px "untitled_sans_medium";
  margin-bottom: 0;
  text-transform: uppercase;
}
.autopay-outer .auto-pay-wrapper .auto-pay-header p {
  margin: 0;
  font: 14px/20px "untitled_sans_regular";
}
.autopay-outer .auto-pay-wrapper .switchToggle input[type=checkbox] {
  height: 0;
  width: 0;
  visibility: hidden;
  position: absolute;
}
.autopay-outer .auto-pay-wrapper .switchToggle label {
  cursor: pointer;
  text-indent: -9999px;
  width: 49px;
  max-width: 70px;
  height: 23px;
  background: #d1d1d1;
  display: block;
  border-radius: 100px;
  position: relative;
}
.autopay-outer .auto-pay-wrapper .switchToggle label:after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 19px;
  height: 19px;
  background: #fff;
  border-radius: 90px;
  transition: 0.3s;
}
.autopay-outer .auto-pay-wrapper .switchToggle input:checked + label,
.autopay-outer .auto-pay-wrapper .switchToggle input:checked + input + label {
  background: #1482d9;
}
.autopay-outer .auto-pay-wrapper .switchToggle input + label:before,
.autopay-outer .auto-pay-wrapper .switchToggle input + input + label:before {
  content: " ";
  position: absolute;
  font-size: 13px;
  top: 1px;
  left: 28px;
  width: 21px;
  height: 21px;
  border-radius: 90px;
  transition: 0.3s;
  text-indent: 0;
  color: #fff;
}
.autopay-outer .auto-pay-wrapper .switchToggle input:checked + label:before,
.autopay-outer .auto-pay-wrapper .switchToggle input:checked + input + label:before {
  content: " ";
  font-size: 13px;
  position: absolute;
  top: 1px;
  left: 10px;
  width: 21px;
  height: 21px;
  border-radius: 90px;
  transition: 0.3s;
  text-indent: 0;
  color: #fff;
}
.autopay-outer .auto-pay-wrapper .switchToggle input:checked + label:after,
.autopay-outer .auto-pay-wrapper .switchToggle input:checked + input + label:after {
  left: calc(100% - 2px);
  transform: translateX(-100%);
}
.autopay-outer .auto-pay-wrapper .switchToggle label:active:after {
  width: 60px;
}
.autopay-outer .auto-pay-wrapper .custm-margn {
  margin: 20px;
}
.autopay-outer .auto-pay-wrapper .payment-box {
  border: 1px solid #eee;
  padding: 44px 20px;
  text-align: center;
  display: flex;
  flex-direction: column;
  position: relative;
  height: 100%;
  align-items: stretch;
  cursor: pointer;
}
.autopay-outer .auto-pay-wrapper .payment-box:hover {
  border: 1px solid #1382d9;
}
.autopay-outer .auto-pay-wrapper .payment-box .fa-credit-card,
.autopay-outer .auto-pay-wrapper .payment-box .fa-university {
  color: #1183dc;
  font-size: 40px;
}
.autopay-outer .auto-pay-wrapper .payment-box h3 {
  font: 14px/20px "untitled_sans_medium";
  margin: 8px 0;
  position: relative;
}
.autopay-outer .auto-pay-wrapper .payment-box h3:after {
  border-bottom: 1px solid #353333;
  width: 48px;
  content: "";
  height: 60%;
  position: absolute;
  top: 16px;
  text-align: center;
  margin: 0 auto;
  left: 0;
  right: 0;
}
.autopay-outer .auto-pay-wrapper .payment-box h5 {
  color: #1483d5;
  font: 14px/20px "untitled_sans_regular";
  margin-bottom: 0;
  margin-top: 12px;
  text-align: center;
}
.autopay-outer .auto-pay-wrapper .payment-box p {
  margin: 0;
  font: 13px/20px "untitled_sans_regular";
  text-align: center;
}
.autopay-outer .auto-pay-wrapper .payment-box .customRadioBtn {
  top: 11px;
  left: 11px;
  position: absolute;
}
.autopay-outer .auto-pay-wrapper .payment-box .customRadioBtn .radioBtn {
  display: block;
  position: relative;
  padding-left: 25px;
  padding-right: 10px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-bottom: 0;
  line-height: 19px !important;
}
.autopay-outer .auto-pay-wrapper .payment-box .customRadioBtn .radioBtn input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.autopay-outer .auto-pay-wrapper .payment-box .customRadioBtn .radiocheckmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  border-radius: 50%;
  border: 1px solid #37699c;
}
.autopay-outer .auto-pay-wrapper .payment-box .customRadioBtn .radiocheckmark:after {
  content: "";
  position: absolute;
  display: none;
}
.autopay-outer .auto-pay-wrapper .payment-box .customRadioBtn .radioBtn input:checked ~ .radiocheckmark:after {
  display: block;
}
.autopay-outer .auto-pay-wrapper .payment-box .customRadioBtn .radioBtn .radiocheckmark:after {
  top: 3px;
  left: 3px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #37699c;
}
.autopay-outer .auto-pay-wrapper .card-sec {
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  padding: 30px 40px;
}
.autopay-outer .auto-pay-wrapper .card-sec .card-form-sec {
  margin: 0px 30px;
}
.autopay-outer .auto-pay-wrapper .card-sec .card-form-sec p {
  margin: 0 7px 0 0;
  font: 14px/20px "untitled_sans_regular";
}
.autopay-outer .auto-pay-wrapper .card-sec .card-form-sec .formInp {
  margin-bottom: 10px;
}
.autopay-outer .auto-pay-wrapper .card-sec .card-form-sec .formInp span {
  color: red;
}
.autopay-outer .auto-pay-wrapper .card-sec .card-form-sec .formSection {
  margin-top: 20px;
}
.autopay-outer .auto-pay-wrapper .card-sec .card-form-footer {
  padding-top: 20px;
  border-top: 1px solid #d9d3d3;
  display: flex;
  justify-content: flex-end;
  margin-top: 40px;
}
.autopay-outer .auto-pay-wrapper .card-sec .card-form-footer .btn {
  background: #0072cc;
  color: #fff;
  padding: 10px 12px;
  box-shadow: none;
  outline: none;
  border-radius: 3px;
  text-transform: uppercase;
  font: 15px/20px "untitled_sans_regular";
}

.payment-received-table h2 {
  margin: 0 0px 14px;
  font: 15px/20px "untitled_sans_regular";
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
}

.payment-history-box {
  display: flex;
  flex-direction: row;
  height: 100%;
  align-items: stretch;
}
.payment-history-box .pay-his-sec-otr {
  background: #f7f8f9;
  border-radius: 3px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 22px;
}
.payment-history-box h4 {
  font: 15px/20px "untitled_sans_medium";
  margin-bottom: 0;
}
.payment-history-box p {
  font: 15px/20px "untitled_sans_regular";
  margin-bottom: 0;
}
.payment-history-box .fa-print {
  font-size: 20px;
  margin-right: 7px;
  color: #1382d9;
}
.payment-history-box .payment-txt {
  color: #1382d9;
  text-align: center;
}

.credit-card-outr {
  /*max-width: 1500px;
  margin-left: 60px;
  margin-top: 30px;*/
}
.credit-card-outr .nav-link {
  border-radius: 0;
  background: #f9f9f9;
  margin-right: 2px;
  color: #585858;
  padding: 8px 39px;
  cursor: pointer;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.credit-card-outr .nav-link.active {
  background: #fff;
  color: #1382d9;
}
.credit-card-outr .credit-card-wrapper {
  background-color: #ffffff;
}
.credit-card-outr .credit-card-wrapper .credit-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 10px 34px;
  border-bottom: 1px solid #eee;
  align-items: center;
}
@media (max-width: 400px) {
  .credit-card-outr .credit-card-wrapper .credit-header {
    flex-direction: column;
    justify-content: flex-start;
    align-items: baseline;
  }
}
.credit-card-outr .credit-card-wrapper .credit-header h3 {
  font: 15px/20px "untitled_sans_medium";
  margin-bottom: 0;
}
.credit-card-outr .credit-card-wrapper .credit-header .btn {
  background: #ebf0fb;
  box-shadow: none;
  outline: none;
  font: 15px/20px "untitled_sans_regular";
  color: #536a84;
  padding: 12px 15px;
}
@media (max-width: 400px) {
  .credit-card-outr .credit-card-wrapper .credit-header .btn {
    width: 100%;
  }
}
.credit-card-outr .credit-card-wrapper .cutm-padng {
  padding-bottom: 40px;
}
.credit-card-outr .credit-card-wrapper .box-otr {
  padding: 50px 30px;
  height: 100%;
  flex: 1 1 auto;
  display: flex;
  flex-direction: row;
}
@media (max-width: 1679px) {
  .credit-card-outr .credit-card-wrapper .box-otr .credit-box-width {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 27%;
    flex: 0 0 33.3%;
    max-width: 33.3%;
  }
}
.credit-card-outr .credit-card-wrapper .credit-box-outr {
  border: 1px solid #e8e8e8;
  padding: 10px 10px;
  height: 100%;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  background-color: #fff;
}
.credit-card-outr .credit-card-wrapper .credit-box-outr:hover {
  background: #f5fafe;
}
.credit-card-outr .credit-card-wrapper .credit-box-outr .primary-head {
  display: flex;
  font: 14px/20px "untitled_sans_regular";
  align-items: center;
  margin-bottom: 10px;
  justify-content: space-between;
}
.credit-card-outr .credit-card-wrapper .credit-box-outr .primary-head span {
  background: #dedede;
  width: 27px;
  height: 27px;
  border-radius: 50px;
  text-align: center;
  color: #fff;
  line-height: 25px;
  margin-right: 3px;
  font-size: 6px;
  border: 2px solid #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.credit-card-outr .credit-card-wrapper .credit-box-outr .primary-head span .fa-check {
  font-size: 12px;
}
.credit-card-outr .credit-card-wrapper .credit-box-outr .primary-head .vertical-menu {
  display: flex;
  justify-content: flex-end;
  flex: 1 1 auto;
}
.credit-card-outr .credit-card-wrapper .credit-box-outr .primary-head .vertical-menu .fa-trash {
  color: #dfdfdf !important;
  cursor: pointer;
}
.credit-card-outr .credit-card-wrapper .credit-box-outr .primary-head .vertical-menu .fa-trash:hover {
  color: #9f9b9b !important;
}
.credit-card-outr .credit-card-wrapper .credit-box-outr .active-head {
  color: #0d69cb !important;
}
.credit-card-outr .credit-card-wrapper .credit-box-outr .active-head span {
  background: #0d69cb !important;
}
.credit-card-outr .credit-card-wrapper .credit-box-outr .active-head .fa-trash {
  color: #0d69cb !important;
}
.credit-card-outr .credit-card-wrapper .credit-box-inner {
  background: linear-gradient(to right, #242d88 0%, #0153a3 100%);
  color: #fff;
  padding: 22px 15px;
  border-radius: 3px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  height: 100%;
}
.credit-card-outr .credit-card-wrapper .credit-box-inner .credit-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}
.credit-card-outr .credit-card-wrapper .credit-box-inner .credit-card-header h3 {
  font: 15px/20px "untitled_sans_regular";
}
@media (max-width: 1679px) {
  .credit-card-outr .credit-card-wrapper .credit-box-inner .credit-card-header h3 {
    font: 14px/20px "untitled_sans_regular";
  }
}
.credit-card-outr .credit-card-wrapper .credit-box-inner .center-number {
  text-align: center;
  margin-bottom: 15px;
  font: 15px/20px "untitled_sans_regular";
}
@media (max-width: 1679px) {
  .credit-card-outr .credit-card-wrapper .credit-box-inner .center-number {
    font: 14px/20px "untitled_sans_regular";
  }
}
.credit-card-outr .credit-card-wrapper .active-gradient {
  background: linear-gradient(to right, #015cad 0%, #61abf1 100%) !important;
}
.credit-card-outr .credit-card-wrapper .final-gradient {
  background: linear-gradient(to right, #0169b0 0%, #3ec7da 100%) !important;
}
.credit-card-outr .credit-card-wrapper .credit-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.credit-card-outr .credit-card-wrapper .credit-card-footer .card-holder {
  display: flex;
  flex-direction: column;
}
.credit-card-outr .credit-card-wrapper .credit-card-footer .card-holder .holdr-txt {
  color: #d5d8ec;
  font: 11px/20px "untitled_sans_medium";
  text-transform: uppercase;
}
@media (max-width: 1679px) {
  .credit-card-outr .credit-card-wrapper .credit-card-footer .card-holder .holdr-txt {
    font: 10px/20px "untitled_sans_medium";
  }
}
.credit-card-outr .credit-card-wrapper .credit-card-footer .card-holder .holdr-name {
  font: 14px/20px "untitled_sans_medium";
  text-transform: uppercase;
  color: #fff;
}
@media (max-width: 1679px) {
  .credit-card-outr .credit-card-wrapper .credit-card-footer .card-holder .holdr-name {
    font: 13px/20px "untitled_sans_medium";
  }
}
.credit-card-outr .credit-card-wrapper .bank-box {
  background: #f9fbfe;
  border-radius: 3px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 22px;
}
.credit-card-outr .credit-card-wrapper .bank-box h4 {
  font: 15px/20px "untitled_sans_regular";
  margin-bottom: 0;
  color: #c1c2c4;
}
@media (max-width: 1679px) {
  .credit-card-outr .credit-card-wrapper .bank-box h4 {
    font: 14px/20px "untitled_sans_regular";
  }
}
.credit-card-outr .credit-card-wrapper .bank-box p {
  font: 15px/20px "untitled_sans_regular";
  color: #000;
  margin: 0;
}
@media (max-width: 1679px) {
  .credit-card-outr .credit-card-wrapper .bank-box p {
    font: 14px/20px "untitled_sans_regular";
  }
}
.credit-card-outr .credit-card-wrapper .box-padding {
  padding: 0px 6px;
}
@media (max-width: 768px) {
  .credit-card-outr .credit-card-wrapper .box-padding {
    padding: 0;
    margin-bottom: 3px;
  }
}
@media (max-width: 768px) {
  .credit-card-outr .credit-card-wrapper .mt-2 {
    margin-top: 0 !important;
  }
}

.addCard .modal-lg {
  max-width: 510px !important;
}

.transaction-input {
  background: #e0e5eb !important;
  border: none;
  height: 35px;
  outline: 0;
  font: 13px/24px "untitled_sans_regular" !important;
  box-shadow: none !important;
  resize: none;
}

.addTransctnbtn {
  display: flex;
  flex-direction: row;
  align-items: baseline !important;
}
.addTransctnbtn button {
  margin-right: 3px !important;
}

.categorySec .dropdown-content {
  overflow: auto !important;
  max-height: 200px !important;
}

.transactionOuter .rc-menu-item {
  padding: 10px 8px 6px 20px !important;
  color: #6f6f6f !important;
  font: 400 13px/24px "untitled_sans_regular" !important;
}

.rc-menu-submenu-popup .rc-menu-item-active,
.rc-menu-item,
.rc-menu-submenu-title {
  padding: 4px 8px 6px 20px !important;
  color: #6f6f6f !important;
  font: 400 13px/24px "untitled_sans_regular" !important;
}

.transactionOuter .rc-menu-submenu {
  /*padding: 10px 8px 6px 20px !important;*/
  color: #6f6f6f !important;
  font: 400 13px/24px "untitled_sans_regular" !important;
}

.transactionOuter .rc-menu-submenu-title {
  /*padding: 10px 8px 6px 20px !important;*/
  color: #6f6f6f !important;
  font: 400 13px/24px "untitled_sans_regular" !important;
}

.react-dropdown-tree-select .dropdown {
  width: 100%;
}

.react-dropdown-tree-select .dropdown .dropdown-trigger {
  width: 100% !important;
}

.transactionSelectForms .rc-menu-vertical,
.rc-menu-vertical-left,
.rc-menu-vertical-right,
.rc-menu-inline {
  padding: 0 !important;
}

.transactionResponsive {
  overflow: visible;
}
@media (max-width: 991px) {
  .transactionResponsive {
    overflow: scroll;
  }
}

.transaction-tab {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.default-value {
  background: #eee;
}

.form-group input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.form-group label {
  position: relative;
  cursor: pointer;
  background: rgba(9, 30, 66, 0.04);
  margin: 0;
}

.form-group label:before {
  content: "";
  -webkit-appearance: none;
  border: 2px solid #dbdddf;
  padding: 10px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  color: #fff;
}
.form-group label:before:hover {
  background: #ebecf0;
}

.form-group input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 10px;
  width: 6px;
  height: 14px;
  border: solid #0079bf;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.custom-options {
  height: 30px !important;
  color: #ffffff !important;
}

.colr-white {
  background-color: #ffffff !important;
  color: #000000 !important;
}

td.category-select-plaid {
  background-color: #e0e5eb !important;
}
td.category-select-plaid:focus {
  outline: 0 !important;
}

.checkbox-item,
.radio-item {
  width: 5px !important;
}

td.not-available {
  background: #f5ece0 !important;
}

td.property-select-plaid {
  background-color: #f9fcff !important;
}

td.not-available {
  background: #f5ece0 !important;
}

td.property-select-plaid .css-1pahdxg-control,
td.property-select-plaid .css-yk16xz-control {
  background-color: #f9fcff !important;
  height: 38px !important;
  border-color: transparent !important;
}

td.not-available .css-yk16xz-control {
  background-color: #f5ece0 !important;
  border-color: transparent !important;
}

.cardlabelwrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.maintenance-search {
  border-bottom: none !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
.maintenance-search label {
  font: 400 15px/24px "untitled_sans_medium" !important;
  margin-bottom: 14px !important;
}
.maintenance-search .fail-box {
  background: #e0e5eb;
  padding: 30px 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 280px;
}
.maintenance-search .fail-box img {
  width: 60px;
}
.maintenance-search .fail-box h4 {
  color: #818181;
  font: 400 15px/24px "untitled_sans_medium";
  margin-top: 25px;
}
.maintenance-search .fail-box p {
  color: #8b8b8b;
  margin-bottom: 0;
  font: 400 15px/18px "untitled_sans_regular";
  text-align: center;
}

/*  new one*/
.status-outerbar {
  background: #f9fcff;
  margin-top: 10px;
  padding: 0px;
}
.status-outerbar .status-innerbar {
  padding: 0;
  border-right: 15px solid #fff;
  align-items: center;
}
.status-outerbar .status-innerbar:last-child {
  border-right: 0;
}
.status-outerbar .status-innerbar .imgSecbr {
  border-right: 1px solid #dbdddf;
  padding: 28px 22px;
}
.status-outerbar .status-innerbar .linkr {
  color: #1382d9;
}
.status-outerbar .status-innerbar .txtlse {
  padding-left: 11px;
}
.status-outerbar .status-innerbar .txtlse h4 {
  font: 600 14px/19px "untitled_sans_regular";
  margin-bottom: 2px;
  color: #6a6565;
}
.status-outerbar .status-innerbar .txtlse p {
  font: 13px/19px "untitled_sans_regular";
  margin-bottom: 0px;
}

.payment-histroy .transaction-status {
  width: 149px;
  text-align: center;
}

.deafult-menu:hover {
  cursor: not-allowed !important;
  opacity: 0.8;
  /*background: #e0dfdf;*/
}
.deafult-menu:hover svg {
  fill: #9293ad !important;
}
.deafult-menu:hover a {
  color: #9293ad !important;
  cursor: not-allowed !important;
}

.maintenanceOtr {
  display: flex;
  flex-direction: column;
}
.maintenanceOtr .maintul {
  flex: 1 1 auto;
}

.delete-all-messages {
  font-size: 14px;
  color: #dddddd;
}
.delete-all-messages:hover {
  color: #cbc6c6;
}

/*  new one*/
/*SS*/
/*1-1-2020*/
@media (max-width: 850px) {
  .expense-top .export svg,
.expense-top .add svg {
    margin-right: 10px;
    margin: initial;
  }
}

.expense-otr {
  background: #fff;
  padding: 15px 28px;
  border-radius: 3px;
  margin-bottom: 8px;
}
@media (max-width: 850px) {
  .expense-otr {
    margin-top: 15px;
    padding-top: 25px;
  }
}
.expense-otr .expense-dlr-bx {
  background: #f9fcff;
  border: 1px solid #f1f1f1;
  border-radius: 2px;
  height: 152px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 95px;
}
@media (max-width: 1679px) {
  .expense-otr .expense-dlr-bx {
    height: 122px;
  }
}
@media (max-width: 1450px) {
  .expense-otr .expense-dlr-bx {
    padding-left: 30px;
  }
}
@media (max-width: 767px) {
  .expense-otr .expense-dlr-bx {
    margin-bottom: 25px;
    padding-left: 0;
    align-items: center;
  }
}
.expense-otr .cstm-pdg {
  padding-right: 0;
}
@media (max-width: 991px) {
  .expense-otr .cstm-pdg {
    padding-right: 15px;
  }
}
@media (max-width: 767px) {
  .expense-otr .cstm-pdg {
    padding-right: 15px;
  }
}
.expense-otr .expense {
  padding-left: 15px;
  border-left: 8px solid #ff5858;
}
@media (max-width: 1679px) {
  .expense-otr .expense {
    border-width: 7px;
  }
}
@media (max-width: 767px) {
  .expense-otr .expense {
    border-left: 6px solid #ff5858;
  }
}
.expense-otr .expense h2 {
  font: 400 20px/23px "untitled_sans_regular";
  color: #6f6f6f;
  margin-bottom: 0;
}
@media (max-width: 1679px) {
  .expense-otr .expense h2 {
    font: 400 18px/23px "untitled_sans_regular";
  }
}
@media (max-width: 767px) {
  .expense-otr .expense h2 {
    font: 400 17px/23px "untitled_sans_regular";
  }
}
.expense-otr .expense .doller {
  font: 500 36px/35px "untitled_sans_regular";
  color: #ff5858;
  margin-bottom: 0;
}
@media (max-width: 1679px) {
  .expense-otr .expense .doller {
    font: 500 30px/33px "untitled_sans_regular";
  }
}
@media (max-width: 767px) {
  .expense-otr .expense .doller {
    font: 500 28px/30px "untitled_sans_regular";
  }
}
.expense-otr .mychart {
  /*height: 132px !important;*/
}
@media (max-width: 1679px) {
  .expense-otr .mychart {
    margin-top: 25px;
  }
}
.expense-otr .graph-name {
  font: 12px/17px "untitled_sans_regular";
  color: #d0d0d0;
  text-align: center;
  position: absolute;
  top: 15px;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 991px) {
  .expense-otr .graph-name {
    top: 25px;
  }
}
@media (max-width: 767px) {
  .expense-otr .graph-name {
    transform: none;
    position: static;
  }
}
.expense-otr .apexcharts-menu .apexcharts-menu-item {
  padding: 4px 4px;
}

.innago-table .wdt-04 {
  width: 100px;
}

.expenses-table {
  height: 100%;
  padding: 20px 20px;
}
.expenses-table .wdt-01 {
  width: 400px;
}

.small-modal .close {
  font-weight: 300;
  font-size: 30px;
}
.small-modal .custom-file-label {
  margin-bottom: 0px !important;
}
.small-modal .modal-lg {
  max-width: 800px;
}
.small-modal label,
.small-modal .form-control {
  font: 400 14px/24px "untitled_sans_regular" !important;
}
.small-modal .formInp {
  padding: 0 6px;
}
.small-modal textarea {
  min-height: 93px;
  resize: none;
}
.small-modal [type=file] {
  height: 0;
  width: 0;
}
.small-modal [type=file] + label {
  background: #f15d22;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  display: inline-block;
  margin-top: 3px;
  outline: none;
  position: relative;
  transition: all 0.3s;
  vertical-align: middle;
}
.small-modal .file {
  position: relative;
  text-align: center;
}
.small-modal .file:before {
  content: "";
  font-family: "Font Awesome 5 Free";
  position: absolute;
  width: 62px;
  font-weight: 900;
  left: 0;
  background: #c2c9d1;
  bottom: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #9ca0a5;
  font-size: 20px;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.small-modal .file label {
  padding-top: 14px !important;
  overflow: hidden;
  cursor: pointer;
}
.small-modal .btnSubmit {
  width: 155px !important;
  padding: 12px 10px 12px !important;
}
@media (max-width: 1679px) {
  .small-modal .btnSubmit {
    width: 130px !important;
    padding: 10px 10px 10px !important;
    font: 500 14px/24px "untitled_sans_regular" !important;
  }
}

.pdr {
  padding-right: 4px !important;
  padding-left: 10px !important;
}
@media (max-width: 573px) {
  .pdr {
    padding-right: 10px !important;
  }
}

.pdl {
  padding-left: 4px !important;
  padding-right: 10px !important;
}
@media (max-width: 573px) {
  .pdl {
    padding-left: 10px !important;
  }
}

.filterSide-01 {
  /* @media (max-width: 880px) {
    margin-top: 10px !important;
    } */
}

.filterSide .date-pik-outer {
  padding-bottom: 0px !important;
}
.filterSide .clndr {
  position: relative;
}
.filterSide .clndr input {
  background: #e0e5eb;
  border: none;
  height: 50px;
  width: 100%;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-indent: 5px;
  padding: 0.375rem 0.75rem;
  border-radius: 0.25rem;
  position: relative;
}
@media (max-width: 1679px) {
  .filterSide .clndr input {
    height: 41px;
    margin-bottom: 10px !important;
  }
}
.filterSide .clndr:before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  width: 25px;
  height: 25px;
  z-index: 9;
  color: #7c7878;
  top: 14px;
  right: 5px;
}
@media (max-width: 1679px) {
  .filterSide .clndr:before {
    top: 10px;
    font-size: 14px;
  }
}

@media (max-width: 1679px) {
  .date-pik-outer label {
    font-size: 14px;
  }
}

.filterSide-01 .formInp {
  margin-bottom: 15px;
}
@media (max-width: 991px) {
  .filterSide-01 .formInp {
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .filterSide-01 .formInp {
    margin-bottom: 10px;
  }
}
@media (max-width: 579px) {
  .filterSide-01 .formInp {
    margin-bottom: 10px;
    padding-bottom: 0 !important;
  }
}
@media (max-width: 479px) {
  .filterSide-01 .formInp {
    margin-bottom: 10px;
  }
}

@media (max-width: 991px) {
  .innago-table table {
    width: 1000px;
  }
}

/*1-1-2020*/
/*SS end*/
.login-outer {
  background: url(../images/login-bg.jpg) no-repeat center top;
  height: 100vh;
  width: 100%;
  background-size: cover;
  background-position: left;
}
.login-outer footer {
  color: #7e7e7f;
  font: 400 15px/22px "untitled_sans_regular";
  display: flex;
  flex-direction: column;
  flex: 0 0 100%;
  text-align: center;
  margin-top: 50px;
}
.login-outer .custom-container {
  height: 100%;
}
.login-outer .custom-container .row {
  height: 100%;
  align-items: center;
  justify-content: center;
}
.login-outer .custom-container .loginSec {
  min-height: 650px;
  flex-wrap: wrap;
}
.login-outer .custom-container .loginSec .alert-danger {
  font-size: 15px;
  margin-bottom: 20px;
}
.login-outer .custom-container .loginSec img {
  height: 80px;
}
@media (max-width: 1679px) {
  .login-outer .custom-container .loginSec img {
    height: 65px;
  }
}
@media (max-width: 420px) {
  .login-outer .custom-container .loginSec img {
    height: 40px;
  }
}
.login-outer .custom-container .loginSec .fgt {
  text-align: center;
  margin-top: 8px;
  color: #868282;
  cursor: pointer;
  font: 500 15px/20px "untitled_sans_regular";
}
.login-outer .custom-container .loginSec .loginBg {
  background: url("../images/bg-log.png");
  background-size: cover;
  min-height: 650px;
}
.login-outer .custom-container .loginSec .loginBg .opac {
  height: 100%;
  padding: 40px 60px 72px 50px;
  background: rgba(1, 75, 133, 0.72);
  color: #fff;
  display: flex;
  flex-direction: column;
}
.login-outer .custom-container .loginSec .loginBg .opac .logoSec {
  flex: 0 0 auto;
  padding: 0;
}
.login-outer .custom-container .loginSec .loginBg .opac .contentLog {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border-bottom: 1px solid #dadada;
}
.login-outer .custom-container .loginSec .loginBg .opac .contentLog h3 {
  font: 400 27px/22px "untitled_sans_regular";
  margin-bottom: 12px;
}
.login-outer .custom-container .loginSec .loginBg .opac .contentLog .dtlLog {
  max-width: 80%;
  font: 400 14px/22px "untitled_sans_regular";
}
@media (max-width: 420px) {
  .login-outer .custom-container .loginSec .loginBg .opac .contentLog .dtlLog {
    font: 400 12px/18px "untitled_sans_regular" !important;
  }
}
.login-outer .custom-container .loginSec .loginDetail {
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0px 83px 30px;
}
.login-outer .custom-container .loginSec .loginDetail .titleLog {
  display: flex;
  align-items: center;
  margin-bottom: 17px;
  padding-right: 15px;
  padding-left: 15px;
}
.login-outer .custom-container .loginSec .loginDetail .titleLog:after {
  content: "";
  flex-grow: 1;
  height: 1px;
  background: #e8e9eb;
  flex: 1 1 auto;
}
.login-outer .custom-container .loginSec .loginDetail h3 {
  font: 600 20px/25px "untitled_sans_regular";
  margin-bottom: 25px;
  padding-right: 14px;
  margin-bottom: 0px;
  flex: 0 0 auto;
}
.login-outer .custom-container .loginSec .loginDetail .formInp {
  margin-bottom: 12px;
}
.login-outer .custom-container .loginSec .loginDetail .formInp .errorborder {
  border: 1px solid #ff6b60 !important;
}
.login-outer .custom-container .loginSec .loginDetail .formInp .errorMsg {
  color: #ff6b60;
  margin-top: 3px;
  display: inline-block;
  font: 400 14px/24px "untitled_sans_regular";
}
.login-outer .custom-container .loginSec .loginDetail .formInp label {
  color: #6f6f6f;
  margin-bottom: 8px;
}
.login-outer .custom-container .loginSec .loginDetail .formInp .containerCheck {
  margin-top: 15px;
  padding-left: 28px;
  font: 500 15px/20px "untitled_sans_regular";
}
.login-outer .custom-container .loginSec .loginDetail .formInp .checkmark {
  height: 20px;
  width: 20px;
}
.login-outer .custom-container .loginSec .loginDetail .formInp .checkmark:after {
  left: 7px;
  top: 3px;
  width: 6px;
  height: 11px;
}
.login-outer .custom-container .loginSec .loginDetail .btnOtr {
  margin-top: 18px;
}
.login-outer .custom-container .loginSec .loginDetail .btnOtr .btnSubmit {
  width: 100%;
  padding: 12px 15px;
  background: #1382d9;
  text-transform: uppercase;
  letter-spacing: 0.2px;
}
.login-outer .custom-container .loginSec .loginDetail .btnOtr .btnSubmit:hover {
  background: #0072cc;
}
.login-outer .custom-container .loginSec .loginDetail .btnOtr .btnSubmit:focus {
  box-shadow: none;
}

.modal .close {
  font-weight: 300;
  font-size: 30px;
  outline: 0;
}

/*autocomplete */
.img-map-marker {
  height: 28px;
}

.autocompleteOuter {
  position: relative;
}

.autocomplete-dropdown-container {
  position: absolute;
  z-index: 9;
  width: 100%;
}

.loader {
  font: 400 14px/20px "untitled_sans_regular";
}

.suggestion-item,
.loader {
  padding: 6px 11px 4px 17px !important;
  border-bottom: 1px solid #e4e1e1;
  cursor: pointer;
  background: #f5f5f5 !important;
}

.suggestion-item--active {
  background: #eff6ff !important;
  padding: 6px 11px 4px 17px !important;
  cursor: pointer;
  border-bottom: 1px solid #e4e1e1;
}

.suggestion-item span,
.suggestion-item--active span {
  font: 400 14px/20px "untitled_sans_regular";
}

/*autocomplete*/
.mfpOutr {
  padding: 4px 4px;
}
.mfpOutr img {
  width: 100%;
}
.mfpNavOut .mfpNavImg {
  padding: 4px 4px;
}

#big .item img {
  height: 170px;
}

#thumbs .item {
  margin: 2px;
  color: #fff;
  border-radius: 3px;
  text-align: center;
  cursor: pointer;
}

.owl-theme .owl-nav [class*=owl-] {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.owl-theme .owl-nav [class*=owl-].disabled:hover {
  background-color: #d6d6d6;
}

#big.owl-theme {
  position: relative;
}

#nav-tabContent .innago-table .table-gap.table-td td {
  padding-top: 5px;
  padding-bottom: 5px;
  height: 43px;
}

@media (max-width: 1024px) {
  .addTenant.addcardDtl .modal-header .modal-title {
    font: 400 16px/26px "untitled_sans_regular";
  }
}
@media (max-width: 1024px) {
  .addTenant.addcardDtl .modal-header .modal-title {
    font: 400 15px/26px "untitled_sans_regular";
  }
}
.addTenant.addcardDtl .modal-body {
  padding: 21px 25px 10px;
}
.addTenant.addcardDtl .modal-body .formSection {
  padding: 18px 16px;
}
@media (max-width: 1679px) {
  .addTenant.addcardDtl .modal-body .formSection {
    padding: 12px 14px 12px !important;
  }
}
.addTenant.addcardDtl .modal-footer .btnSubmit {
  padding: 8px 20px 8px;
}
@media (max-width: 1679px) {
  .addTenant.addcardDtl .modal-footer .btnSubmit {
    font: 500 14px/24px "untitled_sans_regular";
    padding: 6px 16px 6px;
  }
}

@media (max-width: 1024px) {
  .tenantdashboardOtr .tableProperty {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}
.tenantdashboardOtr .tableProperty .TenantDashOtr .headerSection {
  border-bottom: 1px solid #dee2e6;
}
.tenantdashboardOtr .tableProperty .TenantDashOtr .propDtlSec {
  margin-top: 12px;
  display: flex;
  flex-direction: row;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .tenantdashboardOtr .tableProperty .TenantDashOtr .propDtlSec {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .tenantdashboardOtr .tableProperty .TenantDashOtr .propDtlSec .propImg {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.tenantdashboardOtr .tableProperty .TenantDashOtr .propDtlSec .propImg img {
  width: 100%;
  height: 357px;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 1679px) {
  .tenantdashboardOtr .tableProperty .TenantDashOtr .propDtlSec .propImg img {
    height: 270px;
  }
}
@media (max-width: 767px) {
  .tenantdashboardOtr .tableProperty .TenantDashOtr .propDtlSec .propImg img {
    height: 165px;
  }
}
.tenantdashboardOtr .tableProperty .TenantDashOtr .propDtlSec .propDetails {
  margin-top: 28px;
}
@media (max-width: 1679px) {
  .tenantdashboardOtr .tableProperty .TenantDashOtr .propDtlSec .propDetails {
    margin-top: 7px;
    padding: 0px 15px 21px 1px;
  }
}
@media (max-width: 767px) {
  .tenantdashboardOtr .tableProperty .TenantDashOtr .propDtlSec .propDetails {
    flex: 0 0 100%;
    padding: 0px 15px 15px;
    max-width: 100%;
  }
}
.tenantdashboardOtr .tableProperty .TenantDashOtr .propDtlSec .propDetails .headerProp h3 {
  color: #33343a;
  font: 500 20px/24px "untitled_sans_regular";
  margin-bottom: 0px;
}
@media (max-width: 1679px) {
  .tenantdashboardOtr .tableProperty .TenantDashOtr .propDtlSec .propDetails .headerProp h3 {
    font: 500 15px/20px "untitled_sans_regular";
  }
}
.tenantdashboardOtr .tableProperty .TenantDashOtr .propDtlSec .propDetails .headerProp h4 {
  font: 400 15px/23px "untitled_sans_regular";
  color: #818181;
}
@media (max-width: 1679px) {
  .tenantdashboardOtr .tableProperty .TenantDashOtr .propDtlSec .propDetails .headerProp h4 {
    font: 400 13px/20px "untitled_sans_regular";
  }
}
.tenantdashboardOtr .tableProperty .TenantDashOtr .propDtlSec .propDetails .PropdtlCont {
  display: flex;
  padding: 30px 12px;
  background: #f6f8fa;
  flex-wrap: wrap;
  margin-top: 18px;
}
@media (max-width: 1679px) {
  .tenantdashboardOtr .tableProperty .TenantDashOtr .propDtlSec .propDetails .PropdtlCont {
    margin-top: 13px;
    padding: 28px 7px;
  }
}
@media (max-width: 767px) {
  .tenantdashboardOtr .tableProperty .TenantDashOtr .propDtlSec .propDetails .PropdtlCont {
    padding: 18px 12px;
  }
}
.tenantdashboardOtr .tableProperty .TenantDashOtr .propDtlSec .propDetails .PropdtlCont .monthRent .monthImg img {
  height: 35px;
}
@media (max-width: 1679px) {
  .tenantdashboardOtr .tableProperty .TenantDashOtr .propDtlSec .propDetails .PropdtlCont .monthRent .monthImg img {
    height: 30px;
  }
}
.tenantdashboardOtr .tableProperty .TenantDashOtr .propDtlSec .propDetails .PropdtlCont .monthRent .contentNum {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #1382d9 !important;
  padding: 0;
}
@media (max-width: 767px) {
  .tenantdashboardOtr .tableProperty .TenantDashOtr .propDtlSec .propDetails .PropdtlCont .monthRent .contentNum {
    margin-top: 6px;
  }
}
.tenantdashboardOtr .tableProperty .TenantDashOtr .propDtlSec .propDetails .PropdtlCont .monthRent .contPropDtl {
  background: #1382d9;
  /* @media (max-width: 1679px)
  {
        flex: 0 !important;
        }*/
}
.tenantdashboardOtr .tableProperty .TenantDashOtr .propDtlSec .propDetails .PropdtlCont .monthRent .contPropDtl h4 {
  color: #fff !important;
}
.tenantdashboardOtr .tableProperty .TenantDashOtr .propDtlSec .propDetails .PropdtlCont .monthRent .contPropDtl .totdtl {
  font-size: 21px !important;
  color: #fff !important;
}
@media (max-width: 1679px) {
  .tenantdashboardOtr .tableProperty .TenantDashOtr .propDtlSec .propDetails .PropdtlCont .monthRent .contPropDtl .totdtl {
    font-size: 18px !important;
  }
}
.tenantdashboardOtr .tableProperty .TenantDashOtr .propDtlSec .propDetails .PropdtlCont .contentOtr {
  margin-bottom: 9px;
  padding-right: 0px;
  padding-left: 9px;
}
@media (max-width: 767px) {
  .tenantdashboardOtr .tableProperty .TenantDashOtr .propDtlSec .propDetails .PropdtlCont .contentOtr {
    padding-right: 8px;
  }
}
.tenantdashboardOtr .tableProperty .TenantDashOtr .propDtlSec .propDetails .PropdtlCont .contentOtr:nth-child(3) {
  padding-right: 8px;
}
.tenantdashboardOtr .tableProperty .TenantDashOtr .propDtlSec .propDetails .PropdtlCont .contentOtr:nth-child(4) {
  margin-bottom: 0px;
}
.tenantdashboardOtr .tableProperty .TenantDashOtr .propDtlSec .propDetails .PropdtlCont .contentOtr:last-child {
  padding-right: 8px;
  margin-bottom: 0px;
}
.tenantdashboardOtr .tableProperty .TenantDashOtr .propDtlSec .propDetails .PropdtlCont .contentNum {
  display: flex;
  flex-direction: row;
  padding-left: 0;
  background: #e9edf0;
  height: 100%;
}
@media (max-width: 1679px) {
  .tenantdashboardOtr .tableProperty .TenantDashOtr .propDtlSec .propDetails .PropdtlCont .contentNum {
    padding: 0;
  }
}
.tenantdashboardOtr .tableProperty .TenantDashOtr .propDtlSec .propDetails .PropdtlCont .contentNum .imgPropDtl {
  background: #e0e5e9;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px 15px;
}
@media (max-width: 1679px) {
  .tenantdashboardOtr .tableProperty .TenantDashOtr .propDtlSec .propDetails .PropdtlCont .contentNum .imgPropDtl {
    padding: 20px 13px;
    flex: 0 0 30%;
    max-width: 30%;
  }
}
@media (max-width: 767px) {
  .tenantdashboardOtr .tableProperty .TenantDashOtr .propDtlSec .propDetails .PropdtlCont .contentNum .imgPropDtl {
    flex: 0 0 20%;
    max-width: 20%;
  }
}
.tenantdashboardOtr .tableProperty .TenantDashOtr .propDtlSec .propDetails .PropdtlCont .contentNum .imgPropDtl img {
  height: 30px;
}
@media (max-width: 1679px) {
  .tenantdashboardOtr .tableProperty .TenantDashOtr .propDtlSec .propDetails .PropdtlCont .contentNum .imgPropDtl img {
    height: 25px;
  }
}
@media (max-width: 1679px) {
  .tenantdashboardOtr .tableProperty .TenantDashOtr .propDtlSec .propDetails .PropdtlCont .contentNum .depo {
    flex: 0 0 20%;
    max-width: 20%;
  }
}
.tenantdashboardOtr .tableProperty .TenantDashOtr .propDtlSec .propDetails .PropdtlCont .contentNum .depo img {
  height: 35px;
}
@media (max-width: 1679px) {
  .tenantdashboardOtr .tableProperty .TenantDashOtr .propDtlSec .propDetails .PropdtlCont .contentNum .depo img {
    height: 30px;
  }
}
.tenantdashboardOtr .tableProperty .TenantDashOtr .propDtlSec .propDetails .PropdtlCont .contentNum .contPropDtl {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px 15px;
}
@media (max-width: 1679px) {
  .tenantdashboardOtr .tableProperty .TenantDashOtr .propDtlSec .propDetails .PropdtlCont .contentNum .contPropDtl {
    padding: 10px 10px 10px 8px;
  }
}
.tenantdashboardOtr .tableProperty .TenantDashOtr .propDtlSec .propDetails .PropdtlCont .contentNum .contPropDtl h4 {
  color: #646464;
  font: 400 16px/24px "untitled_sans_regular";
  margin-bottom: 0px;
}
@media (max-width: 1679px) {
  .tenantdashboardOtr .tableProperty .TenantDashOtr .propDtlSec .propDetails .PropdtlCont .contentNum .contPropDtl h4 {
    font: 400 13px/20px "untitled_sans_regular";
  }
}
.tenantdashboardOtr .tableProperty .TenantDashOtr .propDtlSec .propDetails .PropdtlCont .contentNum .contPropDtl .totdtl {
  color: #2a2a2a;
  font: 500 16px/24px "untitled_sans_regular";
  margin-bottom: 0px;
}
@media (max-width: 1679px) {
  .tenantdashboardOtr .tableProperty .TenantDashOtr .propDtlSec .propDetails .PropdtlCont .contentNum .contPropDtl .totdtl {
    font: 500 13px/20px "untitled_sans_regular";
  }
}
.tenantdashboardOtr .tenantMaint .maintul li .maintCont .contDtl {
  -webkit-line-clamp: 1 !important;
  width: auto !important;
}
.tenantdashboardOtr .tenantMaint .btnCont {
  font: 500 14px/24px "untitled_sans_regular";
}
@media (max-width: 1679px) {
  .tenantdashboardOtr .tenantMaint .btnCont {
    font: 500 11px/24px "untitled_sans_regular";
  }
}
.tenantdashboardOtr .tenantMaint .btnCont span {
  font: 500 13px/24px "untitled_sans_regular" !important;
  padding-left: 3px;
}
@media (max-width: 1679px) {
  .tenantdashboardOtr .tenantMaint .btnCont span {
    font: 500 11px/24px "untitled_sans_regular" !important;
  }
}
.tenantdashboardOtr .tenantMaint .btnCont .stcomp {
  color: #1382d9;
}
.tenantdashboardOtr .tenantMaint .btnCont .stpend {
  color: #fd5d5d;
}
.tenantdashboardOtr .paidInvo {
  flex: 0 0 37.45%;
  max-width: 37.45%;
}
.tenantdashboardOtr .paidInvo .otrTableInvo {
  margin-top: 8px;
}
.tenantdashboardOtr .paidInvo .otrTableInvo .table-Invo {
  border-collapse: separate;
  border-spacing: 0 7px;
}
@media (max-width: 1679px) {
  .tenantdashboardOtr .paidInvo .otrTableInvo .table-Invo {
    border-spacing: 0 6px;
  }
}
.tenantdashboardOtr .paidInvo .otrTableInvo .table-Invo td {
  border-right: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
}
.tenantdashboardOtr .paidInvo .otrTableInvo .table-Invo td:first-child {
  border-left: 1px solid #dee2e6;
}
@media (max-width: 1679px) {
  .tenantdashboardOtr .paidInvo .otrTableInvo .table-Invo td {
    padding: 5px 11px;
  }
}
.tenantdashboardOtr .paidInvo .otrTableInvo .table-Invo td .invSec .hed {
  margin-bottom: 0px;
  color: #818181;
  font: 400 14px/20px "untitled_sans_regular" !important;
}
@media (max-width: 1679px) {
  .tenantdashboardOtr .paidInvo .otrTableInvo .table-Invo td .invSec .hed {
    font: 400 12px/15px "untitled_sans_regular" !important;
  }
}
.tenantdashboardOtr .paidInvo .otrTableInvo .table-Invo td .invSec .cont {
  margin-bottom: 0px;
  font: 500 14px/20px "untitled_sans_regular" !important;
  color: #373737;
}
@media (max-width: 1679px) {
  .tenantdashboardOtr .paidInvo .otrTableInvo .table-Invo td .invSec .cont {
    font: 500 13px/18px "untitled_sans_regular" !important;
  }
}
.tenantdashboardOtr .paidInvo .otrTableInvo .table-Invo td .invSec .amt {
  font: 500 17px/20px "untitled_sans_regular" !important;
  color: #07af7e;
}
@media (max-width: 1679px) {
  .tenantdashboardOtr .paidInvo .otrTableInvo .table-Invo td .invSec .amt {
    font: 500 14px/18px "untitled_sans_regular" !important;
  }
}
.tenantdashboardOtr .paidInvo .otrTableInvo .table-Invo td .invSec .amtRed {
  color: #fa5555;
}

.tenantpropOtr .tenantDtl {
  align-items: end;
  flex-wrap: wrap;
}
.tenantpropOtr .propLeftImg {
  padding-left: 0px;
  padding-right: 5px;
  background: #fff;
  padding: 15px 15px;
}
@media (max-width: 1679px) {
  .tenantpropOtr .propLeftImg {
    flex: 0 0 28%;
    max-width: 28%;
  }
}
@media (max-width: 991px) {
  .tenantpropOtr .propLeftImg {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.tenantpropOtr .propLeftImg .owl-stage-outer {
  position: relative;
}
.tenantpropOtr .propLeftImg .owl-prev {
  left: 0;
  bottom: 41px;
  background: #5db8ff !important;
  height: 37px;
  width: 37px;
  color: #fff !important;
  position: absolute;
}
.tenantpropOtr .propLeftImg .owl-prev i {
  text-align: center;
  width: 100%;
  line-height: 30px;
}
.tenantpropOtr .propLeftImg .owl-next {
  position: absolute;
  right: 0;
  margin: auto;
  background: #5db8ff !important;
  height: 37px;
  width: 37px;
  color: #fff !important;
  bottom: 41px;
}
.tenantpropOtr .propLeftImg .owl-next i {
  text-align: center;
  width: 100%;
  line-height: 30px;
}
.tenantpropOtr .propLeftImg .propImg img {
  height: 350px;
  width: 100%;
  object-position: center;
  object-fit: cover;
}
@media (max-width: 1679px) {
  .tenantpropOtr .propLeftImg .propImg img {
    height: 250px;
  }
}
.tenantpropOtr .propLeftImg .propCont {
  padding-left: 35px;
  position: relative;
  margin-top: 25px;
}
@media (max-width: 1679px) {
  .tenantpropOtr .propLeftImg .propCont {
    padding-left: 22px;
  }
}
.tenantpropOtr .propLeftImg .propCont:before {
  content: "";
  height: 100%;
  width: 0px;
  border: 1.5px solid #5db8ff;
  position: absolute;
  left: 18px;
}
@media (max-width: 1679px) {
  .tenantpropOtr .propLeftImg .propCont:before {
    left: 12px;
  }
}
.tenantpropOtr .propLeftImg .propCont h3 {
  font: 600 19px/19px "untitled_sans_regular";
  margin-bottom: 3px;
}
@media (max-width: 1679px) {
  .tenantpropOtr .propLeftImg .propCont h3 {
    font: 15px/19px "untitled_sans_medium";
    margin-bottom: 1px;
  }
}
.tenantpropOtr .propLeftImg .propCont .contadr {
  color: #656565;
  font: 400 15px/19px "untitled_sans_regular";
  margin: 0;
}
@media (max-width: 1679px) {
  .tenantpropOtr .propLeftImg .propCont .contadr {
    flex: 0 0 95%;
    max-width: 95%;
    font: 400 13px/17px "untitled_sans_regular";
    margin: 0;
  }
}
.tenantpropOtr .propertyDtlRight {
  border-left: 11px solid #e2e9f1;
  background-color: #fff;
  padding: 15px 0px 0px;
}
@media (max-width: 1679px) {
  .tenantpropOtr .propertyDtlRight {
    flex: 0 0 72%;
    max-width: 72%;
  }
}
@media (max-width: 991px) {
  .tenantpropOtr .propertyDtlRight {
    flex: 0 0 100%;
    max-width: 100%;
    border-left: 0;
    margin-top: 9px;
  }
}
.tenantpropOtr .propertyDtlRight .rightBg {
  padding-bottom: 0 !important;
}
.tenantpropOtr .propertyDtlRight .hedDtl {
  color: #585858;
  font: 400 17px/19px "untitled_sans_regular";
  border-bottom: 1px solid #e5ebf0;
  padding: 0px 15px 10px;
}
@media (max-width: 1679px) {
  .tenantpropOtr .propertyDtlRight .hedDtl {
    font: 400 14px/19px "untitled_sans_regular";
  }
}
.tenantpropOtr .propertyDtlRight .leaseOtr .leaseDtlOtr {
  background: #f9fcff;
  border: 1px solid #e5ebf0;
}
@media (max-width: 500px) {
  .tenantpropOtr .propertyDtlRight .leaseOtr .leaseDtlOtr {
    flex-direction: column;
  }
}
.tenantpropOtr .propertyDtlRight .leaseOtr .leaseDtlOtr .bdtr {
  border-right: 1px solid #dbdddf;
}
@media (max-width: 500px) {
  .tenantpropOtr .propertyDtlRight .leaseOtr .leaseDtlOtr .bdtr {
    border-bottom: 1px solid #dbdddf;
    border-right: 0px;
  }
}
.tenantpropOtr .propertyDtlRight .leaseOtr .leaseDtlOtr .leaseDate {
  align-items: center;
  justify-content: center;
  padding: 18px 15px;
}
.tenantpropOtr .propertyDtlRight .leaseOtr .leaseDtlOtr .leaseDate .leaseImg {
  padding: 0;
  background: #e0e6ed;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 7px 8px 10px;
}
.tenantpropOtr .propertyDtlRight .leaseOtr .leaseDtlOtr .leaseDate .leaseImg img {
  height: 29px;
}
@media (max-width: 1679px) {
  .tenantpropOtr .propertyDtlRight .leaseOtr .leaseDtlOtr .leaseDate .leaseImg img {
    height: 24px;
  }
}
.tenantpropOtr .propertyDtlRight .leaseOtr .leaseDtlOtr .leaseDate .leaseCont {
  margin-left: 11px;
}
.tenantpropOtr .propertyDtlRight .leaseOtr .leaseDtlOtr .leaseDate .leaseCont h4 {
  color: #6f6f6f;
  font: 500 14px/19px "untitled_sans_regular";
  margin-bottom: 0px;
}
@media (max-width: 1679px) {
  .tenantpropOtr .propertyDtlRight .leaseOtr .leaseDtlOtr .leaseDate .leaseCont h4 {
    font: 500 13px/19px "untitled_sans_regular";
  }
}
.tenantpropOtr .propertyDtlRight .leaseOtr .leaseDtlOtr .leaseDate .dateSection {
  color: #373737;
  font: 500 15px/19px "untitled_sans_regular";
  margin-bottom: 5px;
}
@media (max-width: 1679px) {
  .tenantpropOtr .propertyDtlRight .leaseOtr .leaseDtlOtr .leaseDate .dateSection {
    font: 500 14px/19px "untitled_sans_regular";
  }
}
@media (max-width: 1679px) {
  .tenantpropOtr .propertyDtlRight .innago-table h3 {
    padding: 13px 13px !important;
  }
}
@media (max-width: 1679px) {
  .tenantpropOtr .propertyDtlRight .innago-table th {
    font-size: 13px;
    padding: 10px 10px !important;
  }
}
.tenantpropOtr .propertyDtlRight .innago-table .c-td {
  min-height: 40px;
}
@media (max-width: 1679px) {
  .tenantpropOtr .propertyDtlRight .innago-table .c-td {
    min-height: 29px;
    font-size: 13px;
  }
}
@media (max-width: 1679px) {
  .tenantpropOtr .propertyDtlRight .innago-table .c-td p {
    font-size: 13px;
  }
}
.tenantpropOtr .propertyDtlRight .innago-table .wdt-issue {
  min-width: 500px;
}
@media (max-width: 1679px) {
  .tenantpropOtr .propertyDtlRight .innago-table .wdt-issue {
    min-width: 400px;
  }
}
.tenantpropOtr .propertyDtlRight .innago-table .wdt-01 {
  text-align: center;
}
.tenantpropOtr .propertyDtlRight .innago-table .detailRow td:first-child {
  padding-right: 0;
}

/*Custom css*/
.zipCode-err {
  font: 400 13px/20px "untitled_sans_regular";
  color: indianred;
}

.owlIMgLEFT img {
  width: 100%;
}

.imgSec {
  padding: 4px 4px;
}

.formOuterthumb .fromImg {
  padding: 4px 4px;
}

.mapOuterProp {
  margin-top: 15px !important;
}

.modalBack {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  left: 0px;
  top: 0px;
  overflow: auto;
  z-index: 9999;
  opacity: 2;
}

.tenants-inner .btn-form-padding {
  display: flex;
  flex-direction: row;
}

.tenants-inner .formsectionPadding .clr {
  margin-left: 7px;
}

.formsectionPadding .css-yk16xz-control,
.formsectionPadding .css-1pahdxg-control {
  background: #d3dbe3 !important;
  height: 43px !important;
}

/* 11-01-2020 */
.carousel-otr .owl-item {
  padding: 2px;
}

.carousel-otr .owl-carousel .owl-stage {
  width: 1720px !important;
}

.light-box-modal-header {
  justify-content: flex-end;
}

.LighboxImg .owl-carousel.owl-drag .owl-item {
  justify-content: center;
  display: flex;
}

.LighboxImg .owl-carousel.owl-drag .owl-item img {
  width: 50%;
}

.lightBoxModal .owl-prev,
.lightBoxModal .owl-next {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.lightBoxModal .owl-next,
.lightBoxModal .owl-prev {
  position: absolute;
  top: 0;
  width: 36px;
  bottom: 0;
}

.lightBoxModal .owl-prev {
  right: 100%;
  margin-right: -12px;
}

.lightBoxModal .owl-next {
  left: 100%;
  margin-left: -12px;
}

.lightBoxModal .owl-prev i {
  right: -20px;
}

.lightBoxModal .owl-next i,
.lightBoxModal .owl-prev i {
  font-size: 30px;
  line-height: 24px;
  margin-top: -12px;
  position: absolute;
  top: 50%;
  color: #ffffff;
}

.lightBoxModal .owl-next i {
  left: -38px;
}

.trash-icn {
  font-size: 20px;
  color: #e2e2e2;
  margin-right: 25px;
  cursor: pointer;
}

.lightBoxModal .modal-dialog .LighboxImg {
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  max-height: 80% !important;
  overflow: unset;
}

.lightBoxModal .modal-dialog .LighboxImg .actionBtn {
  float: right;
  text-align: right;
}

.owlIMgOuterSEc {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
}

.selectOtrLoad {
  position: absolute;
  top: 8px;
  right: 33px;
}

.gvr .invSecondTxt {
  border-top: 1px solid #e5e5e5;
  border-bottom: 0px !important;
  position: relative;
}

.gvr .invClose {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 21px;
  font-weight: 300;
  margin-top: 6px;
  cursor: pointer;
}

.gvr {
  padding: 0px 30px 18px !important;
}

/* zillow image modal */
.property-image-ourter {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  border-bottom: 1px solid #e0e5eb;
  padding-bottom: 15px;
  max-height: 355px;
  overflow-y: scroll;
}

.property-image-ourter .outAttachImg {
  padding: 0px 4px;
}

.property-image-ourter .outAttachImg p {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
  margin-bottom: 0px;
  font: 400 14px/24px "untitled_sans_regular";
}

.property-image-ourter .attachFileList {
  padding: 0;
  position: relative;
  height: 87px;
  background: #e0e5eb;
  margin-top: 15px;
  margin-bottom: 15px;
  text-align: center;
  vertical-align: middle;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  border-radius: 3px;
}

.property-image-ourter .attachFileList i {
  font-size: 27px;
  color: #7d8084;
}

.property-image-ourter .attachFileList img {
  height: 100%;
  width: 100%;
  object-position: center;
  object-fit: cover;
}

.property-image-ourter .attachFileList .image-close {
  position: absolute;
  top: 5px;
  right: 6px;
  color: #fff;
  border: none;
  text-align: center;
  background: #0072cc;
  width: 16px;
  height: 16px;
  border-radius: 50px;
  margin: 0;
  padding: 0;
  line-height: 0;
  outline: 0;
  cursor: pointer;
}

.property-image-ourter .attachFileList .image-close:hover {
  color: #fff;
}

.property-image-ourter .attachFileList .image-close span {
  font-size: 16px;
  display: inline-block;
  line-height: 15px;
}

.maintain-property-image .custom-file-label {
  position: relative;
  padding-top: 20px;
}

.maintain-property-image .containerCheck {
  display: block;
  position: relative;
  padding-left: 24px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #6f6f6f;
}

.maintain-property-image .formSection label {
  margin-bottom: 4px;
  color: #484747;
  font: 400 14px/20px "untitled_sans_regular";
}

.maintain-property-image .formSection .containerCheck input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.maintain-property-image .containerCheck .checkmark {
  height: 21px;
  width: 21px;
}

.maintain-property-image .formSection .checkmark {
  position: absolute;
  top: -40px;
  left: 6px;
  height: 20px;
  width: 20px;
  border-radius: 20px;
  background-color: #e5e9ee;
}

.maintain-property-image .formSection .containerCheck input:checked ~ .checkmark {
  background-color: #2196f3;
}

.maintain-property-image .filterSide .containerCheck .checkmark:after {
  left: 8px;
  top: 3px;
}

.maintain-property-image .formSection .containerCheck input:checked ~ .checkmark:after {
  display: block;
}

.maintain-property-image .formSection .containerCheck .checkmark:after {
  left: 7px;
  top: 3px;
  width: 6px;
  height: 11px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.maintain-property-image .formSection .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.maintain-property-image ::-webkit-scrollbar {
  width: 4px;
}

.maintain-property-image ::-webkit-scrollbar-track {
  background: #f9fcff;
}

.maintain-property-image ::-webkit-scrollbar-thumb {
  background: #b6b9bc;
}

.maintain-property-image .attachFile .file-name {
  top: 16px;
}

.bg-prop-def-img {
  /* background-image: url('/images/def_property.png'); */
  background-position: center;
  background-repeat: no-repeat;
}

.cGuGtE {
  display: flex !important;
  flex-direction: column;
}

.sc-AykKD {
  padding: 0 !important;
  background: inherit !important;
}

.gDFovh {
  background: #e0e5eb;
  position: absolute;
  left: 8px;
  right: 0;
  z-index: 9;
}

.cmBjKR.is-invalid {
  border: 0 !important;
}

.add-gmail-acc-btn {
  padding: 9px 79px !important;
}

.disable-div {
  cursor: not-allowed !important;
  color: #b0b3b7;
  font-size: 13px;
}

.contract-trigger:before {
  display: none !important;
}

.invoiceAmount {
  width: 130px;
}

/* need to be removed and updated by ui team */
.invoicePage .table-main {
  padding: 25px 15px;
}

.invoicePage .control-padding-pr-0 {
  padding-right: 0px;
}

.invoicePage .control-padding-pl-0 {
  padding-left: 0px;
}

/* need to be removed and updated by ui team */
.invoice-listing-table.table-td td {
  padding-bottom: 3px !important;
  padding-top: 3px !important;
}

.invoice-listing-table textarea::-webkit-scrollbar {
  width: 4px;
}

.chartOtr .apexcharts-canvas {
  height: 185px !important;
}

/*Custom css*/
@media (max-width: 1679px) {
  .invforTentTbl .table-gap.table-td td {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlLeft {
    width: 196px;
    min-width: 196px;
  }

  .table-main .wdt-02 {
    width: 450px;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .tableProperty .propTableDtl .width-001 {
    width: 31px;
  }

  .table-main .wdt-03 {
    width: 260px;
  }

  .table-main .table-td th.unitNum,
.table-main .table-td th.reqBy {
    width: 165px;
  }

  #nav-tabContent .innago-table .table-gap.table-td td {
    padding-top: 2px;
    padding-bottom: 2px;
    height: 43px;
  }

  .clientInfo .formSection .invSecondTxt {
    font: 500 15px/24px "untitled_sans_regular";
  }

  .invSecond {
    padding: 12px 14px 0px !important;
  }

  .fltrMaint {
    /*width: calc(100% - 450px);*/
  }

  .addTenant .formSection .formInp .checkmark {
    height: 20px;
    width: 20px;
  }

  .addTenant .formSection .formInp .containerCheck {
    padding-left: 28px;
  }

  .addTenant .formSection .formInp .containerCheck .checkmark:after {
    left: 7px;
    top: 3px;
  }

  .custom-container {
    max-width: 990px;
  }

  .login-outer footer {
    font: 400 13px/22px "untitled_sans_regular";
    margin-top: 30px;
  }

  .login-outer .custom-container .loginSec .loginDetail .formInp .checkmark {
    height: 18px;
    width: 18px;
  }

  .login-outer .custom-container .loginSec .loginDetail .formInp .containerCheck {
    padding-left: 26px;
  }

  .filterSide .outerBg .otrTenantCheck .tenantStatus h3 {
    font: 500 15px/20px "untitled_sans_regular";
  }

  .filterSide .outerBg .otrTenantCheck .tenantStatus .tenantstOtr {
    margin-top: 6px;
  }

  .filterSide {
    padding: 20px 28px 0px;
  }

  .dropdownFilter {
    padding: 11px 11px 6px !important;
  }

  .filterSide .formSection .formInp .form-control {
    height: 38px;
    font-size: 13px;
  }

  .formInp .errorMsg {
    font-size: 14px !important;
    margin-top: 2px !important;
  }

  .login-outer .custom-container .loginSec .alert-danger {
    font-size: 13px;
    margin-bottom: 20px;
    line-height: 18px;
    padding: 10px 15px;
  }

  .login-outer .custom-container .loginSec .loginBg .opac .contentLog h3 {
    font: 400 20px/22px "untitled_sans_regular";
  }

  .login-outer .custom-container .loginSec .loginBg .opac .contentLog .dtlLog {
    font: 400 13px/19px "untitled_sans_regular";
  }

  .login-outer .custom-container .loginSec .loginDetail {
    padding: 30px 50px 30px;
  }

  .login-outer .custom-container .loginSec .loginDetail .btnOtr .btnSubmit {
    font-size: 14px;
  }

  .loginSec .formSection .formInp .form-control {
    height: 43px;
  }

  .loginSec .formSection .formInp label {
    font: 400 14px/22px "untitled_sans_regular";
  }

  .login-outer .custom-container .loginSec .loginDetail .formInp .containerCheck {
    font: 400 13px/20px "untitled_sans_regular";
  }

  .login-outer .custom-container .loginSec,
.login-outer .custom-container .loginSec .loginBg {
    min-height: 500px;
  }

  .filterSide .formSection .formInp .containerCheck,
.filterSide .formSection .formInp label {
    font-size: 14px;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .clintOtr .clntDtl ul li .txtNme {
    font-size: 14px;
  }

  .tenants-otr {
    padding: 15px 15px;
    height: 100%;
    display: flex;
    flex-direction: column;
  }

  .innago-table {
    display: flex;
    flex-direction: column;
  }

  .innago-table-top {
    flex: 0 0 auto;
  }

  .innago-table {
    flex: 1 1 auto;
  }

  .propertyOuter .propertyDtlRight .propertyDtlSecn .outer-section-prop .prop-nameDtl .propImg img {
    width: 120px;
    height: 85px;
  }

  .propertyOuter .propertyDtlRight .propertyDtlSecn .outer-section-prop .prop-nameDtl .propcont h3 {
    font: 600 15px/17px "untitled_sans_regular";
    margin-bottom: 2px;
  }

  .propertyOuter .propertyDtlRight .propertyDtlSecn .outer-section-prop .prop-nameDtl .propcont h5 {
    font: 400 12px/15px "untitled_sans_regular";
  }

  .propertyOuter .propertyDtlRight .propertyDtlSecn .outer-section-prop .unitsProp h3 {
    font: 500 15px/20px "untitled_sans_regular";
  }

  .propertyOuter .propertyDtlRight .propertyDtlSecn .outer-section-prop .unitsAvl h3,
.propertyOuter .propertyDtlRight .propertyDtlSecn .outer-section-prop .tenantnme h3,
.propertyOuter .propertyDtlRight .propertyDtlSecn .outer-section-prop .rentDtl h3 {
    font: 400 13px/17px "untitled_sans_regular";
  }

  .propertyOuter .propertyDtlRight .propertyDtlSecn .outer-section-prop .unitsAvl p,
.propertyOuter .propertyDtlRight .propertyDtlSecn .outer-section-prop .tenantnme p,
.propertyOuter .propertyDtlRight .propertyDtlSecn .outer-section-prop .rentDtl p {
    font: 18px/22px "untitled_sans_medium";
    word-break: break-word;
    padding-right: 20px;
  }

  .addTenant .modal-lg {
    max-width: 950px;
  }

  .addTenant .modal-header .modal-title {
    font: 400 17px/26px "untitled_sans_regular";
  }

  .addTenant .modal-footer .btnSubmit {
    padding: 8px 40px 8px;
    font: 500 14px/24px "untitled_sans_regular";
  }

  .btn-grey {
    font: 500 14px/24px "untitled_sans_regular";
  }

  .addTenant .modal-header {
    padding: 14px 22px 12px;
  }

  .addTenant .modal-header .close {
    padding: 9px 15px;
  }

  .formSection .formInp .form-control,
.formSection .formInp select.form-control {
    height: 38px;
    font-size: 13px;
  }

  .addTenant .modal-body .clientInfo .formSection {
    padding: 18px 14px 12px !important;
  }

  .formSection .formInp label {
    font: 400 15px/20px "untitled_sans_regular";
  }

  .addTenant .modal-body .clientInfo h3 {
    padding: 12px 13px;
  }

  .formSection .formInp .form-control {
    text-indent: 2px;
  }

  .formSection .formInp label {
    font: 400 14px/20px "untitled_sans_regular";
  }

  .addTenant .modal-body .clientInfo .selctOtr:after {
    top: 17px;
  }

  ::placeholder {
    font-size: 13px;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .tableProperty .propTableDtl .width-001 {
    width: 31px;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .revenue .chartLine .revText {
    padding: 11px;
  }

  .filterSide .outerBg .formInp .selOtr:after {
    top: 16px;
  }

  .react-datepicker-component.form-control .react-datepicker-input input {
    height: 26px !important;
    font: 400 13px/17px "untitled_sans_regular" !important;
  }
}
@media (max-width: 1720px) {
  .dashboardOtr .otrDtl .dtlSec .otrDetail .unsignOtr .maintul li .contDtl {
    height: 16px !important;
  }

  .react-datepicker-component.form-control .react-datepicker-input .button-wrapper .input-button {
    font-size: 17px !important;
  }

  td.invoiceEditDate .react-datepicker-component.form-control .react-datepicker-input input {
    height: auto !important;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlLeft .tenantList ul li .imgDtlSec h4 {
    max-width: 146px;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .fileSec .docView span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 190px;
    display: inline-block;
    padding-left: 7px;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .InvoiceOtr .btnOtrSec .btnCard .btnTxt {
    padding-left: 0;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .btnCard .btnTxt:after {
    border-left: 0;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .clintOtr .imgCl {
    width: 140px;
    height: 140px;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlLeft .tenantList ul li .imgDtlSec .place {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 146px;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .btnCard .btnTxt {
    font-size: 13px;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .clintOtr .clntDtl ul li {
    padding: 12px 9px 0px;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .btnCard .btnTxt:after {
    height: 39px;
    top: -11px;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .btnCard img {
    height: 13px;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .btnCard {
    padding: 6px 7px;
    margin-bottom: 4px;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .fileSec .btnadd {
    font: 12px/18px "untitled_sans_regular";
    padding: 10px 16px;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .fileSec .btnadd {
    align-items: center;
  }

  .invSplit .wdt-01 {
    width: 236px;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .otherSection .otherOtr {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 11px;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .otherSection .otherOtr.tableSecOther {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .paginationSec .pagination .page-link {
    padding: 5px 10px;
    font-size: 13px;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlLeft {
    width: 230px;
    min-width: 230px;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlLeft .tenantList ul li .profImg {
    height: 40px;
    width: 40px;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlLeft .tenantList ul li {
    padding: 6px 5px 5px;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .outrBilling .widbx1 {
    flex: 0 0 38.666667%;
    max-width: 38.666667%;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .outrBilling .widbx2,
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .outrBilling .widbx3 {
    flex: 0 0 30.666667%;
    max-width: 30.666667%;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .fileSec .docView span,
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .fileSec .docView .viewPdf {
    font-size: 12px;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .InvoiceOtr {
    padding: 20px 20px;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .InvoiceOtr .btnOtrSec .btnCard {
    padding: 6px 10px !important;
    width: 89%;
    margin-bottom: 6px;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .InvoiceOtr .btnOtrSec .btnBlue {
    margin-left: 0px;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content h3 {
    padding: 13px 24px;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .InvoiceOtr .contentInv h2 {
    font: 500 25px/28px "untitled_sans_regular";
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .InvoiceOtr .contentInv h4 {
    font: 400 15px/20px "untitled_sans_regular";
    margin-bottom: 1px;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .InvoiceOtr .contentInv {
    padding: 15px 0px;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .InvoiceOtr .otrpaid .listPaid h4 {
    font: 500 13px/20px "untitled_sans_regular";
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .InvoiceOtr .otrpaid .listPaid .textPaid {
    margin-bottom: 0px;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .fileSec .docView img {
    height: 13px;
    padding-right: 1px;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content h3 {
    font: 500 15px/20px "untitled_sans_medium";
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .fileSec .btnOtrSec {
    padding: 15px 11px;
  }

  /*.formSection .formInp select.form-control
          {
            height: 37px;
            -webkit-appearance: none;
            font-size: 12px;

            }*/
  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .selctOtr:after {
    top: 18px;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .outrBilling .upldFile .upldTxt {
    font-size: 12px;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .outrBilling .upldFile .custom-file-upload {
    height: 30px;
  }

  /*.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .outrBilling .widbx1 {
            flex: 0 0 100%;
            max-width: 100%;
          }
          .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .outrBilling .widbx2, .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .outrBilling .widbx3 {
            flex: 0 0 50%;
            max-width: 50%;
          }
          .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .fileSec
          {
            margin-top:8px;
          }
          .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .fileSec.widbx2
          {
            border-left:0px;
            }*/
  .tenantDtlOutr .tenantDtl .tenantDtlLeft .tenantList ul li .imgDtlSec {
    padding-left: 9px;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlLeft .tenantList ul li .imgDtlSec h4 {
    font: 400 13px/18px "untitled_sans_regular";
  }

  .tenantDtlOutr .tenantDtl .tenantDtlLeft .tenantList ul li .imgDtlSec .place {
    font: 400 12px/16px "untitled_sans_regular";
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .tableProperty .dropdown-item,
.table-styles td .dropdown-item,
.dashboardOtr .otrDtl .dtlSec .otrDetail .occupancy .dropdown-item {
    font: 400 11px/22px "untitled_sans_regular";
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .tableProperty .dropdown-item i.far.fa-eye,
.table-styles td .dropdown-item i.far.fa-eye,
.dashboardOtr .otrDtl .dtlSec .otrDetail .tenant .outerTenant .listSec .iconSec i.far.fa-eye {
    color: #847e7e !important;
    font-size: 10px !important;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .tableProperty .dropdown-item i.far.fa-edit,
.table-styles td .dropdown-item i.far.fa-edit,
.dashboardOtr .otrDtl .dtlSec .otrDetail .tenant .outerTenant .listSec .iconSec i.far.fa-edit {
    color: #847e7e !important;
    font-size: 10px !important;
  }

  .navbarOtr .navbar .navbar-brand img {
    height: 45px;
  }

  .expandnavbarr {
    margin-left: 200px !important;
  }

  .dashboardOtr .otrDtl .sideNav {
    flex: 0 0 200px;
    max-width: 200px;
  }

  .dashboardOtr .otrDtl .dtlSec {
    width: calc(100% - 200px);
  }

  .dashboardOtr .otrDtl .sideNav .navList li {
    font: 400 14px/22px "untitled_sans_regular";
  }

  .dashboardOtr .otrDtl .sideNav .navList li {
    padding: 13px 16px;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail {
    padding: 15px 10px 0px;
  }

  .navbarOtr .navbar .navbar-collapse .imgNoti img {
    height: 22px;
  }

  .dashboardOtr .otrDtl .sideNav .navList li.active:after {
    content: "";
    border-left: 4px solid #1382d9;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .headerSection h3 {
    font: 500 14px/22px "untitled_sans_medium";
    letter-spacing: 0.2px;
  }

  .navbar-brand {
    padding-top: 0px;
  }

  .navbarOtr .navbar .navbar-collapse .imgNoti .notifyTxt {
    right: 11px;
    top: 10px;
    width: 18px;
    height: 18px;
    line-height: 14px;
    font-size: 10px;
  }

  .navbarOtr .navbar .navbar-collapse .imgProf {
    border-radius: 50px;
    width: 40px;
    height: 40px;
  }

  .navbarOtr .navbar .navbar-collapse .profileImg {
    padding-left: 7px;
  }

  .navbarOtr .navbar .navbar-collapse .profName {
    font: 400 13px/22px "untitled_sans_regular";
  }

  .navbar {
    padding: 0px 15px;
  }

  .navbarOtr .navbar .navbar-collapse .imgNoti:after {
    height: 33px;
    margin-left: 17px;
  }

  .navbarOtr .navbar .navbar-collapse .profileImg .dropdown-menu {
    right: -14px;
    margin-top: -6px;
    min-width: 137px;
    /*padding: 1px 0px 0px;
    margin: -4px 0px 0px;
    min-width: 137px;*/
  }

  .navbarOtr .navbar .navbar-collapse .profileImg .dropdown-menu .dropdown-item {
    font-size: 12px;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .headerSection {
    padding: 6px 14px 10px;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .headerSection .viewMore {
    font: 400 13px/22px "untitled_sans_regular";
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .headerSection .viewMore img {
    height: 10px;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .headerSection .viewMore span {
    margin-left: 12px;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .tableProperty .tableOtr,
.dashboardOtr .otrDtl .dtlSec .otrDetail .occupancy .occupancyOtr {
    padding: 7px 0px 0px;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .tableProperty .propTableDtl .propDtl .textProp h4 {
    font: 500 13px/17px "untitled_sans_regular";
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .tableProperty .propTableDtl .propDtl .textProp h5,
.dashboardOtr .otrDtl .dtlSec .otrDetail .tableProperty .propTableDtl .propDtl .textProp .slno {
    font: 400 10px/14px "untitled_sans_regular";
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .tableProperty .propTableDtl .propDtl .imgProp {
    width: 30px;
    height: 29px;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .tableProperty .propTableDtl .rent h4 {
    font: 400 12px/15px "untitled_sans_regular";
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .tableProperty .propTableDtl .rent p {
    color: #e15e5e;
    font: 500 14px/16px "untitled_sans_regular";
    margin-bottom: 0px;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .tableProperty .propTableDtl .unit h4 {
    color: #373737;
    font: 400 12px/15px "untitled_sans_regular";
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .tableProperty .propTableDtl .unit p {
    font: 500 13px/20px "untitled_sans_regular";
    margin-bottom: 0px;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .tableProperty .propTableDtl .icon i {
    font-size: 13px;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .tableProperty .propTableDtl td:last-child {
    min-width: 22px;
    padding: 0px 10px;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .tableProperty .btnadd {
    font: 400 14px/20px "untitled_sans_regular";
    padding: 14px 16px;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .maintenance .maintul li .maintCont h4 {
    font: 500 13px/20px "untitled_sans_regular";
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .maintenance .maintul li .maintCont .contDtl {
    /*height: 33px;*/
    overflow: hidden;
    font-size: 12px;
    line-height: 14px;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .maintenance .maintul li {
    padding: 4px 0px 0px;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .maintenance .maintul li .maintCont h5 {
    font-size: 11px;
    line-height: 14px;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .maintenance .maintul {
    list-style: none;
    padding: 0px 18px 0px;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .maintenance .maintul li .imgSec img {
    height: 17px;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .maintenance .maintul li .maintCont {
    padding-left: 7px;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .maintenance .maintul li .maintCont .btnCont {
    margin-bottom: 4px;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .maintenance .maintul li .maintCont .btnCont span {
    font: 400 12px/20px "untitled_sans_regular";
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .maintenance .maintul li .maintCont .btnCont .edit {
    margin-left: 8px;
    padding-left: 12px;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .occupancy .occupancyOtr .chartContainer .textInnerDoughnut .numTxt {
    font: 600 28px/30px "untitled_sans_regular";
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .occupancy .occupancyOtr .chartContainer .textInnerDoughnut .sumTxt .unit {
    font: 600 14px/14px "untitled_sans_regular";
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .messageOtr .maintul {
    padding: 0 !important;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .messageOtr .imgSec img {
    height: 20px !important;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .messageOtr .maintul li {
    padding: 11px 16px 0px;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .messageOtr .maintCont h4 {
    color: #211e1e !important;
    font: 400 13px/19px "untitled_sans_regular" !important;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .messageOtr .textTime {
    font: 400 11px/18px "untitled_sans_regular";
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .messageOtr .maintCont .contDtl {
    margin-bottom: 0.5rem !important;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .tenant .outerTenant .listSec .imgDtl {
    height: 40px;
    width: 40px;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .tenant .outerTenant .listSec .ContDtl h3 {
    color: #373737;
    font: 400 14px/18px "untitled_sans_regular";
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .tenant .outerTenant .listSec .iconSec i {
    color: #c7c7c7;
    font-size: 14px;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .tenant .outerTenant .listSec {
    display: flex;
    padding: 15px 21px;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .tenant .btnadd {
    font: 400 14px/20px "untitled_sans_regular";
    padding: 15px 16px;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .tenant .outerTenant .listSec .ContDtl h5 {
    color: #818181;
    font: 400 12px/17px "untitled_sans_regular";
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .tenant .outerTenant .listSec {
    display: flex;
    padding: 8px 21px;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .headerSection .viewMore .dateSec .date1,
.dashboardOtr .otrDtl .dtlSec .otrDetail .headerSection .viewMore .dateSec .date2 {
    width: 95px;
    text-indent: 2px;
    outline: 0;
    font: 400 11px/16px "untitled_sans_regular";
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .headerSection .viewMore {
    font: 400 11px/16px "untitled_sans_regular";
    margin-top: -7px;
    margin-bottom: -4px;
  }

  .datepicker td,
.datepicker th {
    font-size: 13px;
    line-height: 20px;
  }

  .datepicker.dropdown-menu {
    min-width: 15rem;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .revenue .chartLine .revText h3 {
    color: #07af7e;
    font: 500 26px/24px "untitled_sans_medium";
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .revenue .chartLine .revText h4 {
    font: 400 15px/20px "untitled_sans_regular";
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .revenue .revenueSec .reveDtlOutr {
    padding: 38px 5px;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .revenue .revenueSec .reveDtlOutr .reveDtl .revBg {
    padding: 30px 14px;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .revenue .revenueSec .reveDtlOutr .reveDtl .revBg h3 {
    font: 400 13px/18px "untitled_sans_regular";
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .revenue .revenueSec .reveDtlOutr .reveDtl .revBg p {
    font: 500 14px/21px "untitled_sans_medium";
    margin-bottom: 0px;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .revenue .revenueSec .reveDtlOutr .reveDtl {
    padding: 0px 4px;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .revenue .revenueSec .reveDtlOutr .reveDtl .revBg:after {
    height: 31px;
    border-left: 2px solid #07af7e;
    left: 8px;
    top: 34px;
  }

  .dashboardOtr .otrDtl .dtlSec .ftSec {
    font-size: 13px;
  }

  .table-styles thead th {
    font: 500 12px/20px "untitled_sans_regular";
  }

  .table-styles td .otr strong {
    font: 500 13px/20px "untitled_sans_medium";
  }

  .table-styles td .otr p {
    font: 12px/12px "untitled_sans_regular";
  }

  .table-styles td .price p {
    font: 12px/10px "untitled_sans_regular";
  }

  .table-styles td .price strong {
    font: 500 13px/17px "untitled_sans_medium";
  }

  .table-styles td {
    padding-top: 15px;
    padding-bottom: 10px;
    padding-left: 6px;
    vertical-align: middle;
    padding-right: 4px;
  }

  .table-styles td .moveDrop .dropdown-toggle i {
    min-width: 15px;
    font-size: 14px !important;
  }

  .table-styles td .moveDrop .dropdown-toggle {
    text-align: center;
  }

  .table-styles td .otr {
    padding-left: 8px;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .unsignOtr .maintul {
    padding: 0px !important;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .unsignOtr .maintul li {
    padding: 13px 19px 0px;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .unsignOtr .imgSec img {
    height: 20px !important;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .unsignOtr .maintCont h4 {
    font: 400 13px/18px "untitled_sans_regular" !important;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .headerSection .viewMore .pleft-15 {
    padding-left: 8px;
  }

  .occupancy.revenue .headerSection .viewMore .dateSec .date1,
.dashboardOtr .otrDtl .dtlSec .otrDetail .headerSection .viewMore .dateSec .date2 {
    width: 95px;
    text-indent: 0px !important;
    outline: 0 !important;
    font: 400 11px/16px "untitled_sans_regular" !important;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .expense .selectOtr {
    padding: 12px 10px 14px;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .expense .selectOtr select {
    flex: 0 0 80.333333%;
    max-width: 80.333333%;
    font-size: 12px;
  }

  .selectProperty .css-yk16xz-control {
    height: 41px;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .expense .expText .revText h4 {
    font: 400 13px/19px "untitled_sans_regular";
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .expense .expText .revText h3 {
    color: #fe6565;
    font: 500 24px/19px "untitled_sans_regular";
  }

  .monthTh {
    padding: 0px 5px;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .expense .expText:after {
    left: 50%;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .expense .chartSec .chartOtr {
    padding: 4px 20px 0px;
  }

  .tenants-otr {
    padding: 20px 20px;
  }

  .innago-table-top h1 {
    font: 17px/20px "untitled_sans_medium";
    margin-bottom: 0px;
  }

  .innago-table-top .fltr {
    height: 40px;
    font: 16px/16px "untitled_sans_regular";
  }

  .innago-table-top .fltr:after {
    top: 17px;
  }

  .innago-table-top button {
    font: 13px/19px "untitled_sans_regular";
    height: 40px;
  }

  .innago-table .table-head th.emailTxtTab {
    min-width: 155px;
  }

  .innago-table .table-head th {
    font: 500 14px/20px "untitled_sans_medium";
  }

  .innago-table .table-head th.wdt-03 {
    min-width: 190px;
  }

  .propTable .propDtl .imgProp img {
    width: 90px;
    height: 60px;
  }

  .propTable .unitSec .hed {
    text-align: center;
  }

  .propTable .iconDot {
    width: 36px;
  }

  .propTable .propOuter {
    width: 305px;
  }

  .propTable .propDtl .dtlSecprop .name {
    color: #6f6f6f;
    font: 400 13px/16px "untitled_sans_regular";
  }

  .propTable .propDtl .dtlSecprop .loction {
    margin-top: 3px;
    font-size: 13px;
  }

  .unitnum,
.avlNum {
    width: 90px;
  }

  .propTable .table-td td p {
    font: 12px/15px "untitled_sans_regular";
  }

  .propTable .unitSec .dtlHed {
    color: #6f6f6f;
    font: 400 13px/21px "untitled_sans_regular";
  }

  .propTable .table-td td {
    padding: 15px 3px;
  }

  .propTable .table-td td .c-td {
    padding-left: 0px;
  }

  .propTable .propDtl .dtlSecprop {
    padding-left: 10px;
    padding-right: 5px;
  }
}
@media (max-width: 1420px) {
  .login-outer .custom-container .loginSec,
.login-outer .custom-container .loginSec .loginBg {
    min-height: 450px;
  }
}
@media (max-width: 1330px) {
  .main-table-top {
    display: flex;
    align-items: inherit;
    margin-bottom: 20px;
    flex-direction: column;
  }

  .innago-table-top .rgt button.fltr.fltrList {
    font-size: 14px;
  }

  .main-table-top h1 {
    margin-bottom: 0px;
  }

  .reqBy {
    min-width: 141px;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .clintOtr .clntDtl ul li:nth-child(2) {
    flex: 0 0 26.666667%;
    max-width: 26.666667%;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .clintOtr .clntDtl ul li:nth-child(3) {
    flex: 0 0 48.333333%;
    max-width: 48.333333%;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .clintOtr .clntDtl ul li:nth-child(4),
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .clintOtr .clntDtl ul li:nth-child(7) {
    border-left: 0px;
    border-right: 1px solid #e7ecf0;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .clintOtr .clntDtl ul li:nth-child(4),
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .clintOtr .clntDtl ul li:nth-child(5),
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .clintOtr .clntDtl ul li:nth-child(6) {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .clintOtr .clntDtl ul li:nth-child(7),
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .clintOtr .clntDtl ul li:nth-child(8),
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .clintOtr .clntDtl ul li:nth-child(9) {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
}
@media (max-width: 1265px) {
  /*.dashboardOtr .otrDtl .sideNav {
    flex: 0 0 165px;
    max-width: 165px;
  }*/
  .expandnavbarr {
    margin-left: 165px !important;
  }

  /*.dashboardOtr .otrDtl .dtlSec {
    width: calc(100% - 165px);
        margin-left: 165px;
  }*/
  .dashboardOtr .otrDtl .sideNav .navList {
    padding: 0px 17px;
  }
}
@media (max-width: 1199px) {
  .menuItemNav {
    display: block;
    display: flex;
    align-items: center;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .clintOtr .clntDtl ul li {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .clintOtr .clntDtl ul li:nth-child(3) {
    border-left: 0px;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .clintOtr .clntDtl ul li:nth-child(4) {
    border-right: 0px;
    border-left: 1px solid #e7ecf0;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .clintOtr .clntDtl ul li:last-child {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    border-left: 0;
  }

  .propSec .propDtl .amnity:before {
    content: none;
  }

  .dashboardOtr .otrDtl .sideNav {
    display: none;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100% !important;
    padding: 0;
    height: 514px;
    overflow-y: auto;
    box-shadow: none !important;
  }

  .dashboardOtr .otrDtl .dtlSec {
    width: 100%;
    margin-left: 0px !important;
  }

  .dashboardOtr .otrDtl .sideNav {
    position: fixed;
    z-index: 1000;
    background: #eef2f7;
    width: 100%;
    box-shadow: 0px 1px 3px 1px #dfdbdb;
    padding: 0;
    top: 60px;
    height: 530px;
    box-shadow: none !important;
    overflow-y: auto;
  }

  .dashboardOtr .otrDtl .dtlSec {
    margin-left: 0px !important;
  }

  .dashboardOtr .otrDtl .sideNav.expandnavbar .logo-large, .dashboardOtr .otrDtl .sideNav .navbar-brand .navclose {
    display: none !important;
  }

  .secCode {
    padding: 0px 5px 0px 2px;
  }
}
@media (max-width: 1050px) {
  .custom-container {
    max-width: 100%;
    padding: 0px 75px;
  }

  .login-outer .custom-container .loginSec .loginDetail {
    padding: 25px 35px 30px;
  }

  .flrWid {
    width: 300px !important;
  }
}
@media (max-width: 1024px) {
  .occupancy.tenant.invoicee {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .tableProperty,
.occupancy,
.occupancy.maintenance,
.occupancy.revenue.expense,
.occupancy.maintenance.unsignOtr,
.occupancy.maintenance.messageOtr,
.occupancy.tenant,
.occupancy.revenue {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }

  .login-outer .custom-container .loginSec .loginBg .opac .contentLog .dtlLog {
    max-width: 100%;
  }

  .login-outer {
    padding: 20px 0px;
  }

  .table-main .wdt-02 {
    min-width: 235px;
  }

  .flrWid {
    width: 250px !important;
  }
}
@media (max-width: 991px) {
  .navbarOtr .navbar .search-list {
    position: absolute;
    bottom: -51px;
    width: 102%;
    left: -6px;
    padding: 0;
    margin: 0;
    background: #129ace;
    height: 52px;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .revenue .revenueSec .reveDtlOutr {
    padding: 17px 5px;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .occupancy .no_value {
    float: left;
    width: 100%;
    min-height: 51px !important;
  }

  .dashboardOtr .otrDtl .dtlSec {
    padding-top: 56px;
  }

  .navbarOtr .navbar .search-list .list-li {
    width: 100%;
  }

  .tenantDtlOutr .tenantDtl {
    position: relative;
    transition: 0.1s ease-out all;
  }

  .addTenant .modal-body .propertySecOtr {
    flex-direction: column;
  }

  .addTenant .modal-body .propertySecOtr .propOtr1 {
    margin-right: 0px;
  }

  .tenantnoneBtn {
    display: block !important;
  }

  .tenantViewBut {
    display: block !important;
    margin-right: 0 !important;
    margin-top: 10px;
  }

  .innago-table-top.tenantDtlTop .fltr {
    width: 250px;
  }

  .innago-table-top h1 {
    padding-right: 16px;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlLeft {
    margin-left: -104%;
    position: fixed;
    width: 100%;
    top: 0;
    height: 100%;
    background: #fefefe;
    z-index: 1;
    transition: 0.5s ease-out all;
    left: 0;
  }

  .leftZero {
    margin-left: 0px !important;
  }

  .tenantDtlright {
    width: 100%;
  }

  .navbar-collapse {
    flex-basis: auto;
  }

  .flrWid {
    width: 200px !important;
  }

  .login-outer {
    height: auto;
    min-height: 100vh;
  }

  .login-outer .custom-container,
.login-outer .custom-container .row {
    height: auto;
    min-height: 100vh;
  }

  .login-outer footer {
    margin-top: 20px;
  }

  .login-outer .custom-container .loginSec .loginBg .opac {
    height: 100%;
    padding: 18px 30px 20px 30px;
  }

  .login-outer .custom-container .loginSec .loginBg .opac .contentLog {
    border: none;
    margin-top: 19px;
  }

  .login-outer .custom-container .loginSec .loginBg .opac .logoSec {
    padding: 0;
  }

  .login-outer .custom-container .loginSec .loginBg .opac .contentLog h3 {
    font: 400 16px/22px "untitled_sans_regular";
    margin-bottom: 4px;
  }

  .custom-container {
    max-width: 100%;
    padding: 0px 55px;
  }

  .unitnum,
.avlNum {
    width: 68px;
  }

  .propTable .propOuter {
    min-width: 325px;
  }

  .propTable .unitSec {
    padding-left: 15px;
    min-width: 116px;
  }

  .formSection .upldFile .upld-otr .custom-file-upload {
    padding: 0px 15px;
  }

  .addTenant .modal-body .clientInfo .formSecInp {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .login-outer .custom-container .loginSec .loginDetail {
    padding: 25px 25px 30px;
  }

  .addTenant .modal-body .propOtr1,
.addTenant .modal-body .propOtr,
.addTenant .modal-body .propOtr .formInp {
    flex: 0 0 100% !important;
    max-width: 100%;
  }

  .addTenant .modal-body .propertySec .cardOtr {
    margin-top: 19px;
  }

  .addTenant .modal-body .propertySec {
    flex-wrap: wrap;
  }

  .formInp.checkBx {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  ul.navbar-nav.ml-auto {
    flex-direction: row;
    display: flex;
    justify-content: flex-end;
  }
  ul.navbar-nav.ml-auto i {
    font-size: 18px;
    padding-left: 10px;
    color: #73787b;
    cursor: pointer;
  }

  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .fltrMaint {
    width: calc(100% - 350px);
  }

  /**/
}
@media (max-width: 885px) {
  .flrWid {
    width: 100% !important;
    margin-left: 0px !important;
    margin-top: 11px !important;
  }

  .innago-table-top.tenantDtlTop .fltr {
    width: 300px;
  }

  .innago-table-top.main-table-top .rgt {
    flex-wrap: wrap;
  }
}
@media (max-width: 880px) {
  .innago-table-top.tenantDtlTop .fltr {
    width: 100%;
  }

  .innago-table-top .rgt {
    flex-wrap: wrap;
  }

  .innago-table-top .fltr {
    /*width: 100%;
              margin-bottom: 5px;
              margin-top: 12px;*/
  }

  .innago-table-top.main-table-top .fltr {
    width: 119px;
  }

  .innago-table-top.main-table-top button {
    width: auto;
  }

  .filterSide.fltrMaint {
    top: 96px;
    width: 100%;
  }

  .addTenant .modal-body .clientInfo .formSection .unitSectn {
    flex: 0 0 38.666% !important;
    max-width: 38.666% !important;
  }

  .addTenant .modal-body .clientInfo .formSection .bdroom {
    flex: 0 0 19.666% !important;
    max-width: 19.666% !important;
  }

  .addTenant .modal-body .clientInfo .formSection .depounit {
    flex: 0 0 38.666% !important;
    max-width: 38.666% !important;
  }
}
@media (max-width: 850px) {
  .innago-table-top {
    align-items: inherit;
    margin-bottom: 18px;
    flex-direction: column;
    justify-content: flex-end;
  }

  .innago-table-top h1 {
    margin-bottom: 4px;
    font-size: 15px;
  }

  .prop-table-top {
    align-items: inherit;
    margin-bottom: 10px;
    flex-direction: column;
    justify-content: flex-end;
  }

  .prop-table-top h1 {
    line-height: 35px;
    margin-bottom: 0px;
  }

  .main-table-top {
    margin-bottom: 3px;
  }
}
@media (max-width: 767px) {
  /*.FormrightOutr
          {
            margin-top:15px;
            }*/
  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .clintOtr .clntDtl {
    padding: 0;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .occupancy .occupancyOtr .dtlOccupy {
    padding: 10px 15px;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .revenue .revenueSec .reveDtlOutr .reveDtl .revBg:after {
    top: 15px;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .revenue .revenueSec .reveDtlOutr .reveDtl .revBg {
    padding: 10px 14px;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .revenue .revenueSec .reveDtlOutr {
    padding: 10px 5px;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .revenue .chartLine .revText {
    margin-top: 4px !important;
  }

  .filterSide.fltrMaint .close {
    width: auto !important;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .InvoiceOtr .btnOtrSec .btnCard {
    width: 40%;
  }

  .filterSide .outerBg .formInp {
    padding: 0px 4px 5px;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .InvoiceOtr .btnOtrSec .btnBlue {
    margin-left: 8px;
  }

  .filterSide {
    padding: 30px 28px 15px;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .outrBilling .widbx2 {
    margin-top: 8px;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .outrBilling .widbx1 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .clintOtr .imgCl {
    display: none;
  }

  .formSection .upldFile {
    min-height: 200px;
  }

  .filterSide {
    z-index: 9;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .tableProperty .dropdown-item,
.dashboardOtr .otrDtl .dtlSec .otrDetail .occupancy .dropdown-item {
    padding: 3px 0px 3px;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .tableProperty .dropdown-menu,
.dashboardOtr .otrDtl .dtlSec .otrDetail .occupancy .dropdown-menu {
    min-width: 70px;
  }

  .login-outer .custom-container .loginSec .loginBg {
    min-height: 164px;
  }

  .login-outer .custom-container .loginSec .loginDetail {
    padding: 36px 35px 50px;
  }

  .login-outer .custom-container .row {
    margin: 0;
    padding: 0;
  }

  .custom-container {
    max-width: 100%;
    padding: 0px 35px;
  }
}
@media (max-width: 765px) {
  .tableProperty,
.occupancy,
.occupancy.maintenance,
.occupancy.revenue.expense,
.occupancy.maintenance.unsignOtr,
.occupancy.maintenance.messageOtr,
.occupancy.tenant,
.occupancy.revenue {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .tenant .dropdown-menu:before {
    right: 26px;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .outrBilling .widbx2,
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .outrBilling .widbx3 {
    flex: 0 0 100%;
    max-width: 100%;
    border-left: 0;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright {
    border-left: 0px;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .clintOtr {
    flex-direction: column;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .clintOtr .clntDtl ul li {
    width: 100%;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .otherSection .otherOtr .otherDtl ul .contentEml .dtlSecEml .dtlPaye .payCont {
    font: 400 14px/20px "untitled_sans_regular";
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .otherSection .otherOtr {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 11px;
    padding-right: 0px;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .otherSection .otherOtr .otherDtl ul {
    padding: 15px 4px;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .otherSection .otherOtr .otherDtl .emlOtr {
    padding: 11px 8px;
  }

  .tenants-otr {
    padding: 24px 14px;
  }

  .innago-table-top .fltr {
    margin-left: 0px;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .occupancy.invoicee .dropdown-menu:before {
    right: 23px;
  }

  .formSection .formInp.checkBx .addInvoice {
    margin-top: 15px;
  }

  .formSection .formInp.checkBx {
    flex-direction: column;
  }

  .formSection .formInp.checkBx .addInvoice {
    justify-content: center;
  }

  .propertyOuter .propertyDtlRight .propertyDtlSecn .outer-section-prop {
    flex-wrap: wrap;
  }

  .propertyOuter .propertyDtlRight .propertyDtlSecn .outer-section-prop .prop-nameDtl {
    flex: 0 0 60%;
    border-bottom: 1px solid #dfdfdf;
  }

  .propertyOuter .propertyDtlRight .propertyDtlSecn .outer-section-prop .unitsProp,
.propertyOuter .propertyDtlRight .propertyDtlSecn .outer-section-prop .unitsAvl,
.propertyOuter .propertyDtlRight .propertyDtlSecn .outer-section-prop .tenantnme {
    flex: 0 0 20%;
    border-bottom: 1px solid #dfdfdf;
  }

  .propertyOuter .propertyDtlRight .propertyDtlSecn .outer-section-prop .rentDtl {
    flex: 0 0 40%;
  }
}
@media (max-width: 660px) {
  button.btn-dvd.blue-bg,
.btn-dvd.orange-bg,
.btn-dvd.green-bg {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }

  .innago-table-top.main-table-top .fltr {
    width: 100%;
  }

  .filterSide.filterSide-01 {
    top: 182px;
  }

  .innago-table-top.main-table-top button {
    width: 100%;
    margin-bottom: 6px;
    margin-left: 0;
    margin-right: 0;
  }

  .maint_req .add svg {
    margin: inherit;
    margin-right: 10px;
  }

  .flrWid {
    margin-top: 3px !important;
  }

  .filterSide.fltrMaint {
    top: 235px;
  }

  .filterSide .outerBg .formInp {
    margin-bottom: 7px !important;
  }

  .addTenant .modal-body .clientInfo .formSection .unitSectn {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .addTenant .modal-body .clientInfo .formSection .depounit {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }

  .addTenant .modal-body .clientInfo .formSection .bdroom {
    flex: 0 0 32.666% !important;
    max-width: 32.666% !important;
  }
}
@media (max-width: 650px) {
  .propertyOuter .propertyDtlRight .rightBg .tabRightBg .unitAction {
    margin-right: 0px;
    margin-top: 14px;
    margin-bottom: 14px;
  }

  .invoiceTable .table-td .checkboxWidth {
    min-width: 38px;
  }
}
@media (max-width: 550px) {
  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .invSplit .table-td th.amtSec,
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .invSplit .table-td th.paymentType,
.tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .invSplit .table-td th.billCycle {
    width: 160px;
  }

  .innago-table table {
    width: 800px;
  }

  .addTenant .modal-body .clientInfo .formSecInp {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .navbarOtr .navbar .serach-Outrr .serachableDiv {
    width: 91%;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .otherSection .otherOtr .cnfirm .tableTenantDtl table td {
    font-size: 14px;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .InvoiceOtr .btnOtrSec .btnBlue {
    margin-left: 0px;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .headerSection .viewMore {
    margin-top: 4px;
    margin-bottom: 2px;
  }

  .prop-table-top .filterSide .outerBg .formInp {
    padding: 0px 4px 0px;
  }

  .prop-table-top .filterSide .outerBg .btnOtr button {
    margin: 0;
    margin-bottom: 10px;
  }

  .filterSide .fltrOtr {
    padding-bottom: 20px !important;
  }

  .filterSide .outerBg .otrTenantCheck {
    flex-direction: column;
  }

  .filterSide .outerBg .otrTenantCheck .tenantStatus .tenantstOtr {
    margin-bottom: 0px;
  }

  .filterSide .formSection .formInp .containerCheck,
.filterSide .formSection .formInp label {
    margin-bottom: 5px;
  }

  .filterSide .outerBg .otrTenantCheck .accStatus {
    padding-bottom: 10px !important;
  }

  .filterSide .outerBg .otrTenantCheck .tenantStatus {
    padding: 12px 5px 0px;
    border-right: 0px;
  }

  .addTenant .modal-body .clientInfo .formSection {
    padding: 15px 12px;
  }

  .expDate,
.secCode {
    padding: 0px 15px 0px 15px;
  }

  .addTenant {
    padding: 0px 10px;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .InvoiceOtr .btnOtrSec .btnCard {
    padding: 10px 20px !important;
    width: 100%;
    margin-bottom: 7px;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .btnCard .btnTxt:after {
    content: none;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .nav-pills .nav-link {
    font-size: 14px;
  }
}
@media (max-width: 500px) {
  .filterSide.filterBottom {
    top: 93px;
  }

  .filterSide.filterSide-01 {
    top: 191px;
  }

  .innago-table-top .fltr {
    width: 100%;
    margin-top: 8px;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .expense .expText {
    flex-direction: column;
    padding: 12px 11px;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .nav-pills .nav-link {
    font-size: 14px;
  }

  .innago-table.table-main.expenses-table.invSplit .table-head th {
    font-size: 15px !important;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .InvoiceOtr .contentInv h2 {
    font: 500 28px/28px "untitled_sans_regular";
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .invSplit .table-td td {
    font: 400 14px/20px "untitled_sans_regular";
  }

  .innago-table-top.prop-table-top .add {
    width: 100% !important;
  }

  .innago-table-top .add,
.innago-table-top .export {
    width: 100%;
    margin-left: 0px;
    margin-right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .innago-table-top .export {
    margin-bottom: 8px;
  }

  .innago-table-top .export svg,
.innago-table-top .add svg {
    margin: 0px;
    margin-right: 5px;
  }

  .prop-table-top h1 {
    margin-bottom: 7px;
  }

  .innago-table.propTable {
    padding: 0px 0px;
  }

  .filterSide {
    padding: 28px 21px 15px;
  }

  .login-outer footer {
    margin-top: 15px;
    font: 400 14px/20px "untitled_sans_regular";
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .occupancy.invoicee .dropdown-menu:before {
    right: 8px;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .tableProperty .dropdown-menu {
    min-width: 65px;
    padding: 6px 7px;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .tableProperty .dropdown-menu:before {
    right: 16px;
  }

  .innago-table.table-main .table-head th {
    font: 500 13px/20px "untitled_sans_regular";
  }

  .table-main .actionSec {
    min-width: 60px;
    width: 60px;
  }

  .table-main .table-td .dropdown-item {
    padding: 3px 0px 3px;
  }

  .otrTenantCheck {
    flex-direction: column;
  }

  .otrTenantCheck .otrProcess {
    margin-left: 0;
  }

  .table-main .table-td .dropdown-menu {
    min-width: 71px;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .expense .expText:after {
    height: 0px;
  }

  .revText.text-center {
    padding-bottom: 8px;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .headerSection h3 {
    font: 500 13px/22px "untitled_sans_regular";
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .expense .occupancyOtr {
    padding: 7px 0px 20px;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .revenue .chartLine,
.dashboardOtr .otrDtl .dtlSec .otrDetail .revenue .revenueSec .reveDtlOutr {
    flex-direction: column;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .revenue .chartLine:after {
    height: 0px;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .revenue .chartLine .revText {
    margin-top: 25px;
    border-bottom: 1px solid #dee2e6;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .revenue .revenueSec .reveDtlOutr .reveDtl {
    flex: 0 0 100%;
    margin-bottom: 10px;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail {
    padding: 9px 6px 0px;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .occupancy.mb-3,
.dashboardOtr .otrDtl .dtlSec .otrDetail .tableProperty.mb-3 {
    margin-bottom: 15px !important;
  }

  .innago-table {
    padding: 4px 8px;
  }

  /*.innago-table .table-head th {
              padding: 2px 12px;
              }*/
  .navbar {
    padding: 0px 11px;
  }

  .navbar-brand {
    margin-right: 0px;
  }

  button.btn-dvd.blue-bg {
    width: 100%;
    margin-bottom: 6px;
  }

  .innago-table-top.main-table-top button {
    width: 100%;
    margin-bottom: 6px;
    margin-left: 0;
  }

  button.btn-dvd.blue-bg,
.btn-dvd.orange-bg,
.btn-dvd.green-bg {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }

  .custom-container {
    padding: 0px 15px;
  }

  .login-outer .custom-container .loginSec .loginDetail {
    padding: 30px 15px 40px;
  }
}
@media (max-width: 475px) {
  .propertyOuter .propertyDtlRight .propertyDtlSecn .outer-section-prop .prop-nameDtl {
    flex: 0 0 100%;
  }

  .propertyOuter .propertyDtlRight .propertyDtlSecn .outer-section-prop .unitsProp,
.propertyOuter .propertyDtlRight .propertyDtlSecn .outer-section-prop .unitsAvl,
.propertyOuter .propertyDtlRight .propertyDtlSecn .outer-section-prop .tenantnme {
    flex: 0 0 33.33%;
  }

  .propertyOuter .propertyDtlRight .propertyDtlSecn .outer-section-prop .rentDtl {
    flex: 0 0 50%;
  }
}
@media (max-width: 430px) {
  .navbarOtr .navbar .navbar-collapse .profName {
    font: 400 12px/22px "untitled_sans_regular";
  }

  .addTenant .modal-footer {
    padding-right: 14px;
  }

  .login-outer .custom-container .loginSec .loginBg .opac {
    padding: 18px 20px 20px 25px;
  }

  .navbarOtr .navbar .navbar-brand img {
    height: 34px;
  }

  .navbarOtr .navbar .navbar-collapse .imgNoti {
    display: none !important;
  }

  .navbarOtr {
    padding: 0px 0px;
  }

  .addTenant .modal-body .clientInfo .formSection {
    padding: 15px 12px 10px;
  }

  .addTenant .modal-body {
    padding: 21px 15px;
  }

  .addTenant .modal-footer .btnSubmit {
    width: 100%;
  }

  .formSection .formInp label {
    font-size: 14px;
  }

  ::placeholder {
    font-size: 14px;
  }
}
@media (max-width: 400px) {
  .addTenant .modal-body .clientInfo .formSection .bdroom {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }

  .addTenant .modal-body .clientInfo .formSection .depounit {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}
@media (max-width: 374px) {
  .dashboardOtr .otrDtl .dtlSec .otrDetail .expense .occupancyOtr .headerSection {
    flex-direction: column;
  }
  .dashboardOtr .otrDtl .dtlSec .otrDetail .expense .occupancyOtr .headerSection .viewMore {
    justify-content: flex-end;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .InvoiceOtr .otrpaid .listPaid {
    padding: 20px 10px;
  }

  .invSplit .wdt-01 {
    width: 186px;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .otherSection .otherOtr .cnfirm .tableTenantDtl table td {
    font-size: 13px;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright li.nav-item {
    width: 50%;
    margin-bottom: 5px;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .outrTabBg {
    padding: 10px 10px 14px;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .clintOtr .clntDtl ul li {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    border-left: 0px;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .clintOtr .clntDtl ul li:nth-child(4) {
    border-left: 0px;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .clintOtr .clntDtl ul li:nth-child(7) {
    border-right: 0px;
  }

  .propSec .invoice .unitDtl {
    display: flex;
    flex-direction: column;
  }

  .propSec .invoice .unitDtl .anothrUnit {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #1382d9;
    text-align: center;
    padding: 5px 0px;
    color: #fff;
    border-radius: 3px;
    margin-top: 7px;
    padding: 8px 0px;
  }

  .filterSide .outerBg .btnOtr .btnClear,
.filterSide .outerBg .btnOtr .btnApply {
    width: 100%;
    margin-left: 0;
  }

  .filterSide .outerBg .btnOtr .btnClear {
    margin-bottom: 10px;
  }

  .prop-table-top {
    flex-direction: column;
  }

  .prop-table-top h1 {
    line-height: 20px;
  }

  /*.prop-table-top .add {
              width: auto !important;
              }*/
  .innago-table-top .export {
    margin-bottom: 8px;
  }

  .innago-table-top {
    margin-bottom: 16px;
  }

  .dashboardOtr .otrDtl .dtlSec .otrDetail .revenue .occupancyOtr .headerSection {
    flex-direction: column;
  }
  .dashboardOtr .otrDtl .dtlSec .otrDetail .revenue .occupancyOtr .headerSection .viewMore {
    justify-content: flex-end;
  }
}
@media (max-width: 650px) {
  .propertyOuter .propertyDtlRight .rightBg .tabRightBg {
    flex-direction: column;
  }
}
.innago-table .table-td td {
  height: unset !important;
}

.innago-table .table-head th {
  height: unset !important;
}

.selctOtr {
  position: relative;
}
.selctOtr:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #acacac;
  position: absolute;
  top: 23px;
  right: 15px;
}

.navmenuIcon {
  cursor: pointer;
}
.navmenuIcon .fa-bars {
  color: #696666;
}
@media (max-width: 1199px) {
  .navmenuIcon {
    display: none;
  }
}

.serachableDiv .listSec::-webkit-scrollbar {
  width: 4px;
}

/* Track */
.serachableDiv .listSec::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
.serachableDiv .listSec::-webkit-scrollbar-thumb {
  background: #a09c9c;
}

/* Handle on hover */
.serachableDiv .listSec::-webkit-scrollbar-thumb:hover {
  background: #a09c9c;
}

@media (max-width: 328px) {
  .invoiceOuter .invoiceTab .invoiceRightText {
    padding: 8px 0px;
    justify-content: center;
  }
}
.main-content-area {
  min-height: calc(100vh - 137px);
  width: 100%;
}
.main-content-area .content-header {
  border-bottom: 1px solid #ABBFE3;
  padding: 12px 40px;
}
.main-content-area .content-header h4 {
  margin: 0;
  font-size: 25px;
  font-weight: 500;
  line-height: 0;
}
.main-content-area .content-header h4 .svg {
  fill: #D5D5D5;
  margin-right: 14px;
  max-width: 24px;
}
.main-content-area .in-content-area {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.main-content-area .in-content-area .p-slider-section {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex: 2;
  padding: 20px;
}
.main-content-area .in-content-area .p-slider-section .slider-main {
  order: 2;
  max-width: 729px;
  margin: 0;
  width: 100%;
  height: 880px;
}
.main-content-area .in-content-area .p-slider-section .slider-main .slick-track .item img {
  max-width: 50px;
}
.main-content-area .in-content-area .p-slider-section .slider-main .slick-track .item .s-content-header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.main-content-area .in-content-area .p-slider-section .slider-main .slick-track .item .s-content-header .left h4 {
  font-size: 25px;
  font-weight: 500;
  color: #142646;
  margin: 0;
}
.main-content-area .in-content-area .p-slider-section .slider-main .slick-track .item .s-content-header .left h5 {
  font-size: 18px;
  font-weight: 500;
  color: #B5C9EC;
}
.main-content-area .in-content-area .p-slider-section .slider-main .slick-track .item .s-img-container {
  border: 1px solid #ABBFE3;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}
.main-content-area .in-content-area .p-slider-section .slider-nav .slick-list {
  height: 815px !important;
  width: 105px;
  padding: 1px 0px !important;
  margin-right: 10px;
}
.main-content-area .in-content-area .p-slider-section .slider-nav .slick-list .slick-track {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  width: 100px !important;
}
.main-content-area .in-content-area .p-slider-section .slider-nav .item {
  height: 100px !important;
  width: 100px !important;
  border: 1px solid #ABBFE3;
  display: flex !important;
  justify-content: center;
  margin-bottom: 15px;
  position: relative;
}
.main-content-area .in-content-area .p-slider-section .slider-nav .item img {
  max-width: 23px;
}
.main-content-area .in-content-area .p-slider-section .slider-nav .item p {
  position: absolute;
  bottom: 2px;
  left: 6px;
  color: #ABBFE3;
  font-size: 18px;
  font-weight: 500;
  margin: 0;
}
.main-content-area .in-content-area .p-form-section {
  background: white;
  flex: 1;
  max-width: 509px;
  padding: 75px 40px;
}
.main-content-area .in-content-area .p-form-section form {
  max-width: 350px;
}
.main-content-area .in-content-area .p-form-section form .form-group label {
  font-size: 16px;
  font-weight: 400;
  color: #ABBFE3;
}
.main-content-area .in-content-area .p-form-section form .form-group .form-control {
  border: 1px solid #ABBFE3;
  border-radius: 0;
  height: 51px;
}

.services-slider {
  display: flex;
}

slider-main {
  width: 100%;
}

.main-container {
  width: 100%;
  order: 2;
}
.main-container .slider .slick-list {
  padding: 0 !important;
}
.main-container .slider .item {
  height: 800px;
}

.nav-container {
  margin-top: 40px;
}
.nav-container .slick-track {
  margin-left: 0 !important;
}

.slick-prev {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 33px;
  height: 20px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
  margin: auto;
}
.slick-prev:before {
  content: "";
  display: block;
  height: 20px;
  width: 33px;
  background: url("../images/arrow-top.svg") no-repeat;
}

.slick-next {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 33px;
  height: 20px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
  margin: auto;
}
.slick-next:before {
  content: "";
  display: block;
  height: 20px;
  width: 33px;
  background: url("../images/arrow-bottom.svg") no-repeat;
}

.btn-upload {
  background-color: #06B2FF !important;
  border-color: #06B2FF !important;
  font-size: 17px !important;
}

.btn-d-dlt {
  color: #142646 !important;
  font-weight: 500 !important;
  font-size: 17px !important;
  background-color: #F1F6FF !important;
}

.try-again {
  background: #1382D9;
  height: 100vh;
}
.try-again .otr-dtl-section {
  padding-top: 60px;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.try-again .img-try {
  text-align: center;
}
.try-again .img-try img {
  height: 450px;
}
.try-again .img-txt {
  text-align: center;
  color: #fff;
  margin-top: 40px;
}
.try-again .img-txt h4 {
  font: 16px/20px "untitled_sans_regular";
}
.try-again .img-txt h3 {
  font: 25px/20px "untitled_sans_medium";
  margin-bottom: 14px;
}

.agree-outer {
  display: flex;
  flex-direction: column;
  min-height: 90vh;
}
.agree-outer header {
  flex: 0 0 auto;
}
.agree-outer .heder-section {
  background: #1382D9;
  height: 65px;
  padding: 15px 15px;
}
.agree-outer .heder-section img {
  height: 40px;
}
.agree-outer .agree-detail {
  flex: 1 1 auto;
}
.agree-outer .agree-detail .text-hed {
  background: #f6f6f6;
}
.agree-outer .agree-detail h2 {
  background: #f6f6f6;
  font: 18px/20px "untitled_sans_medium";
  color: #0866b0;
  padding: 15px 22px;
  text-transform: uppercase;
}
.agree-outer .otr-dtl-section {
  padding: 0px 84px;
  margin-top: 60px;
}

.ftOtr-outr {
  background: #f6f6f6;
}
.ftOtr-outr .ftOtr-prt {
  padding: 15px 35px;
  display: flex;
  justify-content: space-between;
}
.ftOtr-outr .ftOtr-prt .copy-txt {
  color: #817e7e;
  font: 15px/26px "untitled_sans_regular";
  display: flex;
  align-items: center;
}
.ftOtr-outr .ftOtr-prt .btn-ftr .btn-sub {
  background: #1382d9;
  border: none;
  color: #fff;
  padding: 9px 19px;
  text-transform: uppercase;
  font: 14px/20px "untitled_sans_regular";
}

.addsign .modal-body .outrForm {
  flex-direction: column;
}
.addsign .modal-body .outrForm button {
  width: 95px;
  float: none;
  margin: 0 auto;
  background: #1382d9;
  border: none;
  color: #fff;
  padding: 9px 19px;
  text-transform: uppercase;
  font: 14px/20px "untitled_sans_regular";
  cursor: pointer;
}
.addsign .modal-body .outrForm .spanOr {
  width: 94%;
  text-align: center;
  display: inline-block;
  margin-top: 9px;
}
.addsign .modal-body .outrForm .formInp input {
  font-size: 13px;
  width: 100%;
}
.addsign .modal-body .outrForm .formInp label.custom-file-label {
  display: flex;
  background: #f2f3f3;
  border: none;
  /* justify-content: flex-end; */
  position: relative;
  cursor: pointer;
  align-items: center;
}
.addsign .modal-body .outrForm .formInp label.custom-file-label input[type=file] {
  opacity: 0;
}
.addsign .modal-body .outrForm .formInp label.custom-file-label img {
  height: 20px;
  padding-right: 10px;
}
.addsign .modal-body .outrForm .formInp label.custom-file-label span {
  display: inline-block;
  width: 100%;
  font: 400 15px/26px "untitled_sans_medium";
}
.addsign .modal-body .outrForm .formInp label {
  width: 100%;
  margin-top: 4px;
  font: 400 15px/20px "untitled_sans_medium";
}
.addsign .modal-body .outrForm .formInp canvas {
  border: 1px dashed #e7e3e3;
}

.transaction-tab-invoice .formsection.transactionSelectForms .outrForm .formInp.custon-flex {
  justify-content: flex-end;
}
.transaction-tab-invoice .formSection .formInp .form-control {
  background: #d3dbe3 !important;
}
.transaction-tab-invoice .formsectionPadding {
  display: flex;
  align-items: center;
}
.transaction-tab-invoice .formsectionPadding label {
  padding-right: 9px;
}

select.form-control {
  font-size: 14px !important;
}

.top-bar {
  display: flex;
  width: calc(100% - 130px);
  justify-content: flex-end;
}

.react-datepicker.floating {
  left: -100px;
}

.datePic2 .react-datepicker.floating {
  left: -100px;
}

.innago-table-top.main-table-top.maint_req.maint_req_btm.invoiceTable .add {
  margin-right: 0px;
}

.rgt.pl-2 {
  padding-left: 12px !important;
}

.rgt .btn-dvd.blu-bg {
  display: flex;
  justify-content: space-between;
}

.leaseagreeModal {
  justify-content: center;
}

.tenantDtlright .tenants-otr.settingsOuter {
  background-color: #fff;
  padding: 10px;
}
.tenantDtlright .tenants-otr.settingsOuter .innago-table-top {
  background-color: #e5e9ee;
  padding: 10px;
  margin-bottom: 0px;
}
.tenantDtlright .tenants-otr.settingsOuter .innago-table.table-main.mb-3 {
  padding: 0px;
  margin-top: 20px;
}

.rgt.addTransctnbtn .col-md-1.formsectionPadding.pr-1 {
  max-width: 100px;
  flex: 0 0 25%;
  padding-left: 0px;
}

.rgt.addTransctnbtn {
  max-width: 50%;
  width: 50%;
}

.supportTicket .responseSec .customfile::before {
  position: absolute;
  line-height: unset;
  height: 28px;
}

.formSection .formInp .form-control, .formSection .formInp select.form-control {
  position: relative;
  overflow: hidden;
}

@media (max-width: 1300px) {
  .innago-table.table-main.invoiceTable .invoiceOtr {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .innago-table.table-main.invoiceTable .markpaidBtn.d-flex {
    margin-top: 10px;
  }
}
@media (max-width: 1100px) {
  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .rightBtn button {
    text-align: left;
    margin: 0px 0px 10px 0px !important;
  }

  .innago-table.table-main.invoiceTable .invoiceOtr {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .innago-table.table-main.invoiceTable .markpaidBtn.d-flex {
    margin-top: 10px;
  }

  .viewMore .dateSec .react-datepicker {
    left: -100px;
  }
  .viewMore .datePic2 .react-datepicker.floating {
    left: -120px;
  }

  .rgt .btn-dvd.blu-bg {
    display: flex;
    flex-wrap: nowrap;
  }

  .prop-table-top .add {
    display: flex;
    flex-wrap: nowrap;
  }
}
@media (max-width: 991px) {
  .innago-table-top.main-table-top.maint_req {
    flex: unset;
    margin-bottom: 10px;
  }

  .innago-table.table-main.dataSourcesTable {
    width: 100%;
    overflow: scroll;
  }

  .rgt.addTransctnbtn .col-md-1.formsectionPadding.pr-1 {
    padding-left: 0px;
  }

  .col-md-1.formsectionPadding.pr-1 select.form-control.dts-sel {
    width: auto;
  }

  .innago-table.table-main.leasestable.invoiceTable div:nth-child(2) {
    overflow-y: hidden !important;
  }

  .leasesfilesOuter .innago-table-top.main-table-top.maint_req button.fltr.flrWid {
    width: 116px !important;
  }

  .col-md-1.formsectionPadding {
    padding-right: 0px !important;
  }

  .account-btn.col-md-3 button.btnadd.col-md-4:last-child {
    padding-right: 0px;
    margin-right: 0px !important;
  }

  .transaction-tab .transactionOuter.col-md-9 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .account-btn.col-md-3 {
    height: auto;
    flex: 0 0 100%;
    max-width: 100%;
    justify-content: space-between;
  }

  .expense-otr .cstm-pdg {
    margin-bottom: 15px;
  }

  .expenseTab ul li.nav-item {
    width: 100%;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
  }
  .expenseTab ul li.nav-item a {
    margin-right: 0px !important;
  }

  .transaction-tab-invoice .formsectionPadding label {
    width: 100px;
  }

  .transaction-tab .row.m-0.transaction-tab-invoice.innago-table-top {
    flex: inherit;
  }
  .transaction-tab .row.m-0.transaction-tab-invoice.innago-table-top button.btn-dvd {
    width: calc(50% -6px);
  }
  .transaction-tab .row.m-0.transaction-tab-invoice.innago-table-top button.btn-dvd.green-bg {
    margin-right: 0px !important;
    justify-content: space-between;
  }

  .innago-table.table-main.expenses-table.invSplit .ta {
    overflow-y: scroll;
  }

  .maintenanceOuter {
    display: flex;
  }
  .maintenanceOuter .inner-main-outer-sec {
    order: 2;
  }
  .maintenanceOuter .priorityOuter {
    order: 1;
    top: unset;
    margin-bottom: 15px;
  }
  .maintenanceOuter .categoryOuter {
    padding: 25px !important;
  }

  .col-md-12.listing.issue-section-outer {
    padding: 0px !important;
  }

  button#viewAllTenant {
    display: none !important;
  }

  .maintenanceOuter .categoryOuter {
    margin-right: 0px;
  }

  .innago-table-top.main-table-top.maint_req.maint_req_btm.invoiceTable .add {
    margin-right: 0px;
    margin-left: 9px;
  }

  .innago-table-top.main-table-top.maint_req.maint_req_btm .flrWid {
    width: 150px !important;
    margin-top: 0px !important;
    margin-bottom: 10px;
    margin-right: 0px !important;
  }

  .d-flex.formInp.custon-flex .col-md-3 {
    padding-right: 0px !important;
  }

  .innago-table.table-main.invoiceTable div:nth-child(2) {
    overflow-y: scroll;
  }

  .tenants-inner .amountSection .amountOuter .paid-amount {
    height: 100%;
  }

  .tenants-inner .amountSection .amountOuter .invoice-btn {
    height: 100%;
  }

  .invoiceOtr {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .invoiceOtr .markpaidBtn {
    justify-content: space-between;
  }

  .overdue::after {
    left: 37px !important;
  }

  .tenants-otr .innago-table-top .export {
    margin-top: 0px !important;
    margin-right: 12px !important;
    margin-bottom: 10px;
  }

  .tenants-otr .innago-table-top button.export {
    margin-top: 0px;
    margin-right: 12px !important;
    margin-bottom: 10px;
  }

  .top-bar {
    width: 100%;
    display: flex;
    justify-content: flex-end;
  }
  .top-bar .rgt {
    width: auto !important;
  }

  .innago-table-top {
    flex: auto;
    flex-direction: column;
    padding-left: 5px;
    justify-content: space-between;
  }
  .innago-table-top .lft {
    width: 100%;
    margin-bottom: 10px;
  }
  .innago-table-top .rgt {
    width: 100%;
    justify-content: flex-end !important;
  }
  .innago-table-top .rgt .inputCopySec {
    max-width: calc(100% - 170px);
    overflow: hidden;
    margin-right: 10px;
  }
  .innago-table-top .rgt button.export {
    margin-top: 0px;
  }
  .innago-table-top .rgt button.export {
    margin-top: 0px;
    margin-right: 12px !important;
    margin-bottom: 0px;
    height: 43px;
  }

  .tenantViewBut {
    margin-top: 0px !important;
    margin-right: 12px !important;
    margin-bottom: 10px !important;
  }

  .rgt.addTransctnbtn {
    max-width: 100%;
    width: 100%;
  }
}
@media (max-width: 790px) {
  .innago-table.table-main.invoiceTable .markpaidBtn.d-flex {
    margin-top: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
  }

  .innago-table.table-main.invoiceTable .markpaidBtn.d-flex button {
    width: 20%;
  }
}
@media (max-width: 767px) {
  .innago-table-top {
    flex: unset !important;
  }

  .filterSide .outerBg .btnOtr .btnApply {
    margin-bottom: 0px !important;
  }

  .categorySec.cursorPointer {
    width: 200px;
  }

  .rgt.addTransctnbtn .col-md-1.formsectionPadding.pr-1 {
    max-width: 100%;
    flex: 0 0 100%;
    padding-left: 0px;
  }

  .rgt.addTransctnbtn {
    max-width: 100%;
    width: 100%;
  }

  .col-md-1.formsectionPadding.pr-1 select.form-control.dts-sel {
    width: 100%;
  }

  .tenants-otr .innago-table-top .col-md-1.formsectionPadding.pr-1 {
    order: 3;
    width: 100%;
    padding: 0px;
  }

  .dataSourcesOuter {
    padding-right: 5px;
    background-color: #fff;
  }

  .innago-table.table-main.dataSourcesTable {
    width: 100%;
    overflow: scroll;
  }

  .innago-table.table-main.maintenanceTable {
    overflow: scroll;
    width: 100%;
  }

  .expensefilterSide {
    width: 100% !important;
    left: 0px;
  }

  .rc-menu-submenu.rc-menu-submenu-popup.undefined.rc-menu-submenu-placement-rightTop {
    left: 20px !important;
  }

  .leasesfilesOuter .innago-table-top.main-table-top.maint_req button.fltr.flrWid {
    width: 116px !important;
    margin-top: 0px !important;
    margin-left: 10px !important;
  }

  .leasesfilesOuter .innago-table-top.main-table-top.maint_req button.btn-dvd.red-bg {
    justify-content: space-between;
  }

  .leasesfilesOuter .formsectionPadding.selTenant.pr-2 {
    padding-right: 0px !important;
  }

  .expense-otr .expense-dlr-bx {
    margin-bottom: 25px;
    padding-left: 20px;
    align-items: baseline;
  }

  .innago-table-top {
    padding-left: 0px;
  }

  .addTenant .modal-header .close {
    position: absolute;
    top: 13px;
    right: 10px;
  }

  .propertyOuter .propertyDtlRight .rightBg .tab-content .unitBox .box {
    align-items: flex-start;
    justify-content: flex-start;
  }

  .filterSide .close span {
    position: absolute;
    right: 0px;
  }

  .innago-table-top.main-table-top.maint_req.maint_req_btm.invoiceTable .add {
    margin-right: 0px;
    margin-left: 0px;
  }

  .innago-table-top.main-table-top.maint_req.maint_req_btm .flrWid {
    width: 150px !important;
  }

  .innago-table-top.main-table-top.maint_req.maint_req_btm.invoiceTable button.fltr.flrWid {
    width: 150px;
  }

  .react-datepicker .react-datepicker-container {
    width: 200px !important;
  }

  .react-datepicker .react-datepicker-container .react-datepicker-top .display .react-datepicker-button {
    font-size: 12px;
  }

  .top-bar {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    flex-wrap: nowrap;
  }
  .top-bar .col-md-1.formsectionPadding {
    max-width: 200px;
  }

  .propertyOuter .propertyDtlRight .propertyDtlSecn .outer-section-prop .dtlContProp {
    border-bottom: 1px solid #dfdfdf;
  }
}
@media (max-width: 630px) {
  .credit-card-outr .credit-card-wrapper .box-otr {
    flex-direction: column !important;
    flex-wrap: wrap !important;
    height: auto !important;
  }

  .col-md-6.pr-0 {
    width: 1100%;
    float: left;
    padding: 0px;
    margin-top: 20px;
  }

  .credit-card-outr .credit-card-wrapper .box-otr {
    flex-direction: column !important;
    flex-wrap: wrap;
  }

  .col-md-3.credit-box-width {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .innago-table-top.main-table-top.maint_req svg {
    margin-top: 0px;
    margin-bottom: 0px !important;
  }

  .tenant-dashboard-new .available-box .payment-sec {
    flex-wrap: wrap;
  }

  .auto-ply-btn {
    margin-top: 10px;
  }
  .auto-ply-btn .pl-2 {
    width: 100%;
    padding: 0px !important;
  }
  .auto-ply-btn .btn {
    width: 100%;
  }

  .settingsOuter .innago-table-top {
    padding: 10px;
  }

  .messageOuter .sendemailOuter .chatList .emailSec .contentOuter {
    flex-wrap: nowrap;
    width: 100%;
  }

  .chatOuter .contentOuter .person-name {
    width: calc(100% - 100px);
    text-overflow: ellipsis;
    word-break: break-all;
  }

  .messageOuter .sendemailOuter .chatList .emailSec {
    flex-wrap: wrap;
  }

  .innago-table-top.main-table-top.maint_req.maint_req_btm.invoiceTable .rgt .add svg {
    margin-bottom: 0px !important;
  }

  .leasesfilesOuter .innago-table-top.main-table-top.maint_req button.fltr.flrWid {
    margin-top: 0px !important;
    margin-left: 10px !important;
  }

  .tenants-otr.settingsOuter {
    padding: 0px;
  }

  button.btnInvo {
    width: 100%;
  }

  .markpaidBtn.d-flex {
    width: 100% !important;
  }

  .tenants-inner .amountSection .amountOuter .paid-amount::after {
    top: 48px;
  }

  .tenants-inner .tenant-tabs .nav-tabs .nav-link {
    text-align: left;
  }
  .tenants-inner .tenant-tabs .nav-tabs .nav-link:after {
    display: none;
  }

  .invoice-btn {
    margin-bottom: 10px;
  }

  .tenants-inner .tab-shadow {
    flex-direction: column;
  }

  .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .invSplit .table-td th.amtSec, .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .invSplit .table-td th.paymentType, .tenantDtlOutr .tenantDtl .tenantDtlright .tab-content .invSplit .table-td th.billCycle {
    width: auto !important;
  }

  .tenantDtlright a.nav-item.nav-link {
    width: 100%;
    margin-bottom: 10px;
    margin-right: 0px !important;
  }

  .formSection.status {
    margin-bottom: 10px;
  }
  .formSection.status select.form-control {
    width: 100% !important;
  }

  .innago-table.table-main.invoiceTable .markpaidBtn.d-flex {
    justify-content: flex-end;
    margin-bottom: 10px;
  }

  .innago-table.table-main.invoiceTable .markpaidBtn.d-flex button {
    width: auto;
  }

  .innago-table-top.main-table-top.maint_req.maint_req_btm.invoiceTable button.fltr.flrWid {
    width: 100% !important;
  }

  .top-bar .formsectionPadding.selTenant {
    margin-bottom: 10px;
  }

  .innago-table-top .rgt {
    width: 100% !important;
    padding: 0px !important;
  }

  .mx-sl {
    max-width: 100%;
  }

  .mx-sl1 {
    max-width: 100%;
  }

  .tenants-otr .innago-table-top .add svg {
    margin-right: 10px;
    margin-left: 0px;
  }
  .tenants-otr .innago-table-top .rgt button {
    width: 100%;
    margin-bottom: 10px;
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .tenants-otr .innago-table-top .rgt button.export {
    width: 100%;
    margin-bottom: 10px;
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .tenants-otr .innago-table-top .rgt button.fltr {
    width: 100%;
    margin-bottom: 10px;
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .top-bar {
    flex-wrap: wrap;
  }
  .top-bar .rgt {
    width: 100% !important;
    padding: 0 0px 0 0;
  }
  .top-bar .rgt .btn-dvd.blu-bg {
    width: 100% !important;
    margin-bottom: 10px;
    margin-right: 0px;
    display: flex;
    justify-content: space-between;
  }
  .top-bar .mx-sl {
    max-width: 100%;
  }
  .top-bar .col-md-1.formsectionPadding {
    max-width: 100%;
  }
  .top-bar .formsectionPadding {
    padding: 0px;
    max-width: 100%;
  }

  .innago-table-top .rgt {
    width: 100%;
  }
  .innago-table-top .rgt .inputCopySec {
    max-width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
    margin-right: 0px;
  }
  .innago-table-top .rgt .inputCopySec button {
    max-width: auto !important;
    width: auto !important;
  }
  .innago-table-top .rgt button.export {
    margin-top: 0px;
    height: 43px;
    max-width: 100% !important;
    width: 100% !important;
    margin: 0px !important;
    margin-bottom: 10px !important;
    margin-right: 0px !important;
  }
  .innago-table-top .rgt .add {
    max-width: 100%;
    width: 100%;
    margin: 0px !important;
    margin-bottom: 10px !important;
  }
  .innago-table-top .rgt button {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0px !important;
    margin-bottom: 10px !important;
    margin-right: 0px !important;
  }
  .innago-table-top .rgt .add svg {
    margin-right: 10px;
    margin-left: 0px;
  }
}
@media (max-width: 375px) {
  .viewMore .dateSec .react-datepicker {
    left: -50px;
  }
  .viewMore .react-datepicker-component.date2 .react-datepicker.floating {
    left: -100px;
  }
}
@media (max-width: 1100px) and (min-width: 992px) {
  .navbarOtr .navbar .search-list .serchSec {
    width: 400px;
  }
}
.formSection .formInp .form-control, .formSection .formInp select.form-control {
  overflow: inherit !important;
}

@media (max-width: 1679px) {
  .tenant-dashboard-new .payable-head p {
    font: 13px/16px "untitled_sans_bold" !important;
  }

  .tenant-dashboard-new .available-box .rent {
    font: 13px/17px "untitled_sans_bold";
    min-height: 35px;
  }
}

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