/* ------- angular-ui hack ----------- */
.nav, .pagination, .carousel, .panel-title a, .link { cursor: pointer; }

.no-animate,
button,
i.fa,
span.fa {
    -webkit-transition: none !important;
    transition: none !important;
}



/* ------- bootstrap overwrite ------- */

#voilab-estate .btn-default {
    background-color: #d0e200;
    border-color: #d0e200;
    color: #69615f;
}

#voilab-estate .btn-default[disabled]:hover {
    background-color: #d0e200;
    border-color: #d0e200;
    color: #69615f;
}

#voilab-estate .btn-default i {
    font-size: 1.5em;
    display: inline-block;
    vertical-align: super;
    margin-right: 5px;
}

#voilab-estate .btn-default .btn-text {
    display: inline-block;
    line-height: 1em;
    text-align: left;
}

#voilab-estate .btn-default.btn-one-line i {
    vertical-align: middle;
}

#voilab-estate .btn {
    border-radius: 0;
}

#voilab-estate .table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #f4f2ee;
}
#voilab-estate .table-striped > tbody > tr:nth-of-type(2n+1).lot-detail-row {
    background-color: white;
}

#voilab-estate .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border-top: 0;
}

#voilab-estate select.form-control {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20fill%3D%22%23555555%22%20%0A%09%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%22-261%20145.2%2024%2024%22%20style%3D%22enable-background%3Anew%20-261%20145.2%2024%2024%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M-245.3%2C156.1l-3.6-6.5l-3.7%2C6.5%20M-252.7%2C159l3.7%2C6.5l3.6-6.5%22%2F%3E%0A%3C%2Fsvg%3E");
    padding-right: 25px;
    background-repeat: no-repeat;
    background-position: right center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}






/* ------- general styles ------------ */

#voilab-estate,
.voilab-estate-modal {
    color: #69615f;
}

@media (max-width: 767px) {
    #voilab-estate {
        padding-left: 0;
        padding-right: 0;
    }
}

#voilab-estate h1 {
    float: left;
    color: #69615f;
    font-size: 1.6em;
    text-transform: uppercase;
    font-weight: bold;
    margin: 20px 0;
    padding-bottom: 5px;
    border-bottom: 2px solid #d0e200;
}

#voilab-estate .admin h1 {
    float: inherit;
}

#voilab-estate h3 {
    color: #69615f;
    font-size: 1.2em;
    margin: 5px 0;
}

#voilab-estate a {
    color: #69615f;
}

#voilab-estate a:hover {
    color: #282524;
}

#voilab-estate .title h2 {
    width: 320px;
    background-color: #69615f;
    color: white;
    line-height: 1.5em;
    font-size: 1.1em;
    font-weight: normal;
    padding: 5px 15px 5px;
    margin: 0;
    text-align: left;
}

#voilab-estate .display-type .icons-label {
    display: inline-block;
}

#voilab-estate .display-type .icons {
    display: inline-block;
}

#voilab-estate .display-type .icons i {
    margin-left: 10px;
}

#voilab-estate .display-type .icons i.active {
    color: black;
    cursor: auto;
}

#voilab-estate .middle-control-label {
    font-weight: 700;
}

#voilab-estate sup.required {
    color: red;
}



/* -------- promotion and header -------- */

#voilab-estate .promotion header {
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    #voilab-estate .promotion .standard-display {
        float: right !important;
    }
}



/* -------- visual search -------- */

#voilab-estate .visual-search {
    padding-top: 10px;
    /*width: 1140px;*/
    /*z-index: 1000;*/
    /*background-color: white;*/
    border-bottom: 2px solid #69615f;
    margin-bottom: 10px;
}

#voilab-estate .visual-search.affix {
    top: 0;
}

#voilab-estate .visual-search .col-sm-3,
#voilab-estate .visual-search .col-sm-4,
#voilab-estate .visual-search .col-sm-5 {
    padding: 0;
}

#voilab-estate .visual-search h3 {
    text-transform: uppercase;
    background-color: #d6d1c8;
    color: #69615f;
    padding: 8px 0 8px 20px;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}

#voilab-estate .visual-search h3.with-sep {
    background: #d6d1c8 url(../img/sep.png) no-repeat right;
}

/* -------- building svg --------- */

#voilab-estate .building-container {
    padding: 0 3%;
}

#voilab-estate .building-container.standard-display {
    border-right: 2px solid #69615f;
    padding: 0 20px 0 0;
}

@media (max-width: 767px) {
    #voilab-estate .building-container.standard-display {
        border-right: 0;
    }
}

#voilab-estate .building-container g.building:hover > * {
    fill: #8c827e !important;
    cursor: not-allowed;
}

#voilab-estate .building-container g.building.used:hover > * {
    cursor: pointer;
}

#voilab-estate .profile-building {
    padding: 0 10px;
}

#voilab-estate .profile-building svg {
    max-height: 200px;
}




/* -------- storeys -------------- */

#voilab-estate .storey-container {
    padding: 0 3%;
}

#voilab-estate #storeys * {
    fill: transparent;
}

#voilab-estate #storeys :hover {
    fill: #e4e2df !important;
    cursor: not-allowed;
}

#voilab-estate #storeys .used:hover {
    cursor: pointer;
}



/* -------- lots svg -------------- */

#voilab-estate .storey-plan-container {
    padding: 0 3%;
}

#voilab-estate .storey-plan-container #Lots polygon,
#voilab-estate .storey-plan-container #Lots path,
#voilab-estate .storey-plan-container #Lots circle,
#voilab-estate .storey-plan-container #Lots rect {
    cursor: pointer;
}

#voilab-estate .storey-plan-container #Lots .booked,
#voilab-estate .storey-plan-container #Lots .ongoinglease {
    fill: #e4c639 !important;
}

#voilab-estate .storey-plan-container #Lots .unavailable {
    fill: #e36a63 !important;
}




/* -------- lots ------------------- */

#voilab-estate .lot-container-wrapper {
    padding-right: 0;
}

#voilab-estate .is-mobile .lot-container-wrapper {
    padding-left: 0;
}

@media (min-width: 768px) {
    #voilab-estate .lot-container-wrapper.col-sm-9 {
        width: calc(75% - 1px);
    }
}

#voilab-estate .table.lots th {
    background-color: #d6d1c8;
    white-space: nowrap;
    cursor: pointer;
}

#voilab-estate .table.lots td {
    line-height: 34px;
}

#voilab-estate .table.lots tr.hover.clickable td {
    cursor: pointer;
}

#voilab-estate .pager button {
    border-radius: 3px;
}

#voilab-estate .pager button[disabled] {
    display: none;
}

#voilab-estate .lots .availability.unavailable {
    color: #e36a63;
}

#voilab-estate .lots .availability.available {
    color: #81cd67;
}

#voilab-estate .lots .availability.booked,
#voilab-estate .lots .availability.ongoinglease {
    color: #e4c639;
}




/* -------- lot preview ----------- */

#voilab-estate .lot-summary {
    background-color: #f4f2ee;
}

#voilab-estate .lot-summary.affix {
    width: 350px;
}

@media (max-width: 1024px) {
    #voilab-estate .lot-summary.affix {
        width: 283.33px;
    }
}

#voilab-estate .lot-summary.affix.visual {
    /*top: 370px;*/
    top: 20px;
}
#voilab-estate .lot-summary.affix.standard {
    top: 20px;
}

#voilab-estate .lot-summary h2 {
    text-transform: uppercase;
    background-color: #d6d1c8;
    color: #69615f;
    padding: 8px 0 8px 10px;
    font-size: 14px;
    font-weight: bold;
    margin-top: 0;
}

#voilab-estate .lot-summary .lot-summary-content {
    padding: 10px;
}

#voilab-estate .lot-summary .lot-summary-content > div {
    padding: 0;
}

#voilab-estate .lot-summary .lot-summary-content .left > div {
    font-size: 1.2em;
}

#voilab-estate .lot-summary .lot-summary-content .right > div {
    text-align: right;
    font-size: 0.9em;
}

#voilab-estate .lot-summary .lot-summary-content .image {
    margin-top: 10px;
}

#voilab-estate .lots-download {
    white-space: normal;
}


/* -------- lot detail ----------- */

#voilab-estate .lot-detail-row td {
    padding: 0;
}

#voilab-estate .lot-detail {
    margin-right: 0;
    margin-left: 0;
    display: flex;
    border-bottom: 3px solid transparent;
}

#voilab-estate .is-mobile .lot-detail {
    flex-direction: column-reverse;
}

#voilab-estate .lot-detail .lot-informations {
    text-align: left;
    background-color: #f4f2ee;
    padding: 10px;
}

#voilab-estate .is-desktop .lot-container-wrapper:not(.full-width) .lot-detail .lot-informations {
    width: 33%;
}
#voilab-estate .lot-container-wrapper.full-width .lot-detail .lot-informations {
    flex: 1;
}

#voilab-estate .lot-detail .lot-informations h2 {
    font-weight: bold;
    font-size: 24px;
}

#voilab-estate .lot-container-wrapper:not(.full-width) .lot-detail .lot-images {
    flex: 1;
}

#voilab-estate .lot-container-wrapper:not(.full-width) .lot-detail .lot-images img {
    max-height: 500px;
}

#voilab-estate .lot-container-wrapper.full-width .lot-detail .lot-images {
    min-width: 350px;
    max-width: 650px;
}

#voilab-estate .lot-detail .lot-images .lot-carousel {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 2px solid #d6d1c8;
}

#voilab-estate .lot-container-wrapper .lot-detail .lot-images .storey-plan {
    max-width: 400px;
    margin: auto;
}

#voilab-estate .lot-detail ul {
    margin: 0;
    padding: 0;
}

#voilab-estate .lot-detail ul li {
    list-style-type: none;
    padding: 2px 0;
    margin: 0;
    line-height: 24px;
}

#voilab-estate .lot-detail .lot-description {
    margin-bottom: 30px;
    line-height: 1em;
    white-space: normal;
}

#voilab-estate .lot-detail .action-buttons .btn {
    width: 195px;
    text-align: left;
    font-size: 17px;
    padding: 10px 12px;
}

#voilab-estate .carousel-control.right,
#voilab-estate .carousel-control.left {
    background-image: none;
}

#voilab-estate .lot-detail .btn.lot-documentation-download {
    margin-top: 15px;
    font-size: 1em;
}

#voilab-estate .lot-detail .btn.edit-button {
    margin-bottom: 15px;
}

/* -------- standard search --------- */

#voilab-estate .sticky-standard-search {
    padding: 0;
}

#voilab-estate .is-mobile .sticky-standard-search {
    margin-bottom: 20px;
}

#voilab-estate .standard-search {
    background-color: #f4f2ee;
    padding: 0;
}

#voilab-estate .standard-search h3 {
    background-color: #d6d1c8;
    margin: 0;
    padding: 10px;
    font-weight: bold;
    color: inherit;
    font-size: inherit;
}

#voilab-estate .standard-search .form-inline {
    margin-bottom: 10px;
}

#voilab-estate .standard-search .form-inline label {
    display: block;
    width: 110px;
    margin-top: 15px;
}

#voilab-estate .standard-search label.checkbox {
    font-weight: normal;
    width: auto;
}

#voilab-estate .is-mobile .standard-search label.checkbox {
    width: auto;
}
#voilab-estate .is-mobile .standard-search label.checkbox input[type=checkbox] {
    position: static;
    margin-left: 0;
    margin-top: 0;
}

#voilab-estate .standard-search select.form-control {
    width: 120px;
    background-image: none;
    background-color: white;
}

#voilab-estate .standard-search .search-form {
    padding: 10px;
}

#voilab-estate .standard-search .search-form .rooms {
    display: flex;
}

#voilab-estate .standard-search .search-form .rooms .room {
    border-radius: 4px;
    background-color: white;
    padding: 4px 12px;
    margin: 0 5px;
    font-weight: bold;
    cursor: pointer;
}

#voilab-estate .standard-search .search-form .rooms .room:first-child {
    margin-left: 0;
}

#voilab-estate .standard-search .search-form .checkbox-container {
    display: flex;
    flex-wrap: wrap;
}

#voilab-estate .standard-search .search-form .checkbox-container .form-inline {
    flex-basis: 45%;
    white-space: nowrap;
}

#voilab-estate .standard-search .search-form .checkbox-container .filter-balcony {
    margin-right: 10px;
}

#voilab-estate .form-control[disabled] {
    background-color: #ccc;
}

#voilab-estate .standard-search .num-results-container {
    border-top: 1px solid #69615f;
    padding: 15px 0;
}

#voilab-estate .standard-search .num-results {
    margin: 6px 12px;
}

@media (max-width: 767px) {
    #voilab-estate .standard-search .search-form {
        padding: 0 5px;
    }

    #voilab-estate .standard-search .form-inline label {
        width: 80px;
    }
}


/* -------- lot admin popup --------- */

.modal-dialog .lot-admin-form .control-label {
    padding-top: 0;
}

.modal-dialog .lot-admin-form .agencies label {
    font-weight: normal;
}

/* ------ / lot admin popup --------- */

.contact-form .phone-number {
    font-size: 20px;
    margin: 10px 0 50px 0;
}

.contact-form .agency {
    text-align: center;
    margin-bottom: 25px;
}




/* -------- admin general ----------- */

#voilab-estate .admin .nav li.active {
    text-decoration: none;
    background-color: #eee;
}

#voilab-estate .fa-trash-o {
    color: #c60000;
}


/* -------- admin users ------------- */

#voilab-estate .admin .users .filters {
    margin-bottom: 10px;
}




/* -------- fix for ng-toast css ---- */

.ng-toast {
    left: 0;
}