.mainLayout{height:100vh}.mainLayout .pointer{cursor:pointer}.mainLayout .filter{margin-bottom:1rem}.mainLayout .filter input{background-color:#fff}.mainLayout .filter button,.mainLayout .filter input{border-radius:10px;height:45px}.mainLayout .loadMore{text-align:center}.mainLayout .userLink{margin-top:auto;margin-bottom:auto;text-align:right}.mainLayout .userLink .avatar{display:none}.mainLayout .siteLayout{height:calc(100vh);overflow:hidden auto}.mainLayout .siteLayout .siteLayoutBackground{padding:1rem 2rem 50px}.mainLayout .siteLayout .withoutPadding{padding:0!important}.mainLayout .pageName{font-weight:600;font-size:1rem;text-align:center}.mainLayout .header{background-color:#fff;box-shadow:0 1px 4px 0 rgba(0,21,41,.12);line-height:70px;padding:0 25px;top:0;width:100%;position:sticky}.mainLayout .header .icon{font-size:1.2rem}.mainLayout .generalTitle{font-size:24px;letter-spacing:1px;color:rgba(0,0,0,.65);display:flex;justify-content:space-between;margin-bottom:10px}.mainLayout .ant-tabs{overflow:visible}.mainLayout .ant-tabs-nav{font-size:1rem}.mainLayout .ant-form-horizontal .ant-form-item-label{word-wrap:break-word;white-space:normal;overflow:inherit}.mainLayout .btnNew{background:#01b7df;color:#fff}.mainLayout .btnSuccess{color:#87d068;border-color:#87d068}.mainLayout .btnSubmit{background:#01b7df;color:#fff}.mainLayout .btnCancel{background-color:#b8b8b8;color:#fff}.mainLayout .btnDelete{color:#ff4d4f;border-color:#ff4d4f}.mainLayout .invoiceStatus{font-size:15px;color:#b8b8b8;font-weight:600}.mainLayout .confirmed{color:#21c517}.mainLayout .voided{color:#ff352e}.mainLayout .paymentStatus{font-size:15px;color:#b8b8b8;font-weight:600}.mainLayout .text-green{color:#21c517}.mainLayout .text-orange{color:#faad14}.mainLayout .text-red{color:#ff352e}@media screen and (max-width:600px){.mainLayout .userLink .userName{display:none}.mainLayout .userLink .avatar{display:block}.mainLayout .siteLayout .siteLayoutBackground{padding:1rem 1rem 50px}}.popOverForm{text-align:right!important}.popOverForm .btnRoomGroup{margin:0!important}.summaryGroup{font-size:16px;color:#373736}.summaryGroup label{color:#797979;font-size:14px;display:block;margin-bottom:0}.ant-table{display:block;overflow-x:auto}.ant-table .ant-table-tbody>tr>td{background-color:#fff}.ant-table .ant-table-summary>tr>.table-total{text-align:right}.ant-table .ant-table-summary>tr>.table-summary{font-weight:800}@media screen and (max-width:600px){.ant-table .mainLayout .btnCancel,.ant-table .mainLayout .btnDelete,.ant-table .mainLayout .btnSpace,.ant-table .mainLayout .btnSubmit{min-width:0}.ant-table .ant-table-summary>tr>.table-total{text-align:left}.ant-table-thead{display:none}.ant-table-summary>tr,.ant-table-tbody>tr,.ant-table-thead>tr{margin:0 0 10px;box-shadow:0 1px 4px 0 rgba(0,21,41,.12)}.ant-table-summary>tr>td,.ant-table-summary>tr>th,.ant-table-tbody>tr>td,.ant-table-tbody>tr>th,.ant-table-thead>tr>td,.ant-table-thead>tr>th{display:block;width:auto!important;border:none;padding:0 1rem}.ant-table-summary>tr>td span:before,.ant-table-summary>tr>th span:before,.ant-table-tbody>tr>td span:before,.ant-table-tbody>tr>th span:before,.ant-table-thead>tr>td span:before,.ant-table-thead>tr>th span:before{content:attr(data-th);font-weight:700}.ant-table-summary>tr>td:last-child,.ant-table-summary>tr>th:last-child,.ant-table-tbody>tr>td:last-child,.ant-table-tbody>tr>th:last-child,.ant-table-thead>tr>td:last-child,.ant-table-thead>tr>th:last-child{border-bottom:5px solid #eee}}.loader{position:absolute;top:50%;left:50%;margin:-50px 0 0 -50px}@media screen and (max-width:600px){.mainLayout .btnCancel,.mainLayout .btnDelete,.mainLayout .btnSpace,.mainLayout .btnSubmit{min-width:0}}.btnGroup{display:flex;justify-content:center}.btnGroup button:not(:last-child){margin-right:1.5rem}@media screen and (max-width:600px){.btnGroup button:not(:last-child){margin-right:.5rem}}.filterForm{border:1px solid #d9d9d9!important;margin-bottom:20px!important;padding-top:20px!important}.impersonateUserLogin{box-shadow:0 1px 4px 0 rgba(0,21,41,.12);line-height:40px;top:64px;width:100%;position:sticky;z-index:1;text-align:center;background-color:#ffc107}.defualtMainLayout .siteLayout main{overflow:hidden}@media (min-width:576px){.visible-sm{display:block!important}.ant-row.visible-sm{display:flex!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}.flex-column-sm{flex-direction:column}}@media (min-width:768px){.visible-md{display:block!important}.ant-row.visible-md{display:flex!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}.flex-column-md{flex-direction:column}}@media (min-width:992px){.visible-lg{display:block!important}.ant-row.visible-lg{display:flex!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}.flex-column-lg{flex-direction:column}}@media (min-width:1200px){.visible-xl{display:block!important}.ant-row.visible-xl{display:flex!important}table.visible-xl{display:table!important}tr.visible-xl{display:table-row!important}td.visible-xl,th.visible-xl{display:table-cell!important}.flex-column-xl{flex-direction:column}}@media (min-width:768px){.hidden-md{display:none!important}}@media (min-width:992px){.hidden-lg{display:none!important}}@media (min-width:1200px){.hidden-xl{display:none!important}}.closeBtn{color:#fff}.ant-menu-dark.ant-menu-submenu-popup,.closeBtn{display:none}@media screen and (max-width:768px){.closeBtn{display:block;text-align:right;padding:2rem 2rem 0}}.header{z-index:10}.privacyRow{text-align:center;padding-left:0!important;padding-right:0!important;font-size:.7rem;margin-top:auto!important}.branding{position:relative;display:block;text-align:center;padding:2rem}.branding .logo img{width:120px;height:120px}.branding .name{color:#fff;font-size:1.2rem;font-weight:700;letter-spacing:0;line-height:29px;text-align:center}.hiddenBranding{padding:1rem}.hiddenBranding .logo img{width:40px;height:40px}.hiddenBranding .name{display:none}.main,.miscellaneous{color:#fff;padding-left:24px}.menuDrawer{display:none}.ant-input-search>.ant-input-group>.ant-input-group-addon:last-child .ant-input-search-button{border-radius:0 10px 10px 0}.ant-drawer-body{background:#001529;padding:0}@media screen and (max-width:768px){.ant-layout-sider,.ant-layout-sider-collapsed{display:none}.menuDrawer{display:block}}.ant-menu-inline-collapsed>.ant-menu-item .anticon+a{display:inline-block;max-width:0;opacity:0}.ant-menu>.ant-menu-item-divider{opacity:.2}.links{padding-left:24px;position:fixed;bottom:10px;font-size:12px}.publicLayout{background-size:cover!important;background-color:#f0f2f5}.tenantCard{position:relative}.tenantCard .identity .contact{font-size:14px;word-break:break-all}.tenantCard .identity .idValue{font-size:12px}.tenantCard .identity .danger{color:#ff4d4f;font-weight:700;font-size:15px}.dropDownButton{position:absolute;right:1%;top:8%;display:flex;justify-content:flex-end;width:auto}.form{background-color:#fff}.form .ant-select-single:not(.ant-select-customize-input) .ant-select-selector{border-radius:10px;box-shadow:1px 3px 10px 1px rgba(0,0,0,.1);height:40px;padding:4px 11px}.form .ant-select-selection-search-input{box-shadow:none;height:40px}.form .ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input{height:40px}.form input{border-radius:10px;background-color:#fff;box-shadow:1px 3px 10px 1px rgba(0,0,0,.1);height:40px}.form .anticon{color:#ccc}.companyForm .ant-card,.propertyForm .ant-card,.roomForm .ant-card,.unitForm .ant-card{margin-bottom:1rem}.tenancy-card .tenancy-status-label{padding:2px 10px;border-radius:25px;color:#fff;border:none}.tenancy-card .tenancy-card-title{font-weight:500}.tenancy-card .overdue-invoice-card-row{display:grid;grid-gap:10px;grid-auto-flow:column;overflow-x:auto;grid-auto-columns:220px;height:180px;margin-top:15px}.tenancy-card .overdue-invoice-card-row .overdue-invoice-card{border-color:#ff9ea7;border-radius:4px}.tenancy-card .overdue-invoice-card-row .overdue-invoice-card .ant-card-body{padding:15px!important}.tenancy-card .overdue-invoice-card-row .overdue-invoice-card .payment-status-label{padding:2px 10px;border-radius:25px;border:none;margin-bottom:5px}.tenantCard{padding:1.4rem}.tenantCard .identity{color:#333;letter-spacing:0}.tenantCard .identity .name{font-size:1.2rem;display:flex;align-items:center;justify-content:space-between;font-weight:bolder}.tenantCard .identity .name .editBtn{font-size:1rem;text-align:right;color:#01b7df}.tenantCard .identity .attribute{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.meterCard{padding:1.4rem}.meterCard .identity{color:#333;letter-spacing:0}.meterCard .identity .name{font-size:1.2rem;display:flex;align-items:center;justify-content:space-between;font-weight:bolder}.meterCard .identity .attribute{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.authPanel{margin:auto!important;border:transparent;width:400px;box-shadow:2px 4px 10px 2px rgba(0,0,0,.1);border-radius:17.16px 17.16px 0 17.16px;background:#fff;color:rgba(51,51,51,.65);margin-top:30px;margin-bottom:20px}.authPanel .reCaptchaText{font-size:10px;text-align:center}.authPanel h2,.authPanel h3{text-align:center}.authPanel .branding{text-align:center;margin-bottom:2.5rem;padding:0}.authPanel .branding .name{color:#333;font-size:25px;font-weight:700;letter-spacing:0;line-height:29px;text-align:center}.authPanel .branding .slogan{font-size:12px;letter-spacing:.86px;line-height:14px;text-align:center;font-weight:400}.authPanel .branding>*{margin-bottom:1rem}.authPanel .btnGroup{text-align:center;margin-bottom:0}.authPanel .btnGroup .btnSubmit{width:100%;height:45px;border-radius:10px 10px 0 10px;background:#01b7df}.authPanel .btnGroup .btnForgotPassword{font-size:12px;margin:auto;text-decoration:underline;height:auto;font-weight:700;letter-spacing:0;line-height:14px;text-align:center}.authPanel .ant-input-number{height:40px;line-height:40px}.authPanel .ant-form-item>.ant-form-item-control>.ant-form-item-control-input>.ant-form-item-control-input-content input{background:#fff;color:rgba(51,51,51,.65);height:40px;line-height:40px;box-shadow:1px 3px 10px 1px rgba(0,0,0,.1)}.authPanel .ant-radio-button-wrapper:not(:first-child):before{display:none}.authPanel .ant-radio-group-solid>.ant-radio-button-wrapper{height:40px;line-height:40px;border-radius:3px}@media screen and (max-width:600px){.authPanel{width:90%}}.loadMore{text-align:center}.expenseCard{padding:1.4rem}.expenseCard .expense-status-label{padding:0 10px;border-radius:25px}.expenseCard .card-title{color:#4a4a4a}.expenseCard .identity{color:#333;letter-spacing:0}.expenseCard .identity .row{display:flex;align-items:center;justify-content:space-between}.expenseCard .identity .billTo{font-weight:700;font-size:17px;padding-right:3px}.expenseCard .identity .referenceNo{font-size:13px}.expenseCard .identity .documentDate{font-size:15px}.expenseCard .identity .attribute{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.spaceCover img{width:100%;height:auto;-o-object-fit:cover;object-fit:cover}.totalPanel{text-align:center}.totalPanel .value{font-size:2rem}.totalPanel .title{font-size:1rem;font-weight:lighter;letter-spacing:.6px;color:#fff}.totalPanel .card{height:110px;display:flex;flex-direction:column;justify-content:center;align-items:center}.statusPanel{padding:2.5rem}.statusPanel .title{font-weight:400;font-size:1.2rem;letter-spacing:1px;margin-bottom:1rem}.statusPanel .subPanel .gray{padding-left:1.5rem;max-height:105px}.statusPanel .subPanel .title{font-size:1rem;letter-spacing:0}.statusPanel .subPanel .value{font-weight:600;font-size:1.5rem}.statusPanel .subPanel .percentage{margin-left:15px;font-size:70%;color:gray}.statusPanel .subPanel .ant-col:first-child{margin-bottom:.8rem}.overviewPanel{max-height:100%}.overviewPanel .titleRow{display:flex;justify-content:space-between;margin-bottom:1.5rem}.overviewPanel .titleRow .title{font-weight:400;font-size:1.5rem;letter-spacing:1px;margin-bottom:.8rem}.overviewPanel .titleRow .datePicker{border-radius:10px;background-color:#fff;box-shadow:1px 3px 10px 1px rgba(0,0,0,.1)}.mySpace{padding:2.5rem}.mySpace .title{font-weight:400;font-size:1.2rem;letter-spacing:1px;margin-bottom:.5rem}.mySpace .value{font-weight:600;font-size:1.5rem}.mySpace .percentage{margin-left:15px;font-size:70%;color:gray}.mySpace .status{margin:auto}.mySpace .status .row{margin-bottom:.8rem;display:flex;align-items:center}.mySpace .status .row .rentalBadge{padding-left:1rem;border-radius:1.2rem;min-width:150px;font-size:.8rem;height:20px;margin-right:1rem}.mySpace .status .row .vacant{background-color:#2effbd;color:rgba(0,0,0,.65)}.mySpace .status .row .occupied{background-color:#ff352e;color:#fff}.dividerMobileOnly{display:none}@media screen and (max-width:992px){.totalPanel .value{font-size:1.5rem}.totalPanel .title{font-size:.8rem}.statusPanel .title{font-size:1rem}.statusPanel .statusPanel .subPanel:first-child{margin-bottom:1rem}.statusPanel .subPanel .ant-col{height:100px}.statusPanel .subPanel .ant-col:first-child{margin-bottom:.8rem}.statusPanel .subPanel .ant-col:last-child{margin-bottom:1rem}.dividerMobileOnly{display:block}}