/* Page layout */
.mech-content {
    margin-top: 80px;
}

/*Modal */
/*.popup .modal-content {*/
/*    overflow: visible;*/
/*}*/

/*Int phone number*/
fieldset div.iti {
    width: 100%;
}

/*Seznam autocomplete*/
fieldset .autoComplete_wrapper>input {
    height: auto;
}

/* Property gallery */
.mech-property-image-slider {
    width: 100%;
    aspect-ratio: 316/225;
    overflow: hidden;
    justify-content: center;
}

/*.mech-property-image-detail{*/
/*    width: 100%;*/
/*    aspect-ratio: 4/3;*/
/*    overflow: hidden;*/
/*    justify-content: center;*/
/*    position: relative;*/
/*}*/
.mech-sold-photos {
    filter: grayscale(100%);
}

.mech-property-image-slider img,
.mech-property-image-detail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mech-other__image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    font-size: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*--------------------*/
.mech-property__card {
    display: flex;
    flex-direction: column;
}

.mech-property__content {
    margin-top: auto;
}

.tip-nemovitost-select .nice-select {
    padding: 16px 20px 14px 20px !important;
}

.mech-property-tag {
    padding: 0 6px;
    width: auto !important;
}

.flat-property-detail .wrap-overview .box-icon:last-child {
    width: auto;
}

/** iphone fix **/
.mech-date-field {
    appearance: initial !important;
    height: 40px;
}

/** --------- **/
/* owl carousel */
.owl-stage,
.owl-item {
    display: flex;
    justify-content: center;
}

/*--------------*/
/*Toast flash*/
#toast-container {
    position: fixed;
    top: 70px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 99999;
}

input[readonly],
textarea[readonly] {
    background-color: #f0f0f0 !important;
    color: #000;
}

.modal-body .comments .comment-form fieldset {
    line-height: inherit;
}

/* Custom css */
.switcher-item {
    display: flex;
    justify-content: center;
    align-items: center;
}

.switcher-item.active {
    background: linear-gradient(45deg, #fd920c, #fd275d);
    color: white;
}

.property .property-content .property__economy--public {
    display: flex;
    flex-direction: column;
}

.property .property-content .property__map {
    margin-top: 0px;
    grid-area: map;
}

.property-control-container {
    position: relative;
}

.loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    /* Poloprůhledná černá */
    display: none;
    /* Skryté ve výchozím stavu */
    align-items: center;
    justify-content: center;
    z-index: 10001;
    /* Překryje ostatní prvky uvnitř kontejneru */
}

.spinner.filter-spinner {
    position: initial;
    width: 50px;
    height: 50px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid rgb(255, 88, 55);
}


.form-check-input:checked {
    background-color: rgb(255, 88, 55);
    /* Primární barva uživatele */
    border-color: rgb(255, 88, 55);
}

/* Přizpůsobení barvy pro "zvolený stav" kruhu uvnitř */
.form-check-input:checked::after {
    background-color: white;
}

/* END Custom css */

/* Spinner */
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.spinner {
    border: 2px solid #f3f3f3;
    border-top: 2px solid rgb(255, 88, 55);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: spin 1s linear infinite;
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 40px;
}



.spinner-total-count {
    right: 0px;
}

#total_properties_count {
    position: relative;
    min-width: 20px;
    height: 20px;
    display: inline-block;
}

#affiliate_link {
    cursor: pointer;
}

.cursor-pointer {
    cursor: pointer;
}


/*BS multiselect*/
.form-control-bs-multi-select {
    display: flex !important;
    align-items: center !important;
}

/*END BS multiselect*/
/*spam check*/
.contact_email-honey {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/*END spam check*/

@media screen and (min-width:768px) {
    .profitability_section th {
        width: 25% !important;
    }

    .profitability_form_row input::placeholder {
        color: #606060;
    }
}

@media screen and (min-width:992px) {
    .mech-content {
        margin-top: 110px;
    }
}