/* Style for the navigation menu container */
#sidebarMenu .nav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #f1f1f1; /* Light grey background */
    border-radius: 5px; /* Rounded corners */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Add shadow for some depth */
}

/* Style for each item */
#sidebarMenu .nav li {
    float: left; /* Make the items go horizontally */
}

/* Style for each link */
#sidebarMenu .nav .nav-link {
    display: block;
    color: black; /* Color of the text */
    text-align: center;
    padding: 14px 16px; /* Padding inside each tab */
    text-decoration: none; /* Remove underline from links */
    transition: 0.3s; /* Transition effect on hover */
    border-right: 1px solid #ddd; /* Border between the tabs */
}

/* Change background color of links on hover */
#sidebarMenu .nav .nav-link:hover {
    background-color: #ddd; /* Light grey background on hover */
}

/* Style for the active/current link (You need to add a class "active" to the current page link) */
#sidebarMenu .nav .nav-link.active {
    background-color: #666; /* Darker grey background for the active tab */
    color: white; /* White text color for the active tab */
}

/* Clear floats after the tabs */
.nav:after {
    content: "";
    display: table;
    clear: both;
}
.form-navigation{
    margin-top: 8px;
}
.submit{
    margin-top: 8px;
}
/*Custome Table*/
#kt_content_container table thead {
    border-bottom: 1px solid #cccccc;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    color: #246250 ;
}

#kt_content_container .tab-content table thead{

    color: #246250 ;
}
#kt_content_container table tbody {
    border-bottom: 1px solid #cccccc;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    vertical-align: baseline;
    color: rgba(12, 12, 12, 0.89);
}
#kt_content_container .card table td {

    padding: 0px 0;
}
#kt_content_container table tr{
    border:none;
}

#kt_content_container{
    margin: 0 auto;
    transition: all 0.5s ease-in;
    max-width: 90% !important;
}

#kt_content_container.sidebarMenu_isActive{
margin-left: 270px;
}

.sidebar_open_btn{
    padding-left: 10px;
    font-size: 25px;
    cursor: pointer;
    height: fit-content;
}

.content_table{
    max-width: 100% !important;
}

.sidebarMenu_active{
    /* display: block !important; */
    transform: translateX(0) !important;
}

.hidden{
    display: none;
}

nav#sidebarMenu{
    position: absolute;
    height: 100%;
    overflow: auto;
    top: 0;
    box-shadow: 4px 0px 5px rgba(0, 0, 0, 0.2);
    min-width: 250px;
    transform: translateX(-100%);
    transition: all 0.5s ease-in;
    z-index: 10;
}

.overlay_sidebarMenu{
    position: absolute;
    inset: 0;
    background-color: #04040440;
}

nav#sidebarMenu::-webkit-scrollbar
{
	width: 6px;
	background-color: #f1f1f1;
}

nav#sidebarMenu::-webkit-scrollbar-thumb
{
	background-color: #b3b3b3;
    border-radius: 6px;
}


.progress {
    background-color: #f5f5f5;
    border-radius: 2px;
}

.progress-bar {
    background-color: #4caf50;
    transition: width 0.6s ease;
}

.form-navigation {
    margin-top: 20px;
    text-align: right;
}

.form-navigation .btn {
    margin-left: 5px;
}

.form-step {
    display: none;
}
.form-step .title-step-head{

}

.form-step.active-step {
    display: block;
}
/* Add more styling as needed */
.form-controls {
    position: relative;
}

/* Add this to your CSS file */
.add-field, .remove-field {
    margin-left: 10px;
    cursor: pointer;
    height: 40px;
    margin-top: 28px;
    margin-left: -50px;

}

/*.input-group {*/
/*    margin-bottom: 10px;*/F
/*}*/
#toggleFilterBtn{
    margin-bottom: 8px;
}
#propertySearchForm {
    display: none;
}


.profile-avatar{
height: 50px;
width: 50px;
border-radius: 50%;
}

.table-min-w{
    min-width: 1280px;
}

.overlay-active{
    position: absolute;
    inset: 0;
    background-color: rgba(14, 13, 13, 0.5);
    z-index: 9;
}

td.actions .dropdown-menu.show{
    display: flex !important;
    flex-direction: column;
    z-index: 98;
}

td.actions .dropdown-menu{
    padding: 0;
}

td.actions .dropdown-menu a.btn{
 box-shadow: 1px 1px 1px 1px #666 !important;
}

#search_input_map {
    margin-top: 10px;
    padding: 10px;
    width: 300px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
    outline: none;
    height: 40px;
}

#search_input_map::placeholder {
    color: #999;
}

#search_input_map:focus {
    border-color: #007bff;
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}

/*premissions*/
.nav-premissions .link-premissions{
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 8px;
    padding: 16px 16px;
}
.nav-pills-premissions .link-premissions.active
{
    background-color: #f69212 !important;
    padding: 8px 8px;
}
.nav-pills-premissions{
    background-color:#15407d ;
    padding: 8px 0;
    width: 100%;
}
.tab-content-premissions{
    /*background-color: #f69212;*/
}
.tab-content-premissions table th{
    color: #15407d;
    font-weight: 500;
    font-size: 16px;

}
.tab-content-premissions table tbody td {
    display: flex;
    /*box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;*/
    padding: 20px 10px;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.tab-content-premissions table tbody td .checkbox-inline{
    font-size: 12px;
    width: 24%;
    margin: 16px auto ;
    display: flex;
    align-items: center;
    gap: 10px;
}

.tab-content-premissions table tbody td .checkbox-inline .premissionCheck{
    width: 20px;
    height: 20px;
}
.permissions-ul .permissions-li{
    list-style: none;
}

.content_table>.table-responsive table thead th:last-child,.content_table>.table-responsive table tbody td:last-child{
    position: sticky;
    right: 0;
    background-color:#f5f8fa ;
    box-shadow: -5px 0px 5px 0px #c7c7c7;
}

table thead th.actions:last-child{
    padding-left: 16px !important;
    padding-right: 16px !important;
}

table.table.table-striped {
    border-collapse:separate;
    border-spacing: 0px;
    padding: 8px;
}


.table-action-zIndex{
    z-index: 10;
}


.table-striped>tbody>tr:nth-of-type(odd){
    /*background-color: #dcdcdc;*/
}
.table{
    --bs-table-hover-bg: #dfdede;
}


table th,table td {
    /* padding-left: 10px !important;
    padding-right: 10px !important;
    text-align: left; */
}

table th:not(:first-child):not(:last-child){
    min-width: 150px;
}

table th:first-child{
    min-width: 50px;
}
.content_table>.table-responsive table th,.content_table>.table-responsive table td{
    padding: 16px !important;
    white-space: nowrap;
}



.btn-primary{
    background-color: #246250 !important;
}
.aside-menu{
    background-color: #236250 ;
}
.aside-dark .menu .menu-item .menu-section{
    color: #fff !important;
}
.aside-dark .menu .menu-item.here > .menu-link, .aside-dark .menu .menu-item.show > .menu-link{
    background-color: transparent;
}
.aside-dark .menu .menu-item .menu-link:hover:not(.disabled):not(.active), .aside-dark .menu .menu-item.hover > .menu-link:not(.disabled):not(.active){
    background-color: transparent ;
}
/* .aside-menu .menu-item.show .menu-link .menu-title{
    color: #C69D67;
} */
.aside-menu .menu-item {
    padding: 4px 0 4px 0px;
}

.menu-item .menu-link .menu-bullet span:hover:not(.disabled):not(.active){
    color: #C69D67;
}
.aside-dark .menu .menu-item :hover:not(.disabled):not(.active){
    color: #C69D67;
}

.aside-dark .menu .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-title, .aside-dark .menu .menu-item.hover>.menu-link:not(.disabled):not(.active) .menu-title{
    color: #C69D67;
    /* font-size: 16px; */

}
.menu-accordion{
    border-bottom: 1px solid #ffffff40;
}
.pay-btn .btn{
    /*margin: 8px;*/
}
.aside-dark .menu .menu-item .menu-link .menu-title{
    color:#fff;
    font-size: 14px;
}
.aside-dark .menu .menu-item .menu-link{
    color:#fff;
}

/*Lease Page*/
#units_list{
    margin-top: 32px;
    display: flex;
    flex-direction: row;
    align-items: start;
    /*gap: 16px;*/
}
#units_list .label-property{
    color: #246250;
    font-size: 16px !important;
    display: flex;
    align-items: center;
    gap: 8px;
}
/*
#owners_list_container,#tenant_list_container,#bank_accounts {
    border-bottom: 0.4px solid #e9e9e9;
} */

.bank-account-card,.owners-card{
    padding: 16px 8px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08);
    border-radius: 16px;
}

#tenant_result_list .delete-tenant-btn{
    position: absolute;
    border-radius: 4px;
    background: #FCF4F4;
    height: 32px;
    width: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 10px;
    top: 10px;
    cursor: pointer;
}

#tenant_list .tenant-search-error{
    color:  #6F6F6F;
    font-size: 16px;
    font-weight: 400;
}

#tenant_list #add_tenant_form{
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08);
    border-radius: 16px;
    background-color: #fff;
    padding: 16px 8px;
    position: relative;
}

#tenant_list #close_tenant_form_btn{
    position: absolute;
    background: white;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08);
    right: 12px;
    padding: 5px;
    border-radius: 4px;
    height: 25px;
    width: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
#bank_accounts .form-group {
    padding: 0px 10px 0px 0px;
}

#bank_accounts .owner_bank_card{
    padding: 16px 8px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08);
    border-radius: 16px;
}

#bank_accounts .bank-card_owner_name{
    font-size: 16px;
    font-weight: 600;
    color: #31846C;
    margin-bottom: 0;
}

#bank_accounts .bank-card_label{
    font-size: 14px;
    font-weight: 400;
    color: #6F6F6F;
    margin-bottom: 0;
    padding: 0 8px ;
    height: 40px;
    background: #F8FCFB;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 8px;
}

#bank_accounts .bank-card_label span{
    color: #31846C;
    font-size: 14px;
    font-weight: 600;
}

#bank_accounts .bank-card_select_input{
    border-radius: 8px;
    border: 0.4px solid #E6E6E6 !important;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.10) !important;
}

#add_tenant_form .tenanet-form_title{
    color: #C69D67;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0px;
}

#add_tenant_form .tenanet-form_input{
    padding: 0px 16px ;
    height: 40px;
    border-radius: 8px;
    border: 0.4px solid #E6E6E6;
    background: #FFF;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.10);
    color: #7A7A7A;
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    margin-top: 8px;
}

#add_tenant_form .tenanet-form_input:focus-visible{
    outline: none;
}

#add_tenant_form .tenanet-form_label{
    color:#112C24;
    font-size: 16px;
    font-weight: 600;
    margin-top: 16px;

}

#add_tenant_form .tenanet-form_label::after{
    content: none;
}

#tenant_list #tenant_error_msg{
    display: flex;
}

#owners_list .owner-names,
#tenant_result_list .tenant-names{
    font-size: 14px;
    font-weight: 400;
    border-radius: 16px;
    background: #F8FCFB;
    padding: 16px 8px;
    color: #6F6F6F;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 10px;
    position: relative;
}
html[lang="en"] #owners_list_container #owners_list .owner-names .type{
    position: absolute;
    right: 20px;
    top: 20px;
}
html[lang="ar"] #owners_list_container #owners_list .owner-names .type{
    position: absolute;
    left: 20px !important;
    top: 20px;
}

#owners_list .owner-names .owner-name-value,
#tenant_result_list .tenant-names .tenant-name-value{
    font-weight: 600;
    color: #31846C;
}

#tenant_list .tenant-search-icon{
    width: 40px;
    height: 40px;
    background-color:#112C24 ;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
}

#tenant_list .tenant-search-input{
    width: 100%;
    height: 40px;
    border-radius: 8px;
    border: 0.4px solid #E6E6E6;
    padding: 8px;
    background-color: #fff;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.10);
    color: #7A7A7A;
    font-size: 14px;
    font-weight: 500;
}

#tenant_list .tenant-search-input:focus-visible{
    outline: none;
}

#validation-message-container{
  margin: 16px 0;
}
#units_list .card-title{
    color: #246250;
    font-size:16px ;
    font-weight: 600;
}
#units_list .card-body{
    padding: 1rem 1rem;
}
#units_list .card-property-lease{
    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
    padding: 1rem;
}
#units_list .card-property-lease .card-img-top{
    /*width: 200px;*/
    /*height: 200px;*/
}
.list-add-lease{
    font-size: 12px;
    font-weight: 600;
    padding: 8px 0;
}
#repeated_payment{
    position: absolute;
    right: 0;
}
#repeated_payment ul{
    width: 100%;
    padding: 8px 16px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;

}
#repeated_payment  .list-group-item{
    padding: 16px 8px;
}
.money-items{
    margin-top: 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
}
.money-items .fa-money-bill{
    width: 22px;
    height: 22px;
}
.balnce_lease{
    color: #777777;
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 13px;
}
#paymentTable tr{
    height: 50px;
    vertical-align: middle;
    font-size: 16px;
}
.account-number{
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-evenly;
}

.content_table>.table-responsive table th a{
    color: #246250;
}

.content_table>.table-responsive table th a::after{
    font-family: 'Font Awesome 5 Free';
    content: '\f362';
    opacity: 0.4;
    position: absolute;
    bottom: 0px;
    right: 8px;
    display: block;
}

.content_table>.table-responsive table th a:not(.asc):not(.desc)::after{
    transform: rotate(90deg);
}

.content_table>.table-responsive table th a.asc::after {
    content: '\f884';
    opacity: 0.8;
}

.content_table>.table-responsive table th a.desc::after {
    content: '\f160';
    opacity: 0.8;
}


.content_table>.table-responsive table th a{
    position: relative;
    padding-right: 30px !important;
}

.github-changes del {
    background-color: #ffe6e6; /* Light red for removed parts */
    text-decoration: none;
    padding: 5px;
}

.github-changes ins {
    background-color: #e6ffe6; /* Light green for added parts */
    text-decoration: none;
    padding: 5px;
}

.github-changes{
    padding: 20px 0;
}

.original-data-type{
    display: block;
    text-align: center;
    border-radius: 4px;
    background-color: #ffe6e6;
    padding: 10px;
    margin-bottom: 18px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.modified-data-type{
    display: block;
    text-align: center;
    border-radius: 4px;
    background-color: #e6ffe6;
    padding: 10px;
    margin-bottom: 18px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}

.github-changes .old-container, .github-changes .new-container{
    flex: 1;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 20px 15px;
    border-radius: 8px;
}

/********************/
i#togglePassword {
    top: 15px;
}
.link-primary:focus, .link-primary:hover {
    color: #006dab;
}
.input-group-text {
    background-color: transparent;
    border-color: transparent;
}


table.table thead th{
    font-size: 15px;
}

td.actions,th.actions{
    width: 90px;
}

.dropstart div.dropdown-menu a.btn {
    font-size: 12px;
    font-weight: 600;
    border-radius: 0;
    color: #3f4254 !important;
}

.dropstart div.dropdown-menu a.btn, .dropstart div.dropdown-menu a.btn:hover {
    background-color: transparent !important;
}

.dropstart div.dropdown-menu a.btn:not(:first-child) {
    border-top: 1px #bfbfbf8f solid !important;
}

/******************/
div#drawer_general_drawer_body{padding-top: 0}
body .stepper.last [data-kt-stepper-action=submit] {
    display: flex;
}
body .stepper.stepper-pills .stepper-item.current:last-child .stepper-icon .stepper-check{
    display: none;
}
body .stepper.stepper-pills .stepper-item.current:last-child .stepper-icon .stepper-number{
    display: block;
}


body .stepper.stepper-pills .stepper-item.completed .stepper-icon .stepper-check,
body .stepper.stepper-pills .stepper-item.current:last-child .stepper-icon .stepper-check {
    color: #246250!important;
}
body .stepper.stepper-pills .stepper-item.completed .stepper-icon .stepper-check,
body .stepper.stepper-pills .stepper-item.current:last-child .stepper-icon .stepper-check {
    color: #246250!important;
}
body .stepper.stepper-pills .stepper-item .stepper-icon .stepper-number {
    color: #246250!important;
}
body .stepper.stepper-pills .stepper-item.current .stepper-icon{
    background-color: #246250;
}
body .stepper.stepper-pills .stepper-item.current:last-child .stepper-icon{
    background-color: #246250;
}
body .stepper.stepper-pills .stepper-item.current:last-child .stepper-label .stepper-title {
    color: #246250;
}
body .stepper.stepper-pills .stepper-item.current .stepper-label .stepper-title {
    color: #246250;
}
.btn-check:active+.btn.btn-primary,
.btn-check:checked+.btn.btn-primary,.btn.btn-primary.active,
.btn.btn-primary.show, body .btn.btn-primary:active:not(.btn-active), .btn.btn-primary:focus:not(.btn-active),
.btn.btn-primary:hover:not(.btn-active),body .show>.btn.btn-primary {
    color: #fff;
    border-color: #358f75;
    background-color: #358f75!important;
}
.btn-check:active+.btn.btn-active-light-primary, .btn-check:checked+.btn.btn-active-light-primary, .btn.btn-active-light-primary.active, .btn.btn-active-light-primary.show, .btn.btn-active-light-primary:active:not(.btn-active), .btn.btn-active-light-primary:focus:not(.btn-active), .btn.btn-active-light-primary:hover:not(.btn-active), .show>.btn.btn-active-light-primary {
    color: #246250;
}

.invoiceItem .red-delete-icon {
    color: #f1416c;
}

#clearAvatarBtn{
    position: absolute;
    top: 38px;
    right: 10px;
    padding: 0;
}

.avatar-group{
    width: 100%;
    position: relative;
}

/*#loader {*/
/*    width: 6em;*/
/*    height: 6em;*/
/*    font-size: 10px;*/
/*    position: relative;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*}*/

/*#loader .face {*/
/*    position: absolute;*/
/*    border-radius: 50%;*/
/*    border-style: solid;*/
/*    animation: animate023845 3s*/
/*    linear infinite;*/
/*}*/

/*#loader .face:nth-child(1) {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    color: #246250;*/
/*    border-color: currentColor*/
/*    transparent transparent currentColor;*/
/*    border-width: 0.2em 0.2em 0em 0em;*/
/*    --deg: -45deg;*/
/*    animation-direction: normal;*/
/*}*/

/*#loader .face:nth-child(2) {*/
/*    width: 70%;*/
/*    height: 70%;*/
/*    color: #112c24;*/
/*    border-color: currentColor*/
/*    currentColor transparent transparent;*/
/*    border-width: 0.2em 0em 0em 0.2em;*/
/*    --deg: -135deg;*/
/*    animation-direction: reverse;*/
/*}*/

/*#loader .face .circle {*/
/*    position: absolute;*/
/*    width: 50%;*/
/*    height: 0.1em;*/
/*    top: 50%;*/
/*    left: 50%;*/
/*    background-color: transparent;*/
/*    transform: rotate(var(--deg));*/
/*    transform-origin: left;*/
/*}*/

/*#loader .face .circle::before {*/
/*    position: absolute;*/
/*    top: -0.5em;*/
/*    right: -0.5em;*/
/*    content: '';*/
/*    width: 1em;*/
/*    height: 1em;*/
/*    background-color: currentColor;*/
/*    border-radius: 50%;*/
/*    box-shadow: 0 0 2em,*/
/*    0 0 4em,*/
/*    0 0 6em,*/
/*    0 0 8em,*/
/*    0 0 10em,*/
/*    0 0 0 0.5em*/
/*    rgba(255, 255, 0, 0.1);*/
/*}*/

/*@keyframes animate023845 {*/
/*    to {*/
/*        transform: rotate(1turn);*/
/*    }*/
/*}*/

body.activeLoader{
    background-color: #fefcfe;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}


#ads-toggle input[type=checkbox]{
    height: 0;
    width: 0;
    visibility: hidden;
}

#ads-toggle label {
    cursor: pointer;
    text-indent: -9999px;
    width: 50px;
    height: 30px;
    background: grey;
    display: block;
    border-radius: 100px;
    position: relative;
}

#ads-toggle label:after {
    content: '';
    position: absolute;
    top: 0px;
    left: 5px;
    width: 15px;
    height: 15px;
    background: #fff;
    border-radius: 90px;
    transition: 0.3s;
    transform: translateY(50%);
}

#ads-toggle div.checkbox{
    padding-left: 0;
}

#ads-toggle input:checked + label {
    background: #246250;
}

#ads-toggle input:checked + label:after {
    left: calc(100% - 5px);
    transform: translate(-100%,50%);
}

#ads-toggle label:active:after {
    width: 30px;
}


.servicesType-container{
    padding: 20px;
    background: #fafafa;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
    border-radius: 10px;
}

.servicesType-container .service-type-element{
    padding: 20px 0;
}

.servicesType-container .service-type-element:not(:last-child){
    /*border-bottom: 1px solid #a5a5a59c;*/
}

#service_data{
    background: #fafafa;
    box-shadow: 0px 0px 12px 0 rgb(101 101 101 / 25%);
    border-radius: 10px;
    margin-top: 20px;
}

#service_data>.card{
    padding: 20px;
    background-color: transparent;
}

#service_data>.card:not(:last-child){
    border-bottom: 1px solid #a5a5a59c;
}

#service_data>.card .form-check{
    margin-bottom: 10px
}

.maintenanceRequests #select2-tenant-id-container {
    color: black;
}


td.actions .dropstart div.dropdown-menu a.btn {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    /*gap: 5px;*/
    flex-direction: row-reverse;
}

td.actions .dropstart div.dropdown-menu a.btn i{
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    color: #3f4254;
}

td.actions .dropstart div.dropdown-menu a.btn.btn-danger{
    background-color: transparent !important;
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted{
    color: #246250;
    font-size: 16px;
    font-weight: 500;
}

.checkContainer{
    right: 15px;
    top: 15px;
}

.daterangepicker table th:not(:first-child):not(:last-child){
    min-width: 0;
}

.starting_balance_head {
    box-shadow: 1px 1px 3px #c1c1c1;
    padding: 10px 15px;
    background: #f1f1f1;
    border-radius: 8px;
}
.starting_balance_head div {
    color: #246250;
}
/*************** new tables*******************/
.table_header {
    display: flex;
    justify-content: space-between;
}
div#filterCard {
    position: absolute;
    right: 0;
    top: auto;
    z-index: 11;    margin: 0 30px;
}
.card-new {
    margin: 0;
    transition: all 0.5s ease-in;
    border: 1px solid #eff2f5;
    background-color: #fff;
    padding: 20px 30px;
    border-radius: 8px;
    box-shadow: 0 0 20px 0 rgba(76,87,125,.02);
}
.card-new .form-control {
    background: #eef3f7;
}
.card-new legend,legend {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.table_container {
    margin: 0;
    transition: all 0.5s ease-in;
    border: 1px solid #eff2f5;
    background-color: #fff;
    padding: 20px 30px;
    border-radius: 8px;
    box-shadow: 0 0 20px 0 rgba(76,87,125,.02);
}
#kt_content_container table tr {
    border-bottom-width: 1px ;
    border-bottom-style: dashed ;
    border-bottom-color: #e9e9e9 ;
}
body .table td, .table th, .table tr, body .table a {
    color: #7E8299;
}
body .table a:hover{
    color: #246250;
}
table.table thead th {
    font-weight: 600;
}
.table_content table th{
    position: relative;font-weight: 500;
}
.table_content table th a{display: flex;gap: 5px; white-space: nowrap}
.table_content table th a::after {
    font-family: 'Font Awesome 5 Free';
    content: '\f362';
    opacity: 0.4;
    bottom: 0px;
    right: 8px;
    display: block;    transform: rotate(90deg);
}
.table_content{
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: #eff2f5 transparent;
}
table th, table td {
    text-align: left;
}
body .table td {
    font-weight: 500;
}
.btn-group.dropstart {
    border: 1px solid #eee;
    border-radius: 8px;
    background: #f7f7f7;
}
div#filterCard {
    position: absolute;
    right: 0;
    left: 0;
    top: auto;
    z-index: 11;
    margin: 0 60px;
    border: 1px solid #eee;
    box-shadow: 1px 1px 1px #e5e5e5;
}
button.btn.btn-secondary[type="submit"] {
    background-color: #246250 !important;
    color: #fff;
}
button.btn.btn-secondary[type="submit"]:hover{
    background: #358f75!important;color: #fff;
}
.form-check-input:checked {
    background-color: #246250;
    border-color: #246250;
}

#loader-4 span{
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: #246250;
    margin: 10px 5px;
    opacity: 0;
}

#loader-4 span:nth-child(1){
    animation: opacitychange 1s ease-in-out infinite;
}

#loader-4 span:nth-child(2){
    animation: opacitychange 1s ease-in-out 0.33s infinite;
}

#loader-4 span:nth-child(3){
    animation: opacitychange 1s ease-in-out 0.66s infinite;
}

@keyframes opacitychange{
    0%, 100%{
        opacity: 0;
    }

    60%{
        opacity: 1;
    }
}

#kt_header.header{
    background-color: #fff !important ;
    border-bottom: 2px solid #0000001a;

}
#kt_header_user_menu_toggle .meta_data{
    line-height: 0;
}
#kt_header_user_menu_toggle .meta_data .meta_name{
    color: #112C24;
    font-size: 12px;
    font-weight: 600;
    line-height: 22px;
}
#kt_header_user_menu_toggle .meta_data .meta_rule{
    font-size: 10px;
    font-weight: 400;
    color: #969897;
}

.menu-title-gray-700 .menu-item .menu-link .menu-title{
    color: #112C24;
    font-size: 18px;
    font-weight: 500;
}

#notifications_box {
    border-left: 1px solid #0000006e;
    height: 50%;
    margin: auto;
}
.aside-dark .menu .menu-item .menu-link  .active {
    color: #C69D67;
    /* background-color: transparent !important; */

}

@media (min-width: 992px) {
    #kt_header.header{
        height: 75px;

    }
}

.header-box-shadow{
    box-shadow:  0px 10px 30px 0px rgba(82, 63, 105, 0.05) !important;
    background-color: white !important;
}

#kt_aside .aside-logo{
    background-color: #246250;
    border-bottom: 2px solid #ffffff;
    height: 75px;
    justify-content: center;
}

#kt_aside #kt_aside_toggle{
    position: absolute;
    background-color: #fff;
    right: 0;
    transform: translateX(55%);
    height: 30px;
    width: 30px !important;
    box-shadow: 0px 8px 14px rgba(15, 42, 81, 0.04) !important;
}

.aside-fixed .aside#kt_aside.drawer {
    overflow: auto;
}

.aside-fixed .aside#kt_aside .aside-menu{
    overflow: hidden;
}

#kt_aside .aside-menu #kt_aside_menu_wrapper{
    width: 265px;
}

#kt_aside.aside .aside-menu{
width: auto;
}

.aside-fixed .aside#kt_aside {
    overflow: visible;
}

[data-kt-app-sidebar-minimize=on][data-kt-app-sidebar-hoverable=true] .app-sidebar:not(:hover) .app-sidebar-logo .app-sidebar-logo-default {
    display: none;
}

[data-kt-app-sidebar-minimize=on][data-kt-app-sidebar-hoverable=true] .app-sidebar:not(:hover) .app-sidebar-logo .app-sidebar-logo-minimize {
    display: inline-block;
}

/*************** new tables*******************/
.table_header {
    display: flex;
    justify-content: space-between;
}
div#filterCard {
    position: absolute;
    right: 0;
    top: auto;
    z-index: 11;    margin: 0 30px;
}
.card-new {
    margin: 0;
    transition: all 0.5s ease-in;
    border: 1px solid #eff2f5;
    background-color: #fff;
    padding: 20px 30px;
    border-radius: 8px;
    box-shadow: 0 0 20px 0 rgba(76,87,125,.02);
}
.card-new .form-control {
    background: #eef3f7;
}
.card-new legend,legend {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.table_container {
    margin: 0;
    transition: all 0.5s ease-in;
    border: 1px solid #eff2f5;
    background-color: #fff;
    padding: 20px 30px;
    border-radius: 8px;
    box-shadow: 0 0 20px 0 rgba(76,87,125,.02);
}
#kt_content_container table tr {
    border-bottom-width: 1px ;
    border-bottom-style: dashed ;
    border-bottom-color: #e9e9e9 ;
}
body .table td, .table th, .table tr, body .table a {
    color: #7E8299;
}
body .table a:hover{
    color: #246250;
}
table.table thead th {
    font-weight: 600;
}
.table_content table th{
    position: relative;font-weight: 500;
}
.table_content table th a{display: flex;gap: 5px;}
.table_content table th a::after {
    font-family: 'Font Awesome 5 Free';
    content: '\f362';
    opacity: 0.4;
    bottom: 0px;
    right: 8px;
    display: block;    transform: rotate(90deg);
}
.table_content{
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: #eff2f5 transparent;
}
table th, table td {
    text-align: left;
}
body .table td {
    font-weight: 500;
}
.btn-group.dropstart {
    border: 1px solid #eee;
    border-radius: 8px;
    background: #f7f7f7;
}
div#filterCard {
    position: absolute;
    right: 0;
    left: 0;
    top: auto;
    z-index: 11;
    margin: 0 5px;
    border: 1px solid #eee;
    box-shadow: 1px 1px 1px #e5e5e5;
}
button.btn.btn-secondary[type="submit"] {
    background-color: #246250 !important;
    color: #fff;
}
button.btn.btn-secondary[type="submit"]:hover{
    background: #358f75!important;color: #fff;
}
.form-check-input:checked {
    background-color: #246250;
    border-color: #246250;
}


.aside-logo .logo-minimize{
    display: none;
}
.daterangepicker table th:not(:first-child):not(:last-child){
    min-width: 0;
}

.starting_balance_head {
    box-shadow: 1px 1px 3px #c1c1c1;
    padding: 10px 15px;
    background: #f1f1f1;
    border-radius: 8px;
}
.starting_balance_head div {
    color: #246250;
}

#loader-4 span{
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: #246250;
    margin: 10px 5px;
    opacity: 0;
}

#loader-4 span:nth-child(1){
    animation: opacitychange 1s ease-in-out infinite;
}

#loader-4 span:nth-child(2){
    animation: opacitychange 1s ease-in-out 0.33s infinite;
}

#loader-4 span:nth-child(3){
    animation: opacitychange 1s ease-in-out 0.66s infinite;
}

@keyframes opacitychange{
    0%, 100%{
        opacity: 0;
    }

    60%{
        opacity: 1;
    }
}

#kt_header.header{
    background-color: #f5f8fa; ;

}

.header-box-shadow{
    box-shadow:  0px 10px 30px 0px rgba(82, 63, 105, 0.05) !important;
}
/*
#kt_aside .aside-logo{
    background-color: #246250;
    border-bottom: 1px dashed #215a4a;
    height: 75px;
} */

#kt_aside #kt_aside_toggle{
    position: absolute;
    background-color: #fff;
    right: 0;
    transform: translateX(55%);
    height: 30px;
    width: 30px !important;
    box-shadow: 0px 8px 14px rgba(15, 42, 81, 0.04) !important;
}

.aside-fixed .aside#kt_aside.drawer {
    overflow: auto;
}

.aside-fixed .aside#kt_aside .aside-menu{
    overflow: hidden;
}

#kt_aside .aside-menu #kt_aside_menu_wrapper{
    width: 265px;
}

#kt_aside.aside .aside-menu{
width: auto;
}

.aside-fixed .aside#kt_aside {
    overflow: visible;
}

[data-kt-app-sidebar-minimize=on][data-kt-app-sidebar-hoverable=true] .app-sidebar:not(:hover) .app-sidebar-logo .app-sidebar-logo-default {
    display: none;
}

[data-kt-app-sidebar-minimize=on][data-kt-app-sidebar-hoverable=true] .app-sidebar:not(:hover) .app-sidebar-logo .app-sidebar-logo-minimize {
    display: inline-block;
}

/**************************/
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted {
    color: #246250;
    font-size: 16px;
    font-weight: 500;
    color: #fff !important;
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted {
    background-color: #246250;
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected{
    background-color: #246250;
}
.form-check.form-check-solid .form-check-input:checked {
    background-color: #246250;
}
.aside-dark .menu .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-bullet .bullet, .aside-dark .menu .menu-item.hover>.menu-link:not(.disabled):not(.active) .menu-bullet .bullet {
    background-color: #40a98a;
}
.page-item.active .page-link {
    background-color: #246250;
}
.paginator {
    padding: 10px 0;
    margin-top: 10px;
}
.footer {
    background-color: transparent;
}
.table_container{
    position: relative;
}
.form-control {
    background: #f5f8fa;
}
#loader img {
    max-width: 180px;
}

.-mb-3px{
    margin-bottom: -0.75rem !important;
}

.table-schedule thead tr th{
    padding: 16px 8px;
    text-align: center;
}
.table-schedule tbody tr td{
    padding: 16px 8px !important;
    text-align: center;
    vertical-align: middle !important;
}
.table-schedule  tr td{
    padding: 16px 8px !important;
    text-align: center;
    vertical-align: middle !important;
}

.table-responsive:hover{
    cursor: move;
}

.login-background-container{
    position: fixed;
    inset: 0;
}

.ticket_attachment{
    padding: 5px 8px;
    display: block;
    border-radius: 6px;
    box-shadow: 0px 8px 14px rgb(0 0 0 / 10%)
}

form .required:after{display: none}
form .required label:after {
    content: "*";
    position: relative;
    font-size: inherit;
    color: #f1416c;
    padding-left: .25rem;
    font-weight: 700;
}

.custom_leases_card,
.custom_property_card{
    padding: 24px 16px;
    background-color: #FFF;
    border-radius: 16px;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08);
    /*margin-bottom: 26px;*/
    height: 100%;
}

.custom_leases_card .custom_card_title,
.custom_property_card .custom_card_title{
    color: #C69D67;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 2;
    margin-bottom: 0;
}

.custom_leases_card .custom_card_sections,
.custom_property_card .custom_card_sections{
    padding: 8px 0px ;
    line-height: 1.9;
}

.custom_leases_card .custom_card_sections:not(:first-of-type){
    border-top: 0.4px solid #E9E9E9;
}

.custom_leases_card .custom_card_sections .section_title,
.custom_property_card .custom_card_sections .section_title{
    color: #31846C;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.9;
    margin-bottom: 0;
}

.custom_leases_card .custom_card_sections .section_content,
.custom_property_card .custom_card_sections .section_content{
    color: #112C24;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 0;
}

.custom_leases_card .custom_card_sections .section_content_value,
.custom_property_card .custom_card_sections .section_content_value{
    color: #6F6F6F;
}

.ownership_broker_property_card {
    background-color: #F8FCFB;
}

.custom_property_card.ownership_broker_property_card{
    height: calc((100% - 10px)/2);
}

.custom_property_card.ownership_broker_property_card .custom_card_sections{
    padding: 0;
}


.custom_leases_card.contract_details_leases_card  .custom_card_sections{
    padding: 16px 0;
}

.custom_leases_card.contract_details_leases_card  .custom_card_sections:first-of-type{
    padding-top: 0;
}

.leases--total_balance_card,
.leases--total_remaining_card,
.leases--total_installments_card,
.properties--total_lease_card,
.properties--total_units_card
{
    padding:8px;
    display: flex;
    flex-direction: column;
    color:  #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 2;
    justify-content: center;
    align-items: center;
}

.properties--total_lease_card{
    border-radius: 16px 0px 0px 16px;
    background: #236250;
}

.properties--total_units_card{
    border-radius: 0px 16px 16px 0px;
    background: #26A56F;
}

.leases--total_balance_card {
    border-radius: 16px 0px 0px 16px;
    background: #236250;
}

.leases--total_balance_card span{
    color: #C69D67;
}

.leases--total_remaining_card {
    background: #0A5C6E;
}

.leases--total_installments_card{
    border-radius: 0px 16px 16px 0px;
    background: #26A56F;
}

.leases--owner_list_container,
.property--related_card_container,
.leases--gallery_container{
    padding: 24px 16px;
    border-radius: 16px;
    background-color: white;
}

.leases--owner_list_container .owner_container_title,
.leases--gallery_container .gallery_container_title{
    color: #C69D67;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 2;
    margin-bottom: 16px;
}

.leases--owner_list_container .leases--owner_list_card {
    position: relative;
    padding: 16px 8px 16px 8px;
    border-radius: 16px;
    background: #FFF;
    box-shadow: 2px 4px 16px 0px rgba(0, 0, 0, 0.08);
    height: 130px;
}

.leases--owner_list_card .leases--owner_list_card_header {
    color: #31846C;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 8px;
}

.leases--owner_list_card_header .owner_percentage {
    color:  #C69D67 ;
    text-align: right;
    font-size: 16px;
    font-weight: 900;
    line-height: normal;
    padding: 0 8px;
}

.leases--owner_list_card .leases--owner_list_card_content {
    color: #112C24;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 8px;
    /* display: flex; */
}

.leases--owner_list_card .leases--owner_list_card_content span {
    color: #6e6e6e;
}

.leases--related_card_container,
.property--related_card_container{
    padding: 24px 16px;
    border-radius: 16px;
}

.card.leases--related_card_container .card-header,
.card.property--related_card_container .card-header{
    min-height: 48px;
}

.leases--related_card_container .nav-line-tabs .nav-item .nav-link,
.property--related_card_container .nav-line-tabs .nav-item .nav-link{
    color: #112C24;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    margin-right: 0;
    margin-left: 0;
    padding-left:16px ;
    padding-right:16px ;
}

.leases--related_card_container .nav-line-tabs .nav-item .nav-link:hover:not(.disabled),
.property--related_card_container .nav-line-tabs .nav-item .nav-link:hover:not(.disabled){
    border-bottom-color: #31846C;
}

.leases--related_card_container .nav-line-tabs .nav-item .nav-link.active,
.property--related_card_container .nav-line-tabs .nav-item .nav-link.active{
    border-bottom: 2px solid  #31846C;
    color: #31846C;
}

.leases--related_card_container .leases--related_card_title,
.property--related_card_container .property--related_card_title {
    color: #C69D67;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 2;
    margin-bottom: 0;
}

.leases--related_card_container .leases--related_card{
    /*border-radius: 16px;*/
    /*background:  #FFF;*/
    /*box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08);*/
}

.leases--related_card .leases--related_card_body{
    border-radius: 16px;
    background:  #FFF;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    margin: 16px 0;
}

.leases--related_card .leases--related_card_header{
    padding: 10px 24px 10px 16px;
    background-color: #f8fcfb;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 60px;
    gap: 8px;
    flex-wrap: wrap;
}

.leases--unit_details_header{
    margin-bottom: 8px;
}

.leases--related_card .leases--unit_details_header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 60px;
    gap: 8px;
    flex-wrap: wrap;
}

.leases--related_card .leases--related_card_header button,
.leases--related_card .leases--unit_details_header button
{
    border-radius: 8px;
    background: #31846C;
    height: 40px;
    width: 112px;
    border: none;
    padding: 0;
}

.leases--related_card .leases--related_card_header button a,
.leases--related_card .leases--unit_details_header button a
{
    color:  #FFF !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
}

.leases--related_card_header .leases--related_card_title{
    color: #112C24;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 2;
    margin: 0;
}

.leases--related_card_header .leases--related_card_title span{
    color: #31846C;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.leases--related_card .leases--related_card_unit_details{
    border-bottom: 0.4px solid #E9E9E9;
    padding: 16px;
}

.leases--related_card .leases--related_card_unit_details .leases--unit_details_title,
.leases--related_card .leases--related_card_unit_reads .leases--unit_reads_title{
    color:  #31846C;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.9;
    margin-bottom: 0px;

}

.leases--related_card .leases--related_card_unit_details .leases--unit_details_content{
    padding: 16px 0;
    background-color: #fff;
    border-radius: 16px;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08);
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 8px;
}

.leases--unit_details_content .leases--unit_details_content_title{
    color:  #112C24;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.9;
    margin-bottom: 0;
    padding: 0 8px;
}

.leases--unit_details_content  .leases--unit_details_content_value{
    color: #6F6F6F;
}

.leases--related_card .leases--related_card_unit_reads {
    padding: 16px;
}

.leases--related_card_unit_reads .leases--unit_reads_card{
    border-radius: 16px;
    background-color: #fff;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08);
    padding: 16px 8px;
}

.leases--related_card .leases--related_card_unit_reads .leases--unit_reads_card_title{
    color: #C69D67;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.9;
    margin-bottom: 8px;
}

.leases--related_card .leases--related_card_unit_reads .leases--unit_reads_card_content{
    color: #112C24;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.9;
    margin-bottom: 0px;
}

.leases--related_card .leases--related_card_unit_reads .leases--unit_reads_card_value{
    color: #6F6F6F;
}

.leases--related_card_container table.table,
.property--related_card_container table.table
{
    padding: 0;
    margin-bottom: 0;
}

.property--related_card_container ul.nav:after{
    content: none;
}

#kt_content_container .leases--related_card_container table.table thead tr,
#kt_content_container .property--related_card_container table.table thead tr
{
    border-bottom: 0.6px solid #D9D9D9;
    background:  #F8FCFB;

}

#kt_content_container .leases--related_card_container table.table tbody,
#kt_content_container .leases--related_card_container table.table thead ,
#kt_content_container .property--related_card_container table.table tbody,
#kt_content_container .property--related_card_container table.table thead
{
    border-bottom: none;
}

#kt_content_container .leases--related_card_container table.table tbody tr:not(:last-child),
#kt_content_container .property--related_card_container table.table tbody tr:not(:last-child)
{
    border-bottom: 0.6px solid #D9D9D9;
}

#kt_content_container .leases--related_card_container table.table thead th,
#kt_content_container .property--related_card_container table.table thead th
{
    color:  #112C24;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
}

@media (max-width: 1199px) {
    .leases--total_balance_card,.leases--total_remaining_card,.leases--total_installments_card{
        border-radius: 16px;
    }

}

@media (max-width:767px) {
    .properties--total_lease_card,.properties--total_units_card{
        border-radius: 16px;
    }
}

.login-background-container .login_background{
    background-image: url('/assets/images/loginBackgroundEn.webp');
    background-repeat: no-repeat;
    background-size: cover
}

#modal_general table{
    --bs-table-striped-bg: transparent;
}

.unit_gallery_header{
    padding: 10px 24px 10px 16px;
    background-color: #f8fcfb;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 60px;
    gap: 8px;
    flex-wrap: wrap;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.unit_gallery_header .unit_gallery_header_title{
    color: #112C24;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 2;
    margin: 0;
}

.unit_gallery_container{
    border-radius: 16px;
    background: #FFF;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    margin: 20px 0;
}

#collapse_btn.collapsed {
    animation: moveDown 2s infinite;
}

#collapse_btn{
    animation: moveUp 2s infinite;
}

@keyframes moveUp {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
}

@keyframes moveDown {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(10px);
    }
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    appearance: none;
}

/*=======================================*/
/*===========Arabic style================*/
/*=======================================*/
html[lang="ar"] #notifications_box {
    border-right: 1px solid #0000006e;
    border-left: none;
}
html[lang="ar"] #kt_aside #kt_aside_toggle{
    right: auto;
    left: 0 ;
    transform: translateX(-55%);
}

html[lang="ar"] .table-responsive .table tr td, html[lang="ar"] .table-responsive .table tr th{
    text-align: right;
}

html[lang="ar"] #togglePassword{
    right: auto !important;
    left: 0 !important;
}


html[lang="ar"] #email,
html[lang="ar"] #user-email,
html[lang="ar"] #company-phone,
html[lang="ar"] #company-email,
html[lang="ar"] #user-birth-date
{
    text-align: right;
}

html[lang="ar"] .login-background-container .login_background{
    background-image: url('/assets/images/loginBackgroundAr.webp');
}

html[lang="ar"] .properties--total_lease_card,
html[lang="ar"] .leases--total_balance_card{
    border-radius: 0px 16px 16px 0px;
}

html[lang="ar"] .properties--total_units_card,
html[lang="ar"] .leases--total_installments_card{
    border-radius: 16px 0px 0px 16px;
}

html[lang="ar"] .tns.tns-default [data-controls=prev]{
    transform: rotate(180deg) translateY(50%);
    left: auto;
}

html[lang="ar"] .tns.tns-default [data-controls=next]{
    transform: rotate(180deg) translateY(50%);
    right: auto;
}




html[lang="ar"] .checkContainer{
    left: 15px;
    right: auto;
}

html[lang="ar"] #repeated_payment {
   right: auto;
   left: 25px;
}

html[lang="ar"] input[type="number"]{
    direction: inherit;
}

html[lang="ar"] .stepper.last [data-kt-stepper-action=next] {
    display: none;
}

html[lang="ar"] #tenant_result_list .delete-tenant-btn{
    right: auto;
    left: 10px;
}

html[lang="ar"] #add_tenant_form .tenanet-form_input{
    text-align: right;
}

html[lang="ar"] #tenant_list #close_tenant_form_btn{
    right: auto;
    left: 12px;
}

#add-organization-form{
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08);
    border-radius: 16px;
    background-color: #fff;
    padding: 15px 15px;
    position: relative;

}
.organization-form-title {
    color: #C69D67;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0px;
}
#add-organization-form .organization-form-label{
    color: #112C24;
    font-size: 16px;
    font-weight: 600;
    margin-top: 16px;
}
#add-organization-form .organization-form-input {
padding: 0px 16px;
height: 40px;
border-radius: 8px;
border: 0.4px solid #E6E6E6;
background: #FFF;
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.10);
color: #7A7A7A;
font-size: 14px;
font-weight: 500;
width: 100%;
margin-top: 8px;
}
#add-organization-form .organization-form-input:focus{
    border-color: none;
    outline: none;
}
html[lang="ar"] .form-control:disabled, .form-control[readonly],
html[lang="ar"] .table-responsive .text-truncate,html[lang="ar"] .text-hover-primary,
html[lang="ar"] .table-responsive .table tr td, html[lang="ar"] .table-responsive .table tr th {
    direction: inherit;
 }
 html[lang="ar"] .form-control{
    direction: inherit;
 }
html[lang="ar"] .fw-semibold {
    direction: inherit;
}
html[lang="ar"] .custom_leases_card .custom_card_sections .section_content_value {
    direction: initial;
    unicode-bidi: embed;
}
html[lang="ar"] .leases--owner_list_card .leases--owner_list_card_content span {
    direction: initial;
    unicode-bidi: embed;
}
html[lang="ar"] .custom_property_card .custom_card_sections .section_content_value {
    direction: initial;
    unicode-bidi: embed;
}

html[lang="ar"] .phone_number_plus_sign{
    direction: initial;
    unicode-bidi: embed;
}
html[lang="ar"] .leases--owner_list_card_header .owner_percentage{
    unicode-bidi: embed;
}
.owner_list_view #tns1-mw{
    /* overflow: unset !important; */
    padding: 15px 10px 0px 10px;
}
.owner_list_view .tns.tns-default .tns-outer{
    margin: 0;
}
.owner_list_view .owner_list_card {
    position: relative;
    margin: 10px 0px 0px 9px;
    padding: 16px 8px 16px 8px;
    border-radius: 16px;
    background: #FFF;
    box-shadow: 0px 0px 11px -1px rgba(0, 0, 0, 0.08);
}
.owner_list_view .representer_list_card,#owners_list .representer_list_card {
    background: #f1faff;
}
.owner_list_view .representer_list_card .type{
    display: block;
}
.owner_list_view .navigation-buttons {
    text-align: end;
    padding: 0 50px 5px 0px;
}
.owner_list_view .leases--owner_list_card_header{
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
    color:#31846C ;
}
.owner_list_view .leases--owner_list_card_header span{
    font-weight: 900;
    color:#C69D67 ;
}
html[lang="en"] .owner_list_view .type{
    position: absolute;
    right: 20px;
    top: 20px;
    /* display: none; */
}
html[lang="ar"] .owner_list_view .type{
    position: absolute;
    left: 20px !important;
    top: 20px;
    /* display: none; */
}
.owner_list_view .owner-details .owner_list_card_content{
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
    color: #112c24;
}
.owner_list_view .owner-details .owner_list_card_content span{
    color: #6e6e6e;
}
#showMoreOwner {
    background-color: #fff !important;
    color: #246250;
    border-radius: 8px;
    border: 1px solid #31846C;
}