@media all and (-ms-high-contrast:none) { .sso-main-container, .dld-sso-white, article, aside, figcaption, figure, footer, header, hgroup, main, nav, section, .d-flex.login-panel { display: block !important; } .dashboard-card, .dashboard-app-items, .sso-app-description { width: 100%; } .sso-app-item-logo { height: 100px; } .sso-app-logo { width: 120px; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) } .sso-app-item-logo { padding: 15px 0 !important; } .sso-app-logo-2 { height: auto; } .sso-app-logo-49 { width: 72%; } .sso-app-logo-1 { height: auto; } .sso-app-logo-42 { width: 90px; } .sso-app-logo-12 { width: 171px; } .sso-app-logo-7 { width: 120px; } .sso-app-logo-5 { width: 70px; } .sso-app-logo-8 { width: 80px; } .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after, .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { font-family: 'Font Awesome 5 Free'; font-weight: 900; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-size: 20px; } .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { content: "\f104"; } .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { content: "\f105"; } .pdf-tempalte { display: block; text-align: center; } .partner-tabs .strategic-partners-logo { display: block; } .rdc-smart-judge-img { justify-content: flex-end; } .rdc-smart-judge-img .rdc-comment-icon { margin-left: -175px; } .rdc-org-chart .rdc-subdirector { justify-content: center; } .rdc-org-chart .rdc-subdirector .rdc-s-general { left: -45px; } .rdc-org-chart .rdc-subdirector .rdc-tech-office { right: -45px; } .rdc-org-chart .rdc-subdirector:after { left: 50%; top: -30px; } .role-label-info { width: 100px; } .home-slider-services-nav .swiper-button-next:after, .home-slider-services-nav .swiper-button-prev:after { font-size: 16px; top: 2px; position: relative; } .home-slider-services-nav .swiper-button-next:after { left: 1px; } .home-slider-services-nav .swiper-button-prev:after { right: 1px; } .card-view-wrapper .custom-body .img-holder.broker-img-holder .box-img > img { max-height: 100%; } .ui-service-card .card-body { display: block; } .ui-service-card .card-body > i { margin-left: auto; margin-right: auto; } .h-quick-link .h-quick-link-text1.h-quick-link-contract-f { flex-direction: row } .h-dubai-rest-1 .first-section_1 { min-width: 400px; } .noti-container .noti-icon { bottom: 0; } } @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { /* IE10+ specific styles go here */ .modal-search-panel .modal-full .modal-content .modal-body { min-height: 60vh !important; display: block !important; margin-top: 180px; } .modal-search-panel .modal-full .modal-content .modal-footer { display: block; text-align: center; } #LatestNews .img-thumbnail { overflow: hidden; max-height: 115px; } #LatestNews .card-img { max-width: 100%; height: auto; } .news-article-img { overflow: hidden; max-height: 400px; text-align: center; } .news-article-img img { width: auto; height: auto; max-height: inherit; } } /*min media queries*/ @media (min-width: 480px) { .wizard.vertical > .actions ul li:first-child { margin-left: 17%; } .wizard.vertical > .content { width: 83%; } .wizard.vertical > .steps { width: 17%; } .national-brand-logo { text-align: center; } } @media (min-width: 576px) { .voice-nav-dialog { max-width: 370px; } .modal-logout .modal-dialog { max-width: 300px; } .announcement-modal .modal-dialog { max-width: 600px; } .modal-search-panel .modal-dialog-centered { min-height: calc(100% - 22rem); } .search-ddl-mobile .dropdown-menu { display: inline-flex; border: none; min-width: inherit; padding: 0; position: relative !important; z-index: inherit; } .rtl .banner-btc .btc-head-title { padding-right: 3rem; } } @media (min-width:767px) { .dld-slider h4, .dld-slider h6, .dld-slider p, .dld-slider .btn-link { color: #fff; } .form-group-flex { margin-top: 0.5rem; padding-top: 1.5rem; } } @media (min-width: 768px) { .wizard > .steps > ul li .title { display: block; } .wizard.vertical > .steps ul li .title { display: none; } .wizard.vertical > .actions ul li:first-child { margin-left: 12%; } .wizard.vertical > .content { width: 88%; } .wizard.vertical > .steps { width: 12%; } .login-landing-uaepas-mobile-img { text-align: right; } .btn-align-wrap { display: flex; align-items: center; height: 35px; padding-top: 50px; } .online-registration-detail { display: flex; width: 100%; } .contract-number-txt { position: absolute; top: 37px; } } @media (min-width: 992px) { .voice-search-result .alert-info { flex-flow: row; } .voice-search-result .alert-info .alert-inner-wrap i { display: inline-block; } .voice-search-result .alert-info p { font-size: 16px; } .speech-icon-search-result.btn { margin-right: 8px; } .voice-search-result .alert-info .btn_1 span { display: inline-block } .voice-search-result .alert-info .btn_1 { margin-left: inherit; margin-top: 0; border-radius: 0; } .sso-seprator { display: flex; } .rdc-org-chart .department:first-child:before, .rdc-org-chart .department:last-child:before { border: none; } .rdc-org-chart .department.dep-e { border-left: none; border-right: 1px solid var(--black-color); right: -1px; } .rdc-org-chart .department.dep-e li { justify-content: start; } .rdc-org-chart .department.dep-e li a { margin: 0 25px 0 0px; } .card-detail-max-width { min-width: 500px; } .dld-login-container .card { max-width: 600px; } .dld-login-container .card .card-body { padding: 1.25rem 4rem; } .login-checkbox .custom-control .custom-control-label.sso, .login-checkbox .custom-control .custom-control-label.owner { font-weight: 600; } .chose-role-wrap > div:nth-of-type(2n+3) { margin-top: 1.5rem; } .chose-role-wrap > div:last-child { margin-top: 1.5rem; } .dld-login-container .sso-footer-txt { max-width: 600px; padding: 1rem 0; } .intro-navigation { top: 65.1875px !important; } .table-float-l { float: left; width: 50% !important; } .table-float-r { float: right; width: 50% !important; } .collapse.services-collapse-panel { display: flex; width: 100%; height: 100%; flex-direction: column; } .home-latest-news .swiper-container .swiper-wrapper .card-container { margin-bottom: 1.8rem; } .transformer-tabs { /*background-color: #fbfbfb; padding: 15px;*/ border-bottom: 2px solid #000; } .card-transaction-link .text-link3 br { display: none; } .card-transaction-link .text-link2 { font-size: 14px; font-weight: 600; padding: .47rem 1rem; background-color: #fbfbfb; color: var(--black-color); } /*quick links position*/ .mc-quick { position: fixed; width: 100%; z-index: 1; bottom: 0; } .mydld-profile .profile-img-link img { width: 100% !important; min-width: 85px; min-height: 85px; } .float-nav { position: fixed; bottom: 22px; right: 10px; z-index: 2; } .property-details .flex-full.flex-grid > div > span:nth-child(2n+1) { flex: 0 0 17.188%; } .navbar-expand-lg .navbar-nav .dropdown-submenu:hover > .dropdown-menu { display: block; } .home-banner-container .home-banner-card.row-cols-md-2 > * { flex: 0 0 auto; width: 20%; } .btn-subscribe { margin-left: 270px; } .rtl .btn-subscribe { margin-left: 0; margin-right: 270px; } .footer-dark [class*='col-'] a { border-right: 1px solid #fff; } .footer-dark [class*='col-']:last-child a { border-right: none; } .rtl .footer-dark [class*='col-'] a { border-left: 1px solid #fff; border-right: none; } .rtl .footer-dark [class*='col-']:last-child a { border-left: none; } } @media(min-width:1024px) { .clickable-row:hover, .clickable-row:focus { cursor: pointer; text-decoration: underline; background-color: #fbfbfb !important; transition: all .3s; } .auth-container.sso-wrap { min-height: 65vh; height: inherit; padding-bottom: 1rem; } #managementProfile .dataTables_scrollBody table tbody tr td { width: 60% !important; } } @media (min-width: 1200px) { .home-studies .container{ max-width: 1380px; padding-left: 40px; padding-right: 40px; } .wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active { justify-content: flex-start; } .wizard.vertical > .steps { width: 30%; } .wizard.vertical > .steps ul li .title { display: block; } .wizard.vertical > .actions ul li:first-child { margin-left: 30%; } .wizard.vertical > .content { width: 70%; } .dubai-government-logo { width: 160px; } .home-column-right { padding-left: 80px !important; } .home-card-column { padding-left: 15px !important; padding-bottom: 15px; } .swiper-services-column { padding-left: 104px; } .myddl-dashboard .my-property .card .card-body { padding: 1.25rem; } .navbar-header { display: none; } .navbar-custom { padding: 0; /*flex-direction: row-reverse;*/ } .navbar-custom .navbar-nav > .nav-item:hover > .dropdown-menu, .navbar-custom .navbar-nav .dropdown-submenu:hover > .dropdown-menu { display: block; } .navbar-nav > .nav-item:hover .nav-link::after, .navbar-nav > .nav-item.active .nav-link:after { content: ''; display: block; width: 100%; height: 5px; background-color: var(--theme-green); border-top-right-radius: 0.5rem; border-top-left-radius: 0.5rem; border: none; margin: 0; position: absolute; bottom: 0px; } .collapse .navbar-nav > .nav-item { margin: 0 12px; } .rtl .collapse .navbar-nav > .nav-item { margin: 0 8px; } .collapse .navbar-nav > .nav-item:nth-child(2) { margin-left: 0; } } @media(min-width:1260px) { .h-partners-section .swiper-button-next, .h-partners-section .swiper-button-prev { display: inline-flex; } .h-partners-section .swiper-pagination, .h-news .swiper-pagination { display: none; } .h-partners-section .swiper-button-next { right: -50px; } .rtl .h-partners-section .swiper-button-next { left: -50px; right: auto; transform: rotate(180deg); } .h-partners-section .swiper-button-prev { left: -50px; } .rtl .h-partners-section .swiper-button-prev { right: -50px; left: auto; transform: rotate(180deg); } .section-grey .home-service-card .swiper-container { padding-bottom: 30px; } } /*max media queries*/ /*Microsoft Surface*/ @media (max-width: 1600px) { .ask-malik-img { margin: 20px 0; } .ask-malik-img picture { display: flex; justify-content: center; } .ask-malik-img img { max-width: 70%; } } @media(max-width:1399px){ .rtl .dld-sub-header__btn, .rtl .dld-sub-header__actions .search .search__input, .rtl .dld-side-nav .search .search__input { margin-left: 0; margin-right: 5px; } } @media (max-width: 1350px) { .banner-section .slider-caption { width: auto; top: 25%; margin-left: 50px; } .banner-section .slider-caption.caption2 { margin-left: 350px; } .banner-section .slider-caption.caption3 { margin-left: 320px; } .banner-section .slider-caption.caption2 h1 { font-size: 22px; } .banner-section .slider-caption.caption2 h1 .green-text { font-size: 22px; } } @media(max-width:1255px) { .relationship-manager .manager-detail > div { flex: 0 0 20%; } } @media(max-width:1225px) { .right-mnu.navbar-nav .contact-nav-item .nav-link .fa-envelope { position: relative; top: 2px; } } @media (max-width: 1200px) { .top-strip { display: none; } .accordion-tabs .card-header { background-color: transparent; padding: 3px; border-color: transparent transparent #00893E; } .accordion-tabs .card-header .btn-link { display: block; text-align: left; color: #00893e; } .e-services-section, .q-services-section { height: auto; } .prop-info .list-group .list-group-item span:first-child { flex: 0 0 45%; max-width: 45%; color: var(--black-color); } .prop-info .list-group .list-group-item span:last-child { flex: 0 0 55%; max-width: 55%; } .relationship-manager .manager-detail { flex-direction: row; flex-wrap: wrap; } .relationship-manager .manager-detail > div { flex: 0 0 50%; max-width: 50%; margin-bottom: 15px; } .relationship-manager .manager-detail > div:last-child { margin-bottom: 0; } .btn-wrapper-group .btn, .btn-wrapper-group .btn-custom-toggle .btn { font-size: 12px; } /*...home page max 1200...*/ .home-transaction-row, .home-latest-news-row, .home-studies-row, .home-education-row{ margin-left: -15px; } .home-card-column { padding-left: 15px !important; padding-bottom: 15px; } .home-studies .heading-sec-small{ margin-bottom: 0px; } .home-studies .text-link3{ margin-top: 1rem; font-size: 21px; } .hdi-card-action { flex-wrap: wrap; } } @media (max-width: 1199px) { .paperless-img { position: relative; top: 20px; } .paperless-img img { width: 25% !important; } .paperless-section .paperless-body { padding: 25px 0 !important; margin-top: 0; } .section-heading h1, .paperless-section h1, .heading-support h1{ font-weight: normal; font-size: 22px; } .current-date { font-size: 14px; } .paperless-section h3 { color: #fff; margin-top: 0; } .paperless-section h1 { color: #fff; } .section-heading { padding-top: 25px !important; } .q-services-section .transaction-section-inner, .e-services-section .transaction-section-inner, .paperless-section .paperless-content { margin: 0rem !important; } .support-section .heading-support { position: absolute; width: 100%; } .support-description { display: none; } .paperless-section .paperless-content .btn-warning { padding: .30rem 1rem; border-radius: 0; font-size: 14px; } .company-info a {width: 20%;} .initiative-section { margin-top: 0; } .rental-index-wrapper .rental-info-right-panel:before { right: -70px; } .home-slider-services-nav { margin-top: 20px; } /*1199 menu*/ .menu-container .navbar-collapse.collapsing, .menu-container .navbar-collapse.collapse { background-color: #fff; width: 100%; max-width: 360px; overflow-y: auto; padding: 5rem 1rem 12rem; height: 100vh; position: fixed; top: 0; left: 0; transform: translate(-100%, 0); transition: transform 200ms ease 0s; z-index:1;} .menu-container .navbar-collapse.collapse.show { transform: translate(0px, 0); } .rtl .menu-container .navbar-collapse.collapsing, .rtl .menu-container .navbar-collapse.collapse { transform: translate(100%, 0); left: auto; right: 0; } .rtl .menu-container .navbar-collapse.collapse.show { transform: translate(0px, 0); } .mobile-menu-title{margin: 0 0.925rem 0;padding-top: 1rem;} .navbar-nav > .nav-item > .nav-link { padding: 5px 0; border-bottom: 1px solid #dededf; } .navbar-nav > .nav-item.active > .nav-link, .navbar-nav > .nav-item > .nav-link.show { border-bottom: 1px solid var(--theme-green); } .navbar-nav > .nav-item.dropdown .dropdown-menu:before, .navbar-nav > .nav-item .dropdown-submenu > .dropdown-menu:before, .navbar-nav.nav > .nav-item.active .nav-link:after { display: none; } .navbar-nav > .nav-item.dropdown .dropdown-menu { width: 100%; margin: 0; padding: 0; border-radius: 0; box-shadow: none; min-width: inherit; } .navbar-nav > .nav-item.dropdown > .dropdown-menu.show, .navbar-nav .dropdown-submenu .dropdown-menu.show{ display: block; } .navbar-nav > .nav-item.dropdown .dropdown-menu li > a { margin: 0; border-radius: 0; border-bottom: 1px solid #dededf; } .navbar-nav > .nav-item.dropdown .dropdown-menu li.show > a, .navbar-nav > .nav-item.dropdown .dropdown-menu li > a:hover { background-color: #fff !important; border-bottom: 1px solid var(--theme-green); } .navbar-nav > .nav-item .dropdown-submenu > .dropdown-menu li a { padding: 10px 15px 10px 30px; } .rtl .navbar-nav > .nav-item .dropdown-submenu > .dropdown-menu li a { padding: 10px 30px 10px 15px; } .navbar-nav > .nav-item.dropdown .dropdown-menu li.dropdown-submenu > a:before { right: 5px; } .rtl .navbar-nav > .nav-item.dropdown .dropdown-menu li.dropdown-submenu > a:before { left: 5px; } .navbar-nav > .nav-item.dropdown > .nav-link:after, .navbar-nav > .nav-item.dropdown:hover .nav-link::after, .navbar-nav > .nav-item.dropdown.active .nav-link:after{ content: ""; position: absolute; width: 8px; height: 8px; border: solid var(--theme-green); border-width: 0 3px 3px 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); right: 5px; top: 40%; display: inline-block; background-color: transparent; border-radius: 0; } .rtl .navbar-nav > .nav-item.dropdown > .nav-link:after { right: auto; left: 5px; margin: 0; border-width: 3px 0 0 3px; } .navbar-nav > .nav-item.dropdown > .nav-link.show:after, .navbar-nav > .nav-item.dropdown:hover .nav-link.show::after, .navbar-nav > .nav-item.dropdown.active .nav-link.show:after, .navbar-nav > .nav-item.dropdown .dropdown-menu li.dropdown-submenu > a.show:before { border-width: 0 0 3px 3px; } .dropdown-user .dropdown-menu { position: absolute; } .rtl .dropdown-user .dropdown-menu {text-align: right; } .navbar-header-wrapper { display: flex; align-items: center; justify-content: space-between; width: 100%; } .right-mnu { flex-direction: row; } .subscribe-content{display:none} .rtl .dld-sub-header__btn, .rtl .dld-sub-header__actions .search .search__input, .rtl .dld-side-nav .search .search__input { margin-left: 0; margin-right: 16px; } .navbar-toggler[aria-expanded="true"] .icon-menu { align-items: center; display: flex; padding: .5rem; position: relative; background-image: url(../assets/images/icon-close.svg); background-repeat: no-repeat; background-position: center; background-size: 60%; width: 24px; height: 24px; } .navbar-toggler[aria-expanded="true"] .icon-menu:before { display: none; } .navbar-custom .navbar-collapse::-webkit-scrollbar { width: 8px; } .navbar-custom .navbar-collapse::-webkit-scrollbar-track { background: #FAFAFA; box-shadow: inset 1px 0px 0px #E8E8E8, inset -1px 0px 0px #F0F0F0; } .navbar-custom .navbar-collapse::-webkit-scrollbar-thumb { background: #7F7F7F; } .navbar-custom .navbar-collapse::-webkit-scrollbar-thumb:hover { background: #5f5f5f; } .menu-container .navbar-collapse.collapse.show .navbar-toggler { position: absolute; right: 10px; top: 10px; } .rtl .menu-container .navbar-collapse.collapse.show .navbar-toggler { left: 10px; right: auto; } .dropdown-noti .dropdown-menu { position: absolute; inset: 50px auto auto -100px; } /*End 1199 menu*/ } @media screen and (max-width: 1083px) { .home-banner-section .container-fluid, .home-rest-app-section .container-fluid, #header .container-fluid, .logo-wrapper.container-fluid{ padding-right: 15px; padding-left: 15px; } } @media (max-width: 1024px) { .new-section-heading { font-size: 18px; font-weight: 600; } .new-section-heading { line-height: 28px; } .home-rest-app-section .application-info h2 { font-size: 1.5rem; } .home-rest-app-section .application-info h4 { font-size: 1rem; } .home-rest-app-section .description-app { line-height: normal; } .initiative-section:before { display: none; } .banner-section .slider-caption.caption2 h1 { font-size: 16px; } .buttons-wrap a { font-size: 12px; padding: 6px 8px; } .home-rest-app-section .application-info { padding: 100px 0; max-width: 100%; } .home-banner-section .container-fluid { padding-left: 0; padding-right: 0; } .rdc-smart-judge-title { font-size: 18px; font-weight: 600; } .rdc-smart-judge-sub-title { font-size: 18px; margin-top: 10px; margin-bottom: 10px; } .rest-gradient { display: none; } /*dsg*/ .home-service-card .swiper-slide { margin-top: 0 !important; margin-bottom: 0.5rem; } .section-grey .home-service-card .swiper-container { padding-bottom: 30px; } .images-wrap picture { height: 100%; } .images-wrap img { height: 100%; object-fit: cover; } } @media(max-width: 1023px) { /*Responsive table card*/ .responsive-table-card-v table { border: none; border-top: 1px solid #dee2e6; } .property-details table, .responsive-table-card { border: 0; } .property-details table caption, .responsive-table-card table caption { font-size: 1.3em; } .property-details table thead, .responsive-table-card table thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .property-details table tr, .responsive-table-card table tr { display: block; } .property-details table td { border-bottom: 1px solid #ddd; display: block; font-size: 14px; text-align: right; } .responsive-table-card table td { border-top: none; display: block; font-size: 14px; text-align: right; } .responsive-table-card-v table tr:first-child { margin-top: 0; } .responsive-table-card-v table tr { margin-top: 1rem; } .responsive-table-card-v table tr td:first-child { border-top: 1px solid #dee2e6; } .responsive-table-card-v table tr:first-child td:first-child { border-top: none; } .responsive-table-card-v table td { text-align: left; } .property-details table td::before, .responsive-table-card table td::before { content: attr(data-label); float: left; font-weight: 500; margin-right: 10px; } .responsive-table-card-v table td::before { width: 100%; } .responsive-table-card table td::before { font-weight: 600; } .property-details .table-striped > tbody > tr.even, .property-details .table-striped > tbody > tr.odd, .responsive-table-card .table-striped > tbody > tr.even, .responsive-table-card .table-striped > tbody > tr.odd { margin-bottom: 1rem; } .property-details .table-striped > tbody > tr.even, .property-details .table-striped > tbody > tr.odd, .responsive-table-card .table-striped > tbody > tr.even, .responsive-table-card .table-striped > tbody > tr.odd { border-top: 1px solid #E2E2E3; } .property-details .table-striped > tbody > tr.even:last-child, .property-details .table-striped > tbody > tr.odd:last-child, .responsive-table-card .table-striped > tbody > tr.even:last-child, .responsive-table-card .table-striped > tbody > tr.odd:last-child { margin-bottom: 0; } .property-details div.dataTables_scrollBody table tbody tr.even td, .property-details div.dataTables_scrollBody table tbody tr.odd td, .responsive-table-card div.dataTables_scrollBody table tbody tr.even td, .responsive-table-card div.dataTables_scrollBody table tbody tr.odd td { border-top: none; } .property-details .table-view-detail-link, .responsive-table-card .table-view-detail-link { display: inline-block; } .dld-main-header { margin-bottom: 0; } .auth-register-container #individualUser.auth-container-inner { position: inherit; } .section-page-title { margin-top: 3rem; } } @media (max-width: 992px) { .registration-title { margin-bottom: 10px; } .prop-info.participant-info .list-group .list-group-item span:first-child { flex: 0 0 25%; max-width: 25%; } .prop-info.participant-info .list-group .list-group-item span:last-child { flex: 0 0 75%; max-width: 75%; } .rdc-org-chart .director > li > a { width: 100%; } .rdc-org-chart .department { float: none; width: 100%; margin-left: 0; } .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: 0; } .rdc-org-chart .department:before { border-left: none; } .rdc-org-chart .department:nth-child(2):before { display: none; } .rdc-org-chart .departments:after { border-right: none; left: 0; width: 49.8%; } .smart-judge-intro { order: 1; text-align: center; } .rdc-smart-judge-img { order: 0; margin-bottom: 0; } .rdc-smart-judge-desc { line-height: normal; } .btn-view-more i { top: 0; } .footer-darker { padding-bottom: 65px; } .project-status-top-control { margin-top: 1.5rem; } .national-brand-logo img { max-width: 80%; } .pdf-tempalte { max-width: 49%; flex: 0 0 50%; } .page-function, .page-function .input-group { margin-bottom: 1rem; } .page-title { font-size: 16px; } .service-help i { top: 1px; } .total-number-of-record > span { margin-left: 5px; display: block; } .card-view-wrapper .custom-body .img-holder + .detail-holder .custom-card-title { font-size: 14px; } .accordian-style .card-header .btn { font-size: 14px; padding-right: 25px; } .accordian-style .card-header .btn:after { right: -15px; position: relative; } .dld-login-container { padding: 1rem; } .login-checkbox { margin-bottom: 1rem; } .login-checkbox .info-span { display: none; } .dld-login-container .checkbox-title, .login-checkbox .custom-control .custom-control-label, .login-checkbox .custom-control .custom-control-label, .dld-login-container .field-style label, .dld-login-container label { font-size: 14px; } .dld-login-container .sso-footer-txt { width: 90%; } .password-field { margin-bottom: 0 !important; } .rental-yeild-boxes > [class*='col-'] { margin-bottom: 1rem; } .rental-yeild-boxes .role-box { background-position: center bottom; } .trnsction-data-from-react .dropdown-menu.show { left: -10px !important; } .myddl-dashboard .my-property .card, .quick-action .card { margin-bottom: 1rem; } #btnCloseChat .icon-close-chat { width: 22px; height: 22px; } .quick-link-card4, .quick-link-card5 { margin-bottom: 1rem; } .cancelled-projectStatus .c-img { padding: 0; max-height: 200px; align-items: center; justify-content: center; overflow: hidden; } .tender-registration-form .custom-control-label { font-size: 14px; } .cancelled-projectStatus .swiper-slide { padding: 0; } .cancelled-projectStatus .swiper-button-next, .cancelled-projectStatus .swiper-button-prev { display: none; } .cancelled-projectStatus .swiper-pagination-bullets { bottom: 0; } .cancelled-projectStatus .swiper-container { padding-bottom: 2rem; } .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 { font-size: 14px; } .bank-name { margin-bottom: 1rem; } .transaction-list-action-btns { margin-top: 1rem; } .trnsction-data-from-react .transformer-tabs a { border-top: none; } .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 { padding: .5rem .50rem; } .container-searchBar { position: inherit; bottom: 0; padding-left: 0 !important; padding-right: 0 !important; } .banner-text-content { display: none; } .dev-guid-banner { display: none !important; } .selected-tab { position: relative; padding: 6px 35px 6px 15px; line-height: 30px; } .selected-tab:after { display: block; content: ""; position: absolute; top: 50%; right: 15px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid var(--black-color); border-left-color: transparent !important; border-right-color: transparent !important; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .tab-to-dropdown { position: relative; display: block; } .card.card-transaction.card-transaction-link { overflow: visible; justify-content: space-between; margin-top: -40px; } .card.card-transaction.card-transaction-link .text-link3 { color: var(--black-color); margin: 0px 0px 15px; } .card.card-transaction.card-transaction-link:after { display: none; } .card-container, .inner-column { margin-bottom: 1rem; } .content-section .content-section-title .section-title-span { font-size: 16px; } .card.card-transaction.card-transaction-link > span:first-child, .card-body-services { padding: .5rem 0; } .card-body-services .card-title:after { content: "\f0dd"; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; right: 15px; font-size: 18px; top: 10px; } .card-body-services .services-collapse-panel { padding: 0; text-align: center; } .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, .home-getin-touch .card-title, .home-getin-touch .card-text, .home-studies .card-title, .home-studies .card-text { margin-bottom: 0; } .home-getin-touch .card-title, .home-studies .card-title { margin-left: 1rem; } .how-do-i .home-getin-touch .card-title { margin-left: 0; margin-bottom: 1rem; } .how-do-i .home-getin-touch .card-body > div i { display: none; } .home-getin-touch .card-body > div, .home-studies .card-body > div { display: flex; align-items: center; } .home-getin-touch .btn-link, .home-studies .btn-link { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: flex; align-items: center; } .home-getin-touch .btn-link:after, .home-studies .btn-link:after { content: "\f105"; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; right: 15px; } .home-getin-touch .card-body, .home-studies .card-body { position: relative; } .share-footer { margin-top: 1rem; } .swiper-pagination-new { display: block; bottom: -40px; } .home-studies .btn-grey, .card-transaction-link .text-link2 { padding: .7rem .75rem; } .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 { height: 34px; } .home-card-connect .card-body > div .card-icon3 { position: relative; top: 22px; } .home-card-connect .share-footer { position: relative; left: 56px; margin-top: 5px; } .home-studies .card-text { display: none; } .all-services-content { display: flex; align-items: center; justify-content: space-between; width: 100%; } .card.card-transaction.card-transaction-link #tr-total-amount { font-size: 24px; } .list-group-eservices .btn-favorite { margin-right: -12px; } .dsg-logo { max-width: 65%; } .how-do-i .card-text { max-width: 80%; } .vault-login-container { height: 65vh } .mydld-profile > div { justify-content: center; margin-bottom: 1rem; } .how-do-i-item .card .card-body { flex-direction: row; flex-wrap: wrap; } .how-do-i-item .card .card-body > div { flex-wrap: wrap; } .hdi-card-action { margin-top: 1rem; } .hdi-card-action .btn-video-link { position: relative; } .hdi-card-action .btn-video-link:before { display: none; } .userguide-gridView, .user-guide .btn-switch { display: none; } .alert-user-notification { align-items: center; justify-content: center; flex-direction: column; text-align: center; padding: 1rem 1rem; } .alert-user-notification .alert-body { align-items: center; margin: 0 auto; } .alert-user-notification .alert-body p { margin-bottom: 1rem; } .panel-with-shadow .panel-notification { height: 100%; } .tabs .transaction-tools { flex-direction: column; } .transaction-tools .filterby-wrap > div { width: 100%; } .transaction-table .table thead th, .transaction-table .table tbody td { width: 100px !important; } .transaction-table .table thead th:last-child, .transaction-table .table tbody td:last-child { width: 10px !important; } .change-password-wrapper { padding: 2rem 1rem; } .property-details .flex-grid > div, .flex-grid-col-3 .flex-grid > div, .flex-grid-col-2 .flex-grid > div { flex: 0 0 100%; max-width: 100%; flex-wrap: wrap; } .property-details .flex-grid > div > span:nth-child(2n+1) { flex: 0 0 100%; } .property-details .flex-grid > div > span { flex: 0 0 100%; } .flex-grid-col-3 .flex-grid > div > span:nth-child(2n+1) { flex: 0 0 40%; } .flex-grid-col-3 .flex-grid > div > span:nth-child(2n+1) { flex: 0 0 60%; } .research-page-card .card .card-footer a, .home-studies .research-page-card .card .card-text a { position: relative; width: auto; height: auto; } .research-page-card .card .card-footer a:after, .home-studies .research-page-card .card .card-text a:after { display: none; } .home-studies .research-page-card .card .card-text { display: block; } .ask-malik-answer-helpful { flex-direction: column; justify-content: space-between; } .ask-malik-answer-helpful > div { display: flex; align-items: center; justify-content: space-between; width: 100%; } .ask-malik-answer-helpful > div:last-child { margin-top: 15px; } .ask-malik-img { margin: 20px 0; } .ask-malik-answer { max-height: 300px; } .add-more-photo { width: 100%; align-items: center; display: flex; justify-content: center; padding: 10px 0 0; position: inherit; } .view-all-procedures { display: flex; position: initial; margin: 0 -15px 10px auto; } .mydld-property-detail-tab .transformer-tabs > ul { flex-direction: row; overflow-x: auto; overflow-y: auto; } .mydld-property-detail-tab .transformer-tabs > ul li { display: flex; max-width: 100%; flex: 0 0 auto; } .mydld-property-detail-tab .transformer-tabs > ul a { width: auto; position: inherit; } .mydld-property-detail-tab .transformer-tabs > ul::after { display: none; } .propperty-document { margin-bottom: 1rem; } .mydld-property-detail-tab .transformer-tabs a.active, .mydld-property-detail-tab .transformer-tabs a:focus { background-color: #1166bb; color: #fff; } .notification-modal { left: 0; right: 0; } .nav-item.nav-item-notification { position: relative; } .nav-item.nav-item-notification > .nav-link .red-dot { top: 0; } .navigation-mobile-view .right-mnu li.nav-item-notification .nav-link:after { position: absolute; content: ""; border-right: 1px solid #ffffff; right: 0; width: 1px; height: 14px; top: 4px; } .rental-yeild-boxes .role-box { min-height: 250px } .dataTables_wrapper .dataTables_paginate .fg-button { margin-left: 2px; } .re-transaction .content-section .content-section-title { flex-direction: column; } .re-transaction .content-section .content-section-title .section-title-span { width: 100%; display: flex; } .menu-export { margin: 10px; width: 100%; } .menu-export > div { margin: 10px; width: 100%; } .menu-export > div .btn { width: 100%; padding: 0.475rem 0.5rem; } .announcement-modal { top: -25px; } .announcement-modal .modal-body { padding: 1rem; } .announcement-modal-icon-wrap .announcement-modal-icon { width: 60px; height: 60px; } .b-user-card-wrapper .btn-switch { display: none; } .card-b-user-new { flex: 0 0 50%; width: 50%; } .b-list-view .b-description-list-view { display: none; } .services-description-accordion .accordion-header .accordion-button { padding: .75rem 1.25rem } .enbd-logo { flex-direction: column; } .enbd-logo img { margin-bottom: 10px; width: 200px; } .popular-services-list { flex-direction: column; } .popular-services-list .form-check-inline { display: flex; } .h-section-title { font-size: 24px; } .rtl .sticky-footer-right a:last-child, .rtl .sticky-footer-right .chat-fab-link { padding-right: 0; } .section-page-title .d-flex.position-relative { display: none !important; } .widge-04 { margin: 0 1rem; } .fancybox-css-container .fancybox-content { min-height: 500px !important; } .mc-terms-and-conditions div:first-child { border-right: none; border-bottom: 1px solid #dededf; } .mc-terms-and-conditions div { width: 100%; } .nda-main-header { position: inherit; top: 0; } .dld-content-text .job-title-user, .dld-content-text .company-title-user { width: 100%; } .nda-letter-msg { flex-direction: column; } .nda-letter-msg span { width: 100%; } .nda-name-id { line-height: normal; } .property-summary-panel { flex-direction: column; padding: 10px 1rem; } .mollak-map-wrap .col-group-1 { flex-direction: column; } .mollak-map-content .separator { height: 1px; width: 100%; border-right: none; border-top: 1px dashed rgba(255,255,255,0.5); } .mollak-map-wrap .col-group-1 { width: 100%; align-items: normal; max-width: 100%; } .mollak-map-wrap .col-group-2 { width: 100%; display: block; } .mollak-map-wrap .field-style.select-control { margin-top: 10px; } .mollak-map-wrap .transformer-tabs { border-bottom: 2px solid #000; } .mollak-map-wrap .transformer-tabs > ul { overflow: visible; flex-direction: inherit; background-color: transparent; border: none; display: inherit; position: inherit; } .mollak-map-wrap .transformer-tabs > ul::after { display: none; } .mollak-map-wrap .transformer-tabs > ul li { display: flex; } .mollak-map-wrap .transformer-tabs > ul > li > a { position: inherit; top: inherit; left: inherit; } .mollak-map-wrap .transformer-tabs a.active { border: inherit; z-index: inherit; color: #fff; background-color: #000; } } @media (max-width: 991px) { .owner-db .land-card.border-left { border-left: none !important; } .owner-db .portfolio-box > .row { flex-direction: row; } .owner-db .portfolio-box .col-3 { max-width: 50%; flex: 0 0 50%; padding-top: 20px; padding-bottom: 20px; } .owner-db .portfolio-box .col-6 { max-width: 100%; flex: 0 0 100%; } .footer-menu { padding-left: 0 } .footer-legal-info .d-flex { flex-wrap: wrap; } .footer-legal-info .d-flex .flex-fill { width: 50%; text-align: left; } .card.accordion-tabs { border: none; } .footer-useful-link li { width: 100%; } .banner-section .slider-caption h4 { font-size: 16px; } .banner-section .slider-caption.caption2 h1 { font-size: 14px; } .banner-section .slider-caption h2 { font-size: 16px; margin: 0 !important; } .banner-section .slider-caption h5 { font-size: 16px !important; line-height: normal; margin-top: 18px; } .banner-section .slider-caption.caption2 h5 { font-size: 14px !important; line-height: normal; margin-top: 10px; } .banner-section .slider-caption.caption2 { margin-left: 200px; } .banner-section .slider-caption.caption3 { margin-left: 200px; } .buttons-wrap { margin-top: .5rem; } .buttons-wrap a { padding: 6px 8px !important; } .collapse.navbar-collapse.hidden-mobile, .hidden-mobile { display: none !important; } .hidden-desktop { display: block !important; } .footer-dark-ul li { width: 100%; border-right: none; border-bottom: 1px solid #fff; margin-bottom: 15px; padding-left: 0; padding-bottom: 15px; } .footer-dark-ul li:last-child { margin-bottom: 0; } .footer-legal-link li a { padding-right: 10px; } .transformer-tabs > ul { border-bottom: 0; overflow: hidden; position: relative; border: 1px solid #DEDEDF; background-color: rgba(240, 240, 240, .65); flex-direction: column; display: flex; } .transformer-tabs > ul::after { content: "\f0c9"; position: absolute; top: 5px; right: 15px; font-weight: 900; z-index: 2; font-family: 'Font Awesome 5 Free'; pointer-events: none; } .transformer-tabs > ul.open::after { content: "\f00d"; position: absolute; top: 5px; right: 15px; font-weight: 900; z-index: 2; font-family: 'Font Awesome 5 Free'; pointer-events: none; } .transformer-tabs > ul.open a { position: relative; display: block; } .transformer-tabs > ul.open a:hover { } .transformer-tabs > ul li { display: block; } .transformer-tabs > ul > li > a { position: absolute; top: 0; left: 0; width: 100%; height: auto; border-left: none; padding: .475rem .775rem; background-color: #fbfbfb; } .transformer-tabs a.active { border: 0; z-index: 1; color: var(--black-color); box-shadow: none; background: #fbfbfb; } .transformer-tabs a.active:before, .transformer-tabs a.active:after { display: none; } .home-icon-link { display: inline-block; padding: .5rem 10px; } .search-i { font-size: 16px; } .side-panel .list-group.filter-by-list.filter-panel .list-group-item:first-child { padding: .75rem 1.25rem; } .filter-panel { position: fixed; top: 0; z-index: 3; left: 0; right: 0; bottom: 0; background-color: #F7F7F9; display: block !important; transition: all 5s linear; } .filter-panel .close-btn { color: #ffffff; float: right; margin-top: -10px; padding: .375rem 0rem; font-size: 20px; font-weight: normal; } .side-panel .list-group.filter-panel .list-group-item.filter-by-btn { position: absolute; width: 100%; bottom: 0px; border-bottom: none !important; } .export-btn .dropdown .dropdown-menu { right: -47px !important; } .map-result-wrapper { position: absolute; top: 0; right: 0px; bottom: auto; } .location-result-wrap { max-height: 500px; overflow: auto; } .location-result-wrap.no-result-container { min-height: 50px; } .map-result-wrapper .close-btn { position: absolute; right: 0px; z-index: 1; color: #fff; top: 1px; background-color: rgba(255, 255, 255, 0.10); border-radius: 0; padding: .1rem .55rem; } .map-no-data.location-result-wrap .close-btn { color: var(--black-color); background-color: rgb(245, 245, 245); } .home-rest-app-section .application-info { max-width: 50%; } .login-panel { margin: 20px auto; height: auto; } .login-form-gray { min-height: inherit; } .uae-pass-section { padding-bottom: 0 !important; padding-top: 10px !important; } .prop-info .list-group .list-group-item span:first-child { flex: 0 0 30%; max-width: 30%; } .prop-info .list-group .list-group-item span:last-child { flex: 0 0 70%; max-width: 70%; } .project-filters { display: block !important; } .flex-grid > div > span:nth-child(2n+1) { flex: 0 0 38%; } .flex-grid > div > span { flex: 0 0 62%; } .c-switch { margin-top: 0px; } .m-l-switch { display: flex; } .success-msg p { width: 100%; } .unit-graph.border-left { border-left: none !important; } .price-indes-detail .nav.nav-pills, .price-indes-detail .tab-content { margin-bottom: 5px; } .price-indes-detail .tab-content > .tab-pane { padding: 10px; border: 1px solid #4a77d6; } .price-indes-detail .tab-content > .tab-pane h4 { font-size: 20px; } .price-indes-detail .tab-content > .tab-pane p { margin-bottom: 0; } .price-indes-detail .nav .nav-link { border-top: 1px solid rgba(15, 54, 97, 0.2); border-right: 1px solid rgba(15, 54, 97, 0.2); border-bottom: 1px solid rgba(15, 54, 97, 0.2); } .indexes-information { flex-wrap: wrap; justify-content: flex-start; padding: 10px 0; margin-bottom: 0; } .indexes-information > div { margin-bottom: 10px; } .indexes-information > div:last-child { margin-bottom: 0px; } .form-spacer { display: none; } .transaction-search-btn { height: auto; padding-top: 0; padding-bottom: 15px; } .report-text { display: none; } .rental-index-page-dubai-rest { width: 100%; margin-bottom: 20px; } .rental-index-page-dubai-rest .alert-info { text-align: left; margin-bottom: 16px; padding: .375rem 1.25rem; } .rental-index-page-dubai-rest .DubaiRest_UI { display: flex; background-color: #fbfbfb; padding: 25px; flex-direction: column; width: 100%; text-align: center; } .rental-index-page-dubai-rest .rest-description { margin-left: 25px; display: flex; flex-direction: column; justify-content: center; } .rental-index-page-dubai-rest .rest-description .rest-title { font-size: 18px; font-weight: 600; margin-top: 20px; } .rental-index-page-dubai-rest .rest-description .description-text { font-size: 14px; } .video-speaker-name { flex-direction: column; align-items: flex-start; } .profile-panel-btn { display: block; } .profile-sidebar-body { display: none; } .profile-panel-btn ~ .btn-check:checked ~ .profile-sidebar-body { display: block; } .profile-avatar { display: flex; align-items: center; justify-content: start; width: 100%; } .profile-sidebar-header .avatar { margin: 0 1rem; width: 60px; height: 60px; } .myddl-dashboard .my-property .card, .quick-action .card { margin-bottom: 1.5rem; } .dld-footer { height: auto; padding: 6px 1rem 5px; } .dld-footer span { display: none; } .sticky-footer-left a, .sticky-footer-right a, .sticky-footer-right .chat-fab-link { width: 48px; height: 48px; background-color: #fff; border-radius: 100%; box-shadow: 0 0 20px 0 rgb(183 183 183 / 30%); padding: 0; } .rtl .sticky-footer-left a:first-child { padding-left: 0; } .rtl .sticky-footer-right a:last-child { padding-right: 0; } .navigation-mobile-view .search-ddl-mobile .dropdown-menu #formSearch { display: flex; align-items: center; justify-content: center; position: relative; } .footer-dark{padding-bottom:4px} .footer-dark a { border-bottom: 1px solid #fff; margin-bottom: 1rem; padding-bottom: 10px; } } @media (max-width: 768px) { .rei-section { margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } .paperless-section h1, .paperless-section p { color: #fff; } .paperless-section .paperless-body { padding: 0 !important; margin-top: 0; } .paperless-section .btn { margin-bottom: 15px; } .paperless-img { top: 0; position: relative; margin-top: 15px; } .support-section .heading-support .btn { top: 0; right: 15px; } .highcharts-figure, .highcharts-data-table table { min-width: 225px; } .gov-logo .gov-dubai { width: 90px !important; height: auto; } .gov-logo .gov-dld { width: 55px !important; } .national-brand-logo > a > img { width: 65px; } .paperless-img img { width: 50% !important; } .banner-section .slider-caption.caption2 { margin-left: 220px; width: 55%; } .banner-section .slider-caption.caption3 { width: auto; } .banner-section .slider-caption.caption2 h5 { font-size: 14px !important; } .banner-section .slider-caption.caption2 .buttons-wrap a { font-size: 12px; } .brokers-img-box { text-align: center; margin-bottom: 25px; } .brokers-img-box img { margin: 0 auto; float: none; } .brokers-img-box h6 { margin-left: 0; } .social-link { margin-top: 26px !important; } /*.company-info a { width: 19%; }*/ .footer-dark .locate-us span, .footer-dark .locate-us p { margin-left: 30px; } .modal-search-panel .modal-full .modal-content button.close { margin-top: -5px; } #offCanvasSidebar.modal-search-panel .modal-full .modal-content button.close { margin-top: -18px; } .share-this-page .prepend-grey-bg .test { width: 100%; } .brokers-img-box-stars { float: none !important; display: block; margin-top: 10px; } .view-all-tran { width: 100%; } .land-result-wrap .card-header, .makani-result-wrap .card-header, .mun-result-wrap .card-header { height: 100%; } .land-result-wrap .card-header a, .makani-result-wrap .card-header a, .mun-result-wrap .card-header a { font-weight: normal; background-color: #fbfbfb; padding: 8px 0px; position: relative; right: 0; top: 0; float: left !important; width: 100%; } .land-result-wrap .card-header a i, .makani-result-wrap .card-header a i, .mun-result-wrap .card-header a i { margin-left: 0 !important; } .project-reg-process .card-title, .project-reg-process .card-text { font-size: 14px; } .inspection-detail-panel .card .progress-label { font-size: 14px; } .smart-city-video-section .video-image { display: block; margin: 0 auto; text-align: center; } .home-rest-app-section .application-info { padding: 40px 0; max-width: 100%; } .home-rest-app-section .application-info h2 { font-size: 1.5rem; } .home-rest-app-section .application-info h4 { font-size: 1rem; } .home-rest-app-section .description-app { line-height: normal; } .smart-city-video-section .smart-city-description { max-width: 100%; } .new-section-heading { font-size: 20px; padding: 0px 0px 4px 10px; } .btn-view-more { top: 0; } .report-download-link a { display: block; } .property-info-summary .property-icon { margin: 6px 0; width: 48px; height: 48px; } .property-info-summary > div:first-child, .property-info-summary > div:last-child { margin-left: 0; } .support-section .card-support { margin-top: 0; margin-bottom: 15px; flex-direction: row; text-align: left; align-items: center; padding-bottom: 10px; } .support-section .card-support picture { margin: 0 auto; height: auto; } .support-section .card-support picture img, .support-section .card-support picture source { width: 90px !important; height: 90px !important; } .support-section .card-support .card-title { font-size: 14px; margin-bottom: .2rem; text-align: left; } .support-section .card-support .card-text { font-size: 14px; text-align: left; } .report-archive-grid.table-striped thead td, .report-archive-grid.table-striped thead th { width: 100%; } .report-archive .report-archive-grid tr td:last-child i { font-size: 22px; } .report-archive .report-archive-grid tr td:last-child i.fa-file-pdf { margin-left: 10px; } .report-archive .download-archive-report .report-name { margin-bottom: 10px; } .report-archive .download-archive-report .report-name, .report-archive .download-archive-report .btn-report-downlaod { flex: 0 0 100%; max-width: 100%; text-align: left; } .unit-graph:after, .building-graph:after, .owner-db .portfolio-box .col-wrapper.col-wrapper-border:after { display: none; } .owner-db .portfolio-box .col-3.col-wrapper { max-width: 100%; flex: 0 0 92%; } .owner-db .portfolio-box .col-wrapper.col-wrapper-border { border-bottom: 1px solid #dee2e6; width: 100%; } .login-landing-uae-pass { height: auto; background-position: right; padding: 30px 0 } .login-card { margin-bottom: 2rem; } .wizard-card .info-text { display: block; } .rental-calculator-info-msg { margin-bottom: 0 !important; border: none; background-color: #fbfbfb !important; } .rental-calculator-info-msg .dyk-img-box { display: none; } .relationship-manager .manager-detail > div { flex: 0 0 100%; max-width: 100%; } .owner-db .portfolio-box .total-properties:first-child, .owner-db .portfolio-box .total-worth:first-child { font-size: 24px; } .rental-yeild-boxes { justify-content: start; } /*...home page max 768...*/ .home-studies .card .card-footer { padding: .75rem 15px; } .home-studies{ padding: 2rem 0 2rem; } .view-all-transaction-box .card-body span { display: flex; align-items: flex-end; background-color: rgba(255, 255, 255, 0.70); border: 1px solid #fbfbfb; padding: 15px; border-radius: 100%; margin-top: 20px; } .view-all-transaction-box .card-body span i { font-size: 14px; display: inline-block; } .transaction-date { font-size: 14px; font-weight: normal; } .transaction-title-wrapper { display: flex; justify-content: space-between; margin-bottom: 15px; align-items: center; } .role-owner-sub-title, .role-owner-des { display: none; } .dashboard-user-title .dashboard-user-title-inner { display: block; } .pagination-static-table .pagination .page-item { display: none; } .pagination-static-table .pagination .page-item.active, .pagination-static-table .pagination .page-item.first-page-link, .pagination-static-table .pagination .page-item.pre-page-link, .pagination-static-table .pagination .page-item.next-page-link, .pagination-static-table .pagination .page-item.last-page-link { display: inline-flex; } .property-details .page-title > div:last-child .btn-custom-toggle .btn { padding: .375rem .50rem; } .property-details .page-title > div:last-child .btn-custom-toggle .btn i { display: none; } .property-info-summary > div:first-child { margin-left: 20px; } .property-info-summary > div:last-child { margin-left: 0; border-bottom: 1px solid #e4e4e4; } .trnsction-data-from-react .owner-db .portfolio-box { margin-left: auto; margin-right: auto; width: 50%; display: inline-flex; position: relative; } .trnsction-data-from-react .owner-db .portfolio-box.mt-2 { border-right: none; } .trnsction-data-from-react .owner-db .portfolio-box:first-child { border-right: 1px solid #dededf; } .trnsction-data-from-react .owner-db .portfolio-box.t-property-count { margin-bottom: -3px; width: 100%; padding: 0; } .trnsction-data-from-react .t-property-count > div { width: 50%; padding: 12px; } .trnsction-data-from-react .t-property-count > div:nth-child(2) { border-left: 1px solid #dededf; border-right: 1px solid #dededf; } .trnsction-data-from-react .btn-wrapper-group { margin-right: 0; } .trnsction-data-from-react .btn-wrapper-group .btn, .trnsction-data-from-react .btn-wrapper-group .btn-custom-toggle .btn { width: 100%; } .trnsction-data-from-react .transformer-tabs > ul li { margin-right: 0px; } .trnsction-data-from-react .transformer-tabs > ul::after { top: 3px; right: 12px; color: #fff; } .trnsction-data-from-react .transformer-tabs > ul.open::after { color: #1D58A5; } .card.trnsaction-graph-boxes, .trnsction-data-from-react .tabs { border: none; box-shadow: none; } .trnsction-data-from-react .tabs { padding-left: 0; padding-right: 0; } .property-type-btn .btn:first-child { margin-left: 0 !important; } .trnsction-data-from-react #rptRange { margin-left: 0 !important; } .trnsction-data-from-react .highcharts-figure { margin-left: 0; margin-right: 0; min-width: max-content; } .price-index-filter + .row.g-0 { margin-left: -15px; margin-right: -15px; } .alert-firstSecondSale { flex-direction: column; } .status { padding: 0rem 2rem 0 0 !important; } .trnsction-data-from-react .trnsaction-graph-boxes .owner-db { padding-left: 15px; padding-right: 15px; } .go-paperless-img img { width: 310px; margin-bottom: 1rem; } .mandatory-field-info small { font-size: 12px; } .project-status-info li { width: 50%; } .list-tools .view-changer { display: none; } .service-list-content .card-header .btn { font-weight: normal; padding: .8rem .5rem; } .service-list-content .card-header .btn:before { display: none; } .service-list-content .card-body { padding: 0; } .service-list-content .list-group-item:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .service-list-content .list-group-item:last-child { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .service-list-content .list-group-item { border-left: none; border-right: none; } .logo-emart { width: 100%; text-align: center; top: 20px; } .logo-emart img { width: 167px; margin: 0 auto; } .sso-app-item { min-height: 125px; } .btn.relationship-manager-title { margin-top: 1rem; } .news-media-details .card-container { margin-bottom: 15px; } .description-action-panel .card-body { flex-direction: column; } .description-action-panel .btn { margin-right: 0; width: 100%; margin-bottom: 1rem; justify-content: center; } .description-action-panel .btn.btn-share-component { margin-bottom: 0; } .description-action-panel .share-component .share-this-page .prepend-grey-bg, .description-action-panel .share-content, .description-action-panel .share-component { width: 100%; left: 0; } .description-action-panel .share-component .share-page { justify-content: center; } .card-record-not-found { flex-direction: column; } .card-record-not-found .text-no-record { margin-left: 0; } .search-title-broker { margin-top: 0px; } .message-search-count { margin-top: 0; margin-bottom: 0; } .service-description-page .faqs-link-for-all-services { margin: 1rem 0 0 0; } .indexes-card .section-title-span { max-width: 200px; } .property-charge .list-group-item { flex-direction: column; align-items: center; padding-left: 0.6rem; } .property-charge .list-group-item > span { font-weight: bold; } .property-charge .list-group-item > div { margin-top: 10px; } .property-charge .service-charge-title > div { display: none; } .property-charge .service-charge-title ~ .list-group-item > div span.hide { display: block !important; } .property-charge .service-charge-title ~ .list-group-item > div span { flex-direction: column; } .property-charge .list-group-item > div span:first-child { margin-right: 0; } .property-charge .list-group-item > div span:first-child:after { content: "Quarterly"; display: inline-block; } .property-charge .list-group-item > div span:last-child:after { content: "Yearly"; display: inline-block; } .serivce-charge-index-calc .title-sc-index.service-charge-title { align-items: start; } /*.dld-sub-header { display: flex; align-items: start; }*/ .section-page-title { padding-top: 1.5rem; } .btn-w-100, .btn-w-100 .btn { width: 100%; } .dld-main-header { margin-bottom: 60px; } .card-b-user-new { flex: 0 0 100%; width: 100%; } .dld-content-text { text-align: inherit; } .dld-content-text .name-user-s, .dld-content-text .id-user-s { margin-bottom: 10px; display: inline-block; } .nda-stepper .StepperContainer-0-2-1 { top: 72px; } } @media (max-width: 767px) { .owner-db .villa-card div:nth-child(2) { border: none !important } .section-heading small { display: none; } .nav-tabs .nav-link { margin: 0 5px; } .inner-modal-search-panel form input::placeholder { font-size: 16px !important; } .banner-section .slider-caption.caption3 { margin-left: 150px; } .banner-section .slider-caption.caption2 h1 { font-size: 12px; } .banner-section .slider-caption.caption2 .buttons-wrap a { font-size: 12px; margin-bottom: 10px; } .social-link { margin: 0 auto 10px !important; } .company-info a { width: 33%; margin: 10px 0px; } .share-this-page .prepend-grey-bg .test { width: auto; } .img-title-deed-verification > div { float: none; margin-right: 0; text-align: center; } .img-title-deed-verification > span { margin-top: 0px; margin-bottom: 0; text-align: center; max-width: 100%; float: none; } .rental-index-popup-img { display: none; } .cs-loader-inner { width: 100%; } .card-detail h5 { font-size: 14px !important; } .card-detail .logo-box.smaller { height: 100%; } .project-status-detail p { font-size: 14px; } .slider-building .building-wrapper { margin-left: 0; } .r-box-s, #area-info .custom-control-label { font-size: 14px; } .source-filter, .procedureType-filter { margin-top: 10px; } div.dataTables_wrapper .dataTables_length { margin-bottom: .2rem; float: left } div.dataTables_wrapper div.dataTables_filter { margin-top: 0; } .compatibility-info .text-left, .compatibility-info .text-right, .copyright-info .text-right { text-align: left !important; } .login-form-gray h4 { font-size: 18px; } .owner-db .table-title { position: static; padding: 0; text-align: left; margin-bottom: 10px; margin-top: 10px; } .prop-info .list-group .list-group-item, .zone-info .list-group .list-group-item { display: inline-grid; } .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, .prop-info.requester-detail .list-group .list-group-item span:first-child, .prop-info.requester-detail .list-group .list-group-item span:last-child { flex: 0 0 100%; max-width: 100%; } .dataTables_wrapper > .row:last-child .dataTables_paginate { float: none; text-align: center; } .dataTables_wrapper > .row:last-child .dataTables_paginate .pagination { display: inline-block; } .property-info-summary { display: block; } .property-info-summary > div:first-child { padding: 0; border-top: none; } .property-info-summary > div { flex-direction: row; text-align: left; border-top: 1px solid #e4e4e4; } .property-info-summary > div.seperator-v { display: none; } .property-info-summary > div > span:first-of-type { -ms-flex-order: 1; order: 1; flex: 0 0 62%; padding: 8px; background-color: #fff; } .property-info-summary > div > span:last-of-type { flex: 0 0 38%; padding: 8px; } .swiper-button-play-p { display: none; } .indexes-info-box { display: inline-block; flex-direction: row; width: 100%; } .indexes-info-box .dyk-img-box img { border-radius: 100% !important; } .indexes-info-box > div { padding: 0 15px; margin: 0; } .indexes-info-box > div h4 { padding-left: 45px; } .property-type-btn > div:first-child { margin-bottom: 16px; } .price-index-filter > div { display: flex } .price-index-filter > div .btn { flex: 1 1 100%; max-width: 100%; min-width: inherit; } .lead-innovation, .moshaer-banner, .dld-banner { align-items: center; justify-content: center; } .lead-innovation img { max-height: 370px; } .moshaer-banner img { max-height: 312px; max-width: inherit; } .indexes-information > div { flex: 1 1 100%; max-width: 100%; } div.dataTables_wrapper div.dataTables_filter { width: 50%; } div.dataTables_wrapper div.dataTables_filter input { width: 70% !important; } .download-list .list-group-item-action .pdf-icon, .download-list .list-group-item-action .jpg-icon, .download-list .list-group-item-action .excel-icon { margin-top: 5px; } .dld-sample-tem { text-align: center; } .dld-sample-tem .template-description-zip { text-align: left; } .sso-seprator { display: none; } .sso-app-item { margin-bottom: 15px; } .prop-info.participant-info .list-group .list-group-item span:first-child { flex: 0 0 100%; max-width: 100%; } .prop-info.participant-info .list-group .list-group-item span:last-child { flex: 0 0 100%; max-width: 100%; } .dld-banner img { max-height: 420px; max-width: inherit; } .rdc-banner-img { display: flex; justify-content: flex-start; } .rdc-banner-img img { max-height: 310px; max-width: inherit; } .dashboard-user-title { flex-direction: column; margin-bottom: 1rem; align-items: flex-start; } .owner-db.container-wrapper .user-guild-link { float: none !important; margin-top: 1rem; } .register-action { flex-direction: column; margin-bottom: 0; } .register-action .btn:first-child { margin-right: 0; margin-bottom: 10px; } .register-action .btn { width: 100%; } .dashboard-user-action { display: none; } .export-btn { float: none; margin-left: 0; margin-bottom: 1rem; } .design-element { width: 35px; height: 45px; position: absolute; left: 15px; top: 23px; } .indexes-info-box:before { display: none; } .btn-indexes-download { top: -61px; } .introDLDlogo, .introFooter { min-width: 300px; } .res-mobile { margin-top: 5px } .icon-date-calendar, .icon-time, .icon-pin { height: 22px; margin-right: 0; margin-bottom: 10px; } .res-banner-img picture { display: flex; justify-content: center; padding: 20px 0 0px; align-items: flex-start; } .home-slider-services-nav { display: inline-flex; float: right; top: -18px; } .index-graph-boxes .detail-link { width: 200px; text-align: right; } .indexes-info-box > div.design-element { display: none; } .section-page-title { height: auto; max-height: 150px; padding: .5rem 0; } .section-page-title > .container .page-title-text { font-size: 18px; } .h-section-title-wrap { align-items: start; flex-direction: column; } .auth-container { background-color: transparent; padding-top: 1rem; } .auth-title { align-items: flex-start; flex-direction: column; font-size: 20px; } .forgot-password-link, .btn-switch-user { margin-top: 10px; } .project-status-detail h6, .project-status-detail .project-status-detail-title { max-width: 170px; } .bank-card { padding: 0.75rem 1rem; } } @media (max-width: 576px) { /*body { padding: 80px 0 60px; }*/ .news-list-description { display: none; } .pdf-tempalte { max-width: 99%; flex: 0 0 100%; } .news-detail-section .news-artile-img { height: 200px; margin: 0 0px 15px auto } .strategic-partners-logo { height: auto; } .export-btn .btn-custom-toggle { margin-bottom: 1rem; } .btn-wrapper-group .btn-wrapper-export, .btn-wrapper-group .view-changer { display: inline-flex; } .filterBy-list.show:before { content: ""; position: fixed; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); background-color: rgba(0, 0, 0, 0.5); opacity: .9; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; } .trnsction-data-from-react .owner-db .portfolio-box .total-properties, .trnsction-data-from-react .owner-db .portfolio-box .total-worth { flex: 0 0 100%; max-width: 100%; text-align: center; } .trnsction-data-from-react .owner-db .portfolio-box .skyline-icon, .trnsction-data-from-react .owner-db .portfolio-box .fund-icon { position: absolute; right: 10px; opacity: 0.4; } .trnsction-data-from-react .owner-db .portfolio-box .fund-icon { width: 85px; max-width: 35%; } .eid-modal { margin-left: 1rem; margin-right: 1rem; margin-top: -10px; } .container { max-width: 540px; } .dld-footer .container { padding-left: 0; padding-right: 0; } .dld-footer__section { width: 50px; } .dld-footer__icon-wrapper { width: 50px; } .dld-main-header { display: none; } .dld-sub-header {top: 0; } .menu-open .sub-nav-position-m { top: 0; } .dld-main-header__logo { height: 40px; } .dld-logo-for-mobile.dg {z-index:1; background-color: #fff; padding: 0 1rem .5rem; align-items: center; justify-content: center; margin-top: auto; position: fixed; left: 0; right: 0; bottom: 0;} .menu-container, .navbar-custom { padding: 0;} .menu-container .navbar-collapse.collapse.show ~ .dld-logo-for-mobile.dg { display: flex !important; box-shadow: 0px -2px 6px rgb(0 0 0 / 5%);} /*.dld-logo-for-mobile.dg .dld-main-header__gov-logo { height: 45px; }*/ .dld-main-header { margin-bottom: -20px; } .auth-container-inner { min-width: inherit; padding: 1rem; width: 100%; } .auth-container-inner .captcha-control div { width: 270px !important; } #businessUser .chose-signin-option .form-check-inline { min-width: 115px; } .rtl #businessUser .chose-signin-option .form-check-inline { min-width: 135px; } .chose-signin-option.mb-3 { margin-bottom: .5rem !important } .uae-pass-wrapper { margin-top: 10px; padding-bottom: 10px; } .sso-or-div, .seprator-or-div { margin-bottom: 20px; margin-top: 10px; } .search-ddl-mobile .dropdown-menu { position: fixed; top: 72px; left: 0; width: 100%; background-color: #fbfbfb; padding: 0.5rem 0; transition: all 0.7s ease 0s; margin: 0; border-radius: 0; border: none; display: none; } .search-ddl-mobile .dropdown-menu.show { display: flex; } .search-ddl-mobile .dropdown-menu form { width: 100%; align-items: center; justify-content: center; position: relative; padding: 0 1rem; } .search-ddl-mobile .dropdown-menu form .search__input { width: 100% !important; border-radius: 4px; margin: 0 !important; } .search-ddl-mobile.search-ddl-mobile.dropdown.dld-sub-header__actions { position: inherit; } .autocomplete-suggestions { min-width: inherit; } .mobile-search-icon { border: none; background-color: transparent; display: flex; padding: 0.5rem; display: inline-flex; } .mobile-search-icon.dropdown-toggle::after { display: none; } .mobile-search-icon i { position: inherit; } .navbar-header-wrapper { padding: 1rem; z-index: 1;} .navbar-nav > .nav-item > .nav-link, .navbar-nav > .nav-item.dropdown .dropdown-menu li > a, .navbar-nav > .nav-item .dropdown-submenu > .dropdown-menu li a { margin: 0 1rem; } .dropdown-user .dropdown-menu { position: fixed; } .mobile-menu-title { font-weight: 600; } .quick-link-mobile { list-style: none; padding: 0; margin-top: 1rem; z-index: 1; } .quick-link-mobile .dropdown .btn { display: flex; align-items: center; position: relative; background-color: #f5f5f5; height: 41px; } .quick-link-mobile .dropdown .btn:before { content: "\e901"; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; margin-right: 10px; } .rtl .quick-link-mobile .dropdown .btn:before { margin-left: 10px; margin-right: 0; } .quick-link-mobile .dropdown.dropdown-user .btn:after { display: none; } .quick-link-mobile .nav-item .dld-sub-header__btn { margin: 0; } .quick-link-mobile > .nav-item > a { display: flex; align-items: center; justify-content: space-between; margin: 0 15px; } .dropdown-user .dropdown-menu { top: auto; bottom: 110px; margin-bottom: 0.5rem; min-width: inherit; left:10px; right: 10px; } .quick-link-mobile .dropdown .dropdown-menu .ddl-title { font-weight: 600; } .quick-link-mobile .user-definition { margin-top: -1px; } .quick-link-mobile .dropdown .btn.show:after { content: ""; display: block; width: 100%; height: 100%; position: fixed; top: 72px; left: 0; right: auto; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); background-color: rgba(0, 0, 0, 0.5); opacity: .9; z-index: -1; border: none !important; margin: 0; } .btn-mic { right: 25px; z-index:0; opacity:1;} .rtl .btn-mic {left:25px;} .msg-wrapper .msg-wrapper-inner{min-width:inherit;} .section-page-title { margin-top: 0; } .menu-container .navbar-collapse.collapse.show .navbar-toggler { display: none; } .menu-container .navbar-collapse.collapsing, .menu-container .navbar-collapse.collapse { max-width: inherit; box-shadow: inset 0px 6px 6px rgb(0 0 0 / 5%); padding-left: 0; padding-right: 0; } .service-name { -webkit-line-clamp: 2; } .service-description { -webkit-line-clamp: 1; } .auth-container-inner .uae-pass-wrapper .btn { width: inherit; } .dld-head-section { min-height: 72px; margin-bottom:0;} } @media(max-width: 540px) and (max-width: 720px) { .chosen-container.chosen-container-active .chosen-results { max-height: 160px; } .faq-category-dropdown > .btn span:first-child { overflow: hidden; text-overflow: ellipsis; } } @media (min-width: 320px) and (max-width: 480px) { .owner-db .properties-wrap::after { height: 1px !important; width: auto !important; position: static; margin: 20px 5% 0; } .owner-db .portfolio-box .col-3.properties-wrap { padding-bottom: 0; } .owner-db .portfolio-box .col-3 { max-width: 100%; flex: 0 0 100%; } .banner-section .slider-caption.caption2 { margin-left: 100px; top: 50px; } .banner-section .slider-caption h4 { font-size: 14px; } .banner-section .slider-caption h2 { font-size: 14px; } .banner-section .slider-caption h5 { font-size: 14px !important; margin-top: 0px; } .side-panel { margin-top: 10px; } #LatestNews hr { border-top: 3px solid rgba(0, 0, 0, .1); } .news-description .news-content { display: none; } .app-details a img { width: 120px; } .app-details a:last-child img { width: 130px; } .home-rest-app-section .application-info a img { width: 110px; height: auto !important; } .project-status-info li .dropdown { margin: 5px 0 0 0px; } .project-status-info li .dropdown .btn { min-width: 100%; padding: .25rem .75rem; } .download-report { margin: 3px 0px 0 0; height: 34px; padding: .30rem .75rem; } .project-status-info li .dropdown .dropdown-menu { min-width: 100%; } .export-btn .btn-custom-toggle { margin: 0 0 1rem; display: flex; } .custom-body { flex-direction: column; } .custom-body .img-holder { margin-right: 0; margin-bottom: 15px; } .medal { bottom: auto; top: 50px; } .project-status-top-control { display: flex; } .project-status-top-control .btn-filter-mobile { margin-left: 10px; } .g-map-captcha-text { width: 65%; text-align: center; } .login-landing-uae-pass { display: none; } .Logos { height: 65px !important; } .rdc-org-chart .rdc-subdirector { justify-content: space-around; } .rdc-org-chart .rdc-subdirector .rdc-tech-office:before { width: 140px; right: 90px; } .rdc-template .Template { font-size: 9pt !important; } .rdc-template .Template .Title { font-size: 10pt; } .rdc-template .Logos:before { width: 65px; } .rdc-template .Logos:after { width: 130px; } .smart-judge-intro { text-align: left; } .rdc-smart-judge-desc { display: none; } .rdc-smart-judge-img { text-align: right; } .rdc-smart-judge-img .rdc-comment-icon { top: 0; background-repeat: no-repeat; height: 100px; padding-top: 45px; padding-left: 0; text-align: left; background-size: 35%; margin-left: -75px; } .rdc-smart-judge-img .img-fluid { max-width: 50%; } .table-box div.dataTables_wrapper div.dataTables_filter { text-align: left; margin-top: 0; width: 100%; } .dashboard-card .card-header.coming-soon-header { margin-top: 20px; } .dashboard-card .card-header small { font-size: 13px; line-height: 1.5; display: block; } .sso-left-panel { padding: 20px 0; } .login-btn-group .btn { font-size: 13px; } .btn-wrapper-group .btn-wrapper-export { display: flex; } .btn-wrapper-group .view-changer .btn-custom-toggle { width: 100%; } .btn-wrapper-group .btn.pdf-export { width: 100%; } .total-number-of-record { display: flex; } .rvs-contract-complaint .modal-footer { flex-direction: column; } .rvs-contract-complaint .modal-footer .btn { width: 100%; } .rvs-contract-complaint .modal-footer .btn:first-child { margin-bottom: 1rem } body .table-title { position: relative; top: 0; padding: 0; } .broker-login-link { font-size: 14px; } .content-height { min-height: calc(100vh - 130px); } .chosen-container.chosen-container-active .chosen-results { max-height: 160px; } .transaction-list-action-btns .btn-custom-toggle { margin-right: 4px; } .rtl .banner-btc .btc-head-title .btc-span-title { font-size: 19px; } } @media (-webkit-min-device-pixel-ratio: 1.25) { .dld-head, .banner-kb, .banner-btc, .banner-btc-img { height: 300px !important; } .banner-btc-img { background-size: 88% !important; } }