@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800;0,9..40,900;0,9..40,1000;1,9..40,400;1,9..40,500;1,9..40,600;1,9..40,700;1,9..40,800;1,9..40,900;1,9..40,1000&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');*/

html{-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;font-smoothing:antialiased;}
body{margin:0;padding:0;font-family: 'DM Sans', sans-serif; background: #fff; font-size:16px; color: #000; overflow-x: hidden; overflow-y: auto;}
ul, ol, p, form, input, textarea, select, pre, em, sub, sup, canvas, section, article, aside, img, a, li, iframe, table, nav, header, footer, body, menu, button{margin:0;padding:0;font-family: 'DM Sans', sans-serif; vertical-align:baseline;box-sizing:border-box;-webkit-box-sizing:border-box;list-style:none;text-decoration:none;outline:none;border:0;border-spacing:0;border-collapse:collapse;}
*, after, before{box-sizing:border-box;-webkit-box-sizing:border-box;}
h1, h2, h3, h4, h5, h6{margin:0;padding:0;font-weight:normal;}
body{ line-height: 1; min-height: 100vh; }
a {color: #000; text-decoration: none; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; }
a:hover {text-decoration: none; color:#444; }
p{ line-height: 1.7; margin-bottom: 10px; }
b, strong{ font-weight:800; }

u{text-decoration:underline;}
i, em{font-style:italic;}
img{max-width:100%;}
.clear {clear:both;}
input[type="button"], input[type="submit"], input[type="reset"],
input[type="text"]{appearance:none;-webkit-appearance:none; -webkit-appearance:none;}
input[type="button"], input[type="submit"], input[type="reset"]{cursor:pointer;font-size:16px;}
/*select::-ms-expand { display: none; }*/
.clearfix{ clear: both; }

h5, .h5 {
    font-size: 1.15rem;
}


sup {top: -2px;}

.modal-header, .modal-body{ padding: 1.2rem 2rem; }
.modal-body{ padding-top: 5px; }
.modal-footer{ padding-left: 2rem; padding-right: 2rem; }


.form-control::-webkit-input-placeholder { opacity: 1; color: #B8B8B8; }
.form-control::-moz-placeholder {opacity: 1; color: #B8B8B8; }
.form-control:-ms-input-placeholder {opacity: 1; color: #B8B8B8; }
.form-control:-moz-placeholder {opacity: 1; color: #B8B8B8; }

 .bg-grey{ background: #f4f5f7; }
.btn{ display: inline-block; min-width: 60px; border-radius: 4px; font-size: 14px; height: 42px; line-height: 42px; padding:0 20px; font-weight: 500; }
.btn.btn-primary{ background: #1A5AD9; color: #fff; border-color: #1A5AD9; }
.btn.btn-primary:hover{ background: #4282ff; color: #fff; border-color: #4282ff; }
.btn:focus,
.btn:active{ outline: none; box-shadow: none !important; }

.btn.btn-primary-line{ background: #fff; color: #1A5AD9; border-color: #1A5AD9; }
.btn.btn-primary-line:hover{ background: #2B6CEC; color: #fff; border-color: #2B6CEC; }

.btn:active,
.user_links:active,
.searchbtn:active{ background: #434955 !important; color: #eff1f3 !important; /*margin-bottom: -2px !important;*/ }


.btn.btn-green{ background:#007D3A; color: #fff; border-color: #007D3A; }
.btn.btn-green:hover{ background: #0B9F50; color: #fff; border-color: #0B9F50; }

.btn.btn-default{ background:transparent; color: #1A5AD9; border-color:#1A5AD9; }
.btn.btn-default:hover{ background:#1A5AD9; color: #fff; border-color: #1A5AD9; }

.btn.btn-delete{ background:#fff; color: #E22E53; border-color:#E22E53; }
.btn.btn-delete:hover{ background: #E22E53; color: #fff; border-color: #E22E53; }

.btn + .btn{ margin-left: 15px; }

.btn.btn-sm{ font-size: 12px; height: 38px; line-height: 38px; padding-left: 15px; padding-right: 15px; }

.btn.btn-back{ background:#eff1f3; color: #1A5AD9; border-color:#eff1f3; }
.btn.btn-back:hover{ background: #B6C6E4; color: #1A5AD9; border-color: #B6C6E4; }

.btn-skip.btn.btn-default{ background: #e3ecff; color: #1A5AD9; border-color: #eff1f3; }

.btn img{ vertical-align: middle; position: relative; top: -1px; }

.btn-primary-line:hover img{ filter: brightness(0) invert(1);}

/*checkbox*/
.checkbox{ display: inline-block; position: relative; }
.checkbox input[type="checkbox"]{position: absolute; width: 1px; height: 1px; opacity: 0; visibility: hidden; border: 0; margin: 0; padding: 0;}
.checkbox label{ display: inline-block; position: relative; padding-left: 30px; margin-bottom: 5px; padding-top: 0px; font-weight: 400; line-height: 1.2;}
.checkbox label:before{ content: ""; background: #fff; width: 22px; height: 22px; position: absolute; border: solid 1px #d2d4d9; border-radius: 4px; left: 0; top: -2px; }
.checkbox label:hover:before{ background: #eff1f3; border-color: #707070; }
.checkbox input[type="checkbox"]:checked + label:before{ background:#1A5AD9 url(../images/check-icon.svg) center no-repeat; background-size: 12px; border-color: #1A5AD9; }


/*radio*/
.radio{ display: inline-block; position: relative; }
.radio input[type="radio"]{position: absolute; width: 1px; height: 1px; opacity: 0; visibility: hidden; border: 0; margin: 0; padding: 0;}
.radio label{ display: inline-block; position: relative; padding-left: 30px; margin-bottom: 5px; padding-top: 0px; font-weight: 400; line-height: 1.2;}
.radio label:before{ content: ""; width: 22px; height: 22px; position: absolute; border: solid 1px #d2d4d9; border-radius: 24px; left: 0; top: -1px; }
.radio label:hover:before{ background: #eff1f3; border-color: #707070; }
.radio input[type="radio"]:checked + label:before{ background:#1A5AD9 url(../images/check-icon.svg) center no-repeat; background-size: 12px; border-color: #1A5AD9; }

.radio + .radio,
.checkbox + .checkbox{ margin-left: 20px; }



.userPage{ display: flex; /*min-height: calc(100vh - 250px);*/ width: 100%; }
.userPage_left{ min-width: 50%; max-width: 50%; width: 50%; position: relative; /*overflow: hidden; border-radius: 10px; */}
.pageLeftImage{ width: 100%; position: relative; min-height: calc(100vh - 158px); }
.pageLeftImage img{ width: 100%; object-fit: cover; display: block; min-height: 100%; border-radius: 5px; object-position: top; }
/*.pageLeftImage:after{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.20); border-radius: 5px; }*/

.userPage_right{ padding: 50px 30px; min-width: 50%; max-width: 50%; width: 50%; display: flex; align-items: center; justify-content: center; }
.userBox{ display: block; width: 100%; max-width: 414px; margin: 0 auto; }
.user-logo{ display: block; margin-bottom: 60px; }
.page-title{ display: block; font-size: 30px; margin-bottom: 35px; font-weight: 500; }
.form-group{ display: block; width: 100%; }
.form-label{     display: block;
    font-weight: 600;
    font-size: 13px;
    color: #000; margin-bottom: 4px; }
.inputwith-icon{ display: block; position: relative; width: 100%; }


.form-control{ font-weight: 400; height:42px; opacity: 1; box-shadow: none; outline: none; border: solid 1px #d2d4d9; border-radius:4px; background-color: #fff; padding-left: 14px; padding-right: 14px; }
.form-control.form-select{ padding-right: 32px; }
.form-control:focus{ outline: none; box-shadow: none; }
textarea.form-control{ min-height: 120px; resize: none; }
input[type=file].form-control{ padding-top: 8px; }


.inputwith-icon>span{ position: absolute; left: 0; top: 0; width: 40px; height: 40px; z-index: 2; text-align: center; padding-left: 2px; pointer-events: none; }
.inputwith-icon>span img{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; display: block; }
.inputwith-icon .form-control{ padding-left: 40px; }

.userPage .form-control{ height: 44px; border-width: 1px; border-color: #000; }
.userPage .inputwith-icon>span{ height: 44px; }

.fpass{ color: #1A5AD9; text-decoration: underline; }
.dont_account{ display: block; width: 100%; margin-top: 50px; }
.dont_account h3{ display: block; color: #007D3A; font-size: 20px; font-weight:800; }
.dont_account h6{ display: block; font-size: 18px; font-weight: 400; padding-top: 8px; }
.dont_account ul{ display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; }
.dont_account ul li{ width: 30%; margin-top: 16px;   }
.dont_account ul li a{ background: #fff; border: solid 1px #D5DDF2; height: 108px; width: 100%; border-radius: 8px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.dont_account ul li span{ width: 100%; text-align: center; height: 38px; }
.dont_account ul li span img{ height: 100%; display: block; margin: 0 auto; }
.dont_account ul li label{ cursor: pointer; display: block; width: 100%; font-size: 17px; font-weight:500; padding-top: 14px; text-align: center; }

.dont_account ul li a:hover{ background: #D5DDF2; }

.dont_account ul li:nth-of-type(4n),
.dont_account ul li:nth-of-type(5n){ width: 47.5%; }
.dont_account ul li:nth-of-type(4n) span,
.dont_account ul li:nth-of-type(5n) span{ width: 50px; }
.dont_account ul li:nth-of-type(4n) label,
.dont_account ul li:nth-of-type(5n) label{ width: auto; padding-left: 18px; text-align: center; padding-top: 0; }
.dont_account ul li:nth-of-type(4n) a,
.dont_account ul li:nth-of-type(5n) a{ flex-direction: row; height: 78px; }
.fullPage{ display: block; width: 100%; min-height: calc(100vh - 266px); }
.spaceRemove .fullPage{ padding: 30px 0 50px 0;  }



/*header*/
.header{ width: 100%; background: #1A5AD9; height: 80px; display: flex; align-items: center; padding: 10px 0; position: sticky; top: 0; left: 0; z-index: 50; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);}
.header .container{ display: flex; align-items: center; justify-content: space-between; }
@media screen and (min-width: 1200px)
{  
  .header .container.w-100{ max-width: 100%; padding-left: 30px; padding-right: 30px; }
}
.headerRight .dropdown-menu{ border: 0; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); }
.logo img{display: block; height: 50px; }
.topmenu{ position: relative; z-index: 3; }
.topmenu ul li{ display: inline-block; position: relative;}
.topmenu ul li + li{ margin-left: 25px; }
.topmenu ul li a{ display: inline-block; color: #eff1f3; font-weight: 300; padding-top: 5px; padding-bottom: 5px; font-size: 14px; }
.topmenu ul li a.active{ color: #fff; font-weight:600; box-shadow: 0 1px;}
.headerRight .user_links{ display: inline-block; padding: 0 10px; border-radius: 60px; font-weight: 300; line-height: 38px; height: 40px; text-align: center; margin-left: 5px; color: #eff1f3; border:solid 1px #eff1f3; background: transparent; width: auto; min-width: 90px; padding-left: 25px; padding-right: 25px; font-size: 14px; font-weight: 400; vertical-align: top;}
.headerRight .user_links:hover{ background:#eff1f3; color: #000; }

.topmenu ul li ul{ display: none; position: absolute; top: 100%; min-width: 150px; margin-left: -15px; margin-top: 8px; left: 0; background: #fff; border: solid 1px rgba(0, 0, 0, 0.1); border-radius: 3px; padding: 10px 0;  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1); }
.topmenu ul li ul:before{ content: ""; height: 10px; position: absolute; top: -10px; background: transparent; left: 0; right: 0; }
.topmenu ul li ul li{ width:100%; }
.topmenu ul li.submenus>a{ padding-right: 16px; }
.topmenu ul li.submenus:after{ content: ""; width: 10px; height: 10px; background: url(../images/menudown.svg) center no-repeat; position: absolute; right: 0; top: 8px; }
.topmenu ul li ul li + li{ margin-left: 0; }
.topmenu ul li ul li a{ display: block; padding:10px 15px; white-space: nowrap; }
.topmenu ul li ul li a:hover{ background: #eff1f3; }
.topmenu>ul>li + li{ margin-left: 18px; }

.topmenu ul li:hover ul{ display: block; }

.topmenu ul li ul li.submenus:after{ right: 4px; top: 14px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); }
.topmenu ul li ul li.submenus ul{ left: 100%; top: -19px; margin-left: 0px; display: none; }
.topmenu ul li ul li.submenus:hover ul{ display: block; }

.header:not(.homepage) .topmenu ul li.submenus:after{ filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1);  }
.header:not(.homepage) .topmenu ul li ul li a{ color: #000; font-weight: 400; }

.deviceMenuClick,
.deviceMenuClose{ display: none; }
.homepage.header .topmenu ul li a:hover{ color: #000; }


@media screen and (min-width: 1400px)
{  
  .homepage .container,
  .container.spaceRemove{ padding-left: 0; padding-right: 0; }
}
.homepage.header{ background: #fff; }
.homepage.header .topmenu ul li a{ color: #000; font-weight: 400; }
.homepage.header .topmenu ul li a.active{ color: #000; font-weight:800;  }
.homepage.header .headerRight .user_links{ background: #1A5AD9; border: solid 1px #1A5AD9; color: #fff; }
.homepage.header .headerRight .user_links:hover{  background:#2B6CEC; border-color:#2B6CEC; color: #fff; }


.homepage .noti_click img{ filter: invert(1); -webkit-filter: invert(1); }
.homepage .noti_click{ /*background: rgba(0, 0, 0, 0.16);*/ }

/*header end*/


/* Footer */
.footer{     display: block;
    width: 100%;
    padding: 60px 0 50px 0;
    clear: both;
    font-size: 16px;
    color: #000;


background: linear-gradient(to bottom, #f4f5f7 0%,#ffffff 50%);
    }
.footer_top{ display: block; width: 100%; }
.footerlogo{ display: block; }
.socaillinks ul li{ display: inline-block; vertical-align: top; }
.socaillinks ul li + li{ margin-left:6px; }
.socaillinks ul li a{ display: inline-flex; width: 20px; height: 25px; text-align: center; position: relative; align-items: center; justify-content: center; }
.socaillinks ul li a:hover{ opacity: 0.8; }

.callaction a{ font-size: 15px; width: auto; display: inline-flex; align-items: center; }
/*.callaction a img{ position: initial; margin-right: 10px; filter: invert(1); -webkit-filter: invert(1); }
.callaction a:hover{  background: #2B6CEC; }
*/
.callaction img{ margin-right: 6px; display: inline-block; }

.footer_bottom{ display: flex; width: 100%; align-items: flex-start; justify-content: center; padding-top: 30px; margin-top: 40px; border-top: solid 1px #8791A5; }
.footerlinks ul li{ display: block; }
.footerlinks ul li + li{ margin-top:3px; }
.footerlinks ul li a{ color: #000; display: inline-block; padding: 4px 0; font-size: 15px; }
.footerlinks ul li a:hover{ color: #585858; text-decoration: underline; }
.copyright{ display: inline-block; color: #545454; font-size: 12px; line-height: normal;}
.footerlogo img{ height: 54px; display: block; }
.footerlinks ul li a.active{ color: #1A5AD9; font-weight: 500; }
/*Footer End */

.dropdown-item{ font-size: 14px; }
.titlesubtitle{ display: block; width: 100%; font-weight: 400; }
.already_link{ display: block; width: 100%; text-align: center; font-size: 18px; margin-top: 80px; }
.already_link a{ color: #1A5AD9; font-weight:600; }
.already_link a:hover{ color: #4780f1; }
.termsText{ display: block; width: 100%; font-size: 14px; text-align: center;}
.termsText p{ line-height: normal; }
.termsText a{ color: #434955; text-decoration: underline; }
.termsText a:hover{ color: #888; }

.error{ color: #DF174D; }

.checkmailIcon{ width: 240px; min-width: 240px; text-align: center; display: inline-flex; align-items: center; justify-content: flex-start; }

.fullPage.vFlex{ display: flex; align-items: center; justify-content: center; }
.checkmail_content p{ display: block;  font-weight: 400; }
.checkmail_content p + p{ margin-top: 20px;  }
.checkmail_content a{ color: #1A5AD9; white-space: nowrap;}

.pin_inputs{ width: 258px; display: flex; align-items: center; justify-content: space-between; margin: 0 auto; }
.pin_inputs .form-control{ width: 54px; text-align: center; height: 54px; font-size: 20px; }
.labelpin{ width: 100%; max-width: 258px; margin: 0 auto; display: block; padding-bottom: 8px; }


.setPassword .btn{ max-width: 320px; margin-left: auto; margin-right: auto; display: block; }

.notifications{ display: inline-block; position: relative; margin-right: 20px; }
.noti_click{ display: inline-block; width: 38px; height: 38px; border-radius: 50px; position: relative; cursor: pointer; /*background: rgba(255, 255, 255, 0.16);*/ }
.noti_click span{ position: absolute; top: 3px; left: 55%; background: #E82F55; height: 20px; line-height: 20px; min-width: 20px; text-align: center; color: #fff; border-radius: 20px; font-size: 12px; font-weight: 500; z-index: 1; padding: 0 5px;}
.noti_click img{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }

.userHeader{ display: inline-block; position: relative;}
.userH{ display: inline-block; width: 38px; height: 38px; border-radius: 50px; cursor: pointer; }
.userH img{ width: 100%; height: 100%; object-fit: cover; border-radius: 50px; display: block; }

.userHeader li.userprofiledetailss{ padding:10px 20px 20px 20px; border-bottom: solid 1px #eee; margin-bottom: 10px; }
.userHeader li.userprofiledetailss strong{ display: block;  }
.userHeader li.userprofiledetailss span{ font-size: 13px; color: #434955; }
.userHeader li a{ padding: 10px 20px; display: block; margin-bottom: 1px; font-weight: 500; }
.userHeader li a:hover,
.userHeader li a.active{ background: #eff1f3; color: #000;}
.userHeader li a img{ width: 16px; height: 16px; object-fit: contain; display: inline-block; vertical-align: middle; margin-left: -1px; position: relative; top: -1px; }



.filldetails{ display: block; font-size: 18px; font-weight: 400; color: #434955; }

.commonBox{ display: block; width: 100%; background: #eff1f3; border-radius: 5px; max-width: 700px;  margin: 30px auto; padding: 50px 40px; }
.commonBox.setPassword{ max-width: 540px; }
.commonBox.checkemail_box{ max-width: 755px; display: flex; }
.setProfileBox{ display: block; width: 100%; margin: 0 auto; max-width: 600px; }
.section_full{ display: block; width: 100%; padding:50px 0; position: relative; clear: both; }
.section_full.greyBg{ background: #f4f5f7; }

/*.checkemail_box .page-title,
.setPassword .page-title{ font-size: 22px; }*/

.contact_subTitle{ display: block; color: #000; font-size: 26px; font-weight: 500; }
.contact_subTitle + p{ color: #434955; }

.contactinfos{ }
.contactInfo_box{ display: block; width: 100%; }
.contactInfo_box ul{ display: flex; align-items: flex-start; justify-content: center; width: 100%; }
.contactInfo_box ul li{ display: inline-block; padding:40px; border: solid 1px #e4e6eb; margin-right: -1px; flex-grow: 1; text-align: center; background: #f6f7f9;}
.contactInfo_box ul li img{ height: 20px; display: block; margin: 0 auto; margin-bottom: 20px; }
.contactInfo_box ul li span{ display: block; font-size: 18px; }



.home-banner{ display: block; width: 100%; max-width: 100%; margin: 0 auto; position: relative;  height: 500px; }
.home-banner img{ width: 100%; height: 100%; border-radius: 0; object-fit: cover; }
.home-banner-content{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; display: flex; align-items: center; justify-content: center; background: rgb(0 0 0 / 65%); border-radius: 0; text-align: center; color: #fff; }
.home-banner-content h1{ display: block; font-size:50px; font-weight:400; }
.home-banner-content h1 span{ font-size: 18px; font-weight: 400; text-transform: uppercase; display: block; }
.home-banner-content h4{ font-size: 16px; font-weight: 300; width: 100%; /*max-width: 660px;*/ margin: 0 auto; margin-top: 20px; display: block; line-height: 1.5; }
.home-banner-content h4 br{ display: none; }



.home-search{ display: flex; align-items: center; width: 100%; max-width: 700px; margin: 0 auto; background: #fff; border-radius: 5px; box-shadow: 0 3px 40px rgba(0, 0, 0, 0.20); position: relative; z-index: 4; margin-top: -35px; height: 70px;margin-bottom: -35px;}
.searchinput_box{ flex-grow: 1; position: relative; }
.searchinput_box span{ position: absolute; left: 26px; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); z-index: 2; pointer-events: none; margin-top: 2px;}
.searchinput_box input{ display: block; width: 100%; height: 70px; background: #fff; border-radius: 6px; font-size: 15px; color: #000; font-weight: 400; padding:0 20px 0 55px; } 

.searchinput_box span img{ height: 18px; }
.filterbtn{ display: inline-block;cursor: pointer; background: url(../images/filter.svg) 15px center no-repeat; font-size: 14px; color: #000000; padding: 10px; padding-left: 28px; width: 94px; height: 46px; border-radius: 4px;}
.filterbtn:hover{ background-color: #eff1f3; }
.searchbtn{ cursor: pointer; margin-left: 10px; margin-right: 14px; background: #1A5AD9; height: 46px; line-height: 46px; width: 100px; text-align: center; border-radius: 4px; color: #fff; }
.searchbtn:hover{ background: #2B6CEC; }

.home-search form{ width: 100%; }

.home-search-inner{ display: flex; align-items: center; width: 100%; }
.home-search.normal-search,
.home-search.normal-search .searchinput_box input{ background: #eff1f3; }


.section-title{ display: block; width: 100%; font-size: 22px; font-weight: 600; margin-bottom: 30px !important; }

.property_item .pAgentInfo{ display: none; }

.property_item{ display: flex; flex-direction: column; width: 100%; position: relative; border: solid 1px #ebebeb; border-radius: 4px; background-color: #fff; }
.property_item:hover{ border-color: #000; }
.pAgentInfo{ position: absolute; z-index: 3; right: 12px; top: 12px; }
.pAgentInfo a{ display: block; }
.pAgentInfo label{ background: #fff; border-radius: 50px; white-space: nowrap; margin: 0; line-height: 36px; padding-left: 15px; padding-right: 38px; color: #000; font-size: 12px; margin-top: 0; margin-right: 0; max-width: 46px; overflow:hidden; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; position: absolute; right: 0; overflow: hidden; text-overflow: ellipsis; cursor: pointer; }
.pAgentInfo .imgAgent{position: absolute; right: 0; top: 0; width: 36px; height: 36px; border-radius: 50px;  display: inline-block; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; }
.pAgentInfo .imgAgent img{ display: block; width: 36px; height: 36px; object-fit: cover; border-radius: 50px; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s;  border:solid 1px #fff;}

.pAgentInfo:hover .imgAgent{ transform: scale(0.8); -webkit-transform: scale(0.8); }
.pAgentInfo:hover label{ display: inline-block; max-width: 300px; opacity: 1; visibility: visible; }

.property_itemGallery{ display: block; width: 100%; position: relative; padding: 0;}
.property_itemGallery img{ height: 220px; width: 100%; display: block; object-fit: cover; border-radius: 4px 4px 0 0; }

.property_itemGallery .carousel-inner:before,
.maskimg{ pointer-events: none; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 4px 4px 0 0; z-index: 2;

background: -moz-linear-gradient(top, rgba(50,43,41,0.12) 0%, rgba(50,43,41,0.12) 66%, rgba(50,43,41,0.42) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(50,43,41,0.12) 0%,rgba(50,43,41,0.12) 66%,rgba(50,43,41,0.42) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(50,43,41,0.12) 0%,rgba(50,43,41,0.12) 66%,rgba(50,43,41,0.42) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f322b29', endColorstr='#6b322b29',GradientType=0 ); /* IE6-9 */
}
.maskimg{ 
background: -moz-linear-gradient(top, rgba(0,0,0,0.13) 0%, rgba(0,0,0,0.16) 64%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.13) 0%,rgba(0,0,0,0.16) 64%,rgba(0,0,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0.13) 0%,rgba(0,0,0,0.16) 64%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#21000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */ }
.carousel-indicators{ margin-bottom: 14px; }
.carousel-indicators [data-bs-target]{ width: 10px; height: 10px; background: transparent; border:solid 1px rgba(255, 255, 255, 0.40); border-radius: 10px; opacity: 1; }
.carousel-indicators .active{ opacity: 1; background: #fff; }

.property_itemContent{ display: flex; flex-direction: column; width: 100%; padding: 20px; justify-content: space-between; flex-grow: 1; word-break: break-word; }
.pTitle{ font-size: 18px; font-weight:700; padding-bottom: 4px; max-width: calc(100% - 20px); }
.pType{ font-size: 14px; color: #8b8b8b; font-weight: 300;}
.p_itemTop{ display: block; width: 100%; position: relative; }
.p_itemTop a.propertyLink{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; }
.pAddress{ display: block; padding-left: 18px; font-size: 14px; font-weight: 400; background: url(../images/location.svg) left 3px no-repeat; margin-top: 14px; line-height: normal; }
.pEntity{ display: block; padding-left: 18px; font-size: 14px; font-weight: 400; background: url(../images/entity_icon.svg) left 3px no-repeat; margin-top: 14px; line-height: normal; }

.pFeatures{ display: block; margin-top: 12px; width: 100%; font-size: 14px; }
.pFeatures ul li{ display: inline-flex; margin: 0 8px 10px 0; white-space:nowrap; vertical-align: middle; }
.pFeatures ul li img{ height: 15px; margin-right: 4px; filter: brightness(1); -webkit-filter: brightness(1);}
.pPrice{ display: block; font-size: 16px; margin-top: 12px; font-weight: 300;}
.pAdded{ margin-top:12px; font-size: 12px; color: #434955; background: #eff1f3; border-radius: 20px; padding: 8px 15px; display: inline-block; }

.favourite_property{ width:30px; height: 30px; position: absolute; z-index: 6; right: 0; background: url(../images/favourite_icon.svg) center no-repeat; margin-top: -8px; margin-right: -14px; cursor: pointer; border-radius: 5px;/* box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04); */ background-size: 16px; }
.favourite_property.favourited{  background:url(../images/favourite_active_icon.svg) center no-repeat;  background-size: 16px;}
.favourite_property:hover,
.favourite_property.favourited:hover{ background-color: #eff1f3; }

.recent-property .owl-stage{ display: flex; }
.recent-property .item{ height: 100%; }
.recent-property .property_item{ height: 100%; }

.recent-property .owl-dots{ display: none; }
.owl-nav{ display: block !important; position: absolute; top: 40%; z-index: 0; left: -60px; right: -60px; }
.owl-nav button{ width: 44px; height: 44px; border-radius: 4px; display: inline-block; cursor: pointer; }
.owl-nav button span{ display: none; }
.owl-nav button.owl-prev{ background: url(../images/left-arrow.svg) center no-repeat !important; }
.owl-nav button.owl-next{ float: right; background: url(../images/right-arrow.svg) center no-repeat !important; }
.owl-nav button:hover{ background-color: #eff1f3 !important; }
.owl-nav button.disabled{ opacity: 0.4; cursor: default !important; }

.owl-carousel .owl-stage-outer{ z-index: 2; }

@media screen and (min-width: 1200px)
{
  .carousel-control-prev, .carousel-control-next{ display: none !important; }
}

.searchhouse_Section{     display: flex;
    width: 100%;
    padding: 40px;

    border-radius: 8px;background: #eff1f3; }
.shS_left{ min-width: 50%; width: 50%; max-width: 50%; padding: 40px 60px; padding-top: 0; display: flex; flex-direction: column; justify-content: center; }
.searchsecondline{ display: block; font-size: 16px; font-weight: 300; color: #000; }
.searchtextbx{ display: block; position: relative; flex-grow: 1; }
.searchtextbx span{ position: absolute; z-index: 1; left: 20px; top: 17px; pointer-events: none; }
.searchtextbx span img{ height: 18px; }
.searchtextbx input{ width: 100%; height: 50px; background: #fff; border-radius: 4px; font-size: 14px; padding: 0 15px 0 46px; }
.shS_right{ flex-grow: 1; }
.shS_right img{ width: 100%;
    height: 380px;
    display: block;
    object-fit: cover;
    border-radius: 6px ;}

.whychooseus{ display: block; width: 100%; position: relative; }
.whychooseus > img{ display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 10px; position: absolute;}
.why_content{ display: block; width: 100%; position: relative; z-index: 1; background: rgba(0, 0, 0, 0.58); border-radius: 10px; color: #fff; padding: 68px 15px 130px 15px; text-align: center; }
.why_content p{ display: block; max-width: 935px; font-size: 18px; margin:0 auto; }

.whychoose_options{ display: block; margin:-78px 24px 0 24px; background: #fff; border-radius: 10px; padding: 18px 15px; position: relative; z-index: 1; box-shadow: 0 3px 40px rgba(0, 0, 0, 0.07); }
.whychoose_options ul{ display: flex; justify-content: space-around; align-items: flex-start; }
.whychoose_options ul li{ width: 25%; text-align: center; }
.whychoose_options ul li + li{ border-left: solid 1px #E9E9E9; }
.whychoose_options ul li span{ width: 100px; height: 100px; margin: 0 auto; border-radius: 50%; background: #007D3A; position: relative; margin-bottom: 12px; display: flex; align-items: center; justify-content: center; }
.whychoose_options ul li span img{ display: block; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; }
.whychoose_options ul li label{ margin-bottom: 0; font-size: 18px; display: block; }
.whychoose_options ul li:hover span img{ transform: scale(0.8); -webkit-transform: scale(0.8); } 

.news_box{ display: block; width: 100%; position: relative; background: #fff; border-radius: 4px; word-break: break-word; border: solid 1px #ebebeb; }
.news_image{ display: block; width: 100%; }
.news_image img{ display: block; width: 100%; height: 230px; border-radius:4px 4px 0 0; object-fit: cover; }
.news_content{ display: block; width: 100%; padding: 22px; }
.news_content h3{ display: block; font-size: 18px; font-weight: 600; margin-bottom: 12px; line-height: normal;
overflow: hidden; text-overflow: ellipsis; white-space: initial; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.news_content p{ display: block; color: #000; 
overflow: hidden; text-overflow: ellipsis; white-space: initial; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-weight: 300; }
.news_timedate{ margin-top: 14px; display: flex; align-items: center; justify-content: space-between; font-size: 14px; color: #322B29; font-weight: 300;}
.news_timedate strong{ font-weight: 400; color: #757575; }
.newsanchor{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; }

.agentlistBox{ display: block; width: 100%; }
.agentlist_img{ display: block; width: 198px; height: 216px;  }
.agentlist_img img{ display: block; object-fit: cover; width: 100%; height: 100%; border-radius: 8px; }
.agentlistBox strong{ display: block; margin-top: 14px; font-size: 18px; font-weight: 500; }
.agentlistBox span{ display: block; margin-top: 6px; font-size: 14px; color: #757575; padding-bottom: 5px; }

.breadcrumbs{ display: block; width: 100%; background: #fff; border-bottom: solid 1px #eee; overflow: hidden; text-overflow: ellipsis; }
.breadcrumbs ul{ height: 34px; display: inline-flex; align-items: center; white-space: nowrap; }
.breadcrumbs ul li{ display: inline-block; font-size: 12px; color: #8C8F95; margin-right: 20px; position: relative; }
.breadcrumbs ul li + li:after{ content: ""; position: absolute; left: -15px; width: 12px; height: 12px; background: url(../images/breacrumbs-icon.svg) center no-repeat; }
.backtooldPage{ margin-right: 15px; display: inline-block; }
.backtooldPage a{ color: #1A5AD9; padding-left: 22px; font-size: 12px; background: url(../images/back.svg) left center no-repeat; display: inline-block; }

.createFirstProject{ display: block; width: 100%; max-width: 520px; margin: 0 auto; margin-top: 10vh; text-align: center; }
.createFirstProject h3{ font-size: 24px; font-weight: 500; }
.createFirstProject p{ margin-bottom: 22px; }
.createFirstProject .btn{ width: 100%; max-width: 414px; }
.ortext{ display: block; font-weight: 700; }
.createFirstProject a{ color: #007D3A; }
.priceinp{ display: block; position: relative; width: 100%; }
.priceinp>span{ position: absolute;
    top: 14px;
    left: 10px;
    font-weight: 500;
    pointer-events: none;
    font-size: 14px; }
.priceinp .form-control{ padding-left: 40px; }

.choosedFile{ display: inline-block; margin-top: 20px; position: relative; }
.closeThiss{ position: absolute; top: -8px; right: -8px; z-index: 2; cursor: pointer; width: 24px; height: 24px; background: url(../images/close-light.svg) center no-repeat; }
.choosedFile img{ width:76px; height: 76px; border: solid 1px #cfcfcf; border-radius: 4px; display: block; object-fit: contain; }

.filtersSec{ display: flex; justify-content: space-between; align-items: flex-start; }
.filtersSec .form-control{ height: 40px; display: inline-block; min-width: 100px; font-size: 14px; }
.searchfilter{ display: inline-block; position: relative; }
.searchfilter .form-control{ padding-right: 40px; width: 230px; }
.searchfilterbtn{ position: absolute; right: 5px; top: 1px; height: 38px; z-index: 1; display: flex; align-items: center; justify-content: center; width: 30px; }
.filtersSec .btn{ height: 40px; line-height: 40px; }
.filtersSec_left{ display: flex; align-items: center; margin-left: 30px; margin-right: auto; }
.filtersSec_left .form-group{ margin-right: 10px; width: auto; display: inline-flex; align-items: center;}
.filtersSec_left .form-label{ margin-bottom: 0; font-size: 14px; display: inline-block; margin-right: 6px; }

.searchWithOptions_inner .searchfilterbtn{ right: 3px;height: 38px;width: 30px; background: #fff; border-radius: 0 5px 5px 0; }

.showStatus{      background: #fff;
    height: 24px;
    line-height: 24px;
    border-radius: 4px;
    padding: 0 12px;
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 3;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;}

.p_itemBottom .btn + .btn{ margin-left: 10px; }
.projectDescc{ display: block; clear: both; width: 100%; font-size: 14px; color: #7e7e7e; line-height: 1.4;
overflow: hidden; text-overflow: ellipsis; white-space: initial; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.contractwith{ position: absolute; bottom: 8px; right: 15px; color: #fff; font-size: 12px; background: url(../images/contractwith.svg) left center no-repeat; white-space: nowrap; padding-left: 22px; z-index: 4; line-height: 16px; }

/*.projectList .property_itemContent{ padding-top: 15px; }*/

.projectlogo_withtext{ display: flex; width: 100%; }
.projectlogo_withtext .prLInfo{ flex-grow: 1; }
.projectlogo_withtext .prLogo{ min-width: 70px; margin-top: -110px;width: 70px; height: 70px; position: absolute; }
.prLogo{  margin-right: 18px; position: relative; z-index: 2; background: #fff; width: 90px; height: 90px; border:solid 1px #f1f1f1; border-radius: 4px; min-width: 90px;  }
.prLogo a{ width: 100%; height: 100%;display: flex; align-items: center; justify-content: center; }
.prLogo img{ max-width: 80%; max-height: 80%; display: block; min-width: 58%; min-height: 58%; object-fit: contain; }

.showStatus.sold{ background: #F2C300 !important; color: #fff !important; text-transform: uppercase !important; } 

.property_item.projectList{ min-height: calc(100% - 20px); }
.filterClick,
.closeFilter{ display: none; }

.pagination_box{ display: block; width: 100%; margin-top: 65px; }
.pagination_box ul{ display: flex; align-items: center; justify-content: center; width: 100%; }
.pagination_box ul li{ display: inline-block; }
.pagination_box ul li + li{ margin-left: 4px; }
.pagination_box ul li a{ display: inline-block; height: 38px; line-height: 38px; padding: 0 13px; font-size: 14px; font-weight: 500; min-width: 38px; text-align: center; border:solid 1px #f4f5f7; border-radius: 4px; }
.pagination_box ul li a:hover{ background:#eff1f3 ; }
.pagination_box ul li.prev a,
.pagination_box ul li.next a{ background: #eff1f3; border-color: #eff1f3;}
.pagination_box ul li.prev a:hover,
.pagination_box ul li.next a:hover{ background: #eff1f3; border-color: #eff1f3; }
.pagination_box ul li.current a{ background: #000; color: #fff; border-color: #000; cursor: default; }
.pagination_box ul li.prev a{ margin-right: 10px; }
.pagination_box ul li.next a{ margin-left: 10px; }



.accordion-item{ border: 0; border-radius: 0; margin-bottom: 15px; position: relative;}
.accordion-button{ background-color: #eff1f3; border: solid 2px #eff1f3; border-radius: 4px !important; padding: 14px 40px 14px 20px; font-size: 16px; font-weight: 500; z-index: 0 !important;}
.accordion-button:hover{ background: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); }
.accordion-button:focus{ outline: none; box-shadow: none; }

.accordion-button::after{ position: absolute; right: 10px; }

.accordion-button:not(.collapsed){ color: #1A5AD9; /*padding-left: 30px;*/ font-weight:800; background: #fff; border-color: #fff; box-shadow: none; }
.accordion-item .accordion-collapse.collapse.show:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 12px; background-color: #fff;z-index: -1; box-shadow: 0 0px 20px -5px rgba(0, 0, 0, 0.3); }
.accordion-button[aria-expanded="true"], 
.accordion-collapse.collapse.show .accordion-body{ position: relative; z-index: 1; }
.accordion-body{ padding: 10px 30px 15px 20px; line-height: normal; }

.numbersCount{ width: 100%; position: relative; display: block;}
.numbersCount .form-control{ padding-left: 20px; padding-right: 20px; text-align: center; }
.numbersCount span{ position: absolute; width: 30px; top: 2px; bottom: 2px; z-index: 1; left: 2px; font-size: 0 !important; cursor: pointer; }
.numbersCount span.minus{ background: url(../images/minus.svg) center no-repeat; }
.numbersCount span.plus{ background: url(../images/plus.svg) center no-repeat; left: auto; right: 2px; }
.numbersCount span:hover{ opacity: 0.6; }
.numbersCount span:active{ opacity: 0.1; }


.selectpicker_custom {
    display: block;
    clear: both;
    width: 100%;
    position: relative;
    z-index: 10;
}
.selectpicker_custom .picker {
    display: flex; align-items: center; flex-wrap: wrap;
    width: 100%;
    position: relative;
    font-weight: 500;
    min-height: 42px;
    opacity: 1;
    box-shadow: none;
    outline: none;
    border: solid 1px #d2d4d9;
    border-radius: 4px;
    background-color: #fff;
    padding-left: 14px;
    padding-right: 35px;
    padding-top: 5px; padding-bottom: 5px;

}
.selectpicker_custom .picker>.pc-element {
    font-size: 14px;
    color: #fff;
    background-color: #007D3A;
    padding: 5px 28px 5px 10px;
    border-radius: 50px;
    font-weight: 400;
    border: 0;
        margin: 3px 8px 3px 0;
}
.selectpicker_custom .picker>.pc-element:hover{ background: #06A24E; }
.selectpicker_custom .picker .pc-select {
    height: 100%;
    display: block;
    width: auto;
    max-width: 100%;
    position: absolute;
    z-index: 0;
    top: 0;
    min-width: 100%;
    left: 0;
}
.selectpicker_custom .picker .pc-select .pc-trigger {
    margin: 0;
    position: absolute;
    border: 0;
    line-height: 42px;
    padding-left: 15px;
    color: #000;
    border-radius: 4px;
    top: 0;
    bottom: 0;
}
.selectpicker_custom .picker .pc-element + .pc-select .pc-trigger {
    color: transparent;
}
.selectpicker_custom .picker .pc-select .pc-trigger:after {
    content: "";
    width: 12px;
    height: 12px;
    background: url(../images/down.svg) center no-repeat;
    position: absolute;
    top: 50%;
    right: 15px;
    z-index: 1;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    background-size: 100%;
}
.selectpicker_custom .picker .pc-select .pc-list {
    border-radius: 0px;
    border: 0;
    top: 100%;
}
.selectpicker_custom .picker .pc-select .pc-list ul {
    border: solid 1px #000;
    border-radius: 0;
    max-height: 175px;
    -webkit-overflow-scrolling: touch;
    padding: 0 0;
    box-shadow: 0 2px 3px rgb(0 0 0 / 30%);
}
.selectpicker_custom .picker .pc-select .pc-list li {
    padding: 5px 14px;
    color: #000; font-weight: 400;
}
.selectpicker_custom .picker .pc-select .pc-list li:hover {
    background: #1A5AD9;
    color: #fff;
}

.selectpicker_custom .picker:focus{ border-color: #86b7fe; }

.picker .pc-element .pc-close, .picker .pc-trigger .pc-close{ right: 1px; width: 20px; height: 20px; font-size: 0; background: url(../images/close-white.svg) center no-repeat; }
.filetypesSelect{ display: block; font-size: 13px; font-style: italic; margin-top: 2px; color: #888; }


.selected_images{ display: block; width: 100%; }
.selected_images ul li{ display: inline-block; position: relative; margin:15px 15px 0 0;}
.selected_images ul li img{ width: 135px; height: 135px; border-radius: 6px; object-fit: cover; }
.selected_images ul li.primaryImage img{ border: solid 2px #F2C300; }

.locationfield{ display: block; position: relative; }
.locationfield .form-control{ padding-left: 40px; }
.locationfield span{ position: absolute; top: 2px; left: 2px; width: 40px; text-align: center; height: 38px; display: flex; align-items: center; justify-content: center; z-index: 1; pointer-events: none; }

.googlemap{ width: 100%; display: block; }
.googlemap iframe{ width: 100%; height: 192px !important; }

.uploadedDocuments{ display: block; width: 100%; }
.uploadeddoc_list{ display: flex;
    width: 100%;
    padding: 0;
    position: relative;
    padding: 8px 10px;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1), 0 0 0 1px #eee;
    border-radius: 4px;
    margin: 0 0 5px 0;
    font-size: 14px;
    background: #fff; 
    justify-content: space-between; flex-wrap: wrap; }
.uploadeddoc_list strong{ display: block;
    width: 100%;
    font-size: 13px;
    margin-bottom: 6px;
    font-weight: 600; }
.closeDoc{ display: inline-block; cursor: pointer; width: 20px; height: 20px; background: url(../images/close-light.svg) center no-repeat; background-size: 100%; vertical-align: middle; }

.uploadeddoc_list label{ display: inline-block; max-width: calc(100% - 30px); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 1.6; padding-left: 30px; background: url(../images/docicon.svg) left center no-repeat; padding-right: 14px; vertical-align: middle; }


.assignAgent{ display: block; width: 100%; }
.assignAgent label{ display: block; font-size: 12px; }
.assignagentInfo{ display: flex; width: 100%; align-items: center; margin-top: 14px; }
.aagentimg{ width: 34px; height: 34px; border-radius: 50px; min-width: 34px; margin-right: 8px; }
.aagentimg img{ width: 100%; height: 100%; border-radius: 50px; display: block; object-fit: cover; }
.aasigninfo{ flex-grow: 1; }
.aasigninfo strong{ display: block; font-size: 14px; font-weight: 400; }
.aasigninfo span{ display: block; width: 100%; font-size: 13px; color: #666; padding-top: 3px; }
.aasigninfo span.ifformPending{ font-size: 14px; color: #B59410; }

.propertiesAll .property_item{ min-height: calc(100% - 20px); }
.propertieViews{ position: absolute;
    z-index: 3;
    top: 10px;
    right: 10px;
    background: rgba(0, 0, 0, 0.70) url(../images/eye.svg) 8px center no-repeat;
    border-radius: 4px;
    height: 24px;
    line-height: 24px;
    color: #fff;
    font-size: 12px;
    padding: 0 10px 0 26px;
    background-size: 13px;}
.contractWith{ display: flex; width: 100%; background: #eff1f3; border-radius: 4px; padding: 20px; align-items: center; justify-content: space-between; }
.contractIcon{ min-width: 70px; margin-right: 30px; }
.contract_info{ flex-grow: 1; margin-right: auto; max-width: 70%; margin-left: 0; }
.contract_info h3{ display: block; font-size: 18px; font-weight: 500; }
.contract_info p{ display: block; font-size: 14px; font-weight: 400; color: #434955; margin-top: 8px; max-width: 75%; margin-bottom: 0;}
.contractWith .btn{ white-space: nowrap; }

.contractWith.underReview{ background: #FFFAE4; }
.contractWith.underReview .contract_info h3{ color:#B59410 }

.contractWith.contractDone{ background: #F1FCF6; }
.contractWith.contractDone .contract_info h3{ color:#007D3A }

.projectDetails{ display: block; width: 100%; }
.projectBanner{ display: block; width: 100%; position: relative; }
.projectBanner img{ display: block; width: 100%; height: 400px; border-radius: 8px; object-fit: cover; }
.projectBanner:after{ content: ""; position: absolute; top: 0; height: 400px; left: 0; right: 0; border-radius: 8px; z-index: 1; background: rgba(67, 73, 85, 0.30); } 
.projectInfo{ display: flex; width: 100%; padding-left: 30px; }
.projectinfo_logo{ margin-top: -30px; margin-right: 40px; position: relative; z-index: 2; background: #fff; width: 225px; height: 225px; border: solid 1px #eff1f3; border-radius: 8px; min-width: 225px;    display: flex; align-items: center; justify-content: center; }
.projectinfo_logo img{ width: 80%; height: 80%; display: block; object-fit: contain; min-width: 58%; min-height: 58%; }

.projectinfo_box{ flex-grow: 1; padding-top: 30px; }
.projectinfo_top{ display:flex; width: 100%; justify-content: space-between; }

.projectinfo_topLeft .pTitle{ font-size: 26px; font-weight: 600; display: inline-block; margin-right: 30px; }
.projectinfo_topLeft .pType{ font-size: 14px; }
/*.projectinfo_topLeft .pAddress{ font-size: 18px; }*/
.projectinfo_topLeft .showStatus{ background: #eff1f3; position: initial; display: inline-block; vertical-align: top; margin-top: 8px; margin-bottom: 15px; }
.projectinfo_topRight{ white-space: nowrap; }




@media screen and (min-width: 1200px)
{
  .filtersSec_left{ display: block !important; }
}


.pageHeader{ display: block; width: 100%; position: relative; height: 180px; }
.pageHeader > img{ width: 100%; height: 100%; border-radius: 0; object-fit: cover; }
.pageHeader-content {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; display: flex; align-items: center; justify-content: center; background: rgb(0 0 0 / 65%); border-radius: 0; text-align: center; color: #fff; }
.pageHeader-content h1{ display: block; font-size: 42px; font-weight:500; }







.colorRed{ color:#D5184C; }
.form-control.max-150px{ max-width: 140px; }
.updatePriceCase, .updatePriceCase *{ color:#D5184C !important; border-color: #D5184C !important; }

.projectPrice{ display: inline-block; font-size: 18px; font-weight: 500; }
.updatePriceLink a{ color: #007D3A; font-size: 14px; font-weight: 500; text-decoration: underline; }

.updatePriceLink{ display: inline-block; }

.pFeatures ul li.viewsList{     margin-left: 5px;
    margin-right: 5px;
    display: inline-block;
    background: url(../images/eye.svg) 8px center no-repeat;
    border-radius: 0;
    height: 16px;
    line-height: 16px;
    color: #000;
    font-size: 14px;
    padding: 0 8px 0 26px;
    background-size: 13px;
    filter: brightness(0);
    border-left: solid 1px #bbb;
    border-right: solid 1px #bbb; }
.p_infos{     display: block; width: 100%; padding: 45px 0px; border-top: solid 1px #ccc; border-radius: 0; }
/*.p_infos .section-title{ font-size: 20px; }*/
.p_infos h3.section-title{ font-size: 20px; }
.p_infos p{ color: #434955; }

.readmore_link{ color: #1A5AD9; cursor: pointer; padding-right: 16px; background: url(../images/down-blue.svg) right 6px no-repeat; display: inline-block; }
.readmore_link.less{ background: url(../images/up-blue.svg) right 6px no-repeat; }

.featuresShow{ display: flex; width: 100%; flex-wrap: wrap; }
.featuresShow li{ align-self: flex-start; min-width: 33.33%; max-width: 33.3333%; display: flex; align-items: flex-start; margin-bottom: 14px; padding-left: 28px; background: url(../images/checkIcon.svg) left center no-repeat; line-height: 18px;}
.featuresShow li:last-child{ margin-bottom: 0px; }
.setOrders .col-xl-9 .p_infos:last-child{ margin-bottom: 0 !important;}
.featuresShow li span{ margin-right: 15px; }

.featuresShow_link{ display: flex; width: 100%; flex-wrap: wrap;  }
.featuresShow_link li{ min-width: 33.33%; max-width: 33.3333%;  }
.featuresShow_link li a{ display: flex; align-items: flex-start; margin-bottom: 14px;  }
.featuresShow_link a{color: #1A5AD9;}
.featuresShow_link li a:hover{ text-decoration: underline; }


.video_or_Plan{ width: 100%; height: 380px; position: relative; }
.video_or_Plan img{ width: 100%; height: 100%; object-fit:cover ; border-radius: 5px; }
.videoCase:before{ content: ""; position: absolute; z-index: 1; top:0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.25); border-radius: 5px; } 
.vids_play_icon{ width: 62px; height: 62px; border-radius: 70px; position: absolute; z-index: 2; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); background: #434955 url(../images/play-icon.svg) 23px center no-repeat; cursor: pointer; }
.vids_play_icon:hover{ background-color: #000; }
.floorplanCase{ border: solid 1px #eff1f3; border-radius: 8px; }
.floorplanCase img{ object-fit: contain; object-position: center; }

.plan_zoom_icon{ top: 15px; right: 15px; width: 44px; height: 44px; border-radius: 8px; position: absolute; z-index: 2; background: #eff1f3 url(../images/zoomicon.svg) center no-repeat; cursor: pointer;  }
.plan_zoom_icon:hover{ background-color: #ADBFE2; }
.descriptiondetail { word-wrap: break-word; }
.descriptiondetail p{ display: inline; }

.property_googlemap .googlemap iframe{ height: 240px !important; border-radius: 8px;}
.custom_modal{ display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0;z-index: 99; background: rgba(30, 30, 30, 0.81); }
.close_custom_modal{ position: fixed; right: 0; top:0; background: rgba(30,30,30,0.8); border: 0; border-radius: 0; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; width: 44px; }
.close_custom_modal:before{ content: ''; display: block; width: 100%; height: 100%; opacity: 0.7; background: url(../images/close-icon.svg) center no-repeat; }
.close_custom_modal:hover:before{ opacity: 1; }

.videoModalBox{ width: 100%; max-width: 1200px; position: absolute; top: 0; bottom: 0; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); }
.videoModalBox video{ width: 100% !important; height: 100% !important; }

.featuresShow li strong{ white-space: nowrap; }
.neworest{ margin-left: 20px; display: inline-block; height: 28px; line-height: 28px; padding: 0 10px; background: #434955; color: #fff; font-size: 12px; font-weight: 500; text-transform: uppercase; text-align: center; border-radius: 4px;  white-space: nowrap; box-shadow: 0 3px 4px rgb(0 0 0 / 30%);}
.ifHold{ display: block; width: 100%; min-width: 316px; max-width: 316px; color: #D5184C; font-size: 14px; white-space: normal; line-height: normal;}
.assigned_box{ /*display: block; width: 100%; border: solid 1px #eff1f3; border-radius: 8px; padding: 20px; margin-bottom: 20px;*/ }
/*.titleofassigned{ display: block; width: 100%; font-size: 16px; font-weight: 500; margin-bottom: 16px; }*/

.assigned_user{ display: flex; width: 100%; align-items: flex-start; /*box-shadow: 0 0 3px rgba(0, 0, 0, 0.16);*/ border: solid 1px #ddd; border-radius: 6px; padding: 10px; margin-bottom: 5px; font-size: 14px;}

.assigned_user_img{ width: 50px; height: 50px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); border-radius: 60px; display: inline-block; min-width: 50px; }
.assigned_user_img a{ display: block; height: 100%; width: 100%; }
.assigned_user_img img{ display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.assigned_user_info{ flex-grow: 1; padding-left: 10px; max-width: calc(100% - 50px); }
.assigned_user_info strong{ display: block; }
.assigned_user_info strong a{ color: #000; font-weight:800; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: normal; }

.ratingvalues{ padding-left: 20px; background: url(../images/star.svg) left center no-repeat; display: inline-block; font-size: 14px; color: #000; margin-top: 3px; line-height: 16px; }
.ratingvalues span{ color: #6F7480; }
.callvalue{ padding-left: 20px; background: url(../images/call-sm-icon.svg) left center no-repeat; word-break: break-word; display: block; font-size: 14px;margin-top: 6px; line-height: 16px;  background-size: 12px; }
.emailvalue{ padding-left: 20px; background: url(../images/email-sm-icon.svg) left 4px no-repeat; word-break: break-word; display: block; font-size: 14px;margin-top: 6px; line-height: 16px;  background-size: 12px; }
.form6Pending{ display: block; font-size: 14px; color: #B59410; margin-top: 8px; }

.property_uploaded_docs{ display: block; width: 100%; margin-bottom: 20px;}
.property_uploaded_docs strong{ width: 100%; padding-bottom: 6px; display: block; font-weight: 500; font-size: 14px;}
.property_uploaded_docs a{ display: block; padding-left: 25px; color: #1A5AD9; background: url(../images/download-icon.svg) left center no-repeat; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: normal; text-decoration: underline; }
.property_uploaded_docs a:hover{ text-decoration: underline; }

.property_uploaded_docs:last-child{ margin-bottom: 0 !important; }

.timeline_info{ display: block; width: 100%; position: relative; }
.timeline_info h4{ font-size: 16px; font-weight: 700; margin-bottom: 12px; }
.timelineStatus{ display: block; width: 100%; position: relative; }
.timelineStatus div{ width: 100%; height: 14px; border-radius: 4px; position: relative; background: #eff1f3; }
.timelineStatus div span{ position: absolute; left: 0; top: 0; bottom: 0; border-radius: 4px; }
.timelineStatus label{ font-size: 12px; color: #000; padding-top: 6px; }

.overInfoLeft{position: absolute; top: 10px; left: 10px; z-index: 3;}
.property_item .neworest{  font-size: 10px; line-height: 24px; height: 24px; padding: 0 8px;  margin-left: 0; /*float: left;*/}
.overInfoLeft .showStatus{ position: initial; margin-left: 0; clear: both; /*float: left;*/ margin-right: 4px; box-shadow: none; margin-bottom: 3px; }
/*.overInfoLeft .neworest + .showStatus{ margin-top: 5px; }*/
/*.regularUpdates{ border-bottom: solid 2px #fff; }*/

.regularUpdates textarea.form-control{ min-height: 165px; }
.addFile{ display: inline-block; position: relative;}
.addFile input[type=file]{ position: absolute; width: 1px; height: 1px; opacity: 0; visibility: hidden; }
.addFile label{ display: inline-block; position: relative; font-size: 14px; padding-left: 20px; text-decoration: underline; cursor: pointer; background: url(../images/attach.svg) left center no-repeat; line-height: 16px; }
.addFile label:hover{ color:#666 }

.previous_added{ display: block; width: 100%; padding-top: 0; margin-top: 30px;}
.previous_added_list{ display: flex; flex-direction: column; width: 100%; background: #fff; border-radius: 10px; padding: 20px; margin-bottom: 8px; }
.listImg{ display: block; width: 100%; clear: both; overflow: hidden; -webkit-overflow-scrolling: touch; overflow-x: auto; white-space: nowrap; }
.listImg span{ display: inline-block; margin-right: 8px; margin-top:12px;  }
.listImg span img{ width: 44px; height: 44px; display: inline-block; border-radius: 6px; }

.listImg img{ display: block; border-radius: 6px; object-fit: cover; width: 100%; height: 100%; cursor: pointer; }
.noimgCase img{ pointer-events: none; }
.listContents{ width: 100%; font-size: 14px; }
.listContents p{ display: block; color: #000; margin-bottom: 0; word-break: break-word;}
.listContents label{ display: block; width: 100%; color: #000; font-size: 14px; font-weight:800; margin-bottom: 10px; }
.footerGap{ /*border-bottom: solid 2px #fff !important;*/ }

.propertySteps{ display: block; text-align: center; width:100%; }
.propertySteps ul{ display: flex; align-items: center; justify-content: center; border: 0 !important;}
.propertySteps ul li{ display: inline-block; cursor: pointer; }
.propertySteps ul li + li{ margin-left: 35px; }
.propertySteps ul li button{ padding: 0; padding-bottom: 3px; background: transparent !important; border-bottom:solid 1px transparent; font-size: 16px; font-weight: 500; color: #5a5a5a;  }
.propertySteps ul li button.active{ border-color: #000; color: #000; font-weight: 800; cursor: default; }

.white_full_section{ display: block; width: 100%; padding:30px 30px; background: #fff; border-radius: 8px; margin-bottom: 20px; }
.white_full_section h3{ display: block; width: 100%; color: #000; font-size: 20px; font-weight:600; margin-bottom: 20px; }

.setMinHeight{ min-height: calc(100vh - 260px); }


.projectDetails .projectDescc{ text-overflow: unset; overflow: visible; display: block; -webkit-line-clamp: 150; word-break: break-word; }


.modal-content{ border: 0; }








.resendprocess a{color: #1A5AD9;  }
.resendprocess a img{ vertical-align: middle; }
.resendprocess strong{ font-weight: 700; }

.setProfileBox.w-100{ max-width: 100%; }
.profileImageUpdate {display: block; width: 100%; text-align: center; }
.imageProfile {display: block; width: 168px; height: 168px; border: solid 1px #707070; border-radius: 50%; margin: 0 auto; }
.imageProfile img {display: block; height: 100%; width: 100%; object-fit: cover; border-radius: 50%; }
.chooseProfileimg {display: block; width: 100%; margin-top: 15px; position: relative; }
.chooseProfileimg input[type=file] {position: absolute; opacity: 0; visibility: hidden; width: 1px; height: 1px; }
.chooseProfileimg label {display: inline-block; cursor: pointer; background: #eff1f3; border-radius: 6px; height: 30px; line-height: 30px; padding: 0 16px; font-size: 14px; color: #434955; }
.chooseProfileimg label img {display: inline-block; margin-right: 4px; vertical-align: middle; position: relative; top: -1px; }


.profileBox{ display: flex; width: 100%; align-items: flex-start; justify-content: space-between; margin: -15px 0; }
.profileBleft{ margin-right: auto; margin-left: 20px; flex-grow: 1; word-break: break-word; }
.profileBimg{ width: 168px; height: 168px; overflow: hidden; border: solid 1px #ddd; border-radius: 4px; min-width: 168px; }
.profileBimg img{ width: 100%; height: 100%; object-fit: cover; display: block; }

.profileBleft h2{ display: block; font-size: 24px; font-weight:600; padding-bottom: 4px; }
.meInfos{ display: block; }
.seprateinfo{ display: block; padding-bottom: 10px; padding-left: 25px; position: relative; word-break: break-word;} 
.seprateinfo img{ position: absolute; left: 0; top: 2px; width: 16px; height: 15px; object-fit: contain; }

.quickSummary{ display: block; width: 100%; padding: 38px 0 28px 0; border-top: solid 1px #E6E6E6; border-bottom: solid 1px #E6E6E6; margin: 40px 0; }
.quickSummary .section-title{ font-size: 20px; }
.quickSummary ul{ display: flex; width: 100%; flex-wrap: wrap;}
.quickSummary ul li{ display: inline-block; padding: 14px 15px; /*border:solid 1px #B5B5B5;*/ background: #eff1f5; border-radius: 10px; margin-right: 10px; margin-bottom: 10px; text-align: center; }
.quickSummary ul li strong{ display: block; font-size: 22px; font-weight: 500; }
.quickSummary ul li span{ display: block; font-size: 14px; padding-top:8px; color: #5a5b5e; }


.nav-tabs {
    border-color: #eff1f3;
}
.nav-tabs li {
    display: inline-block;
}
.nav-tabs li + li {
    margin-left: 5px;
}
.nav-tabs li button {
    display: inline-block;
    cursor: pointer;
    font-size: 14px;
    color: #000;
    font-weight: 400;
    padding: 9px 15px;
    background: transparent;
    border-bottom: solid 3px transparent;
    margin-bottom: -2px;
}
.nav-tabs li button.active{ cursor: default; }
.nav-tabs li button:hover {
    color: #000;
}
.nav-tabs li button.active {
    border-color: #1A5AD9;
    font-weight:600;
    color: #000;
}

.tab-content {
    width: 100%;
    padding-top: 25px;
}


.rightTop{ position: absolute; right: 0; top:0; margin-top: -49px; z-index: 2; }
.projectReport{ display: block; width: 100%; clear: both; }
.projectReport .nav-tabs{ border: 0 !important; }
.projectReport .nav-tabs li button{ display: inline-flex; align-items: center; border: solid 1px #eff1f3 !important; border-radius: 4px !important; height: 28px; line-height: 26px; padding: 0 10px; font-size: 12px; font-weight: 500; color: #434955; }
.projectReport .nav-tabs li button img{ vertical-align: middle; margin-right: 6px; width: auto;}
.projectReport .nav-tabs li button.active{ background: #eff1f3; color: #000; }
.projectReport .tab-content{ min-height: 128px; }

.prfLeft{ display: inline-flex; align-items: flex-start; margin: 15px 0; padding-right: 30px; }
.profileBright{ margin:15px 0;  }
.projectReport img{ width: auto !important; }


.labelpin{ max-width: 171px !important; }


.abnVerified{ display: block; position: relative; width: 100%; }
.abnVerified:after{ content: "\f058"; font-family: "Font Awesome 6 Free"; position: absolute; font-weight:800; position: absolute; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); right: 15px; color: green; font-size: 20px; pointer-events: none; }


.ifAbnVerified{font-size: 12px; color: #007D3A; position: relative; background: url(../images/verifiedicon.svg) left center no-repeat; white-space: nowrap; padding-left: 18px; z-index: 4; line-height: 16px; font-weight:800; display: inline-block; vertical-align: middle; }



.user_designation{  }
.exp_review{ font-size: 15px; }
.exp_review .ratingvalues{ display: inline-block; }

.tags_list{ display: block; width: 100%; }
.tags_list ul li{ display: inline-block; margin: 0 6px 10px 0px; background: #ECECEC; color: #000; font-size: 14px; padding:8px 12px; border-radius: 50px; }
.border_section_box{ display: block; width: 100%; border-bottom: solid 1px #E6E6E6; padding-bottom: 30px; margin-bottom: 30px; }
.aboutdetailtext p{ color: #434955; }
.assigned_or_sold_dates{ display: block; font-size: 12px; font-weight: 400; color: #8b8b8b; }
.join_waitlist{ font-size: 14px; color: #D5184C; text-transform: uppercase; font-weight: 500; line-height: normal; }

.infobbx{ display: block; width: 100%; padding: 4px 10px; text-align: center; border-radius: 8px; color: #fff; font-size: 12px; font-weight: 500; line-height: 16px; margin-top: 10px; }
.remaining{ background: #D5184C; }
.extend{ background: #007D3A; }
.infobbx a{ display: block; color: #fff; }

.overInfoRight{ position: absolute; z-index: 4; right: 10px; top: 10px; }
.projectlogo{ display: flex;
align-items: center;
justify-content: center;
width: 58px;
height: 58px;
border: solid 1px #eff1f3;
border-radius: 50%;
background: #fff;
position: absolute;
right: 10px;
bottom: 10px;
z-index: 10;}
.projectlogo img{ display: block; width: 70%; height: 70%; object-fit: contain; border-radius: 10px; overflow: hidden; min-width: 70%; min-height: 70%; }

.infopBtns{ display: block; /*white-space: nowrap;*/ }
.infopBtns a{ display: inline-flex; align-items: center; justify-content: center; border: solid 1px #e4e4e4; border-radius: 4px; height: 46px; line-height: 45px; padding: 0 10px; font-size: 13px; font-weight: 500; color: #000; margin-left: 10px; margin-bottom: 15px; white-space: nowrap;}
.infopBtns a img{ height: 20px; width: 22px; object-fit: contain; margin-right: 6px; }
.infopBtns a:hover{ /*background: #eff1f3;*/ border-color: #000;}

.pLefts{ max-width: 75%; }
.reviewsBox{ display: block; width: 100%; background: #fff; border-radius: 8px; padding: 32px;  }

.totalReviews{ display: flex; align-items: center; width: 100%; flex-wrap: wrap; }
.totalReviews label{ color: #F1C207; font-size: 30px; font-weight: 500; margin-bottom: 0; padding-bottom: 0; }
.totalReviews span{ color: #6F7480; font-size: 18px; padding: 5px 0;  }
.totalReviews img{ display: inline-block; }

.clientsSays{ display: block; width: 100%; }
.clientsSays h5{ display: block; font-size: 16px; color: #434955; font-weight: 400; }
.allReviewsList{  }
.allReviewsList{ width: 100%; border-top: solid 2px #eff1f3; }
.reviewList{ display: block; width: 100%; border-bottom: solid 2px #eff1f3; padding: 20px 0; }
.reviewHeader{ display: flex; width: 100%; padding-bottom: 8px; align-items: flex-end; }
.reviewHeaderLf{ flex-grow: 1; }
.reviewHeaderLf strong{ font-size: 16px; font-weight: 800; display: block; }
.reviewHeaderLf span{ display: block; padding-top: 6px;}
.reviewHeaderLf span img{ height: 14px; }
.reviewTime{ color: #A5A9B2; font-size: 14px; padding-bottom: 4px; white-space: nowrap; padding-left: 15px;  }
.reviewList p{ display: block; font-size: 16px; color: #434955; margin-bottom: 0; }
.inviteAgent.createFirstProject{ max-width: 956px; }

.modal-header{ background: #fff; border: 0; border-radius: 4px 4px 0 0; }
.modal-title{ font-size:20px; font-weight:800; }
.modal-content{ border-radius: 4px; border:0;  }
.modal-footer { border-top-color: #DEDEDE; }
.modal-backdrop{ background: #000; }
.modal-backdrop.show{ opacity: 0.65; }

.property_detailList{ display: block; width: 100%; position: relative; }
.property_detailList input[type=checkbox]{ position: absolute; width: 1px; height: 1px; opacity: 0; visibility: hidden; }

.property_detailList label{ display: block; width: 100%; position: relative; background: #fff; border-top: solid 1px #DEDEDE; padding: 8px 52px 8px 72px; min-height: 80px; }
.property_detailList label:before{ content: ""; background: #fff; width: 24px; height: 24px; position: absolute; border: solid 2px #bbbbbb; border-radius: 4px; right: 15px; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); }
.property_detailList label:hover{ background: #eff1f3; }
/*.property_detailList label:active{ background: #434955; }*/
.property_detailList input[type="checkbox"]:checked + label,
.property_detailList input[type="radio"]:checked + label{ background:#eff1f3; color: #1A5AD9; border-color: #fff;}
.property_detailList input[type="checkbox"]:checked + label:before,
.property_detailList input[type="radio"]:checked + label:before{ background:#1A5AD9 url(../images/check-icon.svg) center no-repeat; background-size: 16px; border-color: #1A5AD9; }
.pImgLeft{ width: 50px; height: 50px; min-width: 50px; position: absolute; left: 12px; top: 8px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); border-radius: 50%;}
.pImgLeft img{ display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 50%; overflow: hidden; }



.property_detailList input[type=radio]{ position: absolute; width: 1px; height: 1px; opacity: 0; visibility: hidden; }
.property_detailList input[type=radio] + label:before{ border-radius: 50px; }




.property_detailList .pTitle{ font-size: 15px; font-weight:800; display: block; }
.property_detailList .pType{ font-size: 12px; font-weight: 400; color: #7D828D; display: block; padding-top: 4px; }
.property_detailList .pAddress{ font-size: 14px; font-weight: 400; color: #000; display: block; line-height: 15px; background-position: 0 0; padding-left: 14px; margin-top: 8px; }

.p_full_box .assigned_user_info{ font-size: 15px; }
.p_full_box .ratingvalues,
.p_full_box .emailvalue,
.p_full_box .callvalue{ margin-top: 2px; font-size: 12px; color: #000 !important; line-height: 1; min-height: 16px; padding-top: 3px; }

.listOfPersons{  border-bottom: solid 1px #DEDEDE; max-height: 260px; overflow: auto; }
.property_detailList_box{ }
.projectLogos{ width:36px; height: 36px; min-width: 36px; border: solid 1px #eff1f3; background: #fff; border-radius: 50px; display: inline-flex; align-items: center; justify-content: center; margin-right: 6px; }
.projectLogos img{ display: block; width: 70%; height: 70%; object-fit: contain; }

.assignProperty_list .accordion-body{ padding: 20px 0; }
.assignProperty_list .accordion-button{ font-size: 16px; background: #fff; border: 0; box-shadow: none; padding: 10px 15px; padding-right: 40px; border-radius: 0 !important; box-shadow: none; font-weight: 400; }
.assignProperty_list .accordion-button:hover{ background: #eff1f3; }
.assignProperty_list .accordion-button:not(.collapsed){ font-weight:800; background: #eff1f3; color: #000; }

.assignProperty_list .accordion-item{ margin-bottom: 0; border-bottom: solid 1px #DEDEDE !important; }
.assignProperty_list .accordion-button:not(.collapsed) .projectLogos{ border-color: #1A5AD9; }


.assignProperty_modal .modal-dialog{ max-width: 560px; }
.modal-body.assignProperty_list{ padding:2px 0 0 0; overflow: auto; -webkit-overflow-scrolling: touch;  max-height: calc(100vh - 200px);}
.assignProperty_list .accordion-header{ padding: 0 0; }
.assignProperty_modal .checkbox{ margin-right: 20px; }
.assignProperty_list .accordion-collapse.collapse.show{ border-bottom: solid 1px #444; border-radius: 0 !important; }
.property_detailList input[type="checkbox"]:checked + label .pType{ color: #444; }
.property_detailList input[type="checkbox"]:checked + label .pTitle{ font-weight: 700; }

.filtersSec.rightMargin{ margin-right:245px; }
.invitebtn .btn{ height: 40px; line-height: 39px; margin: 0 0 -23px 0; }

.listoAssignedPerson{ display: block; width: 100%; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16); margin-bottom: 12px; padding: 22px; }
.aLeft{ display: inline-flex; flex-grow: 1; padding-right: 30px; }
.listoAssignedPerson .profileBimg{ width: 80px; height: 80px; min-width: 80px; }
.profilealeft{ padding-left: 20px; }
.profilealeft h2{ display: block; font-size: 18px; font-weight: 800; }
.profilealeft h2 a{ color: #000; }
.profilealeft .user_designation{ color: #686D77; font-size: 14px; display: block; padding-top: 3px; }
.listoAssignedPerson .btn{ white-space: nowrap; }

.listoAssignedPerson:hover{ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16), 0 0 0 1px #ddd; }

.aTopFull{ display: flex; width: 100%; justify-content: space-between; }
.assignedPropertiesList{ display: block; width: 100%; padding-top: 10px; padding-left: 100px; }
.assignedPropertiesList h5{ display: block; font-size: 16px; color: #808897; padding-bottom: 8px; }
.notAssignedYet{ display: block; font-size: 14px; }

.assignedPropertiesList ul{ display: block; width: 100%; overflow: auto; padding-bottom: 3px; white-space: nowrap; }
.assignedPropertiesList ul li{ display: inline-block; position: relative; width: 126px; height: 76px; margin-right: 10px; position: relative; vertical-align: top;}
.assignedPropertiesList ul li img{ display: block; width: 100%; height: 100%; border-radius: 4px; }
.assignedPropertiesList ul li .showStatus{ bottom: 4px; left: 4px; right: auto; top: auto; }
.assignedPropertiesList ul li a:after{ content: ""; position: absolute; z-index: 1; background: rgba(0, 0, 0, 0.1); border-radius: 4px; top: 0; left: 0; right: 0; bottom: 0; }
.assignedPropertiesList ul li a{ display: block; width: 100%; height: 100%; }

.centeredList{ display: block; width: 100%; max-width: 780px; margin: 0 auto; }
.invitedDate{ font-size: 14px; font-weight: 500; white-space: nowrap; }

.builder_properties_data{ display: flex; text-align: center; white-space: nowrap; }
.builder_properties_data div{ display: inline-block; }
.builder_properties_data div + div{ margin-left: 20px; }
.builder_properties_data strong{ display: block; font-size: 16px; font-weight: 500; }
.builder_properties_data span{ display: block; font-size: 12px; font-weight: 400; color: #73767B; padding-top: 8px; }

.actionBtnsBox{ display: block; width: 100%; margin-top:10px; white-space: nowrap; }
.actionBtnsBox a{ height: 40px; width: 90px; text-align: center; line-height: 38px; border:solid 1px #444; border-radius: 4px; font-size: 14px !important; display: inline-block; margin: 0; text-decoration: none !important; font-weight: 500;}
.actionBtnsBox a + a{ margin-left: 10px; }
.actionBtnsBox a.accept{ color: #007D3A !important; border-color: #007D3A; }
.actionBtnsBox a.reject{ color: #D5184C !important; border-color: #D5184C; }
.actionBtnsBox a.accept:hover{ color: #fff !important; border-color: #007D3A; background: #007D3A; }
.actionBtnsBox a.reject:hover{ color: #fff !important; border-color: #D5184C; background: #D5184C; }
.aRight{ text-align: right; }
.rejectedText{ display: block; color: #D5184C; margin-top:15px; font-size: 14px; }


.infopBtns.removebottomSpace{ margin-bottom: -20px !important; }

.homepageSlider .carousel-indicators{ margin-bottom: 64px; z-index: 5; }


.title_undertext{ display: block; color: #000000; font-size: 16px; font-weight: 300; }
.whychooseInner{text-align: left;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    padding: 15px 0;
    border-radius: 6px;
    color: #fff;}
.whychooseInner h4{ display: block;
    font-size: 18px;
    font-weight: 400;
    color: #000;
    padding-top: 0;
    padding-left: 30px;
    line-height: 1.7;}
    .chooseIcon{ min-width:110px;
    width: 110px;
    border-radius: 50%;}
.showCounts{ display: block;  background: #fff;}
.countsbox{    display: flex;
    text-align: left;
    width: 100%;
    align-items: center;
    margin: 15px 0;
    border-radius: 10px;
    flex-direction: row;}
/*.countsbox div{ width: 100%; }*/
.countsbox strong{ display: block;
    font-size: 36px;
    font-weight: 200;
    padding-top: 22px; } 
.countsbox span{ display: block; font-size: 14px; color: #8b8b8b; font-weight: 400; padding-top: 8px; line-height: normal; }
.countsbox > div:first-child{ width: 60px; }

.profileViewBox{     width: 100%;
    display: block;
    padding: 25px;
    background: #fff;
    border-radius: 4px;
    text-align: center;
    border: solid 1px #eff1f3; }
.userProfileimgg{ display: block; width: 115px; height: 115px; border-radius: 50%; margin-left: auto; margin-right: auto; margin-bottom: 20px;}
.userProfileimgg img{ display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 4px; }
.userprofilename{ display: block; font-size: 16px; font-weight: 600; }
.userspecialise{ display: block; font-size: 14px; font-weight: 300; color: #8b8b8b;}
.useraboutValue{ display: block; font-size: 14px; color: #434955; line-height: normal; }
.viewprofileBBtn{ display: block; width: 100%; background: #eff1f3; color: #1A5AD9 !important; font-size: 14px; height: 30px; line-height: 30px; text-align: center; border-radius: 6px; }
.viewprofileBBtn:hover{ background: #eff1f3; }
.bg-blue{ background: #1A5AD9; }

.overflow_users{ display: block; margin: 0 -10px 0 0; max-height: 30vh; overflow: auto; -webkit-overflow-scrolling:touch; padding:1px; }

.realestateagentsList .property_detailList label{ border-width: 1px; border-color: #DEDEDE;
  display: flex; flex-direction: column; justify-content: center; 
padding: 8px 52px 8px 62px;
    min-height: 54px;
    }
.lawfirms h4 a{ font-size: 16px; color: #000; }
.trustedby{ display: inline-block; margin-left: 5px; vertical-align: middle; font-size: 12px; color: #000000; padding-left: 18px; background: url(../images/trusted.svg) left center no-repeat; white-space: nowrap; font-weight: 400;}

.requestfreediscussion{display: block;
width: 100%;
background: #007D3A;
color: #fff !important;
font-size: 14px;
height: auto;
line-height: normal;
padding: 10px;
text-align: center;
border-radius: 6px;}
.requestfreediscussion:hover{ background: #045D2D; }


.realestateagentsList .property_detailList label{ border-width: 1px; border-color: #DEDEDE; }
  .realestateagentsList  .pImgLeft{ width: 36px;
    height: 36px;
    min-width: 36px;top: 9px; }




    .entity_self_box{ flex-direction: row; width: 100%;    min-height: calc(100% - 24px); }
    .entity_logo{ min-width: 240px; width: 240px; background: #eff1f3; border-radius: 7px 0 0 7px; display: flex; align-items: center; justify-content: center; }
    .entity_logo a{ display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
    .entity_logo img{ min-width: 80px; object-fit: contain; max-width: 100px; max-height: 100px; }
    .entity_infoBox .pTitle a{ color: #000; }
    .entity_self_box .pTitle{ max-width: 100%; }
    .infotextss{ font-weight: 500; }
    .ceratedDatelabel{ font-size: 12px; color: #8F95A1; }
    .entity_infoBox{     padding: 20px 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between; flex-grow: 1;}
    .filtercolWidth .form-group{ width: auto; }

@media screen and (min-width: 1200px)
{

    .filtersSec .form-group{ position: relative; }
    .filtersSec .form-label{     font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 4px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    margin: -8px 0 0 7px;
    color: #434955; pointer-events: none; }
}

.myProjects.owl-carousel .owl-stage{ display: flex; }
.myProjects.owl-carousel .owl-stage .owl-item{ height: auto; }
.myProjects.owl-carousel .owl-stage .owl-item .item{ height: 99%; }
.quickSummary.summarySimple{ padding: 0; border: 0; margin: 0; }

.viewallLink{ position: absolute; right: 0; top: 0; }
.viewallLink a{ color: #1A5AD9; font-weight: 500; text-decoration: underline; }
.loggedstatus span{ width: 100%; color: #898D95; display: block; }
.attachmentfile{ display: block; position: relative; width:100%; }
.attachmentfile:after{ content: ""; width: 18px; height: 18px; background: url(../images/attachment.svg) center no-repeat; position: absolute; top: 12px; right: 10px; pointer-events: none; }


.projectDetailShow{ display: block; width: 100%; padding: 18px 0; border-bottom: solid 1px #DEDEDE; text-align: center; }
.projectlogoImgg{ height: 30px; width: auto; margin-right: 14px; display: inline-block; vertical-align: middle; }
.projectlogoImgg img{ display: block; height: 100%; }
.projectDetailShow strong{ display: inline-block; font-size: 18px; vertical-align: middle; font-weight: 700; max-width: 80%; }




.notfoundData p{ opacity: 0.6; }

.statusValueBox{display: inline-flex;
    font-size: 12px;
    border: solid 1px;
    height: 20px;
    text-align: center;
    border-radius: 4px;
    padding: 0 6px;
    white-space: nowrap;
    align-items: center; justify-content: center;}
.statusValueBox img{ width: auto !important;
    vertical-align: middle;
    margin-right: 2px;
    display: inline-block !important; max-height: 10px; }
.statusValueBox.pendingStatus{ background: #D5184C; border-color: #D5184C; color: #fff; }
.statusValueBox.underReviewStatus{ background: #F2C300; border-color: #F2C300; color: #fff; }
.statusValueBox.underReviewStatus{ background: #F2C300; border-color: #F2C300; color: #fff; }
.statusValueBox.senttoStatus{ background: #E1EBFF; border-color: #E1EBFF; color: #1A5AD9; }
.statusValueBox.viewformStatus{ background: transparent; border-color: #1A5AD9; color: #1A5AD9; }

.searchWithOptions{ background: #eff1f3; padding: 32px 0; width: 100%; display: block; }
.searchWithOptions_inner{ display: flex; width: 100%; justify-content: center; }

.outlineBtn{ border: solid 1px #C5C5C5; border-radius: 4px; background-color: #fff; font-size: 14px; width: 120px; height: 40px; line-height: 38px; padding: 0; text-align: center; padding-left: 28px; background-position: 22px center; margin-left: 15px; }
.searchWithOptions .searchfilter{ width: 470px; }
.searchWithOptions .searchfilter .form-control{ width: 100%; max-width: 100%; }

.searchWithOptions_inner .filtersSec{ align-items: center; }
.pageresultCount{ font-size: 14px; }
.resultPageHeader{ display: flex; width: 100%; justify-content: space-between; }
.resultPageLeft{ padding-right: 30px; max-width: 80%; }
.resultPageRight .form-control{ white-space: nowrap; }

.search_iconBtn{ display: inline-block;
    width: 38px;
    height: 38px;
    border-radius: 50px;
    position: relative;
    cursor: pointer;
  /*  background: rgba(255, 255, 255, 0.16);*/
        display: inline-block;
    position: relative;
    margin-right: 5px; /*vertical-align: middle; */}


    .search_iconBtn img{ position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto; height: 18px;}

    .homepage .search_iconBtn{  vertical-align: middle; border-radius: 50px; }
    .homepage .search_iconBtn img{ filter: invert(1); -webkit-filter: invert(1); }


    .searchreslut_Content .property_item{ min-height: calc(100% - 24px); }



.color_darkgrey{ color: #322B29 !important; }

.listoAssignedPerson .meInfos{ font-size: 14px; }
.listoAssignedPerson .seprateinfo img{ top: 0; }
.seprateinfo a{ color: #000; text-decoration: underline; }
.trusteduser{ font-size: 12px; display: inline-block; margin-left: 2px; padding-left: 20px; background: url(../images/trustedicon.svg) left center no-repeat; vertical-align: middle; font-weight: 300;}


.requestoContact{ width: 100%; max-width: 692px; background: #fff; border-radius: 10px; box-shadow: 0 2px 20px rgba(199, 214, 243, 0.41); padding: 45px; margin: 0 auto; display: block; }

.yourContactDetails{ display: block; border-top: solid 2px #eff1f3; margin-top: 30px; padding-top: 30px; }
.privacytext{ background: url(../images/lock-icon.svg) left center no-repeat; padding-left: 30px; font-size: 14px; display: block; width: 100%; margin-top: 20px; line-height: normal; font-weight: 400; color: #434955;}

.contactto{ display: block; width: 100%; }
.contactto ul{ display: flex; width: 100%; justify-content: space-between; }
.contactto ul li{ width: 30%; }
.contactto ul li input[type=radio]{ opacity: 0; visibility: hidden; width: 1px; height: 1px; position: absolute; }
.contactto ul li label{ display: flex; align-items: center; justify-content: center; width: 100%; background: #eff1f3; border-radius: 5px; border:solid 1px #eff1f3; height: 50px; cursor: pointer; font-size: 16px; font-weight: 300; }
.contactto ul li label img{ display: inline-block; margin-right: 10px; width: 18px; height: 18px; object-fit: contain; }
.contactto ul li input[type=radio]:checked + label{ background: #007D3A; border-color: #007D3A; color: #fff; cursor: default;}
.contactto ul li input[type=radio]:checked + label img{ filter: invert(1); -webkit-filter: invert(1); }
.leadBox h4{ font-size: 22px; font-weight: 800; margin-bottom: 6px; }
.leadBox p{ font-size: 14px; }
.lead-status{ color: #000; background: #F2C300; font-size: 14px; font-weight: 500; height: 24px; padding: 6px 16px; border-radius: 60px; display: inline-block; margin-bottom: 14px; }
.lead-status.new-lead{ background: #007D3A; color: #fff; }

.anchorOverlay{ position: absolute; z-index: 2; top: 0; left: 0; bottom: 0; right: 0; }

.twosameBox{ display: inline-block; width: 48%; }
.twosameBox + .twosameBox{ padding-left: 20px; }

.userwithName{ display: flex; align-items: center;  }
.uImg{ width: 42px; min-width: 42px; }
.uImg img{ width: 100%; height: 42px; object-fit: cover; border-radius: 50%; overflow: hidden; display: block; }
.uText{ max-width: calc(100% - 43px); padding-left: 10px; }
.uText span{ display: block; font-size: 14px; font-weight: 500; }
.uText span a{ font:inherit; color: #000; font-weight:800;}
.uText p{ margin: 0; font-size: 14px; color: #434955; padding-top: 3px; line-height: normal; }


.propertyInfoBox{ display: flex; align-items: center; position: relative; }
.pib_img{ width: 50px; min-width: 50px; }
.pib_img img{ width: 100%; height: 50px; object-fit: cover; border-radius: 6px; overflow: hidden; display: block; }
.pib_text{ max-width: calc(100% - 51px); padding-left: 10px; position: relative; }
.pib_text small{ display: block; font-size: 12px; color: #8B8B8B; }
.pib_text strong{ display: block; padding: 3px 0; font-weight: 800; }
.pib_text .pAddress{ font-size: 13px; margin-top: 3px; background-size: 9px; padding-left: 14px; }

.leadBox .userwithName{ width: 48%; display: inline-flex; }
.leadBox .propertyInfoBox{ width: 48%; display: inline-flex; }

.table-overlay{ display: block; width: 100%; overflow: auto; -webkit-overflow-scrolling:touch; }
.table-customs{ border: 0; }
.table-customs thead th{ font-size: 15px; color: #000; font-weight: 700; }
.table-customs td,
.table-customs th{ padding:15px 10px; border: 0; vertical-align: middle; }
.table-customs thead tr{ border-bottom:solid 1px #A2A2A2 }
.table-customs tbody tr{ border-bottom:solid 1px #E6E6E6 }

.table-customs{ font-size: 14px; }


.table-customs tr th:first-child,
.table-customs tr td:first-child{ padding-left: 0; }
.table-customs tr th:last-child,
.table-customs tr td:last-child{ padding-right: 0; }

.table-customs tbody tr:last-child{ border-bottom: 0; }

.text-green{ color:#007D3A !important }
.spaceNowrap{ white-space: nowrap; }

.textStatus{ display: inline-block; font-size: 14px; font-weight: 500; white-space: nowrap; padding-left: 20px; }
.textStatus.approveds{ color:#2EAA29; background: url(../images/check-green.svg) left center no-repeat; }
.textStatus.approvalpedings{ color:#C98D15; background: url(../images/approval.svg) left center no-repeat; }
.textStatus.rejecteds{ color:#E51655; background: url(../images/rejected.svg) left center no-repeat; }

@media screen and (min-width: 992px)
{  
.propertyInfoBox{ min-width: 220px; }
.table-customs .userwithName{ min-width: 160px; }
}
.sTitlename{ display: block; width: 100%; color: #000000; font-size: 22px; font-weight: 600; margin-bottom: 20px;}
.applicationSubmitted{ display: block; }
.submittedSuccess{ display: block; width: 100%; max-width: 650px; padding: 40px; background: #EAF9F1; border-radius: 10px; text-align: center; margin: 0 auto; }
.submittedSuccess h2{ display: block; color: #35AB1F; font-size: 28px; font-weight: 800; }
.submittedSuccess h3{ display: block; font-size: 18px; font-weight: 800; text-transform: uppercase;}
.submittedSuccess p{ display: block; font-size: 16px; font-weight: 400; }


.uploadedDocs{ display: flex; width: 100%;      align-items: flex-start;   justify-content: flex-start;}
.uploadedDocs .nav-tabs{ width: 45%; min-width: 45%; max-width: 45%; border: 0;     align-items: flex-start; justify-content: flex-start; max-height: 79vh; overflow: auto; -webkit-overflow-scrolling: touch; padding: 2px;  margin-right: 20px; }
.uploadedDocs .nav-tabs li{ width: 100%; padding: 0;  margin-bottom: 10px !important; text-align: left;}
.uploadedDocs .nav-tabs li + li{ margin: 0 0 0 0; }
.uploadedDocs .nav-tabs li button{ padding:10px 15px; border: 0;border: solid 1px #E3E3E3; border-radius: 6px;  text-align: left; color: #202020; display: block; width: 100%; padding-left: 75px; background: url(../images/docdarkIcon.svg) 15px 10px no-repeat;  position: relative; background-size: 50px; min-height: 120px;  }
.uploadedDocs .nav-tabs li button h3{ font-size: 16px; font-weight:600; display: block; padding-bottom: 4px; }
.uploadedDocs .nav-tabs li button p{ font-size: 12px; font-weight: 400; display: block; padding-top: 7px; margin-bottom: 0; color: #8D8D8D; }
.uploadedDocs .nav-tabs li button p strong{ color: #5D5D5D; }
.uploadedDocs .nav-tabs li button a{ font-size: 15px; text-decoration: underline; color: #434955; }
.uploadedDocs .nav-tabs li button .textStatus{ display: block; margin-top: 10px; }
.uploadedDocs .nav-tabs li button.active{ border-color: #000; box-shadow: 0 0 0 1px #000; }
/*.uploadedDocs .nav-tabs li button.active:after{ content: ""; width: 4px; background: #fff; position: absolute; top: 0px; right: -2px; bottom: 0px; z-index: 2;}*/

.uploadedDocs .nav-tabs li{  }

.uploadedDocs .tab-content{ flex-grow: 1; max-width: calc(100% - 47%);}
.uploadedDocs .tab-content .tab-pane{ border: solid 1px #000; border-radius: 6px; padding: 0 !important; }


.assignedDetails{ display: block; padding: 20px 0 30px 0; font-size: 14px; }
.depositValue {
    color: #147B43;
    line-height: normal;
}
.financeid {
    color: #000;
    line-height: normal;
}
.contracts_links {
    color: #1A5AD9 !important;
    text-decoration: underline !important;
    display: inline-block;
}

.financeUserInfo{ padding: 0 !important; border: 0 !important; box-shadow: none !important; }

@media screen and (min-width: 768px)
{
  .customersSelectList{ max-height: 50vh; overflow: auto; }  
}


.doc_vieweditLinks{ display: block; width: 100%; }
.doc_vieweditLinks a{ font-size: 12px !important; font-weight: 500 !important; height: 26px; display: inline-block; text-decoration: none !important; line-height: 24px; padding:0 12px; text-align: center; background: #fff; border-radius: 50px;  border: solid 1px #eff1f3; }
.doc_vieweditLinks a + a{ margin-left:2px; }
.doc_vieweditLinks a:hover{ border-color: #1A5AD9; }

.form-control.focused{ border-color: #1A5AD9 !important; }

.commentFullPanel textarea.form-control{ height: auto; min-height: 70px; border-radius:6px; background: #eff1f3; border: 0 !important;  padding-right: 65px; overflow: hidden; font-size: 14px;}


.commentFullPanel{ display: flex; flex-direction: column; width: 100%; height: 100%; justify-content: space-between; padding: 15px; }
.commTop{ flex-grow: 1; width: 100%; display: flex; flex-direction: column; justify-content: space-between; padding: 0; }
.commentsListBox{ flex-grow: 1; overflow: auto; -webkit-overflow-scrolling:touch; min-height: 50vh; max-height: 60vh; }

.addcommentInput{ display: flex; width: 100%; justify-content: space-between; align-items: flex-end; position: relative; padding-top: 10px; }
.sendBtn{ width: 50px; height: 50px; min-width: 50px; margin-left: 10px; background:#1a5ad9 url(../images/sendicon.svg) 16px center no-repeat; display: inline-block; border-radius: 50px; margin-bottom: 10px;}
.sendBtn:hover{ background-color: #4282ff; }

.userComment{ display: flex; width: 100%; align-items: flex-start; }
.userComment_img{ width: 34px; height: 34px; min-width: 34px; margin-right: 10px; }
.userComment_img img{ width: 100%; height: 100%; object-fit: cover; border-radius: 50px; overflow: hidden; display: block; }
.userComment_content{ flex-grow: 1; max-width: calc(100% - 60px);     word-wrap: break-word;}
.userComment_content strong{ display: inline-block; font-size: 15px; font-weight:500; }
.userComment_content span{ display: inline-block; margin-left: 5px; font-weight: 300; font-size: 12px; color: #7D7D7D; }
.userComment_content p{ margin-top: 5px; font-size: 14px; display: block; margin-bottom: 0; color: #666; }

.replyBtn{ height: 34px; line-height: 32px; display: inline-block; background: #fff url(../images/reply-icon.svg) 14px center no-repeat; border-radius: 4px; border: solid 1px #C8C8C8; font-size: 13px; color: #434955; padding:0 14px 0 36px; margin-left: 44px; margin-top: 20px; margin-bottom: 40px; }
.replyBtn:hover{ border-color: #999; }
.threadComments{ padding-left: 20px; border-left: solid 1px #DFDFDF; display: block; clear: both; margin-top: 20px; margin-left: 44px; }
.threadComments .userComment + .userComment{ margin-top: 16px; }

.replycommentInput{ width: auto; margin: 0 10px 40px 44px; }
.commentFullPanel .replycommentInput textarea.form-control{ min-height: 50px; height: auto; background: #fff; border: solid 1px #ddd !important; overflow: hidden;}
.commentFullPanel .replycommentInput .sendBtn{ width: 32px; min-width: 32px; height: 32px; background-size: 15px; background-position: 10px center;position: absolute; right: 8px; bottom: 9px; margin-bottom: 0;}



.loaderFullPage{ display: flex; width: 100%; clear: both; position: fixed; top: 0; left: 0; right: 0; z-index: 2; }
.loaderFullPage span{ height: 6px; vertical-align: top; background: #fff; display: inline-block; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.8); transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; }

.assigned_user_info .btn.btn-sm{ padding-left: 10px; padding-right: 10px;}


.filterInlinebox{ display: flex; align-items: center; }
.filterInlinebox .form-group{ margin-left: 20px; }
.filterInlinebox .form-group .form-control{ min-width: 150px; }
.agentssearchList .quickSummary{ width: auto; padding: 0; margin: 0 30px 0 auto !important; border: 0; }
.agentssearchList .quickSummary li{ padding: 10px 10px; border: 0; border-radius: 6px;    background: #f3f4f7; }
.agentssearchList .quickSummary li strong{ font-size: 18px; }
.agentssearchList .quickSummary li span{ font-size: 12px; padding-top: 6px;}


.enquiryaboutbox .profileBimg { width: 80px; height: 80px; min-width: 80px; }

.enquiryaboutoptions ul{ justify-content: flex-start; flex-wrap: wrap; }
.enquiryaboutoptions ul li{ width: auto; margin-right: 20px; margin-bottom: 12px; }
.enquiryaboutoptions ul li label{ padding: 10px 10px; height: auto; line-height: normal;}







.p_full_box{ display: block; width: 100%; border-radius: 5px; /*border: solid 1px #CECECE;*/ box-shadow: 0 0px 2px rgba(0, 0, 0, 0.3); background: #fff;  padding: 14px 20px; clear: both; margin-bottom: 15px; }
.assigned_box{ display: block; width: 100%; border-radius: 5px; /*border: solid 1px #CECECE;*/ box-shadow: 0 0px 2px rgba(0, 0, 0, 0.3); background: #fff;  padding: 15px 15px; clear: both; margin-bottom: 15px;  }
.assigned_box h3,
.p_full_box h3{ font-size: 18px; font-weight: 600; margin-bottom: 6px; display: block; width: 100%; }
.p_full_box{ font-size: 14px; }
.assigned_box a.btn{ margin-top: 10px; }

.assigned_box h3{ margin-bottom: 16px; }
.p_full_box_content{ display: flex; width: 100%; justify-content: space-between; align-items: flex-start; }
.p_full_box_content p{ font-size: 14px; color: #434955; }
.p_full_box_content p:last-child{ margin-bottom: 0; }
.notetext{ font-size: 13px; font-style: italic;}
.p_full_box_header{ display: flex; align-items: center; justify-content: space-between; background: #eff1f3; border-radius: 5px 5px 0 0; padding:8px 20px; margin: -14px -20px 14px -20px; }
.status_of_deal{ font-size: 11px; font-weight: 400; padding:6px 10px; border-radius: 60px; display: inline-block; white-space: nowrap;}
.pendingStatus{ background: #F0AD4E; color: #fff; }
.inprogressStatus{ background: #F49025; color: #fff; }
.underreviewStatus{ background: #619FFC; color: #fff; }
.approvedStatus{ background: #0EC927; color: #fff; }
.rejectedStatus{ background: #E44182; color: #fff; }
.eoiEmailsubmitted{ display: inline-block; margin-top: 10px; padding: 10px; font-size: 14px; background:#FFEBF2 ; color: #A80F4C; border-radius: 6px;  border: solid 1px #f7d3e1; font-weight: 500;}
.p_full_right{ padding-left: 30px; }
.saperator_line{ margin: 20px 0; height: 1px; background: #CECECE; display: block; clear: both; }
.assigned_user .ratingvalues,
.assigned_user .emailvalue,
.assigned_user .callvalue{ font-size: 12px; margin-top: 2px;}

.assigned_user .emailvalue{ background-position: left 3px !important; }
.p_full_box p{ font-size: 14px; }
.datetimetext{ display: inline-block; color: #000; font-size: 13px; padding-left: 22px; background: url(../images/datetime-icon.svg) left center no-repeat; line-height: 21px; background-size: 16px; text-align: left;}
.infoBoxfull{ display: block;
    width: 100%;
    padding: 12px;
    padding-left: 40px;
    font-size: 14px;
    font-weight: 500; line-height: normal;
    color: #826901;
    background: #FBF2CA url(../images/infoicon.svg) 10px 10px no-repeat;
    margin-top: 15px;
    background-size: 20px !important;
    border: solid 1px #ebe0b3;
    border-radius: 6px;}
.infoBoxfull a{ color: #1A5AD9; }

.infoBoxfull.successBoxfull{ color: #10713D; background: #D9F8DD url(../images/checksuccess.svg) 10px 10px no-repeat; border: solid 1px #a5e1c1;}
.infoBoxfull.declinedBoxfull{ color: #71103A; background: #F8D9E5 url(../images/declinedicon.svg) 10px 10px no-repeat; border: solid 1px #e1b5c6;}



.FinalUserBlockwithChat{ display: flex; align-items: center; justify-content: space-between; width: 100%; }
.FinalUserBlockwithChat_left{ display: flex; align-items: center; }

.chatAnchors{ display: inline-flex; align-items: center; margin-left: 20px; white-space: nowrap; }
.chatAnchors span{ display: inline-block; }
.chatAnchors span + span{ margin-left: 5px; }
.chatAnchors span a{ width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50px; }
.chatAnchors span a img{ display: block; margin: auto; }
.chatAnchors span a:hover{ background: #1A5AD9; }
.chatAnchors span a:hover img{ filter: invert(1); -webkit-filter: invert(1); }
.assignedUserVal{ display: inline-block; font-size: 11px; margin-top: 8px; padding: 4px 10px; border-radius: 50px; border: solid 1px #888; color: #000; }
.viewLink{ color: #1A5AD9; font-weight: 500; text-decoration: underline; }
.uText .emailvalue,
.uText .callvalue{ font-size: 13px; margin-top: 2px; white-space: nowrap; padding-left: 18px; }
.modal-body .searchfilter{ width: 100%; }
.modal-body .searchfilter .form-control{ width: 100%; }
.assignTothisUser{ display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 10px 0 0 0; border-bottom: solid 1px #DADADA;}
.assignTothisUser .assigned_user{ padding: 0; box-shadow: none; }

.assignTothisUser_overlay{ margin-top: 10px; border-top: solid 1px #DADADA; overflow-y: auto; -webkit-overflow-scrolling: touch; max-height: calc(100vh - 280px);}
.assignRightp{ margin-left: 10px; }


.propertiesInfo{ display: block; width: 100%; }
.propertiesInfo h4{ display: block; font-size: 14px; text-transform: uppercase; margin-bottom: 10px; color: #888E9A; }
.propertiesInfo ul{ display: flex; align-items: flex-start; justify-content: space-between; width: 100%; }
.propertiesInfo ul li{ padding: 0 10px; text-align: center; }
.propertiesInfo ul li strong{ font-size: 18px; display: block; font-weight: 500;}
.propertiesInfo ul li label{ font-size: 12px; display: block; padding-top: 5px; color: #73767E; }

/*.eligible-contract{ background: #ccf9d2; position: relative; }*/

@media screen and (min-width: 1200px)
{
  .filtersSec .form-control{ max-width: 250px; }
}

.usershowonTop{ position: absolute; z-index: 3; top: 10px; right: 10px; background: rgba(67, 73, 85, 0.80); border-radius: 50px; height: 26px; line-height: 26px; color: #fff; font-size: 14px; padding: 0 10px 0 10px; }

.assignedbyText{ background: #fff; padding: 8px 16px; font-size: 12px; margin: 0 0 0 -15px; display: inline-block; position: relative; }
.assignedbyText:after{ content: ""; width: 0; height: 0; position: absolute; border-top: solid 14px white; border-right: solid 10px transparent; border-bottom: solid 14px white; right: -9px; top: 0; }

.selectProjectType{ display: block; width: 100%; padding:16px 10px 12px 10px; background: #F9E076; text-align: center;}
.selectProjectType input[type=radio] + label{ opacity: 0.7; }
.selectProjectType input[type=radio]:checked + label{ opacity: 1; }


.propertyTypeby{ display: flex; width: 100%; }
.radio_p{ display: inline-block;  position: relative; }
.radio_p input[type=radio]{ opacity: 0; visibility: hidden; width: 1px; height: 1px; position: absolute; }
.radio_p label{ display: block; height: 32px; line-height: 32px; background:#E3EAF9; color: #000; font-size: 14px; text-transform: uppercase; width: 200px; text-align: center; cursor: pointer; font-weight: 500; margin: 0; }
.radio_p input[type=radio]:checked + label{ background: #434955; color: #fff; cursor: default; }

.modal-body .radio_p{ width: 49%; }
.modal-body .radio_p label{ width: 100%; }


.radio_p + .radio_p{ margin-left: 10px; }

.modal-body .propertyTypeby{ padding:0px 25px; }
.modal-body .radio_p + .radio_p{ margin-left: 2%;}




.modal-body .accordion-button::after{ transform: rotate(-90deg); -webkit-transform: rotate(-90deg); }
.modal-body.assignProperty_list .accordion-item{ border-top: solid 1px #DEDEDE !important; border-bottom:0 !important; }


ngb-modal-window[aria-hidden="true"]{ opacity: 0 !important;}
.assignProperty_list .accordion-button{ border-top: solid 1px #DEDEDE; }


.warningText{ display: block; width: 100%; padding: 8px 12px; font-size: 13px; color: #696969; background: #F6F6F6; line-height: 1.3; }
.strongnormal strong{ line-height: normal; }

.duedates_data{ display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 15px 0; border-top: solid 1px #CBCBCB; color:#E44182 }
.duedates_data + .duedates_data{ border-bottom: solid 1px #CBCBCB; }

.userinfoRow{  display: flex; align-items: center; justify-content: space-between; width: 100%; padding:8px 0; border-top: solid 1px #CBCBCB; color:#434955  }
.userinfoRow:nth-of-type(3n){ border-bottom: solid 1px #CBCBCB; }
.associatedbuyerInfo-bottom{ padding-left: 65px; }

.associatedbuyerInfo .pImgLeft{ left: 0; top: 0; }
.associatedbuyerInfo .property_detailList{ padding-left: 65px; }

.associatedbuyer_options{ padding-left: 20px; white-space: nowrap; display: flex; align-items: center;}
.associatedbuyer_options a{ border-radius: 60px; width: 40px; height: 40px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
.associatedbuyer_options a:hover{background: #1A5AD9;}
.associatedbuyer_options a:hover img{ filter: invert(1); -webkit-filter: invert(1); }
.associatedbuyerInfo .property_detailList{ display: flex; align-items: flex-start; justify-content: space-between; }

.addPricem{ display: flex; align-items: center; }
.addPricem .priceinp{ width: 250px; margin-right: 20px; }
.associatedbuyerInfo .property_detailList .pTitle{ max-width: 100%; }

.withoutInfo .property_detailList,
.withoutInfo .associatedbuyerInfo-bottom{ padding-left: 0 !important; }

.assigned_user_info .chatAnchors{ margin-left: 0; margin-top: 10px; }

#chooseimage{width:1px; height: 1px; opacity: 0; visibility: hidden;}


.expires_details{ display: inline-flex; }
.expires_details div{ width: 66px; background: #FFE8F1; border-radius: 4px; padding: 8px 2px; text-align: center; margin-right: 6px; margin-top: 10px;}
.expires_details div strong{ font-size: 24px; font-weight: 400; display: block; }
.expires_details div label{ font-size: 12px; font-weight: 400; margin-bottom: 0; padding-top: 2px; display: block; clear: both;}


.contractexpiresIn{ display: inline-flex; flex-wrap: wrap; align-items: center; padding: 0 0; }
.contractexpiresIn h6{ font-size: 14px; font-weight: 400; padding-right: 15px; margin-bottom: 0;}
.contractexpiresIn .expires_details div{ margin-top: 0; width: 54px; }
.contractexpiresIn .expires_details div strong{ font-size: 14px; font-weight: 600;}
.contractexpiresIn .expires_details div label{ font-size: 10px; }
.prFullList_bottom .contractexpiresIn {
    margin-top: 0 !important;
}




/* Progress bar Start */

.progressBarBox{ display: block; width: 100%; position: sticky; bottom: 0; left: 0; z-index: 100; background: #fff; box-shadow:0 -1px 5px rgba(0, 0, 0, 0.1); padding: 10px 0; }
.progressBarBox h6{ color: #434955; font-size: 16px; }
.pbSteps{ display: flex; position: relative; padding-right: 0; padding-top: 10px; }
.pbSteps_col{ flex-grow: 1; display: flex; position: relative;}
.pbsNumber{ width: 36px; height: 36px; min-width: 36px; border-radius: 50px; border: solid 2px #B5B9BC; text-align: center; line-height: 32px; font-size: 20px; font-weight: 600; }
.pbstext{ padding-top: 24px; padding-left: 1px; }
.pbSteps_col h5{ font-size: 13px; font-weight: 500; }
.pbSteps_col p{ font-size: 12px; font-weight: 300; margin-bottom: 0; }
.pbSteps_col p.duedatestext{ color: #E44182; }

.pbSteps_col:after{content: ""; position: absolute; left: 37px; top: 16px; height: 4px; background: #DBDEE1; z-index: 0; right: 1px; }
.pbSteps_col.completed_stage .pbsNumber{ background: #1AC268 url(../images/check-icon.svg) center no-repeat; border-color: #1AC268; }
.pbSteps_col.completed_stage .pbsNumber span{ opacity: 0; visibility: hidden; }
.pbSteps_col.completed_stage h5{ font-weight: 600; color: #1AC268; }
.pbSteps_col.completed_stage:after{ background: #1AC268 ; }


.pbSteps_col.initiated_stage h5{ font-weight: 600; color: #F0AD4E; }
.pbSteps_col.initiated_stage .pbsNumber{ background: #F0AD4E; border-color: #F0AD4E; color: #fff; }
.pbSteps_col.initiated_stage:after{ background: #F0AD4E ; }
.pbSteps_col.inprogress_stage h5{ font-weight: 600; color: #F49025; }
.pbSteps_col.inprogress_stage .pbsNumber{ background: #F49025; border-color: #F49025; color: #fff; }
.pbSteps_col.inprogress_stage:after{ background: #F49025 ; }

.pbSteps_col.next_stage .pbsNumber{ color: #fff; background: #000; border-color: #000; animation: bounethis 1s ease-in-out infinite; -webkit-animation: bounethis 1s ease-in-out infinite; box-shadow: 0 0 0 transparent; position: relative; z-index: 2; }

.pbSteps .pbSteps_col.paybalancestep:before{ content: ""; width: 18px; height: 18px; position: absolute; right: -16px; background: url(../images/completeArrow.svg) top left no-repeat; top: 9px; }
.pbSteps .pbSteps_col.paybalancestep.completed_stage:before{ background-position: left bottom; }

.paybalanceimg{ width: 145px; height: 95px; display: inline-block; background: url(../images/paybalanceimg.svg) center no-repeat; margin-left: -50px; margin-top: -30px; }

@keyframes bounethis{
    0%{ box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.20); }        
    50%{ box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.20); }
    100%{ box-shadow: 0 0 0 15px rgba(0, 0, 0, 0.0); }
}
@-webkit-keyframes bounethis{
    0%{ box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.20); }        
    50%{ box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.20); }
    100%{ box-shadow: 0 0 0 15px rgba(0, 0, 0, 0.0); }
}

/* Progress bar End */ 






/* Dashboard Start */

.summarybg{ background: #EBEFF9; }
.summaryTop{ display: flex; width: 100%; align-items: center; justify-content: space-between; }
.summaryTabs{ display: flex; align-items: center; }
.summaryTabs_buttons{ position: relative; display: inline-block; margin-left: 10px; }
.summaryTabs_buttons input[type=radio]{ opacity: 0; visibility: hidden; width: 1px; height: 1px; position: absolute; }
.summaryTabs_buttons label{ margin:0; height: 34px; line-height: 32px; border: solid 1px #434955; text-align: center; padding:0 10px; min-width: 100px; font-size: 14px; color: #000000; border-radius: 50px; cursor: pointer; }
.summaryTabs_buttons label:hover{ background: #d1d6e3; }
.summaryTabs_buttons input[type=radio]:checked + label{ background: #1A5AD9; color: #fff; border-color: #1A5AD9; }

.summaryTop strong, .prsTop strong{ font-weight: 600; }
.summaryTop h4, .prsTop h4{ font-size: 22px; font-weight: 600; }

.propertyTypesel .radio label:before{ background-color: #fff; }
.summ_box{ display: block; width: 100%; background: #fff; border-radius: 20px; border: solid 1px #CFDFFF; padding: 16px 22px; margin-bottom: 10px; }
.summ_box h4{ display: block; width: 100%; font-size: 16px; font-weight: 500; margin-bottom: 10px; }
.totalprbox{ display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 7px 13px;
    border-radius: 10px;
    margin-top: 12px; }
.totalprbox span{ font-size: 14px; font-weight: 500; }
.totalprbox strong{ font-size: 16px;
    font-weight: 600;
    min-width: 130px;
    max-width: 80%;
    background: #ffffff78;
    line-height: 26px;
    border-radius: 10px;
    padding: 12px 10px;
    text-align: center;
    display: inline-block;}
.countShowsBox{ display: flex; width: 100%; align-items: flex-start; padding-top: 6px; }
.countShowsBox .countShows{ min-width: 33.33%; }
.countShows strong{ display: block; font-size: 16px; font-weight: 600; } 
.countShows span{ display: block; font-size: 12px; font-weight: 500; text-transform: uppercase; color: #8F8F8F;  padding-top: 5px;} 
.tpsummbox{ min-height: 215px }
.tpsummbox h4{ margin-bottom: 15px; }
.depositvalss .countShows{ min-width: 50%; }


.dashMiddlePart{ display: flex; width: 100%; }
.filterbyPanel{ display: block; width: 100%; max-width: 260px; }
.propertiesResultsData{ flex-grow: 1; padding-left: 66px; }
@media screen and (min-width: 1200px)
{
    .filterbyPanel .form-group{ flex-wrap: wrap; margin-bottom: 15px; width: 100%; }
    .filterbyPanel .form-group .form-label{ font-size: 14px; font-weight: 500; text-transform: none; padding: 0; background: #fff; position: initial; margin: 0px 0 4px 0; color: #000; pointer-events: default; width: 100%; display: block;}
    .filterbyPanel .filtersSec_left{ margin-left: 0; width: 100%; margin-top: 20px;}
    .filterbyPanel .filtersSec{ flex-wrap: wrap; }
    .filterbyPanel .searchfilter{ width: 100%; }
    .filterbyPanel .searchfilter .form-control{ width: 100%; }
    .filterbyPanel .filtersSec .form-control{ max-width: 100%; }
}
.prsTop{ display: flex; width: 100%; justify-content: space-between;margin-top: -16px; }
.sortdatas{ display: inline-flex; white-space: nowrap; align-items: center; }
.sortdatas .form-control{ height: 34px; font-size: 14px; margin-left: 30px; }
.prFullList{ display: block; width: 100%; border: solid 1px #eff1f3; border-radius: 10px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16); padding: 20px; margin-bottom: 15px; }
.prFullList_topLeft{ width: 48%; padding-right: 30px; }
.prFullList_topLeft .pib_img{ width: 150px; min-width: 150px; }
.prFullList_topLeft .pib_img img{ height: 108px; }
.prFullList_topLeft .pib_text{ padding-left: 18px; }
.prFullList_topLeft .pib_text strong{ font-size: 20px; font-weight: 500; margin-bottom: 5px; }
.prFullList_topLeft .pib_text small{ font-size: 14px; font-weight: 300; color: #8b8b8b; display: inline-block;}
.prTypebadge{ display: inline-block; color: #1A5AD9; text-transform: uppercase; font-size: 10px; font-weight: 600; padding:3px 6px; border: solid 1px #eff1f3; border-radius: 4px; }
.prFullList_topLeft .prTypebadge{ margin-left: 6px; }
.pendingat{ display: flex; align-items: center; margin-top: 10px; }
.pendingat span{ font-size: 14px; }
.pendingat label{ font-size: 14px; margin-left: 4px; color: #007D3A; padding: 3px 5px; border-radius: 4px; border: solid 1px #007D3A; display: inline-block; font-style: italic; }
.prFullList_top{ display: flex; justify-content: space-between; }
.prAmountPanel{ width: 70%; }
.prFullList_topRight{ display: inline-flex; justify-content: space-between; flex-grow: 1; }
.prFullList_topRight .btn{ margin-top: 38px; }
.totalamtxt{ font-size: 17px; padding-bottom: 15px; }
.halfSh{ width: 48%; display: inline-block; }
.halfSh span{ display: block; width: 100%; font-size: 14px; color: #959595; }
.halfSh strong{ display: block; width: 100%; font-size: 14px; font-weight: 600; color: #000; padding-top: 8px; }
.prFullList_bottom{ margin-top: 10px; padding-top: 10px; border-top: solid 1px #eff1f3; display: flex; align-items: center; justify-content: space-between; }
.projectprdetail{ display: inline-flex; align-items: center; max-width: 22%; min-width: 22%; width: 22%; }
.projectprdetail strong{ display: block; font-size: 14px; font-weight: 600; }
.projectprdetail p{ display: block; font-size: 12px; font-weight: 400; color: #7F848E; padding-top: 2px; margin-bottom: 0; }
.contractexpiredin{ display: inline-flex; align-items: center; padding: 0 20px;}
.contractexpiredin h5{ font-size: 14px; font-weight: 400; padding-right: 15px; margin-bottom: 0;}
.contractexpiredin .expires_details div{ margin-top: 0; width: 54px; }
.contractexpiredin .expires_details div strong{ font-size: 14px; font-weight: 600;}
.contractexpiredin .expires_details div label{ font-size: 10px; }
.lastupdatedon{ font-size: 14px; color: #959595; display: inline-block; }
.lastupdatedon span{ font-size: 14px; color: #000; font-weight: 500; }

.filterbyPanel{ position: relative; }
.btn-reset{ display: inline-block; position: absolute; right: 0; top: 0; z-index: 1; text-decoration: underline; background: transparent; color: #000; font-size: 14px; margin-top: 4px; border: 0; }
.btn-reset:hover{ color: #1A5AD9; }
@media screen and (max-width: 1199px) {.btn-reset{ margin-top: 22px; right: 50px; } }
@media screen and (max-width: 575px) {.btn-reset{ margin-top: 30px; right: 70px; } }

/* Dashboard END */


.warningText.businesscreates{background-color: #F9E076; color:#000;}



.status_switch{ display: inline-block; position: relative; }
.status_switch input[type=checkbox]{ position: absolute; width: 1px; height: 1px; opacity: 0; visibility: hidden; }
.status_switch label{ vertical-align: middle; text-align: left; width: 90px; height: 24px; background: #c2c6cb; border-radius: 50px; display: inline-block; position: relative; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; }
.status_switch label:before{ content: ""; position: absolute; left: 4px; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); width: 14px; height: 14px; border-radius: 50px; background: #fff; z-index: 1; box-shadow: 0 0 2px rgba(0, 0, 0, 0.45); transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; }
.status_switch input[type=checkbox]:checked + label{ background: #63CB53; }
.status_switch input[type=checkbox]:checked + label:before{ left: 60px; }

.status_switch label:hover:before{ transform: translate(0, -50%) scale(1.3); -webkit-transform: translate(0, -50%) scale(1.3); transform-origin: center; box-shadow: 0 0 2px rgba(0, 0, 0, 0.8);}

.status_switch label:after{ content: "Deactivate"; display: inline-block; font-size: 12px; line-height: 24px; padding-left: 22px; }
.status_switch input[type=checkbox]:checked + label:after{ content: "Activate";  padding-left: 10px;}
.status_switch input[type=checkbox]:checked + label{ width: 78px; }







.boughtproeprtiesList{ display: flex; width: 100%; overflow: auto; -webkit-overflow-scrolling:touch; }
.boughtproeprtiesList_col{ margin-right: 20px; border: solid 1px #eff1f3; border-radius: 8px; padding: 10px; display: inline-flex; align-items: flex-start; position: relative; }
.bpLeft{ width:90px; height: 90px; min-width: 90px; position: relative; }
.bpLeft:after{ content: ""; position: absolute; z-index: 1; background: rgba(0, 0, 0, 0.1); border-radius: 4px; top: 0; left: 0; right: 0; bottom: 0; }
.bpLeft img{ display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 6px; }
.bpRight{ padding-left: 12px; white-space: nowrap; }
.bpRight .pTitle{ font-size: 15px; font-weight: 600; display: -webkit-box;
  -webkit-line-clamp: 2; max-height: 38px;
  -webkit-box-orient: vertical;  max-width: 220px; white-space: normal;
  overflow: hidden;}
.bpRight .pAddress{ font-size: 14px;
    background-position: left 1px;
    margin-top: 0px;
    max-width: 220px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
.bpRight .pPrice{ font-size: 14px; margin-top: 8px; }
.bpRight .assigned_or_sold_dates{ font-size: 12px; margin-top: 14px !important; }

@media screen and (min-width: 1200px)
{
    .homeRProperty .pTitle{ /*font-size: 17px;*/ max-width: calc(100% - 40px); }
    /*.homeRProperty .pAddress{ font-size: 14px; }
    .homeRProperty .pPrice{ font-size: 17px; }*/
    .homeRProperty .property_itemGallery img{ height: 200px; }
   /* .homeRProperty .property_itemContent{ padding: 16px; }*/
    /*.homeRProperty .favourite_property{ margin-top: -6px; margin-right: -6px; }*/
}

.testimonailBlock{ margin-top: 40px; padding: 25px; background: #fff; border-radius: 4px; display: block; width: 100%; text-align: center; position: relative; }
.userImageblcok{ width: 70px; height: 70px; display: block; margin: 0 auto; margin-top: -60px; border-radius: 50%; box-shadow: 0 0 0 5px #fff; }
.userImageblcok img{ display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 8px;  }
.usernames{ display: block; width: 100%; padding-top: 20px; background: url(../images/quote.svg) 0 18px no-repeat;}
.usernames strong{ display: block; font-size: 18px; font-weight: 500; }
.usernames span{ display: block; font-size: 14px; color: #838892; padding-top: 3px; }
.testimContent{ display: block; padding-top: 20px; color: #434955; font-size: 15px; }
.testimContent p{ color: #000; font-weight: 300; font-size: 14px; margin-bottom: 0; line-height: 1.7;}


.testimonials .owl-carousel .owl-stage{display: flex;}
.testimonials .item {display: flex; flex: 1 0 auto; height: 100%; }

.totaleoitxt{ display: inline-block;}
.totaleoitxt span{ display: block; font-size: 14px; padding-bottom: 5px; }
.totaleoitxt strong{ display: block; font-size: 14px; font-weight: 500; padding:7px 10px; border-radius: 4px; min-width: 100px; }
.totaleoitxt.total_eoi strong{ background: #D9F9E8; color: #007D3A; }
.totaleoitxt.queue_eoi strong{ background: #EDF0F9; color: #1A5AD9; }
.totaleoitxt + .totaleoitxt{ margin-left: 15px; }
.eoiscountBox{ margin-top: 10px; }






.nList .aLeft{ padding-right: 0; display: flex; flex-direction: column; align-items: center; }
.nList .profilealeft{ padding: 10px 0 0 0; text-align: center; }

.viewwithlogin{ background: #eff1f3; border-radius: 10px; padding: 20px;}
.viewwithlogin a{ color: #1A5AD9; }


.ul-text{ display: block; width: 100%; margin-bottom: 25px; }
.ul-text li{ display: block; margin-bottom: 14px; line-height: 1.4; padding-left: 28px; font-size: 16px;
    background: url(../images/checkIcon.svg) left 2px no-repeat; position: relative;}
.ul-text ul{ margin-top: 15px; margin-bottom: 20px; }
.ul-text ul li{ background: none; padding-left: 20px; }
.ul-text ul li:before{ content: ""; width: 6px; height: 6px; background: #888; border-radius: 50px; position: absolute; left: 0; top: 8px; display: inline-block; }

.managepointsDiv{ display: inline-block; background: #eff1f3; padding: 18px; border-radius: 4px; margin-top: 25px; }
.managepointsDiv em{ font-size: 12px; }
.showpts{ display: flex; align-items: center; width: 100%; flex-wrap: wrap; }
.showpts strong{ color: #000; }
.showpts span{ color: #fff; padding: 8px; background: #007D3A; border-radius: 4px; display: inline-block; margin: 0 10px; }
.showpts a{ color: #1A5AD9; }



@media screen and (min-width:992px)
{
.rightblankcase .required-line.colorRed{max-width: 50%;
    margin-left: auto;
    margin-right: auto;}
.rightblankcase .set-profile-buttons{max-width: 50%;
        margin-left: auto;
        margin-right: auto;
        padding-left: 7px;
        padding-right: 7px;}
    }

    
    .termsText.checkbox label{ font-size: 13px; }





    .fullpageLoader>div>span{ background: transparent; width: 100px; height: 100px; border-radius: 4px; display: flex; align-items: center; justify-content: center; }     
.loader {
  width: 50px;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 8px solid #0000;
  border-right-color: #1A5AD997;
  position: relative;
  animation: spinnerloaders 1s infinite linear; -webkit-animation: spinnerloaders 1s infinite linear;
}
.loader:before,
.loader:after {
  content: "";
  position: absolute;
  inset: -8px;
  border-radius: 50%;
  border: inherit;
  animation: inherit; -webkit-animation: inherit;
  animation-duration: 2s; -webkit-animation-duration: 2s;
}
.loader:after {
  animation-duration: 4s; -webkit-animation-duration: 4s;
}
@keyframes spinnerloaders {
  100% {transform: rotate(1turn); webkit-transform: rotate(1turn); }
}
@-webkit-keyframes spinnerloaders {
  100% {transform: rotate(1turn); webkit-transform: rotate(1turn); }
}





@media screen and (min-width: 1200px)
{
    .projectBanner{ width: 43%; }
    .projectBanner img,
    .projectBanner:after{ height: 320px; }
    .projectInfo{ width: 57%; padding-left: 0; }
    .projectinfo_logo{ width: 160px;
    height: 160px;
    min-width: 160px;
    margin-top: 15px;
    margin-right: 24px;
    margin-left: -80px; }
    /* .projectinfo_top{ flex-wrap: wrap; } */
    .projectinfo_top .projectinfo_topLeft{ width: 100%; padding-bottom: 20px; }
    .projectDetails{ display: flex; }
    .projectinfo_box{ padding-top: 10px; }
}

.withqrcodes{ display: flex; width: 100%;}
.qrcodeshow{ margin-left: 30px; padding: 15px 15px; border-radius: 10px; border: solid 1px #eff1f3; display: inline-block; text-align: center; }
.qrcodeshow img{ width: 130px; display: block; margin: 0 auto; }

.qrcodebtn{ display: inline-block; padding-left: 24px; background: url(../images/downloadForm.svg) 0 0 no-repeat; color: #1A5AD9; font-size: 12px; margin-top: 10px; text-align: left; background-size: 18px; line-height: 18px; }
.footrerconnect{ display: inline-block; }

.downloadappsection{ display: block; width: 100%; }

.appdownloadcol{ display: inline-flex; align-items: center; margin-top: 0.2rem; }
.appbarcodescal{ display: inline-block; margin-right: 20px; padding: 0; }
.appbarcodescal img{ width: 58px; display: block; }
.storebutton img{ border-radius: 4px; height: 38px; }
.storebutton:hover{ opacity: 0.8; }

.playstorebutton{ margin-left: 0; margin-top: 20px; }
.footer_top strong{ font-weight: 600; }
.footer_top h5{ font-size: 1.14rem; margin-bottom: 1.3rem !important; }
.sydhbox{ display: flex; width: 100%; background: #fff; border: solid 1px #ddd; border-radius: 4px; }
.sydhbox .btn{ white-space: nowrap; margin: 4px 4px 0 5px; }
.aboutus-thumb-one img{ width: 100%;    height: 500px;
display: block;
object-fit: cover;
border-radius: 6px; }

.aboutus-thumb-two img{ width: 100%; max-width: 450px; }
.aboutbottomsection{     display: block;
width: 100%;
padding: 40px;
border-radius: 8px;
background: #eff1f3; }

.pro_av{ display: flex; width: 100%; align-items: center; flex-wrap: wrap; }
.property_item .pro_av{ margin-top: 10px; }
.proav_col{ display: flex; width: 100%; padding: 10px 0; border-top: solid 1px #ebebeb; border-bottom: solid 1px #ebebeb; margin-bottom: -1px; align-items: center;}
.proav_icon{ width: 30px; min-width: 30px; }
.proav_icon img{ display: block; width: 100%; }
.proav_cont{ padding-left:10px; flex-grow: 1; font-size: 14px; white-space: nowrap;  }
.proav_cont label{ display: block; width: 100%; font-weight: 400; padding-bottom: 5px; font-size: 12px;  }
.proav_cont span{ display: block; width: 100%; font-weight: 500; font-size: 14px; }

.proav_contRight{ text-align: right; }
.aboutinfoBtn a{ width: 20px; height: 20px; background: url(../images/infothis.svg) center no-repeat; display: inline-block; cursor: pointer; margin-bottom: 2px; opacity: 0.4;}
.aboutinfoBtn a:hover{ opacity: 1; }
.valuePriceshows{ display: block; text-align: right; clear: both; font-size: 11px; color: #828282; font-weight: 400; }

.greyav_box{ display: block; width: 100%; border-radius: 5px; background: #F2F4F9; padding: 15px 15px; clear: both; margin-bottom: 15px; border: 0; box-shadow: none; }

.contactinfos.section_full{ padding-top: 20px; }
.assigned_box .proav_cont{ padding-left: 12px; }
.assigned_box .proav_cont label{ font-size: 16px; font-weight: 600; }

.assigned_box .proav_col{ padding: 0; border: 0; padding-top: 10px; }
.assigned_box .proav_cont span{ font-size: 13px; }
.greyav_box.assigned_box h3{     margin-bottom: 6px !important; }

.sitemaplinks{ display: block; width: 100%; margin: 0; padding: 0; }
.sitemaplinks li{ list-style: none; width: 100%; margin-bottom: 3px; }
.sitemaplinks li a{ display: inline-block; position: relative; padding: 5px 25px 5px 0; color: #000; text-decoration: underline; }
.sitemaplinks li a:hover{ color: #1A5AD9; }

.sitemaplinks.threecolslinks{ display: flex; flex-wrap: wrap;}
.sitemaplinks.threecolslinks li{ width: 33.33%; }
.proavr{ flex-grow: 1; display: flex; justify-content: space-between; align-items: center;}


.authordetail{ display: flex; width: 100%; align-items: center; }
.authorimg{ width: 60px; min-width: 60px; display: inline-block; margin-right: 10px; }
.authorimg img{ display: block; width: 100%; height: 60px; object-fit: cover; border-radius: 50px; }
.post-thumb{ display: block; margin-bottom: 25px; }
.post-thumb img{ display: block; border-radius: 10px; }
.singleContentpage p{ font-size: 16px; }
.aboutus-thumb-two img{ max-height: 300px; width: auto; }

.relatedPost{ display: flex; width: 100%; align-items: center; margin-bottom: 20px; }
.relatedPost a{ display: flex; width: 100%; align-items: center; flex-grow: 1; }
.relatedPost_thumb{ width: 140px; min-width: 140px; margin-right: 20px; }
.relatedPost_thumb img{ display: block; width: 100%; height: 90px; object-fit: cover; border-radius: 6px;}
.relatedPost h6{ line-height: normal; }

.overInfoLeft .neworest{ margin-right: 4px; }

.stickyonscroll{ position: sticky; top: 130px; }

.twocols .col{ flex: 1 0 50%; }


.formexpiring{ display: block; margin-top: 20px; background: #D5184C url(../images/expiringicon.svg) 10px center no-repeat; color: #fff; padding: 8px; padding-left: 34px; font-size: 12px; border-radius: 4px; }

.doclists{ display: flex; align-items: center; width: 100%; /*border-top: solid 1px #C7D6F3;*/ padding: 14px 0 0 0; margin-top: 14px; font-size: 14px; }
.doclists div{ flex-grow: 1; }
.doclists label{ flex-grow: 1; font-weight: 400; padding-right: 20px; }
.doclists strong{ display:block; padding-bottom: 4px; }
.doclists a{ color: #1A5AD9; text-decoration: underline; }

.documentsshowall{ display: block; width: 100%; max-width: 780px; margin: 0 auto; }

.property_itemContent .statusValueBox.w-100{ margin-top: 10px; width: auto !important; }

/*.propertyDetailPage .projectinfo_top{ flex-wrap: nowrap; }
.propertyDetailPage .projectinfo_top .projectinfo_topLeft{ width: auto; }*/
.propertyDetailPage .projectinfo_top .pEntity{ margin-top: 0; }
.projectPrice{ /*display: block; width: 100%;*/ margin-bottom: 20px; }

.notificationOuter{ display: block; width: 100%;border-top: solid 1px #E6E6E6;  } 
.notificationList{ display: block; display: block; border-bottom: solid 1px #E6E6E6; padding: 15px 10px; }
.notificationList a{ color: #1A5AD9; }
.notificationList span{ color: #8B8B8B; font-size: 80%; }
.notificationList p{ margin-bottom: 5px; line-height: normal; }

.notificationList.newmsg{ cursor: pointer; padding-right: 30px; position: relative; }
.notificationList.newmsg:after{ content: ""; width: 10px; height: 10px; background:#1A5AD9; border-radius: 50px; position: absolute; right: 10px; top: 50%; margin-top: -5px; }
.notificationList.newmsg:hover{ background: #ECF2FF; }

.loadmoreData{ display: block; width: 100%; padding: 12px; border: solid 1px #ddd; background: #f4f5f7; cursor: pointer; border-radius: 4px; text-align: center; margin-top: 30px; }
.loadmoreData:hover{ background: #e3e5e9; }

.giveReviewRatingStar{ display: block; width: 100%; }
.giveReviewRatingStar ul{ display: flex; align-items: center; justify-content: center; }
.giveReviewRatingStar ul li{ display: inline-block; margin: 0 6px; position: relative; }
.giveReviewRatingStar ul li input[type="checkbox"]{ position: absolute; width: 1px; height: 1px; visibility: hidden; opacity: 0; }
.giveReviewRatingStar ul li label{ width: 30px; height: 30px; display: inline-block; background: url(../images/favourite_icon.svg) center no-repeat; background-size: 100%; cursor: pointer; }
.giveReviewRatingStar ul li label:hover{ opacity: 0.8; }
.giveReviewRatingStar ul li input[type="checkbox"]:checked + label{ background: url(../images/favourite_active_icon.svg) center no-repeat; background-size: 100%; cursor: default; opacity: 1;}

.showRatingsdata{ display: inline-flex; align-items: center; margin-top: 8px;}
.showRatingsdata span{ width: 14px; height: 14px; display: inline-block; background: url(../images/ratingImage.svg) 0 0 no-repeat; margin-right: 4px; }
.showRatingsdata span.rateFilled{ background-position: 0 -17px; }

/*New Css----*/
.MSTeams ul li {cursor: pointer; padding: 15px 18px; color: #000; font-size: 16px; }
.MSTeams ul li.active {background: #1A5AD9; color: #fff !important;}
.inIconBlog {position: relative;}
.inputIcon {
	position: absolute;
	right: 8px;
	top: 7px;
}

.previousMeetings {
	display: flex;
	position: relative;
	margin-bottom: 15px;
	border-bottom: 2px solid #eee;
	padding-bottom: 18px;
}

.previousMeetings .meetingBoxDate {
	min-width: 110px;
	background: #C1C1C1;
	border-radius: 5px;
	height: 70px;
	text-align: center;
	line-height:60px; padding: 5px 10px;
	color: #fff;
}

.previousMeetings p{ padding: 0; margin: 0;}
.messageBlog{background: #9B9B9B; padding:10px; border-radius: 5px; margin-bottom: 15px;}
.messageBlog p{ font-size: 12px; color: #fff; margin:0 0 6px 0;}

/*----07-06-24---*/
.pre-meeting-row{
  width: 100%;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16);
  margin-bottom: 12px;
  padding:15px;
  display: flex;
  flex-wrap: wrap;
  color: #747474;
}
.date-sqare{
  width: 105px;
  height: 105px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  background: #C2C2C2;
  color: #434955;
  font-size: 16px;
  flex: 0 0 auto;
  border-radius: 2px;
}
.date-sqare h6{
  font-size: 30px;
  font-weight: 700;
}
.pre-meeting-content{
  flex: 1;
  border-left: solid 1px #BFBFBF;
  padding-left: 15px;
  margin-left: 15px;
}
.copybtn{
  display: inline-block;
  text-decoration: none;
  border: solid 1px #CCCCCC;
  background: #F2F2F2;
  border-radius: 4px;
  padding: 3px 5px;
  font-size: 11px;
  color: #8E8E8E;
  line-height: 15px;
}
.copybtn img{
  vertical-align: middle;
}
.pre-met-heading-rwo{
  display: flex;
}
.pre-met-title{
  font-size: 13px;
}
.pre-met-title h6{
font-size: 16px;
color: #000000;
}
.meet-time-duration{
color: #000;
font-size: 16px;
font-weight: 700;
}
.participant-list-view{
  display: flex;
  align-items: center;
  margin-left: auto;
  font-size: 14px;
  color: #686D77;
}
.participant-list{
  display: flex;
}
.participant-list li img{
width: 40px;
height: 40px;
border-radius: 100%;
border: solid 1px #fff;
}
.participant-list li:not(:first-child){
  margin-left: -13px;
}
.pre-meeting-row.upcoming-meeting-row{
  background: #EFF1F3;
}
.upcoming-meeting-row .date-sqare{
  background: #007D3A;
  color: #DFFFEE;
}

.notes-row{
  width: 100%;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16);
  margin-bottom: 12px;
  padding:20px;
  color: #000000;
  font-size: 16px;
}
.note-date{
  font-weight: 700;
  font-size: 14px;
}
.level-tag{
  font-size: 12px;
  background: #1A5AD9;
  border-radius:4px;
  padding: 5px 10px;
  line-height: 1;
  color: #fff;
  display: inline-block;
}
.notes-status{
  font-size: 14px;
  color:#686D77
}
.notes-ft-text{
  font-size: 12px;
  color: #686D77;
  margin: 0;
}
.notes-ft-text span{
  font-weight: 700;
}
.notes-ft-text img{position: relative;
  top: 3px;
  margin-right:3px;
}