/* 	Style fot compontent navigator */

.modal-body .formularz_kontaktowy_modal br {
    display: none;
}

.sticky-bar__wrapper {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 40;
}

@media (min-width: 768px) {
    .sticky-bar--fixed .fixed-filtracja.sticky-bar__wrapper {
        position: fixed;
        margin-top: 44px;
    }
}

@media (min-width: 768px) {
    .sticky-bar--fixed .fixed-filtracja.sticky-bar__wrapper #filtracja {
        max-width: 690px;
        margin: auto;
    }
}

@media (min-width: 992px) {
    .sticky-bar--fixed .fixed-filtracja.sticky-bar__wrapper #filtracja {
        max-width: 930px;
    }

    .sticky-bar--fixed .fixed-filtracja.sticky-bar__wrapper {
        margin-top: 48px;
    }
}

@media (min-width: 1200px) {
    .sticky-bar--fixed .fixed-filtracja.sticky-bar__wrapper #filtracja {
        max-width: 1110px;
    }

    .sticky-bar--fixed .fixed-filtracja.sticky-bar__wrapper {
        margin-top: 58px;
    }
}

@media (min-width: 1440px) {
    .sticky-bar--fixed .fixed-filtracja.sticky-bar__wrapper #filtracja {
        max-width: 1290px;
    }

    .container.px1600 .sticky-bar--fixed .fixed-filtracja.sticky-bar__wrapper #filtracja,
    .container.px1400 .sticky-bar--fixed .fixed-filtracja.sticky-bar__wrapper #filtracja {
        max-width: 1290px;
    }
}

@media (min-width: 1600px) {
    .sticky-bar--fixed .fixed-filtracja.sticky-bar__wrapper #filtracja {
        max-width: 1400px;
    }

    .container.px1600 .sticky-bar--fixed .fixed-filtracja.sticky-bar__wrapper #filtracja,
    .container.px1400 .sticky-bar--fixed .fixed-filtracja.sticky-bar__wrapper #filtracja {
        max-width: 1400px;
    }
}

@media (min-width: 1800px) {
    .container.px1600 .sticky-bar--fixed .fixed-filtracja.sticky-bar__wrapper #filtracja {
        max-width: 1600px;
    }
}

.sticky-bar--hidden .sticky-bar__wrapper {
    display: none;
}

/*
.sticky-bar.sticky-bar--fixed #filtracja {
	padding-left: 15px;
	padding-right: 15px;
}
*/
#filtracja .card {
    background: transparent;
    border: 0;
    padding: 12px 15px 13px;
}

/*#filtracja {*/
/*	-webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.3) !important;*/
/*	-moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.3) !important;*/
/*	box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.3) !important;*/
/*}*/
#filtracja .flat-table-controls {
    position: absolute;
    right: 10px;
    top: 9px;
}

#flor_btn.btn .collapsed-active,
#flor_btn.btn.collapsed .collapsed-inactive,
#filtracja .card .btn .collapsed-active,
#filtracja .card .btn.collapsed .collapsed-inactive {
    display: none;
}

#flor_btn.btn .collapsed-inactive,
#flor_btn.btn.collapsed .collapsed-active,
#filtracja .card .btn .collapsed-inactive,
#filtracja .card .btn.collapsed .collapsed-active {
    display: inline;
}

#filtracja .flat-table-title {
    white-space: nowrap;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 0;
    color: #fff;
}

#filtracja .btn-primary {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border-color: #fff !important;
}


#filtracja .flat-table-title .title_dst {
    font-weight: 300;
    padding-left: 13px;
}

#filtracja .card-body h5, .card h5 {
    font-size: 12px;
    font-weight: normal;
    color: #fff;
}

#filterForm .btn {
    border: 1px solid #fff;
    border-radius: 0px;
    line-height: 15px;
    font-size: 12px;
    background: #fff;
    color: #000;
}

#filterForm .dropdown-menu {
    padding: 0;
    margin: .125rem 0 0;
    border: 0;
}

#filterForm ul.dropdown-menu li a {
    line-height: 25px !Important;
    font-size: 12px;
}

#filterForm .ui-slider-horizontal {
    height: 10px;
}

#filterForm .col .bootstrap-select > .dropdown-toggle {
    max-width: 100% !Important;
    min-width: 100% !Important;
}

#filterForm .col {
    max-width: 16.66%;
    -ms-flex: 0 0 16.66%;
    flex: 0 0 16.66%;
    max-width: 16.66%;
}

@media (min-width: 992px) {
    #filterForm .filtracja_building .col {
        max-width: 14.28%;
        -ms-flex: 0 0 14.28%;
        flex: 0 0 14.28%;
        max-width: 14.28%
    }
}

@media (max-width: 991px) {
    #filterForm .col {
        max-width: 33.33%;
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
}

@media (max-width: 575px) {
    #filterForm .col {
        max-width: 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 1200px) {
    #filtracja .flat-table-title {
        font-size: 30px;
    }
}

@media (max-width: 991px) {
    #filtracja .flat-table-title {
        white-space: nowrap;
        font-size: 25px;
    }

    #filtracja .flat-table-controls {
        position: absolute;
        right: 13px;
        top: 5px;
    }
}

@media (max-width: 767px) {
    #filtracja .flat-table-title {
        text-align: center;
        width: 100%;
        margin-bottom: 10px;
    }

    #filtracja .flat-table-title .title_dst {
        padding-left: 0px;
    }

    .sticky-bar #filtracja,
    #filtracja .card {
        /* padding: 0 !important; */
    }

    #filtracja .flat-table-controls {
        position: relative;
        right: auto;
        top: auto;
        text-align: center;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    #filtracja .card-body {
        padding-top: 0;
    }

    #filtracja .card .flat-table-controls .btn {
        width: 49.8%;
        max-width: 49.8%;
        flex-basis: 49.8%;
        border-radius: 0;
        padding: 5px 0;
        justify-content: center;
    }
}

@media (max-width: 400px) {
    #filtracja span.icon_bt {
        display: none;
    }

}


.naglowek_legenda {
    position: absolute;
    z-index: 2;
    bottom: 5px;
    right: 10px;
    font-size: 12px;
    line-height: 15px;
}

.naglowek_legenda.move_left {
    right: unset;
    left: 10px;
}

.naglowek_legenda .kolo {
    padding-left: 12px;
    font-weight: 500;
}

.naglowek_legenda .kolo {
    position: relative;
    display: block;
    text-shadow: 0px 0px 5px black;
}

.naglowek_legenda .kolo:after {
    width: 7px;
    height: 7px;
    position: absolute;
    content: '';
    border-radius: 100%;
    top: 5px;
    left: 0px;
}

@media (min-width: 576px) {
    .naglowek_legenda .kolo:after {
        width: 10px;
        height: 10px;
        top: 5px;
    }

    .naglowek_legenda {
        font-size: 14px;
        line-height: 18px;
    }

    .naglowek_legenda .kolo {
        padding-left: 15px;
    }
}

@media (min-width: 992px) {
    .naglowek_legenda .kolo:after {
        width: 13px;
        height: 13px;
        top: 5px;
    }

    .naglowek_legenda .kolo {
        padding-left: 25px;
    }

    .naglowek_legenda {
        font-size: 16px;
        line-height: 22px;
    }

    .naglowek_legenda {
        bottom: 10px;
        right: 20px;
    }

    .naglowek_legenda.move_left {
        right: unset;
        left: 20px;
    }
}


.frame-viewer {
    display: block;
    overflow: hidden;
    pointer-events: none;
    user-select: none;
}

.frame-viewer > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.building-viewer {
    position: relative;
    display: block;
}

.building-viewer-navigation {
    padding: 0px;
    background: transparent;
    position: absolute;
    top: 0;
    z-index: 10;
    background: 0;
    width: 100%;
}

.building-viewer-navigation .d-flex {
    display: -webkit-flex !Important;
    display: flex !Important;
    flex-direction: row !Important;
    flex-wrap: nowrap !Important;
    -webkit-justify-content: space-between !Important;
    justify-content: space-between !Important;
    align-items: stretch !Important;
    align-content: space-around !Important;
    width: 100% !Important;
}

@media (max-width: 767px) {
    #filtracja .flat-table-controls {
        display: -webkit-flex !Important;
        display: flex !Important;
        flex-direction: row !Important;
        flex-wrap: nowrap !Important;
        -webkit-justify-content: space-between !Important;
        justify-content: space-between !Important;
        align-items: stretch !Important;
        align-content: space-around !Important;
        width: 100% !Important;
    }
}

.building-viewer-navigation .btn-light {
    border: 0px solid #000;
    line-height: 30px;
    text-transform: unset;
    padding: 5px 10px 4px;
    font-weight: bold;
    padding-bottom: 5px;
    border-radius: 0;
    color: #fff;
}

/*.building-viewer-navigation .btn-light span {*/
/*    margin-top: 5px;*/
/*}*/

.building-viewer-navigation.active {
    transform: translateY(0);
}

.building-viewer-navigation .btn-light[data-control="show-group"] {
    display: none;
}

.building-viewer-navigation div {
    margin: 0 auto;
}

.building-viewer-panel-content {
    height: 100%;
}

.bg_gray_panel,
.bg_dark_panel {
    height: 100%;
}

.building-viewer-panel-content img {
    max-height: 160px;
}

.building-viewer-wrapper {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.building-viewer-frames {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    z-index: 0;
}

/*
.building-viewer-frames::before {
    display: block;
    content: '';
    height: 0;
    padding-top: 60%;
}*/
.building-viewer-frames .frame-viewer,
.building-viewer-overlays {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.building-viewer-overlays {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.building-viewer-overlay {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.building-viewer-overlay > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.building-viewer-overlay > svg {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    z-index: 1;
}

.building-viewer-spinner {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: inherit;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

.building-viewer-panel {
    position: relative;
    padding: 0px;
    max-width: 100%;
    z-index: 15;
}

.building-viewer-panel h4.accent_color {
    padding: 7px 10px;
    font-size: 18px;
    line-height: 21px;
    color: #fff;
}

.building-viewer-panel .close {
    font-weight: 400;
    color: #fff;
    text-shadow: 0 0px 0 #fff;
    opacity: 1;
    margin-top: 5px;
    margin-right: 7px;
}

.building-viewer-panel .tab-content .tab-content {
    text-align: center;
}

.nawigacja_mini1 {
    padding: 5px 10px 0;
}

.nawigacja_mini1 .nav-tabs .nav-item {
    width: auto;
    text-align: center;
    margin-bottom: 0;
    font-size: 16px;
    padding-right: 10px;
}

.zmiana2D3D .nav-item:first-child .nav-link {
    border-top-left-radius: 0rem;
    border-bottom-left-radius: 0rem;
}

.zmiana2D3D .nav-item.show .nav-link, .zmiana2D3D .nav-link.active, .zmiana2D3D .nav-link {
    font-weight: 500;
    border: 0;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    padding: 0;
    opacity: 0.5;
}

.bg_gray_panel {
    background: #F5F5F5;
    padding: 7px 10px 0;
    color: #808476;
    font-size: 14px;
    line-height: 17px;
}

.bg_dark_panel {
    background: #000;
    padding: 7px 10px 0;
    color: #fff;
    font-size: 14px;
    line-height: 17px;
}

#building-viewer-panel button,
#floorViewerPanel button {
    display: none !important;
}

.zmiana2D3D .nav-link.active, .zmiana2D3D .nav-link:hover {
    opacity: 1;
}

.building-viewer-panel .justify-content-center.mt-sm-3 {
    margin-top: 15px;
}

.zmiana2D3D.nav.nav-tabs {
    border-bottom: 0px;
    justify-content: flex-start;
}

.nav_panel.btns {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: #F5F5F5;
    padding: 0px 10px;
}

.btns span {
    flex: 0 0 48%;
    margin-bottom: 10px;
}

.building-viewer-panel .btn {
    width: 100%;
    line-height: 14px;
    padding: 5px 3px 5px;
    font-weight: 400;
    font-size: 14px;
}

.row.nav_info .col-4:first-child {
    padding-right: 0;
}

.row.nav_info .col-4:last-child {
    padding-left: 0;
}


@media (min-width: 992px) {
    .building-viewer-panel {
        position: absolute;
        left: 0px;
        bottom: 0px;
        width: 264px;
    }

    .building-viewer-panel.move_right {
        left: unset;
        right: 0px;
    }
}

@media (min-width: 1366px) {
    .building-viewer-panel {
        width: 264px;
    }
}

@media (min-width: 1600px) {
    .building-viewer-panel {
        width: 264px;
    }
}

@media (max-width: 1366px) {
    .building-viewer-panel .mb-1, .building-viewer-panel p {
        margin-bottom: 0;
    }

    .building-viewer-panel .btn {
        font-size: 13px;
    }
}

@media (max-width: 400px) {
    .building-viewer-navigation .btn-light span.icon_bt {
        display: none;
    }

    /*.building-viewer-navigation .btn-light:first-child {*/
    /*    padding-right: 5px !important;*/
    /*}*/
    /*.building-viewer-navigation .btn-light:last-child {*/
    /*    padding-left: 5px !Important;*/
    /*}*/
}

@media (max-width: 991px) {
    .building-viewer-panel .text-center {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .building-viewer-navigation {
        position: relative;
    }

    .building-viewer-navigation .btn {
        max-width: 35%;
        flex-basis: 35%;
        line-height: 22px;
        display: inline-block;
    }

    .building-viewer-navigation .btn svg {
        margin-top: -3px;
    }

    .building-viewer-navigation .btn-light span.icon_bt {
        -webkit-mask-size: 26px auto !Important;
        mask-size: 26px auto !important;
        top: 2px;
    }
}


@media (max-width: 450px) {
    .building-viewer-navigation .d-flex {
        flex-direction: column;
    }

    .building-viewer-navigation .btn {
        width: 100%;
    }

    .building-viewer-navigation div {
        margin: unset;
    }
}


@media (max-width: 991px) {
    .building-viewer-navigation {
        padding-top: 5px;
    }

    .building-viewer-panel-content .btn-primary {
        height: 100%;
    }

    .etaps {
        text-align: center;
        display: flex;
        justify-content: space-around;
        width: 100%;
        flex-wrap: wrap;
        gap: 8px;
    }

    .media_box.tlo10 h2 {
        margin-bottom: 0px;
    }
}

@media (min-width: 992px) {
    .etaps {
        margin: 0 auto;
    }
}


@media (max-width: 768px) {
    .building-viewer-panel h4 {
        text-align: center;
    }

    .building-viewer-navigation {
        height: auto;
    }

    .building-viewer-panel {
        padding: 0px;
    }

    .container-fluid.w1920.nawigator {
        float: left;
    }
}

@media (max-width: 500px) {
    .building-viewer-navigation .btn {
        font-size: 14px;
        padding: 5px 5px 4px;
    }
}

@media (max-width: 360px) {
    .building-viewer-panel .btn {
        line-height: 15px
    }
}

.building-outline-layer-main,
.building-outline-layer {
    cursor: pointer;
    pointer-events: all;
}

.building-outline-layer.hidden {
    visibility: hidden;
    pointer-events: none;
}

.building-outline-layer-main path,
.building-outline-layer path {
    opacity: 0;
    fill: currentColor;
}

.building-outline-layer text {
    fill: #ffffff;
    text-anchor: middle;
    font-weight: 400;
    font-size: 12px;
    display: block;
}

/*
.building-outline-layer[data-status='sold'] {
    color: #B43636;
}
.building-outline-layer[data-status='reserved'] {
    color: #F2B100;
}
.building-outline-layer[data-status='available'] {
    color: #50A52A;
}
.building-outline-layer[data-status='etap2'] {
    color: #9eb0ff;
}
*/
.building-outline-layer-main:hover path,
.building-outline-layer:hover path,
.building-outline-layer.active path {
    opacity: 0.5;
}

.building-layer-icon {
    pointer-events: none;
}

.building-layer-icon > * {
    display: none;
}

.building-outline-layer[data-status='sold'] .building-layer-icon > .building-layer-icon-sold,
.building-outline-layer[data-status='reserved'] .building-layer-icon > .building-layer-icon-reserved,
.building-outline-layer[data-status='available'] .building-layer-icon > .building-layer-icon-available,
.building-outline-layer[data-status='etap2'] .building-layer-icon > .building-layer-icon-etap2 {
    display: block;
}

.building-outline-layer-wprzygotowaniu {
    cursor: pointer;
    pointer-events: all;
}

.building-outline-layer-wprzygotowaniu path {
    fill: #000;
    opacity: 0;
}

.building-outline-layer-wprzygotowaniu text {
    fill: #ffffff;
    text-anchor: middle;
    font-weight: 400;
    font-size: 12px;
    display: block;
}

.building-outline-layer-wprzygotowaniu:hover path,
.building-outline-layer-wprzygotowaniu.active path {
    opacity: 0.5;
}

.building-outline-layer-wprzygotowaniu .building-layer-icon-wprzygotowaniu {
    opacity: 0;
}

.building-outline-layer-wprzygotowaniu:hover .building-layer-icon-wprzygotowaniu {
    opacity: 1;
}


table.dataTable thead th.table-controls.sorting,
table.dataTable thead th.table-controls.sorting_asc,
table.dataTable thead th.table-controls.sorting_desc {
    background-image: none !important;
}

.dataTables_scrollHead {
    background: none;
    color: #000;
}

.icon_table {
    margin-right: 7px;
    background-color: #666;
}

.ikons_t {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    padding-top: 4px;
    padding-bottom: 4px;
}

@media (min-width: 1440px) {
    .ikons_t {
        padding-top: 8px;
        padding-bottom: 8px;
    }
}

.ikons_t .price_icon {
    width: 20px;
    height: 18.18px;
}

.ikons_t .plan_icon {
    width: 16.08px;
    height: 15.84px;
}

.ikons_t .spacer_icon {
    width: 19.24px;
    height: 19.24px;
}

table.dataTable thead .sorting {
    background-image: url(../../img/sort_both.png) !important;
}

table.dataTable thead .sorting_asc {
    background-image: url(../../img/sort_asc.png) !important;
}

table.dataTable thead .sorting_desc {
    background-image: url(../../img/sort_desc.png) !important;
}

#flat-table, table.dataTable thead th, table.dataTable tfoot th {
    text-align: center;
}

div.dts div.dataTables_scrollBody {
    background: transparent !Important;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 0px !important;
}

table.dataTable thead th, table.dataTable thead td {
    border-bottom: 0px solid #fff !Important;
    font-size: 16px;
}

table.dataTable.row-border tbody td, table.dataTable.display tbody td {
    border: 0px !Important;
}

table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1,
table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
    background-color: transparent !Important;
}

.dataTable tr.tr_success {
    background: #F2F2F2 !important;
    color: #808476 !important;
}

.dataTable tr.tr_danger {
    background: #F2F2F2 !important;
    color: #808476 !important;
}

.dataTable tr.tr_muted {
    background: #F2F2F2 !important;
    color: #808476 !important
}

.dataTable tr.tr_etapix {
    background: #F2F2F2 !important;
    color: #808476 !important
}

.dataTable tr.tr_success.odd {
    background: #FCFCFC !important;
    color: #808476 !important;
}

.dataTable tr.tr_danger.odd {
    background: #FCFCFC !important;
    color: #808476 !important;
}

.dataTable tr.tr_muted.odd {
    background: #FCFCFC !important;
    color: #808476 !important
}

.dataTable tr.tr_etapix.odd {
    background: #FCFCFC !important;
    color: #808476 !important
}

table.dataTable tbody tr.tr_success.selected, table.dataTable.display tbody tr.tr_success.selected,
table.dataTable.stripe tbody > tr.tr_success.odd.selected, table.dataTable.stripe tbody > tr.tr_success.odd > .selected, table.dataTable.display tbody > tr.tr_success.odd.selected, table.dataTable.display tbody > tr.tr_success.odd > .selected,
#flat-table tbody tr.tr_success:hover, table.dataTable.hover tbody tr.tr_success:hover.selected, table.dataTable.display tbody tr.tr_success:hover.selected {
    background: rgb(248, 255, 207) !important;
}

table.dataTable tbody tr.tr_danger.selected, table.dataTable.display tbody tr.tr_danger.selected,
table.dataTable.stripe tbody > tr.tr_danger.odd.selected, table.dataTable.stripe tbody > tr.tr_danger.odd > .selected, table.dataTable.display tbody > tr.tr_danger.odd.selected, table.dataTable.display tbody > tr.tr_danger.odd > .selected,
#flat-table tbody tr.tr_danger:hover, table.dataTable.hover tbody tr.tr_danger:hover.selected, table.dataTable.display tbody tr.tr_danger:hover.selected {
    background: rgb(248, 255, 207) !important;
}

table.dataTable tbody tr.tr_muted.selected, table.dataTable.display tbody tr.tr_muted.selected,
table.dataTable.stripe tbody > tr.tr_muted.odd.selected, table.dataTable.stripe tbody > tr.tr_muted.odd > .selected, table.dataTable.display tbody > tr.tr_muted.odd.selected, table.dataTable.display tbody > tr.tr_muted.odd > .selected,
#flat-table tbody tr.tr_muted:hover, table.dataTable.hover tbody tr.tr_muted:hover.selected, table.dataTable.display tbody tr.tr_muted:hover.selected {
    background: rgb(248, 255, 207) !important;
}

table.dataTable tbody tr.tr_etapix.selected, table.dataTable.display tbody tr.tr_etapix.selected,
table.dataTable.stripe tbody > tr.tr_etapix.odd.selected, table.dataTable.stripe tbody > tr.tr_etapix.odd > .selected, table.dataTable.display tbody > tr.tr_etapix.odd.selected, table.dataTable.display tbody > tr.tr_etapix.odd > .selected,
#flat-table tbody tr.tr_etapix:hover, table.dataTable.hover tbody tr.tr_etapix:hover.selected, table.dataTable.display tbody tr.tr_etapix:hover.selected {
    background: rgb(248, 255, 207) !important;
}

/*
#flat-table .text-muted {
    color: #F2B100 !important;
}
#flat-table .text-danger {
    color: #B43636  !important;
}
#flat-table .text-success {
    color: #50A52A  !important;
}
#flat-table .text-etapix {
    color: #9eb0ff  !important;
}
*/
#flat-table .text-muted,
#flat-table .text-danger,
#flat-table .text-success,
#flat-table .text-etapix {
    font-weight: bold;
}

#flat-table .btn-primary {
    width: 100%;
    padding-top: 6px;
    padding-bottom: 6px;
    font-weight: 500;
    margin-top: 7px;
    margin-bottom: 8px;
}

#flat-table tbody tr.selected .text-success,
#flat-table tbody tr:hover .text-success {

}

#flat-table tbody tr.selected .text-danger,
#flat-table tbody tr:hover .text-danger {


}

#flat-table tbody tr.selected .text-muted,
#flat-table tbody tr:hover .text-muted {


}

table.dataTable tbody td {

}

@media (max-width: 1440px) {
    .dataTables_wrapper .dataTables_scroll,
    table.dataTable .btn-outline-secondary {
        font-size: 14px;
    }
}

@media (max-width: 1200px) {
    table.dataTable tbody td {

    }

    table.dataTable thead th {

    }
}

@media (min-width: 992px) {
    select.flat-table-order {
        display: none;
    }

    .nawigator_box.dwa select.flat-table-order {
        display: inherit;
    }

    .nawigator_box.dwa .dataTables_scrollHead {
        display: none;
    }
}

@media (max-width: 991px) {
    .dataTables_scrollHead {
        display: none;
    }
}

select.flat-table-order {
    width: 100%;
    float: right;
    background: #fff;
    padding: 7px;
    outline: none !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    background: transparent;
    border: 0;
}

select.flat-table-order:hover {
    background: rgb(248, 255, 207) !important;
}

.sort_table_bg {
    position: relative;
    margin-top: 20px;
    margin-bottom: 10px;
    border: 1px solid;
    height: 40px;
}

.sort_icon {
    -webkit-mask: url("../../img/svg/icon-sort.svg") no-repeat !Important;
    mask: url("../../img/svg/icon-sort.svg") no-repeat !Important;
    width: 20.63px;
    height: 16.84px;
    position: absolute;
    top: 10px;
    right: 10px;
}

@media (max-width: 991px) {
    #flat-table {
        display: block;
        box-sizing: border-box;
    }

    #flat-table * {
        box-sizing: inherit;
    }

    #flat-table th,
    #flat-table td {
        font-size: inherit !important;
        max-width: 100%;
        flex-grow: 1;
        flex-basis: 0;
    }

    #flat-table th {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #flat-table thead,
    #flat-table tbody {
        display: block;
        width: 100%;
    }

    #flat-table tr {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    #flat-table td,
    #flat-table th {
        display: block;
    }

    thead .table-controls {
        display: none;
    }

    tbody .table-controls {
        flex: 1 1 33.3333%;
    }

    tbody .table-controls:empty {
        display: none;
    }

    table.dataTable thead th.table-id,
    #flat-table tbody .table-id,
    table.dataTable thead th.table-pietro,
    #flat-table tbody .table-pietro,
    table.dataTable thead th.table-typ,
    #flat-table tbody .table-typ,
    table.dataTable thead th.table-pokoje,
    #flat-table tbody .table-pokoje {
        flex-basis: 10% !important;
        width: 10% !Important;
    }

    table.dataTable thead th.table-number,
    #flat-table tbody .table-number,
    table.dataTable thead th.table-text,
    #flat-table tbody .table-text {
        flex-basis: 20% !important;
        width: 20% !Important;
    }

    #flat-table tbody .table-controls {
        flex-basis: 33.3333% !important;
    }
}

@media (max-width: 767px) {
    #flat-table .btn-primary {
        width: 100%;
    }
}

@media (max-width: 450px) {
    thead .table-text {
        display: none;
    }

    #flat-table tbody .table-text,
    #flat-table tbody .table-controls {
        flex-basis: 50% !important;
    }
}

@media (min-width: 992px) {
    .table_box h2,
    .nawigator_box h2,
    .filtracja h2,
    .type_list_box h2,
    .type_rotator_box h2 {
        margin-bottom: 20px;
    }
}

@media (min-width: 1200px) {
    .table_box h2,
    .nawigator_box h2,
    .filtracja h2,
    .type_list_box h2,
    .type_rotator_box h2 {
        margin-bottom: 30px;
    }
}

@media (min-width: 1600px) {
    .table_box h2,
    .nawigator_box h2,
    .filtracja h2,
    .type_list_box h2,
    .type_rotator_box h2 {
        padding-left: 70px;
        margin-bottom: 40px;
    }
}

button#all {
    display: table;
    margin: 0 auto;
}

.toggle-button.active .toggle-button__inactive,
.toggle-button .toggle-button__active {
    display: none;
}

.toggle-button .toggle-button__inactive,
.toggle-button.active .toggle-button__active {
    display: inline-block;
}

th.table-mobile-data {
    display: none;
}

@media (min-width: 992px) {
    #flat-table tbody td.table-mobile-data,
    #flat-table tbody td.table-mobile-data .name_flat,
    #flat-table tbody td.table-mobile-data .info_status,
    #flat-table tbody td.table-mobile-data .info_td,
    #flat-table tbody td.table-mobile-data .btn {
        display: none;
    }

    .table_box .sort_table_bg {
        display: none;
    }
}

@media (max-width: 1199px) {
    #dostepnosc .dataTables_scrollBody {
        max-height: 60vh !Important;
    }
}

@media (max-width: 991px) {
    #flat-table tbody .table-id,
    #flat-table tbody .table-pietro,
    #flat-table tbody .table-typ,
    #flat-table tbody .table-pokoje,
    #flat-table tbody .table-budynek,
    #flat-table tbody .table-number,
    #flat-table tbody .table-text,
    #flat-table tbody .table-controls {
        display: none;
    }

    td.table-mobile-data span.row-td {
        display: flex;
        padding: 10px 0;
    }

    td.table-mobile-data span.col-left {
        width: 50%;
        text-align: left;
    }

    td.table-mobile-data span.col-right {
        width: 50%;
    }

    td.table-mobile-data .btn {
        margin: 10px auto 0;
        width: 100%;
        font-size: 12px;
        line-height: 12px;
        text-transform: uppercase;
    }

    td.table-mobile-data .name_flat,
    td.table-mobile-data .info_status,
    td.table-mobile-data .info_td {
        display: block;
    }

    td.table-mobile-data .status_mobile,
    td.table-mobile-data .name_flat {
        font-weight: 600;
        font-size: 18px;
    }

    td.table-mobile-data span.table-min-col2 {
        font-weight: 600;
    }

    td.table-mobile-data .table-min-col1 {
        width: 55%;
        display: inline-block;
    }

    td.table-mobile-data .text-success {
        display: block;
    }
}

@media (min-width: 520px) and  (max-width: 991px) {
    td.table-mobile-data span.row-td {
        font-size: 16px !Important;
    }

    td.table-mobile-data .status_mobile,
    td.table-mobile-data .name_flat {
        font-size: 22px;
    }

    td.table-mobile-data .btn {
        font-size: 15px;
        line-height: 15px;
        max-width: 205px
    }

    td.table-mobile-data span.col-left {
        width: 50%;
    }

    td.table-mobile-data span.col-right {
        width: 50%;
    }

    td.table-mobile-data span.row-td {
        padding: 10px;
    }
}

@media (max-width: 500px) {
    td.table-mobile-data .d-450 {
        display: none;
    }

    td.table-mobile-data .table-min-col1 {
        width: 80px;
    }
}

@media (min-width: 501px) {
    td.table-mobile-data .d-460 {
        display: none;
    }
}

/*.building-viewer-navigation .btn-light:last-child {*/
/*    padding-left: 40px;*/
/*    position: relative;*/
/*}*/

/*.building-viewer-navigation .btn-light:first-child {*/
/*    padding-right: 40px;*/
/*    position: relative;*/
/*}*/

.frame1_icon, .frame2_icon {
    width: 35.27px;
    height: 35.27px;
    margin-left: 0;
    margin-top: 0 !important;
    position: absolute;
    top: 0;
}

.frame1_icon {
    -webkit-mask: url("../../img/svg/icon-frame1.svg") no-repeat !Important;
    mask: url("../../img/svg/icon-frame1.svg") no-repeat !Important;
    left: 5px;
}

.frame2_icon {
    -webkit-mask: url("../../img/svg/icon-frame2.svg") no-repeat !Important;
    mask: url("../../img/svg/icon-frame2.svg") no-repeat !Important;
    right: 5px;
}

.building-viewer-navigation .btn-light:hover {
    background-color: #fff !Important;
}

#flat-table tbody td.table-mobile-data .btn,
.nawigator_box.dwa #flat-table tbody td.table-mobile-data .btn {
    display: flex;
}

@media (min-width: 992px) {
    .nawigator_box.dwa #flat-table tbody td.table-mobile-data,
    .nawigator_box.dwa #flat-table tbody td.table-mobile-data .name_flat,
    .nawigator_box.dwa #flat-table tbody td.table-mobile-data .info_status,
    .nawigator_box.dwa #flat-table tbody td.table-mobile-data .info_td {
        display: block;
    }

    .nawigator_box.dwa #flat-table td {
        font-size: inherit !important;
        max-width: 100%;
        flex-grow: 1;
        flex-basis: 0;
    }

    .nawigator_box.dwa table tr {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .nawigator_box.dwa #flat-table tbody .table-id,
    .nawigator_box.dwa #flat-table tbody .table-pietro,
    .nawigator_box.dwa #flat-table tbody .table-typ,
    .nawigator_box.dwa #flat-table tbody .table-pokoje,
    .nawigator_box.dwa #flat-table tbody .table-budynek,
    .nawigator_box.dwa #flat-table tbody .table-number,
    .nawigator_box.dwa #flat-table tbody .table-text,
    .nawigator_box.dwa #flat-table tbody .table-controls {
        display: none;
    }

    .nawigator_box.dwa td.table-mobile-data span.row-td {
        display: flex;
        padding: 10px 0;
        font-size: 16px !Important;
    }

    .nawigator_box.dwa td.table-mobile-data span.col-left {
        width: 50%;
        text-align: left;
    }

    .nawigator_box.dwa td.table-mobile-data span.col-right {
        width: 50%;
    }

    .nawigator_box.dwa td.table-mobile-data .btn {
        margin: 10px auto 0;
        width: 100%;
        font-size: 15px;
        line-height: 15px;
    }

    .nawigator_box.dwa td.table-mobile-data .name_flat,
    .nawigator_box.dwa td.table-mobile-data .info_status,
    .nawigator_box.dwa td.table-mobile-data .info_td {
        display: block;
    }

    .nawigator_box.dwa td.table-mobile-data .status_mobile,
    .nawigator_box.dwa td.table-mobile-data .name_flat {
        font-weight: 600;
        font-size: 22px;
    }

    .nawigator_box.dwa td.table-mobile-data span.table-min-col2 {
        font-weight: 600;
    }

    .nawigator_box.dwa td.table-mobile-data .table-min-col1 {
        width: 45%;
        display: inline-block;
    }

    .nawigator_box.dwa td.table-mobile-data .text-success {
        display: block;
    }

    .nawigator_box.dwa .sort_table_bg {
        margin-top: 10px;
    }
}

@media (min-width: 520px) and  (max-width: 991px) {
    td.table-mobile-data span.row-td {
        padding: 10px;
    }
}

@media (min-width: 1200px) {
    .nawigator_table_box_bg {
        max-height: 581px;
        overflow: hidden;
        -webkit-box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.16) !important;
        -moz-box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.16) !important;
        box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.16) !important;
    }

    .nawigator_table_box_bg .dataTables_scrollBody {
        max-height: 521px !Important;
    }

    .nawigator_box.dwa .sort_table_bg {
        margin-top: 0px;
        margin-bottom: 0;
    }

    .sort_table_bg span.icon_bt.sort_icon {
        pointer-events: none;
    }

    .nawigator_box.dwa .sort_table_shadow {
        -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3) !important;
        -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3) !important;
        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3) !important;
        padding: 10px 15px;
        z-index: 2;
        position: relative;
    }

    .nawigator_box.dwa table.dataTable tbody td {
        padding: 8px 15px !Important;
    }
}

@media (min-width: 1440px) {
    .nawigator_table_box_bg {
        max-height: 659px;
    }

    .nawigator_table_box_bg .dataTables_scrollBody {
        max-height: 599px !Important;
    }

    /*
    .nawigator_table_box_bg {
        max-height: 734px;
    }
    .nawigator_table_box_bg .dataTables_scrollBody {
         max-height: 674px !Important;
    }
    */
    .nawigator_box.dwa .sort_table_shadow {
        padding: 10px 30px;
    }

    .nawigator_box.dwa table.dataTable tbody td {
        padding: 8px 30px !Important;
    }
}

/*
@media (min-width: 1800px) {
.nawigator_table_box_bg {
    max-height: 837px;
}
.nawigator_table_box_bg .dataTables_scrollBody {
	 max-height: 777px !Important;
}
}


@media (max-width: 1199px) {
.nawigator_table_box_bg .dataTables_scrollBody {
	 max-height: 600px !Important;
}
}
@media (max-width: 991px) {
.table_box .dataTables_scrollBody {
	 max-height: 600px !Important;
}
}
*/
@media (min-width: 1200px) {
    .nawigator_table_box_bg #flat-table .btn-primary {
        padding-left: 6px;
        padding-right: 6px;
    }
}

.table_box ::-webkit-scrollbar,
.nawigator_table_box_bg ::-webkit-scrollbar {
    width: 14px;
    height: 14px;
}

.table_box ::-webkit-scrollbar-thumb,
.nawigator_table_box_bg ::-webkit-scrollbar-thumb {
    border-radius: 13px;
}

.table_box ::-webkit-scrollbar-track,
.nawigator_table_box_bg ::-webkit-scrollbar-track {
    background: #FFFFFF;
    border: 4px solid #FFFFFF;
    border-radius: 13px;
    box-shadow: inset 3px 3px 21px 0px #F2F2F2;
}

#houseFormModal .wpcf7 textarea {
    width: 100%;
    border-radius: 0px;
    margin-bottom: 10px;
    max-height: 150px;
}

.modal-body iframe {
    border: 0 !important;
}


.nawigator_box.dwa.filtering .sort_table_shadow,
.nawigator_box.dwa.filtering .nawigator_table_box_bg {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.nawigator_box.dwa.filtering .nawigator_border {
    height: 30px;
    border: 1px solid #707070;
    width: 85%;
    margin: auto;
    border-bottom: 0;
    margin-top: 20px;
}

.nawigator_box.dwa.filtering .building-viewer-navigation {
    top: -52px;
    width: 70%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
    position: absolute;
}

.nawigator_box.dwa.filtering .building-viewer-navigation .btn-light {
    border: 1px solid;
}

.nawigator_box.dwa.filtering .naglowek_legenda {
    position: relative;
    bottom: unset;
    right: unset;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    padding-top: 20px;
}

.nawigator_box.dwa.filtering .naglowek_legenda .kolo {
    position: relative;
    display: unset;
    padding: 8px 40px 8px 20px;
    border: 1px solid;
    text-shadow: none;
}

.nawigator_box.dwa.filtering .naglowek_legenda .kolo:after {
    right: 13px;
    top: 11px;
    left: unset;
}

.nawigator_box.dwa.filtering h4.flat-table-title {
    padding-left: 15px;
    padding-bottom: 15px;
    font-size: 30px;
    line-height: 30px;
}

.nawigator_box.dwa.filtering #filtracja {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.nawigator_box.dwa.filtering #filtracja .card {
    padding: 0 15px 0 15px;
}

.nawigator_box.dwa.filtering #filterForm .col {
    max-width: 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.nawigator_box.dwa.filtering #filtracja .flat-table-controls {
    position: relative;
    right: unset;
    top: unset;
}

.nawigator_box.dwa.filtering #filtracja .btn-primary {
    border-color: unset !Important;
    width: 49%;
}

.nawigator_box.dwa.filtering #filtracja .card-body {
    background: #FCFCFC;
    color: #808476;
}

.nawigator_box.dwa.filtering .sort_table_shadow {
    padding-top: 0;
}

.nawigator_box.dwa.filtering #filtracja .card-body h5 {
    color: #808476;
}

.nawigator_box.dwa.filtering #filterForm .btn {
    border: 1px solid #C4C4C4;
    background: #C4C4C4;
    color: #fff;
}

.nawigator_box.dwa.filtering #filterForm .dropdown-menu {
    margin: 0;
    border-radius: 0;
}

.nawigator_box.dwa.filtering #filterForm .dropdown-menu .dropdown-item {
    background-color: #C4C4C4;
    color: #fff;
}

.nawigator_box.dwa.filtering .btn.flex-inline {
    justify-content: space-between;
}

@media (max-width: 1199px) {
    .nawigator_box.dwa.filtering .naglowek_legenda {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .nawigator_box.dwa.filtering #filtracja .card {
        padding: 0;
    }

    .nawigator_box.dwa.filtering #filtracja .flat-table-controls {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
    }
}

@media (max-width: 991px) {
    .nawigator_box.dwa.filtering .building-viewer-navigation .btn {
        max-width: 40%;
        flex-basis: 40%;
    }

    .nawigator_box.dwa.filtering .naglowek_legenda {
        justify-content: space-between;
    }

    .nawigator_box.dwa.filtering .building-viewer-panel {
        margin-top: 10px;
    }
}

@media (max-width: 767px) {
    .nawigator_box.dwa.filtering #filtracja .btn-primary {
        padding: 10px 0;
        margin-top: 10px;
    }

    .nawigator_box.dwa.filtering .building-viewer-navigation .btn {
        max-width: 45%;
        flex-basis: 45%;
        font-size: 12px;
    }

    .nawigator_box.dwa.filtering .building-viewer-navigation .btn-light:first-child {
        padding-right: 20px;
    }

    /*.nawigator_box.dwa.filtering .building-viewer-navigation .btn-light:last-child {*/
    /*    padding-left: 20px;*/
    /*}*/
    .nawigator_box.dwa.filtering .frame1_icon {
        left: 3px;
    }

    .nawigator_box.dwa.filtering .frame2_icon {
        right: -2px;
    }

    .nawigator_box.dwa.filtering .naglowek_legenda .kolo {
        padding: 4px 20px 3px 10px;
    }

    .nawigator_box.dwa.filtering .naglowek_legenda .kolo:after {
        top: 8px;
        right: 8px;
    }
}

@media (max-width: 450px) {
    /*.nawigator_box.dwa.filtering .building-viewer-navigation .btn-light:last-child {*/
    /*    padding-left: 5px !Important;*/
    /*}*/
    .nawigator_box.dwa.filtering .building-viewer-navigation .btn-light span.icon_bt {
        display: none;
    }
}

@media (max-width: 380px) {
    .nawigator_box.dwa.filtering .building-viewer-navigation .btn {
        line-height: 13px;
    }
}

@media (min-width: 992px) {
    .nawigator_box.dwa.filtering .building-viewer-panel {
        bottom: 60px;
    }

    .nawigator_box.dwa.filtering .nawigator_border {
        height: 44px;
    }

    .nawigator_box.dwa.filtering .building-viewer-navigation {
        top: -64px;
    }

    .nawigator_box.dwa.filtering h4.flat-table-title {
        margin-left: 7%;
    }

    .nawigator_box.dwa.filtering .building-viewer-panel {
        box-shadow: none !Important;
    }
}

@media (min-width: 1200px) {
    .nawigator_box.dwa.filtering #filtracja .flat-table-controls {
        padding-bottom: 20px;
    }

    .nawigator_box.dwa.filtering .nawigator_table_box_bg {
        max-height: 716px;
    }

    .nawigator_box.dwa.filtering .nawigator_table_box_bg .dataTables_scrollBody {
        max-height: 532px !Important;
    }

    .nawigator_box.dwa .table_col {
        max-height: 645px !Important;
        overflow: hidden;
    }

    .nawigator_box.dwa.filtering #filtracja .btn-primary {
        padding: 13px 10px 11px;
    }

    .nawigator_box.dwa.filtering h4.flat-table-title {
        font-size: 33px;
        line-height: 33px;
        margin-left: 4.6%;
        padding-bottom: 20px;
    }
}

@media (min-width: 1440px) {
    .nawigator_box.dwa.filtering .building-viewer-navigation {
        top: -73px;
    }

    .nawigator_box.dwa.filtering #filtracja .flat-table-controls {
        padding-bottom: 30px;
    }

    .nawigator_box.dwa.filtering .nawigator_border {
        height: 53px;
    }

    .nawigator_box.dwa.filtering .nawigator_table_box_bg {
        max-height: 795px;
    }

    .nawigator_box.dwa.filtering .nawigator_table_box_bg .dataTables_scrollBody {
        max-height: 610px !Important;
    }

    .nawigator_box.dwa .table_col {
        max-height: 732px !Important;
    }

    .nawigator_box.dwa.filtering #filtracja .btn-primary {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 1600px) {
    .nawigator_box.dwa.filtering h4.flat-table-title {
        font-size: 36px;
        line-height: 36px;
    }
}

@media (max-width: 450px) {
    .dataTables_wrapper .dataTables_scroll td.table-mobile-data .icon_bt {
        margin-left: 3px;
    }
}

@media (max-width: 400px) {
    .dataTables_wrapper .dataTables_scroll td.table-mobile-data .btn-primary {
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media (max-width: 360px) {
    .dataTables_wrapper .dataTables_scroll td.table-mobile-data .btn-primary {
        display: table !Important;
    }

    .dataTables_wrapper .dataTables_scroll td.table-mobile-data .icon_bt {
        display: none;
    }
}

.building-outline-layer-garaz {
    cursor: pointer;
    pointer-events: visible;
}

.building-outline-layer-garaz path {
    fill: #000;
    opacity: 0;
}

.building-outline-layer-garaz tspan.dostepny,
.building-outline-layer-garaz.dostepny path {
    fill: #86c863;
}

.building-outline-layer-garaz tspan.sprzedany,
.building-outline-layer-garaz.sprzedany path {
    fill: #e21815;
}

.building-outline-layer-garaz tspan.sprzedany,
.building-outline-layer-garaz.rezerwacja path {
    fill: #F2B100;
}

.building-outline-layer-garaz:hover path, .building-outline-layer-garaz.active path {
    opacity: 0.5;
}

.building-outline-layer-garaz .building-layer-icon-garaz {
    opacity: 0;
}

.building-outline-layer-garaz:hover .building-layer-icon-garaz {
    opacity: 0.9;
}

.building-outline-layer-garaz text {
    fill: #fff;
    text-anchor: middle;
    font-weight: 400;
    font-size: 20px;
    display: block;
}

/*.building-viewer-navigation .etaps .btn-light:first-child {*/
/*    padding-right: 10px;*/
/*}*/

/*.building-viewer-navigation .etaps .btn-light:last-child {*/
/*    padding-left: 10px;*/
/*}*/

.nawigator_box.dwa td.table-mobile-data span.status_mobile {
    display: block;
}


/*
body.ver2 .building-viewer .icon_bt {
	background-color: #fff;
}
*/


#dostepnosc {
    position: relative;
}

.building-viewer-panel-large {
    width: 100%;
    height: 100%;
    background-color: white;
    position: absolute;
    z-index: 3;
}

.building-viewer-panel-header {
    height: 40px;
    color: #808476;
    background-color: #F2F2F2;
    font-weight: 700;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 10px 4px;
}

.building-viewer-panel-header .close {
    color: #808476;
    opacity: 1;
    text-shadow: unset;
}

.building-viewer-panel-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    padding: 16px 0;
}

.building-viewer-panel-inner .apartment-plan {
    max-height: 300px;
    width: auto;
    display: flex;
    align-self: center;
    object-fit: contain;
}

.apartment-data {
    background: #F2F2F2 !important;
    display: flex;
    margin-bottom: 24px;
    height: 163px;
    padding: 8px 0px 8px 15px;
    align-items: center;
}

.apartment-data .param {
    display: flex;
}

.apartment-data .label {
    width: 45%;
}

.apartment-data .value {
    width: 55%;
}

.apartment-data .label,
.apartment-data .value {
    color: #808476;
    font-size: 16px;
    display: inline-block;
    font-weight: 400;
    line-height: 24px;
}

.apartment-data .label {
    font-weight: 400;
}

.apartment-data .value {
    font-weight: 600;
}

.apartment-data .apartment-number {
    font-size: 22px !important;
    font-weight: 600 !important;
}

.apartment-data .left-column,
.apartment-data .right-column {
    display: flex;
    flex-direction: column;
    padding: 0;
    gap: 2px;
}

.apartment-data .left-column {
    width: 48%;
}

.apartment-data .right-column {
    width: 49%;
}

.apartment-data .right-column {
    gap: 7px;
    text-align: center;
    padding-left: 2px;
    padding-right: 1px;
}

.apartment-data .btn {
    width: 100% !important;
    display: flex;
    font-size: 15px;
    font-weight: 500;
    justify-content: space-between;
    padding: 6px;
}

.apartment-data .status {
    font-weight: 600;
    font-size: 22px;
}


@media (min-width: 992px) {
    .table_box.wys_table .cena_tabela span.price_new {
        display: block;
    }

    .table_box.wys_table .cena_tabela .btn.btn-primary {
        max-width: 210px !important;
    }

    .table_box.wys_table table.dataTable tbody td {
        height: 72px;
    }
}

@media (min-width: 1400px) {
    .table_box.wys_table table.dataTable tbody td {
        height: 75px;
    }
}

@media (min-width: 1600px) {
    .table_box.wys_table table.dataTable tbody td {
        height: 78px;
    }
}

.nawigator_box .nawigator_kolumns .nawigator_kolumna_pietra {
    display: none;
}


@media (min-width: 992px) {
    .nawigator_box .nawigator_kolumns .building-viewer {
        width: calc(100% - 170px);
    }

    .nawigator_box .nawigator_kolumns .nawigator_kolumna_pietra {
        width: 170px;
        display: block;
    }

    .nawigator_box .nawigator_kolumns {
        display: flex;
    }

    .nawigator_box .etaps {
        position: absolute;
        left: -170px;
        display: flex;
        flex-direction: column;
        gap: 8px;
        top: 40px;
    }
}

.naglowek_legenda {
    display: none;
}

.building-viewer-navigation {
    .btn {
        background-color: #e6e6e4 !important;
        color: #000 !important;

        font-weight: 500;
        font-size: .875rem;
        transition: all .3s;
        padding: .5rem 1.25rem;
        border: 0;
        border-radius: 0 .875rem 0 .875rem;
        line-height: 1.45;
        text-decoration: none;
        align-items: center;
        justify-content: space-between;
        gap: 6px;

        .icon_bt {
            background: #000 !important;
            margin-left: 0 !important;
        }
    }

    .btn:hover {
        .icon_bt {
            background: rgb(95, 183, 215) !important;
        }
    }

    .btn.selected {
        background-color: rgb(95, 183, 215) !important;
        color: #fff !important;

        .icon_bt {
            background: #fff !important;
        }
    }
}


.custom-control-input {
    display: none; /* chowamy sam input */
}

.custom-control-label {
    font-weight: 500;
    font-size: .875rem;
    transition: all .3s;
    padding: .5rem 1.25rem;
    border: 1px solid rgb(95, 183, 215);
    border-radius: 0 .875rem 0 .875rem;
    line-height: 1.45;
    text-decoration: none;
    color: rgb(95, 183, 215);
    background: transparent;
    cursor: pointer;
}


.custom-control-input:checked + .custom-control-label {
    background: rgb(95, 183, 215);
    color: #fff;
    border-color: rgb(95, 183, 215);
}

.custom-control-label::before {
    display: none;
}


#filterForm .range-slider.ui-slider {
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 34px;
    height: 4px !important;
    background: #dfeef4 !important;
    border: 0 !important;
    border-radius: 8px !important;
    position: relative;
}

#filterForm .range-slider.ui-slider.ui-widget.ui-widget-content {
    border: 0 !important;
}

#filterForm .range-slider.ui-slider .ui-slider-range {
    background: rgb(95, 183, 215) !important;
    border: 0 !important;
    border-radius: 8px !important;
}

#filterForm .ui-slider .ui-slider-handle {
    width: 22px !important;
    height: 22px !important;
    top: -6px !important;
    background: rgb(95, 183, 215) !important;
    border: 0 !important;
    border-radius: 0 0.575rem 0 .575rem !important;
    box-shadow: none !important;
    cursor: pointer;
    outline: none !important;
    transition: transform .12s ease, box-shadow .12s ease;
}

#filterForm .ui-slider .ui-slider-handle:focus-visible {
    box-shadow: 0 0 0 3px rgba(88, 181, 216, .25) !important;
}

#filterForm .ui-slider .ui-slider-handle.ui-state-active {
    transform: scale(1.03);
}

#filterForm .range-slider.ui-slider .ui-slider-handle[data-label]::after {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    content: attr(data-label);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    margin-top: 6px;
    color: #6a6e76;
    background: transparent;
    width: auto;
    height: auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    pointer-events: none;
    white-space: nowrap;
}

#filterForm .col.cena_col .range-slider.ui-slider .ui-slider-handle[data-label]::after {
    min-width: 60px;
    text-align: center;
}

#filterForm .bootstrap-select .dropdown-toggle:focus,
#filterForm .bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
    outline: 0 !important;
}

.filtration-row {
    display: flex;
    justify-content: space-between;
}

#filterForm .custom-checkbox {
    margin: 0;
    padding: 0;
}

.checkbox-group {
    gap: 8px
}

.type-filter {
    margin-bottom: 24px;
}


#flat-table_paginate {
    margin-top: 1rem;
    display: flex;
    justify-content: flex-start;
    gap: .25rem;
    flex-wrap: wrap;
}

#flat-table_paginate .paginate_button {
    display: inline-block !important;
    padding: .5rem .9rem !important;
    margin: 0 .15rem !important;
    font-weight: 600 !important;
    font-size: 1rem !important;
    color: #3b3e45 !important;
    background: #e9e9e9 !important;
    border: none !important;
    border-radius: 0 .875rem 0 .875rem !important;
    cursor: pointer !important;
    transition: all .2s ease;
    text-decoration: none !important;
}

#flat-table_paginate .paginate_button:hover {
    background: #d4d4d4 !important;
    color: #1f2023 !important;
}

#flat-table_paginate .paginate_button.current {
    background: rgb(95, 183, 215) !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 0 0 3px rgba(88, 181, 216, .15) !important;
}

#flat-table_paginate .paginate_button.disabled,
#flat-table_paginate .paginate_button.disabled:hover {
    background: #f3f3f3 !important;
    color: #aaa !important;
    cursor: default !important;
    box-shadow: none !important;
}

#flat-table_paginate .ellipsis {
    padding: .5rem .9rem;
    color: #999;
}

.building-viewer-panel {
    position: relative;
    padding: 0px;
    max-width: 100%;
    z-index: 15;
    height: 80px;
}

.building-viewer-panel h4.accent_color {
    padding: 7px 10px;
    font-size: 18px;
    line-height: 21px;
    color: #fff;
}

.building-viewer-panel .close {
    font-weight: 400;
    color: #fff;
    text-shadow: 0 0px 0 #fff;
    opacity: 1;
    margin-top: 5px;
    margin-right: 7px;
}

.building-viewer-panel .tab-content .tab-content {
    text-align: center;
}

.building-viewer-panel .justify-content-center.mt-sm-3 {
    margin-top: 15px;
}

.building-viewer-panel .btn {
    width: 100%;
    line-height: 14px;
    padding: 5px 3px 5px;
    font-weight: 400;
    font-size: 14px;
}

@media (min-width: 992px) {
    .building-viewer-panel {
        position: absolute;
        left: 0px;
        width: 264px;
    }

    .building-viewer-panel.move_right {
        left: unset;
        right: 0px;
    }
}

@media (min-width: 1366px) {
    .building-viewer-panel {
        width: 264px;
    }
}

@media (min-width: 1600px) {
    .building-viewer-panel {
        width: 264px;
    }
}

@media (max-width: 1366px) {
    .building-viewer-panel .mb-1, .building-viewer-panel p {
        margin-bottom: 0;
    }

    .building-viewer-panel .btn {
        font-size: 13px;
    }
}


#flat-table_wrapper[data-current-type="garage"] table.dataTable tbody td.table-pietro,
#flat-table_wrapper[data-current-type="garage"] table.dataTable thead th.table-pietro,
#flat-table_wrapper[data-current-type="garage"] table.dataTable tbody td.table-pokoje,
#flat-table_wrapper[data-current-type="garage"] table.dataTable thead th.table-pokoje,
#flat-table_wrapper[data-current-type="garage"] table.dataTable tbody td.table-powierzchnia,
#flat-table_wrapper[data-current-type="garage"] table.dataTable thead th.table-powierzchnia,
#flat-table_wrapper[data-current-type="garage"] table.dataTable tbody td.table-plan,
#flat-table_wrapper[data-current-type="garage"] table.dataTable thead th.table-plan,
#flat-table_wrapper[data-current-type="garage"] table.dataTable tbody td.table-wiecej,
#flat-table_wrapper[data-current-type="garage"] table.dataTable thead th.table-wiecej {
    display: none !important;
}

#flat-table_wrapper[data-current-type="storage"] table.dataTable tbody td.table-pokoje,
#flat-table_wrapper[data-current-type="storage"] table.dataTable thead th.table-pokoje,
#flat-table_wrapper[data-current-type="storage"] table.dataTable tbody td.table-pietro,
#flat-table_wrapper[data-current-type="storage"] table.dataTable thead th.table-pietro,
#flat-table_wrapper[data-current-type="storage"] table.dataTable tbody td.table-plan,
#flat-table_wrapper[data-current-type="storage"] table.dataTable thead th.table-plan,
#flat-table_wrapper[data-current-type="storage"] table.dataTable tbody td.table-wiecej,
#flat-table_wrapper[data-current-type="storage"] table.dataTable thead th.table-wiecej {
    display: none !important;
}