.floor_popup_info .choice_view_type {margin-bottom: 10px}

/*Этаж popup - план этажа*/
.floor_popup_info .floor_container {border: 1px solid #F0F1EB; border-radius: 16px; padding: 30px 30px 50px 30px; margin: 0 8px; position: relative;}
.floor_popup_info .flat_preview_container {max-width: 290px; flex: 0 0 290px; border: 1px solid #F0F1EB; border-radius: 16px; padding: 30px;}
.floor_popup_info .flat_floor:hover {z-index: 1; position: relative;}

.floor_popup_info .rooms_label {
    width: 100px;
    height: 100px;
    line-height: 100px;
    background-color: #FFF;
    font-size: 40px;
    text-align: center;
    border-radius: 50px;
    border: 1px solid #E1E2E3;
    cursor: pointer;
}
.floor_popup_info .rooms_label.status_1:hover, .floor_popup_info .rooms_label.status_1.active {color: #FFF; background-color: var(--OPTION_BASE_COLOR); border: 1px solid var(--OPTION_BASE_COLOR);}
.floor_popup_info .rooms_label.status_2, .floor_popup_info .rooms_label.status_3 {background-color: #E1E2E3; color: #949499; cursor: default;}

.floor_popup_info .share_container .share_href_container {left: auto; right: -40px;}

.zoom_buttons.zoom_buttons_floor {right: 5px; left: auto;}
.floor_popup_info .compass {position: absolute; bottom: 10px; right: 10px; z-index: 2;}


  
/*Этаж popup - шахматка*/
#floor_popup {width: 1440px; max-width: 96%;}
#floor_popup .fancybox-close-container {margin: 15px 40px 0 0;}
//#floor_popup .fancybox-close-small {right: 40px; top: 15px;}
#floor_popup .popup_content {padding: 80px 30px 50px 30px;} 
#flat_popup h3, #floor_popup h3 {margin: 7px 0 14px;}
.floor_popup_info .back_to_choice {padding: 11px 12px !important;}
.floor_popup_info .back_to_choice svg {display: inline-block; vertical-align: middle; margin-top: -4px!important; }
.floor_popup_info .back_to_choice span {margin-left: 5px;}


.floor_popup_info .popup_header {margin-bottom: 60px;}

.floor_popup_info .chess_container {max-width: 320px; flex: 0 0 320px;}
.floor_popup_info .chess_container .chess_content {overflow-x: auto; border: 1px solid #F0F1EB; border-radius: 16px; padding: 30px; height: 100%;}
.floor_popup_info .chess_container .styled_select .items {margin: 4px;}
.floor_popup_info .chess_container .styled_select {margin-bottom: 40px;}
.floor_popup_info .chess_container .floor {margin: 5px 0;}
.floor_popup_info .chess_container .floor .floor_btn {text-decoration: none; min-width: 15px; text-align: center; font-size: 14px; margin-right: 5px; display: inline-block;}
.floor_popup_info .chess_container .floor.active .floor_btn {color: var(--OPTION_BASE_COLOR)}

.floor_popup_info .chess_container .flat_item {position: relative; overflow: hidden;
    width: 24px; height: 24px; border-radius: 4px; text-align: center; background-color: #FFF;
    margin: 4px; line-height: 24px; font-size: 12px;
    border: 1px solid #F0F1EB;
}

.floor_popup_info .chess_container .flat_item.status_2:after, .floor_popup_info .chess_container .flat_item.status_3:after 
{
    content: '';
    position: absolute; left: 0; top: 0; display: block;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='15' viewBox='0 0 12 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.09932 5.49565V4.89882C2.09932 2.91509 3.67158 1.31787 5.62432 1.31787C7.57705 1.31787 9.14932 2.91509 9.14932 4.89882V5.49565M2.09932 5.49565C1.45307 5.49565 0.924316 6.03279 0.924316 6.6893V12.6575C0.924316 13.3141 1.45307 13.8512 2.09932 13.8512H9.14932C9.79557 13.8512 10.3243 13.3141 10.3243 12.6575V6.6893C10.3243 6.03279 9.79557 5.49565 9.14932 5.49565M2.09932 5.49565H9.14932' stroke='%23E1E2E3' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
} 
.floor_popup_info .chess_container .floor.active .flat_item, .floor_popup_info .chess_container .floor:hover .flat_item {background-color: var(--OPTION_BASE_COLOR); color: #FFF; opacity: 0.5;}
.floor_popup_info .chess_container .floor.active .flat_item.status_3, .floor_popup_info .chess_container .floor:hover .flat_item.status_3 {background-color: #949499; color: #FFF; opacity: 0.5;}
.floor_popup_info .chess_container .floor.active .flat_item.status_2:after, .floor_popup_info .chess_container .floor.active .flat_item.status_3:after 
{background-image: url("data:image/svg+xml,%3Csvg width='12' height='15' viewBox='0 0 12 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.09932 5.49565V4.89882C2.09932 2.91509 3.67158 1.31787 5.62432 1.31787C7.57705 1.31787 9.14932 2.91509 9.14932 4.89882V5.49565M2.09932 5.49565C1.45307 5.49565 0.924316 6.03279 0.924316 6.6893V12.6575C0.924316 13.3141 1.45307 13.8512 2.09932 13.8512H9.14932C9.79557 13.8512 10.3243 13.3141 10.3243 12.6575V6.6893C10.3243 6.03279 9.79557 5.49565 9.14932 5.49565M2.09932 5.49565H9.14932' stroke='%23FFFFFF' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E%0A");}
.floor_popup_info .chess_container .flat_item.status_1 {cursor: pointer;}
.floor_popup_info .chess_container .flat_item.status_1:hover, .floor_popup_info .chess_container .flat_item.status_1.active {opacity: 1;}

/*.col-xl-  (>= 1200px)*/
@media screen and (min-width: 1200px)
{
       
}
/*.col-lg-  (>= 992px)*/
@media screen and (max-width: 1200px)
{
    .flat_preview_container {display: none!important;}   
    .floor_popup_info .chess_container .styled_select {margin-bottom: 0px;}  
    
    .floor_popup_info .svg_floor {margin-top: 20px; height: auto;}
}
/*.col-md-  (>= 768px)*/
@media screen and (max-width: 991px)
{
    
}
/*.col-sm-  (>= 576px)*/
@media screen and (max-width: 767px)
{
     .chess_container {display: none;}
     .flat_select {-ms-flex-wrap: wrap !important; flex-wrap: wrap !important;}  
     .floor_popup_info .chess_container {max-width: 100%; flex: 0 0 100%;} 
     .floor_popup_info .floor_container {max-width: 100%; flex: 0 0 100%;}   
     .floor_popup_info .floor_container {margin: 0;}  
     .floor_popup_info .popup_header {margin-bottom: 15px;}
     .floor_popup_info .choice_view_type {display: inline-block!important;}
     .floor_popup_info .zoom_buttons {display: none!important;}
}
/*.col-*/
@media screen and (max-width: 575px)
{
    .floor_popup_info .floor_container {border: none; padding: 10px;}
    
    .ajax_form.popup .fancybox-close-small {right: 20px !important; top: 0 !important;}
    #flat_popup h3, #floor_popup h3 {font-size: 22px; margin: 10px 0 14px;}
}