@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap');

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    background: url("../img/loading-loader.gif") 50% 50% no-repeat rgb(249, 249, 249);
    background-size: 20%;
    opacity: 0.8;
}

.waitlist-loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    background: no-repeat rgb(249, 249, 249);
    background-size: 20%;
    opacity: 0.9;
    display: flex;
    align-items: center;
    justify-content: center;
}

@font-face {
    font-family: "CircularStd-Regular";
    src: url(../fonts/CircularStd-Regular.otf);
}

@font-face {
    font-family: "CircularStd-Medium";
    src: url(../fonts/CircularStd-Medium.otf);
}

@font-face {
    font-family: "CircularStd-Bold";
    src: url(../fonts/CircularStd-Bold.otf);
}

@font-face {
    font-family: "CircularStd-Black";
    src: url(../fonts/CircularStd-Black.otf);
}

@font-face {
    font-family: "HelveticaNeue";
    src: url(../fonts/HelveticaNeue.ttf);
}

@font-face {
    font-family: "FuturaMediumBT";
    src: url(../fonts/FuturaMediumBT.ttf);
}


/* Variables for color and font family Start */

:root {
    /* Colors */
    --colorWhite: #fff;
    --colorBlack: #000;
    --colorBlue: #3787e3;
    --colorOffGrey: #f2f2f2;
    --colorWarmGrey: #707070;
    --colorGrey2: #f7f7f7;
    --colorLight: #f5f5f5;
    --colorYellow: #ffad00;
    --colorGreenish: #219f9d;
    --colorPurple: #ac67f0;
    --colorGreen: #009e35;
    --colorRed: #f22436;
    --colorOrange: #f2a03f;
    --colorPrim: #3787e3;
    --colorGreenTheme: #52a959;
    --colorPrimBg: #f4f7fa;
    --colorPrimDark: #3f51b5;
    --colorGrey3: #383838;
    --colorGreen2: #0dde9e;
    --colorRed1: #ed3833;
    --colorWarmGrey2: #aaa;
    /* Font Family */
    --circularRegular: "CircularStd-Regular", sans-serif;
    --circularMedium: "CircularStd-Medium", sans-serif;
    --circularBold: "CircularStd-Bold", sans-serif;
    --circularBlack: "CircularStd-Black", sans-serif;
    --circularBook: "CircularStd-Book", sans-serif;
    --helveticaRegular: "HelveticaNeue", sans-serif;
    --futuraMudium: "FuturaMediumBT", sans-serif;
}


/* Variables for color and font family End */

body {
    font-family: var(--circularRegular);
    font-size: 16px;
    /*overflow-x: hidden;*/
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

button,
a {
    transition: all 0.35s ease 0s;
}

button {
    padding: 0;
    cursor: pointer;
    background-color: transparent;
    border: none;
}

button:focus {
    outline: none;
}

a {
    outline: none !important;
    text-decoration: none;
}

a:hover,
a:focus {
    text-decoration: none;
}

img {
    max-width: 100%;
    max-height: 100%;
}

th {
    white-space: nowrap;
}


/* Common Classes Start */

.boxs {
    float: left;
    width: 100%;
    display: block;
}

.container {
    max-width: 1150px;
}

.fontSize10 {
    font-size: 10px;
    line-height: normal;
}

.fontSize12 {
    font-size: 12px;
    line-height: 15px;
}

.fontSize14 {
    font-size: 14px;
    line-height: 20px;
}

.fontSize16 {
    font-size: 16px;
    line-height: 24px;
    /* letter-spacing: 0.48px; */
}

.fontSize18 {
    font-size: 18px;
    line-height: 26px;
}

.fontSize20 {
    font-size: 20px;
    line-height: 25px;
}

.fontSize22 {
    font-size: 22px;
    line-height: 28px;
}

.fontSize24 {
    font-size: 24px;
    line-height: 30px;
}

.fontSize26 {
    font-size: 26px;
    line-height: 33px;
}

.fontSize28 {
    font-size: 28px;
    line-height: 36px;
}

.fontSize30 {
    font-size: 30px;
    line-height: 38px;
}

.fontSize32 {
    font-size: 32px;
    line-height: 41px;
}

.fontSize35 {
    font-size: 35px;
    line-height: 44px;
}

.fontSize36 {
    font-size: 36px;
    line-height: 46px;
}

.fontSize38 {
    font-size: 38px;
    line-height: 52px;
}

.fontSize52 {
    font-size: 52px;
}

.bodySection {
    min-height: calc(100vh - 579px);
}

.bodySection2 {
    min-height: calc(100vh - 64px);
}

.textWhite {
    color: #fff;
}

.textAAA {
    color: #aaaaaa;
}

.textBlack {
    color: #000;
}

.textWarmGrey {
    color: var(--colorWarmGrey);
}

.textPrim {
    color: var(--colorPrim) !important;
}

.textPrimDark {
    color: var(--colorPrimDark);
}

.textOrange {
    color: var(--colorOrange);
}

.textOrange2 {
    color: #ff8a00;
}

.textGrey3 {
    color: var(--colorGrey3);
}

.textGreen {
    color: var(--colorGreen);
}

.textGreen2 {
    color: var(--colorGreen2);
}

.textRed1 {
    color: var(--colorRed1);
}

.fontReg {
    font-family: var(--circularRegular);
}

.fontMed {
    font-family: var(--circularMedium);
}

.fontBold {
    font-family: var(--circularBold);
}

.fontBlack {
    font-family: var(--circularBlack);
}

.fontBook {
    font-family: var(--circularBook);
}

.fontDisp {
    font-family: var(--helveticaRegular);
}

.fontFutura {
    font-family: var(--futuraMudium);
}

.bgWhite {
    background-color: #fff;
}

.bgBlack {
    background-color: #000;
}

.bgLight {
    background-color: var(--colorLight);
}

.bgPrim {
    background-color: var(--colorPrim);
}

.bgPrimBg {
    background-color: var(--colorPrimBg);
}

.bgPrimDark {
    background-color: var(--colorPrimDark);
}


.btnStat {
    color: var(--colorWhite) !important;
    background-color: var(--colorBlue) !important;
    border-color: var(--colorBlue) !important;
}

.btnStat:hover,
.btnStat:focus {
    color: var(--colorWhite) !important;
    background-color: var(--colorBlue) !important;
    border-color: var(--colorBlue) !important;
}

.btnStyleBlack {
    font-size: 18px;
    line-height: 18px;
    font-family: var(--circularMedium);
    color: var(--colorWhite);
    background: var(--colorBlack);
    display: inline-block;
    padding: 17px 54px;
    border-radius: 27px;
    text-transform: uppercase;
    border: 1px solid var(--colorBlack);
    cursor: pointer;
    text-align: center;
    min-width: max-content;
}

.btnStyleBlack:hover {
    color: var(--colorBlack);
    background-color: var(--colorWhite);
    border-color: var(--colorBlack);
}

.btnStyle {
    font-size: 18px;
    line-height: 18px;
    font-family: var(--circularMedium);
    color: var(--colorWhite);
    background: var(--colorBlue);
    display: inline-block;
    padding: 17px 54px;
    border-radius: 27px;
    text-transform: uppercase;
    border: 1px solid var(--colorBlue);
    cursor: pointer;
    text-align: center;
    min-width: max-content;
}


.btnStyle:hover {
    color: var(--colorBlue);
    /* background: var(--colorWhite); */
    background-color: var(--colorWhite);
    border-color: var(--colorBlue);
}

.btnStyle.btnStyle2 {
    font-size: 16px;
    line-height: 16px;
    padding: 12px 45px;
}

.btnStyle.btnStyle3 {
    padding: 15px 54px;
}

.btnStyle.btnStyle4 {
    background: var(--colorWhite);
    color: var(--colorPrim);
}

.btnStyle.btnStyle4:hover,
.btnStyle.btnStyle4:focus {
    background: var(--colorPrim);
    border-color: var(--colorPrim);
    color: var(--colorWhite);
}

.btnStyle.btnStyle5 {
    padding: 8px 20px;
    background: var(--colorWhite);
    color: var(--colorPrim);
    font-size: 14px;
    font-family: var(--circularBook);
}

.btnStyle.btnStyle5:hover,
.btnStyle.btnStyle5:focus {
    background: var(--colorPrim);
    border-color: var(--colorPrim);
    color: var(--colorWhite);
}

.smallButton {
    font-size: 14px;
    line-height: 14px;
    padding: 10px 25px;
}

.smallButton2 {
    font-size: 12px;
    line-height: 12px;
    /* padding: 10px 13px; */
    padding: 10px 10px;
}

.smallButton3 {
    padding: 8px 25px 6px;
}

.btnRegDanger {
    background: transparent;
    border: 1px solid var(--colorRed);
    color: var(--colorRed);
}

.btnRegDanger:hover,
.btnRegDanger:focus {
    background: var(--colorRed);
    border: 1px solid var(--colorRed);
    color: var(--colorWhite);
}

.btnReg1 {
    --btn-color: var(--colorPrim);
    display: inline-block;
    padding: 11px 25px;
    font-size: 16px;
    line-height: 20px;
    background: transparent;
    border-radius: 32px;
    border: 1px solid var(--btn-color);
    color: var(--btn-color);
}


/* .btnReg1 {
  display: inline-block;
  padding: 11px 25px;
  font-size: 16px;
  line-height: 20px;
  background: transparent;
  border-radius: 32px;
  border: 1px solid var(--colorPrim);
  } */

.btnReg1:hover,
.btnReg1:focus {
    background: var(--colorPrim);
    color: var(--colorWhite);
}

.btnReg1:not(.btnDisabled) {
    border: 1px solid var(--btn-color);
}

.btnReg1:not(.btnDisabled):hover,
.btnReg1:not(.btnDisabled):focus {
    background: var(--btn-color);
    color: var(--colorWhite);
}

.btnReg1.btnDisabled {
    color: var(--btn-color);
}

.squareBtn {
    border-radius: 4px;
}

.btnSolid1,
.btnReg1SolidActive.active {
    background: var(--btn-color);
    color: var(--colorWhite);
}

.btnSolid1:not(.btnDisabled):hover,
.btnSolid1:not(.btnDisabled):focus {
    background: transparent;
    color: var(--btn-color);
}

.btnRegRed {
    --btn-color: var(--colorRed);
}

.btnRegGreen {
    --btn-color: var(--colorGreen);
}


/* .btnRegGreen:hover,
.btnRegGreen:focus {
  background: var(--colorGreen);
  color: var(--colorWhite);
  } */

.btnRegYellow {
    --btn-color: var(--colorYellow);
}

/* .btnRegYellow:hover,
.btnRegYellow:focus {
  background: var(--colorYellow);
  color: var(--colorWhite);
  } */

.transparentGreenBtn {
    border-color: var(--colorGreen);
    background: var(--colorWhite);
    color: var(--colorGreen);
}

.transparentGreenBtn:hover {
    background: var(--colorGreen);
    color: var(--colorWhite);
}

.transparentBlueBtn {
    border-color: var(--colorBlue);
    background: var(--colorWhite);
    color: var(--colorBlue);
}

.transparentBlueBtn:hover {
    background: var(--colorBlue);
    color: var(--colorWhite);
}

.transparentGreenThemeBtn {
    border-color: var(--colorGreenTheme);
    background: var(--colorWhite);
    color: var(--colorGreenTheme);
}

.transparentGreenThemeBtn:hover {
    background: var(--colorGreenTheme);
    color: var(--colorWhite);
    border-color: var(--colorGreenTheme);
}

.transparentRedBtn {
    border-color: #ed3833;
    background: transparent;
    color: #ed3833;
}

.transparentRedBtn:hover,
.transparentRedBtn:focus {
    border-color: #ed3833;
    background: #ed3833;
    color: var(--colorWhite);
}

.btnBoxDesign span {
    display: inline-block;
    float: left;
    margin-right: 20px;
}

.btnBoxDesign span:last-child {
    margin-right: 0;
}

.btnBoxDesign2 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.btnBoxDesign3 span {
    margin-right: 12px;
}

.smallButton {
    font-size: 14px;
    line-height: 14px;
    padding: 10px 25px;
    padding: 7px 23px;
}

.smallBtn2 {
    font-size: 14px;
    padding: 10px 20px;
    background: var(--colorPrim);
    border-radius: 20px;
    color: var(--colorWhite);
}

.smallBtn2:hover,
.smallBtn2:focus {
    background: var(--colorWhite);
    box-shadow: 0 0 0 1px var(--colorPrim);
    color: var(--colorPrim);
}

.smallBtn2New {
    border-radius: 4px;
    background: transparent;
    white-space: nowrap;
    color: var(--colorPrim);
    border: 1px solid var(--colorPrim);
    text-transform: uppercase;
    padding: 11px 14px;
    font-size: 12px;
    line-height: 12px;
}

.smallBtn2New:hover,
.smallBtn2New:focus {
    color: var(--colorWhite);
    background: var(--colorPrim);
    box-shadow: 0 0 0 1px var(--colorPrim);
}

.btnYellow {
    background: var(--colorYellow);
    color: var(--colorBlack);
    border: 1px solid var(--colorYellow);
}

.btnYellow:hover {
    background: var(--colorWhite);
    color: var(--colorYellow);
    border: 1px solid var(--colorYellow);
}

.btnGreen {
    background: var(--colorGreen);
    color: var(--colorWhite);
    border: 1px solid var(--colorGreen);
}

.btnGreen:hover {
    background: var(--colorWhite);
    color: var(--colorGreen);
    border: 1px solid var(--colorGreen);
}

.greyIconLink1 {
    font-size: 14px;
    line-height: 18px;
    display: flex;
    align-items: center;
}

.greyIconLink1 img {
    width: 20px;
    height: 20px;
}

.greyIconLink1 span {
    margin-left: 5px;
    /* border-bottom: 1px solid var(--colorWarmGrey); */
    color: var(--colorWarmGrey);
}

.lnkBtn {
    padding: 0;
    background: transparent;
    border: 0;
}

.lnkBtn:hover,
.lnkBtn:focus {
    text-decoration: underline;
}

.lnkBtnPrim {
    color: var(--colorPrim);
}

.btnPrimSolid {
    background-color: var(--colorPrim);
    color: var(--colorWhite);
}

.img60x {
    width: 60px;
    height: 60px;
    object-fit: contain;
    object-position: center;
}


/* Common Classes End */


/* Header Start */

.header {
    position: fixed;
    z-index: 99999;
}

.header2 {
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
}

.fixedHeader {
    position: fixed;
    z-index: 99999;
    background: var(--colorWhite);
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
}

.nav-item {
    margin-right: 44px;
}

.nav-item:last-child {
    margin-right: 0;
}

.nav-link:hover,
.nav-link:focus,
.nav-link.active {
    color: var(--colorBlue);
}

.nav-link {
    font-family: var(--circularBook);
    font-size: 18px;
    line-height: 22px;
    color: var(--colorWarmGrey);
    padding: 0;
}

.dropdown-item {
    color: var(--colorBlue);
    margin-right: 0;
    padding: 0 10px;
    margin-bottom: 10px;
}

.dropdown-item:last-child {
    margin-bottom: 0;
}

.navbar {
    padding: 0;
}

.navbar-default {
    padding: 7px 0;
}

.navbar-expand-md {
    width: 100%;
    padding: 0;
}

.navbar-expand-md .navbar-collapse {
    display: block !important;
}

.navbar-brand {
    padding: 0;
}

.navbar-expand-md .navbar-nav .nav-link {
    padding-left: 0;
    padding-right: 0;
}


/* Sidenav Start */

.navIcon {
    position: absolute;
    height: 3px;
    width: 30px;
    right: 15px;
    top: 50%;
    background: var(--colorBlack);
    transition-duration: 0.075s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.navIcon::before {
    position: absolute;
    content: "";
    top: -8px;
    left: 0;
    height: 3px;
    width: 30px;
    background: var(--colorBlack);
    transition: all 0.3s ease;
}

.navIcon::after {
    position: absolute;
    content: "";
    top: 8px;
    left: 0;
    height: 3px;
    width: 30px;
    background: var(--colorBlack);
    opacity: 1;
    transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}

.navbar-toggler.active .navIcon:before {
    top: 0;
    opacity: 0;
    transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}

.navbar-toggler.active .navIcon {
    transform: rotate(45deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.navbar-toggler.active .navIcon::after {
    top: 0px;
    transform: rotate(-90deg);
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.navbar-expand-md .navbar-toggler {
    background: transparent;
    border: none;
    padding: 0;
}


/* Sidenav End */


/* Footer Start */

.topSpace {
    margin-top: 64px;
}

.footMidList .midQuickLinks {
    width: 29%;
    float: left;
}

.midSocialLinks {
    width: 42%;
    float: left;
}

.footerTop {
    background: var(--colorOffGrey);
    padding: 80px 0;
}

.footerBtm {
    background: var(--colorBlue);
    padding: 23px 0px;
}

.footBtmInner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.copyrightBox p {
    color: var(--colorWhite);
    font-family: var(--helveticaRegular);
    letter-spacing: 0.42px;
}

.socialLinks ul li {
    float: left;
    margin-right: 30px;
}

.socialLinks ul li:last-child {
    margin-right: 0;
}

.socialLinks ul li a {
    font-size: 22px;
    color: var(--colorWhite);
}

.footLinkList li:not(:last-child) {
    margin-bottom: 15px;
}

.footLinkList li a {
    font-family: var(--circularBook);
    color: var(--colorWarmGrey);
}

.midQuickLinks h4,
.midSocialLinks h4 {
    font-family: var(--circularMedium);
    color: var(--colorblack);
    text-transform: uppercase;
    margin-bottom: 20px;
}

.footLeft .aboutCompany h4 {
    font-family: var(--circularMedium);
    color: var(--colorblack);
    text-transform: uppercase;
    letter-spacing: 1.08px;
    margin-bottom: 16px;
}

.footLeft .aboutCompany p {
    font-family: var(--circularBook);
    color: var(--colorWarmGrey);
    letter-spacing: 0.42px;
    padding-right: 75px;
}

.footLogo {
    margin-bottom: 35px;
}


/* Footer End */

.midSocialLinks .footLinkSocial {
    margin-bottom: 20px;
}

.midSocialLinks .footLinkSocial span {
    font-family: var(--circularBook);
    color: var(--colorWarmGrey);
}

.midSocialLinks .footLinkSocial .linkRoute,
.midSocialLinks .footLinkSocial .linkRoute a {
    color: var(--colorBlue);
}

.midSocialLinks .footLinkSocial .linkHeading {
    margin-bottom: 6px;
}

.midSocialLinks h4 {
    margin-bottom: 30px;
}

.midQuickLinks:first-child .footLinkList ul li {
    padding-left: 15px;
    position: relative;
}

.midQuickLinks:first-child .footLinkList ul li::before {
    position: absolute;
    content: "";
    top: 8px;
    left: 0;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: var(--colorWarmGrey);
}


/* Home Page Start */


/* Home Banner */

.homeBanner {
    /* background: url("../img/homeBanner.jpg") no-repeat center center; */
    background-color: #052e51;
    background-size: cover;
}

.bannerInner {
    padding: 65px 0 50px;
    display: flex;
}

.bannerLeft .topHeading {
    margin-bottom: 12px;
}

.bannerLeft .topHeading h2 {
    /* text-align: justify; */
    text-transform: uppercase;
    /* color: #515050; */
    /* color: #3b3737; */
    color: #cccccc;
    letter-spacing: 3px;
    font-family: 'Poppins', var(--circularMedium);
}

.bannerLeft .topHeadingAffilate {
    margin-bottom: 15px;
}

.bannerLeft .topHeadingAffilate h2 {
    text-transform: uppercase;
    color: #cccccc;
    letter-spacing: 3px;
    font-family: 'Poppins', var(--circularMedium);
}

.topHeadingAffilate h2,
.topHeadingAffilate p {
    display: inline;
    vertical-align: top;
}

.bannerLeft .mainHeading h1 {
    font-family: 'Poppins', var(--circularBold);
    color: var(--colorWhite);
    line-height: 1.2;
}

.bannerLeft .mainHeading h1 .highlightHeading {
    font-family: var(--circularBlack);
}

.bannerLeft .mainHeading h1 .highlightHeading span {
    position: relative;
    z-index: 1;
}

.bannerLeft .mainHeading h1 .highlightHeading span:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 100%;
    bottom: 1px;
    left: 0;
    background-color: var(--colorBlue);
    z-index: -1;
}

.bannerLeft .mainHeading+.joinUs,
.bannerLeft .topHeading+.joinUs {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.bannerLeft .mainHeading+.joinUs .btn,
.bannerLeft .topHeading+.joinUs .btn {
    padding: .5em;
    flex: 1;
    border-radius: 3em;
    white-space: nowrap
}

.bannerVideo {
    height: 427px;
}


/* Home Features */

.compFeatures {
    background: var(--colorGrey2);
    padding: 75px 0;
}

.featuresInner .featureBox {
    background: var(--colorWhite);
    padding: 36px 30px;
    border-radius: 12px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.featureBox .featureImage {
    height: 90px;
    width: 90px;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 30px;
}

.featureBox .featureImage img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.featureBox .featureContents h4 {
    font-family: var(--circularMedium);
    color: var(--colorblack);
    margin-bottom: 20px;
}

.featureBox .featureContents h4 span {
    position: relative;
}

.featureContents h4 span::before {
    position: absolute;
    content: "";
    height: 7px;
    width: 7px;
    border-radius: 50%;
    bottom: 6px;
    right: -15px;
}

.featureContents.areaAnalysis h4 span::before {
    background: var(--colorRed);
}

.featureContents.postcodeData h4 span::before {
    background: var(--colorYellow);
}

.featureContents.portfolioTracker h4 span::before {
    background: var(--colorGreen);
}

.featureBox .featureContents p {
    font-family: var(--circularBook);
    color: var(--colorWarmGrey);
    line-height: 26px;
}

.featuresInner .row {
    margin-left: -20px;
    margin-right: -20px;
}

.featuresInner .col-sm-4 {
    padding-left: 20px;
    padding-right: 20px;
}

.featuresInner .col-sm-4:nth-child(2) {
    margin-top: 70px;
}


/* How we work */

.weWork {
    background: url("../img/weWorkBg.png") no-repeat center center;
    background-size: cover;
    padding: 69px 0;
}

.weWorkBox .row {
    align-items: center;
}

.weWorkLeft {
    padding-right: 200px;
}

.weWorkLeft .mainHeading {
    color: var(--colorBlue);
    font-family: var(--circularBold);
    margin-bottom: 7px;
}

.weWorkLeft .subHeading {
    font-family: var(--circularBook);
    color: var(--colorblack);
    margin-bottom: 40px;
}

.weWorkLeft .sectionContent {
    font-family: var(--circularBook);
    color: var(--colorWarmGrey);
    margin-bottom: 49px;
}

.testimonialsBox {
    padding: 50px 0;
}

.testimonialContent {
    position: relative;
    padding: 0 80px;
    margin-bottom: 30px;
}

.testimonialContent::before {
    position: absolute;
    content: url("../img/quoteLeft.png");
    background-repeat: no-repeat;
    background-position: center center;
    left: 0;
    top: 0;
}

.testimonialContent::after {
    position: absolute;
    content: url("../img/quoteRight.png");
    background-repeat: no-repeat;
    background-position: center center;
    right: 0;
    top: 0;
}

.testimonialContent {
    padding-bottom: 50px;
    position: relative;
}

.ellipseCircle {
    position: absolute;
    right: 0;
}

.testimonialContent span {
    font-family: var(--circularBook);
    color: var(--colorBlack);
}

.testimonialBy .writerName {
    font-family: var(--circularBook);
    color: var(--colorBlack);
}

.testimonialBy .writerType {
    font-family: var(--circularBook);
    color: var(--colorWarmGrey);
}

.testimonialSlider.slick-initialized .slick-slide {
    padding: 0 150px;
}

.testimonialSlider .slick-prev:before {
    content: url("../img/leftArrow.png");
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 1;
}

.testimonialSlider .slick-next:before {
    content: url("../img/rightArrow.png");
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 1;
}

.testimonialSlider .slick-arrow.slick-disabled:before {
    opacity: 0.5;
}

.testimonialSlider .slick-dots li {
    height: 12px;
    width: 12px;
}

.testimonialSlider .slick-dots li button {
    padding: 0;
    height: 100%;
    width: 100%;
}

.testimonialSlider .slick-dots li button::before {
    height: 100%;
    width: 100%;
    border-radius: 50%;
    overflow: hidden;
    content: "";
}

.testimonialSlider .slick-dots li {
    background: var(--colorWarmGrey);
    border-radius: 50%;
    overflow: hidden;
}

.testimonialSlider .slick-dots li.slick-active {
    background: var(--colorBlue);
}


/* Home Page End */


/* Plan page start */

.planPage {
    padding: 35px 0 98px;
    background: var(--colorPrimBg);
}

.planBox {
    border-radius: 16px;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.planPage .sectionHeading {
    margin-bottom: 35px;
}

.planPage .sectionHeading h3 {
    text-align: center;
    font-family: var(--circularMedium);
    color: var(--colorblack);
}

.planDetails {
    background: var(--colorWhite);
    padding: 12px 20px 34px;
    height: 100%;
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
}

.planSecHeading {
    padding: 20px 10px;
    text-align: center;
}

.investorsPlan .planSecHeading {
    background: var(--colorYellow);
}

.sourcersPlan .planSecHeading {
    background: var(--colorGreen);
}

.businessPlan .planSecHeading {
    background: var(--colorBlue);
}

.planSecHeading p {
    color: var(--colorWhite);
    font-family: var(--circularMedium);
}

.stepBarBox {
    padding: 25px 0 16px;
}

.stepBarInner ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.stepBarInner .stepsList a {
    display: inline-block;
    float: left;
    width: 100%;
}

.stepBarInner .stepsList a .stepbarTop {
    height: 2px;
    width: 100%;
    background-color: #d0d0d0;
    left: 0;
    margin-bottom: 10px;
}

.stepBarInner .stepsList a .stepCount {
    font-size: 14px;
    line-height: 14px;
    color: var(--colorWarmGrey);
    font-family: var(--circularMedium);
    height: 26px;
    width: 26px;
    border-radius: 50%;
    border: 1px solid var(--colorWarmGrey);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 7px;
}

.stepBarInner .stepsList a .stepName {
    font-family: var(--circularBook);
    color: var(--colorWarmGrey);
}

.stepBarInner .stepsList a.active .stepbarTop {
    height: 4px;
    background-color: var(--colorBlue);
    position: relative;
    top: -2px;
}

.stepBarInner .stepsList a.active .stepCount {
    color: var(--colorBlue);
    border-color: var(--colorBlue);
}

.stepBarInner .stepsList a.active .stepName {
    color: var(--colorBlack);
}

.stepBarInner .stepsList a.activated .stepCount {
    color: var(--colorWhite);
    border-color: var(--colorBlue);
    background: var(--colorBlue);
}

.stepBarInner .stepsList a.activated .stepName {
    color: var(--colorBlue);
}

.stepBarInner .stepsList {
    display: inline-block;
    float: left;
    margin-right: 40px;
    min-width: 190px;
}

.stepBarInner .stepsList:last-child {
    margin-right: 0;
}

.onNextPage {
    text-align: right;
    margin-top: 50px;
}

.boxDesigns {
    background: var(--colorWhite);
    padding: 40px 148px 69px;
    border-radius: 16px;
    border: solid 1px #ebebeb;
}

.boxDesigns2 {
    padding: 40px 112px 60px;
}

.boxDesign3 {
    background: var(--colorWhite);
    padding: 40px;
    border-radius: 12px;
    border: 1px solid #e6e6e6;
}

.formDesign .form-group {
    margin-bottom: 30px;
}

.formDesign label {
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 10px;
    color: #aaaaaa;
    font-family: var(--circularBook);
}

.formDesign .form-control {
    font-size: 18px;
    line-height: 18px;
    font-family: var(--circularBook);
    color: #1c1c1c;
    height: auto;
    padding: 14px 14px;
    background-color: #f1f1f1;
}

.formDesign .form-control::placeholder {
    color: var(--colorWarmGrey);
}

.bodySpace {
    padding: 20px 0 90px;
    background: #f6f8fa;
}

.formDesign select.form-control {
    padding: 16px 14px;
    color: #1c1c1c;
}

input[type="password"] {
    padding-right: 32px;
}

.mt-30 {
    margin-top: 30px;
}

.form-label {
    color: #aaa;
    font-size: 16px;
    font-family: var(--circularBook);
}

.form-label.textPrim {
    color: var(--colorPrim);
}

.form-control,
.form-select {
    background-color: var(--colorLight);
    border-radius: 5px;
    border: none;
    font-family: var(--circularBook);
}

.form-label .form-control,
.form-label .form-select {
    margin-top: 10px;
}

.form-control:disabled,
.form-select:disabled {
    background-color: var(--colorLight);
}

.form-control:focus,
.form-select:focus {
    background-color: #fff;
    box-shadow: 0 0 0 2px var(--colorPrim);
}

textarea.form-control {
    height: auto;
    resize: none;
}

.form-check-input {
    width: 18px;
    height: 18px;
    border: 2px solid var(--colorWarmGrey);
}

.form-check-input:focus,
.form-check-input:checked {
    box-shadow: none;
    border: 2px solid var(--colorPrim);
}

.form-switch-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.form-switch-row label {
    flex: 1;
    color: var(--colorWarmGrey);
    font-size: 18px;
    /* font-family: var(--circularBook); */
    line-height: 24px;
}

.form-switch-row .form-check {
    margin-left: 60px;
}

.form-switch-row .form-check-input {
    width: 56px;
    height: 28px;
}

.SumoSelect {
    display: block;
    width: 100%;
    font: normal 16px var(--circularBook);
    line-height: 20px;
}

.SumoSelect * {
    font: inherit !important;
    line-height: inherit !important;
}

.SumoSelect>.CaptionCont {
    padding: 15px;
    background: #f1f1f1;
    border-radius: 6px;
    border: none;
}

.SumoSelect.open>.CaptionCont,
.SumoSelect:focus>.CaptionCont,
.SumoSelect:hover>.CaptionCont {
    box-shadow: none;
}

.SumoSelect>.CaptionCont>span.placeholder {
    color: var(--colorWarmGrey);
}

.SumoSelect.open>.optWrapper {
    top: calc(100% + 10px);
    background: #f7f7f7;
    border-radius: 6px;
    border: 1px solid #dedede;
    box-shadow: 0 0 10px -3px rgba(0, 0, 0, 0.2);
}

.SumoSelect>.optWrapper>.options {
    padding: 5px 20px;
}

.SumoSelect>.optWrapper>.options li.opt {
    padding: 10px 0;
    border-bottom: 1px solid #d8d8d8;
}

.SumoSelect>.optWrapper>.options li.opt:hover {
    background: transparent;
    color: var(--colorPrim);
}

.SumoSelect>.optWrapper.multiple>.options li.opt {
    padding: 5px 0;
    border: none;
    display: flex;
    align-items: center;
}

.SumoSelect .select-all>span,
.SumoSelect>.optWrapper.multiple>.options li.opt span {
    position: relative;
    margin: 0;
}

.SumoSelect .select-all.partial>span i,
.SumoSelect .select-all.selected>span i,
.SumoSelect>.optWrapper.multiple>.options li.opt.selected span i {
    right: 0;
    background-color: var(--colorPrim);
}

.SumoSelect.open .search-txt {
    top: 50%;
    transform: translateY(-50%);
    padding: 10px;
    padding-left: 40px;
    background-image: url("../img/search-bg-sumo.svg");
    background-size: 15px;
    background-position: 10px 10px;
    background-repeat: no-repeat;
    border-radius: 8px;
    border: 1px solid #ebebeb;
    font-size: 14px !important;
    line-height: 15px !important;
}

.SumoSelect.open .search-txt::placeholder {
    color: #adadad;
    font-size: 14px;
    font-family: var(--circularBook);
    line-height: 15px;
}
/* SumoSel End */


.modal-header {
    border: none;
}

.logoOnlyHeader {
    padding-top: 45px;
    text-align: center;
}

.logoOnlyHeader img {
    max-height: 95px;
}

.passEyeBtn {
    position: absolute;
    /*top: 50%;*/
    top: 26px;
    right: 10px;
    transform: translateY(-50%);
    color: #a3a3a3;
    font-size: 14px;
}

.passEyeBtn:hover,
.passEyeBtn:focus {
    color: var(--colorPrim);
}

.closeBtn {
    padding: 7px;
    background: var(--colorLight);
    border-radius: 3px;
    box-shadow: 0 0 5px -2px #0007;
    font-size: 18px;
    line-height: 10px;
}

.closeBtn:hover,
.closeBtn:focus {
    background: var(--colorPrim);
    color: var(--colorWhite);
}

.select1 {
    padding: 10px;
    background: white;
    border: 0;
    font-size: 14px;
    line-height: 18px;
    color: var(--colorWarmGrey);
}

.fileUploadCard {
    position: relative;
    display: inline-block;
    background-size: cover;
    background-position: center;
}

.fileUploadCard input {
    width: 0;
    height: 0;
    visibility: hidden;
}

.fileUploadCard .delCardFileBtn {
    position: absolute;
    top: 10px;
    right: 10px;
}

.fileUploadCard .addCardFileBtn {
    padding: 40px 50px;
    border: 1px dashed var(--colorPrim);
}

.fileUploadCard .addCardFileBtn p {
    margin-top: 16px;
}

.fileUploadCard.active .addCardFileBtn,
.fileUploadCard:not(.active) .delCardFileBtn {
    visibility: hidden;
    transition: none;
}

.myAccHeader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    padding: 2px 40px;
    background: var(--colorWhite);
    box-shadow: 0 0 10px -3px rgba(0, 0, 0, 0.16);
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 999;
}

.myAccHeaderLogo {
    height: 54px;
    padding: 8px 8px 8px 14px;
    width: auto;
}

.myAccNavDd {
    margin-top: 10px !important;
    padding: 24px 20px;
    padding: 10px 20px;
}

.myAccNavDd * {
    white-space: nowrap;
}

.myAccNavDd img {
    max-width: unset;
    max-height: unset;
}

.myAccNavDd .ddHeader img {
    width: 40px;
    height: 40px;
}

.myAccNavDd .ddList {
    margin-top: 15px;
    padding-top: 5px;
    border-top: 1px solid var(--colorLight);
    display: flex;
    flex-direction: column;
}

.myAccNavDd .ddList a {
    padding: 10px 100px 10px 0;
    background: url("../img/rightArrow.png") no-repeat;
    background-size: auto 13px;
    background-position: right;
    border-top: 1px solid var(--colorLight);
    color: black;
    font-family: var(--circularBook);
    display: flex;
    align-items: center;
}

.myAccNavDd .ddList a:first-child {
    border-top: none;
}

.myAccNavDd .ddList a:hover {
    color: var(--colorPrim);
}

.myAccNavDd .ddList a img {
    height: 20px;
    margin-right: 10px;
}

#accSideNav {
    width: auto;
    min-width: 272px;
    padding-top: 64px;
    border: none;
    background: var(--colorWhite);
    z-index: 112;
}

#accSideNav a {
    display: block;
    padding: 10px 40px;
    color: var(--colorBlack);
    min-width: max-content;
}

/* #accSideNav a:hover,
#accSideNav a:focus {
    background: var(--colorLight);
    box-shadow: inset 5px 0 var(--colorWarmGrey);
    color: var(--colorWarmGrey);
} */

#accSideNav a.active {
    background: var(--colorPrimBg);
    box-shadow: inset 5px 0 var(--colorPrim);
    color: var(--colorPrim);
}

.myAccMain {
    flex: 1;
    min-width: 0;
    padding: 85px 40px 40px;
}

.prim18Med {
    text-align: center;
    color: var(--colorPrim);
    font-size: 18px;
    font-family: var(--circularMedium);
    line-height: 26px;
}

.prim22Med {
    text-align: center;
    color: var(--colorPrim);
    font-size: 22px;
    font-family: var(--circularMedium);
    line-height: 28px;
}

.prim24med {
    margin-left: 10px;
    margin-right: 10px;
    text-align: center;
    color: var(--colorPrim);
    font-size: 24px;
    font-family: var(--circularMedium);
    line-height: 30px;
}

.formPhotosCont {
    padding: 25px;
    background: var(--colorLight);
    border-radius: 5px;
    display: flex;
    flex-wrap: wrap;
}

.formPhotosCont .inpCont {
    width: 0;
    height: 0;
    visibility: hidden;
    overflow: hidden;
}

.formPhotosCont .photoWrp {
    position: relative;
}

.formPhotosCont .photoWrp img {
    width: 100px;
    height: 100px;
    margin-right: 10px;
    margin-bottom: 10px;
    object-fit: cover;
    object-position: center;
    border-radius: 5px;
}

.formPhotosCont .photoWrp .delPhotoBtn {
    position: absolute;
    top: 5px;
    right: 10px;
    z-index: 1;
    width: 1.25em;
    height: 1.25em;
    background: #0007;
    border-radius: 50%;
    color: #fff;
    font-size: 0.8em;
    line-height: 1.25em;
}

.formPhotosCont .addPhotoBtn,
.formPhotosCont .addPhotoBtn2 {
    width: 100px;
    height: 100px;
    background: var(--colorWhite);
    border: 1px dashed var(--colorPrim);
    border-radius: 5px;
    color: var(--colorPrim);
    font-size: 12px;
    font-family: var(--circularBook);
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.formPhotosCont .addPhotoBtn:hover,
.formPhotosCont .addPhotoBtn:focus {
    border-style: solid;
}

.formPhotosCont .addPhotoBtn i {
    margin-bottom: 5px;
}


.p-40-sec {
    padding: 40px;
    background: white;
    border-radius: 12px;
}

.p-30-40-sec {
    padding: 30px 40px;
    background: white;
    border-radius: 12px;
}

.p-40-80-sec {
    padding: 40px 80px;
    background: white;
    border-radius: 12px;
}

.p-30-100-sec {
    padding: 30px 100px;
    background: white;
    border-radius: 12px;
}

.p-20-sec {
    padding: 20px;
    background: white;
    border-radius: 12px;
}

.successModal .modal-body {
    padding: 50px 180px;
    text-align: center;
    font-size: 28px;
    font-family: var(--circularMedium);
}

.successModal .modal-body img {
    max-height: 140px;
    margin-bottom: 40px;
}

#main-login {
    margin: 20px 0 50px;
    max-width: 560px;
    overflow: hidden;
    background: var(--colorWhite);
    border-radius: 12px;
}

#tabList-login {
    background: #f7f7f7;
    border: none;
}

#tabList-login .nav-link {
    height: 60px;
    border: none;
    text-align: center;
    color: #acacac;
    font-family: var(--circularMedium);
    font-size: 18px;
    line-height: 60px;
}

#tabList-login .nav-link:hover,
#tabList-login .nav-link:focus {
    box-shadow: inset 0 -3px #acacac;
}

#tabList-login .nav-link.active {
    background: #e4eef7;
    border: none;
    box-shadow: inset 0 -3px var(--colorPrim);
    color: var(--colorPrim);
}

.tab-login {
    padding: 20px 45px;
}

#loginF {
    padding-bottom: 90px;
}

#signup {
    padding-bottom: 30px;
}

#loginF [type="submit"] {
    margin-top: 100px;
}

#signupF [type="submit"] {
    margin-top: 35px;
}

#forgotPassModal .modal-body {
    padding: 40px 45px 80px;
}

#forgotPassModal .modalIcon {
    height: 78px;
}

#forgotPassModal .modalTitle {
    margin-top: 30px;
}

#forgotPassModal .modalDesc {
    margin-top: 18px;
}


/* (end) Login / Signup Page */


/* (start) Profile Page */

#updProfF .userPicCol {
    border-right: 1px solid #d0d0d0;
}

#updProfF .userPicWrp img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
    border: 1px solid #ccc;
}

#updProfF .userName {
    margin-top: 16px;
    color: #4a4a4a;
}


/* (end) Profile Page */


/* (start) User Set Branding Page */

#setBrandingForm {
    margin-top: 50px;
}

#setBrandingForm .fileUploadCard {
    margin-top: 20px;
}
/* (end) User Set Branding Page */

.creditScoreRow {
    max-width: 700px;
}

.logoutCancelBtn {
    padding: 14px 37px;
    border-radius: 30px;
    border: 1px solid var(--colorPrim);
    color: var(--colorPrim);
    font-size: 17px;
    font-family: var(--circularMedium);
    line-height: 22px;
    min-width: max-content;
}

.logoutCancelBtn:hover,
.logoutCancelBtn:focus {
    background-color: var(--colorPrim);
    color: var(--colorWhite);
}

.logoutBtn {
    margin-left: 14px;
    padding: 14px 30px;
    background: var(--colorPrim);
    border-radius: 30px;
    border: 1px solid var(--colorPrim);
    color: var(--colorWhite);
    font-size: 17px;
    font-family: var(--circularMedium);
    line-height: 22px;
    min-width: max-content;
}

.logoutBtn:hover,
.logoutBtn:focus {
    background-color: var(--colorWhite);
    color: var(--colorPrim);
}

.fileUploadCard input {
    display: none;
}

.fileUploadCard .imageUploadBox {
    background: none !important;
}

.dashboardBox .dashHeading {
    margin-bottom: 20px;
}

.dashboardBox .dashHeading h2 {
    font-family: var(--circularRegular);
    color: var(--colorBlue);
}

.statusBarBox {
    width: 50%;
    float: right;
    position: relative;
}

.statusBarBox .valueStatusPointer {
    position: absolute;
    content: url("../img/pointArrow.png");
    background-repeat: no-repeat;
    background-position: center center;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
}

.valueStatus {
    padding-top: 30px;
}

.valueStatus .statusLabel {
    font-family: var(--circularRegular);
    color: var(--colorWarmGrey);
    letter-spacing: normal;
}

.valueStatus .valueStatusBar {
    border-radius: 2px;
    height: 22px;
    width: 100%;
    background-image: linear-gradient(to right, #e23e60, #f25a53, #fb7848, #fe963f, #fbb43e, #f2c23b, #e7cf3d, #d9dc45, #c6dd41, #b2dd3f, #9bde41, #81de45);
}

.dashHeadingTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.dashHeadingTop h2 {
    margin: 0;
    text-align: left;
    font-family: var(--circularMedium);
    color: var(--colorBlack);
}

.statusBarBox {
    width: 46%;
}

.modalBox.modalBox2 .modal-dialog {
    max-width: 620px;
}

.modalBox .modal-content {
    padding: 50px;
}

.modalBox .modal-body {
    padding: 0;
}

.modalHeading {
    margin-bottom: 12px;
}

.modalHeading.modalHeading2 {
    margin-bottom: 40px;
}

.modalHeading .modalMainHeading {
    margin-bottom: 20px;
}

.squareBtnSmall {
    border-width: 2px;
    padding: 12px 9px;
    background: transparent;
}

.solidSquareBtnSmall {
    border-width: 2px;
    padding: 12px 9px;
    background: var(--colorPrim);
}

.squareBtnSmall2 {
    border-width: 2px;
    padding: 12px 9px;
    background: var(--colorBlue);
}

.brandingColorsBox {
    margin-top: 40px;
}

.homeBanner .bannerRight {
    min-width: 609px;
    width: 609px;
    border-radius: 8px;
    overflow: hidden;
}

.footBoxMid .footLinkList {
    width: 50%;
}

.footMidList .midQuickLinks {
    width: 58%;
}

.midQuickLinks:first-child .footLinkList ul li {
    padding-left: 0;
}

.midQuickLinks:first-child .footLinkList ul li::before {
    display: none;
}

.homeBanner .bannerLeft {
    padding-right: 15px;
    padding-top: 56px;
}

.bannerVideo video {
    height: 100%;
    width: 100%;
}

.btnStyle {
    min-width: max-content;
}

.transparentBlueBtn {
    background-color: transparent;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

.formDesignBoxs .formHeading {
    margin-bottom: 30px;
}

.formDesignBoxs .formHeading2 {
    padding: 0 50px;
}

.sameSecBoxs .fontSize18 {
    line-height: 26px;
}

.formDesign select.form-control {
    padding-right: 35px;
}

.formDesign .form-switch-row label {
    margin-bottom: 0;
}

.formDesignBoxs.formDesignBoxs2 {
    padding: 0;
}

.navbar-expand-md .navbar-toggler:focus {
    outline: none;
    box-shadow: none;
}


/* Update Profile Start */

.changeProfileImg .changeImage input {
    display: none;
}

.changeProfileImg .profileImg {
    height: 100px;
    width: 100px;
    margin: auto;
    border: 1px solid #ccc;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 10px;
}

.changeProfileImg .profileImg img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

#updProfF .changeProfileImg .changeImage label {
    margin-top: 0;
    font-family: var(--circularBook);
    color: var(--colorBlue);
}

.breadcrumbBtns img {
    width: 20px;
    height: 20px;
}

.loginBtnMain {
    margin-top: 30px;
}

#accSideNav a {
    font-family: var(--circularRegular);
    color: #131313;
}

.modalBox.customColumnModal .modal-dialog {
    max-width: 600px;
}

/* Custom checkbox start */

.customCheckBox input {
    display: none;
}

.customCheckBox input[type="checkbox"]+label {
    position: relative;
    padding-left: 35px;
    font-size: 18px;
    line-height: 23px;
    color: var(--colorBlack);
    font-family: var(--circularBook);
}

.customCheckBox input[type="checkbox"]:checked+label::before,
.customCheckBox input[type="checkbox"]:not(:checked)+label::before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    border: 1px solid #b4b4b4;
    background: var(--colorWhite);
    border-radius: 2px;
    top: 2px;
    left: 0;
}

.customCheckBox input[type="checkbox"]:checked+label::before {
    border: 1px solid #0dde9e;
    background: #0dde9e;
}

.customCheckBox input[type="checkbox"]:checked+label::after {
    position: absolute;
    content: "";
    height: 11px;
    width: 6px;
    border-right: 2px solid var(--colorWhite);
    border-bottom: 2px solid var(--colorWhite);
    transform: rotate(45deg);
    left: 6px;
    top: 4px;
}

.customCheckBox {
    margin-bottom: 20px;
}

.subOption .customCheckBox:last-child {
    margin-bottom: 0;
}

.form-control.referInp {
    background: transparent;
}

.form-control.referInp:focus {
    background: #ddd;
    box-shadow: none;
}

.feather {
    width: 16px;
    height: 16px;
    stroke-width: 2px;
    stroke: currentColor;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
}


/* Portfolio Stats Page Start */

.statsTabsInner {
    margin-bottom: 18px;
}

.tabsDesign.nav-tabs {
    border-bottom: 1px solid #48a3f4;
    /* display: inline-block; */
    float: left;
}

.tabsDesign.nav-tabs .nav-link {
    display: flow-root;
    /* align-items: center;
    justify-content: center; */
    padding: 12px 11px;
    margin-right: 10px;
    border-color: #48a3f4;
    border-bottom: none;
    /* width: 136px; */
}

.tabsDesign.nav-tabs .nav-link:last-child {
    margin-right: 0;
}

.tabsDesign.nav-tabs .statsTabText {
    font-size: 16px;
    line-height: 20px;
    color: var(--colorWarmGrey);
    /* font-family: var(--circularMedium); */
    font-family: var(--circularRegular);
}

.tabsDesign.nav-tabs .statsTabIcon {
    margin-right: 6px;
}

.tabsDesign.nav-tabs .nav-link .statsTabIcon .onHover {
    display: none;
}

.tabsDesign.nav-tabs .nav-link.active {
    background: var(--colorBlue);
    border-color: #48a3f4;
}

.tabsDesign.nav-tabs .nav-link.active .statsTabIcon .onHover {
    display: inline-block;
}

.tabsDesign.nav-tabs .nav-link.active .statsTabIcon .offHover {
    display: none;
}

.tabsDesign.nav-tabs .nav-link.active .statsTabText {
    color: var(--colorWhite);
}


/* (start) Tooltips */

.graphTooltip {
    display: none;
    position: absolute;
    z-index: 1110;
    animation: graphTooltip 0.2s ease-in-out;
}

.graphTooltip .btn-close {
    width: 0.75em;
    height: 0.75em;
    padding: 0;
    background-size: 100% 100%;
}

.graphTooltip .ttBox {
    max-width: 265px;
    padding: 5px 12px 10px;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #d2d2d2;
    box-shadow: 0 0 10px -3px rgba(0, 0, 0, 0.2);
}

.graphTooltip .ttTitle,
.graphTooltip .ttBody {
    color: var(--colorWarmGrey);
    font-size: 14px;
    font-family: var(--circularBook);
}

.graphTooltip .ttBody {
    margin-top: 5px;
    font-size: 12px;
}

.graphTooltip .ttFoot {
    margin-top: 5px;
}

.graphTooltip .ttFoot a {
    color: var(--colorPrim);
    font-size: 14px;
    font-family: var(--circularBook);
    border-bottom: 1px solid var(--colorPrim);
}

.graphTooltip .ttFoot a:hover,
.graphTooltip .ttFoot a:focus {
    color: var(--colorPrimDark);
    border-color: var(--colorPrimDark);
}

@keyframes graphTooltip {
    0% {
        opacity: 0;
        transform: scale(0.8);
    }
}
/* (end) Tooltips */


.accordion-button,
.accordion-button:focus {
    z-index: 0;
    color: #2b2b2b;
}

.footLinkList a:hover,
.footLinkList a.active {
    color: var(--colorBlue);
}

.form-switch-row .form-check {
    margin-left: 30px;
}

.boxBorder {
    border: solid 1px #dbdbdb;
}

.boxBorder2 {
    border: solid 1px #e5e5e5;
}

.boxBorder3 {
    border: solid 1px #eaeaea;
}

.boxBorder4 {
    border: solid 1px #e6e6e6;
}

.boxBorder5 {
    border: solid 1px #e0e0e0;
}

.btnReg2 {
    line-height: 16px;
}

.form-group.customDropsSec {
    position: relative;
}

.customDropsSec .customDrops {
    position: absolute;
    z-index: 1;
    max-height: 300px;
    overflow-y: auto;
    width: 100%;
    background-color: #fff;
    top: 101%;
}

.customDrops ul {
    border: 1px solid #ccc;
    display: none;
    padding: 10px;
}

.customDrops ul li {
    cursor: pointer;
    padding: 3px 0px;
}

.pagination {
    justify-content: center;
    margin-top: 10px;
}

.formDesign .formHeadingCont {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.formDesign .formHeadingCont .formHeading {
    margin-bottom: 0;
}

.changeImage label {
    cursor: pointer;
}

.userImageIcon {
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.15);
}

input[type="password"].form-control {
    padding-right: 50px;
}

.select2-container {
    display: block;
    float: left;
    z-index: 99;
}

.modal-open .select2-container {
    /* width: 100% !important; */
}

.select2-container--default .select2-selection--single {
    height: auto;
    padding: 13px 14px;
    color: #1c1c1c;
    background-color: #f1f1f1;
    border-radius: 5px;
    border: 2px solid transparent;
}

.select2-container .select2-choice {
    background: red;
}

.select2-container--open .select2-dropdown {
    z-index: 9999;
}

.select2-container--default .select2-selection--single:focus {
    background-color: #fff;
    border: 2px solid var(--colorPrim);
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: normal;
    padding-left: 0px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    display: flex;
    align-items: center;
    justify-content: center;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b,
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    background-image: url(https://cdn4.iconfinder.com/data/icons/user-interface-174/32/UIF-76-512.png);
    background-color: transparent;
    background-size: contain;
    border: none;
    height: 20px;
    width: 30px;
    margin: auto;
    top: auto;
    left: auto;
    background-repeat: no-repeat;
}

.formDesign input[type="date"].form-control {
    padding: 12.2px 14px;
}

.select2-dropdown .select2-results__option {
    position: relative;
}

#select2-data-13-hdwd {
    overflow-x: hidden;
}

.mapWrp {
    width: 100%;
    height: 65vh;
}

.mapWrp40 {
    width: 100%;
    height: 40vh;
}

.map-infowin {
    font-size: 14px;
    font-family: var(--circularBook);
}

.formDesign label {
    position: relative;
}

.formDesign label .reqSym {
    position: absolute;
    left: -15px;
    top: 0;
    color: var(--colorRed);
    font-size: 20px;
}

.map-infowin-2 {
    font-family: var(--circularBook);
}

.map-infowin-2 .propPic {
    position: relative;
    min-width: 180px;
    padding-top: 70%;
}

.map-infowin-2 .propPic img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: unset;
    max-height: unset;
    object-fit: cover;
    object-position: center;
}

.propStatsBox {
    height: 100%;
    padding: 12px;
    background-color: white;
}

.propStatsBoxTitle {
    padding: 7px 12px;
    background-color: var(--colorPrim);
    text-align: center;
    color: var(--colorWhite);
}

.propStatsBox canvas {
    width: 100%;
    margin: 15px 0;
}

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

.propStatsCalc .propStatsRange p:first-child {
    color: var(--colorPrim);
}

.propStatsCalc .propStatsRange p:last-child {
    color: var(--colorWarmGrey);
    font-size: 0.8em;
}

.propStatsCalc .propStatsAvg {
    display: flex;
    align-items: center;
}

.propStatsCalc .propStatsAvg p:first-child {
    color: var(--colorPrim);
    font-size: 1.3em;
}

.propStatsCalc .propStatsAvg p:last-child {
    margin-top: 5px;
    color: var(--colorWarmGrey);
    font-size: 0.8em;
}


.propStatsBox_grid {
    display: flex;
    flex-direction: column;
}

.propStatsCalcGrid {
    flex: 1;
}

.propStatsCalcGridItem {
    padding: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.propStatsCalcGridItem {
    border: 1px solid #0001;
}

.propStatsCalcGridItem p:first-child {
    font-size: 2em;
    color: var(--colorPrim);
}

.propStatsCalcGridItem p:last-child {
    font-size: 0.8em;
    color: var(--colorWarmGrey);
}

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

.propStatsLegend {
    --color: var(--colorWarmGrey);
    display: flex;
    align-items: center;
    color: var(--colorWarmGrey);
    font-size: 0.7em;
}

.propStatsLegend span:first-child {
    color: var(--color);
}

.propStatsLegend span:nth-child(2) {
    margin-left: 5px;
}

.propStatsLegend::after {
    content: "";
    width: 20px;
    height: 3px;
    margin-left: 5px;
    background-color: var(--color);
}

/* .propStatsLegend_red {
    color: "#f56300";
} */

.propStatsLegend_blue {
    --color: var(--colorPrimDark);
}

.propStatsLegend_yellow {
    --color: var(--colorOrange);
}

.header-map {
    width: 100px;
    height: 100px;
}

.gm-style img[alt="Google"] {
    display: none !important;
}

.gm-style .gm-style-cc a,
.gm-style .gm-style-cc button,
.gm-style .gm-style-cc span {
    display: none !important;
}

.loader-2 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 2000000;
    display: none;
}

.loader-2 img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20%;
    height: auto;
}

.show-loader-animation {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 2000000;
    display: none;
}

.show-loader-animation img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20%;
    height: auto;
}

/* Customized Columns */
.colOptsRow {
    padding: 10px 0;
    border-bottom: 2px solid var(--colorGrey2);
}

.colOptsRow:last-child {
    border: none;
}

.colOptFixedBox {
    width: 180px;
}

.propGrowthHead .prim18Med {
    text-align: left;
}

.propGrowthHead .askPriceMid {
    margin-left: 20px;
    text-align: left;
}

.headingTooltipBtn {
    display: inline;
}

.headingTooltipBtn img {
    position: relative;
    top: -1px;
    height: 20px;
}

.btn-close.btnCloseBlue {
    opacity: 1;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%233787e3'><path%20d='M.293.293a1%201%200%20011.414%200L8%206.586%2014.293.293a1%201%200%20111.414%201.414L9.414%208l6.293%206.293a1%201%200%2001-1.414%201.414L8%209.414l-6.293%206.293a1%201%200%2001-1.414-1.414L6.586%208%20.293%201.707a1%201%200%20010-1.414z'/></svg>");
    border: 1px solid var(--colorPrim);
    color: var(--colorPrim);
}

.fc .fc-toolbar.fc-header-toolbar {
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.fc-header-toolbar .fc-toolbar-chunk:first-child {
    order: 3;
    width: 100%;
    margin-top: 1em;
}

.fc-header-toolbar .fc-toolbar-chunk:nth-child(2) {
    display: none;
}

.fc-header-toolbar .fc-toolbar-title {
    border-bottom: 1px solid #0001;
    font-size: 1.5rem;
}

.fc .btn {
    border: none;
    text-transform: capitalize;
}

.fc .btn-primary {
    background: transparent;
    border: none;
    border: 1px solid var(--colorOffGrey);
    color: var(--colorWarmGrey);
}

.fc .btn-primary:hover,
.fc .btn-primary.active {
    background: var(--colorOffGrey);
    color: var(--colorBlack);
}

.fc .fc-col-header-cell-cushion {
    white-space: normal;
}

.fc table {
    font-size: 0.9em;
}

.fc-day-today a.fc-daygrid-day-number,
.fc-theme-bootstrap5 .fc-day-today a.fc-daygrid-day-number:not([href]) {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2em;
    height: 2em;
    margin: 5px;
    padding: 0;
    background: blueviolet;
    border-radius: 50%;
    color: white;
}

.propStatsLegend.hmo_prop_info::after {
    content: "";
    width: 7px;
    height: 7px;
    margin-left: 5px;
    border-radius: 50%;
}

.btn-grey {
    background-color: #909090;
}

.sideBottom {
    /* margin: 0% 3%; */
    /* width: 94%; */
    width: 100%;
    position: relative;
}

.sideBottom::after {
    position: absolute;
    content: '';
    height: 2px;
    width: 88%;
    background-color: #21252930;
    left: 6%;
    top: 0px;
}

.sideBottom .vidIcon {
    width: 35px;
    display: inline-block;
    margin-left: 7px;
}

.form-switch-row.form-switch-row2 .form-check {
    margin: 0px 15px;
}

.form-switch-row2 span {
    min-width: max-content;
}

.form-switch-row2 {
    margin-bottom: 10px;
}

.form-switch-row2 label:first-child span {
    margin-left: 0px;
}

.analyserTopbar {
    display: flex;
    align-items: center;
}

.analyserTopbar span {
    min-width: max-content;
    margin-left: 20px;
}

.valuationReportBtn {
    display: flex;
    align-items: center;
}

.valuationReportBtn span{
    min-width: max-content;
    margin-left: 10px;
}

.analyseModalIcon img {
    margin: 0 auto;
    width: 100px;
}

.modalDesign .modal-body {
    padding: 50px;
}

.modalDesign .modal-content {
    position: relative;
}

.modalDesign .closeModal {
    position: absolute;
    right: 10px;
    top: 10px;
    border-radius: 50%;
    /* padding: 10px; */
    height: 30px;
    width: 30px;
    border: 1px solid var(--colorBlack);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99;
    overflow: hidden;
}

.modalDesign .closeModal button {
    height: 100%;
    width: 100%;
    font-size: 16px;
    line-height: 30px;
    font-weight: 900;
}

.updatePlanBox {
    background-color: var(--colorWhite);
    /* margin-top: 30px; */
    padding: 30px 0px 0px;
}

.updatePlanForm {
    display: none;
}

.tableTopBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.tableTopBox .propertyCount {
    min-width: fit-content;
}

.tableDesignNew,
.newBoxDesign {
    padding: 15px;
    background: var(--colorWhite);
    border-radius: 10px;
    height: 100%;
    box-sizing: border-box;
    word-break: break-all;
}

.tableDesignNewInner {
    overflow-x: auto;
}

.tableDesignNew table th,
.tableDesignNew table td {
    text-align: center;
    border-bottom: 1px solid #ccc;
    padding: 10px 10px;
    white-space: nowrap;
}

.tableDesignNew table th {
    color: var(--colorBlue);
    font-size: 18px;
}

.tableDesignNew table td {
    font-size: 16px;
    color: var(--colorWarmGrey);
}

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

.tableDesignNew table th:first-child,
.tableDesignNew table td:first-child {
    padding-left: 0px;
    text-align: left;
}

.tableDesignNew table td:last-child {
    text-align: right;
    padding-right: 0px;
}

.payMethodLists .removeLists {
    position: absolute;
    right: 0px;
    /* display: none; */
    top: -4px;
}

.payMethodLists:hover .removeLists {
    display: block;
}

.removeLists .removeCardList {
    color: #ccc;
}

.modalDesign .modal-content {
    position: relative;
}

.formDesign label.defaultPayUse {
    color: var(--colorWarmGrey);
    font-family: var(--circularBold);
}
.moreOptionsBtn,
.moreOptionsBtn:hover {
    color: #ccc;
}

.moreOptions {
    position: relative;
}

.moreOptions div {
    border-radius: 4px;
    border: 1px solid #ccc;
    background: #fff;
    padding: 5px 0px;
    box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);
    position: absolute;
    width: auto;
    top: 18px;
    display: none;
    z-index: 9;
}

.moreOptions.moreOptionsLink div {
    display: block;
}

.moreOptions ul li {
    min-width: max-content;
}

.moreOptions ul li a {
    color: var(--colorWarmGrey);
    padding: 5px 10px;
    font-size: 14px;
    line-height: 16px;
}

.moreOptions ul li a:hover {
    color: var(--colorBlue);
}

.modal {
    z-index: 999999;
}

.greenBtn {
    background: var(--colorGreen);
    border-color: var(--colorGreen);
    color: var(--colorWhite);
}

.greenBtn:hover,
.greenBtn:focus {
    background: transparent;
    color: var(--colorGreenTheme);
    border-color: var(--colorGreenTheme);
}

.greenBtnTheme {
    background: var(--colorGreenTheme);
    border-color: var(--colorGreenTheme);
    color: var(--colorWhite);
}

.greenBtnTheme:hover,
.greenBtnTheme:focus {
    background: transparent;
    color: var(--colorGreen);
    border-color: var(--colorGreen);
}

.redBtn {
    background: var(--colorRed);
    border-color: var(--colorRed);
    color: var(--colorWhite);
}

.redBtn:hover,
.redBtn:focus {
    background: transparent;
    color: var(--colorRed);
    border-color: var(--colorRed);
}

/* ---------------- */
.yellowBtn {
    background: var(--colorYellow);
    border-color: var(--colorYellow);
    color: var(--colorWhite);
}

.yellowBtn:hover,
.yellowBtn:focus {
    background: transparent;
    color: var(--colorYellow);
    border-color: var(--colorYellow);
}

.greenishBtn {
    background: var(--colorGreenish);
    border-color: var(--colorGreenish);
    color: var(--colorWhite);
}

.greenishBtn:hover,
.greenishBtn:focus {
    background: transparent;
    color: var(--colorGreenish);
    border-color: var(--colorGreenish);
}

.purpleBtn {
    background: var(--colorPurple);
    border-color: var(--colorPurple);
    color: var(--colorWhite);
}

.purpleBtn:hover,
.purpleBtn:focus {
    background: transparent;
    color: var(--colorPurple);
    border-color: var(--colorPurple);
}

.propertyDetailTabs .nav-tabs {
    border-bottom: none;
}

.propertyDetailTabs .nav-item {
    margin-right: 0px;
}

.propertyDetailTabs .nav-tabs .nav-link {
    border: none;
    padding: 6px 15px;
    font-size: 18px;
    font-family: var(--circularMedium);
    color: var(--colorWarmGrey);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.propertyDetailTabs .nav-tabs .nav-link .highlightCount {
    padding: 5px;
    border-radius: 50%;
    background: var(--colorBlue);
    color: var(--colorWhite);
    height: 18px;
    width: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: var(--circularRegular);
    margin-left: 6px;
    font-size: 12px;
}

.propertyDetailTabs .nav-tabs .nav-link.active {
    color: var(--colorBlue);
    border: 2px solid var(--colorBlue);
    border-radius: 10px;
}

.notesForm .form-control {
    font-size: 16px;
}

.notesBtm span {
    margin-right: 10px;
    display: inline-block;
    float: left;
}

.notesBtm span:last-child {
    margin-right: 0px;
}

.notesModalBtm {
    display: flex;
    align-items: center;
    justify-content: center;
}

.notesForm2 .form-control:focus {
    border: none;
    outline: none;
    background-color: #f1f1f1;
    box-shadow: none;
}

.pageTagBox .propertyTypeTag {
    color: var(--colorWhite);
    padding: 10px 50px;
    border-radius: 0px;
    font-family: var(--circularBold);
    margin-right: 20px;
    text-align: center;
}

.formDesign.addStrategyForm .form-group {
    margin-bottom: 15px;
}

.formPhotosCont.formPhotosCont2 {
    padding: 0;
    background: transparent;
}

.formPhotosCont2 .form-label {
    color: var(--colorWarmGrey);
}

.formPhotosCont.formPhotosCont2 .photoWrp img {
    border: 1px solid #cccccc87;
}

.moreOptions ul li a.deletecard {
    color: var(--colorRed);
}

.greyBtn {
    background: var(--colorGrey2);
    border-color: var(--colorGrey2);
    color: var(--colorWhite);
}

.greyBtn:hover {
    background: var(--colorRed);
    border-color: var(--colorRed);
    color: var(--colorWhite);
}

.transparentGreyBtn {
    border-color: #70707094;
    background: transparent;
    color: #70707094;
}

.transparentGreyBtn:hover,
.transparentGreyBtn:focus {
    border-color: #ed3833;
    background: #ed3833;
    color: var(--colorWhite);
}

.fontSize85 {
    font-size: 85px;
}

.modalDesign2 .modal-dialog {
    max-width: 650px;
}

.propertyPhotosBox {
    height: 100%;
}

.uploadedImgs img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.uploadPropertyImages .formPhotosCont .addPhotoBtn2 {
    width: 100%;
    order: -1;
}

.formPhotosCont .addPhotoBtn {
    border: 2px solid #ccc;
    margin-bottom: 10px;
}

.formPhotosCont .addPhotoBtn2 {
    border: 2px solid #ccc;
    margin-bottom: 10px;
    font-size: 20px;
}

.formPhotosCont .photoWrp {
    margin-right: 10px;
    margin-bottom: 10px;
}

.formPhotosCont .photoWrp img {
    margin-right: 0px;
    margin-bottom: 0px;
}

.uploadPropImage {
    display: flex;
    align-items: center;
    justify-content: center;
}

.uploadPropImage .addPropPhoto {
    text-align: center;
}

.uploadPropImage .uploadedImgs {
    display: none;
    height: 100%;
}

.formPhotosCont .photoWrp img {
    width: 89px;
    height: 89px;
}

.imgArray {
    width: 100%;
}

.formPhotosCont2 .photoWrp {
    display: inline-block;
    float: left;
}

.formPhotosCont .addPhotoBtn2 {
    border: 2px dashed #ccc;
}

.parentAreaCheck label,
.childAreaCheck label {
    padding-left: 6px;
}

.uploadPropImage .uploadedImgs.image-exist {
    display: block;
}

.myAreaPage2 .dashHeadingTop .dashboardHeaderBtns span:last-child {
    margin-right: 0px;
}

.pinUnpinBox {
    /* display: inline; */
    float: left;
    padding: 8px 0px;
    display: none;
}

.myAreaCards .areaCardCont:hover .pinUnpinBox {
    display: inline;
}

.showDefaultNosBx {
    display: none;
}

.showDefaultNosBx.toggleBox {
    display: block;
}

.btnStyleNew {
    padding: 10px 20px;
    background: #3787e3ad;
    border-radius: 4px;
    color: var(--colorWhite);
    font-size: 20px;
    position: relative;
    font-family: var(--circularMedium);
}

.btnStyleNew:hover {
    color: var(--colorWhite);
}

.btnStyleNew span {
    position: absolute;
    right: 10px;
}

.primaryColor {
    color: var(--colorBlue);
}

.topBoxTable {
    border-bottom: 1px solid #ccc;
}

.tableSecDesign {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.propertyPhotosBox {
    max-height: 328px;
}

.offersStatus {
    position: relative;
}

.statusIs {
    cursor: pointer;
}

.offersStatus {
    padding: 0px;
}

.offersStatus .statusIs {
    width: 110px;
    text-align: center;
    display: inline-block;
    border-radius: 8px;
}

.offersStatus .statusDropDown {
    display: none;
}

.offersStatus.activeBox .statusDropDown {
    display: block;
}

.tableDesignNew.propertyListBoxNew table th,
.tableDesignNew table th {
    padding-top: 30px;
}

.offersStatus {
    display: inline-block;
}
.modalDesign2 .modal-dialog {
    max-width: 400px;
}

.propertryListsTabs .nav-tabs {
    border: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.propertryListsTabs .nav-item {
    width: 49%;
    margin: 0px;
    margin-right: 10px;
}

.propertryListsTabs .nav-item:last-child {
    margin-right: 0px;
}

.propertryListsTabs .nav-item button {
    width: 100%;
    text-align: center;
    background: #ccc3;
    color: var(--colorYellow);
    font-family: var(--circularBold);
    padding: 10px 15px 10px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 6px;
}

.propertryListsTabs .nav-item button#allProperties-tab {
    color: var(--colorBlue);
}

.propertryListsTabs .nav-item button#allProperties-tab.active {
    background: var(--colorBlue);
    color: var(--colorWhite);
}

.propertryListsTabs .nav-item button#allOffers-tab.active {
    background: var(--colorYellow);
    color: var(--colorWhite);
}

/* .propertryListsTabs .nav-item button.active{
    background: var(--colorBlue);
    color: var(--colorWhite);
    } */
.allPropertyTableBox {
    background: var(--colorWhite);
    /* padding-top: 10px; */
    margin-top: 10px;
}

.allPropertyTableBox .allPropertiesTable,
.offersTablesBox .offersTableSec {
    padding: 10px;
    /* margin-top: 10px; */
    background: var(--colorWhite);
}

.allPropertyTableBox .allPropertiesTable th,
.offersTablesBox .offersTableSec th {
    color: var(--colorBlue);
    text-align: center;
    font-size: 18px;
    padding: 10px 15px;
    border-bottom: 1px solid var(--colorBlue);
}

.allPropertyTableBox .allPropertiesTable td,
.offersTablesBox .offersTableSec td {
    text-align: center;
    font-size: 16px;
    border-bottom: 1px solid #ccc;
    padding: 10px 15px;
    white-space: nowrap;
}

.allPropertyTableBox .allPropertiesTable th:first-child,
.allPropertyTableBox .allPropertiesTable td:first-child,
.offersTablesBox .offersTableSec th:first-child,
.offersTablesBox .offersTableSec td:first-child {
    text-align: left;
    padding-left: 0px;
}

.allPropertyTableBox .allPropertiesTable th.addressField,
.offersTablesBox .offersTableSec th.addressField {
    width: 200px;
    min-width: 200px;
}

.allPropertyTableBox .allPropertiesTable th:last-child,
.allPropertyTableBox .allPropertiesTable td:last-child,
.offersTablesBox .offersTableSec th:last-child,
.offersTablesBox .offersTableSec td:last-child {
    padding-right: 0px;
}

.allPropertyTableBox .allPropertiesTable tr:last-child td,
.offersTablesBox .offersTableSec tr:last-child td {
    border-bottom: none;
}

.allPropertySearchBox .form-control {
    border-radius: 0px;
    border: 1px solid var(--colorWarmGrey);
}

.propertryListsTabs .nav-item .propertyCounter {
    padding: 5px;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.propertryListsTabs .nav-item #allProperties-tab .propertyCounter {
    border: 1px solid var(--colorBlue);
}

.propertryListsTabs .nav-item #allOffers-tab .propertyCounter {
    border: 1px solid var(--colorYellow);
}

.propertryListsTabs .nav-item #allProperties-tab.active .propertyCounter,
.propertryListsTabs .nav-item #allOffers-tab.active .propertyCounter,
.propertryListsTabs .nav-item .active .propertyCounter {
    border: 1px solid var(--colorWhite);
}

.offersInnerTabs,
.propertyInnerTabs {
    margin-top: 10px;
}

.offersInnerTabs .nav-tabs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* margin-top: 10px; */
    border-bottom: none;
    /* padding: 10px; */
    /* border: 1px solid #ccc; */
}

.offersInnerTabs .nav-tabs .nav-item,
.propertyInnerTabs .nav-tabs .nav-item {
    width: 19%;
    margin-right: 10px;
    border-radius: 4px;
}

.offersInnerTabs .nav-tabs .nav-item button,
.propertyInnerTabs .nav-tabs .nav-item button {
    width: 100%;
    padding: 7px 10px 7px 10px;
    border: 1px solid #ccc;
    font-size: 16px;
    line-height: 16px;
    font-family: var(--circularRegular);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.offersInnerTabs .nav-tabs .nav-item:last-child {
    margin-right: 0px;
}

.offersTabsInner {
    margin-top: 10px;
}

.offersInnerTabs .nav-tabs .nav-item button,
.propertyInnerTabs .nav-tabs .nav-item button {
    border: 1px solid #ccc;
    border-radius: 4px;
}

.offersInnerTabs .nav-tabs .nav-item.tabAllOffers button {
    background-color: var(--colorWarmGrey);
    color: var(--colorWhite);
}

.offersInnerTabs .nav-tabs .nav-item.tabPendingOffers button {
    background-color: var(--colorYellow);
    color: var(--colorWhite);
}

.offersInnerTabs .nav-tabs .nav-item.tabAcceptedOffers button {
    background-color: var(--colorGreen);
    color: var(--colorWhite);
}

.offersInnerTabs .nav-tabs .nav-item.tabDeclinedOffers button {
    background-color: var(--colorRed1);
    color: var(--colorWhite);
}

.offersInnerTabs .nav-tabs .nav-item.tabwithdrawnTabs button {
    background-color: #ccc;
    color: var(--colorWhite);
}

.offersInnerTabs .nav-tabs .nav-item button.active {
    background-color: var(--colorBlue);
    color: var(--colorWhite);
}

.offersInnerTabs .nav-tabs .nav-item button .propertyCounter,
.propertyInnerTabs .nav-tabs .nav-item button .propertyCounter {
    height: 26px;
    width: 26px;
    min-width: 26px;
    border-radius: 50%;
    border: 1px solid var(--colorWhite);
    display: flex;
    align-items: center;
    justify-content: center;
}

.offersTableSec .statusChange {
    padding: 7px 14px;
    color: var(--colorWhite);
    border-radius: 8px;
}

.dashHeadingTop h2.redirectLink a {
    color: var(--colorBlack);
}

.allPropertyTableBox .allPropertiesTable,
.offersTablesBox .offersTableSec {
    overflow-x: auto;
}

.routeDesignNew i {
    display: inline-block;
    float: left;
    margin-right: 3px;
    margin-top: -1px;
}

.topBoxTable span:last-child.netCashflow {
    display: inline-block;
    margin-left: 0;
    margin-right: 20px;
}

.newTagSec {
    width: 40px;
    margin-left: 8px;
    display: inline-block;
}

.redirectLink a img {
    width: 32px;
    margin-right: 3px;
}

.redirectLink .routeDesignNew {
    display: flex;
    align-items: center;
}

.planDetailSec {
    padding-top: 21px;
}

.uploadsIconBox.galleryImg {
    padding: 3px;
}

.uploadsIconBox.galleryImg span {
    height: 100%;
    display: flex;
    width: 100%;
}

.uploadsIconBox.galleryImg span a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    flex-direction: column;
    color: var(--colorPrim);
    text-align: center;
    font-size: 20px;
}

.uploadsIconBox.galleryImg span a:hover,
.uploadsIconBox.galleryImg span a:focus {
    color: var(--colorPrim);
}

.addStrategyInner {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 6px;
    box-shadow: 0px 0px 1px 1px rgb(0 0 0 / 15%);
}

.addStrategyInner th {
    font-size: 13px;
    line-height: 15px;
    color: var(--colorWarmGrey);
    border-bottom: 1px solid #ccc;
}

.addStrategyInner th:first-child {
    width: 170px;
    min-width: 170px;
}

.addStrategyInner th:first-child,
.formDesign .addStrategyInner td:first-child {
    padding-left: 0px;
}

.addStrategyInner th:last-child,
.formDesign .addStrategyInner td:last-child {
    padding-right: 0px;
}

.formDesign .addStrategyInner tr:nth-last-child(-n+2) td {
    border-bottom: 1px solid #ccc;
}

.formDesign .addStrategyInner tr:nth-last-child(-n+1) td {
    border-bottom: none;
}

.formDesign .addStrategyInner td span {
    width: 100px;
}

.formDesign .addStrategyInner td span input {
    font-size: 14px;
    line-height: 14px;
    color: var(--colorBlack);
    text-align: right;
    padding: 9px 10px;
    background-color: #f1f1f1;
    width: 100%;
}

.formDesign .addStrategyInner td:first-child {
    font-size: 15px;
    line-height: 17px;
    font-family: var(--circularRegular);
    color: var(--colorWarmGrey);
}

.propertyInnerTabs .nav-tabs {
    border: none;
}

.propertyInnerTabs .nav-tabs .nav-item.tabActiveProperty {
    width: 50%;
}

.propertyInnerTabs .nav-tabs .nav-item.tabCommercialProspect {
    width: 23%;
    margin-right: 10px;
}

.propertyInnerTabs .nav-tabs .nav-item.tabArchives {
    width: 23%;
}

.propertyInnerTabs .nav-tabs .nav-item.tabActiveProperty button {
    color: #47a595;
}

.propertyInnerTabs .nav-tabs .nav-item.tabActiveProperty button .propertyCounter {
    border-color: #47a595;
}

.propertyInnerTabs .nav-tabs .nav-item.tabActiveProperty button.active {
    background-color: #47a595;
    color: var(--colorWhite);
}

.propertyInnerTabs .nav-tabs .nav-item.tabActiveProperty button.active .propertyCounter {
    border-color: var(--colorWhite);
}

.propertyInnerTabs .nav-tabs .nav-item.tabCommercialProspect button {
    color: #f75959;
}

.propertyInnerTabs .nav-tabs .nav-item.tabCommercialProspect button .propertyCounter {
    border-color: #f75959;
}

.propertyInnerTabs .nav-tabs .nav-item.tabCommercialProspect button.active {
    background-color: #f75959;
    color: var(--colorWhite);
}

.propertyInnerTabs .nav-tabs .nav-item.tabCommercialProspect button.active .propertyCounter {
    border-color: var(--colorWhite);
}

.propertyInnerTabs .nav-tabs .nav-item.tabArchives button {
    color: #874f90;
}

.propertyInnerTabs .nav-tabs .nav-item.tabArchives button .propertyCounter {
    border-color: #874f90;
}

.propertyInnerTabs .nav-tabs .nav-item.tabArchives button.active {
    background-color: #874f90;
    color: var(--colorWhite);
}

.propertyInnerTabs .nav-tabs .nav-item.tabArchives button.active .propertyCounter {
    border-color: var(--colorWhite);
}

.propertyInnerTabs .nav-tabs .nav-item button {
    border: none;
    background: #ccc3;
}

.viewPropertyDetail .col-sm-6:first-child .col-sm-12:last-child {
    display: flex;
    align-items: flex-end;
    justify-content: space-around;
}

.archiveTools {
    display: inline-block;
    height: 36px;
    width: 36px;
    min-width: 36px;
    border-radius: 50%;
}

.archiveTools a {
    height: 100%;
    width: 100%;
    display: inline-block;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.archiveTools a img {
    width: 100%;
    float: left;
}

.offersTableSec {
    margin-bottom: 20px;
}

.offerForSecn .addedPropertyFor {
    text-align: center;
}

.offerForSecn .infoSectionHeading {
    margin-bottom: 0px;
    display: flex;
    justify-content: center;
}

.offerForSecn .infoSectionHeading .listingFor {
    width: 60px;
}

.agentFeeTypes .form-control {
    font-size: 16px;
    line-height: 16px;
}

.formDesign .agentFeeTypes select.form-control {
    padding: 3px 5px;
}

.propDetailBoxs .propInfoRight span {
    width: 100px;
}

.activeBox.form-control {
    cursor: not-allowed;
}

.compFeaturesNew {
    background: var(--colorWhite);
}

.secSlidersBoxInner {
    margin-bottom: 50px;
}

.secSlidersBoxInner:nth-child(even) .row {
    flex-direction: row-reverse;
}

.secSlidersBoxInner .secSliderLeft p {
    color: var(--colorWarmGrey);
}

.secSlidersBoxInner .row {
    align-items: center;
    margin-left: -30px;
    margin-right: -30px;
}

.secSlidersBoxInner .row .col-md-6 {
    padding-left: 30px;
    padding-right: 30px;
}

.secSlidersBoxInner .sectionSlider {
    /* box-shadow: 0px 0px 6px 4px rgb(0 0 0 / 12%); */
    box-shadow: -8px 7px 14px 3px rgb(0 0 0 / 12%);
}

/* .secSlidersBoxInner:nth-child(even) .sectionSlider{
    box-shadow: 4px 5px 10px 1px rgb(0 0 0 / 12%);
    } */
.secSliderRight .slick-prev,
.secSliderRight .slick-next {
    width: 30px;
    height: 40px;
    z-index: 9;
}

.secSliderRight .slick-prev:hover:before,
.secSliderRight .slick-next:hover:before {
    opacity: 1;
    color: var(--colorRed1);
}

.secSliderRight .slick-prev:before,
.secSliderRight .slick-next:before {
    color: #0d6efd;
    font-family: 'Font Awesome 5 FREE';
    font-weight: 900;
    font-size: 40px;
}

.secSliderRight .slick-prev:before {
    content: '\f104';
}

.secSliderRight .slick-next:before {
    content: '\f105';
}

.secSliderRight .slick-prev {
    left: 0px;
}

.secSliderRight .slick-next {
    right: 0px;
}

.sectionSlider.slick-initialized .slick-slide {
    height: 322px;
}

.sectionSlider.slick-initialized .slick-slide span {
    height: 100%;
}

.sectionSlider.slick-initialized .slick-slide img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.weWorkNew {
    background: var(--colorWhite)
}

.testimonialsBoxNew {
    background: url('../img/weWorkBg.png') no-repeat center center;
    background-size: cover;
}

.testimonialContent span,
.testimonialBy .writerName {
    color: var(--colorWarmGrey);
}

.howWeWorkImg {
    box-shadow: -8px 7px 14px 3px rgb(0 0 0 / 12%);
}

.weWorkNew .weWorkLeft {
    padding-right: 0px;
}

.weWorkNew .weWorkBox .row {
    margin-left: -30px;
    margin-right: -30px;
}

.weWorkNew .weWorkBox .col-sm-12 {
    padding-left: 30px;
    padding-right: 30px;
}

/****** save filter ***/
.csm-saved {
    display: contents;
}

.csm-saved li {
    display: inline-block;
    margin: 0.5rem 1rem 0.5rem 0rem;
    background: #f4f4f4;
    border-radius: 5px;
    padding: 0.5rem 1rem;
    position: relative;

}

/* .csm-saved li span {
        display: inline-block;
        background: #000;
        border-radius: 50%;
        color: #fff;
        width: 23px;
        height: 23px;
        text-align: center;
        font-size: 12px;
        line-height: 23px;
        margin-left: 1rem;
        cursor: pointer;
    } */

/***** sell form start *****/
.sell-main {
    background-color: #f4f7fa;
}

.sell-content .box {
    margin-top: 2rem;
    background: #fff;
    padding: 30px 60px;
    box-shadow: 0 2px 5px rgb(0 0 0 / 15%);
}

.sell-content .box .post_form .btnStyle {
    padding: 11px 44px;
}

.sell-content .box .post_form .form-group {
    width: 100%;
    max-width: 400px;
    margin-right: 10px;
}

.sell-content .box .post_form .form-group input {
    height: 100%;
}

.sell-content .form-control,
.sell-content .form-select {
    height: 44px !important;
}

.check_box input {
    display: none;
}

.check_box label {
    position: relative;
}

.check_box label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 10px;
    border-radius: 5px;
}

.check_box input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 6px;
    left: 6px;
    width: 7px;
    height: 13px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);

}

.check_box input:checked+label:before {
    background: #3787e3;
    border-radius: 50%;
}

.sell-content .box .textarea-property .form-group {
    width: 100%;
    max-width: 100%;
    margin-right: 10px;
}

.sell-content .box .textarea-property .form-group textarea {
    width: 100%;
    border: 1px solid #3787e3;
    border-radius: 5px;
    padding: 1rem;
}

.sell-content .box form button.btnStyle {
    border-radius: 5px;
}

.sell-content .box form .form-control,
.sell-content .box form .form-select {
    height: 54px;
}

.sell-content .box small {
    color: #3787e3;
    cursor: pointer;
}

.sell-content .changed input[type=checkbox],
.changed input[type=radio] {
    filter: grayscale(1);
    filter: hue-rotate(180deg)
}

.sell-content hr {
    margin-top: 40px;
    margin-bottom: 40px;
    border: 0;
    border-top: 1px solid #cbcbcb;
    background: none;
}

.sell-content input[type='radio'] {
    display: none;
}

.sell-content .send label,
.sell-content .sellerRadio label,
.sell-content .property label,
.sell-content .typeFlat label,
.sell-content .parking label,
.sell-content .lease label,
.sell-content .disability label,
.sell-content .rating label,
.sell-content .advert label {
    text-transform: capitalize;
    cursor: pointer;
    position: relative;
    padding: 5px 0px 5px 30px;
}

.sell-content .send label:before,
.sell-content .sellerRadio label:before,
.sell-content .property label:before,
.sell-content .typeFlat label:before,
.sell-content .parking label:before,
.sell-content .lease label:before,
.sell-content .disability label:before,
.sell-content .rating label:before,
.sell-content .advert label:before {
    content: "";
    position: absolute;
    width: 22px;
    height: 22px;
    background-color: transparent;
    border: 1px solid #3787e3;
    border-radius: 50%;
    top: 50%;
    left: 0rem;
    transform: translateY(-50%);
    transition: border-color 400ms ease;
}

.sell-content .send label::after,
.sell-content .sellerRadio label::after,
.sell-content .property label::after,
.sell-content .typeFlat label::after,
.sell-content .parking label::after,
.sell-content .lease label::after,
.sell-content .disability label::after,
.sell-content .rating label::after,
.sell-content .advert label::after {
    content: "";
    position: absolute;
    width: 22px;
    height: 22px;
    background-color: #3787e3;
    border: 1px solid #3787e3;
    border-radius: 50%;
    top: 50%;
    left: 0rem;
    transform: translateY(-50%) scale(0);
    transition: transform 400ms ease;

}

.sell-content input[type='radio']:checked+label:after {
    background-color: #3787e3;
    transform: translateY(-50%) scale(0.55);
}

/******Checkbox*****/

.sell-content .parking-checkbox .form-group {
    display: block;
    margin-bottom: 15px;
}

.sell-content .parking-checkbox .form-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.sell-content .parking-checkbox .form-group label {
    position: relative;
    cursor: pointer;
}

.sell-content .parking-checkbox .form-group label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid #3787e3;
    box-shadow: 0 1px 2px rgb(0 0 0 / 5%), inset 0px -15px 10px -12px rgb(0 0 0 / 5%);
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 10px;
    border-radius: 5px;
}

.sell-content .parking-checkbox .form-group input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 8px;
    width: 7px;
    height: 14px;
    border: solid #3787e3;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}

.sell-content .rating-graph {
    display: flex;
}

.sell-content .rating-graph li {
    padding-left: 20px;
    padding-right: 20px;
    border-left: 1px solid #cacccd;
    text-align: center;
}

.sell-content .rating-graph li:first-child {
    border: none;
    padding-left: 0px;
}

.sell-content .rating-graph li .graph-status span {
    color: #707070;
    display: inline-block;
}

.sell-content .rating-graph li .graph-status span.point {
    padding: 3px;
    color: #000;
    position: relative;
    height: 20px;
}

.sell-content .rating-graph li .graph-status span.point::before {
    position: absolute;
    left: -10px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    content: "";
    top: 0;

}

.sell-content .rating-graph li .graph-status {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    position: relative;
}

.sell-content .rating-graph li .graph-status img {
    padding-top: 6px;
}

.graph_bottom_text {
    position: absolute;
    bottom: -15px;
}

.sell-content .box .date_picker .form-group {
    max-width: 100%;

}

.sell-content .box .parking-checkbox a {
    color: #3787e3;
}

.sell-content .box .parking-checkbox a:hover {
    text-decoration: underline;
}

.sell-content .rating-graph li .graph-status .graph_img_mobile {
    display: none;
}

.sell-content .rating-graph li .graph-status span.point {
    display: block;
}

.sell-content .rating-graph li .graph-status span.point.graph-color1 {
    background-color: #037e31;

}

.sell-content .rating-graph li .graph-status span.point.graph-color2 {
    background-color: #2aa040;
}

.sell-content .rating-graph li .graph-status span.point.graph-color3 {
    background-color: #93c351;
}

.sell-content .rating-graph li .graph-status span.point.graph-color4 {
    background-color: #f2ca25;
}

.sell-content .rating-graph li .graph-status span.point.graph-color5 {
    background-color: #ffb101;
}

.sell-content .rating-graph li .graph-status span.point.graph-color6 {
    background-color: #ff8001;
}

.sell-content .rating-graph li .graph-status span.point.graph-color7 {
    background-color: #d61d1d;
}

.sell-content .rating-graph li .graph-status span.point.graph-color1::before {
    border-right: 10px solid #037e31;
}

.sell-content .rating-graph li .graph-status span.point.graph-color2::before {
    border-right: 10px solid #2aa040;
}

.sell-content .rating-graph li .graph-status span.point.graph-color3::before {
    border-right: 10px solid #93c351;
}

.sell-content .rating-graph li .graph-status span.point.graph-color4::before {
    border-right: 10px solid #f2ca25;
}

.sell-content .rating-graph li .graph-status span.point.graph-color5::before {
    border-right: 10px solid #ffb101;
}

.sell-content .rating-graph li .graph-status span.point.graph-color6::before {
    border-right: 10px solid #ff8001;
}

.sell-content .rating-graph li .graph-status span.point.graph-color7::before {
    border-right: 10px solid #d61d1d;
}


@media(max-width:991px) {
    .sell-content .box {
        padding: 20px 30px;
    }

}

@media(max-width:768px) {
    .sell-content .box {
        padding: 20px;
    }

    .sell-content .box .form-control {
        margin-top: 8px;
    }
}

@media(max-width:576px) {
    .sell-content .box .post_form .form-group {
        max-width: 100%;
    }

    .sell-content .box .post_form button {
        margin-top: 1rem;
        width: 100% !important;
    }

    .sell-content .rating-graph li .graph-status .graph_img_mobile {
        display: block;
    }

    .sell-content .rating-graph li .graph-status .graph_img {
        display: none;
    }

    .sell-content .rating-graph li .graph-status .graph_bottom_text span {
        display: none;
    }

    .sell-content .rating-graph li .graph-status img {
        padding-top: 4px;
    }

    .sell-main {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

}

/***** sell form end *****/

/**** error ******/

.was-validated .form-control:invalid,
.form-control .is-invalid {
    border-color: #e55353;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23e55353' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23e55353' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}


/*** error end ***/

.on-market-radio {
    text-align: right;
}

.off-market-radio {
    text-align: left;
}

/* courses page css start here  */
.course-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.course-list .single-course {
    width: calc(100% / 4 - 30px);
    margin: 20px 15px;
    position: relative;
    cursor: pointer;
    background-color: var(--colorWhite);
    border-radius: 4px;
    padding: 12px;
}

.course-list .single-course a {
    height: 100%;
    width: 100%;
    display: block;
}

.course-list .single-course .course-image img {
    max-width: 100%;
}

.course-list .single-course h5 {
    font-size: 19px;
    font-weight: 600;
    color: var(--colorBlack);
    margin: 20px 0 10px;
    line-height: 25px;
}

.course-list .single-course p {
    color: var(--colorGrey3);
    font-size: 15px;
    font-weight: 300;
}

.course-list .single-course h6 {
    color: var(--colorWarmGrey);
    font-size: 14px;
    font-weight: 300;
    margin: 10px 0;
}

.course-list .single-course h4 {
    font-size: 20px;
    font-weight: 600;
    color: var(--colorBlack);
    margin-top: 10px;
}

.course-list .single-course h4 s {
    color: #6a6f73;
    font-size: 18px;
    font-weight: 400;
    padding-left: 10px;
}

.course-list .single-course span.course-level {
    background-color: var(--colorYellow);
    color: var(--colorBlack);
    padding: 4px 10px;
    font-size: 12px;
    display: inline-block;
}

.course-detail-popup {
    width: 350px;
    padding: 20px;
    background-color: var(--colorWhite);
    border: 1px solid #dbdbdb;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: calc(100% + 30px);
    margin: auto;
    z-index: 11;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease-in-out;
}

.course-detail-popup:after {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid var(--colorWhite);
    position: absolute;
    left: -10px;
    top: calc(50% - 5px);
}

.course-detail-popup:before {
    content: '';
    width: 0;
    height: 0;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-right: 11px solid #dbdbdb;
    position: absolute;
    left: -11px;
    top: calc(50% - 5.5px);
}

.course-detail-popup:after,
.course-detail-popup:before {
    content: '';
    width: 0;
    height: 0;
}

.single-course:hover .course-detail-popup {
    opacity: 1;
    visibility: visible;
    transition: all 0.2s ease-in-out;
}

.single-course:nth-child(4n) .course-detail-popup {
    left: unset;
    right: calc(100% + 30px);
}

.single-course:nth-child(4n) .course-detail-popup:before,
.single-course:nth-child(4n) .course-detail-popup:after {
    left: unset;
    transform: rotate(180deg);
}

.single-course:nth-child(4n) .course-detail-popup:before {
    right: -11px;
}

.single-course:nth-child(4n) .course-detail-popup:after {
    left: unset;
    right: -10px;
}

.course-detail-popup small {
    color: var(--colorGreen);
    margin-left: 10px;
    font-size: 13px;
}

/* .course-detail-popup li{
    color: var(--colorGrey3);
    font-size: 15px;
    font-weight: 300;
    padding: 15px 0 0 35px;
    position: relative;
}
.course-detail-popup li::before{
    content: "\2714";
    color: var(--colorBlack);
    font-size: 20px;
    font-weight: 400;
    position: absolute;
    left: 0;
    top: 13px;
    } */
.course-detail-popup a {
    background-color: var(--colorPrim);
    padding: 10px 15px;
    text-align: center;
    color: var(--colorWhite);
    font-size: 15px;
    border-radius: 8px;
    margin-top: 15px;
    font-weight: 400;
}

/* filter box design css  */
.filter-box {
    width: 250px;
    border-top: 1px solid #dbdbdb;
    margin-top: 20px;
    display: none;
}

.filter-box .filter-collapse {
    width: 100%;
    display: block;
    color: var(--colorBlack);
    font-size: 22px;
    font-weight: 600;
    padding: 14px 0;
    position: relative;
}

.filter-box .filter-collapse::after {
    content: '';
    position: absolute;
    right: 5px;
    top: calc(50% - 8px);
    width: 10px;
    height: 10px;
    background: transparent;
    text-indent: -9999px;
    border-top: 2px solid var(--colorGrey3);
    border-left: 2px solid var(--colorGrey3);
    text-decoration: none;
    color: transparent;
    transform: rotate(-135deg);
    transition: all 0.2s ease-in-out;
}

.filter-box .filter-collapse[aria-expanded='true']::after {
    transform: rotate(45deg);
    top: calc(50% - 6px);
}

.single-filter {
    border-bottom: 1px solid #dbdbdb;
}

.single-filter input {
    display: none;
}

.single-filter label {
    color: var(--colorGrey3);
    font-size: 15px;
    font-weight: 300;
    cursor: pointer;
    position: relative;
    margin: 8px 0;
}

.single-filter label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid var(--colorGrey3);
    padding: 7px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 10px;
}

.single-filter input:checked+label:before {
    background-color: var(--colorGrey3);
}

.single-filter input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 6px;
    width: 6px;
    height: 11px;
    border: solid var(--colorWhite);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.single-filter .show-more-btn {
    color: var(--colorPrim);
    font-size: 15px;
    position: relative;
    margin: 15px 0 20px;
}

.single-filter .show-more-btn::after {
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    right: -24px;
    top: 4px;
    background: transparent;
    text-indent: -9999px;
    border-top: 2px solid var(--colorPrim);
    border-left: 2px solid var(--colorPrim);
    text-decoration: none;
    color: transparent;
    transform: rotate(-135deg);
}

.multi-collapse div:last-child {
    margin-bottom: 20px;
}

/* course list after search  */
.search-course-container .filter-list-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.search-course-container .course-list {
    margin: 0;
    width: calc(100% - 300px);
}

.search-course-container .course-list .single-course {
    margin: 10px 0;
    width: 100%;
}

.search-course-container .course-list .single-course>a {
    display: flex;
}

.search-course-container .course-list .single-course .course-image {
    height: 100%;
    min-width: 360px;
    max-height: 180px;
    overflow: hidden;
    margin-right: 20px;
}

.search-course-container .course-list .single-course h5 {
    margin: 0 0 10px;
}

.search-course-container .course-detail-popup,
.search-course-container .single-course:nth-child(4n) .course-detail-popup {
    top: unset;
    bottom: calc(100% + 5px);
    transform: unset;
    left: 0;
    right: 0;
}

.search-course-container .course-detail-popup:after,
.search-course-container .course-detail-popup:before,
.search-course-container .single-course:nth-child(4n) .course-detail-popup:before,
.search-course-container .single-course:nth-child(4n) .course-detail-popup:after {
    transform: rotate(-90deg);
    top: calc(100% - 5px);
    left: calc(50% - 5px);
    right: unset;
}

.search-course-container .course-tag {
    display: flex;
    align-items: center;
    margin-top: 15px;
}

.search-course-container .course-tag h4 {
    margin: 0 0 0 25px;
}

.search-box-main {
    display: flex;
    align-items: center;
    margin: 25px 0;
}

.search-box {
    margin: 0 0 0 30px;
}

.search-box input {
    background-color: var(--colorWhite);
    padding: 10px 15px 10px 45px;
    color: var(--colorBlack);
    border: 1px solid var(--colorGrey3);
    outline: none;
    box-shadow: none;
    border-radius: 30px;
    margin-left: 10px;
    width: 450px;
    background-image: url('../img/search-gray.png');
    background-position: left 15px center;
    background-repeat: no-repeat;
    background-size: 18px;
}

.search-box input:focus {
    background-image: url('../img/search.png');
}

.search-course-container .filter-box {
    display: block;
}

.search-box-main button {
    margin-left: 50px;
}

.filter-toggle {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0 15px;
}

.filter-toggle .filter-btn {
    border: 1px solid var(--colorGrey3);
    color: var(--colorGrey3);
    padding: 14px;
    margin-right: 15px;
}

.filter-toggle .clear-filter {
    color: var(--colorPrim);
}

.filter-toggle h5 {
    font-size: 18px;
    color: var(--colorWarmGrey);
    font-weight: 600;
}

/* hide filter  */
.hide-filter .filter-box {
    display: none;
}

.hide-filter .course-list {
    width: 100%;
}

.filter-box h5 {
    font-size: 18px;
    font-weight: 500;
    color: var(--colorWarmGrey);
}

.filter-box .filter-header {
    display: none;
    border-bottom: 1px solid #dbdbdb;
    padding: 20px 15px;
}

.filter-box .close-filter-collapse {
    background: #fff;
    font-size: 20px;
    cursor: pointer;
}

.ulr-to-td {
    outline: none !important;
    text-decoration: none;
    color: #212529;
}

.csmdisabled {
    cursor: not-allowed !important;
}

.custom-sticky-header .dashboardHeaderBtns a {
    display: flex;
    align-items: center;
}

.custom-sticky-header .dashboardHeaderBtns a span {
    margin: 0 0 0 5px;
    display: inline-block;
}

.custom-sticky-header {
    position: relative;
}

.custom-sticky-header .dashHeadingTop {
    position: sticky;
    top: 64px;
    left: 0;
    background-color: #f4f7fa;
    width: 100%;
    z-index: 111;
    padding: 15px 0;
}

.custom-sticky-header .dashboardHeaderBtns span,
.custom-sticky-header .form-switch-row2 {
    margin-bottom: 0;
}

form#sellForm #selectAddress {
    position: relative;
    z-index: 11;
}

.homgepage-headline {
    font-size: 42px;
}

.second-subheading {
    color: #3787e4;
}

.left-count strong,
.right-count strong {
    display: inline-block;
    width: 64px;
}

.propertyCountBox2 {
    padding: 5px 5px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    background: var(--colorOffGrey);
    margin: 4px 3px;
    /* width: 156px;
    min-width: 156px; */
    height: 100%;
}

.propertyCountBox2 .forProperty {
    padding-right: 3px;
    border-right: 1px solid #ccc6;
    text-align: center;
}

.propertyCountBox2 .propertyTotal {
    padding-left: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    min-width: 45px;
}

.propertyCountBox2 .forProperty {
    color: var(--colorWarmGrey);
}

#insight .newBoxDesign {
    margin-bottom: -5%;
}

.insight-area-table {
    margin-bottom: -5px;
}

.insight-tiles-1 {
    margin-top: 4%;
}

.insight-tiles-2 {
    float: left;
    /* padding-left: 8px; */
    /* border-bottom: 2px solid #ccc; */
    padding-bottom: 22px;
}

.insight-tiles-3 {
    float: left;
    padding-left: 8px;
    /* border-bottom: 2px solid #ccc; */
    padding-bottom: 22px;
}



/* Stars on comments */
.visuhide {
    position: absolute !important;
    overflow: hidden;
    width: 1px;
    height: 1px;
    clip: rect(1px, 1px, 1px, 1px);
}

.star__container {
    /* display: flex; */
    margin: auto;
    /* border-radius: .25em; */
    /* background-color: #00a39b; */
    /* box-shadow: 0 0.25em 1em rgba(0, 0, 0, 0.25); */
    /* transition: box-shadow .3s ease; */
}

.star__container:focus-within {
    box-shadow: 0 0.125em 0.5em rgba(0, 0, 0, 0.5);
}

.star__item {
    display: inline-flex;
    width: 18px;
    /* height: 1.5em; */
    margin-right: 15px;
}

.star__item::before {
    content: "⭐️";
    display: inline-block;
    margin-left: 3px;
    font-size: 1.75em;
    vertical-align: top;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 50% 33.3%;
    transform-origin: 50% 33.3%;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
}

.tile-text-color-grey {
    color: var(--colorWarmGrey);
}

.tile-text-value {
    color: var(--colorBlue);
}

.newCardDesigns .pfPropValues2 {
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}

.newCardDesigns .pfPropValues2:last-child {
    border-bottom: none;
    padding-bottom: 0px;
}

.pfPropValues2 {
    justify-content: space-between;
}

.market-sights-tile {
    margin-top: 62px;
}

.propertyDetailTabs .nav-tabs .nav-link .highlightImg {
    padding: 5px;
    border-radius: 50%;
    color: var(--colorWhite);
    height: 18px;
    width: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: var(--circularRegular);
    margin-left: 6px;
    font-size: 12px;
    height: auto;
    width: 28px;
}

.price-toggle-button {
    z-index: 1;
}

.blink-epc-notice {
    animation: blinkMe 2s linear infinite;
    font-weight: bold;
}

@keyframes blinkMe {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.energy-rating {
    border-radius: 4px;
    color: white;
    padding-left: 4px;
    padding-right: 4px;
}

/* Energy Rating Color Classes */
.A_energy_rating {
    background-color: #057e32;
}

.B_energy_rating {
    background-color: #2ba040;
}

.C_energy_rating {
    background-color: #93c351;
}

.D_energy_rating {
    background-color: #f3c925;
}

.E_energy_rating {
    background-color: #ffb100;
}

.F_energy_rating {
    background-color: #ff8001;
}

.G_energy_rating {
    background-color: #d51d1c;
}

.btn.btn-primary.try-button {
    border-radius: 0;
    color: #fff;
    padding: 5px 15px;
}

.input-wrap input {
    width: 328px;
}

.input-wrap p {
    margin-top: 5px;
    font-size: 15px;
}

.btnStyle.btnStyle3.start-btn {
    border-radius: 0;
    padding: 15px 25px;
}

.propInvestors {
    padding: 25px 0;
}

.propInvestors h3 {
    font-family: 'Poppins', var(--circularBold);
    color: var(--colorBlack);
    line-height: 1.2;
}

.prop-detail-block div {
    width: 46%;
}

.propInvestors .prop-detail-block span {
    display: block;
}

.propInvestors .prop-detail-block .dots span {
    width: 5px;
    height: 5px;
    margin: 0 4px;
    display: block;
    background: #3787e4;
}

.propInvestors .prop-detail-block .dots span:last-child {
    margin-right: 0;
}

.propInvestors .prop-detail-block .dots.sec span:first-child {
    margin-left: 0;
}

.text-right {
    text-align: right;
}

.trusted-block {
    padding: 15px 20px;
    background: #fff;
}

.trusted-block span {
    white-space: nowrap;
    margin-right: 20px;
    padding-top: 12px;
    margin-top: 5px;
}

.secSliderRight.image-slider {
    overflow: hidden;
}

#image-slie img {
    height: 54px;
}

#image-slie .sectionSlider.slick-initialized .slick-slide {
    height: 54px;
}

.secSliderRight.image-slider .sectionSlider.slick-initialized .slick-slide {
    padding: 0 15px;
}

.video-section {
    position: relative;
}

.video-section .video-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 1;
    cursor: pointer;
    max-width: 479px;
    transform: translate(-50%, -50%);
}

.video-popup {
    display: none;
    position: fixed;
    z-index: 99999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.8);
}

.video-popup .video-wraper {
    background-color: #fefefe;
    margin: 0px auto;
    padding: 20px;
    border: 1px solid #888;
    width: 62%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 10px;
}

.video-wraper #skiVideo {
    width: 100%;
}

.vieo-popup video {
    width: 100%;
    height: 100%;
}

.video-popup.show {
    display: block;
}

.video-popup span {
    position: absolute;
    top: -10px;
    right: -10px;
    cursor: pointer;
    z-index: 2;
}

/* .video-popup span:before, .video-popup span:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 33px;
    width: 2px;
    background-color: #fff;
}
.video-popup span:before{
    transform: rotate(45deg);
  }
.video-popup span:after {
    transform: rotate(-45deg);
    } */
.faq-section,
.free-section {
    background: #fff;
    padding: 30px 0;
}

.faq-section .container {
    border-top: 1px solid #ccc;
    padding-top: 30px;
}

/* .faq-wrap {
    padding-top: 40px;
    } */

.faq-wrap div {
    width: 47%;
}

.free-wrap div {
    width: 52%;
}

.free-wrap h3 {
    width: 43%;
}

.bannerLeft .input-wrap {
    padding-top: 2px;
    margin-bottom: 2px;
}

.brand-img img {
    /* max-width: 150px;
    padding: 0 10px; */
    max-height: 55px;
}

.prop-detail-block .mb-3 {
    position: relative;
}

.prop-detail-block .mb-3:first-child:before {
    position: absolute;
    content: '';
    top: 0px;
    width: 1px;
    background: #ccc;
    bottom: 0px;
    right: -45px;
}

.demo-section {
    padding: 33px 0;
}

.inner-wraper {
    padding: 55px 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.inner-wraper .fontSize24 {
    margin-bottom: 31px !important;
    color: #3787e4;
}

.inner-wraper .faq-try-section {
    float: none;
}

.footerTop {
    padding: 40px 0;
}

.border-top-cutm .container {
    border-top: 1px solid #ccc;
    padding-top: 30px;
}

.navbar-nav .btn.btn-primary.try-button {
    background: #3787e3;
    border-radius: 8px;
}

.navbar-nav .btn.btn-primary.deskval-btn {
    color: #fff;
    padding: 5px 15px;
    border-radius: 8px;
    background: #1fb842;
    border-color: #1fb842;
}

.btnStyle.btnStyle3.start-btn {
    border-radius: 5px;
}

.free-section .d-flex.input-wrap {
    width: 100%;
}

#image-slie .slider {
    max-width: 1000px;
    margin: 0 auto;
}

#image-slie .slick-slide {
    margin: 0 5px;
}

#image-slie .slick-list {
    margin: 0px -5px 0px -5px;
}

#image-slie button.slick-next,
#image-slie button.slick-next:hover {
    position: absolute;
    top: 41%;
    right: 54px;
    width: 47px;
    height: 75px;
    /* background-image: url("http://maggiesadler.com/wp-content/uploads/2015/10/left-right-arrow.png"); */
    background-size: 95px;
}

#image-slie button.slick-prev,
#image-slie button.slick-prev:hover {
    position: absolute;
    top: 41%;
    left: 15px;
    z-index: 1;
    width: 47px;
    height: 75px;
    /* background-image: url("http://maggiesadler.com/wp-content/uploads/2015/10/left-right-arrow.png"); */
    background-size: 95px;
    background-position-x: right;
}

#image-slie .slick-prev:before,
#image-slie .slick-next:before {
    font-size: 70px;
    color: #EA8496;
    line-height: inherit;
    font-weight: bold;
}

/* Slick Slider Styles -- Provided by https://kenwheeler.github.io/slick/ */
/* Slider */
#image-slie .slick-slider {
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

#image-slie .slick-list {
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}

#image-slie .slick-list:focus {
    outline: none;
}

#image-slie .slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

#image-slie .slick-slider .slick-track,
#image-slie .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

#image-slie .slick-track {
    position: relative;
    top: 0;
    left: 0;

    display: block;
}

#image-slie .slick-track:before,
#image-slie .slick-track:after {
    display: table;

    content: '';
}

#image-slie .slick-track:after {
    clear: both;
}

#image-slie .slick-loading .slick-track {
    visibility: hidden;
}

#image-slie .slick-slide {
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}

#image-slie [dir='rtl'] .slick-slide {
    float: right;
}

#image-slie .slick-slide img {
    display: inline-block;
}

#image-slie .slick-slide.slick-loading img {
    display: none;
}

#image-slie .slick-slide.dragging img {
    pointer-events: none;
}

#image-slie .slick-initialized .slick-slide {
    display: block;
}

#image-slie .slick-loading .slick-slide {
    visibility: hidden;
}

#image-slie .slick-vertical .slick-slide {
    display: block;

    height: auto;

    border: 1px solid transparent;
}

#image-slie .slick-arrow.slick-hidden {
    display: none;
}

/* #image-slie .slick-loading .slick-list
{
  background: #fff url('http://maggiesadler.com/wp-content/uploads/2015/10/ajax-loader.gif') center center no-repeat;
} */

/* Icons */
/* @font-face
{
  font-family: 'slick';
  font-weight: normal;
  font-style: normal;
  
  src: url('file:///C:/Users/msadler/Desktop/slick-1.5.7/slick/fonts/slick.eot');
  src: url('file:///C:/Users/msadler/Desktop/slick-1.5.7/slick/fonts/slick.eot?#iefix') format('embedded-opentype'), url('file:///C:/Users/msadler/Desktop/slick-1.5.7/slick/fonts/slick.woff') format('woff'), url('file:///C:/Users/msadler/Desktop/slick-1.5.7/slick/fonts/slick.ttf') format('truetype'), url('file:///C:/Users/msadler/Desktop/slick-1.5.7/slick/fonts/slick.svg#slick') format('svg');
} */
/* Arrows */
#image-slie .slick-prev,
#image-slie .slick-next {
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 0;

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

#image-slie .slick-prev:hover,
#image-slie .slick-prev:focus,
#image-slie .slick-next:hover,
#image-slie .slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent;
}

#image-slie .slick-prev:hover:before,
#image-slie .slick-prev:focus:before,
#image-slie .slick-next:hover:before,
#image-slie .slick-next:focus:before {
    opacity: 1;
}

#image-slie .slick-prev.slick-disabled:before,
#image-slie .slick-next.slick-disabled:before {
    opacity: .25;
}

#image-slie .slick-prev:before,
#image-slie .slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#image-slie .slick-prev {
    left: -25px;
}

#image-slie [dir='rtl'] .slick-prev {
    right: -25px;
    left: auto;
}

#image-slie .slick-prev:before {
    content: '';
}

#image-slie [dir='rtl'] .slick-prev:before {
    content: '';
    font-weight: bold;
    font-size: 20px;
}

#image-slie .slick-next {
    right: -25px;
}

#image-slie [dir='rtl'] .slick-next {
    right: auto;
    left: -25px;
}

#image-slie .slick-next:before {
    content: '';
}

#image-slie [dir='rtl'] .slick-next:before {
    content: '';
}

/* Dots */
#image-slie .slick-slider {
    margin-bottom: 30px;
}

#image-slie .slick-dots {
    position: absolute;
    bottom: -45px;

    display: block;

    width: 100%;
    padding: 0;

    list-style: none;

    text-align: center;
}

#image-slie .slick-dots li {
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}

#image-slie .slick-dots li button {
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

#image-slie .slick-dots li button:hover,
#image-slie .slick-dots li button:focus {
    outline: none;
}

#image-slie .slick-dots li button:hover:before,
#image-slie .slick-dots li button:focus:before {
    opacity: 1;
}

#image-slie .slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#image-slie .slick-dots li.slick-active button:before {
    opacity: .75;
    color: black;
}

#image-slie .slick-slide {
    margin: 0 15px;
}


.img_icon h1 {
    font-family: 'Poppins', var(--circularBold);
    color: var(--colorBlack);
    line-height: 1.2;
}

/* Pricing CSS */
/*========================Start Banner sectinon ========================*/
.plan-banner {
    padding: 50px 15px 75px;
    background: #1e2a36;
    
}

.plan-banner h1 {
    color: #fff;
    font-family: 'Poppins', var(--circularBold);
    line-height: 1.2;
    text-transform: capitalize;
}

.plan-banner .contracts--free {
    color: #fff;
    display: block;
    margin-bottom: 26px;
    width: auto;
    display: inline-block;
}

.toggle-btn {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*========================End Banner sectinon ========================*/
/*========================Start price sectinon ========================*/

.packages {
    margin: 5px;
    width: 355px;
    padding-bottom: 1.5em;
    height: 100%;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    border-radius: 12px 12px 5px 5px;
    border-radius: 6px;
    /*box-shadow: 0 19px 38px rgba(30, 35, 33, 1), 0 15px 12px rgba(30, 35, 33, 0.2);*/
    flex-wrap: wrap;
    color: #000;
    border: 2px solid #f4f4f4;
    padding-top: 45px;
    position: relative;
}

.packages h2 {
    color: #3787e3;
    font-size: 27px;
    font-family: 'Poppins', var(--circularBold);
    line-height: 1.2;
    max-width: 80%;
    margin-bottom: 30px;
}

.packages h4 {
    color: #000;
    font-size: 13px;
    line-height: 1.2;
    max-width: 80%;
    margin-bottom: 30px;
    position: relative;
}

.packages h4 span {
    display: block;
    text-align: center;
    font-size: 30px;
}

.packages sup {
    font-size: 12px;
}

.packages sub {
    font-size: 12px;
}

.price-container .list li {
    font-size: 14px;
    list-style: none;
    border-bottom: 1px solid #f4f4f4;
    padding-inline-start: 0;
    border-width: 1px;
    padding: 10px;
    text-align: left;
}

.price-container .list li:last-child {
    border-bottom: none;
}

.price-container .first {
    margin-top: 16px;
    border-top: 1px solid #f4f4f4;
}

.packages:nth-child(2) {
    border-radius: 0px 0px 5px 5px;
}

.popular {
    width: 101%;
    width: calc(100% + 2px);
    background: #3787e4;
    position: absolute;
    top: 0px;
    border-radius: 6px 6px 0 0;
    border: 2px solid #3787e4;
    padding: 10px;
}

.popular span {
    color: #fff;
    text-transform: uppercase;
}

.price-container .list {
    width: 90%;
}

.price-container ol,
.price-container ul {
    padding: 0;
}

.price-container .top {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.price-container input,
.price-container label {
    display: inline-block;
    vertical-align: middle;
    margin: 10px 0;
}

.price-container .button {
    padding: 10px 30px;
    text-decoration: none;
    font-size: 1.4em;
    margin: 15px 15px;
    border-radius: 50px;
    color: #f4f4f4;
    transition: all 0.3s ease 0s;
}

.price-container .button:hover {
    transform: scale(1.2);
}

.price-container .button1 {
    background-color: #00cc99;
    box-shadow: 0 0 10px 0 #00cc99 inset, 0 0 20px 2px #00cc99;
}

.price-container .button2 {
    background-color: #ff007c;
    box-shadow: 0 0 10px 0 #ff007c inset, 0 0 20px 2px #ff007c;
}

.price-container .button3 {
    background-color: #ffae42;
    box-shadow: 0 0 10px 0 #ffae42 inset, 0 0 20px 2px #ffae42;
}

.plan-banner .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.plan-banner .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.plan-banner .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #3787e3;
    -webkit-transition: 0.4s;

    box-shadow: 2px 6px 25px #1e2321;
    transform: translate(0px, 0px);
    transition: 0.6s ease transform, 0.6s box-shadow;
}

.plan-banner .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.plan-banner input:checked+.slider {
    background-color: #50bfe6;
}

.plan-banner input:focus+.slider {
    box-shadow: 0 0 1px #50bfe6;
}

.plan-banner input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.package-container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.button-box {
    width: 250px;
    width: 340px;
    width: 431px;
    margin: 35px auto;
    position: relative;
    border-radius: 30px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--colorBlack);
    border-radius: 4px;
    overflow: hidden;
}

.toggle-btns {
    padding: 10px 20px;
    cursor: pointer;
    background: transparent;
    border: 0;
    outline: none;
    position: relative;
    text-align: center;
    font-size: 13px;
    width: 33.34%;
    font-size: 16px;
    line-height: 21px;
    padding: 15px 20px;
    border-right: 1px solid #000;
}
.toggle-btns:last-child{
    border-right: none;
}

#btns {
    left: 0;
    top: 0;
    position: absolute;
    width: 50%;
    height: 100%;
    background: #ff9900;
    border-radius: 30px;
    transition: .5s;
    width: 33.3%;
    border-radius: 0px;
}



/*========================End price sectinon ========================*/


/*========================Start Media  price sectinon ========================*/

@media screen and (min-width:768px) {
    .plan-banner h1 {
        font-size: 38px;

    }

    .plan-banner {
        padding: 100px 15px 100px;
    }

    .packages h2 {
        font-size: 36px;
    }

    .inner--wrapper--plan {
        max-width: 100%;
        margin: 0 auto;
    }

    .price-container {
        margin-top: -40px;
    }

    .popular {
        top: -47px;
        top: -49px;
    }

}

/*========================End Media  price sectinon ========================*/


.residential-filter {
    border-right: 1px solid #ccc;
    text-align: center
}

.sources-block {
    padding: 15px 20px;
    background: #f5f7fa;
}

.sources-block span {
    white-space: nowrap;
    margin-right: 20px;
    padding-top: 12px;
    margin-top: 5px;
}



/*========================Start Login section ========================*/

.login-quotee .writerName {
    border: 1px solid #3787e3;
    text-transform: uppercase;
    font-size: 15px;
    padding: 15px 16px;
    max-height: 54px;
    font-family: var(--circularBold);
    line-height: 20px;
    max-width: 200px;
    margin-bottom: 0px;
}

.login-quotee {
    margin-bottom: 30px;
}

.login-quotee p.quote {
    font-family: 'Dancing Script', cursive;
}

.login-quotee .writerName {
    border-radius: 12px;
}

@media screen and (min-width:768px) {
    #main-login--wrapper {
        margin-top: 30px;
    }

    .login-quotee {
        /* margin-top:12px;  */
    }

    .login-quotee p.quote {
        margin-top: 3px;
        /*max-width:300px;*/
        width: 100%;
        font-size: 25px;
        letter-spacing: 0.7px;
        line-height: 34px;

    }

    .login-quotee .writerName {
        border: 1px solid #3787e3;
        text-transform: uppercase;
        font-size: 15px;
        padding: 15px 16px;
        max-height: 54px;
        font-family: var(--circularBold);
        line-height: 20px;
        max-width: 200px;
        margin-top: 25px;
        margin-bottom: 0px;
    }
}

/*========================End Login section ========================*/
/*========================Start Header Fixes ========================*/
.header {
    background: #fff;
}

/*========================End Header Fixes ========================*/


/*========================payment  Dashboard  ========================*/
#payment_signup {
    background: #fff;
}

.plan-details .radio input[type=checkbox] {
    position: absolute;
    opacity: 0;
}

.radio {
    position: relative;
}

.plan-details .radio input[type=checkbox]+.radio-label:before {
    content: "";
    background: #f4f4f4;
    border: 2px solid #000;
    display: inline-block;
    width: 1.1em;
    height: 1.1em;
    position: relative;
    top: -0.1em;
    margin-right: 8px;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    transition: all 250ms ease;
}

.plan-details .radio input[type=checkbox]:checked+.radio-label:after {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-right-style: solid;
    border-right-width: 3px;
    content: "";
    display: inline-block;
    height: 12px;
    left: 5px;
    position: absolute;
    border-color: green;
    top: -1px;
    width: 8px;
}

.signup--page .img_icon {
    border-radius: 12px 12px 0px 0px;
}

.signup--page #common-form {
    border-radius: 0px 0px 12px 12px;
}

.signup--page .img_icon span {
    text-transform: uppercase;
    color: var(--colorBlue);
    font-size: 13px;
    margin-top: 5px;
    display: block;

}

.signup--page .formDesign label {
    font-size: 13px;
    color: #000;
    text-shadow: 0.5px 0px black;
}

.signup--page .formDesign .form-control {
    padding: 8px 14px;
    border: 1px solid #7e7d7d;
    font-size: 14px;
}

.plan-details {
    padding: 20px;
    background: white;
    border-radius: 12px;
    border: 1.5px solid #ccc;
    margin-top: 34px;
}

.details-inner h4 {
    font-family: 'Poppins', var(--circularBold);
    color: var(--colorBlack);
    line-height: 1.2;
    text-transform: capitalize;
    font-size: 17px;
    margin-bottom: 10px;
}

.details-inner h2 {
    font-family: 'Poppins', var(--circularBold);
    line-height: 1.2;
    text-transform: capitalize;
    font-size: 22px;
    color: var(--colorBlue);
    margin-bottom: 5px;
}

.details-inner span {
    line-height: 1.4;
    font-size: 16px;
    color: var(--colorBlue);
    margin-bottom: 5px;
    display: block;
}

.details-inner {
    margin-bottom: 13px;
}

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

.bill.totle_amount {
    margin-bottom: 20px;
}

.plan-details .radio input[type=checkbox]:checked+.radio-label:after {
    top: 36%;
}

.plan-details .radio input[type=checkbox]+.radio-label:before {
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    height: 17px;
    width: 17px;
}

.plan-details .radio label {
    font-size: 10px;
    padding-left: 28px;
}

/* .plan-details button.btnStyle { */
.signup-button button.btnStyle {
    font-size: 16px;
    border-radius: 7px;
    padding: 10px 18px;
    margin-bottom: 15px;
    text-transform: capitalize;
    min-width: auto;
}

.plan-details hr:not([size]) {
    clear: both;
}

.secure-payment p {
    line-height: 1.4;
    font-size: 12px;
    color: #000;
    display: block;
}

.secure-payment{
    display: flex;
    justify-content: center;
}

.payment-icon {
    text-align: center;
    max-width: 134px;
    margin: 0 auto;
}

.upd_wrapper {
    margin-top: 20px;
    padding-bottom: 50px;
}

.upd_wrapper p {
    margin-bottom: 20px;
}

.upd_wrapper .writerType {
    display: block;
    font-size: 12px;
    color: #878585;
}

.plan-details .button-box {
    margin-top: 0px;
    margin-bottom: 25px;
}

.upd_wrapper .slick-dots {
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
}

.upd_wrapper .slick-dots li {
    width: 12px;
    height: 12px;
}

.upd_wrapper .slick-dots li button {
    border: 1px solid var(--colorBlue);
    border-radius: 100%;
    width: 12px;
    height: 12px;
}

.upd_wrapper .slick-dots li button:before {
    content: none;
}

.upd_wrapper .slick-dots li.slick-active button {
    background: var(--colorBlue);
}


/*========================Signup payment Dashboard ========================*/

.hr-line {
    flex-grow: 1;
    margin-left: 6%;
    margin-right: 6%;
    margin-top: 3%;
    height: 0;
    border-top: 2px solid hsl(0deg 0% 44%);
    width: 14%;
    float: left;
}

.upgrade-to-get {
    float: left;
    display: inline-block;
    width: 45%;
    height: 1.5em;
    line-height: 1.5em;
    border-radius: 6%;
    background: #d53a3a;
    color: white;
    padding-top: 1px;
}

.buttonStyle.btnStyle6 {
    padding: 6px 10px;
}

.buttonStyle {
    font-size: 18px;
    line-height: 18px;
    font-family: var(--circularMedium);
    color: var(--colorWhite);
    background: var(--colorBlue);
    display: inline-block;
    padding: 17px 54px;
    border-radius: 10px;
    text-transform: uppercase;
    border: 1px solid var(--colorBlue);
    cursor: pointer;
    text-align: center;
}

.buttonStyle:hover,
.buttonStyle:focus {
    color: var(--colorBlue);
    /* background: var(--colorWhite); */
    background-color: var(--colorWhite);
    border-color: var(--colorBlue);
}

.upBtn.btnStyle7 {
    padding: 2px 6px;
    margin-right: 26px;
}

.upBtn {
    font-size: 12px;
    line-height: 18px;
    font-family: var(--circularMedium);
    color: var(--colorWhite);
    background: #e36f6f;
    display: inline-block;
    padding: 17px 54px;
    border-radius: 10px;
    text-transform: uppercase;
    border: 1px solid #e36f6f;
    cursor: pointer;
    text-align: center;
}

.upBtn:hover,
.upBtn:focus {
    color: #e36f6f;
    /* background: var(--colorWhite); */
    background-color: var(--colorWhite);
    border-color: #e36f6f;
}


/*new trading page%*/
.trading-property .nav-item button {
    justify-content: center;
}

.trading-property .nav-item button span.propertyCounter {
    margin-left: 10px;
    border: none;
}

.trading-property .nav-item #allProperties-tab span.propertyCounter {
    background: #fff;
    color: #3787e3;
    border: none;
}

.trading-property .nav-item #allOffers-tab span.propertyCounter {
    background: #d9746a;
    color: #fff;
    border: none;
}

.trading-property .dashHeadingTop h2 {
    color: #3787e3;
}

.address-wrapper {
    background: #fff;
    padding: 18px;
    position: relative;
}

.view-wraper .col-md-4,
.view-wraper .col-md-5 {
    text-align: right;
}

.intrest-view {
    display: inline-block;
    margin-right: 15px;
    color: #727272;
}

.user__info a {
    color: #000;
}

.trading-property span.call_text,
.trading-property span.data,
.trading-property span.time {
    opacity: 0.4;
}

.user__pick {
    height: 70px;
    width: 70px;
    border-radius: 100%;
    overflow: hidden;
    display: inline-block;
    margin-right: 15px;
}

.user__pick img {
    width: 100%;
    height: 100%;
}

.user__info {
    width: calc(100% - 85px);
    display: inline-block;
}

.delete-data {
    position: absolute;
    right: 20px;
    bottom: 20px;
}

.delete-data img {
    width: 20px;
    height: 20px;
}

/*deshborad upgrade to access */
#accSideNav .links-list {
    margin-bottom: 10px;
}

/*End deshborad upgrade to access */

/*Start my-sourcing-deals */
.my-sourcing-deals {
    margin-top: 64px;
    width: 100%;
    height: 100vh;
    background-size: cover;
    /*background-attachment:fixed;*/
    padding: 0;
}

.my-sourcing-deals .package-container {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.my-sourcing-deals .dashHeadingTop h2 {
    color: #fff;
}

.my-sourcing-deals .dashHeadingTop {
    margin-top: 20px;
    padding-left: 20px;
}

.my-sourcing-deals .popular {
    width: 101.6%;
}

/*End my-sourcing-deals */
.table-slider .slick-arrow {
    position: absolute;
    top: 46%;
    left: -10px;
    font-size: 0;
    z-index: 99;
    height: 35px;
}

.table-slider .slick-arrow.slick-disabled:before {
    color: #e1e1e1;
}

.table-slider .slick-next {
    left: initial;
    right: -10px;
}

.table-slider .slick-slide {
    margin: 0 5px;
}

.table-slider .slick-prev:before,
.table-slider .slick-next:before {
    color: #0d6efd;
    font-family: 'Font Awesome 5 FREE';
    font-weight: 900;
    font-size: 40px;
}

.table-slider .slick-prev:before {
    content: '\f104';
}

.table-slider .slick-next:before {
    content: '\f105';
}

.table-slider .slick-track {
    display: flex;
    align-items: stretch;
}

.table-slider .slick-slide {
    height: unset;
    background: #fff;
}

/*start login page css 19-09-2022 */
.loginBtnMain button {
    margin-bottom: 15px;
}



/*End login page css 19-09-2022 */
/* Upgrade button after login side bar */
.upBtn_upgrad {
    text-align: center;
}

.upBtn_upgrad .upgrade-to-get {
    float: none;
    height: auto;
    line-height: initial;
    border-radius: 10px;
    padding: 3px 7px 2px;
    position: relative;
}

.upBtn_upgrad .upgrade-to-get:before {
    position: absolute;
    top: 50%;
    content: '';
    left: -30px;
    transform: translate(-50%, -50%);
    height: 1px;
    background-color: #ccc;
    width: 30%;
}

.upBtn_upgrad .upgrade-to-get:after {
    position: absolute;
    top: 50%;
    content: '';
    right: -65px;
    transform: translate(-50%, -50%);
    height: 1px;
    width: 30%;
    background-color: #ccc;
}

/* End Upgrade button after login side bar */

.outer_deals__wrapper {
    position: relative;
    width: 100%;
    margin-top: 64px;
}

.outer_deals__wrapper .dashHeadingTop {
    padding-left: 20px;
    padding-top: 20px;
}

.outer_deals__wrapper .my-sourcing-deals {
    -webkit-filter: blur(2.5px);
    filter: blur(2.5px);
}

.outer_deals__wrapper .package-container {
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
}

.outer_deals__wrapper .my-sourcing-deals {
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.outer_deals__wrapper .packages {
    box-shadow: 0 19px 38px rgb(30 35 33), 0 15px 12px rgb(30 35 33 / 20%);
}


/* subscription details blade*/
#SubscriptionModal .form-box {
    margin-bottom: 75px;
}

.subscription_wrap .price-container {
    margin-top: 0px;
}

.subscription_wrap .package-container {
    flex-wrap: nowrap;
}

.subscription_wrap .packages strong {
    font-size: 13px;
    font-weight: 500;
}

.subscription_wrap .packages h2 {
    font-size: 24px;
}

.information-content h5 {
    font-size: 12px;
    font-weight: 500;
    color: #3787e4;
    font-family: 'Poppins', var(--circularBold);
}


/*accordion*/
#updateformModal .content {
    text-align: center;
    clear: both;
}

/* Accordion ================================================== */
.acc {
    margin: 0 auto;
    max-width: 1000px;
    clear: both;
}

.acc__card {
    margin: 2em 0 0;
    clear: both;
    position: relative;
    box-shadow: 0px 0px 7px rgb(0 0 0 / 10%);
}

.acc__title {
    background: #fff;
    box-shadow: 0 0 4px rgb(0 0 0 / 7%);
    color: #3787e4;
    cursor: pointer;
    display: block;
    padding: 1em 2em;
    position: relative;
    text-align: left;
}

.acc__title::after {
    width: 8px;
    height: 8px;
    border-right: 1px solid #3787e4;
    border-bottom: 1px solid #3787e4;
    position: absolute;
    right: 10px;
    content: " ";
    top: 23px;
    transform: rotate(-45deg);
    transition: all 0.2s ease-in-out;
}

.acc__title.active::after {
    transform: rotate(45deg);
    transition: all 0.2s ease-in-out;
}

.acc__panel {
    background: #fff;
    color: #212121;
    display: none;
    margin: 0;
    padding: 2em;
    text-align: left;
}

/* Radio button design*/
#updateformModal input[type="radio"] {
    appearance: none;
}

#updateformModal input[type="radio"]+label {
    cursor: pointer;
    position: relative;
    padding-left: 30px;
    line-height: 20px;
}

#updateformModal input[type="radio"]+label::before {
    content: "";
    display: inline-block;
    width: 20px;
    aspect-ratio: 1;
    border: 1px solid #3787e4;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    opacity: 1;
    transition: all 0.3s;
}

#updateformModal input[type="radio"]+label::after {
    content: "";
    display: inline-block;
    width: 10px;
    aspect-ratio: 1;
    border: 1px solid #3787e4;
    background: #3787e4;
    border-radius: 50%;
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: all 0.3s;
}

#updateformModal input[type="radio"]:checked+label::after {
    opacity: 1;
}

#updateformModal .cardInfoSec .cardInfo {
    max-width: 297px;
    width: auto;
}

#SubscriptionModal .modalHeading.boxs.mb-3 {
    margin-bottom: 1.4rem !important;
}

/* End Radio button design*/

.p-text-left {
    text-align: left;
    color: var(--colorWarmGrey);
}

.p-text-right {
    text-align: right;
    color: var(--colorWarmGrey);
}

.invoice-preview {
    text-align: left;
}

/* start payment method alignment css*/

#updateformModal .acc__card.row {
    padding: 1em 1.2em;
}

#updateformModal .invoice-preview {
    border-bottom: 1px solid rgb(0 0 0 / 7%);
    padding: 0;
    padding-bottom: 15px !important;
    max-width: 97%;
    margin: 0 auto 15px !important;
}

#updateformModal .acc__card.row .p-text-left {
    margin-bottom: 7px;
}

#table-slider .dashSlideCount {
    padding: 0 18px;
}

/* End payment method alignment css*/

/*24-09-2022 start-subscription*/
.payment___signup {
    margin-top: 65px;
}

.login-quotee .writerName {
    min-width: 150px;
    max-width: max-content;
    max-height: initial;
}

#updateformModal .acc__card.row .p-text-right {
    margin-bottom: 7px;
}

/* End payment method alignment css*/

.status_bar {
    text-align: center;
}

.status_bar .upgrade-to-get {
    float: none;
    height: auto;
    line-height: initial;
    border-radius: 10px;
    padding: 3px 7px 2px;
    position: relative;
}

.upgrade_divider {
    text-align: center;
}

.upgrade_divider .upgrade-to-get {
    float: none;
    height: auto;
    line-height: initial;
    border-radius: 10px;
    padding: 3px 7px 2px;
    position: relative;
}

.upgrade_divider .upgrade-to-get:before {
    position: absolute;
    top: 50%;
    content: '';
    left: -33%;
    transform: translate(-50%, -50%);
    height: 1px;
    width: 58%;
    background-color: #ccc;
}

.upgrade_divider .upgrade-to-get:after {
    position: absolute;
    top: 50%;
    content: '';
    right: -92%;
    transform: translate(-50%, -50%);
    height: 1px;
    width: 58%;
    background-color: #ccc;
}
/* 
.cursor-not-allowed {
    cursor: not-allowed !important;
    pointer-events: none;
} */

.cursor-not-allowed {
    cursor: not-allowed !important;
}

/*=========================.my-sourcing-deals.market__insights====================*/
.my-sourcing-deals.market__insights {
    -webkit-filter: blur(2.5px);
    filter: blur(2.5px);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    max-height: 476px;
}

.market__wrapper {
    position: relative;
}

.market__wrapper .market-popup {
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
    background: #3c486e;
    border-radius: 12px;
    box-shadow: 0 2px 19px rgb(30 35 33), 0 5px 3px rgb(30 35 33 / 20%);
    text-align: center;
    max-width: 335px;
    width: 100%;
}

.market__wrapper .market-popup a {
    color: #fff;
    padding: 23px 33px;
    display: inline-block;
}

/*=========================Select 2 css staart====================*/
.overflow-hidden .select2-container {
    width: 100%;
}

.overflow-hidden .select2-container input.select2-search__field {
    padding: 0 9px;
    background: #f1f1f1;
}

.overflow-hidden .select2-container--bootstrap4 .select2-results__option {
    color: #000;
}

.overflow-hidden .select2-container--bootstrap4 .select2-results__option--highlighted,
.select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected="true"] {
    color: #fff;
    background: #3787e3;
}

.overflow-hidden .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
    background-color: #3787e3;
    color: #fff !important;
    border-right: 6px;
}

.overflow-hidden .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff !important;
}

.overflow-hidden .select2-container--bootstrap4 .select2-selection--multiple {
    padding: 7px 4px 3px;
    background: #f1f1f1;
}

.overflow-hidden .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__clear {
    top: 7px !important;
}

.overflow-hidden .select2-container--bootstrap4 .select2-selection--multiple .select2-search__field {
    background: transparent;
}

.overflow-hidden .select2-container--bootstrap4.select2-container--focus .select2-selection {
    box-shadow: none;
}

.overflow-hidden.overflow-x {
    overflow-y: visible !important;
}

/*=========================Select 2 css End====================*/

/* Realla  Property Type*/
.onmktmaplabels .industrialMarker::before {
    background: #ed3833;
}

.onmktmaplabels .officeMarker::before {
    background: #4472c4;
}

.onmktmaplabels .retailMarker::before {
    background: #70ad47;
}

.onmktmaplabels .hospitalityMarker::before {
    background: #43b0f0;
}

.onmktmaplabels .landMarker::before {
    background: #7030a0;
}

.onmktmaplabels .flexMarker::before {
    background: #fef851;
}

.onmktmaplabels .servicedOfficeMarker::before {
    background: #c55b2c;
}

.onmktmaplabels .specialtyMarker::before {
    background: #ffad00;
}

.onmktmaplabels .healthcareMarker::before {
    background: #ff6d10;
}

.onmktmaplabels .multipleMarker::before {
    background: #a1ff73;
}

.onmktmaplabels .leisureMarker::before {
    background: #ff73f9;
}

/*details--property*/

.details--property .propDetailBox {
    flex-wrap: wrap;
}

.details--property .propImageBox {
    margin-right: 0;
    width: 100%;
}

.details--property .propImageBox .propImageSliders {
    width: 100%;
}

.demo-section .video-section img {
    width: 100%;
    border-radius: 8px;
}

.custom_slid .upBtn_upgrad .upgrade-to-get {
    width: auto;
    padding-top: 4px;
}

.comparables-tiles-1 {
    float: left;
    padding-top: 8px;
}

.comparables-tiles-3 {
    float: left;
    padding-left: 8px;
    padding-top: 8px;
}

.comparables-tiles-2 {
    float: left;
    padding-left: 8px;
    padding-top: 8px;
}

.comparable-title {
    border-bottom: 3px solid #000;
    /* padding-bottom: 6px; */
}

.comparable-title-div {
    padding-bottom: 10px;
}

.couponBtn.btnStyle7 {
    padding: 10px 24px;
}

.couponBtn {
    font-size: 12px;
    line-height: 18px;
    font-family: var(--circularMedium);
    color: var(--colorWhite);
    background: #e36f6f;
    display: inline-block;
    padding: 17px 54px;
    border-radius: 10px;
    text-transform: uppercase;
    border: 1px solid #e36f6f;
    cursor: pointer;
    text-align: center;
}

.couponBtn:hover,
.couponBtn:focus {
    color: #e36f6f;
    /* background: var(--colorWhite); */
    background-color: var(--colorWhite);
    border-color: #e36f6f;
}


/*custom-comparable*/
.av-Carddesigns {
    display: flex;
    align-items: center;
    text-align: left;
    border-bottom: 1px solid #ccc;
}

.av-Carddesigns:last-child {
    border-bottom: none;
}

.av-Carddesigns .tile-text-color-grey {
    width: 50%;
    text-align: left !important;
    padding-left: 20px;
    font-size: 20px;
}

.av-Carddesigns .pfPropValues2 {
    width: 50%;
    text-align: right !important;
    padding-right: 20px;
}

.av-Carddesigns .pfPropValues2 p {
    text-align: right !important;
}

.av-Carddesigns .pfPropValues2 p a {
    font-size: 24px;
}

.custom-comparable .cardInnerBox {
    justify-content: initial;
}

.custom-comparable .cardInnerBox .newCardDesigns {
    height: initial !important;
}

.comparable-av-tite {
    padding-left: 26px;
}

.htstart.btnStyle7 {
    padding: 2px 6px;
    margin-right: 26px;
}

.htstart {
    font-size: 12px;
    line-height: 18px;
    font-family: var(--circularMedium);
    color: var(--colorWhite);
    background: #24bc6f;
    display: inline-block;
    padding: 17px 54px;
    border-radius: 10px;
    text-transform: uppercase;
    border: 1px solid #24bc6f;
    cursor: pointer;
    text-align: center;
}

.htstart:hover,
.htstart:focus {
    color: #24bc6f;
    /* background: var(--colorWhite); */
    background-color: var(--colorWhite);
    border-color: #24bc6f;
}

.compliance-detail-box {
    padding-left: 100px;
}

.item p {
    display: inline-block;
}

.leftContent {
    text-align: left;
    width: 60%;
}

.rightContent {
    text-align: left;
    width: 20%
}

.trading-delete {
    border: 1px solid #d82724;
    border-radius: 50px;
    text-align: center;
}

.vs-section.newCardDesigns.mt-1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: white;
    padding: 4px 0px 0px;
}

.vs-section.newCardDesigns.mt-1 p {
    width: 40%;
    text-align: right;
}

.vs-section.newCardDesigns.mt-1 sub.textWarmGrey {
    width: 10%;
    text-align: center;
    position: relative;
    top: -7px;
}

.vs-section.newCardDesigns.mt-1 p span {
    width: 100%;
    display: block;
    font-weight: 300;
    font-size: 10px;
    color: #999;
}

.vs-section.newCardDesigns.mt-1 p:last-child {
    width: 43%;
    text-align: left;
}

.color-tooltip>.tooltip-inner {
    border: 1px solid;
    padding: 10px;
    max-width: 100%;
    box-shadow: 0px 0px 4px black;
    color: #0d6efd;
    text-align: left;
    background: var(--colorWhite);
    font-weight: 600;
    opacity: 1.0;
    filter: alpha(opacity=100);
}

.color-tooltip>.tooltip-arrow {
    border-bottom-color: black;
}

.color-tooltip.in {
    opacity: 1 !important;
}


/*Inspection Form css*/
#details span.addNewTasks {
    margin-left: 10px;
}

.mobile-first-custom .accordion-button:focus {
    box-shadow: none;
}

.mobile-first-custom .radio input[type=radio]+.radio-label:before {
    top: 0;
}

.mobile-first-custom .radio input[type=radio]:checked+.radio-label:after {
    top: 1px;
}

.mobile-first-custom input[type="radio"] {
    display: none;
}

.radio-btn label {
    text-transform: capitalize;
    cursor: pointer;
    position: relative;
    padding: 5px 0px 5px 30px;
}

.radio-btn label:before {
    content: "";
    position: absolute;
    width: 22px;
    height: 22px;
    background-color: transparent;
    border: 1px solid #3787e3;
    border-radius: 50%;
    top: 50%;
    left: 0rem;
    transform: translateY(-50%);
    transition: border-color 400ms ease;
}

.radio-btn label:after {
    content: "";
    position: absolute;
    width: 22px;
    height: 22px;
    background-color: #3787e3;
    border: 1px solid #3787e3;
    border-radius: 50%;
    top: 50%;
    left: 0rem;
    transform: translateY(-50%) scale(0);
    transition: transform 400ms ease;
}

.radio-btn input[type='radio']:checked+label:after {
    background-color: #3787e3;
    transform: translateY(-50%) scale(0.55);
}

.mobile-first-custom .accordion-header {
    position: relative;
}

/*.accordion-button.collapsed .cards{
    display: none;  
    }*/
button.accordion-button .cards {
    display: inline-block;
    position: absolute;
    right: 90px;
    top: 50%;
    transform: translateY(-50%);
}

.cards .percent {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cards svg {
    position: relative;
    width: 50px;
    height: 50px;
    transform: rotate(-90deg);
    width: 55px;
    height: 55px;
}

.cards svg circle {
    width: 100%;
    height: 100%;
    fill: none;
    stroke: #d5d5d5;
    stroke-width: 4px;
    stroke-linecap: round;
}

.cards svg circle:last-of-type {
    stroke-dasharray: 123px;
    stroke-dashoffset: calc(123px - (123px * var(--percent)) / 100);
    stroke: #3498db;
}
.accordion-flush .accordion-item .accordion-button{
    min-height: 55px;
}

.cards .number {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.cards .number h3 {
    font-weight: 200;
    font-size: 12px;
    min-width: max-content;
    min-width: -webkit-max-content;
}

.cards .number h3 span {
    font-size: 10px;
}

.regions {
    padding-left: 24px;
}

.custom-user-area.custom-area-active .dashCardBox tr td .priceFlowFlip,
.areaInsightsSection.custom-area-active .dashCardBox tbody tr td .priceFlowFlip .priceDown {
    background-color: #f4f7fa;
}

.areaInsightsSection.custom-area-active .dashCardBox tbody tr td .priceUp {
    background-color: #f4f7fa;
}

.heatMapLable {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.heatMapLable span {
    margin-top: 10px;
    display: flex;
    align-items: center;
    margin-right: 20px;
}

.heatMapLable span::before {
    content: "";
    width: 45px;
    height: 20px;
    margin-right: 7px;
    border-radius: 5px;
    border: 1px solid #000;
}

.heatMapLable .marker_0_20::before {
    background: #4ea8e7;
}

.heatMapLable .marker_21_40::before {
    background: #67c39c;
}

.heatMapLable .marker_41_60::before {
    background: #90dd45;
}

.heatMapLable .marker_61_80::before {
    background: #e3dc4d;
}

.heatMapLable .marker_81_100::before {
    background: #e44e5f;
}



/*Start heat-map css*/
.ourter-filter-wrapper {
    position: relative;
    clear: both;
}

.ourter-filter-wrapper .ourter__house-wraper {
    width: 100%;
}

.ourter-wrapper {
    width: 100%;
    clear: both;
    position: absolute;
    top: 122px;
    z-index: 9;
    transition: all 300ms ease 0s;
    overflow-y: hidden;
    max-height: 0;
    box-sizing: border-box;
}

.ourter-wrapper.toggle-slider {
    max-height: 800px;

}



.ourter-wrapper input[type="checkbox"] {
    display: none;
}

.ourter__house-wraper label span,
.clear_filter a,
.ourter__type_bed li label {
    /* padding: 10px 0px; */
    color: var(--colorPrim);
    font-size: 14px;
    cursor: pointer;
    /* font-family: var(--circularBold); */
}

.price-range>span {
    color: var(--colorPrim);
    font-size: 14px;
    font-family: var(--circularBold);
}

/* .ourter__house-wraper .option_value:before{
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border:2px solid #525352;
    box-shadow: 0 1px 2px rgb(0 0 0 / 5%), inset 0px -15px 10px -12px rgb(0 0 0 / 5%);
    padding: 8px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right:2px;
    border-radius: 2px;
    margin-left: -30px;
}
.ourter__house-wraper input[type="checkbox"]:checked+.option_value:after{
    content: '';
    display: block;
    position: absolute;
    top:12px;
    left:6.7px;
    width: 7px;
    height: 14px;
    border: solid #009e35;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
} */
.ourter__count {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

.ourter__count span {
    display: inline-block;
    color: #3a88fe;
    font-size: 14px;
    font-weight: 500;
    margin: 0 5px;
}

.ourter__count li {
    position: relative;
}

.ourter__count li:before {
    position: absolute;
    content: '';
    left: 0;
    width: 1px;
    height: 50%;
    background: #0062f7;
    display: inline-block;
    transform: translate(-50%, -50%);
    top: 50%;
}

.ourter__type_bed li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.ourter__type_bed li label {
    display: block;
    padding-left: 30px;
}

.ourter__inner_wrapper {
    width: 100%;
    margin-bottom: 10px;
}

.clear_filter {
    width: 100%;
}

.ourter__bed-count {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}

.ourter__bed-type {
    padding-left: 22px;
}



/*Start update heat page with new desgin*/


.filter-type {
    clear: both;
    width: 100%;
    text-align: center;
}

.filter-type a {
    background: #eef3f4;
    min-width: auto;
    width: 100%;
    border: 1px solid var(--colorBlue);
}

.property-type .btnStyle.squareBtn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 9px;

}

.property-count a:hover {
    background: #eef3f4;
    color: var(--colorBlue);
}

.property-count .btnStyle {
    padding: 15px 8px;
}

.property-count .prop-count {
    color: #000;
}

.property-type .feather {
    color: #000;
    margin-right: 8px;
}

.property-type .btnStyle.squareBtn:hover .btn-flter {
    background: #fff;
    color: var(--colorBlue);
}

.ourter-wrapper label {
    cursor: pointer;
    position: relative;
    padding: 0px 0px 3px;
    display: inline-block;
}

.ourter-wrapper .sellerRadio .option_value:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #525352;
    box-shadow: 0 1px 2px rgb(0 0 0 / 5%), inset 0px -15px 10px -12px rgb(0 0 0 / 5%);
    padding: 8px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 8px;
    border-radius: 2px;
    margin-left: -30px;
}

.ourter-wrapper .sellerRadio input[type='radio']:checked+.option_value:after {
    content: '';
    display: block;
    position: absolute;
    top: 12px;
    left: 6.7px;
    width: 7px;
    height: 14px;
    border: solid #009e35;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.ourter-wrapper .form-control {
    display: none;
}

.ourter-wrapper .sellerRadio {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.ourter-wrapper .sellerRadio .Sale-listing,
.ourter-wrapper .sellerRadio .rental-listing {
    width: 50%;
}

.ourter__house-wraper {
    background: rgb(255 255 255 / 96%);
    padding: 40px 25px;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 100%;
}

.ourter__house-wraper li {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ccc;
}

.ourter__house-wraper li:last-child {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}


.price-range {
    background: #fff;
    border-radius: 10px;
    padding: 20px 25px 40px;
    /*box-shadow: 0 12px 35px rgba(0,0,0,0.1);*/
    width: 100%;
}

.price-range .price-input {
    width: 100%;
    display: flex;
    margin: 30px 0 35px;
}

.price-range .price-input .field {
    display: flex;
    width: 100%;
    height: 45px;
    align-items: center;
}

.price-range .field input {
    width: 100%;
    height: 100%;
    outline: none;
    font-size: 19px;
    margin-left: 12px;
    border-radius: 5px;
    text-align: center;
    border: 1px solid #999;
    -moz-appearance: textfield;
}

.price-range input[type="number"]::-webkit-outer-spin-button,
.price-range input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.price-range .price-input .separator {
    width: 130px;
    display: flex;
    font-size: 19px;
    align-items: center;
    justify-content: center;
}

.price-range .sliders {
    height: 5px;
    position: relative;
    background: #ddd;
    border-radius: 5px;
}

.price-range .sliders .progress-bar {
    height: 100%;
    left: 25%;
    right: 25%;
    position: absolute;
    border-radius: 5px;
    background: #3787e3;
}

.price-range .range-input {
    position: relative;
}

.price-range .range-input input {
    position: absolute;
    width: 100%;
    height: 5px;
    top: -5px;
    background: none;
    pointer-events: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.price-range input[type="range"]::-webkit-slider-thumb {
    height: 17px;
    width: 17px;
    border-radius: 50%;
    background: #3787e3;
    pointer-events: auto;
    -webkit-appearance: none;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}

.price-range input[type="range"]::-moz-range-thumb {
    height: 17px;
    width: 17px;
    border: none;
    border-radius: 50%;
    background: #3787e3;
    pointer-events: auto;
    -moz-appearance: none;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}

.close-slide {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    position: absolute;
    right: 15px;
    top: 15px;
    border: 1px solid #000;
}

.clear-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

.clear-filter {
    margin-right: 20px;
}

.apply-filter {
    margin-left: 20px;
}

.filter-clen {
    display: inline-block;
    background-color: transparent;
    padding: 13px 29.5px;
    font-size: 14px;
    line-height: 14px;
    border: 1px solid var(--colorBlue);
    border-radius: 40px;
    color: #79797a;
}

.heatMapLable span::before {
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

.direction-arrow span::before {
    margin: 0;
    width: 100%;
    height: 6px;
    border-radius: 0;
    border: none;
}

.direction-arrow {
    flex-wrap: nowrap;
    position: relative;
}

.direction-arrow span {
    width: 100%;
    margin: 0;
}

.direction-arrow span.marker_81_100 {
    width: 68%;
}

.direction-arrow:after {
    position: absolute;
    right: 0px;
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    transform: rotate(135deg);
    border-top: 4px solid #e44e5f;
    border-left: 4px solid #e44e5f;
    top: -4px;
}

.heatLayer-lower {
    display: flex;
    justify-content: space-between;
    align-self: center;
}

.heatLayer-lower .lower-price {
    font-size: 14px;
}

/*End update heat page with new desgin*/




@media (min-width:992px) {
    .ourter-wrapper {
        width: 73.7%;
        top: 56px;
        right: 0px;
        align-items: flex-start;
        justify-content: space-between;
    }

    .ourter-wrapper.toggle-slider {
        display: flex;

    }

    .ourter__count {
        width: 49%;
        justify-content: flex-start;
    }

    .ourter__count span,
    .ourter__house-wraper label span,
    .clear_filter a {
        font-size: 15px;
    }

    .price-range>span {
        font-size: 15px;
    }

    .ourter__count span {
        margin: 0 6px;
    }

    /*Start update heat page with new desgin*/

    .filter-heat .propertryListsTabs .nav-item,
    .filter-type .property-type {
        width: 63.4%;
    }

    .filter-heat .propertryListsTabs .nav-item:last-child,
    .filter-type .property-count {
        width: 35%;
    }

    .filter-type {
        display: flex;
    }

    .filter-type .property-count {
        margin-right: 12px;
    }


    /*End update heat page with new desgin*/





}

@media (min-width:1200px) {
    /*Start update heat page with new desgin*/

    .filter-heat .propertryListsTabs .nav-item,
    .filter-type .property-type {
        width: 73.8%;
    }

    .filter-heat .propertryListsTabs .nav-item:last-child,
    .filter-type .property-count {
        width: 25%;
    }

    .filter-type .btn-flter {
        padding: 10px 25px;
    }

    /*End update heat page with new desgin*/

}


/*End heat-map css*/


/* Slider */

.range-slider {
    position: relative;
    width: 80%;
    height: 35px;
    text-align: center;
}

.range-slider input {
    pointer-events: none;
    position: absolute;
    overflow: hidden;
    left: 0;
    top: 15px;
    width: 100%;
    outline: none;
    height: 18px;
    margin: 0;
    padding: 0;
}

.range-slider input::-webkit-slider-thumb {
    pointer-events: all;
    position: relative;
    z-index: 1;
    outline: 0;
}

.range-slider input::-moz-range-thumb {
    pointer-events: all;
    position: relative;
    z-index: 10;
    -moz-appearance: none;
    width: 9px;
}

.range-slider input::-moz-range-track {
    position: relative;
    z-index: -1;
    background-color: rgba(0, 0, 0, 1);
    border: 0;
}

.range-slider input:last-of-type::-moz-range-track {
    -moz-appearance: none;
    background: none transparent;
    border: 0;
}

.range-slider input[type=range]::-moz-focus-outer {
    border: 0;
}

.rangeValue {
    width: 30px;
}

.output {
    position: absolute;
    border: 1px solid #3787e3;
    width: 90px;
    height: 30px;
    text-align: center;
    color: #3787e3;
    border-radius: 4px;
    display: inline-block;
    font: bold 15px/30px Helvetica, Arial;
    bottom: 75%;
    left: 50%;
    transform: translate(-50%, 0);
}

.output.outputTwo {
    left: 100%;
}

input[type=range] {
    -webkit-appearance: none;
    background: none;
}

input[type=range]::-webkit-slider-runnable-track {
    height: 5px;
    border: none;
    border-radius: 3px;
    background: transparent;
}

input[type=range]::-ms-track {
    height: 5px;
    background: transparent;
    border: none;
    border-radius: 3px;
}

input[type=range]::-moz-range-track {
    height: 5px;
    background: transparent;
    border: none;
    border-radius: 3px;
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #555;
    margin-top: -5px;
    position: relative;
    z-index: 10000;
}

input[type=range]::-ms-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #555;
    margin-top: -5px;
    position: relative;
    z-index: 10000;
}

input[type=range]::-moz-range-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #555;
    margin-top: -5px;
    position: relative;
    z-index: 10000;
}

input[type=range]:focus {
    outline: none;
}

.full-range,
.incl-range {
    width: 100%;
    height: 5px;
    left: 0;
    top: 21px;
    position: absolute;
    background: #DDD;
}

.incl-range {
    background: #3787e3;
}

.dashboard-residential-filter {
    border-right: 1px solid #ccc;
}

.no-css {
    all: none;
}

/* ----------New-------- */
.savedFilterBox {
    display: flex;
    align-items: center;
    margin-bottom: 7px;
    display: block
}

.savedFilterSec:last-child .savedFilterBox {
    margin-bottom: 0px;
}

/* ---------Heatmap----------- */
.propertyTypeFilter.transparentBlueBtn:hover {
    background: initial;
    color: var(--colorBlue);
}

.propertyTypeFilter .btnStyle {
    background: transparent;
    color: var(--colorBlue);
}

.property-type .propertyTypeFilter.btnStyle.squareBtn:hover .btn-flter {
    background: var(--colorBlue);
    color: var(--colorWhite);
}

.newBtnStyle {
    border-radius: 4px;
    font-size: 14px;
    line-height: 16px;
    font-family: var(--circularRegular);
    color: var(--colorPrim);
    border-radius: 4px;
    border: 1px solid var(--colorPrim);
    padding: 8px 15px;
    background: transparent;
    text-transform: capitalize;
}

/* .newBtnStyle:hover,
.alertsLinkOption.alertsLinkOption2 {
    background: var(--colorPrim);
    color: var(--colorWhite);
} */

.alertsLinkOption {
    display: flex;
    align-items: center;
}

.alertsCount {
    height: 20px;
    width: 20px;
    font-size: 12px;
    border-radius: 50%;
    background: var(--colorRed);
    color: var(--colorWhite);
    margin-right: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* animation: blinkMe 2s linear infinite; */
}

.alertsCount.alertsCount2 {
    margin-left: 5px;
    margin-right: 0;
    background: transparent;
    border: 1px solid var(--colorWarmGrey2);
    color: var(--colorWarmGrey)
}

.propertyDetailTabs.propertyDetailTabs2 .nav-tabs .nav-link.active .alertsCount2 {
    background: var(--colorRed);
    color: var(--colorWhite);
    border: 1px solid var(--colorRed);
}

.headerLinkOption {
    margin-right: 20px;
}



.alertsAsideBox {
    position: fixed;
    width: 400px;
    height: calc(100vh - 64px);
    background: var(--colorWhite);
    z-index: 112;
    z-index: 9999999991;
    z-index: 999999;
    top: 64px;
    right: 0;
    border-top: 1px solid var(--colorWarmGrey2);
    /* display: none; */
    transition: all 0.5s ease;
    opacity: 0;
    visibility: hidden;
}

.alertsAsideBox.alertsAsideBox2 {
    /* display: block; */
    transition: all 0.5s ease;
    opacity: 1;
    visibility: visible;
}

.alertsAsideChild {
    padding: 8px 15px 25px;
    height: 100%;
    background: var(--colorWhite);
}

.alertsAsideTop {
    margin-bottom: 10px;
}

.alertAsideCloseLink {
    font-size: 24px;
    color: var(--colorWarmGrey2);
}

.alertAsideClose {
    display: inline-block;
}

.alertsAsideBottom {
    height: 100%;
}

.sidebarOverlay {
    position: fixed;
    height: 100vh;
    width: 100vw;
    background: rgba(0, 0, 0, 0.4);
    left: 0;
    right: 0;
    z-index: -1;
    top: 64px;
}

.propertyDetailTabs.propertyDetailTabs2 .nav-tabs .nav-link.active {
    background: #cccccc85;
}

.propertyDetailTabs.propertyDetailTabs2 .nav-tabs .nav-link {
    font-size: 14px;
    width: 100%;
    padding: 5px 5px;
    border-radius: 0px;
}

.propertyDetailTabs.propertyDetailTabs2 .nav-tabs .nav-item {
    width: 33.3%;
}

.alertItemsTop {
    display: flex;
    justify-content: space-between;
    margin-bottom: 7px;
}

.alertsListsItems {
    padding: 10px 10px;
    border: 1px solid #cbcbcb;
    border-radius: 4px;
}

.lightFontSec {
    opacity: 0.5;
}

.alertItemsTopRight {
    padding-right: 15px;
}

.alertItemsTopleft h4 {
    margin-bottom: 4px;
}

.alertItemsBottom .alertActionItem {
    font-size: 12px;
    margin-right: 1px;
}

.alertActionItem .quoteListItems {
    padding: 5px 5px;
    border-radius: 4px;
    background: transparent;
    border: 1px solid var(--colorPrim);
}

.alertActionItem .quoteListItems:hover {
    background: var(--colorPrim);
    color: var(--colorWhite);
}

.alertItemsBottom .alertActionItem:last-child {
    margin-right: 0;
}

.alertItemsBottom .alertActionItem a {
    display: inline-block;
    float: left;
}

.alertItemsBottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.deleteAletrItem {
    color: var(--colorWarmGrey2);
}

.deleteAletrItem:hover,
.alertAsideCloseLink:hover {
    color: var(--colorRed);
}

.alertsListsBoxs {
    margin-top: 10px;
    height: auto;
    max-height: calc(100vh - 174px);
    max-height: calc(100vh - 210px);
}

.alertsListsItems {
    margin-bottom: 5px;
}

.alertsListsItems:hover {
    background: rgba(0, 0, 0, .03);
}

.propertyDetailTabs.propertyDetailTabs2 .nav-tabs {
    border-bottom: 1px solid #cccccc85;
}

.expireDaysCount {
    font-family: var(--circularMedium);
    color: var(--colorPrim);
}

.noObligationQuoteModal {
    background: rgba(0, 0, 0, 0.5);
}

/* .noObligationQuoteModal.modal{
    z-index: 9999999999;
} */

.modalDesignUpdate .modal-dialog {
    max-width: 1000px;
}

.noObligationQuoteModal .modal-body {
    padding: 0 30px 30px;
}

.modalDesignUpdate .modal-content {
    background: var(--colorPrimBg);
}

.newQuoteModalBody {
    margin-top: 20px;
}

.formDetailsSection {
    padding: 25px 25px 0px;
    border: 1px solid #dbdbdb;
    margin-bottom: 30px;
    border-radius: 12px;
    background: var(--colorWhite);
}

.formDetailsCildInner:not(:last-child) {
    margin-bottom: 30px;
}

.customCheckBox label {
    cursor: pointer;
}

.customCheckBox.userConsentBox {
    /* text-align: center; */
}

.propertyDetailTabs.propertyDetailTabs3 {
    margin-bottom: 10px;
    margin-top: 5px;
}

.propertyDetailTabs.propertyDetailTabs3 .nav-tabs .nav-item {
    width: 50%;
}

.propertyDetailTabs.propertyDetailTabs3 .nav-tabs .nav-link {
    height: 100%;
}

.flowViewSec {
    /* flex-wrap: wrap; */
}

.flowViewSecChild {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.flowViewSecChild span {
    margin: 3px 0px;
}

.flowViewSecChild span:first-child {
    margin-top: 0;
}

.flowViewSecChild span:last-child {
    margin-bottom: 0;
}

.areaInsightsSection.areaInsightsSectionNew .dashCardBox tbody tr td .priceFlowBox {
    min-height: 40px;
    padding: 6px 5px;
    background-color: #f4f7fa;
}

.areaCardCont.areaCardContNew {
    margin-bottom: 0;
    height: 100%;
    padding-bottom: 10px;
    background: var(--colorWhite);
    border-radius: 4px;
}

.marketInsightCardRow {
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
}

.marketInsightCardRow .insight-tiles-2 {
    padding-bottom: 15px;
}

.areaCardContNew .priceFlowBox .flowIcon {
    width: 10px;
}

.areaCardContNew .priceFlowBox .flowIcon.flowIconUnset {
    width: 0;
}

.areaInsightsSection .cardTableDesignNew .dashCardBox tbody tr td.priceFlow {
    width: 22%;
}


/* --------------- */
.rangeValueSec {
    /* padding-top: 100px; */
}

.rangeValueSec,
.rangeValueSec input,
.rangeValueSec input:focus {
    width: 40px;
    background: var(--colorPrim);
    color: var(--colorWhite);
    text-align: center;
    height: 40px;
    border: 1px solid var(--colorPrim);
    border-radius: 50%;
    outline: none;
    box-shadow: none;
}

.rangeSliderChild {
    position: relative;
}

.rangeMiddleSec {
    padding: 30px 40px;
}

.multi-range-slider {
    position: relative;
}

.rangeValueSec {
    position: absolute;
    top: -15px;
}

.rangeValueSec.leftValue {
    left: -40px;
}

.rangeValueSec.rightValue {
    right: -40px;
}

.sliderRange {
    position: relative;
    z-index: 1;
    height: 10px;
    margin: 0 15px;
}

.sliderRange>.track {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 5px;
    background-color: #c6aee7;
}

.sliderRange>.range {
    position: absolute;
    z-index: 2;
    left: 25%;
    right: 25%;
    top: 0;
    bottom: 0;
    border-radius: 5px;
    background-color: var(--colorPrim);
}

.sliderRange>.thumb {
    position: absolute;
    z-index: 3;
    width: 20px;
    height: 20px;
    background-color: var(--colorPrim);
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(98, 0, 238, .1);
    transition: box-shadow .3s ease-in-out;
}

.sliderRange>.thumb.left {
    left: 25%;
    transform: translate(-10px, -5px);
}

.sliderRange>.thumb.right {
    right: 25%;
    transform: translate(10px, -5px);
}

.sliderRange>.thumb.hover {
    box-shadow: 0 0 0 20px rgba(98, 0, 238, .1);
}

.sliderRange>.thumb.active {
    box-shadow: 0 0 0 40px rgba(98, 0, 238, .2);
}

.multi-range-slider input[type=range] {
    position: absolute;
    pointer-events: none;
    -webkit-appearance: none;
    z-index: 2;
    height: 8px;
    width: 100%;
    opacity: 0;
}

.multi-range-slider input[type=range]::-webkit-slider-thumb {
    pointer-events: all;
    width: 20px;
    height: 20px;
    border-radius: 0;
    border: 0 none;
    background-color: var(--colorPrim);
    -webkit-appearance: none;
}

/* ToolTip classses */
.tooltip {
    display: inline-block;
}

.tooltip .tooltiptext {
    margin-left: 9px;
    width: 320px;
    visibility: hidden;
    background-color: #FFF;
    border-radius: 4px;
    border: 1px solid #aeaeae;
    position: absolute;
    z-index: 1;
    padding: 5px;
    margin-top: -15px;
    opacity: 0;
    transition: opacity 0.5s;
}

.tooltip .tooltiptext::after {
    content: " ";
    position: absolute;
    top: 5%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #aeaeae transparent transparent;
}


.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.btnStyle.btnStyle6 {
    font-size: 10px;
    padding: 2px 12px;
}

.dottet-line-refurb {
    border-bottom: 1px dotted grey;
}

/* ---------------- */
.propDefaultsBtmChild {
    padding-right: 5px;
    overflow-y: auto;
    max-height: calc(100vh - 476px);
}

.customScroll::-webkit-scrollbar {
    width: 3px;
}

/* Track */
.customScroll::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.customScroll::-webkit-scrollbar-thumb {
    background: #888;
}


/* ----------New Changes------------ */

.analysePropertyView .propertyDetailTabs .nav-tabs .nav-link {
    text-align: center;
}

.inspectionFormBtn.accordion-button {
    padding-right: 110px;
}

.inspectionFormBtn.accordion-button .cards {
    right: 50px;
}

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

.webViewIcons {
    display: inline;
}

.mobViewIcons {
    display: none;
}

.breakText {
    word-break: break-word;
}

.filtersListsParent .savedFilterBox {
    align-items: flex-start;
}

.filtersListItems li.filtersLists {
    margin: 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.filtersListItems {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    grid-template-columns: auto auto auto auto auto;
    column-gap: 10px;
    row-gap: 10px;
}

.filtersListItems li {
    width: 24%;
}

.filtersListsTitle {
    min-width: 135px;
    margin-bottom: 15px;
}

.filtersListItems li button {
    text-align: inherit;
}

.filtersListItems .deleteusersearch {
    min-width: 23px;
}

.filtersListsParent {
    border-right: none;
}


.filtersListItems li {
    padding: 0px;
}

.filtersListItems li .filterItemLink {
    width: 100%;
    padding: 10px;
    padding-right: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
}

.filtersListItems li .filterItem {
    position: relative;
    /* z-index: 0; */
}

.filtersListItems li .deleteusersearch {
    position: absolute;
    right: 10px;
    z-index: 9;
    top: 25%;
    color: var(--colorRed);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
}

.filtersListItems li .deleteusersearch:hover {
    background: var(--colorRed);
    color: var(--colorWhite);
}

.filtersListItems li.noFiltersTile {
    width: fit-content;
}

.noFiltersTile a {
    padding: 10px;
    display: inline-block;
}

.noFiltersTile a:hover {
    cursor: default;
    color: inherit;
}

.filtersListsParent {
    margin-bottom: 30px;
}

.showHideFilters {
    margin-top: 20px;
    text-align: center;
}

.filtersListItems li.filtersLists {
    display: none;
    transition: all 0.3s ease;
}

.zooplaListedProp {
    position: relative;
}

.zooplaListedTag {
    padding: 5px 5px 2px;
    background: var(--colorPrimBg);
    position: absolute;
    right: 5px;
    bottom: 5px;
    border-radius: 2px;
    color: var(--colorPrim);
}

.zooplaListedTag {
    /* padding: 5px 5px 2px; */
    /* background: var(--colorPrimBg); */
    background: #ffffff00;
    position: absolute;
    right: 5px;
    bottom: 5px;
    /* border-radius: 10px; */
    color: var(--colorPrim);
    height: 45px;
    width: auto;
}

.zooplaListedTag.fixedZooplaTag {
    right: initial;
    left: 5px;
}

.filtersBtn {
    font-size: 11px;
    line-height: 11px;
    padding: 5px 10px;
}

/* .propDetLinkBox .onHoverZooplaTag{
    opacity: 0;
}
.propDetLinkBox:hover .onHoverZooplaTag{
    opacity: 1;
} */

.propPicNew {
    position: relative;
}

.propPicNew .analyserIcon {
    position: absolute;
    top: 5px;
    right: 5px;
    height: 35px;
    width: 35px;
}

/* ----------- */
.propImageCard {
    position: relative;
}

.propImageCard .vendorTag {
    z-index: 9;
    position: absolute;
    display: flex;
    flex-direction: column;
    left: 12px;
    top: 4px;
}

.propImageCard .vendorTag span {
    background-image: none;
    /* background: var(--colorPrim); */
    width: fit-content;
    text-align: left;
    min-width: auto;
    padding: 0px 7px 0px 7px;
    margin-bottom: 2px;
    position: relative;
    border-radius: 5px;
    font-size: 12px;
}

.propImageCard .propDetLinkBox,
.propImageCard .propDetLinkBox .propDetLink,
.propImageCard .propDetLinkBox .propertyPics {
    height: 100%;
}

.propertyPostCodes {
    /* font-family: ; */
}

.zooplaListedTag {
    padding: 2px;
}

.zooplaListedTag,
.zooplaListedTag img {
    height: 22px;
    background: #ffffff;
    border-radius: 3px;
}

.zooplaListedTag img {
    object-fit: contain !important;
    width: auto !important;
}

.dealAnalyserImageCardNew {
    position: relative;
}

.addDealAnalyserNew {
    position: absolute;
    top: 0;
    right: 0;
    height: 35px;
}

.propDetLinkBox .addDealAnalyser {
    right: 5px;
    top: 5px;
}

.viewsCountView {
    position: absolute;
    bottom: 25px;
    left: 5px;
    height: 16px;
    width: auto;
    padding: 0px 2px;
    border-radius: 3px;
    background: #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000000;
    padding-top: 0px;
}

.viewsCountView i {
    color: white;
    font-size: 14px;
}

.viewsCountIcon {
    margin-right: 3px;
}

.viewsCountView .viewsCounter {
    font-size: 12px;
    color: white;
}


.assetsCountsView {
    position: absolute;
    bottom: 5px;
    left: 5px;
    height: 16px;
    width: auto;
    padding-top: 0px;
    display: flex;
}

.assetsCountsView .assetsCountsViewBox {
    background: var(--colorWhite);
    color: var(--colorBlack);
    padding: 0px 2px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
}

.assetsCountsViewBox {
    font-size: 12px;
}

.assetsCountsViewBox i {
    font-size: 12px;
}

.assetsCountsView .viewsCounteIcon {
    height: 16px;
    width: 16px;
}

.filteredPostCode {
    display: flex;
    flex-direction: column;
}


.propImageCard .vendorTag span.needingRefurbishmentResult {
    background: #008080;
}

.propImageCard .vendorTag span.cashOnlyResult {
    background: #a366a3;
}

.propImageCard .vendorTag span.quickerSaleResult {
    background: #ff9900;
}

.propImageCard .vendorTag span.auctionResult {
    background: #cc3300;
}

.propImageCard .vendorTag span.multiUnitBlogResult {
    background: #cf91e2;
}

.propImageCard .vendorTag span.reposessionResult {
    background: #794044;
}

.propImageCard .vendorTag span.potentialDevelopmentResult {
    background: #4dbbcd;
}

.propImageCard .vendorTag span.priceReducesResult {
    background: #32a832;
}

.propImageCard .vendorTag span.newBuildResult {
    background: #6897bb;
}

.propImageCard .vendorTag span.hmoResult {
    background: #66cdaa;
}

.propImageCard .vendorTag span.nearSchoolsResult {
    background: #ff6666;
}
.propImageCard .vendorTag span.backOnTheMarket {
    background: #b62a0d;
}

.propImageCard .vendorTag span.tenantedResult {
    background: #0000ff;
}

.propImageCard .vendorTag span.planningGainResult {
    background: #0a75ad;
}

.propImageCard .vendorTag span.chainFreeResult {
    background: #8c198c;
}

.propImageCard .vendorTag span.landResult {
    background: #00b258;
}

.propImageCard .vendorTag span.farmResult {
    background: #808000;
}

.propImageCard .vendorTag span.commercialResult {
    background: #993232;
}

.propImageCard .vendorTag span.HolidayShortResult {
    background: #800040;
}

.propImageCard .vendorTag span.soldstcResult {
    background: black;
}

.propImageCard .vendorTag span.letAgreedResult {
    background: black;
}

.discountSection {
    border-top: 1px solid #c8c9ca;
    border-bottom: 1px solid #c8c9ca;

    margin: 5px 0;
}

.discountCodeBox {
    padding: 5px 0 2px;
}

.enterDiscountCode,
.addedDiscountBox {
    padding: 5px 0;
}

.discountCodeBox span a {
    color: var(--colorPrim);
    text-transform: uppercase;
}

.discountCodeBox span a:hover {
    color: blue;
}

.couponBtnNew {
    padding: 8px 15px;
    background: var(--colorGreen);
    border-color: var(--colorGreen);
}

.couponBtnNew:hover {
    border-color: var(--colorGreen);
    color: var(--colorGreen);
}

.removeCodeItem {
    min-width: max-content;
}

.removeCodeLink {
    color: var(--colorRed1);
    min-width: max-content;
    font-size: 90%;
}

.removeCodeLink:hover {
    color: var(--colorRed);
}

.addedCodeName,
.addedCodeAmount {
    color: var(--colorPrim);
    min-width: max-content;
}

.webViewIcon {
    display: inline;
}

.mobViewIcon {
    display: none;
}

.discountCodeText {
    border: 1px solid #7e7d7d;
}

.hrRule {
    margin-top: 2px;
}

.childFilters {
    padding-left: 35px;
    display: flex;
    flex-wrap: wrap;
}

.childFilters .childFiltersCheckbox {
    width: 33%;
    margin-bottom: 15px;
    width: 25%;
}

.filtersSectionChild {
    margin-bottom: 23px;
    margin-bottom: 10px;
    margin-bottom: 5px;
}

.filtersSectionChild2 .parentFilter {
    width: 33%;
    width: 25%;
}

.filtersSectionChild .customCheckBox {
    padding-right: 10px;
    margin-bottom: 10px;
    margin-bottom: 4px;
}

.countsFilters {
    /* display: flex; */
    /* flex-wrap: wrap; */
    align-items: center;
    margin-bottom: 15px;
}

.countsFilters:last-child {
    /* margin-bottom: 0; */
}

.countsFilters .cuntsFiltesHeading {
    color: var(--colorPrim);
}

.filtersBottomSec {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 10px;
}

.filtersBottomSec span {
    padding: 0px 5px;
}

.savedFiltersBox {
    margin-top: 20px;
}

.modalFilsterSaved.filtersListItems li {
    width: 23.9%;
}

.filtersModal .modalBodyBox {
    padding: 20px 25px 25px;
    padding: 10px 25px 10px;
}

.filtersSectionChild .customCheckBox input[type="checkbox"]+label {
    font-size: 14px;
    line-height: 20px;
    font-size: 13px;
    line-height: 13px;
}

.countsFilters .row {
    align-items: center;
}

.filtersBottomSecTop {
    margin-bottom: 10px;
}

.filtersActionLink {
    font-size: 14px;
    line-height: 16px;
    margin: 0 6px;
    text-transform: uppercase;
}

.filtersActionLink.saveFilterLink {
    color: var(--colorGreen);
    border-bottom: 1px solid var(--colorGreen);
}

.filtersActionLink.clearFilterLink {
    color: var(--colorRed);
    border-bottom: 1px solid var(--colorRed);
}

.dashboardBox .dashHeading.dashHeadingNew {
    margin-bottom: 10px;
}

.filtersListsParentRow .filtersListsParent:last-child {
    margin-bottom: 0;
}

.tooltip {
    z-index: 1000000;
}

.countsFiltersInput {
    position: relative;
}

.countsFiltersInput input {
    padding-left: 30px;
}

.countsFiltersInput .countsFiltersIcon {
    position: absolute;
    left: 12px;
    top: 4px;
    color: #909090;
    font-size: 18px;
}

.countsFiltersInput2 input {
    padding-left: 40px;
}

.countsFiltersInput2 .countsFiltersIcon {
    position: absolute;
    left: 0;
    top: 0px;
    color: #212529;
    font-size: 18px;
    width: 30px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ddd;
    border-radius: 5px 0 0 5px;
}

.newBoxDesign.inspectionFormTabsbox {
    padding: 0px;
    background-color: transparent;
}

.squareBtnSmall2New {
    padding-left: 30px;
    padding-right: 30px;
}

.pagination .page-item {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    margin: 0 2px;
}

.page-link {
    padding: 2px;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

.page-item:last-child .page-link,
.page-item:first-child .page-link {
    border-radius: 50%;
}

.page-item.disabled {
    /* opacity: 0.5; */
}

.page-link:focus {
    box-shadow: none;
}

.page-item.active .page-link {
    background-color: #3787e3 !important;
    border-color: #3787e3 !important;
}

.dash-leads-tag {
    border-radius: 6px;
    color: white;
    width: 95%;
    padding-left: 8px;
    padding-right: 2px;
}

.needingrefurbishmentdashtags {
    background: #008080;
}

.cashonlydashtags {
    background: #a366a3;
}

.quickersaledashtags {
    background: #ff9900;
}

.auctiondashtags {
    background: #cc3300;
}

.reposessiondashtags {
    background: #794044;
}

.potentialdevelopmentdashtags {
    background: #4dbbcd;
}

.pricereduceddashtags {
    background: #32a832;
}

.multiunitblockdashtags {
    background: #cf91e2;
}

.newbuilddashtags {
    background: #6897bb;
}

.hmodashtags {
    background: #66cdaa;
}

.nearschoolsdashtags {
    background: #ff6666;
}

.neargreatschoolsdashtags {
    background: #ff6666;
}

.tenanteddashtags {
    background: #0000ff;
}

.backonthemarketdashtags {
    background: #b62a0d;
}

.planninggaindashtags {
    background: #0a75ad;
}

.chainfreedashtags {
    background: #8c198c;
}

.landdashtags {
    background: #00b258;
}

.farmdashtags {
    background: #808000;
}

.commercialdashtags {
    background: #993232;
}

.holidayshortdashtags {
    background: #800040;
}

.soldstcdashtags {
    background: black;
}

.letagreeddashtags {
    background: black;
}

.sourcerdirecttovendordashtags {
    background: #ffa500;
}

.newFiltersBox {
    position: relative;
}

.newFilterLinks {
    padding: 4px 8px;
    border: 1px solid #dbdbdb;
    background: var(--colorWhite);
    border-radius: 4px;
    padding-right: 30px;
    position: relative;
}

.newFilterLinks .filterDropboxArrow {
    position: absolute;
    right: 8px;
    top: 5px;
    margin: 0;
}

.newFiltersDropbox {
    position: absolute;
    z-index: 99;
    width: 800px;
    width: 612px;
    width: 900px;
    width: 805px;
    width: 804px;
    left: 0px;
    top: 44px;
    top: 38px;
    border-radius: 4px;
}

.newFiltersDropbox .modalBodyBox {
    background: var(--colorWhite);
    border: 1px solid #dbdbdb;
}

.dropboxArrowIcon {
    position: absolute;
    top: 0;
    left: 0;
}

.newFiltersDropbox::before,
.newFiltersDropbox::after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    left: 2px;
    top: -10px;
}

.newFiltersDropbox::before {
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 11px solid #dbdbdb;
    left: 2px;
    top: -11px;
}

.newFiltersDropbox::after {
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 11px solid var(--colorWhite);
}

.newFiltersBox .filterDropboxArrow {
    transform: rotate(0deg);
    transition: all 0.3s ease;
}

.newFiltersBox.newFiltersActive .filterDropboxArrow {
    transform: rotate(180deg);
    transition: all 0.3s ease;
}

.newFiltersDropbox {
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.newFiltersBox.newFiltersActive .newFiltersDropbox,
.newFiltersBox.newFiltersActive2 .newFiltersDropbox {
    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease;
}

.newFiltersBox.newFiltersActive .newFilterLinks {
    background: var(--colorPrim);
    color: var(--colorWhite);
    transition: all 0.3s ease;
    border: 1px solid var(--colorPrim);
}

.newFiltersBox.newFiltersActive .newFilterLinks span {
    color: var(--colorWhite);
    transition: all 0.3s ease;
}

.newFiltersBox.newFiltersActive .newFilterLinks svg path {
    stroke: var(--colorWhite) !important;
    transition: all 0.3s ease;
}

.greyIconLink1 span.filterImgIcon {
    margin-left: 0;
    margin-right: 0;
    display: inline-flex;
}

.newFiltersBox .newFilterLinks {
    min-width: max-content;
}

.firstBox {
    padding-left: 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: max-content;
}

.sortByText {
    margin-top: 0px;
    line-height: 18px;
    color: var(--colorPrim);
}

.totalProperties .totalPropertiesBox .propertiesCount {
    color: var(--colorPrim);
    line-height: 26px;
}

.filtersListsItem {
    margin-right: 10px
}

.filtersListsItem:last-child {
    margin-right: 0px;
}

.countsFilters .form-control {
    font-size: 14px;
    line-height: 14px;
}

.filtersSectionChild .customCheckBox input[type="checkbox"]+label {
    padding-left: 25px;
}

.filtersSectionChild .customCheckBox input[type="checkbox"]:checked+label::before,
.filtersSectionChild .customCheckBox input[type="checkbox"]:not(:checked)+label::before {
    height: 15px;
    width: 15px;
    top: -2px;
}

.filtersSectionChild .customCheckBox input[type="checkbox"]:checked+label::after {
    height: 10px;
    width: 5px;
    left: 5px;
    top: -1px;
}

.childFilters {
    padding-left: 0px;
    margin-left: 25px;
}

.filtersSectionChild2 .parentFilter {
    padding-left: 25px;
}

.filtersSectionChild2 .parentFilter:nth-child(4n+1) {
    padding-left: 0px;
}

.filtersSectionChild2 .customCheckBox {
    padding-right: 0;
}

.leadsTypeFilter {
    /* left: initial; */
    right: 0px;
    width: 740px;
    width: 410px;
}

.newFiltersDropbox.leadsTypeFilter::before,
.newFiltersDropbox.leadsTypeFilter::after {
    /* left: initial; */
    /* right: 2px; */
}

.newFiltersBox .greyIconLink1 span {
    margin-left: 0;
}

.greyIconLink1 span.filterImgIcon {
    margin-right: 5px;
}

.topLeftBox .btnTabsCont {
    display: flex;
    /* flex-direction: column; */
    min-width: max-content;
}

.topLeftBox .btnTabsCont a {
    padding: 6px 15px;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 5px;
    margin-left: 5px;
    min-width: 70px;
}

.topLeftBox .btnTabsCont a:first-child {
    margin-left: 0px;
}

.topLeftBox .btnTabsCont a:last-child {
    margin-bottom: 0px;
}

.topLeftBox .btnTabsCont a:hover {
    background: var(--colorPrim);
    border-color: var(--colorPrim);
    color: var(--colorWhite);
}

.topMainBar {
    justify-content: space-between;
}

.topMidBox {
    padding: 0px 20px 0px 15px;
    padding: 0px 10px 0px 10px;
}

.topLeftBoxMob {
    display: none;
}

.topLeftBoxWeb {
    display: inline;
}

.topMainBarChild {
    display: flex;
}

.newFiltersDropbox h2 {
    margin-left: 0px;
    margin-right: 0px;
}

.toggleSwitchBoxs {
    display: flex;
    align-items: center;
}

.toggleSwitchBoxs .form-switch {
    display: flex;
    align-items: center;
}

.toggleSwitchBoxs .form-switch .form-check-label {
    margin-left: 3px;
    font-size: 14px;
    line-height: 14px;
}

.savedFiltersDropBox {
    /* padding: 5px 0px; */
    background: var(--colorWhite);
    border: 1px solid #dbdbdb;
}

.newFiltersDropbox.savedFiltersDropBox {
    width: -webkit-fill-available;
}

/* .savedFiltersFilterBox{
    min-width: 121px;
} */
.savedFilterLinkList .savedFilterLink {
    font-size: 14px;
    line-height: 16px;
    padding: 5px 10px 3px;
    margin-bottom: 2px;
    color: var(--colorWarmGrey);
}

.savedFilterLinkList .savedFilterListItem {
    /* position: relative; */
    width: 100%;
    display: block;
    float: left;
}

.savedFilterListItem .savedFilterTooltip {
    position: absolute;
    background: transparent;
    right: -180px;
    right: -360px;
    top: 0;
    opacity: 0;
    visibility: hidden;
    width: 180px;
    width: 360px;
    padding-left: 10px;
}

.savedFilterListItem .savedFilterTooltipChild {
    position: absolute;
    background: var(--colorWhite);
    border: 1px solid #dbdbdb;
    padding: 15px 15px 25px;
    height: auto;
    width: 170px;
    width: 350px;
    right: 0;
    min-height: 127px;
}

.savedFilterListItem.savedFilterListItemActive .savedFilterTooltip {
    opacity: 1;
    visibility: visible;
}

.savedFilterListItem.savedFilterListItemActive .savedFilterLink,
.savedFilterListItem.savedFilterListItemActive2 .savedFilterLink {
    background: var(--colorPrim);
    color: var(--colorWhite);
}

.savedFilterTooltipChild::before,
.savedFilterTooltipChild::after {
    content: '';
    width: 0;
    height: 0;
    top: 1px;
}

.savedFilterTooltipChild::before {
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-right: 11px solid #dbdbdb;
    position: absolute;
    left: -11px;
}

.savedFilterTooltipChild::after {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid var(--colorWhite);
    position: absolute;
    left: -10px;
    top: 2px;
}

.savedFilterTooltip p {
    font-size: 13px;
    line-height: 14px;
    color: var(--colorWarmGrey2);
}

.removeTooltipLink {
    position: absolute;
    right: 10px;
    top: 7px;
    font-size: 16px;
    color: var(--colorWarmGrey2);
}

.removeTooltipLink:hover {
    color: var(--colorRed);
}

.savedFiltersDropBox {
    /* max-height: 200px; */
    /* overflow-y: auto; */
}

#btn-back-to-top {
    width: 110px;
    height: 30px;
    border-radius: 16px;
    position: fixed;
    bottom: 55px;
    right: 40%;
    z-index: 9;
    display: none;
    color: #fff;
    text-align: center;
    background: #5d5959;
    border: 0px !important;
    font-size: 15px;
    cursor: pointer;
}

.savedFiltersDropBox {
    /* height: 100px; */
    /* overflow-y: auto; */
}

.customOverflow {
    position: relative;
}

.topLeftBox .btnTabsCont a {
    min-width: 50px;
    padding: 5px 4px;
    border-radius: 6px;
}

.newFiltersDropbox {
    box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.2);
}

.leadsTypeFilter .filtersSectionChild.row {
    margin-left: -7px;
    margin-right: -7px;
}

.leadsTypeFilter .filtersSectionChild .col-sm-4 {
    width: 50%;
    padding-left: 7px;
    padding-right: 7px;
}

.newFiltersDropbox.sortbyTypeFilter {
    width: 315px;
    width: 405px;
}

.sortByFiltersBox label {
    font-size: 13px;
    line-height: 15px;
}

.sortByFiltersBox .form-control {
    height: 28px;
    font-size: 14px;
    line-height: 14px;
}

.outCodeFiltersSection .outCodeBoxSection label {
    color: #212529;
    font-size: 14px;
    line-height: 16px;
}

.outCodeBoxSection .col-sm-12 {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.outCodeBoxSection .col-sm-12 label {
    width: 190px;
    min-width: 190px;
    color: var(--colorPrim);
    font-family: var(--circularBold);
    font-size: 16px;
}

.newFiltersDropbox.outCodeFiltersSection {
    width: 506px;
}

.outCodeBoxSection .col-sm-12 .form-control {
    font-size: 14px;
    line-height: 14px;
}

.formBtnsBoxs {
    margin-top: 10px;
}

.formBtnsBoxs button {
    /* width: 110px; */
}

.sortByFiltersBox .col-sm-6 {
    display: flex;
    align-items: center;
}

.sortByFiltersBox .col-sm-6 label {
    /* width: 70px;
    min-width: 70px; */
    color: var(--colorPrim);
    font-family: var(--circularBold);
    font-size: 16px;
    padding-right: 10px;
    min-width: max-content;
}

.sortByFiltersBox .col-sm-6 .form-control {
    width: 113px;
    min-width: 113px;
}

.newFiltersDropbox.outCodeFiltersSection {
    top: 26px;
}

.closeFilterDropbox {
    position: absolute;
    right: 5px;
    top: 5px;
    height: 20px;
    width: 20px;
}

.closeFilterDropbox a {
    height: 100%;
    width: 100%;
    padding: 2px;
    border-radius: 50%;
    border: 1px solid var(--colorRed);
    color: var(--colorRed);
    background-color: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.closeFilterDropbox a:hover {
    color: var(--colorWhite);
    background-color: var(--colorRed);
}

.formBtnsBoxs button {
    margin-right: 10px;
}

.formBtnsBoxs button:last-child {
    margin-right: 0;
}

.filtersSectionChild2 .parentFilter {
    /* padding-left: 25px; */
}

.showMoreFiltersBox {
    /* margin-top: 5px; */
}

.showMoreFiltersBox {
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    padding-bottom: 4px;

}

.showMoreFiltersBox a {
    /* width: 100%;
    padding: 5px 10px 5px;
    line-height: 14px;
    float: left;
    text-align: center; */

    padding: 2px 5px 2px;
    font-size: 12px;
    align-items: center;
    text-align: center;
}

.filtersListsItem {
    margin-bottom: 12px;
}

.downloadCsvBox a {
    display: inline;
    /* float: left; */
    min-width: max-content;
    padding: 4px 10px 4px;
}

.topMidBoxChild {
    flex-wrap: wrap;
}

#prop-growth-header-map-desk {
    cursor: default;
}

.miniMapBox {
    position: relative;
    z-index: 9;
}

.miniMapBox::before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: transparent;
    z-index: 10;
}

.savedFiltersFilterBox {
    width: 146px;
}

.topMidBoxChild {
    justify-content: flex-start;
}

.tooltipDescriptionBox .tooltipDescriptionList:not(:last-child) {
    margin-bottom: 5px;
}

.tooltipDescriptionList {
    display: flex;
}

.tooltipDescriptioonTitle {
    font-size: 13px;
    line-height: 14px;
    min-width: max-content;
}

.descriptionDetail {
    font-size: 12px;
    line-height: 14px;
    padding-left: 5px;
    color: var(--colorWarmGrey);
}

.filterMainTitle {
    margin-bottom: 4px;
    color: var(--colorPrim);
}

.showMoreFiltersBox {
    margin-top: 5px;
}

.smallButton {
    padding: 4px 12px 4px;
}

.newFilterLinks.filterDropboxToggleMain .filterDropboxArrow,
.newFilterLinks.savedFilterDropSection2 .filterDropboxArrow {
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
}

.filtersListsParent2 .filtersListItems.savedFiltersModalList li {
    width: 32%;
    margin-left: 0;
    margin-right: 0px;
    margin-left: 0px;
    padding-left: 7px;
    padding-right: 7px;
}

/* .savedFiltersModalList{
    max-height: calc(100vh - 177px);
    overflow-y: auto;
} */
.showMoreFiltersModal .savedFilterBox {
    max-height: calc(100vh - 177px);
    min-height: calc(100vh - 177px);
    /* overflow-y: auto; */
}

.filtersListsParent.filtersListsParent3 {
    margin-bottom: 0;
}

.filter-char-count {
    float: right;
    color: #aaa;
}

.sourcerTag {
    background: orange !important;
}

.landlordsTag {
    background: green !important;
}

.counterBox {
    height: 16px;
    width: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--colorBlue);
    color: var(--colorWhite) !important;
    font-size: 12px;
}

.modalDesign3 .modal-dialog {
    max-width: 550px;
    max-width: 475px;
}

.modalDesign3 .modal-content {
    padding: 30px;
}

.modalContentBox h2 {
    margin-bottom: 30px;
}

.modalContentBox .subHeadingContent {
    margin-bottom: 20px;
}

.modalContentBox .customCodeBox {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header {
    z-index: 1040;
}

.cardNote {
    /* padding-top: 10px; */
    padding-bottom: 10px;
}

.couponCodeSection {
    padding: 10px 40px;
    border: 2px dashed #333;
    background: var(--colorYellow);
    color: #333;
    width: 70%;
    text-align: center;
    margin-bottom: 10px;
}

.modalContentBox .customCodeBox {
    flex-direction: column;
}

.modalContentBox h2 {
    margin-bottom: 15px;
}

.couponImageBox {
    text-align: center;
    margin-bottom: 20px;
}

.couponImage {
    display: inline-block;
    width: 100px;
    margin: 0 auto;
    float: unset;
    text-align: center;
}

.thankyouModal .modal-dialog-centered {
    display: block;
}

.thankyouModal .modal-dialog {
    min-height: auto;
    margin-top: 15vh;
}

.logoutModal .modal-body {
    padding: 0;
}

.propertyListChecks {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.propertyListChecks .ourter__bed-type {
    width: auto;
    display: inline-block;
    float: left;
}

.customCheckBox.customCheckBox2 input[type="checkbox"]+label {
    font-size: 14px;
    line-height: 22px;
    padding-left: 24px;
    color: var(--colorPrim);
    font-family: var(--circularBold);
    font-family: var(--circularRegular);
}

.customCheckBox.customCheckBox2 input[type="checkbox"]:checked+label::before,
.customCheckBox.customCheckBox2 input[type="checkbox"]:not(:checked)+label::before {
    height: 15px;
    width: 15px;
}

.customCheckBox.customCheckBox2 input[type="checkbox"]:checked+label::after {
    height: 10px;
    width: 5px;
    left: 5px;
    top: 3px;
}

.ourter-wrapper .sellerRadio.sellerRadio2 .option_value:before {
    border-radius: 50%;
    border: 1px solid #b4b4b4;
    top: -1px;
}

.ourter-wrapper .sellerRadio.sellerRadio2 input[type='radio']:checked+.option_value:before {
    border: 1px solid #0dde9e;
    background: #0dde9e;
}

.ourter-wrapper .sellerRadio.sellerRadio2 input[type='radio']:checked+.option_value:after {
    top: 4px;
    left: 6px;
    width: 6px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
}

.radio.customRadios input {
    display: none;
}

.radio.customRadios label {
    cursor: pointer;
}

.radio.customRadios input[type="radio"]:checked+label,
.radio.customRadios input[type="radio"]:not(:checked)+label {
    position: relative;
}

.radio.customRadios input[type="radio"]:checked+label::before,
.radio.customRadios input[type="radio"]:not(:checked)+label::before {
    border-radius: 50%;
    border: 1px solid #b4b4b4;
}

.radio.customRadios input[type="radio"]:checked+label::before {
    border: 1px solid #0dde9e;
    background: #0dde9e;
}

.radio.customRadios input[type="radio"]:checked+label::after {
    border-bottom-width: 2px;
    border-right-width: 2px;
    height: 12px;
    left: 6px;
    top: 0px;
    width: 6px;
    border-color: #fff;
}

.customCheckBox.customCheckBox3 {
    margin-bottom: 3px;
}

.customCheckboxChild {
    display: inline-flex;
    height: 16px;
    width: 16px;
}

.heatmapFilterBoxs .customCheckBox {
    margin-bottom: 10px;
}


/* Filters */
.filtersListItemsNew {
    column-gap: 0;
    margin-left: -5px;
    margin-right: -5px;
}

.filtersListItemsNew li.filtersLists {
    padding-left: 5px;
    padding-right: 5px;
    background: transparent;
    width: 12.5%;
}

.filtersListItemsNew li.filtersLists .filterItem {
    background: #fff;
    height: 100%;
    border-radius: 6px;
    box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.1);
}

.filtersListItemsNew li.filtersLists .filterItemLink {
    padding-right: 10px;
    height: 100%;
    align-items: flex-start;
    border-radius: 6px;
}

.filtersListItemsNew li.filtersLists .deleteusersearch {
    display: none;
}

.filtersListItemsNew li.filtersLists .filterItemLink>span {
    word-break: break-word;
}

.filtersListsParent2 .filtersListItemsNew li.tooltipDescriptionList {
    width: 100%;
    display: flex;
}

li.tooltipDescriptionList {
    background: transparent;
}


.filtersListItemsNew .filtersLists .savedFilterListItem .savedFilterTooltip {
    right: -360px;
    z-index: 1;
}

.filtersListItemsNew .filtersLists:nth-child(8n+6) .savedFilterListItem .savedFilterTooltip,
.filtersListItemsNew .filtersLists:nth-child(8n+7) .savedFilterListItem .savedFilterTooltip,
.filtersListItemsNew .filtersLists:nth-child(8n+8) .savedFilterListItem .savedFilterTooltip {
    right: initial;
    left: -370px;
}

.filtersListItemsNew .filtersLists .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::before {
    left: -11px;
    right: initial;
    border-left: initial;
    border-right: 10px solid #dbdbdb;
}

.filtersListItemsNew .filtersLists .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::after {
    left: -10px;
    right: initial;
    border-left: initial;
    border-right: 10px solid var(--colorWhite);
}

.filtersListItemsNew .filtersLists:nth-child(8n+6) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::before,
.filtersListItemsNew .filtersLists:nth-child(8n+7) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::before,
.filtersListItemsNew .filtersLists:nth-child(8n+8) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::before {
    left: inherit;
    right: -11px;
    border-right: initial;
    border-left: 10px solid #dbdbdb;
}

.filtersListItemsNew .filtersLists:nth-child(8n+6) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::after,
.filtersListItemsNew .filtersLists:nth-child(8n+7) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::after,
.filtersListItemsNew .filtersLists:nth-child(8n+8) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::after {
    left: inherit;
    right: -10px;
    border-right: initial;
    border-left: 10px solid var(--colorWhite);
}

.filtersListItemsNew .filtersLists .savedFilterListItem .savedFilterTooltip {
    height: 100%;
}

.filtersListItemsNew .filtersLists .savedFilterListItem .savedFilterTooltip::before {
    position: absolute;
    content: '';
    width: 10px;
    height: 100%;
    background-color: transparent;
    top: 0;
    left: -10px;
}

.filtersListItemsNew .filtersLists:nth-child(8n+6) .savedFilterListItem .savedFilterTooltip::before,
.filtersListItemsNew .filtersLists:nth-child(8n+7) .savedFilterListItem .savedFilterTooltip::before,
.filtersListItemsNew .filtersLists:nth-child(8n+8) .savedFilterListItem .savedFilterTooltip::before {
    left: initial;
    right: -10px;
}

.showMoreFiltersModal .modal-dialog {
    max-width: 1000px;
}







.filtersListItemsNew.filtersListItemsNew2 li.filtersLists {
    width: 16.66%;
}

.filtersListItemsNew.filtersListItemsNew2 .filtersLists .savedFilterListItem .savedFilterTooltip,
.filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(8n+6) .savedFilterListItem .savedFilterTooltip,
.filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(8n+7) .savedFilterListItem .savedFilterTooltip,
.filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(8n+8) .savedFilterListItem .savedFilterTooltip {
    left: initial;
    right: -360px;
}

.filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(8n+6) .savedFilterListItem .savedFilterTooltip::before,
.filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(8n+7) .savedFilterListItem .savedFilterTooltip::before,
.filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(8n+8) .savedFilterListItem .savedFilterTooltip::before {
    left: initial;
    right: -10px;
}

.filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(8n+6) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::before,
.filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(8n+7) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::before,
.filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(8n+8) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::before {
    left: -11px;
    right: initial;
    border-left: initial;
    border-right: 10px solid #dbdbdb;
}

.filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(8n+6) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::after,
.filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(8n+7) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::after,
.filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(8n+8) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::after {
    left: -10px;
    right: initial;
    border-left: initial;
    border-right: 10px solid var(--colorWhite);
}

.filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(6n+4) .savedFilterListItem .savedFilterTooltip,
.filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(6n+5) .savedFilterListItem .savedFilterTooltip,
.filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(6n+6) .savedFilterListItem .savedFilterTooltip {
    right: initial;
    left: -370px;
}

.filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(6n+4) .savedFilterListItem .savedFilterTooltip::before,
.filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(6n+5) .savedFilterListItem .savedFilterTooltip::before,
.filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(6n+6) .savedFilterListItem .savedFilterTooltip::before {
    left: initial;
    right: -10px;
}

.filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(6n+4) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::before,
.filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(6n+5) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::before,
.filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(6n+6) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::before {
    left: inherit;
    right: -11px;
    border-right: initial;
    border-left: 10px solid #dbdbdb;
}

.filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(6n+4) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::after,
.filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(6n+5) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::after,
.filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(6n+6) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::after {
    left: inherit;
    right: -10px;
    border-right: initial;
    border-left: 10px solid var(--colorWhite);
}


.showMoreFiltersModal .savedFilterListItem .savedFilterTooltip {
    z-index: 9;
}

.g-recaptcha>div {
    margin: 0 auto;
}

.grecaptcha-badge {
    bottom: 55px !important;
}


.main-LoginNew {
    overflow: visible !important;
}

.bannerDesboard .dashboard-Banner.dashboard-BannerNew {
    height: 96%;
}

.dashboardBox.dashboardBoxNew {
    margin-bottom: 30px;
}

.removeTooltipLink {
    height: 20px;
    width: 21px;
    border: 1px solid transparent;
    color: var(--colorRed1);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    top: 15px;
    right: 6px;
}

.removeTooltipLink:hover {
    color: var(--colorWhite);
    background: var(--colorRed1);
}

.savedFilterListItem .savedFilterTooltipChild {
    padding-right: 30px;
}

.signup-terms {
    font-size: 11px !important;
    line-height: 1.1 !important;
    font-family: var(--circularRegular) !important;
}

/* .pt-add-to-port{
    margin-left: 8%;
} */

/* Cancel Subscription Start */
/* .cancelPlanContent:not(:last-child){
    margin-bottom: 20px;
} */
.upperCase {
    text-transform: uppercase;
}

.newButtonsBox span {
    margin-bottom: 10px;
    padding: 0 6px;
    display: inline-block;
    float: left;
}

.newButtonsBox2 span {
    width: 50%;
}

.newButtonsBox span:first-child {
    padding-left: 0;
}

.newButtonsBox span:last-child {
    margin-bottom: 0;
    padding-right: 0;
}

.cancelPlanContent span {
    font-family: var(--circularBold);
    color: var(--colorBlack);
}

.customCheckBox.customCheckBox3 input[type="checkbox"]+label {
    color: var(--colorBlack);
}

.planCancelChild {
    padding: 50px 50px 250px;
    background: var(--colorPrim);
}

.planCancelChild h1 {
    color: var(--colorWhite);
    font-family: var(--circularBold);
}

.myAccMainNew {
    padding-left: 0;
    padding-right: 0;
    padding-top: 64px;
}

.cancelPlanContentChild {
    width: 70%;
    padding: 50px;
    background: white;
    border-radius: 6px;
    margin: -130px auto 0;
    /* float: unset; */
    /* box-shadow: 0px 0px 5px 3px #f2f2f2; */
    border: 1px solid #dedcdc;
}

.cancelPlanContentBox {
    display: flex;
}

.cancelPlanContentChild h2 {
    font-family: var(--circularMedium);
}

.cancelPlanContentChild span:not(:last-child) {
    margin-bottom: 25px;
}

.activeLink,
.activeLink:hover,
.activeLink:focus {
    text-decoration: underline;
}

.testimonialCards {
    padding-top: 40px;
    display: none;
}

.testimonialCards .row {
    row-gap: 20px;
}

.testimonialCards2 {
    padding-top: 40px;
    display: none;
}

.testimonialCards2 .row {
    row-gap: 20px;
}

.testimonialCardsChild {
    padding: 20px;
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.testimonialRating .star__item {
    margin-right: 5px;
    width: 13px;
}

.testimonialRating .star__item::before {
    font-size: 13px;
    margin-left: 0;
}

.tectimonialChildContent {
    margin-bottom: 15px;
}

.tectimonialChildContent h4 {
    color: var(--colorPrim);
    line-height: 20px;
}

.tewstimonialAuthor span {
    color: var(--colorWarmGrey);
    padding-left: 20px;
}

.testimonialVideos {
    margin-left: -10px;
    margin-right: -10px;
}

.testimonialVideoCard {
    height: 200px;
    width: 33.3%;
    padding-left: 10px;
    padding-right: 10px;
}

.testimonialVideoChild {
    /* border: 1px solid #f3f3f3; */
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1);
    height: 100%;
}

.cardsToggleBox {
    margin-top: 20px;
}

.tectimonialChildContent {
    position: relative;
    padding: 0px 25px;
}

.tectimonialChildContent::before,
.tectimonialChildContent::after {
    position: absolute;
    content: '';
    background-repeat: no-repeat;
    background-position: center center;
    height: 18px;
    width: 18px;
    background-size: 100%;
}

.tectimonialChildContent::before {
    background-image: url(../img/quoteLeft.png);
    top: 0;
    left: 0;
}

.tectimonialChildContent::after {
    background-image: url(../img/quoteRight.png);
    bottom: 0;
    right: 0;
}

.user_consent_checkbox {
    font-size: 16px !important;
}

.block {
    position: absolute;
    left: 0;
    top: 0;
}

.slidercaptcha {
    margin: 0 auto;
    width: 100%;
    border-radius: 12px;
    margin-top: 0;
    border: 1.5px solid #ccc;
    padding-bottom: 15px;
}

.slidercaptcha canvas:first-child {
    border-radius: 5px;
    border: 1px solid #e6e8eb;
}

.sliderContainer {
    position: relative;
    text-align: center;
    line-height: 40px;
    background: #f7f9fa;
    color: #45494c;
    border-radius: 2px;
}

.sliderbg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background-color: #f7f9fa;
    height: 40px;
    border-radius: 2px;
    border: 1px solid #e6e8eb;
}

.sliderContainer_active .slider {
    top: -1px;
    border: 1px solid #1991FA;
}

.sliderContainer_active .sliderMask {
    border-width: 1px 0 1px 1px;
}

.sliderContainer_success .slider {
    top: -1px;
    border: 1px solid #02c076;
    background-color: #02c076 !important;
    color: #fff;
}

.sliderContainer_success .sliderMask {
    border: 1px solid #52CCBA;
    border-width: 1px 0 1px 1px;
    background-color: #D2F4EF;
}

.sliderContainer_success .sliderIcon:before {
    content: "\f00c";
}

.sliderContainer_fail .slider {
    top: -1px;
    border: 1px solid #f35c59;
    background-color: #f35c59;
    color: #fff;
}

.sliderContainer_fail .sliderMask {
    border: 1px solid #f35c59;
    background-color: #f7dcdd;
    border-width: 1px 0 1px 1px;
}

.sliderContainer_fail .sliderIcon:before {
    content: "\f00d";
}

.sliderContainer_active .sliderText,
.sliderContainer_success .sliderText,
.sliderContainer_fail .sliderText {
    display: none;
}

.sliderMask {
    position: absolute;
    left: 0;
    top: 0;
    height: 40px;
    border: 0 solid #d1e9fe;
    background: #d1e9fe;
    border-radius: 2px;
}

.slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    background: #3787e3;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    transition: background .2s linear;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slider:hover {
    background: #009efb;
    color: #fff;
    border-color: #009efb;
}

.slider:hover .sliderIcon {
    background-position: 0 -13px;
}

.sliderText {
    position: relative;
}

.refreshIcon {
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
    padding: 6px;
    color: #fff;
    background-color: #ff4c4c;
    font-size: 14px;
    border-radius: 50px;
}

.refreshIcon:hover {
    color: #fff;
}

.sliderContainer_success {
    padding-bottom: 40px;
}

.sliderContainer_active {
    padding-bottom: 40px;
}

.sliderContainer_fail {
    padding-bottom: 40px;
}


/* -------------- */

.slidercaptcha .slider {
    background: transparent;
}

.slidercaptcha .svg-inline--fa,
.slidercaptcha .slick-track {
    width: 18px !important;
}

.slidercaptcha .slick-list {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slidercaptcha .slider {
    background: var(--colorBlue);
}

.slidercaptcha .slider .svg-inline--fa path {
    fill: var(--colorWhite);
}

.slidercaptcha .slider .svg-inline--fa:focus {
    outline: none;
}

.slidercaptcha .slider svg {
    display: none !important;
    position: relative;
}

.slidercaptcha .slider::before {
    position: absolute;
    content: "\f061";
    font-family: 'Font Awesome 5 FREE';
    font-size: 16px;
    color: var(--colorWhite);
    font-weight: 900;
}

.slidercaptcha .sliderContainer.sliderContainer_fail .slider {
    background: var(--colorRed1);
    border-color: var(--colorRed1);
    ;
}

.slidercaptcha .sliderContainer.sliderContainer_fail .slider::before {
    content: '\f00d';
}

.slidercaptcha .sliderContainer.sliderContainer_success .slider {
    background: var(--colorGreen);
    border-color: var(--colorGreen);
    ;
}

.slidercaptcha .sliderContainer.sliderContainer_success .slider::before {
    content: '\f00c';
}

#image-slie .slick-slider {
    width: 100% !important;
    background: transparent;
    box-shadow: none;
}

#cancel_reason {
    font-size: 14px;
}

.slidercaptcha {
    /* border: none; */
}

.slidercaptcha .card-body {
    padding: 0px;
    margin-top: 15px;
}

.slidercaptcha .sliderText {
    font-size: 16px;
}

.cancelSubscriptionModal .modal-dialog,
.cancelSubscriptionConfirm .modal-dialog {
    max-width: 650px;
}

.cancelSubscriptionConfirm .form-control:focus {
    background-color: var(--colorLight);
    box-shadow: none;
}

.alertItemsBottom .alertActionItem a.quoteListItems {
    position: relative;
    z-index: 99999999999 !important;
}

.quotesSliderNew {
    padding: 0px 45px;
}

.quotesSliderNew .upd_wrapper {
    margin-top: 0;
    margin-bottom: 0;
    height: 100%;
}

.tab-login.formDesign {
    padding-bottom: 0;
}

.signup--page2 {
    margin-bottom: 40px;
}

.priceSectionMainLeft {
    display: flex;
    flex-direction: column;
    /* height: 100%; */
}

.priceSectionMainLeft .quotesSliderNew {
    height: 100%;
}

.signupformSectionsRightChild .plan-details {
    margin-top: 0;
}

.signupformSectionsRightChild {
    height: 100%;
    padding-top: 34px;
}

.signupformSectionsRightChild .plan-details {
    height: 100%;
}

.webViewSlider {
    display: block;
}

.mobileViewSlider {
    display: none;
}

.postcode-validation-fail {
    border-radius: 12px;
    border: 1.5px solid var(--colorWarmGrey);
    color: #707070;
    width: 50%;
}

.fa-spinner {
    margin-right: 8px;
    margin-left: -12px;
}

/* ---------------- */
.cardTableDesignNew {
    position: relative;
    padding-bottom: 26px;
}

.dashCardBox .myAreaCardBtm {
    position: absolute;
    bottom: 10px;
    left: 0;
}

.loginSectionContent span {
    margin-bottom: 15px;
}

.loginSectionContent h1 {
    margin-bottom: 15px;
}

.loginSectionContent h2 {
    margin-bottom: 15px;
}

.loginSectionContent .loadingGif img {
    width: 300px;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    backface-visibility: visible !important;
    animation-name: flipInX;
}


/* ------------------ */

.loadingGifImage {
    image-rendering: pixelated !important;
}

.loadingGifModal .modal-dialog {
    max-width: 210px;
    align-items: flex-start;
    padding-top: 80px;
}

.loadingGifModal {
    pointer-events: none;
}

.loadingGifModal .modal-content {
    border-radius: 20px;
    padding: 20px;
    pointer-events: auto;
}

.loadingGifModal .modal-body {
    padding: 0;
}

.loadingGifModal .loadingGifImage {
    width: 130px;
}

/* ------------------- */
.propStatsBoxTitleNew {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.propStatsBoxTitleNew .nav-item {
    margin-right: 10px;
}

.propStatsBoxTitleNew .nav-tabs .nav-link {
    font-size: 14px;
    line-height: 12px;
    padding: 4px 5px 4px;
    border-radius: 4px;
}

.propStatsBoxTitleNew .nav-tabs {
    border: none;
}

.propStatsBoxTitleNew .nav-tabs .nav-link {
    color: var(--colorWhite);
    border: 1px solid #ccc;
}

.propStatsBoxTitleNew .nav-tabs .nav-link:hover {
    background: var(--colorWhite);
    color: #333;
}

.propStatsBoxTitleNew .nav-tabs .nav-link.active {
    color: #333;
}

.propStatsBoxNew .tab-pane .boxs:last-child {
    margin-bottom: 10px;
}

/* ----------------- */

.dashboardHeaderBtns2 {
    display: flex;
    flex-direction: column;
}

.dashboardHeaderBtnsBtm {
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
}

.dashHeadingTopUpdate {
    align-items: flex-start;
}

.form-switch-row.form-switch-rowNew .form-check-input {
    width: 40px;
    height: 22px;
}

.form-switch-row.form-switch-row2.form-switch-rowNew .form-check {
    margin: 0px 5px;
}

.dashboardHeaderBtns2 .headerBtnSection {
    display: inline-block;
    float: left;
}

.postcodeDataTabs2 .btnReg1 {
    padding: 5px 10px;
    border-radius: 0;
}

.custom-sticky-header .dashHeadingTop {
    top: 58px;
}

.areaResearchPropertyCards:not(:last-child) {
    margin-bottom: 30px;
    margin-bottom: 20px;
}

.areaResearchPropertyCards .areaResearchCardLeft {
    width: 30%;
    border: 2px solid var(--colorBlue);
    height: auto;
    border-radius: 6px;
    padding: 5px;
    background: #fff;
}

.areaResearchPropertyCards .areaResearchCardRight {
    width: calc(70% - 8px);
    /* width: 70%; */
    border: 2px solid var(--colorGreen);
    height: auto;
    margin-left: 8px;
    border-radius: 6px;
    padding: 5px;
    background: var(--colorWhite);
}

.areaResearchPropertyCards {
    display: flex;
    flex-wrap: wrap;
    padding: 8px 7px;
    background: var(--colorWhite);
}

.areaResearchCardRight .areaResearchRightCard {
    width: 50%;
}

.areaResearchRightCard .dashCardBox {
    padding: 0;
}

.areaResearchCardLeftBottom {
    padding: 0 10px;
    padding: 0 0px;
}

.smallButton4 {
    padding: 6px 6px 4px;
}

.areaResearchCardLeftBottom2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 8px;
    border-top: 1px solid #ccc;
}

.deletePropertyCard {
    color: var(--colorRed);
}

.deletePropertyCard:hover {
    color: var(--colorRed1);
}

.graphCardTabs .nav.nav-tabs {
    padding: 4px 3px 3px;
    background: var(--colorPrim);
}

.graphCardTabs .navTabItem {
    border: 1px solid var(--colorWhite);
    background-color: var(--colorPrim);
    padding: 3px 5px 1px;
    font-size: 11px;
    line-height: 11px;
    margin-right: 2px;
    color: var(--colorWhite);
    border-radius: 2px
}

.graphCardTabs .navTabItem.active {
    background-color: var(--colorWhite);
    color: var(--colorBlack);
}

.areaResearchCardRight .areaResearchRightCard,
.areaResearchCardRight .areaResearchRightCard .graphCardChild,
.areaResearchRightCard .graphCardChild .graphCardDesign .tab-pane,
.areaResearchRightCard .graphCardChild .graphCardDesign .tab-pane .boxs {
    height: 100%;
}

.areaResearchRightCard .graphCardChild .graphCardDesign {
    /* height: calc(100% - 50px); */
    /* height: calc(100% - 25px); */
}

.canvas {
    /* height: calc(100% - 54px) !important; */
    /* height: calc(100% - 35px) !important; */
}

.areaResearchCardRight .areaResearchRightCard {
    padding: 0 5px;
}

.areaResearchCardRight .areaResearchRightCard:first-child {
    padding-left: 0;
}

.areaResearchCardRight .areaResearchRightCard:last-child {
    padding-right: 0;
}

.canvasParent {
    padding-top: 5px;
}

.propStatsLegends2 {
    margin-top: 10px;
    padding: 0px 10px;
}

.propFilterOptions {
    position: relative;
    border: 1px solid #dfdfdf;
    display: flex;
    border-radius: 2px;
}

.propFilterOptions .propFilterIcon {
    /* position: absolute; */
    /* top: 1px; */
    /* left: 10px; */
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100% - 2px);
    padding: 0px 3px;
    border-right: 1px solid #dfdfdf;
    height: auto;
}

.propFilterOptions .form-control {
    font-size: 12px;
    line-height: 12px;
    /* padding-left: 45px; */
    background-color: var(--colorWhite);
    /* border: 1px solid #333; */
    border: none;
    padding: 5px 18px 5px 10px;
    padding: 5px 17px 5px 3px;
}

.propFilterOptions .form-control:focus {
    box-shadow: none;
}

.propFilterOptions {
    width: auto;
    background: var(--colorWhite);
}

.propFilterOptions .propFilterIcon,
.propFilterOptions .fomr-control {
    color: var(--colorBlue);
    background-color: white;
}

.propFilterOptions .custom-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    z-index: 9;
    background: transparent;
}

.propFilterOptions::before {
    position: absolute;
    content: '\f078';
    right: 5px;
    top: 3px;
    font-family: 'Font Awesome 5 FREE';
    font-weight: 900;
    font-size: 9px;
    color: #000;
    z-index: 9;
}

.graphCardChildTopSec {
    display: inline-block;
    float: left;

}

.graphCardChildTopSec:not(:last-child) {
    margin-right: 3px;
}

.smallButton5 {
    font-size: 10px;
    line-height: 10px;
    padding: 5px 5px 4px;
    display: inline-block;
    float: left;
}

.fontSize8 {
    font-size: 8px;
    line-height: 8px;
}

.cardfiltersRight {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.graphCardChildTopSec.graphCardChildTopTitle {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.graphCardChildTopSec.graphCardChildTopTitle h2 {
    padding-bottom: 2px;
    line-height: 22px;
    color: var(--colorBlue);
    text-align: center;
}

.graphCardChildTopSec.graphCardChildTopTitle span {
    color: var(--colorWarmGrey);
}

.propFiltersSectionbox {
    margin-right: 4px;
    padding: 5px;
    background: #ccc3;
    min-width: fit-content;
}

.graphCardChildTop {
    margin-bottom: 6px;
    display: flex;
    justify-content: space-between;
}

.areaResearchCardLeft .priceFlowBox .frontView,
.areaResearchCardLeft .priceFlowBox .backView {
    padding: 0;
}

.areaResearchCardLeft .priceFlowBox .frontView span,
.areaResearchCardLeft .priceFlowBox .backView span {
    width: 100%;
}

.btnStats2:hover {
    background: #fff !important;
    color: var(--colorBlue) !important;
}

.btnStats2:hover svg path {
    fill: var(--colorBlue);
}

.greenBtnNew:hover svg path {
    fill: var(--colorGreen);
}

.addRemoveToggleBox.customCheckBox {
    margin-bottom: 0;
}

.addRemoveToggleBox.customCheckBox input[type="checkbox"]+label {
    font-size: 10px;
    line-height: 12px;
    text-align: left;
    padding-left: 17px;
    color: var(--colorWarmGrey);
}

.customCheckBox.customCheckBox4 input[type="checkbox"]:checked+label::before,
.customCheckBox.customCheckBox4 input[type="checkbox"]:not(:checked)+label::before {
    height: 12px;
    width: 12px;
}

.customCheckBox.customCheckBox4 input[type="checkbox"]:checked+label::after {
    height: 10px;
    width: 5px;
    left: 4px;
    top: 2px;
}

.propertyToggleHead {
    padding-top: 0 !important;
}

.areaInsightsSectionUpdate .dashCardBox thead tr th {
    vertical-align: bottom;
}

.areaInsightsSection .dashCardBox thead tr.tableCardHeadSection th {
    padding: 0;
    border-bottom: none;
    color: var(--colorPrim);
    vertical-align: inherit;
}

.areaInsightsSectionUpdate .dashCardBox thead tr th.propertyToggleHead {
    text-align: left;
    width: 80px;
}

.graphCardChildBtm {
    /* height: calc(100% - 42px); */
    height: calc(100% - 45px);
    border-right: 1px solid #dfdfdf;
}

/* -----Area Report Page------- */
.areaReportDetailsSection {
    margin-top: 40px;
}

.statsTableChart,
.statsTableChartBox .propStatsBoxTitle2 {
    display: flex;
}

.statsTableChartBox .propStatsBoxTitle2 span {
    text-align: center;
    width: 50%;
}

.areaReportDetailChild {
    margin-bottom: 50px;
}

.areaReportDetailChild:last-child {
    margin-bottom: 0;
}

.reportSectionHead {
    padding: 5px 10px;
    background-color: var(--colorYellow);
}

.graphCardChildBtm {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.areaInsightsSection.areaInsightsSectionUpdate .dashCardBox tbody tr:first-child td {
    padding-top: 5px;
}

.areaInsightsSection.areaInsightsSectionUpdate .dashCardBox tbody tr td.priceFlow {
    padding-top: 3px;
    padding-bottom: 3px;
}

.areaInsightsSection.areaInsightsSectionUpdate .dashCardBox tbody tr:last-child td {
    padding-bottom: 5px;
}

.propertyGraphbarCard .priceFlowSec2 {
    height: 22px;
}

.propertyGraphbarCard .priceFlowSec2 .priceFlowBox {
    display: inline-block;
    float: left;
    text-align: center;
}

.areaInsightsSection.areaInsightsSectionUpdate .dashCardBox thead tr th {
    padding: 6px 1px 6px;
}

.areaInsightsSectionUpdate.areaInsightsSection .dashCardBox tbody tr td .priceFlowBox {
    padding: 8px 5px;
}

.areaInsightsSectionUpdate .newCardDesigns {
    padding: 5px 10px;
}

.areaInsightsSectionUpdate .priceFlowSec2 {
    height: 22px;
}

.areaInsightsSectionUpdate .priceFlowSec2 .priceFlowBox {
    align-items: flex-end;
    height: 22px;
    float: left;
}

.areaInsightsSectionUpdate .vs-section.newCardDesigns.mt-1 p span {
    line-height: 15px;
}

.reportTableFormatBox {
    /* width: calc(100% - 300px); */
    /* max-width: calc(100% - 300px); */
    /* display: none; */
}

.pageSpacingBox {
    width: calc(100% - 272px);
}

.reportTableFormatBox .tableFormatLink a {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav-tabs.postcodeDataTabs3 .btnReg1SolidActive {
    justify-content: center;
    margin-bottom: 0;
}

.custom-sticky-header .dashHeadingTopUpdate .dashboardHeaderBtns .postcodeDataTabs2.postcodeDataTabs3 a {
    margin-left: 5px !important;
}

.topLeftBox .btnTabsCont.postcodeDataTabs3 {
    flex-direction: row;
}

.toast {
    opacity: 1 !important;
}

.websiteBodySection {
    display: flex;
}

.bigScreenHeader .headerChildBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.alertsAsideBox {
    top: 58px;
    height: calc(100vh - 58px);
}

.sidebarOverlay {
    top: 58px;
}

.navbar-nav {
    align-items: center;
}

.areaInsightsSection .dashCardBox thead tr th .pinUpinIcon h2 {
    text-align: left;
}

.areaInsightsSection.areaInsightsSectionUpdate .dashCardBox tbody tr td:first-child {
    padding-left: 0;
}

.areaInsightsSection.areaInsightsSectionUpdate .dashCardBox tbody tr td:last-child {
    padding-right: 0;
}

.allAreaButton {
    width: 105px;
    justify-content: center;
}

.ourter__type_bed li label {
    display: inline-block;
    float: left;
}

.heatMapTopFilterBox {
    margin-top: 20px;
    float: left;
}

.areaReportDetailsSection .ourter-wrapper {
    top: 66px;
    right: 4px;
}


/* ---------------------- */
.propertySearchBanner {
    background: url('../img/property-search.jpg');
    background-size: cover;
    height: 220px;
    width: 100%;
}

.propertySearchNewForm {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -110px;
}

.propertySearchFormChild {
    padding: 30px 30px;
    border-radius: 10px;
    background: var(--colorWhite);
    width: 78%;
    width: 90%;
    box-shadow: -8px 7px 14px 3px rgb(0 0 0 / 12%);
}

.newFormDesign2 .form-group2 {
    margin-bottom: 20px;
}

.propertyDetailsTilesBox {
    margin-top: 10px;
}

.propertyDetailsTilesBox .savedFilterListItem .savedFilterListItemNew {
    height: 100%;
    position: relative;
    height: 120px;
    height: 132px;
    height: 127px;
}

.propertyDetailsTilesBox .savedFilterListItemNew .savedFilterTooltipChild {
    left: 0;
}

.propertyDetailsTilesBox .savedFilterListItemNew .savedFilterTooltipChild::before,
.propertyDetailsTilesBox .savedFilterListItemNew .savedFilterTooltipChild::after {
    display: none;
}

.propertyDetailsTilesBox .savedFilterListItem .savedFilterListItemNew .savedFilterTooltipChild {
    width: 100%;
    box-shadow: -4px 4px 6px 0px rgb(0 0 0 / 12%);
}

.propertyDetailsTilesBox .savedFilterListItemSection .savedFilterTooltipChild2 {
    height: 140px;
    height: 90px;
    height: 85px;
    overflow: hidden;
}

.propertyDetailsTilesBox .filtersLists .savedFilterTooltipChild2 {
    position: relative;
    z-index: 10;
}

.propertyDetailsTilesBox .filtersLists.filtersLists2 .savedFilterTooltipChild2 {
    height: 100%;
}

.propertyDetailsTilesBox .filtersLists.filtersLists2 .savedFilterTooltipChild {
    box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.10);
}

.propertyDetailsTilesBox .propertyDetailTileChild .savedFilterListItem {
    position: relative;
    z-index: 2;
}

.propertyDetailsTilesBox .propertyDetailTileChild .removeTooltipLink {
    z-index: 3;
    z-index: 999999;
}

.propertyDetailsTilesBox .propertyDetailTileChild .tooltipDescriptioonTitle {
    color: #212529;
}

.propertyDetailsTilesBox .propertyDetailTileChild .savedFilterListItem.savedFilterListItemSection2 {
    z-index: 9;
}

.propertyDetailsTilesBox .propertyDetailTileChild .row {
    row-gap: 20px;
}

.propStatsLegend_orange,
.propStatsLegend_orange span:first-child {
    --color: #f56300;
}

.propStatsLegend_blue2,
.propStatsLegend_blue2 span:first-child {
    --color: #0066cc;
}

.propStatsLegend_green,
.propStatsLegend_green span:first-child {
    --color: #006241;
}

.propStatsLegend_red,
.propStatsLegend_red span:first-child {
    --color: #f22436;
}

.propStatsLegend_orange span:last-child::after {
    background: #f56300
}

.propStatsLegend_blue2 span:last-child::after {
    background: #0066cc;
}

.propStatsLegend_green span:last-child::after {
    background: #006241;
}

.dropValueList h3 {
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 2px;
}

.dropValueList ul li {
    padding: 3px;
    border-bottom: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 5px;
    position: relative;
    padding-left: 26px;
    cursor: pointer;
}

.dropValueListSec .listCustomCheck {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 16px;
}

.dropValueListSec .listCustomCheck::before {
    position: absolute;
    content: '';
    height: 16px;
    width: 16px;
    border-radius: 50%;
    border: 1px solid #ddd;
    left: 5px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    background-color: transparent
}

.dropValueListSec .listCustomCheck:after {
    position: absolute;
    content: '';
    height: 10px;
    width: 5px;
    border-right: 2px solid var(--colorWhite);
    border-bottom: 2px solid var(--colorWhite);
    top: -2px;
    left: 10px;
    transform: rotate(45deg);
    bottom: 0;
    margin: auto 0;
}

.dropValueListSec.dropValueListSec2 .listCustomCheck::before {
    border: 1px solid var(--colorGreen);
    background-color: var(--colorGreen);
}

.dropValueListSec.dropValueListSec2 .listCustomCheck:after {
    border-right: 2px solid var(--colorWhite);
    border-bottom: 2px solid var(--colorWhite);
}

.dropValueList ul li:last-child {
    margin-bottom: 0;
}

.dropValueList .dropOptionSubhead {
    font-size: 12px;
    line-height: 14px;
    color: var(--colorWarmGrey);
}

.dropValueList .dropOptionHead {
    font-size: 14px;
    line-height: 16px;
    color: var(--colorPrim);
    margin-bottom: 5px;
}

.dropValueList .dropOptionDescription {
    font-size: 10px;
    line-height: 12px;
    color: var(--colorWarmGrey2);
}

.customDropdownBoxChild .dropValueList:not(:last-child) {
    margin-bottom: 10px;
}

.customDropdownBoxChild {
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.customDropdownBoxChild .dropValueList:last-child ul li {
    border-bottom: none;
}

.dropboxValueItem {
    padding: 10px 15px;
    font-size: 16px;
    line-height: 16px;
    background-color: var(--colorLight);
    height: 36px;
    padding-right: 35px;
    font-size: 15px;
    line-height: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.customDropdownBox .customDropdownBoxChild {
    display: none;
}

.customDropdownBox.customDropdownBox2 .customDropdownBoxChild {
    display: block;
    top: 36px;
}

.customDropdownBox {
    position: relative;
}

.customDropdownBox .customDropdownBoxChild {
    position: absolute;
    background: var(--colorWhite);
    z-index: 10;
}

.customDropdownBoxSec {
    position: relative;
}

.propertyCountIcon {
    height: 24px;
    width: 24px;
    font-size: 12px;
    line-height: 24px;
    display: inline-block;
    background-color: var(--colorRed);
    color: var(--colorWhite);
    border-radius: 50%;
    font-family: var(--circularRegular);
}

.propertyDetailTileChild .filtersListItemsNew li.filtersLists {
    width: 25%;
    position: relative;
    z-index: 9;
    transition: all 0.3s ease;
}

.propertyDetailTileChild .filtersListItemsNew li.filtersLists.filtersLists2 {
    z-index: 10;
    transition: all 0.1s ease;
}

.propertyDetailTileChild .filtersListItemsNew li.filtersLists li {
    width: 100%;
}

.propertyDetailTileChild .filterItem.savedFilterListItem {
    position: relative;
    z-index: 9;
}

.cardTableDesign2 table tbody tr td:nth-child(2) .priceFlowFlip span {
    color: #006241;
}

.cardTableDesign2 table tbody tr td:nth-child(3) .priceFlowFlip span {
    color: #f56300;
}

.cardTableDesign2 table tbody tr td:nth-child(4) .priceFlowFlip span {
    color: #0066cc;
}

.sourcesSliderSection .sources-block {
    padding-left: 0;
    padding-right: 0;
}

.sourcesSliderSection #image-slie .slick-slider {
    margin-left: 0;
    margin-right: 0px;
    max-width: 100%;
}

.sourcesSliderSection .image-wraper {
    text-align: center;
}

.sourcesSliderSection .secSliderRight {
    padding-right: 0;
}

.propertyDetailTileChild .filtersListItemsNew {
    margin-left: 0;
    margin-right: 0;
}

.propertyDetailsTilesBox .savedFilterBox {
    margin-bottom: 20px;
}

.propertyDetailsTilesBox .savedFilterBox:last-child {
    margin-bottom: 0;
}

.analyser-search-box input {
    background-color: #f4f7fa;
    padding: 8px 0px 9px 48px;
    color: var(--colorBlack);
    border: 1px solid var(--colorGrey3);
    outline: none;
    box-shadow: none;
    border-radius: 6px;
    width: 330px;
    background-image: url(../img/search-gray.png);
    background-position: left 15px center;
    background-repeat: no-repeat;
    background-size: 18px;
}

.analyser-search-box input:focus {
    background-image: url('../img/search.png');
}

/* New Header Design */
.userInfo {
    display: inline-flex;
    flex-direction: column;
    justify-content: flex-end;
}

.userIcon {
    height: 46px;
    width: 46px;
    border-radius: 50%;
    overflow: hidden;
}

.userIcon img {
    height: 100%;
    width: 100%;
}

.userInfo span {
    color: #030229;
    font-family: var(--circularBold);
}

.userInfo span.myAccountLabel {
    font-size: 13px;
    line-height: 13px;
    font-family: var(--circularRegular);
    color: #A6ACBE;
    text-align: right;
}

.alertsLinkOptionNew {
    cursor: pointer;
    color: #A6ACBE;
    line-height: 20px;
}

.alertsLinkOptionNewChild {
    position: relative;
    line-height: 20px;
}

/* .alertsLinkOptionNew .alertsCount{
    position: absolute;
    top: -12px;
    right: -3px;
} */
.alertsIcon {
    color: #707070;
    margin-right: 10px;
    font-size: 20px;
    line-height: 16px;
}

.myAccHeader.myAccHeaderNew {
    padding: 2px 30px;
}

/* .myAccHeaderNew .myAccHeaderLogo{
    height: 68px;
} */
/* .alertsLinkOptionNew .alertsCount{
    height: 24px;
    width: 24px;
    font-size: 14px;
    line-height: 14px;
} */
.myAccHeaderNew .dropdown-toggle {
    padding-right: 20px;
}

.myAccHeaderNew .dropdown-toggle::after {
    display: none;
}

.myAccHeaderNew .dropdown-toggle::before {
    position: absolute;
    content: url('../img/dropArrow.png');
    right: 0;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.alertsLinkOptionNew span:last-child {
    padding-top: 2px;
}

.myAccNavDd {
    margin-top: 0px !important;
}

.asideListNew ul {
    padding: 10px 10px 0;
}

#accSideNav a {
    background: transparent;
    padding: 20px 22px;
    width: 100%;
    font-size: 16px;
    color: #4F4E69;
    padding: 14px 18px;
}

#accSideNav a:hover,
#accSideNav a.active {
    background: #3787e3;
    box-shadow: 0px 10px 20px rgba(28, 28, 28, 0.13);
    border-radius: 10px;
    color: var(--colorWhite);
}

.asideListNew .link-item:not(:last-child) {
    margin-bottom: 2px;
}

.asideLinkRef {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.asideLinkRef .alideLinkIcon {
    height: 24px;
    width: 24px;
    margin-right: 20px;
    display: inline-block;
    float: left;
    margin-right: 14px;
}

.asideLinkRef:hover .alideLinkIcon path,
.asideLinkRef.active .alideLinkIcon path {
    stroke: var(--colorWhite);
}

.asideLinkRef:hover .alideLinkIcon circle,
.asideLinkRef.active .alideLinkIcon circle {
    stroke: var(--colorWhite);
}

.asideLinkRef2:hover .alideLinkIcon path,
.asideLinkRef2.active .alideLinkIcon path {
    fill: var(--colorWhite);
}

.asideLinkText {
    line-height: 16px;
}

.asideLinkRef3:hover .alideLinkIcon path,
.asideLinkRef3.active .alideLinkIcon path {
    /* stroke: initial; */
    fill: var(--colorWhite);
}

.asideLowerList {
    border-top: 1px solid #DFE3EE;
}

#accSideNav {
    padding-left: 10px;
    padding-right: 10px;
}

#accSideNav a.fontBold {
    font-family: var(--circularBold);
}

.modal-backdrop {
    top: 58px;
    top: 0;
}

.myAccNavDd {
    min-width: fit-content;
    left: -89%;
    top: 52px;
}

/* ---Dashboard Page---- */
.dashboardStepsChild {
    padding: 15px 15px;
    box-shadow: 0px 10px 20px 0px #00000021;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 10px;
    background: var(--colorWhite);
}

.counterTotal {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    padding: 2px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: var(--circularBold);
    margin-right: 7px;
    height: 46px;
    width: 46px;
}

.dashboardStepsInner {
    display: flex;
    align-items: center;
}

/* .dashboardCountInfo {
    display: flex;
    flex-direction: column;
} */
.parentAmountSections{
    display: inline-flex;
    flex-direction: column;
}

.counterTotal {
    position: relative;
}

.counterTotal::before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    border-radius: 50%;
    z-index: 0;
}









.stepOne .counterTotal {
    color: var(--colorPrim);
    color: #52A959;
}
.stepOne .counterTotal:before {
    background: var(--colorPrim);
    background: #52A959;
    opacity: 0.15;
}
.stepOne .stepArrow svg path{
    stroke: #52A959;
}

.stepTwo .counterTotal {
    color: #FF0000;
    color: var(--colorPrim);
}
.stepTwo .counterTotal:before {
    background: #FF0000;
    background: var(--colorPrim);
    opacity: 0.15;
}
.stepTwo .stepArrow svg path{
    stroke: var(--colorPrim);
}

.stepThree .counterTotal {
    color: #52A959;
    color: #FF0000;
}
.stepThree .counterTotal:before {
    background: #52A959;
    background: #FF0000;
    opacity: 0.15;
}
.stepThree .stepArrow svg path{
    stroke: #FF0000
}

.stepFour .counterTotal {
    color: #FFC327;
}
.stepFour .counterTotal:before {
    background: #FFC327;
    opacity: 0.15;
}

/* .dashboardStepsChild .counterTotal {
    color: #030229;
} */

.dashboardStepsChild .stepCountHeading {
    text-transform: uppercase;
    font-family: var(--circularBold);
}

.dashboardStapsBox {
    margin-bottom: 20px;
}

.dashboardStapsBox .row {
    margin-left: -5px;
    margin-right: -5px;
}

.dashboardStapsBox .col-sm-3 {
    padding-left: 5px;
    padding-right: 5px;
}

.dashboardTableTopLeftIcon {
    height: 46px;
    width: 46px;
    min-width: 46px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
}

.dashboardTableChild {
    background: var(--colorWhite);
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
    height: 100%;
}

.dashboardTablesBox,
.tableChartsChild {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
}

.dashboardTablesBox .dashboardTable,
.tableChartsBox .dashboardTableChildSec {
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
}

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

.dashboardTableTopLeftSec {
    display: flex;
}

.dashboardTableTopLeftIcon {
    position: relative;
}

.dashboardTableTopLeftIcon::before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    border-radius: 50%;
    opacity: 0.15;
}

.areaResearchTable .dashboardTableTopLeftIcon::before {
    background: rgba(91, 147, 255, 1);
    background: rgba(82, 169, 89, 1);
}
.areaResearchTable .dashboardTableTopLeftIcon svg path{
    fill: #52A959;
}
.areaResearchTable .areaResearchTooldrop svg path{
    stroke: #52A959;
}

.leadsTable .dashboardTableTopLeftIcon::before {
    background: rgba(255, 143, 107, 1);
    background: var(--colorPrim);
}
.leadsTable .dashboardTableTopLeftIcon svg path {
    fill: var(--colorPrim);
}
.leadsTable .toolDropBox svg path{
    stroke: var(--colorPrim);
}

.leadsTable .dashButtonBox .dashButtonTransparent{
    background: rgba(71, 105, 255, .20);
}


.dashboardTableTopLeftSec2 {
    display: flex;
    flex-direction: column;
}

.dashboardTableTopLeftSec2Top {
    display: inline-flex;
}

.dashboardTableTopLeftSec2Top span:last-child {
    margin-left: 5px;
}

.dashboardTableTopLeftSec2Btm {
    color: #A6ACBE;
    line-height: 14px;
    margin-top: 10px;
    display: inline-block;
}

.dashboardTableTop {
    display: flex;
    border-bottom: 1px solid rgba(181, 181, 195, 1);
    padding-bottom: 10px;
    align-items: flex-end;
    justify-content: space-between;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
    /* display: none; */
}

#DataTables_Table_0_length{
    display: none;
}

#DataTables_Table_0_info{
    font-size: 14px;
    margin-left: 10px;
    color: var(--colorWarmGrey);
}

table.dataTable.stripe>tbody>tr.odd>*,
table.dataTable.display>tbody>tr.odd>*,
table.dataTable.display>tbody>tr.even>.sorting_1,
table.dataTable.order-column.stripe>tbody>tr.even>.sorting_1 {
    box-shadow: none !important;
}

table.dataTable.hover>tbody>tr:hover>*,
table.dataTable.display>tbody>tr:hover>* {
    box-shadow: none !important;
}
table.dataTable tbody tr{
    cursor: pointer;
}
table.dataTable tbody tr:hover {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.035) !important;
}

table.dataTable.display tbody tr:last-child td {
    border-bottom: none;
}

.tableHeadDataChild {
    flex-direction: column;
}

.dashTableBox tr th {
    font-size: 16px;
    line-height: 18px;
    font-size: 14px;
    line-height: 16px;
    color: #A6ACBE;
    font-family: var(--circularRegular);
    font-weight: normal;
}

.dashTableBox tr td {
    font-size: 16px;
    line-height: 16px;
    color: #030229b3;
}

.dashTableBox tr td.tableDataHeading {
    color: #030229;
}

.dashTableBox tr td.tableDataFor {
    color: #030229;
    opacity: 0.7;
}

table.dataTable thead th {
    font-weight: 400 !important;
    color: #A6ACBE;
}

.tableDataHeading {
    font-size: 18px;
    color: #030229;
}

table.dataTable thead>tr>th.sorting:before,
table.dataTable thead>tr>th.sorting_asc:before,
table.dataTable thead>tr>th.sorting:after,
table.dataTable thead>tr>th.sorting_desc:after {
    font-size: .5em;
    line-height: 6px;
}

table.dataTable thead th {
    border-bottom: none;
    padding: 10px 5px 5px;
    height: 32px;
    vertical-align: initial;
}

table.dataTable tbody td {
    padding: 5px 5px;
    height: 39px;
}

table.dataTable tbody tr:first-child td {
    /* padding-top: 0; */
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: none;
}

.tableLeads span {
    height: 38px;
    width: 38px;
    border-radius: 50%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 14px;
    color: var(--colorPrim);
    margin: auto 0 auto auto;
}

.tableLeads span::before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    border-radius: 50%;
    background: rgba(71, 105, 255, 1);
    opacity: 0.20;
}

table.dataTable thead>tr>th.sorting:after,
table.dataTable thead>tr>th.sorting_desc:after {
    right: 8px;
    /* right: inherit; */
    /* left: 13px; */
}

table.dataTable thead>tr>th.sorting:before,
table.dataTable thead>tr>th.sorting_desc:before {
    /* bottom: initial; */
    top: 10px;
}

table.dataTable thead>tr>th.sorting:after,
table.dataTable thead>tr>th.sorting_desc:after {
    top: 9px;
}

/* table.dataTable thead>tr>th.sorting:before, 
table.dataTable thead>tr>th.sorting_asc:before{

}
table.dataTable thead>tr>th.sorting:before,
table.dataTable thead>tr>th.sorting_desc:before{

} */
.tableChartsBox {
    margin-top: 20px;
}

.dealAnalyserChartBox .dashboardTableTopLeftIcon::before {
    background: rgba(82, 169, 89, 1);
    background: rgba(255, 0, 0, 1);
}
.dealAnalyserChartBox .dashboardTableTopLeftIcon svg path{
    fill: #FF0000;
}
.dealAnalyserChartBox .dashboardTableTopLeftSec2Top .toolDropBox svg path{
    stroke: #FF0000;
}

.portfolioChartBox .dashboardTableTopLeftIcon::before {
    background: rgba(255, 172, 0, 1);
}

.chartLabelsBox .chartLabelCounter {
    height: 24px;
    width: 24px;
    border-radius: 5px;
    margin-right: 5px;
    font-size: 16px;
    line-height: 16px;
    color: var(--colorWhite);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.chartLableList.chartLabelBtl .chartLabelCounter {
    background: #36b0c5;
}

.chartLableList.chartLabelHmo .chartLabelCounter {
    background: #006bb3;
}

.chartLableList.chartLabelFlip .chartLabelCounter {
    background: #03a494;
}

.chartLableList.chartLabelBrr .chartLabelCounter {
    background: #874f90;
}

.chartLableList.chartLabelR2sa .chartLabelCounter {
    background: #e4811f;
}

.chartLableList.chartLabelR2r .chartLabelCounter {
    background: #c62e1a;
}
.chartLableList.chartLabelR2rN .chartLabelCounter {
    background: #8bc61a;
}
.chartLableList.chartLabelB2sa .chartLabelCounter {
    background: #f66b84;
}
.chartLableList.chartLabelBrrHmo .chartLabelCounter {
    background: #999b9e;
}

.strategiesChartBox ul,
.offersChartBox ul {
    display: grid;
    grid-row-gap: 12px;
}
.chartLabelsBox{
    padding-top: 20px;
}
.strategiesChartBox .chartLabelsBox ul {
    grid-template-columns: auto auto auto;
}

.chartLableList .chartLabelHeading {
    color: #030229;
    opacity: 0.7;
}

.chartLableList.chartLabelPending .chartLabelCounter {
    background: #FFD66B;
}

.chartLableList.chartLabelAccepted .chartLabelCounter {
    background: #87EDA4;
}

.chartLableList.chartLabelDeclined .chartLabelCounter {
    background: #FF0000;
}

.chartLableList.chartLabelWithdrawn .chartLabelCounter {
    background: #B5B5C3;
}

.offersChartBox .chartLabelsBox ul {
    grid-template-columns: auto auto;
}

.dealAnalyserChartsInner2 {
    display: flex;
}

.dashboardChartSection {
    width: 50%;
    padding: 0px 10px 10px;
}

.strategiesChartBox.dashboardChartSection {
    border-right: 1px solid rgba(238, 240, 246, 1);
}

.dealAnalyserChartsInner {
    padding: 10px 0px;
}

.commonDashboardChartMain{
    height: 200px;
    width: 100;
    display: flex;
    align-items: center;
    justify-content: center;
}
.commonDashboardChart {
    position: relative;
    height: 200px;
    width: 200px;
    
}

.basicChart {
    position: absolute;
    width: 200px;
    height: 200px;
    top: 0;
    left: 0;
    margin: -225px 0 0 -225px;
    margin: 0;
}

.doughnutTip {
    position: absolute;
    min-width: 30px;
    max-width: 150px;
    padding: 5px 15px;
    border-radius: 1px;
    background: rgba(0, 0, 0, .8);
    color: #ddd;
    font-size: 12px;
    text-shadow: 0 1px 0 #000;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.3;
    letter-spacing: .06em;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    pointer-events: none;

    &::after {
        position: absolute;
        left: 50%;
        bottom: -6px;
        content: "";
        height: 0;
        margin: 0 0 0 -6px;
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
        border-top: 6px solid rgba(0, 0, 0, .7);
        line-height: 0;
    }
}

.doughnutSummary {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #d5d5d5;
    text-align: center;
    text-shadow: 0 -1px 0 #111;
    cursor: default;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px !important;
    height: 60px !important;
    margin-left: -30px;
    margin-top: -30px;
    border-radius: 50%;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.13);
}

.doughnutSummaryNumber {
    /* position: absolute; */
    top: 0;
    width: 100%;
    margin-top: 0;
    font-size: 24px;
    color: #000;
}

.basicChart path:hover {
    opacity: 1;
}

.doughnutSummary .doughnutSummaryTitle {
    display: none;
}
.basicChart svg path{
    stroke: transparent !important;
}
.dealAnalyserChartHead {
    text-align: center;
    margin-bottom: 10px;
    /* padding-top: 10px; */
}
.dashboardProgressBar{
    position: relative;
    width: 200px;
    margin: 0 auto;
    padding-bottom: 18px;
}
.dashboardProgressBar .barValue{
    position: absolute;
    top: calc(100% - 15px);
    font-size: 14px;
    line-height: 14px;
    width: 35px;
    text-align: center;
    color: #A6ACBE;
    min-width: fit-content;
}
.barValue.barStartValue{
    left: 0;
}
.barValue.barEndValue{
    right: 0;
}
.dashboardBarsBoxs{
    display: flex;
    flex-wrap: wrap;
}
.dashboardBarsBoxs .dashboardBarsChild{
    width: 50%;
    padding-bottom: 15px;
    border-right: 1px solid #EEF0F6;
    padding-top: 10px;
    border-bottom: 1px solid #EEF0F6;
}
.dashboardBarsBoxs.dashboardBarsBoxsMid .dashboardBarsChild{
    padding-bottom: 25px;
}
.dashboardBarsBoxs .dashboardBarsChild:last-child{
    border-right: none;
}
.dashboardBarsBoxs:last-child .dashboardBarsChild{
    padding-bottom: 0;
    border-bottom: none;
}
.cardProgressValue{
    position: absolute;
    top: 100%;
    text-align: center;
    width: 100%;
    font-size: 18px;
    line-height: 18px;
    font-weight: 900;
    color: #030229;
    font-family: var(--circularBold);
}
.barsSectionHeading{
    margin-bottom: 5px;
    color: #030229;
    opacity: 0.7;
}
.dashboardBarsSection{
    padding: 10px 0;
}
.toolDropBox:hover{
    cursor: pointer;
}
.dashButtonBox{
    display: inline-block;
    margin-bottom: 2px;
}
.dashButtonBox:last-child{
    margin-bottom: 0;
}
.dashButtonBox .dashButton{
    padding: 0px 3px;
    min-height: 22px;
    border: 1px solid #c0d5ed;
    color: var(--colorPrim);
    border-radius: 5px;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}
.dashButtonBox .dashButton:hover{
    background: var(--colorPrim);
    color: var(--colorWhite);
    border: 1px solid var(--colorPrim);
}
.dashButtonBox .dashButton:hover svg path{
    fill: var(--colorWhite);
}
.dashButton .dashButtonIcon{
    margin-right: 5px;
}
.dashButton .dashButtonText{
    font-size: 14px;
    line-height: 14px;
    font-family: var(--circularMedium);
}
.dashboardTableTopRight{
    padding-left: 5px;
}
.dashboardTableTopRightChild{
    display: flex;
    flex-direction: column;
}
.dashButton.dashButtonBlue{
    background: #F1F4FF;
    border: 1px solid #F1F4FF;
}

.dashButton.dashButtonRed{
    background: rgba(255, 143, 107, .2);
    border: 1px solid rgba(255, 143, 107, .2);
    color: #FF0000;
}
.dashButton.dashButtonRed:hover{
    background: #FF0000;
    border: 1px solid #FF0000;
    color: var(--colorWhite);
}
.dashButtonIcon.dashButtonIconNew{
    border: 1px solid var(--colorPrim);
    height: 18px;
    width: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.dashButton.dashButtonTransparent:hover .dashButtonIcon.dashButtonIconNew{
    border: 1px solid var(--colorWhite);
}

.dashButton.dashButtonGreen{
    background: rgba(82, 169, 89, .15);
    border: 1px solid rgba(82, 169, 89, .15);
    color: #52A959;
}
.dashButton.dashButtonGreen:hover{
    background: #52A959;
    border: 1px solid #52A959;
    color: var(--colorWhite);
}

.dashButton.dashButtonYellow{
    background: rgba(255, 246, 227, 1);
    border: 1px solid rgba(255, 246, 227, 1);
    color: #FFAC00;
}
.dashButton.dashButtonYellow:hover{
    background: #FFAC00;
    border: 1px solid #FFAC00;
    color: var(--colorWhite);
}
.dashButton.dashButtonYellow:hover svg path{
    stroke: var(--colorWhite);
}
.dashButton.dashButtonYellow:hover svg path:first-child{
    stroke: var(--colorWhite);
    fill: #FFAC00;
}
.dashboardTableBottom .dataTables_scrollBody{
    max-height: 244px;
    overflow-y: auto;
}


.dashboardStepsChild .dashboardCountInfo span{
    color: rgba(3, 2, 41, .7);
}
.dashboardTableTopLeftSec2Top span:first-child{
    color: rgba(3, 2, 41, .7);
}
.dashboardBarsBoxs:first-child .dashboardBarsChild{
    padding-top: 0;
}
td.tablePostcodeArea {
    display: flex;
    align-items: center;
}
th.leadsCounts{
    width: 60px !important;
}
.dropDownSign{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    transform: rotate(0deg);
    /* transition: all 0.3s ease; */
}
.filtersLists.filtersLists2 .dropDownSign{
    transform: rotate(180deg);
    /* transition: all 0.3s ease; */
} 
.chartLableList{
    display: flex;
    align-items: center;
}

/* table Custom Scroll */
.dashboardTableBottom .dataTables_scrollBody::-webkit-scrollbar {
    width: 3px;
    height: 3px;
}
.dashboardTableBottom .dataTables_scrollBody::-webkit-scrollbar-track {
    background: transparent;
}
.dashboardTableBottom .dataTables_scrollBody::-webkit-scrollbar-thumb {
    background: #DADCE4;
}
.dashButtonText2{
    display: none;
}
.form-check-input{
    border: 2px solid var(--colorPrimDark);
    background-image: url('../img/form-check-input.svg') !important;
}
.form-switch .form-check-input:checked{
    background-image: url('../img/form-checked-input.svg') !important;
}

.btnAnimate {
    animation: blink-animation 1s infinite;
}
.btnAnimate svg path{
    animation: blink-animation2 1s infinite;
}
@keyframes blink-animation {
    0% {
        background-color: #009e35;
    }
    50% {
        background-color: #ffffff;
    }
    100% {
        background-color: #009e35;
    }
}
@keyframes blink-animation2 {
    0% {
        fill: #ffffff;
    }
    50% {
        fill: #009e35;
    }
    100% {
        fill: #ffffff;
    }
}

table.dataTable thead>tr>th.sorting:before,
thead>tr>th.sorting:before, 
table.dataTable thead>tr>th.sorting_asc:before, 
table.dataTable thead>tr>th.sorting_desc:before{
    content: '\f175';
    font-family: 'Font Awesome 5 FREE';
    font-weight: 900;
}
table.dataTable thead>tr>th.sorting:after, 
table.dataTable thead>tr>th.sorting_asc:after{
    content: '\f176';
    font-family: 'Font Awesome 5 FREE';
    font-weight: 900;
}
table.dataTable thead>tr>th.sorting:before, 
table.dataTable thead>tr>th.sorting_asc:before,
table.dataTable thead>tr>th.sorting:after, 
table.dataTable thead>tr>th.sorting_desc:after{
    font-size: 0.8em;
    line-height: 1rem;
}
table.dataTable thead>tr>th.sorting:before,
table.dataTable thead>tr>th.sorting_asc:before{
    right: 17px;
    /* right: inherit;
    left: 5px; */
}


table.dataTable thead>tr>th.sorting, 
table.dataTable thead>tr>th.sorting_asc, 
table.dataTable thead>tr>th.sorting_desc, 
table.dataTable thead>tr>th.sorting_asc_disabled, 
table.dataTable thead>tr>th.sorting_desc_disabled, 
table.dataTable thead>tr>td.sorting, 
table.dataTable thead>tr>td.sorting_asc, 
table.dataTable thead>tr>td.sorting_desc, 
table.dataTable thead>tr>td.sorting_asc_disabled, 
table.dataTable thead>tr>td.sorting_desc_disabled{
    padding-right: 35px;
    /* padding-right: 8px; */
    /* padding-right: 5px;
    padding-left: 35px; */
}

table.dataTable thead>tr>th.sorting:before, 
table.dataTable thead>tr>th.sorting:after, 
table.dataTable thead>tr>th.sorting_asc:before, 
table.dataTable thead>tr>th.sorting_asc:after, 
table.dataTable thead>tr>th.sorting_desc:before, 
table.dataTable thead>tr>th.sorting_desc:after, 
table.dataTable thead>tr>th.sorting_asc_disabled:before, 
table.dataTable thead>tr>th.sorting_asc_disabled:after, 
table.dataTable thead>tr>th.sorting_desc_disabled:before, 
table.dataTable thead>tr>th.sorting_desc_disabled:after, 
table.dataTable thead>tr>td.sorting:before, 
table.dataTable thead>tr>td.sorting:after, 
table.dataTable thead>tr>td.sorting_asc:before, 
table.dataTable thead>tr>td.sorting_asc:after, 
table.dataTable thead>tr>td.sorting_desc:before, 
table.dataTable thead>tr>td.sorting_desc:after, 
table.dataTable thead>tr>td.sorting_asc_disabled:before, 
table.dataTable thead>tr>td.sorting_asc_disabled:after, 
table.dataTable thead>tr>td.sorting_desc_disabled:before, 
table.dataTable thead>tr>td.sorting_desc_disabled:after {
    opacity: .25;
}
table.dataTable thead>tr>th.sorting_asc:before, 
table.dataTable thead>tr>th.sorting_desc:after, 
table.dataTable thead>tr>td.sorting_asc:before, 
table.dataTable thead>tr>td.sorting_desc:after {
    opacity: .8;
}
.searchFilterToggle{
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.searchFilterToggle span{
    line-height: 13px;
    margin-left: 3px;
}
.searchDropdownFilter .searchFilterToggle{
    margin-bottom: 16px;
}
.searchDropdownFilter .searchFilterDropBox {
    display: none;
}
/* .searchDropdownFilter2 .searchFilterDropBox{
    display: block;
} */
.searchDropdownFilter .searchFilterToggle svg line:first-child{
    display: inline-block;
}
.searchDropdownFilter.searchDropdownFilter2 .searchFilterToggle svg line:first-child{
    display: none;
}
.graphCardChildTopSec.graphCardChildTopTitle h2{
    font-family: var(--circularMedium);
}

.saveFilterBtnBox .filtersListsItem.saveFilterBtn{
    width: auto;
    display: inline-block;
    float: left;
    /* width: 120px; */
}
.newFiltersBoxNewSec .newFilterLinks{
    padding-right: 8px;
    justify-content: center;
    color: var(--colorWarmGrey);
}
.newFiltersBoxNewSec .newFilterLinks:hover{
    background-color: var(--colorPrim);
    color: var(--colorWhite);
}


.findAreasPageNew .findAreaTop{
    margin-bottom: 10px;
}
.findAreasPageNew .findAreaTopChild {
    display: flex;
    align-items: center;
}
.findAreasPageNew .findAreaTopLeft{
    height: 50px;
    width: 50px;
    min-width: 50px;
    border-radius: 50%;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 7px;
}
.findAreasPageNew .findAreaTopLeft::after{
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    background-color: rgba(82, 169, 89, .1)
}
.findAreaPageSection {
    display: flex;
}
.findAreaFilterSection{
    background-color: var(--colorWhite);
    border-radius: 10px;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
    padding: 12px 12px;
}
.findAreaPageSection .findAreaFilterPage{
    width: 350px;
    min-width: 350px;
}

.downloadCsvBox a{
    height: 27px;
    border-radius: 4px;
    display: inline-block;
}
.findAreaTopRightHeading{
    color: rgba(3, 2, 41, 0.7);
} 
.findAreaTopRightText{
    color: rgba(166, 172, 190, 1);
}

.colorLightDark{
    color: rgba(3, 2, 41, 0.7);
}

.filtersSectionChild.filtersSectionChildNew .customCheckBox{
    padding: 0;
    width: 100%;
    margin-bottom: 0;
    line-height: normal;
}
.childFilters.childFiltersNew{
    margin-left: 0;
    display: grid;
    grid-template-columns: auto auto;
    grid-column-gap: 8px;
    grid-row-gap: 5px;
}
.filtersSectionChildNew .parentFilter{
    margin-bottom: 5px;
}
.filtersSectionChild.filtersSectionChildNew .customCheckBox input[type="checkbox"]+label {
    padding-left: 20px;
}
.findAreaInputs .areaChildInputs{
    display: grid;
    grid-template-columns: auto auto;
    grid-column-gap: 10px;
}
.findAreaChecksSection{
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ddd;
}
.filterFormSecLabel{
    margin-bottom: 2px;
}
.findAreaInputs .findAreaInputChild {
    margin-bottom: 10px;
}
.flexBtn{
    display: inline-flex;
    align-items: center;
}
.moreSectionChild{
    position: relative;
    width: fit-content;
}
.moreSectionDropDown{
    position: absolute;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    top: 30px;
    background: #fff;
    min-width: fit-content;
    min-width: max-content;
    z-index: 2;
}
.moreSectionChild.moreSectionChild2 .moreSectionDropDown{
    opacity: 1;
    visibility: visible;
}
.moreSectionDropDown{
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.15);
}
.moreSectionDropDown a{
    width: 100%;
    display: block;
    padding: 5px 8px;
    cursor: pointer;
    color: #000;
    font-size: 14px;
    line-height: 16px;
    min-width: max-content;
}
.moreSectionDropDown a:hover{
    color: var(--colorPrim);
}
.inputSectionChild{
    margin-bottom: 15px;
}
.clonedParentLabel{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.onRemoveClone{
    font-size: 14px;
    height: 20px;
    width: 20px;
    display: inline-block;
    border-radius: 50%;
    border: 1px solid transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--colorRed1);
    background-color: var(--colorWhite);
}
.onRemoveClone:hover{
    color: var(--colorWhite);
    background: var(--colorRed1);
}
.findAreaInputs.countsFilters{
    margin-bottom: 5px;
}
.findAreaBottom {
    margin-top: 15px;
}
.findAreaBottom .dashButtonGreen{
    width: auto;
    padding: 6px 25px;
    font-size: 15px;
    line-height: 15px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    font-weight: 700;
    margin: 0 auto;
}
.findAreaFilterTable{
    margin-left: 15px;
    width: calc(100vw - 735px);
    /* width: calc(100vw - 718px); */
    /* position: sticky; */
    /* top: 130px; */
    /* height: calc(100vh - 132px); */
    height: 100%;
}
table.filterTableBox.dataTable tr,
table.filterTableBox.dataTable td{
    border-right: 1px solid #ddd;
}
table.filterTableBox.dataTable tbody td:first-child{
    padding-top: 5px;
}
table.filterTableBox.dataTable thead th{
    border-bottom: 1px solid #ddd;
}
.filterTableBox .stickyCell{
    position: sticky !important;
    background: var(--colorWhite);
    z-index: 1;
    left: 0;
}
/* .filterTableBox .stickyTableHeader::after, */
.filterTableBox .stickyTableData::before,
.filterTableBox .stickyTableData::after{
    position: absolute;
    content: '';
    background: #ddd;
}
.filterTableBox .stickyTableData::before{
    width: 100%;
    height: 1px;
    bottom: -1px;
    left: 0;
}
/* .filterTableBox .stickyTableHeader::after, */
.filterTableBox .stickyTableData::after{
    width: 1px;
    height: 100%;
    right: -1px;
    top: 0;
}

table.filterTableBox{
    border-collapse: collapse;
}
table.filterTableBox.dataTable tbody td{
    height: auto;
    font-size: 13px;
    line-height: 14px;
    padding: 6px 8px;
    height: 16px;
}

.filterTableSection {
    border: 1px solid rgba(0, 0, 0, 0.2);
}
.filterTableSection .dataTables_scrollBody::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
.filterTableSection .dataTables_scrollBody::-webkit-scrollbar-track {
    background: transparent;
}
.filterTableSection .dataTables_scrollBody::-webkit-scrollbar-thumb {
    background: #DADCE4;
}
table.filterTableBox.dataTable td.stickyTableData{
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
}
table.filterTableBox.dataTable tr.stickyTableHeader{
    border-right: 1px solid transparent;
}
table.filterTableBox.dataTable tr:hover{
    box-shadow: none;
}
table.filterTableBox.dataTable tr:hover td{
    background-color: #eee;
}

table.filterTableBox.dataTable thead th{
    border-right: 1px solid #ddd;
    background: #f5f5f5;
}
table.filterTableBox.dataTable thead th.stickyTableHeader{
    border-right: 1px solid transparent;
}
table.filterTableBox.dataTable thead th .tableHeaderBorder{
    position: absolute;
    content: '';
    height: 100%;
    width: 1px;
    top: 0;
    right: -1px;
    background: #ddd;
}
table.filterTableBox.dataTable tbody tr:first-child td {
    padding-top: 6px;
}
table.filterTableBox.dataTable tbody tr:last-child td{
    /* margin-bottom: 10px; */
    border-bottom: 1px solid #ddd;
}
table.filterTableBox.dataTable tr th:last-child,
table.filterTableBox.dataTable tr td:last-child{
    border-right: 1px solid transparent;
}
.filterTableSection .dataTables_scrollBody{
    max-height: calc(100vh - 303px);
    max-height: calc(100vh - 315px);
    max-height: calc(100vh - 322px);
    /* max-height: calc(100% - 200px); */
}
.tableFilterBottomSpan span{
    padding-left: 2px;
}
.tableFilterBottom{
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
}
.findAreaFilterTable .filterTableChild {
    position: relative;
}
.filterTableSection .dataTables_wrapper .dataTables_filter{
    display: block;
    position: absolute;
    top: -60px;
    right: 0;
}
.filterTableSection .dataTables_wrapper .dataTables_filter input{
    font-size: 14px;
    line-height: 14px;
    /* background-color: var(--colorLight); */
    border-radius: 5px;
}
.filterTableSection .dataTables_wrapper .dataTables_filter input::placeholder{
    color: #ccc;
}
.filterTableSection .dataTables_wrapper .dataTables_filter label{
    font-size: 15px;
    line-height: 15px;
}
.filterTableSection .dataTables_wrapper .dataTables_filter input:focus,
.filterTableSection .dataTables_wrapper .dataTables_filter input:focus-visible{
    outline: none;
}

.filterTableSection .customCheckBox input[type="checkbox"]+label{
    font-size: 14px;
    line-height: 20px;
    font-family: var(--circularRegular);
    color: #A6ACBE;
    padding-left: 16px;
    height: 16px;
    width: 16px;
}
.tableStickyCheckbox .customCheckBox{
    margin-bottom: 0;
}

.customCheckBox.customTableCheckbox input[type="checkbox"]:checked+label::before, 
.customCheckBox.customTableCheckbox input[type="checkbox"]:not(:checked)+label::before{
    height: 16px;
    width: 16px;
}
.customCheckBox.customTableCheckbox input[type="checkbox"]:checked+label::after{
    left: 5px;
    top: 3px;
}
.customCheckBox.customTableCheckbox input{
    height: 16px;
    width: 16px;
}
.filterTableBox .tableStickyCheckbox{
    width: 20px !important;
    min-width: 20px !important;
}
.filterTableBox .stickyPostcode{
    width: 55px ;
    min-width: 55px !important;
}
.filterTableBox .stickyBedrooms{
    width: 55px ;
    min-width: 55px !important;
}

.filterTableBox tr .tableStickyCheckbox  {
    left: 0;
}
.filterTableBox tr .stickyPostcode{
    left: 60.5px;
}
.filterTableBox tr .stickyBedrooms{
    left: 160px;
}
table.filterTableBox.dataTable thead th{
    padding: 5px 5px;
}
/* table.filterTableBox.dataTable tbody td{
    text-align: center;
} */
.filterAreaMapBox {
    margin-top: 20px;
}
.toggleRegionChecks{
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}
.findAreaChecksLists{
    display: none;
}
.findAreaChecksSection .toggleDivIcon{
    transform: rotate(0deg);
    transition: all 0.3s ease;
}
.findAreaChecksSection.findAreaChecksSection2 .toggleDivIcon{
    transform: rotate(180deg);
    transition: all 0.3s ease;
}
.toolDropBoxNew{
    padding-left: 3px;
}
.findAreaChecksLists .filtersSectionChild{
    margin-top: 5px;
}
/* .stickyHeaderCheckbox::after,
.stickyHeaderCheckbox::before{
    display: none !important;
}
.stickyHeaderCheckbox{
    padding-left: 15px !important;;
    padding-right: 15px !important;;
}*/
table.filterTableBox.dataTable thead th{
    color: var(--colorBlack)
} 
.rotateImage{
    transform: rotate(180deg);
}
.toggleFilterDiv{
    display: none;
}
.filterTableSection .dataTables_scrollHead{
    background: #f5f5f5;
}
.filterAreaRightSection .toggleFilterDiv{
    transform: rotate(0deg);
    transition: all 0.3s ease;
}
.filterAreaRightSection.filterAreaRightSection2 .toggleFilterDiv{
    transform: rotate(180deg);
    transition: all 0.3s ease;
}


.dashboardTableTop{
    border-bottom: none;
}
.customTableDesign {
    border: 1px solid #ddd;
}
.customTableDesign table.dataTable thead th{
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    /* background: #f5f5f5; */
    color: #000;
}
.customTableDesign table.dataTable thead th:last-child{
    border-right: none;
}
.customTableDesign table.dataTable tbody tr td{
    /* border-right: 1px solid #ddd; */
}
.customTableDesign table.dataTable tbody tr td:last-child{
    border-right: none;
}

.customTableDesign table.dataTable tbody tr td .tableAnchor{
    color: #030229b3;
    display: flex;
    align-items: center;
}
.onAddMoreSection {
    cursor: pointer;
}
.filterTableSection .dataTables_wrapper .dataTables_filter{
    top: -50px;
    right: 38px;
}
.filterTableSection .dataTables_wrapper #client-properties_filter{
    top: -51px;
    right: 210px;
}
.findAreaTopRightParent{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.toggleTableViewLink{
    cursor: pointer;
    display: inline-block;
    border-radius: 4px;
}
.toggleTableViewLink:hover{
    background: var(--colorGreenTheme);
}
.toggleTableViewLink:hover svg path{
    stroke: var(--colorWhite);
}

.largetable-scroller{
    overflow: visible;
}


.findAreaFilterTable .largetable-maximized .largetable-scroller{
    padding: 65px 20px 20px;
    align-items: flex-start;
}
.findAreaFilterTable .largetable-maximized .largetable-scroller .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody{
    position: relative;
    overflow: auto;
    width: 100%;
    max-height: calc(100vh - 170px);
    max-height: calc(100vh - 210px);
}
.findAreaFilterTable .largetable-maximized .largetable-scroller .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody::-webkit-scrollbar{
    width: 10px;
    height: 10px;
    /* width: 5px;
    height: 5px; */
}

.findAreaFilterTable .largetable-maximized .largetable-scroller .dataTables_wrapper{
    width: 100%;
}
.largetable.largetable-maximized .dataTables_scroll{
    border: 1px solid #ddd;
}
.findAreaFilterTable .largetable-maximized .largetable-scroller .dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable{
    width: calc(100% - 5px) !important;
    width: 100% !important;
}

/* .findAreaFilterTable .largetable .largetable-scroller .dataTables_scrollHead .dataTables_scrollHeadInner{
    width: calc(100% - 5px) !important;
} */

.closeLargeTableBtn{
    position: absolute;
    top: 15px;
    right: 20px;
}
.closeLargeTableBtn .onCloseLargeTable{
    height: 29px;
    width: 29px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: var(--colorRed);
    border: 1px solid var(--colorRed);
    cursor: pointer;
    border-radius: 4px;
}
.closeLargeTableBtn .onCloseLargeTable:hover{
    background-color: var(--colorRed);
    color: var(--colorWhite);
}

.dealAnalyserChartBox .dashboardTableTop,
.portfolioChartBox .dashboardTableTop{
    border-bottom: 1px solid rgba(181, 181, 195, 1);
}

.counterContainer{
    display: flex;
}
.counterContainer .mix{
    height: 100%;
    width: 100%;
    background-color: red;
    margin: 10px;
}


.userLeadsPageNew .topLeftBoxChild{
    height: 90px;
    width: 90px;
    border-radius: 50%;
    background-color: var(--colorPrim);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    color: var(--colorWhite);
}

.areaResearchPage .topLeftBoxChild{
    height: 90px;
    width: 90px;
    border-radius: 50%;
    background-color: var(--colorGreenTheme);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    color: var(--colorWhite);
}

.savedFilterListItem .savedFilterTooltip{
    z-index: 11;
}

.btnStyle.newBtnDesign{
    font-size: 14px;
    line-height: 16px;
    padding: 4px 6px;
    display: inline-block;
    text-transform: capitalize;
    background: var(--colorWhite);
    color: var(--colorWarmGrey);
    text-align: center;
    border: 1px solid #dbdbdb;
    font-family: var(--circularRegular);
}
.btnStyle.newBtnDesign:hover{
    background: var(--colorPrim);
    color: var(--colorWhite);
    border: 1px solid var(--colorPrim);
}
.userLeadsFilters{
    display: flex;
    /* grid-template-columns: 16% 16% 16% 16% 16% 16%; */
    gap: 3px 8px;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 4px 6px;
}
/* .topMidBoxChildNew{
    gap: 10px;
} */
.topMidBoxChildNew {
    flex-wrap: inherit;
    gap: 15px;
}
.showAllFiltersBtn.showAllFiltersBtnActive,
.showAllFiltersBtn.mixitup-control-active,
.savedFilterLink.mixitup-control-active{
    background: var(--colorPrim);   
    color: var(--colorWhite);
    border: 1px solid var(--colorPrim);
}
 
.userLeadsFilters .savedFilterListItem:nth-child(6n-1) .savedFilterTooltip,
.userLeadsFilters .savedFilterListItem:nth-child(6n+6) .savedFilterTooltip{
    right: inherit;
    left: -370px;
}
.userLeadsFilters .savedFilterListItem:nth-child(6n-1) .savedFilterTooltip .savedFilterTooltipChild::before,
.userLeadsFilters .savedFilterListItem:nth-child(6n-1) .savedFilterTooltip .savedFilterTooltipChild::after,
.userLeadsFilters .savedFilterListItem:nth-child(6n+6) .savedFilterTooltip .savedFilterTooltipChild::before,
.userLeadsFilters .savedFilterListItem:nth-child(6n+6) .savedFilterTooltip .savedFilterTooltipChild::after{
    left: inherit;
    right: -10px;
}
.userLeadsFilters .savedFilterListItem:nth-child(6n-1) .savedFilterTooltip .savedFilterTooltipChild::before,
.userLeadsFilters .savedFilterListItem:nth-child(6n+6) .savedFilterTooltip .savedFilterTooltipChild::before{
    border-right: initial;
    border-left: 10px solid #dbdbdb;
}
.userLeadsFilters .savedFilterListItem:nth-child(6n-1) .savedFilterTooltip .savedFilterTooltipChild::after,
.userLeadsFilters .savedFilterListItem:nth-child(6n+6) .savedFilterTooltip .savedFilterTooltipChild::after{
    border-right: initial;
    border-left: 10px solid var(--colorWhite);
}
.topLeftBoxWebNew{
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
}
.newSearchBtn a{
    width: 100%;
}

.leadsFilterLink{
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.leadsFilterLink .leadsFilterCounter{
    position: absolute;
    right: 3px;
    top: 2px;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    border: 1px solid var(--colorPrim);
    background-color: var(--colorPrim);
    color: var(--colorWhite);
    font-size: 12px;
    line-height: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.leadsFilterLink.mixitup-control-active .leadsFilterCounter,
.leadsFilterLink:hover .leadsFilterCounter,
.savedFilterListItem.savedFilterListItemActive2 .leadsFilterLink .leadsFilterCounter{
    background-color: var(--colorWhite);
    color: var(--colorPrim);
}
.savedFilterLinkList .savedFilterLink.leadsFilterLink{
    padding-right: 30px;
}
.topMidBoxLeftNew{
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
}
.userLeadsFilters .savedFilterListItem{
    width: 15.7%;
    min-width: 15.7%;
    width: 16%;
    min-width: 16%;
}
.topLeftBoxMobNew{
    display: none;
}
.topLeftBoxNew{
    display: flex;
}
.topLeftBoxNew .topLeftBoxChild{
    margin-right: 5px;
}
.topLeftBox.topLeftBoxWebNew .btnTabsCont{
    flex-direction: row;
}
.topMidBoxLeftNew,
.topLeftBoxWebNew{
    height: 90px
}
.topLeftBoxNewChild{
    display: flex;
    flex-direction: row;
}
.propImageCard .vendorTag span{
    padding: 2px 7px 2px 7px;
}
.userLeadsFilterToggleLink{
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
}
.userLeadsFilterToggleBox {
    border-bottom: 1px solid #ddd;
    margin-bottom: 0px;
    padding-bottom: 5px;
    display: none;
}
.topSectionFilterBox{
    display: block;
}
.userLeadsFilterToggleLink,
.userLeadsFilterToggleLink:hover,
.userLeadsFilterToggleLink:focus {
    color: rgba(3, 2, 41, 0.7);
}
#accSideNav a,
.asideLinkRef{
    display: flex;
    align-items: center;
}
.asideLinkRef span:last-child{
    display: flex;
    align-items: center;
}
.event-count-notifier{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
}
.dashBoxPageSection{
    padding: 12px 12px;
    border-radius: 4px;
    background: var(--colorWhite);
}
.dashBoxPageSection.topMidBox{
    margin-top: 10px;
}
.userLeadsPageNew .topLeftBoxChild{
    height: 50px;
    width: 50px;
    min-width: 50px;
}
.topMidBoxLeftNew, .topLeftBoxWebNew {
    height: 100%;
}
.topMidBoxLeftNew span{
    color: var(--colorWarmGrey);
}
.topMidBoxLeftNew h2{
    color: #030229;
    opacity: 0.7;
}

.topLeftBoxNew{
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.topLeftBoxNewChild2{
    display: flex;
}
.filterShowBtns{
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #A6ACBE;
}
.userLeadsPageNew .topLeftBox .btnTabsCont a{
    margin-bottom: 0;
}
.filterShowBtns .showAllFiltersBox1:not(:first-child){
    margin-left: 5px;
}
.leadsFilterDropdownBox{
    display: none;
}
.leadsFilterToggleLink .toggleDivIcon{
    transform: rotate(0deg);
    transition: all 0.3s ease;
    display: inline-block;
    margin-left: 7px;
}
.leadsFilterToggleLink.leadsFilterToggleLink2{
    background-color: var(--colorPrim);
    color: var(--colorWhite);
}
.leadsFilterToggleLink.leadsFilterToggleLink2 .toggleDivIcon{
    transform: rotate(180deg);
    transition: all 0.3s ease;
}

.topLeftBox .btnTabsCont.btnTabsContNew a,
.userLeadsPageNew .topLeftBox .btnTabsCont a{
    border: 1px solid var(--colorPrim);
    height: 26px;
    color: var(--colorPrim);

    border: 1px solid #dbdbdb;
    color: var(--colorWarmGrey);
}
.topLeftBox .btnTabsCont.btnTabsContNew a:hover,
.topLeftBox .btnTabsCont.btnTabsContNew a.active,
.userLeadsPageNew .topLeftBox .btnTabsCont a.active{
    color: var(--colorWhite);
}

.dashboardStepsChild {
    box-shadow: 0px 0px 10px 0px #00000015;
}
.dashboardStepsChild:hover{
    box-shadow: 0px 0px 10px 3px #00000025;
}

.commonDashboardTable .dataTables_wrapper .dataTables_filter,
.commonDashboardTable .dataTables_wrapper .dataTables_info,
.commonDashboardTable .dataTables_wrapper .dataTables_paginate{
    display: none;
}
.userLeadsFilters{
    justify-content: flex-start;
}
.userLeadsFilters .savedFilterListItem{
    width: 19.5%;
    min-width: 19.5%;
}
.topLeftBox .btnTabsCont.btnTabsContNew{
    flex-direction: column;
    margin: 0;
    gap: 5px;
}
.topLeftBox .btnTabsCont.btnTabsContNew a{
    margin-left: 0;
}
.topLeftBoxNewChild2{
    align-items: center;
}
.filterShowBtns{
    border-right: none;
    margin-right: 0px;
}
.topLeftBoxNewSection{
    border-left: 1px solid #A6ACBE;
    padding-left: 10px;
}
.leadsFilterToggleLink.btnStyle.newBtnDesign{
    background: var(--colorWhite);
    color: var(--colorWarmGrey);
    border: 1px solid #dbdbdb;
}
.leadsFilterToggleLink.leadsFilterToggleLink2.btnStyle.newBtnDesign{
    background: var(--colorPrim);
    color: var(--colorWhite);
}
.dashHeadingTopSection{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.dashBoxPageSection .header-map{
    width: 90px;
    height: 90px;
    border-radius: 50%;
}
.topLeftBoxWebNewDesign .btnTabsCont{
    flex-direction: column;
}
.topMidBoxChildNewSection{
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
}
.topMidBoxChildNewLeft{
    display: flex;
    align-items: center;
}
.topMidBoxNewDesign.topMidBoxNewDesign2{
    width: 100%;
    display: flex;
    align-items: center;
    margin-left: 10px;
    border-left: 1px solid #A6ACBE;
}
.topMidBoxChildNewRight .filtersListsItem{
    margin-right: 0;
}
.topLeftBox .btnTabsCont.btnTabsContNew a{
    margin-bottom: 0;
}
.topMidBoxChildNewLeft .filtersListsItem,
.topMidBoxChildNewRight .filtersListsItem{
    margin-bottom: 0;
}
.topMidBoxNewDesign2 .topMidBoxChildNewSection{
    gap: 10px 10px;
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
}
.topMidBoxChildNewSection .topMidBoxChildNewLeft{
    display: flex;
    flex-wrap: wrap;
    gap: 10px 10px;
    gap: 10px 5px;
}
.topMidBoxChildNewSection .topMidBoxChildNewLeft .filtersListsItem{
    margin-right: 0;
    margin-bottom: 0;
}
.customButtonNewSec{
    min-width: fit-content;
    padding-right: 8px;
}
.newFiltersBoxNewSec .newFilterLinks{
    color: var(--colorPrim);
    border: 1px solid var(--colorPrim);

    border: 1px solid #dbdbdb;
    color: var(--colorWarmGrey);
}
.saveFilterBtnBoxNewSec{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 5px;
}
.customButtonNewSec svg{
    padding-right: 3px;
}
.customButtonNewSec:hover svg path{
    fill: var(--colorWhite);
}
.topLeftBoxNewSectionMob{
    display: none;
}

.customSelect2 .select2-container{
    width: 100% !important;
}

/* .customSelect2 .select2-container--default .select2-selection--multiple{
    border: none;
    display: flex;
    flex-direction: column-reverse;
    padding-right: 0;
} */
/* .customSelect2 .select2-search.select2-search--inline{
    width: 100% !important;
    border: 1px solid #ddd;
    display: block;
    border-radius: 4px;
    padding: 2px 10px;
} */
.customSelect2 .select2-container--default .select2-selection--multiple .select2-selection__choice{
    margin: 0;
    font-size: 13px;
    background: var(--colorWhite);
}
.customSelect2 .select2-container .select2-selection--multiple .select2-selection__rendered{
    display: flex;
    flex-wrap: wrap;
    gap: 5px 5px;
    margin-top: 0px;
    padding: 0;
}

.select2-dropdown .select2-results__option{
    font-size: 14px;
    line-height: 14px;
}

.customSelect2 .select2-container--default .select2-search--inline .select2-search__field{
    margin-left: 0;
    margin-top: 0;
    height: 24px;
}
.selectLocationFilterHead{
    margin-bottom: 5px;
    color: var(--colorWarmGrey);
}
.sectionSeparator{
    position: relative;
    text-align: center;
}
.sectionSeparator::after{
    position: absolute;
    content: '';
    height: 1px;
    width: 100%;
    background: #ddd;
    left: 0;
    top: 50%;
}
.sectionSeparator span{
    font-size: 14px;
    background: #fff;
    z-index: 2;
    position: relative;
    padding: 0 5px;
}


/*-------------*/

.customCommonTable table tr th:first-child,
.customCommonTable table tr th:nth-child(2),
.customCommonTable table tr th:nth-child(3),
.customCommonTable table tr td:first-child,
.customCommonTable table tr td:nth-child(2),
.customCommonTable table tr td:nth-child(3){
    z-index: 2;
}
.customCommonTable table tr td{
    background: var(--colorWhite);
}


.customCommonTable table tr td:first-child::after,
.customCommonTable table tr td:nth-child(2)::after,
.customCommonTable table tr td:nth-child(3)::after{
    position: absolute;
    content: '';
    height: 100%;
    width: 1px;
    right: -1px;
    top: 0;
    background: #ddd;
}
.customCommonTable table tr th:nth-child(2),
.customCommonTable table tr td:nth-child(2){
    left: 44.5px !important;
}
.customCommonTable table tr th:nth-child(3),
.customCommonTable table tr td:nth-child(3){
    left: 146.72px !important;
}
.customCommonTable .dataTables_info{
    display: block;
    padding-top: 3px;
}
.customCommonTable .dataTables_wrapper .dataTables_paginate{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding-bottom: 8px;
}
.customCommonTable .dataTables_wrapper .dataTables_paginate .paginate_button{
    width: 30px;
    min-width: 30px;
    padding: 5px;
    border-radius: 50%;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 2px;
    border: none !important;
    font-size: 14px;
    background: #e5f2e6;
}
.customCommonTable .dataTables_wrapper .dataTables_paginate .paginate_button.disabled{
    border: none;
}
.customCommonTable .dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.customCommonTable .dataTables_wrapper .dataTables_paginate .paginate_button.current{
    color: var(--colorWhite) !important;
    background: var(--colorGreenTheme);
    border: none;
    box-shadow: none;
}
/*.customCommonTable .dataTables_wrapper .dataTables_paginate .paginate_button.previous,*/
/*.customCommonTable .dataTables_wrapper .dataTables_paginate .paginate_button.next{*/
/*    width: auto;*/
/*}*/
.customCommonTable .dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover,
.customCommonTable .dataTables_wrapper .dataTables_paginate .paginate_button.next:hover{
    background: transparent;
    border: none;
    color: inherit!important;
}
.customCommonTable .dataTables_wrapper .dataTables_paginate .paginate_button.previous,
.customCommonTable .dataTables_wrapper .dataTables_paginate .paginate_button.next{
    opacity: 1;
    font-size: 0px;
    position: relative;
}
.customCommonTable .dataTables_wrapper .dataTables_paginate .paginate_button.previous:before,
.customCommonTable .dataTables_wrapper .dataTables_paginate .paginate_button.next:before{
    position: absolute;
    font-size: 14px;
    font-weight: 900;
    font-family: 'Font Awesome 5 FREE';
    color: var(--colorWarmGrey);
}
.customCommonTable .dataTables_wrapper .dataTables_paginate .paginate_button.previous:before{
    content: '\f053';
}
.customCommonTable .dataTables_wrapper .dataTables_paginate .paginate_button.next:before{
    content: '\f054';
}
.filterTableSection .dataTables_scrollBody{
    max-height: calc(100vh - 380px);
}
.tableZoomToggleIcon{
    padding: 5px;
}
.tableZoomToggleIcon:hover path{
    fill: var(--colorWhite);
}



.customSelect2 .select2-container--default .select2-selection--multiple .select2-selection__choice{
    padding-left: 20px;
}
.customSelect2 .select2-container .select2-selection--multiple.select2-selection--custom{
    min-height: 0;
}
.select2-container--default .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--multiple{
    border: 1px solid #aaa !important;
}
.customSelect2 .select2-container .select2-selection--multiple.select2-selection--custom{
    border: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.filterByCityTown ::placeholder{
    color: #ccc;
}
.customSelect2 .select2-container .select2-selection--multiple--custom .select2-search--inline{
    width: 100% !important;
}
.customSelect2 .select2-container--default.select2-container--focus .select2-selection--multiple,
.customSelect2 .select2-container--default .select2-selection--multiple{
    padding: 5px !important;
}
.customSelect2 .select2-container .select2-selection--multiple--custom .select2-search--inline{
    font-size: 14px;
}
.customSelect2 .select2-container--default .select2-selection--multiple .select2-selection__clear{
    display: none !important;
}

.findAreaTopChildSec{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.fieldResetLink svg{
    height: 35px;
    width: 35px;
}

.filterTableSection .dataTables_wrapper .dataTables_filter input{
    width: 193px;
}
.savedFilterListItem.lowestCount {
    position: relative;
    z-index: 9;
}
.savedFilterListItem.lowestCount:hover{
    cursor: not-allowed;
}
.savedFilterListItem.lowestCount::before{
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 10;
    background: transparent;
}
.savedFilterListItem.lowestCount .leadsFilterLink .leadsFilterCounter{
    background: #ccc;
    color: var(--colorblack);
    border: 1px solid #ccc;
}
.savedFilterListItem.lowestCount .leadsFilterLink:hover{
    cursor: not-allowed;
}
.savedFilterListItem.savedFilterListItemActive.lowestCount .savedFilterLink,
.savedFilterListItem.savedFilterListItemActive2.lowestCount .savedFilterLink{
    background: var(--colorWhite);
    color: var(--colorWarmGrey);
}

.findAreaMapMarkerDetail{
    display: flex;
    flex-direction: column;
}
.findAreaMapMarkerDetail .mapMarkerHeading{
    margin-bottom: 3px;
    color: var(--colorPrim);
    display: block;
    float: left;
    font-size: 115%;
    text-transform: capitalize;
}
.findAreaMapMarkerDetail .mapMarkerDetailList{
    margin-bottom: 5px;
    color: #707070;
    display: inline-block;
    float: left;
}
.findAreaMapMarkerDetail .mapMarkerDetailList:last-child{
    margin-bottom: 0;
}
.addAreaLinkMap{
    display: block;
    float: left;
    margin-top: 3px;
}
.addAreaLinkText{
    text-decoration: underline;
}
.searchFilterToggle{
    cursor: pointer;
}
.leadsFilterToggle.form-switch-row{
    display: inline-flex;
    margin-bottom: 0;
}
.leadsFilterToggle.form-switch-row label{
    min-width: fit-content;
}
.showAllFiltersBox1{
    display: inline-block;
    float: left;
}
.topLeftBoxNewChild{
    align-items: center;
}
.feather.featherNew{
    width: 14px;
    height: 14px;
    /* margin-right: 3px; */
}
.fixedHeightBtn{
    height: 26px;
    line-height: 14px;
    display: inline-flex;
    align-items: center;
    float: left;
}
.filterShowBtnsLatest{
    display: flex;
    align-items: center;
}
.btnStyle:hover .featherDefault path{
    fill: var(--colorWhite);
}
.allAreaButton.allAreaButtonNew{
    width: auto;
}

.filterShowBtns.filterShowBtnsNew .showAllFiltersBox1:not(:first-child){
    margin-left: 0px;
}
.filterShowBtns.filterShowBtnsNew{
    display: inline-flex;
    gap: 5px 5px;
}
.topLeftBoxNewChild2New{
    min-width: auto !important;
    display: grid;
    grid-template-columns: auto auto;
}
.filterShowBtns.filterShowBtnsNew{
    min-width: auto !important;
    padding-left: 10px;
    display: flex;
    flex-wrap: wrap;
}
.leadsFilterToggle.form-switch-rowNew{
    min-width: fit-content;
    display: flex !important;
}
.mobViewTabsGrid{
    display: none;
}
.topLeftBoxNewChildLatestSec{
    justify-content: space-between;
}
.topLeftBoxNewChildLatestSec .topLeftBoxNewChildSec{
    display: flex;
    align-items: center;
}
.mobViewIconSec{
    display: none;
}


.onMarketPageBox .savedFilterListItem .savedFilterTooltip{
    right: initial;
    left: -370px;
}
.onMarketPageBox .savedFilterTooltipChild::before{
    left: inherit;
    right: -12px;
    border-right: inherit;
    border-left: 11px solid #dbdbdb;
}
.onMarketPageBox .savedFilterTooltipChild::after{
    left: inherit;
    right: -11px;
    border-right: inherit;
    border-left: 10px solid var(--colorWhite);
}
/* .findAreaLableTopDesign{
    display: flex;
    align-items: center;
    justify-content: space-between;
} */
.customCheckBox.customCheckBoxLabel{
    margin-bottom: 0;
}
.customCheckBox.customCheckBoxLabel input[type="checkbox"]+label{
    font-size: 12px;
    line-height: 12px;
    min-width: max-content;
    padding-left: 18px;
    color: rgba(3, 2, 41, 0.7);
}
.customCheckBox.customCheckBoxLabel input[type="checkbox"]:checked+label::before, 
.customCheckBox.customCheckBoxLabel input[type="checkbox"]:not(:checked)+label::before{
    height: 14px;
    width: 14px;
    top: -1px;
}

.customCheckBox.customCheckBoxLabel input[type="checkbox"]:checked+label::after {
    height: 8px;
    width: 5px;
    left: 5px;
    top: 1px;
}
.newFiltersBoxNewSec .newFilterLinks.transparentGreenBtn,
.transparentGreenBtn {
    border-color: var(--colorGreen);
    background: var(--colorWhite);
    color: var(--colorGreen);
}
.newFiltersBoxNewSec .newFilterLinks.transparentGreenBtn:hover, 
.transparentGreenBtn:hover {
    background: var(--colorGreen);
    color: var(--colorWhite);
}
.newFiltersBoxNewSec .newFilterLinks.transparentGreenBtn svg path{
    fill: var(--colorGreen);
}
.newFiltersBoxNewSec .newFilterLinks.transparentGreenBtn:hover svg path{
    fill: var(--colorWhite);
}

.filterTableBox tr th:first-child{
    padding-right: 20px !important;
}
.filterTableBox tr th:first-child::before,
.filterTableBox tr th:first-child::after{
    display: none !important;
}

table.filterTableBox.dataTable thead th{
    padding: 5px 8px;
}
.stickyTopbarBox{
    position: sticky;
    top: 57px;
    z-index: 10;
}
.topbarShadowBox{
    position: relative;
    z-index: 0;
    box-shadow: 0px 4px 7px 1px rgba(0,0,0,0.08)
}
.newFiltersBox.newFiltersActive .newFilterLinks span.counterBox{
    color: var(--colorPrim) !important;
    background: #fff;
}

.filterTableSection{
    position: relative;
}
.tableLoader {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
    background: rgba(0,0,0,0.1);
    height: 100%;
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}


/* Email Preference Page */
.preferencesMailBoxChild{
    display: flex;
    align-items: center;
    margin: 40px 0px;
}
.preferencesMailBoxChild label{
    padding-right: 10px;
    color: var(--colorWarmGrey);
}
.preferenceMailInner{
    display: flex;
    align-items: center;
}
.preferenceMailInner .preferenceMailButtons a{
    margin-left: 15px;
    display: inline-block;
    float: left;
}
.preferenceNotesList .preferenceNotesItem{
    margin-bottom: 5px;
    position: relative;
    padding-left: 8px;
    line-height: 18px;
}
.preferenceNotesItem::before{
    position: absolute;
    content: '';
    height: 2px;
    width: 4px;
    left: 0;
    top: 6px;
    background-color: var(--colorWarmGrey);
}

.preferenceMailInner .preferenceMailButtons a.inputInable{
    display: none;
}
.preferenceMailInner .preferenceMailButtons a.inputDisable{
    display: inline-block;
}
.preferenceMailInner .preferenceMailButtons.preferenceMailButtonsActive a.inputInable{
    display: inline-block;
}
.preferenceMailInner .preferenceMailButtons.preferenceMailButtonsActive a.inputDisable{
    display: none;
}
.preferenceMailInputItem[readonly]{
    cursor: not-allowed;
}
.preferenceMailInputItem[readonly]:focus{
    border: none;
    box-shadow: none;
    background-color: #e9ecef;
}
#accSideNav .btnStyle.smallBtn3,
.btnStyle.smallBtn3{
    padding: 6px 10px;
    font-size: 13px;
    line-height: 16px;
}
#accSideNav .btnStyle.smallBtn3{
    color: var(--colorWhite);
    background: var(--colorBlue);
}
#accSideNav .btnStyle.smallBtn3:hover{
    border-radius: 4px;
    color: var(--colorBlue);
    background: var(--colorWhite);
}
.cancenBtn{
    border: 1px solid var(--colorRed);
    background: transparent;
    color: var(--colorRed);
}
.cancenBtn:hover{
    border: 1px solid red;
    background: red;
    color: var(--colorWhite);
}
.preferenceMailInputItem{
    height: 30px;
}

.packages h4{
    margin-bottom: 14px;
}

.packages h2,
.packages h4{
    max-width: 92%;
    max-width: 100%;
    width: 100%;
    display: inline-block;
    float: left;
}
.planTagContent{
    padding: 5px 10px;
    background: var(--colorPrim);
    background: #ff9900;
    margin: 0 auto 10px;
    text-align: center;
    border-radius: 4px;
    font-size: 14px;
    line-height: 16px;
    color: var(--colorWhite);
    /* color: var(--colorWarmGrey); */
    display: inline-block;
}
/* .toggle-btns{
    padding: 7px 20px;
} */
.button-box{
    margin: 25px auto;
}
.plan-banner .contracts--free{
    margin-bottom: 20px;
}
.packages{
    padding-top: 25px;
}
.packages h2{
    margin-bottom: 15px;
    line-height: 40px;
}

/* Pricing Table */
.pricingTableBox{
    margin: 40px 0 50px;
}
.pricingTableBox table th{
    font-size: 21px;
    background: #042e52;
    color: var(--colorWhite);
    text-align: center;
    font-family: var(--circularRegular);
}
.pricingTableBox table th,
.pricingTableBox table td{
    padding: 7px 20px;
    text-align: center;
    border-bottom: 1px solid #ddd !important;
}
.pricingTableBox table th:first-child{
    background: var(--colorWhite);
    color: #042e52;
    text-align: left;
}
.pricingTableBox table td.columnGroup{
    background: #042e52;
    color: var(--colorWhite);
    padding: 12px 20px;
}
.pricingTableBox table th:first-child,
.pricingTableBox table td:first-child{
    width: 386px;
    min-width: 200px;
    text-align: left;
}
.pricingTableBox table td{
    /* min-height: 40px;
    height: 40px; */
    vertical-align: middle;
}
.priceTableTags{
    position: relative;
    display: inline-block;
    height: 23px;
    width: 23px;
    padding-top: 3px;
}
.priceTableTags::after{
    position: absolute;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    font-size: 12px;
    line-height: 23px;
    font-family: 'Font Awesome 5 FREE';
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}
.priceTableTags.checkedTag::after{
    content: '\f00c';
    border: 1px solid #06d6a0;
    color: var(--colorWhite);
    background: #06d6a0;
}
.priceTableTags.crossTag::after{
    content: '\f00d';
    border: 1px solid #e40046;
    color: var(--colorWhite);
    background: #e40046;
}

.plan-banner{
    background: #042e52;
}
.pricingTableBox table td{
    background-color: #f2f4f6;
    color: #042e52;
}
.untagContent{
    color: #06d6a0;
}
.pricingTableChild {
    border-radius: 10px;
    overflow: hidden;
}
.pricingTableBox table tr:last-child td{
    border-bottom: none !important;
}
/* .pricingTableChild table thead{
    position: sticky;
    top: 46px;
} */
.tableRowHead{
    display: inline-flex;
    align-items: flex-start;
}
.tableHeadTip{
    display: inline-block;
    height: 20px;
    width: 20px;
    min-width: 20px;
    margin-top: 2px;
    margin-left: 3px;
}
.tableHeadTip img{
    height: 100%;
    width: 100%;
    display: inline-block;
    float: left;
}
.packages.normalPackage{
    border: 1px solid var(--colorBlack);
    box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.15);
}
.packages.importantPackage{
    border: 1px solid var(--colorPrim);
    box-shadow: 0px 0px 10px 5px rgba(55,135,227,0.15);
}
.packages{
    height: auto;
}
.buttonStyle.transparentBlueBtn {
    border-color: var(--colorBlue);
    background: var(--colorWhite);
    color: var(--colorBlue);
}

.buttonStyle.transparentBlueBtn:hover {
    background: var(--colorBlue);
    color: var(--colorWhite);
}
.planTagBoxSec{
    display: inline-block;
}
.packages{
    padding: 20px 15px;
    display: flex;
    justify-content: space-between;
}
.packages h4{
    font-size: 14px;
    line-height: 18px;
}
.pricingTableBox table tr:not(.feature-heading):hover td{
    background-color: rgba(248,249,250,1);
}
.packages h4 span.tagSubContentSection{
    font-size: 13px;
}
.findAreaBtnStyle{
    padding: 4px 6px;
}
.findAreaBtnStyle .featherDefault{
    margin-right: 2px;
}
.findAreaBtnStyle:hover .featherDefault path{
    fill: var(--colorGreenTheme);
} 
.leadsTable .customTableDesign table.dataTable thead th:last-child br,
.areaResearchTable .customTableDesign table.dataTable thead th:first-child br{
    display: none;
}
.dashboardTableTopLeftSec2Btm{
    margin-left: 5px;
}


/* Tutorial Styling */
.customTutorialBox{
    width: 550px;
    background: #F0F0F0;
    border-radius: 10px;
    padding: 20px 20px;
    z-index: 1001;
    position: absolute;
    /* top: calc(100% + 15px); */
    width: 525px;
}
.tutorialStepChild{
    height: 100%;
    width: 100%;
}
.tutorialStepTop{
    margin-bottom: 15px;
    position: relative;
}
.tutorialStepTop .closeTutorialStep{
    position: absolute;
    right: 0;
    top: 10px;
}
#accSideNav .onCloseTutorial,
.onCloseTutorial{
    display: inline-block;
    height: 22px;
    width: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid var(--colorRed);
    border: 1px solid var(--colorWarmGrey2);
    background: transparent;
    padding: 2px;
    color: var(--colorRed);
    color: var(--colorWarmGrey2);
}
#accSideNav .onCloseTutorial:hover,
.onCloseTutorial:hover{
    background: var(--colorRed);
    color: var(--colorWhite);
    border: 1px solid var(--colorRed);
}
.tutorialStepTop .tutorialStepUserImage{
    height: 50px;
    width: 50px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 12px;
}
.tutorialStepTop .tutorialStepUserName{
    color: #4F4E69;
}
.tutorialStepContent h2{
    font-size: 18px;
    margin-bottom: 7px;
    font-family: var(--circularBold);
    color: #4F4E69;
    letter-spacing: 0.01em;
}
.tutorialStepContent h4,
.tutorialStepContent p, 
.tutorialStepContent span,
.tutorialStepContent li{
    font-size: 14px;
    color: #4F4E69;
    font-family: var(--circularRegular);
    letter-spacing: 0.01em;
}
.tutorialStepContent h4{
    font-family: var(--circularBold);
    margin-bottom: 7px;
}
.tutorialStepContent p{
    margin-bottom: 10px;
    line-height: 18px;
}
.tutorialStepContent .tutorialcontenListitem{
    margin-bottom: 0;
    padding-left: 20px;
    position: relative;
}
.tutorialcontenListitem::after{
    position: absolute;
    content: '';
    height: 4px;
    width: 4px;
    border-radius: 50%;
    background: #4F4E69;
    left: 8px;
    top: 7px;
}
.tutorialStepContent .tutorialcontenListitem:last-child{
    margin-bottom: 0;
}
.tutorialContentList:last-child{
    margin-bottom: 0;
}
.tutorialFooterMid{
    font-size: 14px;
    line-height: 10px;
    color: #B5B5C3;
    letter-spacing: 0.01em;
}
/* .tutorialFooterLeft{
    width: 56px;
} */
.tutorialStepFooter{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
    padding-top: 10px;
    border-top: 1px solid #4F4E69;
}
.customTutorialParent{
    position: relative;
}
.customTutorialWrapper{
    position: absolute;
}
html.bodyRelative{
    position: relative;
    /* overflow: hidden; */
}
.bodyRelative::before{
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    background-color: #7A7A7A;
    opacity: 0.7;
    z-index: 1000;
}
.customTutorialBox{
    /* display: none; */
}

.customTutorialBox.tutorialStep1,
.customTutorialBox.tutorialStepEnd{
    top: 0;
    transform: translate(50vh, 25vh);
    transform: translate(calc(50vw - 275px), 16vh);
}
.tutorialImage{
    margin-bottom: 10px;
}
.customTutorialParent{
    z-index: initial;
}
.customTutorialParent.customTutorialParentWrapper{
    z-index: 1001;
    position: relative;
    background: var(--colorWhite);
}

.customTutorialParentWrapper::before{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1002;
}

.dashboardTable.areaResearchTable{
    position: relative;
}
.dashboardTableTopLeftSec2Tutorial{
    position: relative;
}

.customTutorialBox.tutorialStep2 {
    top: calc(100% + 15px);
    left: 0;
}
.customTutorialBox.tutorialStep3 {
    left: calc(100% + 15px);
    top: 0;
}
.customTutorialBox.tutorialStep4 {
    right: calc(100% + 15px);
    top: 0;
}
.customTutorialBox.tutorialStep5 {
    left: calc(100% + 15px);
    top: 0;
}
.customTutorialBox.tutorialStep6 {
    right: calc(100% + 15px);
    top: 0;
}
.customTutorialBox.tutorialStep7{
    top: 0;
    left: calc(100% + 15px);
}
.customTutorialBox.tutorialStep8{
    top: 0;
    right: calc(100% + 15px);
}
.customTutorialBox.tutorialStep9{
    top: 0;
    right: calc(100% + 15px);
}
.customTutorialBox.tutorialStep10{
    top: 0;
    left: calc(100% + 15px);
}

#accSideNav.asideListNew.asideListNewDummy{
    position: relative !important;
}
.myAccHeader{
    position: fixed;
}
.myAccHeader.myAccHeaderDummy{
    position: inherit;
}
/* #accSideNav.asideListNewDummy2{
    padding-top: 6px;
} */
body.customBodyScroll{
    overflow: hidden;
}
.btnStyle.greenButton{
    background: var(--colorGreen);
    color: var(--colorWhite);
    border: 1px solid var(--colorGreen);
}
.btnStyle.greenButton:hover{
    background: transparent;
    color: var(--colorGreen);
    border: 1px solid var(--colorGreen);
}
.tableSavedFilter .tableAnchor svg{
    margin-right: 4px;
}
.tutorialMediaSec{
    margin-bottom: 10px;
}
/* .tutorialStepTop,
.tutorialStepContent{
    padding: 0 30px;
} */

.customTutorialBox.tutorialStep::before{
    position: absolute;
    content: '';
    width: 0;
    height: 0;
}
.customTutorialBox.tutorialStep2::before{
    border-right: 13px solid transparent;
    border-left: 13px solid transparent;
    border-bottom: 13px solid #F0F0F0;
    top: -13px;
    left: 10px;
}
.customTutorialBox.tutorialStep3::before{
    border-right: 13px solid #F0F0F0;
    border-bottom: 13px solid transparent;
    border-top: 13px solid transparent;
    top: 8px;
    left: -12px;
}
.customTutorialBox.tutorialStep4::before{
    border-left: 13px solid #F0F0F0;
    border-bottom: 13px solid transparent;
    border-top: 13px solid transparent;
    top: 8px;
    right: -12px;
}
.customTutorialBox.tutorialStep5::before{
    border-right: 13px solid #F0F0F0;
    border-bottom: 13px solid transparent;
    border-top: 13px solid transparent;
    top: 8px;
    left: -12px;
}
.customTutorialBox.tutorialStep6::before{
    border-left: 13px solid #F0F0F0;
    border-bottom: 13px solid transparent;
    border-top: 13px solid transparent;
    top: 8px;
    right: -12px;
}
.customTutorialBox.tutorialStep7::before{
    border-right: 13px solid #F0F0F0;
    border-bottom: 13px solid transparent;
    border-top: 13px solid transparent;
    top: 8px;
    left: -12px;
}
.customTutorialBox.tutorialStep8::before{
    border-left: 13px solid #F0F0F0;
    border-bottom: 13px solid transparent;
    border-top: 13px solid transparent;
    top: 8px;
    right: -12px;
}
.customTutorialBox.tutorialStep9::before{
    border-left: 13px solid #F0F0F0;
    border-bottom: 13px solid transparent;
    border-top: 13px solid transparent;
    top: 8px;
    right: -12px;
}
.customTutorialBox.tutorialStep10::before{
    border-right: 13px solid #F0F0F0;
    border-bottom: 13px solid transparent;
    border-top: 13px solid transparent;
    top: 8px;
    left: -12px;
}
.websiteBodySection{
    margin-top: 0;
}
.websiteBodySection.websiteBodySectionDummy{
    margin-top: -58px;
}
.mailPreferenceNoteTag span:first-child{
    display: inline-block;
    line-height: 14px;
    margin-bottom: 2px;
}
.mailPreferenceNoteTag span:last-child{
    margin-left: 5px;
    line-height: 12px;
    display: inline-block;
}
.pricingTableChild{
    position: relative;
    overflow: auto;
}
.pricingTableChild thead th{
    position: sticky;
    top: 0;
    /* background-color: #f2f2f2; */
    z-index: 2;
}
.myAccHeader.myAccHeaderDummy .dashboard-loader{
    position: relative;
    z-index: 1;
}
.fixedHeaderTable{
    position: absolute;
    z-index: 3;
    width: 1126px;
    opacity: 0;
}
/* .pricingTableChild .fixedHeaderTable tr th:nth-child(2),
.pricingTableChild .fixedHeaderTable tr th:nth-child(3){
    width: 26%;
} */
.fixedHeaderTable.fixedHeaderTable2{
    position: fixed;
    top: 64px;
    opacity: 1;
}

.findAreaLableTopDesign{
    display: grid;
    grid-template-columns: 50% 50%;
    grid-column-gap: 6px;
}
.topbarShadowBoxLeads{
    background: #f4f7fa;
}

.leadsPrefModalToggle img{
    height: 18px;
    width: 18px;
}
.leadsPrefModalToggle{
    display: inline-block;
}

.leadsModalBodyContent{
    margin-bottom: 10px;
}
.leadsModalBodyContent:last-child{
    margin-bottom: 0;
}
.modalBody{
    padding: 0px 30px 30px;
}
.leadNotesModal .modal-header{
    padding: 20px 30px;
}
.leadNotesModal .modal-dialog{
    max-width: 850px;
}
.leadNotesModal2 .modal-dialog{
    max-width: 750px;
}
.leadsModalBodyContent h2{
    color: var(--colorBlack);
}
.leadsModalBodyContent p{
    color: var(--colorWarmGrey);
}
.closeBtnDesign{
    font-size: 12px;
    padding: 5px !important;
    border-radius: 50%;
    border: 1px solid #707070;
}
.propertyToggleHeadNew span{
    font-family: var(--circularBook);
}
.pinUpinIconNewSec span{
    color: var(--colorWarmGrey);
    font-family: var(--circularRegular);
    display: inline-block;
    float: left;
}
.areaInsightsSection .dashCardBox thead tr th .pinUpinIcon h2{
    line-height: 22px;
}
.emailNewLeadsSwitch,
.emailNewLeadsLabel{
    text-align: center;
    min-width: max-content;
}
.emailNewLeadsLabel{
    margin-bottom: 2px;
}
.emailNewLeadsSwitch span{
    padding-left: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.emailNewLeadsSwitch .form-check-label:first-child{
    float: left;
    padding-right: 44px;
    padding-right: 40px;
}
.emailNewLeadsSwitch .form-check-label:last-child{
    padding-left: 6px;
    padding-right: 14px;
}
.userLeadsTopDesignNew{
    display: flex;
    align-items: center;
}
.emailNewLeadsBox{
    /* padding: 0 10px; */
    /* border-left: 1px solid #A6ACBE; */
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 16px;
}
.form-switch.emailLeadsSwitch .form-check-input{
    transform: rotate(180deg);
}
.closeBtnDesign2{
    font-size: 18px;
    border-radius: 50%;
    border: 1px solid #707070;
    height: 24px;
    width: 24px;
    min-width: 24px;
    line-height: 18px;
    color: #707070;
}
.closeBtnDesign2:hover{
    background: var(--colorRed);
    border: 1px solid var(--colorRed);
    color: var(--colorWhite);
} 
.newModalHeader{
    text-align: center;
    padding: 0 50px;
}
.mailPreferenceNote{
    margin-top: 20px;
}
.mailPreferenceNote .preferenceNotesList:not(:last-child) {
    margin-bottom: 15px;
}
.learnMoreLeadsmodal .preferenceNotesList h3{
    margin-bottom: 6px;
    font-family: var(--circularMedium);
    color: var(--colorBlack);
}

.emailLeadsSwitch .form-check-input {
    border: 2px solid var(--colorRed);
    background-color: var(--colorRed);
    background-image: url('../img/form-checked-input-white.svg') !important;
}
.form-switch.emailLeadsSwitch .form-check-input:checked {
    border: 2px solid var(--colorGreen);
    background-color: var(--colorGreen);
    background-image: url('../img/form-checked-input-white.svg') !important;
}
.topLeftBoxNewChild2NewSecLeads .userLeadsTopDesignNew{
    height: 100%;
}



.button-box.button-box-common{
    width: 100%;
}
.button-box-common .toggle-btns{
    font-size: 14px;
    line-height: 17px;
    padding: 8px 8px 5px;
    padding: 8px 2px 5px;
}
.toggle-btns.right-slid{
    border-right: none;
}

.packages h4 span.priceSmallMainHead{
    font-family: var(--circularBold);
}
.packages h4 span.priceSmallSubHead{
    font-size: 14px;
    line-height: 17px;
    margin-top: 8px;
}
.packages h4 {
    margin-bottom: 10px;
}
.packages h4.priceSmallNewHead{
    margin-bottom: 6px;
}
.packages .priceSmallNewHead sup{
    margin-right: 3px;
    font-size: 14px;
}
.packages h4 span.pricingFromLabel{
    display: inline-block;
    font-size: 16px;
    margin-right: 4px;
}
.plan-banner .contracts--free {
    margin-bottom: 10px;
}
.signupformSectionsRightNew #btns{
    background: var(--colorPrim);
}

/* ---------------- */
.filterShowBtns.filterShowBtnsNew{
    /* flex-direction: column; */
}
.btnStyle.newBtnDesign.leadsDaysFilterTab,
.btnStyle.newBtnDesign.customTabsDesign{
    color: var(--colorPrim);
    border: 1px solid var(--colorPrim);
    background: transparent;
}
.btnStyle.newBtnDesign.leadsDaysFilterTab.active,
.leadsDaysFilterTab.active,
.btnStyle.newBtnDesign.customTabsDesign.active,
.customTabsDesign.active{
    background: var(--colorPrim);
    color: var(--colorWhite);
    border: 1px solid var(--colorPrim);
}
.userLeadsTopDesignNew{
    padding-left: 10px;
    /* margin-left: 10px; */
    /* border-left: 1px solid #A6ACBE; */
}
.userLeadsTopDesignNew .filterShowBtnsNew {
    margin-left: 10px;
    border-left: 1px solid #A6ACBE;
}

.helpTutorialPage{
    gap: 0 30px;
}
.helpTutorialPage .col-sm-12{
    width: calc(50% - 15px);
}
.filtersMobBoxLeadsPage{
    display: flex;
    align-items: center;
}
.leadsPageFilterProperty .filtersListsItem{
    margin-bottom: 0;
}
.filtersMobBoxLeadsPageFilters{
    padding-left: 10px;
}
.filterShowBtnsLatestMobNew{
    flex-direction: column;
}
.filtersMobBoxLeadsPageFilters .newFilterLinks{
    border: 1px solid var(--colorPrim);
    border-width: 2px !important;
    height: 26px !important;
}
.filtersMobBoxLeadsPageFilters .newFiltersBox .greyIconLink1 span,
.filtersMobBoxLeadsPageFilters .newFiltersBox .filterDropboxArrow{
    color: var(--colorPrim);
}
.filtersMobBoxLeadsPageFilters .newFiltersBox.newFiltersActive .greyIconLink1 span,
.filtersMobBoxLeadsPageFilters .newFiltersBox.newFiltersActive .filterDropboxArrow{
    color: var(--colorWhite);
}
.filtersMobBoxLeadsPageFilters.leadsPageFilterProperty{
    max-width: 150px;
}
.flexGrowSed{
    flex-grow: 1;
}
.forWebsite{
    display: inline;
}
.forMobile{
    display: none;
}

.discountRibbonParent{
    position: relative;
}
.discountRibbonParent .discountRibbonChild{
    position: absolute;
    inset: var(--t) auto auto calc(-1*var(--f));
    clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 100% 100%, 85% 50%, 100% 0%, 0% 0%, 0% 100%);
    clip-path: polygon(0% 100%, 8px calc(100% + 8px), 8px 100%, 100% 100%,95% 50%, 100% 0%, 0% 0%, 0% 100%);
    background: #ff0000;
    /* box-shadow: calc(0*var(--f)) 0 0px inset #ff9900; */
    color: var(--colorWhite);
    font-size: 16px;
    top: -34px;
    left: -24px;
    padding: 2px 25px 2px 15px;
    width: 45%;
    text-align: left;
    padding-left: 25px;
    width: 50%;
    /* text-align: center; */
}
.discountRibbonParent .discountRibbonChild::before{
    content: "";
    position: absolute;
    z-index: -1;
    background: #ff0000;
    padding: 6px 6px;
    left: 0;
    z-index: 0;
    bottom: -11px;
    filter: brightness(80%);
}
.packages{
    padding: 40px 15px;
    padding: 46px 15px 40px;
}
.btnStyle.customTabsDesign{
    font-size: 12px;
}
.leadsTableCustomTabs .leadsTableTabsList{
    display: inline-block;
}
.leadsTable .dashButtonText{
    width: 100%;
}
.dashboardTableTopRightChild{
    gap: 3px 0px;
}
.dashboardTableBottom  .dataTables_wrapper .dataTables_length{
    display: none !important;
}
table.dataTable.no-footer{
    border-bottom: none !important;
}

.leadsPageFilterProperty .savedFilterListItem .savedFilterTooltip{
    right: inherit;
    left: -370px;
}
.leadsPageFilterProperty .savedFilterTooltipChild::before{
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-right: inherit;
    border-left: 11px solid #dbdbdb;
    left: inherit;
    right: -11px;
}
.leadsPageFilterProperty .savedFilterTooltipChild::after{
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: inherit;
    border-left: 10px solid var(--colorWhite);
    left: inherit;
    right: -10px;
}
.leadsPageFilterProperty .newFiltersBox.newFiltersActive .newFiltersDropbox{
    min-width: 150px;
}

.onExcludingVat,
.onIncludingVat{
    display: inline-block;
}
/* .onExcludingVat.onExcludingVat2,
.onIncludingVat.onIncludingVat2{
    display: none;
} */
.emailToggleSwitchBtn{
    appearance: none;
}
.emailToggleSwitchBtn +label{
    height: 26px;
    border-radius: 4px;
    padding: 4px 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--colorWhite);
    width: 88px;
    cursor: pointer;
} 
.emailToggleSwitchBtn +label .emailToggleSwitchIcon{
    margin-right: 10px;
}
.emailToggleSwitchContent{
    width: 47px;
}
.emailToggleSwitchBtn:checked +label{
    background: var(--colorGreen);
}
.emailToggleSwitchBtn:not(:checked) +label{
    background: var(--colorRed);
}
.emailToggleSwitchBtn:checked +label .emailToggleSwitchContent .onCheckToggle{
    display: inline-block;
}
.emailToggleSwitchBtn:checked +label .emailToggleSwitchContent .onUncheckedToggle{
    display: none;
}
.emailToggleSwitchBtn:not(:checked) +label .emailToggleSwitchContent .onCheckToggle{
    display: none;
}
.emailToggleSwitchBtn:not(:checked) +label .emailToggleSwitchContent .onUncheckedToggle{
    display: inline-block;
}
.onAddMoreSectionGreenLink{
    color: var(--colorGreen);
}
.filtersMobBoxLeadsPageFilters .mailEnvelopBox .mailEnvelopBoxDisable{
    display: inline-block;
}
.filtersMobBoxLeadsPageFilters.active .mailEnvelopBox .mailEnvelopBoxDisable{
    display: none;
}
.filtersMobBoxLeadsPageFilters .mailEnvelopBox .mailEnvelopBoxEnable{
    display: none;
}
.filtersMobBoxLeadsPageFilters.active .mailEnvelopBox .mailEnvelopBoxEnable{
    display: inline-block;
}
.mailEnvelopBoxEnable{
    position: relative;
}
.mailEnvelopBoxEnable .emailsToggleMainIconTop{
    position: absolute;
    top: -10px;
    right: -8px;
}
.filtersMobBoxLeadsPageFilters {
    display: inline-flex;
    flex-direction: row;
}
.emailLeadsDesignChild{
    display: inline-block;
}
.filtersMobBoxLeadsPageFilters .emailNewLeadsSwitch{
    padding-left: 20px;
}
.filtersMobBoxLeadsPageFilters{
    margin-left: 10px;
    border-left: 1px solid #A6ACBE;
}
.filtersMobBoxLeadsPageFilters.leadsPageFilterProperty{
    border-left: none;
}
.emailsToggleMainIconTop{
    cursor: pointer;
}
.themeColor{
    color: var(--colorPrim);
}
.leadsPageFilterProperty .newFiltersBox.newFiltersActive .newFiltersDropbox.savedFiltersDropBox {
    min-width: 252px;
}
.filtersMobBoxLeadsPageFilters.leadsPageFilterNewSearch{
    margin-left: 0;
    border: none;
}

/* .findAreasPageNew .customCheckBox input[type="checkbox"]:checked+label::before, 
.findAreasPageNew .customCheckBox input[type="checkbox"]:not(:checked)+label::before{
    background: var(--colorGreenTheme);
    border: 1px solid var(--colorGreenTheme);
} */
.findAreasPageNew .pageTopSectionMid h2{
    color: var(--colorGreen);
}
.dashboardInfoMainModal .modal-header h3{
    font-size: 18px;
    margin-bottom: 0px;
    font-family: var(--circularBold);
    color: #4F4E69;
    letter-spacing: 0.01em;
}
.dashboardInfoMainModal .tutorialStepContent{
    padding-top: 0;
} 
.mt-27{
    margin-top: 27px !important;
}
.mt-24{
    margin-top: 24px !important;
}
/* .userLeadsPageNewDesign .btnStyle.newBtnDesign.leadsDaysFilterTab{
    padding: 4px 9px;
} */

/* #leadsTableOneDay tbody,
#leadsTableTenDay tbody{
    max-height: 244px !important;
    overflow: hidden;
    height: 244px;
    display: block;
    width: 100%;
} */

.leadsPageTabsTable tbody tr td{
    border-top: 1px solid rgba(0, 0, 0, 0.15);
}
.leadsPageTabsTable tbody tr:first-child td{
    border-top: none;
}
.modal-open .filterByTownCityBoxSelect2 .select2-container{
    z-index: 999;
}

/* Cookies Start  */
.btnCookieStyle {
    font-size: 18px;
    line-height: 18px;
    font-family: var(--circularMedium);
    color: var(--colorWhite);
    background: var(--colorBlue);
    display: inline-block;
    padding: 8px 20px;
    border-radius: 0px 20px;
    text-transform: capitalize;
    border: 1px solid var(--colorBlue);
    cursor: pointer;
    text-align: center;
    min-width: max-content;
}

.btnCookieStyle:hover {
    color: var(--colorBlue);
    /* background: var(--colorWhite); */
    background-color: var(--colorWhite);
    border-color: var(--colorBlue);
}
.btnStyWhiteBG{
    color: var(--colorBlue);
    border-color: var(--colorBlue);
    background: #fff;
}
.bottomFoot {
    position: fixed;
    left: 20%;
    right: 0;
    bottom: 10%;
    z-index: 999;
}
.bottomFoot .cookiesSec{
    background: #042e52;
    padding: 20px 30px;
    float: left;
    width: 80%;
    border-radius: 10px;
    box-shadow: -10px 11px 16px #99abbf;
}
.cookiesSec p {
    color: #fff;
}
.cookiesSec p span{
    display: block;
    font-family: var(--sofiaProSemiboldAz);
}
.cookiesSec ul {
    display: flex;
    justify-content: space-around;
}
.cookiesSec ul li {
    display: inline-block;
}
.cookiesSec .row {
    align-items: center;
}
.cookiesSec a.btnCookieStyle{
    padding: 10px 20px;
    min-width: max-content;
    margin-left: 25px;
    box-shadow: -8px 8px 22px #57d2b2;
}
.cookieActive {
    display: none;
}
.cookiesSecInner {
    display: flex;
    align-items: center;
}
  /* Cookies End  */

  /* ---- */
.whatsUpdBox{
    display: flex;
}
.whatsUpdBox span:first-child{
    height: 20px;
    width: 20px;
    min-width: 20px;
    margin-right: 8px;
}
.whatsUpdBox span img{
    height: 100%;
    width: 100%;
    display: inline-block;
    float: left;
    margin-top: 4px;
}
.greenOptionSwitch.form-switch .form-check-input{
    border: 2px solid var(--colorGreen);
    background-image: url(../img/form-check-input-green.svg) !important;
}
.greenOptionSwitch.form-switch .form-check-input:checked{
    border: 2px solid var(--colorGreen);
    background-image: url(../img/form-checked-input.svg) !important;
    background-color: var(--colorGreen);
}

.leadsTable .dashboardTableTopRightChild{
    min-width: 210px;
    /* min-width: max-content; */
}

.packages.samplePackages{
    padding: 46px 15px 20px;
}

.yellowBtnOption.yellowBtn {
    background: var(--colorYellow);
    border-color: var(--colorYellow);
    color: var(--colorWhite);
}
.yellowBtnOption.yellowBtn:hover,
.yellowBtnOption.yellowBtn:focus {
    background: transparent;
    color: var(--colorYellow);
    border-color: var(--colorYellow);
}
.topLeftBoxChild.topLeftBoxChildUpdate{
    min-width: max-content;
}
.firstBox.firstBoxUpdate{
    min-width: auto;
}

.topLeftBox.topLeftBoxNewSectionScreen{
    min-width: -webkit-fit-content;
}

/* ----- */
.propImageBox .propImageThumbnail.propImageThumbnailUpdate{
    width: 120px;
    min-width: 120px;
    margin-right: 25px;
}
.propImageThumbnail.propImageThumbnailUpdate .slick-vertical .slick-slide{
    height: 100px;
}

.propImageBox .verticalSliderBoxUpdate .propImageSliders{
    height: 470px;
    /* height: 520px; */
}
.propImageBox .verticalSliderBoxUpdate .propImageSliders .slick-slide div.slider-banner-image{
    border: 1px solid #ddd;
    border-radius: 10px;
    background: #ddd;
}
.propImageBox .verticalSliderBoxUpdate .propImageSliders .slick-slide div img{
    object-fit: contain;
}

.verticalSliderBoxUpdate .propImageSliders .slick-arrow{
    position: absolute;    
    z-index: 99;
    font-size: 0;
    top: calc(50% - 15px);
    opacity: 1;
}
.verticalSliderBoxUpdate .propImageSliders .slick-next.slick-arrow{
    right: 0;
}
.verticalSliderBoxUpdate .propImageSliders .slick-prev.slick-arrow{
    left: 0;
}
.verticalSliderBoxUpdate .propImageSliders .slick-arrow.slick-disabled{
    opacity: 0.5;
}
.verticalSliderBoxUpdate .propImageSliders .slick-arrow.slick-prev:after{
    position: absolute;
    content: '\f053';
    font-family: 'Font Awesome 5 FREE';
    font-weight: 900;
    color: #000;
    font-size: 22px;
    left: 12px;
    height: 30px;
    width: 30px;
    background: #fff;
    border-radius: 50%;
}
.verticalSliderBoxUpdate .propImageSliders .slick-arrow.slick-next:after{
    position: absolute;
    content: '\f054';
    font-family: 'Font Awesome 5 FREE';
    font-weight: 900;
    color: #000;
    font-size: 22px;
    right: 12px;
    height: 30px;
    width: 30px;
    background: #fff;
    border-radius: 50%;
}
.propImageBox .propImageThumbnail .slick-slider{
    padding: 14px 0;
}
.sliderCounterUpdate{
    position: absolute;
    right: 13px;
    bottom: 5px;
    font-size: 24px;
}

/* Property Listing Page Start */
.myPropertyListingBox{
    padding: 15px 10px;
    border-radius: 10px;
    background: var(--colorWhite);
    box-shadow: 0px 10px 20px 0px #0000000D;
}
.dashboardTableTop.myPropertyListingTop,
.dashboardTableTop.myProspectsListingTop {
    align-items: flex-start;
    border-bottom: 1px solid #B5B5C3;
}
.myPropertyListingTop .dashboardTableTopLeftIcon::before{
    background: rgba(82, 169, 89, 1);
}
.myPropertyListingTradeItems{
    margin-top: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-top: 20px;
}
.myListingTradeCard{
    background: #f7f7f7;
    border-radius: 10px;
    padding: 10px 10px;
    display: grid;
    grid-template-columns: 255px auto;
    grid-template-columns: 240px auto;
    gap: 8px;
}
.myPropertyListingTradeCard .listCardImageItem{
    border-radius: 10px;
    overflow: hidden;
    display: inline-block;
    height: 100%;
    width: 100%;
}
.myPropertyListingTradeCard .listCardImageItem img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.myPropertyListingTradeCard .propertyTradeListCardLeft{
    position: relative;
    width: 255px;
    width: 240px;
}
.myPropertyListingTradeCard .propertyTradeCardItemInfo{
    position: absolute;
    bottom: 4px;
    left: 0;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 4px;
}
.propertyTradeCardItemInfo .propertyImageCounts,
.propertyTradeCardItemInfo .propertyTradeListedOnDate{
    font-size: 12px;
    line-height: 11px;
    background: var(--colorWhite);
    padding: 4px 4px;
    color: var(--circularBlack);
    border-radius: 5px;
}
.propertyTradeCardItemInfo .propertyImageCounts{
    height: 19px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.propertyTradeRightTop{
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.propertyTradeRightTop .propertyTradeType{
    padding: 4px 5px 2px;
    background: #FFC327;
    height: 100%;
    border-radius: 5px;
}
.assetsCountsViewUpdate{
    position: relative;
    left: 0;
    bottom: initial;
}
.assetsCountsViewUpdate .assetsCountsViewBox{
    background: transparent;
    margin-right: 15px;
}
.assetsCountsViewUpdate .assetsCountsViewBox i{
    font-size: 16px;
}
.propertyTradePricing{
    color: var(--colorPrim);
    margin-bottom: 8px;
}
.assetsCountsViewUpdate,
.propertTradeAddress {
    margin-bottom: 10px;
}
.propertTradeDescription {
    margin-bottom: 5px;
    color: #030229;
    opacity: 0.7;
}
.propertTradeAddress{
    color: #030229;
    opacity: 0.7;
}
.propertyTradeRightBottomSec {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #A6ACBE;
    margin-top: 5px;
    padding-top: 6px;
}
.propertyTradeRightBottomSec .propertyTradeStatsInfo {
    color: #030229;
    opacity: 0.7;
    margin-left: 4px;
}
.propertyTradeRightBottomSec .propertyTradeStatsInfo:first-child{
    margin-left: 0;
}
.propertyTradeRightBottomSec .propertyTradeStatsInfo .propertyTradeStatscount{
    color: var(--colorPrim);
}
.sxBtnStyle{
    font-size: 14px;
    line-height: 14px;
    padding: 3px 6px 2px;
    border-radius: 4px;
    background: var(--colorWhite);
    text-transform: capitalize;
}
.propertyTradeListCardRight{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.propertyTradeLeftTopRight .propertyTradeTypeBtns{
    display: inline-block;
    float: left;
    margin-left: 4px;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
}
.propertyTradeLeftTopRight .propertyTradeTypeBtns:hover{
    color: var(--colorWhite);
}
.propertyTradeLeftTopRight .propertyTradeTypeBtns img{
    display: inline-block;
    float: left;
    height: 100%;
    width: 100%;
}
.dashboardTableTop.myPropertyTradingListingTab .dashboardTableTopLeftSec{
    align-items: center;   
}
.dashboardTableTopLeftCount{
    color: var(--colorGreenTheme);
}
.dashboardTableTop.myPropertyTradingListingTab{
    border-bottom: none;
    background: var(--colorWhite);
    box-shadow: 0px 10px 20px 0px #00000021;
    box-shadow: 0px 5px 10px 0px #00000021;
    border-radius: 10px;    
    padding-bottom: 0;
    padding: 15px 10px;
    cursor: pointer;
    border: none;
}
.dashboardTableTop.myPropertyTradingListingTab:hover{
    box-shadow: 0px 10px 20px 0px #00000021;
    border: none;
}
.propertyTradingTabs{
    margin-bottom: 20px;
}
.myProspectsListingTop  .dashboardTableTopLeftCount{
    color: var(--colorPrim);
}
.myProspectsListingTop  .dashboardTableTopLeftIcon::before{
    background: rgba(71, 105, 255, 1);
}
.propertyTradingTabsList{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    border: none;
}
/* .dashboardTableTop.myPropertyListingTop.active{
    background: var(--colorGreenTheme);
    isolation: isolate;
}
.dashboardTableTop.myPropertyListingTop.active .dashboardTableTopLeftIcon::before{
    background: var(--colorWhite);
    opacity: 1;
    z-index: -1;
    isolation: isolate;
}
.dashboardTableTop.myPropertyListingTop.active .dashboardTableTopLeftSec2Top span:first-child{
    color: var(--colorWhite);
    isolation: isolate;
} */

/* .dashboardTableTop.myProspectsListingTop.active{
    background: var(--colorPrim);
    isolation: isolate;
}
.dashboardTableTop.myProspectsListingTop.active .dashboardTableTopLeftIcon::before{
    background: var(--colorWhite);
    opacity: 1;
    z-index: -1;
    isolation: isolate;
}
.dashboardTableTop.myProspectsListingTop.active .dashboardTableTopLeftSec2Top span:first-child{
    color: var(--colorWhite);
    isolation: isolate;
} */
.myPropertyTradingListingTab.active{
    border: none;
}
.noListsingBox{
    padding-top: 25px;
}
.noListsingBox span{
    color: #A6ACBE;
}
.myPropertyTradingListingTab .dashboardTableTopLeftCount {
    font-family: var(--circularBold);
}
.prospectsTradeListCardLeft{
    /* width: 70px;
    height: 70px;
    border-radius: 10px;
    overflow: hidden; */
    display: flex;
    align-items: center;
    gap: 10px;
}
.prospectsDetailAddress{
    display: flex;
}
.prospectsTradeListCardLeft .listCardImageItem {
    width: 70px;
    height: 70px;
    min-width: 70px;
    border-radius: 10px;
    overflow: hidden;
}
.prospectsTradeListCardLeft img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.myProspectsListingTradeCard{
    /* display: grid;
    grid-template-columns: 100px auto;
    gap: 10px; */
    display: flex;
    flex-direction: column;
}
.myProspectsListingTradeItems {
    margin-top: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.prospectsTradeListCardRight .prospectsDetailName{
    color: var(--colorPrim);
    margin-bottom: 5px;
}
.prospectsTradeListCardRight .prospectsDetailSectionList{
    display: flex;
    gap: 6px;
    margin-bottom: 5px;
}
.prospectsTradeListCardRight .prospectsDetailEmail{
    margin-bottom: 5px;
}
.prospectsTradeListCardRight .prospectsDetailContact{
    margin-bottom: 5px;
}
.prospectsTradeListCardRight .prospectsDetailDescription{
    color: #030229;
    opacity: 0.7;
    margin-bottom: 10px;
}
.prospectsTradeListCardRight .prospectsTradeCardBottom{
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.prospectsDetailIcon{
    /* color: var(--colorPrim); */
    /* font-size: 20px; */
    width: 16px;
    min-width: 16px;
}
.prospectsTradeCardBottom .prospectsDetailCreatedAt{
    color: #030229;
    opacity: 0.7;
}
.prospectsTradeCardBottom .prospectsDetailRemoveLink{
    color: var(--colorRed);
}
.prospectsTradeListCardRight {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.editIconFas{
    margin-right: 3px;
}
.viewPropertyTradeDetail{
    background: var(--colorGreenTheme);
    color: var(--colorWhite);
}
.deletePropertyTradeDetail{
    background: var(--colorRed);
    color: var(--colorWhite);
}
.propertyTradingTabsList .nav-item{
    margin: 0;
}


/* ----------- */
.modalContentSec{
    padding: 40px 30px 30px;
}
.viewDetailsModal .modal-dialog{
    height: calc(100% - 60px);
    display: flex;
    align-items: center;
}
.propertyTradeListCardLeft {
    aspect-ratio: 3/3;
    border-radius: 10px;
    overflow: hidden;
}

.book-session{
    background: #d6e5f6;
    border-radius: 10px;
    margin-top: 20px;
    padding: 15px 15px 15px 15px;
    text-align: center;
    max-width: 232px;
}

/* Property Trading Card Details */
.fitContentSec{
    min-width: fit-content;
}
.tradingListingDetailBox{
    padding: 15px 25px;
    padding: 15px 15px;
    background: var(--colorWhite);
    border-radius: 10px;
}
.tradingListingDetailChild {
    /* display: grid; */
    /* grid-template-columns: auto 310px; */
    display: flex;
    gap: 7px;
    position: relative;
}
.tradingListingSliderBox .propertyTradeTypeNew {
    position: absolute;
    left: 9px;
    top: 9px;
    height: auto;
}
.tradingListingSliderBox .propertyTradeListedOnDateNew {
    position: absolute;
    left: 9px;
    bottom: 9px;
    height: auto;
}
.tradingListingSliderSec {
    /* min-height: 566px; */
    position: relative;
    height: 100%;
}
.tradingListingSliderBox {
    width: calc(100% - 317px);
    width: calc(100% - 347px);
    margin-right: 0px;
}
.tradingListgingRight {
    width: 310px;
    width: 340px;
}
.propertyTradeRightTop.tradingListingSliderBox{
    height: 80vh;
    margin-bottom: 0;
    border: 1px solid #ddd;
}
.sliderCounterUpdateSec{
    position: absolute;
    left: 50%;
    z-index: 99;
    background: #fff;
    bottom: 9px;
    display: inline-flex;
    padding: 2px 5px;
    border-radius: 5px;
}
.sliderCounterUpdateSec .sliderCounterUpdate{
    position: relative;
    right: 0;
    bottom: 0;
    padding: 0;font-size: 12px;
    line-height: 12px;
    padding-left: 4px;
}
.sliderCounterUpdateSec .slideCounterUpdate,
.sliderCounterUpdateSec .slideCounterUpdate2{
    display: inline-block;
    line-height: 12px;
}
.sliderCounterUpdateSec img{
    display: inline-block;
    float: left;
}
.tradingListingSliderBox{
    position: relative;
}
.tradingListingSlide img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    /* object-fit: cover; */
}
.tradingListingSlider,
.tradingListingSlider .slick-list,
.tradingListingSlider .slick-track,
.tradingListingSlider .slick-slide div,
.tradingListingSlide,
.tradingListingSlider2,
.tradingListingSlider2 .slick-list,
.tradingListingSlider2 .slick-track,
.tradingListingSlider2 .slick-slide div,
.tradingListingSlider2 {
    height: 100%;
}

.tradingListgingRightType{
    color: #FF0000;
}
.tradingListgingRightTypeTagRed{
    padding: 5px;
    border-radius: 20px;
    background: #FF0000;
    color: var(--colorWhite);
    margin-left: 5px;
    cursor: pointer;
}
.tradingListgingRightTypeTagGreen{
    padding: 5px;
    border-radius: 20px;
    background: #24bc6f;
    color: var(--colorWhite);
    margin-left: 5px;
    cursor: pointer;
}
.tradingListgingRightTop{
    padding: 0px 10px 10px;
    border-bottom: 1px solid #A6ACBE;
}
.tradingListgingRightBottom{
    padding: 10px 10px;
}
.tradingHouseType{
    color: #030229;
}
.tradingHouseTypeAddress{
    color: #030229;
    opacity: .7;
}
.tradeRIghtCommonSec{
    margin-bottom: 15px;
}
.tradingListingRentCurrency{
    font-family: var(--circularRegular);
}
.tradingListingRentInfo,
.tradingListingRentTo{
    color: var(--colorPrim);
}

.assetsCountsViewUpdate2 .assetsCountsViewBox i{
    font-size: 20px;
}
.assetsCountsViewUpdate2 .viewsCounterCount{
    font-size: 16px;
}

.propertyDetailsCardGrid .propertyDetailGridBox{
    display: grid;
    grid-template-columns: 112px auto;
    margin-bottom: 2px;
}
.propertyDetailsCardGrid .propertyDetailGridBox:last-child{
    margin-bottom: 0;
}
.propertyDetailGridBox .propertyDetailGridHead{
    color: #030229;
    opacity: .7;
    font-family: var(--circularRegular);
}
.propertyDetailGridBox .propertyDetailGridInfo{
    color: #030229;
    opacity: .7;
    font-family: var(--circularBold);
}
.onSendInterestLink{
    padding: 10px 20px;
    width: 100%;
}
.onSendInterestLink span{
    padding-right: 5px;
}
.detailInfoLabel{
    margin-bottom: 5px;
    font-family: var(--circularBold);
    color: #030229;
    opacity: 0.7;
}
.tradingListingIncoDetailText{
    margin-bottom: 10px;
    font-family: var(--circularRegular);
    color: #030229;
    opacity: 0.7;
}
.tradingListingDetailInfo{
    margin-top: 20px;
}
.extraInfoLising .extraInfoList{
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 5px;
}
.extraInfoList .extraInfoIcon{
    height: 20px;
    width: 20px;
    min-width: 20px;
    display: inline-block;
    float: left;
}
.extraInfoList .extraInfoIcon img{
    height: 100%;
    width: 100%;
    display: inline-block;
    float: left;
}
.extraInfoLabel{
    margin-bottom: 5px;
}
.extraInfoContent{
    color: #030229;
    opacity: 0.7;
}

.tradingListingExtraInfo{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-top: 10px;
}

/* .sellContentGraph.sell-content .rating-graph li{
    padding-right: 5px;
} */
.sellContentGraph.sell-content .rating-graph li{
    padding-left: 6px;
    padding-right: 6px;
}
.sellContentGraph.sell-content .rating-graph li .graph-status span.point{
    font-size: 12px;
    line-height: 12px;
    height: 18px;
    width: 27px;
    margin-left: 8px;
}
.sellContentGraph.sell-content .rating-graph li .graph-status{
    align-items: center;
}
.sellContentGraph.sell-content .rating-graph li .graph-status span.point::before{
    border-right: 9px solid;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    left: -9px;
}
.sellContentGraph.sell-content .rating-graph li .graph-status span.point.graph-color1::before {
    border-right: 9px solid #037e31;
}

.sellContentGraph.sell-content .rating-graph li .graph-status span.point.graph-color2::before {
    border-right: 9px solid #2aa040;
}

.sellContentGraph.sell-content .rating-graph li .graph-status span.point.graph-color3::before {
    border-right: 9px solid #93c351;
}

.sellContentGraph.sell-content .rating-graph li .graph-status span.point.graph-color4::before {
    border-right: 9px solid #f2ca25;
}

.sellContentGraph.sell-content .rating-graph li .graph-status span.point.graph-color5::before {
    border-right: 9px solid #ffb101;
}

.sellContentGraph.sell-content .rating-graph li .graph-status span.point.graph-color6::before {
    border-right: 9px solid #ff8001;
}

.sellContentGraph.sell-content .rating-graph li .graph-status span.point.graph-color7::before {
    border-right: 9px solid #d61d1d;
}
.sellContentGraph.sell-content .rating-graph li:first-child{
    padding-right: 23px;
    padding-left: 0;
}
.energyRartingBoxChart {
    padding: 5px 0px 20px 5px;
    border: 1px solid #A6ACBE;
    margin-top: 5px;
}
.tradingListingSlider .slick-arrow,
.tradingListingSlider2 .slick-arrow{
    font-size: 0;
    position: absolute;
    top: 50%;
    height: 30px;
    width: 30px;
    background: var(--colorWhite);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.tradingListingSlider .slick-prev,
.tradingListingSlider2 .slick-prev{
    left: 15px;
    z-index: 9;
}
.tradingListingSlider .slick-next,
.tradingListingSlider2 .slick-next{
    right: 15px;
    z-index: 9;
}
.tradingListingSlider .slick-prev::before,
.tradingListingSlider .slick-next::before,
.tradingListingSlider2 .slick-prev::before,
.tradingListingSlider2 .slick-next::before{
    position: absolute;
    font-family: 'Font Awesome 5 FREE';
    font-weight: 800;
    color: var(--circularBlack);
    font-size: 20px;
    line-height: 20px;
}
.tradingListingSlider .slick-prev::before,
.tradingListingSlider2 .slick-prev::before{
    content: '\f053';
}
.tradingListingSlider .slick-next::before,
.tradingListingSlider2 .slick-next::before{
    content: '\f054';
}
/* .webSizeGraph{
    display: inline-block;
}
.mobSizeGraph{
    display: none;
} */
.tradingListingSlider .slick-arrow,
.tradingListingSlider2 .slick-arrow{
    opacity: 1;
}
.tradingListingSlider .slick-arrow.slick-disabled,
.tradingListingSlider2 .slick-arrow.slick-disabled{
    opacity: 0;
}
.tradingListingSlide .tradingListingSlideBg{
    position: absolute;
    filter: blue;
    z-index: 0;
    height: 100%;
    width: 100%;
    filter: blur(5px);
}
.tradingListingSlide .tradingListingSlideFront{
    position: relative;
    z-index: 9;
}
.tradingListingSlide {
    position: relative;
}
.sendIntersetModalForm{
    padding: 20px 30px 30px;
}
.modal-header.modal-header2{
    padding: 20px 30px 0;
}
.formDesignUpdate .form-group{
    margin-bottom: 15px;
}

.propertyDetailListModal .modal-dialog{
    max-width: 90vw;
}
.onSendInterestLink2{
    cursor: not-allowed;
}

.webinar-link{
    background: #d9d7d7;
    height: auto;
    text-align: center;
    padding-top: 5px;
    border-radius: 5px;
    cursor: pointer;
}
.booking-form{
    text-align: left;
}

/* ----------- */
.accordionHeadSec{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px 8px 20px;
    cursor: pointer;
}
.filterOptionAccordion{
    /* padding: 0px 20px; */
    border: 1px solid #D9D9D9;
    box-shadow: 2px 2px 4px 0px #00000040;
    margin-bottom: 20px;
}
.filterAccordionChild{
    /* padding-top: 10px; */
    border-top: 1px solid #D9D9D9;
    display: none;
    padding: 10px 0px 8px 0px;
    padding: 10px 0px 8px 0px;
    width: calc(100% - 40px);
    margin-left: 20px;
}
.filteredCounter{
    height: 24px;
    width: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--colorPrim);
    border-radius: 50%;
    margin-left: 5px;
    line-height: 24px !important;
}
.accordionToggleIcon{
    height: 20px;
    width: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    background: transparent;
    border-radius: 50%;
}
.accordionHeadSec:hover .accordionToggleIcon{
    border: 1px solid var(--colorPrim);
    background: var(--colorPrim);
    color: var(--colorWhite);
}
.filterOptionAccordion.active .filteredCounter {
    display: none;
}
.filteredCounter span{
    font-size: 14px;
    line-height: 8px;
}

/* .filterOptionAccordion.active .filterAccordionChild{
    display: block;
} */

.propDetLinkBox .addDealAnalyser.addedPropertyTag{
    display: inline-block;
}


/* ------------------- */
.customDropToggleBox{
    position: relative;
}
.customDropsNew{
    /* padding: 5px; */
    border: 1px solid #ddd;
    border-radius: 4px;
    position: absolute;
    width: 100%;
    background: #fff;
    z-index: 10;
    max-height: 240px;
    overflow-y: auto;
    top: 37px;
    left: 0;
}
.customDropsNew{
    display: none;
}
.customDropsNew.customDropsNewActive{
    display: inline-block;
}
.selectedItems{
    display: inline-block;
    float: left;
    /* margin: 5px 0px 10px; */
}
.selectedItems ul li{
    display: inline-block;
    float: left;
    font-size: 13px;
    border: 1px solid #aaa;
    border-radius: 4px;
    background: var(--colorWhite);
    position: relative;
    padding-left: 20px;
    padding-right: 4px;
    margin: 2px 2px;
    color: var(--colorBlack);
}
.selectedItems ul li .removeItem{
    border-right: 1px solid #aaa;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #999;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    padding: 0 4px;
    position: absolute;
    left: 0;
    top: 0;
}
.selectedItems ul li .removeItem:hover{
    background-color: #f1f1f1;
    color: #333;
}
.searchRadiusSelectOption.searchRadiusSelectOption2:hover{
    cursor: not-allowed;
}
.validatePostcode{
    display: inline-block;
    padding-top: 5px;
}
.commonListSpace{
    padding: 0px 5px 0px;
}
.disabledTooltipParent{
    position: relative;
}
.disabledTooltipParent .disabledTooltip{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: none;
}
.disabledTooltipParent.disabledTooltipParentActive .disabledTooltip{
    display: inline-block;
}
.disabledTooltipParent.disabledTooltipParentActive .disabledTooltip:hover{
    cursor: not-allowed;
}
.customDropsNew .secondaryList li{
    width: 100%;
    cursor: pointer;
} 
.customDropsNew ul li label{
    /* width: calc(100% - 17px); */
    cursor: pointer;
} 
/* .customDropsNew ul li:hover{
    background: #3787e31a;
} */




.customDropWrapper{
    display: grid;
    grid-template-columns: 190px auto;
    align-items: center;
}
.customDropWrapper .form-control{
    padding: 10px 15px;
}
.commonListSpace{
    display: block;
    color: var(--colorBlack);
    font-family: var(--circularRegular);
    float: left;
    width: 100%;
}
.outCodeBoxSection .col-sm-12 .commonListSpace label{
    display: inline-block;
    color: var(--colorBlack);
    font-family: var(--circularRegular);
}
.textPrim.commonListSpace{
    color: var(--colorPrim);
}
.selectedItems ul li{
    font-family: var(--circularRegular);
}
.selectedItems ul{
    margin-top: 2px;
}



/* Calculation */
.order-form .container {
    color: #4c4c4c;
    padding: 20px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    /* max-width: 650px; */
    max-width: 58%;
}

.order-form-label {
    margin: 8px 0 0 0;
    font-size: 14px;
    font-weight: bold;
}

.order-form-input,
.form-label,
.form-check-label {
    /* font-family: 'Open Sans', sans-serif; */
    font-size: 18px;
}

/* table Design */
.table-div{
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    /* width: 70%; */
    margin: auto;
}
.calculation-table {
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 0.9em;
    font-family: sans-serif;
    min-width: 400px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    text-align: center;
}

.calculation-table thead tr {
    background-color: #3787e3;
    color: #ffffff;
    text-align: center;
    height: 50px;
}

.calculation-table th,
.calculation-table td {
    padding: 5px 12px;
}

.calculation-table tbody tr {
    border-bottom: 1px solid #dddddd;
    height: 50px;
}

.calculation-table tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}

.calculation-table tbody tr:last-of-type {
    border-bottom: 2px solid #3787e3;
}

.calculation-table tbody tr.active-row {
    font-weight: bold;
    color: #3787e3;
}

.prop-counter{
    color: white;
    background: var(--colorPrim);
    border-radius: 50%;
    width: 34px;
    display: inline-block;
    height: 30px;
}

.final_test_4_result{
    display: flex;
    border: 5px solid var(--colorBlue);
    height: 89px;
    text-align: center;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: column;
}

/* New About Page Start */
.aboutPageNewStyle .commonTabsSection{
    margin: 50px 0;
}
.commonTabsSection .nav-tabs{
    border: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 150px;
}
.commonTabsSection .nav-tabs .nav-link{
    background: transparent;
    border: none;
    font-size: 26px;
    font-weight: 600;
    padding-bottom: 5px;
    color: var(--colorWarmGrey);
}
.commonTabsSection .nav-tabs .nav-link:hover,
.commonTabsSection .nav-link.active{
    color: var(--colorPrim);
}
.commonTabsSection .nav-link{
    position: relative;
    cursor: pointer;
}
.commonTabsSection .nav-link::after{
    position: absolute;
    content: '';
    height: 2px;
    width: 0;
    bottom: 0;
    background: var(--colorPrim);
    transition: all 0.3s ease;
    left: 0;
}
.commonTabsSection .nav-link:hover::after{
    width: 100%;
    transition: all 0.3s ease;
}
.teamManagementSection{
    display: flex;
    gap: 15px;
}
.teamManagementSection .teamManagementContent{
    background: var(--colorWhite);
    padding: 20px;
    border-radius: 10px;
}
.teamManagementSection .teamManagementImage{
    width: 300px;
    min-width: 300px;
}
.teamManagementImage img{
    border-radius: 10px;
}
.teamManagementContent .managementName{
    margin-bottom: 10px;
}
.teamManagementContent .managementTitle{
    margin-bottom: 15px;
    padding-bottom: 3px;
    border-bottom: 2px solid var(--colorPrim);
    display: inline-block;
    float: left;
}
.managementTeamBox .teamManagementSection{
    margin-bottom: 40px;
}
.managementTeamBox .teamManagementSection:nth-child(even){
    flex-direction: row-reverse;
}
.aboutSectionsBottom.aboutSectionsBottomNew{
    margin-top: 0;
}
.teamManagementContent .managementDescription{
    /* color: var(--colorWarmGrey2); */
    opacity: 0.7;
}
/* New About Page End */

.portfolioValueArrow{
    position: absolute;
    top: -26px;
    top: -4px;
    border: solid transparent;
    background: url("../img/arrow-down-blue-point.png") no-repeat center center;
    /* border-width: 12px; */
    /* border-bottom-color: white; */
    width: 8px;
    height: 24px;
}

/* --------------- */

.tablesChart{
    width: 350px;
    /* min-width: 350px; */
}
.tableBorderRight{
    border-right: 1px solid #dbdbdb;
}
.portfolioAssessment-table th,.tableHeaderSection th{
    background: var(--colorWhite);
    color: #333;
    box-shadow: none !important;
}
.tableHeaderSection th{
    border-top: 8px solid var(--colorPrim);
}
.portfolioAssessment-table th,
.portfolioAssessment-table td{
    /* padding-left: 15px !important;
    padding-right: 15px !important; */
}

.resultStatusBox{
    height: 50px;
    width: 50px;
    border-radius: 4px;
    color: var(--colorWhite);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.resultStatusBox.resultStatusAccept{
    border: 1px solid #43a047;
    background: #43a047;
}
.resultStatusBox.resultStatusReject{
    border: 1px solid #dd3333;
    background: #dd3333;
}
.resultStatusBox.resultStatusPending{
    border: 1px solid #ffcc33;
    background: #ffcc33;
}
.resultStatusBox i{
    font-size: 30px;
}

.resultStatusBoxFinal{
    height: 50px;
    width: 400px;
    border-radius: 4px;
    color: var(--colorWhite);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.resultStatusBoxFinal.resultStatusAccept{
    border: 1px solid #43a047;
    background: #43a047;
}
.resultStatusBoxFinal.resultStatusReject{
    border: 1px solid #dd3333;
    background: #dd3333;
}
.resultStatusBoxFinal.resultStatusPending{
    border: 1px solid #ffcc33;
    background: #ffcc33;
}
.resultStatusBoxFinal i{
    font-size: 30px;
}

.tableHeaderSection th{
    font-size: 1.25rem;
    border-bottom-color: currentColor;
}

.progressValueCount{
    position: relative;
    width: auto ;
    display: inline-block;
    position: relative;
    float:left;
}
.progress-bar-container{
    margin-bottom: 30px;
}

.disale-anchor-tag{
    pointer-events: none;
}

/* -------------- */
.dashboardStepsChild .dashboardCountInfo span.textPrim{
    color: var(--colorPrim);
}
.dashboardStepsChild .dashboardCountInfo span.amountFlowArrowUp{
    color: var(--colorGreen);
}
.dashboardStepsChild .dashboardCountInfo span.amountFlowArrowDown{
    color: var(--colorRed);
}
.parentAmountSec{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.asideIcon{
    width: 70px;
}
.postValidationDashboard .row{
    gap: 20px 0;
}
.postValidationDashboard .col-sm-12{
    width: 24.3%;
}
.dashboardTablesBox .dashboardTable.newTableLeft{
    width: 75%;
}
.dashboardTablesBox .dashboardTable.newTableRight,
.dashboardTablesBox .dashboardTable.topUsersTable{
    width: 25%;
}
.topUserDetailSec {
    display: flex;
    align-items: center;
    gap: 5px;
}
.topUserImage{
    display: inline-block;
}
.topUserDetail {
    flex-direction: column;
}

.topUserDetailTable .dataTables_filter,
.topUserDetailTable .dataTables_info,
.portfolioAnalysisTables .dataTables_filter,
.portfolioAnalysisTables .dataTables_info{
    display: none;
}
.analysisDashboardTables table.dataTable thead th,
.analysisDashboardTables table.dataTable tbody td{
    font-size: 14px;
}
.assessmentResultStatus{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 22px;
    width: 22px;
    min-width: 22px;
    border-radius: 50%;
    color: var(--colorWhite);
}
.assessmentResultStatus i{
    font-size: 14px;
    line-height: 22px;
}
.assessmentResultStatus.assessmentResultPending{
    background: var(--colorYellow);
}
.assessmentResultStatus.assessmentResultReject{
    background: var(--colorRed);
}
.assessmentResultStatus.assessmentResultAccept{
    background: var(--colorGreen);
}
.postValidationChart{
    margin-bottom: 30px;
}

.reportChartStats{
    display: flex;
    gap: 10px 0;
    padding-top: 10px;
    border-top: 1px solid #ddd;
    margin-top: 20px;
    flex-wrap: wrap;
}
.reportChartStats .reportChartStatsBox{
    width: 25%;
    border-right: 1px solid #ddd;
    text-align: center;
}
.reportChartStats .reportChartStatsBox:last-child{
    border-right: none;
}
.reportChartValue{
    font-family: var(--circularBold);
}
.reportPortfolioAssessment .reportChartValue{
    color: #333;
}
.reportPortfolioValidation .reportChartValue{
    color: var(--colorGreen);
}
.reportAwaitingValidation .reportChartValue{
    color: var(--colorYellow);
}
.reportPortfolioRejection .reportChartValue{
    color: var(--colorRed);
}
.reportChartBox{
    padding: 10px 40px;
}

.chartTopbarBox{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.postValidationDashboard .row{
    margin-left: -10px;
    margin-right: -10px;
}
.postValidationDashboard .col-sm-12{
    padding-left: 10px;
    padding-right: 10px;
}

.darkColumnData,
.darkColumnData a{
    background: #f6f6f6;
}
.topUserImage{
    height: 35px;
    width: 35px;
}
.customVideoViewItem{
    margin-left: 5px;
    display: inline-flex;
    align-items: center;
}
.customVideoViewLink{
    /* border: 1px solid #ddd; */
    height: 18px;
    width: 18px;
    display: inline-block;
    float: left;
    margin-top: -2px;
    cursor: pointer;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* padding: 2px; */
}
.customVideoViewLink i{
    font-size: 18px;
}

.tutorialVideoModal .modal-dialog{
    max-width: 800px;
}
.assessmentTableCard .dataTables_scroll{
    border: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.assessmentTableCard .dataTables_filter{
    margin-bottom: 15px;
}
.portfolioAssessment-table2.table.dataTable thead th{
    border: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    color: #000;
    border-top: none;
    border-left: none;
}
.portfolioAssessment-table2.table.dataTable thead th:last-child{
    border-right: none;
}
.portfolioAssessment-table2.table.dataTable td{
    /* border: 1px solid #ddd;
    color: #030229b3; */
    border-right: 1px solid #ddd;
    color: #030229b3;
    border-bottom: none;
}
.portfolioAssessment-table2.table.dataTable td:last-child{
    border-right: none;
}
.assessmentTableCard .dataTables_wrapper .dataTables_paginate .paginate_button.current{
    border: 1px solid var(--colorPrim);
    background: var(--colorPrim);
    color: var(--colorWhite) !important;
}
.assessmentTableCard .dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    border: 1px solid var(--colorPrim);
    background: var(--colorPrim);
    color: var(--colorWhite) !important;
}
.assessmentTableCard .dataTables_paginate{
    padding-top: 15px;
}
.assessmentTableCard .dataTables_info{
    display: none;
}
.customActionSection{
    display: inline-flex;
    /* flex-wrap: wrap; */
    gap: 5px 0;
}
.customActionSection .actionsSectionList:first-child,
.customActionSection .actionsSectionList:nth-child(2){
    width: calc(50% - 3px);
}
.customActionSection .actionsSectionList:first-child{
    margin-right: 3px;
}
.customActionSection .actionsSectionList:nth-child(2){
    margin-left: 3px;
}
.customActionSection .actionsSectionList:last-child{
    width: 100%;
}
.actionsSectionList .actionsSectionLink{
    height: 28px;
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* border-radius: 50%; */
    padding: 2px 4px;
}
.actionsSectionLink.actionsSectionInfo{
    /* border: 1px solid var(--colorYellow); */
    color: var(--colorYellow);
    border-radius: 14px;
}
.actionsSectionLink.actionsSectionInfo:hover{
    background: var(--colorYellow);
    color: var(--colorWhite);
}

.actionsSectionLink.actionsSectionRefresh{
    /* border: 1px solid var(--colorGreen); */
    color: var(--colorGreen);
    border-radius: 14px;
}
.actionsSectionLink.actionsSectionRefresh:hover{
    background: var(--colorGreen);
    color: var(--colorWhite);
}

.actionsSectionLink.actionsSectionRemove{
    /* border: 1px solid var(--colorRed); */
    color: var(--colorRed);
    border-radius: 14px;
}
.actionsSectionLink.actionsSectionRemove:hover{
    background: var(--colorRed);
    color: var(--colorWhite);
}

.preferencesMailBox2{
    border: 1px solid #b6b2b2;
    border-radius: 10px;
    padding: 10px 10px 10px 10px;
}

.portfolioStatus{
    padding: 5px;
    border-radius: 10px;
    color: white;
}

.pendingPortfolioStatus{
    background: #ffad00;
    cursor: pointer;
}

.acceptedStatus{
    background: #009e35;
}

.rejectedStatus{
    background: #f22436;
    cursor: pointer;
}

/* ---------------- */
.dashboardCountInfo{
    display: inline-flex;
    flex-direction: column;
}
.newCustomTab.newCustomTabdaysTab,
.newCustomTab.newCustomTabmonthsTab{
    position: relative;
    padding-left: 30px;
}
.yaxisChartLabel{
    position: absolute;
    left: -20px;
    transform: rotate(-90deg);
    top: 38%;
}
.portfolioAssessment-table2.table.dataTable td.linkStyleTabledata{
    padding: 0;
}
.linkStyleTabledata .styledTabledataLink{
    display: flex !important;
    float: left;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    color: #030229b3;
    padding: 5px 5px;
}
.areaInsightsSection .dashCardBox thead tr.newHeadingTableHead th{
    text-align: center !important;
    border-bottom: none;
    color: var(--colorGrey3);
    /* padding-bottom: 0; */
    font-size: 18px;
    font-family: var(--circularRegular);
    color: var(--colorBlack);
    font-weight: 500;
}


/* ---------------- */

.dashboardCountInfo.dashboardCountInfoLatest{
    /* display: inline-flex;
    flex-direction: column; */
    display: block;
}
.customSelectOption{
    width: 45px;
}
.customSelectOption select{
    text-align: center;
}
.customSelectOption select::-webkit-input-placeholder {
    text-align: left;
}
.customSelectOption select option{
    text-align: left;
}

.preferencesMailBoxChild label.customLabelSec,
.preferencesMailBoxChild label.customLabelSec2{
    padding-right: 0;
}
.customLabelSec{
    width: 215px;
}
.customLabelSec2{
    width: 120px;
}
.formulaAccordionItem{
    margin-bottom: 0px;
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
}
.formulaAccordionItem:last-child{
    border-bottom: none;
}

.accordionButton,
.accordionButton:hover{
    cursor: pointer;
    display: inline-flex;
    width: 100%;
    color: var(--colorBlack);
    font-size: 24px;
    padding: 0px !important;
    border: none !important;
    font-family: var(--circularBold);
}
.formulaAccordionBody{
    margin-top: 10px;
}

.accordion-item.formulaAccordionItem{
    border: none;
    border-radius: 0;
    padding: 5px 25px 0px 25px;
    border: 1px solid #b5aaaa;
    border-radius: 10px;
    margin-top: 15px;
}
/* .accordion-item.formulaAccordionItem:last-child{
    border-bottom: none;
} */
.accordionButton.accordion-button:not(.collapsed){
    color: var(--colorPrim);
    background-color: transparent;
    box-shadow: none;
}
.preferencesMailBox{
    margin-bottom: 20px;
}
.textLabelOption{
    margin-bottom: 10px;
}

.reportCountPositive{
    color: var(--colorGreen);
}
.reportCountNegative{
    color: var(--colorRed);
}
.reportCountSection{
    display: inline-flex;
    align-items: flex-start;
    gap: 5px;
}
.todayReportCount{
    line-height: 20px;
    padding-bottom: 2px;
}
.reportCounterSection{
    display: inline-flex;
    flex-direction: column;
}
.reportCountIcon{
    font-size: 24px;
    line-height: 28px;
}
.customSelectWidth{
    width: 230px;
}


/* ---------------- */

.dealStackersRow {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
}
.dealStackersRow .col-sm-6{
    width: 100%;
}
.card-duplicate-box{
    display: -webkit-inline-box;
    padding-bottom: 15px;
}

.duplicate-card-user-box{
    border: 1px solid #3787e3;
    border-radius: 10px;
    padding: 10px 30px;
}

.heatMapLable .marker_0_100::before {
    background: linear-gradient(to right, #FFFF00 0%, #FF0000 100%);
}

.polygon-label {
    position: absolute;
    font-size: 12px;
    font-weight: bold;
    white-space: nowrap;
}

/* -------------- */
.findAreaPageSection.findMapFilterPageUpdate .findAreaFilterPage.findAreaFilterPageUpdate{
    width: 300px;
    min-width: 300px;
}
.childFilters.childFiltersNew.childFiltersNewUpdate{
    grid-template-columns: 1fr;
    position: relative;
}
.heatFilterRadioLists label{
    font-size: 13px;
    line-height: 13px;
    color: var(--colorBlack);
    font-family: var(--circularBook);
}
.heatFilterRadioLists input[type="radio"]{
    accent-color: var(--colorGreen);
}
.heatFilterRadioLists-child{
    width: 50%;
}
.customCheckListBoxParent{
    /* position: relative; */
    margin-bottom: -3px;
}
.customCheckListBoxParent .customCheckListBox{
    width: calc(100% - 160px);
    display: inline-flex;
    gap: 5px;
    align-items: flex-start;
}
.customCheckListing {
    position: absolute;
    /* left: 0; */
    right: 0;
    top: 0;
    width: 150px;
    opacity: 0;
    visibility: hidden;
    z-index: 1;
    border-left: 1px solid #ddd;
    height: 100%;
}
.customCheckListBoxParent2 .customCheckListing{
    opacity: 1;
    visibility: visible;
    padding-left: 7px;
} 
.customCheckBox input.form-check-input-latest{
    display: inline-block;
}
.customCheckListingAll{
    display: none;
}
.customCheckListingAll.customCheckListingAll2{
    display: inline-block;
}

.childFilters .childFiltersCheckbox.customRadioBox {
    width: 100%;
    margin-bottom: 0;
}
.childFilters .childFiltersCheckbox.customRadioBox label{
    font-size: 13px;
    line-height: 16px;
    color: var(--colorBlack);
    font-family: var(--circularBook);
    cursor: pointer;
}
.childFilters .childFiltersCheckbox.customRadioBox input[type="radio"]{
    accent-color: var(--colorGreen);
}
.customCheckListingAside{
    max-height: 285px;
    max-height: calc(100% - 53px);
    overflow-y: auto;
    margin: 0px 0;
}
.customCheckListingAll input[type="checkbox"],
.customCheckListingAside input[type="checkbox"]{
    accent-color: var(--colorGreen);
}
.greenOptionSwitchUpdate span{
    font-size: 11px;
    display: inline-block;
    line-height: 12px;
}
.greenOptionSwitchUpdate span:first-child{
    text-align: right;
}
.greenOptionSwitchUpdate{
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 0;
}
.greenOptionSwitch.greenOptionSwitchUpdate.form-switch .form-check-input{
   margin: 0;
   transform: rotate(180deg);
   cursor: pointer;
}
.form-switch-rowNew{
    margin-bottom: 7px;
}

/* -------------- */

.findMapFilterPageUpdate .findAreaFilterTable{
    width: calc(100vw - 667px);
}
.heatMapLable .marker_0_100::before {
    background: linear-gradient(to right, #ffffff 126px, #FFFF00 102px, #FF0000 100%);
}
.findAreaTop.findAreaTopUpdate{
    display: flex;
}
.findAreaTopUpdate .aboutPostcodeHead{
    border-left: 1px solid #ddd;
    min-width: fit-content;
}
.reportSectionDetailUpdate{
    position: relative;
}
.customMapLoader.loader{
    display: none;
}
.reportSectionDetailUpdate .customMapLoader{
    position: absolute;
    opacity: 0.9;
}
.customSliderArrows{
    position: relative;
}
.customSliderArrows .slick-prev.slick-arrow,
.customSliderArrows .slick-next.slick-arrow{
    font-size: 0;
    position: absolute;
}
.customSliderArrows .slick-arrow{
    position: absolute;
    color: #fff;
    top: calc(50% - 15px);
    height: 30px;
    width: 30px;
    line-height: 30px;
}
.customSliderArrows .slick-arrow::before{
    position: absolute;
    font-family: 'Font Awesome 5 FREE';
    font-weight: 900;
    font-size: 16px;
    height: 100%;
    width: 100%;
    z-index: 9;
    background: rgba(0,0,0,0.5);
    border-radius: 50%;
}
.customSliderArrows .slick-prev.slick-arrow{
    left: 0;
}
.customSliderArrows .slick-prev.slick-arrow::before{
    content: '\f053';   
    left: 0;
}
.customSliderArrows .slick-next.slick-arrow{
    right: 0;
}
.customSliderArrows .slick-next.slick-arrow::before{
    content: "\f054";
    right: 0;
}
.uploadPropImageBox .customSliderArrows,
.uploadPropImageBox .customSliderArrows .slick-list,
.uploadPropImageBox .customSliderArrows .slick-list .slick-track,
.uploadPropImageBox .customSliderArrows .slick-list .slick-track .slick-slide,
.uploadPropImageBox .customSliderArrows .slick-list .slick-track .slick-slide div,
.uploadPropImageBox .customSliderArrows .slick-list .slick-track .slick-slide div .magnific-img{
    height: 100%;
}
.uploadPropImageBox .customSliderArrows .slick-list .slick-track .slick-slide div .magnific-img img{
    height: 88%;
    width: 100%;
    object-fit: cover;
    border-radius: 5px;
}
.uploadPropImageBoxParent{
    height: 100%;
    position: relative;
}
.uploadPropImageBoxParent .sliderCounterParent{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
}
.sliderCounterParent .sliderCounter{
    background: var(--colorWhite);
    color: var(--colorBlack);
    padding: 1px 6px;
    border-radius: 3px;
    font-size: 14px;
    line-height: 14px;
}

.customSliderArrows .slick-arrow.slick-disabled::before{
    opacity: 0.5;
}

.markerInnerChild{
    position: absolute;
    left: 0;
    top: 0;
    height: 6px;
    width: 102px !important;
    background: #fff;
    border: 1px solid #000;
}
.smallButtonMobile2:hover path{
    fill: #fff;
}
.childFilters .childFiltersCheckbox.customRadioBox .checksNotAllowed label{
    cursor: not-allowed !important;
    opacity: 0.5;
}
.heatFilterRadioLists-child label{
    cursor: pointer;
}
.leadsFilterLink .leadsFilterCounter{
    line-height: 20px;
}
.removeTooltipLinkNew{
    background: #fff;
    position: absolute;
    z-index: 9;
    left: -10px;
    top: -10px;
    box-shadow: 0px 0px 1px 1px rgba(237,56,51, 0.5);
    opacity: 0;
    visibility: hidden;
}
.savedFilterListItemActive .removeTooltipLinkNew,
.removeTooltipLinkNew.removeTooltipLinkNewActive{
    opacity: 1;
    visibility: visible;
}
.savedFilterListItem.savedFilterListItemActive .leadsFilterCounter{
    background-color: var(--colorWhite);
    color: var(--colorPrim);
} 

.dashButton.heatmap-animation{
    animation: blinkMe 1.3s linear infinite;
}
.mapAreaPopupSection.areaReportDetailsSection{
    margin-top: 0px;
}
.mapAreaPopupSectionBtm{
    margin-top: 30px;
}
.reset-success-msg{
    color: #fff!important;
    padding: 10px 10px;
    background: #81c181;
    border-radius: 5px;
}
.priceSlideTags .toggle-btns{
    padding: 10px 3px 4px;
}
.priceSlideTags .priceCommonTag {
    width: 100%;
    display: block;
    font-size: 14px;
    line-height: 16px;
    background: #042e52;
    color: var(--colorWhite);
    padding: 2px 1px 1px;
    border-radius: 4px;
}
.formBlockSectionChild{
    padding-bottom: 10px;
}
.formBlockSection{
    padding: 15px 20px;
    border: 1.5px solid #ccc;
    border-radius: 12px;
    height: 100%;
}
.subscriptionPageUpdate{
    margin-top: 34px;
}
.plan-details-update{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.separatedSectionBox{
    padding-top: 3px;
    margin-top: 3px;
    border-top: 1px solid #ccc;
    display: block;
    width: 100%;
}
.subscriptionUpdateSection .formBlockSectionChild{
    padding: 20px 0;
}
.formBlockSectionCard{
    margin-top: 20px;
}
.puzzleSlideModal .modal-dialog{
    max-width: 600px;
}
.puzzleSlideModal .modal-content{
    padding: 50px 50px;
}
.puzzleSlideModal .slidercaptcha{
    border: none;
    margin-bottom: 0;
}

/* ----------------- */

.termsSelection{
    display: none;
}
/* .termsSelection.termsForYearly{
    display: block;
} */
.termsSelection p{
    padding-left: 30px;
}
.termsSelection label{
    top: 5px;
}
/* ----------------- */
.discountRibbonParent .discountRibbonChild{
    width: auto;
    max-width: 100%;
}
.activeSlideBtn .separatedSectionBox{
    border-top: 1px solid #fff;
}
.authorizeCheckbox .signup-terms{  
    top: 10px;
}
.textDecorationStrike{
    display: inline !important;
}
.priceSmallMainHead{
    padding: 0 10px;
}
.packages .priceSmallNewHead .supSection{
    margin-right: 5px;
    font-size: 14px;
    display: inline;
    float: left;
}

.sup-beta{
    border-radius: 5px;
    padding: 3px;
    background: #c62e1a;
}


.shortlist-count{
    font-size: 14px;
    position: relative;
    bottom: 6px;
    left: 2px;
}

.shortlistHeader {
    cursor: pointer;
    color: #A6ACBE;
    line-height: 20px;
    border: solid 1px;
    border-radius: 5px;
    padding: 1px 6px 1px 6px;
    color: #000000;
    display: flex;
    align-items: center;
}

.shortlistHeader .fa-heart{
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
    font-size: 26px;
}
.quick-search-checkbox {
    display: none;
}

.tooltip-inner {
    text-align: left;
}
.disable-clicks {
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.5;
    /* background-color: #dad6d6; */
}

.green-notepad{
    background-color: #55a26a;
    border-radius: 5px;
    padding: 10px 10px 10px 10px;
}

.red-notepad{
    background-color: #ca4155;
    border-radius: 5px;
    padding: 10px 10px 10px 10px;
}
.dashboardChartSection.dashboardChartSection-update{
    border-right: 1px solid rgba(181, 181, 195, 1);
}
.dashboardChartSection.dashboardChartSection-update:first-child{
    padding-left: 0;
}
.dashboardChartSection.dashboardChartSection-update:last-child{
    padding-right: 0;
}
.dashboardChartSection.dashboardChartSection-updatenew .dashboardBarsChild{
    border-bottom: 1px solid rgba(181, 181, 195, 1);
}
.valueStatus-update .valueStatusBar{
    height: 18px;
    height: 22px;
}
.valueStatus-update .valueStatusPointer{
    height: 18px;
    height: 20px;
}
.valueStatus.valueStatus-update{
    padding-top: 20px;
    padding-top: 24px;
}
/* .property-charts-stats-box .dashboardChartSection-updatenew, */
.property-charts-stats-box{
    padding-top: 10px
}
.propertyChartsStatsDetailText{
    line-height: 16px;
    color: #030229;
    opacity: 0.7;
}

.dashboardChartSection.dashboardChartSection-updatenew .dashboardBarsChild.dashboardBarsChild2{
    border-bottom: none;
    padding-left: 10px;
    margin-left: 10px;
    border-left: 1px solid rgba(181, 181, 195, 1);
}
.dashboardBarsChild2{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.dashboardBarsChild2 .parentAmountBox{
    line-height: 0;
}
.dashboardBarsChild2 .parentAmount{
    line-height: 14px;
}
.propertyChartsStatsDetail{
    /* padding: 0 10px; */
}
.dashboardBarsChild-update{
    padding-bottom: 5px;
}
.textCapital{
    text-transform: uppercase;
}
.propertyTableDetailsListItem{
    display: flex;
    /* padding: 2px 0; */
}
.propertyTableDetailsListItem:not(:last-child){
    border-bottom: 1px solid rgba(181, 181, 195, 1);
}
.propertyTableDetailsListItem .propertyTableDetailsItemHead{
    color: #030229;
    opacity: 0.7;
    min-width: 95px;
    width: 95px;
    border-right: 1px solid rgba(181, 181, 195, 1);
    padding: 2px 0;
}
.propertyTableDetailsListItem .propertyTableDetailsItemText{
    color: #030229;
    padding-left: 5px;
}

.dashboardChartSection.propertyDetailsCardSection{
    padding-bottom: 0;
}

.boxSeparationSection{
    display: flex;
}
.propertyTableDetailsList2 .propertyTableDetailsListItem .propertyTableDetailsItemHead{
    min-width: 180px;
    width: 180px;
}
.dashboardTablesSec-update{
    /* display: grid;
    grid-template-columns: 1fr; */
    display: flex;
    flex-direction: column;
    gap: 20px 0;
}

.customTableDesign-update .dataTables_filter,
.customTableDesign-update .dataTables_info{
    display: none;
}

.customTableDesign-update table.dataTable.display tbody tr td{
    border-right: 1px solid #ddd;
}
.customTableDesign-update table.dataTable.display tbody tr td:last-child{
    border-right: none;
}
/* .propStatsBox-update{
    border: 1px solid rgba(181, 181, 195, 1);
} */
.propertySectionsChartsRow{
    gap: 30px 0;
}

/* -------------- */
.customProgressOuter{
    height: 20px;
    width: 100%;
    background-color: #ccc;
    position: relative;
    display: inline-block;
    border-radius: 10px;
    overflow: hidden;
}
.customProgressInner{
    width: 0%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: var(--colorGreenTheme);
}

.newPopupDesign .modal-dialog{
    max-width: 600px;
}

.processStepsItemScrollbox{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.processStepsItemIcons{
    display: inline-flex;
    align-items: center;
}
.processStepsListItem .inProcessState{
    display: inline-block;
}
.processStepsListItem .inProcessState .fa-spinner{
    margin: 0;
}
.processStepsListItem .processCompleteState{
    display: none;
}
.processStepsListItem.progressComplete .processCompleteState{
    display: inline-block;
}
.processStepsListItem.progressComplete .inProcessState{
    display: none;
}
.processCompleteState i,
.inProcessState i{
    font-size: 24px;
}
.inProcessState i{
    color: #ccc;
    animation: rotate 2s linear infinite;
}
@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.processCompleteState i{
    color: var(--colorGreenTheme);
}
.processStepsListItem:not(:last-child){
    margin-bottom: 13px;
}
.processStepsListItem.progressComplete:last-child .processCompleteState{
    display: none;
}
.processStepsListItem.progressComplete:last-child .inProcessState{
    display: inline-block;
}
.newPopupDesign .modal-body{
    padding: 30px 30px;
}


.customPoprertyValuationTable .dashboardTableBottom .dataTables_scrollBody{
    max-height: unset;
}

.assessmentTableCard-update table.dataTable.display tbody tr td{
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    border-bottom-width: 0;
}

.btnStyle.customTabsDesign.customTabsDesign-update{
    font-size: 14px;
    line-height: 20px;
    padding: 5px 20px;
}

.view-market-value-test{
    color: white;
    background-color: #59b439;
    padding: 2px 5px 2px 5px;
    border-radius: 5px;
}

/* ----------- */
.newButtonSection{
    display: flex;
    flex-direction: column;
}
.backModal{
    position: absolute;
    left: 20px;
    top: 20px;
}
.onCloseModalBox{
    right: 20px !important;
    top: 20px !important;
}
.opacity30{
    opacity: 50%;
    cursor: not-allowed;
}
.opacity30 *{
    pointer-events: none;
}

.line{
    /* text-transform: uppercase; */
    text-align: center;
    font-size: 14px;
    line-height: 55px;
}

.line:first-child{
    animation: anim 12s infinite;
}

@keyframes anim {
0%{
    margin-top: 0;
}
16%{
    margin-top: -60px;
}
33%{
    margin-top: -120px;
}
50%{
    margin-top: -180px;
}
66%{
    margin-top: -120px;
}
82%{
    margin-top: -60px;
}
100%{
    margin-top: 0;
}
}
.map-infowin-2-update .propPic{
    padding-top: 64px;
}

.fetchSoldHistoryBtn{
    font-size: 16px;
    font-weight: 900;
    padding: 0px 5px;
    border-radius: 5px;
    cursor: pointer;
    border: solid 1px #a15097;
    color: #ffffff;
    background: #a15097;
    animation: blinkMe 1.3s linear infinite;
}

.fetchSoldHistoryBtn:hover{
    color: #a15097;
    background: white;
    animation: none;
}

.sectionLoader{
    display: flex;
    justify-content: space-around;
    background: rgba(0,0,0,0.1);
}


.estimated-price-prop-type{
    display: flex;
    flex-wrap: nowrap;
    text-align: center;
    background: white;
    border-radius: 10px;
}

.estimated-price-prop-type .dashboardCountInfo{
    border-right: 1px solid rgba(181, 181, 195, 1);
    margin: 5px 5px;
}

.estimated-price-prop-type .dashboardCountInfo:last-child {
    border-right: none;
}

.estimated-price-prop-type .stepCounter{
    color: #4e4d69;
}
.market-freehold-interest{
    text-align: center;
    background: white;
    border-radius: 10px;
    padding: 15px;
}
/* ------------ */
.secondSubheading{
    margin-top: 0 !important;
    padding-top: 0 !important;
}
.iconSliderBox.slick-slider{
    margin-bottom: 0px !important;
}
.iconSliderBox .image-wraper{
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 3px !important;
}
.iconSliderBox .image-wraper img{
    width: 100%;
    height: auto !important;
    object-fit: cover;
}

.table-border-line{
    border: 1px solid #a2a2a2;
    color: #565656;
}

/* ---------- */
.propertryValuationsListsTabs{
    margin-bottom: 15px;
}
.propertryValuationsListsTabs .nav-item button{
    color: var(--colorBlue);
    width: 100%;
    background: #ccc3;
    padding: 8px 15px 8px;
    font-family: var(--circularBold);
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
}
.propertryValuationsListsTabs .nav-item button .propertyCounter{
    border: 1px solid var(--colorBlue);
}
.propertryValuationsListsTabs .nav-item button.active{
    background: var(--colorBlue);
    color: var(--colorWhite);
}
.propertryValuationsListsTabs .nav-item button.active .propertyCounter{
    border: 1px solid var(--colorWhite);
}
.navTabsUpdated .nav-item{
    margin-right: 0;
    text-align: center;
}
.navTabsUpdated {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    border-bottom: none;
}
.newCustomTypeTabs{
    position: relative !important;
    padding-left: 30px;
}

.reportChartStats.reportChartStats-updated .reportChartStatsBox{
    width: 33.3%;
}

.reportChartStats.reportChartStats-updated .reportChartStatsBox2{
    width: 25%;
}

.navTabsUpdatedDesign .nav-item .propertyCounter {
    padding: 5px;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.confidence_1_4 .reportChartValue{
    color: #f76775;
}
.confidence_5_7 .reportChartValue{
    color: #6f58ff;
}
.confidence_8_10 .reportChartValue{
    color: #46c9b8;
}

.postValidationDashboardNew.postValidationDashboard .col-sm-12{
    width: 25%;
}

.dashboardLatestSteps{
    height: 100%;
}


.dashboardTableBottom.customTableScroller .dataTables_scrollBody::-webkit-scrollbar {
    width: 3px;
    height: 3px;
}

.dashboardTableBottom .dataTables_scrollBody::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.navTabsUpdatedDesign .nav-item .propertyCounter{
    height: 34px;
    width: 34px;
    font-size: 16px;
}


/* ----------------------- */

.commonCustomPaginationNew .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    color: var(--colorWhite) !important;
    background: var(--colorBlue);
    border: none;
    box-shadow: none;
}
.commonCustomPaginationNew .dataTables_wrapper .dataTables_paginate .paginate_button {
    width: 30px;
    min-width: 30px;
    padding: 5px;
    border-radius: 50%;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 2px;
    border: none !important;
    font-size: 14px;
    background: #a5cfff6b;
}

.commonCustomPaginationNew .dataTables_wrapper .dataTables_paginate .paginate_button.previous:before {
    content: '\f053';
}
.commonCustomPaginationNew .dataTables_wrapper .dataTables_paginate .paginate_button.next:before {
    content: '\f054';
}
.commonCustomPaginationNew .dataTables_wrapper .dataTables_paginate .paginate_button.previous:before, 
.commonCustomPaginationNew .dataTables_wrapper .dataTables_paginate .paginate_button.next:before {
    position: absolute;
    font-size: 14px;
    font-weight: 900;
    font-family: 'Font Awesome 5 FREE';
    color: var(--colorWarmGrey);
}
.commonCustomPaginationNew .dataTables_wrapper .dataTables_paginate .paginate_button.previous, 
.commonCustomPaginationNew .dataTables_wrapper .dataTables_paginate .paginate_button.next {
    opacity: 1;
    font-size: 0px;
    position: relative;
}
.commonCustomPaginationNew .dataTables_wrapper .dataTables_paginate {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding-bottom: 8px;
}
.commonCustomPaginationNew .dataTables_wrapper .dataTables_paginate .paginate_button:hover, 
.commonCustomPaginationNew .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    color: var(--colorWhite) !important;
    background: var(--colorBlue);
    border: none;
    box-shadow: none;
}
.customDataTableDesign,
.customDataTableDesign.customTableDesign,
.filterTableSection.commonCustomDataTableNew{
    border: none;
}
.commonCustomDataTableNew .dataTables_scroll{
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.filterTableSection.tableSearchOnRight .dataTables_wrapper .dataTables_filter{
    right: 0;
}

/* -------------- */
.downloadCsvSec{
    display: inline-flex;
    gap: 5px;
    align-items: center;
}
.toggleTableViewSecToggleParent{
    padding-top: 22px;
}
.toggleTableViewSecToggleZoom{
    display: flex;
    justify-content: flex-end;
}

.largetable-scroller .dataTables_wrapper{
    width: 100%;
}
.largetable-maximized .largetable-scroller{
    align-items: flex-start;
    padding-top: 65px;
}
/* .modal-open .select2-container{
    z-index: 9999999;
} */

/* Chatbox Styles */
.chatbotTrigger{
    position: fixed;
    bottom: 15px;
    right: 15px;
    height: 80px;
    width: 80px;
    z-index: 99;
}
.chatbotTrigger .chatbotTriggerLink{
    height: 100%;
    width: 100%;
    border-radius: 50%;
    display: inline-block;
    background: var(--colorPrim);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0px 0px 15px 2px rgba(0,0,0, 0.15);
}
.chatbotTriggerLink .chatbotTriggerIcon{
    color: var(--colorWhite);
    font-size: 35px;
    line-height: 35px;
}

.chatbotSection .chatbotBody{
    position: fixed;
    width: 350px;
    right: 15px;
    bottom: 100px;
    height: auto;
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    overflow: hidden;
    display: none;
    z-index: 99;
}
.chatbotSection.chatbotVisible .chatbotBody{
    display: block;   
}
.chatbotBody .chatbotBodyHead{
    padding: 20px 20px;
    background: var(--colorPrim);
}

.chatbotBody .deskValChatbox{
    background: var(--colorBlack);
}

.chatbotTrigger .deskValChatbox{
    background: var(--colorBlack);
}

.chatbotBody .chatbotBodyContent{
    padding: 20px 20px;
    background: var(--colorWhite);
}
.chatbotBodyHead h2{
    color: var(--colorWhite);
}
.chatbotForm .form-group{
    margin-bottom: 15px;
}
.chatbotForm .form-control{
    font-size: 15px;
    line-height: 18px;
    padding: 12px 15px;
}
.chatbotForm .form-control::placeholder{
    font-size: 15px;  
}
.chatbotFormBtn{
    margin-top: 10px;
}
.chatbotButton{
    font-size: 16px;
    line-height: 18px;
    padding: 10px 30px;
    border-radius: 10px;
}
.chatbotSection .chatbotTriggerIcon.chatIcon{
    display: block;
}
.chatbotSection .chatbotTriggerIcon.closeIcon{
    display: none;
}
.chatbotSection.chatbotVisible .chatbotTriggerIcon.chatIcon{
    display: none;
}
.chatbotSection.chatbotVisible .chatbotTriggerIcon.closeIcon{
    display: block;
}
.chatbotTermsCondition {
    text-align: center;
    margin-top: 20px;
}
.chatbotTermsCondition p{
    font-size: 14px;
    line-height: 18px;
}
.chatbotTermsCondition a{
    color: var(--colorPrim);
}

.toggleTableViewLinkPostcodeValuation path{
    fill: var(--colorBlue);
}
.toggleTableViewLinkPostcodeValuation:hover{
    background: var(--colorBlue);
}

.chatbotBodyHead img{
    width: 65%;
}

.updChatBoxImg img{
    width: 50%;
}

.grecaptcha-badge{
    display: none;
}

.largeTableContainer .largetable{
    height: 100%;
}
.largeTableContainer .largetable-scroller .dataTables_wrapper{
    height: 100%;
}
.propertyValuationDetailPage .largeTableContainer.largetable-maximized{
    padding-top: 46px;
}

.orderedListItem{
    display: flex;
    gap: 10px;
}
.orderedListItem .itemCounterChild{
    padding-left: 25px;
}
.orderedListItem.orderedListItemChildFirst{
    margin-top: 5px;
}

.chatboxLoader {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
    background: rgba(0,0,0,0.1);
    height: 100%;
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.divLoader {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
    background: rgba(0,0,0,0.1);
    height: 100%;
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    z-index: 9999999999;
}

.propertyTimelineFor{
    display: grid;
    grid-template-columns: 77px auto;
    gap: 5px;
    align-items: center;
}

.largeTableContainer.largetable-maximized .dataTables_scrollHead,
.largeTableContainer.largetable-maximized .dataTables_scrollHeadInner,
.largeTableContainer.largetable-maximized .datatableLargevieToggle{
    width: 100% !important;
}
.propertyTimelineValue .text-right{
    text-align: right;
}


/* New Landing Page Style */

.clientProject_navbar_nav{
    justify-content: space-between;
    display: flex;
    align-items: center;
}
.clientProject_logo{
    display: inline-block;
    float: left;
    height: 50px;
}
.clientProject_loginBtn .btn{
    background: #3787e3;
    border-radius: 8px;
    font-family: var(--circularBook);
    font-size: 18px;
    line-height: 22px;
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}

.clientProject_homeBanner .bannerLeft {
    /* padding-top: 0; */
}
.whiteBg{
    background: var(--colorWhite);
}

.whychooseUs_details p:not(:last-child){
    margin-bottom: 15px;
}
.clientProject_whyChooseUsGrid .secSlidersBoxInner:nth-child(odd) .row{
    flex-direction: row;
}
.clientProject_whyChooseUsGrid .secSlidersBoxInner:nth-child(even) .row{
    flex-direction: row-reverse;
}
.clientProject_freeTrialChild{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    align-items: center;
}
.clientProject_freeTrialBtn{
    text-align: right;
}
.childProject_darkBg{
    background: #052e51;
}
.clientProject_featuresSection{
    padding: 75px 0;
}
.clientProject_freeTrial,
.clientProject_footer{
    padding: 40px 0;
}
.clientProject_footerChildRight{
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    gap: 3px;
}
.clientProject_footerChildRight .clientProject_listItem,
.clientProject_footerChildRight .clientProject_listItemLink{
    color: var(--colorWhite);
}
.clientProject_footerChildRight .clientProject_listItemLink:hover{
    color: var(--colorPrim);
    cursor: pointer;
}
.clientProject_footerChild{
    display: flex;
    justify-content: space-between;
}
.clientProject_footer{
    border-top: 1px solid var(--colorWhite);
}
.clientProject_header{
    top: 0;
}


.clientProject_featuresSection table td{
    background-color: var(--colorWhite);
    /* background-color: #f2f4f6; */
}
.clientProject_featuresSection table th:first-child,
.clientProject_featuresSection table.fixedHeaderTable th,
.clientProject_featuresSection table th{
    background-color: #e6e6e6;
    color: #042e52;
}
.clientProject_featuresSection table td{
    background-color: #f2f4f6;
}
.clientProject_featuresSection table tr:not(.feature-heading):hover td{
    background-color: #e3e8ed   ;
}
.clientProject_list{
    text-align: right;
}
/* chatbot design changes */
.chatbotTrigger{
    height: 70px;
    width: 70px;
}
.chatbotTriggerLink .chatbotTriggerIcon{
    font-size: 30px;
    line-height: 30px;
}

.chatbotSection .chatbotBody{
    bottom: 90px;
}
.chatbox-main-content textarea.form-control{
    height: 100px;
    min-height: 100px;
}
.chatbox-main-content .formPhotosCont{
    padding: 5px 5px;
}
.formPhotosCont .addPhotoBtn,
.formPhotosCont .photoWrp{
    margin-bottom: 0;
    margin-right: 0;
    margin: 5px;
}
.formPhotosCont .addPhotoBtn{
    line-height: 13px;
    font-size: 11px;
    width: 70px;
    height: 70px;
}
.chatbotForm .form-group{
    margin-bottom: 10px;
}
.chatbotTermsCondition{
    margin-top: 10px;
}
.chatbotFormBtn {
    margin-top: 6px;
}
.chatbotBody .chatbotBodyContent{
    padding: 14px 20px 10px;
}
.chatbotBodyContent .tradingFormBox .statusLabel{
    margin-top: 2px;
}
.chatbotBodyContent .tradingFormBox .statusLabel{
    font-size: 14px;
    line-height: 18px;
}
.chatbotBodyContent .tradingFormBox .statusLabel.textWarmGrey{
    font-size: 12px;
    line-height: 14px;
}
.chatbotBody .chatbotBodyHead{
    padding: 10px 20px;
}
.chatbotBodyHead img {
    width: auto;
    height: 35px;
}


/* ------------------------ */
.viewsCountView.viewsCountViewNew{
    position: relative;
    top: 0;
    left: 0;
}


.externalCommonModal .modal-body{
    padding: 30px 30px;
}
.externalCommonModal .modal-header{
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}
.externalCommonModal .externalCommonModalHeading{
    margin-bottom: 20px;
}
.externalCommonModal .form-group{
    margin-bottom: 15px;
}
.externalCommonModal .form-control{
    font-size: 16px;
}
.externalCommonModal .externalCommonModalButton{
    margin-top: 10px;
}

.postValidationDashboard .dashboardStepsChild{
    height: 100%;
}


.freeholdTableTop{
    gap: 20px;
}
.freeholdTableTopStat{
    display: inline-flex;
    min-width: fit-content;
    gap: 20px;
}
.customTableDesign-update table.dataTable.display tbody tr td.noBorder {
    border-right: none;
}
.popertyAnalysisPageForms{
    margin-top: 30px;
}
.popertyAnalysisPageContent{
    margin-top: 6px;
}
.popertyAnalysisTabPane{
    /* border-radius: 0; */
}
.hiddenCell{
    display: none;
}

.toggleTableViewSecToggleZoomParent .largeTableContainer.largetable-maximized .dataTables_scrollBody{
    max-height: calc(100vh - 210px);
    max-height: calc(100vh - 180px);
}



/* multiblock form design */
.multiUnitGridFormCollectionChild{
    margin-bottom: 20px;
}
.multiUnitGridFormCollection{
    padding: 20px 30px 0;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.multiUnitGridFormCollectionChild .multiUnitGridForm{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0 20px;
}
.multiUnitGridFormCollectionChild:last-child{
    margin-bottom: 0;
}
.multiUnitGridFormButtons{
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    margin: 20px 0;
}
.multiUnitGridFormCollectionChild:first-child .deleteForm{
    display: none;
}

.multiUnitGridFormHead{
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
}
.multiUnitGridFormHead .deleteForm{
    cursor: pointer;
    color: var(--colorRed);
}
.LeaseholdPropertyBox .opacity30{
    pointer-events: none;
    /* opacity: 30%; */
}
.childSelectBox.opacity30{
    cursor: not-allowed;
}
.childSelectBox.opacity30 .form-control{
    pointer-events: none;
}

.tab-content > .tab-pane {
    opacity: 0;
    visibility: hidden;
    transition: opacity .15s linear, visibility 0s .15s;
}

.tab-content > .tab-pane.show {
    opacity: 1;
    visibility: visible;
    transition: opacity .15s linear, visibility 0s 0s;
}

.select2.select2-container.select2-container--default,
.select2.select2-container.select2-container--default.select2-container--focus{
    width: 100% !important;
}


/* ---------------- */
.multipleTimeFileldIcon{
    font-size: 40px;
    line-height: 18px;
    display: inline-block;
    float: left;
    padding-right: 10px;
    color: var(--colorPrim);
}
.multipleTimeFileldInput input{
    height: 50px;
    width: 50px;
    display: inline-block;
}
.multipleTimeFormCountInputSection{
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 7px;
}
.multipleTimeFileldTooltip svg{
    height: 25px;
    width: 25px;
}
.multiUnitGridFormCollectionChild{
    display: flex;
    gap: 10px;
}
.multipleTimeFormCountBox{
    min-width: fit-content;
    padding-top: 20px;
}
.multipleTimeFileldInput input{
    text-align: center;
    font-size: 22px;
    border-radius: 50%;
    border: 2px solid #000;
}
.cloneformSectionBlockButtons{
    padding-right: 95px;
}
.deleteClonedForm{
    cursor: pointer;
}
.multipleTimeFormCountBox{
    display: flex;
    align-items: center;
}
.multipleTimeFormCountChild2{
    display: flex;
    align-items: center;
}
.multipleTimeFileldIcon i{
    line-height: 26px;
}
.multipleTimeFormCountChild{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    gap: 6px;
}
.multipleTimeFormCountInputSection{
    margin-right: 12px;
}

.customChatBoxReferenceNumber {
    font-size: 15px;
    line-height: 18px;
    padding: 12px 15px;
    margin-bottom: 10px;
}

.disableButton{
    opacity: 0.3;
    pointer-events: none;
}
.normalCaseText{
    text-transform: none;
}
.textSubHeadingContent{
    line-height: normal;
    padding-right: 20px;
}
.scrollablePropertyReportTable .dataTables_scrollBody{
    max-height: 500px !important;
    overflow-y: auto;
}

.property_typeResidential .reportChartValue{
    color: #52d057;
}
.property_typeHMO .reportChartValue{
    color: #FFC107;
}
.property_typeMUB .reportChartValue{
    color: #2196F3;
}
.property_typePortfolio .reportChartValue{
    color: #ea736b;
}

.transactionStatusBox{
    font-size: 14px;
    color: var(--colorWhite);
    padding: 3px 7px;
    border-radius: 6px;
}

.transactionStatusBox.update {
    background: #5260b1;
}

.transactionStatusBox.insert {
    background: #009e358c;
}

.transactionStatusBox.re-valuated {
    background: #d320208c;
}

.statusBadge{
    font-size: 14px;
    color: var(--colorWhite);
    padding: 5px 8px;
    border-radius: 6px;
    font-family: var(--circularBold);
}

.statusBadge.Active {
    background: #1ab04c;
}

.statusBadge.Inactive {
    background: #d11212;
}

.statusBadge.Pending {
    background: #ec8b57;
}

.statusBadge.Yes {
    background: #2778c6;
}

.statusBadge.No {
    background: #e56a29;
}

.statusBadge.assign-credit {
    background: #8463d5;
}

.statusBadge.Residential {
    background: #34a59a;
}
.statusBadge.HMO {
    background: #904fbe;
}
.statusBadge.MultiUnitBlock {
    background: #ff5722;
}

.statusBadge.deskval_valuation {
    background: rgba(46 203 80);
}
.statusBadge.manual {
    background: rgb(138 162 247);
}

.user-details {
    display: flex;
    flex-direction: column;
    gap: 10px; /* Adds space between rows */
}

.user-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
}

.label {
    font-weight: bold;
    color: #333;
}

.value {
    color: #007bff;
}

.creditDetailsHeadings {
    min-width: 250px;
    font-family: var(--circularBold);
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 20px;
}

/* Credit Coin CSS  start */

@keyframes brightness {

	0%,
	50%,
	100% {
		filter: blur(0px) brightness(120%) drop-shadow(0 0 2.5px rgba(255, 255, 255, 0.1)) drop-shadow(0 0 5px rgba(255, 255, 255, 0.075)) drop-shadow(0 0 7.5px rgba(255, 255, 255, 0.045)) drop-shadow(0 0 10px rgba(255, 255, 255, 0.025));
	}

	25%,
	75% {
		filter: blur(1px) brightness(50%) drop-shadow(0 0 2.5px rgba(255, 255, 255, 0.1)) drop-shadow(0 0 5px rgba(255, 255, 255, 0.075)) drop-shadow(0 0 7.5px rgba(255, 255, 255, 0.045)) drop-shadow(0 0 10px rgba(255, 255, 255, 0.025));
	}
}

@keyframes spin {
	0% {
		transform: rotateY(-180deg);
	}

	100% {
		transform: rotateY(180deg);
	}
}

.spinningasset {
	text-align: left;
	transition: all 0.4s ease-out;
	cursor: pointer;
	animation: brightness 2.5s infinite linear;

	&::after {
		content: "";
		position: absolute;
		z-index: 1;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		border-radius: 8px;
		width: 11px;
		margin: auto;
		background-size: 100px 400%;
		background-position: center;
	}

	>div {
		position: relative;
		z-index: 2;
		perspective: 10000px;
		transform-style: preserve-3d;
		transform-origin: center;
		animation: spin 2.5s infinite linear;

		>* {
			width: 100%;
			height: 100%;
			position: absolute;
			backface-visibility: inherit;
			background-size: cover;
		}

		>div:first-child {
			transform: translateZ(-6px);
		}
	}

	&.is-sm {
		width: 24px;
		height: 24px;
		transform: scale(0.24);
		transform-origin: left top;
		filter: none;
	}

	&.green-coin {
		>div {
			width: 100px;
			height: 100px;

			>div:first-child {
                background-image: url("../DeskVal/green-coin.png");
			}

			>div:last-child,
			&::after,
			i,
			em {
				background-image: url("../DeskVal/green-coin.png");
			}
		}
	}

    &.yellow-coin {
		>div {
			width: 100px;
			height: 100px;

			>div:first-child {
                background-image: url("../DeskVal/yellow-coin.png");
			}

			>div:last-child,
			&::after,
			i,
			em {
				background-image: url("../DeskVal/yellow-coin.png");
			}
		}
	}

    &.orange-coin {
		>div {
			width: 100px;
			height: 100px;

			>div:first-child {
                background-image: url("../DeskVal/orange-coin.png");
			}

			>div:last-child,
			&::after,
			i,
			em {
				background-image: url("../DeskVal/orange-coin.png");
			}
		}
	}
}

/* Credit Coin CSS  end */


.company-dropdown
.select2-container--default
.select2-selection--single{
    background: white;
    padding: .375rem 2.25rem .375rem .75rem;
    border: 2px solid #d9d9d9;
    min-width: 250px;
}

.months-dropdown
.select2-container--default
.select2-selection--single{
    background: white;
    padding: .375rem 2.25rem .375rem .75rem;
    border: 2px solid #d9d9d9;
    min-width: 200px;
}

/* ------------------ */
.commonCheckboxGridSection{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0px 10px;
}
.filtersSectionChildCommon{
    display: none;
}
.sticky {
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    width: 100%;
  }
.clonedTableHead th{
    color: #333;
    padding: 1.5rem .5rem;
}

.clonedTableHead{
    position: sticky;
}
/* --------------- */
.colorBlack{
    color: var(--colorBlack);
}
.modalDesign.modalDesign__update .modal-dialog{
    max-width: 650px;
}
.formGroupSection{
    margin-top: 5px;
}
.btnStyle.btnStyle5.btnStyle5_update{
    background: var(--colorPrim);
    color: var(--colorWhite);
    border-radius: 4px;
    text-transform: capitalize;
    font-weight: 900;
}
.btnStyle.btnStyle5.btnStyle5_update:hover{
    background-color: white;
    color: var(--colorPrim);
}

html,
body,
.intro {
    height: 100%;
}

table td,
table th {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
}

thead th {
    color: #fff;
}

.card {
    border-radius: .5rem;
}

.table-scroll {
    border-radius: .5rem;
}

.table-scroll table thead th {
    font-size: 1.25rem;
}

.table-scroll .invalid-props thead th {
    font-size: 14px;
}
thead {
    top: 0;
    position: sticky;
}

.progress {
    padding: 6px;
    background: rgba(0, 0, 0, 0.25);
    border-radius: 6px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08);
}

.progress-bar {	
    height: 18px;
    background-color: #ee303c;  
    border-radius: 4px; 
    transition: 0.4s linear;  
    transition-property: width, background-color;    
}

.progress-striped .progress-bar { 	
    background-color: #FCBC51; 
    width: 100%; 
    background-image: linear-gradient(
        45deg, rgb(252,163,17) 25%, 
        transparent 25%, transparent 50%, 
        rgb(252,163,17) 50%, rgb(252,163,17) 75%,
        transparent 75%, transparent); 
    animation: progressAnimationStrike 6s;
}

@keyframes progressAnimationStrike {
    from { width: 0 }
    to   { width: 100% }
}

.progress2 {
    padding: 3px;
    border-radius: 30px;
    background: rgb(156 154 154 / 62%);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08);
}

.progress-bar-inprogress {
    height: 22px;
    border-radius: 30px;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
    transition: 0.4s linear;  
    transition-property: width, background-color;    
}

.progress-bar-pending {
    height: 22px;
    border-radius: 30px;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
    transition: 0.4s linear;  
    transition-property: width, background-color;    
}

.progress-bar-completed {
    height: 22px;
    border-radius: 30px;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
    transition: 0.4s linear;  
    transition-property: width, background-color;    
}

.progress-moved .progress-bar-inprogress {
    width: 85%; 
    background-color: #62dc3f;  
    animation: progressAnimation 6s;
}

.progress-moved .progress-bar-pending {
    width: 100%; 
    background-color: #ffaa50;  
    /* animation: progressAnimation 6s; */
}

.progress-moved .progress-bar-completed {
    width: 100%; 
    background-color: #7cd0fb;  
    /* animation: progressAnimation 6s; */
}

@keyframes progressAnimation {
    0%   { width: 5%; background-color: #F9BCCA;}
    100% { width: 85%; background-color: #62dc3f; }
}

$green: #4cd964;
$turquoise: #5ac8fa;
$blue: #007aff;
$light-blue: #7DC8E8;
$purple: #5856d6;
$red: #ff2d55;

.progress-bar3 {
    height: 18px;
    border-radius: 4px;
    background-image: 
        linear-gradient(to right, 
        $green, $turquoise, $blue, 
        $light-blue, $purple, $red);
    transition: 0.4s linear;  
    transition-property: width, background-color;    
}

.progress-infinite .progress-bar3 { 	 
    width: 100%; 
    background-image: 
        linear-gradient(to right, $green, $turquoise, $blue, $light-blue, $purple, $red);
    animation: colorAnimation 1s infinite;
}

@keyframes colorAnimation {
    0% { 
        background-image: 
        linear-gradient(to right, $green, $turquoise, $blue, $light-blue, $purple, $red);
    }
    20% { 
        background-image: 
        linear-gradient(to right, $turquoise, $blue, $light-blue, $purple, $red, $green);
    }
    40% { 
        background-image: 
        linear-gradient(to right, $blue, $light-blue, $purple, $red, $green, $turquoise);
    }
    60% { 
        background-image: 
        linear-gradient(to right, $light-blue, $purple, $red, $green, $turquoise, $blue);
    }
    100% { 
        background-image: 
        linear-gradient(to right, $purple, $red, $green, $turquoise, $blue, $light-blue);
    }
}
/* .table>:not(caption)>*>*{
    padding:1.5rem .5rem;
} */

.diabledClickingLayer {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    background-size: 20%;
    opacity: 0.8;
}

.progress-bar-container {
    position: relative;
    width: 100%;
    height: 30px;
}

.progress-bar {
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, 
    green 0%, green 65%, 
    yellow 65%, yellow 75%, 
    red 75%, red 100%);
}

.tox-menubar{
    display: none !important;
}

/* click cursor loader */
#customCursor {
    position: fixed;
    width: 32px; /* Adjust size as needed */
    height: 32px;
    pointer-events: none; /* Prevent interference with clicks */
    display: none;
    z-index: 9999999999999;
    transform: translate(-50%, -50%); /* Centers the GIF */
}

#customCursor img {
    width: 100%;
    height: 100%;
    animation: spinLoader 0.5s linear infinite;
}

/* loading image rotation animation to make it feel like it's spinning */
@keyframes spinLoader {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.userOnline{
    background: #28c15b;
    cursor: pointer;
}

.userOffline{
    background: #99a59d;
}

.userIdle{
    background: #e4b422;
    cursor: pointer;
}
.browser-icon img{
    height: 30px;
    width: auto;
    padding-right: 5px;
}

.hideShowPswdBox.inpPassCont {
    position: relative;
}

.hideShowPswdBox.inpPassCont .form-control {
    padding-right: 50px;
}

.hideShowPswdBox.inpPassCont .eyeBtn {
    position: absolute;
    right: 14px;
    bottom: 0px;
    color: #a3a3a3;
    top: initial;
    cursor: pointer;
}

.prop-condition-price-range{
    background: white;
    border-radius: 10px;
}

.residential-previewTable{
    background: white;
    margin-top: 35px;
    border: 1px solid #b0a5a5;
}

.residential-previewTable thead{
    background-color: #002d72;
    text-align: center;
}

/*--------*/
.inline-flex{
    display: inline-flex;
    gap: 5px;
}
.items-center{
    align-items: center;
}
.addAnalyserProperty.addAnalyserProperty_flex{
    /*min-width: initial;*/
     margin-left: 0;
}
.smallText{
    font-size: 13px;
}
.valuationReportBtn__child{
    display: flex;
    align-items: flex-end;
    gap: 10px 0;
    align-items: center;
}
.valuationReportBtn__left,
.addAnalyserProperty_flex,
.valuationReportBtn__child .valuationReportBtn__right{
    display: inline-flex;
}
.valuation_report_page__child .valuationReportBtn span {
    margin-left: 0;    
}
.valuation_report_page__child .valuationReportBtn .addAnalyserProperty {
    margin-left: 10px;
}
@media(max-width: 1320px){
    .valuationReportBtn__child{
        flex-direction: column-reverse;
        align-items: flex-end;
    }
}
@media(max-width: 1120px){
    .valuation_report_page__child .dashHeadingTop{
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;    
    }
}


/* ---------- */
.form-input-border{
    border-color: #86b7fe;
    box-shadow: 0 0 0 2px var(--colorPrim);
}
.table-head-sticky{
    top: 58px;
    z-index: 1;
}

.deskval-custom-table tbody tr:nth-child(4n-3) td,
.deskval-custom-table tbody tr:nth-child(4n-2) td{
  background-color: #ffffff;
  box-shadow: none;
}

.deskval-custom-table tbody tr:nth-child(4n-1) td,
.deskval-custom-table tbody tr:nth-child(4n) td{
  background-color: #f0f0f0; 
  box-shadow: none;
}

.deskval-custom-table tbody tr:nth-child(4n-1) td,
.deskval-custom-table tbody tr:nth-child(4n-3) td{
    border-bottom: none;
}
.custom-terms-section{
    margin-top: 30px;
    display: block;
    float: left;
    width: 100%;
}

/* --------- */
.custom_dropdown_list_trigger{
    cursor: pointer;
}
.custom_dropdown_list_box{
    position: relative;
}
.custom_dropdown_list_box .custom_dropdown_list_drawer{
    position: absolute;
    background: var(--colorWhite);
    display: inline-flex;
    flex-direction: column;
    top: calc(100% + 4px);
    min-width: max-content;
    left: 0;
    box-shadow: 0px 0px 20px 4px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    display: none;
}
.custom_dropdown_list_drawer .custom_dropdown_list_link{
    padding: 5px 10px;
    color: var(--colorWarmGrey);
    color: #000000;
}
.custom_dropdown_list_drawer .custom_dropdown_list_link:hover{
    color: var(--colorBlue);
}
.custom_dropdown_list_drawer .custom_dropdown_list_link:first-child{
    padding-top: 10px;
}
.custom_dropdown_list_drawer .custom_dropdown_list_link:last-child{
    padding-bottom: 10px;
}
.custom_dropdown_list_box.custom_dropdown_list_box_active .custom_dropdown_list_drawer{
    display: inline-flex;
    z-index: 1;
}

/* .property_valuation_buttons_tabs .custom_dropdown_list_link{
    line-height: 20px;
    border: solid 1px;
    border-radius: 5px;
    padding: 1px 6px 1px 6px;
    color: #000000;
} */
/* .property_valuation_buttons_tabs .custom_dropdown_list_link:hover{

} */

.valuationHeader-btn {
    cursor: pointer;
    line-height: 20px;
    border-radius: 5px;
    padding: 4px 12px;
    display: flex;
    align-items: center;
    color: var(--colorWhite);
    background: #019e37;
    box-shadow: -2px 4px 6px 1px #aaaaaa;
    border: 1px solid #019e37;
}
.valuationHeader-btn:hover{
    background: var(--colorWhite);
    border: 1px solid #019e37;
    color: #019e37;
}

.addNewProp{
    background: var(--colorPrim);
    box-shadow: none;
    border: 1px solid var(--colorPrim);
}

.addNewProp:hover{
    background: var(--colorWhite);
    border: 1px solid var(--colorPrim);
    color: var(--colorPrim);
}

.saveAndExit{
    height: 30px;
    text-transform: none;
    font-size: 16px;
    font-weight: bold;
}

.custom_dropdown_list_trigger .drawer_drop-icon{
    padding-left: 10px;
}


/* New page Design */

/* Breadcrumb Design */
.page_breadcrumb {
    display: flex;
    gap: 10px 7px;
    margin-bottom: 20px;
    background: white;
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    justify-content: space-between;
}
.breadcrumb_list-section{
    display: flex;
    padding: 2px 10px;
}
.page_breadcrumb .breadcrumb_list_link{
    color: var(--colorBlack);
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
/* .page_breadcrumb .breadcrumb_list_link.active,
.page_breadcrumb .breadcrumb_list_link:hover{
    color: var(--colorPrim);
} */
.breadcrumb_list_link{
    padding-left: 2px;
    padding-right: 3px;
}
.high_value_client_page_top{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.high_value_client_page_filters{
    display: flex;
    justify-content: flex-end;
    gap: 10px 5px;
    position: relative;
    z-index: 1;
}
.custom_filter_select{
    border: 1px solid #dbdbdb;
    background: var(--colorWhite);
    border-radius: 4px;
    color: var(--colorWarmGrey);
    font-size: 14px;
    padding: 3px 5px;
}
.high_value_client_filter.filtersListsItem{
    margin: 0;
}
.high_value_client_filter_sortby .newFiltersDropbox{
    right: 0;
    left: inherit;
}
.high_value_client_filter_sortby .newFiltersDropbox::after,
.high_value_client_filter_sortby .newFiltersDropbox::before{
    left: inherit;
    right: 5px;
}
.high_value_client_filter_sortby .newFiltersDropbox::after{

}

.high_value_client_chart_legend{
    display: inline-flex;
    gap: 0 20px;
    position: relative;
    z-index: 1;
}
.high_value_client_chart_heading{
    margin-bottom: 20px;
    margin-top: -30px;
}
.high_value_client_page_child_section{
    margin-bottom: 20px;
}

.high_value_client_chart_child{
    position: relative;
    padding-left: 30px;
}
.high_value_client_chart_child .yaxisChartLabel{
    left: -44px;
}

.chart_custom_label_content_box{
    margin-top: 10px;;
    display: grid;
    grid-template-columns: 1fr 1fr auto;
}

.high_value_chart_data_label_box span,
.high_value_client_chart_bottom_label span {
    display: none;
}

.high_value_chart_label_portfolio{

}
.high_value_client_chart_child .yaxisChartLabel.high_value_chart_label_whole_value {
    left: -68px;
}
.high_value_client_chart_child .yaxisChartLabel.high_value_chart_label_client_property{
    left: -12px;
}
.high_value_client_chart_child .yaxisChartLabel.high_value_chart_label_selected_property{
    left: -78px;
}
.high_value_client_chart_bottom_label{
    position: absolute;
    bottom: 40px;
    right: 0;
}

/* Add Client Form Page  */
.add_new_client_dropdown{
    display: inline-flex;
}
.custom_common_popup{
    position: fixed;
    height: 100vh;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
    opacity: 0;
    transition: all 0.3s ease;
}
.custom_common_popup.active_popup {
    display: block;
    opacity: 1;
    transition: all 0.3s ease;
}
.custom_common_popup2{
    position: fixed;
    height: 100vh;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
    opacity: 0;
    transition: all 0.3s ease;
}

.custom_common_popup2.active_popup {
    display: block;
    opacity: 1;
    transition: all 0.3s ease;
}

.custom_common_popup_overlay{
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.65);
    z-index: -1;
}
.custom_common_popup__body{
    width: min(90%, 1200px);
    height: auto;
    background: #fff;
    padding: 40px 40px;
    border-radius: 20px;
}
.create_new_client_form__grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0px 20px;
    margin-bottom: 20px;
}
.formDesign .create_new_client_form__grid .form-group{
    margin-bottom: 20px;
}
.custom_common_popup__child{
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    height: 100%;
    overflow-y: auto;
    padding: 30px 0;
}
.create_new_client_form__heading{
    display: inline-block;
    width: auto;
}

.create_new_client_form__heading .form-title{
    margin-left: 10px;
    margin-right: 10px;
    text-align: center;
    font-size: 24px;
    font-family: var(--circularMedium);
    line-height: 30px;
    text-align: left;
    margin: 0;
    color: var(--colorWhite);
    padding: 8px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.create_new_client_form__heading .residential-property{
    background: #34a59a;
}

.create_new_client_form__heading .hmo-property{
    background: #904fbe;
}

.create_new_client_form__heading .multi-unit-block{
    background: #ff5722;
}
.custom_common_popup__body{
    position: relative;
}
.custom_common_popup__close{
    position: absolute;
    right: 10px;
    top: 10px;
}
.custom_common_popup__close_link{
    height: 40px;
    width: 40px;
    display: inline-block;
    border: 1px solid #000;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 24px;
    cursor: pointer;
    color: var(--colorRed);
}
.custom_common_popup__close_link:hover{
    color: var(--colorWhite);
    background-color: var(--colorRed);
    border: 1px solid var(--colorRed);
}

.custom_common_popup__close_link2{
    height: 40px;
    width: 40px;
    display: inline-block;
    border: 1px solid #000;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 24px;
    cursor: pointer;
    color: var(--colorRed);
}
.custom_common_popup__close_link2:hover{
    color: var(--colorWhite);
    background-color: var(--colorRed);
    border: 1px solid var(--colorRed);
}

.new_client__form{
    display: none;
}
.common_flex_section{
    display: inline-flex;
    align-items: flex-end;
    gap: 0 10px;
}
.client_name_update button{
    height: 38px;
    line-height: 38px;
    padding: 0 10px;
    font-size: 16px;
    border-radius: 4px;
}
.property_type_status{
    padding: 5px;
    border-radius: 10px;
    color: white;
}
.property_type_status.property_type_status__1{
    background: #f22436;
}
.property_type_status.property_type_status__2{
    background: #009e35;
}
.new_client_table_section{
    margin-bottom: 20px;
}
.new_client_add_update_section{
    margin-bottom: 20px;
}
.add_client_name_form__field{
    width: 340px;
}

/* .add_client_name_form__field__toggle input{
    cursor: not-allowed;
    opacity: 0.3 !important;
}
.add_client_name_form__field__toggle.editing input {
    cursor: text;
    opacity: 1 !important;
} */

.toggleTableViewSecToggleZoom .data-tabale-search{
    width: 25px;
}

.formDesign .add_client_name_form__field .form-control{
    font-size: 16px;
    padding: 10px 14px;
}

.add_new_client_page__bottom{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.add_new_client_page__bottom .add_new_client_save_exit .filterShowBtns{
    padding: 0;
}

.breadcrumb_list_icon{
    display: inline-block;
    width: 18px;
    min-width: 18px;
    height: 24px;
}
.custom_breadcrumb_icon{
    width: 100%;
}
.select2-container{
    z-index: 999;
}
.high_value_client_top_right .select2-container{
    z-index: 1;
}

.actionBtnContainer .actionsBtn{
    height: auto;
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 6px;
}
.actionsBtn.actionsBtnEdit{
    color: var(--colorBlue);
    border-radius: 50%;
}
.actionsBtn.actionsBtnEdit:hover{
    background: var(--colorBlue);
    color: var(--colorWhite);
}

.actionsBtn.actionsBtnView{
    color: var(--colorGreen);
    border-radius: 14px;
}
.actionsBtn.actionsBtnView:hover{
    background: var(--colorGreen);
    color: var(--colorWhite);
}

.actionsBtn.actionsBtnDelete{
    color: var(--colorRed);
    border-radius: 14px;
}
.actionsBtn.actionsBtnDelete:hover{
    background: var(--colorRed);
    color: var(--colorWhite);
}

.hvcViewPropBtn{
    background: #3787e3;
    width: 14%;
    text-align: center;
    border-radius: 0px 5px 5px 0px;
    display: flex;
    border-radius: 5px;
}

.hvcViewPropBtn a{
    color: var(--colorWhite);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
}

.hvcViewPropBtn a:hover{
    color: var(--colorPrim);
    background: var(--colorWhite);
    border: 1px solid var(--colorPrim);
}

.prop-detail-2 .propertyTableDetailsItemHead{
    color: #030229;
    opacity: 0.7;
}

.prop-detail-2 .propertyTableDetailsItemText{
    color: #030229;
}

.dashboardChartSection .parentAmountBox{
    line-height: 65px;
}

.clientMonthlyChartSection{
    margin-bottom: 15px;
}
.clientMonthlyChartSection .nav-item button{
    color: var(--colorBlue);
    width: 100%;
    background: #ccc3;
    padding: 8px 15px 8px;
    font-family: var(--circularBold);
    border-radius: 6px;
    align-items: center;
    justify-content: space-between;
}
.clientMonthlyChartSection .nav-item button .propertyCounter{
    border: 1px solid var(--colorBlue);
}
.clientMonthlyChartSection .nav-item button.active{
    background: var(--colorBlue);
    color: var(--colorWhite);
}
.clientMonthlyChartSection .nav-item button.active .propertyCounter{
    border: 1px solid var(--colorWhite);
}

.selectAddressSuggetion{
    border-bottom: 1px solid #d2d2d2;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable:last-child{
    background-color: cadetblue;
    color: white;
}

.select2-dropdown .select2-results__option:last-child{
    color: var(--colorPrim);
}

.warningDownloadLink{
    display: flex;
    flex-direction: column;
}
.filterTableSection .dataTables_wrapper #company-table_filter{
    top: -49px;
    right: 150px;
}
.filterTableSection .dataTables_wrapper #users-table_filter{
    top: -49px;
    right: 240px;
}
.companyBadge{
    color: #3787e3;
    background: #ffffff;
    border-radius: 5px;
    text-align: center;
    padding: 5px;
    border: 2px solid;
}

.potential-epc-badge{
    color: white;
    background: var(--colorGreen);
    margin: 0px 32px;
    border-radius: 5px;
}

.current-epc-badge{
    color: white;
    background: var(--colorRed);
    margin: 0px 30px;
    border-radius: 5px;
}
.is-invalid {
    background-color: #f8d7da;
}