@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css");
.search { position: relative; }
.search input { text-indent: 20px;}
.search .fa-search { 
    position: absolute;
    top: 8px;
    left: 7px;
    font-size: 15px;
}

* {
    /*border-radius: 0 !important;*/
}
html,body{
    height: 100%;
    /*overflow-y:scroll!important;*/
}

.logo-bar{
    margin-top: -43px;
}

#googleTranslate{
    margin-top: 8px;
}
.goog-te-gadget-simple {
    border: none!important;
}

#navbar-main{
    margin-left: -30px;
}
.datatable{
    width: 100%;
}
.dataTables_filter, .pagination{
    float: right;
}

div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0!important; 
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-bottom-right-radius: 0!important;
    border-top-right-radius: 0!important; 
}
.pagination > li:first-child > a, .pagination > li:first-child > span {    
    border-bottom-left-radius: 0!important;
    border-top-left-radius: 0!important;
}

/* Helper class */
.pl-20{padding-left:20px;}
.mt-2{margin-top: 2px}
.mt-3{margin-top: 3px}
.mt-4{margin-top: 4px}
.mt-5{margin-top: 5px}
.mt-6{margin-top: 6px}
.mt-7{margin-top: 7px}
.mt-8{margin-top: 8px}
.mt-9{margin-top: 9px}
.mt-10{margin-top: 10px}
.mt-40{margin-top: 40px!important;}
.mb-2{margin-bottom: 2px}
.mb-3{margin-bottom: 3px}
.mb-4{margin-bottom: 4px}
.mb-5{margin-bottom: 5px}
.mb-6{margin-bottom: 6px}
.mb-7{margin-bottom: 7px}
.mb-8{margin-bottom: 8px}
.mb-9{margin-bottom: 9px}
.mb-10{margin-bottom: 10px}
.fs-14{font-size: 14px;}
.padding-right-10{padding: 0 10px 0 0!important;}
.padding-right-9{padding: 0 9px 0 0!important;}
.padding-right-8{padding: 0 8px 0 0!important;}
.padding-right-7{padding: 0 7px 0 0!important;}
.padding-right-6{padding: 0 6px 0 0!important;}
.padding-right-5{padding: 0 5px 0 0!important;}
.padding-right-4{padding: 0 4px 0 0!important;}
.padding-right-3{padding: 0 3px 0 0!important;}
.padding-right-2{padding: 0 2px 0 0!important;}

.padding-left-5{padding-left: 5px!important;}
.padding-left-6{padding-left: 6px!important;}
.padding-top-10{padding-top: 10px!important;}
.padding-top-25{padding-top: 25px!important;}
.padding-top-32{padding-top: 32px!important;}

.wp-5{width:5%!important}
.wp-6{width:6%!important}
.wp-7{width:7%!important}
.wp-8{width:8%!important}
.wp-9{width:9%!important}
.wp-10{width:10%!important}
.wp-40{width:40%!important}
.wp-60{width:60%!important}
.wp-80{width:80%!important}
.wp-100{width:100%!important}



.w-100{width:100px!important}

.height-85{height: 85px!important;}
.height-150{height: 150px!important;}
.height-185{height: 185px!important;}
.height-300{height: 300px!important;}

.border-right-white{
    border-right: 1px solid white;
    padding-left: 5px;
}

.dataTables_scrollHead{
    overflow: visible !important;
}

.sidebar ul {
    list-style: none;
    margin: 0 0 15px;
    padding: 0 0 0 0;
    position: relative;
}

.sidebar {
    margin-right: -12px;
}

.slide_featured_property li, .slide_featured_article li{
    position: absolute;
}

footer {
    background: #231f20;
}

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

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

footer .contact h6 {
    color: #666;
    font-size: 15px;
    font-family: 'PTSansBold', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
}

.wrapper {
    min-height: 100%;    
    margin: 0 auto -110px; /* the bottom margin is the negative value of the footer's height */
}

footer, .push {
    height: 110px; /* .push must be the same height as .footer */
}

footer {
    margin: 0; 
}

footer h6, footer p, footer a {
    color: #ffffff !important;
}

.table thead > tr {
    background: #E7E7E7;
}

.table thead > tr > th{
    text-align: center;
}

.panel-heading h3{
    display: inline;
}

.panel-heading a {
    color:white;
    font-size: 14px;
}

.div-responsive{
    overflow: auto;
    margin: 0;
}

.block.featured_article, .block.featured_property{
    height: 202px;
    /*height: 390px;*/
    overflow-y: auto;
}

.block.featured_article img, .block.featured_property img{
    border-radius: 5px !important;
}

.featured-image-sb {
    width: 20%;
}
.featured-text-sb {
    width: 50%;
}

.cmp-logo{
    float: left;
}

.cmp-usr-profile{
    float: right;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 3;
    color: white;
    background-color: #474949;
    border-color: #474949;
    cursor: default;
    border-radius: 5px !important;
}

.pagination > li > a, .pagination > li > span {    
    background-color: transparent; 
    border: none; 
}

.navbar-brand{
    display: none;
}

.navmenu{
    display: none;
}

#inner-content{
    overflow: auto;
    overflow-x: auto;
}

.modal .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.borderless td, .borderless th {
    border: none !important;
}

.navbar-inverse {
    background-color: #a50d12;
    border-color: #a50d12;
}

.btn-primary {
    color: #ffffff;
    background-color: #a50d12;
    border-color: #a50d12;
}

.panel-primary > .panel-heading {
    color: #ffffff;
    background-color: #a50d12;
    border-color: #a50d12;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #ffffff;
    background-color: #a50d12 !important;
}

.bootstrap-select btn {
    background: white !important;
}

.sidemenu-logo{
    text-align: center;
    padding: 10px;
}

.control-group > div:first-child {
    padding: 0;
    padding-right: 2px;
}

.control-group > div:last-child {
    padding: 0;
    padding-left: 2px;
}

.slider-handle {
    /*
    background-color: #d9230f !important;
    background-image: -webkit-linear-gradient(#e72510, #d9230f 6%, #cb210e) !important;
    background-image: -o-linear-gradient(#e72510, #d9230f 6%, #cb210e) !important;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e72510), color-stop(6%, #d9230f), to(#cb210e)) !important;
    background-image: linear-gradient(#e72510, #d9230f 6%, #cb210e) !important;
    */
    background-color: #868484 !important;
    background-image: -webkit-linear-gradient(#807e7e, #868484 6%, #848282) !important
        background-image: -o-linear-gradient(#807e7e, #868484 6%, #848282) !important;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e72510), color-stop(6%, #d9230f), to(#cb210e)) !important;
    background-image: linear-gradient(#807e7e, #868484 6%, #848282) !important;
}

.slider.slider-horizontal .slider-tick, .slider.slider-horizontal .slider-handle{
    margin-left: -10px !important;
    margin-top: -4px !important;
}

.slider-handle.round {
    border-radius: 50% !important;
    /*border-radius: 0px !important;*/
    height: 18px !important;
    width: 18px !important;
}
.slider .slider-selection {
    background: #BABABA;
}
.no-padding{
    padding: 0;
}

.slider.slider-horizontal {
    width: 100%!important; 
}

.btn-group.bootstrap-select.form-control.open > div > ul > li {
    padding: 0;
}

.dropdown-menu > li > a { 
    padding: 8px 25px !important;
}

.btn-group.bootstrap-select.show-tick.multiselect {
    width: 100%;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn)
{
    width: 100%!important;
}

input[type="text"] {
    width: 100% !important;
}

.sidebar fieldset {
    padding: 0 0 25px 0px;
}

.btn-group.btn-toggle .btn:first-child {
    border-radius: 4px 0px 0px 4px !important;
}

.btn-group.btn-toggle .btn:last-child {
    border-radius: 0px 4px 4px 0px !important;
}

.nowrap{
    white-space: nowrap;
}

.panel-heading .nav-pills > li {
    margin: -10px -10px 0 0;
}

.panel-heading .nav-pills > li > a {
    color: #fac0ba;
}

.panel-heading .nav .open > a, 
.panel-heading .nav .open > a:hover, 
.panel-heading .nav .open > a:focus {
    background-color: transparent!important;
    color: #fff;
    border-color: #d9230f;
}

.panel-heading .nav > li > a:hover, 
.panel-heading .nav > li > a:focus {
    background-color: transparent!important;
    text-decoration: none;
    color: #fff;
}

a.tab-tools.active {
    color: white !important;
}

ul.columns {
    -moz-column-count: 4;
    -moz-column-gap: 20px;
    -webkit-column-count: 4;
    -webkit-column-gap: 20px;
    column-count: 4;
    column-gap: 20px;
}

ul.columns li {
    list-style: none;
}

.sm-show{
    display: none;
}
.sm-hide{
    display: block;
}

.bx-wrapper img {
    margin: 0 auto;
}

.price{
    font-size: 16px;
    font-weight: bold;
    margin-top: -4px;
    display: block;
}

ul.actions li {
    list-style: none;
    float: left;
    display: block;
    padding: 5px;
}

.actions > li > a {
    display: block;    
    padding-top: 8px;
}

.inline-list{
    margin-left: -40px;
}
.inline-list li {
    position: relative;
    display: block;
    float: left; 
    padding-right: 50px;
    list-style: none;
    margin-top: -5px;
}

.image-upload.inline-list li {
    width: 141px;
}

.mfp-bg {    
    z-index: 99999!important;
}
.mfp-wrap {    
    z-index: 999999!important;
}
.modal {    
    z-index: 9999!important;
}
.navmenu-fixed-left, .navmenu-fixed-right, .navbar-offcanvas { 
    z-index: 99999 !important;
}

.bx-wrapper .bx-controls-direction a {    
    z-index: 999!important;
}

/* 

    for zoom animation 
    uncomment this part if you haven't added this code anywhere else

*/

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.3s ease-out; 
    -moz-transition: all 0.3s ease-out; 
    -o-transition: all 0.3s ease-out; 
    transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container, 
.mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0;
}

.gallery-img {
    background: white;
    border: 1px solid #ddd;
    margin: 0 -12px 15px 0px;
    text-align: center;
}

.table-specs tr td:first-child{
    font-weight: bold;
}

.navbar.navbar-inverse{
    border-radius: 0!important;
}

.collapse-link{
    display: none!important;
}

#advisorLock {    
    cursor: pointer;    
}


.mobile-device {
    display: block !important;
    position: absolute;
    opacity: 0;
    z-index: 2;
}

::-webkit-scrollbar {
    -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
    width: 12px;
}

::-webkit-scrollbar:horizontal {
    height: 12px;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #ffffff;
}

::-webkit-scrollbar-track {
    border-radius: 10px;  
    background-color: #ffffff; 
}

.table thead tr > th, .table tbody tr > td{
    white-space: nowrap;
}

#note_listing .table thead tr > th, .table tbody tr > td {
    white-space: inherit;
}

.ms-drop.bottom > ul > li > label > span {
    padding-left: 12px;
}
.ms-drop.bottom > ul > li > label:hover {
    cursor: pointer;
}

.ms-drop.bottom li:nth-child(even),
.ms-drop.bottom li:nth-child(odd){
    border-bottom: 0.5px solid #eee !important;
}

.ms-drop.bottom li:nth-child(odd)
{
    background: #FBFAFA !important;
}

.wizard > .steps .current a, .wizard > .steps .current a:hover, .wizard > .steps .current a:active {
    background: #a50d12 !important;
    color: #fff;
}

.wizard > .steps .done a, .wizard > .steps .done a:hover, .wizard > .steps .done a:active {
    background: #f9b8ba !important; 
    color: #fff;
}

.wizard > .content {
    background: #eee;
    min-height: 35em;
    overflow: hidden;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active {
    display: block;
    width: auto;
    margin: 0 0 0.5em 0;
    padding: 1em 1em;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.wizard ul {
    list-style: none !important;
    padding: 0;
    margin: 0;
}

.wizard > .steps .disabled a, .wizard > .steps .disabled a:hover, .wizard > .steps .disabled a:active {
    background: #eee;
    color: #aaa;
    cursor: default;
}

.wizard.vertical > .actions {
    display: inline;
    float: right;    
}

.wizard > .actions > ul > li {
    float: left;
    padding: 8px 0 0px 5px;
}
.wizard.vertical > div > section  {
    padding: 0 0 15px 0;
}

.inline{
    display: inline;
}

.label-bold{
    font-weight: bold;
}

.panel-collapse .buttons {
    padding: 0 14px 8px 0;
}

.clearfix{
    clear: both!important;
}

.hide{
    display: none!important;
}

.panel-primary.disabled {
    border-color: #ccc;
}

.panel-primary.disabled > .panel-heading {    
    background: #eee !important;
}
.panel-primary.disabled > .panel-heading a {
    color: #aaaaaa; 
}

.wizard .inline-list li {
    display: block;
    float: left;
    padding-right: 5px;
    list-style: none;
    margin-top: -5px;
}

.container-img {    
    overflow: hidden;
}

.container-img img {
    width: 1024px;
    height: 420px;
}

.container-img-thumb {
    width: 150px;
    height: 85px;
    overflow: hidden;
    background: #e0e0e0;
}

.overview-panel > .panel-body {
    padding: 15px;
    min-height: 524px;
}

#stock-available .panel-body{
    min-height: 0;
}
#summary .panel-body{
    min-height: 0;
}

div#construction-overview img {
    max-width: 100%;
}

img#uploaded_imgage { 
    max-width: 330px;
}

#upload_photo .modal-dialog, #upload_box .modal-dialog {
    width: 750px;
}

textarea#pt_description, textarea.doc-desc {
    height: 151px;
}

img.pp-images{
    height: 300px !important;
    width: 500px !important;
}

img.pp-images-thumb{
    height: 100px !important;
    width: 100px !important;
}

.table tbody > tr > th {
    text-align: center;
}

#taskDetail .modal-dialog {
    width: 800px!important;
}
#formnewcomment .modal-dialog {
    width: 65%!important;
}

#md-view-email .modal-dialog{
    width: 80%!important;
}

.alertify .ajs-modal {    
    z-index: 99999999!important;
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {    
    background-color: #a50d12!important;
    border-color: #a50d12!important;
}

.qq-upload-button {
    top: 5px;
}

#accordion .panel-body {
    min-height: 0!important; 
}

.list{
    list-style: none;
}

.datepicker {
    z-index: 99999!important;
}

.control-group select {
    display: inline;
}

.note-editable.panel-body{
    min-height: 0;
}

.quick-buttons li {
    padding-top: 8px;
}

#noteDetail .modal-dialog {
    width: 60%;
}

a.btn.btn-primary {
    min-width: 100px;
}

#areaListing .list > li {
    padding: 0;
    margin: 0 0 0 -30px;
}

.panel-default .panel-heading a {
    color: #777777;
    font-size: 14px;
}

a.page.active {
    background: #444444;
    color: white;
    border-radius: 5px;
}

.propertyListing .div-responsive {
    overflow: auto;
}

input[type='checkbox'] {
    -webkit-appearance: none;
    background-color: #fafafa;
    border: 1px solid #cacece;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 8px;
    border-radius: 2px;
    display: inline-block;
    position: relative;
    outline: thin !important;
}

input[type='checkbox']:active, input[type='checkbox']:checked:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

input[type='checkbox']:checked {
    /*background-color: #d9230f;
    border: 1px solid #d9230f;*/
    background-color: #3f4141;
    border: 1px solid #3f4141;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
    color: #fff;
}

input[type='checkbox']:checked:after {
    content: '\2714';
    font-size: 11px;
    position: absolute;
    top: 0px;
    left: 3px;
    color: #fff;
}

input[type='radio'] {
    -webkit-appearance: none;
    background-color: #fafafa;
    border: 1px solid #cacece;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    outline: thin !important;
    padding: 18px 0 0 18px;
    border-radius: 50px;
    display: inline-block;
    position: relative;
}

input[type='radio']:checked:after {
    content: ' ';
    width: 12px;
    height: 12px;
    border-radius: 50px;
    position: absolute;
    top: 3px;
    background: #d9230f;
    box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
    text-shadow: 0px;
    left: 3px;
    font-size: 32px;
}

input[type='radio']:checked {
    background-color: #e9ecee;
    color: #d9230f;
    border: 1px solid #adb8c0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);
}

input[type='radio']:active, input[type='radio']:checked:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.qq-upload-button {
    background: #d9230f;
    width: 42%;
    text-align: center;
    border-radius: 5px;
    padding: 8px;
    color: white;
}

.btn-group a.btn-primary {
    min-width: 0;
}

.listing .div-responsive {
    overflow: auto;
}

.solid-circle
{
    width: 25px;
    height: 24px;
    border-radius: 25px;
    font-size: 15px;
    color: #fff;
    line-height: 22px;
    text-align: center;
    background: #000;
    display: inline-block;
}

.navmenu-nav.dropdown-menu { position:relative !important; }

h1, .h1 {
    font-size: 25px!important;
}

.table-wrap th {
    white-space: normal !important;
}

.summary-image img {
    width: 100% !important;
    height: 245px;
}

.collapse-link-title {
    cursor: pointer;
}

table#tbl-active-clients td:nth-child(2) {
    white-space: nowrap;
}

.dataTable th:nth-child(2) {
    white-space: nowrap;
    min-width: 215px;
}

#tbl-clients th:nth-child(2) {
    white-space: nowrap;
    min-width: 115px;
}

#tbl-notes th:nth-child(1) {
    white-space: nowrap;
    min-width: 10% !important;
}
#tbl-notes th:nth-child(2) {
    white-space: nowrap;
    min-width: 10% !important;
}
#tbl-notes th:nth-child(3) {
    white-space: nowrap;
    min-width: 80% !important;
}

#tbl-clients th:nth-child(1){
    white-space: nowrap;
    min-width: 140px;
}

#tbl-property-list th:nth-child(1),
#tbl-property-list th:nth-child(2),
#tbl-property-list th:nth-child(3),
#tbl-property-list th:nth-child(4),
#tbl-property-list th:nth-child(5),
#tbl-property-list th:nth-child(6),
#tbl-property-list th:nth-child(7),
#tbl-property-list th:nth-child(8),
#tbl-property-list th:nth-child(9),
#tbl-property-list th:nth-child(10),
#tbl-property-list th:nth-child(11),
#tbl-property-list th:nth-child(12),
#tbl-property-list th:nth-child(13),
#tbl-property-list th:nth-child(14),
#tbl-property-list th:nth-child(15),
#tbl-property-list th:nth-child(16),
#tbl-reports th:nth-child(1){
    white-space: inherit;
    min-width: 10%;
    padding: 0;
}

/* Inside Project Detail */
.project-property-list #tbl-property-list th:nth-child(1) {
    min-width: 100px;
}
.project-property-list #tbl-property-list th:nth-child(2) {
    min-width: 50px;
}
.project-property-list #tbl-property-list th:nth-child(4) {
    min-width: 80px;
}
.project-property-list #tbl-property-list th:nth-child(6) {
    min-width: 80px;
}
.project-property-list #tbl-property-list th:nth-child(7),
.project-property-list #tbl-property-list th:nth-child(8),
.project-property-list #tbl-property-list th:nth-child(9){
    min-width: 40px;
    white-space: inherit;
}

.stages-drop ul.dropdown-menu {
    width: 30%;
}

span.fa {
    display: inline-block;
    width: 25px;
}

.drop-actions {
    padding-top: 6px;
}

.tracker-title {
    width: 70%;
    display: inline-block !important;
}

.panel-title.stocklist-title {
    display: inline-block;
    width: 70%;
}

.div-hide {
    display:none;
}

#docs_list{
    /*margin-left: -15px;*/
}

.property img.grd-property-img {
    width: 100%;
    height: 100%;
}

.center-text.property-desc {
    height: 75px;
}

ul.specs {
    text-align: right !important;
}

h4.price-title {
    font-size: 20px !important;
    margin-top: 5px !important;
}

.propertyListing div.propertyDetails {
    padding-left: 10px !important;
}

.property {
    position: relative;
}

.property > .center-text {
    height: 165px;
}

.p-r-10 {
    padding-right: 10px;
}

.p-l-r-5 {
    padding-right: 5px !important;
    padding-left: 5px !important;
    margin-top: -15px;
}
.p-l-r-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.property-desc h2, .property-desc h3 {
    font-size: 12px !important;
    font-weight: normal !important;
}

.property-desc {
    margin-top: 10px;
    margin-bottom: -10px;
}

.table-icons td {
    text-align: center;
}

.dataTables_wrapper .dropdown {
    width: 50%;
}

.prop-icons {
    color: white;
    margin-top: -8px;
}

table.table-icons tbody > tr:nth-child(2) > td {
    padding-top: 5px;
    font-weight: bold;
}

.propertyListing div.propertyDetails { 
    border-top: 1px solid #ffffff !important;
}

.stocklist-filter{    
    padding-right: 12px;
}

.div-responsive > .col-sm-12 {
    padding: 0;
}

#tbl-partners th:nth-child(1) {
    min-width: 200px;
}

.control-group > div:nth-child(1), .control-group > div:nth-child(2) {
    height: 50px;
}

.options > li h3 {
    display: block;    
    padding: 7px;
    margin: 0 !important;
    padding: 0 !important;
    padding-bottom: 8px !important;
}

.stocklist-slide-filter {
    width: 70%;
    padding: 25px 25px 0 25px;
}

.btn-filter {
    border-top: 1px solid #dddddd;
    padding-top: 30px;
    position: relative;
}

.stocklist-filter ul.options > li:first-child {
    margin-top: -15px;
}

.modal{
    z-index: 999999 !important;
}

.modal-backdrop{
    z-index: 99999;
}

.stocklist-tool span.fa {
    width: auto !important;
}

#tbl-myproperties th:nth-child(3) {
    min-width: 190px;
}

#tbl-myproperties th:nth-child(2) {
    white-space: nowrap;
    min-width: 150px;
}

a.headerFont1 {
    color: #666;
}

table.table.table-condensed.stocklist-icon-table {
    border: 1px solid #dddddd;
}

.property {
    max-width: 250px;
}

ul.stocklist-grid-list {
    text-align: center;
    padding: 0;    
}

ul.stocklist-grid-list li {
    width: 255px;
    list-style: none;
    display: inline-block;
    padding: 0;
    margin: 0;
    margin-top: -30px;
    margin-bottom: 10px;
}

.property > .center-text {
    position: relative;
}

img.exclusive {
    position: absolute;        
    top: 0px;
    left: 0px;
}

table.table.table-bordered.table-primary th,
table.table.table-bordered.table-primary th > a {
    background: #a50d12;
    color: #ffffff;
    font-weight: normal;
}

table.table.table-bordered.table-primary th:nth-child(2),
table.table.table-bordered.table-primary th:nth-child(3) {
    width: 5%;
}

table.table.table-bordered.table-primary td > a {
    color: #555555;
}

.myproperties-dropdown select {
    width: 100% !important;
}

footer .container {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.pb-10 {
    padding-bottom: 10px !important;
}

.datepicker.dropdown-menu {
    z-index: 9999999 !important;
}

.followupoverdue {
    background: #FFCCCC !important;
    color: #444444;
}
.completed {
    background: #CCFFCC !important;
    color: #444444;
}

div#property-list-filter a.dropdown-toggle:after { 
    content: "\e150";
    font-family: 'Glyphicons Halflings';
}
div#property-list-filter {
    padding-right: 9px;
    padding-top: 8px;
}
div#property-list-filter {
    width: auto!important;
}

/*table.dataTable thead .sorting:after{
    content: "" !important;            
}

table#tbl-property-list thead .sorting_desc,
table#tbl-property-list thead .sorting_asc{
    padding-right: 25px;
}
table#tbl-property-list thead .sorting_desc:after,
table#tbl-property-list thead .sorting_asc:after{
    bottom: 0!important;
}

table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after {
    color: #a50d12 !important;
    font-size: 10px;
}

table.dataTable thead .sorting_asc:after{
    content: "\e252" !important;    
    opacity: 1 !important;
}

table.dataTable thead .sorting_desc:after{
    content: "\e253" !important;    
    opacity: 1 !important;
}

table.table.table-bordered.your-team-tbl td:nth-child(3) {
    white-space: nowrap;
}*/

.compare-box a {
    color: #FFF;
}

.compare-box {
    position: absolute;
    z-index: 9999;
    right: 5px;
    padding: 0 6px 0 7px;
    top: 5px;
    font-size: 20px;
    background: #a50d12;
    border-radius: 2px;
}

#stages-filter ul.dropdown-menu {
    padding: 20px 25px 25px 0;
}

.vh-center {
    text-align: center;
    vertical-align: middle !important;
}

span.download-disk-icon {
    font-size: 15px;
    margin-top: 7px;
}

.item-compare-modal {
    width: 450px;
}

.btn-filter {
    position: fixed;
    bottom: -16px;
    right: 11px !important;
    left: auto !important;
    width: 67%;
    background: #f8f8f8; 
    padding-bottom: 25px;
}

.cmp-logo img {
    max-width: 100%;
    /*height: auto;*/
    /*margin-top: 5px;*/
}

/* Mobile responsiveness */
@media(min-width: 600px)
{
    .lg-no-padding {
        padding: 0!important;
    }
}

@media (min-width: 600px) and (max-width: 1200px){
    .col-sm-6 {
        width: 50%;
        float: left;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    #navbar-main{
        font-size: 12px;
    }
}

@media (min-width: 992px) and (max-width: 1023px) {
    #navbar-main{
        font-size: 11px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .navbar-collapse.collapse {
        /*display: none !important;*/
        display: none;
    }
    .navbar-header {
        float: none!important; 
    }
    .navbar-toggle {
        display: block !important;
    }
}

@media (max-width: 430px) {
    .tool-icons {
        margin-top: 6px;    
    }
}

/*@media (max-width: 767px){*/
@media (max-width: 991px){
    .item-compare-modal {
        width: auto !important;
    }
    .collapse {
        /*display: none !important;*/
        display: none;
    }

    .sm-hide{
        display:none;
    }

    .sm-show{
        display:block;
    }

    .ms-drop.bottom {    
        box-shadow: none !important;
    }

    .ms-drop {    
        border: 0 !important;
    }

    .property > .center-text {
        height: auto !important;
    }

    #contact_id_Solicitor {
        width: 150px;
    }
    #docs_wrapper .form-group a {
        margin-top: 5px;
    }
    .auto-scroll {
        height: 170px;
        overflow: auto;
    }

    ul.columns {        
        column-count: 1;
    }

    .stages-drop ul.dropdown-menu {
        width: 80% !important;
    }
    select#stages_property_id {
        display: inline;
        width: 70% !important;
    }
    .div-responsive{
        overflow: auto;
        margin: 0;
    }

    .div-responsive .col-sm-12 {
        padding-left: 0;
    }

    .table-responsive
    {
        overflow-x: auto;
    }

    .block.featured_article, .block.featured_property{
        height: 193px;
    }    

    .featured-image-sb {
        width: 100%;
    }
    .featured-text-sb {
        position: relative;
        width: 100%;
        margin-bottom: 50px;
    }

    .wrapper {
        min-height: 100%;    
        margin: 0 auto -140px; /* the bottom margin is the negative value of the footer's height */
    }

    footer, .push {
        height: 140px; /* .push must be the same height as .footer */
    }

    .cmp-logo{
        float: none;
        text-align: center;
    }

    .cmp-usr-profile{
        float: none;
        text-align: center;
    }

    .cmp-logo img {
        max-width: 44%;
        height: auto;
    }

    .cmp-usr-profile h2 {
        display:none;
    }

    .cmp-usr-profile p {
        margin: 0;
        margin-top: 5px;
    }

    .navbar-brand{
        display: block;
    }
    footer .pull-right{
        float: none!important;
    }
    footer img{
        /*height: auto;*/
    }
    footer div, footer .contact h6, footer p {
        float: none!important;
        text-align: center;
        font-size: 8px;
    }
    img.grd-property-img {
        width: 215px;
        height: auto;
    }

    .sm-no-padding {
        padding: 0!important;
    }

    ul.actions li {
        float: none; 
    }

    .pull-left-sm {
        float: left!important;
    }

    .pull-none-sm {
        float: none!important;
    }
    .img-caption{
        display: block;
    }
    .collapse-link{
        display: inline-block!important;
    }

    .mt-40-sm{
        margin-top: 40px;
    }

    .center-text-sm{
        text-align: center;
    }

    .table {
        font-size: 12px;
    }

    .wizard.vertical > .steps {     
        padding: 0;
    }


    .container-img {
        width: auto;
        height: auto;
        overflow: hidden;
    }

    .container-img img {
        height: 300px;
    }

    .container-img-thumb {
        width: auto;
        height: auto;
        overflow: hidden;
    }

    #upload_photo .modal-dialog, #upload_box .modal-dialog {
        width: auto!important;
    }

    img#uploaded_imgage {
        max-width: 100%;
    }

    .fancybox-wrap.fancybox-default.fancybox-opened {
        top: 90px!important;
    }

    textarea#pt_description, textarea.doc-desc {
        height: auto;
    }
    img.pp-images {
        height: auto!important;
    }
    img.pp-images-thumb {
        height: auto !important;     
    }
    #taskDetail .modal-dialog{
        width: 100%!important;
    }    
    .height-85{ height:auto!important; }
    .height-185{ height:auto!important; }
    .height-300{ height:auto!important; }
    .sm-mt-10{margin-top: 10px!important;}
    .sm-mt-40{margin-top: 40px!important;}
    #formnewcomment .modal-dialog{width: auto!important;}

    .control-group select {
        width: 100% !important;
        display: inline;
    }

    #noteDetail .modal-dialog {
        width: auto!important;
    }

    .wp-5,.wp-6,.wp-7,.wp-8,.wp-9,.wp-10,.wp-40,.wp-60,.wp-80,.wp-100{
        width:auto!important
    }
    img#logo {
        width: 100%;
        height: auto;
    }
    img.login-logo {
        height: 20% !important;
        width: auto !important;        
    }

    .panel-body {
        min-height: 0!important;
    }

    a.btn.btn-primary {
        min-width: 30%;
    }

    html{
        overflow-y:scroll!important;
    }
    footer{
        position: relative!important;
    }

    .inline-list li {    
        padding-right: 15px !important;
    }

    .modal-footer button, .modal-footer a, .modal-footer span {
        margin-top: 5px;
    }

    .property img.grd-property-img {
        width: 100%;
        height: 170px;
    }
}

@media (max-width: 421px){
    .container-img img {
        height: 250px;
    }
}

@media (max-width: 331px){
    .container-img img {
        height: 200px;
    }
}

.qq-upload-file {
    padding: 15px 8px 0 0;
    display: inline-block;
}

.qq-upload-success {
    list-style: none;
    margin-left: -40px;
}

fieldset.custom-fieldset {
    border: 1px solid #c0c0c0 !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
    box-shadow:  0px 0px 0px 0px #000;
}

.img-circle {
    border-radius: 50%;
}

.btn-red {
  color: #ffffff;
  background-color: #a50d12;
  border-color: #a50d12;
}
.btn-red:focus,
.btn-red.focus {
  color: #ffffff;
  background-color: #a50d12;
  border-color: #a50d12;
}
.btn-red:hover {
  color: #ffffff;
  background-color: #a50d12;
  border-color: #a50d12;
}
.btn-red:active,
.btn-red.active,
.open > .dropdown-toggle.btn-red {
  color: #ffffff;
  background-color: #a50d12;
  border-color: #a50d12;
}
.btn-red:active:hover,
.btn-red.active:hover,
.open > .dropdown-toggle.btn-red:hover,
.btn-red:active:focus,
.btn-red.active:focus,
.open > .dropdown-toggle.btn-red:focus,
.btn-red:active.focus,
.btn-red.active.focus,
.open > .dropdown-toggle.btn-red.focus {
  color: #ffffff;
  background-color: #a50d12;
  border-color: #a50d12;
}
.btn-red:active,
.btn-red.active,
.open > .dropdown-toggle.btn-red {
  background-image: none;
}
.btn-red.disabled:hover,
.btn-red[disabled]:hover,
fieldset[disabled] .btn-red:hover,
.btn-red.disabled:focus,
.btn-red[disabled]:focus,
fieldset[disabled] .btn-red:focus,
.btn-red.disabled.focus,
.btn-red[disabled].focus,
fieldset[disabled] .btn-red.focus {
  background-color: #a50d12;
  border-color: #a50d12;
}

.btn-red,
.btn-red:hover {
  background-image: -webkit-linear-gradient(#a50d12, #a50d12 6%, #a50d12);
  background-image: -o-linear-gradient(#a50d12, #a50d12 6%, #a50d12);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#a50d12), color-stop(6%, #a50d12), to(#a50d12));
  background-image: linear-gradient(#a50d12, #a50d12 6%, #a50d12);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a50d12', endColorstr='#a50d12', GradientType=0);
  -webkit-filter: none;
          filter: none;
  border: 1px solid #a50d12;
}

.table tfoot > tr {
    background: #E7E7E7;
}

.pnl-main {
    padding-bottom: 0;
}

.pnl-filter {
    background: #f7f7f7
}

.pnl-filter .panel-body{
    margin-bottom: 0;
}

.pnl-filter-box {
    padding-right: 7px;
    overflow: auto;
}

.lgn-filters legend {
    border: none;
}

@media (max-width: 530px){
    footer {
        height: auto !important;
    }
    footer .container {
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
    }
    .logo-bar{
        margin-top: 0;
    }
    
    .wrapper {
        min-height: 92%;
    }
    
    .div-hide-mobile {
        display:none;
    }
    .div-show-mobile {
        display:block;
    }
    .logo_footer {
        width:100px !important;
        height:auto !important;
    }
}

@media (min-width: 530px){
    .div-hide-mobile {
        display:block;
    }
    .div-show-mobile {
        display:none;
    }
}


.modal-dialog {
    margin-top: 0;
    margin-bottom: 0;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.modal.fade .modal-dialog {
    transform: translate(0, -100%);
}

.modal.in .modal-dialog {
    transform: translate(0, 0);
}