/*filter*/
form#adminForm .js-stools-container-filters.clearfix {
    display: ruby-text;
    text-align: left !IMPORTANT;
    width: 100% !IMPORTANT;
}
form#adminForm.transactions-tenant-filter-form .js-stools-container-filters.clearfix,
form#adminForm.transactions-owner-filter-form .js-stools-container-filters.clearfix{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap:10px;
}
.owner-units-main-container form#adminForm .js-stools-container-filters.clearfix {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap:10px;
}
@media (max-width:1200px){
form#adminForm.transactions-tenant-filter-form .js-stools-container-filters.clearfix,
form#adminForm.transactions-owner-filter-form .js-stools-container-filters.clearfix{
    grid-template-columns: 1fr 1fr;
}
.owner-units-main-container form#adminForm .js-stools-container-filters.clearfix {
    grid-template-columns: 1fr 1fr;
}
.owner-units-main-container form#adminForm .js-stools-container-filters.clearfix .js-stools-field-filter:first-child{
    grid-column:span 2;
}
}
@media(max-width:991px){
form#adminForm .js-stools-container-filters.clearfix {
    display: block;
}
form#adminForm.transactions-tenant-filter-form .js-stools-container-filters.clearfix,
form#adminForm.transactions-owner-filter-form .js-stools-container-filters.clearfix{
    grid-template-columns: 1fr;
    grid-gap:0px;
}
.owner-units-main-container form#adminForm .js-stools-container-filters.clearfix {
    grid-gap:0;
}}
@media(max-width:767px){
.owner-units-main-container form#adminForm .js-stools-container-filters.clearfix {
    grid-template-columns: 1fr;
}
.owner-units-main-container form#adminForm .js-stools-container-filters.clearfix .js-stools-field-filter:first-child{
    grid-column:1;
}}
form#adminForm .js-stools-field-filter:first-child {
    margin-left: 0px;
}

@media(max-width:991px){
select#list_fullordering {
    margin-bottom: 8px;
  }}

/*dashboard-listing*/

.unit-management-units-item-container {
    border: 1px solid #a9a8a8;
    background: #00000010;
}
.unit-management-units-item-detail.units-item-detail.row {
    font-size: 14px;
    text-align: left !important;
    line-height: 1.6;
}
span.unit-item-detail-label.col-5.col-lg-5 {
    font-weight: 700;
    padding-right: 0px !IMPORTANT;
}
span.unit-item-detail-value.col-7.col-lg-7.text-end {
    text-align: left !IMPORTANT;
}
.units-item-button.units-item-view-button{
    float:none;
}
span.unit-item-detail-value.detail-value-unit-label.col-7.col-lg-7.text-end {
    text-align: right !IMPORTANT;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.5;
    width: 50%;
    padding-bottom: 10px;
}
span.unit-item-detail-label.detail-label-building.col-5.col-lg-5 {
    text-align: left !IMPORTANT;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.5;
    padding-bottom: 10px;
    width: 50%;
}
.unit-item-detail-value.detail-value-next-rental{
    position:relative;
}
.units-item-button.units-item-view-button.sppb-button-wrapper a {
    background: #dfb36c ! IMPORTANT;
    padding: 10px 25px;
    border-radius: 1000px;
    color: #000 ! IMPORTANT;
    text-decoration: none !IMPORTANT;
    font-weight: 800;
    font-size: 14px !important;
    text-shadow: none !important;
    white-space: nowrap;
}
.units-item-button.units-item-view-button.sppb-button-wrapper a.pay-now{
    margin-left:10px;
}
.units-item-button.units-item-view-button.sppb-button-wrapper a.more-detail {
    background: #9ba5a7 ! IMPORTANT;
    color: #000000 ! IMPORTANT;
}
.units-item-button.units-item-view-button.sppb-button-wrapper a.more-detail:hover{
    background: #8b9598 ! IMPORTANT;
}
.unit-management-units-item-image.col-12.col-lg-6 {
    width: 40% !IMPORTANT;
}
.unit-management-units-item-details.col-12.col-lg-6 {
    width: 60% !IMPORTANT;
    padding: 20px;
}
.unit-management-units-property-details span.unit-item-detail-label, 
.unit-management-units-property-details span.unit-item-detail-value,
.unit-management-units-tenant-info span.unit-item-detail-label,
.unit-management-units-tenant-info span.unit-item-detail-value{
    min-height:40px;
    display:flex;
    align-items: flex-start;
}
@media(max-width:1200px){
.units-item-button.units-item-view-button{
    float:none;
    height: 50px;
    display: flex;
    align-items: center;
}
span.unit-item-detail-value.detail-value-next-rental {
    display: block;
}
.units-item-button.units-item-view-button.sppb-button-wrapper a.pay-now{
    position: relative;
    top: 0;
    right: 0;
    margin: 15px 0;
}
}
@media(max-width:991px){
span.unit-item-detail-value.detail-value-unit-label.col-7.col-lg-7.text-end {
    width: 100%;
    text-align:left !IMPORTANT;
}
span.unit-item-detail-label.detail-label-building.col-5.col-lg-5 {
    width: 100%;
    padding-bottom: 0px !IMPORTANT;
}

.unit-management-units-item-image.col-12.col-lg-6 {
    width: 100% !IMPORTANT;
}
.unit-management-units-item-details.col-12.col-lg-6 {
    width: 100% !IMPORTANT;
    padding: 20px;
}

}
.unit-management-units-item-detail.units-item-detail.movein-date {
    font-size: 14px;
    background: #636d70;
    color: #fff;
    padding: 3px 10px;
    border-radius: 100px;
    margin-right: 5px;
}
.unit-management-units-item-detail.units-item-detail.expire-date {
    font-size: 14px;
    background: #636d70;
    color: #fff;
    padding: 3px 10px;
    border-radius: 100px;
    margin-right: 5px;
}
.unit-management-units-dates-container {
    margin-bottom: 15px;
}
@media(max-width:1200px){
.unit-management-units-item-detail.units-item-detail.movein-date{
    display: block;
    width:fit-content;
    font-size: 14px;
    padding: 3px 10px !IMPORTANT;
    line-height: 1.3;
}
.unit-management-units-item-detail.units-item-detail.expire-date{
    display: block;
    width:fit-content;
    margin-top:5px;
    font-size: 14px;
    padding: 3px 10px !IMPORTANT;
    line-height: 1.3;
}
}
@media(max-width:991px){
.unit-management-units-dates-container {
    display: block !important;
}
.unit-management-units-item-detail.units-item-detail.movein-date {
    display: table-cell;
    font-size: 14px;
    padding: 3px 10px !IMPORTANT;
    line-height: 1.3;
}
}
.unit-management-units-item-details.col-12.col-lg-6 hr {
    display: none;
}
.unit-management-units-tenant-info {
    padding: 10px 0 0 0;
    margin-top: 10px;
    border-top: 1px solid #a3a3a3;
    margin-bottom: 10px;
}
span.unit-management-unit-item-detail.units-item-header.main-tenant-info {
    font-weight: 700;
    margin-bottom: 5px;
    font-size: 18px;
}
.unit-management-units-item-action.units-item-action {
    /* padding: 0px 30px 30px 30px; */
}


 /*unit details*/

.unit-management-unit-tab.unit-managemet-unit-tab-property.unit-tab-property span {
    font-size: 13px !IMPORTANT;
    line-height: 1.7;
    padding: 0px;
    width: 50% !IMPORTANT;
}
a.unit-management-unit-tab.unit-tab-anchor.col-4.col-lg-3.unit-tab-active.active,
a.unit-management-unit-tab.unit-tab-anchor:hover {
    background: #dcad66;
    border-color: #909090;
    color: #000;
}
a.unit-management-unit-tab.unit-tab-anchor {
    font-size: 16px !IMPORTANT;
    padding: 5px 25px;
    font-weight: 600;
    background: #d2d7db;
    border: 1px solid #bec4c9;
    width: 33.33%;
}
.unit-managemet-unit-tab-property {
    border: none;
    padding: 30px 0px 0px 15px;
}
@media (min-width:992px){
.unit-mangement-unit-tab-detail-property-description-container .unit-management-unit-tab.unit-managemet-unit-tab-property.unit-tab-property span {
    width: 100% !IMPORTANT;
}
}
@media(max-width:991px){
a.unit-management-unit-tab.unit-tab-anchor {
    width: 100%;
    text-align: center;
}
.unit-managemet-unit-tab-property {
    /* padding: 30px 0px; */
    /* display: ruby-text; */
    margin-right: -15px;
}
.unit-management-unit-tab.unit-managemet-unit-tab-property.unit-tab-property span {
    width: 100% !IMPORTANT;
}
}
span.single-unit-item-detail-label {
    font-weight: 700;
}
.unit-management-unit-main-header, span.unit-building {
    font-size: 24px !IMPORTANT;
    letter-spacing: -1px;
    margin-top: 0px;
}
@media(max-width:991px){  
.unit-management-unit-main-header, span.unit-building {
    font-size: 20px !IMPORTANT;
    line-height: 1.3;
}
}

/*slider*/

.slick-slide img {
    object-fit: cover;
    width: 100% !IMPORTANT;
    height: 100%;
}
.slick-track,
.slick-list {
    height: 350px;
}
.unit-management-cover-gallery-item.slick-slide.slick-active {
    align-items: center;
    justify-content: center;
    display: flex;
}
button.slick-prev {
    position: absolute;
    content: '' !IMPORTANT;
    top: 35%;
    left: 0;
    z-index: 1;
    opacity: .5;
    transition: opacity .15s ease;
    background: #00000090;
}
button.slick-next {
    position: absolute;
    content: '' !IMPORTANT;
    top: 35%;
    right: 0;
    z-index: 1;
    opacity: .5;
    transition: opacity .15s ease;
    background: #00000090;
}

/*slider-dot*/

ul.slick-dots {
    padding-top: 0px;
}
body .slick-dots li button {
    width: 4px;
    height: 4px;
    border-radius: 3px;
}
body .slick-dots li.slick-active button {
    background-color: #ddb16a;
}


/*transaction*/
.latest-agreement-section.container span {
    font-size: 20px !IMPORTANT;
}

.latest-agreement-label {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    justify-content: center;
    align-items: center;
    display: flex;
}

a.unit-transaction-download-btn.downlaod-btn {
    padding: 3px 10px 3px 25px;
    font-size: 12px;
    position: relative;
    min-width: 65px;
    text-align: center;
    border-radius: 100px;
}
a.unit-transaction-download-btn.downlaod-btn:before {
    position: absolute;
    content: '';
    background: url('/images/000_Project/dashboard/download.png');
    width: 13px;
    filter: invert(1);
    height: 13px;
    background-size: contain;
    left: 10px;
    top: 8px;
    font-family: 'fontawesome 5 free';
    font-weight: 900 !important;
}
.table-responsive.unit-management-transactions-table-container.container {
    padding: 0px;
}

.table>:not(caption)>*>* {
    padding: 5px;
}

th.unit-management-transactions-heading.unit-management-transactions-heading-date {
    min-width: 100px;
}

th.unit-management-transactions-heading.unit-management-transactions-heading-tenant {
    min-width: 100px;
}
th.unit-management-transactions-heading.unit-management-transactions-heading-type {
    min-width: 100px;
}

th.unit-management-transactions-heading.unit-management-transactions-heading-status {
    min-width: 136px;
}

th.unit-management-transactions-heading.unit-management-transactions-heading-title {
    min-width: 250px;
}

th.unit-management-transactions-heading.unit-management-transactions-heading-remark {
    min-width: 200px;
}
.unit-managemet-unit-tab-transactions-container {
    border: none;
    padding: 0px;
}
.latest-agreement-section.container {
    padding: 10px 20px;
    background: #a9b5c1;
    margin-top: 20px;
    margin-bottom: 20px;
}
.table-responsive.unit-management-transactions-table-container.container td,
.table-responsive.unit-management-transactions-table-container.container tr,
.table-responsive.unit-management-transactions-table-container.container th {
    border: 1px solid #c2cad2;
    letter-spacing: -0.2px;
}
.table-responsive.unit-management-transactions-table-container.container th {
    background: #a9b5c1;
}
tr:nth-child(even) {
    background: #d8dde1;
}

/*tenant*/

.unit-management-unit-tab-single-tenant.row {
    font-size: 20px !IMPORTANT;
}
span.tenants-detail-heading-tenant-type {
    font-size: 14px;
    font-weight: 600;
    background: #6f7e8d;
    color: #fff;
    border-radius: 15px;
    padding: 5px 15px;
}
span.single-unit-tenants-detail-label {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
}
span.single-unit-tenants-detail-value {
    font-size: 15px;
    line-height: 1.5;
}
.unit-management-unit-tab-tenants-detail-heading.col-12 {
    margin-bottom: 15px;
}
.unit-management-unit-tab-single-tenant.row {
}
.unit-management-unit-tab-single-tenant.row {
    display: block;
    margin-bottom: 15px;
    margin-top: 15px;
    background: #d2d7db;
    border-bottom: none;
    padding: 20px 0px 30px 0px;
}
.unit-managemet-unit-tab-tenants.unit-tab-tenants.container {
    border: none;
    padding: 0px;
    margin: 15px;
}


/*property*/
.unit-mangement-unit-tab-detail-property-description-container {
    margin-top: 30px;
}
.unit-mangement-unit-tab-detail-property-details-container.col-lg-6 {
    background: #d2d7db;
    padding: 30px 0px 30px 30px;
}
.unit-mangement-unit-tab-detail-property-agent-container {
    background: #d2d7db;
    padding: 30px;
    margin-bottom: 15px;
}
.unit-mangement-unit-tab-detail-property-owner-container {
    background: #d2d7db;
    padding: 30px;
}
.unit-management-unit-tab-detail-group.unit-tab-detail-group.row {
    padding: 0px 15px 0px 0px;
}
@media(min-width:991px){
.unit-mangement-unit-tab-detail-property-agent-container {
    height: calc(50% - 7.5px);
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.unit-mangement-unit-tab-detail-property-owner-container {
    height: calc(50% - 7.5px);
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.unit-mangement-unit-tab-detail-property-description-container .unit-management-unit-tab-detail-group.unit-tab-detail-group.row{
    display:flex;
    flex-direction:column;
    justify-content: flex-start !important;
    width: 50%;
    flex: 1;
    flex-wrap: nowrap;
}
.unit-mangement-unit-tab-detail-property-description-container .unit-management-unit-tab-detail-group.unit-tab-detail-group.row:first-child{
    margin-left:-15px;
    margin-right:30px;
    padding: 0px;
}
.unit-mangement-unit-tab-detail-property-description-container .unit-management-unit-tab-detail-group.unit-tab-detail-group.row:last-child{
    margin-left:0px;
    margin-right:-15px;
}
.unit-mangement-unit-tab-detail-property-description-container {
    display: flex;
}
}
span.single-unit-item-detail-label.single-unit-item-detail-label-description.col-5.col-lg-3,
span.single-unit-item-detail-value.single-unit-item-detail-value-description.col-7.col-lg-9 {
    margin-top: 30px;
}
th.unit-management-transactions-heading.unit-management-transactions-heading-title {
    min-width: 170px;
}
@media(max-width:991px){
.unit-mangement-unit-tab-detail-property-description-container {
    margin-top: 30px !IMPORTANT;
    display: ruby;
}
.unit-management-unit-tab-detail-property-agent-owner-container.col-lg-6 {
    padding: 0px;
    margin-top: 15px;
}
span.single-unit-item-detail-label.single-unit-item-detail-label-property-video.col-5.col-lg-3 {
    margin-bottom: 10px;
    width: 100% !IMPORTANT;
    margin-top: 20px;
}
span.single-unit-item-detail-value.single-unit-item-detail-value-description.col-7.col-lg-9 {
    margin-top: 5px;
}}
@media (min-width:991px){
span.single-unit-item-detail-value.single-unit-item-detail-value-description.col-7.col-lg-9,
span.single-unit-item-detail-value.single-unit-item-detail-value-property-video.col-12.col-lg-9{
    margin-top: 5px;
} 
span.single-unit-item-detail-label.single-unit-item-detail-label-description.col-5.col-lg-3{
    margin-top: 0px;
}
span.single-unit-item-detail-value.single-unit-item-detail-value-property-video.col-12.col-lg-9{
        width: 100% !important;
}}


.view-tenants_in_unit .js-stools {
    display: none;
}