/* your styles go here */



.rt {
    float: right;
}
#thumbs {
    width: 955px;
    margin-top: 90px;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
}
#thumbs a {
    vertical-align: top;
    display: inline-block;
    *display: inline;
    zoom: 1;
}
.stretch {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0
}
.photoThumbs {
    width: 950px;
    outline: 3px solid;
    color: grey;
    margin: 0;
    padding: 15px;
    /*padding-bottom: -45px;*/

    list-style: none;
    text-align: justify;
    -moz-text-align-last: center; /* Code for Firefox */
    text-align-last: center;
}
.photoThumbs li {
    display: inline-block;
    vertical-align: top;
    margin: 0;
}
.photoThumbs li:nth-child( n+4) {
    margin-top: 5px;
}
.photoThumbs img {
    vertical-align: top;
}
/* The Modal (background) */

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal Content */

.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}



/* Add Animation */

@-webkit-keyframes animatetop {
    from {
        top:-300px;
        opacity:0
    }
    to {
        top: 0;
        opacity: 1
    }
}
@keyframes animatetop {
    from {
        top:-300px;
        opacity:0
    }
    to {
        top: 0;
        opacity: 1
    }
}
/* The Close Button */

.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}
.close:hover,  .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
.modal-header {
    padding: 2px 16px;
    background-color: #339392;
    color: white;
}
.modal-body {
    padding: 2px 16px;
}
.modal-footer {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}
.card-body.entry-details{
    background: #f8f8f8;	
    padding:0px;
}
.card-body .property-image{
    /*margin: -20px -20px 0px -20px;*/
    margin:0px;
    position: relative;	
}

.card-body .property-image:after{
    display:block;
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    content:"";	
    z-index:99;
    background:rgba(0,0,0,0.4);
}
.property-head-details{
    position: absolute;
    bottom: 10px;
    z-index: 999;
    padding: 10px 40px;	
    color:#fff;
    width:100%;
}
.property-left-detais{
    float:left;	
}
.property-right-detais{
    float:right;
    text-align:right;	
}
.property-head-details h1{
    text-transform:uppercase;
    font-size:36px;	
}
.property-head-details p{
    color:#fff;
    font-size:18px;	
}
.property-head-details p.small{
    font-size:14px;	 
}
.property-head-details p strong{
    font-size:30px;	
}
.property-tabs{
    margin-top:50px;
    background:#fff; 	
}
.property-tabs ul.nav {
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 15px;
    margin-bottom: 10px;
}
.property-tabs ul.nav li a{
    line-height: 34px;
    display: inline-block;
    color: #3e526e;
    min-height: 24px;
    vertical-align: middle;
    border-radius:0px;
    padding: 0;
}
.property-tabs .nav-tabs .nav-link.active, .property-tabs .nav-tabs .nav-link:hover {
    border-bottom: 4px solid #31958d;
}
.property-tabs ul.nav li:last-child a{
    /*line-height:17px; 	*/
}
.property-tabs .tab-content .tab-pane{
    padding:10px 30px 30px;	
}
.property-tabs h3.tab-heading{
    font-size:24px;
    margin-bottom:20px;
    padding-bottom:20px;
    padding-top:30px;
    border-bottom:1px solid #ebebeb; 	
}
.lh15{
    line-height:1.5; 	
}
ul.details-list{
    list-style:none;
    line-height:1.6;	
}
.description-tr .description-data{
    padding:20px;
    display:none;	
}
a.expandtr{
    color:#000 !important;
    text-decoration:none !important;	
}
a.expandtr i.fa-chevron-up{
    display:none;	
}
a.expandtr.active i.fa-chevron-up{
    display:block;	
}
a.expandtr.active i.fa-chevron-down{
    display:none;	
}
.availibility .data-tr td{
    background:#f9f9f9;	
    font-size:16px;
}
.availibility tr th{
    background:#e9e9e9;
    font-size:12px;	
}
#pop-reserve{
    z-index:1050;	
}
#pop-reserve h4{
    padding:7px 0px;
    margin:0px;	
}
td a.btn-reserve{
    padding:4px 10px;
    border-radius:3px;	
}
.slider-card{
    border:1px solid rgba(0,0,0,.125);
    padding:40px 10px 20px;	
}
#bedroomslide,
#priceslide{
    margin-top: 3px;
    width: 200px;
}
#updateslides input[type=submit] {
    padding: 5px 15px;
    margin-top: -7px;  
    border-radius: 3px;
}
body.project-details .hide-on-projects{
    display:none !important;	
}
body.project-details section header,
body.details-view section header{
    padding-top: 1rem;	
}
.property-item.table-list {
    background-color: #fff;
    width: 100%;
    padding: 8px;
    margin-bottom:15px;
}
.table-cell {
    display: table-cell;
    vertical-align: middle;
}
.property-item .table-cell {
    vertical-align: top;
}
.property-item .figure-block {
    width: 520px;
    min-height: 160px;
    position: relative;
    z-index: 0;
}
.property-item .item-thumb, .property-item  figure {
    position: relative;
    margin-bottom:0px;
}
.property-item h2.property-title{
    font-size:32px;
    position:relative;	
}
.property-item h2.property-title:after{
    display:block;
    content:'';
    width:22px;
    border-top:1px solid #444;
    height:1px;
    position:absolute;	
}
.property-item h2.property-title a{
    color:#000;	
}
.property-item .figure-block a {
    color: #fff;
    display: block;
    overflow: hidden;
    z-index: 0;
    transition: 0.3s;
}
.property-item figure .hover-effect:before{
    -webkit-transition: 0.2s;
    transition: 0.2s;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    background-color: rgba(255, 255, 255, 0.5);
    width: 100%;
    height: 100%;
    z-index: 2;	
}
.property-item figure .hover-effect:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    filter: alpha(opacity=100);
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNjUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(0%, rgba(0, 0, 0, 0)), color-stop(65%, rgba(0, 0, 0, 0.2)), color-stop(100%, rgba(0, 0, 0, 0.8)));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 65%, rgba(0, 0, 0, 0.8) 100%);
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 65%, rgba(0, 0, 0, 0.8) 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 65%, rgba(0, 0, 0, 0.8) 100%);
    z-index: 1; }

.property-item .item-thumb:hover .property-item .hover-effect:before, .property-item figure:hover .property-item .hover-effect:before {
    opacity: 0.5;
    filter: alpha(opacity=50);
    background-image: none;
    z-index: 2; }
.property-item .item-thumb:hover .hover-effect:after, .property-item figure:hover .hover-effect:after {
    opacity: 0;
    filter: alpha(opacity=0); }
.property-item .item-thumb:hover .property-item .detail h3, .property-item figure:hover .detail h3 {
    color: #fff; }
.property-item .item-thumb:hover a, .property-item figure:hover a {
    color: #fff; }
.property-item .item-thumb img, .property-item figure img {
    width: 100%;
    display:block;
}	
.property-item .item-body {
    padding: 10px 12px 10px 20px;
    display: table-cell;
    vertical-align: top;
    overflow: hidden;
    width: 10000px;
}
.property-item .body-left {
    width: 1000px;
    position: relative;
}
.item-body .property-address, .item-body h4 {
    color: #9b9b9b;
    overflow: hidden;
    max-width: 490px;
    font-size: 20px;
    line-height: 1.5;
    margin: 0;
    margin-bottom:5px;
}
.property-item .body-right {
    /*width: 300px;*/
    position: relative;
    display: table-cell !important;
}
.property-item .price {
    color: #000;
    text-align: right;
    margin-bottom:80px; 
}
.property-item .price .price-start {
    color: #777;
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 7px;
}
.property-item .price .item-price {
    display: block;
    font-size: 18px;
    line-height: 18px;
    margin: 0;
    font-weight: 500;
}
.property-item .item-body .phone {
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: right;
}
.property-item .item-body a.more-info{
    color:#000;
    font-size:20px;	
}
.hide-on-project-list #datatable1_wrapper,
.hide-on-project-list table{
    display:none !important;	
}
.property-item .info-row p,
.item-body .amenities p {
    font-size: 14px;
    line-height: 14px;
    color: #9b9b9b;
    margin: 0 0 5px 0;
    text-transform: inherit;
    text-align: inherit;
}
body.projects-list .container-fluid header{
    display:none;	
}
body.projects-list .data-card{
    background:#f8f8f8;
    margin-top:40px;	
}
body.projects-list .data-card .card-body{
    padding:15px 15px 0px 15px;	
}
.details-page-head h1{
    padding:15px 0px;
    margin:0px;	
}
.details-page-head form{
    padding:7px 0px;	
}

label,
#activity table tr td b,
#sitevisits table tr td b,
#offers table tr td b,
#plots table tr td b,
#documents table tr td b,
#salesprog table tr td b,
#floorplan table tr td b{
    font-weight: 400;
    font-size: 0.75em;
    color: #7b7b7b;
}
label.label-text,  
#activity table tr td,
#sitevisits table tr td,
#offers table tr td,
#plots table tr td,
#documents table tr td,
#salesprog table tr td,
#floorplan table tr td{
    font-weight: 400;
    font-size: 0.9em;
    color: #212121;	
}
.breadcrumb-holder h1{
    padding:10px 0px;
    margin:0px;	
    color:#339392;
    font-weight: normal;
}
.breadcrumb-holder.details-page-head,
.list-view .breadcrumb-holder{
    background:#fff;	
}
.breadcrumb-holder.details-page-head h1{
    color:#339392;	
    padding:5px 0px;
    text-transform:uppercase;
}
.breadcrumb-holder h1.pt14{
    padding-top:14px;
}
.breadcrumb-holder.details-page-head h1 .badge{
    padding:0px;
    margin:0px !important;
    display:block;
    text-transform:none;
    text-align:left; 	
}
.list-view .card.data-card .card-body{
    padding-top:10px;	
}

p#form-message.success{
    color:#339392;	
}
p#form-message.faild{
    color:#ff0c0c;	
}
#submit-button-reserve i{
    visibility:hidden;
    font-size:0px;
}
#submit-button-reserve.loading i{
    visibility:visible;
    font-size:inherit;	
}
.dev-d-widgets .item.row-a .inner-block {
    background-color: #44baba;
    height: 100%;
}
.dev-d-widgets .item.row-b .inner-block {
    background-color: #67c9ca;
    height: 100%;
}
.dev-d-widgets .item.row-c .inner-block {
    background-color: #a2d5d6;
    height: 100%;
}
.dev-d-widgets .item.row-d .inner-block {
    background-color: #ffc58d;
    height: 100%;
}
.dev-d-widgets .item.row-e .inner-block {
    background-color: #f3898d;
    height: 100%;
}
.dev-d-widgets .item.row-f .inner-block {
    background-color: #69a6d2;
    height: 100%;
}
.dev-d-widgets .item .inner-block {
    padding: 5px;
    color: #ffffff;
    font-size: 18px;
}

.dev-d-widgets .item .block-1 span:nth-child(2) {
    float: right;
}
.dev-d-widgets .item .block-1 span:nth-child(2) .sq-ft {
    font-size: 16px;
}
.dev-d-widgets .item .block-1 span:nth-child(2) span {
    display: block;
    /*    text-align: right;*/
    line-height: 22px;
}
.dev-d-widgets .item .block-2 {
    clear: both;
    margin-top: 35px;
    font-size: 24px;
}
.dev-d-widgets .row {
    margin-left: -5px;
    margin-right: -5px;
}
.dev-d-widgets .item {
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
}
.dev-d-widgets .percentage {
    float: right;
    font-size: 18px;
}
.dev-d-widgets .percentage.minus{
    color: #f60014;
}
.dev-d-widgets .percentage.plus{
    color: #34f200;
}
.dev-sales-summery .inner-block{
    background: #ffffff;
    padding: 5px;
    min-height: 156px;
}
.dev-sales-summery table{
    width: 100%;
    margin-top: 10px;
}
.dev-sales-summery .num{
    font-size: 24px;
}
.dev-sales-summery td {
    color: #31929b;
    font-size: 18px;
    font-weight: bold;
}
.dev-sales-summery th{
    font-weight: normal;
}
.dev-sales-summery td.plus {
    color: #00b200;
}
.dev-sales-summery td.minus {
    color: #e72100;
}
.dev-sales-summery .item{
    margin-bottom: 10px;
}
.dev-sales-summery .unit-summary-table tr td:first-child{
    color: inherit;
}
.dev-sales-summery .unit-summary-table tr td{
    font-weight: normal;
    font-size:14px; 
}
.dev-dash-progress {
    float: right;
}
.dev-dash-progress #ft-sale-list, .dev-dash-progress #progress-circle2 {
    height: 100px !important;
    width: 100px !important;
    float: left;
}
.project-details-tabs .dev-dash-progress #ft-sale-list, .project-details-tabs .dev-dash-progress #progress-circle2 {
    height: auto !important;
}
.dev-dash-progress .item-graph.gmpc{
    margin-top:-14px;	
}
.unit-summary-block .inner-block, .monthly-sales-block .inner-block, .weekly-sales-block .inner-block {
    background-color: #87c59d;
}
.unit-summary-block .inner-block *, .monthly-sales-block .inner-block *, .weekly-sales-block .inner-block *{
    color: #ffffff;
}
/*
---------------------------------------
------- developer pages styles --------
---------------------------------------
*/
/* REC */
.p-table{
    display: table;
}
.p-table-cell{
    display: table-cell;
}
.rec-page .h-right-block .widget .p-table-cell{
    vertical-align: top;
}
.rec-page .h-right-block .widget .number {
    font-size: 28px;
    line-height: 24px;
}
span.percentage {
    display: block;
    font-size: 12px;
    line-height: 0;
    margin-top: 5px;
}
span.percentage.plus{
    color: #34f200;
}
span.percentage.minus{
    color: #f60014;
}
.rec-page .h-right-block .widget .data{
    padding-left: 5px;
    color: #3e526e;
}
.rec-page .h-right-block .widget {
    padding-top: 10px;
}
.rec-page .h-right-block .widget .data span:first-child{
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    display: block;
}
.rec-page .h-right-block .widget .data span:last-child{
    font-size: 12px;
    margin-top: -4px;
    display: block;
}
.rec-page .h-right-block .widget .amount {
    font-size: 24px;
    line-height: 24px;
    color: #3e526e;
}
.home-projects-gird .rec-page .widget .amount {
    font-size: 12px;
    font-weight: bold;
}
.rec-page .rec-table th, .rec-page .rec-table td{
    font-size: 10px;
    padding: 0.3rem;
    min-width: 50px;
}
.list-status-view .rec-table .st-green .status {
    background-color: #339392;
}
.list-status-view .rec-table .st-orange .status {
    background-color: #e39e4d;
}
.list-status-view .rec-table .st-red .status {
    background-color: #d05153;
}
.list-status-view .rec-table .st-green.st-empty-col .status{
    background-color: #ffffff;
}
.bg-green{
    background-color: #339392;
    color: #000000;
    border: 1px solid;
}
.bg-green.empty-col{
    background-color: transparent;
}
.bg-orange{
    background-color: #e39e4d;
    color: #000000;
    border: 1px solid;
}
.bg-red{
    background-color: #d05153;
    color: #000000;
    border: 1px solid;
}
.bg-pink{
    background-color: #ff9ba9;
    color: #000000;
    border: 1px solid;
}
.rec-page .sort-by-block .title {
    font-weight: bold;
    position: relative;
    bottom: 6px;
    font-size: 0.75rem;
}
.rec-page .sort-by-block .sort-options {
    display: inline-block;
    list-style: none;
    padding: 10px 0 0 10px;
}
.rec-page .sort-by-block .sort-options li {
    float: left;
    border: 1px solid #ededed;
    padding: 4px 12px;
    font-size: 0.75rem;
}
.rec-page .sort-by-block .color {
    height: 12px;
    width: 12px;
    margin-right: 6px;
    border: 0;
}
.property-tabs tbody tr, .light-gray-bg tbody tr {
    background-color: #f8f9fb;
    border-bottom: 7px solid #ffffff;
}
.property-tabs td {
    padding: 10px !important;
}
.color-plots, .all-rows, .due-filter, .completed-filter, .av-filter{
    cursor: pointer;
}
table.dataTable thead .no-sort::after {
    display: none;
}
table.dataTable thead .no-sort::before {
    display: none;
}
.rec-page .col-hide{
    visibility: hidden;
    padding: 0;
}
.list-view .rec-page .breadcrumb-holder {
    background-color: transparent;
    padding-top: 20px;
}
.rec-page .card {
    background-color: transparent;
}
.rec-page .sort-by-block {
    margin-bottom: 30px;
}
.rec-page .sort-options li.active, .rec-page .sort-options li:hover {
    background-color: #c9cdd2;
}
.sort-options li{
    cursor: pointer;
}
.rec-page .dev-filter{
    background: none;
    border: 0;
}
.on-hold-data .rec-table th, .on-hold-data .rec-table td, .available-data .rec-table th, .available-data .rec-table td, .completed-data .rec-table th, .completed-data .rec-table td {
    font-size: 12px;
}
.property-tabs #myTab .nav-link {
    position: relative;
}
.nav-link .count {
    position: absolute;
    top: -10px;
    left: 100%;
    color: #44baba;
    font-size: 15px;
}
.h-right-block .widget div {
    float: left;
    margin-right: 12px;
}
.property-tabs .nav-item {
    padding: 0 60px 0 0;
}
.property-tabs #myTabContent .breadcrumb-holder {
    background: none;
}
.property-tabs #myTabContent .tab-pane .container-fluid {
    padding: 0;
}
.project-details-tabs .property-tabs .tab-content .tab-pane {
    padding: 10px 10px 30px;
}
.project-details-tabs .property-tabs {
    margin-top: 0;
}
.project-details-tabs .dev-name {
    color: #339392;
    font-size: 18px;
    margin-bottom: 30px;
}
.full-width-page .card {
    box-shadow: none;
}
.weekly-sales-block .num, .monthly-sales-block .num {
    float: right;
    line-height: 27px;
}
.weekly-sales-block .title, .monthly-sales-block .title {
    float: left;
}
.clearfix{
    clear: both;
}
.charts .card, .charts .card-header {
    background-color: #F4F7FA;
}
.property-tabs .nav-tabs .nav-link {
    border: 0;
}
.property-tabs .nav-tabs .nav-link.active{
    background-color: transparent;
}
.plots-single-page table, .plots-single-page table label{
    font-size: 14px;
    font-weight: 300;
}
.page.full-width-page {
    width: 100%;
    background-color: #ffffff;
}
/* Sidebar Navigation */
#mySidenav .sidenav-header {
    background-color: #3e516f;
}
.open-nav-btn .menu-title {
    display: block;
    font-size: 9px;
    position: relative;
    bottom: -12px;
    text-align: center;
}
.page-edit-profile .open-nav-btn .menu-title {
    bottom: -4px;
}
.open-nav-btn .menu-icon {
    line-height: 100%;
}
.profile-left img {
    max-width: 100%;
}
.profile-left, .profile-right {
    display: table-cell;
    text-align: left;
}
.profile-left {
    width: 34%;
}
.sidenav .sidenav-header-inner {
    padding: 15px 25px;
    display: table;
    width: 100%;
}
.profile-right .h5 {
    color: #ffffff;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 3px;
}
.profile-right span {
    text-align: left;
    display: block;
}
.profile-right span a {
    font-size: 12px;
    color: #308c8f;
    padding: 0;
    display: block;
}
.profile-right {
    padding-left: 5px;
    text-align: left;
}
.sidenav #side-main-menu li {
    display: inline-block;
}
.sidenav #side-main-menu a:hover, .sidenav #side-main-menu li.active a{
    background-color: #d4d4d4;
}
.sidenav #side-main-menu {
    border-bottom: 1px solid #e5e5e5;
}
.sidenav .logout-link {
    font-size: 15px;
    background-image: url('../img/icon-signout.jpg');
    background-repeat: no-repeat;
    background-position: left center;
    padding: 8px 0 8px 26px;
    margin: 25px;
}
.sidenav .logout-link:hover {
    color: inherit;
}
nav.navbar .navbar-header .navbar-brand {
    position: relative;
    top: -6px;
}
#sales .breadcrumb-holder {
    margin-bottom: 20px;
}
.un-progress-bar .progress-bar {
    background: #ffffff;
}
.un-progress-bar .progress-bar > span{
    min-width:100px;	
    /*text-shadow: 1px 0px 1px #444;*/
    color: #32b0af;
}
.un-progress-bar {
    margin: 25px 0;
    border-radius: 0;
    height: 30px;
    background-color: #d9d9d9;
}
.un-progress-bar .progress-bar {
    text-align: right;
    padding-right: 13px;
    font-size: 19px;
}
.wel-dashboard{
    color: #3e526e;
    font-weight: 300;
    margin-top: 30px;
}
.wel-dashboard h3{
    font-size: 2.1rem;
    font-weight: 300;
}
.wel-dashboard .no-developments{
    font-size: 1.3rem;
    font-weight: 300;
    margin-top: 20px;
}
.wel-dashboard .no-developments span{
    color: #44baba;
}
.header .navbar {
    padding: 3px 0;
}
.plots-single-page .nav-tabs .status {
    position: absolute;
    right: 15px;
    top: 5px;
    color: #44baba;
    font-size: 18px;
}
#offers .rec-table td, #available .rec-table td, #onhold .rec-table td, #completed .rec-table td {
    padding: 10px;
}
#offers .rec-table th, #available .rec-table th, #onhold .rec-table th, #completed .rec-table th{
    padding: 12px;
}
.simple-accordion .card, .simple-accordion .card-header {
    background-color: transparent;
}
.simple-accordion .btn-link {
    color: inherit;
    box-shadow: none !important;
    background: none !important;
    text-decoration: none;
    padding-left: 0;
}
.simple-accordion .card-header .btn::before {
    content: "\f078";
    font-family: FontAwesome;
}
.simple-accordion .card-header .btn.collapsed::before {
    content: "\f054";
}
.simple-accordion .card-header {
    padding-left: 0;
}
.simple-accordion .card-body {
    padding: 3px 0 0 0;
}
.simple-accordion .card {
    margin-bottom: 5px;
}
.project-single-page .h-right-block{
    margin-top: 25px;
}
.property-tabs #reserved td, .property-tabs #exchanged td {
    padding: 0.3rem !important;
    position: relative;
}
.property-tabs #reserved tbody tr, .property-tabs #exchanged tbody tr {
    background-color: transparent;
    border: 0;
}
/***********************************/
.mytable tr th, .mytable tr td{
    text-align: center;
}
.mytable tbody tr {
    border: 0;
}
.mytable tr th {
    color: #919598;
    border: 2px solid #ffffff;
}
.mytable .parent-td{
    padding: 0 !important;
    height: 100%;
}

td.sno{
    color: #919598;
    background-color: #dddddd;
    vertical-align: middle;
}


.mytable .completed, .mytable .available, .mytable .firm, .mytable .on_hold,
.mytable .completed a, .mytable .available a, .mytable .firm a, .mytable .on_hold a, .reserved a, .exchanged a, .under_offer a
{
    color: #ffffff;
}
.mytable > tbody > tr > td {
    border-right: 2px solid #ffffff;
}
.mytable > tbody > tr > td.sno {
    border-left: 2px solid #ffffff;
}
.mytable > tbody > tr:last-child > td {
    border-bottom: 2px solid #ffffff;
}
.mytable .exchanged {
    background-color: #f18788;
}

.mytable .completed{
    background-color: #d86567;
}

.mytable .available{
    background-color: #59a5a3;
}

.mytable .firm, .mytable .on_hold{
    background-color: #d0c6c6;
}
.mytable .reserved {
    background-color: #ffc788;
}

.mytable .under_offer{
    background-color: #a1ced0;
}
/*.mytable .unsold{
    background-color: #389391;
}
.mytable .sold{
    background-color: #dc7879;
}*/
.mytable .parent-td table.my-child-table {
    background-color: #f8f9fb;
}

.my-child-table{
    margin: 0;
    height: 100%;
}

.my-child-table td{
    height: 100%;
}
.my-child-table tr td:last-child{
    border-right: 0;
    border-bottom: 0;
    border-top: 0;
}
#sales .sort-by-block {
    margin-top: 15px;
}
.mytable tr td {
    font-size: 0.8em;
    color: #ffffff;
}
.mytable th, .mytable td.sno {
    background-color: #f4f7fa;
    color: #919598;
}
.table-sold .my-child-table td{
    background-color: #59a5a3 !important;
}
.table-unsold .my-child-table td{
    background-color: #d86567 !important;
}
.color.bg-sold{
    background-color: #59a5a3;
}
.color.bg-unsold{
    background-color: #d86567;
}
.color.bg-onhold{
    background-color: #d0c6c6;
}
.color.bg-available{
    background-color: #59a5a3;
}
.color.bg-underoffer{
    background-color: #a1ced0;
}
.color.bg-reserved{
    background-color: #ffc788;
}
.color.bg-exchanged{
    background-color: #f18788;
}
.color.bg-completed{
    background-color: #d86567;
}
#developments-map{
    width:100%;
    height:450px;	
}

.info-window {
    padding: 0
}
.infobox {
    font-family: "Roboto", sans-serif;
    /*width: 800px;*/
    width:380px;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block
}
@media (max-width: 991px) {
    .infobox {
        max-width: 600px
    }
}
@media (max-width: 767px) {
    .infobox {
        max-width: 350px
    }
}
.infobox .about {
    color: #dee2e6;
    font-size:.875rem
}
.infobox .details {
    font-size:.875rem
}
.infobox .address {
    font-size:.875rem
}
.infobox i.fa {
    margin-right: 5px
}
.infobox .text {
    display: table-cell;
    /*width: 450px;*/
    width:370px;
    padding: 20px 20px 20px 20px;
    vertical-align: top
}
.infobox h3 {
    margin-top: 0
}
.infobox h3 a {
    color: #495057
}
.infobox h3 a:focus, .infobox h3 a:hover {
    color: #33b35a
}
.infobox .image {
    display: table-cell;
    position: relative;
    width: 350px;
    height: 100%;
    background-size: cover;
    background-position-x: center;
    background-position-y: center
}
@media (max-width: 767px) {
    .infobox .image {
        display: none
    }
}
.marketing-childe{
    height: 100%;
    width: 100%;
}

.marketing-parent .parent-td{
    padding: 0px;
    color: white;
    border: 8px solid white;
    font-family: Arial;
    width: 25%;
    min-height: 152px;
}

.marketing-childe tr td:first-child{
    text-align: left;
    font-weight: bold;
}

.marketing-childe tr td:last-child{
    text-align: right;
}

.marketing-childe tr:first-child td{
    vertical-align: top;
}

.marketing-childe tr:last-child td{
    vertical-align: bottom;
}

.marketing-childe tr td{
    border: 0px;
    color: #ffffff;
    font-size: 0.85em;
}

.marketing-childe tr td.td-heading{
    font-size: 18px;
}
.td-leadsources .marketing-childe tr td{
    font-size: inherit;
}

.marketing-parent-tr > td{
    height: 152px;
}

.total-leads{
    background-color: #46bab7;
}

.hot-leads{
    background-color: #f2888c;
}

.warm-leads{
    background-color: #ffc58b;
}

.cold-leads{
    background-color: #69a6d2;
}

.website-visitors{
    background-color: #67cbc9;
}

.unique-visitors{
    background-color: #67cbc9;
}

.returning-visitors{
    background-color: #67cbc9;    
}

.conversions{
    background-color: #67cbc9;    
}

.trinary-color{
    background-color: #a2d5d9;
}

.email-sends{
    background-color: #a2d5d9;
}

.email-opens{
    background-color: #a2d5d9;
}

.link-clicks{
    background-color: #a2d5d9;
}

.unsubscribes{
    background-color: #a2d5d9;
}

.marketing-childe tr td h5{
    color: #3f4a51;
    text-align: left;
}

.marketing-parent .marketing-bg-color{
    background-color: #fafafa;
}

.img-table:first-child{
    border: 1px solid #e3e3e3;
}

.img-table{
    border: 1px solid #e3e3e3;
}

.marketing-parent .img-table:last-child{
    border: 1px solid #e3e3e3;
}

.marketing-parent .marketing-bg-color .parent-td{
    border: 1px solid #fafafa;
    padding: .75rem;
}

.img-table tr td{
    color: #444444;
    background-color: white;
}

.marketing-parent .parent-td:last-child .img-table tr td{
    border-bottom: 1px solid #e3e3e3;
}

.marketing-parent .parent-td:last-child .img-table tbody tr:first-child td{
    border-bottom: 0px;
}

.marketing-parent .img-table:last-child tr td:last-child{
    text-align: center;
}

.marketing-parent .img-table tbody tr td{
    font-weight: normal;
}
.property-tabs .marketing-parent tbody tr {
    background-color: transparent;
    border: 0;
}
.marketing-parent {
    margin-top: 20px;
    margin-bottom: 40px;
}
.bg-hot{
    background-color: #f68684;
}
.bg-warm{
    background-color: #ffc78a;
}
.bg-cold{
    background-color: #6aa8d1;
}
.lead-score-td.score-hot span{
    background-color: #f18789;
}
.offer-status-td span{
    padding: 0 15px;
    color: #ffffff;
    background-color: #31958d;
}
.offer-status-td.client_pending span{
    background-color: #e39e4d;
}
.offer-status-td.failedoffers span{
    background-color: #ff9ba9;
}
.offer-status-td.rejected span{
    background-color: #d05153;
}
.lead-score-td span, .buyer-type-td span {
    padding: 0 15px;
    color: #ffffff;
}
.bg-investors{
    background-color: #4abab9;
}
.bg-owneroccupier{
    background-color: #f2888c;
}
.buyer-type-td.buyer-investor span{
    background-color: #4abab9;
}
.buyer-type-td.owner_occupier span{
    background-color: #f2888c;
}
.sales-data-widgets.row {
    background-color: #46baba;
    margin-left: 0;
    margin-right: 0;
    color: #ffffff;
    margin-bottom: 10px;
}
.value-of-sales{
    list-style: none;
    padding: 0;
    margin: 0;
}
.value-of-sales li span{
    display: block;
}
.value-of-sales li span:first-child {
    font-size: 30px;
}
.value-of-sales li{
    padding: 0 0 10px 100px;
    background-position: left center;
    background-repeat: no-repeat;
    position: relative;
    margin-bottom: 10px;
}
.value-of-sales li:last-child{
    margin-bottom: 0;
}
.value-of-sales li:last-child:after{
    /*    display: none;*/
}
.value-of-sales li:after{
    content: "";
    height: 2px;
    width: 90%;
    background-color: #a4d5d9;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.value-of-sales li:nth-child(1){
    background-image: url(../img/wallet-filled-money-tool.png);
}
.value-of-sales li:nth-child(2){
    background-image: url(../img/coin-stack.png);
}
.value-of-sales li:nth-child(3){
    background-image: url(../img/calendar.png);
}
.value-of-sales li span:last-child {
    position: relative;
    top: -8px;
}
.sales-data-widgets .item {
    padding-top: 18px;
    padding-bottom: 18px;
    position: relative;
}

.sales-data-widgets .item:last-child:after{
    display: none;
}
.sales-data-widgets .item:after{
    content: "";
    height: 90%;
    width: 2px;
    background-color: #a4d5d9;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.sales-data-widgets .block-heading{
    text-align: center;
}
.sales-by-buyer-type .card-body{
    padding: 0;
}
.card.sales-by-buyer-type {
    margin: 35px 0 0;
}
#sales-weekly-chart {
    margin-top: 40px;
}
.weekly_sales_weeks {
    list-style: none;
    margin: 15px 0 0;
}
.weekly_sales_weeks li {
    display: inline-block;
    margin-right: 6px;
    transform: rotate(-45deg);
}
.list-view.projects-list .un-progress-bar .progress-bar {
    background: #339392;
}
.list-view.projects-list .un-progress-bar .progress-bar > span {
    text-shadow: 1px 0px 1px #444;
    color: #ffffff;
}
.list-view.projects-list .un-progress-bar {
    background-color: #e8ecef;
}
.sub-heads {
    list-style: none;
    margin-bottom: 25px;
}
.sub-heads li {
    display: inline-block;
    margin-right: 60px;
}
.sub-heads li label {
    font-size: 16px;
    color: #000000;
    font-weight: bold;
    margin-bottom: 0;
}
.table.colored-general-table tr {
    background-color: transparent;
}
.table.colored-general-table tr td, .table.colored-general-table tr th {
    padding: 0.3rem !important;
    font-size: 10px;
}

/*    nav products      */

.nav-projects {
    vertical-align: middle;
    padding: 0;
    position: relative;
    top: 3px;

}
#nav-projects-sel{
    border: 0;
}
.nav-projects ul{
    float: left;
    list-style-type: none;
}

.nav-projects ul li {
    display: inline-block;
    padding: 0px 15px;
}

.nav-projects ul li a{
    text-decoration: none;
    text-transform: capitalize;
    font-size: 17px;
}

.home-projects-gird{
    padding-top: 40px;
}


.home-projects-gird .property-item h2.property-title {
    display: table-cell;
    vertical-align: middle;
}

.home-projects-gird .property-item h2.property-title a{
    font-size: 30px;
    color: #404040;
}

.home-projects-gird .item-body .property-address{
    display: table-cell;
    vertical-align: middle;
    padding-left: 18px
}
.home-projects-gird .table-list .table-cell .info-row > a{
    width: 100%;
    text-align: center;
    padding: 10px;
    color: white;
    background-color: #339392;
    margin-top: 5px;
    text-transform: uppercase;
    text-decoration: none;
}

.home-projects-gird .home-sold-value label h3{
    color: #339392;
    font-size: 30px;
    text-align: left;
    margin-bottom: 0px;
}

.home-projects-gird .home-sold-value label span{
    float: right;
    color: #3e526e;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
}

.home-projects-gird .rec-page .h-right-block .widget .data span:first-child{
    font-size: 16px;
}

.home-projects-gird .rec-page .h-right-block .widget .data span:last-child {
    font-size: 10px;
}

.home-projects-gird .home-sold-value label{
    margin-bottom: 0px;
}

.home-projects-gird .table-list .table-cell .info-row:first-child{
    padding-bottom: 25px;
}

.home-projects-gird .table-list .table-cell{
    padding-top: 0px;
}

.home-projects-gird.list-view.projects-list .un-progress-bar {
    background-color: #ffffff;
}

.home-projects-gird.list-view .card.data-card .card-body {
    padding-left: 2px;
    padding-bottom: 2px;
}

.profile-block{
    display: table;
}

.profile-block .profile-img, .profile-block .profile-info{
    display: table-cell;
    vertical-align: top;
}

.profile-block div img{
    display: block;
    width: 150px;
    height: 150px;
    /*    min-height: 150px;
        min-width: 150px;*/
}

.profile-block div button{
    width: 100%;
    color: white;
    background-color: #339392;
    border: 0px;
    margin-top: 5px;
}


.profile-block .profile-info{
    padding-left: 50px;
}

.profile-block .profile-info-form{
    display: none;
    padding-left: 50px;
}


.profile-block .profile-info p{
    margin-bottom: 0px;
    color: #339392; 
    font-size: 24px;
}

.profile-block .profile-info label{
    display: block;
    margin-bottom: 0px;
    color: #6f6f6f;
    font-size: 18px;
}

.profile-block .profile-info ul{
    padding: 0px;
    margin-top: 20px;
}

.profile-block .profile-info ul li{
    list-style-type: none;
    color: #6f6f6f;
    font-size: 16px
}

.profile-block .profile-info ul li span:first-child{
    padding: 0px;
    color: #339392; 
    font-weight: 500;
}

.home-projects-gird .table-list{
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 40px;
    background-color: #dee2e6;
}

.home-projects-gird .property-item .figure-block {
    width: 440px;
    height: auto;
}

.home-projects-gird .title{
    color: #3f536d;
    font-size: 36px;
    padding: 0px;
    margin-bottom: 0px;
}

.home-projects-gird.list-view .card.data-card .card-body{
    padding: 0px;
}

.naviation-ul{
    list-style-type: none;
    background-color: white;
    padding: 18px 0px;
}

.naviation-ul li{
    display: inline;
    color: #31958d;
    font-size: 20px;
    padding: 0px;
    font-weight: 500;
    margin: 0px;
}

.naviation-ul li:after{
    content: "/";
}

.naviation-ul li:last-child:after{
    content: "";    
}

.client-title {
    background-color: white;
    margin: 0px;
    padding: 20px 0px;
    color: #31958d;
    font-size: 25px;
    font-weight: normal;
}

.client-information{
    background-color: white;
    width: 100%;
    border-collapse: collapse;
    border: 2px solid #eaf4f5;
}

.client-information tbody tr{
    background-color: #f8f9fb;
}

.client-information tbody tr td{
    border: 2px solid #eaf4f5;
    width: 25%;
    vertical-align: top;
}

.client-information tbody tr td label{
    display: block;
    margin: 0px;
    padding: 12px 0px 16px 0px;
    color: black;
    font-size: 16px;
    font-weight: 300;
}

.client-information tbody tr td span{
    color: #767574;
    font-size: 12px;
    font-weight: 500;
}

.client-information tbody tr {
    margin-bottom: 7px;
}

.client-information tbody tr:last-child {
    margin-bottom: 0px;
}

.activity-block{
    background-color: #f8f9fb;
    padding: 5px 15px;
}

.activity-heading-block label{
    color: #717985;
    font-size: 15px;
    margin: 0px;
}

.activity-heading-block select{
    float: right;
}

.activity-content-block div{
    padding: 10px 0px;
    border-bottom: 2px solid #f5f6f8;
}

.activity-content-block div:last-child{
    border: 0px;
}

.activity-content-block div p{
    margin: 0px;
}

.activity-content-block div label:first-child{
    text-align: left;
    font-size: 18px; 
    font-weight: 500;
    color: #575759;
    margin: 0px;
    display: inline-block;
}

.activity-content-block div label:nth-child(2){
    float: right;
    font-weight: 500;
    margin: 0px;
    display: inline-block;
    color: #aaa9a8;
    font-size: 14px;
}


.activity-content-block div span {
    display: block;
    font-size: 12px;
    color: #98989a;
}

.activity-content-block div p {
    color: #a0a0a2;
    font-size: 14px;
    padding: 5px 0px;
    font-weight: 500;
}
.header .nav-menu{
    margin-left: auto;
}
.success-message {
    color: green;
    position: absolute;
    top: 0;
    font-size: 14px;
}
.failure-message {
    color: red;
    position: absolute;
    top: 0;
    font-size: 14px;
}
.activity-block{
    max-height: 415px;
    overflow-y: auto;
}
.list-status-view .rec-table .status {
    height: 30px;
    width: 30px;
    display: block;
    border: 2px solid #c9c9c9;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    background-color: #ffffff;
}
.list-status-view .rec-table .line {
    content: "";
    display: block;
    height: 2px;
    width: 100%;
    background-color: #c9c9c9;
    position: absolute;
    top: 20px;
    z-index: 1;
    left: 45%;
}
.list-status-view .rec-table .text {
    margin: 40px 0 5px;
    width: 100%;
    text-align: center;
}
.list-status-view .table td {
    border: 0;
}
.list-status-view .rec-table tbody tr td:first-child {
    width: 60px;
}
.list-status-view .rec-table tbody tr td {
    width: 10%;
}
.list-status-view .rec-table tbody tr td .dev-plot{
    font-size: 15px;
}
.progression-ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.progression-ul li{
    border-bottom: 2px solid #f6f4f6;
    padding: 8px 30px;
    font-size: 20px;
    position: relative;
}
.progression-ul li span {
    font-size: 10px;
    display: block;
    color: #31958d;
    line-height: 100%;
}
.progression-ul li.i-green{
    background-color: #f3f1f3;
}
.progression-ul li.i-green.empty-col{
    background-color: transparent;
}
.sales-progression-content .nav-item {
    font-size: 24px;
}
.progression-ul li::before {
    height: 17px;
    width: 17px;
    position: absolute;
    left: 10px;
    top: 14px;
    font: normal normal normal 17px/1 FontAwesome;
}
.progression-ul li.i-green::before {
    content: "\f14a";
    display: block;
    color: #339392;
}
.progression-ul li.i-orange::before {
    content: "\f06a";
    display: block;
    color: #e39e4d;
}
.progression-ul li.i-red::before {
    content: "\f056";
    display: block;
    color: #d05153;
}
.progression-ul li.i-green.empty-col::before{
    content: "";
    display: none;
}
.progression-update-ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.progression-update-ul li {
    position: relative;
    padding: 0 0 35px 80px;
}
.progression-update-ul .heading {
    font-size: 20px;
}
.progression-update-ul .content {
    font-size: 15px;
    line-height: 18px;
    padding: 10px 0;
}
.progression-update-ul .p-date {
    font-size: 12px;
    text-align: right;
}
.progression-update-ul li::before {
    content: "";
    height: 63px;
    width: 67px;
    position: absolute;
    left: 0;
    top: 7px;
    background-image: url('../img/prog-icon-1.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    z-index: 2;
}
.progression-update-ul li::after {
    content: "";
    width: 6px;
    height: 100%;
    border: 2px solid #eceef3;
    padding: 3px;
    top: 45px;
    left: 26px;
    position: absolute;
    z-index: 1;
    background-color: #f7f9fd;
}
.progression-update-ul li:last-child::after{
    display: none;
}


/* -- Make-Offer.php page style -- */

.make-offer .form-inner{
    width: 100%;
    margin: 0px auto 10px auto;
}
.make-offer-table td{
    text-align: left;
    padding: 10px 3px;
}

.make-offer-table td .btn.btn-primary{
    width: 100%;
    padding: 5px;
}

.make-offer .text-primary{
    font-size: 16px;
    font-weight: normal;

}


/* -- Overview tab page styles -- */


.overview-data-widgets .value-of-sales li{
    display: inline-block;
    margin: 0px 10px 10px 10px;
    padding: 0 50px 10px 100px;
}

.overview-data-widgets .value-of-sales li:after{
    display: block;
}

.overview-tab .inner-block .block-1 span:last-child, .overview-tab .inner-block .block-2 span:last-child{
    text-align: right;
}

.overview-tab .percentage.minus p{
    color: white;
    font-size: 18px;
    line-height: 2px;
}

.overview-tab .overview-sales-content span:first-child span{
    display: block;
    text-align: left;
}
.overview-tab .overview-sales-content span:last-child span:first-child{
    font-size: 18px;
    font-weight: 400;
}

.overview-tab .overview-sales-content span:last-child, .overview-tab .overview-sales-content-2 span:last-child{
    font-size: 12px;
    font-weight: 400;
}

.overview-tab .overview-sales-content span:last-child{
    margin-top: -4px;
    line-height: 14px;
}

.overview-tab .overview-sales-content span:first-child{
    font-weight: bold;
    line-height: 24px;
}

.overview-tab .inner-block{
    height: 100%;
}
.dev-d-widgets.overview-tab .item {
    min-height: 108px;
}

.overview-data-widgets .value-of-sales li:nth-child(3) {
    background-image: url(../img/icon-commission.png);
}

.overview-tab .overview-sales-content span:last-child span:last-child {
    font-size: 12px;
}

.make-offer-error{
    color: red;
    text-align: center;
    font-size: 14px;
}

.make-offer-succss{
    color: #339392;
    text-align: center;
    font-size: 14px;
}

#make_offer_modal{
    padding: 0px;
}

#make_offer_modal .modal-body{
    padding: 35px 25px;
}

.make_offer_modal_close{
    color: white;
    background-color: #339392;
    border: none;
    padding: 4px 12px;
    border-radius: 8px;
    text-align: center;
    display: block;
    margin: 25px auto 0px auto;
}

.agent-single-plot-header{
    padding: 1rem 0px;
}

.agent-single-plot-header .dev-name{
    margin: 0px;
}

.agent-single-plot-content{
    padding-top: 20px;
}

.agent-single-plot-content .agent-single-plot-tab-content .property-tabs ul{
    background: #ebebeb;
    padding: 0px;
    margin: 0px;
}

.agent-single-plot-content .agent-single-plot-tab-content .property-tabs ul .nav-item{
    padding: 0px;
}

.agent-single-plot-content .agent-single-plot-tab-content .property-tabs ul .nav-item .nav-link{
    text-transform: uppercase;
    line-height: 34px;
    display: block;
    font-weight: bold;
    color: #000;
    min-height: 50px;
    vertical-align: middle;
    border-radius: 0px;
    border: 0px;
    padding: .5rem 1rem;
    border-bottom: none !important;
}

.agent-single-plot-content .agent-single-plot-tab-content .property-tabs ul .nav-item .nav-link.active{
    color: #495057;
    background-color: #fff;
    border-color: #fff;
}

.agent-single-plot-img-block .property-image:after{
    z-index: 0;
}

/*  Sales Block Colors    */

#sales-blocks-all .sold{
    background-color: #59a5a3;
}   

#sales-blocks-all .unsold{
    background-color: #d86567;
}

#sales-blocks-all .on_hold{
    background-color: #d0c6c6 !important;
}

#sales-blocks-all .under_offer{
    background-color: #a1ced0 !important;
}

/*   Offers Table   */

.offer-table tbody tr td{
    font-weight: 300 !important;
}

/*   Leads Table    */

.leads-table tbody tr td:last-child, .client-table tbody tr td:last-child{
    width: 9%;
    position: relative;
    vertical-align: middle;
}

.leads-table .form-fields .btn, .client-table .form-fields .btn{
    padding: 6px;
}

.leads-table .form-fields .cancel_btn, .client-table .form-fields .cancel_btn{
    margin-left: 5px;
    background-color: #808080;
    border-color: #808080; 
}

.leads-table .text-fields .result, .client-table .text-fields .result{
    margin-left: 6px;
    color: #3e526e;
    vertical-align: middle;
    font-size: 14.4px;
    margin-bottom: 0px;
    padding: 0px;
    font-weight: 300;
    text-align: center;
}

.leads-table  .onload-btn-animation, .client-table  .onload-btn-animation{
    position: absolute;
    transform: translate(0%, -50%);
    left: 10%;
    top: 50%;
    display: none;
}

.leads-table .sk-three-bounce, .client-table .sk-three-bounce {
    width: 38px;
}

.leads-table .sk-three-bounce .sk-child, .client-table .sk-three-bounce .sk-child {
    width: 8px;
    height: 8px;
    background-color: #ffffff;
}

.leads-table .fa-thumbs-down, .client-table .fa-thumbs-down, .leads-table .fa-thumbs-up, .client-table .fa-thumbs-up{
    color: #339392;
    font-size: 14.4px;
    margin-right: 3px;
}

.dt-example .DTED_Lightbox_Wrapper{
    z-index: 1000;
}

/* Side Bar */
.sidenav {
    z-index: 1000 !important;
}
.agent-single-plot-img-block .property-image img{
    width: 100%;
}

/*      Modal View        */
.modal-backdrop {
    z-index: 0;
}

#modalSaleProgression .modal-header, #modalSaleProgression .modal-footer{
    background-color: #e8e9eb;
    border-bottom: 1px solid rgba(0,0,0,0.15);
    padding: 16px 10px 2px 16px;
    font-size: 1.3em;
    font-weight: 300;
    color: #212529;
}

#modalSaleProgression .modal-header .close{
    color: #212529;
}

.modalbox-btn{
    text-align: right;
    margin-bottom: 24px;
}

.progression-update-ul li::before{
    z-index: 0;
}

#salesprogression #modalSaleProgression .btn-success{
    background-color: #339392;
    border-color: #339392;
}
#salesprogression #modalSaleProgression .btn-danger{
    background-color: #808080;
    border-color: #808080;
}

div#reservation-to-exchange ul.progression-ul li{
    cursor: pointer;
}
div#exchange-to-completion ul.progression-ul li{
    cursor: pointer;
}

div#reservation-to-exchange ul.progression-ul li .reservation-input{
    display: none;
}

.select2-container{
    min-width: 100px;
    display: inline-grid !important;
}

.select2-container .select2-dropdown{
   min-width: 100px; 
}

.select2-container .select2-selection--single{
    display: block !important;
}