:root { --border-radius: .375rem; --dld-theme: var(--black-color); --on-surface-variant:#464744;}
a, h1, h2, h3, h4, h5, h6, p {color: var(--black-color);}

.h1, h1 { font-size: 48px; }
.h2, h2 { font-size: 40px; }
.h3, h3 { font-size: 33px; }
.h4, h4 { font-size: 28px; }
.h5, h5 { font-size: 23px; }
.h6, h6 { font-size: 19px; }

.opacity1 { opacity: 0.5; }
body { margin: 0; padding: 0; color: var(--black-color); }
.show-en { display: inline; }
.show-ar { display: none; }
a { text-decoration: none; }
a:hover,
a:focus,
a:active {color: var(--theme-green);}
.floating { float: left; }
.floating-inverse { float: right; }
/*mega menu*/
.gov-dld { width: 105px; }
.dld-logo,
.dsg-logo,
.gov-logo,
.national-brand-logo a { display: inline-block; }
.navbar-header { display: flex; align-items: center; justify-content: space-between;}
.navbar-nav > .nav-item > .nav-link { padding: 14px 0; position: relative; color: var(--dld-theme); line-height: 2; align-items: center; display: flex; flex-wrap: wrap; font-family: 'Dubai-Regular' }
.navbar-nav > .nav-item.active > .nav-link {color: var(--theme-green)}
.navbar-nav > .nav-item.dropdown .dropdown-menu { background-color: #fff; border: none; margin: 4px 1px 0; min-width: 360px; padding: 16px 0; border-radius: 8px; box-shadow: 0 0 20px 0 rgb(183 183 183 / 30%); display: none; }
    .navbar-nav > .nav-item.dropdown .dropdown-menu li > a { display: flex; border-radius: 8px; justify-content: space-between; align-items: center; padding: 8px 16px; text-decoration: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; margin: 0 16px; position: relative; font-family: 'Dubai-Regular' }
        .navbar-nav > .nav-item.dropdown .dropdown-menu li > a:hover,
        .navbar-nav > .nav-item.dropdown .dropdown-menu li.show > a { background-color: rgb(0 122 53 / 10%); color: var(--theme-green); }
    .navbar-nav > .nav-item.dropdown .dropdown-menu:before { content: ""; position: absolute; top: -5px; bottom: -10px; left: -50px; right: -50px; z-index: -1; background-color: transparent; }
.navbar-nav > .nav-item .dropdown-submenu > .dropdown-menu:before { top: -50px; left: 0; z-index: -1; }
.navbar-nav > .nav-item.dropdown .dropdown-menu li.dropdown-submenu > a:before { content: '\e91b'; font-family: 'icomoon'; position: absolute; inset-inline-end: 10px; font-size: 22px; }
.rtl .navbar-nav > .nav-item.dropdown .dropdown-menu li.dropdown-submenu > a:before { content: '\e91a'; }
.navbar-nav .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px; color: #fff; }
.navbar-custom .navbar-nav a:visited{ color: var(--dld-theme); }
/*site map*/
.all-services-menu .navbar-nav .dropdown-toggle::after { display: none; }
.all-services-menu .navbar-nav .service-title { background-color: #f4f4f4; padding: 10px; display: flex; align-items: center; justify-content: space-between; text-decoration: none; font-family: 'Dubai-bold'; color: var(--black-color); }
.all-services-menu .navbar-nav .nav-item.dropdown,
.all-services-menu .navbar-nav .nav-item { border: 1px solid rgba(0,0,0,.15); border-radius: .25rem; overflow: hidden; }
    .all-services-menu .navbar-nav .nav-item.dropdown .dropdown-menu > li { border-bottom: 1px solid var(--bdr); border-top: 1px solid var(--bdr); margin-top: -1px; }
        .all-services-menu .navbar-nav .nav-item.dropdown .dropdown-menu > li:last-child { border-bottom: none; }
        .all-services-menu .navbar-nav .nav-item.dropdown .dropdown-menu > li > a { padding: 10px; display: flex; align-items: center; justify-content: space-between; text-decoration: none; }
        .all-services-menu .navbar-nav .nav-item.dropdown .dropdown-menu > li > a { text-decoration: underline; }
    .all-services-menu .navbar-nav .nav-item.dropdown .dropdown-menu.show { display: block; }
    .all-services-menu .navbar-nav .nav-item.dropdown .dropdown-menu { top: 0; float: none; position: relative; padding: 0; border: none; margin: 0; }
/*site map*/
/*buttons*/
.btn-grey,
.btn_grey,
.btn-grey.active,
.btn_grey.active { background-color: #FFFFFF; color: var(--primary-color) !important; border-radius: 6px; border: 1px solid var(--bdr); box-shadow: none !important; --bs-btn-padding-x: 1.25rem; --bs-btn-padding-y: 0.75rem; line-height: var(--lh-120); display: inline-flex; gap: .5rem; height: 48px; align-items: center; justify-content: center; }
    .btn-grey:focus,
    .btn_grey:focus,
    .btn-grey:active,
    .btn_grey:active,
    :not(.btn-check) + .btn_grey.btn:active,
    :not(.btn-check) + .btn-grey.btn:active,
    .btn-grey:first-child:active,
    .btn-grey:focus-visible { background-color: #D4FFCE; border: 1px solid var(--bdr); }
    .btn-greybtn:focus-visible,
    .btn_grey.btn:focus-visible { background-color: #D4FFCE; }
    .btn-grey:hover,
    .btn_grey:hover { background-color: #EBFFE5; border: 1px solid var(--bdr); }

.btn-danger { transition: all 300ms ease-in; --bs-btn-padding-x: 1.25rem; --bs-btn-padding-y: 0.75rem; border-radius: 6px; line-height: var(--lh-120); display: inline-flex; gap: .5rem; height: 48px; align-items: center; justify-content: center; }

.btn_1 { background-color: var(--primary-color); border:none !important; color: #fff; transition: all 300ms ease-in; --bs-btn-padding-x: 1.25rem; --bs-btn-padding-y: 0.75rem; border-radius: 6px; line-height: var(--lh-120); display: inline-flex; gap: .5rem; height: 48px; align-items: center; justify-content: center; }
    .btn_1:focus,
    .btn_1:active,
    .btn_1:visited,
    .btn_1:first-child:active,
    :not(.btn-check) + .btn_1:active,
    .btn_1:focus-visible { color: #fff; box-shadow: none; background-color: var(--primary-color); }
.btn_1:hover { background-color: var(--hover-color); border: none !important; color: #fff; }

.btn_1.disabled, .btn_1:disabled { background-color: var(--primary-color); color: #fff; opacity: 0.60; cursor: not-allowed; }
.btn_1.btn-sm {height: auto;}
.btn_1_outline { background-color: transparent; border: 1px solid var(--primary-color); color: var(--primary-color); --bs-btn-padding-x: 1.25rem; --bs-btn-padding-y: 0.75rem; line-height: var(--lh-120); font-size: 16px; border-radius: 6px; display: inline-flex; gap: .5rem; height: 48px; align-items: center; justify-content: center; }
    .btn_1_outline:hover, .btn_1_outline:focus, .btn_1_outline:active, :not(.btn-check) + .btn_1_outline.btn:active { background-color: var(--primary-color); border: 1px solid var(--primary-color); color: #fff; box-shadow: none; }
    .btn_1_outline.disabled, .btn_1_outline:disabled { background-color: transparent; border: 1px solid var(--primary-color); color: var(--primary-color); opacity: 0.60; cursor: not-allowed; }
.btn_2 { background-color: var(--black-color); border: none; color: #fff; min-width: 160px; }
    .btn_2:hover, .btn_2:focus, .btn_2:active { background-color: var(--black-color); color: #fff; box-shadow: 0px 10px 30px rgba(7, 71, 100, 0.16); }
.btn_3 { background-color: #0A6892; border: none; color: #fff; }
    .btn_3:hover, .btn_3:focus, .btn_3:active, .btn_3.active { background-color: #074764; color: #fff; }
.btn_ob { background-color: #fff; border: 1px solid #fbfbfb; /*border-bottom: 1px solid var(--black-color);*/ color: var(--black-color); transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out, box-shadow .2s ease-in-out; }
    .btn_ob i { color: var(--black-color); }
    .btn_ob:hover, .btn_ob:focus, .btn_ob:active { background-color: var(--black-color); border: 1px solid #0f3662; color: #fff; box-shadow: none; }
        .btn_ob:hover i, .btn_ob:focus i, .btn_ob:active i { color: #fff; background-color: var(--black-color); border: 1px solid #0f3662; }
.btn-txt,
.btn-txt:hover { font-size: 14px; font-family: 'Dubai-Regular'; border: none !important; color: #000; padding:0; line-height: 20px; display: inline-flex; gap: .5rem; align-items: center; justify-content: center; }


.btn_search { border-radius: 40px; }
.search-icon { position: absolute; right: 10px; bottom: 8px; padding: .8rem 1.5rem; }
/*.btn_style1 { padding: .838rem .875rem; }*/
.btn_1_showdow { box-shadow: 0px 10px 30px rgba(10, 104, 146, 0.16); }
/*buttons End*/
/*Tabales*/
.table-striped tbody tr:nth-of-type(even) > td { background-color: #fbf8fd; }
.table { color: var(--black-color); }
/*dataTables*/
body .dataTables_wrapper .ui-toolbar { padding: .45rem .5rem; border-radius: 0; border: 1px solid #E2E2E3; background: #F9FAFB; }
body .dataTables_wrapper .ui-corner-tl { border-bottom: none; border-top-left-radius: .3rem; border-top-right-radius: .3rem; }
body .dataTables_wrapper .ui-corner-bl { border-top: none; border-bottom-left-radius: .3rem; border-bottom-right-radius: .3rem; }
body .dataTables_wrapper .dataTables_paginate { padding-top: 0; }
.dataTables_paginate { float: right; text-align: right; }
    .dataTables_paginate .paginate_button { cursor: pointer; position: relative; float: left; padding: 6px 9px; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #ddd; border: 1px solid #fbfbfb; }
        .dataTables_paginate .paginate_button.disabled { background-color: #dddddd; opacity: 0.5; cursor: not-allowed }
.dataTables_filter label input { display: inline-block; width: 70%; height: auto; padding: 3px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
table.dataTable thead th div.DataTables_sort_wrapper span { display: none; }
.dt-container .dataTable thead tr th:first-child { border-top-left-radius: 10px; }
.dt-container .dataTable thead tr th:last-child { border-top-right-radius: 10px; }
body table.dataTable thead > tr > th.dt-orderable-asc:hover,
body table.dataTable thead > tr > th.dt-orderable-desc:hover,
body table.dataTable thead > tr > td.dt-orderable-asc:hover,
body table.dataTable thead > tr > td.dt-orderable-desc:hover { outline: none; }
/*.dt-container table.dataTable > tbody > tr:last-child > td:first-child { border-bottom-left-radius: 10px; }
.dt-container table.dataTable > tbody > tr:last-child > td:last-child { border-bottom-right-radius: 10px; }*/
/*Tabales End */
.full-width { width: 100%; }



/*Inner Page Search Section*/
.search-section-inner { height: 30vh; }
.btn-view-all { border-radius: 1.25em; padding: .375em 1.25em; }
.search-ddl .dropdown-toggle::after { display: none; }
.search-ddl .dropdown-menu { padding: 0; border: none; left: -160px; background-color: transparent; }
.arrow-hide .dropdown-toggle::after { display: none }
.hover-menu:hover .dropdown-menu { display: block; margin: 0; }
/*login page*/
.login-bg { background-repeat: no-repeat; background-attachment: fixed; width: 100%; height: 100%; }
.webp .login-bg { background-image: url('/assets/img/login-bg.webp'); background-size: 100% }
.no-webp .login-bg { background-image: url('/assets/img/login-bg.jpg'); }
.login-form { width: 100%; }
.registration-form { max-width: 550px; margin: 0 auto; }
.login-form-inner { background-color: #FCFCFC; border: 4px solid rgba(51, 75, 95, 0.10); position: relative; }
.login-form .form-control.is-invalid,
.login-form .was-validated .form-control:invalid { border-color: #dc3545; }
.login-form .is-invalid + .ui-datepicker-trigger { bottom: 29px; }
.login-form .form-group.mb-4.mb-0:last-child { margin-bottom: 0 !important; }
.success-msg p { width: 80%; margin: 0 auto 1rem; }
.reg-success-text { font-size: 24px; display: inline-flex; align-items: center; margin: 12px; }
.reg-ref-number { background-color: #fff; border: 1px dashed #1f2c3f; display: inline-block; padding: 8px 12px; margin-bottom: 1rem; }
.uae-pass-section { width: 100%; }
.underline { text-decoration: underline; }
.black { color: black }
.note-text { font-size: 14px; color: var(--black-color); margin: 0 auto; text-align: left; margin-bottom: 25px; display: block; }
.top-50 { top: 50px; }
.otp-field, .otp-btn { width: 200px; margin: 0px auto; }

.swiper-container { width: 100%; height: 100%; position: relative; overflow:hidden;}
.swiper-slide { text-align: center; background: #fff; }
.pd-20 { padding: 20px; }
.success-check-icon { text-align: center; padding: 30px; }

.highcharts-figure, .highcharts-data-table table { min-width: 310px; max-width: 800px; }
.highcharts-figure .chart-header { padding: 10px 15px; margin-bottom: 25px; }
.highcharts-figure .chart-header h3 { color: #fff; }
.highcharts-figure .chart-header small { color: #748AA1; }
.highcharts-data-table table { font-family: var(--Dubai), sans-serif; border-collapse: collapse; border: 1px solid #EBEBEB; margin: 10px auto; text-align: center; width: 100%; max-width: 500px; }
.highcharts-data-table caption { padding: 1em 0; font-size: 1.2em; color: #555; }
.highcharts-data-table th { font-family: 'Dubai-bold'; padding: 0.5em; }
.highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption { padding: 0.5em; }
.highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) { background: #f8f8f8; }
.highcharts-data-table tr:hover { background: #f1f7ff; }

.news-detail-section .img-fluid { margin-bottom: 20px; }
.news-media-details .details-section .star-icon i { position: absolute; bottom: 8px; right: 8px; color: #fff; }
.news-media-details .details-section .sub-card .card img { width: 100%; max-height: 155px; }
.news-media-details .photo-gallery-accordion .card { height: 100%; }
.no-radius { border-radius: 0; }
.input-group.search-control-inner { width: 100%; }
    .input-group.search-control-inner .form-control { width: 100%; border-radius: 30px; background: #fff; box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.10); padding: 1.5rem 1.5rem; border: 1px solid transparent;; }
        .input-group.search-control-inner .form-control:focus { border: 1px solid #0A6892; }
    .input-group.search-control-inner .input-group-append { margin: 0; position: absolute; right: 5px; top: 4px; z-index: 3; }
        .input-group.search-control-inner .input-group-append .btn-input-group { border: none; border-radius: 100%; padding: .8rem .8rem; min-width: auto; background-color: #0A6892; box-shadow: none; color: #fff; }

.side-panel .list-group .list-group-item { padding: 0; border-radius: 0;}
    .side-panel .list-group .list-group-item a { padding: .438rem .8rem; display: block; background-color: #f8f9fa; }
        .side-panel .list-group .list-group-item a i { float: right; margin-top: 5px; }
    .side-panel .list-group .list-group-item:hover { background-color: #fff; border-color: rgba(0, 0, 0, .125); }
    .side-panel .list-group .list-group-item:first-child { background: var(--black-color); color: #fff; padding: .438rem .9rem; }
    .side-panel .list-group .list-group-item.active { background-color: #fff; border-color: rgba(0, 0, 0, .125); z-index:0;}
        .side-panel .list-group .list-group-item.active a { background-color: #fff; color: var(--black-color); box-shadow: inset 3px 0 var(--black-color); }
.btn-search-sidepanel { text-align: right; box-shadow: none; margin-left: 15px; margin-bottom: 10px; }

/*.accordian-style.accordion > div .card { margin-top: 10px; border: 1px solid #dfdfdf; }
.accordian-style.accordion > div .card:first-child { margin-top: 0; }
.accordian-style .card-header { padding: 0; border: none; background-color: rgb(250, 250, 250); }
.accordian-style .card-header .btn { padding: 6px 10px; width: 100%; text-decoration: none; color: var(--black-color); font-weight: 500; box-shadow: none; display: flex; align-items: center; justify-content: space-between; text-align: left; }
.accordian-style .card-header .btn-link.collapsed { background-color: rgb(250, 250, 250); border-bottom: 1px solid #fbfbfb; }
.accordian-style .collapse .light-color,
.accordian-style .collapsing .light-color { margin: 6px; }
.accordian-style .card-header .btn:after { content: "\f078"; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 15px; width: 20px; height: 25px; display: flex; align-items: center; justify-content: center; }
.accordian-style .card-header .btn.collapsed:after { content: "\f054"; }
.accordian-style .card-body { padding: 10px; }*/

.accordion.accordian-style {width: 100%;display: flex;flex-wrap: wrap;gap: 16px;}
.accordion.accordian-style > div {width: 100%}
    .accordion.accordian-style .accordion-button p{margin:0;}
    .accordion.accordian-style .accordion-button { font-family: var(--family-bold); color: var(--black-color); box-shadow: none !important; padding: 1rem; border-radius: 8px !important; }
 .accordion.accordian-style .accordion-body p:last-of-type{margin:0;}
 .accordion.accordian-style .accordion-button:not(.collapsed) {
    color: var(--black-color);
    background-color: #fbfbfb;
}
 .accordion.accordian-style .accordion-button:not(.collapsed)::after {
    content: "\e913";
}
    .accordion.accordian-style .accordion-button::after { content: "\e914"; font-family: 'icomoon'; background-image: none; transform: none; text-align: end; font-size: 24px; font-weight: normal; width: 24px; height: 24px; line-height: 24px; }
    .accordion.accordian-style .accordion-item { height: 100%; border-color: var(--bdr); }
.accordion.accordian-style .accordion-header{display: flex;/*height: 100%;*/}
/*.accordion.accordian-style .accordion-header{   
    display: flex;
    height: 100%;
}*/


.input-group.field-with-icon .input-group-append { margin: 0; position: absolute; inset-inline-start: 5px; top: 6px; z-index: 3; }
    .input-group.field-with-icon .input-group-append .btn-input-group { border: none; padding: 0; min-width: auto; color: #464744; display: flex; margin-top: -2px; margin-right: -4px; border-radius: 0; align-items: center; outline: none; box-shadow: none; }
        .input-group.field-with-icon .input-group-append .btn-input-group .fa-search { width: 35px; height: 36px; display: flex; align-items: center; justify-content: center; border-radius: 0 .25rem .25rem 0;}
        .input-group.field-with-icon .input-group-append .btn-input-group .fa-times { display: flex; align-items: center; justify-content: center; background: #bac8d3; color: #fff; padding: 3px 5px; border-radius: .25rem; width: 20px; height: 20px; font-size: 13px; }
        .input-group.field-with-icon .input-group-append .btn-input-group:disabled, .input-group.field-with-icon .input-group-append .btn-input-group.disabled { opacity: .3; cursor: not-allowed; }
.inner-modal-search-panel .input-group.field-with-icon .input-group-append .btn-input-group .fa-search { background-color: transparent; border: none; }

.field-style label { color: var(--black-color); }
/*.field-style .form-control, .form-control { border: 1px solid #DEDEDF; padding-left: 10px; padding-right: 25px; color: var(--black-color) !important; }*/

/* Chrome, Safari, Edge, Opera */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

/* Firefox */
input[type=number] { -moz-appearance: textfield;}
    input[type=number]::-ms-clear { display: none; }
.form-control::placeholder { color: rgba(15, 54, 97, 0.50); line-height: 2em; font-size: 14px; }
.form-control:-ms-input-placeholder { color: rgba(15, 54, 97, 0.50); text-transform: none; font-size: 14px; }
.form-control::-ms-input-placeholder { color: rgba(15, 54, 97, 0.50); text-transform: none; font-size: 14px; }
select::-ms-expand { display: none; }
/*.field-style.select-control:after { content: "\f0dd"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: var(--black-color); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); right: 25px;*/ /*Adjust for position however you want*/ /*top: 37px; padding: 0 0 2px; border-bottom: none;*/ /*left line */ /*position: absolute; pointer-events: none; }*/
/*.field-style select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }*/
.field-style .form-control:disabled, .field-style .form-control.disabled{ opacity: 0.5; border: 1px solid rgba(5, 34, 68, 0.25); cursor: not-allowed; }
.field-style .form-control[readonly] { opacity: 0.8; background-color: #fbfbfb;}
.heading-underline { display: inline-block; border-bottom: 3px solid var(--black-color); line-height: 40px; }
.search-result table tr td { font-size: 14px; line-height: 25px; }
.field-icon { position: relative; top: 6px; }

.login-panel { width: 100%; background-image: url(../assets/img/login-bg_new.jpg); padding: 3% 0; }
.login-panel > .container { display: grid; }
.login-form-gray { background-color: #F2F3F5; border-radius: 0px; position: relative; /*min-height: 395px;*/ border: 1px solid #fbfbfb; max-width: 475px; }
.info-icon-input { float: right; margin-right: 10px; margin-top: -27px; position: relative; z-index: 2; color: var(--black-color); }
.login-input-info { margin-top: -5px; }
.login-input-scan { float: right; margin-top: -33px; margin-right: 10px; }
.login-panel .modal-header .close { right: 10px; top: 15px; }
.scan-icon { width: 20px; height: 20px; background-repeat: no-repeat; display: inline-block; }
.login-form .field-style.select-control:after { right: 10px; }
.uae-pass-login, .uae-pass-login:hover, .uae-pass-login:focus { border: none; box-shadow: none; background-color: transparent; }
.or-seprator { position: relative; margin: 35px auto 25px; }
.or-seprator span { position: absolute; top: -15px; background-color: #fff; box-shadow: 0px 0px 8px #e2e2e2; padding: 6px; border-radius: 100%; margin: 0 -10px; color: var(--black-color); font-size: 12px; }
.UAE-pass-text { font-size: 14px; line-height: 25px; }

/*Tabs*/
/*.nav-tabs { margin-bottom: 10px; border-bottom: 2px solid #000; }
.nav-tabs > li + li { margin: 0 0 0 6px; }
.nav-tabs .nav-link { font-weight: 500; color: var(--black-color); border: none; }
    .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border: none; background-color: rgb(241 241 241 / 45%); color: #000; border-top-left-radius: 6px; border-top-right-radius: 6px; }
    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { position: relative; color: #fff; background-color: var(--black-color); border: none; border-top-left-radius: 6px; border-top-right-radius: 6px; }*/

.help-card { background-color: #f7f8f3; box-shadow: inset 3px 0px var(--black-color); border-radius: 0; text-decoration: none !important; }
.help-card h6 { margin: 0; line-height: 22px; }
.help-card .icon-question-o { position: absolute; right: 10px; opacity: 0.5; transform: translateY(-50%); top: 50%; }
.help-card .icon-question-o picture { display: block; height: auto; width: 60px; }
.help-card .icon-question-o picture img { width: 100%; height: auto; }

.search-bar { min-width: 200px; display: inline-block; position: absolute; right: 15px; top: 0px; }
.search-bar .field-style .form-control { border-bottom: none; }
.search-bar .input-group.field-with-icon .input-group-append .btn-input-group i { color: rgba(5, 34, 68, 0.5); }

/*.custom-control { min-height: 1rem; }
.custom-control-label { font-weight: normal; color: var(--black-color); }
.custom-control-input:checked ~ .custom-control-label::before { background-color: #ffffff; }
.custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 3px rgba(10, 104, 146, 0.30); }
.custom-control-label::before { box-shadow: none !important; border: var(--black-color) solid 1px; }
.custom-control-label::after { top: 0rem; left: -1.75rem; width: 1.5rem; height: 1.5rem; }*/

.filter-sidepanel { background-color: #F7F7F9; border: 1px solid rgba(0,0,0,.125); border-radius: 0 }
.side-panel .list-group.filter-by-list .list-group-item { padding: .438rem .9rem; background-color: #F7F7F9; }
.side-panel .list-group.filter-by-list .list-group-item:first-child { background: var(--black-color); color: #fff; padding: .438rem .9rem; border-bottom: 0; }
.side-panel .list-group.filter-by-list .list-group-item .custom-control-inline { margin-right: .5rem; }

.padt-13 { padding-top: 13px; }
.font-weight-bold { font-family: 'Dubai-bold'; }
.font-size14 { font-size: 14px; }
.list-style { padding: 0; list-style: none; margin: 0; margin-top: 8px; line-height: 22px; }
.list-style li { margin-bottom: 5px; max-width: 530px; }
.list-style li:last-child { margin-bottom: 0; }
.list-style li i { width: 20px; display: inline-block; }
.list-style li.email { color: #D32E2A; }
.list-style li.website { color: var(--black-color); }
.list-style li.website a { direction: ltr; display: inline-block; }

.box-img-left .feature { padding-right: 15px; float: left; width: 40%; height: auto; display: inline-block; }
.feature.img-thumbnail {max-width: 250px; float: left; padding: 5px; margin: 0 14px 0 0; height:327px;}
.facebook i { color: #305B9E; }
.twitter i { color: #3AAEF0; }
.instagram i { color: #D44132; }
.btn-twitter { background-color: transparent; color: var(--black-color); border-radius: 20px; border: 2px solid #3aaef0; }
.btn-twitter:hover, 
.btn-twitter:focus { background-color: transparent; color: var(--black-color); text-decoration: underline; }
.btn-email-now { background-color: transparent; color: var(--black-color); border-radius: 20px; border: 2px solid #D44132; }
.btn-email-now:hover, 
.btn-email-now:focus { background-color: transparent; color: var(--black-color); text-decoration: underline; }
.twitter-icon { font-size: 40px; color: #3AAEF0; margin: 20px; }
.phone-icon { font-size: 40px; color: #2D9542; margin: 20px; }
.instagram-icon { font-size: 40px; color: #D44132; margin: 20px; }
.facebook-icon { font-size: 40px; color: #305B9E; margin: 20px; }
.email-icon { font-size: 40px; color: #D44132; margin: 20px; }
.btn-call-now { background-color: transparent; color: var(--black-color); border-radius: 20px; border: 2px solid #2D9542; }
.btn-call-now:hover, 
.btn-call-now:focus { background-color: transparent; color: var(--black-color); text-decoration: underline; }

.starrr a, 
.brokers-stars a { padding: 0 1px; cursor: default; color: #FFD119 !important; text-decoration: none !important; font-size: 12px; }
.brokers-stars a .sr-only {color:#000; }
.starrr a span.sr-only, 
.brokers-img-box-stars a span.sr-only { color: #000; }
.starrr:empty{display:none;}

.btn-call { box-shadow: none; }
.btn-email { box-shadow: none; }
.btn-share { box-shadow: none; }

.pdfobject-container { height: 42rem; }
.img-box.img-thumbnail { border: none; border-radius: 0; text-align: center; }
.img-box .card-img { width: 110px; height: 100px; margin: 0px 0px; object-fit: contain; padding: 5px; }


.card { border: 1px solid var(--bdr); width: 100%; border-radius: 12px; }
.icon-pdf { display: inline-block; width: 30px; height: 30px; background-repeat: no-repeat; }
.webp .icon-pdf { background-image: url(/assets/img/icon-pdf.webp); background-size: 100%; }
.no-webp .icon-pdf { background-image: url(/assets/img/icon-pdf.svg); }
.fa-download, .fa-upload { color: #01893e; }
.owner-db .align-self-center { text-align: center; }

.news-photo-gallery .owl-item { background: #f8f9fa; height: 125px; }
.news-photo-gallery .owl-item img { min-width: 100%; min-height: 100%; object-fit: cover; cursor: pointer; }

.img-caption { display: none !important; }
.lightbox .btn-prev:before { content: "\f104"; font-family: 'Font Awesome 5 Free'; font-weight: 900; }
.lightbox .btn-next:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; content: "\f105"; }
.lightbox .btn-close { border: 1px solid transparent; line-height: 11px; background: var(--black-color); top: 15px; right: 15px; border-radius: 100%; color: #fff; width: auto; height: auto; padding: 4px 4px 7px; font-size: 1.3rem; }
.lightbox .btn-close:hover { background: rgb(15, 54, 97); }
.news-photo-gallery .owl-nav { position: absolute; bottom: 0; right: 0; margin: 10px 0px 5px 0px; display: inline-block; }

/*Footer*/
.company-info { padding: 2.5rem 0px; border-bottom: 1px solid var(--bdr); display: flex; align-items: center; justify-content: center; gap: 2rem; }
.company-info a, .company-info a:hover { text-decoration: none; }
.footer-dark { background-color: #fff; border-bottom: 1px solid var(--bdr); padding: 2rem 0; }
.footer-lbl { display: flex; flex-direction: column; gap: 1rem; }
.footer-lbl a:hover{text-decoration:none;}
.footer-lbl span { font-family: var(--family-regular); font-size: 16px; color: #464744; }
.footer-info-txt { display: flex; justify-content: space-between; align-items: baseline; }
.txt-best-view,
.txt-last-modify,
.txt-copyright { font-size: 14px; line-height: var(--lh-120); font-family: var(--family-regular); color: #464744; }
.txt-copyright {text-align:end;}
.footer-darker { background-color: #fff; padding: 20px 0 80px; }
.footer-legal-link { padding: 0; margin: 0; display: flex; flex-wrap: wrap; }
.footer-legal-link li{list-style:none;}
.footer-legal-link li a { padding-right: 20px; text-decoration:underline;}
.footer-legal-link li:first-child a { padding-left: 0; }
/*Footer end*/

.go_top { line-height: 40px; cursor: pointer; width: 40px; background: #5867dd; color: #fff; position: fixed; -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, .1); box-shadow: 0 4px 4px rgba(0, 0, 0, .1); -webkit-border-radius: 50%; border-radius: 50%; right: calc((100% - 1140px) / 2); z-index: 111; bottom: 80px; text-align: center }
.go_top span { display: inline-block }

/*dropdown arrow*/
.no-padding { padding: 0 !important }
.modal-content { border: 1px solid var(--bdr); border-radius: 10px; }
.modal-header { justify-content: space-between; border-bottom: none; padding: 24px 24px 12px; }
    .modal-header .modal-title { font-size: 19px; font-family: var(--family-bold); display: flex; align-items: center; gap: .5rem;line-height: 120%; }
button.close, button.close:hover { opacity: 1 !important; padding: 0; outline: none; border:none;background-color: transparent;}
.modal-close-svg-icon .close-svg-icon { width: 24px; height: 24px; display: flex; background-repeat: no-repeat; }
/*.webp .modal-close-svg-icon .close-svg-icon { background-image: url("../assets/img/close-icon.webp"); background-size: 100%; }*/
.modal-close-svg-icon .close-svg-icon { background-image: url("../assets/img/close-icon.svg"); }
.modal-body { padding: 12px 24px 24px; }
.modal-footer { border-top: none; padding: 12px 24px 24px !important; gap: .75rem; }
.modal-footer .btn{margin:0;}
/*.nav-link { text-decoration: none; }*/
.alert-yellow { background: #FFFDC7; border-radius: 0; color: #052244; border: none; padding: .60rem 1.25rem; line-height: normal; }
.alert-yellow i { margin-right: 6px; }
.list-type { list-style: none; line-height: 32px; }
.list-type li { padding: 6px 10px }
.list-type li.alt { background-color: #f8f9fa; }
.header-logo { padding: 15px 0; direction: ltr; }
.header-logo >  div:first-child{text-align:left;}
.header-logo > div:last-child { text-align: right; }

/*Search-modal*/
.modal-search-panel { padding: 0; background-color: rgba(0,0,0,.5);  }
    .modal-search-panel .modal-full { min-width: 100%; margin: 0; }
        .modal-search-panel .modal-full .modal-content { min-height: 100vh; border: none; border-radius: 0; background-color: #fff; }
            .modal-search-panel .modal-full .modal-content .modal-header { border-bottom: none; margin-top: 60px; z-index: 1; background-color: transparent; }
                .modal-search-panel .modal-full .modal-content .modal-header .right-top-control { margin-top: -7px; }
                    .modal-search-panel .modal-full .modal-content .modal-header .right-top-control a { margin-right: 15px; }
            .modal-search-panel .modal-full .modal-content .modal-body { margin-top: 65px; }
    .inner-modal-search-panel form { position: relative; }
        .inner-modal-search-panel form .field-style.field-with-icon input.form-control { border: none; border-bottom: 1px solid #ced4da; border-radius: 0; }
        .inner-modal-search-panel form input::placeholder { color: rgba(15, 54, 97, 0.50); font-size: 16px; }
        .inner-modal-search-panel form input:focus { box-shadow: none; }
        .inner-modal-search-panel form .search-icon { position: absolute; right: 5px; top: -3px; background-color: #fbfbfb; padding: 8px; border-radius: 100%; border: none; }
.popular-services-list { display: flex; margin-top: 1rem; padding:0;}
    .popular-services-list h1 { font-size: 1rem; font-family: 'Dubai-bold'; margin: 0 2rem 0 0; padding-top: 2px; }
    .popular-services-list .form-check .form-check-input { border: 1px solid #0a2038; width: 1.2em; height: 1.2em; margin-top: 1px; margin-right: 10px; }
    .popular-services-list .form-check-input:checked { background-color: transparent; background-image:none;}
        .popular-services-list .form-check-input:checked + label:before { content: "\f00c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; top: 2px; font-size: 12px; left: -26px }
    .popular-services-list .form-check .form-check-label { margin-bottom: 0; position:relative;}
    .modal-search-panel .modal-full .modal-content .modal-footer { border-top: none; background-color: #fbfbfb; padding: 12px 10px 8px; font-size: 12px; margin-bottom: 10px; }
    .modal-search-panel .modal-full .modal-content .modal-footer ul { padding: 0; margin: 0 auto; list-style: none; }
        .modal-search-panel .modal-full .modal-content .modal-footer ul li { display: inline-block; margin: 0 20px 10px; }
            .modal-search-panel .modal-full .modal-content .modal-footer ul li a i { width: 20px }

.breadcrumb-custom { background-color: #2b3c50; display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.5rem; padding: .75rem 1rem; min-height: 60px; }
.breadcrumb-custom > .container{display:flex; align-items:center; justify-content:space-between;}
.breadcrumb-custom .breadcrumb { background-color: transparent;   margin-bottom:0; gap:.5rem;}
.breadcrumb-item + .breadcrumb-item{padding:0;}
    .breadcrumb-item + .breadcrumb-item::before { content: "\e91b"; font-family: 'icomoon'; font-size: 22px; width: 24px; height: 24px; line-height: 24px; }
    .breadcrumb-custom .breadcrumb-item.active,
    .breadcrumb-custom .breadcrumb-item + .breadcrumb-item::before { color: #fff; }
    .breadcrumb-custom .breadcrumb li a { text-decoration: none; color: #fff; }

.menu-language .dropdown-menu a:visited { color: var(--black-color); }
.navbar-light .navbar-toggler { color: var(--dld-theme); font-size:24px; border-color: transparent; border-radius: 0; padding: 0; outline: 0; box-shadow:none; /*display:flex;*/ }

.swiper-button-next,
.swiper-button-prev { color: #fff; background-color: var(--primary-color); width: 40px; height: 40px; border-radius: 100%; z-index: 1; opacity: 1; }
    .swiper-button-next:after,
    .swiper-button-prev:after { background-image: none; font-family: 'icomoon'; font-size: 24px; }
    .swiper-button-next:after,
    .swiper-rtl .swiper-button-prev:after { content: "\e915"; }
    .swiper-button-prev:after, 
    .swiper-rtl .swiper-button-next:after { content: "\e917"; }

    .swiper-button-next.swiper-button-disabled, 
    .swiper-button-prev.swiper-button-disabled { opacity: 1; background-color: #E9E7EC; color: #ACAAAF; }

.swiper-arrow-nav { display: flex; align-items: center; justify-content: center; gap: 2.25rem; flex-direction: row-reverse; margin-top: 4rem; }
.swiper-arrow-nav .swiper-button-next,
.swiper-arrow-nav .swiper-button-prev { /*left: inherit; right: inherit;*/ position: relative; }

    .green-text { color: #00893E; }

.highcharts-figure .highcharts-background { fill: #FBFBFB !important; }
.highcharts-data-labels .highcharts-label span { color: rgb(11, 53, 99) !important; font-family: var(--Dubai), Helvetica, sans-serif !important; font-size: 13px !important; top: 0 !important; }
.highcharts-data-label-connector { stroke: #0b3563 !important; }
.highcharts-no-tooltip { position: absolute;  background-color: transparent; border: none; }

/*select.form-control.is-valid, .was-validated select.form-control:valid,
select.form-control.is-invalid, .was-validated select.form-control:invalid { background-position: center right calc(.375em + .5975rem); }
select.form-control.is-valid, .was-validated select.form-control:valid,
select.form-control.is-invalid, .was-validated select.form-control:invalid { background-position: center right calc(.375em + 1rem); }
select.form-control.dailyDate.is-invalid, .was-validated select.form-control:invalid { background-position: center right calc(.85em + .5875rem); }*/

.hasDatepicker.form-control.is-invalid,
.was-validated .hasDatepicker.form-control:invalid,
.was-validated .hasDatepicker.form-control:valid {background-position: center right calc(.0rem + .5875rem);}

.rental-index-result { background-color: #FEFED1; border: 1px solid #B7B7B7; padding: 10px; }
.rental-index-result p { margin: 0; }

.sidelink-purple { background: #000 url(/assets/img/purple-gradient.png) 0% 0% no-repeat; color: #fff !important; box-shadow: none; border-radius: .25rem; border: none !important; }

.rc-bg h6 { color: #fff; line-height: 23px; font-weight: normal; }

.all-project-list, .following-list, .updates-list { padding: 0; list-style: none;}
.all-project-list li .card,
.following-list li .card{ transition: all .3s; margin-bottom: 30px; }
.all-project-list li.active .card, .tabs .all-project-list li .card:hover { /*border: 1px solid rgba(0, 0, 0, 0.5)*/ }
.project-status-detail {padding: 16px 20px;display: flex;flex-direction: column;justify-content: space-between;height: 100%;}
.project-status-detail h6,.project-status-detail .project-status-detail-title {font-family: var(--family-bold);font-size: 19px;line-height: var(--lh-120); }
    .project-status-detail .project-status-detail-title { font-family: 'Dubai-bold'; }
.all-project-list li.active .card, .tabs .all-project-list li .card:hover { background-color: #f9f9f9; }
    .all-project-list li, .following-list li, .updates-list li { display: flex; }
    .all-project-list li > .card > .row, .following-list li > .card > .row, .updates-list li > .card > .row{height:100%;}
    .card-img-all-project { min-width: 165px; min-height: 130px; max-width: 100%; height: auto; }
.card-img-project-detail { display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    background-color: #f6f6f6;
    overflow: hidden;
    border-radius: 12px 0 0 12px;
    padding: 0;}
.card-img-project-detail img{height: 100%;object-fit: cover;}
.m-height-160 { max-height: 160px; }
.m-height-160 img { object-fit: scale-down; }
label.error { color: #cc0000; font-size:14px;position:relative; margin-bottom:0;}
.project-status-content .flex-grid > div > span:last-child { font-family: 'Dubai-bold'; }
.badge, .content-tag, .search-tag { padding: 2px 8px; font-size: 14px; line-height: 20px; font-weight: 400; border-radius: 8px; display: inline-flex; align-items: center; gap: 4px; background-color: #EEEEE9; border: 1px solid var(--bdr); color: #464744; text-decoration: none !important }
.badge:before,.content-tag:before,.search-tag:before {/*content:"\f111";font-family: 'Font Awesome 5 Free';font-weight: 600;font-size: 6px;*/}
.project-status-detail .badge{margin-top:.5rem; width:max-content;}
.badge-Cancelled{background-color: #FFEDEA;border-color: #930005;color: #930005;}
.badge-Finished,.badge-green {background-color: #C6FFC7;border-color: #00531F;color: #00531F;}
.badge-Active,.badge-primary {background-color: #E7F2FE;border-color: #1E4B6A;color: #1E4B6A;}
.badge-purple {background-color: #F1E9FF;border-color: #904EDB;color: #904EDB;}
.badge-blue, .search-tag { background-color: #E7F2FE; border-color: #1E4B6A; color: #1E4B6A; }
.badge-Under.Cancellation {background-color: #E42015;color: #fff;}
 .updates-list li span{color:#0f3661; }
    .updates-list li span:first-child { font-family: 'Dubai-bold'; }
    .updates-list li span:last-child {font-size:14px;}
.badge.no-icon:before {content:none;}
.badge.badge-light {background-color:#EEEEE9;}
.badge.bg-warning,.content-tag {background-color: #FFEEDD !important;border-color: #835400;color: #643F00 !important;}
/********************** Happiness Meter********************/
.happinessIcon { height: 50px; position: fixed; bottom: 0px; left: 15px; background-color: var(--black-color); padding: 10px; }
/********************** Date Input ************************/
[type="date"], .calendar-icon { background: #fff url(/assets/img/calendar-icon.svg) 97% 50% no-repeat !important; cursor: pointer; }
[type="date"]::-webkit-inner-spin-button, .calendar-icon::-webkit-inner-spin-button { display: none; }
[type="date"]::-webkit-calendar-picker-indicator, .calendar-icon::-webkit-calendar-picker-indicator { opacity: 0; }
/**********************************************/
.loading-overlay { background-color: rgba(56, 54, 54, 0.37); position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 999999; }
/********************* Typeahead *************************/
.twitter-typeahead { width: 100%; }
.tt-menu { position: absolute; top: 100%; left: 0px; z-index: 100; background-color: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); padding: 10px 10px 3px 10px; }
    .tt-menu p { margin-bottom: 5px; cursor: pointer; }
        .tt-menu p:hover { background-color: #eaeaea; padding: 0 10px; }
    .tt-menu strong { font-weight: normal; font-size: 0.9rem; color: #555; }
        .tt-menu strong strong { font-weight: 500; font-size: 1rem; color: darkblue; }

/*************** Tag UI ****************/
.tags-wrap { margin-top: 3px; }
.tag { font-size: 1rem; font-weight: normal; background-color: #F2F3F5; color: var(--black-color); margin: 3px; padding: 10px; }
.tag-remove { background-color: #fff; border: 1px solid #686868; border-radius: 50px; line-height: 8px; font-size: 11px; box-sizing: border-box; display: inline-block; height: 12px; width: 12px; text-align: center; margin-left: 14px; vertical-align: middle; color: #686868; cursor: pointer; }
.range_slider { width: 100%; margin: 0 auto; text-align: center; }
/****************** BS Table UI *****************/
.table-striped td, .table-striped th { vertical-align: middle; padding: .5rem; }
.table-striped td {padding: 1.37rem 30px;line-height: 120%; }
.table-striped thead td, .table-striped thead th { background-color: #FBF8FD; font-size: 13px; font-family: 'Dubai-bold'; border-bottom-width: 1px; padding: .735rem 30px; }
.table-striped tbody tr:nth-of-type(2n+1) { background-color: #fff; }
.table-striped tbody tr:nth-of-type(2n+2) { background-color: #FAFAFB; }
.dataTable.table-borderless { border: none;/* border-collapse: collapse !important;*/ }
/*.dataTable.table-borderless tbody + tbody,
.dataTable.table-borderless td,
.dataTable.table-borderless th,
.dataTable.table-borderless thead th { border-top: 1px solid #E2E2E3; }*/
/*div.dt-container.dt-empty-footer tbody > tr:last-child > * {border-bottom: 1px solid #E2E2E3!important;}*/
table.dataTable thead .ui-widget-header {border-bottom: 1px solid #E2E2E3 !important;border: none;}
table.dataTable thead > tr > th.dt-orderable-asc, table.dataTable thead > tr > th.dt-orderable-desc, table.dataTable thead > tr > td.dt-orderable-asc, table.dataTable thead > tr > td.dt-orderable-desc { background-color: #FBF8FD;}
.table > :not(caption) > * > * {box-shadow: none;}
/****************** Real Estate Project Status *****************/
.border-line-1 { background: #0A6892; height: 2px; width: 90%; margin: 13px auto 0; }
.border-line-1 .w30 { width: 33.333%; }
.r-shape-fill { background: #0A6892; height: 14px; width: 14px; margin-top: -6px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.r-shape-empty { border: 1px solid #0a6892; background-color: #fff; height: 14px; width: 14px; margin-top: -6px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.info-bar { display: flex; margin: 1rem 0; }
.info-bar-shape { height: 12px; border: none; position: relative; }
.info-bar-shape:first-child { border-top-left-radius: .5rem; border-bottom-left-radius: .5rem; }
.info-bar-shape:last-child { border-top-right-radius: .5rem; border-bottom-right-radius: .5rem; }
.bar-PENTHOUSE, .br-PENTHOUSE:before { background-color: #a7285f !important;}
.bar-Studio, .br-Studio:before { background-color: #24A295 !important; }
.bar-Unspecified, .br-Unspecified:before { background-color: var(--black-color); }
.bar-1, .br-1:before { background-color: #E64A19 !important; }
.bar-2, .br-2:before { background-color: #FF8E00 !important; }
.bar-3, .br-3:before { background-color: #0079FF !important; }
.bar-4, .br-4:before { background-color: #24AFC1 !important; }
.bar-4, .br-4:before { background-color: #24AFC1 !important; }
.bar-4, .br-4:before { background-color: #24AFC1 !important; }
.bar-4, .br-4:before { background-color: #24AFC1 !important; }
.bar-5, .br-5:before { background-color: #FFCB00 !important; }
.bar-6, .br-6:before { background-color: #5A51DE !important; }
.floor-p img { max-width: 100%; height: auto; min-height:150px;}
.book-visit { width: 100%; padding: 15px; }
    .book-visit h5, .book-visit h6, .book-visit p { color: #fff; }
    .book-visit .btn_1 { background-color: #F2C21A; width: 100%; color: #000 !important; border: none; margin-top: 10px; padding: 8px !important; border-radius: 0px; }
    .book-visit .form-control { border-radius: 0; color: #000 !important; font-size: 14px; }
.left-sec-f { font-size: 14px; line-height: 30px; }
.btn-map { position: absolute; margin: 0 auto; text-align: center; vertical-align: middle; margin: 75px 244px; background: none; border: 2px solid #fff; font-size: 12px; }
.floor-img-box { position: relative; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background-color: #f5f5f5; max-height: 150px; overflow: hidden; border: 1px solid var(--bdr); }
    .floor-img-box + i { display: none; }
    .floor-img-box:hover {background-color: rgb(211 211 211);width: 100%;height: 100%;opacity: .6;transition: all .3s;}
    .floor-img-box:hover + i { display: inline-block; position: absolute; left: 45%; top: 45%; color: rgba(255, 255, 255, 0.75); color:#0f3661;}
.hover-click { display: none; }
.hvr-effect:hover .hover-click { background-color: rgba(10, 104, 145, 0.7); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; font-family: 'Font Awesome 5 Free'; font-weight: 900; padding: 35% 50%; color: #fff; display: block; }
.loader-container { height: 100%; width: 100%; background-color: rgba(56, 54, 54, 0.37); position: fixed; display: none; top: 0; z-index: 102; }
.spinner-border { position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; z-index: 1; }

.slider-building { position: relative; margin-top: 25px; }
    .slider-building .building-wrapper { margin: 0 auto; direction: ltr; width: 130px; height: 370px; position: relative; }
        .slider-building .building-wrapper img { float: right; }
    .slider-building .indication-line { position: absolute; background-color: #000; height: 1px; width: 45px; margin: 0 auto; left: 128px; right: 0; border-radius: 8px; }
        .slider-building .indication-line:after { content: ""; background-color: #000; padding: 4px; display: block; position: absolute; right: 0; top: -3px; border-radius: 20px; }
    .slider-building .percentage-value { position: absolute; top: -8px; left: 55px; font-size: 12px; width: 110px; background-color: #fff; }
        .slider-building .percentage-value .value { display: inline-block; }
        .slider-building .percentage-value .date { display: inline-block; }
.modal-project-status .modal-dialog{max-width: 700px;}
.modal-project-status .owl-nav { position: absolute; top: 50%; width: 100%; }
    .modal-project-status .owl-nav .owl-prev,
    .modal-project-status .owl-nav .owl-next {width: 35px !important;height: 35px !important;border-radius: 0 !important;background: #6e6e6e !important;color: #fff !important;font-size: 22px !important;}
    .modal-project-status .owl-nav .owl-next { position: absolute; right: 0; }
.modal-project-status .owl-dots {display:none;}

#shareModal .modal-dialog { max-width: 300px; }
#shareModal .modal-dialog .close { position: absolute; right: -13px; top: -11px; background-color: #ccc; padding: 2px 6px; border-radius: 29px; opacity: .8; }

.wrapper-share { position: relative; z-index: 1; }
.wrapper-share ul { position: relative; width: 330px; height: 50px; margin: 0 auto; padding: 0; }
.wrapper-share ul li { display: inline-block; transition: all .5s; }
.wrapper-share ul li a { display: block; width: 50px; height: 50px; line-height: 50px; color: #fff; font-size: 18px; text-align: center; }
.wrapper-share ul li a i { line-height: 50px; }
.wrapper-share ul li.active:nth-child(1) { background: #3b5998; transition-delay: 200ms; }
.wrapper-share ul li.active:nth-child(2) { background: #55acee; transition-delay: 400ms; }
.wrapper-share ul li.active:nth-child(3) { background: #e95950; transition-delay: 600ms; }
.wrapper-share ul li.active:nth-child(4) { background: #0e76a8; transition-delay: 800ms; }
.wrapper-share ul li.active:nth-child(5) { background: #dd4b39; transition-delay: 1000ms; }
.visible-hidden { visibility: hidden; }
.visible { visibility: visible }
/*********************** SVG Fonts UI **************************/
svg text, .highcharts-title { font-family: var(--Dubai), Helvetica, sans-serif !important; font-weight: normal !important; }
/**************************************************************/
.r-box-s { border: 1px solid rgba(15, 54, 97, 0.072) !important; box-shadow: 0 0 10px rgba(15, 54, 97, 0.072); }
.tr-area-chart-box { width: 140px; height: 140px; margin: 0 auto; }
.highcharts-credits { display: none !important; }
.last-column-amounts td:last-of-type { text-align: right; }
.r-box-s .last-column-amounts td:last-of-type { padding-right: 10px; }
.custom-file-input { opacity: 0; display: block !important; }
.custom-file-label { background-color: #fff; border-top: none; border-right: none; border-left: none; border: 1px solid #ced4da; text-overflow: ellipsis; padding: .375rem 27px .375rem .75rem; white-space: nowrap; overflow: hidden; }
.logo-box { width: 100%; border: 1px solid #eee; height: 110px; text-align: center; position: relative; margin: 9px auto; overflow: hidden; border-radius: 0; background-color: #ffffff; }
.logo-box img { max-width: 100%; max-height: 100%; position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; object-fit: cover; }
.logo-box.smaller { height: 100%; margin: 0; display: block; min-height: 85px; }
.medal { position: absolute; inset-inline-end: 3px; top: 3px; }
.medal span { display: block; width: 35px; height: 35px; background-size: 100%; }
.webp .medal .gold { background-image: url(../assets/img/gold.webp); }
.no-webp .medal .gold { background-image: url(../assets/img/gold.png); }
.no-webp .medal .gold { background-image: url(../assets/img/gold.png); }
.webp .medal .bronze { background-image: url(../assets/img/bronze.webp); }
.no-webp .medal .bronze { background-image: url(../assets/img/bronze.png); }
.webp .medal .general { background-image: url(../assets/img/general.webp); }
.no-webp .medal .general { background-image: url(../assets/img/general.png); }
.no-webp .medal .silver { background-image: url(../assets/img/silver.png); }
.webp .medal .silver { background-image: url(../assets/img/silver.webp); }
.ls-n { list-style: none; }
.red { color: #E95B54; }
.green { color: #00893e; }
h6, b, strong { font-family: 'Dubai-bold'; }
.border-ef { border: 1px solid #efefef; }
.align-r { text-align: right; }
.align-l { text-align: left; }
.align-c { text-align: center; }
.block { display: block; }
.highlight { background-color: #f9f9f9; }
.search-highlight { background-color: #78fb6d; }
a:not([href]):not([tabindex]):focus, 
a:not([href]):not([tabindex]):hover { color: inherit; text-decoration: underline; }
.file-info {color: #464744; line-height:120%;}
.file-info span { margin: 0 .2rem; }
.play-icon { color: #e02924; position: relative; display: block; padding: 10px 0px; }
.play-icon:hover { color: #b91f1b; }
.cs-loader { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
.cs-loader-inner { transform: translateY(-50%); top: 50%; position: absolute; width: 100%; color: #FFF; padding: 0 100px; text-align: center; }
.cs-loader-inner span { font-size: 20px; opacity: 0; display: inline-block; }

@keyframes lol {
    0% { opacity: 0; transform: translateX(-300px); }
    33% { opacity: 1; transform: translateX(0px); }
    66% { opacity: 1; transform: translateX(0px); }
    100% { opacity: 0; transform: translateX(300px); }
}

@-webkit-keyframes lol {
    0% { opacity: 0; -webkit-transform: translateX(-300px); }
    33% { opacity: 1; -webkit-transform: translateX(0px); }
    66% { opacity: 1; -webkit-transform: translateX(0px); }
    100% { opacity: 0; -webkit-transform: translateX(300px); }
}

.cs-loader-inner span:nth-child(6) { -webkit-animation: lol 3s infinite ease-in-out; animation: lol 3s infinite ease-in-out; }
.cs-loader-inner span:nth-child(5) { -webkit-animation: lol 3s 100ms infinite ease-in-out; animation: lol 3s 100ms infinite ease-in-out; }
.cs-loader-inner span:nth-child(4) { -webkit-animation: lol 3s 200ms infinite ease-in-out; animation: lol 3s 200ms infinite ease-in-out; }
.cs-loader-inner span:nth-child(3) { -webkit-animation: lol 3s 300ms infinite ease-in-out; animation: lol 3s 300ms infinite ease-in-out; }
.cs-loader-inner span:nth-child(2) { -webkit-animation: lol 3s 400ms infinite ease-in-out; animation: lol 3s 400ms infinite ease-in-out; }
.cs-loader-inner span:nth-child(1) { -webkit-animation: lol 3s 500ms infinite ease-in-out; animation: lol 3s 500ms infinite ease-in-out; }
.custom-file-input:lang(en) ~ .custom-file-label::after { display: none; }
.custom-file-input:lang(en) ~ i { position: absolute; right: 10px; z-index: 1; font-size: 16px; top: 10px; }
#LatestNews .img-thumbnail { border: 1px solid rgba(222, 226, 230, 0.70); border-radius: 0; }
/************ Tabs to Menu ************/
/*.tabs .tabs-search-wrap {
    display: flex;
    justify-content: space-between;
    flex-direction:column;
    gap:16px;
}

    .tabs .tabs-search-wrap .transformer-tabs {
    }

        .tabs .tabs-search-wrap .transformer-tabs > ul {
            border-radius: 8px;
            padding-right: 23px;
        }

            .tabs .tabs-search-wrap .transformer-tabs > ul::after {
            }*/
.transformer-tabs > ul, .dld-tabs{ list-style: none; padding: 0; margin: 0; border: none; display: flex; overflow-x: auto; /*flex-wrap: wrap;*/ gap: 1rem; }
.transformer-tabs > ul li, .dld-tabs > li{ display: flex; padding: 0; vertical-align: bottom; }
.transformer-tabs a, .dld-tabs.nav-tabs .nav-item .nav-link{ white-space: nowrap; background-color: #fff; color: var(--black-color); display: inline-block; padding: .8rem 1rem 1rem; text-decoration: none; font-family: var(--family-regular); line-height: var(--lh-120); position: relative; border-top-left-radius: 8px; border-top-right-radius: 8px; }
.transformer-tabs a:visited, .dld-tabs.nav-tabs .nav-item .nav-link:visited{ color: var(--black-color); }
    .transformer-tabs a .badge, .dld-tabs.nav-tabs .nav-item .nav-link .badge { margin-left: 5px; color: var(--black-color); background-color: #E3E3DE; border-radius: 30px; height: 20px; min-width: 16px; font-size: 12px; border: none; }
    .transformer-tabs a.active .badge,
    .transformer-tabs a:hover .badge, 
    .dld-tabs.nav-tabs .nav-item .nav-link:hover .badge { background-color: #006E20 !important; color: #fff !important; }
.transformer-tabs a:hover, 
.dld-tabs a:hover, /*{ background-color: rgb(241 241 241 / 45%); color: #000; border-top-left-radius: 6px; border-top-right-radius: 6px; }*/
.transformer-tabs a.active,
.transformer-tabs a:focus,
.dld-tabs a.active,
.dld-tabs a:focus{color: var(--primary-color); background-color: #EEEEE9; border-color: transparent;}

.transformer-tabs a:after,
.dld-tabs a:after{ content: ''; display: block; width: 90%; height: 4px; background-color: var(--theme-green); left: 5%; right: 5%; border-top-right-radius: 0.5rem; border-top-left-radius: 0.5rem; border: none; margin: 0; position: absolute; bottom: 0px; opacity: 0; -webkit-transition: opacity .5s ease; -moz-transition: opacity .5s ease; -ms-transition: opacity .5s ease; -o-transition: opacity .5s ease; transition: opacity .5s ease-out; }
.dld-tabs a:hover:after,
.dld-tabs a:focus:after,
.dld-tabs a.active:after,
.transformer-tabs a:hover:after,
.transformer-tabs a:focus:after,
.transformer-tabs a.active:after{ opacity: 1; }

.tabs > div { display: none; padding: 1rem 0; }
.tabs > .active { display: block; }
/************ End of Tabs to Menu ************/
[onclick] { cursor: pointer; }
.sch-tile:hover { box-shadow: 0px 0px 14px rgba(14, 54, 96, 0.2); }
.text-link { color: var(--black-color); text-decoration: underline; box-shadow: none !important; }
.text-link:hover { color: var(--theme-green); text-decoration: underline; }
.hidden-desktop { display: none !important; }

.backToTop { width: 44px; height: 44px; display: inline-block; background-color: var(--theme-green); text-decoration: none !important; padding: 6px 16px; text-align: center; position: fixed; bottom: 90px; right: 15px; transition: background-color .3s, opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index: 1000; border-radius: 100%; box-shadow: 0 0px 8px rgb(0 0 0 / 5%); }
.backToTop::after { content: "\f106"; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-style: normal; font-size: 1.3em; color: #fff; }
    .backToTop:hover { cursor: pointer; background-color: var(--theme-green); }
    .backToTop:active { background-color: var(--theme-green); }
.backToTop.show { opacity: 1; visibility: visible; }
.expand-link { font-size: 15px; }
#complaintModal .modal-body { text-align: center; }
#complaintModal .fa-check-circle { font-size: 64px; color: forestgreen; margin: 20px; }
.regional-international .col-xl-2 { background-color: #fff; display: flex; align-items: center; justify-content: center; }
.regional-international .col-xl-2 .img-box .card-img { padding: 0; }

/*Microsoft Edge Css*/
@supports (-ms-ime-align:auto) {
    .sticky-top { position: relative; }
}
.accordion-expander { padding-right: 0; }
.accordion-expander a, .view-changer a { display: none; }
.accordion-expander a.active, .view-changer a.active { display: flex; }
.view-changer { padding-right: 0px; margin-bottom: 1rem; display: flex; align-items: center; }
.angle-icon { margin-left: 10px; position: relative; top: 1px; }
.angle-icon-l { margin-right: 10px; position: relative; top: 1px; }

#container { height: 500px; }
.highcharts-figure, .highcharts-data-table table { min-width: 320px; max-width: 700px; margin: 1em auto; }
.highcharts-data-table table { font-family: var(--Dubai), Helvetica, sans-serif; border-collapse: collapse; border: 1px solid #EBEBEB; margin: 10px auto; text-align: center; width: 100%; max-width: 500px; }
.highcharts-data-table caption { padding: 1em 0; font-size: 1.2em; color: #555; }
.highcharts-data-table th { font-family: 'Dubai-bold'; padding: 0.5em; }
.highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption { padding: 0.5em; }
.highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) { background: #f8f8f8; }
.highcharts-data-table tr:hover { background: #f1f7ff; }

.home-banner-section { position: relative; }
.swiper-pagination-new { left: 0; width: 100%; }
.swiper-pagination-new .swiper-pagination-bullet { margin: 0 3px; background: transparent; opacity: 1; border: 1px solid var(--black-color); }
.swiper-pagination-new .swiper-pagination-bullet-active { background: var(--black-color); }

.share-modal .close { background-color: #ccc; padding: 3px 6px; border-radius: 100%; opacity: 1; }
    .share-modal .close span { font-size: 18px; color: var(--black-color); }
.text-theme { color: var(--black-color); }
.error-page-link { padding: 0; margin: 0; list-style: none; }
    .error-page-link li { display: inline-block; margin: 0 20px; }
.brokers-detail .card.border-grey { border: 1px solid var(--bdr) !important; }
.brokers-detail .card-header { font-family: 'Dubai-bold'; }
.broker-td-flex { display: flex; align-items: center; }
.table-card .table th { border-top: none; border-bottom: none; }
.broker-td-flex > div:last-child { margin-left: 5px; }
.broker-details-box { display: flex; width: 100%; align-items: center; justify-content: space-between; margin-bottom: 1rem; }
    .broker-details-box:first-child div { display: flex; align-items: center; }
    .broker-details-box img { width: 60px; height: 60px; object-fit: cover; border-radius: 100%; float: left; }
    .broker-details-box div:first-child span { margin-left: 15px; }
    .broker-details-box .brokers-stars a { color: #FFD119; font-size: 12px; cursor: default; text-decoration: none; }
/*google map popup*/
.gm-style { font: 400 11px 'Segoe UI', 'droidkufi', sans-serif !important; }
.gm-style-iw-d { overflow: auto !important; }
.gm-style .gm-style-iw-c { padding: 0 !important; border-radius: 4px; max-width: 100% !important; }
.gm-style .gm-style-iw-d { overflow: hidden !important; }
.gm-ui-hover-effect[aria-label="Close"] { outline: none !important; opacity: 1; right: 12px !important; top: 12px !important; background-image: url(../assets/img/close-icon.svg) !important; width: 20px !important; background-repeat: no-repeat !important; position: absolute !important; z-index: 1; }
.gm-ui-hover-effect[aria-label="Close"] img, .gm-ui-hover-effect[aria-label="Close"] span { display: none !important; }

.news-detail-section p,
.news-detail-section span,
.news-detail-section span,
.news-detail-section font,
.news-detail-section strong { color: var(--black-color) !important; text-align: left !important; font-size: 16px !important; line-height: 25px !important; }
.side-panel .list-group .list-group-item a.reset-filters { display: inline-block; padding: 0; background-color: transparent; }
.view-all-tran { margin-top: 5px; width: 325px; background-color: #efefef; border-radius: 0; padding: 12px; margin-bottom: 10px; color: var(--black-color); }
.video-gallery .card { border: 1px solid var(--bdr) !important; }
.border { border: 1px solid #fbfbfb !important; }
.medal.medal-ranking { position: inherit; float: none; background-color: transparent; left:0; right:0; bottom:0;}
    .medal.medal-ranking span { position: inherit; left: 0; top: 0; }
.modal-header .btn-close-modal { position: relative; }

/*******************************
* Cookies Modal
*******************************/
.modal.bottom .modal-dialog { position: fixed; left: 0; right: 0; margin: 0 auto; min-width: 100%; -webkit-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); }
.modal.bottom .modal-content { overflow-y: auto; }
.modal.bottom .modal-body { padding: 10px 15px; font-size: 13px; }
.modal.bottom .modal-body a { font-size: 13px; }
/*bottom*/
.modal.bottom.fade .modal-dialog { bottom: 0; -webkit-transition: opacity 0.3s linear, left 0.3s ease-out; -moz-transition: opacity 0.3s linear, left 0.3s ease-out; -o-transition: opacity 0.3s linear, left 0.3s ease-out; transition: opacity 0.3s linear, left 0.3s ease-out; }
.modal.bottom.fade.in .modal-dialog { bottom: 0; }
.modal.bottom .modal-content .modal-header,
.modal.bottom .modal-content .modal-footer { padding: .5rem 1rem; }
.modal.bottom .modal-content .close { padding: 2px 10px; opacity: 1; line-height: normal; border-radius: 100%; margin: 4px 0px 4px 4px; }

.content-wrap { float: left; }
.btn-div { float: right; margin-top: 15px; }
.btn-div a { color: var(--black-color); }

/************* Dubai Rest Application ******************/
.transaction-btn-wrapp .btn { padding: .375rem .50rem; background-color: #dae0e5; border-color: #d3d9df; }
.tt-menu { height: 130px; overflow-x: hidden; overflow-y: auto; width: 100%; }
.image-popup .owl-nav, .image-popup .owl-dots { display: none; }
.image-popup.floor-img-box:hover i { left: 25%; }
.img-title-deed-verification > div { float: left; margin-right: 20px; }
.img-title-deed-verification > span { margin-top: 20px; margin-bottom: 0; text-align: left; float: left; max-width: 74%; }

/*.search-result-list .list-group-item:first-child { margin-bottom: -1px; z-index: 2; }*/
.search-result-list h6.list-group-item { text-decoration: none !important; }
.search-result-list .list-group-item { border: 1px solid var(--bdr); padding: .75rem 1rem; background-color: #fff; text-decoration: underline; border-radius: 8px; margin-bottom: .5rem; display: flex; align-items: center; justify-content: space-between; }
.search-result-list .list-group-item:hover { text-decoration: underline; }
.search-result-list span.list-group-item:hover { text-decoration: none; color: var(--black-color); }
.service-directory-section .search-result-list .list-group-item:nth-child(2) { border-top: none; }
.service-directory-section .search-result-list .list-group-item.bg-light:first-child { display: none; }
.service-directory-sidepanel { padding: .6rem .9rem 1rem; }
.search-result-list .list-group-item.alt { background-color: #f8f9fa; }

.btn-news-archive { background-color: #fff; text-align: left; border-radius: 0; box-shadow: none !important; color: var(--black-color); }
.btn-news-archive:hover { background-color: #f2f3f5; color: var(--black-color); }
.btn-news-archive:before { float: left; content: "\f054"; padding-right: 5px; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 15px; width: 20px; }

.developer-logo { width: 75px; }
.news-article-img, .search-index-img { border-radius: 0; }
.news-article-img img { object-fit: contain; width: 100%; height: auto; max-height: 400px; }
.search-index-img img { object-fit: contain; width: 100%; height: auto; max-height: 300px; }
.photo-archive { min-height: 210px; margin-bottom: 30px; display: -ms-flexbox !important; display: flex !important; border-width: 4px !important; }
.photo-archive img { object-fit: contain; width: 100%; height: auto; max-height: 200px; }

.zopim { bottom: 10px !important; right: 60px !important; }

.land-result-wrap.card,
.makani-result-wrap.card,
.mun-result-wrap.card { border: none !important; margin-top: 20px; }

.land-result-wrap .card-header,
.makani-result-wrap .card-header,
.mun-result-wrap .card-header,
.titleDeed-result-wrap .card-header { padding: .50rem 1rem; border-bottom: 1px solid #fbfbfb; background-color: var(--black-color); color: #fff; border-radius: 0; }

    .land-result-wrap .card-header a,
    .makani-result-wrap .card-header a,
    .mun-result-wrap .card-header a { font-weight: normal; background-color: #ececec; padding: 8px 10px; position: absolute; right: 0; top: 0; }

    .land-result-wrap .img-wrap img,
    .makani-result-wrap .img-wrap img,
    .mun-result-wrap .card-header a { padding: .25rem; background-color: #fff; border-left: 1px solid #dad9d9; max-width: 100%; height: 100%; }

.land-result-wrap .img-wrap .owl-nav,
.makani-result-wrap .img-wrap .owl-nav,
.mun-result-wrap .img-wrap .owl-nav { display: none !important; }

.land-result-wrap .img-wrap div,
.makani-result-wrap .img-wrap div,
.mun-result-wrap .img-wrap div { height: 100%; }

.land-result-wrap .list-group-item,
.makani-result-wrap .list-group-item,
.mun-result-wrap .list-group-item { padding: .50rem 1rem; border: 1px solid #fbfbfb; }

.land-result-wrap .list-group-flush .list-group-item,
.makani-result-wrap .list-group-flush .list-group-item,
.mun-result-wrap .list-group-flush .list-group-item { border-right: 0; border-left: 0; }

.prop-info { margin-bottom: 25px; }
.prop-info .list-group .list-group-item, 
.zone-info .list-group .list-group-item { padding: 0; display: flex; color: var(--black-color);}

.prop-info .list-group .list-group-item span:first-child,
.prop-info .list-group .list-group-item span:last-child,
.zone-info .list-group .list-group-item span:first-child,
.zone-info .list-group .list-group-item span:last-child { padding: .30rem .5rem; }

.prop-info .list-group .list-group-item span:first-child { background-color: #fbfbfb; flex: 0 0 35%; max-width: 35%; }
.prop-info .list-group .list-group-item span:last-child { flex: 0 0 65%; max-width: 65%; }
.zone-info .list-group .list-group-item span:first-child { background-color: #fbfbfb; flex: 0 0 30%; max-width: 30%; }
.zone-info .list-group .list-group-item span:last-child { flex: 0 0 70%; max-width: 70%; }
.prop-info .card { margin-bottom: 10px; }

.zone-info .card-header .btn,
.prop-info .card-header .btn { width: 100%; color: #fff; text-align: left; }

.zone-info .card-header .btn:focus,
.prop-info .card-header .btn:focus { box-shadow: none; }

.zone-info .card-header .btn:before,
.prop-info .card-header .btn:before { float: left; content: "\f078"; padding-right: 5px; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 15px; width: 20px; }

.zone-info .card-header .btn.collapsed:before,
.prop-info .card-header .btn.collapsed:before { float: left; content: "\f054"; }

.request-complete .card-header { padding: .50rem 1rem; border-bottom: 1px solid #fbfbfb; background-color: var(--black-color); color: #fff; border-radius: 0; }
.request-complete .list-group .list-group-item { padding: 0; display: flex; }
.request-complete .list-group .list-group-item span:first-child,
.request-complete .list-group .list-group-item span:last-child { padding: .30rem .5rem; }
.request-complete .list-group .list-group-item span:first-child { background-color: #fbfbfb; flex: 0 0 25%; max-width: 25%; }
.request-complete .list-group .list-group-item span:last-child { flex: 0 0 75%; max-width: 75%; }

.no-data-found { padding: 10px; }
.no-data-found .no-record-img { background-repeat: no-repeat; width: 100%; height: 300px; text-align: center; margin: 0 auto; background-position: top center; background-size: 230px; }

.webp .no-data-found .no-record-img { background-image: url(/assets/img/no-record-available.webp); }
.no-webp .no-data-found .no-record-img { background-image: url(/assets/img/no-record-available.png); }
.no-data-found .no-record-text { text-align: center; margin-top: -70px; }

.fileupload-wrapper .fileupload-overall-progress { display: none !important; }
.fileupload-preview { border: 1px solid #fbfbfb; }
.fileupload-preview tr td:last-child { text-align: right; }

.custom-file-upload { position: relative;}

.developedBy-info { padding: 0; list-style: none; margin: 8px 20px; }
.developedBy-info li span:first-child { width: 75px; display: inline-block; }
.follow-project-star { box-shadow: none; margin: 0; color: #000; border: none; padding: 0; position: absolute; right: 10px; font-size: 16px; top: 15px; }
.follow-project-star.fas{color: #FFA700;}
.details-project-title { padding: 10px; background-color: #f7f9fa; border: 1px solid #e4e4e4; margin-bottom: 1rem; font-family: 'Dubai-bold';border-radius:10px; }
.details-project-title span:last-child { font-weight: 500; font-size: 18px; }

.project-status-info { list-style: none; padding: 0; margin-bottom: 0; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-evenly;}
.project-status-info li { display: flex; padding: 10px; align-items: center; font-size:14px;}
.project-status-info li:before { content: ""; width: 12px; height: 12px; display: block; margin-right: 10px; margin-top: -2px; border-radius: 100%; }
.project-status-info li .dropdown { margin: 5px auto 0 3px; }
.project-status-info li .dropdown .btn { min-width: 175px; text-align: left; color: var(--black-color); border-color: #b7c6d6; box-shadow: none; padding: .25rem .75rem; }
.project-status-info li .dropdown .dropdown-menu { border-radius: 0; min-width: 175px; border: 1px solid #b7c6d6; padding: 0; max-height: 150px; overflow: auto; }
.project-status-info li .dropdown .dropdown-menu .dropdown-item { padding: .30rem .75rem; color: var(--black-color); }
.project-status-info li .dropdown .btn.dropdown-toggle::after { position: absolute; right: 8px; top: 17px; font-size: 20px; }

.under-con { background: #d8e6ef; padding: .45rem 1rem; }

.map-view-link { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 85%; display: block; text-decoration: underline; }
.map-view-link i { margin-left: 5px; margin-right: 5px; }
.download-report { line-height: normal; margin: 3px 3px 0 auto; float: right; height: 38px; }

/*inspection details*/
.inspection-detail-panel .card .card-header { padding: .45rem 1rem; border-radius: 0; background-color: #f2f3f5; border-bottom: none; margin-bottom: 2px; }
.inspection-detail-panel .card .card-header button { float: right; padding: 0; line-height: normal; border: none; background-color: transparent; }
.inspection-detail-panel .card .progress-percentage { font-size: 2rem; }
.inspection-detail-panel .card .progress-label { white-space: nowrap; }

.r-box-s .last-column-amounts { line-height: 28px; }
.inspection-details .dropdown-toggle { height: 48px;min-width: 160px; }
.inspection-details .dropdown-toggle:focus { border-color: #006E20; outline: 0; box-shadow: 0px 0px 0px 3px #C8FFC2; }
.inspection-card-wrap {border: 1px solid #ccc;
    border-radius: 9px;
    padding: 10px 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;}
.inspection-card {gap:10px;margin-bottom: 10px;}
.inspection-card .card {height: 100%;
    padding: 0 1rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: none;
    border-radius: 0;}
.inspection-card .card.current-progress {border-bottom: 3px solid #2584FC;width: 130px;}
.inspection-card .card.prev-progress {border-bottom: 3px solid #FE2C25;width: 130px;}
.inspection-card .card.btn{align-items: center;justify-content: center;background-color: #f7f7f7;}
.icon-download-circle { background-image: url(../assets/img/icon-download-circle.svg); width: 25px; height: 25px; display: inline-block; margin-bottom: 7px; }
.card-link.prev-inspection i,
.card-link.next-inspection i{font-size:14px;}
.btn-link, .pdf-link { color: var(--primary-color); padding: 0; line-height: 1; font-family:var(--family-regular)}
    .btn-link:hover, .pdf-link:hover,
    .btn-link:focus, .pdf-link:focus,
    .btn-link:active, .pdf-link:active { color: var(--primary-color); text-decoration: underline; background-color: none !important; box-shadow: none !important; }

.btn-view-more { color: var(--black-color); padding: 0; font-weight: normal !important; position: relative; top: 2px; font-size: 14px; }
.btn-view-more i { font-size: 24px; margin-left: 12px; position: relative; top: 5px; }

.news-detail-section .news-artile-img { float: left; height: 300px; background-color: #fbfbfb; overflow: hidden; display: flex; max-width: 370px; flex-direction: column; margin: 0 15px auto auto; padding: 0; }
.news-detail-section .news-artile-img img { width: 100%; height: auto; }

/*choosen*/
.chosen-container { font-size: 14px; width: 100% !important; background-color: #fff; padding: 0 !important;border: none !important;}
    .chosen-container .chosen-default, .chosen-container .chosen-single, .chosen-container .chosen-choices { box-shadow: none; background: none; border: 1px solid var(--bdr); border-radius: var(--border-radius); display: block; width: 100%; height: 48px; padding: 12px 16px; font-size: 1rem; font-weight: 400; line-height: 1.5; background-color: transparent; background-clip: padding-box; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; text-decoration: none !important; color: var(--black-color); }
/*.chosen-container.chosen-container-active, .chosen-container.chosen-container-active { box-shadow: 0 0 0 0.2rem #C0DEFF;  }*/
.chosen-container-active.chosen-with-drop .chosen-single, .chosen-container-active.chosen-with-drop .chosen-choices { background: none; box-shadow: none; border: 1px solid var(--bdr); background-color: transparent; border-radius: var(--border-radius); }
.chosen-container-single .chosen-single div b { background-image: none !important; position: relative; }
/*.chosen-container-single .chosen-single div b:after { content: "\f0dd"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: var(--black-color); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); right: 10px; top: 4px; padding: 0 0 2px; border-bottom: none; position: absolute; pointer-events: none; }*/
.chosen-container-active.chosen-with-drop .chosen-single div b,
.chosen-container-active.chosen-with-drop .chosen-choices div b { background-position: -16px 10px; }
.chosen-small + .chosen-container-single .chosen-single {display: flex; align-items: center; height: auto; }
.chosen-small + .chosen-container-single .chosen-single div { display: flex; align-items: center; }
.chosen-small + .chosen-container-single .chosen-single span { color: var(--black-color); }
.chosen-small + .chosen-container-active.chosen-with-drop .chosen-single { background-color: #fff; }
.chosen-container-single .chosen-drop,
.chosen-container-multi .chosen-drop { box-shadow: 0px 8px 10px -6px rgba(16, 24, 40, 0.1), 0px 20px 25px -5px rgba(16, 24, 40, 0.1); border: 1px solid var(--bdr); border-radius: 8px; margin-top: 4px; overflow: hidden; }
.chosen-container-single .chosen-search { padding: 8px 12px; }
.chosen-container-single .chosen-search input[type=text] { border: 1px solid var(--bdr); border-radius: 8px; padding: 0 16px; padding-inline-start: 44px; height: 48px; background: url(../assets/img/search-icon.svg) !important; background-repeat: no-repeat !important; background-position: left 16px center !important; background-size: 20px !important; }
.rtl .chosen-container-single .chosen-search input[type=text] { background-position: right 16px center !important; }
.chosen-container .chosen-results { max-height: 200px; padding: 0; margin: 0 auto; }
.chosen-container .chosen-results li { font-size: 16px; color: #464744; padding: .75rem 1rem; height: 48px; align-items: center; display: flex !important; }
    .chosen-container .chosen-results li.highlighted { background-image: none; background-color: #ECFFE5; color: #40484F; }
    .chosen-container .chosen-results::-webkit-scrollbar { width: 4px;}
    .chosen-container .chosen-results::-webkit-scrollbar-track { background: #fff; }
    .chosen-container .chosen-results::-webkit-scrollbar-thumb { background: #40484F; }
        .chosen-container .chosen-results::-webkit-scrollbar-thumb:hover { background: #40484F; }

    .location-result-wrap,
    .r-index-result-wrap { background-color: rgb(255, 255, 255); height: auto; position: relative; border: 1px solid rgba(15, 54, 97, 0.3); border-radius: .25rem; color: var(--black-color); }
.location-result-wrap { padding: 10px; }

.r-index-result-wrap hr { border-bottom: 1px solid rgba(255, 255, 255, 0.23); margin: 10px 0; }
.r-index-result-wrap p { margin-bottom: 0.5rem; margin-top: 10px; }
.r-index-result-header .rental-index-icon { background-color: #fff; border-radius: 100%; height: 48px; width: 48px; padding: 7px; margin-right: 10px; }
.r-index-result-header .rental-index-icon img { width: 100%; height: auto; }
.r-index-result-header { display: flex; border-bottom: 1px solid rgba(255, 255, 255, 0.23); }
.r-index-result-header > div:nth-child(2) { padding-top: 4px; }
.r-index-result-header > div:nth-child(2) > div:first-of-type { }
.r-index-result-header > div:last-of-type { margin-left: auto; }
    .r-index-result-header .map-label-value,
    .r-index-result-body .map-label-value { font-family: 'Dubai-bold'; }

.map-result-container { padding: 1rem; }
.map-result-container .r-index-result-header { padding-bottom: 1rem; }

.landStatus-info { list-style: none; color: var(--black-color); margin-bottom: .5rem; }
.landStatus-info .list-group-item { background-color: transparent; border-radius: 0; border: 1px solid rgba(101, 101, 101, 0.125); border-bottom: none; margin-bottom: 0; font-size: 14px; padding: 0; display: flex; }
.landStatus-info .list-group-item:last-child { border-bottom: 1px solid rgba(101, 101, 101, 0.125); }
.landStatus-info .list-group-item span:first-child { max-width: 45%; display: flex; background-color: #fbfbfb; flex: 1 1 45%; padding: .3rem; align-items: center; }
    .landStatus-info .list-group-item span:last-child { font-family: 'Dubai-bold'; flex: 0 1 55%; max-width: 55%; padding: .3rem; }

.transaction-map-details .landStatus-info li:last-child,
.location-result-wrap.no-result-container .landStatus-info li:last-child { position: absolute; top: 50%; width: 100%; transform: translateY(-50%); text-align: center; border: transparent; }
.location-result-wrap .geo-map-img { position: absolute; bottom: 0; width: 100%; }
.map-no-data { background-color: #fff; text-align: center; }

.ui-menu { max-height: 200px; overflow-x: hidden; overflow-y: auto; margin-top: -1px; }
.ui-widget.ui-widget-content { border: 1px solid var(--bdr) !important; color: var(--black-color); font-size: 14px; }
.m-left-30 { margin-left: 30px !important; }

@-webkit-keyframes checkmark {
    0% { stroke-dashoffset: 50px; }
    100% { stroke-dashoffset: 0; }
}
@-ms-keyframes checkmark {
    0% { stroke-dashoffset: 50px; }
    100% { stroke-dashoffset: 0; }
}
@keyframes checkmark {
    0% { stroke-dashoffset: 50px; }
    100% { stroke-dashoffset: 0; }
}
@-webkit-keyframes checkmark-circle {
    0% { stroke-dashoffset: 240px; }
    100% { stroke-dashoffset: 480px; }
}
@-ms-keyframes checkmark-circle {
    0% { stroke-dashoffset: 240px; }
    100% { stroke-dashoffset: 480px; }
}
@keyframes checkmark-circle {
    0% { stroke-dashoffset: 240px; }
    100% { stroke-dashoffset: 480px; }
}
.inlinesvg .svg svg { display: inline; }
.icon--order-success svg path { -webkit-animation: checkmark 0.25s ease-in-out 0.7s backwards; animation: checkmark 0.25s ease-in-out 0.7s backwards; }
.icon--order-success svg circle { -webkit-animation: checkmark-circle 0.6s ease-in-out backwards; animation: checkmark-circle 0.6s ease-in-out backwards; }
#success { text-align: center; padding: 30px; }
.svg-check-icon { display: inline-block; width: 72px; height: 72px; background-repeat: no-repeat; }
.webp .svg-check-icon { background-image: url('../assets/img/check-icon-ani.webp'); }
.no-webp .svg-check-icon { background-image: url('../assets/img/check-icon-ani.svg'); }
.progress-bar-label { float: left; margin-right: 10px; }
.progress-custom { width: 180px; float: left; margin-top: 4px; }
#allProjectsmap .card { min-width: 450px; }
.lightbox { width: 100% !important; height: auto !important; top: 0 !important; left: 0 !important; right: 0 !important; margin: 0 auto !important; border-radius: 0; max-width: 1024px; max-height: 768px; align-items: center; bottom: 0; }

.search-wrapper { position: relative; width: 100%; height: 38px; margin-bottom: 0; }
.search-wrapper input.form-control {position: absolute;top: 0;height: 45px;padding: 11px 16px;text-indent: 29px;}
.search-field-icon.form-control, .search-field-icon .form-control { background-image: url(../assets/img/search-icon.svg); background-repeat: no-repeat; background-position: left 16px center; padding-inline-start: 48px !important; padding-inline-end: 48px; background-size: 24px; }
.rtl .search-field-icon.form-control, .rtl .search-field-icon .form-control { background-position: right 16px center; }
.search-field-icon ~ .txt-clear-btn { visibility: hidden; position: absolute; line-height:48px; inset-inline-end: 1px; top:0; border: none !important; outline: none !important; }
    .search-field-icon ~ .txt-clear-btn:before { content: "\e91c"; font-family: 'icomoon'; font-size: 24px; font-weight: normal; width: 24px; height: 24px; line-height: 24px; display: inline-block; }
.txt-clear-btn > i { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/*.search-field-icon:focus ~ .txt-clear-btn,
.search-field-icon .form-control:focus ~ .txt-clear-btn { visibility: visible; }*/

.search-field-icon:not(:placeholder-shown) ~ .txt-clear-btn,
.search-field-icon:not(:placeholder-shown) .form-control:focus ~ .txt-clear-btn { visibility: visible; }
.search-field-icon ~ .txt-search-btn { height: 32px; display: none; position: absolute; inset-inline-end: 8px; top: 8px; padding: 6px 12px; font-size: 14px; line-height: 20px; border-radius: 8px; min-width: 64px; }

.search-field-icon:not(:placeholder-shown) ~ .txt-clear-btn,
.search-field-icon:not(:placeholder-shown) .form-control:focus ~ .txt-clear-btn { visibility: visible; }

.search-field-icon.search-error { border-color: #C0000A !important; color: #C0000A !important; box-shadow: none !important; }
.search-panel-wrap .search-field-icon.form-control,
.search-panel-wrap .search-field-icon .form-control { padding-inline-end: 48px; }
.search-panel-wrap .search-field-icon:focus ~ .txt-clear-btn, 
.search-panel-wrap .search-field-icon .form-control:focus ~ .txt-clear-btn { inset-inline-end: 0px; }
/*.search-panel-wrap .form-control.sbtn-field { padding-inline-end: 110px; }
.search-panel-wrap .form-control.sbtn-field:focus ~ .txt-clear-btn { inset-inline-end: 70px; }*/
/*indexes*/
/*.indexes-tabs { background-color: rgba(242, 243, 245, 0.5); border: 1px solid rgba(15, 54, 97, 0.20); border-bottom: none; position: relative; z-index: 1; }*/
.indexes-information { display: flex; flex-direction: row; align-items: center; justify-content: space-around; padding: 15px 0 15px; border-top: none; margin: 5px 0 15px; border: 1px solid var(--bdr); border-radius: var(--border-radius); }
.key-figure-information { display: flex; flex-direction: row; align-items: center; justify-content: space-around; }
.indexes-information > div { flex-direction: column; display: flex; text-align: center; flex: 1 1 50%; max-width: 50%; padding: 0 10px; }
.index-graph-boxes .detail-link { font-size: 14px; font-weight: normal; }
.index-graph-boxes .detail-link i { margin-left: 3px; font-size: 16px; position: relative; top: 2px; }
.card.index-graph-boxes .highcharts-figure .highcharts-background { fill: none !important; }
.indexes-card .card-body { background-color: #fbfbfb; }
.index-graph-boxes .card-title { padding: 13px; font-family: 'Dubai-bold'; border-bottom: 1px solid var(--bdr); margin-bottom: .5rem; background-color: #f8f9fa; border-radius: .25rem .25rem 0 0; align-items: center; }
.index-graph-boxes h6 { margin-bottom: 0; padding: 10px 0; }
.index-graph-boxes .highcharts-figure { margin: 0 auto; /*border: 1px solid #dfdfdf;*/ max-width: 100%; }
.index-graph-boxes .highcharts-container { display: flex; align-items: center; justify-content: center; }
.index-graph-boxes .container-graph { height: 280px; padding-bottom: 5px; padding-top: 15px; background-color: #fbfbfb; }
.indexes-info-box { flex-direction: row; align-items: center; justify-content: flex-start; position: relative; background-color: #fef7e0; color: #3c4043; border: 1px solid #d9c78b; padding: 0rem 0.7rem; display: inline-flex; border-radius: 0.375rem; }
.design-element { background-repeat: no-repeat; width: 50px; height: 50px; position: absolute; left: -25px; z-index: 1; }
.sale-price-index .design-element,
.rental-price-index .design-element { background-image: url(../assets/img/icon-light2.svg); }
.speculation-index .design-element { background-image: url(../assets/img/icon-light.svg); }
.rental-yield-index .design-element { background-image: url(../assets/img/icon-light4.svg); }
.indexes-info-box-body p {margin-bottom: 0;}
.indexes-info-box > div { flex-direction: column; display: flex; text-align: left; }
.indexes-info-box-body {padding: 0 0 0 2rem; }
.indexes-change { position: relative; top: -5px; left: 10px; color: var(--black-color); }
.indexes-change:focus { box-shadow: none; }
.indexes-change + .dropdown-menu { font-size: 14px; color: var(--black-color); }
.indexes-change + .dropdown-menu .dropdown-item { padding: .25rem .8rem; }
.rental-yeild-boxes { margin-top: 2rem; justify-content: center; }
/*.sale-price-index .btn-custom-toggle .btn.active,
.sale-price-index .btn-custom-toggle .btn:active { background-color: var(--theme-green); border-color: var(--theme-green); color:#fff;}*/
.sale-price-index .highcharts-series-group .highcharts-series-0,
.sale-price-index .highcharts-color-0 { fill: #4CBFBC; stroke: #4CBFBC; }
/*.rental-price-index .btn-custom-toggle .btn.active,
.rental-price-index .btn-custom-toggle .btn:active { background-color: #25AEE3; border-color: #25aee4; }
.rental-price-index .btn-custom-toggle .btn.active,
.rental-price-index .btn-custom-toggle .btn:active { background-color: var(--theme-green); border-color: var(--theme-green); color:#fff;}*/
.speculation-index .indexes-info-box { border: 1px solid rgb(226, 88, 88); }
.speculation-index .btn-custom-toggle .btn.active,
.speculation-index .btn-custom-toggle .btn:active { background-color: rgba(255, 0, 0, .60); border-color: rgb(226, 88, 88); }
.key-figure .card { height: 100%; padding: 0.775rem; border-bottom: 3px solid var(--theme-green); }
.rental-yield-index .indexes-info-box { border: 1px solid #F88069; }
.rental-yield-index .btn-custom-toggle .btn.active,
.rental-yield-index .btn-custom-toggle .btn:active { background-color: #F88069; border-color: #f88068; }
.rental-yeild-boxes .role-box { font-size: 16px; background-image: url(../assets/img/indexes-analytics.svg); background-repeat: no-repeat; background-position: center 105px; background-size: 100%; background-color: #F8F8F8 !important; transition: background-color .3s ease-in; text-align: left; justify-content: flex-start; padding: 25px; }
    .rental-yeild-boxes .role-box:hover { color: var(--theme-green); transition: background-color .3s ease-in; }
        .rental-yeild-boxes .role-box:hover:before { content: ""; background-color: rgba(248, 248, 248, 0.85); width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.rental-yeild-boxes > [class*='col-']:first-child .role-box .icon-wrap-box { background-color: #E91E63; }
.rental-yeild-boxes > [class*='col-'] .role-box .icon-wrap-box { background-color: #1AAE50; }
.rental-yeild-boxes > [class*='col-']:last-child .role-box .icon-wrap-box { background-color: #0070C0; }
.rental-yeild-boxes .role-box .icon-wrap-box { width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; border-radius: 100%; }
.rental-yeild-boxes .role-box .key-figures { width: 25px; height: 35px; }
.rental-yeild-boxes .role-box .key-findings { width: 38px; height: 38px; }
.rental-yeild-boxes .role-box .methodology { width: 30px; height: 44px; }
.rental-yeild-boxes .role-box .card-title { margin-top: 1rem; }
.rental-yeild-boxes .role-box .role-box-back { font-size: 14px; }
    .rental-yeild-boxes .role-box .role-box-back p { display: initial;}
.rental-yeild-boxes .role-box .card-title span:first-child { font-size: 1.5rem; line-height: normal; margin-bottom: 0; font-family: 'Dubai-bold'; color: var(--black-color) !important; }
.rental-yeild-boxes .role-box .card-title span:last-child { font-size: 1.5rem; line-height: normal; font-family: 'Dubai-bold'; }
.rental-yeild-boxes > [class*='col-']:first-child .role-box .card-title span:last-child { color: #E91E63 }
.rental-yeild-boxes > [class*='col-'] .role-box .card-title span:last-child { color: #12893d }
.rental-yeild-boxes > [class*='col-']:last-child .role-box .card-title span:last-child { color: #0070C0 }
    .rental-yeild-boxes > [class*='col-']:first-child .role-box { border-bottom: 4px solid #E91E63; }
    .rental-yeild-boxes > [class*='col-'] .role-box { border-bottom: 4px solid #1AAE50; }
    .rental-yeild-boxes > [class*='col-']:last-child .role-box { border-bottom: 4px solid #0070C0; }
.indexes-read-link { display: inline-flex; margin-left: auto }
.rental-yeild-boxes .role-box .arrow-list li { padding-top: 0; padding-bottom: 0; }
.rental-price-index .highcharts-area,
.rental-yield-index .highcharts-area { fill-opacity: 0.70; }
.rental-price-index .highcharts-color-0 { fill: #25AEE3; stroke: #25AEE3; }
.speculation-index .highcharts-area { fill: rgba(255, 0, 0, .60); fill-opacity: 0.65; }
.speculation-index .highcharts-series.highcharts-series-0 .highcharts-graph,
.speculation-index .highcharts-legend .highcharts-color-0 .highcharts-graph { stroke: #e25858; }
.speculation-index .highcharts-tracker.highcharts-series-0 path { fill: #ff6666; stroke: #e25858; }
.speculation-index .highcharts-tracker.highcharts-series-1 path { fill: #000; stroke: #000; }
.speculation-index .highcharts-series.highcharts-series-1 { stroke: #000; }
.speculation-index .highcharts-legend .highcharts-color-0 text { fill: #ff6666 !important; }
.rental-yield-index .highcharts-color-0 { fill: #EB862D; }
.rental-yield-index .highcharts-series-0 .highcharts-graph { stroke: #F88069; }
.rental-yield-index .highcharts-tracker.highcharts-series-0 path { fill: #F88069; stroke: #F88069; }
.rental-yield-index .highcharts-tracker.highcharts-series-1 path { fill: #000; stroke: #000; }
.rental-yield-index .highcharts-legend-item.highcharts-color-0 .highcharts-point { fill: #EB862D; }
.rental-yield-index .highcharts-legend .highcharts-color-0 text { fill: #F88069 !important; }
.highcharts-menu { border: 1px solid var(--bdr) !important; padding: 0 !important; max-height: 240px; overflow: auto; }
.highcharts-menu hr { margin: 0; }
.highcharts-menu .highcharts-menu-item { padding: 0.3rem 0.5rem; }
.btn-indexes-download { background-color: #f4f4f4; border-color: var(--bdr); color: var(--black-color); padding: .25rem .575rem; position: relative; z-index: 6; box-shadow: none !important; display: flex; align-items: center; margin-bottom: 4px; position: absolute; top: -62px; right: 115px; }
.rental-yeild-boxes > a { text-decoration: none; }
.download-link i { padding: 12px; background-color: #00893E; color: #fff; }
.indexes-grid .table-striped { border: 1px solid #dcdcdc; margin-bottom: 0 !important; }
.key-figure { margin-top: 5px; }
.key-figure .col {margin-bottom:1rem;}
.key-figure hr { border-top-color: rgba(255, 255, 255, 0.30); }
.key-figure small { line-height: normal; }
/*indexes end*/
.flip-card, 
.dev-all-service-provider 
.role-box, 
.rental-yeild-boxes 
.role-box { background-color: transparent; width: 100%; height: 100%; -webkit-perspective: 680px; -moz-perspective: 680px; -ms-perspective: 680px; -o-perspective: 680px; perspective: 680px; /* Remove this if you don't want the 3D effect */ }

.flip-card-inner,
.dev-all-service-provider .provider-card-inner,
.rental-yeild-boxes .role-box .role-box-inner { position: relative; width: 100%; height: 100%; }

    .flip-card-front,
    .flip-card-back,
    .provider-card-front,
    .provider-card-back,
    .rental-yeild-boxes .role-box .role-box-front,
    .rental-yeild-boxes .role-box .role-box-back { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; /****** Transition ******/ -webkit-transition: 1.0s; -moz-transition: 1.0s; -ms-transition: 1.0s; -o-transition: 1.0s; transition: 1.0s; justify-content: space-between; display: flex; align-items: center; flex-direction: column; gap: .5rem; }
.rental-yeild-boxes .role-box .role-box-back { position: inherit; justify-content: space-between; display: flex; flex-direction: column; }
.ftr-flip-card { padding: 1rem 2rem; border-top: 1px solid var(--bdr); justify-content: space-between; display: flex; width: 100%; }

    .flip-card-front,
    .provider-card-front,
    .rental-yeild-boxes .role-box .role-box-front { z-index: 2; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); }

.flip-card-back,
.provider-card-back,
.rental-yeild-boxes .role-box .role-box-back { z-index: 1; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); }

.card:hover .flip-card-front,
.dev-all-service-provider .role-box:hover .provider-card-front,
.rental-yeild-boxes .role-box:hover .role-box-front { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); }

.card:hover .flip-card-back,
.dev-all-service-provider .role-box:hover .provider-card-back,
.rental-yeild-boxes .role-box:hover .role-box-back { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); }

.list-unstyled .media span { padding: 24px 14px; background-color: #fff; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); border-radius: 100%; color: #00893e; display: inline-block; margin-right: 15px; }
.list-unstyled .media { border-top: 1px solid #dee2e6; padding-bottom: 20px; padding-top: 20px; }
.list-unstyled .media:first-child { border-top: none; padding-top: 0 }
.list-unstyled .media:last-child { padding-bottom: 0 }

.property-type-btn { border-bottom: 1px solid var(--bdr); margin-bottom: 1.5rem; padding: 15px; align-items: center; }
/*.property-type-btn .btn { border: 1px solid rgba(15, 54, 97, 0.30); color: var(--black-color); min-width: 100px; justify-content: center; }
.property-type-btn .btn:focus { box-shadow: none; }
.property-type-btn .btn.active { background-color: #00893E; border: none; color: #fff; border: 1px solid #00893f; }
.property-type-btn .period-type.active { background-color: var(--black-color); color: #fff; border: 1px solid #0f3662; }
.property-type-btn .btn.period-type { min-width: 50px; }
.property-type-btn .btn:last-child { margin-right: 0px; }
.property-type-btn .divider-vertical { border-left: 1px solid rgba(15, 54, 97, 0.30); margin: 0 20px; }*/

.statistic-card .card { border-radius: .5rem; background-position: bottom; background-repeat: no-repeat; border: none !important; }
.webp .statistic-card .card { background-image: url(../assets/img/shape-statistic.webp); }
.no-webp .statistic-card .card { background-image: url(../assets/img/shape-statistic.svg); }

.color-1 { background-color: #7E64BC; }
.color-2 { background-color: #3C55B1; }
.color-3 { background-color: #0AACDC; }
.color-4 { background-color: #6B71A2; }

.key-finding p { font-style: italic; line-height: 30px; font-weight: 500; border-left: 2px solid #4D86D7; padding-left: 20px; }
.key-finding p span { color: #4D86D7; }

.price-indes-detail { margin-top: .5rem; margin-bottom: 3rem; }
    .price-indes-detail .nav .nav-link { border-radius: 0; font-family: 'Dubai-bold'; border-left: 1px solid rgba(15, 54, 97, 0.2); }
.price-indes-detail .nav .nav-link.active { background: #5dc9dd; background: -moz-linear-gradient(left, #4a77d6 0%, #5dc9dd 100%); background: -webkit-linear-gradient(left, #4a77d6 0%,#5dc9dd 100%); background: linear-gradient(to right, #4a77d6 0%,#5dc9dd 100%); border-left: none; }
.price-indes-detail > .container > .row > .col-12.mb-4 { margin-bottom: 2px !important; }
.price-indes-detail > .container > .row .property-type-btn { padding: 0 15px 0; margin-bottom: 0; }
#v-pills-index2 { margin-bottom: 10px; }
.price-indes-detail .tab-pane h5 { color: var(--black-color); margin-bottom: 12px !important; font-size: 16px !important; }
.average-price-grid.table.dataTable td:last-child i.font-size14 { font-size: 14px; }
.bs-tooltip-top .arrow::before { border-top-color: var(--black-color); }
.tooltip-inner { background-color: var(--black-color); }
.report-archive .report-archive-grid tr td:last-child i { font-size: 20px; }
.report-archive .report-archive-grid tr td:last-child i.fa-file-pdf { margin-left: 5px; }
.report-archive div.dataTables_wrapper div.dataTables_filter label input { margin: 0 0px 0 7px; }
.report-archive div.dataTables_wrapper .dataTables_length,
.report-archive div.dataTables_wrapper .dataTables_lengt { margin: 0 10px 0 0px; }
.report-archive-header h4 { margin-bottom: 20px; }
.year-filter-container { margin: 0 auto; display: flex; justify-content: start; }
.year-filter { margin-bottom: 10px; }
.year-filter .btn { font-size: 1rem; border-bottom: 1px solid #00893E; cursor: pointer; border-radius: 0; box-shadow: none !important; }
.btn-group.year-filter > .btn:not(:first-child) { margin-left: 8px }
.year-filter .btn.active { background-color: #00893E; color: #fff; }
.coming-soon-div { position: absolute; background-color: rgba(243, 243, 243, 0.90); height: 100%; width: 100%; z-index: 1; display: flex; justify-content: center; }
    .coming-soon-div span { display: flex; align-items: center; font-size: 20px; font-family: 'Dubai-bold'; }
.report-archive .download-archive-report { border: solid 1px #dee2e6; border-top: none; margin: 0px 0 40px; list-style: none; padding: 0; border-radius: 0 0 .25rem .25rem; }
.report-archive .report-archive-body > h5 { background-color: rgba(15, 54, 97, 0.1); margin-bottom: 0; padding: 6px 12px; border-radius: .25rem .25rem 0 0; }
.report-archive-header .summary-report-pdf { color: #007c32; text-decoration: underline; margin-bottom: 20px; display: inline-block; }
.report-archive .download-archive-report li { display: flex; padding: 10px 10px 10px 0; border-top: solid 1px #dee2e6; flex-wrap: wrap; }
.report-archive .download-archive-report .report-name { font-weight: 500; flex: 0 0 50%; max-width: 50%; align-items: center; display: flex; padding-left: 12px; }
.report-archive .download-archive-report .btn-report-downlaod { flex: 0 0 50%; max-width: 50%; text-align: right; }
.report-archive .download-archive-report .btn-report-downlaod a { font-weight: 400; padding: 7px 16px 6px; border: solid 1px rgba(15,54,97,.3); background-color: #fff; color: var(--black-color); font-size: 14px; display: inline-flex; min-width: 130px; }
.report-archive .download-archive-report .btn-report-downlaod a:first-child { margin-right: 10px; display: none; }
.report-archive .download-archive-report .btn-report-downlaod a i { width: 20px; height: 20px; display: inline-block; margin-right: 8px; }
.report-archive .download-archive-report .btn-report-downlaod a:hover,
.report-archive .download-archive-report .btn-report-downlaod a:focus { text-decoration: underline; }
.report-archive .download-archive-report .btn-report-downlaod a .dl-icon { display: inline-block; width: 20px; height: 16px; background-repeat: no-repeat; position: relative; top: 3px; }
.webp .report-archive .download-archive-report .btn-report-downlaod a:hover .dl-icon { background-image: url(../assets/img/down-arrow-download.webp); }
.no-webp .report-archive .download-archive-report .btn-report-downlaod a:hover .dl-icon { background-image: url(../assets/img/down-arrow-download.svg); }
.webp .dl-icon { background-image: url(../assets/img/down-arrow-download.webp); }
.no-webp .dl-icon { background-image: url(../assets/img/down-arrow-download.svg); }
.trnsction-data-from-react section.pt-3 { padding-top: 0 !important; }
.transaction-report-d { display: flex; align-items: center; font-family: 'Dubai-bold'; border: 1px solid var(--bdr); border-radius: .25rem; }
.transaction-report-d .fa-download { color: var(--black-color); margin-left: 10px; }
.transaction-report-d .report-info-icon { padding: 12px; background-color: #F5DD3F; width: 65px; height: 65px; background-repeat: no-repeat; background-position: center; background-size: 75%; }
.webp .transaction-report-d .report-info-icon { background-image: url(../assets/img/transaction-report-info.webp); }
.no-webp .transaction-report-d .report-info-icon { background-image: url(../assets/img/transaction-report-info.svg); }
.triangle-topright { width: 0; height: 0; border-top: 45px solid #0074CD; border-left: 45px solid transparent; position: absolute; right: 0; top: 0; color: #fff; display: none; }
.triangle-topright i { position: relative; top: -42px; right: 20px; font-size: 12px; }
.award-filter-btn { display: flow-root; align-self: flex-end; }
.award-list .list-group-item { padding-left: 0; padding-right: 0; display: flex; align-items: center; }
.award-list.list-group-flush:first-child .list-group-item:first-child { padding-top: 0; }
.award-list .list-group-item span:last-child { font-size: 18px; }
.award-list .award-icon-wrap { display: flex; margin-right: 15px; align-items: center; justify-content: center; }
.award-list .award-icon-wrap .award-icon { background-repeat: no-repeat; width: 60px; height: 60px; background-size: 100%; }
.award-list .detail-holder > .list-style { margin-top: 0; }
.webp .award-list .award-icon-wrap .award-icon { background-image: url(../assets/img/award-winner-icon-card.png); }
.no-webp .award-list .award-icon-wrap .award-icon { background-image: url(../assets/img/award-winner-icon-card.png); }
.chat-fab-link { display: flex; width: 36px; height: 32px; border: none; background-color: transparent; text-decoration: none !important; }
.chat-modal-open.modal-open { padding-right: 0 !important; overflow-x: hidden; overflow-y: auto; }
.chat-modal-open.modal-open .userway { z-index: 1049; }
.signin-option a:nth-child(2) { margin-right: 5px; margin-left: 5px; display: inline-block; position: relative; top: 3px; }
.signin-option a:last-child { position: relative; top: 3px; }
.signin-option a i { font-size: 22px; }
.signin-option a:nth-child(2) i { color: #3B5998; }
.signin-option a:last-child i { color: #EA4335; }

.award-winner-icon-card { background-image: url(../assets/img/award-winner-icon-card.png); background-repeat: no-repeat; width: 60px; height: 60px; background-size: 100%; }
.award-winner-icon-office { background-image: url(../assets/img/award-winner-icon-office.png); background-repeat: no-repeat; width: 48px; height: 48px; background-size: 100%; }

.font-size16 { font-size: 1rem; }
.font-size12 { font-size: 12px; }

.navbar .right-mnu > .nav-item.search-by-voice .btn { border-radius: 0; border: none; box-shadow: none; color: var(--black-color); font-size: 16px; padding: .850rem 1rem !important; }
.navbar .right-mnu > .nav-item.search-by-voice .btn:hover,
.navbar .right-mnu > .nav-item.search-by-voice .btn:focus { background-color: #d39e00; }
.navbar .right-mnu > .nav-item.search-by-voice .btn i { margin-right: 0; }
.search-by-voice .btn:before { display: none; }
.voice-nav-dialog { /*max-width: 370px;*/ position: relative; display: block; height: auto; margin: 1.85rem auto; }
.voice-nav-dialog:after { content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid white; position: absolute; top: -10px; right: 20px; }
.voice-nav-dialog .modal-title { font-weight: 500; }
.voice-nav-modal { height: auto; position: absolute; top: 33px; width: auto; right: -8px; left: auto; padding-right: 0 !important; }
.voice-nav-modal-open #header .menu-container { position: relative; }
.voice-nav-dialog .info-message { font-family: 'Dubai-bold'; text-align: center; padding: 30px 30px 15px; }
.voice-nav-dialog .info-message img { margin-bottom: 15px; }
.speech-modal-open, .speech-modal { padding-right: 0 !important; }
.speech-dialog .modal-content { min-height: 100vh; border: none; border-radius: 0; background-color: rgba(255, 255, 255, 0.95); }
.speech-dialog .modal-content .modal-header { background-color: transparent; border-bottom: none; }
.speech-dialog .modal-content .modal-body { align-items: center; justify-content: center; display: flex; }
.speech-dialog .modal-content .modal-body .close { position: absolute; }
.speech-dialog .modal-content .modal-body .speech-now-text { font-size: 25px; }
.speech-dialog { min-width: 100%; margin: 0; }
.speech-icon.btn { border-radius: 100%; width: 60px; height: 60px; color: #fff; padding: 0; margin: 0 auto 20px auto; background: #d90000; position: relative; display: flex; -ms-touch-action: manipulation; touch-action: manipulation; justify-content: center; align-items: center; }
.speech-icon.btn i { font-size: 22px; }
.pulse-ring { content: ''; width: 60px; height: 60px; background: #d90000; border: 5px solid #d90000; border-radius: 50%; position: absolute; top: -1px; left: -1px; animation: pulsate infinite 1s; }
.speech-icon-search-result.btn { margin: 0px 0 0; width: 25px; height: 25px; display: inline-flex; background: #ffffff; color: #01893e; }
.speech-icon-search-result.btn .pulse-ring { width: 29px; height: 29px; top: -3px; left: -3px; text-align: center; border: 5px solid #ffffff; }
@-webkit-keyframes pulsate {
    0% { -webkit-transform: scale(1, 1); opacity: 1; }
    100% { -webkit-transform: scale(1.2, 1.2); opacity: 0; }
}
.voice-search-result { margin-bottom: 20px; }
.voice-search-result h6 { margin-bottom: 20px; }
.voice-search-result .alert-info { display: flex; align-items: center; border-radius: 0; padding: .60rem; justify-content: space-between; flex-flow: column; }
.voice-search-result .alert-info .alert-inner-wrap { display: flex; align-items: center; }
.voice-search-result .alert-info .alert-inner-wrap i { font-size: 25px; display: none; margin-right: 10px; }
.voice-search-result .alert-info p { margin-bottom: 0; font-size: 14px; }
.voice-search-result .alert-info .btn_1 { margin-left: auto; margin-top: -35px; }
.voice-search-result .alert-info .btn_1 span { display: none }
.voice-search-result .voice-search-result-list { border-radius: 0; }
.voice-search-result .voice-search-result-list .list-group-item:first-child,
.voice-search-result .voice-search-result-list .list-group-item:last-child { border-radius: 0; }
.voice-search-result .voice-search-result-list .list-group-item { padding: .60rem; display: flex; align-items: center; }
.voice-search-result .voice-search-result-list .list-group-item:nth-child(2n) { background-color: #fbfbfb; }
.voice-search-result .voice-search-result-list .list-group-item .num-span { border: 1px solid rgba(0,0,0,.125); border-radius: 100%; min-width: 30px; min-height: 30px; display: inline-flex; align-items: center; justify-content: center; margin-right: 8px; }

.voice-nav-modal-open #header { z-index: 1051; }
.download-list { margin-bottom: 1rem; }
.download-list .list-group-item { padding: .55rem .55rem; border: 1px solid rgba(151, 168, 187, 0.6); }
.download-list .list-group-item .flex-grow-1 span { text-decoration: underline; }
.download-list .list-group-item .download-wrap { background-color: rgb(14, 120, 200); color: rgb(255, 255, 255); width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 3px; padding: 0 10px; }
.download-list .list-group-item .download-wrap .download-icon { display: block; width: 19px; height: 20px; background-repeat: no-repeat; }
.webp .download-list .list-group-item .download-wrap .download-icon { background-image: url(../assets/img/download-icon.webp); background-size: 100%; }
.no-webp .download-list .list-group-item .download-wrap .download-icon { background-image: url(../assets/img/download-icon.svg); }
.download-list .list-group-item-action .jpg-icon { width: 30px; height: 35px; display: inline-block; background-repeat: no-repeat; }
.webp .download-list .list-group-item-action .jpg-icon { background-image: url(../assets/img/jpg-icon.webp); background-size: 100%; }
.no-webp .download-list .list-group-item-action .jpg-icon { background-image: url(../assets/img/jpg-icon.svg); }
.download-list .list-group-item-action .file-formate-icon { margin-right: 10px; }
.download-list .list-group-item-action .pdf-icon { width: 30px; height: 35px; display: inline-block; background-repeat: no-repeat; }
.webp .download-list .list-group-item-action .pdf-icon { background-image: url(../assets/img/pdf-icon.webp); background-size: 100%; }
.no-webp .download-list .list-group-item-action .pdf-icon { background-image: url(../assets/img/pdf-icon.svg); }
.download-list .list-group-item-action .excel-icon { width: 30px; height: 30px; display: inline-block; background-repeat: no-repeat; }
.webp .download-list .list-group-item-action .excel-icon { background-image: url(../assets/img/excel-icon.webp); background-size: 100%; }
.no-webp .download-list .list-group-item-action .excel-icon { background-image: url(../assets/img/excel-icon.svg); }
.download-list .list-group-item-action .text-muted { color: #242c33 !important; }
.award-broker-office-medal { bottom: 3px; right: -10px; }
.transaction-search-btn { display: flex; align-items: center; height: 35px; padding-top: 50px; }
.transaction-report-msg { font-size: 14px; font-style: italic; }
.moving-tab { padding: 11px !important; }

.wizard-container .wizard-card { background-color: #ffffff; border-radius: .25rem; }
.wizard-card .wizard-header h5 { font-size: 22px !important; }
.wizard-container .wizard-navigation .nav-pills { background-color: #F6F6F6 !important; border-top: 1px solid #fbfbfb; border-bottom: 1px solid #fbfbfb; }
.wizard-container .nav-pills > li:last-child { border-right: none; }
.wizard-container .nav-pills > li + li { border-right: 1px solid #fbfbfb; }
.wizard-container .wizard-navigation .nav-pills > li > a { background-color: transparent; }
.wizard-container .form-control[disabled], 
.wizard-container .form-control[readonly], 
.wizard-container fieldset[disabled] .form-control { background-color: hsla(0, 0%, 93%, 0.45) !important; }
.wizard-container .tab-content .form-control,
.wizard-container .wizard-footer .btn-default { border-radius: .25rem; }
.wizard-container .upload-table .btn-grey { background-color: transparent; border: none; }
.wizard-container .upload-table .btn-grey i { margin-right: 5px; }

#registration .form-control.is-invalid,
#registration .was-validated .form-control:invalid { background-position: center right calc(.375em + 1.5rem); }
.owned-wrapper h6 .btn-link i { margin-left: 8px; }
.transaction-report-msg { font-size: 14px; font-style: italic; }
.template-description { margin-bottom: 0; font-size: 12px; color: var(--black-color); line-height: normal; }
.template-description-zip { padding: 5px 5px 0; margin-bottom: 0; border-top: 1px solid #ccc; margin-top: 10px; font-size: 12px; color: var(--black-color) }
.text-muted { color: #242c33 !important; }
.strategic-partners-logo { height: 160px; border-width: 2px !important; display: flex; align-items: center; justify-content: center; border: 1px solid var(--bdr) !important; border-radius: var(--border-radius); }
.strategic-partners-logo img { max-width: 75%; }

.google-captcha { margin-bottom: 1rem; }
.g-map-captcha { position: absolute; top: 50%; z-index: 0; left: 50%; transform: translate(-50%, -50%); }
.g-map-captcha-text { position: absolute; top: 50%; z-index: 0; left: 50%; transform: translate(-50%, -50%); background-color: var(--black-color); padding: 8px 15px; border-radius: var(--border-radius); color: #fff; box-shadow: 0 3px 10px rgba(15, 54, 97, 0.4); width:auto;}
.map-result-wrapper { position: absolute; top: 10px; right: 10px; bottom: 10px; display: flex; align-items: center; }
.map-result-wrapper > div { width: 100%; }

.field-rounded.input-group > .custom-select:not(:last-child),
.field-rounded.input-group > .form-control:not(:last-child) { border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; }

.field-rounded.input-group > .custom-select:not(:first-child),
.field-rounded.input-group > .form-control:not(:first-child) { border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; }

.card-detail .logo-box.smaller { width: 116px; height: 116px; border-radius: 100%; border-color: #ccc; }
.modal-backdrop.show { -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); background-color: rgba(0, 0, 0, 0.5); opacity: .9; }
.alert-light-grey { position: relative; padding: .75rem 1.25rem; border: 1px solid rgba(16, 55, 98, 0.20); background-color: #f8f9fa; border-radius: .25rem; font-size: 14px; text-align: left; }
.dld-sample-tem { border: 1px solid rgba(0,0,0,.125); background-color: #fbfbfb; border-radius: .25rem; }

body table.dataTable { width: 100% !important; display: table; margin-bottom: 0 !important; }
body table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before, 
body table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before { top: 50% !important; transform: translateY(-50%); }
body table.dataTable > tbody > tr.child { text-align: left; }
    body table.dataTable > tbody > tr.child ul.dtr-details { width: 100%; line-height: 25px }
    body table.dataTable > tbody > tr.child span.dtr-title { min-width: auto; font-family: 'Dubai-bold'; font-weight:normal; }

    body table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control,
    body table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control { position: relative; padding-inline-start: 50px; }
        body table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before,
        body table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before { content: "\e914"; font-family: 'icomoon'; background-image: none; transform: none; text-align: end; font-size: 24px; font-weight: normal; width: 24px; height: 24px; line-height: 24px; border: none; position: absolute; inset: auto 15px auto 15px; margin: 0; }
    body table.dataTable.dtr-inline.collapsed > tbody > tr.dtr-expanded > td.dtr-control:before,
    body table.dataTable.dtr-inline.collapsed > tbody > tr.dtr-expanded > th.dtr-control:before { content: "\e913"; border:none; }

.ui-datepicker-trigger { background-color: transparent; border: none; position: absolute; right: 15px; top: 41px; color: transparent; outline: none !important; width: 22px; height: 20px; }
.dailyDate.is-invalid,
.form-control.hasDatepicker:invalid { background-position: center right calc(.375em + .20rem); }
.container-wrapper { min-height: 370px; }
.container-wrapper .transformer-tabs { margin-bottom: 1rem; }
.container-wrapper .tabs.border-0 .transformer-tabs { border: 1px solid #dee2e6; border-bottom: none; }
.container-wrapper .transaction-table.active { padding-bottom: 0; padding-top: 0px; position: relative; }
.container-wrapper .transaction-table.active .dataTables_wrapper .row:last-child,
.dataTables_wrapper .row:last-child { background-color: #f2f3f5; margin: 0; padding: 5px 0; }
.dataTables_wrapper .row:last-child .col-md-5,
.dataTables_wrapper .row:last-child .col-md-7 { padding-left: 0; padding-right: 0; }
div.dataTables_wrapper div.dataTables_length label,
.dataTables_filter label { margin-bottom: 0; font-size: 14px; color: var(--black-color); }
div.dataTables_wrapper div.dataTables_length select { width: 75px; display: inline-block; height: auto; padding: 4px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid var(--bdr); border-radius: .25rem; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; margin: 0 5px; -webkit-appearance: menulist-button !important; -moz-appearance: menulist-button !important; appearance: menulist-button !important; }
div.dataTables_wrapper div.dataTables_filter label input:focus { outline: none; }
div.dataTables_wrapper div.dataTables_filter { float: right; }

#no-transaction img { max-width: 100%; }
.transaction-table .dataTable .table { padding: 0; width: 99.8% !important; margin: 0 !important; }
.transaction-table .table thead th,
table.dataTable thead > tr > th, 
table.dataTable > tr > th { font-weight: normal; font-size: 13px; white-space: nowrap; color: var(--black-color); }
.transaction-table .table tbody td,
.dt-container table.dataTable > tbody > tr > td { font-size: 16px; border-bottom: 1px solid var(--bdr); }
.dt-container table.dataTable > tbody > tr > td { padding: 1.25rem 24px; white-space: nowrap; }
.transaction-table .table.nested-table tbody td { white-space: normal; }
.dt-container table.dataTable > thead > tr > th { padding: .735rem 24px; }
.dt-container table.dataTable > tbody > tr:last-child > td { border-bottom:none;}
table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before { content: "\f062" !important; font-family: 'Font Awesome 5 Free'; font-weight: 900; }
table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after { content: "\f063" !important; font-family: 'Font Awesome 5 Free'; font-weight: 900; }
table.dataTable td:last-child i { font-size: 18px; color: rgb(15 54 97 / 75%); font-weight: 900; }
.transaction-table .table thead th:first-child, 
.transaction-table .table tbody td:first-child { text-align: left; }
.table tbody td.size,
.table tbody td.currency,
.table tbody td.tr-count { text-align: right; }
div.dataTables_wrapper .dataTables_paginate .paginate_button,
div.dataTables_wrapper .dataTables_paginate .ellipsis { background-color: #fff; padding: 0; min-width: 30px; text-align: center; border: none; color: var(--black-color); }
div.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
div.dataTables_wrapper .dataTables_paginate .paginate_button.current { background-color: #f0f0f1; }
div.dataTables_wrapper .dataTables_paginate .ellipsis { float: left; padding: 3px 8px; margin-left: -1px; }
body div.dataTables_wrapper div.dataTables_info { font-size: 14px; padding-top: 0.3em; color: var(--black-color); }
body .dataTables_wrapper .dataTables_paginate .fg-button { line-height: 1; font-size: 14px; color: var(--black-color); }

.export-btn { float: right; margin-top: .2rem; margin-left: .8rem; }
.export-btn .btn-custom-toggle { margin: 0 10px 0 0; }
.export-btn .dropdown { float: right; }
.export-btn .dropdown .dropdown-menu { right: 0; left: auto !important; border-radius: 0; }
.export-btn .btn:focus { box-shadow: none !important; }
.export-btn .btn.btn-primary { background-color: #00893e !important; border-color: #00893f !important; }
.export-btn .dropdown .dropdown-menu .dropdown-item { font-size: 14px; padding: .25rem 1rem; color: var(--black-color); }
.export-btn .dropdown .dropdown-menu .dropdown-item:last-child { display: none; }

.unit-selector { margin-top: 4px; }
.page-item.active .page-link { background-color: var(--black-color); border-color: var(--bdr); z-index: 1; }

.page-link { color: #40484F; padding: .5rem; border-radius: 6px; font-size: 16px; height: 40px; min-width: 40px; }
    .page-link:hover, div.dt-container.dt-jqueryui .dt-paging .fg-button:hover,
    div.dt-container div.dt-paging nav .pagination .dt-paging-button button[aria-label="Next"]:hover,
    div.dt-container div.dt-paging nav .pagination .dt-paging-button button[aria-label="Previous"]:hover { z-index: 0; color: #fff; background-color: var(--primary-color); border: var(--bs-pagination-border-width) solid var(--primary-color); }
.page-link:focus, div.dt-container.dt-jqueryui .dt-paging .fg-button:focus { box-shadow: none; }
div.dt-container div.dt-paging ul.pagination { gap: .5rem; }
div.dt-container.dt-jqueryui .dt-paging .fg-button { padding: .11rem .5rem; font-size: 14px; opacity: 1; margin: 0; border: 1px solid var(--bdr); }
    .disabled > .page-link, .page-link.disabled,
    div.dt-container.dt-jqueryui .dt-paging .fg-button.ui-state-disabled.first,
    div.dt-container.dt-jqueryui .dt-paging .fg-button.ui-state-disabled.previous,
    div.dt-container.dt-jqueryui .dt-paging .fg-button.ui-state-disabled.last,
    div.dt-container.dt-jqueryui .dt-paging .fg-button.ui-state-disabled.next { color: #212529bf; background-color: #fff; border: 1px solid #dee2e6; }
    div.dt-container.dt-jqueryui .dt-paging .fg-button.ui-state-disabled { background-color: var(--black-color); border-color: var(--bdr); color: #ffffff; }
div.dt-container.dt-jqueryui .dt-paging .ellipsis { padding: 0 .5rem 1px; border-top: 1px solid var(--bdr); border-bottom: 1px solid var(--bdr); }
div.dt-container div.dt-length select.form-select { height: 40px; margin: 0; padding-top: 8px; padding-bottom: 8px; padding-inline-start: 12px; padding-inline-end: 32px; font-size: 16px; border-radius: 8px; }
div.dt-container div.dt-paging nav .pagination .dt-paging-button button[aria-label="Next"],
div.dt-container div.dt-paging nav .pagination .dt-paging-button button[aria-label="Previous"] { position: relative; color: #40484F; font-size: 0; background-color: #fff; display: flex; align-items: center; justify-content: center; }
div.dt-container div.dt-paging nav .pagination .dt-paging-button.disabled button[aria-label="Next"],
div.dt-container div.dt-paging nav .pagination .dt-paging-button.disabled button[aria-label="Previous"] { background: #FFFFFF; border-radius: 8px; border-color: transparent; color: #B0B1B0; }
        div.dt-container div.dt-paging nav .pagination .dt-paging-button button[aria-label="Next"]:before { font-size: 1rem; color: #464744; content: "\f061" !important; font-family: 'Font Awesome 5 Free'; font-weight: 900; }
        div.dt-container div.dt-paging nav .pagination .dt-paging-button button[aria-label="Previous"]:before {font-size: 1rem;color: #464744;content: "\f060" !important;font-family: 'Font Awesome 5 Free';font-weight: 900;}

div.dt-container div.dt-paging nav .pagination .dt-paging-button.disabled button[aria-label="Next"]:before,
div.dt-container div.dt-paging nav .pagination .dt-paging-button.disabled button[aria-label="Previous"]:before { color: #B0B1B0; }

    div.dt-container div.dt-paging nav .pagination .dt-paging-button button[aria-label="Next"]:hover:before { color: #fff; }
    div.dt-container div.dt-paging nav .pagination .dt-paging-button button[aria-label="Previous"]:hover:before {  color: #fff;  }
div.dt-container div.dt-paging nav .pagination .dt-paging-button.active button { background-color: var(--primary-color); color: #fff; border: var(--bs-pagination-border-width) solid var(--primary-color); pointer-events: none; }
/*********** Owner Dashboard ***********/
.owner-db .portfolio-box { border: 1px solid var(--bdr); border-radius: var(--border-radius); }
.owner-db .total-properties-wrap div:last-of-type,
.owner-db .total-worth-wrap div:last-of-type,
.owner-db .properties-wrap div:first-of-type,
.owner-db .investments-wrap div:first-of-type { font-weight: 500; }

.owner-db .properties-wrap div:last-of-type,
.owner-db .investments-wrap div:last-of-type { font-size: 14px; color: #7F93A8; font-weight: 400; }

.owner-db .total-properties-wrap div:first-of-type,
.owner-db .total-worth-wrap div:first-of-type,
.owner-db .properties-wrap div:nth-child(2),
.owner-db .investments-wrap div:nth-child(2) { font-size: 20px; font-weight: 500; margin: 12px 0; }

.owner-db .asset-count { font-size: 16px; font-weight: 500; margin: 10px 0 10px; }

.unit-graph:after,
.building-graph:after,
.owner-db .total-properties-wrap:after,
.owner-db .properties-wrap:after { content: ""; position: absolute; right: 0; top: 23%; bottom: 23%; width: 1px; background-color: #dee2e6; }
.owner-db .portfolio-box [class*="-wrap"] { display: flex; flex-direction: column; justify-content: center; }
.land-card.border-right { border-right: none !important; }
.owner-db .villa-card div:nth-child(2) { border-right: 1px solid #dee2e6; border-left: 1px solid #dee2e6; }
.owner-db .portfolio-box .col-wrapper { display: flex; justify-content: center; align-items: center; flex-direction: row; }
.owner-db .portfolio-box .col-wrapper.col-wrapper-border:after { content: ""; position: absolute; right: 0; top: 23%; bottom: 23%; width: 1px; background-color: #dee2e6; }
.owner-db .portfolio-box .total-properties,
.owner-db .portfolio-box .total-worth { flex: 0 0 70%; max-width: 70%; display: inline-flex; flex-direction: column; justify-content: center; }
    .owner-db .portfolio-box .total-properties:first-child,
    .owner-db .portfolio-box .total-worth:first-child { display: block; font-family: 'Dubai-bold'; font-size: 32px; margin: 5px 0; }
.owner-db .portfolio-box .total-properties div:last-child,
.owner-db .portfolio-box .total-worth div:last-child { font-size: 14px; font-weight: normal; }
.owner-db .portfolio-box .skyline-icon { flex: 0 0 30%; max-width: 30%; display: inline-flex; background-repeat: no-repeat; width: 62px; height: 90px; }
.owner-db .portfolio-box .fund-icon { flex: 0 0 30%; max-width: 30%; display: inline-flex; background-repeat: no-repeat; width: 69px; height: 70px; }
.webp .skyline-icon { background-image: url(../assets/img/skyline.webp); background-size: 100%; }
.no-webp .skyline-icon { background-image: url(../assets/img/skyline.svg); }
.webp .fund-icon { background-image: url(../assets/img/funds.webp); background-size: 100%; }
.no-webp .fund-icon { background-image: url(../assets/img/funds.svg); }
.dummy-graph1 { background-repeat: no-repeat; width: 100px; height: 100px; margin: 20px auto; }
.webp .dummy-graph1 { background-image: url(../assets/img/dummy-graph1.webp); }
.no-webp .dummy-graph1 { background-image: url(../assets/img/dummy-graph1.svg); }
body table.dataTable { margin-top: 0 !important; padding: 0; border-radius: 10px; }
body .table-box { margin-bottom: 25px !important; position: relative; }
.table-box .table tr td a { cursor: pointer; }
.table-box table.dataTable { border: none; }
body .table-title { font-size: 1rem; position: absolute; top: 10px; font-family: 'Dubai-bold'; }
body .table-title h6 { color: #00893e; }
body .table-box:last-of-type { border-bottom: none; }
.back-link { margin-bottom: .5rem; display: block; }
.back-link .fa-arrow-alt-circle-left { margin-right: 8px; }
.owner-db .my-properties { display: flex; background-color: #f2f3f5; padding: 10px; align-items: center; border: 1px solid #dee2e6; margin-top: .5rem; margin-bottom: 1.5rem; }
.owner-db .my-properties h6 { margin: 0; }
.owner-db .my-properties p, 
.owner-db .my-properties p label { margin: 0; }
.my-properties > div:last-of-type { margin-left: auto; display: flex; }
.owner-db .property-box, 
.owner-db .map-box { display: none; }
.owner-db .property-box.active, 
.owner-db .map-box.active { display: block; }
.propVuToggle:not(:checked) ~ .map-vu,
.propVuToggle:checked ~ .list-vu { display: none; }
.profile-img-link { width: 90px; height: 90px; cursor: pointer; background-color: #f1f1f1; border-radius: 100%; border: 2px solid var(--bdr); }
.profile-img-link img { border-radius: 50%; }

.mydld-profile { margin-bottom: 1.5rem; padding: 16px 20px; flex-direction: row; gap: 1rem; }
    .mydld-profile .flex-grid{width:100%;}
    .mydld-profile .profile-camera-icon { position: absolute; bottom: 5px; padding: 10px; background-color: #f7f8fa; border: 1px solid #ccc; right: 5px; border-radius: 100%; }
.EID-registration-box { min-height: 200px; }
.upload-table.table-bordered { border: 1px solid #dee2e6; }
/*#my-prop-table-1_wrapper .row:nth-child(2):before,
#my-prop-table-2_wrapper .row:nth-child(2):before,
#my-prop-table-3_wrapper .row:nth-child(2):before { content: ""; width: 100%; height: 10px; display: block; margin-left: 15px; margin-right: 15px; }
#my-prop-table-1_wrapper .row:nth-child(2):before { border-bottom: 1px solid #fb305c; }
#my-prop-table-2_wrapper .row:nth-child(2):before { border-bottom: 1px solid #3b2fe3; }
#my-prop-table-3_wrapper .row:nth-child(2):before { border-bottom: 1px solid #feb609; }*/
.dropdown.custom-dropdown .dropdown-menu { border-radius: 0; }
.dropdown.custom-dropdown .dropdown-menu .dropdown-item { font-size: 14px; padding: .25rem 1rem; color: var(--black-color); }
.dashboard-user-title { display: flex; background-color: #fff; padding: .5rem 1rem; border-radius: 0; border: 1px solid var(--bdr); margin-bottom: 1rem; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.dashboard-user-title .dashboard-user-title-inner { display: flex; width: 100%; justify-content: space-between; align-items: center; }
.dashboard-card .dashboard-user-title { background-color: #f9f9f9; padding: 4px 15px; border: 1px solid rgba(15, 54, 97, 0.15); border-radius: .25rem; }
.dashboard-user-title h5 { display: flex; flex-direction: column; margin-bottom: 0; align-items: flex-start; }
.dashboard-user-title h5 small { margin-top: 5px; }
.dashboard-user-action .btn { margin-left: 20px; padding: 0; margin-top: 2px; }
.dashboard-user-action .icon-profile,
.dashboard-user-action .icon-logout { background-repeat: no-repeat; background-position: center; width: 20px; height: 20px; display: block; margin: 0px auto; }
.dashboard-user-action .icon-profile { background-image: url(../assets/img/profile.svg); margin-bottom: 3px; }
.dashboard-user-action .icon-logout { background-image: url(../assets/img/logout.svg); }
.dashboard-user-action span { font-size: 12px; color: var(--black-color); }
.btn-new-request { margin: 10px 0; text-align: right; }
.logout-icon { display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; margin: 25px auto; background-image: url(../assets/img/icon-logout.svg); background-repeat: no-repeat; }
.logout-text{text-align:center;}
/*.logout-icon:before { content: ""; width: 70px; height: 70px; display: block; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 105.079 105.069'%3E%3Cg transform='translate(0 -0.023)'%3E%3Cpath d='M104.151,221.782a1.752,1.752,0,0,0-1.751,1.751v10.508a1.751,1.751,0,1,0,3.5,0V223.533A1.752,1.752,0,0,0,104.151,221.782Z' transform='translate(-81.384 -176.246)'/%3E%3Cpath d='M22.957.491,6.4,7.116C1.734,8.843,0,11.187,0,15.763V89.335c0,4.576,1.734,6.92,6.354,8.632l16.636,6.655a6.934,6.934,0,0,0,2.459.469c3.52,0,6.075-2.942,6.075-7V7.006C31.524,2.025,27.552-1.239,22.957.491Zm5.065,97.6c0,2.089-1.033,3.494-2.573,3.494a3.466,3.466,0,0,1-1.191-.229L7.615,94.7C4.31,93.475,3.5,92.421,3.5,89.335V15.763c0-3.086.807-4.138,4.154-5.378L24.225,3.757a3.486,3.486,0,0,1,1.222-.243c1.539,0,2.574,1.4,2.574,3.492Z'/%3E%3Cpath d='M171.351,37.551h24.738a5.261,5.261,0,0,1,5.254,5.254v26.27a1.751,1.751,0,1,0,3.5,0V42.8a8.767,8.767,0,0,0-8.757-8.757H171.351a1.751,1.751,0,0,0,0,3.5Z' transform='translate(-134.792 -27.042)'/%3E%3Cpath d='M203.943,298.582a1.751,1.751,0,0,0-1.751,1.751V326.6a5.26,5.26,0,0,1-5.254,5.254H172.418a1.751,1.751,0,1,0,0,3.5h24.519a8.767,8.767,0,0,0,8.757-8.757v-26.27A1.751,1.751,0,0,0,203.943,298.582Z' transform='translate(-135.64 -237.284)'/%3E%3Cpath d='M254.15,180.636a1.75,1.75,0,0,0-.38-.571l-17.512-17.513a1.751,1.751,0,0,0-2.476,2.476l14.524,14.526H189.485a1.751,1.751,0,0,0,0,3.5h58.821L233.782,197.58a1.751,1.751,0,1,0,2.476,2.476l17.512-17.512a1.756,1.756,0,0,0,.38-1.909Z' transform='translate(-149.204 -128.764)'/%3E%3C/g%3E%3C/svg%3E"); }*/
/*********** End of Owner Dashboard ***********/
/********************/
/* Flex Margin */
/********************/
.flex-floating { margin-left: auto; }
.flex-floating-inverse { margin-right: auto; }
.bottom-links { /*display: flex;*/ background-color: #fbfbfb; flex-direction: row; padding: 8px 0 9px; justify-content: space-around; border-top: 1px solid var(--bdr); border-bottom: 1px solid var(--bdr); align-items: center; margin-left: 8px; }
.bottom-links div { width: 50%; text-align: center; }
.bottom-links a { text-align: center; color: var(--black-color); }
.bottom-links a:hover { color: #0056b3; }
.bottom-links span { color: rgba(15, 54, 97, 0.75); }
.separator-h { position: relative; }
.separator-h:before { content: ""; position: absolute; height: 100%; width: 1px; background-color: #bbb; }
/* Property Details */
.section-title { display: flex; padding: 0.5rem 0.1rem; text-decoration: none; margin-bottom: 0; border-bottom: 1px solid #dee2e6; }
.section-title a { font-size: 1rem; font-weight: 400; line-height: 1.5; }
.property-info-summary { background-color: #fff; border: 1px solid var(--bdr); display: flex; flex-direction: row; align-items: center; justify-content: space-around; margin-bottom: 25px; }
.property-info-summary .property-icon { width: 64px; background-color: #e4e4e4; height: 64px; border-radius: 100%; margin: 15px 0; padding: 10px; display: flex; align-items: center; justify-content: center; border: 1px solid #c7c7c7; }
.property-info-summary .property-icon img { width: 35px; height: 35px; }
.property-info-summary > div { flex-direction: column; display: flex; text-align: center; font-size: 14px; }
.property-info-summary > div:first-child { margin-left: 20px; }
.property-info-summary > div:last-child { margin-left: -20px; }
    .property-info-summary > div.seperator-v { border-left: 1px solid var(--bdr); height: 60px; width: 1px; }
    .property-info-summary > div > span:first-of-type { font-family: 'Dubai-bold'; }

.flex-grid { display: flex; flex-direction: column; border: 1px solid var(--bdr); margin-bottom: 1.5rem; border-radius: 10px; overflow: hidden; }
    .flex-grid > div { display: flex; flex-direction: row; border-bottom: 1px solid var(--bdr); margin-bottom: -1px; }
.flex-grid > div:last-of-type { border-bottom: none; }
.flex-grid > div > span { padding: 8px; flex: 0 0 75%;  display: flex;align-items: center;}
.flex-grid > div > span:nth-child(2n+1) { flex: 0 0 25%; background-color: rgba(15, 54, 97, .03); }
/* End of Property Details */
.absolute-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 0; width: 90%; text-align: center; font-size: 14px; }
.transaction-map-container { padding-right: 0; }
.no-head th { font-weight: normal; }

/*Card-css*/
/*.custom-body,
.broker-dev-project .dev-project-body { display: flex; align-items: center; gap: 1rem; }*/
/*.custom-body .img-holder,
.broker-dev-project .dev-project-img-holder { margin-right: 15px; }*/
.custom-body .img-holder .box-img,
.card-view-wrapper .custom-body .img-holder.broker-img-holder .box-img,
.broker-dev-project .dev-project-img-holder { }
.custom-body .custom-card-title { display: flex; gap: 1rem; margin-bottom: 1rem; border-bottom: 1px solid var(--bdr); padding-bottom: 1rem; }
    .custom-body .detail-holder .custom-card-title a { text-decoration: underline; }
.custom-body .custom-card-title .title-holder { display: flex; flex-direction: column; gap: .5rem; justify-content: center; }
.refn-box { border: 1px dashed var(--black-color); padding: 10px; display: flex; width: fit-content; margin: 20px auto; justify-content: center; }
.refn-box span { display: inline-block; margin-left: 5px; }
.check-icon { display: flex; align-items: center; justify-content: center; margin-bottom: 20px; }
.check-icon i { color: #87C549; background-color: #fff; border: 1px solid #F5F5F8; padding: 24px; border-radius: 100%; font-size: 30px; box-shadow: 0 0 0px 6px rgba(245,245,248,.35); }

.list-group-item-action { color: var(--black-color); }
.list-group-item-action:hover { color: #0056b3; }
.list-group-item-action:hover span { text-decoration: underline; }

iframe { border: none !important; }
.invalid-feedback-x { display: block; }
.transaction-map { min-height: 500px; }
.project-filters { background: #f2f3f5; width: 100%; border-bottom: 1px solid #dee2e6; display: flex; margin-bottom: 10px; }
.download-r { width: 120px; float: left; margin-right: 15px; border: 0; padding: 0px; }
.relative { position: relative !important; }
.noHover { pointer-events: none; }
.cur-hand { cursor: pointer; white-space: nowrap; }
.link-unerline { text-decoration: underline !important; }
.login-form-gray { margin: 0 auto; }
.owner-login-info { padding: 0 18px; line-height: 32px; margin-bottom: 0; }
.pic-uploader { min-height: 100px; min-width: 80%; }
.pic-uploader .modal-footer { padding: 8px; margin-left: -15px; margin-bottom: -15px; margin-right: -15px; margin-top: 9px; }
.pic-edit-drop-zone-wrapper { min-height: 100px; min-width: 100px; background: #fbfbfb; align-items: center; display: flex; align-content: center; border: dashed var(--black-color) 1px; }
.pic-edit-drop-zone { flex: 1; display: flex; align-content: center; justify-content: center; }
.mydld-loader-on-top { z-index: 9999; }
.sso-app-container { display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; padding: 20px; justify-content: flex-start; background-color: #f7f8f9; border: 1px solid var(--bdr); margin-top: -1px; border-radius: 0 0 .25rem .25rem; margin-bottom: 25px; }

.dld-sso-register .sso-app-item { min-width: inherit; margin: 1.5rem 0; }
.dld-sso-register .sso-app-item:nth-of-type(2n+2) { margin-right: 10px; margin-left: 10px; }

.sso-app-item .sso-app-item-inner { position: relative; padding: 0px 15px; width: 100%; text-align: center }
.sso-app-item .sso-app-item-inner input { position: absolute; top: 0; right: 0; }
.sso-app-logo { width: auto; height: auto; object-fit: contain; min-width: 100px; }
.dld-sso-white.dld-sso-register { max-width: 500px; margin: 0 auto; flex-direction: column; align-items: center; }
.dld-sso-register .sso-app-container { margin-bottom: 0; background-color: transparent; border: none; border-radius: 0; margin-top: 0; justify-content: center; padding: 20px 0; }
.dld-sso-register .sso-app-item.active,
.sso-registration-success .sso-app-item { border: transparent; border-top: 1px solid rgba(15, 54, 97,0.15); border-radius: 0; display:none;}
.dld-sso-register .sso-app-item .sso-app-item-inner { background-color: transparent; }
.dld-sso-register .sso-app-item.active .sso-app-item-inner:before { display: none; }
.dld-sso-register .sso-app-logo { width: 200px; height: 70px; }
.dld-sso-register .btn-proceed-mb { margin-bottom: 2.5rem }
.dld-sso-register .sso-app-item.active .entity-name { color: var(--black-color); }

.sso-app-item.flex-grid {margin-bottom:1rem;}
.sso-app-item.flex-grid > div > span:nth-child(2n+1) { flex: 0 0 40%; }
.sso-app-item.flex-grid > div > span { flex: 0 0 60%;}
/*********************************/
.dashboard-banner { background-image: url("../assets/img/sso-dashboard-banner.jpg"); background-position: center; background-repeat: no-repeat; background-color: #f8f9fa; width: 100%; height: 240px; margin-bottom: 20px; display: flex; align-items: center; }
.dashboard-banner .sso-dashboard-title { max-width: 400px; background-color: #fff; padding: 20px; font-size: 14px; font-weight: normal; }
    .dashboard-banner .sso-dashboard-title span:first-child { font-size: 24px; display: flex; margin-bottom: 10px; font-family: 'Dubai-bold'; }
.dashboard-card .card-header { background-color: transparent; text-align: center; border-bottom: none; font-size: 24px; font-family: 'Dubai-bold'; margin: 0; }
.dashboard-card .card-header small { font-size: 14px; position: relative; top: -12px; }
.dashboard-card .card-body { background-color: transparent; border: none; }
.dashboard-card .dashboard-app-items { display: flex; background-color: #F9F9F9; border: 1px solid rgba(15, 54, 97, 0.15); margin: 0 15px; padding-top: 15px; padding-bottom: 0; border-radius: .25rem; flex-direction: row; flex-wrap: wrap; width: 100%; }
.dashboard-card .sso-app-item .sso-app-name { font-family: 'Dubai-bold'; padding: .8rem 0 .5rem; margin-right: auto; }
.dashboard-card .sso-app-item .sso-app-description { font-size: 12px; text-align: left; }
.dashboard-card .sso-app-item .sso-app-item-logo { background-color: transparent; width: auto; height: auto; display: flex; align-items: center; justify-content: center; padding: 0; border: none; }
.dashboard-card .sso-app-item .btn { width: auto; margin-top: 10px; }
.dashboard-card .sso-app-item .btn .fa-angle-right { margin-left: 5px; position: relative; top: 1px; }
.dashboard-card .sso-app-item .btn-grey { text-decoration: underline; color: #065B9E; font-weight: 500; }
.dashboard-card .sso-app-item .btn-link { background-color: transparent; color: #065B9E; padding: 0; font-weight: 500; }
.dashboard-card .sso-app-item .btn-link .fa { margin-left: 5px; }
.sso-app-card .card-footer {background-color: #fff;padding: 0;justify-content: space-between;display: flex;align-items: center;font-size: 14px;}
.sso-app-card .card-footer .btn-link { font-size: 14px; padding: .65rem .8rem; width: 100%; display: flex; justify-content: space-between; align-items: center; text-decoration: none; }
    .sso-app-card .card-footer .btn-link span { text-decoration: underline; font-family: 'Dubai-bold'; }

.entity-logo,
.sso-app-item-inner { background-color: #fff; border-radius: .25rem .25rem 0 0; }
.register-step-number { margin: 5px auto; font-size: 18px; }
.register-step-info { font-size: 16px; font-weight: normal; margin-bottom: 20px; display: flex; justify-content: center }
.privacy-policy-text { font-size: 14px; margin-top:10px;}
.personal-details-verify { margin-bottom: 15px; }
.personal-details-verify label { margin-bottom: 0; }
    .personal-details-verify label span { font-family: 'Dubai-bold'; }
.personal-details-verify [class*="col-md-"],
.personal-details-verify .eid-column { border: 1px solid #d6dde4; margin-top: -1px; padding: 10px; background-color: #fff; }
.personal-details-verify .eid-column { display: flex; flex-wrap: wrap; } 
.personal-details-verify .eid-column label{width:100%;}
.personal-details-verify [class*="col-md-"]:first-child{border-radius:6px 6px 0 0}
.personal-details-verify [class*="col-md-"]:last-child{border-radius:0 0 6px 6px}
.eid-change-btn { color: #2361A7; padding: 0; margin-top: -6px; }
.sso-registration-success .register-title { margin-bottom: 20px; display: flex; align-items: center; justify-content: center; flex-direction: column; margin-top: 20px; }
.sso-registration-success .register-title i { font-size: 32px; color: #00893E; margin-bottom: 10px; }
.sso-main-container { background-image: url(../assets/img/login-bg_new.jpg); height: auto; display: flex; align-items: center; justify-content: center; overflow: auto; min-height: 75vh; }
.dld-sso-wrapper { display: flex; margin: 3% auto; width: 100%; }
.dld-sso-grey { width: 100%; }
.dld-sso-white { background-color: #fff; border: 1px solid #DDDDDD; border-radius: .25rem; width: 100%; max-width: 1110px; display: flex; flex-wrap: wrap; }
.sso-left-panel { padding: 20px; }
.sso-left-panel .form-control { color: var(--black-color); }
    .sso-left-panel .sso-title,
    .register-title { font-size: 22px; font-family: 'Dubai-bold'; text-align: center; }
.sso-left-panel .sso-title,
.sso-left-panel .quick-sso-txt,
.sso-left-panel .quick-sso-link { text-align: center; }
.sso-left-panel .sso-title + .form-group { position: relative; }
    .sso-left-panel .quick-sso-txt { font-family: 'Dubai-bold'; }
.sso-seprator { border-left: 1px solid #DAE1F5; border-right: 1px solid #DAE1F5; }
.sso-right-panel { padding: 20px 10px; display: flex; align-items: center; flex-direction: column; width: 100%; }
.sso-right-panel .list-unstyled { margin-bottom: 0; }
    .sso-right-panel .list-title { font-size: 18px; font-family: 'Dubai-bold'; margin-bottom: 40px; }
.sso-right-panel .list-unstyled .media { padding-bottom: 0; border-top: none; }
.sso-right-panel .media i { color: #00893E; margin-right: 20px; font-size: 30px; }
.sso-right-panel .media i.icon-property-service-info { font-size: 35px; }
.sso-right-panel .media i.icon-experience-info { font-size: 40px; }
    .sso-right-panel .login-info-title { font-size: 15px; font-family: 'Dubai-bold'; }
.registration-wrapper { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px 25px; }
.registration-title { font-size: 18px; font-family: 'Dubai-bold'; margin-bottom: 40px; }
.register-btns { margin-bottom: auto; }
.register-btns .btn:first-child { border-bottom: none; }
.register-btns .btn { text-align: left; padding: 15px 10px; box-shadow: none; border-radius: 0; border-top: 1px solid rgb(218, 225, 245); border-bottom: 1px solid rgb(218, 225, 245); width: 100%; }
.register-btns .btn:hover { background-color: #efefef }
    .register-btns .btn .btn-title { display: block; color: #CE2828; font-family: 'Dubai-bold'; margin-bottom: 10px; }
.register-btns .btn small { display: flex; align-items: center; }
.register-btns .btn small i { font-size: 36px; margin-right: 10px; }
.register-title .icon-app-selection,
.register-title .icon-enter-EID,
.register-title .icon-personal-detail,
.register-title .icon-verify-detail,
.register-title .icon-username-pssword { background-repeat: no-repeat; display: flex; width: 48px; height: 48px; align-items: center; justify-content: center; margin: 10px auto; }
.register-title .icon-app-selection { background-image: url(../assets/img/icon-app-selection.svg); }
.register-title .icon-enter-EID { background-image: url(../assets/img/icon-enter-EID.svg); }
.register-title .icon-personal-detail { background-image: url(../assets/img/icon-personal-detail.svg); }
.register-title .icon-verify-detail { background-image: url(../assets/img/icon-verify-detail.svg); }
.register-title .icon-username-pssword { background-image: url(../assets/img/icon-username-pssword.svg); }
.sso-footer-txt { text-align: center; font-size: 14px; margin-top: 15px; display: flex; justify-content: space-between; }
.col-md-12.sso-footer-txt { display: block; }
.sso-footer-txt a { margin-right: 15px; }
    .sso-footer-txt a:last-child { margin-right: 0; }
.form-group-icon .form-control.is-invalid,
.was-validated .form-group-icon .form-control:invalid { background-position: center right calc(.375em + 1.3rem); }
.eid-control.form-control.is-valid,
.was-validated .eid-control.form-control:valid { background-position: center right calc(.375em + 1.3rem); }
.dld-sso-login-grey { max-width: 500px; margin: 0 auto; }
.register-action { display: flex; align-items: center; justify-content: center; }
    .register-action .btn { width: 48%; margin-top: 0; }
        .register-action .btn:first-child { margin-right: 10px; }
.sso-agree-msg { font-size: 14px; padding: 0; display: block; }
.sso-or-div,
.seprator-or-div { font-size: 14px; width: 100%; position: relative; display: flex; justify-content: center; margin-bottom: 25px; margin-top: 25px; height: 1px; align-items: center; background-color: #b7c6d6; }
    .sso-or-div span,
    .seprator-or-div span { position: absolute; top: -18px; background-color: #fff; padding: 5px 10px; box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.08); border-radius: .25rem; font-family: 'Dubai-bold'; left: 50%; transform: translateX(-50%); }
.info-icon-for-user { position: absolute; top: 0; right: 18px; }
.sso-login-description-detail .list-group-item { border: none; position: relative; display: block; padding: .25rem .75rem; }
.sso-login-description-detail .list-group-item-title { color: var(--black-color); font-family: 'Dubai-bold'; padding: .375rem 0rem; }
.sso-left-panel .field-style.select-control:after { right: 10px; }
.uae-pass-wrapper { display: flex; flex-direction: column; align-items: flex-start; margin-top: 15px; }
    .uae-pass-wrapper + .alert-danger-mydld { margin-top: .8rem; width: 100%; }
.alert-danger-mydld { padding: .35rem .5rem; width: 100%; margin-left: auto; margin-right: auto; text-align: center; }
/*.uae-pass-wrapper .btn { padding: 0; width: inherit; margin:0 auto; border:none;}*/
.pass-code-control { margin-left: auto; margin-right: auto; }
.pass-code-control .input-group .btn { border-radius: 0 .25rem .25rem 0; }
.btn-resend { font-size: 14px; margin-top: 8px; display: block; }
.btn-resend button { background-color: transparent; border: none; color: var(--black-color); text-decoration: underline; padding: 0; }
.passCode-msg { font-size: 14px; }
.error-passcode { display: flex; }
.error-icon { width: 25px; height: 25px; display: inline-block; background-repeat: no-repeat; margin-right: 10px; }
.webp .error-icon { background-image: url("../assets/img/close-icon.webp"); }
.no-webp .error-icon { background-image: url("../assets/img/close-icon.svg"); }
.sso-register-option { max-width: 305px; margin: 0 auto; width: 100%; }
.sso-register-option .btn-proceed { text-align: center; margin-bottom: 2rem; }
.valid-password { color: green; }
.invalid-password { color: red; }
.personal-details-verify .eid-column .form-text-container { display: inline-flex; margin-inline-end: auto; align-items: center; }
.pwd-checker { margin-top: 15px; }
.pwd-checker ul { list-style: disc; padding: 0 20px; margin-bottom: 0; }
.cancel-icon { display: flex; align-items: center; justify-content: center; margin-bottom: 20px; }
.cancel-icon i { color: #dc3545; background-color: #fff; border: 1px solid #F5F5F8; padding: 19px 24px; border-radius: 100%; font-size: 30px; box-shadow: 0 0 0px 6px rgba(245,245,248,.35); }
.dashboard-popup .invalid-feedback-otp { text-align: center; margin-bottom: 20px; }
/*login form - toggle buttons*/
.login-form-group .form-group { margin-bottom: 1.2rem; }
.login-form-group .form-group > label { font-weight: 500; }

.login-btn-group { width: 100%; }
.login-btn-group .btn { background-color: rgba(236, 236, 236, .35); border-color: #ececec; color: var(--black-color); cursor: pointer; box-shadow: none !important; font-size: 14px; margin-left: 0 !important; }
.login-btn-group .btn.active { background-color: var(--theme-green); border-color: var(--theme-green); color: #fff; }
.info-icon-for-user .info-icon-input { margin-right: 0; margin-top: 0; }
/*login page tabs*/
.dld-sso-white .nav-tabs { width: 100%; border-bottom: none; }
.dld-sso-white .nav-tabs .nav-item { width: 50%; text-align: center; }
    .dld-sso-white .nav-tabs .nav-link { margin: 0; padding: .8rem 1rem; background-color: #f5f7f9; border-bottom: 1px solid #dee2e6; font-family: 'Dubai-bold'; }
.no-webp .dld-sso-white .nav-tabs .nav-item.show .nav-link,
.no-webp .dld-sso-white .nav-tabs .nav-link.active { background-image: none; background-color: #fff; position: relative; }
.sso-login-description-detail .list-group-item.list-group-item-title:before { display: none; }
.sso-login-description-detail .list-group-item:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; content: "\f105"; margin-right: 8px; color: rgba(15, 54, 97, .70) }
.no-webp .dld-sso-white .nav-tabs .nav-item.show .nav-link:before,
.no-webp .dld-sso-white .nav-tabs .nav-link.active:before { content: ""; border-bottom: 2px solid #00893E; position: absolute; bottom: -1px; width: 100%; left: 0; }
.sso-login-description-detail .list-group-item-title { font-size: 18px; margin-bottom: 4px; }
.sso-login-description-detail { margin-bottom: 15px; }
 .sso-login-description-detail .list-group-item { border: none; position: relative; display: block; padding: .1rem 0rem; font-size: 14px; }
/*sso end */
.dld-breadcrumb { border-bottom: 1px solid rgba(223, 223, 223, 0.25); }
.log-out-participant { font-size: 16px; position: relative; top: 3px; }
.prop-info.participant-info .list-group .list-group-item span:first-child { background-color: #fbfbfb; flex: 0 0 20%; max-width: 20%; }
.prop-info.participant-info .list-group .list-group-item span:last-child { flex: 0 0 80%; max-width: 80%; }
.date-field-participant .ui-datepicker-trigger { top: 39px; }
.participant-property-list .btn { width: 100%; color: var(--black-color); box-shadow: none; text-align: left; font-family: 'Dubai-bold'; padding: 8px 10px; }
.close-btn-without-title .modal-header { border-bottom: none; }
.close-btn-without-title .modal-header .close,
.close-btn-without-title .modal-header .close:hover { top: 5px; }
.form-group-flex { display: flex; align-items: self-start; }

/*.form-select.empty-validation,
.form-control.empty-validation,
.form-control.invalid-validation,
.custom-file-input.empty-validation,
.custom-file-input.invalid-validation,
.custom-file-input.empty-validation + .custom-file-label,
.custom-file-input.invalid-validation + .custom-file-label,
.custom-file-input.error.empty-validation ~ .custom-file-label { border-left: 3px solid #cc0000; }

.form-control.focus-validation,
.custom-file-input.focus-validation,
.custom-file-input.focus-validation + .custom-file-label { border-left: 3px solid #23B7E5; }

.form-select.valid-validation,
.form-control.valid-validation,
.field-style .form-control:disabled,
.field-style .form-control.disabled,
.custom-file-input.valid-validation,
.custom-file-input.valid-validation + .custom-file-label,
.dropdown-toggle.valid-validation, .dropdown-toggle.valid-validation:hover,
.custom-file-input.valid.valid-validation ~ .custom-file-label { border-left: 3px solid #27c24c; }

.chosen-container.empty-validation,
.chosen-container.invalid-validation { border-left: none; }
.chosen-container.focus-validation { border-left: none; }
.chosen-container.valid-validation { border-left: none; }
.chosen-container.empty-validation .chosen-single,
.chosen-container.invalid-validation .chosen-single { border-left: 3px solid #cc0000; }
.chosen-container.focus-validation .chosen-single { border-left: 3px solid #23B7E5; }
.chosen-container.valid-validation .chosen-single { border-left: 3px solid #27c24c; }*/

.table-layout-fixed { table-layout: fixed; }
.mr-40 { margin-right: 40px; }
.brokers-detail .brokerrank { padding-left: 5px; }
#map-total-rate thead tr th,
#total-rate thead tr th { font-family: var(--family-bold); }
.research-card .research-card-title { text-decoration: underline; }
.detail-map-link { text-decoration: underline; }
.prop-info.requester-detail .list-group .list-group-item span:first-child { flex: 0 0 20%; max-width: 20%; }
.prop-info.requester-detail .list-group .list-group-item span:last-child { flex: 0 0 75%; max-width: 75%; }
.request-owner-detail .card-body { display: flex; flex-direction: column; justify-content: center; }
.requester-title { font-size: 18px; margin-bottom: 15px; font-family: var(--family-bold); }
.request-owner-detail .check-icon i { width: 80px; height: 80px; text-align: center; }
.request-owner-detail .check-icon.reject-icon i { color: #dc3545; }
.request-accept-reject .btn { border: 1px solid #ced4da; padding-left: 50px; position: relative; margin-right: 10px; }
.request-accept-reject .btn:hover { box-shadow: 0 1px 5px 0 rgba(45,62,80,.12); -webkit-transition: box-shadow .3s ease-out; -moz-transition: box-shadow .3s ease-out; -o-transition: box-shadow .3s ease-out; transition: box-shadow .3s ease-out; }
.request-accept-reject .btn i { position: absolute; left: 0; top: 0; padding: 10px; border-right: 1px solid #ced4da; width: 35px; height: 36px; text-align: center; }
.request-accept-reject .btn.accept i { color: #1bb561; }
.request-accept-reject .btn.reject i { color: #dc3545; }

.mandatory-field-info { margin-bottom: 1rem; }
.tabs .mandatory-field-info { margin-top: 1rem; }
.tender-registration-form { margin-bottom: 1.5rem; }
.tender-registration-form .card,
.online-registration-form .card,
.card-ui { margin-bottom: 1rem; }
.tender-registration-form .card .card-body,
.card-ui .card-body { padding-bottom: .25rem; }
.online-registration-form .card .card-body { padding-bottom: 1rem; }
    .tender-registration-form > .card > .card-header,
    .online-registration-form > .card > .card-header,
    .procedure-details .card .card-header,
    .procedure-document .card .card-header,
    .card-ui .card-header { padding: .475rem .475rem .475rem .75rem; border-radius: 10px 10px 0 0; color: var(--black-color); display: flex; align-items: center; justify-content: space-between; font-family: var(--family-medium); }
.tender-registration-form > .card > .card-header .btn { color: var(--black-color); box-shadow: none; }
.online-reg-section-title { margin-bottom: 10px; font-family: 'Dubai-bold'; }
.online-registration-form .input-group.field-style.select-control:after { right: 50px; top: 5px; z-index: 3; }
.online-registration-form .card .card-footer { padding: .40rem 1.25rem; }
.property-details .side-panel .list-group { margin-bottom: 1rem; }
.arabic-field .form-control { direction: rtl; }
.side-panel .list-group.rt-list-steps-link .list-group-item a { text-decoration: none !important; }
.btn-align-wrap { margin-bottom: 0; }
.dld-pay-type-selection .custom-radio:first-child { margin-bottom: .5rem; }
.sidepane-tender-registration { position: -webkit-sticky; position: sticky; /*z-index: 1020;*/ top: 65px; }
.btn-service-info { padding: .5rem .75rem; margin-bottom: 1rem; display: block; }
.btn-service-info i { position: relative; top: 1px; }
.card.party-info-card { border: none !important; }
.card.party-info-card .btn-edit { color: var(--black-color); }
.card.party-info-card .btn-edit i { margin-right: 5px; }
.card.party-info-card .party-info { margin-bottom: 20px; }
.card.party-info-card .party-info:last-child { margin-bottom: 0; }

.party-info-section-title .btn_1 i { margin-right: 5px; }
.party-info-card .card-header.party-info-section-title { margin-bottom: 20px; border-left: 3px solid var(--black-color); }
    .party-info-card .card-header.party-info-section-title > div { font-size: 16px; font-family: 'Dubai-bold'; }
.party-info-card .card-header { padding: 10px; display: flex; justify-content: space-between; align-items: center; border: 1px solid #fbfbfb; }
.party-info-card .label-value-wrap span:first-child { width: 100%; display: flex; }
.party-info-card .label-value-wrap span:last-child { width: 100%; display: flex; font-family: 'Dubai-bold'; }
.party-info-card .party-info-card-inner { list-style: none; padding: 0; margin-bottom: 0; flex-direction: column; }
.party-info-card .party-info-card-inner li { display: flex; margin-bottom: -1px; }
.party-info-card .party-info-card-inner li .underline { text-decoration: underline; }
.party-info-card .party-info-card-inner li:last-child { margin-bottom: 0; }
.party-info-card .party-info-card-inner li span:first-child { padding: 5px 8px; background-color: #fbfbfb; border: 1px solid #fbfbfb; flex: 0 0 30%; max-width: 30%; align-items: center; display: flex; }
.party-info-card .party-info-card-inner li span:last-child { padding: 5px 8px; border: 1px solid #fbfbfb; flex: 0 0 70%; max-width: 70%; border-left: 0; }

.input-group-custom .form-control { border-right: none; }
.input-group-custom .input-group-text { border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; }

.party-wrap { margin-bottom: 1rem; }
.party-info-card .btn-party-action,
.procedure-document .btn-party-action { display: flex; justify-content: space-between; }

.login-landing-uae-pass { display: flex; align-items: center; height: 490px; margin: 50px 0 60px; }
.no-webp .login-landing-uae-pass { background-image: url("../assets/img/login-landing-uae-pass-bg.jpg"); }
.webp .login-landing-uae-pass { background-image: url("../assets/img/login-landing-uae-pass-bg.webp"); }
.login-landing .card-img .img-fluid { max-width: initial; }
.open-all-section { background-attachment: fixed; display: flex; align-items: center; height: 320px; margin: 50px 0; }
.no-webp .open-all-section { background-image: url("../assets/img/login-landing-all.png"); }
.webp .open-all-section { background-image: url("../assets/img/login-landing-all.webp"); }
.landing-section-title { text-align: center; margin: 1rem auto 3rem; }
.one-account-title { margin-top: 4rem; }
.landing-section-title span { font-size: 24px; display: block; text-align: center; font-family: var(--family-bold); }
.login-card .card-body { padding: 15px 0; }
.login-card picture { width: 100%; display: flex; flex-direction: column; }
.login-card .card-body .card-title { font-size: 18px; font-family: 'Dubai-bold'; margin-bottom: 5px; }
.login-card .card-body .btn-link { font-weight: 500; }
    .login-card .card-body .btn-link .fa-angle-right { margin-left: 5px; margin-top: 3px; position: relative; top: 3px; }
.login-card .card-body .card-text { font-size: .9rem; }
    .login-card .card-body .card-text .btn-link[aria-expanded="false"] .less, .disclaimer .btn-link[aria-expanded="false"] .less { display: none; }
    .login-card .card-body .card-text .btn-link[aria-expanded="true"] .less, .disclaimer .btn-link[aria-expanded="true"] .less { display: inline; }
    .login-card .card-body .card-text .btn-link[aria-expanded="true"] .more, .disclaimer .btn-link[aria-expanded="true"] .more { display: none; }
.open-all-section .open-all-title { font-size: 20px; color: #fff; margin-bottom: 25px; }
    .open-all-section .open-all-title span { display: block; margin-bottom: 5px; font-family: var(--family-bold); }
.open-all-section .btn-link { margin-left: 10px; color: #fff; }
.one-account-card .card-img,
.card-manage-account .card-img { border: 1px solid rgba(15, 55, 97, 0.15); display: flex; justify-content: center; padding: 10px; min-height: 110px; align-items: center; }
.card-manage-account .card-img { border: none; background-color: #F9F9F9; padding: 20px; min-height: 160px; justify-content: center; align-items: center; }
.login-card .user-registration-wrap { position: relative; display: flex; align-items: center; }
.card-manage-account .card-img img { width: 70px; height: 70px; }
.one-account-card .card-body,
.card-manage-account .card-body { padding: 10px 0 30px; }
    .one-account-card .card-body .card-title { text-align: center; }
.dashboard-card .coming-soon-app { margin-bottom: 25px; }
.coming-soon-app .one-account-card .card-img { position: relative; }
.login-landing-uaepas-wrap { display: flex; align-items: center; }
.login-landing-use-pass-container .login-landing-uae-pass-title { font-size: 32px; font-family: 'Dubai-bold'; margin-bottom: 20px; }
.login-landing-use-pass-container .login-landing-uae-pass-description p { margin-bottom: 20px; }
.skip { position: absolute; top: -1000px; height: 1px; width: 1px; overflow: hidden; text-align: center; padding: 6px 10px; background: var(--black-color); color: #fff !important; }
a.skip:active,
a.skip:focus,
a.skip:hover { position: relative; left: 0; top: 0; width: auto; height: auto; overflow: visible; color: #fff; }
.active-project-icon { background-repeat: no-repeat; width: 75px; height: 60px; display: block; background-size: 80%; }
.no-webp .active-project-icon { background-image: url("../assets/img/active-project.png"); }
.webp .active-project-icon { background-image: url("../assets/img/active-project.webp"); }
.finish-project-icon { background-repeat: no-repeat; width: 75px; height: 60px; display: block; background-size: 80%; }
.no-webp .finish-project-icon { background-image: url("../assets/img/finish-project.png"); }
.webp .finish-project-icon { background-image: url("../assets/img/finish-project.webp"); }
.dev-dubai-project .dev-dubai-project-title { display: flex; align-items: center; font-family: 'Dubai-bold'; }
.dev-dubai-project .portfolio-box { display: flex; flex-wrap: wrap; padding: 8px 0; }
.dev-dubai-project .owner-db .portfolio-box .total-properties,
.dev-dubai-project .owner-db .portfolio-box .total-worth { text-align: center; margin: 12px 0 12px; }
.dev-dubai-project .owner-db .portfolio-box .col-wrapper.col-wrapper-border:after { right: -15px; }
.dev-dubai-project .owner-db .portfolio-box .total-properties div:last-child { color: #1166BB; }
.dev-dubai-project .owner-db .portfolio-box .total-worth div:last-child { color: #09660c; }
.serivce-charge-index-calc .title-sc-index.service-charge-title { margin-bottom: 0; background-color: #fbfbfb; border-left: 1px solid rgba(0,0,0,.125); border-bottom: none; border-radius: .25rem .25rem 0 0; }
.serivce-charge-index-calc .title-sc-index.additional-charge { margin-top: 10px; }
.serivce-charge-index-calc li { display: flex; align-items: center; justify-content: space-between; padding: .50rem .60rem .50rem 2rem; color: var(--black-color); }
.serivce-charge-index-calc .title-sc-index { font-family: 'Dubai-bold'; padding-left: 1rem; border-left: 2px solid var(--black-color); }
.property-charge{margin-top:1.5rem; margin-bottom:1.5rem}
.property-charge .list-group-item {display: flex;}
.property-charge .list-group-item > div {display: flex;justify-content: end;}
.property-charge .list-group-item > div span:first-child{margin-right:40px;}
.property-charge .service-charge-title ~ .list-group-item  > div span{display: flex;justify-content: end;}
.property-charge .list-group-item > div span:last-child{min-width: 150px; text-align: right;}
.property-charge-note { font-size: 14px; margin: .5rem 1rem; }
.property-charge-note span {display: list-item;}

/*RDC - Organization Chart*/
.rdc-org-chart * { position: relative; }
.rdc-org-chart ul { padding: 0; margin: 0; list-style: none; }
    .rdc-org-chart ul a { background: #fff; border: 1px solid var(--black-color); text-align: center; font-size: 14px; text-decoration: none; min-height: 70px; padding: 10px 10px; margin: 0; max-width: 100%; display: flex; align-items: center; justify-content: center; color: var(--black-color); cursor: default; border-radius: .25rem; z-index: 1; }
.rdc-org-chart .director > li > a { width: 30%; margin: 0 auto 0px auto; background-color: var(--black-color); color: #fff !important; font-size: 16px; font-family: 'Dubai-bold'; min-height: 60px; }
.rdc-org-chart .department { border-left: 1px solid var(--black-color); width: 16%; top: 60px; float: left; }
    .rdc-org-chart .department > ul { margin-top: 0px; margin-bottom: 0px; display: flex; flex-direction: column; }
    .rdc-org-chart .department li { border-bottom: 1px solid var(--black-color); height: 95px; display: flex; align-items: center; justify-content: flex-end; }
        .rdc-org-chart .department li a { top: 45px; z-index: 1; width: 80%; }
    .rdc-org-chart .department.dep-b,
    .rdc-org-chart .department.dep-c,
    .rdc-org-chart .department.dep-d,
    .rdc-org-chart .department.dep-e { margin-left: 5%; }
.rdc-org-chart .departments:after { content: ""; display: block; position: absolute; width: 100%; border-top: 1px solid var(--black-color); margin: 0 auto; top: 60px; left: 0; }
.rdc-org-chart { margin-bottom: 150px; }
    .rdc-org-chart .rdc-subdirector { display: flex; align-items: center; justify-content: space-evenly; position: relative; top: 30px; }
        .rdc-org-chart .rdc-subdirector .rdc-s-general a { margin-right: 0; }
        .rdc-org-chart .rdc-subdirector .rdc-tech-office a { margin-left: 0; }
        .rdc-org-chart .rdc-subdirector:after { content: ""; display: flex; width: 0; height: 130px; border-left: 1px solid var(--black-color); position: absolute; align-items: center; justify-content: center; }
        .rdc-org-chart .rdc-subdirector .rdc-s-general:before { content: ""; display: flex; width: 140px; height: 35px; border-bottom: 1px solid var(--black-color); position: absolute; left: 127px; }
        .rdc-org-chart .rdc-subdirector .rdc-tech-office:before { content: ""; display: block; width: 150px; height: 35px; border-bottom: 1px solid var(--black-color); right: 118px; position: absolute; }

.rdc-template { text-align: right; }
    .rdc-template .Template { font-size: 12pt; font-family: 'Dubai-bold'; }
    .rdc-template .Logos:before { background-size: 100%; background-repeat: no-repeat; width: 90px; }
    .rdc-template .Logos:after { background-size: 100%; background-repeat: no-repeat; height: 52px; width: 150px; }
    .rdc-template .Template .Title { font-size: 14pt; }
.upload-table .btn-grey i { margin-right: 5px; }
.rt-card-detail { position: relative; }
    .rt-card-detail .btn-rt-view { margin-top: 10px; margin-bottom: -5px; }
.rt-request-cancel-link { display: inline-flex; }
    .rt-request-cancel-link i { margin-right: 5px; }
.page-sub-title { font-family: 'Dubai-bold'; margin-bottom: .5rem; }
.login-mobile i,
.login-mobile .dropdown-toggle::after { display: none; }
/*smart judge*/
.rdc-smart-judge-title { font-size: 26px; font-family: 'Dubai-bold'; }
.rdc-smart-judge-sub-title { font-size: 24px; margin-top: 20px; margin-bottom: 20px; }
.rdc-smart-judge-desc { line-height: 30px; margin-bottom: 20px; }
.rdc-smart-judge-img { display: flex; justify-content: center; margin: 40px 0; transition: all 1s; }
    .rdc-smart-judge-img .rdc-comment-icon { position: absolute; width: 220px; top: 10%; background-repeat: no-repeat; height: 100px; padding-top: 60px; margin-left: -335px; }
.no-webp .rdc-smart-judge-img .rdc-comment-icon { background-image: url(../assets/img/comment-icon.png); }
.webp .rdc-smart-judge-img .rdc-comment-icon { background-image: url(../assets/img/comment-icon.webp); }
.rdc-smart-judge-title-txt { font-size: 20px; font-family: 'Dubai-bold'; margin-top: 5px; margin-bottom: 20px; }
.smart-judge-qa-list .list-group { margin-bottom: 1rem; }
    .smart-judge-qa-list .list-group .list-group-item { /*margin-bottom: 2rem;*/ border-radius: .25rem; padding-top: 1.5rem; }
        .smart-judge-qa-list .list-group .list-group-item .smart-judge-question { margin-bottom: .5rem; color:var(--black-color)}
        .smart-judge-qa-list .list-group .list-group-item .custom-control { margin-bottom: 2rem; }
            .smart-judge-qa-list .list-group .list-group-item .custom-control:last-child,
            .smart-judge-qa-list .list-group .list-group-item .custom-control:nth-last-child(2),
            .smart-judge-qa-list .list-group .list-group-item .custom-control-inline:last-child { margin-bottom: .5rem; }
        .smart-judge-qa-list .list-group .list-group-item.last-result-item { background-color: #fff3cd; color: #856404; background-color: #fff3cd; border-color: #ffeeba; }
.smart-judge-qa-list .judge-popover { list-style: none; display: flex; align-items: center; margin-top: 1rem; margin-bottom: 2rem; }
    .smart-judge-qa-list .judge-popover .judge-popover-img { background-repeat: no-repeat; width: 60px; height: 50px; margin-right: 20px; }
.no-webp .smart-judge-qa-list .judge-popover .judge-popover-img { background-image: url(../assets/img/judge-popover-icon.png); }
.webp .smart-judge-qa-list .judge-popover .judge-popover-img { background-image: url(../assets/img/judge-popover-icon.webp); }
.smart-judge-qa-list .judge-popover .judge-popover-inner { border: 1px solid var(--bdr); padding: 10px; border-radius: 8px 8px 8px 0px; width: 100%; position: relative; background-color: #d2f0fd; }
.popover-arrow-left-position { position: absolute; left: -7px; background-color: #d2f0fd; bottom: 12px; padding: 6px; }
.popover-arrow { border: solid var(--bdr); border-width: 0 1px 1px 0; display: inline-block; }
.popover-arrow-left { transform: rotate(135deg); -webkit-transform: rotate(135deg); }
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(255, 255, 255, .5); border-color: rgba(0,123,255,.5); }
.custom-control-input:disabled:checked ~ .custom-control-label { color: var(--black-color); }
.rdc-JudgeImg { position: sticky; top: 90px; height: 400px; }
/*Change passwod*/
.change-password-wrapper { max-width: 600px; border: 1px solid var(--bdr); padding: 3rem; border-radius: .25rem; box-shadow: 0 0 12px 1px rgba(71, 125, 138, .15); margin: 0 auto 3rem; }
.change-password-title { text-align: center; margin: .5rem 0 2rem; display: flex; align-items: center; }
.change-password-wrapper .change-pass-icon { background-image: url(../assets/img/change_password.svg); background-repeat: no-repeat; width: 30px; height: 35px; display: inline-block; text-align: left; margin-right: 10px; }
.change-password-title h5 { display: inline-block; margin: 0; }
.password-field { display: flex; flex-direction: column; }
.forgot-password-link { font-size: 14px; margin-top: 5px; margin-bottom: 1rem; margin-right: auto; text-decoration: underline; display: inline-block; order: 1; }
.forgot-password-wrapper .forgot-password-link { margin: 8px 0 0; }
.forgot-password-wrapper .forgot-password-title,
.password-change-wrapper .password-change-title,
.username-change-wrapper .username-change-title { font-size: 22px; font-family: 'Dubai-bold'; text-align: center; margin-bottom: 1.5rem; }
    .forgot-password-wrapper .forgot-password-title .forgot-password-title-icon { background-image: url(../assets/img/forgot_password.svg); background-repeat: no-repeat; width: 40px; height: 50px; display: flex; margin: 0 auto 10px; }
    .password-change-wrapper .password-change-title .password-change-title-icon { background-image: url(../assets/img/change_password.svg); background-repeat: no-repeat; width: 53px; height: 60px; display: flex; margin: 0 auto 10px; }
    .username-change-wrapper .username-change-title .username-change-title-icon { background-image: url(../assets/img/username_search.svg); background-repeat: no-repeat; width: 53px; height: 60px; display: flex; margin: 0 auto 10px; }
.password-info-msg { font-size: 14px; }
.body-photo-gallery { position: relative; }
    .body-photo-gallery .owl-counter-items { position: absolute; top: -30px; z-index: 1; background-color: var(--black-color); padding: 4px 8px; color: #fff; left: 0px; }
        .body-photo-gallery .owl-counter-items i { margin-right: 8px; }
.modal-project-status .owl-carousel .owl-stage { display: flex; }
.modal-project-status .owl-carousel .owl-item {display: flex;align-items: center;justify-content: center;flex-direction: column;max-height: 450px;}
.modal-project-status .main-slider-thumbnail.owl-carousel .owl-stage { height: 100px; padding: 10px 0; border-top: 1px solid var(--bdr); }
.modal-project-status .main-slider-thumbnail.owl-carousel .owl-item {overflow: hidden;border: 1px solid #ffffff;margin: 0 10px;border-radius: 4px;opacity:.4;}
    .modal-project-status .main-slider-thumbnail.owl-carousel .owl-item.current.active {opacity:1;}
.faqs-section .accordion .card p { margin-bottom: 0; }
.service-charge-detail { padding: .5rem 1rem; margin-bottom: 1rem; }
    .service-charge-detail .project-name { margin-bottom: 8px; border-bottom: 1px solid #ececec; padding-bottom: 8px; }
    .service-charge-detail > div span:last-child{font-family:var(--family-bold)}
    /*Rental Index Page - Dubai Rest Information*/
    .rental-info-msg { font-size: 18px; margin-bottom: 10px; }
.rental-index-wrapper { background-color: #00568A; position: relative; flex-direction: column; }
    .rental-index-wrapper:before { content: ""; width: 100%; height: 310px; background-color: #004C7A; position: absolute; clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%); }
    .rental-index-wrapper .rental-info-right-panel { padding: 40px; }
        .rental-index-wrapper .rental-info-right-panel:before { content: ""; background-image: url(../assets/img/rental-arrow-horizontal.png); background-repeat: no-repeat; display: block; width: 123px; height: 25px; position: absolute; right: -90px; top: 30%; }
    .rental-index-wrapper .rental-index-step { color: #fff; z-index: 1; position: relative; padding-left: 25px }
        .rental-index-wrapper .rental-index-step.step-down { background-image: url(../assets/img/rental-arrow-down.png); background-repeat: no-repeat; height: 100px; background-position: 5px 50px; }
            .rental-index-wrapper .rental-index-step.step-down.step-down-spacing { height: 120px; background-position: 5px 70px; }
.dr-scane-QR { display: flex; align-items: center; justify-content: center; flex-direction: column; }
.input-group-barcode .form-control { border-right: none; }
.btn-barcode-scan { padding: 0; margin-left: -2px; margin-top: 0px; border: 1px solid #b7c6d6; border-left: none; border-radius: 0 .25rem .25rem 0 !important; }
.barcode-icon { background-image: url(../assets/img/barcode_icon.svg); background-repeat: no-repeat; width: 40px; height: 30px; display: flex; background-position: 8px 3px; }
.dashboard-app-items .sso-app-item { /*height: 100%;*/ display: block; padding-bottom: 45px; position: relative; margin-bottom: 0; }
.sso-app-error { color: red; }
.user-role-link { text-align: center; }
    .user-role-link a { font-size: 14px; }
.fa-times { margin-left: 5px; margin-right: 5px; }
.help-page-card { background-color: #fff; border: 1px solid var(--bdr); display: flex; width: 100%; margin: 1rem 0; border-radius: .25rem; color: var(--black-color); padding: 10px 0; flex-wrap: wrap; align-items: center; }
.webp .help-page-card .icon-help-list { background-image: url('../assets/img/help-question.svg'); }
.no-webp .help-page-card .icon-help-list { background-image: url('../assets/img/help-question.svg'); }
.help-page-card .icon-help-list { background-repeat: no-repeat; width: 60px; height: 60px; background-position: center; margin-left: 15px; }
.help-page-card .label-help-list { margin-left: 15px; text-align: left; -ms-flex: 0 0 25%; max-width: 70%; font-size: 20px; font-family: 'Dubai-bold'; }
.help-page-card .link-help-list { width: 100%; display: block; font-size: 16px; text-decoration: underline; font-weight: normal; }
.custom-control .custom-control-label a { text-decoration: underline; cursor: pointer; }
.custom-control-input.is-valid ~ .custom-control-label, .was-validated .custom-control-input:valid ~ .custom-control-label { color: var(--black-color); }
    .custom-control-input.is-valid ~ .custom-control-label::before, .was-validated .custom-control-input:valid ~ .custom-control-label::before { border-color: var(--black-color); }
.custom-control-input.is-valid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before { border-color: #007bff; background-color: #fff; }
.edit-delete-action .btn { margin-top: -2px; }
.edit-delete-action i { font-size: 14px; color: var(--black-color); }
/*Relationship manager section*/
.relationship-manager-detail { margin-top: 0; margin-bottom: 1.5rem; }
    .relationship-manager-detail .card-header,
    .relationship-manager-detail .card-header .btn-link.collapsed { background-color: transparent; }
.relationship-manager { border-top: none; }
.relationship-manager-detail .card { border-left: 3px solid #ff545c !important; }
.list-group.request-document li { cursor: pointer; }
.relationship-manager { background-color: #f9f9f9; padding: 15px; }
    .relationship-manager .manager-name { padding-bottom: 10px; border-bottom: 1px solid rgba(15, 54, 97, 0.15); margin-bottom: 15px; font-family: 'Dubai-bold'; }
.relationship-manager .manager-detail { display: flex; }
.relationship-manager .manager-detail > div { display: flex; flex: 0 0 21%; max-width: 25%; }
.relationship-manager .manager-detail > div span:first-child { background-color: #fff; width: 40px; height: 40px; display: flex; border-radius: 100%; background-repeat: no-repeat; background-position: center; border: 1px solid #d6dce2; }
    .relationship-manager .manager-detail > div span:last-child { margin: 0 15px 0 15px; font-family: 'Dubai-bold'; font-size: 14px; max-width: 190px; }
.relationship-manager .manager-detail > div span:last-child small { opacity: .70; }
.relationship-manager .manager-detail > div .icon-call,
.side-panel .list-group.sidepanel-account-manager li .icon-call { background-image: url(../assets/img/icon-phone.svg); }
.relationship-manager .manager-detail > div .icon-email,
.side-panel .list-group.sidepanel-account-manager li .icon-email { background-image: url(../assets/img/icon-email.svg); }
.relationship-manager .manager-detail > div .icon-share,
.side-panel .list-group.sidepanel-account-manager li .icon-share { background-image: url(../assets/img/icon-share.svg); }
.relationship-manager .manager-detail > div .icon-message,
.side-panel .list-group.sidepanel-account-manager li .icon-message { background-image: url(../assets/img/icon-message.svg); }
.dashboard-user-title h5 .role-type-img { width: 80px; height: 51px; }
.dashboard-user-title h5 .role-type-img img { width: 80px; height: 51px; }
.dashboard-user-title h5 span:last-child { margin-left: 15px; display: flex; flex-direction: column; }
.side-panel .list-group.sidepanel-account-manager li { padding: .438rem .8rem; display: block; background-color: #f8f9fa; }
.side-panel .list-group.sidepanel-account-manager li:hover { background-color: #f8f9fa; }
.side-panel .list-group.sidepanel-account-manager li a { padding: 0; }
.icon-manager { background-image: url(../assets/img/icon-manager.svg); background-repeat: no-repeat; width: 20px; height: 20px; display: inline-block; }
.action-div { display: flex; }
.action-div a { display: flex; align-items: center; margin-left: 15px; }
.action-div a:first-child { margin-left: 0; }
.action-div a i { margin-right: 5px; }
.manager-message { overflow: hidden; max-width: 438px; text-overflow: ellipsis; display: block; white-space: nowrap; }
.manager-message-wrap { display: flex; align-items: center; }
/*pdf template*/
.pdf-section-title { border-bottom: 1px solid #B0120F; padding: 1rem 0 5px; margin-bottom: 1rem; font-family: var(--family-bold); font-size: 17px; }
.pdf-tempalte-wrapper { display: flex; flex-direction: row; flex-wrap: wrap; padding-left: 5px; }
.pdf-tempalte { display: inline-flex; flex-direction: column; flex-wrap: wrap; align-items: center; padding: 2rem 1rem 1.5rem; margin-bottom: .8rem; border: 1px solid rgba(112, 112, 112,0.22); border-radius: var(--border-radius); max-width: 24%; flex: 0 0 25%; margin-left: 1%; justify-content: space-between; animation-duration: 300ms; transition: all 300ms linear; box-shadow: 0px 2px 8px 0px rgba(48, 48, 52, 0.08); }
.pdf-tempalte.highlight { background-color: rgba(26,108,199,.09); }
.pdf-tempalte > div { text-align: center; display: flex; flex-direction: column; }
.icon-pdf-o, .icon-jpg, .icon-excel, .icon-word, .icon-zip-o { background-repeat: no-repeat; display: inline-block; width: 40px; height: 44px; }
.no-webp .icon-pdf-o { background-image: url(/assets/img/icon-pdf-o.svg); }
.webp .icon-pdf-o { background-image: url(/assets/img/icon-pdf-o.webp); background-size:100%}
.no-webp .icon-jpg { background-image: url(/assets/img/jpg-icon.svg); }
.webp .icon-jpg { background-image: url(/assets/img/jpg-icon.webp); background-size: 100% }
.no-webp .icon-excel { background-image: url(/assets/img/excel-icon.svg); }
.no-webp .icon-word { background-image: url(/assets/img/word-icon.svg); }
.webp .icon-excel { background-image: url(/assets/img/excel-icon.webp); background-size: 100% }
.icon-zip-o { background-image: url(/assets/img/zip-icon.svg); }
.pdf-tempalte .pdf-title { overflow: hidden; display: inline-block; text-overflow: ellipsis; font-weight: 500; margin-top: .5rem; text-align: center; }
.pdf-tempalte .pdf-info { margin-bottom: .5rem; font-size: 12px; margin-top: 10px; }
.pdf-tempalte .pdf-link { color: #CC123F; text-decoration: underline; }
.help-card-title { margin-bottom: 1rem; margin-top: 1rem; font-size: 20px; font-family: var(--family-bold); }
.help-text { margin-bottom: 1rem;}
.help-text > .underline {display: inline-block; }

.help-connect-card { border-top: 3px solid #1A6CC7; background-image: url(../assets/img/icon-connect-grey.svg); background-repeat: no-repeat; background-position: 95% 95%; }
.icon-sharefeedback { background-image: url(../assets/img/icon-sharefeedback.svg); background-repeat: no-repeat; width: 65px; height: 80px; display: flex; }
.icon-complaint { background-image: url(../assets/img/icon-complaint.svg); background-repeat: no-repeat; width: 62px; height: 78px; display: flex; }
.icon-connect { background-image: url(../assets/img/icon-connect.svg); background-repeat: no-repeat; width: 35px; height: 35px; display: flex; }
/*End dld support*/
    
/*page title*/
.page-title { border-bottom: 1px solid #B0120F; margin-bottom: 1.5rem; font-family: var(--family-bold); font-size: 20px; padding-bottom: 2px; display: flex; justify-content: space-between; align-items: center; }
.content-section .content-section-title,
.role-service-title { display: flex; border-bottom: 1px solid var(--bdr); margin-bottom: 16px; font-family: var(--family-bold); font-size: 20px; align-items: center; justify-content: space-between; }
.content-section .content-section-title .section-title-span {padding: 0.5rem 0.1rem; margin-bottom: -1px;}
.content-section .section-sub-title { display: flex; padding: 0.5rem 0.1rem; font-family: var(--family-bold); }
/*end page title*/
.btn-40 { padding: .5rem 1.75rem; }
.btn-pdf { color: #fff !important; box-shadow: none !important; }
.alert-dld-info { background-color: rgba(26,108,199,.09); border: none; border-left: 3px solid #1A6CC7; border-radius: 0; }
.page-function { margin-bottom: 1rem; }

.card-view-wrapper .card-detail .card { height: 100%; box-shadow: 0 0px 8px rgb(0 0 0 / 5%); }
.card-view-wrapper .card-detail .card.broker-card:hover,
.card-view-wrapper .card-detail .card.office-card:hover { /*border: 1px solid rgba(15, 54, 97, 0.5); transition: all .3s;*/ }
.card-view-wrapper .custom-body { padding: 1rem 1.25rem; display: flex; flex-direction: column;}
    .card-view-wrapper .custom-body .img-holder { display: flex; align-items: center;}
        .card-view-wrapper .custom-body .img-holder .box-img { width: 100px; height: 100px; }
            .card-view-wrapper .custom-body .img-holder .box-img > img { width: 100px; height: 100px; min-height: 100px; max-height: 100px; border-radius: 6px; border: 1px solid var(--bdr); padding: 3px; object-fit: contain; }
/*.card-view-wrapper .custom-body .img-holder.broker-img-holder .box-img > img { max-height: none; }*/
    .card-view-wrapper .custom-body .detail-holder { width: 100%; position: relative; gap: 1rem; display: flex; flex-direction: column; padding-top: 0 !important; /*border-top: 1px solid var(--bdr);*/ }
/*.card-view-wrapper .custom-body .detail-holder .medal { top: 0; bottom: auto; right: -5px; position: relative; }*/
.card-view-wrapper .custom-body .detail-holder .list-style { margin-top: 5px; }

    /*.card-view-wrapper .custom-body .detail-holder .custom-card-title { display: flex; justify-content: space-between; align-items: center; font-size: 19px; line-height: 120%; font-family: var(--family-bold); margin: 0; padding: 0; border: none; }*/
    .card-view-wrapper .custom-body .custom-card-title a { color: #0E59BE; text-decoration: underline;}
        .card-view-wrapper .custom-body .custom-card-title a.not-applicable { color: #000; text-decoration: none; cursor:default; }
        .card-view-wrapper .custom-body .custom-card-title span { display: flex; }
        .card-view-wrapper .list-style li { margin-bottom: 0; display: -ms-flexbox; display: flex; align-items: center; border: 1px solid #e9e9e9; padding: 4px 10px; border-top: none; }
.card-view-wrapper .list-style li:first-child { border-top: 1px solid #e9e9e9; }
.card-view-wrapper .list-style li.call a,
.card-view-wrapper .list-style li.call span,
.card-view-wrapper .list-style li.fax a,
.card-view-wrapper .list-style li.fax span { direction: ltr; display: inline-flex; }
.card-view-wrapper .list-style li:last-child { margin-bottom: 0; }
.card-view-wrapper .list-style li > a,
.card-view-wrapper .list-style li > span {border-left: 1px solid #e9e9e9; padding: 3px 10px; margin-top: -4px; margin-bottom: -4px; }
.rtl .card-view-wrapper .list-style li > span { border-left: none; border-right: 1px solid #e9e9e9; }
.card-view-wrapper .list-style li > a + a { padding-left: 30px; width: 100%; }
.card-view-wrapper .list-style li.website a { text-decoration: underline; }
.card-view-wrapper .list-style li.email .collapse.show,
.card-view-wrapper .list-style li.email .collapsing { display: flex; flex-direction: column; }
.card-view-wrapper .list-style li .icon-address-link,
.card-view-wrapper .list-style li .icon-email-link,
.card-view-wrapper .list-style li .icon-call-link,
.card-view-wrapper .list-style li .icon-website-link,
.card-view-wrapper .list-style li .icon-fax-link,
.card-view-wrapper .list-style li .icon-working-day-link { background-repeat: no-repeat; display: inline-flex; margin-right: 10px; }
.card-view-wrapper .list-style li .icon-address-link { background-image: url(../assets/img/icon-map-pin.svg); width: 20px; height: 16px; min-width: 20px; }
.card-view-wrapper .list-style li .icon-email-link { background-image: url(../assets/img/icon-envelope.svg); width: 20px; height: 12px; min-width: 20px; }
.card-view-wrapper .list-style li .icon-call-link { background-image: url(../assets/img/icon-call-green.svg); width: 20px; height: 15px; min-width: 20px; }
.card-view-wrapper .list-style li .icon-website-link { background-image: url(../assets/img/icon-website.svg); width: 20px; height: 15px; min-width: 20px; }
.card-view-wrapper .list-style li .icon-fax-link { background-image: url(../assets/img/icon-fax.svg); width: 20px; height: 15px; min-width: 20px; }
.card-view-wrapper .list-style li .icon-working-day-link { background-image: url(../assets/img/icon-working-time.svg); width: 20px; height: 15px; min-width: 20px; }

.total-number-of-record { font-size: 14px; font-weight: normal; font-family: var(--family-regular); display:flex;}
.total-number-of-record > span { margin-left: 5px; }
.btn-wrapper-group { display: flex; justify-content: flex-end; font-family: 'Dubai-Regular'; margin-inline-start: auto; }
.btn-wrapper-group .btn-wrapper-export { display: flex; justify-content: center; align-items: center; }
/*.btn-custom-toggle { border: 1px solid #dededf; padding: 2px; margin:0 5px; }*/
    /*.btn-custom-toggle:last-child{margin-left:0; margin-right:0;}
    .btn-wrapper-group .btn,
    .btn-wrapper-group .btn-custom-toggle .btn,
    .btn-custom-toggle .btn { background-color: #F4F4F4; border:none; color: var(--black-color); box-shadow: none; display: flex; align-items: center; font-size: 12px; margin-bottom: 0; padding: 5px 10px; font-weight: normal; }*/
.btn-wrapper-group .btn + .btn { margin-left: -1px; }
.btn-wrapper-group .view-changer { margin-bottom: 0; }
.btn-wrapper-group .view-changer:last-child > .btn { margin-left: 10px; }
/*.btn-custom-toggle .btn.active,
.btn-custom-toggle .btn:active { background-color: var(--theme-green);; border-color: var(--theme-green); color: #fff; }*/

.icon-service-description,
.icon-export-excel,
.icon-export-pdf,
.icon-meter-feet,
.icon-share-o,
.icon-share-blue { background-repeat: no-repeat; width: 18px; height: 18px; margin-right: 10px; }
.icon-map-location,
.icon-grid-view { background-repeat: no-repeat; width: 16px; height: 15px; margin-right: 10px; }
.icon-service-description { background-image: url(../assets/img/icon-service-description.svg); }
.icon-export-excel { background-image: url(../assets/img/icon-export-excel.svg); }
.icon-export-pdf { background-image: url(../assets/img/icon-export-pdf.svg); }
.icon-meter-feet { background-image: url(../assets/img/icon-meter-feet.svg); }
.icon-map-location { background-image: url(../assets/img/icon-map-location.svg); }
.icon-grid-view { background-image: url(../assets/img/icon-grid-view.svg); }
.icon-share-o { background-image: url(../assets/img/icon-share-o.svg); }
.icon-share-blue { background-image: url(../assets/img/icon-share-blue.svg); width: 20px;height: 20px;margin: 0; padding:10px;}
.btn-custom-toggle .btn:active .icon-grid-view,
.btn-custom-toggle .btn.active .icon-grid-view { background-image: url(../assets/img/icon-grid-view.svg); }
.btn-custom-toggle .btn:active .icon-map-location,
.btn-custom-toggle .btn.active .icon-map-location { background-image: url('../assets/img/icon-map-location-s.svg'); }
.btn-custom-toggle .btn:active .icon-meter-feet,
.btn-custom-toggle .btn.active .icon-meter-feet { background-image: url('../assets/img/icon-meter-feet-h.svg'); }
/*share menu*/

.btn-wrapper-group .btn:last-child[aria-expanded="true"] { border-top-right-radius: .25rem; border-bottom-right-radius: 0; }

.share-menu-wrapper .share-this-page { margin: 0 !important; min-width: auto; border-color: transparent; }
.share-menu-wrapper .share-this-page .prepend-grey-bg { background-color: transparent; justify-content: center; }

/*.filterBy-list { margin-right: 10px; }*/
/*.filterBy-list .dropdown-toggle { width: 110px; justify-content: space-between; }*/
.filterBy-list .dropdown-menu { padding: 0; min-width: max-content; line-height: 25px; border-color: var(--bdr); inset: 0 0 auto auto !important; transform: translate(0px, 50px) !important; }
.rtl .filterBy-list .dropdown-menu { inset: 0 auto auto 0 !important; }
.filterBy-list .dropdown-toggle::after { border-top: .35em solid; }
.filterBy-list .dropdown-menu .form-check { margin-bottom: 0; border-bottom: 1px solid var(--bdr); padding: .5rem .5rem .5rem 2.5rem; }
.rtl .filterBy-list .dropdown-menu .form-check { padding: .5rem 2.5rem .5rem .5rem; }
    .filterBy-list .dropdown-menu .form-check:last-child { border-bottom: none; }

.content-height { min-height: calc(100vh - 220px); }

.alert { padding: 16px; font-size: 16px; line-height: 25px; width: fit-content; display: flex; gap: 14px; border-radius: 12px; /*align-items: center;*/ }
.alert[class*="alert-"]:before { font-family: 'icomoon'; font-size: 24px; }
.alert-info:before { content: "\e905"; }
.alert-warning:before { content: "\e916"; }
.alert-danger:before { content: "\e918"; }
.alert-success:before { content: "\e919"; }
.alert-info { background-color: #E7F2FE; border-color: #1E4B6A; color: #1E4B6A; }
.alert-warning { background-color: #FFEEDD; border-color: #643F00; color: #643F00; }

.alert-danger {
    background-color: #FFEDEA;
    border-color: #930005;
    color: #930005;
}

.alert-success {
    background-color: #C6FFC7;
    border-color: #00531F;
    color: #00531F;
}

.alert[class*="alert-"] p {line-height: 120%;}
.alert-info p {color:#1E4B6A;}
.card-icon { font-family: 'icomoon'; font-weight: normal; font-style: normal; font-size: 44px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; color: green; }
.service-help i { font-size: 20px; position: relative; top: 0px; color: #1166bb; margin-left: 10px; }
.icon-download { background-image: url(../assets/img//icon-download.svg); background-repeat: no-repeat; width: 15px; height: 15px; display: inline-flex; }
#tblCompanies { font-size: 14px; }
#tblCompanies tr:hover { background-color: #eaf4ff; cursor: pointer; }

#fileUpload { left: inherit !important; }

.dld-login-container { padding: 2rem 0; }
.dld-login-container .card .nav-tabs { margin-bottom: 0; }
.dld-login-container .card { margin: 0 auto; }
.dld-login-container .nav-tabs .nav-item { width: 50%; }
    .dld-login-container .nav-tabs .nav-link { margin: 0; padding-left: 1rem; padding-right: 1rem; padding-bottom: .5rem; text-align: center; background-color: #f5f7f9; border-bottom: 2px solid #f5f7f8; font-family: 'Dubai-bold'; padding: .7rem; }
.dld-login-container .nav-tabs .nav-link.active { background-image: none; background-color: #fff; color: #1166bb; border-bottom: 2px solid #1166bb; }
    .dld-login-container .checkbox-title { font-family: 'Dubai-bold'; margin-bottom: 1rem; }
.dld-login-container .ui-datepicker-trigger { right: 15px; }
.dld-login-container .sso-footer-txt { display: flex; width: 70%; margin: 0 auto; padding: 1rem; }

.login-checkbox { border: 1px solid #D6D6D7; padding: .5rem; border-radius: .25rem; transition: all .3s; }
.login-checkbox.active,
.login-checkbox:active,
.login-checkbox:hover,
.login-checkbox:focus { border: 1px solid #1166BB; background-color: #F0F9FF; }
.login-checkbox .custom-control .custom-control-label,
.login-checkbox .custom-control .custom-control-label { display: flex; }
.login-checkbox .info-span { display: inline-block; flex-direction: column; flex-wrap: wrap; margin-top: .2rem; font-size: 13px; }
.login-checkbox .info-span a { text-decoration: underline; }
.info-span-hide .info-span { display: none; }
.checkbox-column .checkbox-wrapper [for="loginType"],
.checkbox-column .checkbox-wrapper [for="login-method"] { font-family: 'Dubai-bold'; }
.row-bdr-top { border-top: 1px solid var(--bdr); margin-bottom: 1.5rem; margin-top: .5rem; }
.captcha-control { margin-bottom: 1rem; }
.custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url(../assets/img/radio-dot.svg); }
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url(../assets/img/check-icon.svg); }

.update-profile-warning-container { display: flex; align-items: center; }
.update-profile-warning-container .icon-warning { margin-right: 15px; }
.icon-warning { background-image: url(../assets/img/icon-alert.svg); background-repeat: no-repeat; width: 65px; height: 30px; display: flex; }
#dldUserInformation-sso .modal-dialog { max-width: 600px; }

.card-service-provider { display: flex; flex-direction: column; background-color: #fff; border: 1px solid #fbfbfb; padding: 0px; margin-bottom: 2rem; box-shadow: 4px 4px 8px rgba(0, 0, 0, .03); padding: 20px; text-align: center; }
.card-service-provider img { margin-top: 20px; }
.card-service-provider .card-title { margin-top: 20px; font-size: 22px; }

.alert.alert-firstSecondSale { padding: .50rem 1.25rem; flex-direction: row; margin-top: 0 !important; width: fit-content; }
.alert-firstSecondSale ul { margin-bottom: 0; padding-left: 15px; }

.role-box { border: 1px solid var(--bdr); padding: 45px 15px; margin-right: -1px; margin-bottom: -1px; transition: all .3s; display: flex; flex-direction: column; text-align: center; justify-content: center; border-radius: var(--border-radius); }
.role-box .card-title { display: flex; flex-direction: column; margin-top: 0rem; margin-bottom: 0; }
    .role-box .card-title span:first-child { font-size: 16px; margin-bottom: .25rem; display: inline-block; font-family: 'Dubai-bold'; }
.role-box .card-title span:last-child { font-size: 14px; display: block; }
.role-box .owner-service,
.role-box .tenant-service,
.role-box .developer-service,
.role-box .real-service,
.role-box .financial-service,
.role-box .informative-service,
.role-box .key-figures,
.role-box .key-findings,
.role-box .methodology,
.role-box .rental-yield { background-repeat: no-repeat; width: 60px; height: 60px; margin: 0 auto; }
.role-box .owner-service { background-image: url(../assets/img/owner-s-b.svg); }
.role-box .tenant-service { background-image: url(../assets/img/tenant-s-b.svg); }
.role-box .developer-service { background-image: url(../assets/img/developer-s-b.svg); }
.role-box .real-service { background-image: url(../assets/img/company-s-b.svg); }
.role-box .key-figures { background-image: url(../assets/img/key_figures-h.svg); }
.role-box .key-findings { background-image: url(../assets/img/key_findings-h.svg); }
.role-box .methodology { background-image: url(../assets/img/methodology-h.svg); }
.role-box .rental-yield { background-image: url(../assets/img/rental_yield.svg); }
.role-box .land-department { background-image: url(../assets/img/dld-logo-s.svg); background-repeat: no-repeat; background-size: 100%; width: 170px; height: 45px; margin: 0 auto; }
.role-box .dubai-economy { background-image: url(../assets/img/dubai-economy.svg); background-size: 100%; background-repeat: no-repeat; width: 140px; height: 45px; margin: 0 auto; }
.role-box .dubai-muncipality { background-image: url(../assets/img/dubai-muncipality.png); background-repeat: no-repeat; width: 144px; background-size: 100%; height: 45px; margin: 0 auto; }
.role-box .dewa { background-image: url(../assets/img/dewalogo.png); background-repeat: no-repeat; background-size: 100%; width: 170px; height: 45px; margin: 0 auto; }
.role-box .dubai-tourism { background-image: url(../assets/img/dubai-tourism.jpg); background-repeat: no-repeat; background-size: 100%; width: 170px; height: 45px; margin: 0 auto; }
.role-box:hover .land-department { background-image: url(../assets/img/dld-logo-w.svg); }
.role-box:hover .dewa-logo { background-image: url(../assets/img/dewalogo-w.png); }
.role-box:hover .dubai-muncipality { background-image: url(../assets/img/dubai-muncipality-w.png); }
.role-box:hover .dubai-economy { background-image: url(../assets/img/dubai-economy-w.svg); }
.role-box:hover { background-color: #1166BB; cursor: pointer; color: #fff; }
.role-box:hover .owner-service { background-image: url(../assets/img/owner-s-w.svg); }
.role-box:hover .tenant-service { background-image: url(../assets/img/tenant-s-w.svg); }
.role-box:hover .developer-service { background-image: url(../assets/img/developer-s-w.svg); }
.role-box:hover .real-service { background-image: url(../assets/img/company-s-w.svg); }
.role-box:hover .key-figures { background-image: url(../assets/img/key_figures-h.svg); }
.role-box:hover .key-findings { background-image: url(../assets/img/key_findings-h.svg); }
.role-box:hover .methodology { background-image: url(../assets/img/methodology-h.svg); }
.role-box:hover .rental-yield { background-image: url(../assets/img/rental_yield-h.svg); }
.home-studies .text-link3 { font-size: 24px; font-family: var(--family-bold); }
.redT { padding: 15px 0px; }
    .redT a { color: #D6012B; font-family: var(--family-bold); display: flex; align-items: center; justify-content: space-between; }
.btn-icon i { font-size: 12px; margin-left: 10px; }
.wizard-card .success-msg .justify-content-center { flex-direction: column; align-items: center; }
.flip-close { position: absolute; right: 0; top: 0; z-index: 99999; color: var(--black-color); width: 100%; height: 80%; padding: 0; display: none; box-shadow: none !important; }
.flip-close i { position: absolute; top: 10px; right: 10px; }

.trnsction-data-from-react .dropdown-menu .dropdown-item { font-size: 14px; font-weight: normal; }
.trnsction-data-from-react .btn-wrapper-group .pdf-export,
.trnsction-data-from-react .btn-wrapper-group .pdf-export + .hide .dropdown-menu .dropdown-item:last-child { display: none }
.trnsction-data-from-react .btn-wrapper-group .pdf-export + .hide { display: block !important }
    .trnsction-data-from-react .btn-wrapper-group .pdf-export + .hide .btn-primary { background-color: #f4f4f4 !important; border-color: var(--bdr) !important; color: var(--black-color); height: 34px; }
.icon-document { background-image: url(../assets/img/icon-document.svg); background-repeat: no-repeat; width: 15px; height: 20px; display: inline-block; }

.green-list-feature { margin-top: 0; margin-bottom: 1.5rem; }
/*.green-list-feature .card-header { font-weight: 600; padding: .50rem .75rem; }
.green-list-feature .card-body { padding: 1.25rem .75rem; }
    .green-list-feature .green-list-switch { font-size: 14px; display: inline-flex; align-items: center; flex-direction: row; gap: 1rem; }*/
.list-terms ol { padding-left: 1rem; }
.list-terms ol li, .list-terms p, .list-terms label { margin-bottom: .5rem; font-size: 14px; }
/*.property-details .green-list-switch .btn-custom-toggle { margin: 15px 0 0; }*/
.green-list-service-selection,
.green-list-property-opt { display: flex; flex-direction: column; width: 100%; align-items: center; justify-content: center; min-height: 260px; position: relative; }
.green-list-service-selection .custom-checkbox-control { display: flex; flex-direction: column; justify-content: center; }
.green-list-service-selection .custom-checkbox-control .custom-checkbox { width: 100%; margin-bottom: 15px; min-width: 250px; position: relative; }
.green-list-service-selection .custom-checkbox-control .custom-checkbox:last-child { margin-bottom: 0; }
    .green-list-service-selection .custom-checkbox label { border: 1px solid var(--bdr); padding: .5rem 1rem .5rem; border-radius: .25rem; cursor: pointer; width: 100%; justify-content: space-between; display: flex; align-items: center; font-size: 14px; }
.green-list-service-selection .custom-checkbox label .fa-check { display: none; font-size: 12px; margin-right: 8px; }
.green-list-service-selection .custom-checkbox .custom-control-input { opacity: 0; }
.green-list-service-selection .custom-checkbox .custom-control-input:checked ~ label .fa-check { display: inline-block; }
.green-list-service-selection .custom-checkbox label::before { display: none }
.green-list-service-selection .custom-checkbox label::after { display: none }
.greenlist-title { text-align: center; margin-bottom: 1.5rem; }
    .greenlist-title span { margin-bottom: .5rem; display: flex; justify-content: center; font-family: var(--family-bold); }
    .greenlist-title small { font-size: 16px; }
.greenlist-filter { max-width: 320px; }
.greenlist-filter .dropdown.keep-inside-clicks-open { margin-bottom: 1.5rem; }
    .greenlist-filter .dropdown > .btn { padding-right: 40px; background-color: #fff; position: relative; width: 100%; text-align: left; overflow: hidden; border: 1px solid var(--bdr); color: var(--black-color); font-size: 14px; }
.greenlist-filter .dropdown > .btn:after { content: "\f0d7"; display: inline-block; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; right: 0; top: 0; background-color: #ffffff; width: 25px; height: 34px; display: flex; align-items: center; justify-content: center; }
.greenlist-filter .dropdown-menu { width: 100%; }
.greenlist-filter .dropdown-menu .dropdownList { max-height: 250px; overflow-x: hidden; overflow-y: auto; width: 100%; }
.greenlist-filter .dropdown-menu .dropdownList { list-style: none; padding: 0; margin-bottom: 4px; margin-top: 4px; }
    .greenlist-filter .dropdown-footer { display: flex; justify-content: flex-end; border-top: 1px solid var(--bdr); padding: 5px; }
.greenlist-filter .dropdown-footer .btn:last-child { margin-left: 5px; }
.greenlist-filter .dropdown-menu li { padding: 3px 10px; margin: 0px 0 0; }
.greenlist-filter .dropdown-menu li label { color: var(--black-color); font-size: 14px; font-weight: 400; margin-bottom: 0; }
.greenlist-filter .dropdown-menu li label input[type=checkbox] { margin-right: 8px; position: relative; top: 1px; }
.greenlist-filter .green-area-budget { padding: 10px; display: flex; }
.greenlist-filter .green-area-budget .form-control { font-size: 14px; }
.greenlist-filter .green-area-budget .form-control:last-child { margin-left: 15px; }
.greenlist-info { padding: 0; margin: 0 10px; line-height: normal; }
.greenlist-info i { color: var(--black-color); font-size: 16px; }
.btn-greenlist-trash { position: absolute; right: -25px; top: 10px; cursor: pointer; }
.greenlist-filter .dropdown.keep-inside-clicks-open .chip-wrapper .badge,
.greenlist-filter .dropdown.keep-inside-clicks-open .range-wrapper { border: 1px solid rgb(21 69 109/36%); padding: .2rem .4rem; border-radius: .25rem; font-size: 12px; margin-top: .7rem; margin-right: .5rem; font-weight: normal; color: rgb(15 54 97 / 65%); }
.greenlist-filter .dropdown.keep-inside-clicks-open .chip-wrapper .badge-more { background-color: var(--black-color); color: #fff; margin-right: 0; }
.range-sep { margin-right: .5rem; margin-left: .5rem; }
.btn-otp-greenlist { position: absolute; right: 0; top: 70px; font-size: 14px; }
.noc-table table.dataTable thead > tr > th, table.dataTable > tr > th { white-space: unset; }
.modal-body-announcement .announcement-title { font-size: 22px; font-family: 'Dubai-bold'; text-align: center; margin-bottom: 1rem; }
.icon-announcement { background-image: url(../assets/img/icon-announcement.svg); background-repeat: no-repeat; width: 55px; height: 40px; display: flex; margin: 0 auto; }
.modal-body-announcement .passcode-content p:last-child { margin-bottom: 0; }

.modal-width-600 { max-width: 600px; }
.icon-date-calendar,
.icon-time,
.icon-pin { background-repeat: no-repeat; display: flex; margin-right: 7px; width: 30px; background-position: center; }
.icon-date-calendar { background-image: url(../assets/img/icon-date-calendar.svg); height: 24px; }
.icon-time { background-image: url(../assets/img/icon-time.svg); height: 28px; }
.icon-pin { background-image: url(../assets/img/icon-pin.svg); height: 28px; }
.card-service { margin-bottom: 1rem; }
    .card-service .help-card-wrap { height: 100%; padding: 1rem; color: var(--black-color); text-decoration: none; margin-bottom: 0; display: flex; align-items: center; justify-content: center; box-shadow: none; border: 1px solid var(--bdr); transition: all .3s; }
.card-service .help-card-wrap:hover,
.card-service .help-card-wrap.highlight { background-color: #1166BB; cursor: pointer; color: #fff; border-color: #1166Bc; }
.card-service .help-card-title { font-size: 16px; margin-top: .8rem; text-align: center; margin-bottom: 0; }
.card-service .help-text { margin-bottom: 0 }
.card-service .help-card-title > span { font-size: 14px; font-weight: normal; }
.icon-service-1,
.transaction-services,
.title-deed-services,
.rental-services,
.residence-services,
.dispute-services,
.licensing-services,
.jointly-owned-services,
.developer-services,
.general-services { background-repeat: no-repeat; width: 40px; height: 40px; display: flex; background-position: center; }
.icon-service-1 { background-image: url(../assets/img/icon-service-1.svg); margin: 0 auto; }
.transaction-services { background-image: url(../assets/img/transaction-services.svg); }
.title-deed-services { background-image: url(../assets/img/title-deed-icon.svg); }
.rental-services { background-image: url(../assets/img/rental-services.svg); }
.residence-services { background-image: url(../assets/img/residence-services.svg); }
.dispute-services { background-image: url(../assets/img/dispute-services.svg); }
.licensing-services { background-image: url(../assets/img/licensing-services.svg); }
.jointly-owned-services { background-image: url(../assets/img/jointly-owned.svg); }
.developer-services { background-image: url(../assets/img/developer-s-b.svg); width: 43px; height: 43px; }
.general-services {background-image: url(../assets/img/general-service.svg);}
.arrow-list { list-style: none; padding: 0 0 0 1.5rem; margin-bottom: 0; }
.arrow-list li { padding: .4rem 0 .4rem 0; border-bottom: none; }
.arrow-list li:before { display: none; content: "\f054"; font-family: 'Font Awesome 5 Free'; display: inline-block; margin-left: -1.3rem; width: 1.3em; color: #CC123F; font-weight: 700; font-size: 12px; }
.arrow-list li a { color: var(--black-color); font-size: 15px; }
.breadcrumb-style {background-color: #112941; color: #fff; padding: 40px 0; }
    .breadcrumb-style .breadcrumb-title { margin: 0; font-family: var(--family-bold); color: #fff; font-size: 24px; }
.service-description-page .section-content p,
.service-description-page .side-panel p { margin-bottom: 0; }
.service-description-page .more-less-link[aria-expanded="false"] .less { display: none; }
.service-description-page .more-less-link[aria-expanded="true"] .less { display: inline; }
.service-description-page .more-less-link[aria-expanded="true"] .more { display: none; }
.character-limit { max-height: 170px; overflow: hidden; position: relative; font-size:15px;}
.character-limit.collapse.show { height: auto; max-height: inherit; }
.character-limit.collapse.show,
.character-limit.collapse { display: block !important; }
.character-limit.show:after { display: none; }
.character-limit:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-image: linear-gradient(180deg,hsla(0,0%,100%,0) 90%,#f9f9f9); }
.ui-service-card { text-decoration: none !important; text-align: center; height: 100%; transition: all .3s;}
.ui-service-card:hover, .active > .ui-service-card { /*background-color: #1166BB; border: 1px solid #1166Bc;*/ color: var(--black-color); }
.active > .ui-service-card .badge-custom { color:currentColor;}
.badge-custom { color: #00893E; border: 1px solid currentColor; }
.ui-service-card .badge-custom { width: 100%; margin-top: 1rem; color: var(--theme-green); background-color: rgb(0 122 53 / 10%); border-radius: 8px; padding: 12px 16px; font-family: 'Dubai-bold'; font-size: 14px; transition: all .3s; border: none; text-align: left; position: relative; align-items: center; justify-content: center; }
.ui-service-card .badge-custom:after{content: "";width: 8px;height: 8px;border: solid var(--theme-green);border-width: 0 3px 3px 0;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);position: absolute;margin-right: auto;right: 15px; top:16px;}
.ui-service-card:hover .badge-custom {background-color: var(--theme-green);color: #fff;}
.ui-service-card:hover .badge-custom:after {border: solid #e8f6fc;border-width: 0 3px 3px 0;}
.ui-service-card:hover .card-footer,
.faqs-section .card-service .active .ui-service-card .card-footer { border-top: 1px solid rgb(255 255 255 / 0.35); }
.ui-service-card .card-body { text-align: left; align-items: flex-start; justify-content: center; display: flex; flex-direction: column; padding: 25px;}
    .ui-service-card .card-body .card-title { margin-top: 1rem; margin-bottom: 1rem; font-family: 'Dubai-bold'; font-size: 18px; }
.ui-service-card .card-body .help-text p { margin-bottom: 0; }
.ui-service-card .card-footer { background-color: transparent; display: flex; align-items: center; justify-content: space-between; color: var(--black-color); font-size: 13px; font-family: 'Dubai-bold'; }
.services-page-search .search-result-info { margin-top: -10px; margin-bottom: 15px; }
.services-page-search .search-result-info a { margin-left: 10px; }
.icon-pdf-o-white { background-image: url(../assets/img/icon-pdf-o-white.svg); background-repeat: no-repeat; display: inline-flex; width: 20px; height: 20px; position: relative; top: 3px; }
.btn-outline-blue { color: var(--black-color) !important; border: 1px solid var(--black-color); font-size: 13px; padding: .25rem .5rem; }
.btn-outline-green { color: #00893E !important; border: 1px solid #00893E; font-size: 13px; padding: .25rem .5rem; }
.btn-outline-red { color: #AD1F23 !important; border: 1px solid #AD1F23; font-size: 13px; padding: .25rem .5rem; }
.broker-login-link { display: flex; text-decoration: none !important; }
.year-transaction { font-size: 18px !important; font-family: 'Dubai-bold'; margin-bottom: 1rem; margin-top: 1rem; }
/*********Owner Tenant Flow css*********/
.multi-list-item-container { border: 1px solid var(--bdr); display: flex; margin-bottom: 1rem; align-items: center; padding-inline-end: .5rem; border-radius: 8px; }
.multi-list-item-container .flex-fill { padding: .3rem .5rem; }
.table-title-bootstrap { padding: .6rem .5rem; border-radius: 0; border: 1px solid #E2E2E3; background: #F9FAFB; font-family: 'Dubai-bold'; margin-bottom: -1px; border-top-left-radius: .3rem; border-top-right-radius: .3rem; }
.table-title-flex { display: flex; align-items: center; justify-content: space-between; }
.pagination-static-table { padding: .45rem .5rem; border-radius: 0 0 .3rem .3rem; border: 1px solid #E2E2E3; background: #F9FAFB; margin-top: -1px; display: flex; justify-content: flex-end; }
.pagination-static-table .pagination { margin-bottom: 0; }
.property-details .section-title { display: flex; text-decoration: none; padding: 0; border-radius: 0; border: none; border-bottom: 1px solid #E2E2E3; background: transparent; margin-bottom: 1rem; align-items: center; }
    .property-details .section-title h5 { font-family: 'Dubai-bold'; font-size: 18px !important; color: var(--black-color); border-bottom: 2px solid #B0120F; padding: 0.5rem 0.1rem; margin-bottom: -1px; }
.property-details .flex-grid,
.flex-grid-col-2 .flex-grid {flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
/*.property-details .table thead td,
.property-details .table thead th { font-weight: 600; padding: 0.5rem; }
.property-details .table td { padding: .5rem; }*/
.property-details .table td a { cursor: pointer; }
.ejari-contract .card .card-header { padding: .475rem .475rem .475rem .75rem; color: var(--black-color); display: flex; align-items: center; justify-content: space-between; font-family: 'Dubai-bold'; font-size: 18px; }
.ejari-fees .mydld-service-charge-title { background-color: #fbfbfb; font-family: 'Dubai-bold'; }
.ejari-fees .list-group-item { display: flex; align-items: center; justify-content: space-between; padding: .50rem; }
.ejari-fees .vat-total { background-color: #f8f9fa; font-size: 14px; }
.multi-list-add-container .is-common-container { align-items: center; display: flex; padding-top: 7px; gap: 1rem; }
    .multi-list-add-container .is-common-container .custom-control { display: inline-flex; border: 1px solid var(--bdr); padding: .375rem .8rem; margin: 0 10px 0 0 !important; position: relative; padding-left: 2.25rem; }
.ejari-contract .ui-datepicker-trigger,
.terminate-contract .ui-datepicker-trigger { right: 20px; }
.form-control.readonly { background-color: #e9ecef; cursor: not-allowed; }
.input-group .btn-a:first-child { border-right: none; }
.input-group .btn-a:last-child { border-left: none; }
.btn-a { border: 1px solid var(--bdr); color: var(--black-color) !important; box-shadow: none !important; }
.modal-ejari-contract-payment .modal-body { padding-bottom: 0; }
    .modal-ejari-contract-payment .modal-body + .col-md-12.mt-3 { border-top: 1px solid var(--bdr); padding-top: 1rem; padding-bottom: 1rem; margin-top: 0 !important; display: flex; align-items: center; justify-content: center; }
.notification-to-tenant { display: flex; align-items: center; justify-content: space-between; margin-bottom: 0; }
.notification-to-tenant label { margin-bottom: 0; }
.picker-loading { position: relative; top: 32px; right: 8px; z-index: 1; }
.picker-loading > span { background-color: #fff; }
.ejari-fees ~ .fees-action { justify-content: space-between; }
.fees-action { margin-top: 1rem; display: flex; justify-content: center; }
.fees-action > a { margin-left: 1rem; }
    .fees-action .or-cap { margin: 0 1rem; font-family: 'Dubai-bold'; }
.property-details .refn-box span { font-family: 'Dubai-bold'; }
.myddl-dashboard .dropdown-menu,
.mydld-property-list .dropdown-menu,
.property-details .dropdown-menu,
.unit-detail .dropdown-menu { font-size: 15px; border: 1px solid var(--bdr); padding-top: 0; padding-bottom: 0; border-top-left-radius: 0; border-top-right-radius: 0; margin-top: 3px; box-shadow: 0 6px 12px 0px rgba(0, 0, 0, 0.10); }
    .myddl-dashboard .dropdown-menu .dropdown-item,
    .mydld-property-list .dropdown-menu .dropdown-item,
    .property-details .dropdown-menu .dropdown-item,
    .unit-detail .dropdown-menu .dropdown-item { padding: .25rem 1rem; border-bottom: 1px solid var(--bdr); }
.myddl-dashboard .dropdown-menu .dropdown-item:last-child,
.mydld-property-list .dropdown-menu .dropdown-item:last-child,
.property-details .dropdown-menu .dropdown-item:last-child,
.unit-detail .dropdown-menu .dropdown-item:last-child { border-bottom: none; }
.myddl-dashboard .dropdown-menu .dropdown-item:focus,
.mydld-property-list .dropdown-menu .dropdown-item:focus,
.property-details .dropdown-menu .dropdown-item:focus,
.unit-detail .dropdown-menu .dropdown-item:focus { background-color: var(--black-color); }
.btn-quick-action.dropdown-toggle { position: relative; padding-right: 2rem; }
.btn-quick-action.dropdown-toggle::after { content: "\f0dd"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #fff; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); border-bottom: none; pointer-events: none; border: none; vertical-align: middle; position: absolute; margin: 0 auto; height: auto; line-height: normal; top: 8px; right: 12px; }
.myddl-dashboard .my-property .card { box-shadow: 0px 2px 8px 0px rgba(48, 48, 52, 0.08); border: 1px solid rgba(112, 112, 112, 0.24); border-radius: 16px; transition: all 300ms linear; text-decoration: none !important;}
.myddl-dashboard .my-property .leases-property .card { text-align: center; height: 100%; }
.myddl-dashboard .leases-property .card-title-and-icon { display: flex; align-items: self-start; flex-direction: column; }
.myddl-dashboard .my-property .leases-property .card .card-body { align-items: flex-start; padding-top: 3.5rem; justify-content: start; gap: 1rem; min-height: inherit; }
.myddl-dashboard .my-property .leases-property .card .card-body .card-title { justify-content: center; margin: 1.5rem 0 .2rem; font-size: 18px !important; }
.myddl-dashboard .my-property .card .property-number { margin-bottom: 0; font-family: 'Dubai-bold'; font-size: 28px; }
.myddl-dashboard .my-property .card .card-body .card-title { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin: 0; font-family: 'Dubai-bold'; gap: 1rem; }
.myddl-dashboard .my-property .card .card-body .card-title span:last-child { font-size: 18px; max-width: 250px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.icon-owned-property { background-image: url("../assets/img/icon-owned-property.svg"); background-repeat: no-repeat; width: 40px; height: 40px; display: flex; }
.icon-company-property { background-image: url("../assets/img/company-s-b.svg"); background-repeat: no-repeat; width: 50px; height: 50px; display: flex; }
.my-property,
.quick-action,
.card-ejari-services { margin-bottom: 1rem; }
.my-property .card-title-wrap { margin-top: 2rem; display: flex; align-items: end; width: 100%; justify-content: space-between;}
.myddl-dashboard .my-property .card .card-body {  display: flex; flex-direction: column; }
.view-all-property { position: absolute; right: 20px; top: 20px; font-size: 14px; cursor: pointer; display: flex; align-items: center; gap: .375rem; line-height: 16px; }
.my-property-detail { margin-top: 1.5rem; }
    .my-property-detail [class*='col-'] > span span:first-child { font-family: 'Dubai-bold'; }
.my-property-detail [class*='col-'] > span span:last-child { font-size: 14px; }
.my-property .my-property-detail [class*='col-'] > span { flex-direction: row-reverse; align-items: center; justify-content: space-between; background-color: #e0e9fd; display: flex; padding: .8rem; border-radius: var(--border-radius) }
.quick-action .card { cursor: pointer; text-decoration: none !important; height: auto; }
.quick-action .quick-link-card1,
.quick-action .quick-link-card2,
.quick-action .quick-link-card3,
.quick-action .quick-link-card4 { align-items: stretch; display: flex; }
.quick-action .quick-link-card1 .card { background-color: #EEF7F4; border-bottom: 3px solid #8ccab6; }
.quick-action .quick-link-card2 .card { background-color: #E8F1FA; border-bottom: 3px solid #8ba9c7; }
.quick-action .quick-link-card3 .card { background-color: #FFF2E9; border-bottom: 3px solid #c5a288; }
.quick-action .quick-link-card4 .card { border-bottom: 3px solid #e15862; }
.quick-action .quick-link-card5 .card { border-bottom: 3px solid #efc151; }
.quick-action .quick-link-card1 .card:hover,
.quick-action .quick-link-card2 .card:hover,
.quick-action .quick-link-card3 .card:hover { background-color: #1166BB; border-color: #1166Bc; transition: all .3s; }
.quick-action .quick-link-card1 .card:hover .card-title-and-icon span,
.quick-action .quick-link-card2 .card:hover .card-title-and-icon span,
.quick-action .quick-link-card3 .card:hover .card-title-and-icon span { color: #fff; }
.quick-action .card-body { display: flex; flex-direction: column; align-items: center; }
.quick-action .card-body .card-title { margin-top: .75rem; margin-bottom: 0; }
.quick-action .card-title-and-icon { display: flex; flex-direction: column; align-items: center; }
.quick-action .card-title-and-icon span { margin-top: .75rem; }
.card-ejari-services .card { border-bottom: 2px solid #e15862; text-decoration: none !important; transition: all .3s; cursor: pointer; height: auto; display: flex; margin-bottom: 1rem; }
.card-ejari-services .card .card-body { flex-direction: column; display: flex; }
.card-ejari-services .card-description { display: flex; flex-direction: column; width: 100%; margin-top: 20px; font-size: 13px; }
.card-ejari-services .card:hover { background-color: #1166BB; border-width: 1px 1px 2px 1px; border-color: #1166Bc; }
.card-ejari-services .card:hover span,
.card-ejari-services .card:hover .card-description { color: #fff; }
.card-ejari-services .card .card-body .card-title { margin-bottom: 0; font-family: 'Dubai-bold'; margin: 0 0 0 15px; }
.card-ejari-services .card-title-and-icon { display: flex; align-items: center; }
    .card-ejari-services .card-title-and-icon span { font-size: 16px; font-family: 'Dubai-bold'; margin-left: 15px; width: auto; }
.icon-my-request,
.icon-to-whom-concern,
.icon-my-profile,
.icon-ejari-contract,
.icon-lease-property,
.icon-request-sent,
.icon-request-received,
.card .icon-mollak-sc,
.icon-fthb-card,
.icon-my-vipowner { background-repeat: no-repeat; width: 40px; height: 40px; display: flex; }
.icon-my-request { background-image: url("../assets/img/icon-my-request.svg"); }
.icon-to-whom-concern { background-image: url("../assets/img/icon-to-whom-concern.svg"); }
.icon-lease-property { background-image: url("../assets/img/icon-lease-property.svg"); }
.icon-my-profile { background-image: url("../assets/img/profile.svg"); }
.icon-my-vipowner { background-image: url('../assets/img/icon-vipowner.svg'); }
.icon-ejari-contract, .icon-mydld-ejari-contract { background-image: url("../assets/mydld-img/icon-ejari-contract.svg"); }
.icon-mydld-request-sent { background-image: url(../assets/mydld-img/icon-request-sent.svg); background-position: center; }
.card-ejari-services .card:hover .icon-request-sent { background-image: url(../assets/img/icon-request-sent-h.svg); }
.icon-mydld-request-received { background-image: url(../assets/mydld-img/icon-request-received.svg); background-position: center; }
.card-ejari-services .card:hover .icon-request-received { background-image: url(../assets/img/icon-request-received-h.svg); }
.card-ejari-services .card:hover .icon-ejari-contract { background-image: url(../assets/img/icon-ejari-contract-h.svg); }
.quick-action .quick-link-card1 .card:hover .icon-my-request { background-image: url(../assets/img/icon-my-request-h.svg); }
.quick-action .quick-link-card2 .card:hover .icon-to-whom-concern { background-image: url(../assets/img/icon-to-whom-concern-h.svg); }
.quick-action .quick-link-card3 .card:hover .icon-my-profile { background-image: url(../assets/img/icon-my-profile-h.svg); }
.icon-iam-tenant { background-image: url("../assets/img/icon-iam-tenant.svg"); background-repeat: no-repeat; width: 40px; height: 40px; display: flex; }
.icon-mydld-mollak-sc { background-image: url(../assets/mydld-img/icon-mollak-charge.svg); }
.icon-mydld-mcrequest { background-image: url(../assets/mydld-img/icon-mydld-mcrequest.svg); }
.mydld-chart { width: 100%; height: 200px; border-radius: 16px; }
.mydld-chart .highcharts-color-0 { fill: #FF545C; stroke: #FF545C; }
.mydld-chart .highcharts-color-1 { fill: #FF8528; stroke: #FF8528; }
.mydld-chart .highcharts-color-2 { fill: #4751B3; stroke: #4751B3; }
.mydld-chart .highcharts-title { fill: var(--black-color); }
.user-img { width: 50px; height: 50px; }
.user-name-with-image { display: flex; align-items: center; }
.user-name-with-image h5 { display: flex; flex-direction: column; line-height: 20px; margin: 0 0 0 1rem; }
.property-value { font-family: 'Dubai-bold'; font-size: 28px; }
.property-label { font-size: 14px; }
.spinner-border-no-shift { top: 0% !important; }
.info-property-lease { position: absolute; right: 10px; top: 10px; font-size: 20px; z-index: 1; cursor: pointer; }
.info-property-lease i { color: #c1c3c7; }
.property-box .dataTable tr th,
.property-box .dataTable tr td { font-size: 14px; }
.mydld-chart .highcharts-legend-item > text { fill: #333333 !important; font-family: var(--family-bold); font-size: 1em; cursor: pointer; stroke-width: 0; font-size: 12px !important; }
.mydld-chart .highcharts-color-0 .highcharts-point { fill: #FF545C; stroke: #FF545C; }
.mydld-chart .highcharts-color-1 .highcharts-point { fill: #FF8528; stroke: #FF8528; }
.myddl-dashboard .leases-property .card-title-and-icon > span { font-size: 22px; font-family: 'Dubai-bold'; margin: 0; text-align: left; }
.my-property-leased-description { text-align: left; display: flex; flex-direction: column; align-items: flex-start; font-size: 16px; margin-top: 1rem; }
.my-property-leased-description a { text-decoration: underline !important; cursor: pointer; color: var(--black-color) !important; margin-top:.5rem;}
/*.property-details .btn-custom-toggle, .b-user-card-wrapper .btn-custom-toggle{ margin-bottom: 0; border: 1px solid #dededf; padding: 3px; }*/
.comment-section .list-group .comment-list { margin-bottom: 2rem; }
.comment-section .list-group .comment-list:last-child { margin-bottom: 1rem; }
.comment-section .comment-list .user-name { display: flex; flex-direction: column; margin-top: 3px; font-size: 14px; }
.comment-section .comment-list .user-type { position: absolute; top: -12px; display: flex; background-color: #fff; padding: 0px 12px; left: 8px; font-size: 14px; }
.comment-section .comment-list .user-name span { font-family: 'Dubai-bold'; }
.comment-section .comment-list .user-comment { margin: 10px 0 0; display: flex; }
.comment-section .comment-list .comment-date { display: flex; align-items: center; font-size: 14px; font-weight: normal !important; }
.comment-section .comment-list .comment-date i { margin-right: .5rem; }
.terms-and-condition-list { list-style: decimal; padding-left: 0; }
.terms-and-condition-list li { margin-bottom: .5rem; }
.icon-pdf-document { background-image: url("../assets/img/icon-pdf-o.svg"); background-repeat: no-repeat; width: 40px; height: 40px; display: flex; }
.table-box .dt-container table.dataTable tr th,
.table-box .dt-container table.dataTable tr td { font-size: 14px; white-space: nowrap; }
.property-details .card-header { font-family: var(--family-medium); }
.my-dld-action .card-service [class*='col-'] { margin-bottom: 20px; }
.my-dld-action .ui-service-card { transition: all .3s; position: relative; background-color: #fff; }
    .my-dld-action .ui-service-card:hover { transform: scale(1.09); z-index: 1; box-shadow: 0 5px 16px rgb(0 0 0 / 15%); background-color: #fbfbfb; }
    .my-dld-action .ui-service-card, .my-dld-action .ui-service-card:hover { background-color: transparent; border: 1px solid var(--bdr); height: auto; margin-bottom: 1rem; color: var(--black-color); }
.my-dld-action.card-service [class*='col-'] { align-items: stretch; display: flex; }
.my-dld-action .ui-service-card .card-body { text-align: left; align-items: flex-start; justify-content: flex-start; }
.my-dld-action .ui-service-card .card-body .card-title { margin-top: 0; margin-bottom: 0; width: 87%; line-height: normal; }
.my-dld-action .ui-service-card .card-body .help-text p { font-size: 13px; margin-top: .5rem; }
.my-dld-action .ui-service-card .card-body .help-text p:empty { display: none; }
.badge-count { background-color: #dddddd; font-size: 14px; color: #000; position: absolute; right: 10px; top: 10px; width: 25px; height: 25px; border-radius: 16px; display: inline-flex; align-items: center; justify-content: center; }
.ui-service-card:hover .badge-count { background-color: #fff; color: var(--black-color); }
.my-dld-action .ui-service-card .badge-count { background-color: #ff0000; color: #fff }
.my-dld-action .ui-service-card:hover .badge-count { background-color: #ff0000; }
.add-payment-link { text-align: right; }
.add-payment-link .form-group { margin-bottom: 0; }
.property-details [class*='col-'].form-group { margin-bottom: 1.5rem; }
.ejari-contract .content-section { margin-top: 1.2rem; }
.request-detail { margin-bottom: 2rem; }
/************End MyDLD New Dashboard**************/
.rvs-points { padding-left: 10px; padding-right: 10px; margin-bottom: 0; }
.rvs-points li { margin-bottom: 10px; }
.rvs-points li:last-child { margin-bottom: 0; }
/*faqs section*/
.faqs-section .accordion .card .card-header p { margin-bottom: 0; }
.faqs-section .card-service a { text-decoration: none; }
.faqs-section .card-service .active .ui-service-card { background-color: #1166BB; border: 1px solid #1166Bc; }
.faqs-section .card-service { border-bottom: none; margin-bottom: 0; }
.faq-search-title { display: flex; align-items: center; }
.faq-search-result { font-weight: normal; font-size: 16px; margin: 0 10px; }
.faq-back-link { margin-top: -6px; font-size: 14px; }
.search-result-list .tab-pane:first-child,
.search-result-list .tab-pane:first-child .section-title-span { padding-top: 0 !important; }
.search-result-list .tab-pane .card-header strong,
.search-result-list .tab-pane .card-header strong p { font-weight: normal; margin-bottom: 0; }
/*end faqs section*/
.role-type-wrapper { display: flex; width: 100%; justify-content: space-between; align-items: center; border-top: none; margin-top: 0; padding: .5rem 1rem; }
.role-type-img img { max-height: 55px; }
.role-type-wrapper svg { width: 60px; }
.document-upload-owner-committee { margin-bottom: 1rem; }
.document-upload-owner-committee .form-group { margin-bottom: 0; }
/*rvs*/
.rvs-search-company .table { font-size: 14px; margin-bottom: .5rem; }
.pagination-wrapper { display: flex; justify-content: flex-end; }
.pagination-wrapper .pagination { margin-bottom: 0; }
.rvs-transaction-number { font-family: 'Dubai-bold'; padding: .475rem .75rem; background-color: rgba(0,0,0,.03); margin-bottom: 1rem; border: 1px solid var(--bdr); border-left: 3px solid var(--black-color); }
/*end rvs*/
.modal-body-mydld { display: flex; flex-direction: column; align-items: center; }
.modal-body-mydld .alert-danger-mydld { width: auto; min-width: 200px; }
#btnCloseChat .icon-close-chat { background-image: url(../assets/img/icon-close-chat.svg); background-repeat: no-repeat; width: 24px; height: 25px; display: flex; }
/*RVS Contract Complaint Modal*/
.rvs-contract-complaint-modal { font-size: 14px; }
.rvs-contract-complaint-modal .ltr { direction: ltr; text-align: left !important; }
.rvs-contract-complaint-modal .rtl { direction: rtl; text-align: right !important; }
.rvs-contract-complaint-modal .w-33 th,
.rvs-contract-complaint-modal .w-33 td { width: 33.33333% }
.rvs-contract-complaint-modal .w-25t th,
.rvs-contract-complaint-modal .w-25t td { width: 25% }
.rvs-contract-complaint-modal .heading { background-color: #EFF7FF; color: #000; border-bottom: 1px solid #ACD3FF; border-top: 1px solid #ACD3FF; margin-bottom: 1rem; }
.rvs-contract-complaint-modal .heading th { padding: 8px 10px; }
/*End RVS Contract Complaint Modal*/
/*My DLD Card view*/
.leases-property .view-all-property i { margin-left: 5px; }
.property-card { align-items: stretch; display: flex; }
.property-card .card { margin-bottom: 30px; }
.property-card .card .custom-body { padding: .750rem; align-items: start; }
.property-card .detail-holder { width: 100%; }
    .property-card .custom-body .detail-holder .custom-card-title { background-color: rgba(15, 54, 97, .03); padding: 1rem; line-height: 16px; margin-left: -.750rem; margin-right: -.750rem; margin-top: -.75rem; }
    .property-card .custom-card-title,
    .property-card .custom-card-area { line-height: normal; border-bottom: 1px solid var(--bdr); display: flex; align-items: center; justify-content: space-between; padding: 1rem; background-color: #f8faff; border-radius: 10px 10px 0 0; }
.property-card .custom-card-title span:first-child { font-family: var(--family-bold); display: block; font-size: 14px; max-width: 250px; }
.property-card .property-card-detail { border-top: 1px solid #fbfbfb; margin: 0 0 .8rem; padding: .8rem 0 0; }
.property-card .custom-card-title + .property-card-detail { border-top: none; padding-top: 0; }
.property-card .property-card-detail [class*='col-'] span:first-child { font-family: var(--family-bold); display: flex; font-size: 13px; }
.property-card .custom-card-title span:last-child,
.property-card .custom-card-area span:last-child,
.property-card .property-card-detail [class*='col-'] span:last-child { font-size: 14px; color: rgba(15, 54, 97, 0.70); margin-top: 3px; display: flex; }
    .property-card .property-card-detail [class*='col-'] { line-height: 16px; }
.property-card .property-card-detail.col-item-3 [class*='col-'] { margin-bottom: 0; }
.property-card .property-card-detail.col-item-3 [class*='col-']:not(:first-child) span,
.property-card .property-card-detail [class*='col-']:not(:first-child) span { justify-content: center; align-items: center; text-align: center; }
.property-card .property-card-detail [class*='col-'] span.contract-amount { font-family: var(--family-bold); }
.property-status { font-size: 12px; padding: .25rem 1rem; position: relative; /*top: -3px; font-family: var(--family-bold);*/ margin-left: auto; border-radius: 6px; }
/*status classes*/
.property-status.entered,
.property-status.submit { background-color: rgba(94, 111, 185, 0.11); border: 1px solid #5E6FB9; color: #5E6FB9 !important; }
.property-status.pending-payment,
.property-status.pending,
.property-status.request-for-update { background-color: rgba(229, 143, 14, 0.11); border: 1px solid #E58F0E; color: #E58F0E !important; }
.property-status.paid, .property-status.active { background-color: rgba(9, 149, 18, 0.11); border: 1px solid #099512; color: #099512 !important; }
.property-status.completed,
.property-status.under-auditing,
.property-status.rera-director-approval,
.property-status.rera-approval { background-color: rgba(9, 149, 222, 0.11); border: 1px solid #0995DE; color: #0995DE !important; }
.property-status.rejected,
.property-status.cancelled,
.property-status.cancel,
.property-status.closed{ background-color: rgba(204, 0, 0,0.11); border: 1px solid #CC0000; color: #CC0000 !important; }
.property-status.pickup,
.property-status.picked { background-color: rgba(66, 174, 188, 0.11); border: 1px solid #42AEBC; color: #42AEBC !important; }
.property-status.review { background-color: rgba(39, 177, 212, 0.11); border: 1px solid #27B1D4; color: #27B1D4 !important; }
.property-status.draft {background-color: rgb(82 82 82 / 11%);border: 1px solid #636363;color: #636363 !important;}
.property-status.deleted {background-color: rgb(239 21 47 / 11%);border: 1px solid #EF152F;color: #EF152F !important;}
.property-status.on-hold {background-color: rgb(147 90 224 / 11%);border: 1px solid #935AE0;color: #935AE0 !important;}
/*end status classes*/
.property-card-action { border-top: 1px solid var(--bdr); padding: 16px; gap: 1rem; width: 100%; display: flex; }
    .property-card-action .btn { border-color: var(--bdr); width: 50%; flex-grow: 1; white-space: nowrap; }
/*.property-card-action [class*='col-'] { display: flex; justify-content: space-between; margin-top: 0; }
.property-card-action [class*='col-'] .btn-link { font-size: 14px; background-color: transparent; padding: 0; border: none; outline: none; margin-left: auto }
.property-card-action [class*='col-'] .btn-link:not(:first-child),
.property-card-action [class*='col-'] .btn-link:not(:last-child) { margin-left: inherit; }*/
.property-details .page-function { display: flex; align-items: center; }
    .property-details .page-function .proeprty-page-sub-title { font-family: 'Dubai-bold'; }
.property-details .pagination-static-table { justify-content: center; }
.property-details .pagination .page-link { padding: .5rem .8rem; }
.modal-body-passcode { display: flex; flex-direction: column; align-items: center; }
.modal-body-passcode .alert-danger-mydld { width: auto; min-width: 200px; }
.page-title .btn-toggle .btn .fa-th-list,
.page-title .btn-toggle .btn .fa-map { font-size: 14px; margin-right: 8px; }
.property-status-position { display: flex; flex-direction: column; }
.property-details .land,
.property-details .unit,
.property-details .villa { padding-bottom: 3rem; margin-bottom: 3rem; border-bottom: 1px solid var(--bdr); }
/*.property-details .btn-custom-toggle + .btn-custom-toggle { margin-left: 0; }*/
.property-details .page-function .input-group { margin-bottom: 0; }
.hide-ui-toolbar .dataTables_wrapper .ui-corner-tl.ui-corner-tr { display: none; }
/*End My DLD Card view*/
.row-multi-field { padding-right: 0; }
/*verify email*/
.msg-wrapper { display: flex; align-items: center; justify-content: center; }
    .msg-wrapper .msg-wrapper-inner { border: 1px solid var(--bdr); background-position: 0 0; background-color: rgba(255, 255, 255, .50); display: flex; flex-direction: column; align-items: center; padding: 2rem; min-width: 380px; }
.lottie-60,
.lottie-90,
.lottie-100,
.lottie-200 { display: flex; align-items: center; justify-content: center; overflow: hidden; }
.lottie-60 { width: 60px; height: 60px; }
.lottie-70 { width: 70px; height: 70px; }
.lottie-90 { height: 90px; width: 90px; }
.lottie-100 { width: 100px; height: 100px; }
.lottie-200 { width: 200px; height: 100px; }
/*.alert-danger { color: #bd0f1f; background-color: rgba(248, 215, 218, .36); border-color: #bd0f1f; padding: .50rem 1.25rem; border-left: 4px solid #bd0f1f; font-size: 14px; }
.alert-success { color: #00893e; background-color: rgba(212, 237, 218, .50); border-color: #00893e; padding: .50rem 1.25rem; border-left: 4px solid #00893e; font-size: 14px; }
.alert-warning { border-radius: 4px; background: #fffaf3; border: 1px solid #e09b0d; border-left: 4px solid #e09b0d; font-size: 14px; color: #674705; width: fit-content; padding-top:.5rem; padding-bottom:.5rem;}
*/.w-90 { width: 90px; }
/*End verify email*/
/*Cancelled project UI*/
.cancelled-projectStatus .swiper-slide { padding: 1rem 4rem 4rem; /*height: 200px;*/ }
.cancelled-projectStatus .swiper-button-prev,
.cancelled-projectStatus .swiper-container-rtl .swiper-button-next { left: 0; right: auto; }
.cancelled-projectStatus .swiper-button-next,
.cancelled-projectStatus .swiper-container-rtl .swiper-button-prev { right: 0; left: auto; }
.cancelled-projectStatus .swiper-pagination-bullet { background-color: #fff; border: 2px solid #BDBDBD; opacity: 1; }
.cancelled-projectStatus .swiper-pagination-bullet-active { background-color: #BDBDBD; }
.cancelled-projectStatus .swiper-button-next:after, .cancelled-projectStatus .swiper-button-prev:after { font-size: 15px; font-family: 'Dubai-bold'; }
.cancelled-projectStatus .swiper-button-next, .cancelled-projectStatus .swiper-button-prev { background-color: #fff; width: 35px; height: 35px; color: var(--black-color); border-radius: 100%; border: 2px solid var(--black-color); }
.cancelled-projectStatus .card { box-shadow: 0px 12px 30px rgba(0, 0, 0, 0.05); border-radius: 10px; }
.cancelled-projectStatus .card-header { display: flex; justify-content: space-between; align-items: center; padding: .5rem 1rem; background-color: #fff; border-radius: 10px 10px 0 0 !important; }
    .cancelled-projectStatus .card-header .span-title { font-family: 'Dubai-bold'; font-size: 18px; }
.cancelled-projectStatus .card-header .btn { border-radius: 5px; }
.cancelled-projectStatus .btn-close { color: #C8C8C8; padding: 0; }
.cancelled-projectStatus .c-img { background-color: #fbfbfb; border: 1px solid #EFEFEF; padding: 2rem; border-radius: 10px; display: flex; }
.cancelled-projectStatus .c-img img { border-radius: 10px; }
.cp-detail-title { display: flex; justify-content: space-between; align-items: center; }
    .cp-detail-title span { font-family: 'Dubai-bold'; }
.cp-contractor-name { font-size: 14px; font-family: 'Dubai-bold'; margin: .8rem 0 .5rem; text-align: left; }
.cp-detail-tabs .nav-tabs .nav-link { background-color: transparent; border-color: transparent transparent #F0F0F0; font-size: 14px; }
.cp-detail-tabs .nav-tabs .nav-item { width: 100%; display: flex; align-items: center; justify-content: space-between }
.checkbox-infrastructure-available { font-size: 14px; display: flex; align-items: center; justify-content: center; }
.checkbox-infrastructure-available .custom-control-label::before { border: var(--black-color) solid 1px; top: .2rem; }
.cp-detail-tabs .nav-tabs .nav-link.active { color: #00893E; font-family: 'Dubai-bold'; border-color: transparent transparent #00893E; }
.cp-detail-tabs .tab-pane p { font-size: 14px; text-align: left; }
.cp-description { border: 1px solid #f0f0f0; padding: .8rem 0; }
.cp-description .col-4:not(:first-child) { border-left: 1px solid #F0F0F0; }
.cp-description [class*="col-"] { display: flex; flex-direction: column;}
    .cp-description [class*="col-"] span:first-child { font-family: 'Dubai-bold'; margin-bottom: 5px; font-size: 14px; }
.cp-description [class*="col-"] span:last-child { font-size: 12px; }
.cp-progress-container { background-color: #F6F6F6; border: 1px solid #F4F4F4; border-radius: 10px; padding: 1rem; font-size: 14px; }
.cp-progress-container .cp-progress-item { display: flex; align-items: center; justify-content: space-between; margin-bottom: .5rem; }
.cp-progress-container .progress { height: 4px; background-color: #ffffff; }
.cp-progress-container .progress .green-bar { background-color: #00CD98; }
.cp-progress-container .progress .yellow-bar { background-color: #FF9F05; }
.cp-progress-container .progress .red-bar { background-color: #F2636E; }
.project-dashboard-login .login-form-gray { background-color: rgba(255, 255, 255, 0.60); padding: 20px 30px 35px; -webkit-box-shadow: 0 6px 25px 0 rgb(0 0 0 / 5%); box-shadow: 0 6px 25px 0 rgb(0 0 0 / 5%); border: none; border-radius: 10px; }
/*End Cancelled Project UI*/

/*Mollak Service charge*/
.mydld-card-info-icon { position: absolute; right: 5px; top: 5px; color: rgba(15, 54, 97, .20); }
.card-ejari-services .card:hover .mydld-card-info-icon { color: #fff; }
.font-20 { font-size: 20px; }
.payment-invoice { padding: 1rem; border-left-width: 1px; border-radius: 0; }
.pay-with-option { margin-bottom: 1.5rem; }
.payment-invoice .alert-light-grey { background-color: transparent; border: none; margin-top: 1rem; display: flex; align-items: center; margin-bottom: 0; font-size: 12px; padding: 0 }
.payment-invoice .alert-light-grey i { font-size: 18px; margin-right: 15px; }
.payable-amount { font-family: 'Dubai-bold'; margin-top: 1rem; }
.payable-amount span:last-child { font-size: 20px; }
.payment-invoice .invoice-date,
.payment-invoice .Invoice-ref { display: flex; flex-direction: row; }
.payment-invoice .invoice-date span:first-child,
.payment-invoice .Invoice-ref span:first-child { margin-right: 1rem; flex: 0 0 35%; font-family: 'Dubai-Bold'; }
.payment-title { padding: 0 0 .5rem; margin-bottom: -1px; display: flex; justify-content: space-between; }
.mydld-service-charge .mydld-service-charge-title { background-color: #fbfbfb; font-family: 'Dubai-Bold'; }
.mydld-service-charge .list-group-item { display: flex; align-items: center; justify-content: space-between; padding: .50rem; font-size: 14px; }
.mydld-service-charge .vat-total { background-color: #f8f9fa; font-size: 14px; }
.mollak-payment { padding: 1.5rem 1rem .5rem; border: 1px solid var(--bdr); display: flex; flex-direction: column; align-items: stretch; height: 100%; }
.property-details .pdf-tempalte .pdf-link { color: #CC123F; text-decoration: underline; cursor: pointer; }
/*End Mollak Service charge*/
.btn-investor-request .dropdown-toggle { padding-right: 2rem; padding-left: 1rem; }
.btn-investor-request .dropdown-toggle span:after { content: ""; border-right: 1px solid #fff; position: relative; right: -7px; }
.btn-investor-request .dropdown-toggle:after { position: relative; right: -20px; }
.investor-request-from .online-registration-form .form-control ~ .error { display: none !important; }
/*Morgage Quation css*/
.mortgage-bank-detail { max-height: 300px; overflow: auto; }
.mortgage-bank-detail .list-group-item:first-child,
.mortgage-bank-detail .list-group-item:last-child { border-radius: 0; }
.mortgage-bank-detail .list-group .custom-control { padding-left: 2.25rem; display: flex; font-size: 14px; }
.mortgage-bank-detail .custom-control-label::before { top: .10rem; }
.mortgage-bank-detail .custom-control-label::after { top: -0.15rem; }
.bank-name { border: 1px solid #efefef; padding: .6rem; display: flex; align-items: center; justify-content: space-between; }
.bank-name span { display: flex; font-size: 14px; }
    .bank-name span:last-child { font-family: 'Dubai-bold'; }
.bank-name .btn { color: var(--black-color); outline: none; box-shadow: none; }
.success-modal-quotation .flex-grid > div > span { flex: 0 0 35%; }
.success-modal-quotation .flex-grid > div > span:nth-child(2n+1) { flex: 0 0 65%; }
.success-modal-quotation .flex-grid > div > span { flex: 0 0 35%; font-size: 14px; }
.success-modal-quotation .flex-grid > div > span:nth-child(2n+1) { flex: 0 0 65%; }
/*End Morgage Quation css*/
/*transaction page UI*/
.card.trnsaction-graph-boxes { border: 1px solid var(--bdr); padding: 0 0 2px; margin-top: .5rem; margin-bottom: .5rem; box-shadow: 0 0 12px 1px #477d8a28; }
.trnsction-data-from-react .highcharts-figure .highcharts-background, .highcharts-background { fill: #ffffff !important; }
.trnsction-data-from-react .highcharts-figure { min-width: 310px; max-width: 100%; margin: 0 1rem; }
.trnsction-data-from-react .highcharts-data-table table { font-family: var(--Dubai), sans-serif; border-collapse: collapse; border: 1px solid #EBEBEB; margin: 10px auto; text-align: center; width: 100%; max-width: 500px; }
.trnsction-data-from-react .highcharts-data-table caption { padding: 1em 0; font-size: 1.2em; color: #555; }
.trnsction-data-from-react .highcharts-data-table th { font-family: 'Dubai-bold'; padding: 0.5em; }
.trnsction-data-from-react .highcharts-data-table td,
.trnsction-data-from-react .highcharts-data-table th,
.trnsction-data-from-react .highcharts-data-table caption { padding: 0.5em; }
.trnsction-data-from-react .highcharts-data-table thead tr, .trnsction-data-from-react .highcharts-data-table tr:nth-child(even) { background: #f8f8f8; }
.trnsction-data-from-react .highcharts-data-table tr:hover { background: #f1f7ff; }
.trnsction-data-from-react .owner-db .portfolio-box { display: flex; align-items: center; justify-content: center; padding: .8rem 1rem; margin-bottom: 14px; margin-right: 20px; margin-top: 10px; }
.t-property-count > div { display: flex; flex-direction: column; align-items: center; }
    .t-property-count > div span:first-child { font-family: 'Dubai-bold'; }
.t-property-count > div span:last-child { font-size: 14px; }
.trnsction-data-from-react .tabs { border: 1px solid var(--bdr); padding: 1rem; border-radius: .25rem; box-shadow: 0 0 12px 1px #477d8a28; }
.trnsction-data-from-react .transformer-tabs > ul { background-color: transparent; border: none; }
.trnsction-data-from-react .transformer-tabs > ul li { margin-right: -1px; }
.trnsction-data-from-react .transformer-tabs a.active,
.trnsction-data-from-react .transformer-tabs a:focus,
.trnsction-data-from-react .transformer-tabs a:hover,
.trnsction-data-from-react .dld-tabs a.active { background-color: #1D58A5; border: 1px solid #1d58a6; color: #fff; }
.trnsction-data-from-react .transformer-tabs a { display: inline-block; padding: .375rem 1.5rem; text-decoration: none; border-left: none; font-size: 12px; transition: all .3s; background-color: #F4F4F4; border: 1px solid var(--bdr); }
.container-wrapper .trnsction-data-from-react .transformer-tabs { margin-bottom: 1rem; border-bottom: 1px solid var(--bdr); padding-bottom: 1rem; margin-left: -16px; padding-left: 16px; margin-right: -16px; padding-right: 16px; }
.trnsction-data-from-react .export-btn .btn-custom-toggle .btn i { display: none }
.trnsction-data-from-react .export-btn .btn-custom-toggle { margin: 0 5px 4px 0; }
/*.trnsction-data-from-react .btn-wrapper-group .btn,
.trnsction-data-from-react .btn-wrapper-group .btn-custom-toggle .btn,
.trnsction-data-from-react .btn-custom-toggle .btn { margin-bottom: 0; padding: .375rem .75rem; height: auto; line-height: normal; }*/
.trnsction-data-from-react .btn-wrapper-group .pdf-export + .hide .btn-primary { height: 32px; }
.trnsction-data-from-react .btn-wrapper-group { display: flex; justify-content: flex-end; margin-top: 17px; margin-right: 16px; }
.trnsction-data-from-react .dropdown-menu.show { left: -90px !important; padding: .2rem 0; }
.alert-firstSecondSale { font-size: 12px; padding: .5rem 0 !important; margin-top: -15px; justify-content: space-between; }
.alert-firstSecondSale ul { display: flex; list-style: none; padding-left: 0; }
.alert-firstSecondSale ul li { margin-right: 5px; }
/*.report-type-ddl { padding: .25rem .50rem .375rem; height: 32px; margin-right: 12px; font-size: 13px; appearance: auto; }*/
.trnsction-data-from-react .highcharts-color-0 { fill: #00B5AD; stroke: #00B5AD; }
.trnsction-data-from-react .highcharts-series-0 .highcharts-graph { stroke: #00B5AD !important; }
.trnsction-data-from-react .highcharts-color-1 { fill: #1166BB; stroke: #1166BB; }
.trnsction-data-from-react .highcharts-series-1 .highcharts-graph { stroke: #1166BB !important; }
.trnsction-data-from-react .highcharts-color-1 .highcharts-point { stroke: #1166BB; fill: #1166BB; }
.trnsction-data-from-react .highcharts-color-0 .highcharts-point { stroke: #00B5AD; fill: #00B5AD; }
.ranges li { color: var(--black-color); }
.ranges li.active { background: #1d58a5; border: 1px solid #1d58a6; color: #fff; }
.range_inputs .btn-success { color: #fff; background-color: #00893E; border-color: #00893f; }
.daterangepicker .input-mini { font-size: 14px; }
.trnsction-data-from-react .highcharts-tooltip-box { stroke-width: .5px; fill: #f4f4f4; fill-opacity: 0.85; }
.trnsction-data-from-react .owner-db .portfolio-box .fund-icon { height: 65px; }
.trnsction-data-from-react .highcharts-crosshair-thin { stroke-width: 60.5; stroke: #ccd6eb; stroke-opacity: 0.25; }
.transaction-list-action-btns > div { display: flex; align-items: center; }
.transaction-export-ddl { background-color: #F4F4F4; border-color: var(--bdr); color: var(--black-color); box-shadow: none; border-radius: .375rem; align-items: center; font-size: 12px; margin-bottom: 0; padding: .375rem .75rem; }
.transaction-export-ddl.dropdown-toggle::after { font-size: 16px; position: relative; top: 3px; right: -5px; }
.transaction-list-action-btns .btn-custom-toggle { margin-bottom: 0px; margin-right: 12px; }
.transaction-table .map-result-wrapper { right: 0; }
.transaction-map-data > div { margin-bottom: .8rem; border-bottom: 1px solid #dee2e6; padding-bottom: .8rem; }
.transaction-map-data > div:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
    .transaction-map-data > div > span:first-child { display: flex; font-family: 'Dubai-bold'; font-size: 16px; }
.transaction-map-data > div > span:last-child { display: flex; font-size: 14px; }
/*End transaction page UI*/
.court-case-title { font-weight: 600; font-size: 14px; padding-bottom: .3rem; display: inline-block; }
.land-status-court-case { padding-left: 0px; list-style: none; }
.land-status-court-case li { border-bottom: 1px solid #fbfbfb; padding: .3rem 0; font-size: 14px }
.land-status-court-case li:first-child { border-top: 1px solid #fbfbfb; }
.land-status-court-case li:last-child { border-bottom: none; }
/*DLD Vault css*/
.go-paperless-img img { width: 410px; max-width: 100% !important; }
.vault-login-container { height: 75vh; display: flex; align-items: center; justify-content: center; }
.vault-login { max-width: 380px; background-color: #fff; box-shadow: 0px 0px 42px 10px rgb(2 36 36 / 5%); padding: 2.5rem 2.5rem 1.5rem; border-radius: 10px; }
.icon-vault-login { background-image: url(../assets/img/icon-vault-login.svg); background-repeat: no-repeat; width: 40px; height: 40px; display: flex; margin: 0 auto 1rem; }
.vault-login-title { font-weight: 600; display: flex; margin-bottom: 1.5rem; justify-content: center; }
.vault-login-text { margin-bottom: 1.5rem; display: flex; font-size: 14px; text-align: center; }
.fit-content { width: fit-content; }
.vault-folder-name { display: flex; font-weight: 600; align-items: center; }
.icon-vault-folder { background-image: url(../assets/img/icon-vault-folder.svg); background-repeat: no-repeat; width: 35px; height: 28px; display: inline-flex; margin-right: .8rem; }
.vault-card { display: flex; border: 1px solid var(--bdr); padding: .8rem .5rem; margin-bottom: 1rem; justify-content: space-between; align-items: center; }
.vault-card > div:first-child { display: flex; align-items: center; }
.vault-card .icon-vault-folder { width: 30px; height: 25px; margin-right: 1rem; }
.vault-card .vault-doc-detail { display: flex; flex-direction: column; }
.vault-card .vault-doc-detail span:first-child { font-weight: 600; margin-bottom: .2rem; }
.vault-card .vault-doc-detail span:last-child { font-size: 14px; }
.vault-doc-action .btn { color: var(--black-color); box-shadow: none !important; font-size: 18px; }
.icon-vault-doc .add-document-icon { background-image: url(../assets/img/add-document-icon.svg); background-repeat: no-repeat; width: 150px; height: 150px; display: flex; }
.icon-vault-doc { display: flex; align-items: center; justify-content: center; padding: 2rem; }
.vault-share-link { right: 0; top: 35px; }
.vault-share-link .share-this-page { margin-top: 0 !important; }
.vault-checkbox input,
.vault-checkbox .DataTables_sort_wrapper input { position: relative; top: 1px; }
.vault-checkbox .DataTables_sort_wrapper input { margin-right: 8px; }
.vault-checkbox label { margin-left: 8px; }

.vault-otp-field { display: block; width: 200px; height: calc(1.5em + .75rem + 2px); padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; margin: 0px auto; }
.sso-app-card { flex-direction: column; border: 1px solid var(--bdr); margin-bottom: 0; border-radius: 0; display: flex; align-items: stretch; }
.file-name-truncate { max-width: 200px; overflow: hidden; display: inline-block; text-overflow: ellipsis; white-space: nowrap; }
.vault-file-table .action-column { width: 155px; }
.vault-file-table .action-column .btn { color: var(--black-color); }
/*End DLD Vault css*/
/*.jFiler-theme-default .jFiler-input { border: none !important; }
.jFiler-theme-default .jFiler-input.focused { box-shadow: none !important; }*/
.sso-app-logo-99999 { padding: 6px; }
.restrained-link { text-decoration: underline !important; font-size: 14px; margin-left: 10px; color: #065B9E !important; cursor: pointer; }
.accordion-land-status.accordion > .card:first-of-type { border: 1px solid var(--bdr) }
.sso-app-item .flip-card-front,
.sso-app-item .flip-card-back {display: flex;flex-direction: column;justify-content: center;align-items: center;padding: .8rem;}
.size-ltr {display: inline-block;direction: ltr;}
.btn-switch {display: flex;align-items: center;}
.sso-app-logo-13 { padding: 7px; }
.user-guild-link {display: none;}
/*fixing usability*/
.btn-pay-property {margin: 0 8px;padding: .25rem 1.2rem;}
.table-view-detail-link {margin: 0px 10px;position: relative;top: -2px;display: none;}
.data-picker-icon ~ .ui-datepicker-trigger {right: 20px;}
/*end fixing usability*/

/*land Valuation accept*/
.checkbox-font14 .custom-control-label::before {top: .10rem;}
.checkbox-font14 .custom-control-label::after {top: -.16rem;}
.checkbox-font14 .custom-control-label {font-size: 14px;}
.checkbox-font14 .custom-control-label span:last-child {margin-left: 5px;}
.custom-control-input:checked ~ .custom-control-label::before {border-color: var(--black-color);}
.alert-grey {color: var(--black-color);background-color: #F0F0F2;padding: .50rem 1.25rem;font-size: 14px;width: fit-content;border-radius: .25rem;position: relative;}
.alert-grey > i {font-size: 18px;position: relative;top: 1px;margin: 0px 8px 0 0;}
.alert-grey .btn-link {margin: 0 0 0 10px;}
.alert-grey .btn-link > i {margin: 0px 0 0 5px;}
.icon-info-bell {background-image: url("../assets/img/icon-info-bell.svg");width: 80px;height: 80px;display: flex;margin-bottom: 1.5rem;}
.valuation-empty-land p {max-width: 400px;text-align: center;margin-top: .8rem;}
/*end land Valuation accept*/
.map-form-action, .map-form-action-scIndex {display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.map-form-action-scIndex a{width:48%}
.alert-danger.alert-valuation {border: 1px solid #bd0f1f;display: flex;align-items: center;padding: .50rem 1rem;font-size:13px;}
.alert-danger.alert-valuation .icon-exclamation {background-image: url(../assets/img/icon-exclamation.svg);width: 30px;height: 24px;display: inline-flex;background-repeat: no-repeat;margin-right: 10px;}
/*---------------enoc mollak----------------*/
.form-control:disabled, .form-control[readonly],
.btn-custom-toggle .btn:disabled {cursor: not-allowed;}
.enoc-add-buyer {display: flex;justify-content: flex-end;margin-bottom: 1rem;}
.enoc-add-buyer .btn {box-shadow: none !important;}
.flex-grid-pdf {display: flex;flex-direction: column;}
.flex-grid-pdf a {display: flex;width: 100%;padding: 8px 0 0;cursor: pointer;}
.flex-grid-pdf a:first-child {padding-top: 0;}
.flex-grid-pdf i {width: 20px;height: 20px;margin-right: 5px;}
.td-action > button {color: var(--black-color);}
.btn-outline-green, .btn-outline-red, .btn-outline-blue {padding: .2rem .2rem;box-shadow: none !important;}
.enoc-request-action button {font-size: 12px;text-decoration: underline;padding-left: .3rem;padding-right: .3rem;}
.input-group > .form-control.eid-with-button {width: calc(100% - 65px);}
.share-value-msg {display: flex;font-size: 16px;font-weight: 600;margin-bottom: 5px;}
.th-title-oa {width: 65px !important;}
.th-action-title {width: 300px !important;}
.width-auto {width: auto !important;}
/*-------------end enoc mollak--------------*/
/*------------------------------------------*/
/*-------------------------------home page-------------------------------*/

.card-container {display: flex;align-items: stretch;}
.card-container .card picture,
.card-container .latest-img-wrap { overflow: hidden; height: 195px; width: 260px; }
.video-gallery .card-container .latest-img-wrap { width: auto; }
.card-container .card img { transition: 0.7s; width: 100%; height: 100%; }
.card-container .card:hover img {transform: scale(1.1);}
.card-container .card .card-body {padding: 1.15rem;position: relative;background-color: #fbfbfb;}
.card-container .card .card-title{margin-bottom:0;}
.card-container .card .card-body .card-text {font-size: 13px;margin-bottom: 0;}
.card-container .card .card-arrow {width: 0;height: 0;border-top: 40px solid #0053A5;border-left: 40px solid transparent;display: flex;align-items: center;justify-content: center;position: absolute;top: 0;right: 0;}
.card-container .card .card-arrow i {color: #fff;position: relative;top: -27px;right: 10px;font-size: 14px;}
.news-media-details .card-container {margin-bottom:30px;}

.card-transaction .highcharts-yaxis .highcharts-axis-line { stroke-width: 6px; stroke: #eaeaea; }
.card.card-transaction.card-transaction-link {align-items: start;justify-content: center;}
.card-transaction-link .text-link3 {font-size: 18px;}
.card.card-transaction.card-transaction-link #tr-total-amount {font-size: 30px;font-weight:600;}
.card.card-transaction.card-transaction-link .transaction-date {display: flex;font-size: 12px; margin-bottom:15px;}

.home-studies .home-study-card .fa-chart-bar {font-size: 40px;margin-bottom: 1.5rem;}
.home-studies .card-title {font-weight: 600;}
.home-getin-touch .card,
.home-studies .card { border: 1px solid #e2e2e2; }
.home-getin-touch > [class*='col-']{margin-bottom:1rem;}
.home-getin-touch .card-body,
.home-studies .card-body {justify-content: space-between}
.home-getin-touch .card-icon1 {background-image: url(../assets/img/home-connect-icon.svg);}
.home-getin-touch .card-icon2 {background-image: url(../assets/img/home-connect-icon2.svg);}
.home-getin-touch .icon-hdi-1 {background-image: url(../assets/img/icon-hdi-1.svg);}
.home-getin-touch .icon-hdi-2 {background-image: url(../assets/img/icon-hdi-2.svg);}
.home-getin-touch .icon-hdi-3 {background-image: url(../assets/img/icon-hdi-3.svg);}
.home-getin-touch .icon-hdi-4 {background-image: url(../assets/img/icon-hdi-4.svg);}
.home-getin-touch .icon-hdi-5 {background-image: url(../assets/img/icon-hdi-5.svg);}
.home-getin-touch .card-icon3 {background-image: url(../assets/img/home-connect-icon-share.svg);}
.home-studies .home-report-icon {background-image: url(../assets/img/home-report-icon.svg);}
.home-getin-touch .card-icon1,
.home-getin-touch .card-icon2,
.home-getin-touch .card-icon3,
.home-getin-touch .icon-hdi-1,
.home-getin-touch .icon-hdi-2,
.home-getin-touch .icon-hdi-3,
.home-getin-touch .icon-hdi-4,
.home-getin-touch .icon-hdi-5,
.home-studies .home-report-icon {background-repeat: no-repeat;width: 40px;height: 40px;display: flex;margin-bottom: 1.5rem;}
.home-getin-touch .card-title,
.home-getin-touch .card-text,
.home-studies .card-title,
.home-studies .card-text {margin-bottom: 1.5rem;}
.home-getin-touch .btn-link,
.home-studies .btn-link {font-weight: 600;color: var(--black-color);font-size: 14px;}
.home-studies .btn-link { display: flex; margin-top: 10px; }
.btn-favorite { color: rgb(15 54 97 / 30%); border: none; }
.btn-favorite.active, .btn-favorite-service.active { color: #FFA700;  }
.service-description-page .btn-favorite.active,
.service-description-page .btn-favorite-service.active {color: var(--black-color);font-weight:normal;}
.service-description-page .btn-favorite-service i:before{display:none;}
.service-description-page .btn-favorite-service i { margin-right: 5px; position: relative;background-image: url(../assets/img/icon-favourite-services.svg); background-repeat: no-repeat; width: 16px; height: 16px; }
.service-description-page .btn-favorite-service.active i { background-image: url(../assets/img/icon-favourite-services-fill.svg); }
.btn-favorite.active i, .btn-favorite-service.active {font-weight: 900;}
.btn-service-action{margin-bottom:1.5rem;}
.btn-service-action .btn {margin-right:10px;}
.how-do-i .home-getin-touch > [class*='col-'] {margin-bottom:30px;}
.how-do-i .card {border-radius: 0;height: 100%;text-decoration: none; animation-duration: 300ms; transition: all 300ms linear; box-shadow: 0px 2px 8px 0px rgba(48, 48, 52, 0.08);}
.how-do-i .card-title {font-weight: 600;font-size: 1rem;margin-bottom: 1.5rem;}
.how-do-i .card-text {font-size: 14px;color: rgba(15,54,97, 0.85);}

.favorite-services-msg { font-size: 16px; display: flex; }
.favorite-services-msg i{padding-top: 3px;}
.dropdown-search{position:inherit;}
.container-searchBar { margin-bottom: -6px; }
    .container-searchBar.show {max-height: 40px;display: block;overflow: inherit;}
.container-searchBar .inner-modal-search-panel {  }
    .container-searchBar .inner-modal-search-panel .form-control { height: 56px; background-color: #fbfbfb; box-shadow: none; }
        .container-searchBar .inner-modal-search-panel .form-control::placeholder { color: var(--black-color); }
    .container-searchBar .inner-modal-search-panel .input-group-append { display: flex; position: absolute; right: 16px; top: 1px; background-color: #f0f0f0; height: 54px; }
        .container-searchBar .inner-modal-search-panel .input-group-append .btn { box-shadow: none; font-size: 18px; padding: .23rem .5rem; }
            .container-searchBar .inner-modal-search-panel .input-group-append .btn i { color: var(--black-color); }
    .container-searchBar .inner-modal-search-panel input:-webkit-autofill, .container-searchBar form input:-webkit-autofill:hover, .container-searchBar form input:-webkit-autofill:focus { border: 1px solid #fbfbfb; -webkit-text-fill-color: var(--black-color); -webkit-box-shadow: 0 0 0px 1000px #fbfbfb inset; transition: background-color 5000s ease-in-out 0s; }
.tab-to-dropdown {width: 100%; height:100%; display:flex;}
.services-collapse-panel{overflow:hidden;width: 100%;}
.favorite-indicator{background-color: #f24b36;width: 6px;height: 6px;position: absolute;right: 10px;margin: 0;border-radius: 100%;top: 10px;}
.search-panel-wrap { background-color: #f8f9fa;}
    .search-panel-wrap .card-body { padding: 1.5rem; display: flex; gap: 1rem; }
    .search-panel-wrap .row-form-sp { width: calc(100% - 90px); }
.col-breadcrumb { display: flex; flex-direction: column; align-items: center; }
.faq-nav-list {border-bottom: none;}
.faq-nav-list .dropdown, .faq-nav-list .btn, .faq-category-dropdown .dropdown-menu {width: 100%;}

.faq-question-category,
.inspection-details .dropdown-menu .dropdown-item { display: flex; align-items: center; justify-content: space-between; padding: .75rem 1rem; height: 48px; color: #40484F; }
    .faq-question-category:hover,
    .faq-question-category:active,
    .faq-question-category.active,
    .inspection-details .dropdown-menu .dropdown-item:hover,
    .inspection-details .dropdown-menu .dropdown-item:active { background-color: #ECFFE5; color: #40484F; text-decoration:none;}
.faq-category-dropdown > .btn span:first-child {color: var(--black-color);}
.faq-category-dropdown .dropdown-menu .faq-question-category .badge-light, .faq-category-dropdown > .btn > .badge-light {}
.faq-category-dropdown .dropdown-menu,
.inspection-details .dropdown-menu { overflow-x: hidden; overflow-y: scroll; max-height: 200px; box-shadow: 0px 8px 10px -6px rgba(16, 24, 40, 0.1), 0px 20px 25px -5px rgba(16, 24, 40, 0.1); border: 1px solid var(--bdr); border-radius: 8px; margin-top: 4px; }
    .faq-category-dropdown .dropdown-menu::-webkit-scrollbar,
    .inspection-details .dropdown-menu::-webkit-scrollbar { width: 4px; }
    .faq-category-dropdown .dropdown-menu::-webkit-scrollbar-track,
    .inspection-details .dropdown-menu::-webkit-scrollbar-track { background: #fff; }
    .faq-category-dropdown .dropdown-menu::-webkit-scrollbar-thumb,
    .inspection-details .dropdown-menu::-webkit-scrollbar-thumb { background: #40484F; }
        .faq-category-dropdown .dropdown-menu::-webkit-scrollbar-thumb:hover,
        .inspection-details .dropdown-menu::-webkit-scrollbar-thumb:hover { background: #40484F; }
.faq-category-dropdown > .btn > .badge {margin-inline-start: auto;margin-inline-end: 8px;}
.list-group-eservices .content-section{list-style:none;}
.list-group-eservices .content-section ~ .content-section{margin-top:2rem;}
.list-group-eservices .btn-grey,
.list-group-eservices .btn_1 { /*padding: .375rem 1rem;width: 85px;*/ }
.service-search-list .list-group-item + .list-group-item {border-top-width: 1px; margin-top: -1px;}
.swiper-pagination-new{display:none;}
.font-size15{font-size:15px;}
/*-----------------------------End home page-----------------------------*/
.view-changer .btn-custom-toggle{margin-bottom:0;}
.sso-app-logo-26 { height: 45px; }
.btn-watch-video { color: #fff !important; border: 1px solid rgba(203, 19, 4, .90); transition: all .3s; background-color: rgba(203, 19, 4, .90); font-size: 14px; }
.btn-watch-video:hover,
.btn-watch-video:focus,
.btn-watch-video:active { color: #fff; border: 1px solid #ea2212; transition: all .3s; background-color: #ea2212; font-size: 14px; }
.list-group-eservices .btn-watch-video { padding: .25rem .8rem; margin-right: 12px; }
.btn-watch-video i{margin-left: .25rem; }
.btn-video-link { color: rgba(234, 34, 18, .90) !important; }
.btn-video-link:hover, 
.btn-video-link:focus, 
.btn-video-link:active { color: #ea2212 !important;}
.ps-filterby { display: flex; padding-left: 0; padding-right: 0; }
.btn-default-dropdown,
.btn-default-dropdown:hover,
.btn-default-dropdown:active,
.btn-default-dropdown:focus { background-color: #ffffff; border-color: var(--bdr); color: #879ab0; width: 100%; align-items: center; justify-content: space-between; display: flex; font-size: 14px; height: 38px; }
.ps-filterby .dropdown-menu { padding: .5rem .8rem; white-space: nowrap; }
    .ps-filterby .dropdown-menu .custom-radio { margin-bottom: .5rem; display: flex; }
    .ps-filterby .dropdown-menu .custom-radio:last-child { margin-bottom: 0; }
.ps-filterby .dropdown-menu label { font-size: 14px }
    .ps-filterby .dropdown-menu .custom-control-label::before { top: .15rem; }
    .ps-filterby .dropdown-menu .custom-control-label::after { top: -.10rem; }
.map-sc-calculation .table{table-layout:fixed;}
.map-sc-calculation .table tr th{ font-size:14px; }
.map-sc-calculation .table.map-sc-total-rate { margin: 10px 0 !important; }
.dataTables_scrollHead, .dataTables_scrollBody { width: 100% !important; }
.tabs > div.list-tools { display: flex; padding: 0; align-items: center; justify-content: space-between; margin-bottom: 1rem; }
.list-tools .view-changer { margin-bottom: 0; }

.total-service-count { font-size: 12px; color: currentColor; background-color: #e6e6e6; font-weight: normal; }
.list-pos { width: 99.7%; background-color: #fff; clear: both; border: 1px solid #38d; padding: 0px 10px 10px; margin: 10px 0; }

/*.service-list-content { border: 1px solid #ddd; }*/
    .service-list-content.active { border: 1px solid #1b67bb; }
.list .service-list-content:not(:first-child){margin-top:1rem;}
.service-list-content .card-header { padding: 0; background-color: transparent; border: none; }
    .service-list-content .card-header .btn { width: 100%; /*background-color: #ffffff;*/ padding: .5rem 1rem; text-align: left; display: flex; align-items: center; /*font-weight: 600;*/ color: currentColor; border: none; justify-content: space-between; border-radius:8px; /*border-left: 2px solid var(--theme-green);*/ }
        .service-list-content .card-header .btn:before { content: ""; background-repeat: no-repeat; width: 50px; height: 50px; display: flex; background-size: 60%; background-position: center; margin-right: 15px; }
.service-list-content .card-header .btn span:first-child{font-size:18px;}
    .service-list-content .card-header .btn-transaction-services:before { background-image: url(../assets/img/transaction-services.svg); }
    .service-list-content .card-header .btn-title-deed-services:before { background-image: url(../assets/img/title-deed-icon.svg);}
    .service-list-content .card-header .btn-rental-services:before { background-image: url(../assets/img/rental-services.svg); }
    .service-list-content .card-header .btn-residence-services:before { background-image: url(../assets/img/residence-services.svg); background-size: 45%;}
    .service-list-content .card-header .btn-dispute-services:before { background-image: url(../assets/img/dispute-services.svg); }
    .service-list-content .card-header .btn-licensing-services:before { background-image: url(../assets/img/licensing-services.svg); }
    .service-list-content .card-header .btn-jointly-owned-services:before { background-image: url(../assets/img/jointly-owned.svg); }
    .service-list-content .card-header .btn-genral-services:before { background-image: url(../assets/img/transaction-services.svg); }
    .service-list-content .card-header .btn-developer-services:before { background-image: url(../assets/img/developer-s-b.svg); }
    .service-list-content .card-header .btn-general-services:before {background-image: url(../assets/img/general-service.svg); background-size: 50%;}
    .service-list-content .card-header .btn:after { content: "\e914"; font-family: icomoon; margin-left: .5rem; transition: all 0.5s; font-size: 22px; font-weight: normal; }
    .service-list-content .card-header .btn[aria-expanded="true"]:after { content: "\e913"; }
    .service-list-content .card-body { padding: .8rem 1rem 1rem; font-family: Dubai-Regular;}
.service-list-content .collapse, .service-list-content .collapsing { -webkit-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: 0.75s; transition-duration: 0.75s; -webkit-transition-timing-function: ease; transition-timing-function: ease; }
    .service-list-content.service-search-list { box-shadow: none; border: none; margin-top: 0; }
        .service-list-content.service-search-list:not(:first-child) { margin-top: 0; }
        .service-list-content.service-search-list .card-header { display: none; }
        .service-list-content.service-search-list .card-body { padding:0;}
.grid .service-list-content {display:none; }
    .grid .service-list-content.card.show {display:block; }
.view-changer .expand-all,
.view-changer .collapse-all { /*margin-right: 15px;*/}
    .view-changer .expand-all .icon-expand,
    .view-changer .collapse-all .icon-collapse { width: 16px; height: 16px; display: inline-block; position: relative; top: 3px; margin-right: 5px; background-repeat: no-repeat; }
    .view-changer .expand-all .icon-expand { background-image: url(../assets/img/icon-expand.svg); }
    .view-changer .collapse-all .icon-collapse { background-image: url(../assets/img/icon-collapse.svg); }
.sso-app-logo-3 { width: 160px; }
.logo-emart { position: absolute; z-index: 1; right: 5px; top: 8px; }
.point-ripple { top: 1px; margin-right: 0.5em; position: relative; box-sizing: content-box; cursor: pointer; display: inline-block; width: 12px; height: 12px; border-radius: 100%; background: #3BB300; transition: all 0.25s ease; }
.point-ripple:after { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; border: 1px solid #3BB300; opacity: 0; animation: ripple 900ms ease-out infinite; }
@keyframes ripple {
    0% { transform: scale(1); }
    40% { transform: scale(1.75); opacity: 1; }
    90% { transform: scale(1.9); }
    100% { transform: scale(2); opacity: 0; }
}
.swiper-button-play-p { position: absolute; z-index: 10; bottom: 0; right: 95px; }
    .swiper-button-play-p button { background-color: #fff; border: none; color: currentColor; outline: none; width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; }
.swiper-button-play-p button i{font-size:21px;}
.rest-gradient { background: linear-gradient(#cb3d67 0%, #661f34 100%); width: 35%; height: 100%; position: absolute; top: 0; right: 0; z-index: -1; transform: translate(50px, -240px) rotate( 80deg); }
.banner-action-btn .btn { color: currentColor; font-size: 14px; border: 1px solid var(--black-color); transition: all .3s; z-index: 1;font-weight:600; }
    .banner-action-btn .btn i{margin-left:5px;}
    .banner-action-btn .btn:hover,
    .banner-action-btn .btn:focus,
    .banner-action-btn .btn:active { color: #fff; background-color: var(--black-color); border-color: var(--black-color); }
.how-do-i-item .card .card-body { display: flex; flex-direction: column; }
.hdi-card-action { display: flex; justify-content: space-between; }
#userGuideTable tr > td:last-child a + a.btn-video-link:before,
.user-guide .pdf-tempalte-wrapper .pdf-tempalte .flex-row a + a.btn-video-link:before { content: ""; border-left: 1px solid var(--bdr); padding: 0 5px; margin-left: 10px; }
.dashboard-card .form-row.mb-4 > .col { padding-right: 10px; padding-left: 10px; margin-bottom: 1.3rem !important; }
/*29_10_2021_MyDLD_release*/
.user-account-info { background-color: #f9f9f9; margin: 0 0 3rem; padding-top: 15px; border: 1px solid #dfdfe0; border-radius: .25rem; }
.btn.relationship-manager-title { display: flex; background-color: #fff; text-decoration: none; color: currentColor; border: none; border-left: none; padding: .35rem 1rem; justify-content: space-between; border-radius: .25rem; align-items: center; height: 78px; margin-bottom: 0; }
    .btn.relationship-manager-title:hover { background-color: #F4F4F4 }
.relationship-manager-title:before { content: ""; background-image: url(../assets/img/icon-account-manager.png); background-repeat: no-repeat; display: inline-block; width: 30px; height: 30px; border-radius: 100%; background-size: 100%; margin-right: 10px; }
.relationship-manager-title:after { content: "\f105"; font-family: 'Font Awesome 5 Free'; font-weight: 900; margin-left: auto; }
.dld-user-card .card-body { background-color: transparent; display: flex; justify-content: space-between; padding: .8rem 1rem; align-items: center; }
.card-service.my-dld-action { margin-bottom: 0; margin-right: -5px; margin-left: -5px; }
    .card-service.my-dld-action [class*='col-'] { margin-bottom: 0; margin-left: 0; }
.property-details .flex-grid > div,
.flex-grid-col-2 .flex-grid > div { flex: 0 0 50%; max-width: 50%; }
    .property-details .flex-grid > div > span:nth-child(2n+1),
    .flex-grid-col-2 .flex-grid > div > span:nth-child(2n+1) { flex: 0 0 35%; }
    .property-details .flex-grid > div > span,
    .flex-grid-col-2 .flex-grid > div > span { flex: 0 0 65%; }
.flex-grid-col-3 .flex-grid { margin-bottom: 1.5rem; flex-direction: row; flex-wrap: wrap; border: none; justify-content: space-between; }
    .flex-grid-col-3 .flex-grid > div { flex: 0 0 32%; max-width: 32%; border: 1px solid #e4e4e4; margin-bottom: -1px; }
    .flex-grid-col-3 .flex-grid > div > span:nth-child(2n+1) { flex: 0 0 40%; }
    .flex-grid-col-3 .flex-grid > div > span { flex: 0 0 40%; }
.alert-user-notification { border-width: 1px !important; padding: .6rem 1rem; font-size: 16px; width: 100%; display: flex; align-items: center; justify-content: space-between; }
    .alert-user-notification .alert-user-notification-icon { background-repeat: no-repeat; width: 35px; height: 35px; display: inline-block; margin-right: 15px; }
.alert-user-notification.alert-warning i{background-image:url(../assets/img/icon-alert.svg);}
    .alert-user-notification.alert-danger i { background-image: url(../assets/img/icon-alert-danger.svg); }
    .alert-user-notification .alert-title { font-weight: 600; font-size: 16px; color: var(--black-color); }
    .alert-user-notification .alert-body { display: flex; flex-direction: column; align-items: start; margin-right: auto; }
        .alert-user-notification .alert-body p { margin-bottom: .3rem; font-size: 14px; }
.transaction-table .nested-table { table-layout: fixed; }
    .transaction-table .nested-table tbody tr { cursor: pointer; }
        .transaction-table .nested-table tbody tr.shown > td { font-family:var(--family-bold); }
        .transaction-table .nested-table tbody tr.nested-tr { background-color: transparent; transition: all .3s; }
table.dataTable td.details-control { text-align: center; }
td.details-control:after { content: "\e914" !important; font-family: 'icomoon'; font-size: 22px; top: 30% !important; }
tr.shown td.details-control:after { content: "\e913" !important; }
.bullet-span { padding-left: 15px; display: inline-block; text-align: left; position: relative; }
    .bullet-span:before { content: ""; background-color: currentColor; display: inline-block; border-radius: 100%; padding: 3px; margin: 0 0; position: absolute; top: 7px; left: 3px; }
.tabs .transaction-tools { display: flex; justify-content: space-between; width: 100%; padding: 0; margin-bottom: 15px; border-bottom: 1px solid var(--bdr); padding-bottom: 12px; }
.transformer-tabs .toggle-area-community { display: inline-flex; }
/*.transaction-tools .filterby-wrap > div:first-child { margin-right: 15px; }*/
.transaction-tools > div { display: flex; align-items: end; gap: 1rem; }
.btn-export { padding: .350rem .5rem; }
.font-size13 { font-size: 13px; }
.transaction-filters { min-width: 120px; padding: .375rem .30rem; height: 32px; font-size: 13px; }
.transaction-table .table tbody td.nested-td-wrapper { background-color: #fff; padding: 0; }
td.nested-td-wrapper .nested-table-wrapper { border: none; table-layout: fixed; }
    td.nested-td-wrapper .nested-table-wrapper tr td { border-left: none; border-top: none; border-bottom: none; }
        td.nested-td-wrapper .nested-table-wrapper tr td.community-collapse { border-right: none; }
    td.nested-td-wrapper .nested-table-wrapper tr + tr td { border-top: 1px solid #E2E2E3; }
.community-collapse { width: 10px !important; padding: 0 10px !important; }
.trnsction-data-from-react .tabs .col-md-12.text-center > img { max-width: 100%; height: auto; }
/*End 29_10_2021_MyDLD_release*/
.iframe-video { max-width: 100%; min-height: 250px; width: 100%; height: auto; }
.auction-start-date { margin-bottom: 1rem; background-color: #000; text-align: left; padding: 10px; }
.research-page-card { margin-bottom: 2rem; }
    .research-page-card .card .card-body { justify-content: start; }
.research-page-card .card .card-footer { padding: .75rem 1.25rem; background-color: rgba(0,0,0,.03); border-top: 1px solid rgba(0,0,0,.125); height: auto; }
/*------------Ask Malik------------*/
.fancybox .fa-smile { font-size: 20px; margin-right: 10px; position: relative; top: 2px; width: 30px; height: 30px; background-color: var(--black-color); color: #fff; align-items: center; justify-content: center; display: inline-flex; border-radius: .25rem; }
.ask-malik-img { display: flex; justify-content: center; margin: 40px 0; }
.ask-malik-intro{ text-align:center;}
.ask-malik-title { font-size: 26px; font-weight: 600; }
.ask-malik-description { font-size: 16px; margin-top: 20px; margin-bottom: 20px; }
.intro-horizontal { min-height: 53vh; }
.speak-field{margin-top:1rem;}
    .speak-field .input-group { box-shadow: 0 3px 4px #e5e5e5; border-radius: 0.375rem; }
    .speak-field .input-group.focus{ border: 1px solid #7abffb; }
    .speak-field .input-group .form-control { height: 60px; border-right: none; box-shadow: none; outline: none; position: relative; z-index: 0; }
        .speak-field .input-group .form-control:focus { border: 1px solid var(--bdr); border-right: none; }
        .speak-field .input-group .form-control::placeholder { font-size: 16px; }
        .speak-field .input-group .btn { border: 1px solid var(--bdr); border-left: none; box-shadow: none; color: var(--black-color); padding: 0 20px; }
.ask-malik-chat .card { min-height: 500px; box-shadow: 0px 0px 16px rgba(173, 173, 173, .10); }
    .ask-malik-chat .card .card-body { scrollbar-width: thin; scrollbar-color: #5f7fa2 #cccccc; overflow-x: hidden; overflow-y: auto; max-height: 500px; }
        .ask-malik-chat .card .card-body::-webkit-scrollbar { width: 2px; height: 2px; }
        .ask-malik-chat .card .card-body::-webkit-scrollbar-track { background: #ddd; }
        .ask-malik-chat .card .card-body::-webkit-scrollbar-thumb { background-color: #5f7fa2; border-radius: 20px; }
        .ask-malik-chat .card .card-footer { padding: 8px; }
.ask-malik-chat .card-footer .form-control { height: 50px; border: none; border-radius: .25rem; box-shadow: none; position: relative; z-index: 0; }
.ask-malik-sender, .ask-malik-receiver { background-color: var(--black-color); color: #fff; padding: 10px 1rem; border-radius: .5rem .5rem 0; display: inline-flex; float: right; clear: both; margin-bottom: 1rem; }
.ask-malik-receiver { background-color: #EFEFF5; color: var(--black-color); float: left; clear: both; border-radius: .5rem .5rem .5rem 0 }
.ask-malik-suggestion { background-color: #fff; display: flex; clear: both; border: 1px solid var(--bdr) !important; justify-content: space-between; align-items: center; width: 100%; margin-bottom: 1rem; text-align: left; font-family: var(--family-regular); color: var(--black-color); box-shadow: none !important; padding: 1rem; border-radius: 8px !important; }
    .ask-malik-suggestion:after { content: "\f105"; font-family: 'Font Awesome 5 Free'; font-weight: 900; }
.ask-malik-answer { margin-bottom: 1rem; border: 1px solid var(--bdr); padding: 10px; overflow: auto; border-radius: 8px; }
.ask-malik-answer-helpful { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid var(--bdr); border-bottom: 1px solid var(--bdr); padding: 10px 0; }
    .ask-malik-answer-helpful > div { position: relative; }
        .ask-malik-answer-helpful > div .spinner-border { width: 1.5rem; height: 1.5rem; top: -12px; }
    .ask-malik-answer-helpful .btn { border-radius: 0.25rem !important; }
    .ask-malik-answer-helpful .btn i { margin-right: 10px; font-size: 16px; }
    .ask-malik-answer-helpful .btn-danger .fa-thumbs-down { position: relative; top: 2px; }
    .ask-malik-answer-helpful .btn-group-toggle .btn_1.active { background-color: #00893E; color: #fff; }
.ask-malik-anwswer-helpfull-label { margin-right: 1rem; }
.ask-malik-answer-label { font-weight: 600; margin-right: 5px; }
.ask-malik-answer > div { display: inline; overflow: auto; }
.ask-malik-text-reader { align-items: center; justify-content: center; display: flex; margin-bottom: .5rem; margin-top: .3rem; }
.ask-malik-speakbtn2 { box-shadow: none !important; background-color: #fff; color: #fb2222 !important; font-size: 22px }
/*.float-nav > .menu-btn > .menu-txt-more{display:none;}*/
.speech-modal-content { display: flex; flex-direction: column; align-items: center; padding: 1rem; }
.speech-now-text { font-size: 14px; font-weight: 600; text-align: center; }
@-webkit-keyframes pulsate {
    0% { -webkit-transform: scale(1, 1); opacity: 1; }
    100% { -webkit-transform: scale(1.3, 1.3); opacity: 0; }
}
.speak-field .speech-icon.btn, .field-with-icon .speech-icon.btn { width: auto; height: auto; background-color: transparent; border-radius: 0 .375rem .375rem 0 !important; position: relative; margin: 0; padding: 0 8px; }
    .speak-field .speech-icon.btn i, .field-with-icon .speech-icon.btn i { font-size: 18px; position: relative; z-index: 1; color: #fff; background-color: #d90000; border-radius: 1000px; padding: 8px 11px; }
    .speak-field .speech-icon.btn .pulse-ring, .field-with-icon .speech-icon.btn .pulse-ring { width: 40px; height: 40px; align-items: center; margin: 0 auto; top: 9px; left: 5px; }
.ask-malik-chat .field-with-icon .speech-icon.btn .pulse-ring { top: 4px; }
.ask-malik .modal-header .modal-title { margin-right:15px;}
/*---------end Ask Malik-----------*/
.sso-app-logo-35 { height: 75px; }
/*-----Private Sell-------*/
.photocard { border: 1px solid #fbfbfb; height: 165px; margin-bottom: 1rem; }
.listing-photo { display: inline-block; border-radius: 100%; overflow: hidden; }
.buyer-seller-invoice .flex-grid > div > span:nth-child(2n+1), .buyer-seller-invoice .flex-grid > div > span { flex: 0 0 50%; }
.buyer-seller-invoice.property-details .flex-grid { flex-direction: column; flex-wrap: inherit; }
    .buyer-seller-invoice.property-details .flex-grid > div { flex: 0 0 100%; max-width: 100%; }
.property-details .flex-full.flex-grid > div { flex: 0 0 100%; max-width: 100%; }
.sell-property-booking-action .btn { margin-right: 10px; }
.react-buy-property .container-wrapper { padding-top: 0 !important; padding-bottom: 0 !important; }
    .react-buy-property .tender-registration-form .card .card-body .col-md-12.mb-3 { display: flex; margin-bottom: .5rem !important; }
/*-----End Private Sell-------*/
.video-content { background-color: #fafafa; border: 1px solid var(--bdr); }
.video-meta { padding: 8px 15px; }
.video-speaker-name { display: flex; justify-content: space-between; align-items: flex-end }
    .video-speaker-name .btn-link { text-decoration:underline !important;}
.video-content .collapse { padding: 0 15px 15px }
/*27_10_2021_MyDLD_release*/
table.dataTable td:last-child i.fa-check-circle { color: var(--black-color); opacity: 0.4; }
table.dataTable .selectedTR td:last-child i.fa-check-circle { color: #00893E; opacity: 1; }
.selectedTR { background-color: #0089341c !important; }
.doc-grid-margin .col-md-8:last-child,
.doc-grid-margin .col-md-8:last-child .table { margin-bottom: 0 !important; }
.rv-terms-conditions { line-height: 25px; }
    .rv-terms-conditions li { margin-bottom: 10px; }
.icon-rental-valuation { background-repeat: no-repeat; width: 40px; height: 40px; display: flex; }
.icon-rental-valuation {background-image: url(/assets/img/icon-rental-valuation.svg) }
.card-ejari-services .card:hover .icon-rental-valuation { background-image: url(/assets/img/icon-rental-valuation-h.svg); }
.tabs-wrapper { display: flex; align-items: center; justify-content: space-between; }
.star-rating-container { display: flex; align-items: center; padding: .4rem .5rem .4rem 0; }
.bcs-star-container { margin: 0 10px; }
    .bcs-star-container .bcs-start-icon { width: 20px; margin: 0 5px 0 0; height: 20px; }
    .bcs-star-container .bsc-rating-plus { width: 93px; height: 20px; }
.star-rating-container .fa-info-circle { font-size: 18px; }
.flex-grid.bcs-survey-detail .flex-full { flex: 0 0 100%; max-width: 100%; }
.property-details .card-header .card-header-sub { font-weight: normal; font-size: 80%; display: flex; }
.bcs-terms .pb-2 { padding: 0 !important; }
    .bcs-terms .pb-2 .btn-link { padding: 0 10px !important; }
/*End 27_10_2021_MyDLD_release*/
   
.weather-widget { display: flex; align-items: center; }
#qrcode { width: 80px; height: 80px; overflow: hidden; }
#qrcode img { max-width: 100%; height: auto; }
.scan-qrcode { font-size: 14px; width: 150px; margin-left: 20px; }
.qr-container { display: flex; align-items: center; margin-bottom: 1rem; }
/*----------MyDLD Property Documents css--------------*/
.propperty-document { margin-bottom: 1rem; }
.propperty-document .card { border: 1px solid #e2e2e2; }
.propperty-document .card-title { font-family:'Dubai-Bold'; }
.propperty-document .card .card-footer { padding: 0.75rem 1.25rem; background-color: rgba(0,0,0,.03); border-top: 1px solid rgba(0,0,0,.125); height: auto; }
    .propperty-document .card .card-footer > div { margin-bottom: 0; }
.propperty-document .card .card-footer > div > div { display: flex; align-items: center; justify-content: space-between; font-size: 14px; }
/*----------End MyDLD Property Documents css--------------*/
/*----------MyDLD Property images css--------------*/
.property-images .card-body { padding: 1.25rem 1.25rem 0.625rem 1.25rem; }
.property-images .card-body .form-row [class*="col-"] { margin-bottom: 10px; min-height: 115px; }
.property-images .card-body .img-thumbnail { height: 115px; width: 100%; object-fit: contain; }
.property-images .card-footer { margin: 1rem -20px -10px; gap: 1rem; display: flex; border-top-color: var(--bdr); }
.property-main-img { position: relative; }
.property-main-img span { background-color: rgba(0, 0, 0, .90); position: absolute; bottom: 5px; left: 10px; right: 10px; display: flex; align-items: center; justify-content: center; color: #fff; padding: 3px 0; }
.pSwiperMainGallery .swiper-pagination { background-color: rgba(0,0,0,.90); color: #fff; bottom: 44px; width: auto; padding: 10px; left: 0; right: 0; position: relative; }
.more-option { left: 0; position: absolute; color: #fff; bottom: 0; width: 100%; padding: 3px 10px; z-index: 15; display: flex; align-items: center; justify-content: space-between; background-color: #000; }
.more-option div { margin-left: auto; }
.pshare-image, .pdownload-image, .pshare-image:hover, .pdownload-image:hover { padding: 8px; }
.more-option .btn-link, .more-option .btn-link:hover { color: #fff; font-size: 14px; }
.pSwiperMainGallery .swiper-button-next { right: 30px; left: auto; }
.pSwiperMainGallery .swiper-button-prev { left: 30px; right: auto; }
.pSwiperMainGallery .swiper-button-next:after, .pSwiperMainGallery .swiper-button-prev:after { color: #000; }
.pSwiperMainGallery.swiper { width: 100%; height: 85%; margin-left: auto; margin-right: auto; position: relative; }
.pSwiperMainGallery .swiper-slide, .pSwiperMainGalleryThumbnail .swiper-slide { background-size: cover; background-position: center; }
.pSwiperMainGalleryThumbnail.swiper { width: 100%; height: 15%; box-sizing: border-box; padding: 10px 0 0; margin-left: auto; margin-right: auto; }
.pSwiperMainGalleryThumbnail .swiper-slide { width: 20%; height: 100%; opacity: 0.4; }
.pSwiperMainGalleryThumbnail .swiper-slide-thumb-active { opacity: 1; }
.pSwiperMainGallery .swiper-slide img, .pSwiperMainGalleryThumbnail .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: contain; }
.pSwiperMainGallery .thumbnail-loading { margin: 15rem auto; height: auto; border: none; }
.pSwiperMainGallery .swiper-wrapper { height: 55vh; }
.p-image-control { margin-top: -15px; display: flex; align-items: center; justify-content: space-between; padding: 0; }
.p-image-control div { margin-left: auto; }
.p-image-control .btn { font-size: 14px; }
.p-image-control .select-image { padding-right: 0; }
.select-img-checkbox { position: absolute; top: 0px; left: 5px; z-index: 1; width: 94%; height: 99%; }
.select-img-checkbox input { width: 100%; height: 100%; opacity: 0; }
.select-img-checkbox label { width: 18px; height: 18px; position: absolute; top: 7px; border: 1px solid var(--black-color); left: 7px; background-color: #fff; border-radius: 0.25rem; }
.select-img-checkbox input:checked + label:before { content: "\f00c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: relative; top: -5px; font-size: 12px; left: 2px; }
.thumbnail-loading { display: flex; align-items: center; border: 1px solid #dee2e6; border-radius: 0.25rem; height: 100%; }
.thumbnail-loading .spinner-border { top: 0; opacity: .5; }
/*----------End MyDLD Property images css--------------*/
/*----------MyDLD Services Tabs css--------------*/
.property-images .card-header, .procedure-doc .card-header { display: flex; align-items: center; justify-content: space-between; }
.add-more-photo { position: relative; top: -6px; right: 0; display: flex; align-items: center; }
.view-all-procedures { min-width: 100px; position: inherit; top: 0; z-index: inherit; }
.yes-label, .no-label { padding: 0px 8px; border-radius: 4px; color: #fff; }
.no-label { background-color: rgb(220 53 69 / 10%) !important; color: #dc3545 !important; }
.yes-label { background-color: rgb(25 135 84 / 10%) !important; color: #198754 !important; }
/*----------End MyDLD Services Tabs css--------------*/
/*----------MyDLD Dashboard New css--------------*/
.mydld-profile-sidebar { background-color: #fff; border: 1px solid rgba(112, 112, 112, 0.24); border-radius: 0.25rem; margin-bottom: 2rem; }
.profile-sidebar-header { display: flex; flex-direction: column; justify-content: center; }
    .profile-sidebar-header .avatar { width: 80px; height: 80px; position: relative; margin: 0 auto 1rem; }
.avatar { width: 70px; height: 70px; background-color: #f1f1f1; border-radius: 10px; }
.avatar img { width: 100%; height: 100%; object-fit: cover; }
.profile-avatar { background-color: #263b54; padding: 20px 0 20px; }
.profile-sidebar-header h5 { margin-bottom: 0; text-align: center; font-weight: 600; color: #fff; padding: 0 15px; }
.profile-sidebar-body .profile-info-list.list-group-flush .list-group-item:first-child { border-top: 1px solid rgba(0,0,0,.125); }
.profile-sidebar-body .profile-info-list .list-group-item { padding: 0; font-size: 14px; }
.list-user-info .list-group-item { font-size: 14px; }
.profile-sidebar-body .profile-info-list .list-group-item a, .list-user-info .list-group-item { padding: 0.75rem 1.25rem; display: flex; align-items: center; }
.profile-info-list .list-group-item a .fa-angle-right { margin-left: auto; }
.profile-info-list svg { width: 18px; height: 18px; margin-right: 10px; }

.profile-contact-info { font-size: 14px; list-style: none; padding: 5px 0; margin-bottom: 0; }
    .profile-contact-info li { padding: 5px 0; border-bottom: 1px solid rgb(223 223 222 / 45%); }
        .profile-contact-info li:first-child { border-top: 1px solid rgb(223 223 222 / 45%); }
        .profile-contact-info li span:last-child { font-weight: 500; }
        .profile-contact-info li span { display: flex; }
.my-dld-service-card [class*="col-"] { margin-bottom: 1.5rem; }
.my-dld-service-card .card { text-decoration: none !important; height: 100%; cursor: pointer; transition: all 300ms linear; box-shadow: 0px 2px 8px 0px rgba(48, 48, 52, 0.08); border-radius: 10px; }
.my-dld-service-card .card-body { display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; padding: 2rem 1rem; }
    .my-dld-service-card .card-body .card-title { margin: 25px 0 5px; font-size: 16px; font-weight: 600; }
    .my-dld-service-card .card-body .card-text { font-size: 16px; }
.count-badge { font-size: 12px; border-radius: 100%; font-weight: normal; color: #fff; background-color: #dc3545; width: 20px; height: 20px; text-align: center; position: relative; margin-left: auto; display: inline-flex; align-items: center; justify-content: center; }
.ui-service-card .mydld-btn-favorite { position: absolute; top: 0; right: 0; z-index: 1; }
.my-dld-action .ui-service-card:hover .card-body .card-title, 
.my-dld-action .ui-service-card:hover .help-text p { color: var(--black-color); }
.icon-email-link,
.icon-call-link,
.icon-logout-new,
.icon-my-favourite-services-new,
.icon-my-request-new,
.icon-account-manager-new,
.icon-my-profile-new,
.fax-icon-new,
.icon-to-whom-concern-new,
.icon-website-link,
.icon-address-link,
.icon-working-time-link,
.icon-working-day-link,
.icon-fax-link { background-repeat: no-repeat; display: inline-flex; background-position: center; }
.icon-email-link { background-image: url(../assets/img/icon-envelope.svg); width: 20px; height: 20px;  }
.icon-call-link { background-image: url(../assets/img/icon-call-black.svg); width: 18px; height: 18px; }
.icon-website-link { background-image: url(../assets/img/icon-website.svg); width: 18px; height: 18px; }
.icon-address-link { background-image: url(../assets/img/icon-address.svg); width: 20px; height: 20px; }
.icon-logout-new { background-image: url(../assets/img/icon-logout-new.svg); width: 18px; height: 18px; }
.icon-my-favourite-services-new { background-image: url(../assets/img/icon-my-favourite-services-new.svg); width: 18px; height: 18px; }
.icon-my-request-new { background-image: url(../assets/img/icon-my-request-new.svg); width: 18px; height: 18px; }
.icon-account-manager-new { background-image: url(../assets/img/icon-account-manager-new.svg); width: 18px; height: 18px; }
.icon-to-whom-concern-new { background-image: url(../assets/img/icon-to-whom-concern-new.svg); width: 18px; height: 18px; min-width: 18px; }
.icon-my-profile-new { background-image: url(../assets/img/icon-my-profile-new.svg); width: 18px; height: 18px; }
.fax-icon-new { background-image: url(../assets/img/fax-icon-new.svg); width: 18px; height: 18px; }
.icon-working-time-link { background-image: url(../assets/img/icon-working-time.svg); width: 20px; height: 20px; }
.icon-working-day-link { background-image: url(../assets/img/icon-working-day.svg); width: 20px; height: 20px;}
.icon-fax-link { background-image: url(../assets/img/icon-fax.svg); width: 20px; height: 20px; }
.profile-panel-btn { width: 100%; margin-bottom: 0; display: none; }
.icon-exclamation-triangle { display: flex; align-items: center; justify-content: center; margin-bottom: 2rem; margin-top: 2rem; }
.icon-exclamation-triangle i { color: #e58101; font-size: 30px; }
.btn-uaepass-continue {background-image: url('../assets/img/uaepass-continue-en-btn.svg'); background-repeat: no-repeat; width: 240px; height: 41px; margin: 4px 10px 0 10px; padding: 0; outline: none !important; box-shadow: none; border: none !important; }
.rtl .btn-uaepass-continue { background-image: url('../assets/img/uaepass-continue-ar-btn.svg'); }
.custom-card-icons { display: flex; flex-direction: column; gap: .5rem; }
    .custom-card-icons > div { display: flex; gap: .5rem;  }
    .custom-card-icons > div >i { width: 24px; height: 24px; font-size: 22px; display: inline-flex; align-items: center; }
    .custom-card-icons div > a, .custom-card-icons div >  span { align-items: center; font-size: 16px; overflow: hidden; text-overflow: ellipsis; transition: all 300ms linear; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 0; }
    .custom-card-icons .address-div > a, .custom-card-icons .address-div > span { display: inline-block; overflow: hidden; text-overflow: inherit; white-space: normal; -webkit-line-clamp: inherit; }
        .custom-card-icons a:hover .icon-call-link { background-image: url(../assets/img/icon-call-green.svg); }
    .custom-card-icons a:hover .icon-email-link,
    .custom-card-icons span:hover .icon-email-link { background-image: url(../assets/img/icon-envelope-red.svg); }
    .custom-card-icons a:hover .icon-website-link { background-image: url(../assets/img/icon-website-blue.svg); }
    .custom-card-icons a:hover .icon-address-link,
    .custom-card-icons span:hover .icon-address-link { background-image: url(../assets/img/icon-address-red.svg); }
/*----------End MyDLD Dashboard New css--------------*/
#login-content .btn.btn_1.btn_style1.mt-1 { width: 100%; }
.nav-favorite-link .badge { margin-left: 3px; color: var(--black-color); padding: 0.25em 0.5em; }
.service-detail-sub-title {font-size:18px; }
/*.re-transaction > .container, 
.trnsction-data-from-react > div > .container { max-width: 1280px; }*/
.nav-item.nav-item-notification .red-dot { position: absolute; top: 7px; right: 11px; width: 11px; height: 11px; border-radius: 100%; background-color: #ff0000; display: inline-block; z-index: 0; border: 2px solid #f5f5f5; }
.icon-notification-bell { background-image: url(../assets/img/notification_bell.svg); background-repeat:no-repeat; width: 18px; height: 18px; display: inline-block;  }
.error-msg { padding: 0; margin-bottom: 0; }
.attach-doc-span { display: flex; border: 1px solid #e4e4e4; padding: 6px; flex-direction: column; margin-bottom: 6px; }
    .attach-doc-span span { font-size: 13px; padding: 3px 0 0; }
.form-control.invalid-same-as-complainer { border: 1px solid #cc0000 !important; border-left-width: 3px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E") !important;  }
    .form-control.invalid-same-as-complainer:focus { box-shadow: 0 0px 0px 3px rgba(204, 0, 0, .25) !important; outline: 0 none; }
.card-view-wrapper .list-style li.address-link > a { display: flex; flex-direction: column; align-items: start; text-decoration:underline; }
.card-view-wrapper .list-style li.address-link-wrap { padding: 0; }
    .card-view-wrapper .list-style li.address-link-wrap > a,
    .card-view-wrapper .list-style li.address-link-wrap > .not-applicable { border-left: none; padding: 0; margin-bottom: -1px; margin-top: 0; width: 100%; position: relative; min-height: 34px; padding-left: 52px; justify-content: center; }
.card-view-wrapper .list-style li.address-link-wrap > .not-applicable { display: flex; align-items: center; justify-content: flex-start; }
.address-link a span.location-ar,
.address-link a span.location-en,
.address-link a span.list-working-hour,
.address-link a span.list-working-hour-ar,
.address-link a span.list-working-hour-en,
.address-link a span.list-working-day-ar,
.address-link a span.list-working-day-en { display: flex; justify-content: left; text-align: left; position: relative; height: 100%; width: 104.5%; min-height: 35px; border-bottom: 1px solid #e9e9e9; padding-bottom: 5px; align-items: center; padding-top: 5px; padding-left: 10px; margin-left: -11px; }
    .address-link a span.location-ar:empty,
    .address-link a span.location-en:empty,
    .address-link a span.list-working-hour:empty,
    .address-link a span.list-working-hour-ar:empty,
    .address-link a span.list-working-hour-en:empty,
    .address-link a span.list-working-day-ar:empty,
    .address-link a span.list-working-day-en:empty { display: none; }
.list-working-day, .list-working-hour,
.list-working-day, .list-working-hour-ar,
.list-working-day, .list-working-hour-en { direction: rtl; }
.address-link a span.location-ar,
.address-link a span.list-working-day-ar,
.address-link a span.list-working-hour-ar{ display: none; }
.address-link a span.location-en,
.address-link a span.list-working-day-en,
.address-link a span.list-working-hour-en { display: inline-flex; }
.address-link a span:before, li.address-link-wrap > a:before,
.card-view-wrapper .list-style li.address-link-wrap > .not-applicable:before { content: ""; display: flex; background-repeat: no-repeat; background-position: 10px center; width: 41px; align-items: center; justify-content: center; background-size: 16px; position: absolute; top: 0; left: -42px; height: 100%; }
.card-view-wrapper .list-style li.address-link-wrap > a:before,
.card-view-wrapper .list-style li.address-link-wrap > .not-applicable:before { left: 0; top: 0; background-image: url(../assets/img/icon-map-pin.svg); background-position: 10px 10px; border-right: 1px solid #e9e9e9; }
.address-link a span.list-working-hour:before,
.address-link a span.list-working-hour-ar:before,
.address-link a span.list-working-hour-en:before { background-image: url(../assets/img/icon-working-time.svg); }
.address-link a span.list-working-day-en:before, .address-link a span.list-working-day-ar:before { background-image: url(../assets/img/icon-date-calendar.svg); }
.email-wrap { display: inline-flex; flex-wrap: wrap; border-left: 1px solid #e9e9e9; padding: 3px 10px; margin-top: -4px; margin-bottom: -4px; }
.property-details .flex-grid > div > span.upload-document { flex: 0 0 82.5%; }
.upload-document > span { display: flex; flex-direction: column; border-bottom: 1px solid #fbfbfb; padding-bottom: 10px; margin-bottom: 10px; }
    .upload-document > span a { display: flex; align-items: center; justify-content: space-between; }
    .upload-document > span:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }
.view-full-TandC { display: flex; margin-left: auto; padding: 5px 0; }
.document-archive-wrap { display: flex; align-items: center; justify-content: space-between; }
.propperty-document .card .card-footer.more-document { max-height: 100px; overflow: hidden; gap: 4px; display: flex; flex-direction: column; }
.propperty-document .btn-see-more { background-color: #fbfbfb; color: var(--black-color); font-size: 14px; font-weight: 600; }
.search-wrap-with-link { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.search-wrap-with-link .input-group { /*width: calc(100% - 100px);*/ }
.btn-alignment { display: flex; margin-bottom: 1rem; align-items: center; justify-content: space-between; border: 1px solid #ddd; padding: 10px; }
    .btn-alignment span { font-size: 14px;  margin-bottom: 0; }
    .btn-alignment div .btn { margin-left: 15px; }
    .btn-alignment span.properties-selected { padding-left: 0; padding-right: 0; }
.column-width-150 { min-width: 150px; }
.card-selection-checkbox { background-color: #f7f9fa; margin-left: -12px; padding: 3px 15px; margin-right: -12px; margin-top: -12px; margin-bottom: 11px; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }
.card-selection-btn { display: flex; align-items: center; justify-content: center; border-top: 1px solid #ddd; margin-top: 10px; margin-bottom: -12px; background-color: #f8f8f8; margin-left: -12px; margin-right: -12px; padding: 4px 0; }
    .card-selection-btn .btn { font-size: 14px; }
.property-card-action .col-md-12:before { content: ""; width: 1px; height: 43px; background-color: #dededf; position: absolute; top: -9px; left: 50%; }
.property-card-action .col-md-12 .btn-link:first-child { margin-left: 11px; }
.property-card-action .col-md-12 .btn-link:last-child { margin-right: 40px; }
.property-card .card.active { border: 1px solid #B0120F; box-shadow: 0px 0px 15px #ddd; }
.flex-grid-full.flex-grid > div { flex: 0 0 100%; max-width: 100%; }
.property-details .dataTable tbody tr.active { background-color: #e7e7e7; }
.public-data-grid { display: block; position: relative; margin-top: 1rem; border: 1px solid var(--bdr); padding: 1rem; border-radius: 0.25rem; box-shadow: 0 0 12px 1px #477d8a28; overflow: hidden; }
.menu-export { display: flex; align-items: center; font-family: var(--family-regular); }
.menu-export > span { margin-right: 15px; font-size: 14px; font-weight: normal; }
.public-data-grid .menu-export .dropdown-menu.show { left: -90px !important; padding: 0.2rem 0; }
.public-data-grid .dataTables_wrapper .dataTables_scroll { border-left: 1px solid #e2e2e3; border-right: 1px solid #e2e2e3; }
.public-data-grid .dataTables_wrapper .dataTable tbody td { white-space: nowrap; }
.status-waitingConfirmation,
.status-financeReject,
.status-waitingAuditing,
.status-auditingreject,
.status-financeMinistrywait,
.status-financeministryRej,
.status-completed { padding: 4px 8px; border-radius: 4px; color: #fff; background-color: #000; }
.status-waitingConfirmation { background-color: #F27211; }
.status-financeReject { background-color: #FB382D; }
.status-waitingAuditing { background-color: #F27211; }
.status-auditingreject { background-color: #FB382D; }
.status-financeMinistrywait { background-color: #30B0C7; }
.status-financeministryRej { background-color: #FB382D; }
.status-completed { background-color: #00893E; }
.react-FeeRefundRequest .modal-body p, 
.react-FeePaymentReceipt .modal-body p { text-align: center; }
.react-FeePaymentReceipt .loader-container, 
.react-FeeRefundRequest .loader-container { left: 0; right: 0; }
.react-FeePaymentReceipt .container-wrapper, 
.react-FeePaymentReceipt .container,
.react-FeeRefundRequest .container-wrapper, 
.react-FeeRefundRequest .container { padding: 0 !important }
.react-FeePaymentReceipt .page-title, 
.react-FeeRefundRequest .page-title { display: none; }
.react-FeePaymentReceip .tender-registration-form .mb-md-2,
.react-FeeRefundRequest .tender-registration-form .mb-md-2 { margin-bottom: 1.5rem !important; }
.react-FeeRefundRequest .tender-registration-form .form-group.col-md-6 { width: 33.33333333%; }
.hazard-list { list-style: none; padding: 0; margin-bottom: 0; }
.hazard-list li { padding: 5px 10px; margin-bottom: 10px; }
.swiper-pagination-bullets.swiper-pagination-horizontal{width:auto; bottom:0; right:0; z-index:2;}
.announcement-modal .announcement-modal-title { display: flex; font-weight: bold; font-size: 18px; margin-bottom: .5rem; justify-content: center; text-align: center; }
.announcement-modal .announcement-modal-text { margin-bottom: 0; font-size: 14px; text-align: justify; }
/*.announcement-modal .modal-body { padding: 2rem; }*/
.announcement-modal-icon-wrap { display: flex; align-items: center; justify-content: center; margin-bottom: 20px; }
    .announcement-modal-icon-wrap .announcement-modal-icon { background-image: url(../assets/img/modal-noti-icon.svg); background-repeat: no-repeat; width: 80px; height: 80px; background-color: #fff; border: 1px solid #F5F5F8; padding: 24px; border-radius: 100%; font-size: 30px; box-shadow: 0 0 0px 6px rgb(245 245 248 / 61%); background-size: 60%; background-position: center; }
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot { width: 25px; height: 25px; margin: 0 3px; display: inline-flex; align-items: center; justify-content: center; border-radius: 0.25rem; background: #fff; }
#emiratesIDInfoModal { z-index: 1051; }
.service-description-page .page-title .btn-share-component { display: none; }
.description-action-panel .card-body { display: flex; }
.description-action-panel .btn { margin-right: 1rem; display: flex; align-items: center; }
.description-action-panel .share-component .share-this-page { box-shadow: none; margin: 45px 0 0 !important; border: 1px solid #1b66bb; }
.description-accordion-card { /*background-color: #fbfbfb; */}
.description-page-share { display: inline-flex; margin: 0; position: relative; }
.description-page-share .btn-share-component { margin: 0; font-size: 16px; font-weight: normal; }
.services-description-accordion { width: 100%;display: flex;flex-wrap: wrap;    gap: 16px; }
.services-description-accordion > div {width: calc(50% - 8px);} 
/*.services-description-accordion > .row > div:nth-of-type(2n+1) {padding-inline-end: 8px; } */
    .services-description-accordion .accordion-header .accordion-button { font-family:var(--family-bold); border-radius: var(--border-radius); color: var(--black-color); box-shadow: none !important; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.services-description-accordion .accordion-button:not(.collapsed) { color: var(--black-color); background-color: #fbfbfb; }
    .services-description-accordion .accordion-button:not(.collapsed)::after,
    .all-expand .accordion-button.collapsed::after { content: "\e913";}
    .services-description-accordion .accordion-button::after { content: "\e914"; font-family: 'icomoon'; background-image: none; transform: none; text-align: end; font-size: 22px; font-weight: normal; align-items: center; justify-content: center; display: inline-flex; }
    .services-description-accordion .accordion-item {border-radius: var(--border-radius); font-family: Dubai-Regular;overflow: hidden; }
.services-description-accordion .accordion-item:not(:first-of-type) { border-top: 1px solid rgba(0,0,0,.125); }
.services-description-accordion .accordion-item:last-child { margin-bottom: 0; }
.services-description-accordion .accordion-body p { margin-top: 2px; margin-bottom: 0; }
.expand-collapse { text-align: end;  }
    .expand-collapse a, .expand-collapse .btn-exp { background-color: transparent; border: none; padding: 6px 0; font-size: 14px; font-weight: 600; color: var(--black-color); }
        .expand-collapse a, .expand-collapse .btn-exp.collapse-all:before { content: "\f067"; font-family: 'Font Awesome 5 Free'; margin-right: 8px; }
        .expand-collapse a, .expand-collapse .btn-exp.ex-all:before { content: "\f068"; font-family: 'Font Awesome 5 Free'; margin-right: 8px; }
        .all-expand .accordion-button.collapsed { color: var(--black-color); background-color: #fbfbfb; }
.search-tag { /*background-color: #E5F0FF; color: #134C9D;*/ }
.content-tag { /*background-color: #fbf3e5; color: #9f5d09;*/ }
.search-tag, .content-tag {  float: right;}
.broker-card-container .card-view-wrapper { min-height:50px;}
.broker-card-container .filterBy-list {z-index:1; }
/*.broker-card-container .page-function { position: relative; z-index: 2; margin-bottom: .5rem; }*/
.broker-card-container .total-number-of-record { margin-left: 0; display: flex; }
.search-title-broker{margin-top:-10px;}
    .search-title-broker ~ .search-title-broker {margin-top:0; }
.message-search-count{margin-top:-44px; margin-bottom:30px;}
.card-record-not-found { border: 1px solid var(--bdr); margin-bottom: 1.5rem; padding: 1rem; display: flex; align-items: center; }
    .card-record-not-found .icon-not-found { background-image: url(../assets/img/icon-no-record.svg); background-repeat: no-repeat; width: 100px; height: 100px; display: inline-flex; }
    .card-record-not-found .text-no-record { font-size: 14px; margin-left: 1rem; }
.broker-search-tag { display: none; background-color: #f5f5f5 }
.broker-by-area { position: absolute; min-width: 300px; background-color: #fff; z-index: 1; padding: 5px; left: 23px; top: 10px; border-radius: 0.25rem; }
.business-user-dashboard { background-color: #f5f5f8; padding-bottom: 3.5rem; /*margin-bottom: -3.5rem;*/ }
.b-user-dashboard .page-title { margin-bottom: .5rem; }
.b-user-dashboard .page-title-help-text { font-size: 14px; font-weight: 600; }
.b-user-card-wrapper { display: flex; padding: 0; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; margin-top:1rem;}
.card-b-user-new { padding-left: 15px; padding-right: 15px; margin-bottom: 20px; flex: 0 0 20%; width: 20%;  min-width: 186px; }
    .card-b-user-new .card{height:100%; cursor:pointer; box-shadow: 0px 2px 8px 0px rgba(48, 48, 52, 0.08); border-radius: 10px; overflow: hidden; }
.card-b-user-new .card:hover { border-color: #127335; box-shadow: inset 0 0 0 1px #127335; }
        .card-b-user-new .card .card-title { width: 100%; font-weight: 600; font-size: 14px; box-shadow: none !important; padding: .650rem 0; text-align: center; margin-bottom: 0; border-radius: .25rem .25rem 0 0; border-bottom: 1px solid var(--bdr); }
    .card-b-user-new .card-body { display: flex; justify-content: center; position: relative; height: auto; align-items: center; padding: 0; width: 100%; }
        .card-b-user-new .card-body:after { display: none; }
.card-b-user-new .card-footer { background-color: transparent; border-top: none; text-align: center; padding: 0; width:100%;}
    .card-b-user-new .card-footer .btn_link { width: 100%; font-weight: 600; font-size: 14px; box-shadow: none !important; padding: 0.5rem 0.25rem; border-radius: 0 0 1rem 1rem; }
    .card-b-user-new .card-footer .btn_1 { width: 100%; border-radius: 0 0 .25rem .25rem; background-color: rgb(25 135 84 / 10%) !important; color: #198754 !important; border: none !important; padding: .5rem 1rem !important; font-weight: 600; }
        .card-b-user-new .card-body .b-app-logo img { object-fit: scale-down; }
.uae-pass-only .btn.btn_1.btn-uaepass-login { background-image: url(../assets/img/uae_pass-en-btn.svg); background-repeat: no-repeat; min-width: inherit !important; width: 150px; height: 30px; background-color: transparent !important; }
.rtl .uae-pass-only .btn-uaepass-login { background-image: url(../assets/img/uae_pass-ar-btn.svg); }
.b-user-dashboard .b-new-tag { position: absolute; top: 10px; right: 10px; font-size: 12px; font-weight: normal; padding: 0.25em 0.5em; line-height: 13px; display:none !important;}
.card-b-user-new .card-body .b-app-logo{ display: flex; justify-content: center; border:none; margin-right: 1rem; min-height: 100px; width: 200px; height: 100px; overflow: hidden; align-items: normal; padding: 10px; }
.uae-pass-only .card-footer .link-text { color: #0063a8; background-color: transparent; border: none; background-image: url(../assets/img/uae_pass-en-btn.svg); background-repeat: no-repeat; min-width: inherit !important; width: 150px; height: 30px; background-color: transparent !important; }
.rtl .uae-pass-only .card-footer .link-text { background-image: url(../assets/img/uae_pass-ar-btn.svg); }
.card-footer .account-link { background-color: transparent; border: none; color: #00893E; }
.b-app-logo-49 { max-width: 125px; }
.b-app-logo-99998 { max-width: 75px; }
.b-app-logo-54 { max-width: 65px; }
.b-app-logo-25 { max-width: 120px; }
/*End business user dashabord new card*/
.direction-ltr{direction:ltr; display:inline-block;}
.service-info-icon-description { background-image: url(../assets/img/icon-service-description-n.svg); }
.service-info-icon-service-form { background-image: url(../assets/img/icon-service-form-n.svg);}
.service-info-icon-req-doc { background-image: url(../assets/img/icon-req-doc-n.svg); }
.service-info-icon-service-term { background-image: url(../assets/img/icon-service-form-n.svg); }
.service-info-icon-service-fee { background-image: url(../assets/img/icon-service-fee-n.svg);}
.service-info-icon-service-procedure { background-image: url(../assets/img/icon-service-procedure-n.svg); }
.service-info-icon-payment-method { background-image: url(../assets/img/icon-payment-method-n.svg); }
.service-info-icon-service-chanel { background-image: url(../assets/img/icon-service-chanel-n.svg); }
.service-info-icon-issue-doc { background-image: url(../assets/img/icon-req-doc-n.svg); }
.service-info-icon-service-time { background-image: url(../assets/img/icon-service-time-n.svg);}
.service-info-icon-third-party { background-image: url(../assets/img/icon-service-third-party.svg); }
.service-info-icon-residency-status { background-image: url(../assets/img/icon-service-residency-status.svg); }
.icon-24 { border-radius: 50%; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border: none; background: #fbfbfb; }
.icon-question-mark { background-image: url(../assets/img/icon-question-mark.svg); background-repeat: no-repeat;display: inline-block;width: 24px;height: 24px; }
.page-title .faqs-link-for-all-services { margin-bottom: 3px; margin-right: 10px; font-size: 12px; }
.service-info-icon-description,
.service-info-icon-service-form,
.service-info-icon-req-doc,
.service-info-icon-service-term,
.service-info-icon-service-fee,
.service-info-icon-service-procedure,
.service-info-icon-payment-method,
.service-info-icon-service-chanel,
.service-info-icon-issue-doc,
.service-info-icon-service-time,
.service-info-icon-third-party,
.service-info-icon-residency-status { background-repeat: no-repeat; background-position: center; width: 35px; height: 35px; display: inline-block; margin-right: 16px; }
.autocomplete-suggestions { border: 1px solid var(--bdr); background: #FFF; overflow: auto; font-size: 14px; min-width: 350px; border-radius: 4px; margin-top: 12px; }
.autocomplete-suggestion {padding: 8px 20px;white-space: nowrap;overflow: hidden;border-top: 1px solid #f1f1f1; text-overflow: ellipsis;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: var(--black-color); }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #ddd; }
.icon-magnifying-glass { background-image: url(../assets/img/icon-search.svg); background-repeat: no-repeat; display: inline-block; width: 16px; height: 16px; margin-top: -1px; }
.enbd-logo { background-color: #fbfbfb; padding: 15px; border: 1px solid var(--bdr); display: flex; align-items: center; margin-bottom: 1rem; }
.enbd-logo img{ margin-right: 1rem; }
.enbd-logo + .btn-grey{margin-right:10px;}
.mashrooi-dev-name {max-width:270px;}
.next-inspection {margin-left:15px;}
.ps-action-card .card { font-family: var(--family-regular); color: #000; font-size: 20px; display: flex; padding: 16px 20px; flex-direction: column; align-items: flex-start; gap: 8px; border-radius: 16px; background: #FFF; text-align: left; border: 1px solid var(--bdr); }
    .ps-action-card .card:disabled { border-color: var(--bdr) !important; background-color: #EEEEE9; color: #525252; }
.ps-action-card .card:hover {color: var(--theme-green);}
/*.ps-action-card .col:nth-child(1) .card {border-bottom: 3px solid #2584FC}
.ps-action-card .col:nth-child(2) .card {border-bottom: 3px solid #FE2C25}
.ps-action-card .col:nth-child(3) .card {border-bottom: 3px solid #FFBA00}
.ps-action-card .col:nth-child(4) .card {border-bottom: 3px solid #00AC47}
.ps-action-card .col:nth-child(5) .card {border-bottom: 3px solid #4B3ACB}
.ps-action-card .col:nth-child(6) .card {border-bottom: 3px solid #e91e63}*/
.ps-action-card .card i { width: 40px; height: 40px; margin-bottom: 1rem; }
.icon-dev-ps,
.icon-project-ps,
.icon-zone,
.icon-lease-compnay,
.icon-export-ps {background-repeat: no-repeat;width: 40px;height: 40px;display: flex;background-position: center;}
.icon-dev-ps {background-image: url(/assets/img/icon-engineer.svg);}
.icon-project-ps {background-image: url(/assets/img/icon-project-ps.svg);}
.icon-zone {background-image: url(/assets/img/icon-zone-ps.svg);}
.icon-lease-compnay {background-image: url(/assets/img/icon-JOP.svg);}
.icon-export-ps { background-image: url(/assets/img/icon-pdf-o.svg); }
/*.ps-action-card .card:hover .icon-dev-ps {background-image: url(/assets/img/icon-engineer-h.svg);}
.ps-action-card .card:hover .icon-project-ps {background-image: url(/assets/img/icon-project-ps-h.svg);}
.ps-action-card .card:hover .icon-zone {background-image: url(/assets/img/icon-zone-ps-h.svg);}
.ps-action-card .card:hover .icon-lease-compnay {background-image: url(/assets/img/icon-JOP-h.svg);}*/
/*.ps-action-card .card:hover .icon-export-ps {background-image: url(/assets/img/icon-download-ps-h.svg);}*/
.section-page-title {background-color: #263b54;margin-bottom: 1rem; padding:1rem 0; max-height:100px; position:relative; z-index:0;}
.section-page-title > .container {display: flex;align-items: center;height: 100%;justify-content: space-between;}
.page-title-text { margin-bottom: 0; font-family: var(--family-regular); display: flex; gap: 1rem; border-bottom: 1px solid var(--bdr); }
.page-title-text > span { border-bottom: 2px solid #B0120F; padding: 0.5rem 0.1rem; margin-bottom: -1px; }
/*.card-header {background-color:#fbfbfb}*/
/*my login*/
.auth-container { /* display: flex; align-items: center; justify-content: center; flex-direction: column; height: auto;*/ padding: 1.5rem 0 4rem; display: flex; align-items: center; height: 75vh; }
.auth-register-container { display: flex; align-items: center; justify-content: center; flex-direction: column;  padding: 1rem .5rem 4rem;}
.auth-container:after,
.auth-register-container:after { background-color: #efefef; content: ""; position: fixed; width: 100%; height: 100%; bottom: 0; top: 0; z-index: -1; }
.auth-register-container #individualUser.auth-container-inner { position: absolute; top: 25%; }
.auth-register-container .auth-container-inner.auth-container-inner-with { min-width: inherit; max-width: 1024px; }
.auth-register-container .uae-pass-wrapper{display:none;}
.auth-container-inner { min-width: 550px; background-color: #fff; box-shadow: 0px 0px 42px 10px rgb(2 36 36 / 5%); padding: 1.5rem 2rem; border-radius: 10px; border: 1px solid var(--bdr); }
.auth-title {font-size: 22px;font-weight: normal; font-family: 'Dubai-Bold'; margin-bottom: 1.5rem; display: flex; align-items: center; justify-content: space-between; }
.auth-container .form-check-input,
.auth-register-container .form-check-input { margin-top: 0.15em; }
.auth-container .form-check-input:checked,
.auth-register-container .form-check-input:checked { background-color: var(--theme-green); border-color: var(--theme-green); }
.auth-container input[type="radio"]:focus,
.auth-register-container input[type="radio"]:focus { box-shadow: 0 0 0 0.2rem rgb(0 121 52 / 20%); }
.chose-signin-option { display: inline-flex; flex-direction: row; flex-wrap: wrap; gap: 1rem; }
.chose-signin-option.individual .form-check-inline { margin-right: 0.5rem; }
.select-arrow-10.field-style.select-control:after {right: 10px;}
.btn-switch-user {font-size: 14px;border: none;background-color: transparent;padding: 0;}
.border-bottom-1 {border-bottom: 3px solid #ffbe36}
.border-bottom-2 {border-bottom: 3px solid #ffbe36}
.border-bottom-3 {border-bottom: 3px solid #ffbe36}
.border-bottom-4 {border-bottom: 3px solid #ffbe36}
.border-bottom-5 {border-bottom: 3px solid #0ce;}
[data-habitat="C1"] ~ .footer-area {display:none;}
[data-habitat="C1"].content-height { margin-bottom: 0; background-color: #f7f7f7; padding-bottom: 6rem; }
.dropdown-user .dropdown-toggle::after,
.dropdown-noti .dropdown-toggle::after { display: none; }
.dropdown-user .dld-sub-header__btn,
.dropdown-noti .dld-sub-header__btn { display: flex; align-items: center; justify-content: center; border: none; background-color: #f5f5f5; }
.dropdown-user .dropdown-menu,
.dropdown-noti .dropdown-menu { padding: 1rem; border-radius: 8px; background-color: #fff; border: none; inset: 50px 0 auto auto; min-width: 350px; border: 1px solid var(--bdr); }
.dropdown-user .dropdown-menu .ddl-title{margin-bottom: 0.5rem;}
.dropdown-user .dropdown-menu .ddl-title span{font-size:18px;font-weight:600;}
    .dropdown-user .dropdown-menu li .dropdown-item,
    .dropdown-noti .dropdown-menu li .dropdown-item { /*padding: 8px 16px;*/ position: relative; cursor: pointer; font-family: 'Dubai-Regular'; display: inline-flex; align-items: center; justify-content: space-between; }
        .dropdown-user .dropdown-menu li .dropdown-item span { margin-inline-end: auto; margin-inline-start: .5rem; }
        .rtl .dropdown-user .dropdown-menu li .dropdown-item { margin-left: 1rem; }
    .dropdown-user .dropdown-menu li .dropdown-item:hover,
    .dropdown-user .dropdown-menu li .dropdown-item:focus { color: var(--theme-green); background-color: rgb(0 122 53 / 10%); border-radius: 8px; /*text-shadow: 0px 0px 1px var(--theme-green);*/ }
.dropdown-user .dropdown-menu li .dropdown-item:visited{color: #000;}
.dropdown-user .dropdown-menu li .dropdown-item:before{display:none;}
.dropdown-user .dropdown-menu li .dropdown-item:after { content: '\e91b'; font-family: 'icomoon'; margin-inline-end: -10px; font-size: 22px; }
.rtl .dropdown-user .dropdown-menu li .dropdown-item:after { content: '\e91a'; }
.dropdown-user .dropdown-menu li.user-definition .dropdown-item:before { display: none; }
    .dropdown-user .dropdown-menu li.user-definition .dropdown-item,
    .dropdown-noti .dropdown-menu li.user-definition .dropdown-item { text-align: center; color: var(--theme-green); background-color: rgb(0 122 53 / 10%); border-radius: 8px; /*text-shadow: 0px 0px 1px var(--theme-green);*/ }
    .dropdown-noti .dropdown-menu li .dropdown-item-content + .dropdown-item-content { border-top: 1px solid var(--bdr); display: inline-block; margin-top: 0.5rem; padding-top: 0.5rem; }
.msg-owner-register { margin: 1rem 0; display: flex; }
body.menu-open{overflow:hidden;}
.form-group-icon{position:relative;}
.mobile-search-icon{display:none;}
.research-page .home-service-card [class*=col-] { margin-bottom: 1.5rem; }
/*transaction subcription - start*/
.btn-subscribe { border: 1px solid #FC2827 !important; color: #FC2827 !important; padding: 0.2rem 0.75rem 0.2rem 1rem; position: relative; font-size: 14px; background-color: #f7f7f7; font-weight: 600; }
.btn-subscribe:before { content: ""; background-image: url(../assets/img/icon-subcribe-bell.svg); background-repeat: no-repeat; width: 36px; height: 36px; display: inline-block; position: absolute; left: -25px; top: -3px; }
.subscribe-content { width: 450px; display: block; bottom: -395px; left: 0; background-color: #fff; border-radius: 0.375rem; box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%); border: 1px solid var(--bdr); position: absolute; right: 0; z-index: 1; margin: 0 auto; }
.subscribe-header { position: relative; padding: 0.25rem .725rem; border-bottom: 1px solid var(--bdr); background-color: #f1f1f1; display: flex; align-items: center; justify-content: space-between; }
.subscribe-body { padding: 1rem 1.5rem 1.5rem; }
.subscribe-title { font-weight: 600;font-size: 18px; }
.subscribe-description { margin-bottom: 1rem; display: inline-block; }
.subscribe-popup-close { background-image: url(../assets/img/close-icon.webp); background-size: 100%; width: 24px; height: 24px; display: flex; background-repeat: no-repeat; border: none; background-color: transparent; padding: 0; }
/*transaction subcription - end*/
.icon-email-verification { background-image: url(../assets/img/icon-email-verification.svg); background-repeat: no-repeat; width: 58px; height: 40px; display: inline-flex; margin-bottom: 1.5rem; }
.email-message { max-width: 600px; text-align: center; line-height: 30px; margin-bottom: 1.25rem; }
.rtl .email-message { max-width: 440px; }
.invalid-field .form-control { border: 1px solid #cc0000; border-left: 3px solid #cc0000; }
.invalid-field .invalid-feedback{display:block;}
.invalid-field :valid ~ .valid-feedback { display: none; }
.space-hr { margin: 1.5rem 0; border-top: 1px solid var(--bdr); opacity: 1; }
.custom-file { position: relative; width: 100%; }
.jFiler-theme-default .jFiler-input-caption,
.jFiler-theme-default .jFiler-input-button { padding-top: 5px !important; }
.jFiler-theme-default .jFiler-input-caption > span { color: var(--black-color); }
.custom-file .jFiler .custom-file-input { top: auto !important; }
.custom-file .jFiler input {display:none;}
.custom-file .jFiler .jFiler-input {height: 48px;padding: 11px 18px;border: 1px solid var(--bdr);border-radius: 8px;margin-bottom:5px;}
    .custom-file .jFiler .jFiler-input.error { border: 1px solid #dc3545;}
        .custom-file .jFiler .jFiler-input.error .jFiler-input-caption > span { color: #dc3545; }
        .custom-file .jFiler .jFiler-input-caption { padding: 0 !important; }
.custom-file .jFiler .jFiler-input-button { color: var(--primary-color) !important; background-image: none !important; border-radius: 6px; border: 1px solid var(--bdr); box-shadow: none !important; padding: 0 12px !important; line-height: 32px; font-size: 14px; margin: -4px -10px; height: 32px; }
.rtl .jFiler .jFiler-input .jFiler-input-button { border: 1px solid var(--bdr); }
.jFiler-items-boxx { display: flex; flex-direction: column; gap: .5rem; }
    .jFiler-items-boxx .jFiler-item { border: 1px solid var(--bdr); padding: 8px 12px; border-radius: 8px; display: flex; justify-content: space-between; }
        .jFiler-items-boxx .jFiler-row:after, .jFiler-items-boxx .jFiler-item:after {display:none; }
.custom-file .jFiler .jFiler-item-title[title*=".png"],
.custom-file .jFiler .jFiler-item-title[title*=".PNG"],
.custom-file .jFiler .jFiler-item-title[title*=".jpg"],
.custom-file .jFiler .jFiler-item-title[title*=".jpeg"] { background-image: url('../assets/img/upload-image-icon.svg'); background-repeat: no-repeat; background-size: 32px; background-position: left center; padding-inline-start: 44px; display: flex; flex-direction: column; }
.custom-file .jFiler .jFiler-item-title[title*=".pdf"] { background-image: url('../assets/img/upload-pdf-icon.svg'); background-repeat: no-repeat; background-size: 32px; background-position: left center; padding-inline-start: 44px; display: flex; flex-direction: column; }

.rtl .custom-file .jFiler .jFiler-item-title[title*=".png"],
.rtl .custom-file .jFiler .jFiler-item-title[title*=".PNG"],
.rtl .custom-file .jFiler .jFiler-item-title[title*=".jpg"],
.rtl .custom-file .jFiler .jFiler-item-title[title*=".jpeg"] { background-position: right center; }
.rtl .custom-file .jFiler .jFiler-item-title[title*=".pdf"] { background-position: right center; }


.custom-file .jFiler .jFiler-item-title span:first-child{ font-size:16px; color:#000;}
.custom-file .jFiler .jFiler-item-title span:last-child { font-size: 14px; color: #000; }
.custom-file .jFiler .jFiler-item .jFiler-item-assets { display: flex; align-items: center; }
    .custom-file .jFiler .jFiler-item .jFiler-item-assets .icon-jfi-trash{text-decoration:none; cursor:pointer;}
    .custom-file .jFiler .jFiler-item .jFiler-item-assets .icon-jfi-trash:before { content: "\e91c"; font-family: 'icomoon'; font-size: 24px;  }
.jFiler-item-content{width:90%;}
.dropdown-chosen-select .chosen-container.countries option{display:none; }
.user-guide table.dataTable td, .public-data-grid table.dataTable td, #table-div table.dataTable td, .transaction-table .table tbody td, #searchTable tr td { font-family: Dubai-Regular; font-size: 16px; line-height: 23px; }
.invalid-val { display: none; width: 100%; margin-top: .25rem; font-size: 80%; color: #dc3545; }
.table-striped > tbody > tr:nth-of-type(odd) > *{color:var(--black-color)}
table.table.dataTable.table-striped > tbody > tr > * { box-shadow: inset 0 0 0 9999px #fff !important; }
table.table.dataTable.table-striped > tbody > tr:nth-of-type(2n+2) > * { box-shadow: inset 0 0 0 9999px #FBF8FD !important; }
.news-photo-gallery-modal .swiper-wrapper { max-height: 500px; }
.news-photo-gallery-modal .swiper-wrapper .swiper-slide { background: #000; height: auto; }
.news-photo-gallery-modal .swiper-pagination-fraction { background-color: rgb(255 255 255 / 80%); bottom: 0; padding: 0.325rem 0; }
.news-photo-gallery-modal .swiper-wrapper .swiper-slide img,
.news-photo-gallery .swiper-wrapper .swiper-slide img { width: 100%; height: 100%; object-fit: cover; border-radius: 10px 10px 0 0; }
.news-photo-gallery .swiper-wrapper .swiper-slide { background: #f1f1f1; border-radius: 12px 12px 0 0; }
.news-photo-gallery.swiper { height: 225px; }
.news-photo-gallery .nav-control { position: absolute; bottom: 4px; margin: 0; display: flex; width: 100%; height: 40px; gap: 1rem; justify-content: space-between; padding: 1rem; }

.photo-gallery-title-news {font-size:19px;font-weight: 600;line-height:120%;}
/*register your mortgage*/
.bank-card { align-items: center; padding: 1rem; height: 100%; flex-direction: row; border: 1px solid var(--bdr); line-height: 20px; font-weight: 600; background-color: rgb(241 241 241 / 45%); }
.bank-card:after{ content: ""; width: 8px; height: 8px; border: solid #000; border-width: 0 2px 2px 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); position: absolute; margin-right: auto; right: 15px; }
    .bank-card .logo-icon-cbd,
    .bank-card .logo-icon-dib,
    .bank-card .logo-icon-eib,
    .bank-card .logo-icon-mashreq { background-color: #fff; border: 1px solid var(--bdr); width: 50px; height: 50px; min-width: 50px; min-height: 50px; border-radius: 5px; display: flex; align-items: center; justify-content: center; margin-right: 1rem; }
.bank-card .logo-icon-cbd:before,
.bank-card .logo-icon-dib:before,
.bank-card .logo-icon-eib:before,
.bank-card .logo-icon-mashreq:before { content: ""; background-repeat: no-repeat; background-position: center center; width: 35px; height: 35px; display: flex; margin: 0; }
.bank-card .logo-icon-cbd:before { background-image: url(../assets/img/logo-icon-cbd.png); }
.bank-card .logo-icon-dib:before { background-image: url(../assets/img/logo-icon-dib.png); }
.bank-card .logo-icon-eib:before { background-image: url(../assets/img/logo-icon-eib.png); }
.bank-card .logo-icon-mashreq:before { background-image: url(../assets/img/logo-icon-mashreq.png); }
/*end register your mortgage*/
.data-availibility-msg { background-color: #E7F2FE; color: #1E4B6A; border: 1px solid #1E4B6A; padding: 0.5rem 0.7rem; display: inline-flex; font-size: 14px; border-radius: 0.375rem; margin-bottom: 1rem;margin-top: 20px;}
.dataTables_wrapper .dataTables_filter input { margin-left: 10px; }
table.dataTable .no-error td:last-child .btn-grey { border: none; background-color: transparent; }
table.dataTable .no-error td:last-child .btn-grey i,
table.dataTable .no-error td:last-child .btn-grey[disabled] i { opacity: 1; color: #0000008f; }
table.dataTable .has-error td:last-child .btn-grey i,
table.dataTable .has-error td:last-child .btn-grey[disabled] i { opacity: 1; color: #f51e32; }
.mc-terms-and-conditions div:first-child { border-right: 1px solid var(--bdr); }
.mc-terms-and-conditions div { padding: 10px; width: 50%; }
.doc-blue-link { line-height: 25px; }
.carse-request .card { border: 1px solid rgb(0 0 0 / 30%) }
.carse-request .card + .card {margin-top:1.5rem;}
.dubai-logo-white,
.dld-logo-white { display: none; }
.mx-height-inherit{max-height:inherit !important;}
.line-clamp-3{-webkit-line-clamp:3 !important;}
.line-clamp-inherit { -webkit-line-clamp: inherit !important; }
.flex-grid-half .flex-grid > div > span { flex: 0 0 50%; }
.flex-grid-half .flex-grid > div > span:nth-child(2n+1) { flex: 0 0 50%; }
.flex-grid-half .flex-grid > div > span { flex: 0 0 50%; font-size: 14px; }
.flex-grid-half .flex-grid > div > span:nth-child(2n+1) { flex: 0 0 50%; }
/*nda*/
.nda-main-header { position: sticky; top: 100px; z-index: 1; margin-bottom: 1rem; }
.nda-stepper .StepperContainer-0-2-1 { font-family: 'Dubai-Medium'; background-color: #fbfbfb; padding: 15px; border: 1px solid var(--bdr); border-radius: 0.325rem 0.325rem 0 0; }
.dld-content-text { text-align: inherit; font-size: 14px; padding-top: 1rem; }
    .dld-content-text .direction-rtl { direction: rtl; }
    .dld-content-text .title-nda { font-weight: bold; font-size: 20px; padding: 0 1rem .5rem; margin-bottom: 0; }
    .dld-content-text .name-user-s,
    .dld-content-text .id-user-s { border-bottom: 1px dashed #000; font-weight: bold; margin: 0 10px; font-size: 16px; }
    .dld-content-text .job-title-user,
    .dld-content-text .company-title-user { display: inline-block; margin: 5px 0 10px; flex-direction: row; align-items: center; width: 40% }
    .dld-content-text .job-title-user { margin-right: 15px; }
    .dld-content-text .direction-rtl .company-title-user { margin-right: 10px; margin-left: 0; }
    .dld-content-text .direction-rtl .job-title-user { margin-left: 10px; margin-right: 0; }
    .dld-content-text .company-title-user { margin-left: 15px; }
        .dld-content-text .job-title-user .form-control,
        .dld-content-text .company-title-user .form-control { background-color: #fff7c5; border-color: #d9d19c; box-shadow: none !important; padding-right: 10px; border-width: 1px; }
.rtl .dld-content-text .job-title-user .form-control,
.rtl .dld-content-text .company-title-user .form-control { background-color: #fff7c5; border-color: #d9d19c; box-shadow: none !important; padding-left: 10px; }
.dld-content-text .job-title-user label, .dld-content-text .company-title-user label { margin-bottom: 0; width: 150px; }
.rtl .dld-content-text .job-title-user label[for="designationEn"] { display: inline-flex }
    .rtl .dld-content-text .job-title-user label[for="designationEn"] span:first-child { color: #fff; width: 112px; height: 22px; overflow: hidden; }
        .rtl .dld-content-text .job-title-user label[for="designationEn"] span:first-child:before { content: 'Enter Designation'; display: inline-block; color: #000; }
.dld-content-text .job-title-user label span:last-child, .dld-content-text .company-title-user label span:last-child { color: red; }
.dld-content-text .job-title-user .form-control::placeholder,
.dld-content-text .company-title-user .form-control::placeholder { color: #000; }
.dld-content-text .form-check { padding-left: 1.5em; padding-right: 0; }
    .dld-content-text .form-check .form-check-input { border: 1px solid #838383; float: left; margin-right: 0; margin-left: -1.5rem; }
.dld-content-text .direction-rtl .id-user-s { direction: ltr; display: inline-block; }
.dld-content-text .content-footer { padding-bottom: 1rem; transition: all .3s; direction: ltr; }
    .dld-content-text .content-footer hr { margin-top: 0; }
    .dld-content-text .content-footer .btn_1 { border: 1px solid #00893E; }
.nda-letter-field { width: 100%; display: flex }
    .nda-letter-field .job-title-user, .nda-letter-field .company-title-user { width: 100% }
.dld-content-text .nda-letter .title-nda { padding-top: .5rem; }
.nda-letter-msg { color: #dd4b4b; border: 1px solid var(--bdr); padding: 0.5rem 0.7rem; gap: 10px; display: flex; font-size: 14px; border-radius: 0.375rem; margin-bottom: 1rem; direction: ltr; }
    .nda-letter-msg span { width: 50%; text-align: left; }
        .nda-letter-msg span:last-child { text-align: right; direction: rtl; }
.nda-iframe-wraper { position: relative; min-height: 400px; height: 100%; }
.nda-iframe { padding: 0.5rem; position: absolute; }
.nda-user-detail { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; direction: ltr; }
.direction-rtl .company-title-user .form-control.is-invalid,
.direction-rtl .company-title-user .was-validated .form-control:invalid,
.direction-rtl .job-title-user .form-control.is-invalid,
.direction-rtl .job-title-user .was-validated .form-control:invalid { background-position: left calc(.375em + .1875rem) center }
.nda-name-id { line-height: 40px; }
/*.nda-letter-at { display: flex; align-items: center; padding-top: 30px; margin: 0 15px; }*/
.nda-company-name { font-weight: bold; line-height: 18px; text-align: left; margin-right: 10px; margin-left: 10px; }
.direction-rtl .nda-company-name { text-align: right; }
.dld-content-text .direction-rtl .job-title-user .form-control.focus-validation,
.dld-content-text .direction-rtl .company-title-user .form-control.focus-validation,
.dld-content-text .direction-rtl .job-title-user .form-control.empty-validation,
.dld-content-text .direction-rtl .company-title-user .form-control.empty-validation,
.dld-content-text .direction-rtl .company-title-user .form-control.valid-validation,
.dld-content-text .direction-rtl .company-title-user .form-control.invalid-validation { border-left: 1px solid #d9d19c; border-right: 3px solid #d9d19c; }
.nda-user-detail > .row > .col { text-align: left }
    .nda-user-detail > .row > .col.direction-rtl { text-align: right }
/*end nda*/
/*property on map*/
.mollak-map-wrap { position: relative; border: 1px solid var(--bdr); padding: 10px; border-radius: 10px; }
.google-map-box { width: 100%; height: 490px; position: relative; }
    .google-map-box .transaction-map { border-radius: 6px; overflow: hidden; outline: none !important; }
        .google-map-box .transaction-map div { outline: none !important; }
.transaction-map .text-marker { }
.map-generator { max-width: 100%; max-height: 100%; background: none; }
.property-summary-panel { width: 100%; background-color: #004591; padding-top: 10px; padding-bottom: 10px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; border-radius: 6px; flex-direction: row; flex-wrap: wrap; gap: 16px; }
.mollak-map-wrap [class*="col-group-"] { display: flex; align-items: center; }
.mollak-map-wrap .col-group-1 { gap: 10px; max-width: calc(100% - 140px); flex-direction: row; flex-wrap: wrap; }
.mollak-map-wrap .column > .val { color: #fff; max-width: 300px; }
.mollak-map-wrap .column > .lbl { font-size: 14px; color: #bdbdbd; }
.mollak-map-wrap .column .chosen-container { min-width: 130px; }
.mollak-map-content .separator { border-right: 1px dashed rgba(255,255,255,0.5); height: 36px; display: block; }
.mollak-map-content .field-style.select-control:after { top: 7px; right: 16px; }
.mollak-map-content .transformer-tabs { justify-content: space-between; display: flex; align-items: center; }
.map-tooltip { background-color: rgb(0 37 77 / 92%); color: #fff; max-width: 300px; min-width: 300px; }
    .map-tooltip .map-tip-location { display: flex; flex-direction: column; align-items: start; padding: 0.5rem; line-height: 20px; }
        .map-tooltip .map-tip-location span:first-child { font-weight: 600; font-size: 14px; }
        .map-tooltip .map-tip-location span:last-child { font-size: 14px; color: #b9b9b9; }
        .map-tooltip .map-tip-location span, .map-tip-type > div > span, .mollak-map-wrap .column > .val { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.map-tip-type { display: flex; justify-content: space-between; padding: 0 0.5rem 0.5rem; }
    .map-tip-type > div { display: flex; flex-direction: column; }
        .map-tip-type > div > span:first-child { font-weight: 600; font-size: 14px; }
        .map-tip-type > div:first-child > span:first-child { max-width: 170px; font-size: 14px; }
        .map-tip-type > div:last-child > span:first-child { max-width: 100px; font-size: 14px; }
        .map-tip-type > div > span:last-child { font-size: 12px; color: #b9b9b9; }
/*.gm-style .gm-style-iw-tc::after { background: rgb(0 37 77 / 92%); }*/
/*end property on map*/
/*smart sale*/
body div.dt-container div.dt-layout-cell.dt-full { text-align: left; }
body div.dt-container div.dt-layout-cell { padding: 0 0 3px; }
body div.dt-container div.dt-info { padding-top: 0; font-size: 14px; margin-inline-start: auto; margin-inline-end: 1rem; }
.p-profile-card { align-items: center; padding: .25rem 15px; margin-bottom: 1rem; transition: all 300ms linear; box-shadow: 0px 2px 8px 0px rgba(48, 48, 52, 0.08); border-radius: 10px; flex-direction: row; }
.user-info-div { width: calc(100% - 20px); display: flex; align-items: center; justify-content: space-between; padding: 1rem 0 1rem 15px; }
.user-info-div .btn-pcard { display: flex; gap: 10px; }
.dd-user-info { display: flex; flex-direction: row; flex-wrap: wrap; gap: 1rem; }
.dd-user-info > div { display: flex; flex-direction: column; }
.dd-user-info > div span { font-size: 14px; }
.dd-user-info > div span:last-child { font-weight: 600; }
.user-profile-action { border-top: 1px solid var(--bdr); margin-top: 1rem; padding-top: 0.5rem; display: flex; gap: 2rem; }
.my-dld-action.head-card .card { height: 100%; box-shadow: 0 0px 8px rgb(0 0 0 / 5%); }
.my-dld-action.head-card .service-icon { min-width: 40px; }
.my-dld-action.head-card .card [class*="icon-mydld"] { width: 100%; height: 30px; background-repeat: no-repeat; background-position: center; }
.user-info-div .btn-pcard .btn-success { background-color: rgb(25 135 84 / 10%); color: #198754; border: none !important; padding: .5rem 1rem !important; }
    .user-info-div .btn-pcard .btn-success:hover,
    .user-info-div .btn-pcard .btn-success:focus { background-color: #127335; color: #fff; }
.user-info-div .btn-pcard .btn-danger { background-color: rgb(220 53 69 / 10%); color: #dc3545; border: none !important; padding: .5rem 1rem !important; }
    .user-info-div .btn-pcard .btn-danger:hover,
    .user-info-div .btn-pcard .btn-danger:focus { background-color: #dc3545; color: #fff; }
.trnsfer-reason-ddl.greenlist-filter { width: 403px; max-width: inherit; }
.current-investment { background-color: #f1f1f1; flex-direction: row; align-items: center; justify-content: space-between; display: flex; padding: .8rem; border-radius: var(--border-radius); width:100%;}
    .current-investment span:first-child { font-size: 14px; }
    .current-investment span:last-child { font-weight: 600; }
/*.page-title > div:last-child { display: flex; gap: 1rem; }*/
/*.btn-custom-toggle .btn.active, .btn-custom-toggle .btn:active { background-color: rgb(25 135 84 / 10%); border-color: var(--theme-green); color: #198754; font-weight: 500; }*/
.jop-rating label { display: flex; }
.jop-rating > span { padding: 4px 0; }
.jop-rating .star-svg { width: 30px; height: 30px; }
.icon-mydld-support,
.icon-mydld-jop_services { background-image: url('../assets/mydld-img/icon-support.svg'); }
.icon-mydld-electronic_title_deed,
.icon-mydld-sale_contract,
.icon-mydld-site_plan_download,
.icon-mydld-download_contract { background-image: url('../assets/mydld-img/icon-download.svg'); }
.icon-mydld-ejari { background-image: url('../assets/mydld-img/icon-ejari.svg'); }
.icon-mydld-enoc_mollak { background-image: url('../assets/mydld-img/icon-eNOC.svg'); }
.icon-mydld-external_valuation,
.icon-mydld-third_party_valuation,
.icon-mydld-iprop_valuation { background-image: url('../assets/mydld-img/icon-ex-valuation.svg'); }
.icon-mydld-co-occupant,
.icon-mydld-manage_co_occupant { background-image: url('../assets/mydld-img/icon-co-occupant.svg'); }
.icon-mydld-mollak_services,
.icon-mydld-mollak_service_charges { background-image: url('../assets/mydld-img/icon-mollak-charge.svg'); }
.icon-mydld-mortgage_quotation { background-image: url('../assets/mydld-img/icon-mortgage-quatation.svg'); }
.icon-mydld-owner_committee,
.icon-mydld-board_members { background-image: url('../assets/mydld-img/icon-oc-committee.svg'); }
.icon-mydld-report { background-image: url('../assets/mydld-img/icon-report.svg'); }
.icon-mydld-delayed_property_cut_off,
.icon-mydld-property_cut_off { background-image: url('../assets/mydld-img/icon-cutOff.svg'); }
.icon-mydld-rdc_cases { background-image: url('../assets/mydld-img/icon-rdc-case.svg'); }
.icon-mydld-raise_a_complaint,
.icon-mydld-rvs_complaints { background-image: url('../assets/mydld-img/icon-complaint.svg'); }
.icon-mydld-rt_registration,
.icon-mydld-rt_office_transaction_requests { background-image: url('../assets/mydld-img/icon-office.svg'); }
.icon-mydld-ptwimc { background-image: url('../assets/mydld-img/icon-property-certificate.svg'); }
.icon-mydld-site_plan { background-image: url('../assets/mydld-img/icon-site-plan.svg'); }
.icon-mydld-ownership_change { background-image: url('../assets/mydld-img/icon-area-request.svg'); }
.icon-mydld-prop_valuation { background-image: url('../assets/mydld-img/icon-valuation-certificate.svg'); }
.icon-mydld-rental_valuation { background-image: url('../assets/mydld-img/icon-valuation-rental.svg'); }
.icon-mydld-bcs_reclassification { background-image: url('../assets/mydld-img/icon-project-building.svg'); }
.icon-mydld-dashboard { background-image: url('../assets/mydld-img/icon-dashboard.svg'); }
.icon-mydld-twimc { background-image: url('../assets/mydld-img/icon-twimc.svg'); }
.icon-mydld-profile { background-image: url('../assets/mydld-img/icon-profile.svg'); }
.icon-mydld-manage_pets { background-image: url('../assets/mydld-img/icon-manage-pets.svg'); }
.icon-mydld-renew_contract,
.icon-mydld-edit_ejari,
.icon-mydld-create_management_contract,
.icon-mydld-view_management_contract_requests { background-image: url('../assets/mydld-img/icon-ejari-renewal.svg'); }
.icon-mydld-terminate_contract { background-image: url('../assets/mydld-img/icon-ejari-terminate.svg'); }
.icon-mydld-handover_takeover { background-image: url('../assets/mydld-img/icon-ejari-handover.svg'); }
.icon-mydld-loss_cert { background-image: url('../assets/mydld-img/icon-loss-certificate.svg'); }
.icon-mydld-delayed_property_annex,
.icon-mydld-property_annex { background-image: url('../assets/mydld-img/icon-property-annex.svg'); }
.icon-mydld-request,
.icon-mydld-ht_my_requests,
.icon-mydld-ht_requests_from_owner { background-image: url('../assets/mydld-img/icon-request.svg'); background-repeat: no-repeat; width: 50px; height: 40px; display: flex; }
.icon-mydld-smart_sale { background-image: url('../assets/mydld-img/icon-smart-sale.svg'); }
.icon-mydld-jop_enquiry { background-image: url('../assets/mydld-img/icon-jop-enquiry.svg') }
.icon-mydld-jop_suggestion { background-image: url('../assets/mydld-img/icon-jop-suggestion.svg') }
.icon-mydld-jop_complaints { background-image: url('../assets/mydld-img/icon-jop-complaints.svg') }
.icon-mydld-jop_legal { background-image: url('../assets/mydld-img/icon-jop-rectification-notice.svg') }
.icon-mydld-nfh_fh { background-image: url('../assets/mydld-img/icon-conversion-fh.svg') }
.icon-mydld-assign_broker { background-image: url('../assets/mydld-img/icon-assign-broker.svg') }
/*business user card*/
.card-b-user-new .card-body .b-app-logo img.b-app-logo-1,
.card-b-user-new .card-body .b-app-logo img.b-app-logo-2,
.card-b-user-new .card-body .b-app-logo img.b-app-logo-4,
.card-b-user-new .card-body .b-app-logo img.b-app-logo-12,
.card-b-user-new .card-body .b-app-logo img.b-app-logo-61 { max-width: 52%; }
.card-b-user-new .card-body .b-app-logo img.b-app-logo-65,
.card-b-user-new .card-body .b-app-logo img.b-app-logo-42,
.card-b-user-new .card-body .b-app-logo img.b-app-logo-62 { max-width: 45%; }
.card-b-user-new .card-body .b-app-logo img.b-app-logo-3,
.card-b-user-new .card-body .b-app-logo img.b-app-logo-7,
.card-b-user-new .card-body .b-app-logo img.b-app-logo-18,
.card-b-user-new .card-body .b-app-logo img.b-app-logo-26,
.card-b-user-new .card-body .b-app-logo img.b-app-logo-100 { max-width: 60%; }
.card-b-user-new .card-body .b-app-logo img.b-app-logo-99999,
.card-b-user-new .card-body .b-app-logo img.b-app-logo-99998,
.card-b-user-new .card-body .b-app-logo img.b-app-logo-13 { max-width: 32%; }
.card-b-user-new .card-body .b-app-logo img.b-app-logo-35 { max-width: 25%; }
.ws-nowrap { white-space: nowrap; }
.dt-scroll-head .dt-scroll-headInner { width: 100% !important; }
.rtl div.dt-container div.dt-search{text-align:left;}
/*end business user card*/
/*end smart sale*/
/*end property on map*/
.btn-feedback { background-color: #fbfbfb !important; align-items: center; display: inline-flex; gap: .5rem;padding: 3px 9px;height: auto;}
    .btn-feedback i { font-size: 22px; position: relative; top: -1px; }
.group-yesno { display: flex; align-items: center; gap: .5rem; }
    .group-yesno .btn-grey { gap: 10px; display: inline-flex; align-items: center; padding: 0.25rem .675rem; }
    .group-yesno .btn-grey i{ font-size: 16px; }
        .group-yesno .btn-grey .fa-thumbs-up{margin-top:-3px;}
    .group-yesno .btn-check + .btn:hover { background-color: #fbfbfb; border: 1px solid var(--bdr); }
    .group-yesno #btnradioYes:checked + .btn-grey { background-color: #00893e; color: #fff !important; border: 1px solid #00893e; }
    .group-yesno #btnradioNo + .btn-grey {color: #dd2323 !important; }
    .group-yesno #btnradioNo:checked + .btn-grey { background-color: #dd2323; color: #fff !important; border: 1px solid #dd2323; }
.icon-modal-wrap { display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; margin: 0 auto; border-radius: 100%; padding: 16px; }
.icon-modal-wrap.svgerror { background-color: rgb(229 64 49 / 10%); border: 1px solid rgb(229 64 49 / 30%); }
.icon-modal-wrap.svginfo { background-color: rgb(12 77 175 / 10%); border: 1px solid rgb(12 77 175 / 30%); }
.icon-modal-wrap.svgwarning { background-color: rgb(236 133 11 / 10%); border: 1px solid rgb(236 133 11 / 30%); }
.icon-modal-wrap.svgsuccess { background-color: rgb(11 166 73 / 10%); border: 1px solid rgb(11 166 73 / 30%); }
    .icon-modal-wrap.svginfo i { color: #0c4daf; font-size: 26px; }
    .icon-modal-wrap.svgsuccess i { color: #0ba649; font-size: 26px; }
.comments-date { font-size: 12px; color: rgb(0 0 0 / 75%); }
.dt-scroll-headInner .nested-table thead tr th.community-collapse .dt-column-order { display: none }
.gm-style-iw-ch{padding-top:0}
.card-map-pin { border: none; /*min-width: 500px; max-width: 400px;*/ padding: .75rem; font-family: 'Dubai-Regular'; }
    .card-map-pin .logo-box { background-color: #e3e3e3; border-radius: 6px; }
    .card-map-pin .card-title h6 { line-height: normal; font-size: 14px; width: calc(100% - 36px); }
    .card-map-pin .list-style { margin-top: 0; }
        .card-map-pin .list-style li { border: 1px solid var(--bdr); margin-bottom: -1px; padding: 3px 6px; }
    .card-map-pin .location-ar,
    .card-map-pin .list-working-hour-ar { display: none; }
    .card-map-pin .list-style li:first-child{border-top-left-radius:4px; border-top-right-radius:4px;}
    .card-map-pin .list-style li:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.map-wrapper { min-height: 550px; width: 100%; border: 1px solid #ced4da; padding: 4px; display: flex; height: 100%; border-radius: 6px; position: relative; }
    .map-wrapper .map-container { border-radius: 4px; width: 100%; height: 100%; min-height: 550px }
.social-link-wrap { display: flex; gap: 1rem; }
.social-link-wrap a{display:flex !important;}
.icon-twitter,
.icon-fb,
.icon-linkedin,
.icon-ig,
.icon-gmail { display: inline-flex; background-repeat: no-repeat; background-position: center; width: 24px; height: 24px; }

.icon-twitter { background-image: url(../assets/img/x-logo.svg); }
.icon-fb { background-image: url(../assets/img/icon-fb.svg); }
.icon-linkedin { background-image: url(../assets/img/icon-linkedin.svg); }
.link-mailto i { font-size: 24px; color: var(--black-color) }
.icon-ig { background-image: url(../assets/img/icon-ig.svg); }
.icon-gmail { background-image: url(../assets/img/icon-gmail.svg); }
.service-name-description {color:var(--on-surface-variant)}
.child-margin-0 > * {
    margin:0;
}
/*.medal.v-center { top: 15%; bottom: auto; inset-inline-end: 10px; }*/
/*start: nfh_fh*/
.property-details .fee-break-down.flex-grid > div { flex: 0 0 100%; max-width: 100%; }
.property-details .fee-break-down.flex-grid > div > span:first-child { flex: 0 0 70%; }.property-details .fee-break-down.flex-grid > div > span:last-child { flex: 0 0 30%; justify-content: end; display: flex; }
/*end: nfh_fh*/
.tayseer-logo .card { height: 100%; border: 1px solid var(--bdr) !important; border-radius: var(--border-radius); }
    .tayseer-logo .card .card-img { height: 150px; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid var(--bdr); border-radius: 0; }
.tayseer-logo .card .card-title { margin-bottom: 0; padding: .5rem 1rem; font-weight: normal; font-family: 'Dubai-Regular'; line-height: 120%; font-size: 14px; text-align: center; height: 50px; justify-content: center; display: flex; align-items: center; }
.tayseer-logo .color-blue { color: #1166BB; }
.modal-dflip .modal-content { background-color: rgba(0, 0, 0, 0.5); }
.modal-dflip .btn-close { position: absolute; top: 10px; right: 10px; opacity: 1; z-index: 2; background-image: none; }
.modal-dflip .btn-close .close-svg-icon { background-image: url(../assets/img/close-icon-white.svg); background-size: 100%; width: 25px; height: 25px; display: flex; background-repeat: no-repeat; }
/*start: tokenisation*/
.re-tokenisation .head-card .card { height: 100%; }
    .re-tokenisation .head-card .card:hover { box-shadow: none; border: 1px solid var(--bdr); cursor: default; }
.re-tokenisation .service-name { min-height: auto; }
.re-tokenisation .head-card .card:hover .service-name { color: #000; }
.re-tokenisation .service-description { -webkit-line-clamp: inherit; }
.re-tokenisation .list-group .dff-bold { font-family: 'Dubai-Bold'; display: flex; }
.re-tokenisation .list-group .dff-regular { font-family: 'Dubai-Regular' }
.tokenisation-entity-logo { display: flex; gap: 1rem; }
    .tokenisation-entity-logo .card { height: 100%; border: 1px solid var(--bdr) !important; border-radius: var(--border-radius); }
.tokenisation-entity-logo .card .card-img { height: 120px; display: flex; align-items: center; justify-content: center; }
/*end: tokenisation*/
#sub-header.sub-head-indextop { top: 104px; }
#footer.position-inherit { position: inherit; }
/*start: pdf card*/
.icon-smile-face { background-image: url(../assets/home-img/new-home/icon-smile-face.svg); /*background-color: #c9c9c9;*/ border-radius: 100%; background-repeat: no-repeat; width: 40px; height: 40px; display: flex; align-items: center; background-position: center; background-size: 34px; }
.card-ts2 .card { border: 1px solid var(--bdr); box-shadow: 0 0px 8px rgb(0 0 0 / 5%); border-radius: 12px; gap: 1rem; flex-direction: column; align-items: flex-start; justify-content: space-between; animation-duration: 300ms; transition: all 300ms linear; }
    .card-ts2 .card .card-body { padding: 16px 20px; display: flex; flex-direction: column; align-items: flex-start; }
.card-ts2 .card .card-footer { width: 100%; background-color: transparent; display: flex; gap: 1rem; border-top: 1px solid var(--bdr); padding-top: 16px; padding-bottom: 16px; }
.card-ts2 .card .card-footer .btn { border-color: var(--bdr); width: 50%; flex-grow: 1; white-space: nowrap; }
.card-ts2 .card .service-name { margin:1.5rem 0 .5rem;}
/*end: pdf card*/
.view-service-info { display: flex; align-items: center; justify-content: center }
.icon-info { background-image: url(../assets/img/icon-info.svg); width: 24px; height: 24px; display: inline-block; }


/*start: GWU form*/
.head-title {     font-family: var(--family-regular);
    line-height: var(--lh-120);
    font-weight: 400;
    font-size: 40px;
    text-align: center; }
.head-title-sub { font-family: var(--family-regular); line-height: var(--lh-120); font-size: 20px; text-align: center; margin: 1rem auto 3rem; }
.head-title-sub p {
    /*color: var(--on-surface-variant);*/
}
.form-select { background-size: 10px; --bs-form-select-bg-img: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 446 262"><path id="arrow_down" d="M480-361a44.271,44.271,0,0,1-15-2.5,35.09,35.09,0,0,1-13-8.5L268-556q-11-11-11-28t11-28q11-11,28-11t28,11L480-456,636-612q11-11,28-11t28,11q11,11,11,28t-11,28L508-372a35.09,35.09,0,0,1-13,8.5A44.271,44.271,0,0,1,480-361Z" transform="translate(-257 623)"/></svg>'); }
.form-select { padding-top: 12px; padding-bottom: 12px; padding-inline-start: 1rem; padding-inline-end: 36px; border-color: var(--bdr); height: 48px; background-position: right 16px center; border-radius: 8px; }
.rtl .form-select { background-position: left 16px center; }
.form-control { padding: 12px 16px; border-color: var(--bdr); height: 48px; border-radius:8px;}
    textarea.form-control{min-height:150px;}

    .form-select:focus,
    .form-control:focus,
    .form-control.is-valid:focus,
    .was-validated .form-control:valid:focus,
    .form-select.is-valid:focus,
    .was-validated .form-select:valid:focus,
    .chosen-container.chosen-container-active .chosen-single { border-color: #006E20; outline: 0; box-shadow: 0px 0px 0px 3px #C8FFC2; }
        /*.chosen-container.chosen-container-active .chosen-default,
        .chosen-container.chosen-container-active .chosen-single { border-color: #006E20; }*/
    .form-control.is-invalid, .was-validated .form-control:invalid{background-image:none;}
        .form-control.is-invalid ~ .form-tex,
        .was-validated .form-control:invalid ~ .form-text { display:none;}
    .form-select.is-valid,
    .was-validated .form-select:valid,
    .form-control.is-valid,
    .was-validated .form-control:valid { border-color: var(--bdr); }
        .form-select.is-valid:not([multiple]):not([size]),
        .form-select.is-valid:not([multiple])[size="1"],
        .was-validated .form-select:valid:not([multiple]):not([size]),
        .was-validated .form-select:valid:not([multiple])[size="1"],
        .form-select.is-invalid:not([multiple]):not([size]),
        .form-select.is-invalid:not([multiple])[size="1"],
        .was-validated .form-select:invalid:not([multiple]):not([size]),
        .was-validated .form-select:invalid:not([multiple])[size="1"] { --bs-form-select-bg-icon: none; background-size: 12px; padding: 11px 18px; }
    .form-control.is-valid, 
    .was-validated .form-control:valid{background-image:none;}
    .form-select.is-invalid + .chosen-container .chosen-single,
    .was-validated .form-select:invalid + .chosen-container .chosen-single { border-color: var(--bs-form-invalid-border-color); }
    .form-select.is-invalid + .chosen-container.chosen-container-active .chosen-single,
    .was-validated .form-select:invalid + .chosen-container.chosen-container-active .chosen-single { box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb),.25) }

.form-check-input.is-valid ~ .form-check-label, 
.was-validated .form-check-input:valid ~ .form-check-label { color: var(--black-color); }
.form-check-input.is-valid,
.was-validated .form-check-input:valid { border-color: var(--primary-color); }
    /*.form-check-input.is-valid:checked,
    .was-validated .form-check-input:valid:checked { background-color: #C8FFC2; }*/

.field-help{position:relative;}
    .field-help .btn-input-icon, .field-help .btn-input-icon:hover, .field-help .btn-input-icon:focus, .field-help .btn-input-icon:active { border: none; background-color: transparent; padding: 0; position: absolute; top: 12px; inset-inline-end:12px; }
.auth-container-form .field-help .btn-input-icon { top: 45px; }
.input-group .btn-toggle { height: 48px; }
.btn-toggle { background-color: #EEEEE9; padding: 4px; border-radius: 12px; gap: 4px; height: 48px; margin-inline-start: .5rem; }
    .btn-toggle .btn { margin-bottom: 0; border: none; padding: 8px 16px; font-size: 16px; color: #464744; line-height: 24px; font-family: var(--family-regular); }
.btn-custom-toggle { margin-inline-start: .750rem; }
.btn-check:checked + .btn,
/*.btn.active, .btn.show,
.btn:first-child:active,
:not(.btn-check) + .btn:active,*/
.btn-custom-toggle .btn.active { background: #FFFFFF; box-shadow: 0px 1px 2px -1px rgba(16, 24, 40, 0.1), 0px 1px 3px rgba(16, 24, 40, 0.1); border-radius: 6px; color: #000 }
.btn-group > .btn-group:not(:first-child) > .btn,
.btn-group > .btn:nth-child(n+3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:last-child) > .btn, 
.btn-group > .btn.dropdown-toggle-split:first-child, 
.btn-group > .btn:not(:last-child):not(.dropdown-toggle) { border-radius: 8px; }
.form-check-input { border: 2px solid var(--bdr); }
.form-check{padding-inline-start:2rem;}
.form-check-input[type=checkbox]{border-radius:6px;}
.form-check .form-check-input { width: 24px; height: 24px; margin-top: 0; margin-inline-start: -2rem; }
    .form-check-input:checked { background-color: var(--primary-color); border-color: var(--primary-color); }
    .form-check-input:focus { border-color: var(--primary-color); outline: 0; box-shadow: 0 0 0 .25rem rgb(200 255 194); }
.form-check-input:checked:focus{box-shadow:none;}
.form-check-label { margin-bottom: 0; }
.form-check-input:checked[type=radio] { background-color: #C8FFC2; --bs-form-check-bg-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='2' fill='%23006E20'/></svg>"); }
.form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked { background-color: #C8FFC2; }
.form-text { color: #464744; font-size: 13px; margin-top: .5rem; }
.form-text-with-icon { color: #464744; font-size: 14px; margin-top: .5rem; margin-bottom: .75rem; display: inline-flex; align-items: center; gap: .5rem; line-height: 20px; }
    .form-text-with-icon i { font-size: 20px; line-height: 20px; }
.btn-login-uaepass { background-image: url(../assets/img/btn_uaepass_en_active.png); width: 300px; height: 52px; background-size: 100%; border: none !important; margin: 0 auto; outline: none !important; padding: 0; box-shadow: none !important; }
    .btn-login-uaepass:hover { background-image: url(../assets/img/btn_uaepass_en_pressed.png); }
    .btn-login-uaepass:active,
    .btn-login-uaepass:focus { background-image: url(../assets/img/btn_uaepass_en_focus.png);}
    .btn-login-uaepass[disabled] { background-image: url(../assets/img/btn_uaepass_en_disabled.png); width: 300px; height: 52px; background-size: 100%; }
.rtl .btn-login-uaepass { background-image: url(../assets/img/btn_uaepass_ar_active.png);}
.rtl .btn-login-uaepass:hover { background-image: url(../assets/img/btn_uaepass_ar_pressed.png); }
.rtl .btn-login-uaepass:active,
.rtl .btn-login-uaepass:focus { background-image: url(../assets/img/btn_uaepass_ar_focus.png); }
.rtl .btn-login-uaepass[disabled] { background-image: url(../assets/img/btn_uaepass_ar_disabled.png); }
.btn-signup-uaepass { background-image: url(../assets/img/btn_uaepass_singup_en_active.png); width: 300px; height: 52px; background-size: 100%; margin: 0 auto; border: none !important; outline: none !important; padding: 0; box-shadow: none !important; }
    .btn-signup-uaepass:hover { background-image: url(../assets/img/btn_uaepass_singup_en_pressed.png); }
    .btn-signup-uaepass:active,
    .btn-signup-uaepass:focus { background-image: url(../assets/img/btn_uaepass_singup_en_focus.png); }
    .btn-signup-uaepass[disabled] { background-image: url(../assets/img/btn_uaepass_singup_en_disabled.png) !important; cursor: not-allowed; }
.rtl .btn-signup-uaepass { background-image: url(../assets/img/btn_uaepass_singup_ar_active.png);}
.rtl .btn-signup-uaepass:hover { background-image: url(../assets/img/btn_uaepass_singup_ar_pressed.png); }
.rtl .btn-signup-uaepass:active,
.rtl .btn-signup-uaepass:focus { background-image: url(../assets/img/btn_uaepass_singup_ar_focus.png); }
.rtl .btn-signup-uaepass[disabled] { background-image: url(../assets/img/btn_uaepass_singup_ar_disabled.png) !important; cursor: not-allowed; }
/*end: GWU form*/
.faq-nav-list .btn,
.inspection-details .dropdown-toggle { display: flex; align-items: center; justify-content: space-between; border: 1px solid var(--bdr); background-color: #fff; padding: 11px 18px; background-size: 10px; --bs-form-select-bg-img: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 446 262"><path id="arrow_down" d="M480-361a44.271,44.271,0,0,1-15-2.5,35.09,35.09,0,0,1-13-8.5L268-556q-11-11-11-28t11-28q11-11,28-11t28,11L480-456,636-612q11-11,28-11t28,11q11,11,11,28t-11,28L508-372a35.09,35.09,0,0,1-13,8.5A44.271,44.271,0,0,1,480-361Z" transform="translate(-257 623)"/></svg>'); background-image: var(--bs-form-select-bg-img); background-position: right .75rem center; background-repeat: no-repeat; }
    .faq-nav-list .btn:after,
    .inspection-details .dropdown-toggle:after { border: none; }
.dropdown.faq-category-dropdown button { padding: 11px 18px; border-color: var(--bdr); height: 48px; }
.dropdown.faq-category-dropdown button:focus{ border-color: #006E20; outline: 0; box-shadow: 0px 0px 0px 3px #C8FFC2; }
.developer-header .card-title {
    font-size: 19px;
    font-weight: 600;
}
.clamp-2 {
        display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.asterisk { color: #d32f2f; }
.optional-tag { font-size: 12px; color: #636F84; }
.moretext { overflow: hidden;  height:auto;}
.moretext.collapse:not(.show) { -webkit-line-clamp: 1; display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 1; align-self: stretch; overflow: hidden; text-overflow: ellipsis; }
ol.moretext, ul.moretext { padding-inline-start: 20px !important; }
.moreless-button { height: 32px; margin-top:.5rem; padding: 8px 12px; font-size: 13px; align-self: flex-end; white-space: nowrap; }
.text-read-more,
.text-read-less{ display: none }
.moreless-button[aria-expanded=false] .text-read-more { display:inline-flex; }
.moreless-button[aria-expanded=true] .text-read-less { display: inline-flex; }
/* ---------- Calendar UI ---------- */
.ui-datepicker.ui-widget {height: 320px;width: 320px;border-radius: 12px;padding: 18px; margin-top: 4px;
    th { color: #5E5E62; }
    .ui-datepicker-header { background: white; border: none; display: flex; justify-content: space-between; }
.ui-datepicker-prev, .ui-datepicker-next { width: 40px; height: 40px; border: 1px solid var(--bdr); position: static; border-radius: 6px; text-decoration: none !important; color: #006E20 !important; }
    .ui-datepicker-next { order: 3 }
    .ui-helper-clearfix:before, .ui-helper-clearfix:after { display: none; }
    .ui-datepicker-title { margin: 0; width: calc(100% - 80px); display: flex; justify-content: center; gap: 5px; }
    select.ui-datepicker-month, select.ui-datepicker-year { width: auto; border: none; font-size: 16px; font-weight: 600; color: #40484F; }
    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: none; text-align: center; color: #40484F; font-size: 14px; padding: 0; height: 36px; line-height: 36px; width: 36px; border-radius: 6px; background: white; }
        .ui-state-default.ui-state-hover, .ui-widget-content .ui-state-default.ui-state-hover { background: #eeeee9; color: #006E20; font-family: var(--family-Regular); }
        .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { background: #eeeee9; color: #006E20; font-family: var(--family-bold); }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { background: #eeeee9; font-family: var(--family-bold); border: 1px solid #eeeee9; color: #006E20; }
    .ui-widget-header .ui-icon { background-image: none; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: static; margin: 0 auto; text-align: center; line-height: 40px; height: 40px; }
        .ui-widget-header .ui-icon:before { text-indent: 0; display: block; }
    .ui-widget-header .ui-datepicker-prev .ui-icon:before { content: "\f053"; }
    .ui-widget-header .ui-datepicker-next .ui-icon:before { content: "\f054"; }
}
.ui-datepicker.ui-widget.ui-helper-clearfix:before, .ui-datepicker.ui-widget.ui-helper-clearfix:after { display: none }
/* ---------- end Calendar UI ---------- */

/*start: sidebar*/
/*.form-check-input:checked { background-color: var(--primary-color); border-color: #E4E2E6; }
.form-check-input:focus { border-color: var(--focus-color); outline: 0; box-shadow: 0 0 0 .25rem rgba(0, 110, 32, .25); }*/
.property-details.container-wrapper > .container,
.own-dashboard > .container { display: flex; gap: 1rem; position: relative; }
.property-details.container-wrapper .page-content, .own-dashboard .page-content { width: calc(100% - 290px); inset-inline-end: 0; background-color: #fff; padding: 1rem 1rem 1rem; border-radius: 12px; height: auto; top: 180px; border: 1px solid var(--bdr); }
.navd-sidebar-open.property-details.container-wrapper .page-content { width: calc(100% - 270px); }
.navd-sidebar .sidebar-checkbox-input { display: none; }
.navd-sidebar .navd-sidebar-toggle { width: 100%; background: none; transition: all 0.5s ease; overflow: hidden; margin: 0; display: flex; align-items: center; justify-content: end; padding: 1rem; cursor: pointer; }
    .navd-sidebar .navd-sidebar-toggle .toggle--icons { block-size: inherit; aspect-ratio: 1; display: inline-grid; place-content: center; grid-template-areas: "svg"; z-index: 10; }

.navd-sidebar { display: flex; flex-direction: column; height: 100%; width: 270px; background-color: #fff; position: sticky; top: 180px; bottom: 0; left: 10px; z-index: 2; border-radius: 10px; border: 1px solid var(--bdr) !important; transition: all 0.5s ease; box-shadow: 0px 0px 11px #00000017; }
    .navd-sidebar .nav-tab-list { border-bottom: 0; }
    .navd-sidebar .user-info-d1 { display: flex; flex-direction: column; margin-bottom: 0; }
        .navd-sidebar .user-info-d1 .user-info-text { padding: .5rem .65rem; display: flex; gap: 1rem; }
        .navd-sidebar .user-info-d1 img { width: 40px; height: 40px; border-radius: 50%; background-color: #f1f1f1; min-width: 40px; min-height: 40px; max-width: 40px; max-height: 40px; object-fit: cover; }
        .navd-sidebar .user-info-d1 .person-name { display: flex; flex-direction: column; }
            .navd-sidebar .user-info-d1 .person-name span:first-child { font-size: 16px; line-height: 120%; }
            .navd-sidebar .user-info-d1 .person-name span:last-child { font-size: 16px; line-height: 120%; color: #40484F; }
    .navd-sidebar .person-info-action { display: flex; width: 100%; justify-content: center; }
        .navd-sidebar .person-info-action .btn { border-radius: 0; flex: 0 100%; margin-inline-start: -1px; margin-inline-end: -1px; white-space: nowrap; }
            .navd-sidebar .person-info-action .btn:first-child { color: #000 !important; }
            .navd-sidebar .person-info-action .btn:last-child { color: #de0008 !important; }
            .navd-sidebar .person-info-action .btn i { font-size: 18px; }
    .navd-sidebar .nav-item { width: 100%; position: relative; }
        .navd-sidebar .nav-item .nav-link { width: 100%; border: none; text-align: start; color: #000; border-radius: 0; padding: 1rem 1rem; margin: 0; display: flex; align-items: center; gap: .75rem; transition: all .3s; }
    .navd-sidebar .nav-tabs .nav-item.show .nav-link,
    .navd-sidebar .nav-tabs .nav-link.active { background-color: #E6EFF7; color: #2A638B; border-inline-start: none; box-shadow: inset 3px 0px 0 #2A638B; }
    .navd-sidebar .nav-tabs .nav-link:hover,
    .navd-sidebar .nav-tabs .nav-link:focus,
    .navd-sidebar .form-switch:hover { background-color: #E6EFF7; color: #2A638B; }
    .navd-sidebar .nav-tabs .nav-link .badge { margin-inline-start: auto; color: #000; border: 1px solid var(--bdr); border-radius: 50%; font-size: 12px; display: inline-flex; align-items: center; justify-content: center; font-weight: normal; width: 24px; height: 24px; }
    .navd-sidebar .form-switch { margin: 0; padding: .75rem 1rem; }
    .navd-sidebar .form-check-label { display: flex; gap: .5rem; margin-bottom: 0; cursor: pointer; align-items: center; }
    .navd-sidebar .form-check .form-check-input { float: right; }
    .navd-sidebar .nav-tab-bottom { border-bottom: 0; margin-top: auto; border-top: 1px solid var(--bdr); }
        .navd-sidebar .nav-tab-bottom .nav-link:hover { border-radius:0;}
        .navd-sidebar .nav-tab-bottom .nav-item:last-child .nav-link:hover { border-radius: 0 0 8px 8px; }
    .navd-sidebar .nav-item .nav-link > [class*='icon-'] { background-repeat: no-repeat; background-position: center; width: 24px; height: 24px; min-width: 24px; min-height: 24px; color: #203a72; display: inline-block; }
.navd-sidebar .nav-item .icon-my-portfolio { background-image: url(../assets/mydld-img/icon-my-portfolio.svg);  }
.navd-sidebar .nav-item .icon-property-services { background-image: url(../assets/mydld-img/icon-property-services.svg); }
.navd-sidebar .nav-item .icon-my-requests { background-image: url(../assets/mydld-img/icon-my-requests.svg); }
.navd-sidebar .nav-item .icon-to-whom-it-may-concern { background-image: url(../assets/mydld-img/icon-to-whom-it-may-concern.svg); }
.navd-sidebar .nav-item .icon-green-list { background-image: url(../assets/mydld-img/icon-green-list.svg); }
.navd-sidebar .nav-item .icon-first-time-home-buyer { background-image: url(../assets/mydld-img/icon-first-time-home-buyer.svg); }
    .navd-sidebar .nav-item .icon-msupport { background-image: url(../assets/mydld-img/icon-msupport.svg); }
    .navd-sidebar .nav-item .nav-link > .icon-m_logout { color: #dc3545; }

.navd-sidebar-open .navd-sidebar { min-width: 270px; transition: all 0.5s ease; }
.navd-sidebar-open:before { content: ""; transition: all 0.5s ease; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); background-color: rgba(0, 0, 0, 0.5); opacity: .9; position: fixed; width: 100%; height: 100%; z-index: 2; top: 0; }
.navd-sidebar .nav-item .nav-link .navd-sb-text { display: flex; width: 100%; }
.mydld-section.own-dashboard.navd-sidebar-open:before { display: none; }
.navd-sidebar-open .navd-sidebar .nav-item .nav-link { width: 100%; }
.navd-sidebar-open .navd-sidebar .nav-item .nav-link:hover { width: 100%; background-color: #E6EFF7; }
.navd-sidebar-open .navd-sidebar .nav-item .nav-link:hover .navd-sb-text { padding: 0; position: inherit; border-radius: 0; box-shadow: none !important; color: #000; }
.property-details.container-wrapper .navd-sidebar { width: 60px; }
.property-details.container-wrapper .page-content { width: calc(100% - 90px); }
.property-details.container-wrapper .navd-sidebar .user-info-d1 .person-name { opacity: 0; height: 0; width: 0; overflow: hidden; }
.property-details.container-wrapper .navd-sidebar .nav-item .nav-link .navd-sb-text { white-space: nowrap; margin-inline-start: .65rem; transition: all .3s; opacity: 0; transition: opacity 0.3s ease; }
.property-details.container-wrapper .navd-sidebar .nav-item .nav-link { width: 58px; overflow: hidden; }
    .property-details.container-wrapper .navd-sidebar .nav-item .nav-link:hover .navd-sb-text { opacity: 1; background-color: #000000db; color: #fff; padding: 10px; position: absolute; inset-inline-start: 65px; border-radius: 6px; box-shadow: 0px 0px 11px #00000017; transition: all .25s ease; width: auto; gap: 1rem; }
.property-details.container-wrapper.navd-sidebar-open .user-info-d1 .person-name { opacity: 1; height:auto; width:auto;}
.property-details.container-wrapper.navd-sidebar-open .nav-item .nav-link { width: 100%; }
.property-details.container-wrapper.navd-sidebar-open .navd-sidebar .nav-item .nav-link .navd-sb-text { opacity: 1; }
.rtl .property-details.container-wrapper.navd-sidebar-open .navd-sidebar .nav-item .nav-link .icon-to-whom-it-may-concern + .navd-sb-text {white-space:normal; height:48px;}
.property-details.container-wrapper.navd-sidebar-open .navd-sidebar .nav-item .nav-link:hover .navd-sb-text { position: inherit; background-color: transparent; color: #000; padding: 0; border-radius: 0; width: 100%; }
/*end: sidebar*/
/*------------------ Start: Date Range Picker ------------------*/
.daterangepicker { border-radius: 12px; font-family: var(--Dubai); border-color: var(--bdr); margin-top: 4px; }
    .daterangepicker .calendar-table table { border-spacing: 4px; border-collapse: separate; }
    .daterangepicker.show-calendar .ranges { padding: 24px 0 0; }
.daterangepicker .calendar-table .prev, .daterangepicker .calendar-table .next { min-width: auto; width: auto; height: auto; line-height: normal; padding: 0; border: none; }
    .daterangepicker .calendar-table .prev span,
    .daterangepicker .calendar-table .next span { border: 1px solid var(--bdr); transform: none; width: 40px; height: 40px; border-radius: 6px; padding: 0; font-family: 'icomoon'; line-height: 40px; font-size: 24px; }
        .daterangepicker .calendar-table .prev span:before { content: "\e91a"; color: #006E20; }
        .daterangepicker .calendar-table .next span:before { content: "\e91b"; color: #006E20; }
.rtl .daterangepicker .calendar-table .prev span:before { content: "\e91b"; }
.rtl .daterangepicker .calendar-table .next span:before { content: "\e91a"; }
    .daterangepicker .ranges li { font-size: 16px; padding: 10px 16px; height: 44px; color: #40484F; display: flex; align-items: center; }
        .daterangepicker .ranges li+li{margin-top:4px;}
        .daterangepicker .ranges li.active { background-color: #EEEEE9; color: #006E20; border-left: 2px solid; border-right: none; border-top: none; border-bottom: none; }
    .daterangepicker td.available:hover, .daterangepicker th.available:hover { background-color: #006E20; color: #fff; border-radius: 6px; }
        .daterangepicker td.available:hover > span:before, .daterangepicker th.available:hover > span:before { color: #fff; }
.daterangepicker .calendar-table th { width: 36px; height: 36px; }
.daterangepicker th.month { width: auto; border: none; font-size: 16px; font-weight: 600; color: #40484F; }
    .daterangepicker .calendar-table thead tr:nth-of-type(2) th { padding: 6px 7px; text-align: center; font-weight: 400; border: 0; color: #5E5E62; font-size: 16px; line-height: normal; }
.daterangepicker .calendar-table td { border: none; text-align: center; color: #40484F; font-size: 16px; padding: 0; height: 36px; line-height: 36px; min-width: 36px; }
.daterangepicker .drp-calendar.left,
.daterangepicker .drp-calendar.right { padding: 24px; }
.daterangepicker.show-calendar .ranges, .daterangepicker.show-ranges.ltr .drp-calendar.left, .daterangepicker.show-ranges.ltr .drp-calendar.right { height: auto; }
.daterangepicker .drp-calendar { max-width: none; }
.daterangepicker td.in-range { background-color: #EEEEE9; color: #464744; }
.daterangepicker td.active, .daterangepicker td.active:hover { background-color: #006E20; border-color: transparent; color: #fff; border-radius: 6px; }
    .daterangepicker.show-ranges.ltr .drp-calendar.left { border-left: 1px solid var(--bdr); border-right: 1px solid var(--bdr); }
.daterangepicker .drp-buttons .applyBtn { padding: .75rem 1.5rem; }
    .daterangepicker .drp-buttons .cancelBtn { padding: .75rem 1.5rem; }
    .daterangepicker td.disabled, .daterangepicker option.disabled { text-decoration: none; color: #999; }
    .daterangepicker td.start-date.end-date,
    .daterangepicker td.in-range { border-radius: 6px; }
    .daterangepicker.show-calendar .drp-buttons { border-top: 1px solid var(--bdr); display: flex; align-items: center; justify-content: end; gap: 1rem; }
.daterangepicker .drp-selected{font-size:16px;}
.daterangepicker:before, .daterangepicker:after{display:none;}
/*------------------ End: Date Range Picker ------------------*/
.my-dld-action.head-card .card .service-description { -webkit-line-clamp: 2; margin-top: auto; }
/*start: dashboard*/
.das-card.card-ts2 .card .service-name { display: flex; flex-direction: column; margin-bottom: 1rem; }
.das-card.card-ts2 .btn_1_outline:hover, 
.das-card.card-ts2 .btn_1_outline:focus, 
.das-card.card-ts2 .btn_1_outline:active{color:#fff; text-decoration:none;}
.btn .spinner-border { top:0;}
.ind-register .col-uaepass { max-width: 450px; margin: 0 auto; }
    .ind-register .col-uaepass .auth-title { margin-bottom: 1.5rem; }
    .ind-register .col-uaepass .uaepass-infodiv { margin-bottom: 1rem; }
    .ind-register .col-uaepass .btn-signup-uaepass { margin:1.5rem 0 1rem;}
.company-dboard{padding-top:1rem;}
.company-dcard{height:100%;}
    .company-dcard.card .card-body { display: flex; flex-direction: column; width: 100%; padding: 16px 20px 0; }
    .company-dcard .card-body .wrap-nameicon { display: flex; flex-direction: column; align-items: center; width: 100%; gap: 1rem; }
    .company-dcard .card-body .service-icon { width: 130px; min-width: 130px; min-height: inherit; max-width: 130px; max-height: inherit; border: 1px solid #f1f1f1; border-radius: 6px; height: 72px; padding: .5rem; background-color: #fbfbfb; }
    .company-dcard .card-body .service-name { margin: 0; line-height: inherit; align-items: center; justify-content: center; display: flex; }
        .company-dcard .card-body .service-name .service-description.des-list-view{display:none;}
        .company-dcard .card-body .service-description { text-align: center; }

.dcard-list-view [class*="col-"]{width:100%;}
.dcard-list-view .card.company-dcard { align-items: center; flex-direction: row; }
.dcard-list-view .company-dcard.card .card-body { width: calc(100% - 250px); padding: 16px 20px; }
.dcard-list-view .company-dcard .card-body .service-name { flex-direction: column; align-items: start; }
.dcard-list-view .company-dcard.card .card-body > .service-description { display: none; }
.dcard-list-view .company-dcard .card-body .service-name .service-description.des-list-view { display: flex; text-align: start;font-size:14px; }
.dcard-list-view .card-ts2 .card .card-footer { width: 250px; border-top: none; border-inline-start: 1px solid var(--bdr); flex-direction: column; }
    .dcard-list-view .card-ts2 .card .card-footer .btn { width: 100%; }
    .dcard-list-view .company-dcard .card-body .wrap-nameicon { flex-direction: row; }
.panel-msg { color: #de0008; background-color: #fff; border: 1px solid var(--bdr); display: flex; justify-content: space-between; padding: .75rem 1rem; margin-bottom: 1rem; border-radius: 10px; align-items: center; }
.panel-msg > div{ display: flex; align-items: center; }
    .panel-msg .btn-link { display: flex; align-items: center; text-decoration: none; color: #000 !important; height: auto; padding:0; gap: .5rem; }
.btn-grey.btn-edit { height: auto; padding: .325rem .5rem; line-height: normal; font-family: var(--family-regular); }
.btn-grey.btn-edit i{font-size:18px;}
.table-box div.dt-container div.dt-layout-full { overflow-x: auto; }
.table-box .dt-search { margin-bottom:.5rem;}
.dt-container .table-responsive { border: 1px solid var(--bdr); border-radius: 10px 10px 0 0; }
    .dt-container .table-responsive.no-dt-info { border-radius: 10px; }
.dt-cfooter { display: flex; align-items: center; justify-content: space-between; border-radius: 0 0 10px 10px; margin-top: 0; padding: .5rem 1rem; border: 1px solid var(--bdr); border-top: none; }
    .dt-cfooter .dt-fpl { display: flex; gap: .5rem; align-items: center; }
    .dt-cfooter .dt-length { margin-inline-start: .5rem; }
    .dt-cfooter .dt-fpl .dt-length label { margin-bottom: 0; }
/*end: dashboard*/
.old-service-name table tr td:last-child { text-align: right; }
.icon-proficient-team, .icon-people-centric, .icon-justice, .icon-passion, .icon-boldness { width: 40px; height: 40px; padding: 8px; background-repeat: no-repeat; background-position: center; }
.icon-proficient-team { background-image: url(../assets/img/icon-proficient-team.svg); }
.icon-people-centric { background-image: url(../assets/img/icon-people-centric.svg); }
.icon-justice { background-image: url(../assets/img/icon-justice.svg); }
.icon-passion { background-image: url(../assets/img/icon-passion.svg); }
.icon-boldness { background-image: url(../assets/img/icon-boldness.svg); }
.card-service .card-text-wrap .badge { position: absolute; inset-inline-end: 15px; top: 15px; }
.range-picker { min-width: 250px; margin-inline-start: auto; padding-top: 11px; padding-bottom: 11px; padding-inline-start: 11px; padding-inline-end: 50px; border: 1px solid var(--bdr); height: 48px; border-radius: 8px; background-color: #fff; text-align: start; position:relative;}
    .range-picker:focus,
    .range-picker:active{ border-color: #006E20; outline: 0; box-shadow: 0px 0px 0px 3px #C8FFC2; }
    .range-picker i { position: absolute; right: 16px; top: 7px; width: 24px; border-left: 1px solid #e4e2e6; height: 32px; display: flex; align-items: center; padding-left: 8px; color: #40484F; font-size: 24px; }
.rtl .range-picker i { right: auto; left: 16px; border-left: none; border-right: 1px solid #e4e2e6; padding-left: 0; padding-right: 8px; direction: rtl; }
/*start: transaction datatable*/
.card-daily-log { box-shadow: 0 0 12px 1px #477d8a28; margin-top: 1.5rem; }
    .card-daily-log .card-title { padding: 1rem 1.5rem; display: flex; align-items: center; justify-content: space-between; margin-bottom: 0; border-bottom: 1px solid var(--bdr); }
        .card-daily-log .card-title > span { font-size: 19px; font-family: var(--family-bold) }
.daily-log-search{position:relative;}
.daily-log-filter { display: flex; align-items: flex-end; justify-content: space-between; padding: .5rem 1.5rem 1rem; border-bottom: 1px solid var(--bdr); }
    .daily-log-filter .dfilter-type { display: flex; gap: 1rem; }
    .daily-log-filter > div:last-child { display: flex; align-items: center;}
        .daily-log-filter > div:last-child .btn-grey { margin-inline-start: .750rem; }
        .daily-log-hint { display: flex; justify-content: space-between; margin-bottom: .5rem; }
    .daily-log-hint span { font-family: var(--family-bold) }

.card-daily-log .table.dataTable.dtfc-scrolling-right tr > .dtfc-fixed-right::after,
.card-daily-log .table.dataTable.dtfc-scrolling-left tr > .dtfc-fixed-left::after { box-shadow: none !important; }
.card-daily-log table.dataTable tr > .dtfc-fixed-right::after { transform: none; right: 20px; left: auto; }
.card-daily-log table.dataTable tr > .dtfc-fixed-left::after { transform: none; right: auto; left: 20px; }
.transaction-table .nested-table colgroup col[data-dt-column="7"] { width: 50px !important; min-width: 50px !important; }

.indexes-quarter .highcharts-color-2 { fill: var(--highcharts-color-2); stroke: var(--highcharts-color-2); }
.indexes-quarter .highcharts-color-1 { fill: var(--highcharts-color-1); stroke: var(--highcharts-color-1); }
.indexes-quarter .highcharts-color-0 { fill: var(--highcharts-color-0); stroke: var(--highcharts-color-0); }
.indexes-quarter .highcharts-color-2 .highcharts-point { fill: var(--highcharts-color-2) !important; }
.indexes-quarter .highcharts-color-2 .highcharts-graph { stroke: var(--highcharts-color-2) !important; }
.indexes-quarter .highcharts-color-1 .highcharts-point { fill: var(--highcharts-color-1) !important; }
.indexes-quarter .highcharts-color-1 .highcharts-graph { stroke: var(--highcharts-color-1) !important; }
.indexes-quarter .highcharts-color-0 .highcharts-point { fill: var(--highcharts-color-0) !important; }
.indexes-quarter .highcharts-color-0 .highcharts-graph { stroke: var(--highcharts-color-0) !important; }

.indexes-annual .highcharts-color-2 { fill: var(--highcharts-color-2); stroke: var(--highcharts-color-2); }
.indexes-annual .highcharts-color-1 { fill: var(--highcharts-color-1); stroke: var(--highcharts-color-1); }
.indexes-annual .highcharts-color-1 .highcharts-point { fill: var(--highcharts-color-0) !important; }
.indexes-annual .highcharts-color-1 .highcharts-graph { stroke: var(--highcharts-color-0) !important; }
.indexes-annual .highcharts-color-0 .highcharts-point { fill: var(--highcharts-color-1) !important; }
.indexes-annual .highcharts-color-0 .highcharts-graph { stroke: var(--highcharts-color-1) !important; }
.max-charactor { font-size: 14px; color: #464744; margin-top: 2px; white-space:nowrap;}
.field-vld { display: flex; justify-content: flex-end; }
.was-validated :invalid ~ .field-vld .invalid-feedback {display:block; }
#visionMission .head-card .card:hover,
#ourValues .head-card .card:hover { border-color: var(--bdr); cursor: auto; }
#visionMission .head-card .card:hover .service-name {color:#000;}
#ourValues .head-card .card:hover .service-name { color: #000; }
#ourValues .head-card .card > div { display: flex; align-items: center; justify-content: center; gap: 1rem; }
#ourValues .head-card .card > div .service-name { display: flex; align-items: center; line-height: normal; }
/*end: transaction datatable*/
/*int-mobile number*/
.iti.iti--inline-dropdown { display: flex; }
.iti__search-input { border: 1px solid var(--bdr); padding: .275rem .75rem; font-size: 1rem; background-color: var(--bs-body-bg); outline: none; color: #000; }
    .iti__search-input::placeholder { color: rgba(15, 54, 97, 0.50); }
.iti__country-name { font-weight: normal; font-family: 'Dubai-Regular'; color: #000; font-size: 16px; margin-inline-start: 8px;  order:1;}
.iti__country .iti__dial-code { color: #000000; font-family: 'Dubai-Regular'; font-size: 16px; order: 0; }
.iti.iti--inline-dropdown .iti__selected-country-primary { padding: 0; }
    .iti__selected-country-primary .iti__arrow { display:none; }
.iti.iti--inline-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover,
.iti.iti--inline-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary { background-color: transparent; }
.iti.iti--inline-dropdown .iti__country-container { border-inline-end: 1px solid var(--bdr); z-index: 2; }
    .iti.iti--inline-dropdown .iti__country-container .iti__selected-country { padding: 0 28px; padding-inline-start: 16px; }
.iti.iti--allow-dropdown.iti--inline-dropdown .iti__country-container .iti__selected-country {  background-repeat: no-repeat; background-size: 10px; background-position: right 10px center; background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 446 262"><path id="arrow_down" d="M480-361a44.271,44.271,0,0,1-15-2.5,35.09,35.09,0,0,1-13-8.5L268-556q-11-11-11-28t11-28q11-11,28-11t28,11L480-456,636-612q11-11,28-11t28,11q11,11,11,28t-11,28L508-372a35.09,35.09,0,0,1-13,8.5A44.271,44.271,0,0,1,480-361Z" transform="translate(-257 623)"/></svg>'); }
.rtl .iti.iti--inline-dropdown .iti__country-container .iti__selected-country { background-position: left 10px center; }
.iti.iti--inline-dropdown .iti__country-container .iti__selected-country .iti__selected-dial-code:after { }
.iti input.iti__tel-input,
.iti input.iti__tel-input[type=tel],
.iti input.iti__tel-input[type=text] { padding-left: 108px !important; }
.rtl .iti input.iti__tel-input,
.rtl .iti input.iti__tel-input[type=tel],
.rtl .iti input.iti__tel-input[type=text] { padding-left: 16px !important; padding-right: 108px !important; text-align: right; }
.iti.iti--inline-dropdown .iti__dropdown-content { border-color: var(--bdr); border-radius: 8px; box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.12); padding: 8px; }
.iti.iti--inline-dropdown .iti__search-input { border: 1px solid var(--bdr); padding: 12px 16px; height: 48px; border-radius: 8px; background-image: url(../assets/img/search-icon.svg); background-repeat: no-repeat; background-position: left 16px center; padding-inline-start: 48px !important; padding-inline-end: 110px; background-size: 20px; }
.iti--inline-dropdown .iti__country-list{margin-top:10px;}
    .iti--inline-dropdown .iti__country-list .iti__country { padding: 1rem; }
/*end: int-mobile number*/
.h-78 { height: 78px; }
.file-validation-feedback { color: #dc3545; font-size: 14px; line-height: 20px; display: flex; align-items: center; gap: .5rem; margin-top: .5rem; margin-bottom: .75rem; }
    .file-validation-feedback:before { content: "\e905"; font-family: 'icomoon'; font-size: 20px; }
.input-group-text { height: 48px; border-radius: 0 8px 8px 0; }
.rtl .input-group-text { height: 48px; border-radius: 8px 0 0 8px; }
.btn-sidebar-toggle { display: none; border: none; justify-content: space-between; color: #000; border-radius: 0; padding: .5rem 1rem; align-items: center; transition: all .3s; height: 56px; background-color: #EEEEE9 !important; }
/*start: fthb*/
.assgn-broker-list, .ds-form { background-color: #fff; border: 1px solid var(--bdr); margin-top: -1px; padding: 1rem; border-radius: 6px; box-shadow: 0px 2px 8px 0px rgba(48, 48, 52, 0.08); }
.success-wrapft { width: 30px; height: 30px; display: inline-flex; }
.wrapperft { width: 22px; }
    .wrapperft .checkmark { stroke: green; stroke-dashoffset: 745.74853515625; stroke-dasharray: 745.74853515625; animation: dash 2s ease-out forwards infinite; }

.fthb-journey .fthb-overview-desc { border-width: 1px; padding: .75rem 1rem; width: 100%; display: flex; align-items: center; gap: .5rem; font-size: 1rem; }
.fthb-journey .fthb-card,
.fthb-journey .fthb-proceed-card { border: 1px solid var(--bdr); padding: 1rem; border-radius: 8px; margin-bottom: 1rem; font-family: 'Dubai-Regular'; }
.fthb-journey .fthb-card-txt { font-family: 'Dubai-Bold'; margin-bottom: .5rem; font-size: 18px; }
.fthb-journey .fthb-card ul { margin-bottom: 0; }
.fthb-journey .fthb-proceed-card { display: flex; align-items: center; justify-content: space-between; }
    .fthb-journey .fthb-proceed-card div { display: flex; gap: .5rem; }
        .fthb-journey .fthb-proceed-card div span:first-child { font-family: 'Dubai-Bold'; }
        .fthb-journey .fthb-proceed-card div span:last-child { font-size: 14px; }
.fthb-journey .fthb-multi-choice,
.fthb-journey .fthb-multi-choice-2col { display: flex; flex-direction: row; flex-wrap: wrap; border: 1px solid var(--bdr); padding: 1rem; border-radius: 10px; /*box-shadow: 0 0 3px #00000012;*/ }
.fthb-journey .fthb-multi-choice { row-gap: 1rem; }
.fthb-journey .fthb-eligible { list-style: none; padding-inline-start: 5px; }
    .fthb-journey .fthb-eligible li { display: flex; gap: .5rem; margin-bottom:1rem;}
        .fthb-journey .fthb-eligible li i, .fthb-journey .fthb-eligible li .fa { display: flex; padding-top: 5px; color: #1EAE29; line-height: 25px; }
.fthb-edit-pre { background-image: url('/assets/mydld-img/icon-edit-pre.svg'); background-repeat: no-repeat; background-size: 16px; background-position: left 10px center; padding-inline-start: 2rem; }
.rtl .fthb-edit-pre { background-position: right 10px center; }
.fthb-view-qr { background-image: url('/assets/mydld-img/icon-view-qr.svg'); background-repeat: no-repeat; background-size: 16px; background-position: left 10px center; padding-inline-start: 2rem; }
.rtl .fthb-view-qr { background-position: right 10px center; }
.fthb-deregister { background-image: url('/assets/mydld-img/icon-deregister.svg'); background-repeat: no-repeat; background-size: 16px; background-position: left 10px center; padding-inline-start: 2rem; }
.rtl .fthb-deregister { background-position: right 10px center; }
.lh-23 { line-height: 23px; }
#fthbReadOnly .form-check-input:disabled ~ .form-check-label,
#fthbReadOnly .form-check-input[disabled] ~ .form-check-label,
#fthbReadOnly .form-check-input:disabled { opacity: 1; }
.color-blue { color: #1976D2 !important }
.fthb-journey .success-alert { background-color: rgb(11 166 73 / 10%); border: 1px solid rgb(11 166 73 / 30%); padding: 10px; font-size: 14px; display: flex; align-items: center; gap: .5rem; margin: 0 1rem 1rem; border-radius: 6px; width: fit-content; }
    .fthb-journey .success-alert svg { width: 16px; height: 16px; margin-inline-end: 5px; }
    .fthb-journey .success-alert span { color: #087c37 }
.fthb-multi-choice.dev-selection { column-gap: 1rem; justify-content: center; padding: 1rem .325rem; }
.dev-selection .form-check { padding: .5rem; border: 1px solid var(--bdr); border-radius: 6px; position: relative; display: flex; align-items: center; gap: 1rem; flex: 0 24% !important; margin: 0; }
    .dev-selection .form-check .devlogo { width: 70px; height: 70px; min-width:70px; min-height:70px; display: inline-flex; border: 1px solid var(--bdr); padding: 5px; border-radius: 6px; }
    .dev-selection .form-check .devnameurl { display: flex; flex-direction: column; padding-inline-end: 34px; }
        .dev-selection .form-check .devnameurl a { font-size: 12px; color: #1976D2 !important; text-decoration: underline; }
    .dev-selection .form-check .form-check-input { position: absolute; inset-inline-end: 10px; top: 32px; }
.v-row-gap-2 { --bs-gutter-y: 2rem; --bs-gutter-x: 2rem; }
.fthb-journey .list-number { list-style: decimal; }
.fthb-journey .accordion-button:focus { z-index:1;}
.icon-fthb-card { background-image: url('/assets/mydld-img/icon-fthb-card.svg'); }
@keyframes dash {
    0% { stroke-dashoffset: 745.74853515625; }
    100% { stroke-dashoffset: 0; }
}
/*end: fthb*/
.rtlist-data-grid table.dataTable > tbody > tr.child ul.dtr-details > li { padding: 0; border: none; }
.property-card .custom-card-title { justify-content: inherit; gap: 1rem; }
.icon-tokenization { background-image: url('../assets/mydld-img/icon-tokenization.svg'); background-repeat: no-repeat; background-size: 16px; background-position: 0px 0px; padding-inline-start: 25px; height: 20px; display: inline-flex; align-items: center; }
    .icon-tokenization > span{font-size:14px; font-family:var(--Dubai);}
    .rtl .icon-tokenization { background-position: right 0px; }
.tokenized-box { box-shadow: 0 0 10px #0000001c; display: flex; flex-direction: column; }
    .tokenized-box .icon-tokenization-qr { background-image: url('../assets/mydld-img/icon-tokenization-qr.svg'); background-repeat: no-repeat; background-size: 50px; background-position: center; display: inline-block; background-color: #fff; padding: 10px 10px 0; width: 60px; height: 60px; border-radius: 6px 6px 0 0; }
.property-card .custom-card-title .tokenized-box span.tokenized-lbl:last-child { background-color: #000; font-size: 12px; font-family: 'Dubai-Bold'; margin-top: 0; color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 0 0 6px 6px; }
.form-control.maxcharactor.error { border-color: #dc3545; }
td .title-ellipsis { display: inline-flex; white-space: normal; }

.fthb-logo-box .card{ height: 100%;  }
    .fthb-logo-box .card .card-img { height: 150px; display: flex; align-items: center; justify-content: center; /*border-bottom: 1px solid #dededf;*/ border-radius: 0; }
        .fthb-logo-box .card .card-img img { width: 60%; }
textarea.form-control.ht-50 { height: 100px; }
.auth-container#ssoAppProfileWrapEjari { justify-content: center; height: auto; }
.ff-regular { font-family: var(--family-regular); }
.ff-bold { font-family: var(--family-bold); }
.search-panel-expandable > .dropdown-toggle { width: 100%; display: flex; justify-content: space-between; position: relative; background-color: #fff !important; z-index: 3; }
    .search-panel-expandable > .dropdown-toggle > span { display: flex; align-items: center; gap: .5rem; }
.search-panel-expandable .dropdown-toggle::after { border: none; content: "\e920"; font-family: 'icomoon'; font-size: 22px; width: 24px; height: 24px; line-height: 24px; }
.search-panel-expandable .dropdown-menu { padding: 0; border: none; background-color: transparent; width: 100%; z-index: 2; }
.search-panel-expandable.active:before { content: ""; z-index: 2; transition: all 0.3s ease; background: rgba(52, 64, 84, 0.7); backdrop-filter: blur(8px); position: fixed; width: 100%; height: 100%; top: 0; left: 0; }
.btn-app-info-modal { padding: 0 !important; width: 24px; height: 24px; position: absolute; right: 10px; top: 10px; border: none !important; background-color: transparent !important; }
    .btn-app-info-modal > i { color: #999; }
.srv-img-holder-04 { background: rgb(232 244 244); background: linear-gradient(180deg, #cef9f0 0%, rgba(232, 244, 244, 1) 100%); border-radius: 11px 11px 0 0; align-items: center; }
    .srv-img-holder-04.srv-img-holder img { object-fit: contain; height: 150px; }
.df-lightbox-wrapper .df-lightbox-bg { background-color: rgba(0, 0, 0, 0.5) !important; }
.rir-card .card { box-shadow: 0 0px 8px rgb(0 0 0 / 5%); }
.docs-notes-sprt span { font-family: var(--family-bold); }
.docs-notes-sprt ol { padding: 0 1rem; margin-bottom: 0; }

.currency-control-wrap .currency-control,
.currency-control-wrap .currency-control.form-control.is-valid,
.was-validated .currency-control-wrap .currency-control.form-control:valid { background-image: url(../assets/img/icon-dirham.svg); background-repeat: no-repeat; background-position: left 16px center; padding-left: 48px !important; background-size: 18px; }
.rtl .currency-control-wrap .currency-control,
.rtl .currency-control-wrap .currency-control.form-control.is-valid,
.rtl .was-validated .currency-control-wrap .currency-control.form-control:valid { text-align-last: left; direction: ltr; }
.grecaptcha-badge { bottom: 80px !important; }