.ad-view-page {
    /*max-width: 1024px;
    margin: auto;*/
}

.breadcrumbs {
    font-size: 14px;
    margin: 15px 0 25px;
}
.breadcrumbs .chain-spacer {
    padding: 0 3px;
    vertical-align: top;
}
.breadcrumbs .fa {
    font-size: 18px;
}
.breadcrumbs span {
    display: inline-block;
}

/*** panels ***/

.summary {
    margin: 25px 0 30px;
}

.center-panel {
    width: calc(100% - 325px);
    float: left;
}
.high-side-panel .center-panel {
    padding-top: 15px;
}

.side-panel {
    width: 300px;
    float: right;
    padding-left: 30px;
    margin-left: 25px;
    border-left: 1px solid #e8e8e8;
    /*border-right: 1px solid #dcdcdc;*/
    /*padding-right: 30px;*/
}
.side-panel.alt1 {
    padding: 10px 20px;
    background-color: whitesmoke;
    border-radius: 2px;
    border: 1px solid #e8e8e8;
}
.side-panel.alt2 {
    border-left: 3px solid #03bfe8;
    border-right: none;
    padding: 5px 20px;
    background-color: whitesmoke;
    border-radius: 2px;
}
.side-panel.alt2 .title {
    border-color: #d4d4d4 !important;
}
.side-panel .seller-expand-button-mobile .inactive-ad-phone {
    font-size: 1.3em;
    font-weight: bold;
    color: #484848;
}
.side-panel .inactive-ad-warning {
    text-align: center;
    margin: 10px 0;
    font-weight: bold;
    padding: 10px;
    /*color: #8d0000;*/
}
.side-panel .inactive-ad-warning .fa {
    color: #ff9900;
}

/*** Center panel content ***/

.listing-title {
    border-left: 3px solid #03bfe8;
    margin: 0 0 20px;
    padding: 0 0 0 15px;
    text-align: left;
    font-size: 22px;
    color: black;
    font-weight: bold;
}
.listing-title .operation {
    display: block;
    color: #505050;
}
.listing-title .location {
    display: block;
    margin-top: 3px;
    font-size: 17px;
    font-weight: normal;
}
/*.listing-title .location.long-text {
    font-size: 16px;
}*/

.summary em {
    font-weight: bold;
    font-style: normal;
}

.summary .params > * {
    display: inline-block;
}
.summary .params > *:not(:last-child)::after {
    content: '|';
    color: #e8e8e8;
    padding: 0 10px;
}

.summary .params .square {
    margin-bottom: 4px; /* if word-wrapped */
}
.summary .params .square em {
    margin-left: 5px;
    /*font-size: 1.15em;*/
}
.summary .params .square .square-total .units,
.details-table .square .square-total .units,
.details-table .square .garazh-size .units {
    margin-left: 3px;
}
.details-table .square .garazh-size .x {
    margin: 0 1px;
}

.summary .summary-footer {
    position: relative;
    line-height: 29px;
}
.summary-footer .date-placed,
.summary-footer .views-count,
.summary-footer .all-photos-score {
    color: #9f9f9f;
    font-size: 0.9em;
    margin-right: 20px;
    display: inline-block;
}
.summary-footer .views-count .fa,
.summary-footer .all-photos-score .fa {
    font-size: 14px;
    margin-top: -3px;
}
.summary-footer .views-count .admin-reset {
    margin-left: 5px;
    margin-top: -2px;
    color: gray;
    cursor: pointer;
}
.summary-footer .summary-buttons {
    display: inline-block;
    white-space: nowrap;
    margin-top: -1px;
}
.summary-footer .btn-user-note .fa {
    margin-top: -1px;
    font-size: 19px;
}
.summary-footer .btn-complain .fa {
    font-size: 18px;
}
/*hide label*/
@media (max-width: 500px),
(min-width: 631px) and (max-width: 850px) {
    .summary-buttons .btn-flat.btn-sm {
        padding: 3px 6px;
    }
    .summary-buttons .btn-flat.btn-sm .fa {
        margin-right: 0 !important;
    }
    .summary-buttons .btn-flat span {
        display: none;
    }
    .summary-buttons .btn-flat:first-child {
        /*margin-right: -3px;*/
    }
    .summary-buttons .btn-user-note .fa {
        font-size: 22px;
    }
    .summary-buttons .btn-complain .fa {
        font-size: 21px;
    }
}
@media (max-width: 850px) {
    .summary-buttons {
        float: right;
    }
}

/* controls shown for owners */
.owner-edit-panel {
    margin-top: 12px;
    /*margin: -15px 0 20px;*/
    background-color: #fff1d3; /*need attention*/
    padding: 7px 0 5px 8px;
}
.owner-edit-panel .my-title {
    font-weight: bold;
    margin-bottom: 3px;
}
.owner-edit-panel .btn {
    margin: 0 5px 8px 0;
}
.owner-edit-panel .btn-manage .fa {
    /*color: #cc3c3c;*/
    color: #03bfe8;
}
.owner-edit-panel .btn-prolongate .fa {
    color: #03bfe8;
}
.owner-edit-panel .btn-top .fa {
    color: #1ab300;
}
@media (max-width: 770px) {
    .owner-edit-panel .btn {
        width: 47.5%;
    }
}

/*** Side panel content ***/

.price {
    font-size: 32px;
    font-weight: 900;
    color: #31c702;
    text-align: left;
    margin: 0 0 14px 0;
}
.price .torg {
    font-size: 18px;
    font-weight: bold;
    vertical-align: middle;
}

.price.many-letters {
    font-size: 26px;
}
.price.many-letters .torg {
    font-size: 15px;
}

/* price hints */
.price-hint {
    color: #333;
    font-size: 13px;
    font-weight: normal;
    padding-left: 25px;
    position: relative;
}
.price-hint .fa {
    position: absolute;
    font-size: 18px;
    color: orange;
    left: 0;
    top: 0;
}
.price-hint.two-lines .fa {
    top: 5px;
}
.price-hint + .price-hint {
    margin-top: 10px !important;
}

.developer-fee {
    text-align: left;
}
.developer-fee.INCLUDED .fa {
    color: #6bbee6;
}

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

.rent-extra-payments-hint {
    margin-top: -3px;
}
.rent-extra-payments-hint.OTHER {
    text-align: left; /* 2 lines of text, needed for Mobile */
}
.rent-extra-payments-hint:not(.ALL_INCLUSIVE) {
    padding-left: 0;
}
.rent-extra-payments-hint.ALL_INCLUSIVE .fa {
    top: 1px;
    color: #31c702;
}

.dropdown.interested {
    color: #333;
    font-size: 1rem;
    margin: 5px 0 4px;
}
.dropdown.interested .dropdown-button {
    padding: 10px 12px;
    font-weight: bold;
}

.dropdown.full-width .dropdown-button {
    width: 100%;
}
.dropdown.full-width .dropdown-button span:first-child {
    float: left;
}
.dropdown.full-width .dropdown-button span.caret {
    float: right;
    margin-top: 8px;
}

.seller-info {
    margin-bottom: 10px;
}
.seller-info .title {
    /*font-size: 1.1em;*/
    font-weight: bold;
    margin-bottom: 7px;
    padding-bottom: 5px;
    border-bottom: 1px solid #e8e8e8;
}
.seller-name {
    float: left;
    width: 50%;
    text-overflow: ellipsis;
    word-break: break-word;
}
/* common for summary and daily rent bottom panel */
.seller-phone {
    float: left;
    width: 50%;
    text-align: right;
    /*white-space: nowrap;*/
    font-size: 1.1em;
    font-weight: bold;
}
.seller-phone .intl-phone-warn {
    position: relative;
}
.seller-phone .intl-phone-warn:before {
    content: "\f06a";
    font: normal normal normal 14px/1 FontAwesome;
    color: red;
    position: absolute;
    left: -14px;
    top: 4px;
}
.seller-phone .value {
    display: inline-block;
}
.seller-phone .value.masked:not(.clickable) {
    color: #484848;
    cursor: default;
}
.seller-contacts .messengers {
    font-size: 0.9em;
    text-align: right;
    padding-top: 5px;
    clear: both;
    position: relative;
}
.seller-contacts .messengers .messenger {
    margin-bottom: 6px;
}
/* messenger icons */
.seller-contacts .messenger:before {
    content: '';
    width: 18px;
    height: 18px;
    display: inline-block;
    background-size: 18px;
    margin-right: 3px;
    position: relative;
    top: 1px;
    vertical-align: top;
}
.seller-contacts .messenger.viber:before {
    background-image: url(/img/3rdparty/messengers/viber.png);
}
.seller-contacts .messenger.telegram:before {
    background-image: url(/img/3rdparty/messengers/telegram.png);
}
.seller-contacts .messenger.whatsapp:before {
    background-image: url(/img/3rdparty/messengers/whatsapp.png);
}

.seller-contacts:not(.shown) .value:not(.masked),
.seller-contacts.shown .value.masked,
.seller-contacts.shown .show-contacts,
.seller-contacts:not(.shown) .messengers,
.seller-contacts:not(.shown) .call-time {
    display: none;
}
.seller-expand-button-mobile {
    text-align: center;
    padding-right: 10px;
}
.seller-expand-button-mobile .btn-flat {
    /*padding: 6px 22px;*/
    font-size: 16px;
}
.show-contacts {
    text-align: right;
    /* to not shift content down and prevent jump on click */
    margin-bottom: -21px;
}
.show-contacts a {
    font-size: 12px;
    line-height: 1.1;
    cursor: pointer;
}
.show-contacts a:not(:hover) {
    color: #4a4a4a;
}

.call-time {
    font-size: 12px;
    font-weight: normal;
    text-align: right;
    clear: both;
    padding-top: 3px;
}
.call-time .fa {
    font-size: 18px;
    color: #ffa820;
}

.agency-fee-hint {
    float: right;
}
.agency-fee-hint .fa {
    /*font-size: 20px;*/
}

.btn-start-paperwork {
    width: 100%;
    text-align: center;
    margin-top: 10px;
}
.btn-start-paperwork .fa {
    font-weight: bold;
    font-size: 19px;
}
@media (max-width: 630px) {
    /*too noticable on mobile, hide for tests*/
    .btn-start-paperwork {
        display: none;
    }
}

/*** Photo quality ***/
.photo-quality {
    margin: -15px 0 30px;
}
.photo-quality-indicator {
    float: left;
    margin-left: 10px;
    margin-bottom: 10px;
}
.photo-warning-details {
    display: block;
    margin-left: 130px;
}
.photo-warning-details.short {
    display: none;
    padding-right: 30px;
}
@media (max-width: 550px) {
    .photo-warning-details:not(.short) {
        display: none;
        margin-left: 0;
        clear: left;
    }
    .photo-warning-details.short {
        display: block;
    }
    .photo-warning-details.short .hint {
        font-size: 0.85em;
        line-height: 1.2;
    }
}


.price-change-sub {
    background-color: #e5f7ff;
    padding: 1.5rem 1.5rem 1px;
    margin-bottom: 20px;
}
.price-change-sub .title {
    font-size: 1.25em;
    font-weight: bold;
    line-height: 1.35em;
    margin-bottom: 20px;
}
.price-change-sub .discount,
.price-change-sub .target-price {
    font-weight: bold;
    font-size: 14px;
}
.price-change-sub .discount .value,
.price-change-sub .target-price .value {
    font-weight: bold;
    font-size: 20px;
    padding-left: 10px;
}
.price-change-sub .discount .value {
    color: #ff7800;
}
.price-change-sub .target-price .value {
    color: #31c702;
}
.price-change-sub.view .next-price {
    font-weight: bold;
}
.price-change-sub .email-row {
    max-width: 400px;
    margin: 10px auto 15px;
}
.price-change-sub .email-row label {
    margin-top: 7px;
}
.price-change-sub .hint {
    margin-top: 15px;
}
.price-change-sub .irs-bar,
.price-change-sub .irs-bar-edge {
    background: none;
}
.price-change-sub .buttons {
    margin-top: 25px;
}
.price-change-sub-more-info {
    margin-top: 20px;
}

.price-change-sub-expand-link {
    font-size: 12px;
    margin: -5px 0 10px;
}
.price-change-sub-expand-link a:after {
    font-size: 16px;
}
.price-change-sub-expand-link a:not(:hover) {
    color: #bdbdbd;
}
.price-change-sub-expand-link a span {
    border-bottom: 1px dashed #b5b5b5;
}
.price-change-sub-expand-link a:hover span {
    border-bottom: 1px dashed transparent;
}

/*** User note section ***/
.user-note-view {
    background-color: #fffae7;
    /*border: 3px solid #009ee2;*/
    /*border: 3px solid #ffca00;*/
    border: 1px solid #ffe47d;
    margin: 0 0 50px;
    /*padding: 10px 10px 5px;*/
    padding: 10px;
    border-radius: 4px;
    box-shadow: 3px 3px 8px 0 rgba(0,0,0,0.07);
    position: relative;
    min-height: 60px;
    /* more contrast (tested on old monitor) */
    background-color: #fff3c7;
    border: 1px solid #ffe16f;
}
.user-note-view .content {
    white-space: pre-wrap;
    color: black;
}
.user-note-view.collapsed .content {
    max-height: 240px;
    overflow-y: hidden;
}
.user-note-view .expand-link {
    display: none;
}
.user-note-view.collapsed .expand-link {
    display: block;
}
.user-note-view .updated-at {
    position: absolute;
    bottom: -19px;
    left: 6px;
    font-size: 0.8em;
    color: #b9b9b9;
    /*
    bottom: -23px;
    left: auto;
    right: 190px;
    */
}
.user-note-view .controls {
    text-align: right;
    position: absolute;
    bottom: -24px;
    /* width: 100%; */
    right: 5px;
}
.user-note-view .controls a {
    font-size: 13px;
}
.user-note-view .controls a .fa {
    font-size: 16px;
    margin: -2px 4px 0 0;
}
.user-note-view .controls a.delete-link .fa {
    color: red;
}

.user-note-edit {
    display: none;
    margin: 30px 0 40px;
    width: 100%;
    position: relative;
}
.user-note-edit .title {
    font-weight: bold;
    margin-bottom: 7px;
    font-size: 1.1em;
}
.user-note-edit .rating-stars {
    margin-left: 30px;
    position: relative;
    top: 3px;
}
.user-note-edit textarea {
    width: 100%;
    min-width: 100%;
    border: 2px solid #ffe47d;
    margin-bottom: 5px;
}
.user-note-edit .chk {
    display: inline-block;
}
.user-note-edit .chk:first-child {
    margin-right: 20px;
}
.user-note-edit .fa.hint-icon {
    margin-left: 6px;
    font-size: 16px;
}
.user-note-edit .not-signed-warning {
    margin: 3px 0 20px;
    font-size: 0.9em;
}
.user-note-edit .not-signed-warning .fa {
    color: orange;
    font-size: 14px;
    margin-top: -1px;
}
.user-note-edit .buttons {
    margin: 5px auto 0;
}
.user-note-edit .buttons .btn-flat {
    min-width: 130px;
}
@media (max-width: 500px) {
    .user-note-view .updated-at {
        bottom: -21px;
    }
}

/*** Details and photo section ***/

.ad-section-title {
    font-size: 1.15em;
    font-weight: bold;
    color: #474d4e;
    margin: 35px 0 15px;
}
.ad-section-title.more-photos-title {
    margin-bottom: -10px;
}

/*** Details table ***/

.details-table {
    width: 100%;
    margin-top: 35px;
    margin-bottom: 20px;
    /*color: #474d4e;*/
    color: #333333;
}
.details-table tr:first-child {
    border-top: 1px solid #f5f5f5;
}
.details-table tr:not(:last-child) {
    border-bottom: 1px solid #f5f5f5;
}
.details-table th,
.details-table td {
    padding: 7px 0;
}
.details-table th {
    width: 150px;
    font-weight: normal;
    vertical-align: top;
    padding-right: 3px;
}
.details-table td {
    font-weight: bold;
}
.details-table th .hint-icon {
}

.details-table .distance-text .walk {
    font-weight: normal;
    font-size: 13px;
}
.details-table .distance-indicator {
    width: 100%;
    max-width: 200px;
    height: 5px;
    background-color: #EFEFEF;
}
.details-table .distance-indicator span {
    display: block;
    height: 5px;
    min-width: 4px;
}
.details-table .distance-indicator.ZONE_1 span {
    background-color: #00C613;
}
.details-table .distance-indicator.ZONE_2 span {
    background-color: #FFD800;
}
.details-table .distance-indicator.ZONE_3 span {
    background-color: #FF8300;
}

.details-table .rent-duration .fa {
    color: orange;
    font-size: 16px;
    margin-right: 6px;
}

.details-table .description td,
.details-table .daily-rules-row td {
    font-weight: normal;
    color: black;
}
.details-table .daily-rules-row td {
    padding-bottom: 10px;
}
.details-table .description td .title,
.details-table .daily-rules-row td .title {
    display: none; /* shown on low res screens */
    font-weight: bold;
    color: #474d4e;
    margin: 7px 0 5px;
}
.details-table .description td .desc-value,
.details-table .daily-rules-row td .other-rules {
    white-space: pre-wrap;
}

.details-table .custom-name {
    font-size: 0.9em;
    color: #989898;
    margin-top: 10px;
    padding: 2px 5px;
    display: inline-block;
    background-color: #f1f1f1;
    border-radius: 4px;
}
.details-table .custom-name .name-value {
    color: #676767;
}

.details-table .badge-margin {
    margin-right: 12px;
}
.details-table .in-cell-badge {
    font-size: 100%;
    padding: 0;
    white-space: nowrap;
    margin: 0 8px 0 0;
}
.details-table .in-cell-badge > .fa {
    font-size: 16px;
    color: #18c118;
}
.details-table .in-cell-badge.novostroy-ready-badge,
.details-table .in-cell-badge.studio-badge,
.details-table .in-cell-badge.new-building-badge {
    margin: 0;
}

.details-table .open-in-admin-link .fa {
    font-size: 15px;
    margin-bottom: 1px;
}

.details-table .building-year .fa {
    position: relative;
    top: -1px;
}

.details-table .luxury td > * {
    margin: 0 8px 5px 0;
    display: block;
}
.details-table .luxury td > *:last-child {
    margin-bottom: 0;
}
.details-table .luxury td > *:before {
    content: "\f00c";
    font: normal normal normal 16px FontAwesome;
    color: #18c118;
    margin-right: 4px;
}
.details-table .luxury td > .no {
    color: lightgray;
}
.details-table .luxury td > .no:before {
    content: "\f068"; /*f056*/
    color: inherit;
    margin: 0 6px 0 2px;
}
/*.details-table .luxury td > *:not(:last-child):after {
    content: " \00B7 ";
    padding: 0 3px;
    color: #b7b7b7;
}*/

.daily-rules {
}
.daily-rules .rule {
    color: #2a2a2a;
    margin-bottom: 7px;
    font-size: 13px;
    position: relative;
    line-height: 1.2;
}
.daily-rules .rule.other-rules {
    margin-top: 10px;
}
.daily-rules .rule:not(.none) {
    padding-left: 12px;
}
.daily-rules .rule:not(.none):before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 3px;
    /*background-color: #a3a3a3;*/
    /*background-color: #2c3131;*/
    background-color: #27b0e2;
    position: absolute;
    left: 0;
    top: 5px;
    /*margin-right: 5px;
    margin-top: -1px;
    vertical-align: middle;*/
}
.daily-rules .rule:not(.none).bad:before {
    background-color: #ffa500;
}
.daily-rules .rule:not(.none).good:before {
    background-color: #00cf40;
}
.daily-rules .rule.payment-options span {
    text-transform: lowercase;
}
.daily-rules .rule.payment-options span:not(:last-child):after {
    content: ',';
}
.daily-rules .rule .hint-icon.fa {
    font-size: 15px;
}
.daily-rules.collapsed {
    max-height: 2.95em;
    overflow: hidden;
}
.daily-rules-expand {
    font-size: 13px;
    font-weight: bold;
}

@media (max-width: 630px) {
    /* larger circles */
    .daily-rules .rule:not(.none):before {
        width: 10px;
        height: 10px;
        border-radius: 5px;
        top: 3px;
    }
    .daily-rules .rule:not(.none) {
        padding-left: 16px;
    }
}

@media (min-width: 1025px) {
    /* decrease fonts for desktop version only*/
    .details-table {
        font-size: 13px;
    }
    .details-table th,
    .details-table td {
        padding: 6px 0;
    }
    .details-table th .hint-icon {
        font-size: 16px;
        position: relative;
        top: -1px;
    }
}

@media (max-width: 400px) {
    .details-table th {
        width: 135px;
    }
}

/*.free-dates-hint {
    font-weight: normal;
    font-size: 0.9em;
    margin-top: 10px;
}
.free-dates-hint .fa {
    font-size: 1.3em;
}*/

.summary .jump-to-calendar {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.summary .jump-to-calendar:before,
.summary .jump-to-calendar:after {
    content: "\f063";
    vertical-align: middle;
    display: inline-block;
    font: normal normal normal 10px/1 FontAwesome;
    color: white;
    margin-left: 0.7em;
    margin-right: 0.7em;
    margin-top: 0;
}

.free-dates {
    font-weight: normal;
    font-size: 13px;
}
.free-dates .fa {
    font-size: 14px;
    margin-right: 1px;
    position: relative;
    top: -1px;
}
.free-dates em {
    color: orangered;
    font-style: normal;
    font-weight: bold;
}
.free-dates .free em {
    color: #00ab00;
}
.free-dates .booking-type {
    /*margin-top: 4px;*/
}
.free-dates .booking-type.BOOKING .fa {
    color: #18c118;
}
/*.free-dates .booking-type.FACT .fa:first-child {
    color: #ffbf4d;
}*/

.sleep-places .plus {
    font-weight: normal;
}

.bed {
    display: inline-block;
    font-weight: normal;
    font-size: 13px;
}
.bed .fa {
    font-size: 12px;
    margin-top: -1px;
    /*margin-left: 2px;*/
}
.bed .fa.sm {
    font-size: 9px;
    margin-top: 1px;
}
.bed .fa + .fa {
    margin-left: 1px;
}

@media (min-width: 450px) {
    .bed:not(:last-child):after {
        content: ", ";
    }
}

/*** Comfort options ***/

.comfort-options {
    font-weight: normal;
}
.comfort-options .comfort-group {
    margin-bottom: 15px;
    width: 33%;
    float: left;
    padding-right: 8px;
    box-sizing: border-box;
}
.comfort-options label {
    font-weight: bold;
}
.comfort-options .option {
    font-size: 13px;
    position: relative;
    padding-left: 19px; /*for icon*/
    /*white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;*/
}
.comfort-options .option:before {
    content: "\f00c";
    font: normal normal normal 14px FontAwesome;
    color: #18c118;
    margin-right: 3px;
    position: absolute;
    left: 0;
    top: 2px;
}
.comfort-options .option.no {
    color: #bfbfbf;
    text-decoration: line-through;
}
.comfort-options .option.no:before {
    content: "\f068";
    color: #ffe1ab;
    margin: 1px 4px 0 2px;
}
/*.comfort-options.box-hide {
    max-height: 6em;
}
.comfort-options.box-hide:before {
    height: 3em;
}*/
.comfort-options-expand {
    font-size: 0.9em;
    display: none;
}
@media (max-width: 730px) {
    .comfort-options.collapsed {
        max-height: 4.45em;
        overflow: hidden;
    }
    .comfort-options-expand {
        display: block;
    }
    .comfort-options .comfort-group {
        width: 49.5%;
    }
}
@media (max-width: 359px) {
    .comfort-options .option {
        font-size: 12px;
    }
}


/*** Photo section ***/

.photo {
    text-align: center;
}
.secondary-photo {
    margin: 30px 0;
}
.photo .wrapper { /* needed for fav-icon */
    display: inline-block;
    position: relative;
}
.photo .fav-icon .fa {
    font-size: 42px;
}
.fav-icon:hover .fa {
    zoom: 1.04;
}
.no-photo .fav-icon {
    color: #c5c5c5;
}
.photo img {
    max-width: 100%;
    /* make vertical images narrower, so they look as vertical images */
    max-height: 900px;
    border: 1px solid grey;
}

.photo.no-photo {
    text-align: left;
}
.photo.no-photo img {
    background-color: #f7f7f7;
    border-color: #d4d4d4;
    max-width: 250px;
}

.single-photo-score {
    display: inline-block;
    color: #9f9f9f;
    font-size: 0.9em;
    border-bottom: 1px dashed #9f9f9f;
    cursor: help;
}
.single-photo-score em {
    font-weight: bold;
    font-style: normal;
}

.test-other-ads-in-this-building {
    font-size: 0.85em;
    font-weight: normal;
}
.test-other-ads-in-this-building .fa {
    font-size: 14px;
}

.panorama-section {
    width: 100%;
}
.panorama {
    overflow: hidden;
    cursor: -webkit-grab;
    max-width: 100%;
    border: 1px solid grey;
    position: relative;
}
.panorama .draggable {
    position: relative;
    left: 0;
    top: 0;
}
.panorama .img {
    max-height: 700px;
}
.panorama .target {
    position: absolute;
    top: 64%;
    left: 0;
    text-align: center;
    transform: translateX(-50%);
}
.panorama .target .pin {
    width: 36px;
    height: 36px;
}
.panorama .target .addr {
    color: white;
    text-shadow: 1px 1px 10px black;
    white-space: nowrap;
}
.panorama .slide-icon {
    position: absolute;
    top: 87%;
    left: 50%;
    transform: translateX(-50%);
    animation: swing ease-in-out 0.8s infinite alternate;
}
@keyframes swing {
    0% { transform: translateX(-56%); }
    100% { transform: translateX(-44%); }
}
.panorama-section .timestamp {
    font-size: 11px;
    color: gray;
    margin-top: 2px;
}
/* similar to photos */
@media (max-width: 630px) {
    .panorama .img {
        max-height: 600px;
    }
}
@media (max-width: 450px) {
    .panorama .img {
        /* not tall, it blocks page drag */
        max-height: 400px;
    }
}


.complain-dialog form {
    display: block;
}
.complain-dialog .complain-examples {
    margin-bottom: 25px;
    font-size: 13px;
}
@media(max-width: 600px) {
    .complain-dialog .complain-examples .long {
        display: none;
    }
}

.ad-map {
    margin-bottom: 30px;
}
.ad-map .map-title {
    margin-bottom: 10px;
}
.ad-map .map {
    width: 100%;
    height: 600px;
    border: 1px solid grey;
}
.ad-map .map-hint {
    font-size: 0.9em;
    font-style: italic;
}
.ad-map .drag-overlay div {
    /* map pin at the center, need to show hint a bit lower */
    transform: translateY(0);
}
.proximity-marker {
    width: auto !important;
    height: auto !important;
    white-space: nowrap;
    font-size: 9px;
    font-weight: bold;
    text-align: center;
}
.leaflet .proximity-marker {
    color: black;
}
.proximity-marker .proximity-badge {
    display: inline-block;
    background-color: #dedede;
    padding-left: 3px;
    padding-right: 3px;
    /* white on green:*/
    /*background-color: #23a759;
    color: white;*/
}
.leaflet .proximity-marker .proximity-badge {
    background-color: #767676;
    color: white;
}
.proximity-marker .icon {
    /*https://icons8.com/icon/2243/walking*/
    background-image: url("/img/geo/walking-icon-26.png");
    background-size: 10px;
    display: inline-block;
    width: 10px;
    height: 10px;
    vertical-align: middle;
}
@media(max-width: 600px) {
    .ad-map .map {
        height: 400px; /*min height to fit distance badge*/
    }
}

.jump-to-map {
    /*font-size: 0.9em;*/
    display: inline-block;
    margin-left: 3px;
    font-weight: bold;
}

/*** Notes bottom section - DEPRECATED ***/
.bottom-user-note {
}
.bottom-user-note .message {
    height: 1.5em;
    font-size: 13px;
    color: #00a500;
    text-align: center;
    font-weight: bold;
    margin-top: -15px;
}
.bottom-user-note .message.deleted {
    color: #ff0000;
}
.bottom-rating {
    text-align: center;
    margin-bottom: 12px;
}
.bottom-note-buttons {
    text-align: center;
    margin-bottom: 50px;
    position: relative;
}
.bottom-note-buttons .btn-fav-add,
.bottom-note-buttons .btn-fav-remove,
.bottom-note-buttons .btn-not-interested {
    width: 155px;
}
.bottom-note-buttons .btn-fav-remove.selected,
.bottom-note-buttons .btn-not-interested.selected {
    /*border: 3px solid #008600;*/
    box-shadow: 0 0 0 3px #008600;
    border-color: transparent;
    border-radius: 2px;
    font-weight: bold;
}
.bottom-note-buttons .btn-not-interested.selected {
    box-shadow: 0 0 0 3px #d27b00;
}
.bottom-note-buttons .btn-not-interested {
    margin-left: 5px;
}
.bottom-note-buttons .btn-edit-note {
    position: absolute;
    right: 4px;
}
.bottom-note-buttons .link-edit-note-mobile {
    position: absolute;
    right: 10px;
}
.bottom-note-buttons .btn-edit-note:not(:hover) {
    background-color: transparent;
    color: gray;
}
.bottom-note-buttons .btn-edit-note:not(:hover) .fa {
    color: #54ccff;
}
.bottom-note-buttons .link-edit-note-mobile {
    display: none;
    top: -34px;
}
.bottom-note-buttons .link-edit-note-mobile .fa {
    font-size: 18px;
}
@media (max-width: 740px) {
    .bottom-note-buttons .btn-edit-note {
        display: none;
    }
    .bottom-note-buttons .link-edit-note-mobile {
        display: block;
    }
    .bottom-note-buttons .btn-fav-add,
    .bottom-note-buttons .btn-fav-remove,
    .bottom-note-buttons .btn-not-interested {
        width: 47.2%;
    }
}


/*** Notes bottom section 2: expanded textarea+favorite button only - DEPRECATED ***/
.bottom-user-note2 {
    margin: 0 auto;
}
.bottom-user-note2.narrow {
    max-width: 600px;
}
.bottom-user-note2 .message {
    height: 1.5em;
    font-size: 13px;
    color: #00a500;
    text-align: left;
    font-weight: bold;
    margin-top: -15px;
}
.bottom-user-note2 .message.deleted {
    color: #ff0000;
}
.bottom-note-buttons2 {
    text-align: left;
    margin-bottom: 50px;
    position: relative;
}
.bottom-note-buttons2 .btn-fav-add,
.bottom-note-buttons2 .btn-fav-remove {
    width: 155px;
}
.bottom-note-buttons2 .btn-fav-remove.selected {
    /*border: 3px solid #008600;*/
    box-shadow: 0 0 0 1px #008600;
    border-color: #008600;
    border-radius: 2px;
    font-weight: bold;
}
.bottom-note-buttons2 .status {
    position: absolute;
    right: 50%;
    top: -5px;
    transform: translate(50%, -100%);
}
.bottom-user-note2.narrow .bottom-note-buttons2 .status {
    right: 0;
    transform: translate(0, -100%);
}
.bottom-note-buttons2 .status .done {
    font-size: 13px;
    color: gray;
}
.bottom-note-buttons2 .status .done .fa {
    color: #00ce00;
    font-size: 15px;
    top: -1px;
    position: relative;
}
.bottom-note-buttons2 .status .typing,
.bottom-note-buttons2 .status .done {
    display: none;
}
.bottom-note-buttons2 .status.TYPING .typing,
.bottom-note-buttons2 .status.DONE .done {
    display: inline-block;
}
@media (max-width: 700px) {
    .bottom-user-note2:not(.narrow) .bottom-note-buttons2 .status {
        right: 0;
        transform: translate(0, -100%);
    }
}


/*** Nearby ads ***/

.nearby-listings .ad-section-title {
    margin-top: -20px;
}
.nearby-listing {
    display: inline-block;
    width: 183px;
    position: relative;
    /*border: 1px solid #e5e5e5;*/
    /* border-radius: 3px; */
    margin-bottom: 20px;
    margin-right: 10px;
    /*box-shadow: 1px 1px 8px 0 rgba(0,0,0,0.1);*/
    box-shadow: 0 1px 1px #d4d1cf, 1px 0 0 #e8e8e8;
}
.nearby-listing .photo-container {
    display: block;
    height: 130px;
    /*default image*/
    background: no-repeat scroll center center white;
    background-size: cover;
    position: relative;
    cursor: pointer;
}
.nearby-listing .photo-container.no-photo {
    background-image: url(/img/no-photo.png);
    /*background-color: #ececec;*/
    /*border-right: 1px solid gainsboro;*/
    border-left: 1px solid gainsboro;
    border-top: 1px solid gainsboro;
}
.nearby-listing .same-house {
    position: absolute;
    left: 5px;
    top: 5px;
}
.nearby-listing .location {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 28px;
    padding: 2px 5px;
    font-weight: bold;
    color: white;
    background-color: rgba(0,0,0,0.3);
}
.nearby-listing .caption-bottom {
    height: 28px; /* due to location pos */
    padding: 2px 8px;
    background-color: #f1f1f1;
}
.nearby-listing .caption-bottom .square-total {
    float: left;
    font-size: 14px;
    font-weight: bold;
    padding-top: 3px;
    color: #333;
}
.nearby-listing .caption-bottom .nearby-price {
    float: right;
    color: #31c702;
    font-size: 17px;
    font-weight: bold;
}
.nearby-listings .mobile-hint {
    display: none;
}
/* opros is disabled
.nearby-opros {
    margin: 20px 0;
}
.nearby-opros .title {
    font-weight: bold;
    font-size: 1.2em;
}
.nearby-opros .opros-buttons {
    margin: 15px 0 50px;
}
.nearby-opros .btn + .btn {
    margin-left: 10px;
}
*/

.ad-user-notes-test {
    text-align: center;
    margin: -15px 0 30px;
    font-size: 0.95em;
}
.ad-user-notes-test a {

}
.ad-user-notes-test textarea {
    width: 600px;
    height: 4em;
}
@media (max-width: 630px) {
    .ad-user-notes-test textarea {
        width: 100%;
    }
}

@media (max-width: 630px) {
    .nearby-listings {
        margin-bottom: 20px;
    }
    .nearby-listings .scrollable {
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch; /* smooth on ios */
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
    .nearby-listing {
        white-space: normal;
        margin-bottom: 0;
    }
    .nearby-listings:not(count-1) .mobile-hint {
        display: block;
        font-size: 12px;
        font-style: italic;
        color: #b1b1b1;
        font-weight: normal;
        margin-top: 5px;
    }
    /* fade out on the right */
    .nearby-listings .scrollable-wrapper {
        position: relative;
    }
    .nearby-listings .scrollable-wrapper:before {
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
        top: 0;
        width: 1em;
        z-index: 2;
        background: -moz-linear-gradient(left,rgba(255,255,255,0) 0,#fff 100%);
        background: -webkit-gradient(linear,left top,right bottom,color-stop(0,rgba(255,255,255,0)),color-stop(100%,#fff));
        background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,#fff 100%);
        background: -o-linear-gradient(left,rgba(255,255,255,0) 0,#fff 100%);
        background: -ms-linear-gradient(left,rgba(255,255,255,0) 0,#fff 100%);
        background: linear-gradient(left,rgba(255,255,255,0) 0,#fff 100%);
    }
}
@media (max-width: 400px) {
    /* vertically */
    /*
    .nearby-opros .opros-buttons {
        text-align: center;
    }
    .nearby-opros .btn {
        margin: 0 0 10px !important;
        display: inline-block;
        width: 51%;
    }
    */
}

/* full-width images */
@media(max-width: 1024px) {
    /*html:not(.from-iframe) */
    .photo {
        position: relative;
        margin-left: -10px !important;
        width: calc(100% + 20px);
    }
    .photo img {
        border: none;
    }
    .secondary-photo {
        margin: 15px 0;
    }
}

@media(max-width: 900px) {
    .listing-title .location .old-name {
        display: none;
    }
    .listing-title {
        font-size: 19px;
    }
    .listing-title .location {
        font-size: 16px;
    }
    .listing-title .location.long-text {
        font-size: 15px;
    }
}

@media(max-width: 630px) {
    .summary {
        margin-bottom: 5px;
    }
    .center-panel {
        width: 100%;
        float: none;
        padding-bottom: 8px;
        border-bottom: 1px solid #e8e8e8;
    }
    .side-panel {
        float: none;
        border-left: none;
        padding: 0;
        width: 320px; /* 30px padding was removed */
        margin: 12px auto 30px auto;
    }
    .price {
        text-align: center;
        margin-bottom: 10px;
    }
    .summary .jump-to-calendar {
        width: 270px;
    }
    /* description width becomes too narrow, so hide a header */
    .details-table .description th,
    .details-table .daily-rules-row th,
    .details-table .comfort-options-row th {
        display: none;
    }
    .details-table .description .title,
    .details-table .daily-rules-row .title {
        display: block !important;
    }
    .photo.no-photo {
        text-align: center;
    }
    .photo img {
        max-height: 600px;
    }

    .seller-info {
        margin-top: 10px;
    }
    /*.seller-info .title {
        padding-bottom: 0;
        border: 0;
        margin: 20px 0 2px;
    }*/
    .seller-info .title {
        margin-bottom: 6px;
        padding-bottom: 3px;
    }
    .agency-fee-hint {
        float: none;
        display: inline-block;
        margin-left: 5px;
    }
    .seller-contacts {
        font-size: 1.1em;
    }
    .seller-name {
        margin-top: 4px;
        width: 45%;
    }
    .seller-phone {
        width: 55%;
        font-size: 1em;
    }
    .seller-phone .value {
        margin-bottom: 2px;
        display: inline-block;
    }
    .seller-phone .intl-phone-warn:before {
        top: 7px;
    }
    /* note: keep breakpoint in sync with isDbs() function */
    .seller-phone .value:after {
        content: ' ';
        display: inline-block;
        margin-left: 12px;
        width: 32px;
        height: 32px;
        /*background: transparent url(/img/cell-operators/call-102.png);*/
        background: transparent url(/img/cell-operators/call-green-circle-128.png);
        background-size: 32px 32px;
        vertical-align: middle;
        position: relative;
        top: -2px;
        /*animation: rotate-call-btn 2s infinite;*/
        /*transform: rotateZ(20deg); */
    }
    @keyframes rotate-call-btn {
        0% {transform: none; }
        50% {transform: rotateZ(20deg); }
        100% {transform: none; }
    }

}
/* inverted previous query, show seller info by default, collapse on mobile */
@media(min-width: 631px) {
    .side-panel .seller-expand-button-mobile {
        display: none;
    }
    .seller-info {
        display: block !important;
    }
}
@media(max-width: 450px) {
    .photo img {
        /* vertical orientation, can make them larger */
        max-height: 480px;
    }
}
@media(max-width: 420px) {
    .side-panel {
       margin-bottom: 12px;
    }
    .listing-title {
        font-size: 17px;
    }
    .listing-title .location.long-text {
        font-size: 17px;
    }
    .listing-title .location.long-text {
        font-size: 16px;
    }
    .rooms-count {
        display: none !important;
    }
    .side-panel {
        width: 90%;
        /*margin: 12px 0 30px 0;*/
    }
    /* seller info and price in different mode now */
    /*.price {
        border-bottom: 1px solid #e8e8e8;
        padding-bottom: 14px;
    }*/
    .price {
        margin-bottom: 4px;
        margin-top: -5px;
    }
    .developer-fee {
        margin-bottom: 16px;
    }
    .dropdown.interested .dropdown-button {
        width: auto;
        padding: 6px 12px;
    }
}

@media(max-width: 359px) {
    .seller-phone .intl-phone-warn:before {
        top: 4px;
    }
    /* hide call button, it is moved to next line */
    .seller-phone .value:after {
        display: none;
    }
}