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

* {
    margin: 0;
    padding: 0;
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
}

body {
    font-size: 15px;
    line-height: normal;
    color: #1c1b1b;
    font-family: 'Poppins', sans-serif;
    background-color: #ffffff;
}

a {
    outline: none;
    text-decoration: none;
    color: #282828;
    -webkit-transition: ease-in-out .3s;
    -moz-transition: ease-in-out .3s;
    -ms-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}

a:hover {
    text-decoration: none;
}

input,
textarea,
select {
    font-size: 14px;
    color: #282828;
    vertical-align: middle;
    font-family: 'Poppins', sans-serif;
    outline: none;
    resize: none;
}

input[type="button"],
input[type="submit"],
button {
    -webkit-transition: ease-in-out .3s;
    -moz-transition: ease-in-out .3s;
    -ms-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
}

select {
    appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
}

select::-ms-expand {
    display: none;
}

.transition {
    -webkit-transition: ease-in-out .5s;
    -moz-transition: ease-in-out .5s;
    -ms-transition: ease-in-out .5s;
    -o-transition: ease-in-out .5s;
    transition: ease-in-out .5s;
}

img {
    border: none;
    vertical-align: top;
    max-width: 100%;
}

.tac {
    text-align: center;
}

.tar {
    text-align: right;
}

.vAlign {
    vertical-align: middle;
}

.mainCon {
    width: 100%;
    position: relative;
    min-height: 100vh;
    padding: 55px 0 0 0;
}

.container {
    max-width: 1920px;
    width: 100%;
    margin: auto;
    padding: 0 60px;
}

.flexBox {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flexBox.nowrap {
    flex-wrap: nowrap;
}

.itemCenter {
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
}

.spacebetween {
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
}

.header {
    width: 100%;
    background: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, .2);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    z-index: 1001;
}

.header .container {
    height: 65px;
}

.transactionHeader {
    padding-top: 25px;
}

.logo img {
    width: auto;
    max-width: 100px;
}

.showMobMenu {
    display: none;
}

.menuLink li {
    font-size: 15px;
    font-weight: 500;
    margin: 0 15px;
}

.menuLink li a {
    color: #000;
    display: inline-block;
    position: relative;
    padding: 8px 0;
}

.menuLink li a:hover,
.menuLink li a.active {
    color: #ce0334;
}

.menuLink li a.active:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -10px;
    width: 20px;
    height: 2px;
    background: #ce0334;
}

.accountBox {
    position: relative;
}

a.userLink {
    cursor: pointer;
    width: 80px;
    height: 42px;
    padding: 0 5px;
    border-radius: 30px;
    border: 1px solid #d3d3d3;
}

a.userLink img {
    border: 1px solid #d3d3d3;
    width: 32px;
    height: 32px;
    border-radius: 100%;
}

a.userLink span {
    color: #d21846;
    margin-left: 5px;
}

.accountMenu {
    position: absolute;
    right: 0;
    top: 100%;
    width: 220px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 4px;
    margin-top: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    display: none;
}

.accountMenu:before {
    content: '';
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #ccc;
    position: absolute;
    right: 20px;
    top: -8px;
}

.accountMenu>li {
    border-bottom: 1px solid #eee;
}

.accountMenu>li>a {
    display: block;
    padding: 8px 15px;
    font-weight: 500;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.accountMenu>li>a:hover,
.accountMenu>li>a.active {
    color: #ce0334;
}

.accountMenu>li>a.active span {
    transform: rotate(180deg);
}

.accountMenu ul {
    display: none;
    padding: 0 15px 15px 15px;
}

.accountMenu ul li {
    font-size: 14px;
    font-weight: 500;
    padding: 3px 10px;
}

.accountMenu ul li a {
    color: #999;
}

.accountMenu ul li a:hover {
    color: #000;
}

.grayBg {
    background: #f8f3f4;
    border-bottom: 1px solid #eae5e6;
}

.whtBg {
    background: #fff;
    border-bottom: 1px solid #eae5e6;
}

.pt50 {
    padding-top: 50px;
}

.pb50 {
    padding-bottom: 50px;
}

.pt20 {
    padding-top: 20px;
}

.pb20 {
    padding-bottom: 20px;
}

.topCon {
    background: #fff;
    margin-bottom: 30px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
    border-radius: 12px;
    overflow: hidden;
    height: 600px;
}

.topCon.active {
    height: 75px;
}

.topCon.active .top {
    display: none;
}

.topCon.active .topTab {
    display: none;
}

.topCon.active .topInfoBox {
    display: none;
}

.topCon.active .rightBox .info {
    display: none;
}

.topCon.active a.viewLising {
    display: none;
}

.topCon.active .rightBox .bot {
    justify-content: flex-end;
}

.leftBox {
    width: 33%;
}

.leftBox .top {
    background-size: cover !important;
    height: 110px;
    padding: 10px;
}

.searchBox {
    background: #fff;
    border-radius: 30px;
}

.searchInput {
    width: 100%;
    font-size: 14px;
    padding: 14px 20px;
    border: none;
    background: none;
}

.searchBtn {
    width: 32px;
    height: 32px;
    color: #b2b2b2;
    border: none;
    background: none;
    font-size: 32px;
    cursor: pointer;
    text-align: center;
}

.closeBtn {
    height: 32px;
    color: #b2b2b2;
    border: none;
    background: none;
    font-size: 32px;
    cursor: pointer;
    padding: 0 10px;
    border-left: 1px solid #d5d5d5;
    text-align: center;
    margin-left: 10px;
}

.leftBox .name {
    border-bottom: 1px solid #e9e9e9;
    padding: 15px 110px 15px 20px;
    color: #545454;
    font-size: 13px;
    font-weight: 600;
    position: relative;
}

.leftBox .name span {
    font-size: 17px;
    font-weight: 700;
    color: #000;
    display: block;
    padding: 0 0 5px 0;
}

.leftBox .name .tenant {
    background: #d31d49;
    font-size: 11px;
    text-transform: uppercase;
    height: 24px;
    border-radius: 30px;
    padding: 0 15px;
    color: #fff;
    text-transform: uppercase;
    line-height: 24px;
    position: absolute;
    right: 20px;
    top: 15px;
}

.topTab {
    border-bottom: 1px solid #e9e9e9;
    padding: 15px 20px;
}

.topTab li {
    width: 20%;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
}

.topTab li a {
    cursor: pointer;
    color: #000;
}

.topTab li a span {
    width: 36px;
    height: 36px;
    display: block;
    border-radius: 100%;
    border: 1px solid #ce0334;
    margin: 0 auto 5px auto;
    color: #ce0334;
    line-height: 34px;
    font-size: 20px;
}

.topTab li a:hover,
.topTab li.active a:hover {
    color: #ce0334;
}

.topTab li a:hover span,
.topTab li.active a span {
    background: #ce0334;
    color: #fff;
}

.topInfoBox {
    height: 300px;
    overflow: auto;
    padding: 15px 20px;
}

.chatList li {
    border-bottom: 1px solid #ebebeb;
    position: relative;
    padding: 15px 10px;
    display: flex;
    align-items: center;
    font-weight: 600;
}

.chatList li img {
    width: 50px;
    min-width: 50px;
    height: 50px;
    border-radius: 100%;
}

.chatList li .date {
    font-size: 12px;
    position: absolute;
    top: 10px;
    right: 0;
    color: #878787;
}

.chatList li .det {
    padding: 0 0 0 10px;
    font-size: 12px;
    color: #a7a7a7;
}

.chatList li .det .hd {
    display: block;
    color: #484848;
    font-size: 14px;
    padding-bottom: 2px;
}

.chatList li .det .bot {
    display: block;
    padding-top: 2px;
}

.chatList li .morebox {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
}

.chatList li .more {
    width: 22px;
    height: 22px;
    background: #fff;
    border-radius: 100%;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    font-size: 20px;
    text-align: center;
    line-height: 22px;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
}

.chatList li:hover {
    background: #efecfb;
    border-radius: 4px;
    border-bottom: 1px solid #fff;
}

.chatList li:hover .date {
    display: none;
}

.chatList li:hover .morebox {
    display: block;
}

.morebox {
    position: relative;
}

.moreMenu {
    position: absolute;
    right: 35px;
    top: 0;
    width: 100px;
    background: #fff;
    z-index: 100;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    display: none;
}

.moreMenu li {
    padding: 0 !important;
    display: block !important;
    border-bottom: 1px solid #ebebeb;
}

.moreMenu li a {
    display: block;
    width: 100%;
    padding: 1.0px 10px;
    font-size: 13px;
}

.filesList li {
    border-bottom: 1px solid #ebebeb;
    position: relative;
    padding: 22px 10px;
    display: flex;
    align-items: center;
    font-weight: 600;
}

.filesList li img {
    width: 40px;
    min-width: 40px;
    height: 40px;
}

.filesList li .det {
    padding: 0 0 0 15px;
    width: 100%;
    font-size: 12px;
    color: #999999;
    position: relative;
}

.filesList li .det .hd {
    display: block;
    color: #000;
    font-weight: 600;
    font-size: 16px;
    padding-bottom: 2px;
}

.filesList li .det .size {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 12px;
    font-weight: 700;
    color: #000;
}

.filesList li .morebox {
    z-index: 10;
    position: absolute;
    right: 10px;
    top: 10px;
}

.filesList li .more {
    width: 22px;
    height: 22px;
    background: #fff;
    border-radius: 100%;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    font-size: 20px;
    text-align: center;
    line-height: 22px;
    cursor: pointer;
}

.filesList li .more:hover {
    color: #ce0334;
}

.filesList li:hover {
    background: #efecfb;
    border-radius: 4px;
    border-bottom: 1px solid #fff;
}

.contactList li {
    border-bottom: 1px solid #ebebeb;
    position: relative;
    padding: 10px;
    display: flex;
    align-items: center;
    font-weight: 600;
}

.contactList li img {
    width: 70px;
    min-width: 70px;
    height: 70px;
    border-radius: 4px;
}

.contactList li .det {
    padding: 0 0 0 15px;
    width: 100%;
    font-size: 12px;
    color: #999999;
    position: relative;
}

.contactList li .det .hd {
    display: block;
    color: #000;
    font-weight: 600;
    font-size: 16px;
    padding-bottom: 2px;
}

.contactList li .morebox {
    z-index: 10;
    position: absolute;
    right: 10px;
    top: 10px;
}

.contactList li .more {
    width: 22px;
    height: 22px;
    background: #fff;
    border-radius: 100%;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    font-size: 20px;
    text-align: center;
    line-height: 22px;
    cursor: pointer;
}

.contactList li .more:hover {
    color: #ce0334;
}

.contactList li:hover {
    background: #efecfb;
    border-radius: 4px;
    border-bottom: 1px solid #fff;
}

.photoList li {
    width: 50%;
    border: 1px solid #fff;
}

.photoList li:nth-child(3n+1) {
    width: 100%;
}

.photoList li img {
    width: 100%;
}

.rightBox {
    width: 67%;
    background-size: cover !important;
    position: relative;
}

.rightBox .top {
    padding: 20px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
    justify-content: flex-end;
}

.rightBox .price li {
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    border-right: 2px solid #fff;
    line-height: 16px;
    height: 16px;
    padding-right: 15px;
    margin-left: 15px;
}

.rightBox .price li:last-child {
    border: none;
    padding-right: 0;
    margin-right: 0;
}


.rightBox .bot {
    padding: 20px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#cc000000', GradientType=0);
}

.rightBox .info li {
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    border-right: 2px solid #fff;
    line-height: 16px;
    height: 16px;
    padding-right: 15px;
    margin-left: 15px;
}

.rightBox .info li:last-child {
    border: none;
    padding-right: 0;
    margin-right: 0;
}

.rightBox a.viewLising {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    text-decoration: underline;
    margin-right: 10px;
}

.rightBox a.viewLising:hover {
    text-decoration: none;
}

.rightBox a.colEx {
    color: #333;
    line-height: 24px;
    display: inline-block;
    background: #fff;
    height: 24px;
    font-size: 13px;
    font-weight: 600;
    padding: 0 15px;
}

.rightBox a.colEx:hover {
    background: #ce0334;
    color: #fff;
}

.rightBox a.colEx .hide {
    display: none;
}

.rightBox a.colEx.active .open {
    display: none;
}

.rightBox a.colEx.active .hide {
    display: block;
}

.stepNav {
    padding: 40px 0 30px;
    display: flex;
    width: 100%;
}

.stepNav .item {
    text-align: center;
    width: 100%;
    color: #7b797a;
    font-size: 14px;
    font-weight: 500;
    position: relative;
    cursor: pointer;
}

.stepNav .item:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #c3bfc0;
    position: absolute;
    left: 50%;
    top: 14px;
}

.stepNav .item:last-child:after {
    display: none;
}

.stepNav .item span {
    display: block;
    width: 28px;
    height: 28px;
    background: #c3bfc0;
    border-radius: 100%;
    margin: 0 auto 5px auto;
    line-height: 24px;
    color: #848182;
    font-weight: 700;
    border: 2px solid #c3bfc0;
    position: relative;
    z-index: 2;
}

.stepNav .item.active {
    color: #282828;
}

.stepNav .item.active span {
    background: #fff;
    color: #ce0334;
    border: 2px solid #ce0334;
}

.stepNav .slick-track {
    transform: none !important;
}

.stepNav .item.complete span {
    background: #ce0334;
    color: #fff;
    border: 2px solid #ce0334;
}

.stepNav .item.complete:after {
    background: #ce0334;
}

.stepDet {
    position: relative;
    margin: 30px 0 0 0;
}

.infoLinkwrappers {
    border-bottom: 1px solid #e1dddd;
    padding-bottom: 20px;
}

.infoLinkwrappers .infoLinks {
    justify-content: flex-end;
    margin-right: 0px;
}

.basicInfo {
    width: 41%;
    padding: 5px;
}

.basicInfoList {
    margin-top: 15px;
}

.basicInfoList li {
    background: #fff;
    margin: 10px 0 0 0;
    border-radius: 12px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
    padding: 15px 20px;
    display: flex;
    color: #000;
    font-size: 14px;
}

.basicInfoList li .left {
    width: 32%;
    font-weight: 500;
    font-size: 13px;
    text-align: center;
}

.basicInfoList li .right {
    width:32%;
    font-size: 15px;
    padding: 0;
    font-weight: 400;
}

.basicInfoList li .right .smallText {
    font-size: 12px;
    font-weight: 600;
    color: #333;
}

.basicInfoList li a {
    color: #0872c3;
    font-weight: 400;
}

.basicInfoList li a:hover {
    text-decoration: underline;
}

.otherInfo {
    width: 59%;
    padding: 5px 5px 5px 30px;
}

.basicInfoList.RentalCriteria li .left {
    width: 220px;
}

.basicInfoList.RentalCriteria li .right {
    width: calc(100% - 220px);
}

.socialLinks a {
    margin-right: 10px;
}

.propertyType {
    font-weight: 600px;
    display: inline-block;
    font-size: 16px;
    border: 1px solid #8b8b8b;
    border-radius: 30px;
    padding: 0px 20px;
    width: 45%;
}

.cashFinanceType {
    font-weight: 600px;
    display: inline-block;
    font-size: 16px;
    border: 1px solid #8b8b8b;
    border-radius: 30px;
    padding: 4px 20px;
    width: 33%;
}



.mainHd {
    font-size: 26px;
    font-weight: 400;
    color: #3a3a3a;
}

.processHd {
    font-size: 22px;
    font-weight: 600;
    color: #3a3a3a;
}

.infoHd {
    font-size: 26px;
    font-weight: 500;
    color: #3a3a3a;
}

a.addBtn {
    font-size: 16px;
    color: #ce0334;
    font-weight: 400;
    margin-left: 20px;
    display: inline-block;
    vertical-align: middle;
}

a.addBtn span {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 4px 0;
    text-align: center;
    width: 22px;
    height: 22px;
    background: #fff;
    border-radius: 100%;
    box-shadow: 1px 3px 5px rgba(0, 0, 0, .2);
}

a.addBtn span i {
    width: 22px;
    height: 22px;
    line-height: 22px;
    font-size: 16px;
    font-weight: 700;
}

a.seeMore {
    font-size: 14px;
    color: #ce0334;
    font-weight: 600;
    text-decoration: underline;
}

a.seeMore:hover {
    text-decoration: none;
}

.RecentFiles .items {
    padding: 10px 20px;
}

.RecentFiles .inner {
    border: 1px solid #e4e3e3;
    overflow: hidden;
    background: #fff;
    height: 100%;
    border-radius: 12px;
    box-shadow: 1px 1px 8px rgba(0, 0, 0, .1);
}

.RecentFiles .icon {
    background: #f6f6f8;
    border-radius: 6px;
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.RecentFiles .det {
    padding: 15px;
}

.RecentFiles .name {
    font-size: 13px;
    min-height: 100px;
    font-weight: 600;
    color: #858585;
    padding-bottom: 10px;
}

.RecentFiles .name span {
    font-size: 16px;
    display: block;
    color: #3a3a3a;
    padding-bottom: 2px;
    position: relative;
}

.RecentFiles .size {
    font-size: 12px;
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
}

.RecentFiles .more a {
    color: #c2c2c2;
}

.RecentFiles .more a:hover {
    color: #ce0334;
}

.InvoiceFiles .items {
    padding: 10px 20px;
}

.InvoiceFiles .inner {
    border: 1px solid #e4e3e3;
    overflow: hidden;
    background: #fff;
    height: 100%;
    border-radius: 12px;
    box-shadow: 1px 1px 8px rgba(0, 0, 0, .1);
}

.InvoiceFiles .icon {
    background: #f6f6f8;
    border-radius: 6px;
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.InvoiceFiles .det {
    padding: 15px;
}

.InvoiceFiles .name {
    font-size: 13px;
    min-height: 100px;
    font-weight: 600;
    color: #858585;
    padding-bottom: 10px;
}

.InvoiceFiles .name span {
    font-size: 16px;
    display: block;
    color: #000;
    padding-bottom: 2px;
}

.InvoiceFiles .size {
    font-size: 12px;
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
}

.InvoiceFiles .more a {
    color: #c2c2c2;
}

.InvoiceFiles .more a:hover {
    color: #ce0334;
}

.productSlider .slick-list {
    margin: 0 -20px;
    display: flex;
}

.productSlider .slick-track {
    margin: 0;
    display: flex;
}

.productSlider {
    position: relative;
    padding: 5px 0 0 0;
}

.productSlider .slick-arrow {
    background: #dfdadb;
    width: 36px;
    height: 90px;
    position: absolute;
    top: 50%;
    margin-top: -45px;
    border: none;
    overflow: hidden;
    text-indent: -500px;
}

.productSlider .slick-arrow.slick-prev {
    left: -16px;
    width: 27px;
    background: #dfdadb url(../images/prev_arrow.png) no-repeat center;
}

.productSlider .slick-arrow.slick-next {
    right: -18px;
    width: 27px;
    background: #dfdadb url(../images/next_arrow.png) no-repeat center;
}

.productSlider .slick-arrow.slick-disabled {
    opacity: .4;
    cursor: not-allowed;
}

.messageTabBox {
    border-bottom: 1px solid #d2cecf;
}

.messageTab {
    align-items: center;
}

.messageTab li {
    font-size: 24px;
    margin-right: 15px;
}

.messageTab li a {
    padding: 0 5px 5px 5px;
    position: relative;
    color: #000;
    height: 54px;
    display: flex;
    align-items: center;
}

.messageTab li a:hover {
    color: #d31d49;
}

.messageTab li.active a {
    font-size: 32px;
    color: #000;
}

.messageTab li.active a:after {
    content: '';
    width: 100%;
    height: 5px;
    background: #d31d49;
    position: absolute;
    left: 0;
    bottom: 0;
}

.messageBox {
    margin: 20px 0 0 0;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .1);
}

.messageLeft {
    width: 360px;
    border-right: 1px solid #eee;
}

.messageLeft .top {
    padding: 15px;
}

.messageLeft .hd {
    font-size: 22px;
    font-weight: 600;
    padding-bottom: 10px;
}

.messageSearch {
    position: relative;
    background: #f8f3f4;
    border-radius: 30px;
    border: 1px solid #e8e8e8;
    width: 100%;
    margin-right: 20px;
}

.messageSearch .input {
    width: 100%;
    padding: 8px 8px 8px 45px;
    background: none;
    border: none;
}

.messageSearch .searchIcon {
    position: absolute;
    left: 12px;
    top: 6px;
    color: #6f6d6d;
}

.messageUsers {
    height: 450px;
    overflow: auto;
    padding: 0 15px;
}

.messageRight {
    width: calc(100% - 360px);
    border-right: 1px solid #eee;
}

.messageRight .top {
    border-bottom: 1px solid #dadada;
    padding: 15px 20px;
}

.messageRight .top .name {
    color: #3a3a3a;
    font-size: 22px;
    font-weight: 600;
}

.messageRight .top .links a {
    width: 36px;
    height: 36px;
    border-radius: 100%;
    margin-left: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.messageRight .top .links a:hover {
    background: #f3f3f3;
    color: #ce0334;
}

.messageRight .top .links a span {
    font-size: 22px;
}

.messageRight .bot {
    padding: 20px;
}

.chatScreen {
    max-width: 530px;
    margin: auto;
}

.chatTop {
    height: 400px;
    flex-flow: row wrap;
    overflow: auto;
    display: flex;
    align-items: flex-end;
    padding: 20px 0;
}

.chatTop .date {
    text-align: center;
    width: 100%;
    color: #666;
    margin-top: 25px;
    font-size: 14px;
    font-weight: 500;
}

.chatInner {
    margin-top: 25px;
    position: relative;
    padding: 0 0 0 55px;
    font-size: 16px;
    font-weight: 500;
}

.chatInner .userImg {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 4px;
}

.chatInner .name {
    font-size: 18px;
    font-weight: 700;
    display: block;
    padding-bottom: 5px;
}

.chatInner .name span {
    font-weight: 500;
    color: #484848;
    font-size: 14px;
}

.chatBot {
    position: relative;
    padding: 0 0 0 45px;
    margin-top: 10px;
}

.chatInputBox {
    border: 1px solid #b0b0b0;
    height: 44px;
    border-radius: 30px;
}

.chatInputBox .input {
    width: 100%;
    padding: 9px 20px;
    background: none;
    border: none;
}

.chatInputBox .sendBtn {
    background: #d31d49;
    min-width: 36px;
    width: 36px;
    height: 36px;
    border-radius: 100%;
    border: none;
    margin: 0 3px;
    color: #fff;
}

.chatInputBox .sendBtn span {
    font-size: 20px;
    transform: rotate(-30deg);
    text-align: center;
}

.chatInputBox .attachBtn {
    position: absolute;
    left: 7px;
    top: 7px;
    border: none;
    background: none;
}

.chatInputBox .attachBtn span {
    color: #7f7f7f;
    font-weight: 600;
    font-size: 28px;
    transform: rotate(40deg);
}

.allNotes .items {
    padding: 10px 20px;
}

.allNotes .inner {
    border: 1px solid #e4e3e3;
    overflow: hidden;
    background: #fff;
    height: 100%;
    border-radius: 12px;
    box-shadow: 1px 1px 8px rgba(0, 0, 0, .1);
}

.allNotes .icon {
    background: #f6f6f8;
    border-radius: 6px;
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.allNotes .det {
    padding: 15px;
    min-height: 180px;
}

.allNotes .name {
    font-size: 13px;
    font-weight: 600;
    color: #858585;
}

.allNotes .name span {
    font-size: 16px;
    display: block;
    color: #000;
    padding-bottom: 2px;
}

.noteText {
    font-size: 13px;
    padding: 15px 0 0 0;
}

.photoVideos .items {
    padding: 10px 20px;
}

.photoVideos .inner {
    border: 1px solid #e4e3e3;
    background: #fff;
    height: 100%;
    border-radius: 12px;
    padding: 0;
    box-shadow: 1px 1px 8px rgba(0, 0, 0, .1);
}

.photoVideos .img {
    border-radius: 6px 6px 0 0;
    overflow: hidden;
    position: relative;
}

.photoVideos .img img {
    width: 100%;
    max-width: inherit;
}

.photoVideos .img .video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.photoVideos .img .video .material-icons {
    font-size: 40px;
    width: 40px;
    height: 40px;
}

.photoVideos .bot {
    padding: 15px;
}

.photoVideos .name {
    font-size: 13px;
    font-weight: 600;
    color: #858585;
    min-height: 10px;
}

.photoVideos .name span {
    font-size: 16px;
    display: block;
    color: #000;
    padding-bottom: 2px;
}

.photoVideos .name.contact {
    min-height: 100px;
}

.contantLinks {
    justify-content: space-between;
    padding: 20px 0 0 0;
}

.contantLinks a {
    color: #999999;
}

.contantLinks a:hover {
    color: #ce0334;
}

.checkWrapper {
    position: relative;
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 4px 0;
}

.checkInpt {
    opacity: 0;
    height: 24px;
    width: 24px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    margin: 0;
}

.checkInpt+.bg {
    height: 24px;
    width: 24px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    border: 2px solid #dcdcdc;
    background: #fff;
    border-radius: 3px;
}

.checkInpt:checked+.bg {
    background: #fff url(../../images/check_icon.png) no-repeat center;
    border: 2px solid #008933;
}

.footer {
    text-align: center;
    padding: 12px 0;
    font-size: 12px;
    color: #999;
    font-weight: 500;
    border-top: 1px solid #eae5e6;
}

.overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .7);
    z-index: 1001;
    overflow: auto;
}

.popupInner {
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

.popupBox {
    background: #fff;
    width: 100%;
    max-width: 1170px;
    margin: auto;
    position: relative;
}

.close {
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
}

.close span {
    font-size: 32px;
}

.listingLeft {
    width: calc(100% - 500px);
    height: 96vh;
    overflow: auto;
}

.listiingGallery li {
    width: 50%;
    padding: 2px;
}

.listiingGallery li:nth-child(3n+1) {
    width: 100%;
}

.listiingGallery li img {
    width: 100%;
}

.listingRight {
    width: 500px;
}

.listingRight .top {
    padding: 15px;
    border-bottom: 1px solid #d9d9d9;
}

.listingRight .top .name {
    font-weight: 700;
    font-size: 26px;
    padding-bottom: 5px;
}

.listingRight .top .name span {
    color: #767676;
    font-size: 15px;
    font-weight: 600;
}

.listingRight .top .address {
    color: #767676;
    font-weight: 600;
    font-size: 16px;
    padding-bottom: 5px;
}

.listingRight .top .payment {
    color: #000000;
    font-weight: 600;
    font-size: 14px;
    padding-bottom: 20px;
}

.listingRight .top a.contactBtn {
    display: block;
    background: #ce0334;
    font-size: 14px;
    font-weight: 700;
    border-radius: 30px;
    color: #fff;
    text-transform: uppercase;
    padding: 12px;
    text-align: center;
}

.listingRight .top a.contactBtn:hover {
    background: #333;
}

.listingTabSlider {
    border-bottom: 2px solid #dcdcdc;
    padding: 0 30px;
}

.listingTabSlider .item {
    font-weight: 600;
    position: relative;
    font-size: 14px;
    color: #000;
    padding: 15px 0;
    margin: 0 8px;
    cursor: pointer;
}

.listingTabSlider .item:hover {
    color: #ce0334;
}

.listingTabSlider .item.slick-current:after {
    content: '';
    width: 100%;
    height: 4px;
    background: #ce0334;
    position: absolute;
    left: 0;
    bottom: 0;
}

.listingTabSlider .slick-arrow {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    overflow: hidden;
    text-indent: -500px;
    border: none;
}

.listingTabSlider .slick-arrow.slick-disabled {
    cursor: not-allowed;
    opacity: .4;
}

.listingTabSlider .slick-arrow.slick-prev {
    background: url(../images/prev_arrow_small.png) no-repeat center;
    left: 0;
}

.listingTabSlider .slick-arrow.slick-next {
    background: url(../images/next_arrow_small.png) no-repeat center;
    right: 0;
}

.listingDetBox {
    height: calc(96vh - 298px);
    overflow: auto;
    padding: 15px 20px;
}

.listingHd {
    font-size: 22px;
    font-weight: 700;
    padding-bottom: 10px;
}

.monCost {
    font-size: 16px;
    padding-bottom: 10px;
}

.monCost span {
    display: block;
    font-size: 22px;
    font-weight: 700;
}

.costDetList {
    border: 1px solid #949494;
}

.costDetList li {
    border-bottom: 1px solid #949494;
}

.costDetList li:last-child {
    border-bottom: none;
}

.costDetList li .q {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 10px 45px 10px 20px;
    font-size: 14px;
    cursor: pointer;
}

.costDetList li .q .left {
    font-weight: 500;
}

.costDetList li .q .right {
    font-weight: 700;
}

.costDetList li .q .arrow {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #ce0334;
}

.exText {
    padding: 10px 0 0 0;
    font-size: 12px;
}

.popupBox.notesPopup {
    max-width: 700px;
    padding: 35px;
}

.popupHd {
    font-size: 25px;
    font-weight: 500;
    border-bottom: 2px solid #dddddd;
    padding-bottom: 20px;
}

.form {
    padding: 30px 0;
    border-bottom: 0px solid #dddddd;
    margin: -8px;
}

.form li {
    padding: 8px;
}

.fieldHd {
    display: block;
    color: #3a3a3a;
    font-size: 15px;
    font-weight: 500;
    padding-bottom: 5px;
}

.formInput {
    width: 100%;
    border: 1px solid #d1d1d1;
    border-radius: 4px;
    padding: 12px;
    font-size: 15px;
    font-weight: 500;
}

.formSelect {
    width: 100%;
    border: 1px solid #d1d1d1;
    border-radius: 4px;
    padding: 12px;
    font-size: 15px;
    font-weight: 500;
    background: #fff url(../../images/select_arrow.png) no-repeat right 10px center;
}

.buttonCov {
    padding: 35px 0 0 0;
}

.formBtn {
    background: #ce0334;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 4px;
    border: none;
    position: relative;
}

.formBtn:hover {
    background: #333;
}

.uploadBox {
    border: 2px dashed #dfdfdf;
    padding: 30px;
    border-radius: 6px;
    text-align: center;
}

.uplaodIcon {
    border: 2px solid #e06784;
    border-radius: 4px;
    width: 36px;
    height: 36px;
    margin: auto;
}

.uplaodIcon span {
    font-size: 28px;
    height: 28px;
    width: 28px;
    color: #e06784;
    line-height: 32px;
}

.ddText {
    color: #4f4d4d;
    font-size: 15px;
    font-weight: 600;
    padding: 20px 0;
}

.uploadBox .formBtn {
    font-size: 15px;
    padding: 12px 35px;
    overflow: hidden;
}

.uploadBox .fileInput {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 30px;
    opacity: 0;
}

.uploadStatus {
    position: relative;
    border-bottom: 0px solid #dddddd;
    padding: 20px 0 0 0;
    display: flex;
}

.uploadStatus .img {
    max-width: 100px;
    min-width: 100px;
}

.uploadStatus .det {
    width: 100%;
    position: relative;
    margin-left: 10px;
}

.uploadStatus .statusBox {
    background: #dddddd;
    position: relative;
    width: 100%;
    height: 4px;
    border-radius: 6px;
    margin: 40px 0;
    color: #4f4d4d;
    font-size: 14px;
    font-weight: 600;
}

.statusBox .status {
    background: #2fdf84;
    height: 4px;
    border-radius: 6px;
    position: absolute;
    left: 0;
    top: 0;
}

.statusBox .name {
    position: absolute;
    left: 0;
    top: -25px;
}

.statusBox .size {
    position: absolute;
    right: 30px;
    top: -25px;
}

.statusBox .done {
    position: absolute;
    left: 0;
    bottom: -25px;
}

.statusBox .time {
    position: absolute;
    right: 0;
    bottom: -25px;
}

.statusBox .close {
    position: absolute;
    right: 0;
    top: -24px;
    color: #999;
    cursor: pointer;
}

.statusBox .close span {
    font-size: 20px;
    width: 20px;
    height: 20px;
    font-weight: 700;
}

.chatInner.mt0 {
    margin-top: 0;
}

.offerlist {
    position: relative;
    line-height: 31px;
    font-weight: 600 !important;
    padding-left: 40px !important;
}

.offerlist i {
    width: 31px;
    height: 31px;
    border-radius: 50%;
    display: inline-block;
    font-style: normal;
    line-height: 29px;
    border: #f3c3ce solid 1px;
    text-align: center;
    font-weight: 600;
    position: absolute;
    top: 0;
    left: 0;
    color: #ce0334;
    font-size: 14px;
}

.offerBtn a {
    border: #fcece7 solid 2px;
}

.schduleBtnBx {
    width: 320px !important;
}

.schduleBtnBx a {
    min-width: 130px;
    display: inline-block !important;
}

.searchFilter {
    border-bottom: 1px solid #e1dddd;
    padding: 15px;
    border-top: 1px solid #e1dddd;
    margin-top: -1px;
}

.filterLft {
    margin: 0 -5px;
}

.filterLft .inner {
    padding: 5px;
}

.filterSerchBox {
    width: 300px;
}

.filterSerch {
    width: 100%;
    background: #fff;
    border: 1px solid #cbc7c8;
    height: 32px;
    border-radius: 30px;
    position: relative;
}

.filterSerch .tag {
    background: #d3d3d3;
    margin: 3px;
    height: 24px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 600;
    padding: 3px 10px;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.filterSerch .tag .closeIcon {
    font-size: 16px;
    width: 16px;
    height: 16px;
    margin-left: 5px;
    cursor: pointer;
}

.filterSerch .filterInput {
    width: 100%;
    border: none;
    background: none;
    padding: 0 5px;
    font-size: 13px;
}

.filterSerch .filterBtn {
    color: #7f7f7f;
    background: none;
    border: none;
    padding: 2px 8px;
}

.filterSerch .filterBtn span {
    font-size: 22px;
    width: 22px;
    height: 22px;
    font-weight: 500;
}

.filterBox {
    position: relative;
}

a.filterLink {
    display: block;
    background: #fff url(../../images/select_arrow.png) no-repeat right 10px center;
    background-size: 12px;
    border: 1px solid #cbc7c8;
    height: 32px;
    border-radius: 30px;
    font-size: 13px;
    padding: 0 35px 0 15px;
    color: #000;
    line-height: 30px;
    font-weight: 500;
    white-space: nowrap;
}

a.filterLink i {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    display: inline-block;
    background: #eee;
    margin: 0 5px 4px 0;
    vertical-align: middle;
}

.allFilter {
    background: #fff;
    border: 1px solid #d31d49;
    height: 32px;
    border-radius: 30px;
    font-size: 13px;
    padding: 0 25px;
    color: #d31d49;
    font-weight: 500;
    white-space: nowrap;
}

.saveSearch {
    background: #d31d49;
    border: 1px solid #d31d49;
    height: 32px;
    border-radius: 30px;
    font-size: 13px;
    padding: 0 25px;
    color: #fff;
    font-weight: 500;
    white-space: nowrap;
}

.clearFilter {
    font-size: 13px;
    color: #d31d49;
    font-weight: 500;
    white-space: nowrap;
    background: none;
    border: none;
}

.clearFilterMore {
    font-size: 15px !important;
    font-weight: 700 !important;
}

.filterRgt {
    font-size: 13px;
    font-weight: 600;
}

.filterRgt span {
    margin-right: 10px;
}

.toggleBox {
    margin: 0 10px;
    width: 60px;
    height: 28px;
    position: relative;
    background: #ccc;
    border-radius: 30px;
    overflow: hidden;
    cursor: pointer;
}

.toggleBox i {
    width: 24px;
    height: 24px;
    transition: ease-in-out .2s;
    background: #fff;
    border-radius: 100%;
    position: absolute;
    left: 2px;
    top: 2px;
}

.toggleBox.active {
    background: #ce0334;
}

.toggleBox.active i {
    left: 34px;
}

.searchResult.active .searchLeft {
    width: 50%;
    height: 550px;
}

.searchResult.active .resultList li {
    width: 50%;
}

.searchResult.active .resultListFav li {
    width: 50%;
}

.searchResult.active .unVisited li {
    width: 50%;
}

/* 28-09-2022*/
.searchResult.active .visited li {
    width: 50%;
}

.searchResult.active .searchRight {
    display: block;
}

.searchResult.active .tourList li {
    width: 100%;
}

.searchLeft {
    width: 100%;
    height: auto;
    overflow: auto;
    background: #fff;
    transition: ease-in-out .3s;
}

.resultTop {
    padding: 0 20px;
    border-bottom: 2px solid #e3e3e3;
}

.resultTab li {
    margin-right: 15px;
}

.resultTab li a {
    color: #898989;
    display: block;
    font-size: 18px;
    padding: 15px;
    position: relative;
}

.resultTab li a:hover {
    color: #000;
}

.resultTab li a.active {
    color: #000;
}

.resultTab li a.active:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #ce0334;
    position: absolute;
    left: 0;
    bottom: -2px;
}

.totalResult {
    color: #3a3a3a;
    font-size: 15px;
}

.totalResult span {
    color: #ce0334;
    margin-left: 5px;
    margin-right: 5px;
}

.totalResult span .icon {
    margin: 0 5px 2px 0;
    vertical-align: middle;
    transform: rotate(90deg);
}

.resultList {
    padding: 10px;
}

.resultList li {
    width: 25%;
    padding: 10px;
}

.resultList li .inner {
    height: 100%;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    overflow: hidden;
    position: relative;
}

.resultList li .img {
    position: relative;
    /* border-bottom: 3px solid #ce0334;*/
}

.resultList li .img a {
    display: block;
    position: relative;
    z-index: 10;
}

.resultList li .img a img {
    width: 100%;
}

.resultList li .img a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /*background: -moz-linear-gradient(top,  rgba(0,0,0,0.94) 0%, rgba(0,0,0,0.77) 18%, rgba(255,255,255,0.39) 59%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(top,  rgba(0,0,0,0.94) 0%,rgba(0,0,0,0.77) 18%,rgba(255,255,255,0.39) 59%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom,  rgba(0,0,0,0.94) 0%,rgba(0,0,0,0.77) 18%,rgba(255,255,255,0.39) 59%,rgba(255,255,255,0) 100%);*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0000000', endColorstr='#00ffffff', GradientType=0);
}

.resultList li .img .fav {
    position: absolute;
    cursor: pointer;
    right: 10px;
    top: 10px;
    color: #fff;
    font-size: 28px;
    width: 28px;
    height: 28px;
    z-index: 10;
}

.resultList li .img .fav:hover,
.resultList li .img .fav.active {
    color: #ce0334;
}

.resultList li .det {
    padding: 20px;
    color: #4c4c4c;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
}

.resultList li .det .price {
    font-size: 24px;
    font-weight: 600;
    color: #000;
    line-height: normal;
    padding-bottom: 5px;
}

.resultList li .det .name {
    padding-bottom: 5px;
}

.resultList li .det .address {
    padding-bottom: 10px;
}

.resultList li .det a.view {
    color: #d31d49;
    font-size: 13px;
}

.resultList li .det a.view:hover {
    color: #000;
}

.resultList li .over {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    z-index: 13;
    display: none;
    text-align: center;
}

.resultList li .inner:hover .over {
    display: flex;
    align-items: center;
    justify-content: center;
}

.resultList li .over .hd {
    font-size: 16px;
    color: #fff;
    padding-bottom: 15px;
}

.resultList li .over .btn a {
    display: inline-block;
    margin: 0 5px;
    border: 1px solid #d31d49;
    color: #d31d49;
    background: #fff;
    font-size: 13px;
    font-weight: 500;
    padding: 7px 30px;
    border-radius: 30px;
}

.resultList li .over .btn a.remove {
    background: #d31d49;
    color: #fff;
}

.resultListFav {
    padding: 10px;
}

.resultListFav li {
    width: 25%;
    padding: 10px;
}

.resultListFav li .inner {
    height: 100%;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    overflow: hidden;
    position: relative;
}

.resultListFav li .img {
    position: relative;
    /* border-bottom: 3px solid #ce0334;*/
}

.resultListFav li .img a {
    display: block;
    position: relative;
    z-index: 10;
}

.resultListFav li .img a img {
    width: 100%;
}

.resultListFav li .img a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /* background: -moz-linear-gradient(top,  rgba(0,0,0,0.94) 0%, rgba(0,0,0,0.77) 18%, rgba(255,255,255,0.39) 59%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(top,  rgba(0,0,0,0.94) 0%,rgba(0,0,0,0.77) 18%,rgba(255,255,255,0.39) 59%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom,  rgba(0,0,0,0.94) 0%,rgba(0,0,0,0.77) 18%,rgba(255,255,255,0.39) 59%,rgba(255,255,255,0) 100%);*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0000000', endColorstr='#00ffffff', GradientType=0);
}

.resultListFav li .img .fav {
    position: absolute;
    cursor: pointer;
    right: 10px;
    top: 10px;
    color: #fff;
    font-size: 28px;
    width: 28px;
    height: 28px;
    z-index: 10;
}

.resultListFav li .img .fav:hover,
.resultListFav li .img .fav.active {
    color: #ce0334;
}

.resultListFav li .det {
    padding: 20px;
    color: #4c4c4c;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
}

.resultListFav li .det .price {
    font-size: 24px;
    font-weight: 600;
    color: #000;
    line-height: normal;
    padding-bottom: 5px;
}

.resultListFav li .det .name {
    padding-bottom: 5px;
}

.resultListFav li .det .address {
    padding-bottom: 10px;
}

.resultListFav li .det a.view {
    color: #d31d49;
    font-size: 13px;
}

.resultListFav li .det a.view:hover {
    color: #000;
}

.resultListFav li .over {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    z-index: 13;
    display: none;
    text-align: center;
}

.resultListFav li .inner:hover .over {
    display: flex;
    align-items: center;
    justify-content: center;
}

.resultListFav li .over .hd {
    font-size: 16px;
    color: #fff;
    padding-bottom: 15px;
}

.resultListFav li .over .btn a {
    display: inline-block;
    margin: 0 5px;
    border: 1px solid #d31d49;
    color: #d31d49;
    background: #fff;
    font-size: 13px;
    font-weight: 500;
    padding: 7px 30px;
    border-radius: 30px;
}

.resultListFav li .over .btn a.remove {
    background: #d31d49;
    color: #fff;
}

/*29-09-2022*/

.unVisited {
    padding: 10px;
}

.unVisited li {
    width: 25%;
    padding: 10px;
}

.unVisited li .inner {
    height: 100%;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    overflow: hidden;
    position: relative;
}

.unVisited li .img {
    position: relative;
    /* border-bottom: 3px solid #ce0334;*/
}

.unVisited li .img a {
    display: block;
    position: relative;
    z-index: 10;
}

.unVisited li .img a img {
    width: 100%;
}

.unVisited li .img a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /* background: -moz-linear-gradient(top,  rgba(0,0,0,0.94) 0%, rgba(0,0,0,0.77) 18%, rgba(255,255,255,0.39) 59%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(top,  rgba(0,0,0,0.94) 0%,rgba(0,0,0,0.77) 18%,rgba(255,255,255,0.39) 59%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom,  rgba(0,0,0,0.94) 0%,rgba(0,0,0,0.77) 18%,rgba(255,255,255,0.39) 59%,rgba(255,255,255,0) 100%);*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0000000', endColorstr='#00ffffff', GradientType=0);
}

.unVisited li .img .fav {
    position: absolute;
    cursor: pointer;
    right: 10px;
    top: 10px;
    color: #fff;
    font-size: 28px;
    width: 28px;
    height: 28px;
    z-index: 10;
}

.unVisited li .img .fav:hover,
.unVisited li .img .fav.active {
    color: #ce0334;
}

.unVisited li .det {
    padding: 20px;
    color: #4c4c4c;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
}

.unVisited li .det .price {
    font-size: 24px;
    font-weight: 600;
    color: #000;
    line-height: normal;
    padding-bottom: 5px;
}

.unVisited li .det .name {
    padding-bottom: 5px;
}

.unVisited li .det .address {
    padding-bottom: 10px;
}

.unVisited li .det a.view {
    color: #d31d49;
    font-size: 13px;
}

.unVisited li .det a.view:hover {
    color: #000;
}

.unVisited li .over {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    z-index: 13;
    display: none;
    text-align: center;
}

.unVisited li .inner:hover .over {
    display: flex;
    align-items: center;
    justify-content: center;
}

.unVisited li .over .hd {
    font-size: 16px;
    color: #fff;
    padding-bottom: 15px;
}

.unVisited li .over .btn a {
    display: inline-block;
    margin: 0 5px;
    border: 1px solid #d31d49;
    color: #d31d49;
    background: #fff;
    font-size: 13px;
    font-weight: 500;
    padding: 7px 30px;
    border-radius: 30px;
}

.unVisited li .over .btn a.remove {
    background: #d31d49;
    color: #fff;
}

.visited {
    padding: 10px;
}

.visited li {
    width: 25%;
    padding: 10px;
}

.visited li .inner {
    height: 100%;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    overflow: hidden;
    position: relative;
}

.visited li .img {
    position: relative;
    /* border-bottom: 3px solid #ce0334;*/
}

.visited li .img a {
    display: block;
    position: relative;
    z-index: 10;
}

.visited li .img a img {
    width: 100%;
}

.visited li .img a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /* background: -moz-linear-gradient(top,  rgba(0,0,0,0.94) 0%, rgba(0,0,0,0.77) 18%, rgba(255,255,255,0.39) 59%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(top,  rgba(0,0,0,0.94) 0%,rgba(0,0,0,0.77) 18%,rgba(255,255,255,0.39) 59%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom,  rgba(0,0,0,0.94) 0%,rgba(0,0,0,0.77) 18%,rgba(255,255,255,0.39) 59%,rgba(255,255,255,0) 100%);*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0000000', endColorstr='#00ffffff', GradientType=0);
}

.visited li .img .fav {
    position: absolute;
    cursor: pointer;
    right: 10px;
    top: 10px;
    color: #fff;
    font-size: 28px;
    width: 28px;
    height: 28px;
    z-index: 10;
}

.visited li .img .fav:hover,
.visited li .img .fav.active {
    color: #ce0334;
}

.visited li .det {
    padding: 20px;
    color: #4c4c4c;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
}

.visited li .det .price {
    font-size: 24px;
    font-weight: 600;
    color: #000;
    line-height: normal;
    padding-bottom: 5px;
}

.visited li .det .name {
    padding-bottom: 5px;
}

.visited li .det .address {
    padding-bottom: 10px;
}

.visited li .det a.view {
    color: #d31d49;
    font-size: 13px;
}

.visited li .det a.view:hover {
    color: #000;
}

.visited li .over {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    z-index: 13;
    display: none;
    text-align: center;
}

.visited li .inner:hover .over {
    display: flex;
    align-items: center;
    justify-content: center;
}

.visited li .over .hd {
    font-size: 16px;
    color: #fff;
    padding-bottom: 15px;
}

.visited li .over .btn a {
    display: inline-block;
    margin: 0 5px;
    border: 1px solid #d31d49;
    color: #d31d49;
    background: #fff;
    font-size: 13px;
    font-weight: 500;
    padding: 7px 30px;
    border-radius: 30px;
}

.visited li .over .btn a.remove {
    background: #d31d49;
    color: #fff;
}

/*end*/

.tourList {
    padding: 10px;
}

.tourList li {
    width: 50%;
    padding: 10px;
}

.tourList li .inner {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
    padding: 0px 0px;
    position: relative;
}

.tourList li .left {
    width: calc(100% - 240px);
    font-size: 15px;
    color: #4c4c4c;
    font-weight: 500;
}

.tourList li .left .price {
    font-size: 24px;
    font-weight: 600;
    color: #000;
    line-height: normal;
    padding-bottom: 2px;
}

.tourList li .left .name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tourList li .right {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    text-align: right;
}

.tourList li .right .addSchedule a {
    font-size: 15px;
    font-weight: 500;
    color: #4c4c4c;
}

.tourList li .right .addSchedule a span {
    vertical-align: middle;
    margin: 0 2px 5px 0;
}

.tourList li .right .addSchedule a:hover {
    color: #d21846;
}

.tourList li .right .tourContract {
    color: #d31d49;
    font-size: 13px;
    font-weight: 500;
}

.tourList li .right .tourContract a {
    color: #bebebe;
}

.tourList li .right .tourContract a span {
    font-size: 28px;
    width: 28px;
    height: 28px;
    vertical-align: middle;
}

.tourList li .right .tourContract a:hover {
    color: #d31d49;
}

.searchRight {
    width: 50%;
    display: none;
    transition: ease-in-out .3s;
}

.searchRight iframe {
    width: 100%;
    height: 550px;
}

.basicInfoList.mt5 {
    margin-top: 5px;
}

.proTips {
    margin-left: 10px;
}

.infoLinks a {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    margin-left: 5px;
    color: #484848;
    display: flex;
    align-items: center;
    justify-content: center;
}

.infoLinks a:hover {
    background: #fff;
    color: #ce0334;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
}

.infoLinks a.more {
    width: auto;
    height: auto;
    color: #999;
}

.infoLinks a.more:hover {
    background: none;
    box-shadow: none;
    color: #ce0334;
}

a.edit,
span.edit {
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #d3cecf;
    border-radius: 100%;
    margin: 0 0 0 10px;
    cursor: pointer;
}

a.edit span,
span.edit span {
    font-size: 16px;
    width: 16px;
    height: 16px;
    color: #666;
}

a.edit:hover,
span.edit:hover {
    background: #ce0334;
}

a.edit:hover span,
span.edit:hover span {
    color: #fff;
}

.editBox {
    position: relative;
    padding-right: 25px !important;
}

.editBox a.edit {
    position: absolute;
    right: 0;
    top: 2px;
    width: 20px;
    height: 20px;
    text-decoration: none !important;
}

.editBox a.edit span {
    font-size: 14px;
    width: 14px;
    height: 14px;
    text-decoration: none !important;
}

.todoList {
    margin-top: 15px;
}

.todoList>li {
    background: #fff;
    margin: 10px 0 0 0;
    border-radius: 12px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
    padding: 15px 20px;
    color: #000;
    font-size: 14px;
}

.todoBox {
    width: 100%;
    position: relative;
    padding-right: 30px;
}

.todoBox .count {
    min-width: 32px;
    width: 32px;
    height: 32px;
    border: 1px solid #f2beca;
    border-radius: 100%;
    color: #ce0334;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

.todoBox .det {
    padding: 0 27px 0 15px;
    color: #666;
    font-size: 14px;
    font-weight: 400;
}

.todoBox .det span {
    display: block;
    font-size: 20px;
    font-weight: 600;
    color: #3a3a3a;
}

.todoBox .arrow {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -12px;
    cursor: pointer;
    transition: ease-in-out .5s;
}

.todoBox .arrow.active {
    transform: rotate(180deg);
}

.todoOffer {
    border-top: 1px solid #e3e3e3;
    margin: 15px 0;
}

.todoOffer li {
    padding: 15px 0;
    border-bottom: 1px solid #eeeeee;
    display: flex;
    position: relative;
}

.todoOffer li .icon {
    min-width: 80px;
    width: 80px;
}

.todoOffer li .icon a {
    margin-right: 5px;
    color: #999999;
}

.todoOffer li .icon a:hover {
    color: #ce0334;
}

.todoOffer li .img {
    min-width: 70px;
    width: 70px;
}

.todoOffer li .det {
    padding: 0 0 0 15px;
    color: #898989;
    font-size: 13px;
}

.todoOffer li .det span {
    display: block;
    font-weight: 700;
    color: #3a3a3a;
    font-size: 16px;
}

a.pinkButton {
    background: #ce0334;
    display: inline-block;
    border-radius: 4px;
    padding: 10px 20px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    font-weight: 600;
}

a.pinkButton:hover {
    background: #333;
}

.signatureBox {
    width: 100%;
    background: #f8f3f4;
    border: 1px solid #c0c0c0;
    height: 160px;
    padding: 10px;
}

.walkThru {
    border-top: 1px solid #e3e3e3;
    margin: 15px 0;
    padding: 10px 0 0 0;
}

.walkThru li {
    font-size: 14px;
    font-weight: 700;
    padding: 10px 0 10px 30px;
    color: #3a3a3a;
    position: relative;
    background: url(../images/check.png) no-repeat 0 12px;
}

.contectList {
    border-top: 1px solid #e3e3e3;
    margin: 15px 0;
}

.contectList li {
    padding: 15px 0;
    border-bottom: 1px solid #eeeeee;
    display: flex;
    position: relative;
}

.contectList li .left {
    position: relative;
    padding-left: 45px;
    min-height: 45px;
}

.contectList li .left .icon {
    position: absolute;
    left: 0;
    top: 2px;
}

.contectList li .left .hd {
    color: #3a3a3a;
    font-size: 16px;
    font-weight: 700;
}

.contectList li .left .result {
    color: #8e8e8e;
    font-size: 13px;
    font-weight: 700;
}

.contectList li .left .result .pages {
    margin-right: 10px;
}

.contectList li .right,
.actiondate {
    font-size: 14px;
    font-weight: 500;
    color: #8e8e8e;
}

.contectList li .right a.remove,
.deleteactionfile {
    color: #ce0334;
    margin-left: 30px;
}

.agentDet {
    border-top: 1px solid #e3e3e3;
    margin: 15px 0 0 0;
    padding: 15px 0;
}

.agentDet .img {
    min-width: 48px;
}

.agentDet .img img {
    width: 48px;
    height: 48px;
    border-radius: 100%;
}

.agentDet .det {
    padding-left: 15px;
}

.agentDet .det .name {
    font-size: 16px;
    font-weight: 700;
    color: #3a3a3a;
}

.agentDet .det .name span {
    font-size: 14px;
    color: #989898;
    margin-left: 5px;
}

.agentDet .det .info {
    font-size: 13px;
    font-weight: 600;
    color: #8e8e8e;
}

.tableBox {
    border-top: 1px solid #e3e3e3;
    margin: 15px 0 0 0;
    padding: 1px 0;
    width: 100%;
    overflow: auto;
    max-height: 280px;
}

.tableBox table {
    width: 100%;
    border-spacing: 0;
}

.tableBox table th {
    background: #e5e5e5;
    padding: 10px 15px;
    color: #3a3a3a;
    font-size: 14px;
    font-weight: 700;
}

.tableBox table td {
    background: #fff;
    border-bottom: 1px solid #eeeeee;
    padding: 18px !important;
}

.tableBox table tr:last-child td {
    border-bottom: none;
}

.tableBox table td .action a {
    margin-right: 5px;
    color: #999999;
}

.tableBox table td .action a:hover {
    color: #ce0334;
}

.tableBox table td .type {
    color: #3a3a3a;
    font-size: 15px;
    font-weight: 700;
}

.tableBox table td .date {
    color: #616161;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.tableBox table td .date span {
    margin-left: 5px;
}

.templateBox .img {
    min-width: 40px;
    margin-right: 15px;
}

.templateBox .det {
    color: #898989;
    font-size: 13px;
}

.templateBox .det span {
    display: block;
    font-weight: 700;
    color: #3a3a3a;
    font-size: 16px;
}

a.button {
    background: #fff;
    border: 1px solid #ce0334;
    display: inline-block;
    border-radius: 4px;
    padding: 8px 20px;
    text-align: center;
    font-size: 12px;
    color: #ce0334;
    font-weight: 600;
}

a.button:hover {
    background: #ce0334;
    color: #fff;
}

.reqBox .img {
    min-width: 40px;
    margin-right: 15px;
}

.reqBox .det {
    font-weight: 700;
    color: #3a3a3a;
    font-size: 15px;
    max-width: 600px;
}

.listCov {
    padding-left: 45px;
}

._changeable {
    font-size: 26px;
    font-weight: 600;
    color: #3a3a3a;
    text-align: auto
}

/*Start 2 march 2022*/
a.backBtn {
    display: inline-block;
    font-size: 15px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    padding: 6px 25px;
    border-radius: 30px;
    background: #fff;
    color: #535353;
    font-weight: 500;
    position: absolute;
    margin-top: -22px;
}

a.backBtn span {
    vertical-align: middle;
    margin: 0 0 3px 0;
}

a.backBtn:hover {
    background: #ce0334;
    color: #fff;
}

.RecentFiles.list {
    margin: -20px;
    padding-top: 15px;
}

.RecentFiles.list .items {
    padding: 20px;
    width: 25%;
}

.Contacts.list {
    margin: -20px;
    padding-top: 15px;
}

.Contacts.list .items {
    padding: 20px;
    width: 25%;
}

.photoVideos.list {
    margin: -20px;
    padding-top: 15px;
}

.photoVideos.list .items {
    padding: 20px;
    width: 25%;
}

/* 12th april */

.showAcr {
    background: none;
    border: none;
    margin-left: 10px;
}

.showAcr.active {
    transform: rotate(180deg);
}

/* 22nd april */

.productSliderImages .slick-list {
    margin: 0 -20px;
    display: flex;
}

.productSliderImages .slick-track {
    margin: 0;
    display: flex;
}

.productSliderImages {
    position: relative;
    padding: 5px 0 0 0;
}

.productSliderImages .slick-arrow {
    background: #dfdadb;
    width: 36px;
    height: 90px;
    position: absolute;
    top: 50%;
    margin-top: -45px;
    border: none;
    overflow: hidden;
    text-indent: -500px;
}

.productSliderImages .slick-arrow.slick-prev {
    left: -60px;
    background: #dfdadb url(../images/prev_arrow.png) no-repeat center;
}

.productSliderImages .slick-arrow.slick-next {
    right: -60px;
    background: #dfdadb url(../images/next_arrow.png) no-repeat center;
}

.productSliderImages .slick-arrow.slick-disabled {
    opacity: .4;
    cursor: not-allowed;
}

/* 19-09-2022 */

.price-moreBox {
    display: flex;
    justify-content: space-between;
}

.price-moreBox .price {
    flex: 0 0 calc(100% - 25px);
    max-width: calc(100% - 25px);
    padding-right: 10px;
}

.price-moreBox .moreMenu {
    top: auto;
    right: 0px;
    width: 120px;
}

/* 21-09-2022 */

.exposed-filters {
    position: absolute;
    transition: opacity .2s ease-out;
    padding: 0;
    z-index: 1111;
    border-radius: 3px;
    background-color: #FFF;
    box-shadow: 0 0 5px rgb(0 0 0 / 35%);
    left: 0;
    right: 0;
    top: 50px;
    border: none;
    width: 296px;
}

.filter-btn.active+.exposed-filters {
    visibility: visible;
}

.exposed-filters-arrow {
    border-style: solid;
    border-width: 0 8px 8px;
    display: inline-block;
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translate(-50%, 0);
    content: '';
    border-color: transparent transparent #fff;
}

.exposed-filters-arrow:after {
    border-color: transparent transparent #FFF;
    border-width: 0 7px 7px;
    top: 2px;
    content: '';
}

.exposed-filtersBox-In {
    color: #2A2A33;
    padding: 0;
    margin: 0;
    border: none;
    max-height: 415px;
    overflow-y: auto;
}

.allTypes-filtersBox .exposed-filters-arrow {
    left: 30px;
}

.exposed-filtersBox-title {
    margin-bottom: 5px;
}

.exposed-filters-headerBox {
    border-bottom: 1px solid #e1dddd;
    padding: 20px 20px 10px;
}

.exposed-filters-contBox {
    padding: 10px 20px;
}

.exposed-filters-footerBox {
    background: #d31d49;
    border: 1px solid #d31d49;
    padding: 10px 20px;
    text-align: right;
}

.ef-doneBtn {
    background: #fff;
    border: 1px solid #fff;
    height: 32px;
    border-radius: 30px;
    font-size: 13px;
    padding: 0 25px;
    color: #d31d49;
    font-weight: 500;
    white-space: nowrap;
}

.ef-doneBtn:hover {
    background: #d31d49;
    color: #fff;
}

.homeType-listBox li {
    margin-bottom: 5px;
}

.homeType-listBox li:last-child {
    margin-bottom: 0px;
}

.exposed-filters.allPrices-filtersBox {
    width: 400px;
}

.priceRange-boxs {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
}

.min-priceRange-box,
.max-priceRange-box {
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 10px;
    padding-right: 10px;
}

.priceRange-inputField input {
    appearance: none;
    width: 100%;
    margin: 0px;
    padding: 5px 16px;
    background-color: rgb(246, 246, 250);
    border: 1px solid rgb(209, 209, 213);
    border-radius: 4px;
    outline: none;
    box-shadow: none;
    text-transform: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    height: auto;
}

.price-options {
    padding-top: 10px;
}

.price-options li {
    padding-left: 15px;
    margin-bottom: 5px;
    cursor: pointer;
}

.price-options li:last-child {
    margin-bottom: 0px;
}

.bedrooms-filterBox ul {
    display: flex;
    flex-wrap: wrap;
}

.bedrooms-filterBox ul li {
    flex: 0 0 16.666%;
    max-width: 16.666%;
    border: 1px solid #e1dddd;
    border-right: 0px;
}

.bedrooms-filterBox ul li:last-child {
    border: 1px solid #e1dddd;
}

.bedrooms-filterBox ul li .BB-btn {
    width: 100%;
    border: 0px;
    background: transparent;
    padding: 10px;
    color: #282828;
    font-weight: 600;
}

.bedrooms-filterBox ul li .BB-btn:hover,
.bedrooms-filterBox ul li .BB-btn.active {
    background: #d31d49;
    color: #fff;
}

.use-extraMatch {
    margin: 10px 0px;
}

.exposed-filters.moreFilter-box {
    left: auto;
    right: 0px;
    width: 500px;
}

.exposed-filters.moreFilter-box .exposed-filters-arrow {
    left: auto;
    right: 30px;
}

.moreFilter-listBox ul {
    margin-left: -10px;
    margin-right: -10px;
}

.moreFilter-listBox li {
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 10px;
    align-self: center;
}

.moreFilter-listBox li.oneThird {
    flex: 0 0 33.333%;
    max-width: 33.333%;
}

.moreFilter-listBox li.w-66 {
    flex: 0 0 66.666%;
    max-width: 66.666%;
}

.moreFilter-listBox li.full {
    flex: 0 0 100%;
    max-width: 100%;
}

.filters-label {
    font-weight: 600;
}

.moreFilter-listBox li select {
    display: block;
    background: #fff url(../../images/select_arrow.png) no-repeat right 10px center;
    background-size: 12px;
    border: 1px solid #cbc7c8;
    border-radius: 30px;
    font-size: 13px;
    padding: 0 35px 0 15px;
    color: #000;
    line-height: 30px;
    white-space: nowrap;
    width: 100%;
}

.moreFilter-listBox li .inputFiled {
    display: block;
    background-size: 12px;
    border: 1px solid #cbc7c8;
    border-radius: 30px;
    font-size: 13px;
    padding: 0px 15px;
    color: #000;
    line-height: 30px;
    font-weight: 500;
    white-space: nowrap;
    width: 100%;
}

.resrAllFilter-btn {
    border: 0px;
    box-shadow: none;
    background: transparent;
    color: #fff;
}

.forPropertyType-filtersBox .exposed-filters-contBox {
    padding: 10px 0px 0px;
}

.ef-for-propertyTypeIn ul li {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e1dddd;
}

.ef-for-propertyTypeIn ul li:last-child {
    margin-bottom: 0px;
    border-bottom: 0px solid #e1dddd;
}

.exposed-filters.forPropertyType-filtersBox {
    width: 450px;
}

.forSale-toggleBtn {
    position: absolute;
    right: 10px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.forSale-toggleBtn img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ef-for-propertyTypeIn ul li .forProperty-radioBox {
    padding-left: 20px;
    padding-right: 50px;
}

.foreSale-moreFilter-In {
    border-top: 1px solid #cbc7c8;
    margin-top: 15px;
    padding: 13px 15px 15px;
    background-color: rgba(0, 0, 0, 0.02);
}

.foreSale-moreFilter-In ul li {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0px 10px;
    margin-bottom: 10px;
    border: 0px;
}

.foreSale-moreFilter-In ul li.full {
    flex: 0 0 100%;
    max-width: 100%;
}

.box-in-active {
    opacity: 0.5;
    pointer-events: none;
}

/* 21-09-2022 end */

.property-tableListWrap table.dataTable thead th,
.property-tableListWrap table.dataTable thead td,
.property-tableListWrap table.dataTable tbody td {
    min-width: 90px !important;
    text-align: left;
    padding: 15px 10px;
    border-bottom: 1px solid #eee;
    font-weight: normal !important;
}

.property-tableListWrap table.dataTable thead th:first-child,
.property-tableListWrap table.dataTable thead td:first-child,
.property-tableListWrap table.dataTable tbody td:first-child {
    min-width: 40px !important;
    text-align: center !important;
}

.property-tableListWrap table.dataTable thead th:nth-child(6),
.property-tableListWrap table.dataTable thead td:nth-child(6),
.property-tableListWrap table.dataTable tbody td:nth-child(6) {
    min-width: 200px !important;
    text-align: left;
}

.property-tableListWrap table.dataTable thead th:nth-child(16),
.property-tableListWrap table.dataTable thead td:nth-child(16),
.property-tableListWrap table.dataTable tbody td:nth-child(16) {
    text-align: center;
}

.property-tableListWrap table.dataTable tbody tr.checkField td {
    background: #eee;
}

.tourList-colBox {
    flex: 0 0 50%;
    max-width: 50%;
}

.select2-container--default .select2-selection--multiple {
    width: 100%;
    background: transparent;
    border: 0px solid #cbc7c8;
    border-radius: 30px;
    position: relative;
    display: block;
}

/* 11-10-2022 start */

.totalResult .resultBox {
    padding: 0;
}

.viewTab {
    margin-right: 10px;
}

.viewTab li {
    margin-right: 5px;
}

.viewTab li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: #eee;
    border-radius: 4px;
    color: #999;
    cursor: pointer;
    padding: 0;
}

.viewTab li a span {
    padding: 0;
    margin: 0;
    color: #999;
}

.viewTab li a:hover {
    background: #ccc;
}

.viewTab li.active a {
    background: #ce0334;
}

.viewTab li.active a span {
    color: #fff;
}

.listviewTable {
    margin: 20px;
    border: 1px solid #eee;
}

.listviewTable table {
    width: 100%;
}

.listviewTable table th {
    background: #eee;
    white-space: nowrap;
    font-weight: 600;
    padding: 12px 20px;
    text-align: left;
}

.listviewTable table td {
    background: #fff;
    padding: 12px 20px;
    text-align: left;
    border-top: 1px solid #eee;
}

.listviewTable table td .img {
    width: 100%;
    height: 100px;
}

.listviewTable table tr:hover td {
    background: #f4f4f4;
}


.searchRight.full {
    width: 100%;
}

.favoritesBox {
    margin-right: 5px;
}

.toursDivide {
    position: relative;
}

.toursDivide:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #e3e3e3;
}

.viewListing {
    background: #d31d49;
    border: 1px solid #d31d49;
    height: 30px;
    border-radius: 30px;
    font-size: 13px;
    padding: 0 21px;
    color: #fff;
    font-weight: 600;
    white-space: nowrap;
}

/* 11-10-2022 end */

#map {
    height: 400px;
    width: 100%;
}

#favMap {
    height: 400px;
    width: 100%;
}

/*Start Filter pages CSS 01-11-2022*/
.popupBox.filterPopup {
    max-width: 900px;
    padding: 25px;
    border-radius: 4px;
}

.filterSearch {
    margin-top: 20px;
    position: relative;
}

.filterSearch input {
    width: 100%;
    border: 1px solid #d1d1d1;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 500;
    padding: 14px 45px 14px 20px;
}

.filterSearch .icon {
    position: absolute;
    right: 10px;
    top: 12px;
    font-size: 28px;
    color: #999;
}

.optBox {
    padding: 20px 0;
    border-bottom: 1px solid #dddddd;
}

.subHd {
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 10px;
}

.transType {
    margin: -10px;
}

.transType li {
    padding: 10px;
    margin-right: 20px;
}

.propertyTypeList {
    margin: -10px;
}

.propertyTypeList li {
    padding: 10px;
    width: 20%;
}

.propertyTypeList li label {
    border: 1px solid #d1d1d1;
    border-radius: 8px;
    padding: 15px;
    height: 100%;
    display: block;
    cursor: pointer;
    font-weight: 600;
    font-size: 13px;
}

.propertyTypeList li label .icon {
    font-size: 40px;
    display: block;
    margin-bottom: 10px;
}

.propertyTypeList li:hover label,
.propertyTypeList li.active label {
    background: #ce0334;
    border: 1px solid #ce0334;
    color: #fff;
}

.priceBox {
    width: 46%;
    border: 1px solid #d1d1d1;
    border-radius: 6px;
    padding: 7px 15px;
}

.priceInputBox {
    display: flex;
    align-items: center;
    font-size: 20px;
    font-weight: 500;
}

.priceInputBox input {
    border: none;
    background: none;
    width: 100%;
    font-size: 20px;
    padding: 3px 6px;
    font-weight: 500;
}

.roomsList li {
    padding: 10px 30px;
    font-weight: 500;
    border: 1px solid #d1d1d1;
    margin: 8px 15px 0 0;
    border-radius: 10px;
    cursor: pointer;
}

.roomsList li:hover,
.roomsList li.active {
    background: #ce0334;
    border: 1px solid #ce0334;
    color: #fff;
}

.lotInputBox input {
    border: none;
    background: none;
    width: 100%;
    font-size: 15px;
    padding: 6px 6px;
    font-weight: 500;
}

.featureHd {
    font-size: 22px;
    font-weight: 600;
    padding-bottom: 15px;
}

.optList li {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
}

.optList li .left {
    padding-right: 20px;
    font-size: 15px;
    color: #666;
}

.optList li .left span {
    display: block;
    color: #000;
    font-weight: 600;
    font-size: 16px;
}

.formBtn.small {
    font-size: 15px;
    padding: 10px 25px;
}

.cancelBtn {
    background: none;
    border: none;
    font-weight: 600;
    padding: 0;
    color: #666;
    font-size: 15px;
}

/*end*/


.basicInfoList.propertyOffer-notsList li {
    flex-wrap: wrap;
    justify-content: space-between;
}

.propertOffer-HD-box {
    flex: 0 0 100%;
    max-width: 100%;
    display: flex;
}

.basicInfoList.propertyOffer-notsList li .noteList-box {
    flex: 0 0 100%;
    max-width: 100%;
}

.propertyOffer-notsList li .noteList-box .offerSubNote {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 15px;
    border-top: 1px solid #e3e3e3;
    padding: 10px 0px;
}

.noteList-cont {
    flex: 0 0 calc(100% - 170px);
    max-width: calc(100% - 170px);
    padding-right: 10px;
}

.noteList-actionBox {
    flex: 0 0 100px;
    max-width: 100px;
    justify-content: flex-end;
    display: flex;
}

.noteList-actionBox a .material-icons-outlined {
    margin-right: 5px;
    color: #999999;
}

.noteList-actionBox a .material-icons-outlined:hover {
    color: red;
}

.property-officeNotes-date {
    flex: 0 0 70px;
    max-width: 70px;
}

.mailEnvelop {
    color: #ce0334;
    font-size: 30px;
    position: relative;
    font-size: 25px;
    left: 10px;
}

/* 2 jan 2023*/

.templateSettings {
    float: right;
    padding-bottom: 10px;
}

/* Nasted tour tabs */
.tourNastedTabSection {
    padding-left: 35px;
    padding-right: 20px;
}

.subToursBox {
    padding: 20px 0px;
}

.tourNastedTabSection .resultTop {
    padding-left: 0px;
    display: inline-block;
    padding-right: 0px;
}

.tourNastedTabSection .resultTop .resultTab li:last-child {
    margin-right: 0px;
}

.tourNastedTab li a.active2 {
    color: #000;
}

.tourNastedTab li a.active2:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #ce0334;
    position: absolute;
    left: 0;
    bottom: -2px;
}

.tourNastedTab li:first-child a {
    padding-left: 0px;
}

.tourNastedTabSection .tourList-colBox {
    flex: 0 0 100%;
    max-width: 1000%;
}

.tourNastedTabSection .tourList li {
    width: 25%;
}

/* Buyer agent info box style */

.buyerAgentInfo .noteList-cont {
    flex: 0 0 140px;
    max-width: 140px;
}

.buyerAgentInfo .property-officeNotes-date {
    flex: 0 0 calc(100% - 140px);
    max-width: calc(100% - 140px);
}

.cash-financeBox {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 10px;
}

.cash-financeBox .cash-financelabel {
    flex: 0 0 140px;
    max-width: 140px;
    font-weight: 500;
    font-size: 13px;
}

.cash-financeBox .cash-financeFiled {
    flex: 0 0 calc(100% - 140px);
    max-width: calc(100% - 140px);
    padding-left: 10px;
    position: relative;
    display: flex;
}

.cash-financeBox .cash-financeFiled input {
    width: 171px !important;
    padding-left: 15px;
    margin-right: 30px;
}

.cash-financeBox .cash-financeFiled .dolorIcon {
    position: absolute;
    left: 10px;
}

.cash_finance_opt {
    font-size: 10px;
    color: grey;
    margin-left: 20px;
}

.viewNotesBtn {
    display: inline-block;
    font-size: 13px;
    line-height: 30px;
    text-decoration: underline !important;
    color: #d31d49 !important;
    font-weight: 600;
}

#saveSchedulePropNote {
    margin-bottom: 10px;
}


.notesListWrapper ul li {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 10px;
    padding: 10px;
    background: #f9f9f9;
}

.notesCont {
    flex: 0 0 calc(100% - 240px);
    max-width: calc(100% - 240px);
}

.scheduleNotesList .noteList-actionBox {
    flex: 0 0 240px;
    max-width: 240px;
    justify-content: flex-end;
    display: flex;
}

.scheduleNotesList .noteList-actionBox .propNotesDate {
    position: relative;
    top: -5px;
}

.scheduleNotesList .noteList-actionBox .icon {
    margin-left: 10px;
}

.viewPropMargin {
    margin-top: 10px;
}

.thumb {
    height: 100px;
    width: 100px;
    margin-right: 10px;
    margin-bottom: 10px;
}

#file-input {
    margin-bottom: 10px;
}

.fMonthNote {
    position: absolute;
    right: 0px;
    top: 24px;
}

.fMonthNote- {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    flex: 0 0 100%;
    max-width: 100%;
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #e3e3e3;
}

.fMonthNote- a {
    text-decoration: underline;
}

.fMonthNote a {
    font-size: 14px;

}

.offerSubNote {
    font-size: 12px;
    color: grey;
}



.recentFilesListing {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    position: relative;
}

.todoOffer .comparableListing {
    padding: 5px;
}

/*.todoOffer .comparableListing:nth-child(odd) {
    background: #f9f9f9;
}*/
.todoOffer .subjectPropertyList {
    background: #f7f2f2;
}

.todoOffer .comparableListing ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.todoOffer .comparableListing ul li {
    flex: 0 0 25%;
    max-width: 25%;
    border-bottom: 0px;
}

.todoOffer li.comparableListing ul li.comparableListing-noteBox {
    flex: 0 0 50px;
    max-width: 50px;
}

.todoOffer li.comparableListing ul li:last-child {
    text-align: center;
    justify-content: center;
}

.todoOffer li.comparableListing ul li {
    padding-left: 5px;
    padding-right: 5px;
}

.todoOffer li.comparableListing ul li span {
    font-weight: 600;
    font-size: 13px;
    display: inline-block;
    margin-right: 5px;
    color: #000;
}

.todoOffer li.comparableListing ul li._fullwidth {
    flex: 0 0 100%;
    max-width: 100%;
}

.todoOffer li.comparableListing ul li:last-child {
    border-bottom: 0px;
}

.todoOffer li.comparableListing ul li b {
    font-weight: 600;
    color: #3a3a3a;
}

.comparableListing-noteBox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.comparableListing-note-leftBox {
    flex: 0 0 calc(100% - 40px);
    max-width: calc(100% - 40px);
    padding-right: 10px;
}

.comparableListing-note-rightBox {
    flex: 0 0 40px;
    max-width: 40px;
    position: relative;
    justify-content: flex-end;
    text-align: right;
}

.comparableListing-note-rightBox .icon {
    min-width: 40px !important;
    max-width: 40px;
}

.moreMenuInvoice li a {
    box-shadow: none !important;
    border-radius: 0px !important;
    height: auto;
    padding: 5px 10px;
}

/*Invoice Popup*/
.invoice-popupwrap {
    width: 100%;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
    background: #f9f9f9;
    padding-top: 40px;
    padding-right: 40px;
    padding-bottom: 40px;
    padding-left: 40px;
    margin-top: 30px;
}

.invoice-popupLogowrap {
    flex: 0 0 175px;
    max-width: 175px;
    padding-bottom: 15px;
}

.invoice-popup-headerRight {
    flex: 0 0 calc(100% - 175px);
    max-width: calc(100% - 175px);
    text-align: right;
    padding-bottom: 15px;
}

.invoice-popup-headerRight h2 {
    text-transform: uppercase;
    font-size: 24px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.invoice-popup-headerRight h3 {
    margin-top: 0px;
    margin-bottom: 10px;
}

.invoice-popup-headerRight p {
    margin-top: 0px;
    margin-bottom: 0px;
}

.invoice-addressWrap h5 {
    font-size: 16px;
    line-height: 16px;
    margin-top: 0px;
    margin-bottom: 10px;
}

.invoice-addressWrap p {
    margin-top: 0px;
    margin-bottom: 40px;
}

.invoice-descriptionWrap {
    padding-bottom: 0px;
    border-bottom: 1px solid #dddddd;
}

.invoice-descriptionWrap table {
    width: 100%;
}

.invoice-descriptionWrap table thead tr th.ip-desctiption {
    width: 70%;
    text-transform: uppercase;
    font-size: 14px;
    text-align: left;
}

.invoice-descriptionWrap table thead tr th.ip-amout {
    width: 30%;
    text-transform: uppercase;
    font-size: 14px;
    text-align: right;
}

.invoice-descriptionWrap table tbody tr td.ip-desctiption {
    width: 80%;
    font-size: 14px;
    text-align: left;
    padding-top: 10px;
}

.invoice-descriptionWrap table tbody tr td.ip-amout {
    width: 20%;
    font-size: 14px;
    text-align: right;
    padding-top: 10px;
}

.invoice-descriptionWrap table tbody tr td.ip-desctiption.total-des {
    text-align: right;
    padding-top: 35px;
}

.invoice-descriptionWrap table tbody tr td.ip-amout.total-amount {
    padding-top: 35px;
}

.userInvoice {
    background: transparent;
    border: 0px;
    outline: none;
    box-shadow: none;
}

.invoice-descriptionWrap table tbody tr td.ip-desctiption {
    vertical-align: top;
}

.invoice-descriptionWrap table tbody tr td.ip-amout {
    vertical-align: top;
    width: 200px;
}

.add-descriptionBtnBox {
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
}

.add-descriptionBtn {
    background: #d31d49;
    border: 0px;
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
    margin-bottom: 10px;
    cursor: pointer;
}

.invoice-descriptionWrap table tbody tr td.ip-amout {
    width: 200px;
    position: relative;
    padding-left: 10px;
}

.remove-row {
    width: 32px;
    height: 42px;
    color: gray;
    background: #f9f9f9;
    line-height: 42px;
    text-align: center;
    position: absolute;
    top: 10px;
    right: -33px;
    font-size: 18px;
    border: 0px solid #ccc;
}

.description-filed {
    width: 100%;
    resize: none;
    padding: 5px 10px;
    border: 1px solid #ddd;
    outline: none !important;
}

.ip-amount-filed {
    padding: 11.5px 10px;
    border: 1px solid #ddd;
    outline: none !important;
}

.descriptionWrap-saveBtn {
    background: #d31d49;
    color: #fff;
    padding: 10px 15px;
    min-width: 100px;
    border: 0px;
    outline: gainsboro;
    border-radius: 30px;
    margin-top: 25px;
}

/* Online view page */

.pl-0 {
    padding-left: 0px !important;
}

.onlineView-wrapper .topCon {
    height: auto;
    padding: 15px;
}

.onlineView-wrapper .name {
    position: relative;
    font-size: 18px;
    font-weight: 700;
    color: #3a3a3a;
    display: block;
}

.onlineView-wrapper .tenant {
    background: #d31d49;
    font-size: 11px;
    line-height: 23px;
    height: 24px;
    border-radius: 30px;
    padding: 0px 15px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    display: block;
    margin-left: 10px;
}

.onlineView-wrapper .todoBox .det span {
    font-size: 18px;
}

.onlineView-basicInfoList {
    margin-top: 15px;
    margin-left: -5px;
    margin-right: -5px;
}

.onlineView-basicInfoList li {
    flex: 0 0 25%;
    max-width: 25%;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 16px;
}

.valueBox {
    font-weight: 600;
    color: #3a3a3a;
}

.onlineView-accordian .todoList>li {
    background: transparent;
    box-shadow: none;
    padding: 0px 0px 15px;
    border-radius: 0px;
    border-bottom: 1px solid #dfdadb;
}

.accordian-contBox .accordian-innerBox {
    background: #fff;
    border-radius: 10px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.accordian-contBox .tableBox-title {
    font-size: 18px;
    color: #3a3a3a;
    padding: 20px 15px;
    font-weight: 600
}

.accordian-contBox .tableBox {
    margin-top: 0px;
    border-top: 0px;
    border-radius: 0px 0px 10px 10px;
    max-height: none;
}

.accordian-contBox .tableBox table th {
    font-size: 13px;
    min-width: 110px;
    max-width: 350px;
    word-wrap: break-word;
    background: #fff;
    border-bottom: 1px solid #eeeeee;
    text-transform: uppercase;
}

.accordian-contBox .tableBox table td {
    min-width: 110px;
    max-width: 350px;
    word-wrap: break-word;
}

.onlineView-accordian .todoBox .arrow.active {
    transform: rotate(0deg) !important;
}

.accordian-toggleIcon {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    background: #fff;
    border-radius: 25px;
    line-height: 24px;
}

.accordian-toggleIcon:before {
    content: '';
    width: 2px;
    height: 10px;
    background: #ce0334;
    position: absolute;
    right: 10px;
    top: 7px;
}

.accordian-toggleIcon:after {
    content: '';
    width: 10px;
    height: 2px;
    background: #ce0334;
    position: absolute;
    right: 6px;
    top: 11px;
}

.arrow.active .accordian-toggleIcon:before {
    content: none;
}

..accordian-innerBox table tr td {
    text-align: center;
}

/* Online view page end */

.mCustomScrollBox {
    height: auto !important;
}

.mCustomScrollbar .submitOfferScroller {
    overflow-x: auto;
}

.tableBox.tableBoxLeft {
    max-height: unset;
}

.tableBoxLeft table tr td:first-child {
    text-align: center;
}

.tableBoxLeft table tr td {
    text-align: left;
}

.tableBoxLeft table tr td .heading {
    font-weight: 600;
    color: #3a3a3a;
}

.tableBoxLeft table tr td .subheading {
    font-weight: 400;
    color: #666;
    font-size: 14px;
}


.contractFile-listWrap {
    padding-right: 15px;
}

.contractFile-listWrap ul li {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 15px;
    border-top: 1px solid #d4d4d4;
    padding-top: 10px;
    margin-top: 15px;
}

.contractFile-listWrap ul li .contractFile-icon {
    flex: 0 0 100px;
    max-width: 100px;
}

.contractFile-listWrap ul li .contractFile-infoBox {
    flex: 0 0 calc(100% - 230px);
    max-width: calc(100% - 230px);
    padding-left: 15px;
}

.contractFile-infoBox .contractFile-name {
    font-weight: 500;
    color: #3a3a3a;
    font-size: 15px
}

.contractFile-infoBox .contractFile-disc {
    font-weight: 400;
    color: #666;
    font-size: 14px;
}

.contractFile-date {
    flex: 0 0 130px;
    max-width: 130px;
    padding-left: 10px;
    font-weight: 400;
    color: #666;
    font-size: 14px;
}

.tableBox table tr td.onlineViewToDo {
    border-bottom: 1px solid #d4d4d4;
    padding: 20px 0;
    width: 97%;
}

td.tickmark img {
    margin-top: 14px;
}

.tickimg {
    width: 20px;
}

input[type=checkbox].invoiceCheckbox:checked::before {
    left: auto;
    right: -1px;
}

input[type=checkbox].invoiceCheckbox:checked::after {
    left: auto;
    right: 3px;
}

/*Customer Page Css*/

.container-fluid {
    width: 100%;
    padding: 0 15px;
}

.mt-2 {
    margin-top: 20px;
}

.customersPage-wrapper {
    margin-top: 75px;
}

.cp-lft-Hd {
    font-size: 22px;
    font-weight: 600;
    color: #3a3a3a;
    border-left: 3px solid #d21846;
    padding-left: 10px;
}

.psr {
    position: relative;
}

a.invite-btn {
    font-size: 18px;
    padding: 5px 12px;
    background-color: #ffffff;
    cursor: pointer;
    color: #3a3a3a;
    border: 1px solid #3a3a3a;
    border-radius: 30px;
    font-weight: 600;
    margin: 10px auto;
}

.svg-inline--fa {
    display: var(--fa-display, inline-block);
    height: 1em;
    overflow: visible;
    vertical-align: -0.125em;
}

svg:not(:host).svg-inline--fa,
svg:not(:root).svg-inline--fa {
    overflow: visible;
    box-sizing: content-box;
}


.custListSection {
    background: transparent;
}

.cp-lft-subHd {
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: #3a3a3a;
    margin-top: 40px;
}

.tabButton-wrappers {
    margin-top: 30px;
}

.tabButton-list li {
    margin-right: 10px;
    margin-bottom: 10px;
}

.tabButton-list li a {
    display: inline-block;
    border: 1px solid #3a3a3a;
    border-radius: 30px;
    font-size: 13px;
    padding: 5px 20px;
    color: #3a3a3a;
    font-weight: 500;
    white-space: nowrap;
    text-align: center;
}

.customersPage-wrapper .todoList>li {
    margin-bottom: 30px;
}

._customerListing .icon13 {
    background: transparent;
    border: 1px solid #3a3a3a;
    color: #3a3a3a;
    padding: 0px;
    text-align: center;
    line-height: 30px;
}

._customerListing svg path {
    color: #3a3a3a;
}

/*end*/

/* Transaction 2 page */

.transactionTab-contBox .resultTop {
    padding-left: 0px;
    padding-right: 0px;
}

.transactionTab-contBox .resultTab li {
    margin-right: 35px;
}

.transactionTab-contBox .resultTab li a {
    padding: 15px 0px;
}

.transaction-tabsBox a.invite-btn {
    display: inline-block;
    margin: 0px;
}

.transaction-tabsBox a.invite-btn+a.invite-btn {
    margin-left: 10px !important;
}

.invite-btn.active {
    border-color: #d31d49;
    color: #fff;
    background: #d31d49;
}

.transactionTab-contBox .resultTab li a.active2 {
    color: #d31d49;
}

.tourNastedTabSection {
    padding-left: 35px;
    padding-right: 20px;
}

.transactionTab-contBox {
    padding: 20px 0px;
}

.tourNastedTabSection .resultTop {
    padding-left: 0px;
}

.tourNastedTab li a.active2 {
    color: #000;
}

.tourNastedTab li a.active2:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #ce0334;
    position: absolute;
    left: 0;
    bottom: -2px;
}

.tourNastedTab li:first-child a {
    padding-left: 0px;
}

.listViewTab-contBox,
.timelineTab-contBox {
    display: none;
}

.transactionTab-contBox .todoList>li {
    box-shadow: none;
    padding: 0px;
    background: #ccc;
}

.transactionTab-contBox .accordian-contBox .tableBox table tr:last-child td {
    border-bottom: 1px solid #eeeeee;
}

.transactionTab-contBox .accordian-contBox .tableBox table tr:nth-child(even) td {
    background: #f8f3f4;
}

.transactionTab-contBox .accordian-contBox .tableBox table th,
.transactionTab-contBox .accordian-contBox .tableBox table td {
    min-width: 150px;
    text-align: left;
}

.transactionTab-contBox .accordian-contBox .tableBox table th:first-child,
.transactionTab-contBox .accordian-contBox .tableBox table td:first-child {
    min-width: 20px;
    text-align: center;
}

.transactionTab-contBox .accordian-contBox .tableBox table th:last-child,
.transactionTab-contBox .accordian-contBox .tableBox table td:last-child {
    text-align: center;
}

.transactionTab-contBox .tableBox table td .userProfile-img {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    overflow: hidden;
}

.transactionTab-contBox .tableBox table td .userProfile-img img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    border-radius: 4px;
}

.transactionTab-contBox .tableBox table td .userName {
    display: inline-block;
}

.transactionTab-contBox .accordian-contBox .tableBox table th.pc-payout-cell,
.accordian-contBox .tableBox table td.pc-payout-cell {
    max-width: 200px !important;
    box-sizing: border-box;
    text-align: center;
}

.accordian-contBox .tableBox table td .action-btn a,
.customerAction {
    border: 1px solid #3a3a3a;
    display: inline-block;
    padding: 6px 15px;
    border-radius: 30px;
    color: #3a3a3a;
}

.timeline-step ul {
    display: flex;
}

.timeline-step ul li {
    margin-right: 25px;
    text-align: center;
    font-size: 12px;
}

.circle-box {
    width: 20px;
    height: 20px;
    border: 1px solid #000;
    border-radius: 20px;
    margin: auto;
    background: #fff;
}

.circle-box.fillBox {
    background: green;
    border-color: green;
}

.transactionTab-contBox .tableBox {
    max-height: unset;
}

.transactionTab-contBox .tableBox table.dataTable thead .sorting,
.transactionTab-contBox .tableBox table.dataTable thead tr th {
    background-repeat: no-repeat !important;
    background-position: right center !important;
}

.checkbox-wrap {
    position: relative;
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 4px 0;
}

table.dataTable.no-footer {
    border-bottom: 1px solid #eeeeee;
}

.dataTables_length select {
    background: none;
}

.dataTables_filter label {
    color: #3a3a3a;
}

.dataTables_length label {
    color: #3a3a3a;
}

.customerAction {
    margin-bottom: 10px;
    min-width: 95px;
    text-align: center;
}

.pc-payout-cell {
    text-align: center;
}

table.dataTable._customerListing thead th {
    text-align: left;
    border-bottom-color: #eee;
}

table.dataTable._customerListing tbody td {
    padding-top: 18px;
    padding-bottom: 18px;
    border-bottom: 1px solid #eee;
}

table.dataTable._customerListing tbody tr:nth-child(even) td {
    background: #f8f3f4;
}

table.dataTable thead th,
table.dataTable thead td {
    color: #3a3a3a
}

.txListing .txType {
    padding: 5px;
}

.txListing label {
    padding: 10px;
    font-size: 16px;
    font-weight: 500;
}

input[type=checkbox] {
    width: 20px;
    height: 20px;
}

input[type=checkbox]:checked::before {
    content: "";
    display: none;
    position: absolute;
    text-align: center;
    height: 20px;
    width: 20px;
    left: 0px;
    top: 0px;
    background-color: green;
    font-family: "Montserrat";
    border-radius: 2px;
    border: 1px solid rgb(150 150 150 / 30%);
}

input[type=checkbox]:checked::after {
    content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="white" viewBox="0 0 24 24"><path d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"/></svg>');
    display: none;
    position: absolute;
    left: 4px;
    top: 3px
}

/* Right Side Nav */

.header {
    box-shadow: none;
    border-bottom: 1px solid #e0e0e0;
}

.rightNav-wrapper {
    position: fixed;
    height: 100%;
    right: 0px;
    background: #f8f3f4;
    /*transition: right 0.4s ease;*/
    transition: all 0.4s;
    width: auto;
    z-index: 111;
}

.rightNav-wrapper .rightNav-in {
    width: 40px;
    position: fixed;
    height: 100%;
    top: 65px;
    right: 0px;
    background: #f8f3f4;
    transition: all 0.4s;
    z-index: 11;
}

.rightNav-wrapper ul li a {
    position: relative;
    text-decoration: none;
    font-size: 16px;
    padding: 10px;
    font-weight: 500;
    display: inline-block;
    width: 100%;
    min-width: 50px;
    min-height: 50px;
    border-left: 3px solid transparent;
    vertical-align: middle;
    text-align: center;
}

.rightNav-wrapper ul li a span {
    position: relative;
    top: 4px;
}


.rightSideBar-header {
    padding: 10px;
    border-bottom: 1px solid #e0e0e0;
}

.rightSideBarCont-wrapper {
    position: fixed;
    height: 100%;
    top: 65px;
    right: -100%;
    width: 350px;
    background: #fff;
    transition: all 0.4s;
    border: 1px solid #e0e0e0;
}

.rightSideBarCont-wrapper.show {
    right: 40px;
}

.rightSideBar-HD {
    font-size: 18px;
    font-weight: 600;
    flex: 0 0 calc(100% - 40px);
    max-width: calc(100% - 40px);
}

.rightSideBar-closeBtn {
    flex: 0 0 40px;
    max-width: 40px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
}

.rightSideBar-body {
    padding: 10px;
    max-height: calc(100vh - 113px);
    overflow-y: auto;
}

.rs-bodyCont {
    display: none;
}

.rs-bodyCont.showBox {
    display: block;
}

.fileSideBar ul.allSideFiles {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    position: relative;
}

ul.allSideFiles li {
    border: 1px solid #eee;
    padding: 10px;
    position: relative;
}

/*.fileGridList {
    border: 1px solid #eee;
    padding: 10px;
    position: relative;
}*/
.fileCheckboxes {
    position: relative;
}

.checbox-more {
    display: flex;
    align-items: center;
    align-self: center;
    justify-content: space-between;
}

.checbox-more .morebox {
    position: relative;
    top: 4px;
}

.rightContactType {
    border: 1px solid #3a3a3a;
    display: inline-block;
    padding: 2px 10px;
    border-radius: 30px;
    color: #3a3a3a;
}

.sideContantName {
    font-weight: 600;
    color: #3a3a3a;
}


.allFilesList {
    max-width: calc(100% - 25px);
}

.rightSideBar-body .checbox-more {
    justify-content: flex-end;
}

.rightSideBar-body ul.moreMenu {
    right: 20px;
}

.rightNav-wrapper ul.moreMenu li a {
    min-height: auto;
}

.allTxListing table.dataTable.no-footer {
    width: 100% !important;
}

.transactionTab-contBox .accordian-contBox .tableBox.allTxListing table th,
.transactionTab-contBox .accordian-contBox .tableBox.allTxListing table td {
    min-width: 45px !important;
    word-wrap: break-word;
    font-size: 13px;
}

.accordian-contBox .tableBox.allTxListing table th.allTxStatus {
    max-width: 100px !important;
}

.accordian-contBox .tableBox.allTxListing table th.allTxCheckbox,
.accordian-contBox .tableBox.allTxListing table tr td:first-child {
    max-width: 30px !important;
    min-width: 30px !important;

}

.accordian-contBox .tableBox.allTxListing table th.allTxName {
    max-width: 100px !important;
}

.accordian-contBox .tableBox.allTxListing table th.allTxMls,
.accordian-contBox .tableBox.allTxListing table tr td:nth-child(3) {
    min-width: 30px !important;
    max-width: 70px !important;
}

.accordian-contBox .tableBox.allTxListing table tr td:nth-child(3) div {
    flex-wrap: wrap !important;
}

.accordian-contBox .tableBox.allTxListing table tr td:nth-child(3) span {
    flex: 0 0 100%;
    max-width: 100%;
    display: block;
    text-align: center;
}

.accordian-contBox .tableBox.allTxListing table th.allTxLastUp,
.accordian-contBox .tableBox.allTxListing table tr td:nth-last-child(5) {
    max-width: 70px !important;
}

.accordian-contBox .tableBox.allTxListing table th.allTxPropAdd {
    max-width: 100px !important;
}

.accordian-contBox .tableBox.allTxListing table th.allTxType,
.accordian-contBox .tableBox.allTxListing table tr td:nth-last-child(4) {
    max-width: 70px !important;
    min-width: 30px !important;
}

.accordian-contBox .tableBox.allTxListing table th.allTxComm {
    max-width: 70px !important;
}

.accordian-contBox .tableBox.allTxListing table th.allTxAction {
    max-width: 100px !important;
}


/*  */
.contactSideList .fileGridList {
    text-align: center;
}

.contactsCred {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 5px;
    padding-top: 0px !important;
}

.contactsCred li {
    padding: 0px !important;
    border: 0px !important;
}

.rightNav-wrapper .contactsCred li a {
    padding: 0px;
    line-height: normal;
    min-height: unset;
    color: #999999;
    min-width: auto;
}

.rightNav-wrapper .contactsCred li a span.material-icons {
    font-size: 20px;
}

/*tooltip for images and pdf*/
.tooltip-hoverIcon {
    position: relative;
    cursor: pointer;
}

.tooltipPopup {
    display: none;
    position: absolute;
    top: 15px;
    left: 10px;
    width: 300px;
    z-index: 1;
    padding-left: 10px;
}

.tooltip-hoverIcon:hover .tooltipPopup {
    display: block;
}

.tooltipPopup-inner {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.tooltip-imgBox img {
    width: auto;
    max-width: 100%;
}

.fileGridList .tooltipPopup {
    width: 200px;
}

.lefttooltopBox .tooltipPopup {
    left: auto;
    right: 100%;
}

.noteheader .allNoteTitle {
    font-size: 28px;
    border: 0px solid;
    background: transparent;
    font-weight: 600;
    color: #3a3a3a;
}

.allNoteText {
    font-size: 20px;
    border: 0px solid;
    background: transparent;
    color: #3a3a3a;
    font-weight: 400;
}

input[type=checkbox] {
    width: 20px;
    height: 20px;
}

.checkdes {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 6px;
    top: 7px;
    cursor: pointer;
}

.count {
    border: none !important;
}

.tourNastedTabSection.listingTabSection {
    padding-left: 0px;
    padding-right: 0px;
}

.tourNastedTabSection.listingTabSection .resultTop {
    width: 100%;
}

.upload-container {
    position: relative;
}

.upload-container input {
    border: 1px solid #92b0b3;
    background: #f1f1f1;
    outline: 2px dashed #92b0b3;
    outline-offset: -10px;
    padding: 100px 0px 100px 220px;
    text-align: center !important;
    width: 100%;
}

.upload-container input:hover {
    background: #ddd;
}

.upload-container:before {
    position: absolute;
    bottom: 50px;
    left: 220px;
    content: " (or) Drag and Drop files here. ";
    color: #3f8188;
    font-weight: 900;
}

.width-dynamic {
    border: none;
    font-family: sans-serif;
    min-width: 80px;
    max-width: 400px;
    background: transparent;
    line-height: 0px;
    cursor: pointer;
    pointer-events: none;
}

.edit-actions {
    display: none;
    font-size: 24px;
    border: none;
    margin-left: 10px
}

.edit-actions-cancel {
    display: none;
    font-size: 24px;
    border: none;
    margin-left: 10px;
    color: red;
}


/*.todoList .todoBox .infoLinks {position: absolute; right: 30px; top: 50%; transform: translateY(-50%); z-index: 11;}*/
ul.moreMenuActions {
    width: 130px;
}

ul.moreMenuActions li a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-left: 0px;
}

ul.moreMenuActions li a .actionName {
    padding-left: 10px;
}

.todoList .todoBox .arrow {
    top: 50%;
    transform: translateY(-50%) !important;
    margin-top: 0px !important;
    width: 30px;
    height: 30px;
}

.todoList .todoBox .arrow.active {
    transform: translateY(-50%) !important;
}

.todoList .todoBox .arrow.active span.material-icons {
    transform: rotate(0deg);
    position: relative;
    transition: ease-in-out .5s;
}

.todoList .todoBox .arrow.active span.material-icons {
    transform: rotate(180deg);
}


.todoBox .infoLinks .morebox {
    position: static;
}

.todoBox .infoLinks .morebox span.material-icons.more {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 11;
}

.headingNumber {
    display: block;
    width: 28px;
    height: 28px;
    background: #c3bfc0;
    border-radius: 100%;
    margin: 0 auto 5px auto;
    line-height: 24px;
    color: #848182;
    font-weight: 700;
    border: 2px solid #c3bfc0;
    position: relative;
    z-index: 2;
    text-align: center;
    margin-right: 10px;
    font-size: 16px;
}

.captureImgess li {
    max-width: 100px;
    display: inline-block;
}

.bb-0 {
    border-bottom: none !important;
}

.walkthrough {
    height: 20px;
    width: 20px;
    position: relative;
    cursor: pointer;
    margin-right: 10px;
}

.issuePopup {
    position: absolute;
    right: 0px;
    top: 0px;
}

.basicInfo.seller-commisison-list {
    width: 65%;
}

.seller-commisison-list .basicInfoList li {
    box-shadow: none;
    border-radius: 4px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.seller-commisison-list .basicInfoList li:nth-child(even) {
    background: #f4f5f6;
}

.seller-commisison-list .basicInfoList li .left {
    width: auto;
    flex: 0 0 33.333%;
    max-width: 33.333%;
    padding-right: 10px;
    display: flex;
    align-items: center;
}

.seller-commisison-list .basicInfoList li .right {
    padding-left: 0px;
    flex: 0 0 66.666%;
    max-width: 66.666%;
    width: auto;
}

.seller-commisison-list .basicInfoList li .right {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.seller-commisison-list .basicInfoList li .right .closing-comm-input {
    flex: 0 0 50%;
    max-width: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.seller-commisison-list .basicInfoList li .right .closing-comm-input+.closing-comm-input {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.prop-markert-flex .basicInfo,
.prop-markert-flex .otherInfo {
    width: 50%;
}

.listprep-toggle {
    position: absolute;
    right: 60px;
}

.team-agent-icon {
    width: 80px;
    height: 80px;
    border: 1px solid #e0e0e0;
    padding: 5px;
}

.team-agent-icon img {
    width: 100%;
    height: 100%;
}

.team-agent-name {
    padding-left: 10px;
}


._stepswitchTabItem {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

._stepswitchBox-wrap {
    flex: 0 0 78px;
    max-width: 78px;
}

._stepswitchBox-wrap ul {
    background: #ccc;
    display: flex;
    flex-wrap: wrap;
    width: 78px;
    border: 1px solid #e0e0e0;
    margin-bottom: 10px;
    border-radius: 30px;
}

._stepswitchBox-wrap ul li {
    position: relative;
    flex: 0 0 25px;
    max-width: 25px;
    min-height: 25px;
    text-align: center;
    cursor: pointer;
    margin-right: 0px;
}

._stepswitchBox-wrap ul li:last-child {
    border-right: 0px;
}

._stepswitchBox {
    width: 25px;
    height: 25px;
    background: transparent;
    border-radius: 25px;
    margin: auto;
    position: absolute;
    left: 0px;
    transition: all 0.3s;
}

._stepswitchBox-wrap ul li.active ._stepswitchBox {
    background: #fff;
    left: 0px;
}

._stepswitchBox-wrap ul li span {
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: -20px;
    text-align: center;
    font-size: 13px;
}

._stepswitchBox-wrap ul li.active ._stepswitchBox span {
    position: relative;
    z-index: 1;
    color: #fff;
}


.showCenterBox .basicInfo {
    width: 100%;
    flex: 0 0 calc(50% - 15px);
    max-width: calc(50% - 15px);
    padding: 0px;
}

.showCenterBox .otherInfo {
    width: 100%;
    flex: 0 0 calc(50% - 15px);
    max-width: calc(50% - 15px);
    padding: 0px;
}

.list-app-get-list {
    text-align: center;
    width: 100%;
    padding: 20px;
}

.get-listing-price {
    margin-bottom: 20px;
}

.list-app-get-list .get-listing-info {
    font-size: 28px;
    font-weight: 300;
}

.list-app-get-list .get-listing-amount {
    font-size: 38px;
    font-weight: 600;
}

.list-app-get-list span {
    font-size: 16px;
}

.list-time-line {
    position: relative;
    margin-top: 20px;
}

/*.list-time-line .time-line-item:first-child {overflow: hidden;}*/
.list-time-line .time-line-item {
    position: relative;
    padding-left: 50px;
    padding-bottom: 10px;
}

.list-time-line .time-line-content {
    font-size: 14px;
    line-height: 1.42857143;
    position: relative;
    padding: 5px 50px 5px 5px;
    padding-bottom: 15px;
    border: 1px solid #ccc;
    background: #f9f9f9;
    border-radius: 4px;
}

.vertical-line {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 2px;
    height: 100%;
    left: 10px;
    background: #ccc;
}

.list-time-line .time-line-pointer {
    width: 22px;
    height: 22px;
    background: #ccc;
    border: 2px solid #ccc;
    border-radius: 50%;
    top: 20px;
    left: 145px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.list-time-line .time-line-item:last-child .vertical-line {
    display: none;
}

.time-line-contentHd {
    font-size: 18px;
    font-weight: 600;
}

.time-line-contentTitle {
    font-size: 14px;
    line-height: 24px;
}

.time-line-checkBox {
    display: none;
}

.time-line-checkBoxLabel {
    width: 22px;
    height: 22px;
    background: #ccc;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: -2px;
    left: -2px;
}

.time-line-pointer input:checked+label {
    background: green;
}

.time-line-pointer input:checked+label.time-line-checkBoxLabel:after {
    content: '';
    position: absolute;
    left: 7px;
    top: 3px;
    display: inline-block;
    transform: rotate(45deg);
    height: 10px;
    width: 5px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
}


.time-line-moreOptions {
    position: absolute;
    top: 10px;
    right: 0px;
    width: 50px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.marketingSocialTabs .resultTop {
    border-width: 1px !important;
}

.marketingSocialTabs .resultTop .tourNastedTab {
    padding-bottom: 10px;
}

.marketingSocialTabs .tourNastedTab li {
    margin-right: 15px;
    margin-bottom: 10px;
}

.marketingSocialTabs .tourNastedTab li a {
    border: 1px solid #ccc;
    padding: 5px 10px !important;
    border-radius: 30px;
    font-size: 14px;
}

.marketingSocialTabs .tourNastedTab li a.active2:after {
    content: none !important;
}

.marketingSocialTabs .tourNastedTab li a.active2 {
    color: #fff;
    border-color: #ce0334;
    background: #ce0334;
}

.marketingSocialTabs .subToursBox {
    padding: 10px 0px;
}

.marketingSocialTabs .subToursBox .addmarketing {
    text-align: right;
    font-size: 14px;
    line-height: 14px;
}

.addmarketing .addMarketingPhotos {
    color: #ce0334;
    background: transparent !important;
    padding: 0px;
    font-weight: bold;
    text-decoration: underline;
}

.marketingSocialTabs .list-time-line .time-line-content {
    display: flex;
    flex-wrap: wrap;
    align-items: self-start;
    padding: 10px;
    border-width: 0px;
    border-radius: 8px;
    background: #fff !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
}

.marketingSocialTabs .transactionCheckList-wrap .time-line-contentHd {
    flex: 0 0 130px;
    max-width: 130px;
    border-radius: 3px;
    position: relative;
}

.marketingSocialTabs .time-line-contentTitle {
    flex: 0 0 calc(100% - 280px);
    max-width: calc(100% - 280px);
    padding: 0px 10px;
}

.marketingSocialTabs .time-line-content .infoLinks {
    flex: 0 0 150px;
    max-width: 150px;
    justify-content: flex-end;
}

.marketingSocialTabs .time-line-content .infoLinks a {
    margin-left: 0px;
    width: auto;
    height: auto;
    margin-right: 10px;
    border-radius: 0px !important;
    background: transparent !important;
    box-shadow: none !important;
    font-weight: 600;
}

.marketingSocialTabs .time-line-content .infoLinks a.editCards {
    color: #0275bb;
}

.marketingSocialTabs .time-line-content .infoLinks a:last-child {
    margin-right: 0px;
}

.marketingSocialTabs .time-line-content .infoLinks a.removeCards {
    color: #ce0334;
}

.marketingSocialTabs .vertical-line {
    top: 20px;
}

.marketingSocialTabs .list-time-line .time-line-pointer {
    top: 20px;
}

.vertical-line.completeTodoList {
    background: green;
}

/* After hover on property image */
.marketingSocialTabs .tooltipBox {
    display: none;
    width: 350px;
    position: absolute;
    top: 0px;
    left: 100%;
    padding-left: 10px;
}

.marketingSocialTabs .time-line-contentHd:hover .tooltipBox {
    display: block;
}

.marketingSocialTabs .tooltipBox:after {
    content: "";
    border: 1px solid #dbdbdb;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 8px;
    transform: rotate(-220deg);
    -webkit-transform: rotate(-220deg);
    position: absolute;
    top: 4px;
    left: 3px;
    z-index: 1;
    background: #fff;
}

.marketingSocialTabs .tooltipBoxInner {
    width: 310px;
    padding: 0px;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    border: 1px solid #eeeeee;
    position: relative;
    z-index: 11;
}

.marketingSocialTabs .tooltipBox img {
    width: 100%;
    border-radius: 4px;
}

.propMarketHead-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 10px 0px;
}

span.propMarketHead {
    font-size: 18px;
    font-weight: 600;
    margin-right: 10px;
}

.moveInDayCapture {
    margin-right: 10px;
}

.arrow.active span.material-icons.expandCollapse {
    transform: rotate(180deg);
}

.marketingdCardsList {
    width: 100%;
    margin: 10px 0px;
}

.marketingdCardsList ul {
    border-top: 1px solid #e0e0e0;
    padding: 10px 0px 0px;
    margin: 10px 0px;
}

.arrow.showDD {
    cursor: pointer;
}


.marketingSocialTabs .transactionCheckList-wrap .propMarkAll .time-line-contentHd {
    flex: 0 0 calc(100% - 60px);
    max-width: calc(100% - 60px);
}

.marketingSocialTabs .time-line-content.propMarkAll .infoLinks {
    flex: 0 0 60px;
    max-width: 60px;
    justify-content: flex-end;
}

.marketingSocialTabs .propMarkAll .time-line-contentTitle {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0px;
}

.material-icons {
    cursor: pointer;
}

.subToursBox .showCenterBox {
    margin-top: 20px;
}

.flex-bw {
    justify-content: space-between;
}

.compareList a {
    display: block;
    border: 1px solid #cbc7c8;
    height: 32px;
    border-radius: 30px;
    font-size: 13px;
    padding: 0 15px;
    color: #000;
    line-height: 30px;
    font-weight: 500;
    white-space: nowrap;
    width: auto;
    text-align: center !important;
    justify-content: center;
}

.compareList a.active2 {
    background: #d31d49;
    border: 1px solid #d31d49;
    height: 32px;
    border-radius: 30px;
    font-size: 13px;
    color: #fff;
    white-space: nowrap;
}

.offerListImg {
    flex: 0 0 120px;
    max-width: 120px;
    margin: 25px 0 0 20px;
}

.offerListStatus {
    flex: 0 0 150px;
    max-width: 150px;
}

.offerListBuyer {
    flex: 0 0 calc(100% - 270px);
    max-width: calc(100% - 270px);
    padding-left: 10px;
    padding-right: 10px;
}

.offerListingWraps {
    margin-bottom: 10px;
    padding: 10px;
    border-width: 0px;
    border-radius: 8px;
    background: #fff !important;
    box-shadow: 0 2px 5px rgb(0 0 0 / 10%);
}

.offerListStatusOpt {
    display: block;
    background: #fff url(../../images/select_arrow.png) no-repeat right 10px center;
    background-size: 12px;
    border: 1px solid #cbc7c8;
    height: 32px;
    border-radius: 30px;
    font-size: 13px;
    padding: 0 35px 0 15px;
    color: #000;
    line-height: 30px;
    font-weight: 500;
    white-space: nowrap;
}

span.fundDisburseAgent {
    display: inline-block;
    border: 1px solid #cbc7c8;
    height: auto;
    border-radius: 30px;
    font-size: 13px;
    padding: 4px 15px;
    color: #000;
    line-height: 30px;
    font-weight: 300;
    white-space: nowrap;
    width: auto;
    text-align: center !important;
    justify-content: center;
    cursor: pointer;
}

span.fundDisburseAgent svg {
    margin-right: 10px;
}

table.allAgentListing tbody tr td img {
    width: auto;
    max-width: 100px;
}

table.allAgentListing tbody tr td {
    padding: 15px 10px;
    border-bottom: 1px solid #ccc;
}

table.allAgentListing thead tr th {
    border-bottom: 1px solid #ccc;
    padding: 15px 10px;
}

table.allAgentListing {
    width: 100%;
    text-align: center;
    min-width: 100px;
}

.agentAction {
    right: 110px !important;
    top: 20px !important;
}

.agentAction li {
    padding: 5px !important;
}

.agentAction li {
    padding: 5px !important;
}

.agentAction li a {
    padding: 0px !important;
    color: #3a3a3a !important;
}

.txStatusUpdate {
    padding: 9px;
    border-radius: 25px;
    width: 100%;
    line-height: 17px;
}

.agentListDet {
    width: 33% !important;
    box-shadow: 4px 0px 10px rgb(0 0 0 / 20%);
    border-left: 3px solid #d21846;
    margin-left: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
    margin: 10px 0px 10px 10px !important;
}

.showingLicense {
    color: red !important;
    font-size: 9px !important;
    font-weight: 400 !important;
    margin-bottom: 5px;
    padding: 0px;
}

.showingfeedback ul li:first-child {
    flex: 0 0 auto !important;
    width: 70%;
    max-width: 70% !important;
}

.showingfeedback ul li:last {
    flex: 0 0 auto !important;
    width: 30%;
    max-width: 30% !important;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    background-repeat: no-repeat !important;
}

.tableBox.invAgnentList table th {
    text-align: left;
}

@media(max-width: 1199px) {
    .basicInfo.seller-commisison-list {
        width: 100%;
    }
}

.resultTab.bor {
    border-bottom: 1px solid #ccc;
    padding-bottom: 1px;
}

.formMidCon {
    margin: 0 -10px;
}

.formInnerBox {
    width: 33.33%;
    padding: 20px 10px;
}

#suggestions-tab a {
    text-decoration: none;
    padding: 5px 10px;
    margin-right: 5px;
    border: 1px solid grey;
    border-radius: 20px;
    cursor: pointer;
}

#suggestions-tab a:hover {
    background-color: #0056b3;
}


.footerbtns {
    text-align: center;
    margin-top: 20px;
}

.boBuyer {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 4px;
}

.boList span {
    font-size: 12px;
    margin-top: 10px;
    color: darkgray;
}

.boNo {
    font-weight: 600;
}

.boAgent,
.boDet {
    /*    font-weight: 500;*/
}

.boAgInfo {
    /*    font-weight: 500;*/
    margin-bottom: 4px;
}

.boList {
    max-width: 330px;
}

.offeeerListingDetWrap {
    width: calc(100% - 330px);
    padding-left: 30px;
    padding-top: 45px;
}

.editIco {
    font-size: 18px !important;
    cursor: pointer;
    margin-left: 10px;
}

a.allPDFViewPopup.tooltip-hoverIcon:hover {
    color: blue;
    text-decoration: underline;
}

.detImage {
    width: 100px;
    height: 100px;
    margin-right: 20px;
    position: relative;
}

.propertyViewIcon {
    position: absolute;
    right: 5px;
    color: red;
    top: 5px;
}

.propertyViewIcon:hover;

    {
    color: blue;
}

.subMarketBox {
    width: 50%;
}

.summaryCon {
    align-items: flex-start;
}

.sumaaryBox {
    width: 33%;
    margin-left: 2%;
    padding: 20px;
    background: #eee;
}

.sumaaryBox .hd {
    font-size: 22px;
    font-weight: 600;
    padding-bottom: 10px;
}

.summaryList {
    list-style: none;
    padding: 0;
    margin: 0;
}

.summaryList li {
    border-bottom: 1px dashed #ddd;
    padding: 12px 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.summaryList li .right {
    padding-left: 10px;
    font-weight: 500;
}

.summaryList li.total {
    background: #eee;
    font-weight: 600;
}

.summaryList li.total .right {
    font-weight: 600;
}

.agentInfoListing {
    margin-top: 10px;
    color: gray;
}

.walkThruImage {
    cursor: zoom-in;
    transition: transform 0.2s;
    /* Smooth zoom effect when hovered */
}

.zoom-modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 25px 15px;
}

.zoom-modal-content {
    margin: auto;
    display: block;
    width: auto;
    max-width: 80%;
    /* Restrict image width */
    max-height: 80%;
    /* Restrict image height */
    transform: scale(1);
    /* Reset zoom on open */
    transition: transform 0.2s ease-in-out;
    /* Smooth zoom transition */
}

.zoom-modal-content:hover {
    transform: scale(1.2);
    /* Slight zoom on hover */
}

#zoomCaption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
}

.modalInner {
    max-width: 1000px;
    margin: auto;
    padding: 10px;
    position: relative;
}

a.close.closePopup {
    top: 0px;
    right: 1px;
}

.close {
    position: absolute;
    top: -10px;
    right: -10px;
    color: #fff;
    font-size: 32px;
    font-weight: bold;
    cursor: pointer;
    background: #000;
    width: 36px;
    height: 36px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
}

.feedback-badge {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 20px;
    background-color: #f0f0f0;
    margin: 5px;
    font-size: 14px;
}

/* 23-july-2025 */

#allTemplates {z-index:10001;}