/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2017.06.02., 10:58:08
    Author     : rimoczikaroly
*/

@media screen and (max-width: 992px) {
    div.header.info-bar {
        margin-top: 10px;
    }
    .realEstateSearchItemFormBox .ViPaginationWidget.limitSelect {
        width: 70px;
    }  
    .ViPaginationWidget.limitSelect {
        width: 70px;
    }
    .ViPaginationWidget span, .ViPaginationWidget a {
        margin-bottom: 10px !important;
    }
    .realEstateSearchItemFormBox .ViPaginationWidget span, .realEstateSearchItemFormBox .ViPaginationWidget a {
        margin-bottom: 10px !important;
    }
    .realEstateSearchItemFormBox #params, .realEstateSearchItemFormBox #others,
    .realEstateSearchItemFormBox #properties {
        display: block !important;
    }
    .realEstateSearchItemFormBox .input-group {
        display: block !important;
    }
    .realEstateSearchItemFormBox #refresh_real_estate_list {
        border-radius: 4px;
    }
    .realEstateSearchItemFormBox .input-group-btn {
        padding: 10px 0px;
    }
    #myGeneralModal .modal-dialog, #mycalendarModal {
        width: auto !important;
    }
    .answerBox .property-comment {
        width: 100% !important
    }
    .ajaxSaveCommentButton, .ajaxSavePrivateCommentButton  {
        margin-bottom: 10px !important;
    }
}

@media screen and (max-width: 768px) {
    .real-estate-three-box .real-estate-item-box {
        width: 100%;
    }
    .header.info-bar .popover.bottom {
        left: 0 !important;
    }
    .header.info-bar .popover.bottom .arrow {
        display: none;
    }
    .riport-event-box {
        margin-top: 20px;
    }
    .property.light-left-border {
        width: 100% !important;
    }
    .row-offcanvas-right .sidebar-offcanvas {
        display: none;
    }
    .row-offcanvas-right.active .sidebar-offcanvas {
        display: block;
    }
}

@media screen and (max-width: 600px) {
    .form-signin, #mapholder img {
        width: 100% !important;
    }
    #addNewClientToTable {
        margin: 0px 10px 5px 10px;
    }
    .addNewClientTableMobile th, .addNewClientTableMobile tr .addNewClientTableMobile td {
        width: 100%;
        display: block;
    }
    .addNewClientTableMobile > tbody > tr > th {
        border-top: none !important;
    }
    
    .addNewClientTableMobile #real_estate_client_zip_code, .addNewClientTableMobile #real_estate_client_city,
    .addNewClientTableMobile #real_estate_client_country, .addNewClientTableMobile #real_estate_client_county{
        width: 91% !important;
    }
    .addNewClientTableMobile #new_real_estate_client_mobile, .addNewClientTableMobile #real_estate_client_county,
    .addNewClientTableMobile #real_estate_client_zip_code, .addNewClientTableMobile #real_estate_client_city,
    .addNewClientTableMobile #real_estate_client_address {
        margin-bottom: 10px;
    }
    
    .addNewClientTableMobile #new_real_estate_client_name {
        width: 100%;
        max-width: inherit !important;
    }
    
    .realEstateSearchItemFormBox #categoryIdDiv {
        min-height: 0 !important;
    }
    
    .realEstateSearchItemFormBox .searchInvestorMobile {
        width: 100% !important;
    }
    
    .realEstateSearchItemFormBox .priceNewSearchMobile {
        width: 100% !important;
    }
    .realEstateSearchItemFormBox #RealEstateSearch_search_price_min_virtual, .realEstateSearchItemFormBox #RealEstateSearch_search_price_max_virtual {
        width: 50% !important;
    }
    
    .realEstateSearchItemFormBox .price-unit {
        height: 34px !important;
    }
    
    .clientRelationHolderMobile {
        border-bottom: 1px solid #ddd;
        margin-bottom: 10px;
    }
    
    .profileRelationTabTdMobile {
        text-align: center;
    }
    
    .profileRelationTabTdMobile .div-client-relation-panel-image, .profileRelationTabTdMobile .pictogram_home_type1 {
        float: none;
        margin: 0 auto;
    }
    .clientDetailsTab .row.border {
        margin: 10px 0;
        border: 1px solid #ddd;
        padding: 10px 0;
    }
    .clientDetailsTab table {
        margin-left: 10px; 
    }
    .messagesRelationPanelTable.table>thead>tr>th, .messagesRelationPanelTable.table>tbody>tr>th, .messagesRelationPanelTable.table>tfoot>tr>th,
    .messagesRelationPanelTable.table>thead>tr>td, .messagesRelationPanelTable.table>tbody>tr>td, .messagesRelationPanelTable.table>tfoot>tr>td {
        padding: 8px 2px !important;
    }
}

@media screen and (max-width: 520px) {
    .realEstateSearchItemFormBox #realEstatePrimaryKeyFilter, .realEstateSearchItemFormBox #realEstateListFilter {
        width: 100% !important;
        margin-top: 10px;
    }
}

@media screen and (max-width: 450px) {
    .realEstateSearchItemFormBox #realEstateOrderDropdown {
        width: 100%;
        display: block;
    }
    .real-estate-three-box div.property.col-lg-4 h4.title {
        width: 100%;
        padding-top: 10px;
    }
    .real-estate-three-box .real-estate-item-box {
        height: 600px;
    }
    table#clientRelationTable th, table#clientRelationTable td, table#clientRelationTable tr {
        width: 100%;
        display: block;
        font-size: 16px;
    }
}

@media screen and (max-width: 400px) {
    #realEstateClientSearchTopFieldSearchField, #realEstateClientSearchTopFieldSearchFieldButton {
        margin-bottom: 10px;
    }
}