body{
    font-family: 'Lato', sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size:14px;
    line-height: 24px;
    color: #595858;
}

a{ color: inherit; transition: all 0.3s ease;}
a:hover{  color: #ec202b;}
a:focus { text-decoration: none; }
a:focus, a:hover { text-decoration: none; }
a, button, input { outline: medium none ; }
ul { margin: 0px; padding: 0px; list-style: none; }


h1,.h1 { font-size: 50px; line-height: 60px; font-weight: 900;}
h2,.h2 { font-size: 30px; line-height: 40px; font-weight: 700;}
h3,.h3 { font-size: 24px; line-height: 34px; font-weight: 700;}
h4,.h4 { font-size: 22px; line-height: 32px; font-weight: 700;}
h5,.h5 { font-size: 18px; line-height: 28px; font-weight: 700;}
h6,.h6 { font-size: 16px; line-height: 26px; font-weight: 400;}
hr{
    border-top: 1px solid #000000;
}
.lead{
    font-size: 24px;
    font-weight: 900;
    line-height: 34px;
    display: inline;
}
/**Text color**/
.primary-text{ color: #ec202b; }
.gray-text{ color: #a09d9d; }
.dark-text{ color: #2b2b2b; }
.white-text{ color: #ffffff; }


/**BG color**/
.primary-bg{ background: #ec202b; }
.gray-bg{ background: #a09d9d; }
.dark-bg{ background: #2b2b2b; }
.white-bg{ background: #ffffff; }


/**Button**/
.btn {
    padding:9px 40px;
    color:#fff;
    border-radius:inherit;
    background:#ec202b;
    text-decoration: none;
    font-size: 18px;
    font-weight: 700;
    display: inline-block;
    border-radius: 50px;
    transition: all 0.5s ease;
}

.btn-outline{
    border: 8px solid #ec202b;
    background: transparent;
    color: #ec202b;
}
.btn-outline:hover{
    background: #ec202b;
    color: #ffffff;
}

.btn-large{
    font-size:30px;
    padding: 20px 40px;
    font-weight: 900;
}


select {
    -webkit-appearance: none;-moz-appearance:none;  appearance:none;
    background: url(../images/form-icon/icon-10.png);
    background-size: 50px;
    background-repeat: no-repeat;
    background-position: right;
}

.shape{
    padding: 50px 0;
    background: #fff;
}
.shape:before {
    content: "";
    background: red;
    height: 210px;
    width: 100%;
    display: inline-block;
    position: absolute;
    right: 0;
    top: -132px;
    -moz-transform: skew(0deg, 25deg);
    -webkit-transform: skew(0deg, 25deg);
    -o-transform: skew(0deg, 25deg);
    -ms-transform: skew(0deg, 25deg);
    transform: skew(0deg, 6deg);
    right: 0;
    margin: 0 auto;
    }
.logo img{
    height: 95px;
}
.progress {
    position: relative;
    left: 0;
    top: 0%;
    width: 65px;
    height: 370px;
    border-radius: 10px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.4);
    overflow: visible;
    margin: 0 auto;
}
.progress-bar{
    position:absolute;bottom:0; width: 100%;height: 100%; border-radius: 10px;
}
.progress-bar-success {
    background-color: #51ba4f;
}
.progress-bar-warning {
    background-color: #f6c739;
}
.progress-bar-danger {
    background-color: #ed3838;
}


.w-video {
    align-items: center;
    display: flex;
    width: 220px;
    border-left: 2px solid #979797;
    padding-left: 20px;
}
.w-video i {
    font-size: 64px;
    line-height: 54px;
    margin-right: 20px;
    color: #979797;
     text-shadow: 0px 3px 7px rgba(0, 0, 0, 0.35);
}
.w-video span {
    margin-bottom: 0;
    font-weight: 800;
    color: #ec202b;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);
}


.progress-container {
    width: 100%;
    background-color: transparent;
    position: fixed;
    top: 0;
    left: 0;
    height: 10px;
    display: block;
    z-index: 10;
}

.progresss-bar {
    background-color: #ec202b;
    width: 0%;
    display: block;
    height: inherit;
    z-index: 10;
}


.step {
    padding: 0;
    display: flex;
    background: #ffffff;
}

.nav-tabs{
    width: 100%;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: inherit;
    background-color: inherit;
}
.nav-tabs .nav-link.active {
    color: #ec202b;
}
.nav-menu{
    display: none;
}
.nav-menu.page-menu-top{
    position: fixed !important;
    width: 100%;
    left: 0;
    z-index: 99;
    top: 24px;
    display: block;
}

.nav-menu.page-menu-top ~ section #subject{
    margin-top: 170px;
}
#comparingreport {
    position: relative;
}
.expand {
    position: absolute;
    background: #ffffff;
    border: 1px solid #e6e6e6;
    bottom: 68px;
    z-index: 99999;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #9a9a9a;
    border-radius: 0px;
    right: 82px;
    margin: 0;
}
.expand-close {
    position: fixed;
    background: #fff;
    top: 8px;
    z-index: 99999;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #333;
    border-radius: 50px;
    right: 10px;
    margin: 0;
    display: none;
}

.step li {
    width: 33.33%;
    text-align: center;
    position: relative;
}

.step li .nav-link{
    position: relative;
    padding: 30px 0;
    border: 0;
}

.step li .nav-link.active:after{
    position: absolute;
    content: "";
    bottom: -7px;
    width: 15px;
    height: 15px;
    background: #ec202b;
    left: 48.5%;
    transform: rotate(45deg);
}

.step li a {
    font-size: 18px;
    font-weight: 700;
    color: #ec202b;
}

.step li span {
    display: block;
    margin-bottom: 10px;
    position: relative;
}

.tab-content {
    margin-top: 70px;
}


/* Page section margin padding */
.space-lg-ptb{
 padding: 160px 0;
}
.space-lg-pt {
  padding-top: 160px ;
}

.space-lg-pb {
  padding-bottom:160px;
}

.space-ptb {
  padding: 100px 0;
}

.space-pt {
  padding-top: 100px ;
}

.space-pb {
  padding-bottom:100px;
}

.space-sm-ptb {
  padding: 70px 0;
}

.space-sm-pt {
  padding-top: 70px;
}

.space-sm-pb {
 padding-bottom:70px;
}

.space-mt{
  margin-top: 100px;
}

/* padding */
.p-10{padding:10px !important;}
.pt-10{padding-top:10px !important;}
.pb-10{padding-bottom:10px !important;}
.pr-10{padding-right:10px !important;}
.pl-10{padding-left:10px !important;}

.p-15{padding:15px !important;}
.pt-15{padding-top:15px !important;}
.pb-15{padding-bottom:15px !important;}
.pr-15{padding-right:15px !important;}
.pl-15{padding-left:15px !important;}

.p-20{padding:20px !important;}
.pt-20{padding-top:20px !important;}
.pb-20{padding-bottom:20px !important;}
.pr-20{padding-right:20px !important;}
.pl-20{padding-left:20px !important;}

.p-25{padding:25px !important;}
.pt-25{padding-top:25px !important;}
.pb-25{padding-bottom:25px !important;}
.pr-25{padding-right:25px !important;}
.pl-25{padding-left:25px !important;}

.p-30{padding:30px !important;}
.pt-30{padding-top:30px !important;}
.pb-30{padding-bottom:30px !important;}
.pr-30{padding-right:30px !important;}
.pl-30{padding-left:30px !important;}

.p-35{padding:35px !important;}
.pt-35{padding-top:35px !important;}
.pb-35{padding-bottom:35px !important;}
.pr-35{padding-right:35px !important;}
.pl-35{padding-left:35px !important;}

.p-40{padding:40px !important;}
.pt-40{padding-top:40px !important;}
.pb-40{padding-bottom:40px !important;}
.pr-40{padding-right:40px !important;}
.pl-40{padding-left:40px !important;}

.p-45{padding:45px !important;}
.pt-45{padding-top:45px !important;}
.pb-45{padding-bottom:45px !important;}
.pr-45{padding-right:45px !important;}
.pl-45{padding-left:45px !important;}

.p-50{padding:50px !important;}
.pt-50{padding-top:50px !important;}
.pb-50{padding-bottom:50px !important;}
.pr-50{padding-right:50px !important;}
.pl-50{padding-left:50px !important;}

.p-60{padding:60px !important;}
.pt-60{padding-top:60px !important;}
.pb-60{padding-bottom:60px !important;}
.pr-60{padding-right:60px !important;}
.pl-60{padding-left:60px !important;}


/* margin */

.m-10{margin:10px !important;}
.mt-10{margin-top:10px !important;}
.mb-10{margin-bottom:10px !important;}
.mr-10{margin-right:10px !important;}
.ml-10{margin-left:10px !important;}

.m-15{margin:15px !important;}
.mt-15{margin-top:15px !important;}
.mb-15{margin-bottom:15px !important;}
.mr-15{margin-right:15px !important;}
.ml-15{margin-left:15px !important;}

.m-20{margin:20px !important;}
.mt-20{margin-top:20px !important;}
.mb-20{margin-bottom:20px !important;}
.mr-20{margin-right:20px !important;}
.ml-20{margin-left:20px !important;}

.m-25{margin:25px !important;}
.mt-25{margin-top:25px !important;}
.mb-25{margin-bottom:25px !important;}
.mr-25{margin-right:25px !important;}
.ml-25{margin-left:25px !important;}

.m-30{margin:30px !important;}
.mt-30{margin-top:30px !important;}
.mb-30{margin-bottom:30px !important;}
.mr-30{margin-right:30px !important;}
.ml-30{margin-left:30px !important;}

.m-35{margin:35px !important;}
.mt-35{margin-top:35px !important;}
.mb-35{margin-bottom:35px !important;}
.mr-35{margin-right:35px !important;}
.ml-35{margin-left:35px !important;}

.m-40{margin:40px !important;}
.mt-40{margin-top:40px !important;}
.mb-40{margin-bottom:40px !important;}
.mr-40{margin-right:40px !important;}
.ml-40{margin-left:40px !important;}

.m-45{margin:45px !important;}
.mt-45{margin-top:45px !important;}
.mb-45{margin-bottom:45px !important;}
.mr-45{margin-right:45px !important;}
.ml-45{margin-left:45px !important;}

.m-50{margin:50px !important;}
.mt-50{margin-top:50px !important;}
.mb-50{margin-bottom:50px !important;}
.mr-50{margin-right:50px !important;}
.ml-50{margin-left:50px !important;}

.m-60{margin:60px !important;}
.mt-60{margin-top:60px !important;}
.mb-60{margin-bottom:60px !important;}
.mr-60{margin-right:60px !important;}
.ml-60{margin-left:60px !important;}


/* ==== space-ptb ==== */

.section-title .number{
    height: 60px;
    width: 60px;
    flex: 0 0 60px;
    line-height: 55px;
    display: inline-block;
    border: 2px solid #ec202b;
    border-radius: 100%;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    color: #ec202b;
    margin-right: 30px;
}

.section-title .title span{
    font-size: 16px;
    font-weight: 700;
}

.subtitle span{padding-right: 20px;}

/* ==== upload-photo ==== */

.upload-photo{
    margin-left: 44px;
    padding-top: 5px;
}
.upload-photo a{
    width: 100%;
    border:3px dashed #d5d4d1;
    display: inline-block;
    text-align: center;
    padding-top: 70px;
    padding-bottom: 70px;
    border-radius: 5px;
    margin-bottom: 30px;
    font-size: 22px;
    font-weight: 700;
    color: #595858;
}

.upload-photo a span{
    margin-bottom: 40px;
}


.preview-photo li {
    position: relative;
    width: 26.33%;
    float: left;
    margin-right: 25px;
    margin-bottom: 25px;
}
.preview-photo li a span{
    height: 35px;
    width: 35px;
    line-height: 29px;
    background-color: #ffffff;
    border:2px solid #8c8c8c;
    border-radius: 100%;
    display: inline-block;
    text-align: center;
    font-size: 18px;
    position: absolute;
    top: -16px;
    right: -16px;
}


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

.input-group-text{
    background: transparent;
    border: 2px solid #ced4da;
    padding: .375rem 1.2rem;
    color: #c1c2c3;
    font-size: 20px;
    border-right: 0;
    border-radius: 0px;
    max-height: 60px;
}

.form-control {
    height: 60px;
    border: 2px solid #ced4da;
    font-weight: 700;
    color: #495057;
    border-radius: 0px;
}

.form-control:focus {
    border-color: #ced4da;
    outline: 0;
    box-shadow: none;
}

.input-group>.custom-file+.custom-file, .input-group>.custom-file+.custom-select, .input-group>.custom-file+.form-control, .input-group>.custom-select+.custom-file, .input-group>.custom-select+.custom-select, .input-group>.custom-select+.form-control, .input-group>.form-control+.custom-file, .input-group>.form-control+.custom-select, .input-group>.form-control+.form-control, .input-group>.form-control-plaintext+.custom-file, .input-group>.form-control-plaintext+.custom-select, .input-group>.form-control-plaintext+.form-control {
    margin-left: -2px;
}

.form-control::placeholder{
  color: #a09d9d;
  font-size: 18px;
}
.form-control:focus {
  color: #495057;
}

.select-input-group-prepend select{
    height: 40px;
    width: 50px;
    border: none;
    margin-left: 15px;
}

.select-input-group-prepend .input-group-text{
    padding-right: 0;
}
.square {
    height: 15px;
    width: 15px;
    background: #ec202b;
    display: inline-block;
    transform: rotate(45deg);
    padding: 7px;
    margin-right: 27px;
}

.tab2 .nav .nav-item{
    margin-right: 20px;
}

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

.tab2 .nav .nav-item a {
    border: 2px solid #ec202b;
    background: transparent;
    text-align: center;
    position: relative;
    font-size: 22px;
    font-weight: 700;
    color: #ec202b;
    padding: 14px 30px;
    transition: all 0.2s ease;
    height: 62px;
    line-height: 32px;
    border-radius: 0px;
}
.tab2 .nav .nav-item a.active{
    border-width: 5px;
}
.tab2 .nav .nav-item a.active:before {
    text-indent: -9px;
    right: -10px;
    position: absolute;
    top: -20px;
    content: "\f00c";
    background: #ec202b;
    width: 20px;
    height: 20px;
    border-radius: 50px;
    padding: 15px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    line-height: 0px;
    color: #ffffff;
    font-size: 18px;
}

.download-csv {
    margin-top: 40px;
}

.download-csv a {
    width: 100%;
    display: inline-block;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 70px;
    border-radius: 5px;
    font-size: 22px;
    font-weight: 700;
    color: #595858;
}

.download-csv a img{
    border: 3px solid #c7c7c7;
    padding: 16px 48px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.download-csv a h4{
    border-bottom: 2px solid #c7c7c7;
    display: inline-block;
    font-weight: 900;
}

.input-field .input-img .image-uploader{
    min-height: 18rem;
}

.input-field .input-img .image-uploader .upload-text span{
   margin-top: 15px;
}


/* Results-Page */



.box-shadow{
    box-shadow: 0px 7px 16px 0px rgba(11, 12, 17, 0.08);
  -moz-box-shadow: 0px 7px 16px 0px rgba(11, 12, 17, 0.08);
  -webkit-box-shadow: 0px 7px 16px 0px rgba(11, 12, 17, 0.08);
  -ms-box-shadow: 0px 7px 16px 0px rgba(11, 12, 17, 0.08);
}
.box-shadow-sm{
    box-shadow: 0px 3px 7px 0px rgba(11, 12, 17, 0.08);
  -moz-box-shadow: 0px 3px 7px 0px rgba(11, 12, 17, 0.08);
  -webkit-box-shadow: 0px 3px 7px 0px rgba(11, 12, 17, 0.08);
  -ms-box-shadow: 0px 3px 7px 0px rgba(11, 12, 17, 0.08);
}

.border-12{
    border-radius: 12px;
    border: 8px solid  #d8d8d8;
}

.section-title .title{
    letter-spacing: 2px;
}
.section-title.title-border{
    border-bottom: 5px solid #989898;
    margin-bottom: 25px;
    padding-bottom: 15px;
}

.section-title p{
    color: #5e5e5e;
}

.user-info-box{
    border: 1px solid #ced4da;
    border-radius: 5px;
    padding: 50px;
}

.presented-by{
    display: inline-block;
    background:#ec202b;
    color: #ffffff;
    padding: 8px;
    border-radius: 5px;
}

.presented-upload .upload-photo a{
    padding-top: 55px;
    padding-bottom: 55px;
}
.presented-upload .form-presented-upload{
    margin-top: 38px;
}
.presented-upload .form .form-group{
    margin-bottom: 45px;
}

.presented-upload .upload-photo {
    margin: 0 20px;
}

.presented-upload .upload-photo img{
    width: 50px;
}



.product-slider .slider.slider-nav .slick-list{
  padding: 0 !important;
}

.product-slider .slider-for .slick-slide img{
    display: inline-block;
}


.slider-nav .slick-slide {
    padding: 7px;
    padding-top: 15px;
}
.slider.slider-nav{
    background-color: #333333;
}
.slider-nav .slick-slide.slick-current.slick-active.slick-center{
    background-color:#343434;
     outline: none !important;
}

.slider-nav .slick-slide.slick-active:focus,
.slider-nav .slick-slide.slick-current.slick-active.slick-center:focus{
    outline: none !important;
}

.slider-nav .slick-slide.slick-current.slick-active.slick-center img{
   border: 5px solid #e6e4e4;
}

.slick-slide img{
    width: 100%;
}


.property-price-box .title{
    text-transform: uppercase;
    font-weight: 900;
    font-size: 24px;
    margin-top: 30px;
    margin-bottom: 20px;
    color: #1b1b1b;
}
.property-price-box .price{
    background-color: #e8e8e8;
    padding: 5px 10px;
    font-weight: 900;
    font-size: 24px;
    color: #1b1b1b;
}

.property-info-box{
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}

.property-info-box .content {
   font-weight: 700;
    font-size: 24px;
    color: #1b1b1b;
    padding-left: 50px;
    display: flex;
    align-items: center;
}
.property-info-box .content .property-info-label{
    background-color: #e8e8e8;
    padding: 5px 10px;
    font-weight: 700;
    font-size: 24px;
    color: #1b1b1b;
    margin-left: 9px;
}

.property-description span{
    font-weight: 700;
    font-size: 24px;
    color: #1b1b1b;
}
.property-description .property-description-text,
.property-description .location-description-text{
    color: #515151;
    font-weight: 700;
}

.map {
    width: 100%;
    border-radius: 5px;
}
.comping-report-table.scrollbar{
    width: 100%;
}
.comping-report-table .table{
    width: 1600px;
    position: relative;
    max-height:500px;
    display: block;
}

.comping-report-table thead {
    background-color: #323232;
    position: sticky;
    top:0px;
    display: table-caption;
    z-index: 9;
    width: 1600px;
}
.comping-report-table thead tr th{
    font-size: 20px;
    font-weight: 900;
    color: #ffffff;
    text-align: center;
}
.comping-report-table thead tr th:nth-child(1), .comping-report-table tbody tr td:nth-child(1){
    width: 66.4px;
}
.comping-report-table thead tr th:nth-child(2), .comping-report-table tbody tr td:nth-child(2){
    width: 135.2px;
}
.comping-report-table thead tr th:nth-child(3), .comping-report-table tbody tr td:nth-child(3){
    width: 212.8px;
}
.comping-report-table thead tr th, .comping-report-table tbody tr td{
    width: 200px;
}
.comping-report-table tbody tr td{
    padding:15px 10px;
    font-size: 18px;
    font-weight: 700;
    border-right:1px solid #dddddd;
    text-align: center;
}
.comping-report-table tbody tr td:first-child,
.comping-report-table tbody tr td:last-child{
   border-right:none;
}
.comping-report-table tbody tr:first-child td{
    border-bottom: 2px solid #dddddd;
    background: #f6f6f6;
}

.comping-report-table .address{
    position: relative;
}
.comping-report-table .address i{
    font-size: 10px;
    position: absolute;
    top: 10px;
    right: 20px;
}
.csv-thead th{
    background-color: #323232;
    color: #ffffff;
    position: sticky;
    top: 0;
    z-index: 9;
}
.tooltip-btn{
    height: 24px;
    width: 24px;
    line-height: 24px;
    border-radius: 100%;
    display: inline-block;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    color: #ffffff;
    margin-right: 5px;
    float: left;
}
.tooltip-btn:hover{
    color: #ffffff;
}

.comping-report-table .table thead tr th .custom-checkbox .custom-control-label::before{
    background-color: #ffffff;
}
.comping-report-table .table thead tr th .custom-control-input:checked~.custom-control-label::before{
    border-color: #ffffff;
}

.comping-report-table .table thead tr th .custom-checkbox .custom-control-input:checked~.custom-control-label::after{
    background-image: url(../images/svg/download.svg);
}
.comping-report-table .custom-checkbox .custom-control-label::before{
    border-radius: 2px;
    background-color: #747373;
    width: 20px;
    height: 20px;
}

.comping-report-table .custom-control-input:checked~.custom-control-label::before{
    border-color: #747373;
}

.comping-report-table .custom-checkbox .custom-control-label::after{
   width: 20px;
    height: 20px;
}

.comping-report-table .tooltip-btn{
    position: relative;
}
.comping-report-table .tooltip-btn span{
    position: absolute;
    border: 1px solid #c7c7c7;
    border-radius: 5px;
    color: #000000;
    background: #ffffff;
    padding: 8px;
    text-align: left;
    left: 35px;
    top: -20px;
    z-index: 9;
    min-width: 250px;
    display: none;
    box-shadow: 0px 3px 7px 0px rgba(11, 12, 17, 0.08);
    -moz-box-shadow: 0px 3px 7px 0px rgba(11, 12, 17, 0.08);
    -webkit-box-shadow: 0px 3px 7px 0px rgba(11, 12, 17, 0.08);
    -ms-box-shadow: 0px 3px 7px 0px rgba(11, 12, 17, 0.08);

}

.comping-report-table .tooltip-btn:hover span{
   display: block;
}

.comping-report-table .tooltip-btn span:after, .comping-report-table .tooltip-btn span:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.comping-report-table .tooltip-btn span:after {
    border-color: rgba(136, 183, 213, 0);
    border-right-color: #515151;
    border-width: 6px;
    margin-top: -6px;
}
.comping-report-table .tooltip-btn span:before {
    border-color: rgba(194, 225, 245, 0);
    border-right-color: #515151;
    border-width: 8px;
    margin-top: -8px;
}


.chart-box {
    border-radius: 0px 0px 12px 12px;
    height: 100%;
}
.chart-box .highcharts-axis-labels.highcharts-xaxis-labels text{
    font-size: 14px !important;
    font-weight: bold;
}
.chart-box .chart-heading{
    border-radius: 10px 10px 0px 0px;
    text-align: center;
    background-color: #323131;
    font-size:16px;
    font-weight: 700;
    color: #ffffff;
    text-transform: uppercase;
    padding: 40px 20px;
}

.chart-box .chart-body {
    padding:20px 20px;
    border-radius: 0px 0px 10px 10px;
    height: 100%;
    position: relative;
}
.chart-body ul {
    display: flex;
    justify-content: space-between;
    height: 100%;
}
.chart-body ul li{
    position: relative;
    list-style-type: none;
    height: 100%;
    margin: 0 5px;
}
.chart-body ul li .chart-tag,
.chart-body ul li .chart-price{
    display: inline-block;
    width: 100%;
    font-size: 15px;
    word-break: break-word;
    font-weight: 700;
    margin-bottom: 30px;
}

.chart-body ul li .chart-tag{
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 0px;
}

.chart-body .chart-col{
    position: relative;
}

.chart-body .progress .tool-tip {
    position: absolute;
    top: 50%;
    left: 100%;
    font-size: 20px;
    color: #555454;
    border: 1px solid #616161;
    border-radius: 2px;
    padding: 10px 20px;
    background: #ffffff;
    display: none;
    z-index: 99;
    margin-left: 7px;
    line-height: 20px;
    font-weight: 700;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.4);
}
.chart-body .progress:hover .tool-tip{
    display: block;
}

.chart-body .progress .tool-tip:after, .chart-body .progress .tool-tip:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.chart-body .progress .tool-tip:after {
    border-color: rgba(136, 183, 213, 0);
    border-right-color: #ffffff;
    border-width: 5px;
    margin-top: -5px;
}
.chart-body .progress .tool-tip:before {
    border-color: rgba(194, 225, 245, 0);
    border-right-color: #616161;
    border-width: 7px;
    margin-top: -7px;
}


.projected-growth-chart{
    position: relative;
}
.projected-growth-chart rect.highcharts-plot-background{
    box-shadow: 2px 2px 2px #666;
    -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5));
    -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5));
    -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5));
    -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5));
    filter: drop-shadow(0 1px 2px rgba(0,0,0,.5));
}

.projected-growth-chart span{
    position: absolute;
    top: -120px;
    left: 85%;
    font-size: 24px;
    font-weight: 900;
    color: #555454;
    border: 1px solid #616161;
    border-radius: 2px;
    padding: 10px 20px;
    background: #ffffff;
    display: none;
    z-index: 99;
    margin-left: 0px;

}

.projected-growth-chart:hover span{
    display: block;
}

.projected-growth-chart span:after, .projected-growth-chart span:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.projected-growth-chart span:after {
    border-color: rgba(136, 183, 213, 0);
    border-right-color: #ffffff;
    border-width: 5px;
    margin-top: -5px;
}
.projected-growth-chart span:before {
    border-color: rgba(194, 225, 245, 0);
    border-right-color: #616161;
    border-width: 7px;
    margin-top: -7px;
}



.estimated-form .input-group {
    margin-top: 10px;
}
.estimated-form .text-percentage{
    font-size: 27px;
}




/*********************** Po pup Start ***********************/

.defination-popup .estimated-label{
    font-size: 18px;
    color: #6e6e6e;
    border-bottom: 1px dashed #565656;
    display: inline-block;
}

.defination-popup .estimated-label span{
    position: absolute;
    border: 1px solid #c7c7c7;
    background: #ffffff;
    border-radius: 5px;
    padding: 8px;
    left: 0;
    min-width: 250px;
    display: none;
    font-weight: normal;
    z-index: 1;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 20%);
    z-index: 1;
    width: 100%;
}

.defination-popup .estimated-label span:after,
.defination-popup .estimated-label span:before {
    top: 100%;
    left: 25px;
    border: solid transparent;
    content: none;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.defination-popup .estimated-label span:after {
    border-color: rgba(252, 252, 252, 0);
    border-top-color: #ffffff;
    border-width: 7px;
    margin-left: -7px;
}
.defination-popup .estimated-label span:before {
    border-color: rgba(199, 199, 199, 0);
    border-top-color: #c7c7c7;
    border-width: 9px;
    margin-left: -9px;
}

.defination-popup .estimated-label:hover span{
    display: block;
}

/* Increase Popup */
.increase-popup .form-row [class*="col"],
.increase-popup .row [class*="col"] {
    position: initial;
}

.increase-popup .estimated-label span {
    bottom: 110px;
}

/* Single popup */
.single-popup {
    display: inline-block;
}

/*********************** Po pup End ***********************/

.estimated-year{
   font-size: 18px;
   font-weight: 700;
    color: #565656;
    padding-left: 10px;
    align-self: center;
}

.property-data-tabs .nav-tabs{
  border-bottom: none;
}

.property-data-tabs .nav-tabs .nav-item{
    margin-right: 25px;
    margin-bottom: 0;
    position: relative;
}
.property-data-tabs .nav-tabs .nav-item:last-child{
    margin-right: 0;
}
.property-data-tabs .nav-tabs .nav-link{
    border-radius: 0px;
    padding: 12px 25px;
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
    border:5px solid transparent;
    background-color: #ec202b;
}

.property-data-tabs .nav-tabs .nav-link.btn-success{
    background-color: #28a745;
}
.property-data-tabs .nav-tabs .nav-link.btn-warning{
    background-color: #ffc107;
}
.property-data-tabs .nav-tabs .nav-link.btn-danger{
    background-color: #dc3545;
}

.property-data-tabs .nav-tabs .nav-link.active{
    border:5px solid #ec202b;
    color:#ec202b;
    background-color: #ffffff;
}
.property-data-tabs .nav-tabs .nav-link.active:focus{
    box-shadow: none;
}
.property-data-tabs .nav-tabs .nav-link.active:before{
    text-indent: -9px;
    right: -10px;
    position: absolute;
    top: -20px;
    content: "\f00c";
    background: #ec202b;
    width: 20px;
    height: 20px;
    border-radius: 50px;
    padding: 15px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    line-height: 0px;
    color: #ffffff;
    font-size: 18px;
}

.property-value-table .table{
    width: 1200px;
}

.property-value-table .table thead tr th{
    background: #ec202b;
    padding: 25px 20px;
    font-weight: 900;
    color: #ffffff;
    font-size: 24px;
}

.property-value-table .table tbody tr td{
    border-right: 1px solid #dddddd;
    border-bottom:1px solid #dddddd;
    font-size: 18px;
    font-weight: 700;
}

.property-value-table .table tbody tr td:last-child{
   border-right:none;
}

.property-value-table .table tbody tr .property-name{
    background: #f6f6f6;
    font-weight: 900;

}

.property-value-table .table tbody tr .property-name .estimated-label{
    font-weight: 900;
    color: #212529;
    padding: .75rem;
    padding-bottom: 0;
    padding-left: 0;
    margin-bottom: 10px;
    margin-left: 10px;
}

.property-value-table .table tbody tr td.property-name {
    padding: 0;
}

.income{
    background-color:#1d601b ;
    color: #ffffff;
}
.expenses{
    background-color: #c2c2c2;
}
.cashflow{
    background-color:#33f62f ;
}
.cap-rate,
.purchase-price{
   border-bottom: 1px dashed #565656;
   font-size: 24px;
   color: #595858;
   margin-bottom: 15px;
}
.calculate-price-table{
    position: relative;
}
.calculate-price-table .table-title{
    font-size:22px;
    font-weight: 900;
    color: #ffffff;
    padding: 20px 15px;
    position: relative;
}
.calculate-price-table .table-title .price-close{
    position: absolute;
    right: -15px;
    top: -15px;
    height: 30px;
    width: 30px;
    line-height: 28px;
    display: inline-block;
    border-radius: 100%;
    border: 2px solid #ec202b;
    font-size: 18px;
    color:#ec202b;
    background-color: #ffffff;
}
/*.calculate-price-table .table{
    width: 350px;
}*/
.calculate-price-table .table tbody tr td{
    border-bottom: 1px solid #ffffff;
    font-size:18px;
    font-weight: 700;

}
.calculate-price-table .table tbody tr td:first-child{
    background: #f6f6f6;
    border-right: 1px solid #dddddd;
    font-size:18px;
    font-weight: 900;
}

.slick-prev, .slick-next {
    bottom: 0px;
    top: 50%;
    background-color: rgba(255,255,255,0.80);
    width: 60px;
    height: 60px;
    border-radius: 50px;
    z-index: 9;
    background-position: center !important;
    background-repeat: no-repeat !important;
}


.slick-prev:before, .slick-next:before{
  color: #222222;
  content: none;
}
.slick-prev {
    left:20px;
     background-image: url(../images/svg/left.svg) !important;
}
.slick-next {
  right: 20px;
   background-image: url(../images/svg/right.svg) !important;
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{
  background-color: rgba(255,255,255,1) !important;
  opacity: 1;
}
#comparable .btn {
    margin-left: 44px;
}


.range-evaluation-text{
display: flex;
position: relative;
}

.range-evaluation-text .range-evaluation{
position: absolute;
display: inline-block;
text-align: center;
min-width: 140px;
height: auto;
color: #ffffff;
font-weight: bold;
top: 20px;
}

.range-evaluation-text .range-evaluation.range-evaluation-01{
left:14%;
}
.range-evaluation-text .range-evaluation.range-evaluation-02{
left: 42%;
}
.range-evaluation-text .range-evaluation.range-evaluation-03{
left: 70%;
}


/*********************** All Property New  ***********************/

/* Action column */
#table_id_wrapper table.dataTable {
    height: 100%;
    border-bottom-color: #dee2e6;
}

#table_id_wrapper table.dataTable tr {
    background-color: transparent;
}

#table_id_wrapper table.dataTable tr td i {
    padding-right: 0px !important;
}


#table_id_wrapper table.dataTable tr td:first-child {
    border-left: none;    
}

#table_id_wrapper table.dataTable tr td:last-child {
    padding: 0px;
    height: 100%;
    border-right: none;
}

#table_id_wrapper table.dataTable tr td:last-child td {
    padding: 8px 10px;
    border-bottom: none;
}

#table_id_wrapper table.dataTable tr td table {
    height: 100%;
}

#table_id_wrapper table.dataTable tr td table  tr {
    background-color: transparent;
}

#table_id_wrapper table.dataTable.display tbody tr.odd>.sorting_1, 
#table_id_wrapper table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
    background-color: transparent;
}

#table_id_wrapper table.dataTable.display tbody tr.even>.sorting_1, 
#table_id_wrapper table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
    background-color: transparent;
}

/* Table Border */
#table_id.dataTable thead th, 
#table_id.dataTable thead td,  
#table_id.dataTable thead tr {
    border-bottom: 1px solid #dee2e6;
    border-top: none;
}

#table_id.table-bordered td, 
#table_id.table-bordered th {
    border-right: 1px solid #dee2e6;
    border-left: none;
    border-bottom: none;
}


#table_id.table-bordered thead .sorting,
#table_id.table-bordered thead th.sorting_asc,
#table_id.table-bordered thead th.sorting_desc {
    background-position: right 15px;
}

#table_id.table-bordered tr th:last-child {
    border-right: none;
}


@media (min-width: 576px){
    /* Modal */
    #mapModal .modal-dialog{
        margin-left: 0;
        margin-right: 0;
    }

    #mapModal .modal-dialog .modal-content .modal-body .google-map{
        width: 100%;
    }
}

/*===== Responsive =====*/
@media only screen and (max-width: 1199px) {
    .shape {
        padding: 40px 0;
    }
    .shape:before{
        width: 100%;
        height: 200px;
    }

    .property-info-box .content{
        font-size: 18px;
        padding-left: 20px;
    }
    .property-info-box .content .property-info-label{
        font-size: 18px;
        margin-left: 10px;
    }


    .property-data-tabs .nav-tabs .nav-item{
        margin-right: 15px;
    }

    .property-data-tabs .nav-tabs .nav-link{
        padding: 12px 10px;
    }

    .tab2 .nav .nav-item a{
        padding: 14px 25px;
    }

    .range-evaluation-text .range-evaluation{
        top: 15px;
    }

    .range-evaluation-text .range-evaluation.range-evaluation-01{
        left:13%;
    }
    .range-evaluation-text .range-evaluation.range-evaluation-02{
        left: 41%;
    }
    .range-evaluation-text .range-evaluation.range-evaluation-03{
        left: 69%;
    }

}


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

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


/* Page section margin padding */
  .space-lg-ptb {
    padding: 100px 0;
  }

  .space-lg-pt {
    padding-top: 100px ;
  }

  .space-lg-pb {
    padding-bottom:100px;
  }
  .space-ptb {
    padding: 70px 0;
  }

  .space-pt {
    padding-top: 70px ;
  }

  .space-pb {
    padding-bottom:70px;
  }

  .space-sm-ptb {
    padding: 50px 0;
  }

  .space-sm-pt {
    padding-top: 50px;
  }

  .space-sm-pb {
   padding-bottom:50px;
  }

  .space-mt{
   margin-top: 70px;
 }

 /* padding */
.p-md-10{padding:10px !important;}
.pt-md-10{padding-top:10px !important;}
.pb-md-10{padding-bottom:10px !important;}
.pr-md-10{padding-right:10px !important;}
.pl-md-10{padding-left:10px !important;}

.p-md-15{padding:15px !important;}
.pt-md-15{padding-top:15px !important;}
.pb-md-15{padding-bottom:15px !important;}
.pr-md-15{padding-right:15px !important;}
.pl-md-15{padding-left:15px !important;}

.p-md-20{padding:20px !important;}
.pt-md-20{padding-top:20px !important;}
.pb-md-20{padding-bottom:20px !important;}
.pr-md-20{padding-right:20px !important;}
.pl-md-20{padding-left:20px !important;}

.p-md-25{padding:25px !important;}
.pt-md-25{padding-top:25px !important;}
.pb-md-25{padding-bottom:25px !important;}
.pr-md-25{padding-right:25px !important;}
.pl-md-25{padding-left:25px !important;}

.p-md-30{padding:30px !important;}
.pt-md-30{padding-top:30px !important;}
.pb-md-30{padding-bottom:30px !important;}
.pr-md-30{padding-right:30px !important;}
.pl-md-30{padding-left:30px !important;}

.p-md-35{padding:35px !important;}
.pt-md-35{padding-top:35px !important;}
.pb-md-35{padding-bottom:35px !important;}
.pr-md-35{padding-right:35px !important;}
.pl-md-35{padding-left:35px !important;}

.p-md-40{padding:40px !important;}
.pt-md-40{padding-top:40px !important;}
.pb-md-40{padding-bottom:40px !important;}
.pr-md-40{padding-right:40px !important;}
.pl-md-40{padding-left:40px !important;}

.p-md-45{padding:45px !important;}
.pt-md-45{padding-top:45px !important;}
.pb-md-45{padding-bottom:45px !important;}
.pr-md-45{padding-right:45px !important;}
.pl-md-45{padding-left:45px !important;}

.p-md-50{padding:50px !important;}
.pt-md-50{padding-top:50px !important;}
.pb-md-50{padding-bottom:50px !important;}
.pr-md-50{padding-right:50px !important;}
.pl-md-50{padding-left:50px !important;}

.p-md-60{padding:60px !important;}
.pt-md-60{padding-top:60px !important;}
.pb-md-60{padding-bottom:60px !important;}
.pr-md-60{padding-right:60px !important;}
.pl-md-60{padding-left:60px !important;}


/* margin */

.m-md-10{margin:10px !important;}
.mt-md-10{margin-top:10px !important;}
.mb-md-10{margin-bottom:10px !important;}
.mr-md-10{margin-right:10px !important;}
.ml-md-10{margin-left:10px !important;}

.m-md-15{margin:15px !important;}
.mt-md-15{margin-top:15px !important;}
.mb-md-15{margin-bottom:15px !important;}
.mr-md-15{margin-right:15px !important;}
.ml-md-15{margin-left:15px !important;}

.m-md-20{margin:20px !important;}
.mt-md-20{margin-top:20px !important;}
.mb-md-20{margin-bottom:20px !important;}
.mr-md-20{margin-right:20px !important;}
.ml-md-20{margin-left:20px !important;}

.m-md-25{margin:25px !important;}
.mt-md-25{margin-top:25px !important;}
.mb-md-25{margin-bottom:25px !important;}
.mr-md-25{margin-right:25px !important;}
.ml-md-25{margin-left:25px !important;}

.m-md-30{margin:30px !important;}
.mt-md-30{margin-top:30px !important;}
.mb-md-30{margin-bottom:30px !important;}
.mr-md-30{margin-right:30px !important;}
.ml-md-30{margin-left:30px !important;}

.m-md-35{margin:35px !important;}
.mt-md-35{margin-top:35px !important;}
.mb-md-35{margin-bottom:35px !important;}
.mr-md-35{margin-right:35px !important;}
.ml-md-35{margin-left:35px !important;}

.m-md-40{margin:40px !important;}
.mt-md-40{margin-top:40px !important;}
.mb-md-40{margin-bottom:40px !important;}
.mr-md-40{margin-right:40px !important;}
.ml-md-40{margin-left:40px !important;}

.m-md-45{margin:45px !important;}
.mt-md-45{margin-top:45px !important;}
.mb-md-45{margin-bottom:45px !important;}
.mr-md-45{margin-right:45px !important;}
.ml-md-45{margin-left:45px !important;}

.m-md-50{margin:50px !important;}
.mt-md-50{margin-top:50px !important;}
.mb-md-50{margin-bottom:50px !important;}
.mr-md-50{margin-right:50px !important;}
.ml-md-50{margin-left:50px !important;}

.m-md-60{margin:60px !important;}
.mt-md-60{margin-top:60px !important;}
.mb-md-60{margin-bottom:60px !important;}
.mr-md-60{margin-right:60px !important;}
.ml-md-60{margin-left:60px !important;}

  .nav-menu.page-menu-top .step li .nav-link {
    padding-top: 30px;
  }

  .user-info-box{
    padding: 40px;
  }

  .property-data-tabs .nav-tabs .nav-item{
    margin-bottom: 30px;
  }
  .calculate-price-table{
    margin-bottom: 40px;
  }
  .nav-menu.page-menu-top{
    top: 0;
  }

    .shape {
        padding: 20px 0;
    }
    .shape:before{
        content: none;
    }

    .header h3{
        color:#495057 !important;
        font-size: 20px;
    }

    .download-csv a {
        padding-top:20px;
        padding-bottom:20px;
    }
    .tab2 .nav .nav-item a{
        padding: 14px 30px;
    }

    .presented-upload .upload-photo {
        margin: 0 0px;
    }
    .projected-growth-chart span{
        top: 0;
        left: 0;
    }

    .chart-body .chart-col span{
        left: 50%;
    }

    .range-evaluation-text .range-evaluation{
        top: 7px;
    }

    .range-evaluation-text .range-evaluation.range-evaluation-01{
        left:10%;
    }
    .range-evaluation-text .range-evaluation.range-evaluation-02{
        left: 38%;
    }
    .range-evaluation-text .range-evaluation.range-evaluation-03{
        left: 66%;
    }

}

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

    h2, .h2 {
        font-size: 26px;
        line-height: 36px;
    }

    h4, .h4 {
        font-size: 20px;
        line-height: 30px;
    }

    /* Page section margin padding */

  .space-lg-ptb {
    padding: 70px 0;
  }

  .space-lg-pt {
    padding-top: 70px ;
  }

  .space-lg-pb {
    padding-bottom:70px;
  }

  .space-ptb {
    padding: 50px 0;
  }

  .space-pt {
    padding-top: 50px ;
  }

  .space-pb {
    padding-bottom:50px;
  }

  .space-sm-ptb {
    padding: 30px 0;
  }

  .space-sm-pt {
    padding-top: 30px;
  }

  .space-sm-pb {
   padding-bottom:30px;
  }

  .space-mt{
   margin-top: 50px;
 }

 /* padding */

.p-sm-05{padding:5px !important;}
.pt-sm-05{padding-top:5px !important;}
.pb-sm-05{padding-bottom:5px !important;}
.pr-sm-05{padding-right:5px !important;}
.pl-sm-05{padding-left:5px !important;}

.p-sm-10{padding:10px !important;}
.pt-sm-10{padding-top:10px !important;}
.pb-sm-10{padding-bottom:10px !important;}
.pr-sm-10{padding-right:10px !important;}
.pl-sm-10{padding-left:10px !important;}

.p-sm-15{padding:15px !important;}
.pt-sm-15{padding-top:15px !important;}
.pb-sm-15{padding-bottom:15px !important;}
.pr-sm-15{padding-right:15px !important;}
.pl-sm-15{padding-left:15px !important;}

.p-sm-20{padding:20px !important;}
.pt-sm-20{padding-top:20px !important;}
.pb-sm-20{padding-bottom:20px !important;}
.pr-sm-20{padding-right:20px !important;}
.pl-sm-20{padding-left:20px !important;}

.p-sm-25{padding:25px !important;}
.pt-sm-25{padding-top:25px !important;}
.pb-sm-25{padding-bottom:25px !important;}
.pr-sm-25{padding-right:25px !important;}
.pl-sm-25{padding-left:25px !important;}

.p-sm-30{padding:30px !important;}
.pt-sm-30{padding-top:30px !important;}
.pb-sm-30{padding-bottom:30px !important;}
.pr-sm-30{padding-right:30px !important;}
.pl-sm-30{padding-left:30px !important;}

.p-sm-35{padding:35px !important;}
.pt-sm-35{padding-top:35px !important;}
.pb-sm-35{padding-bottom:35px !important;}
.pr-sm-35{padding-right:35px !important;}
.pl-sm-35{padding-left:35px !important;}

.p-sm-40{padding:40px !important;}
.pt-sm-40{padding-top:40px !important;}
.pb-sm-40{padding-bottom:40px !important;}
.pr-sm-40{padding-right:40px !important;}
.pl-sm-40{padding-left:40px !important;}

/* margin */

.m-sm-05{margin:5px !important;}
.mt-sm-05{margin-top:5px !important;}
.mb-sm-05{margin-bottom:5px !important;}
.mr-sm-05{margin-right:5px !important;}
.ml-sm-05{margin-left:5px !important;}

.m-sm-10{margin:10px !important;}
.mt-sm-10{margin-top:10px !important;}
.mb-sm-10{margin-bottom:10px !important;}
.mr-sm-10{margin-right:10px !important;}
.ml-sm-10{margin-left:10px !important;}

.m-sm-15{margin:15px !important;}
.mt-sm-15{margin-top:15px !important;}
.mb-sm-15{margin-bottom:15px !important;}
.mr-sm-15{margin-right:15px !important;}
.ml-sm-15{margin-left:15px !important;}

.m-sm-20{margin:20px !important;}
.mt-sm-20{margin-top:20px !important;}
.mb-sm-20{margin-bottom:20px !important;}
.mr-sm-20{margin-right:20px !important;}
.ml-sm-20{margin-left:20px !important;}

.m-sm-25{margin:25px !important;}
.mt-sm-25{margin-top:25px !important;}
.mb-sm-25{margin-bottom:25px !important;}
.mr-sm-25{margin-right:25px !important;}
.ml-sm-25{margin-left:25px !important;}

.m-sm-30{margin:30px !important;}
.mt-sm-30{margin-top:30px !important;}
.mb-sm-30{margin-bottom:30px !important;}
.mr-sm-30{margin-right:30px !important;}
.ml-sm-30{margin-left:30px !important;}

.m-sm-35{margin:35px !important;}
.mt-sm-35{margin-top:35px !important;}
.mb-sm-35{margin-bottom:35px !important;}
.mr-sm-35{margin-right:35px !important;}
.ml-sm-35{margin-left:35px !important;}

.m-sm-40{margin:40px !important;}
.mt-sm-40{margin-top:40px !important;}
.mb-sm-40{margin-bottom:40px !important;}
.mr-sm-40{margin-right:40px !important;}
.ml-sm-40{margin-left:40px !important;}

.m-sm-45{margin:45px !important;}
.mt-sm-45{margin-top:45px !important;}
.mb-sm-45{margin-bottom:45px !important;}
.mr-sm-45{margin-right:45px !important;}
.ml-sm-45{margin-left:45px !important;}

.m-sm-50{margin:50px !important;}
.mt-sm-50{margin-top:50px !important;}
.mb-sm-50{margin-bottom:50px !important;}
.mr-sm-50{margin-right:50px !important;}
.ml-sm-50{margin-left:50px !important;}

.m-sm-60{margin:60px !important;}
.mt-sm-60{margin-top:60px !important;}
.mb-sm-60{margin-bottom:60px !important;}
.mr-sm-60{margin-right:60px !important;}
.ml-sm-60{margin-left:60px !important;}


  .lead {
    font-size: 18px;
    line-height: 28px;
  }
  .tab2 .nav .nav-item a{
    padding: 14px 20px;
  }
  .tab2 .nav .nav-item {
    margin-right: 15px;
  }


    .btn-large {
        font-size: 22px;
        padding: 12px 30px;
    }

    .preview-photo li {
        margin-right: 20px;
        margin-bottom: 20px;
    }

    .step li a {
        font-size: 16px;
    }

    .header .shape .sidenav{
        margin-left: 0;
    }

    select{background-size: 30px;}
    .drop-down-img .goi-vacancy-type{
       width: 20px;
    }
    .drop-down-img .goi-vacancy-amount ~ img{
        width: 30px;
    }

    .input-group-text{
        padding: .375rem 2rem;
    }

}

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

   .input-field {
        width: 83%;
    }
    .user-info-box{
       padding: 30px;
    }

    .slider-nav .slick-slide{
        padding: 3px;
        padding-top: 15px;
    }
    .slider-nav .slick-slide.slick-current.slick-active.slick-center img {
        border: 2px solid #e6e4e4;
    }

    /*.step li{
        width: 100%;
        margin-right: 0;
    }*/

    .step li a {
        font-size: 13px;
    }


    .chart-body .chart-col span{
        left: 0;
        font-size: 14px;
    }





}


@media only screen and (max-width: 479px) {
    .property-info-box {
        display: inline-block;
        width: 100%;
        text-align: center;
    }
    .property-info-box img{
        margin-bottom: 15px;
    }
    .property-info-box .content{
        padding-left: 0px;
        width: 100%;
    }
    .property-info-box .content .property-info-label{
        margin-top: 15px;
        display: block;
        margin-left: 0;
    }
    .property-description a.btn{
        margin-top: 15px;
    }
    .tab2 .nav .nav-item{
        margin-bottom: 15px;
    }
    .btn-large {
        font-size: 16px;
        padding: 12px 25px;
    }
    .input-group-text{
    padding: .375rem 1.5rem;
}

}
/* Customize website's scrollbar like Mac OS
Not supports in Firefox and IE */

/* total width */
.scrollbar::-webkit-scrollbar {
    background-color:#fff;
    width:16px;
}

/* background of the scrollbar except button or resizer */
.scrollbar::-webkit-scrollbar-track {
    background-color:#fff;
}
.scrollbar::-webkit-scrollbar-track:hover {
    background-color:#f4f4f4;
}

/* scrollbar itself */
.scrollbar::-webkit-scrollbar-thumb {
    background-color:#babac0;
    border-radius:16px;
    border:5px solid #fff;
}
.scrollbar::-webkit-scrollbar-thumb:hover {
    background-color:#a0a0a5;
    border:4px solid #f4f4f4;
}

/* set button(top and bottom of the scrollbar) */
.scrollbar::-webkit-scrollbar-button {display:none}

/* div box */
.scrollbar {
    min-width: 150px;
    background: #fff;
    overflow-y: scroll;}
.overflow{min-height: 100vh;}

form .error {
  color: #ff0000;
}

.upload-photo .csv-upload{
    width: 100%;
    border: 3px dashed #d5d4d1;
    display: inline-block;
    text-align: center;
    padding-top: 70px;
    padding-bottom: 70px;
    border-radius: 5px;
    margin-bottom: 30px;
    font-size: 22px;
    font-weight: 700;
    color: #595858;
}

/* Jquery Validate*/
.cap_x_error_display span.error{
	left:-30px !important;

}
.cap_x_error_display .error{
	/* left:-30px !important; */

}
span.error {
    position: absolute;
    left: 15px;
    bottom: -25px;
}
.temp-div {
    position: relative;
}
span.error + span.error {
    bottom: -50px;
}

.gallery img {
    width: 100px;
    height: 50px;
    margin-right: 20px;
    margin-top: 20px;
}

/*Menu Style*/
ul.sidenav li {
    display: inline;
}

/*New CSS by dev*/
.dashboard-link{
    width: 100%;
    border: 3px solid #d5d4d1;
    display: inline-block;
    text-align: center;
    padding-top: 70px;
    padding-bottom: 70px;
    border-radius: 5px;
    margin-bottom: 30px;
    font-size: 22px;
    font-weight: 700;
    color: #595858;
}
.sidenav {
    margin-left: 40px;
}
.slider-height{
    height: 200px;
}
.slider-height .img-fuild{
    height: 200px;
}
a label{
    cursor: pointer;
}
.btn.compbtn{
    color: #fff;
}
.csv-thead th{
    font-size: 20px;
}
tr.user-data {
    background: #f5f5f5;
    border-bottom: 2px solid #cac6c6;
}

.comping-report-space {
    padding-bottom: 230px;
}

.final-evaluation-space {
    margin-top: 220px;
}

.modal-header .close {
    padding: 18px 28px;
    margin: 0rem 0rem 0rem auto;
}

.modal-header button:focus {
    outline: inherit;
}

.modal-header button span {
  position: absolute;
  right: 92px;
  top: -26px;
  font-size: 0;
}
.modal-header button span:hover {
  opacity: 1;
}
.modal-header button span:before, .modal-header button span:after {
  position: absolute;
  left: 65px;
  content: ' ';
  height: 44px;
  width: 1px;
  top: 20px;
  background-color: #fff;
}
.modal-header button span:before {
  transform: rotate(45deg);
}
.modal-header button span:after {
  transform: rotate(-45deg);
}

.modal-body .property-price-box img {
    width: 50px;
}




@media (max-width: 1199px) {
    .comping-report-space {
        padding-bottom: 100px;
    }

    .final-evaluation-space {
        margin-top: 0px;
    }

}


@media (max-width: 991px) {
    .comping-report-space {
        padding-bottom: 70px;
    }

    .final-evaluation-space {
        margin-top: 70px;
    }

    .compele .calculate-price-table .table tbody tr td:first-child {
     width:auto;
   }

}

@media (max-width: 767px) {
    .comping-report-space {
        padding-bottom: 50px;
    }

    .final-evaluation-space {
        margin-top: 50px;
    }


}
@media (max-width: 479px) {

    select {
        background-size: 24px;
    }

    .drop-down-img .goi-vacancy-amount ~ img {
        width: 24px;
    }
    .drop-down-img .goi-vacancy-type {
        width: 16px;
    }
}
@media (max-width: 391px) {

 .btn{padding: 9px 20px;}
 .input-group-text img{
    width: 15px;
 }
 .input-group-text {
    padding: .375rem .95rem;
}

.form-control{
    font-size: 14px;
}

}
.back-to-top {
  background: red;
  position: fixed;
  bottom: 30px;
  right: 30px;
  display: inline-block;
  font-size: 16px;
  color: white;
  text-align: center;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  line-height: 40px;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: width 0.5s ease-in-out 0s, margin 0.5s ease-in-out 0s, border-radius 0.25s ease-in-out 0s, color 0.25s ease-in-out 0s;
  transition: width 0.5s ease-in-out 0s, margin 0.5s ease-in-out 0s, border-radius 0.25s ease-in-out 0s, color 0.25s ease-in-out 0s;
  z-index: 9; }
.back-to-previous {
    background: red;
    position: fixed;
    bottom: 80px;
    right: 30px;
    display: inline-block;
    font-size: 16px;
    color: white;
    text-align: center;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    line-height: 40px;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: width 0.5s ease-in-out 0s, margin 0.5s ease-in-out 0s, border-radius 0.25s ease-in-out 0s, color 0.25s ease-in-out 0s;
    transition: width 0.5s ease-in-out 0s, margin 0.5s ease-in-out 0s, border-radius 0.25s ease-in-out 0s, color 0.25s ease-in-out 0s;
    z-index: 9;
}
.back-to-previous a:hover,.back-to-previous a:focus{
    color:#ffffff;
}
  .back-to-top:hover {
    color: #ffffff; }
  .back-to-top:focus {
    color: #ffffff; }

a .dashboard-link:hover {
    color: red;
}
.range-evaluation span {
    font-size: 17px;
}

#address_link {
	color: #0056b3 !important;
}
#address_link:hover {
	/*color: #0056b3 !important; */
}
@media (min-width: 767px) {
    .btn-close {
	    position: absolute !important;
		left: 489px !important;
		color: white ;
	    font-weight: lighter !important;
		opacity: 1 !important;
		font-size:5rem
	}
	.hide-here {
		padding:0px !important;
	}


}
@media (max-width: 767px) {
    .btn-close {
		color: black ;
		font-weight: lighter !important;
		opacity: 1 !important;
	}
	.hide-here {
			display:block;
	}

    .modal-header {
        padding: 0;
        border-bottom: 0;
    }

    .modal-header .close {
        padding: 0;
        margin: 0;
    }

    .modal-header button span {
        right: 47px;
        top: -22px;
    }

}

@media (max-width: 576px) {
    .modal-dialog {
        width: 88%;
   }

  /* .modal-header button span:before, .modal-header button span:after {
        left: 55px;
        height: 15px;
   }*/

}

@media (max-width: 479px) {
    .modal-header button span:before, .modal-header button span:after {
         left: 55px;
         height: 17px;
   }
 }


.btn-close:hover {
	border:none;
}


/*new css*/
.tab-content .form-row.form-row-align {
    padding-left: 140px;
}

/*new-css*/
.chart-box-graph .chart-body .progress .tool-tip {
    font-size: 16px;
    width: 280px;
}

.chart-box-graph .progress {
    text-align: left;
}

.progress  .graph_tooltip {
    display: block;
}

.progress  .graph_tooltip li i,
.progress  .graph_tooltip li img {
    padding-right: 5px;
}

.progress  .graph_tooltip li i {
   color: #ed3838;
}

.chart-box-graph .chart-body ul li {
   margin: 5px 5px;
}

#yourproperty .defination-popup .estimated-label span{
    display: none;
}

#yourproperty .defination-popup .estimated-label i {
    margin-left: auto;
    cursor: pointer;
    padding-bottom: 5px;
}

#yourproperty .defination-popup .estimated-label i + span {
    display: none;
}

#yourproperty .defination-popup .estimated-label i:hover + span {
    display: block;
}

#yourproperty .property-name .estimated-label {
    display: flex;
    align-items: flex-end;
}

#myTabContent .estimated-label span {
    margin-bottom: 25px;
}


/* ==============================*/
#lowmarket .defination-popup .estimated-label span{
    display: none;
}

#lowmarket .defination-popup .estimated-label i {
    margin-left: auto;
    cursor: pointer;
    align-items: end;
    padding-bottom: 5px;
}

#lowmarket .property-name .estimated-label {
    display: flex;
    align-items: flex-end;
}

#lowmarket .defination-popup .estimated-label i + span {
    display: none;
}

#lowmarket .defination-popup .estimated-label i:hover + span {
    display: block;
}

#averagemarket .defination-popup .estimated-label span{
    display: none;
}

#averagemarket .defination-popup .estimated-label i {
    margin-left: 25px;
    cursor: pointer;
}

#averagemarket .defination-popup .estimated-label i + span {
    display: none;
}

#averagemarket .defination-popup .estimated-label i:hover + span {
    display: block;
}

#highmarket .defination-popup .estimated-label span{
    display: none;
}

#highmarket .defination-popup .estimated-label i {
    margin-left: 25px;
    cursor: pointer;
}

#highmarket .defination-popup .estimated-label i + span {
    display: none;
}

#highmarket .defination-popup .estimated-label i:hover + span {
    display: block;
}


.calculate-price-table .table tbody tr td:first-child {
    width: 205px;
}


/* ==============================*/

#averagemarket .defination-popup .estimated-label i,
#highmarket .defination-popup .estimated-label i {
    margin-left: auto;
    cursor: pointer;
    align-items: end;
    padding-bottom: 5px;
}

#averagemarket .property-name .estimated-label,
#highmarket .property-name .estimated-label {
    display: flex;
    align-items: flex-end;
}

/* ==============================*/

.estimated-form.defination-popup .estimated-label i + span,
.defination-popup.single-popup .estimated-label i + span {
    display: none;
}

.estimated-form.defination-popup .estimated-label i:hover + span,
.defination-popup.single-popup .estimated-label i:hover + span {
    display: block;
}
#table_id_length select{
	background: none !important;
	appearance: auto;
}
#table_id thead th {
    vertical-align: top;  
}