@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700&display=swap');

@font-face {
    font-family: 'AirbnbCerealMedium';
    src: url('../fonts/AirbnbCerealMedium.woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AirbnbCerealBold';
    src: url('../fonts/AirbnbCerealBold.woff');
    font-weight: normal;
    font-style: normal;
}

 

@font-face {
    font-family: 'AirbnbCerealApp-Light';
    src: url('../fonts/AirbnbCerealApp-Light.woff');
    font-weight: normal;
    font-style: normal;
}





* {margin:0; padding:0; outline:0; box-sizing:border-box;}
body {margin:0; padding:0; font-family: 'AirbnbCerealApp-Light'; font-size:13px; line-height:normal; color:#3a3a3a; background:#fff;}
html,body{ height:100%;}
p {display:block; padding-bottom:15px; margin:0; font-size:14px; line-height:22px; color:#525252;}
a , input, button , select, textarea{outline:none; text-decoration:none; color:#333;font-family: 'AirbnbCerealApp-Light';}
.transition{transition:all 0.5s ease; -ms-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -moz-transition:all 0.5s ease;}
input[type=button] {transition:all 0.3s ease; -ms-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; -moz-transition:all 0.3s ease;}
.appraence {appearance:none; -moz-appearance:none; -webkit-appearance:none; -ms-appearance:none; -o-appearance:none;}


img {border:none; max-width:100%;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0; font-weight:normal;}
p.last {padding-bottom:0;}
ul {padding:0; margin:0; list-style:none;}
p:last-child{padding-bottom:0;}
.clearfix:before, .clearfix:after {content:''; display:block; height:0; overflow:hidden;}
.clearfix:after {clear:both;}

.btn-primary{background: #b40027; padding: 12px 20px; color: #fff;display: inline-block; box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); border-radius: 3px; font-weight: 700; font-size: 13px; letter-spacing: .5px; border: 0; cursor: pointer;text-transform: uppercase;}
.btn-default{background: #fff; padding: 12px 20px; color: #333;display: inline-block; box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); border-radius: 3px; font-weight: 700; font-size: 13px; letter-spacing: .5px; border: 0; cursor: pointer;text-transform: uppercase;}
.btn-danger{background: #b40027; padding: 12px 20px; color: #fff;display: inline-block; box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); border-radius: 3px; font-weight: 700; font-size: 13px; letter-spacing: .5px; border: 0; cursor: pointer;text-transform: uppercase;}

.btn-secondary{background: #696969; padding: 12px 20px; color: #fff;display: inline-block; box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); border-radius: 3px; font-weight: 700; font-size: 13px; letter-spacing: .5px; border: 0; cursor: pointer;text-transform: uppercase;}

.btn-primary:hover, .btn-secondary:hover{box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15); outline: 0;color:#fff;}

.btn-sm{padding: 5px 8px; font-size: 11px;text-transform: capitalize;}
.btn-sm-bg{padding: 5px 8px; font-size: 11px;text-transform: capitalize;background:#b4aec5}



.image-shadow {
    box-shadow: 0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)!important;
}


header .btn-primary{padding: 10px 20px;}


.mt-1{margin-top:10px;}
.mt-2{margin-top:20px;}
.mt-5{margin-top:50px;}
.mt-10{margin-top:100px;}
.mr-1{margin-right:10px;}

.mb-4{margin-bottom:40px;}
.mt-4{margin-top:40px;}
.mt-3{margin-top:30px!important;}
.mb-2{margin-bottom:20px!important;}
.mb-1{margin-bottom:10px!important;}

.ml-1{margin-left:10px;}

.pr-3{padding-right:30px;}

.space-between{padding:0 15px;}
.text-center{text-align: center!important}

.pl-15{padding-left:15px;}
.pr-15{padding-right:15px;}

.pr_{position: relative;}
.w-25{width:25%;}
.w-100{width:100%;}
.w-20{width:20%;}
.w-30{width:30%;}
.w-33{width:33.33%;}
.w-40{width:40%;}
.w-50{width:50%;}
.w-60{width:60%;}
.w-70{width:70%;}
.w-80{width:80%;}
.w-90{width:90%;}
.w-33{width:33.33%;}
.w-45{width:45%;}
.w-10{width:10%;}


.form-group{position: relative;margin-bottom: 15px}
.form-control{height:40px;border:1px solid #aaa;width:100%;border-radius: 3px;padding:0 15px;letter-spacing: .5px}
.form-control:focus{border:1px solid #e11900;}
.text-right{text-align:right;}

.header-container{max-width:1170px;width:100%;padding:0 15px;margin:0 auto;}

.d-flex{display: flex;display: -ms-flexbox;}
.flex-row{flex-direction: row; -ms-flex-direction: row;}
.flex-row-reverse{flex-direction: row-reverse;-ms-flex-direction: row-reverse;}
.flex-column{-ms-flex-direction: column; flex-direction: column;}
.flex-column-reverse {-ms-flex-direction: column-reverse;-direction: column-reverse;}

/** Justify content **/

.justify-content-start {-ms-flex-pack: start; justify-content: flex-start;}
.justify-content-end {-ms-flex-pack: end; justify-content: flex-end;}
.justify-content-center {-ms-flex-pack: center; justify-content: center; }
.justify-content-between {-ms-flex-pack: justify; justify-content: space-between;}
.justify-content-around {-ms-flex-pack: distribute; justify-content: space-around;}

/** Align Items **/

.align-items-start {-ms-flex-align: start; align-items: flex-start;}
.align-items-end {-ms-flex-align: end; align-items: flex-end;}
.align-items-center {-ms-flex-align: center; align-items: center;}
.align-items-baseline {-ms-flex-align: baseline; align-items: baseline;}
.align-items-stretch {-ms-flex-align: stretch; align-items: stretch;}

/** Align self **/

.align-self-start{-ms-flex-item-align: start; align-self: flex-start;}
.align-self-end {-ms-flex-item-align: end; align-self: flex-end;}
.align-self-center {-ms-flex-item-align: center; align-self: center;}
.align-self-baseline {-ms-flex-item-align: baseline; align-self: baseline;}
.align-self-stretch {-ms-flex-item-align: stretch;align-self: stretch;}

/** Fill **/

.flex-fill {-ms-flex: 1 1 auto; flex: 1 1 auto;}

/** Grow and shrink **/

.flex-grow-1 {-ms-flex-positive: 1; flex-grow: 1;}
.flex-shrink-1 {-ms-flex-negative: 1; flex-shrink: 1;}

/** Auto Margins **/

.mr-auto, .mx-auto {margin-right: auto!important;}
.ml-auto, .mx-auto {margin-left: auto!important;}

/** Order **/

.order-1 {-ms-flex-order: 1; order: 1;}
.order-2 {-ms-flex-order: 2; order: 2;}
.order-3 {-ms-flex-order: 3; order: 3;}

/** Align Content **/

.align-content-start {-ms-flex-line-pack: start; align-content: flex-start; }
.align-content-end {-ms-flex-line-pack: end; align-content: flex-end;}
.align-content-center {-ms-flex-line-pack: center;align-content: center;}
.align-content-stretch {-ms-flex-line-pack: stretch; align-content: stretch; }

/** Navbar **/

.d-block{display: block;}
.container{max-width:1170px;width:100%;margin: 0 auto;padding:0 15px;}
.container-fluid{padding:0 15px;width:100%;padding:0 15px;}

.nav {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none;}
.nav-link{display: block;padding: 0;}


/** Alerts ***/

.alert-danger {color: #721c24; background-color: #f8d7da; border-color: #f5c6cb;}
.alert-success {color: #155724; background-color: #d4edda; border-color: #c3e6cb;}
.alert-info {color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb;}

.alert .close{position: absolute; top: -4px;right: 10px; font-size: 24px;cursor: pointer;}
.alert ul li{font-size: 13px; font-weight: 600; letter-spacing: .6px;}


/** Loader ***/

.loader{background: rgba(255,255,255,.9);position: fixed;top:0;right: 0;left:0;bottom:0;width:100%;height:100%;z-index: 999;display: none}
.loader-spin{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);}
.loader-spin i{color: #b40027; font-size: 48px;}


/** Modal **/

.modalbg_ {background: rgba(0, 0, 0, 0.4); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; display: none; overflow: auto;}
.modalbg_ .content{max-width: 550px; background: #fff; position: absolute; top: 50%; margin: 0 auto; box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15); border: 0; border-radius: 5px; left: 50%; transform: translate(-50%, -50%); width: 100%; padding: 25px;}
.modalbg_ .close-icon{    position: absolute; top: -50px; right: -30px; color: #fff; font-size: 30px; cursor: pointer;}








/********* common css ends ******************/

.hddList{display: block;width:100%;}
.hddList li.listItem{display: table-cell;}
.hddList li.listItem a{    font-family: 'AirbnbCerealMedium'; font-size: 17px;padding: 28px 15px;letter-spacing: .5px;border-bottom: 2px solid transparent}
.act ,.hddList li.listItem a:hover{border-bottom:2px solid #da4267 !important;color:#da4267 !important;}
header{box-shadow: 0px 2px 2px #eaeaea;padding:5px 0;}
.hdddrop{position: relative;cursor: pointer}
.hdddrop ._img{vertical-align: middle;display: inline-block;width:30px;height:30px;background: #ccc;border-radius: 100%}
.hdddrop ._img img{border-radius: 100%;width:100%;}
.caret img {vertical-align: middle;}
.hdddrop ._nm{display: inline-block;vertical-align: middle;padding: 0 2px 0 5px;font-family: 'AirbnbCerealMedium';font-size: 15px}
.dropContent{  display: none;  position: absolute; border-radius: 4px; top: 50px; min-width: 180px; box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)!important;right: 0; background: #fff;/*padding:10px;*/padding: 10px 0 0;z-index: 5}
.dropContent:after{     content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #ececec; top: -11px; position: absolute; right: 3px;}
.dropContent li{padding-bottom: 10px;border-bottom: 1px solid #e4e4e4;padding-top:10px;position: relative;padding-left: 10px;}
.dropContent li:last-child{padding-bottom: 0;border-bottom: 0}
/*.dropContent .main-m>li:last-child {padding-bottom: 10px;}*/
.dropContent ul>li:last-child {padding-bottom: 10px;}
.dropContent li:first-child{padding-top:0;}
.dropContent li i{font-size: 14px;width:20px;}
.dropContent li a{ display: inline-block; color: #000; font-size: 14px; letter-spacing: .5px;font-weight:600;}
.dropContent li:hover >a, .dropContent li:hover >i{color:#da4267;}


.signLeft span.sub{font-family: 'AirbnbCerealMedium';font-size: 22px;display: block;padding:20px 0;}
.innerIcon{    position: absolute; top: 1px; left: 1px; background: #e8f0fe; padding: 11px 17px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; text-align: center; height: 38px;}
.signLeft{padding:0 100px;}
.signLeft .form-control{padding-left:56px;}

.chkcontainer {
      display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 13px;
    padding-top:1px;
        font-weight: 600;
}

.chkcontainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
  border: 1px solid #d9d9d9;
    border-radius: 3px;
}

.chkcontainer:hover input ~ .checkmark {
  background-color: transparent;
}

.chkcontainer input:checked ~ .checkmark {
  background-color: #49c131;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.chkcontainer input:checked ~ .checkmark:after {
  display: block;
}


.chkcontainer .checkmark:after {
  left: 6px;
    top: 3px;
    width: 3px;
    height: 7px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.fgr{color:#3f63a5;}
.loginRight .owl-dots{    position: absolute; bottom: 0; left: 0; right: 0;}
.item h3{position: absolute;top: 50%;
    z-index: 100;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
    font-size: 40px;
    font-family: 'AirbnbCerealMedium';
}

.loginRight .item {
    height: calc(100vh - 39px);
    background-size: cover;
    background-position: center center;
}

.invAg{padding:60px 0;}
.innContainer{max-width:850px;width:100%;margin: auto;}
.innBox{    background: #fff; box-shadow: 0px 0px 4px 2px #e2dfdf; border-radius: 4px; padding: 40px 60px;}
.innBox h3{font-family: 'AirbnbCerealBold';font-size: 25px}
.innBox p{color: #4f4f4f;font-size: 17px;margin-top:5px;}
.invAg{background: #f9f9f9;}
.vHeight{height:calc(100vh - 140px);}
.or{text-align: center;padding:30px 0;font-family: 'AirbnbCerealBold';position: relative;}
.or:after{    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    background: #e4e4e4;
    height: 1px;
    top: 0;
    bottom: 0;
    margin: auto;}
.or span{    background: #f9f9f9;
    width: 50px;
    display: inline-block;
    z-index: 100;
    position: relative;}

.minH{font-family: 'AirbnbCerealMedium';margin-bottom: 7px}
.fromRel{position: relative;}
.posIcon{position: absolute; border-radius: 3px; right: 3px; background: #e7e7e7; height: 33px; top: 3px; padding: 10px 11px;}
footer span{font-size: 12px;letter-spacing: .5px;font-family: 'AirbnbCerealMedium';}
footer{background: #eee;padding:10px 0;}

.toggle_bar{display: none}
.my-error-class {    text-align: left; display: block; color: #b40027; font-weight: 600; letter-spacing: .5px;}
.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.dbBox{position: relative;box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)!important; border-radius: 2px;
             background: #efefef;height:100%;padding: 25px 15px;}
.dbSec{background: #f9f9f9;padding:50px 0;}
.dbBox h3{font-family: 'AirbnbCerealMedium'; font-size: 17px;font-family: 'Roboto', sans-serif;font-weight: 600;text-transform: capitalize;}
.dbBox .fa-list{ cursor:pointer;   position: absolute; top: 15px; right: 15px; font-size: 17px;}
.dbBox .unH{color:#c86b6b;font-size: 14px;display: block;margin-top:3px;}
.dbBoxInfo{background: #fff;padding:10px;margin-top:15px;position: relative;}
.dbBoxInfo .bxx{position: relative;padding-left: 40px;}
.dbBoxInfo .bxx .pr{position: absolute;top:0;left:0;width:30px;height:30px;background: #ccc;border-radius: 100%;}
.dbBoxInfo .bxx .pr img{border-radius: 100%;width: 100%;height:100%;}
.dbBoxInfo .bxx h3{font-size: 14px;letter-spacing: .5px}
.dbBoxInfo .bxx .bxxTxt{color: #828282; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; display: block; overflow: hidden; font-weight: 600; margin-top: 2px; letter-spacing: .5px;}


.mdHH{font-size: 22px;padding-bottom: 10px;border-bottom: 1px solid #e5e5e5;font-family: 'AirbnbCerealMedium';}
.mddPr{width:100px;height:100px;border-radius: 100%;border: 1px solid #ccc;}
.mddPr img{border-radius: 100%;width:100%;height:100%;}
.brRem{border-bottom: 0!important;    display: inline-block; vertical-align: middle;}
.profileEdit{    display: inline-block; vertical-align: top; margin-left: 10px; background: #edf3ff; padding: 9px; border-radius: 100%; cursor: pointer;}

.modalbg_ table tr td{font-weight:600;font-size: 15px;letter-spacing: .5px;padding-bottom: 5px}

.mdInfo{position: relative;padding-left:120px;}
.mdInfo .mddPr{position: absolute;top:0;left:0;}
.dbArea{background: #fff;border-radius: 3px;padding:30px;box-shadow: 0px 0px 3px 2px #e5e5e5;}

.labelFor{font-weight:600;display: block;font-size: 14px;margin-bottom: 5px}
sup{color: #ff0000}
.agetTable{margin-top: 10px}
.agetTable thead tr th{text-align: left;background: #e5e5e5;padding:10px;    color: #000; font-size: 14px; letter-spacing: 1px;}
.agetTable tbody tr td{padding: 10px;border-bottom: 1px solid #e5e5e5;font-weight:600;letter-spacing: .5px}

.agetTable thead tr th:last-child{text-align: right}
.signupAr{padding:60px 0;background: #f5f5f5}
.signupAr2{padding:30px 0;background: #f5f5f5}

.step2Info{display: none;}
.step3Info{display: none;}

.inWidth{max-width:650px;margin: 0 auto;width:100%;}
.hControl{height:auto!important;padding:10px!important;}

.formW{width:100px!important;}
.fa-calendar-alt{color: #da4166;font-size: 20px}

.forw50{width:70px!important;}
.innerLogo{background: #f5f5f5;padding-top:20px;}

.signupBx{background: #fff;border-radius: 4px;padding:20px;}
.innH{    font-family: 'AirbnbCerealBold'; font-size: 25px;border-bottom: 1px solid #e5e5e5;padding-bottom: 15px}

.signUpStep h3{font-family: AirbnbCerealMedium;font-size: 18px;margin-bottom: 15px}
.signUpStep{    max-width: 670px; margin: 0 auto; width: 100%; margin-top: 50px}
.text-right{text-align: right}
.signUpStep .step{    background: #fff;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    position: relative;
    border: 1px solid #d31d49;
    z-index: 99;}



.signUpStep .step2 .step{margin:auto;}
.signUpStep .step3 .step{text-align: right;margin-left:auto;}
.stepArea{position: relative;}
.signUpStep .stepArea:after{    content: ""; position: absolute; right: 0; top: 0; bottom: 0; background: #dad8d8; height: 2px; width: 100%; margin: auto; }
.signUpStep .active .step{z-index: 1;background: #49c132;border:1px solid #49c132;}

.signUpStep .txt{font-family: AirbnbCerealMedium;font-size: 16px;display: block;margin-top:10px;}
.labelFor font{font-family: 'AirbnbCerealApp-Light';color:#6c6c6c;}


.pr-50{padding-right:50px;}
.pl-50{padding-left:50px;}

.signUpStep .stepArea .step{    padding: 9px 14px; font-size: 16px; font-weight: 600;}

.dottedLine{    border-bottom: 1px solid #ebebeb; margin-bottom: 40px; margin-top: 30px;}
.smHeadng{font-size: 18px;font-family: AirbnbCerealMedium;}

.unSmHeadng{color: #4f4f4f; font-size: 14px; margin-top: 5px;display: block;}
.addPhoto{position: relative;padding-left: 80px;padding-top: 7px}
.addPhoto .img{position: absolute;top:0;left:0;width:60px;height: 60px;border-radius: 100%;background: #ddd}
.addPhoto .img img{width:100%;height:100%;border-radius: 100%;border:1px solid #ddd;}
.addPhoto h3{font-size: 15px;font-family: AirbnbCerealMedium;}
.addPhoto span{color: #6c6c6c;display: block;margin-top:5px;font-weight:600;font-size: 13px;letter-spacing: .5px}
.attchPh .fas{color:#d31d49;    position: absolute; top: 3px; right: -4px; font-size: 19px;}
.addPhoto .img input[type="file"]{position: absolute; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; border-radius: 100%; opacity: 0;}
.form-file{position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; opacity: 0.8;z-index: 100}
.attach{    position: absolute; top: 3px; right: 3px; height: 34px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; padding: 9px 10px; font-size: 16px; background: #e9e9e9;}

.stepArea .step .fa-check{  display: none;  color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.mdLink{color: #564192;font-size: 15px;text-decoration: underline;}

.signUpStep .active .step .fa-check{display:block;background: #49c132; padding: 3px 6px; border-radius: 100%;}


.manageAgent{padding: 30px 0px; margin-top: 75px;}
.manageAgent h3{font-family: 'AirbnbCerealBold';font-size: 18px;border-left:3px solid #ce0738;padding-left: 10px}
.manageAgent h4{font-family: 'AirbnbCerealMedium';font-size: 17px;}

.table-form{width: 100%; height: 40px; padding-left: 36px; background: #f9f9f9; border: 1px solid #eaeaea; border-radius: 4px;}
.psr{position: relative;}

.manageTable{margin-top:20px}
.manageTable table thead tr th{background: #e2eaf5;padding:10px;text-align: left;font-family: 'AirbnbCerealMedium';font-size: 13px;letter-spacing: .5px;}
.manageTable table tbody tr td{font-family: 'AirbnbCerealMedium';font-size: 13px;letter-spacing: .5px;padding:10px;border-bottom: 1px solid #e5e5e5}
.manageTable table tbody tr td:first-child{border-left:1px solid #e5e5e5;}
.manageTable table tbody tr td:last-child{border-right:1px solid #e5e5e5;}

.manageTable table tbody tr td a{color:#5462b3;font-family: 'AirbnbCerealMedium';}

.icon11{background: #eacd44; width: 30px; height: 30px; color: #fff; border-radius: 100%; padding: 6px 10px; font-size: 14px; cursor: pointer;display: inline-block;}
.icon12{background: #43bf51; width: 30px; height: 30px; color: #fff;margin-right: 5px; border-radius: 100%; padding: 5px 8px; font-size: 14px; cursor: pointer;display: inline-block;}
.icon13{background: #ce2f38; width: 30px; height: 30px; color: #fff;margin-right: 5px; border-radius: 100%; padding: 5px 9px; font-size: 14px; cursor: pointer;display: inline-block;}

.psr .fas{    position: absolute; top: 13px; left: 10px; font-size: 16px; color: #9a9a9a;}


.radiocontainer {
  display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 13px;
    padding-top:4px;
    font-weight: 600;
}

/* Hide the browser's default radio button */
.radiocontainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.radiocontainer .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.radiocontainer:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.radiocontainer input:checked ~ .checkmark {
      background-color: #49c131;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radiocontainer .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.radiocontainer input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.radiocontainer .checkmark:after {
    left: 8px;
    top: 5px;
    width: 3px;
    height: 7px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


.step1Radio .form-group{margin-bottom: 40px!important}

.step1Radio .form-group .checkmark:after{content: "";}
.radiocontainer:after{content: ""; position: absolute; left: -7px; bottom: 0; height: 1px; background: #ccc;
    width: 40px;
    transform: rotate(90deg);
    top: 43px;}

.lineRemove:after{content:none!important }

.bckL a{font-weight:600;letter-spacing: 1px}



.ui-widget-header{border: 1px solid #b40027;
    background: #b40027 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x;}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
  border: 1px solid #b40027;
    background: #b40027 url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;color:#fff;
}

.ui-state-default:hover, .ui-widget-content:hover .ui-state-default:hover, .ui-widget-header:hover .ui-state-default:hover{background: #b40027;color:#fff;}

.add-img-profile{background: #fff;width:100px;height:100px;border-radius: 100%;border:1px solid #ccc;position: relative;margin-bottom: 20px;margin-top:20px;}
.add-img-profile img{width:100%;height:100%;border-radius: 100%;padding:5px;}

.inputFile{position: absolute;top:0;left:0;right:0;width:100%;height: 100%;opacity: 0;border-radius: 100%;z-index: 10}

.add-img-profile .fas{position: absolute; bottom: 0; right: 0; background: #b40027; color: #fff; width: 30px; height: 30px; border-radius: 100%; padding: 9px 10px;}
.w-50px{width:50px;}

/*31 jan*/

.sub-m-bx {margin: 10px 0px;background-color: #fff;display: none;position: absolute;top: -20px;/*left: -133px;*//*left: -225px;*/left: -218px;/*width: 130px;*/width: 220px;
  border-radius: 4px;box-shadow: -4px 3px 5px -1px rgba(0,0,0,0.16)}
.sub-m-bx li a {color: black;padding: 10px 20px;text-decoration: none;display: block;}
.sub-m-bx li a:hover {background-color: #f1f1f1}
.sub-m li {padding: 0;border-bottom: none;}
.sub-m-bx li:hover a {color:#fff;background-color:#da4267;}
.dropContent li:hover .sub-m-bx {display: block;}
.pr {position: relative;}
.dropContent li i.caret{/*position: absolute;top: -3px;right: 40px;*/margin-left: 5px;}
.dropContent li i.dwn-c {font-size:18px;}
.dropContent li i.le-c {font-size:18px;color:#da4267;display: none;}
.dropContent li:hover i.dwn-c {display: none;}
.dropContent li:hover i.le-c {display: inline-block;}
/*.dropContent li:hover i.caret {top: -1px;}
*/


.dbBox-list{position: relative;box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)!important; border-radius: 2px;
             background: #efefef;height:100%;padding: 25px 15px;}
.bgw {background-color: #fff;}
.tac {text-align: center;}

/*icon dashboard css*/

/*.b-ic-h {display: none;}
.dbBox:hover .b-ic {display: none;}
.dbBox:hover .b-ic-h {display: inline-block;}
.dbBox:hover {background-color: #da4267;cursor: pointer;}
.dbBox:hover h3 {color: #fff;}*/
/*****************/
.bx-icon {margin-bottom: 12px;}
h3.side-hd {font-family: 'AirbnbCerealBold';font-size: 28px;line-height:26px;border-left: 3px solid #ce0738;padding-left: 10px;text-transform: capitalize;}
.ptb-40 {padding-top: 40px;padding-bottom: 40px;}
.bx-sHd {font-size: 23px;font-family: 'AirbnbCerealMedium';text-transform: capitalize;line-height: 51px;}
.fl {float: left;}
.img-Hd img {margin-right: 15px;}
.bx-list li {font-size: 17px;margin-left:20px;font-family: 'Roboto', sans-serif;padding: 5px 0;position: relative;}
.bx-list li:before {position: absolute;content: "";top: 12px;left: -20px;width: 6px;height: 6px;border-radius: 50px;background-color: #000;}
.flexBox {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.just-cent {justify-content: center;}

/*3 feb*/
.fr-inpt {float: right;}
.fr-inpt input {background-color: #fff;}
.lft-Hd {float: left;margin-top: 10px;text-transform: capitalize;}
.new_agent .manageTable {margin-top: 0;}
.summary table td li {font-family: 'AirbnbCerealApp-Light';margin-bottom: 8px;text-align: center;color: #000;text-transform: capitalize;}
.summary table td li.fi {font-size: 25px;font-weight: 600;font-family: 'AirbnbCerealBold';}
.summary table td li.se {font-size: 20px;font-weight: 600;font-family: 'AirbnbCerealBold';}
.summary table td li.thir {font-size: 17px;color: #5b5b5b;font-family: 'AirbnbCerealMedium';}
.summary table td li.fourth  {font-size: 17px;color: #ce0738;font-family: 'AirbnbCerealMedium';}

.summary li {font-family: 'AirbnbCerealApp-Light';margin-bottom: 8px;text-align: center;color: #000;text-transform: capitalize;}
.summary li.fi {font-size: 20px;font-weight: 600;font-family: 'AirbnbCerealBold';text-align: left;}
.summary li.se {font-size: 15px;font-weight: 600;font-family: 'AirbnbCerealBold';text-align: left;}
.summary li.thir {font-size: 14px;color: #5b5b5b;font-family: 'AirbnbCerealMedium';text-align: left;}
.summary li.fourth  {font-size: 14px;color: #ce0738;font-family: 'AirbnbCerealMedium';text-align: left;}

.sec-container div {width: 25%;//border:1px solid #ccc;padding: 10px;margin: 0px;}
a.invite-btn {font-size:18px;padding: 12px 12px 12px 45px;background-color: #ce0738;cursor: pointer;color: #fff;border-radius:4px;
                   font-family: 'AirbnbCerealApp-Light';font-weight: 600;margin: 10px auto}
a.invite-btn:hover {background-color: #b70531;}
.btn-sec li:nth-child(1) {margin: 40px 0 25px;}
.btn-sec li .fas {font-size: 24px;color: #fff;position: absolute;top: 12px;left: 10px;}

.manageTable.new-ag-tbl{margin-top:0px;border-collapse: collapse;overflow: auto;}
.manageTable.new-ag-tbl table thead tr th{background: #fff;padding:10px;text-align: left;font-family: 'AirbnbCerealMedium';
                                  font-size: 16px;letter-spacing: .5px;border:1px solid #e5e5e5;vertical-align: baseline;text-transform: capitalize;}
.manageTable.new-ag-tbl table tbody tr td{font-family: 'AirbnbCerealMedium';font-size: 15px;letter-spacing: .5px;
                        padding: 10px 10px;border-bottom: 1px solid #e5e5e5;vertical-align: middle;color: #3a3a3a;}
.manageTable.new-ag-tbl table tbody tr td:first-child{border-left:1px solid #e5e5e5;}
.manageTable.new-ag-tbl table tbody tr td:last-child{border-right:1px solid #e5e5e5;}

.manageTable.new-ag-tbl table tbody tr td a{color:#3a58d9;font-family: 'AirbnbCerealMedium';font-size: 15px;}
.manageTable.new-ag-tbl table thead tr th {border-right: none;border-left: none;}
.manageTable.new-ag-tbl table thead tr th:last-child {border-right:1px solid #e5e5e5;}
.manageTable.new-ag-tbl table thead tr th:first-child{border-left:1px solid #e5e5e5;}
.manageTable {overflow: auto;}
.manageTable.new-ag-tbl table tbody tr td .lgt-Hd {font-size: 15px;margin: 5px 0;color: #9f9f9f;font-family: 'AirbnbCerealMedium';
                                        display: block;}
.manageTable.new-ag-tbl table tbody tr td .bld-Hd {font-size: 16px;margin-bottom: 5px;font-family: 'AirbnbCerealBold';display: block; }
.usr-pic {width: 90px;height: 90px;border-radius: 50%;}
.usr-pic img {border-radius: 50%;height: 100%;width: 100%;}
.manageTable.new-ag-tbl table tbody tr td a:hover {color: #0725a7;}
.manageTable.new-ag-tbl table {min-width: 1600px;}
.manageTable.new-ag-tbl table#searchData {min-width: 1190px !important;}
.summary table td li.tar {text-align: right;}
.summary li.tar {text-align: right;}

.just-fe {justify-content: flex-end;}
.just-fs {justify-content: flex-start;}
.aic {align-items: center;}
.text-cent {align-items: center;justify-content: center;}
.table-tab li  {list-style: none;/*padding: 16px 20px;*/display: inline-block;text-transform: capitalize;position: relative;}
.table-tab li a {font-size: 18px;font-family: 'AirbnbCerealMedium';color: #818080;display: block;padding: 16px 20px;border-bottom: 3px solid transparent;}
/*.table-tab li a:before {position: absolute;content: "";bottom: 0;left: 0px;width: 100%;border-bottom:3px solid #d21846;display: none;}
.table-tab li:hover a:before {display: inline-block;}
.table-tab li:hover .num-circle, .num-circle.act-tab {background-color: #d8d221;color: #000;}*/
.table-tab li a:hover, .table-tab li .act-li {border-bottom: 3px solid #d21846;}
.num-circle {position: absolute;top: 4px;right: 0;width: 22px;height: 22px;font-size:12px;padding: 3px 7px;font-family: 'AirbnbCerealMedium';
           border-radius: 50%;background-color: #676767;color: #fff;}
/*.num-circle.active {background-color: #d8d221;color: #000;}*/
.table-tab li a:hover + .num-circle {background-color: #d8d221;color: #000;}
.table-tab li .act-li + .num-circle {background-color: #d8d221;color: #000;}

.manageTable.new-ag-tbl.leads table thead tr th {padding: 20px 10px}
.clr-cir {width: 35px;height: 35px;border-radius: 50%;background-color: #66a1dd;text-align: center;position: relative;}
.clr-cir span {text-transform: uppercase;position: absolute;left: 50%;top: 50%;transform: translate(-50% , -50%);color: #fff;font-size: 14px;}
.bg-g {background-color: #89a04a;}
.bg-r {background-color: #a84a47;}
.manageTable.new-ag-tbl.leads table tbody tr td {vertical-align: top;}
.step li,.fol li  {font-size: 16px;margin-left:25px;margin-bottom:10px;color: #585858;position: relative;font-family: 'AirbnbCerealMedium';}
.step li:before {position: absolute;content: ""; top: 5px;left: -24px;width: 10px;height: 5px;border: none;border-left: 3px solid #7d7d7d;
    border-bottom: 3px solid #7d7d7d;transform: rotate(-45deg);}
.fol li {list-style: inside;list-style-type: decimal;margin-left: 0;}
.page_no a {font-size:14px;float:left;padding: 7px 14px;margin: 5px 0px;border:1px solid #e5e5e5;border-radius: 4px;
                  font-weight: 800;color: #000;}
.page_no a.dots {border: none;padding: 4px 14px;}
.page_no a:hover {background-color: #cd0032;color: #fff !important;border-color:transparent;}
.page_no a.dots:hover {background-color: transparent;color: #000 !important;border:none;}
.pg-act {background-color: #cd0032;color: #fff !important;}
.mt-15 {margin-top: 15px !important;}
.list-cust {margin-top: 15px!important;}
.list-cust td {color: #888888;}
.list-cust th {color:#575757;}

/*add lead css 25 feb*/
.manageAgent h3 {font-family: 'AirbnbCerealBold';font-size: 22px;border-left: 3px solid #d21846;padding-left: 10px;}
.f_secHd {font-size: 20px;text-transform: capitalize;font-family: 'AirbnbCerealMedium';text-align: left;margin-bottom: 20px;}
.f_grp {width: 33.33%;/*border: 1px solid red;*/padding: 0;/*margin-bottom: 20px;*//*padding-bottom: 20px;*/
        float: left;padding-right: 20px;height: 100px}
.field_sec label { font-size: 16px;text-transform: capitalize;font-family: 'AirbnbCerealApp-Light';display: block;margin-bottom: 5px;color: #000;font-weight: 600; }
.field_sec input[type='text'],.field_sec input[type='mail'],.field_sec input[type='number'],.field_sec input[type='date'], .field_sec select, .field_sec textarea {font-size: 14px;width: 100%;height: 48px;padding: 12px;
                                              border-radius: 4px;border: 1px solid #e7e7e7;outline: none; box-sizing: border-box;}
.field_sec {padding-top: 20px;}
.f_grpTxtA {width: 100%;padding: 0;/*margin-bottom: 20px;*/padding-bottom: 20px;padding-right: 20px;}
.f_grpTxtA textarea {height: 120px;resize: vertical;}
.leadForm button {margin-right: 12px;/*font-size: 18px;padding: 10px 35px;font-family: 'AirbnbCerealBold';background: #f0f0f0;border: none;outline: none;cursor: pointer;border-radius: 4px;margin-right: 12px;
                  text-transform: capitalize*/}
.leadForm button:hover {background: #ce0738;color: #fff;}
.field_sec select {background: #fff url(../images/cater.png) no-repeat right 10px center !important;}

/****************custom radio button **************/
.rad_cont {float: left;position: relative;padding-left: 25px;margin-top: 10px;margin-right: 15px;margin-bottom: 18px !important;cursor: pointer;font-size: 22px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;
                       user-select: none;}

/* Hide the browser's default radio button */
.rad_cont input {position: absolute;opacity: 0;cursor: pointer;}

/* Create a custom radio button */
.checkmark {position: absolute;top: 0;left: 0;height: 20px;width: 20px;background-color: #eee;border-radius: 50%;}

/* On mouse-over, add a grey background color */
.rad_cont:hover input ~ .checkmark {background-color: #ccc;}

/* When the radio button is checked, add a blue background */
.rad_cont input:checked ~ .checkmark {background-color: #ce0738;}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {content: "";position: absolute;display: none;}

/* Show the indicator (dot/circle) when checked */
.rad_cont input:checked ~ .checkmark:after {display: block;}

/* Style the indicator (dot/circle) */
.rad_cont .checkmark:after {top: 5px;left: 5px;width: 8px;height: 8px;border-radius: 50%;background: white;}


/******************custom checkbox***********************/
.checkboxWrapper {position:relative; width:20px; height:20px; display:inline-block; vertical-align:middle; margin:0 5px 4px 0;}
.checkboxInpt {opacity:0; height:20px; width:20px; position:absolute; top:0; left:0; z-index:2; margin:0;}
.checkboxInpt + .bg {height:20px; width:20px; display:inline-block; position:absolute; top:0; left:0; z-index:1; border:1px solid #F00;}
.checkboxInpt:checked + .bg {border:1px solid #ce0738; background:#ce0738 url(../images/check.png) no-repeat center;}


.custom_drp {position:relative;}
.dum_inp {font-size: 14px;width: 100%;height: 48px;padding: 14px;text-transform:capitalize;border-radius: 4px;border: 1px solid #e7e7e7;background: #fff url(../images/cater.png) no-repeat right 10px center !important;}
.dum_drpd {position: absolute;top: 48px;left: 0;width: 100%;height: auto;/*border: 1px solid #e7e7e7;*/padding: 12px 12px 5px;background:#fff;box-shadow: 0 3px 18px rgba(196,196,196,0.4);z-index: 9;}
.dum_drpd label {font-size: 14px;font-family: 'AirbnbCerealApp-Light';}
#prop_drpd , #real_drpd, #range_drpd, #bed_drpd, #bath_drpd, #prop_drpdRen {display: none;}

/******************custom range slider***********************/
input[type='range'] {width: 300px;height: 30px;overflow: hidden;cursor: pointer;outline: none;}
input[type='range'],
input[type='range']::-webkit-slider-runnable-track,
input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none;
    background: none;}
input[type='range']::-webkit-slider-runnable-track {width: 200px;height: 1px;background: #003D7C;}

input[type='range']:nth-child(2)::-webkit-slider-runnable-track{background: none;}

input[type='range']::-webkit-slider-thumb {position: relative;height: 15px;width: 15px;margin-top: -7px;background: #fff;border: 1px solid #003D7C;border-radius: 25px;z-index: 1;}


input[type='range']:nth-child(1)::-webkit-slider-thumb{z-index: 2;}

.rangeslider{ position: relative;height: 60px;width: 300px;display: inline-block;margin-top: 10px;margin-left: 12px;}
.rangeslider input{position: absolute;}
.rangeslider{/*position: absolute;*/position: relative;}
.rangeslider span{position: relative;
    margin-top: 30px;float: left;left: 0;}

.rangeslider .right{position: relative;float: right;margin-right: 0;}

/***********increase & decrease************/
.value-button {
 display: inline-block;
    border: 1px solid #ddd;
    margin: 0px;
    width: 35px;
    height: 35px;
    line-height: 33px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
    padding: 0px 0;
  background: #eee;
  margin-bottom: 0px;
  border-radius: 50px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.value-button:hover {
  cursor: pointer;background:#ce0738;color: #fff;border: 1px solid #ce0738;
}

form #decrease {
 margin-right: 0px;
  border-radius: 50px;
}

form #increase {
  margin-left: -4px;
  border-radius: 50px;
}

form #input-wrap {
  margin: 0px;
  padding: 0px;
}

input#number {
  text-align: center;
  border: none;
  border-top: none;
    border-bottom: none;
    margin: 0px;
    width: 35px;
    height: 48px;
}

.value-button+ input[type="number"] {
  text-align: center;
  border: none;
  border-top: none;
    border-bottom: none;
    margin: 0px;
   width: 35px;
    height: 48px;
    font-weight: 500;
    padding: 0;
    font-size: 17px;
    vertical-align: middle;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;}

/*26 feb changes*/
    /*.table-tab {float: left;}*/
    .btn-sec.add_cust {float: right;}
    .btn-sec.add_cust li:nth-child(1) {margin: 4px 0;}

    /*to hide custom dropdown by click anywhere outside */
    #prop_drpd.is-open {display: block;}
    #prop_drpdRen.is-open {display: block;}

.clearfix {clear:both;}

.table-tab {margin-bottom: 15px;}












/************** media query start ***********/

@media screen and (max-width:1400px){
  .bx-list li {font-size: 14px;}
  .bx-sHd {font-size: 20px;}
   h3.side-hd {font-size: 26px;}

   .hddList li.listItem a {
    font-family: 'AirbnbCerealMedium';
    font-size: 15px;
    padding: 28px 13px;
    letter-spacing: .5px;
    border-bottom: 2px solid transparent;}
  }



@media screen and (max-width:1230px){

.toggle_bar{display: inline-block;vertical-align: middle;
margin-left: 20px;}
.hddList{display: block; width: 200px; position: absolute; left: -200px; top: 0; background: #d31d49;
height: 100vh;z-index: 999}
.hddList li.listItem{display: block;padding-bottom: 15px}
.hddList li.listItem:first-child{padding-top:15px;}
.hddList li.listItem a{color:#fff;}
.hdddrop{display: inline-block;}

.bar1, .bar2, .bar3 {width: 30px; height: 4px; background-color: #e11900; margin: 6px 0; transition: 0.4s; border-radius: 30px;}
.bar1 {width: 15px;}
.bar2 {width: 25px;}
.bar3 {width: 35px; }
.change .bar1{-webkit-transform: rotate(-45deg) translate(-9px, 6px); transform: rotate(-45deg) translate(-9px, 6px); background-color: #000; width: 35px;}
.change .bar2 {opacity: 0; }
.change .bar3 {-webkit-transform: rotate(45deg) translate(-8px, -8px); transform: rotate(45deg) translate(-8px, -8px); background-color: #000; }
.left0{left:0!important;}
.icon12,.icon13 {margin-right: 2px;}



}

/*11 mar*/


@media screen and (max-width: 1169px){

  /*dashboard css*/
.img-Hd img {margin-right: 10px;}
.bx-sHd {font-size: 22px;}
.bx-list li {font-size: 15px;}
.pr-15 {padding-right: 5px;}

.pl-15 {padding-left: 5px;}

/*3 feb*/
.sec-container div {width: 28.3%;}
.sec-container div:first-child {width: 15%;}
.icon12,.icon13 {margin-right: 2px;}



}



@media screen and (max-width: 999px){
  .w-20 {width: 50%;margin-bottom: 12px;}
  .pr-15 {padding-right: 0px;}
  .pl-15 {padding-left: 0px;}
  .w-20:nth-child(odd) {padding-right:6px;}
  .w-20:nth-child(even) {padding-left:6px;}

/*3 feb*/
.sec-container .flexBox.just-fe:nth-child(1) {display: none;}
.sec-container div {width: 33.33%;}

.summary table td li.fi {font-size: 18px;}
.summary table td li {margin-bottom: 6px;}
.summary table td li.se {font-size: 16px;}
.summary table td li.thir {font-size: 14px;}

.summary li.fi {font-size: 18px;}
.summary li {margin-bottom: 6px;}
.summary li.se {font-size: 16px;}
.summary li.thir {font-size: 14px;}
a.invite-btn {font-size: 16px;padding: 10px 10px 10px 45px;}
.btn-sec li .fas {font-size: 20px;color: #fff;position: absolute;top: 9px;left: 10px;}
.table-tab li a {font-size: 16px;}
.aic {align-items: baseline;}
.fr-inpt {float: right;margin-top: 15px;}

.lead_tbl .fr-inpt {float: right;margin-top: 0;}


}

@media screen and (max-width:767px){


    .pr-50{padding-right:0px;}
    .pl-50{padding-left:0px;}
    .logo img{max-width:100px;}
    .innBox{padding:15px;}
    .invAg{padding:15px;}
    .w-80, .w-40, .w-60{width: 100%}
    .w-20{width:100%;}
    .pr-15{padding-right:0;}
    .flex-wrap {flex-direction: column;}
    .modalbg_ .content{width: 90%}
    .modalbg_ .close-icon{right:0;}
    .mdInfo{    padding-left: 0;  padding-top: 120px;}
    .rw-100{width: 100%}
    .dbSec{    padding: 20px 0;}
    .w-50, .w-70, .w-30{width:100%;}
    .pr-15{padding-right:0;}
    .pl-15{padding-left:0;}
    .manageTable{overflow: auto}
    .manageTable table{width:1200px;}
    .signLeft {padding: 0 15px; margin-bottom: 20px;}
    .loginRight .item {height: 330px; background-size: contain; background-position: center center; background-repeat: no-repeat; }
    .item h3{font-size: 27px;}
    .loginSec{    padding-top: 20px;}
.w-20:nth-child(odd) {padding-right:0px;}
.w-20:nth-child(even) {padding-left:0px;}




    .sec-container .flexBox.just-fe:nth-child(1) {display: none;}
    .sec-container div {/*width: 20%;*/width: 100%;}
    .summary table td li.fi {font-size: 20px;}
    .summary table td li {margin-bottom: 5px;}
    .summary table td li.se {font-size: 17px;}
    .summary table td li.thir {font-size: 14px;}

    .summary li.fi {font-size: 20px;}
    .summary li {margin-bottom: 5px;}
    .summary li.se {font-size: 17px;}
    .summary li.thir {font-size: 14px;}
    .summary .just-fe {justify-content: center;}
    .manageTable.new-ag-tbl table thead tr th {font-size: 14px;}
    .manageTable.new-ag-tbl table tbody tr td .bld-Hd {font-size: 14px;margin-bottom: 2px;}
    .manageTable.new-ag-tbl table tbody tr td .lgt-Hd {font-size: 13px;margin: 3px 0;}
    .manageTable.new-ag-tbl td .w-60 {width: 60%;}
    .manageTable.new-ag-tbl td .w-40 {width: 40%;}
    .sec-container div {padding:10px;}
    .step li, .fol li {font-size: 14px;margin-bottom: 8px;}
    .btn-sec li .fas {font-size: 22px;top: 10px;left: 90px;}
    .btn-sec li .fas.inv {font-size: 22px;top: 10px;left: 66px;}
    a.invite-btn {font-size: 16px;padding: 10px;display: block;text-align: center;}
    .btn-sec {width: 100%;}
    .btn-sec li:nth-child(1) {margin: 10px 0 10px;}
    /*5 feb*/

    /*.table-tab li {padding: 15px;}*/
    .table-tab li a{padding: 15px;}
    .num-circle {position: absolute;top: 5px;right: -4px;width: 20px;height: 20px;font-size: 12px;padding: 2px 6px;}
    .page_no a {font-size: 12px;float: left;padding: 5px 10px;margin: 5px 0px;}



    /*add lead and customers form page*/
    .f_grp {width: 100%;padding: 0}
    .field_sec input[type='text'], .field_sec input[type='mail'], .field_sec input[type='number'], .field_sec input[type='date'], .field_sec select, .field_sec textarea {
    font-size: 14px;width: 100%;height: 38px;padding: 0px 12px;border-radius: 4px;border: 1px solid #e7e7e7;outline: none;box-sizing: border-box;}
    .field_sec label {font-size: 14px;}
    .leadForm button {font-size: 15px;padding: 10px 25px;}
    .dum_inp {height: 38px;}
    .f_grpTxtA {padding-right: 0}
    .f_grpTxtA textarea {height: 80px;}
    .f_secHd {font-size: 20px;margin-bottom: 16px;}
    .field_sec {padding-top: 10px;}

    .lead_tbl .fr-inpt {float: right;margin:0px auto 15px;}
    .value-button+ input[type="number"] {width: 35px;border: none;}





  }

  @media screen and (max-width:420px){
     .btn-sec li .fas {display: none;}
     .f_grp.wd-50 {width: 50%;}
  }

  @media screen and (max-width:360px){
    .btn-sec li .fas {display: none;}
    .summary li.se {font-size: 16px;}

    /*5 feb*/
    .table-tab li a {font-size: 14px;padding: 15px 20px 15px 5px;}
    /*.table-tab li {padding: 15px 20px 15px 5px;}*/
    .num-circle {position: absolute;top: 2px;right: 0;}
    .page_no a {font-size: 12px;float: left;padding: 4px 8px;}
  }


.ui-widget-header .ui-icon {
    background-image: url('/assets/images/ui-icons_444444_256x240.png');
}

/*add by vibhor*/

label.error{
  color:red;
  font-size: 12px;
  font-weight: 400;}
/*end*/



/*3 mar*/
.dataTables_filter label{font-size: 14px;font-weight: 600;}
.dataTables_filter label input[type="search"]  {width: 80%;
height: 40px;
padding-left: 15px;
background: #f9f9f9;
border: 1px solid #eaeaea;
border-radius: 4px;}
.dataTables_filter {margin-bottom: 15px;}
.dataTables_length label {font-size: 13px;font-weight: 600;}
.dataTables_length label select {width: 50px;margin: 0 3px;font-weight: 600;
    text-align-last: center;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, 
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover
{border: 1px solid #b70531;font-weight:
  600;color: #fff !important;background: #b70531;}

.wd-100 {width: 100%;}  


/*popup 6 mar*/
#add_customers .f_grp {width: 50%;padding-right: 0;height: 75px;}
#add_customers .field_sec input[type='text'],#addCustomer .field_sec input[type='mail'],#addCustomer .field_sec input[type='number'],#addCustomer .field_sec input[type='date'],#addCustomer .field_sec select,
#add_customers .field_sec textarea {
    font-size: 13px;
    width: 100%;
    height: 32px;
    padding: 4px 8px;
    border-radius: 4px;
    border: 1px solid #e7e7e7;
    outline: none;
    box-sizing: border-box;
}
#add_customers .field_sec label {font-size: 14px;margin-bottom: 3px;}
#add_customers .btn-primary {background: #b40027;padding: 8px 16px;}
#add_customers .field_sec {padding-top: 0;}
#add_customers .f_grp:last-child + .field_sec {padding-top: 20px;}
#add_customers .pop_fcont {position: relative;}
#add_customers .signupBx {padding: 0;}
#add_customers label.error {font-size: 12px;}
#add_customers .content .pop_fcont > .close-icon {
    position: absolute;
    top: -8px;
    right: 0px;
    color: #4d4b4b;
    font-size: 25px;
    cursor: pointer;
}
#add_customers .content .pop_fcont > .close-icon:hover {color: #000;}
#add_customers .content {max-width: 550px;padding: 15px 15px 30px;}
#add_customers .f_grp:nth-child(even) {padding-left: 5px;}
#add_customers .f_grp:nth-child(odd) {padding-right: 5px;}
.sh {
    margin: 0 -15px;
    padding-left: 12px;
    border-bottom: 2px solid rgba(226,55,42);}
.value-button {position: relative;}
.value-button + input[type="number"] + .error {position: absolute;}

/*11 mar*/

.dataTables_length label {
    font-size: 13px;
    font-weight: 600;}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
    color: #3a3a3a;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: default;
    color: #000 !important;}

/* 24th may 2022 */
.summary li.tarr {text-align: right;}

.viewmails{font-weight:600; font-size:14px; color:blue; text-decoration:underline}