/* .topnav-navbar{
    position: sticky !important;
} */

@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500&display=swap');

.lang-ar{
    font-family: 'Cairo' !important;
    direction: rtl;
}

label{
    color: #02467c ;
}
.custom-checkbox label{
    color: #550059 ;
}
.custom-checkbox a{
    color: #550059 ;
}
.payment-agreement {
    color: #550059 ;
}
.btn-ejar{
    background-color: #009639;
    color: #fff;
    border-color: #009639;
}
.btn-ejar-seconedry{
    background-color: #947c8c;
    color: #fff;
    border-color: #947c8c;
}
.text-ejar{
    color: #009639;
}
.content-block{
    color: black !important;
}
.custom-file-input:lang(en) ~ .custom-file-label::after{
    content: none
}
.btn-ejar:focus{
    border-color: #179a17;
}
.payment-agreement a{
    color: #550059 ;
}
.form-hide{
    display: none;
}
.btn:focus{
    box-shadow: #550059 !important;
}
.btn-danger:hover{
    background-color:#9d0020;
    border-color: #9d0020;
}
.datepicker table tr td.active.active{
    background-color: #550059 !important;
    color: #fff !important;
}
.dashbaord-nav .nav-item{
    color: #4A4949;
}
.email-color{
    color: black !important;
}
.btn-renew{
    color: #fff;
    background-color: #077600 !important;
    border-color: #077600 !important;
    box-shadow: none !important;
}
.btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show>.btn-info.dropdown-toggle:focus{
    -webkit-box-shadow: none;
    box-shadow: none;
}


.side-nav .side-nav-link span {
    vertical-align: middle;
    font-size: 18px;
    margin-right: 10px;
}
.side-nav-plus{
    color: gray !important
}
[class^=uil-]:before{
    font-size: 24px;
}
*, ::after, ::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
* {
    outline: none !important;
}
*, *::before, *::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body[data-layout=detached] .left-side-menu .side-nav .mm-active>a {
    color: #550059!important;
}
body[data-layout=detached] .left-side-menu .side-nav .side-nav-link:active{
    color: #550059!important;
}
body[data-layout=detached] .left-side-menu .side-nav .mm-active>a {
    color: #550059!important;
}
.btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show>.btn-outline-info.dropdown-toggle{
    background-color: #550059;
    border-color: #550059;
}
.btn-outline-info.focus, .btn-outline-info:focus{
    box-shadow: none;
    -webkit-box-shadow:  none;
}
#progressbarwizard .pager .btn-info{
    color: #fff;
    background-color: #550059 !important;
    border-color: #947c8c !important;
    border-radius: 0 !important;
}
#progressbarwizard .pager .btn-info:hover{
    background-color: #947c8c !important;
    border-color: #947c8c !important;
}
.navbar-brand img{
    width: 45px;
    position: absolute;
    right: 50%;
    top: 10px;
  }
  .navbar-custom{
      position:sticky;
  }
  .navbar-custom .nav-user{
      padding: 10px !important;
  }
  .navbar-custom .topbar-nav li.show .nav-link{
      background-color: inherit;
  }
  .full-blure {
    position:absolute;
    /* top : 0; */
    left: 0;
    width: 100%;
    height: 100%;
    /* background-color: black; */
    content:"";
    /* pointer-events: none; */
    z-index:100;
    /* opacity: .5 */
    background-color: rgba(28, 28, 29, 0.5);
}

.ds-heading {
    font-size: x-large;
}

.color-success {
    color: #6de5a9;
}
.maintenance-image  > .dropify-wrapper{
    height: 100px !important;
}
.maintenance-image label{
    display: none;
}
.page-title {
   padding-right:1.5rem!important;
   padding-left:1.5rem!important;
}
.mintenance-action .dropdown-item:hover{
    background-color: #01467C !important;
    border-color: #01467C !important;
}
.datepicker tbody tr>td.day.today{
    background: #947c8c !important;
}
.datepicker tbody tr>td span.month.focused{
    background-color: #550059 !important;
}
.datepicker tbody tr>td span.month.active{
    background-color: #550059 !important;
}
.datepicker table tr td span.active.active{
    background-color: #550059 !important;
}
.datepicker table tr td span.active{
    background-color: #550059 !important;
}
.datepicker tbody tr>td span.month.focused{
    background-color: #947c8c !important;
}
.datepicker table tr td .active.disabled:hover[disabled], .datepicker table tr td .active.disabled[disabled], .datepicker table tr td .active:active, .datepicker table tr td .active:hover, .datepicker table tr td .active:hover.active, .datepicker table tr td .active:hover.disabled, .datepicker table tr td .active:hover:active, .datepicker table tr td .active:hover:hover, .datepicker table tr td .active:hover[disabled], .datepicker table tr td .active[disabled], .datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active[disabled], .datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover{
    background-color: #947c8c !important;
}
.custom-switch .custom-control-label::after{
    background-color: #550059;
    border-color: #550059;
}
.custom-switch .custom-control-label::before {
    border-color: #550059;
} 
.custom-control-input:checked~.custom-control-label::before{
    color: #550059;
    background-color: #550059;
    border-color: #550059;
}
.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before{
    background-color: #550059;
}  
input[data-switch=primary]:checked+label{
    background-color: #550059;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    background-color: #550059;
    border-color: #550059;
}
.btn-primary:focus{
    box-shadow: none;
}
.btn-primary:active:focus{
    box-shadow: none;
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus{
    box-shadow: none;
    -webkit-box-shadow: none;
}
.btn:focus, .btn.focus{
    box-shadow: none;
    -webkit-box-shadow: none;
}
.btn-gradient-primary:not(:disabled):not(.disabled):active:focus{
    box-shadow: none;
    -webkit-box-shadow: none;
}
.btn-gradient-primary:focus{
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
.btn-gradient-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-gradient-primary.dropdown-toggle:focus, .btn-gradient-primary.focus, .btn-gradient-primary:focus{
    box-shadow: none;
    -webkit-box-shadow: none;
}
.auth-page .form-control:focus{
    border-color: #550059;
}
.auth-page .btn-primary:focus{
    background-color: #550059;
    border-color: #550059;
}
.btn-primary:focus, .btn-primary.focus{
    background-color: #550059;
    border-color: #550059;
}
.table .thead-dark th{
    color: #fff !important;
    background-color: #550059 ;
    border-color: #550059;
    width: 1%;
}
.maintenance .table .thead-dark th {
    background-color: #01467C ;
    border-color: #01467C;
}
.color-error {
    color: #ff4141;
}

.color-pending {
    color: #4d4f5c;
}

.ds-page-heading {
    color: #43425d;
    font-weight: normal;
}

.ds-pad-wrapper {
    /* background-color: red; */
    box-shadow: 0 -15px 20px -10px rgba(0, 0, 0, 0.08) inset;
    padding: 10px;
}

.sidebar-sm-scn {
    width: 50%;
    position: absolute;
    z-index: 5000;
    right: 0;
    background-color: #f5f5f5!important;
    height: 100%;
}

.d-hide {
    display: none;
}

.bg-nav-blue {
    background-color: #350690;
    color: white;
    font-size: 18px;
}



.nav-list {
    background-color: #350690;
    padding: 8px;
    border-top: 1px solid white;
}

.nav-list span {
    margin-left: 13px;
    color: white;
}
/* ==================================  */
/*  Side bar large */
/* ================================= */


.ds_sidebar_wrapper {
    background-color: #fff;
    height: 100vh;
    width: 100%;
    color: white;
    list-style-type: none;
    /* box-shadow: 5px 1px 11px 1px #b5a7d0; */
}
.dashbaord-nav{
    position: absolute !important;
    right: 0 !important;
}
.nav-link{
    color:  #4A4949;
}

.sidebar-nav-item {
    color: #707070;
    padding: 0 10px;
}

.sidebar-nav-item img{
    width:25px;
    padding-bottom: 30px;
    margin-right: 10px
}

.ds-mobile-sidebar .sidebar-nav-item a{
    font-size: 1.1rem;
}

.ds-mobile-sidebar .sidebar-nav-item {
    padding-left: 15px;
}

.sidebar-nav-item:hover {
    background-color: #7E3E81;
    color: #350690 !important;
    border-radius: 40px;
    height: 70px;
}

.sidebar-nav-item i {
    margin-right: 8px;
}

.sidebar-nav-item a span {
    color:#707070;
    font-size: 18px;
}

.sidebar-nav-item a i {
    color: #a5a4bf;
}

.sidebar-nav-item a {
    font-size: 1.4rem;
}


.active-ni a i {
    color: #ffa500;
}

.box-title {
    color: #888888;
    font-size: 13px;
    font-weight: bold;
    line-height: 0;
}

.chart-sm-wrapper {
    height: 40px;
    width: 120px;
}



.ds-chart-content {
    display: flex;
    justify-content: space-between;
    padding: 10px;
}

.ds-amount h5 {
    font-weight: bold;
    font-size: x-large;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif !important;
    margin-top: 30px;
    line-height: 0;
}

.ds-amount p {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif !important;
    line-height: 0;
    font-size: small;
    margin-top: 20px;
}

.ds-title-theme {
    color: #1f2b6a;
    font-size: larger;
}

.box-inline {
    display: flex;
    justify-content: space-between;
}

.ds-color-grey {
    color: #a9a9a9;
}




.ds-file-field {
    border: 1px solid rgb(128, 125, 125, 0.2);
    padding: 8px;
    border-radius: 5px;
}

.ds-file-field i {
    color: #a9a9a9;
}

.ds-file-upload {
    display: none;
}

.ds-file-upload-guide {
    display: none;
}

.file-label-span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
}

.ds-fluid-btn-wrapper button {
    width: 100%;
    background-color: #350690;
    color: white;
    outline: none;
    padding: 5px;
    border-radius: 5px;
}

.btn-theme {
    background-color: #350690;
    color: white !important;
}

.bg-table-head {
    background-color: #f5f6fa;
    color: #a3a6b4;
}

.ds-search input {
    background-color: none;
    border: none;
}

.ds-search input::placeholder {
    font-size: 12px;
}

.ds-search button {
    background-color: none;
    border: none;
    background: none;
    color: rgb(128, 125, 125, 0.2);
}

.menu-collapase a {
    cursor: pointer;
}

.menu-collapase ul {
    display: none;
}

.avatar {
    width: 80px;
    border-radius: 40px;
}

.avatar {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    object-fit: cover;
}

.circle-head-sm {
    width: 45px;
    height: 45px;
    margin-right: 17px;
    border-radius: 50%;
  }

.sqr-img-md {
    height: 60px;
    width: 60px;
}

.avatar.img-thumbnail {
    padding: 1px;
    background: none;
    border:none;
}

.ds-box-info p {
    line-height: 1;
    font-size: 14px;
}

.ds-form-header {
    padding: 4px;
}

.ds-green-form-bar p {
    background-color: #f5f6fa;
    padding: 6px;
    color: #350690;
    font-size: 18px;
}

.white-link {
    text-decoration: none !important;
    color: white;
}

.white-link:hover {
    color: wheat;
}

.review-list {
   padding: 5px;
}

.bg-table-head-odd:nth-child(odd) {
    background-color: #f5f6fa;
    color: #a3a6b4;
}

.write-review-btn {
    border: 1px solid #350690;
    color: #350690 !important;
    font-weight: bold;
    border-radius: 5px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.ds-follow {
    border: 1px solid #350690;
    color: white !important;
    background-color: #350690 !important;
    font-weight: bold;
    border-radius: 5px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
}



.ds-review-list-text p {
    /* line-height: 0; */
    font-size: 13px;
}



.ht-primary {
    background-color: #e8e7ff;
    color: #350690;
}

.ht-danger {
    background-color:#ff7285;
    color: white;
}

.ht-success {
    background-color:#daf7e8;
    color: #4ad991;
}

.ht-warning {
    background-color:#fff4e5;
    color: #ffca83;
}

.ht-circle {
    border-radius: 100%;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 8px;
    padding-left: 8px;
}

.ht-radius {
    border-radius: 5px;
}

.tnav-notify {
    position: relative;
    display: inline-block;
}

.tnav-notify span {
    background-color: #550059;
    font-size: 9px;
    color: white;
    padding: 2px 6px;
    border-radius: 50%;
    position: absolute;
    top: -7px;
    right: -7px;
}
body[data-layout=detached] .left-side-menu .side-nav .side-nav-link:focus{
   color: #550059!important;
}
.show>.btn-gradient-secondary.dropdown-toggle:focus, .btn-gradient-secondary.focus, .btn-gradient-secondary:focus{
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-outline-info.focus, .btn-outline-info:focus{
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-gradient-primary:not(:disabled):not(.disabled):active:focus,.btn-gradient-primary:focus{
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus{
    -webkit-box-shadow: none;
    box-shadow: none;
}
.show>.btn-outline-info.dropdown-toggle:focus{
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-outline-info:not(:disabled):not(.disabled).active:focus{
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-gradient-secondary:not(:disabled):not(.disabled):active:focus, .btn-gradient-secondary:focus{
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show>.btn-danger.dropdown-toggle:focus{
    -webkit-box-shadow: none;
    box-shadow: none;
}

.shadow-col {
    box-shadow: 1px -2px 18px 8px #f4f4fb;
    padding: 10px;
}

.radius-half {
    border-radius: 50%;
}

.ds-stars span {
    color: #edae55;
}

/* When arabic language */


/* Here uniqure change means, the problem occures only in arabic version. so with that change, those issue is solved

Here reverse changes, that is mean, in english and arabic, there are reverse changes

To take idea for example of reverse changes. You can see these two class

01: .ds-direction-reverse .ds-review-list-text
02: .ds-direction-normal .ds-review-list-text

above two thing are somewhat identical and reverse */


.ds-direction-reverse { /* Uniqure changes */
    /* display: flex;
    flex-direction: row-reverse; */
    direction: rtl;
    text-align: right;
}

.ds-direction-reverse .ds-nav-arabic { /* Uniqure changes */
    padding: 0;
}

.ds-direction-reverse .active-ni { /* Reverse changes */
    border-right: 3px solid #ffa500;
}

.ds-direction-reverse .ds-review-list-text { /* Reverse changes */
    margin-right: 20px;
    color: #4d4f5c;
}

.ds-direction-reverse .form-check-input { /* Uniqure changes */
    margin-right: -1.25rem;
}

.ds-direction-reverse .ds-box-info { /* Reverse changes */
    margin-right: 25px;
    margin-top: 5px;
}

.ds-direction-reverse .chat-users-row .circle-head-sm {
    margin-left: 10px;
}







/* When not arabic/normal */

.ds-direction-normal .active-ni { /* Reverse changes */
    border-left: 3px solid #ffa500;
}


.ds-direction-normal .ds-review-list-text { /* Reverse changes */
    margin-left: 20px;
    color: #4d4f5c;
}

.ds-direction-normal .ds-box-info { /* Reverse changes */
    margin-left: 25px;
    margin-top: 5px;
}

.sidebar-unverified {
    background-color: rgb(58 10 154) !important;
    pointer-events: none !important;
}

/* Dashborad home start */
.dashboard-home{
    padding-left: 0rem !important;
}
.dashboard-home h4{
    color:#550059;
}
.dashboard-home .card-header {
    background-color: #550059;
}
.dashboard-home .admin-card .card-header{
    background-color: #01467C;
}
.dashboard-home .card-header a{
    color: #fff;
}
.dashboard-home .table .thead-light th{
    background-color: #fff ;
    font-size: 12px;
}
.dashboard-home .table .thead-light th a{
    color: #fff !important; 
}
.dashboard-home .coustom-css{
    background-color: #fff !important;
    font-family: inherit !important;
    color: #050505 !important;
}

.com-profile{
    height: 145px;
    background-color: #550059;
    color: #fff;
    padding: 20px;
    border-radius: 40px;
}
.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show>.btn-danger.dropdown-toggle{
    background-color: #eb1e2a !important;
    border-color: #eb1e2a !important;
}
.btn-danger.focus, .btn-danger:focus {
    background-color: #eb1e2a !important;
    border-color: #eb1e2a !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.dashboard-home .nav.nav-pills{
    background-color: inherit;
}
.dashboard-home .nav-item{
    background-color: #fff;
    color: #4A4949;
    border-radius: 10px;
    position: relative;
}
.left-side-menu{
    position: fixed !important;
    top: 75px;
}
.nav-user .account-user-avatar{
    top: 0 !important;
}
.table .thead-light th,.dataTable thead th{
    background-color: #550059 !important;
    color: #fff !important;
}
#property > div > table > tbody{
    background-color: #fff !important;
}
.chart-report-card h3, .report-card h3{
    font-size: 13px !important;
    color: #550059 !important;
    
}
body[data-layout=detached] .left-side-menu .side-nav .mm-active>a {
    color: #550059!important;
}
body[data-layout=detached] .left-side-menu .side-nav .side-nav-link:hover {
    color: #550059!important;
}
.dropright .dropdown-item:hover{
    color: #fff !important;
}

.add-btn{
    position: absolute;
    width: 30px;
    filter: brightness();
    right: 15px;
    top: 5px;
}
.btn-info{
    background-color: #947c8c !important;
    border-color: #947c8c !important;
    box-shadow: none;
}
.btn-info:focus{
    background-color: #550059;
    border-color: #550059;
    box-shadow: none;
}
.btn-info:hover{
    background-color: #550059;
    border-color: #550059;
    box-shadow: none;
}
.btn-success{
        color: #fff;
        background-color: #550059 !important;
        border-color: #550059 !important;
        box-shadow: none !important;
}
.btn-success:hover{
    color: #fff;
    background-color: #550059;
    border-color: #550059;
    box-shadow: none !important;
}
.btn-green{
    color: #fff;
    background-color: #077600 !important;
    border-color: #077600 !important;
    box-shadow: none !important;
}
.btn-danger{
    color: #fff;
    background-color: #9d0020;
    border-color: #9d0020;
}
.nav-pills .nav-link.active {
    height: 100%;
    background: #550059 !important;
    color: #fff;
    box-shadow: none !important;
}
#basicwizard .nav-pills .nav-link.active{
    border-radius: 0px !important;
}
.left-side-menu .side-nav .mm-active>a{
    color:#550059 !important;
}
body[data-layout=detached] .leftbar-user {
    background: url("../images/background-app.png") no-repeat !important;

}
body[data-layout=detached] .leftbar-user .leftbar-user-name{
    color: #fff;
}
#progressbarwizard .nav-pills{
    margin-bottom: .75rem !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100%;
}
#progressbarwizard .progress-bar{
    background-color: #947c8c !important;
}
.add-property-form{
    box-shadow: none !important;
    width: 100%;
}
.scan-id img{
    height: 80px;
    width: 80px;
}
.payment-schedule{
    color: #fff !important;
}
.payment-schedule h4{
    color: #fff !important;
}
.btn:hover{
    color: #ccd0d5;
}
.button-menu-mobile{
    color: #550059 !important;
}
.show-side-mobile{
    display: block !important;
    left: 0;
    max-width: 200px !important;
    min-width: 200px !important;
    transition: width 2s, height 4s;
    transition-delay: 3s
}
.loading-color{
    color: #550059 !important;
}
.footer{
    position: inherit;
    bottom: -10%;
    /* left: 5% !important; */
}
.footer a {
    color: #550059;
}
.footer a:hover{
    color: #967c8c;
}
/* .left-side-menu{
        position: fixed !important;
        overflow-x: hidden;
        height: 100%;
        top: 80px;
} */
/* Dashboard home end */


@media (max-width: 1600px){
    #leftSidebar{
        height:450px;
        overflow-y: auto;
    }
}

@media (max-width: 1500px){
    #leftSidebar{
        height:450px;
        overflow-y: auto;
    }

    .side-nav .side-nav-link span{
        font-size: 15px;
    }

    .side-nav .side-nav-link{
        padding: 5px 30px !important;
    }
}

.navbar-custom .topbar-right-menu li a{
    min-width: 28px !important;
}   


@media (max-width: 1200px) {
    #leftSidebar{
        height: 400px;
        overflow-y: auto;
    }
    .right-side-menu{
        right: 0 !important;
        left: none !important;
    }
    .left-side-menu{
        top:64px;
        left:0;
    }
    body[data-leftbar-compact-mode=condensed] .side-nav .side-nav-item .side-nav-link i{
        margin-right: 0px;
        margin-left: 0px;
    }

    .navbar-custom .topbar-right-menu li a{
        min-width: 20px !important;
    }   
}

/* .side-nav .side-nav-link{
    padding: 5px 30px !important;
} */


@media (max-width: 767px) {

    #leftSidebar{
        height: 300px;
        overflow-y: auto;
    }

    .left-side-menu {
        top: 40px;
    }
    .right-side-menu{
        right: 0 !important;
        left: none !important;
    }
    .left-side-menu{
        top:64px;
        left:0;
    }
    .side-nav .side-nav-link span{
        font-size: 15px;
    }

    li.paginate_button.next, li.paginate_button.previous{
        font-size: initial;
    }
}

@media (max-width: 576px) {

    #leftSidebar{
        height: 350px;
        overflow-y: auto;
    }
}
.upload-unit{
   border-left: 1px solid;
}

.hyperlink-disabled {
    pointer-events: none;
    cursor: default;
}

.carousel-image {
    /* height: 300px; */
    margin: auto;
    object-fit: contain;
    max-height: 100%;
    max-width: 100%;
}

.dropdown-menu-animated.dropdown-menu-right {
    right: 0% !important;
}

.dropdown-menu-animated.dropdown-menu-left {
    left: 0% !important;
    top: 0 !important;
}

@media (max-width: 767px) {
    .role-badge {
        display: none
    }
}

/* Added BY Suraj Kumar */

/* Login Page */
.auth-form label{
    color: #550059 !important;
}
.auth-card{
    box-shadow: none !important;
}
.auth-card .text,.auth-logo-text h4,.auth-card span{
    color:#550059;
}

/* End Common Button styling according to Bootstrap Hyper theme */
.text-purple{
    color: #550059 !important;
}
.text-purple-hover:hover{
    color: #550059 !important;
}


.border-radius{
    border-radius: 25px !important;
}

.border-radius25{
    border-radius: 25px 25px 0 0 !important;
}

/* Light */
.hyper-btn-light{
    color: #111;
    background-color: #f1f4f8;
    border-color: #f1f4f8;
}
.hyper-btn-outline-light{
    color: #f1f4f8;
    border-color: #111;
}
.hyper-btn-outline-light:hover,.hyper-btn-outline-light.active,.hyper-btn-light:hover{
    color: #111;
    background-color: #f1f4f8;
    border-color: #f1f4f8;
}

/* Dark */
.hyper-btn-dark{
    color: #fff;
    background-color: #2a313c;
    border-color: #272e38;
}
.hyper-btn-outline-dark{
    color: #2a313c;
    border-color: #2a313c;
}
.hyper-btn-outline-dark:hover,.hyper-btn-outline-dark.active{
    color: #fff;
    background-color: #2a313c;
    border-color: #2a313c;
}
/* Secondary */
.hyper-btn-secondary{
    color: #fff;
    background-color: #5c636a;
    border-color: #565e64;
}
.hyper-btn-outline-secondary{
    color: #5c636a;
    border-color: #5c636a;
}
.hyper-btn-outline-secondary:hover,.hyper-btn-outline-secondary.active{
    color: #fff;
    background-color: #5c636a;
    border-color: #5c636a;
}
/* Primary */
.hyper-btn-primary{
    color: #fff;
    background-color: #6169d0;
    border-color: #5b63c4;
}
.hyper-btn-outline-primary{
    color: #6169d0;
    border-color: #6169d0;
}
.hyper-btn-outline-primary:hover,.hyper-btn-outline-primary.active{
    color: #fff;
    background-color: #6169d0;
    border-color: #6169d0;
}
/* Warning */
.hyper-btn-warning{
    color: #333;
    background-color: #ffc626;
    border-color: #ffc31a;
}
.hyper-btn-outline-warning{
    color: #333;
    border-color: #ffc626;
}
.hyper-btn-outline-warning:hover,.hyper-btn-outline-warning.active{
    color: #333;
    background-color: #ffc626;
    border-color: #ffc31a;
}
/* Info */
.hyper-btn-info{
    color: #fff;
    background-color: #3095b2;
    border-color: #2e8ca7;
}
.hyper-btn-outline-info{
    color: #3095b2;
    border-color: #3095b2;
}
.hyper-btn-outline-info:hover,.hyper-btn-outline-info.active{
    color: #fff;
    background-color: #3095b2;
    border-color: #2e8ca7;
}
/* Success */
.hyper-btn-outline-success:hover,.hyper-btn-outline-success.active{
    color: #fff;
    background-color: #0acf97;
    border-color: #0acf97;
}
.hyper-btn-outline-success{
    color: #0acf97;
    border-color: #0acf97;
}
.hyper-btn-success{
    color: #fff;
    background-color: #0acf97;
    border-color: #0acf97;
}
/* Danger */
.hyper-btn-danger{
    color: #fff;
    background-color: #d54e69;
    border-color: #c84a63;
}
.hyper-btn-outline-danger:hover,.hyper-btn-outline-danger.active{
    color: #fff;
    background-color: #c84a63;
    border-color: #c84a63;
}
.hyper-btn-outline-danger{
    color: #c84a63;
    border-color: #c84a63;
}
/* End Common Button styling according to Bootstrap Hyper theme */
/* Common Styling Start */
body{
    background-color: #edf0fe !important;
}
.text-primary-light{
    color:#947c8c !important; 
    font-weight: 400;
}
.bg-purple-light{
    background-color:#947c8c !important; 
}
/* .font-poppin{
    font-family: "Poppins",sans-serif !important;
} */
/* End Common Styling */


.adminMenu{
    display: block !important;
    background-color: #fff;
    /* width: 100%; */
}
.adminmenu-icon{
    font-size: 28px;
    padding-top: 5px;
    display: block;
}
.select-show-result{
    margin-top: 20px;
}

/* Notification Styling */
.custom-count-notif{
    position: absolute;
    font-size: 10px;
    left: 13px;
    top: 13px;
}
.custom-count-call{
    left: 17px !important;
}

.custom-count-ejar{
    position: absolute;
    font-size: 10px;
    top: -5px;
}

.count-notifs-in-page{
    position: absolute;
    font-size: 10px;
    top: -5px;
}
/* Notification Styling End */

@media only screen and (min-width: 768px) and (max-width: 1600px) {
    .dashboard-home {
        padding-left: 5rem !important;
    }
}

@media only screen and (max-width: 768px) {
    .dashboard-home {
        padding-left: 0rem !important;
    }
}

/* Contract Detail Page Styeling */
#paymentSchedule a{
    color: #fff !important;
}
#paymentSchedule .dropdown-menu a{
    color: #550059 !important;
}
#paymentSchedule .dropdown-menu a:hover{
    background-color: #550059 !important;
    color: #fff !important;
}

#maintenanceSection .dropdown a{
    color: #fff !important;
}
#maintenanceSection .dropdown-menu a{
    color: #01467c !important;
}
#maintenanceSection .dropdown-menu a:hover{
    background-color: #01467c !important;
    color: #fff !important;
}
/* End */

/* Income and Expenses Report */
.income-expenses-wrapper h5{
    color: #555;
}
/* Income and Expenses Report End */

.btn{
    box-shadow: none;
}

.blue-btn{
    background-color: #02467c !important;
    box-shadow: none !important;
    border: none !important;
}

.bg-blue{
    background-color: #01467c !important;
}

.table-blue{
    background-color: #01467c !important;
    opacity: 0.7;
    color: #fff !important;
}
.border-blue{
    border:1px solid #01467C !important;
}

#filter_form{
    display: none;
}


#id_invoice{
    border: none;
    color: #9d9d9d;
    font-weight: bold;
}

.invoice-icons i{
    font-size: 22px;
}

/* Listing form styling */
.table-in-table{
    border: 0px !important;
    padding-left: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
/* End Listing form styling */

/* Ejar Styling Start */
.coustom-css:disabled{
    background-color: rgb(236, 236, 236) !important;
}
/* End Ejar Styling */

/* @end css by suraj */



#text-invoice,.text-invoice{
    color: #550059 !important;
}

#text-discount,.text-discount{
   color: #FAC168 !important;
}

#text-refund,.text-refund{
   color: #E0706F !important;
}

/* Add | Edit Contract Form */
#id_contract_type{
    margin: 0px;
    padding: 0px;
    padding-top: 8px;
}
#id_contract_type li{
    display: inline;
    margin-right: 20px;
}

#id_start_date_hijri,#id_end_date,#id_end_date_hijri,#id_lease_type{
    background-color: #ececec !important;
}
/* End Add | Edit Contract Form */

#unit-info-tab table th,#unit-info-tab table td{
    border: none;
}

/* Property and Unit Form */
.radio-v-align ul{
    display: flex !important;
    padding-left: 0px;
    list-style: none;
}

.radio-v-align ul li{
    margin-right: 10px !important;
}

.property-highlights-wrapper{
    display: none;
}

.radio-depend input,.radio-depend label{
    display: none;
}

.google-map-from-address{
    display: none;
}

.vendor-form-radio ul li{
    padding-right: 10px;
}

.form-multiple-checkbox ul{
    margin: 0px;
    padding:0px;
    list-style: none;
}

#lock-btn{
    background-color: #077602 !important;
    border-color: #077602 !important;
    color: #fff;
}

@media print {
    #contractData label{
        font-size: 18px;
    }

    #printContractDetail{
        background-color: #fff !important;;
    }

    #printContractDetail .table td, .table th,.table td h5 {
        color: #000 !important;
    } 

    #printContractDetail tr.thead-dark > th {
        background-color: #550059 !important;
        color: #fff !important;
        padding: 8px 10px !important;
    }

    .income-expenses-wrapper td,.income-expenses-wrapper th{
        border: none !important;
    }

    .ar-print h5{
        text-align: right !important;
    }

    .ar-print .table td, .table th{
        text-align: right !important;
    }

    /* Balance Sheet and Income Statement */
    /* #reportData table{
        background-color: #fff !important;
    } */

    #reportData .bg-purple{
        background-color: #550059 !important;
        color: #fff !important;
        text-align: center !important;
    }

    #reportData table.en-table th{
        text-align: left !important;
    }

    #reportData table.en-table td{
        text-align: right !important;
    }

    #reportData table.ar-table th{
        text-align: right !important;
    }

    #reportData table.ar-table td{
        text-align: left !important;
    }

    #reportData table.en-table th.text-center{
        text-align: center !important;
    }

    body,#reportData{
        background-color: #fff !important;
    }

    #reportData #selectCompany .select2-results{
        background-color: #fff !important;
        color: #000 !important;
    }

    #reportData table th.border-top-black,#reportData table td.border-top-black{
        border-top:1px solid #550059 !important;
    }

    #reportData .text-dark{
        color: #000 !important;
        text-align: left !important;
    }

    #reportData .text-center{
        text-align: center !important;
    }

    #reportData table td,#reportData table th{
        border: none !important;
    }
    a{
        text-decoration: none !important;
    }
    .print-right{
        text-align: right !important;
    }
}


.bg-purple,.page-item.active .page-link{
    background-color: #550059 !important;
}

.bg-purple:hover{
    background-color: #550059 !important;
}

.border-purple,.page-item.active .page-link{
    border: 1px solid #550059 !important;
}

.dataTables_filter_en,.dataTables_length_ar{
    text-align: left !important;
    float: left !important;
}

.dataTables_length_en,.dataTables_filter_ar{
    text-align: right !important;
    float: right !important;
}
@media (max-width: 100px) {
    .property-detail{
        max-height: 250px;
    }
}

.property-detail .carousel-item{
    text-align: center;
}

.property-detail .carousel-item img{
    width: 250px;
    max-height: 250px;
}

div.dataTables_wrapper div.dataTables_processing{
    z-index: 999999;
    box-shadow: none !important;
    top: 20% !important;
    padding: 0px !important;
}

.dt-showing{
    display: none;
}

.lang-ar label{
    font-size: 17px !important;
}

.btn-light-purple {
    background-color: #ca8dcc; 
    border-color: #ca8dcc;
    color:grey;
}

.btn-light-purple:hover{
    color:grey;
}

.btn-blue{
    background-color: #02467c; 
    border-color: #02467c;
    color:#fff;
}

.btn-blue:hover{
    background-color: #02467c; 
    border-color: #02467c;
    color:#fff;
}

.dashboard-home input[readonly], .dashboard-home  input[readonly="readonly"] {
    background-color:#e8e8e8 !important;
}

/* Listing in card style */
.listing-item-card .content-overlay {
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
    z-index: 4;
}

.overlay-buttons{
    bottom: 10px;
    right: 10px;
}

.overlay-link{
    left: 40%;
    top: 30%;
}

.item-top-content h1 {
    margin: 0px;
    padding: 0px;
}
.item-top-content h1 a,.overlay-link a{
    font-size: 1.175rem;
    font-weight: 400;
}

.listing-item-card .card-img-top{
    height: 15vw;
    object-fit: cover;
}

.listing-item p {
    margin: 0px;
    padding: 0px;
}

.card-overlay-left{
    left: 12px;
    top: 10px;
    z-index: 5;
}

.card-overlay-right{
    right: 12px;
    top: 10px;
    z-index: 5;
}

@media only screen and (max-width: 768px) {
    .listing-item-card .card-img-top{
        height: 35vw;
        object-fit: cover;
  }
}

.listing-item-card:hover .content-overlay {
    opacity: 1
}
/* End */

.profileImg .dropify-wrapper{
    border-radius: 50% !important;
    height: 100px !important;
    width: 100px !important;
}

.hide-label > label{
    display: none;
}

.hide-label > ul{
    list-style: none;
}

.remove-mp-ul ul{
    margin: 0px;
    padding: 0px;
}

.payment_type > label{
    display: none !important;
}

.inside-box-status{
    position: absolute;
    top: -10px;
    right: 5px;
}

.input-width-50 input[type=text]{
    width: 30px;
}

.refresh-btn-wrapper{
    position: absolute !important;
    left: 40%;
    z-index: 10;
}

#dropdown-menu{
    left: 0px !important;
}

.text-blue{
    color: #02467c !important;
}

.checkbox-block label{
    display: block;
}

/* .navbar-custom .topbar-right-menu .nav-link{
    min-width: 25px !important;
} */

.text-orange{
    color: orangered !important;
}

.datepicker-wrapper > div{
    text-align: center !important;
}

#table-en #dataTable_info{
    float: right !important;
    margin-bottom: 15px;
}

#table-en #dataTable_paginate{
    float: left !important;
    margin-bottom: 15px;
}

#table-ar #dataTable_info{
    float: left !important;
    margin-bottom: 15px;
    padding:8px 0px;
}

#table-ar #dataTable_paginate{
    float: right !important;
    margin-bottom: 15px;
}

.pp-info input[type='checkbox']{
    display: block;
}

.favourite-btn{
    cursor: pointer;
}

/* DataTable */
.dataTables_row-tools{
    display: none;
}
.dt-buttons button{
    background-color: none;
    background-color: #2a313c !important;
    color: #fff !important;
}

.status-draft{
    background-color:#efefef;
}
.status-active{
    background-color: #e1ffde;
}
.status-expired{
    background-color: #ffd7d7;
}
.status-voided{
    background-color: #80808057;
}

#table-en div.dt-buttons{
    float: right !important;
    position: relative !important;
    z-index: 1 !important;
}

#table-ar div.dt-buttons{
    float: left !important;
    position: relative !important;
    z-index: 9999999 !important;
}

#table-en #dataTable_length{
    position: absolute !important;
    right: 50px !important;
}

#table-en .export-button{
    position: absolute !important;
    right: 0px !important;
    margin: 0px !important;
}

#table-ar #dataTable_length{
    position: absolute !important;
    left: 50px !important;
}

#table-ar .export-button{
    position: absolute !important;
    left: 0px !important;
    margin: 0px !important;
}

#dataTable{
    min-height: 180px !important;
}

.income-statement-card table th,td{
    font-weight: bold !important;
}

/* @media (max-width: 768px) {
    .companyFilter .reset-btn{
        margin-top: 10px;
        margin-left: 15px;
        margin-right: 15px;
    }
} */

@media (min-width: 1100px) {
    #companyFilter-en{
        position: absolute;
        z-index: 1;
        left: 35%;
        width: 100%;
    }
    
    #companyFilter-ar{
        position: absolute;
        z-index: 1;
        /* right: 35%; */
        width: 100%;
    }
}


@media (min-width: 1100px) {
    #regaFilter-en{
        position: absolute;
        z-index: 1;
        /* left: 35%; */
        width: 100%;
    }
    
    #regaFilter-ar{
        position: absolute;
        z-index: 1;
        /* right: 35%; */
        width: 100%;
    }
}


.border-top-black{
    border-top:1px solid #000 !important;
}

.export-button{
    position: relative;
    z-index: 9;
}

.no-border{
    border:none !important
}

.collectionbar{
    width: 100%;
    border-radius: 5px;
    overflow: auto;
}
.collectionbar-ar div{
    float: right;
    height: 30px;
}
.collectionbar-en div{
    float: left;
    height: 30px;
}

.swal2-icon.swal2-info{
    border-color: #550059;
    color: #550059;
}

.dataTables_scrollBody{
    overflow: visible !important;
}

.swal2-popup .swal2-styled.swal2-cancel {
    background-color: #fff;
    color: #ef4d56;
    border-color: #ef4d56;
}

#porgress-unit{
    background-color: #01467c !important;
}

.vertical-align-middle{
    vertical-align: inherit !important;
}

.fc-button-primary{
    background-color: #550059 !important;
    color: #fff !important;
}

/* Remove default margin from ul */
#id_property_used_for,.unit-used-for ul{
    padding: 0px;
    margin: 0px;
}


label[for=id_property_used_for_0_row],
label[for=id_units-0-unit_used_for_0_row],
label[for=id_is_renewable_0_row],
label[for=id_governing_law_and_dispute_resolution_0_row],
label[for=id_dynamic_rent_0_row],
label[for=id_dynamic_rent_type_0_row],
label[for=id_brokerage_office_commision_0_row],
label[for=id_ejar_fees_paid_by_0_row],
#label_rent_collected_by,
#label_management_fee_vat_paid_by,
#label_maintenance_fee_vat_paid_by,
#label_hoa_fees_vat_paid_by,
#label_brokerage_fees_vat_paid_by,
#label_retainer_fees_vat_paid_by,
#label_late_fees_vat_paid_by,
#label_brokerage_office_commision,
#label_other_fee_vat_paid_by
{
    display: block;
}

.dropify-wrapper{
    min-height: 100px !important;
}

.expense-images-wrapper{
    height: auto !important;
}

.kpi-box h5{
    font-size: 14px !important;
}

.personal-detail li i {
    float: none;
    padding-left: 0;
}

.share-button-ar div{
    text-align: left;
}
.share-button-dropdown-ar{
    transform: translate3d(-7px, 26px, 0px);
}

.field_label{
    font-weight: bold;
}

label[class*="fees_vat_exist"],label[class*="fee_vat_exist"],label[class*="fee_vat_amt"],label[class*="fees_vat_amt"],label[for*="vat_exist"],label[class*="vat_paid_by_ar"]{
    font-weight: normal !important;
    font-size: 12px !important;
}
.lang-ar #id_management_fee_vat_paid_by label,
.lang-ar #id_maintenance_fee_vat_paid_by label,
.lang-ar #id_hoa_fees_vat_paid_by label,
.lang-ar #id_brokerage_fees_vat_paid_by label,
.lang-ar #id_retainer_fees_vat_paid_by label,
.lang-ar #id_late_fees_vat_paid_by label,
.lang-ar #id_brokerage_office_commision label,
.lang-ar .other_fee_vat_exist label,
.lang-ar #label_brokerage_office_commision{
    font-weight: normal !important;
    font-size: 12px !important;
}

#brokerage_fees label,
#hoa_fees label,
#brokerage_office label,
#late_fees label,
#retainer_fees label,
#label_management_fee_vat,
#label_maintenance_fee_vat,
#label_bo_ejar_fee_vat,
#label_bo_ejar_fee_vat_amount,
.other_fee_vat_exist label
{
    font-weight: normal !important;
    font-size: 12px !important;
}

.search-result{
    position: absolute;
    width: 70%;
    margin-top: 5px;
    top: 38px;
    left: 107px;
    max-height: 300px;
    overflow: auto;
    z-index: 9 !important;
}

.result-row{
    font-weight: bold;
}

#accountSummaryTable p,#accountSummaryTable td{
    margin: 0px;
    padding: 0px;
    font-weight: normal !important;
}

.add-contract-form #id_contract_type li:nth-child(3){
    display: none;
}

.add-master-contract-form #id_contract_type li:nth-child(1),.add-master-contract-form #id_contract_type li:nth-child(2){
    display: none;
}

.active-bg-color{
    background-color: lightyellow;
}

#journeyNestedStep li a.active{
    background-color: #947c8c !important;
}

.unread-msgs-highlight{
    font-weight: bold;
    background-color: lightyellow;
}

.copy-referral-code-btn{
    position: absolute;
    right: 5px;
    top: 5px;
}

.optional-info-btn{
    background-color: #02467c !important; 
    border-color: #02467c !important; 
    box-shadow: none !important;
}

.user-phone-wrapper .iti--allow-dropdown{
    width: 100% !important;
}

#login-form-ar .iti__country-container{
    right: 0 !important;
}

#login-form-ar .auth-form-icon{
    left: 0 !important;
    right: auto;
}

#login-form-ar #id_phone{
    padding-right: 50px !important;
}

.signupWrapper{
    margin-top: 30px;
    margin-bottom: 50px;
}

.report3-ar label{
    font-size: 15px !important;
}

.minheight150{
    min-height: 140px !important;
}