@media all and (min-width: 1025px) {
    /* WebKit-based browsers */ ::-webkit-scrollbar {
        width: 6px;
        /* Set the width of the scrollbar */
        height: 6px;
        /* Set the height of the scrollbar */
    }

    ::-webkit-scrollbar-track {
        background-color: #f1f1f1;
        /* Set the background color of the track */
    }

    ::-webkit-scrollbar-thumb {
        background-color: #888;
        /* Set the color of the slider */
        border-radius: 3px;
        /* Set the border-radius to create a half-circle effect */
    }

    ::-webkit-scrollbar-thumb:hover {
        background-color: #555;
        /* Set the color of the slider on hover */
    }

    :root {
        --fhd-w: 1920;
        --fhd-h: 1080;
        --root-scale: 1;
        /* --theme-color : #195BA3; */
        --global-text-color: #212121;
        /* rgb(255, 61, 0); */
        /*  */
        --body-font-size: 16px;
        --font-weight-normal: 500;
        --hr-color: rgb(154, 166, 178);
        /*  */
        --sidebar-title-size: 18px;
        --sidebar-title-weight: 700;
        --sidebar-title-weight-light: 500;
        --sidebar-title-color: rgba(0, 0, 0, 0.87);
        /*  */
        --sidebar-item-size: 15px;
        --sidebar-item-weight: 500;
        --sidebar-item-color: rgba(0, 0, 0, 0.87);
        /*  */
        --color-list-item-size: 15px;
        --color-list-item-weight: 500;
        /*  */
        --color-list-count-font-size: 12px;
        --color-list-count-font-weight: 700;
        --color-list-count-color: rgb(154, 166, 178);
        /*  */
        --radio-color-width: 19px;
        --radio-color-height: 19px;
        --radio-color-fontsize: 15px;
        --radio-color-border: 1px solid #000;
        --radio-color-radius: 2px;
        /* --radio-color-active-bgcolor: rgb(255, 61, 0); */
        --radio-color-active-bgcolor: var(--theme-color);
        /*  */
        --radio-size-width: 15px;
        --radio-size-height: 15px;
        --radio-size-fontsize: 12px;
        --radio-size-border: 2px solid #000;
        --radio-size-radius: 2px;
        --radio-size-margin: 5px 0px 5px 0px;
        /*  */
        --btn-hov-clr: rgb(174 175 175);
        --ak-button-height: 40px;
        --ak-button-width: auto;
        --ak-button-min-width: 120px;
        /* --ak-button-background-color: #195BA3;*/
        --ak-button-background-color: var(--php-ak-button-background-color);
        /* --ak-button-background-color: var(--theme-color); */
        /* var( --theme-color); */
        --ak-button-text-align: center;
        --ak-button-border-radius: 5px;
        --ak-button-cursor: pointer;
        --ak-button-margin: 20px 0;
        /* --ak-button-padding: 0 2.5rem 0 0.5rem; */
        --ak-button-padding: 0 0.5rem 0 0.5rem;
        --ak-button-display: flex;
        --ak-button-font-size : 1.6REM;
        --ak-button-font-weight: 500;
        --ak-button-line-height: 40px;
        /*    --ak-button-color: #fff;*/
        --ak-button-color: var(--php-ak-button-color);
        /* --ak-button-hover-box-shadow: rgb(229, 54, 0) 0px 2px 4px 0px;
    */
        --ak-button-hover-box-shadow: var(--btn-hov-clr) 0px 2px 4px 0px;
        /* --ak-button-hover-background-color: rgb(229, 54, 0); */
        --ak-button-hover-background-color: var(--btn-hov-clr);
        /*  */
        --pen-icon-total-wrapper: 30px;
        --top-buttons-color: #5a5e6f;
        --slider-transition: 0.3s ease-in-out;
        ; }

    html, body {
        width: 100vw !important;
        height: 100% !important;
        position: fixed;
        top: 0;
        left: 0;
        min-width: initial !important;
        background-color: #fff;
        font-family: Roboto, Noto, sans-serif;
    }

    html, body.online_detail {
        width: auto !important;
        height: 100% !important;
        position: static;
        min-width: initial !important;
        background-color: #fff;
    }

    html {
        font-size: 10px;
        -ms-overflow-style: scrollbar;
        -webkit-tap-highlight-color: transparent;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        box-sizing: border-box;
        -webkit-text-size-adjust: 100%;
    }

    body {
        width: 100%;
        overflow: auto;
        background-color: #fff;
        color: rgb(33, 33, 33);
        font-feature-settings: normal;
        font-kerning: auto;
        font-optical-sizing: auto;
        font-size: var(--body-font-size);
        font-stretch: 100%;
        font-style: normal;
    }

    * {
        text-transform: lowercase;
    }

    form * , .showroom-location-inner * {
        text-transform: initial;
    }

    .ak-button-wrapper {
        float: none;
        display: flex;
        text-align: center;
        width: 80%;
        /* margin: 0rem auto 0 auto; */
        margin: 0;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: flex-start;
        justify-content: flex-start;
    }

    .ak-button {
        height : var(--ak-button-height);
        width : var(--ak-button-width);
        min-width : var(--ak-button-min-width);
        background-color : var(--ak-button-background-color);
        /* background-color: blue; */
        text-align : var(--ak-button-text-align);
        border-radius : var(--ak-button-border-radius);
        cursor : var(--ak-button-cursor);
        margin : var(--ak-button-margin);
        padding : var(--ak-button-padding);
        display: flex;
        display : var(--ak-button-display);
        font-size : var(--ak-button-font-size);
        font-weight : var(--ak-button-font-weight);
        line-height : var(--ak-button-line-height);
        color : var(--ak-button-color);
        /*
    <div class="ak-button">
       <span class="fa fa-eye"></span>   
       <span class="btn-title">Bekijken</span>
    </div>
    */
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: baseline;
        justify-content: space-evenly;
        align-content: space-between;
    }

    .ak-button:hover {
        box-shadow : var(--ak-button-hover-box-shadow);
        /* background-color: var(--ak-button-hover-background-color); */
    }

    .shaz-modal-top-header {
        height: 40px;
        font-size: 25px;
        color: #fff;
        line-height: 40px;
        padding: 0 0 0 1rem;
        background-color: var(--theme-color);
        position: relative;
    }

    .shaz-modal-top-header-head span {
        font-size: 20px;
        padding: 0 0 0 10px;
        display: inline-block;
    }

    .shaz-modal-top-header-close {
        position: absolute;
        top: 0;
        right: 0;
        cursor: pointer;
        width: 40px !important;
        text-align: center;
        display: inline-block !important;
        /* background-color: blue; */
    }

    span.pen_title_type {
        display: inline-block;
    }

    *:first-letter {
        text-transform: uppercase ;
        /* background-color: red; */
    }

    body {
        /* line-height: 1.2 */
    }

    body * {
        line-height: inherit
    }

    .mainscreen {
        position: absolute;
        height: 100vh !important;
        width: 100vw !important;
        padding: 0;
        margin: 0;
        overflow: hidden;
    }

    .showroom .controls ul li a.light-gray {
        background: #FFFFFF;
    }

    .showroom .controls ul li a.dark-gray {
        background: #FFFFFF;
    }

    body .controls {
        position: fixed;
        margin-top: 0;
        top: 50vh;
        transform: translateY(-50%);
        left: calc(20/var(--fhd-w) * 100vw);
        background-color: #FFFFFF;
        width: calc(80/var(--fhd-w) * 100vw);
        border: 1px solid #464646;
        border-radius: calc(15/var(--fhd-w) * 100vw);
        text-align: center;
        z-index: 3;
    }

    .controls ul {
        margin: 0 auto;
        width: calc(80/var(--fhd-w) * 100vw);
        display: block;
    }

    .controls ul li {
        width: calc(60/var(--fhd-w) * 100vw);
        height: auto;
        margin: 0px auto;
        display: block;
        float: none;
        clear: both;
        position: relative;
    }

    .controls ul li:nth-child(8) {
        display: none !important
    }

    .controls ul li:last-child a {
        border-bottom: 0;
    }

    .controls ul li a {
        height: calc(80/var(--fhd-w) * 100vw);
        line-height: calc(80/var(--fhd-w) * 100vw);
        vertical-align: middle;
        display: inline-block;
        margin: 0px auto;
        text-align: center;
        width: calc(60/var(--fhd-w) * 100vw);
        display: inline-block;
        border-bottom: 1px solid #8c8c8c;
        position: relative;
    }

    .controls ul li a i {
        color: #464646;
        line-height: calc(80/var(--fhd-w) * 100vw);
        margin: 0;
    }

    .controls .favorite-counter {
        display: none;
        position: absolute;
        background: #f00;
        width: calc(20/var(--fhd-w) * 100vw);
        height: calc(20/var(--fhd-w) * 100vw);
        text-align: center;
        font-weight: bolder;
        line-height: calc(20/var(--fhd-w) * 100vw);
        padding: 0;
        font-size: 1.1REM;
        left: 50%;
        bottom: 25%;
        color: #fff;
        border-radius: 50%;
    }

    .controls i.fa.fa-envelope.inactive_grey {
        color: #aaa;
    }

    div#dropdown-vloer.slide_box {
        display: none;
    }

    div#specificaties.slide_box {
        display: block !important;
        border-radius: 0 0 calc(10/var(--fhd-w) * 100vw) calc(10/var(--fhd-w) * 100vw);
    }

    div#stucwerk.slide_box {
        display: none;
    }

    div#voegkleur.slide_box {
        display: block !important;
    }

    div#wandkleur.slide_box {
        display: block !important;
    }

    div#ruimtes.slide_box {
        display: none;
    }

    div#qrcode-scanner.slide_box {
        display: none;
    }

    div#qrcodeeigenwoning.slide_box {
        display: none;
    }

    div#search-and-dealer.slide_box {
        display: none;
    }

    div#dealer-panel.slide_box {
        display: none;
    }

    div#atmosphere-images.slide_box {
        display: none;
    }

    div.twodkiezer.slide_box {
        display: none;
    }

    div#favorites-popup.slide_box {
        display: none;
    }

    div.eigen-woning-popup {
        display: none;
    }

    div#eigen-woning-popup-form.slide_box {
        display: none;
    }

    body.is_ipad .dropdown-vloer-wand.slide_box .size-chart table tbody td:nth-child(1) {
        width: 33% !important;
    }

    body.is_ipad .dropdown-vloer-wand.slide_box .size-chart table tbody td:nth-child(2) {
        width: 33% !important;
    }

    body.is_ipad .dropdown-vloer-wand.slide_box .size-chart table tbody td:nth-child(3) {
        width: 33% !important;
    }

    body.is_ipad .dropdown-vloer-wand.slide_box .size-chart {
        width: 50% !important;
    }

    body.is_ipad .dropdown-vloer-wand.slide_box table tbody .listed {
        padding: calc(10/var(--fhd-w) * 100vw) calc(5/var(--fhd-w) * 100vw) calc(10/var(--fhd-w) * 100vw) calc(5/var(--fhd-w) * 100vw);
    }

    .dropdown-vloer-wand.slide_box .fourthy {
        margin-right: 1px;
        width: calc(46% - 1px);
        display: inline-block;
        min-height: calc(200/var(--fhd-w) * 100vw);
        border: 1px solid #868686;
        border-top: 0;
        height: 100%
    }

    .dropdown-vloer-wand.slide_box .fourthy.righter {
        float: right
    }

    .dropdown-vloer-wand.slide_box .results .button {
        display: inline-block !important;
        width: auto;
        float: right;
        padding: calc(2/var(--fhd-w) * 100vw) calc(6/var(--fhd-w) * 100vw)
    }

    .dropdown-vloer-wand.slide_box .results {
        background: #fff;
        margin-top: calc(-4/var(--fhd-w) * 100vw);
        font-size: 1.3rem;
        padding: calc(10/var(--fhd-w) * 100vw)
    }

    .dropdown-vloer-wand.slide_box .righter table.rooms td img {
        max-width: 100%
    }

    .dropdown-vloer-wand.slide_box .righter table.rooms td {
        padding: calc(10/var(--fhd-w) * 100vw);
        width: 33%
    }

    .dropdown-vloer-wand.slide_box .righter thead div {
        display: inline;
        margin-right: calc(20/var(--fhd-w) * 100vw)
    }

    .dropdown-vloer-wand.slide_box .righter thead label {
        margin: 0 0 0 calc(6/var(--fhd-w) * 100vw)
    }

    .dropdown-vloer-wand.slide_box .size-chart table tbody td {
        width: 33% !important;
    }

    .dropdown-vloer-wand.slide_box .size-chart table tbody td {
        width: auto;
    }

    .dropdown-vloer-wand.slide_box .size-chart table tbody td {
        width: auto;
    }

    .dropdown-vloer-wand.slide_box .size-chart table {
        border-spacing: 0;
        width: 100%;
        float: left;
        height: 100%
    }

    .dropdown-vloer-wand.slide_box .size-chart {
        width: 100%;
        height: auto;
    }

    .size-chart-flex-container {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: space-around;
        justify-content: space-between;
        width: 100%;
        height: auto;
        align-items: flex-start;
    }

    .dropdown-vloer-wand.slide_box .size-chart-floor {
        height: calc(308/var(--fhd-w) * 100vw);
    }

    .dropdown-vloer-wand.slide_box .size-chart-floor {
        height: calc(308/var(--fhd-w) * 100vw);
    }

    .dropdown-vloer-wand.slide_box table .active {
        font-weight: 700;
    }

    .dropdown-vloer-wand.slide_box table tbody .listed li {
        cursor: pointer;
        display: block;
        margin-bottom: calc(4/var(--fhd-w) * 100vw);
        padding-bottom: calc(2/var(--fhd-w) * 100vw);
        break-inside: avoid;
        overflow: hidden;
    }

    .dropdown-vloer-wand.slide_box table tbody .listed {
        height: calc(380/var(--fhd-w) * 100vw);
        overflow-y: auto;
    }

    .dropdown-vloer-wand.slide_box table tbody .listed {
        margin: 0;
        padding: calc(10/var(--fhd-w) * 100vw)
    }

    .dropdown-vloer-wand.slide_box table tbody .listed.two-col {
        column-count: 1 !important;
    }

    .dropdown-vloer-wand.slide_box table tbody .listed.two-col {
        column-count: 2
    }

    .dropdown-vloer-wand.slide_box table tbody .pagination .al i, .dropdown-vloer-wand.slide_box table tbody .pagination .ar i {
        font-weight: bolder;
        font-size: 1.4REM;
    }

    .dropdown-vloer-wand.slide_box table tbody .pagination .al i, .dropdown-vloer-wand.slide_box table tbody .pagination .ar i {
        font-weight: bolder;
        font-size: 1.4REM;
    }

    .dropdown-vloer-wand.slide_box table tbody .pagination .al {
        float: left;
        margin-left: calc(12/var(--fhd-w) * 100vw);
        cursor: pointer;
    }

    .dropdown-vloer-wand.slide_box table tbody .pagination .ar {
        margin-right: calc(12/var(--fhd-w) * 100vw);
        cursor: pointer;
    }

    .dropdown-vloer-wand.slide_box table tbody .pagination {
        width: 100%;
        margin-left: 0;
        margin-top: 0;
        text-align: center
    }

    .dropdown-vloer-wand.slide_box table tbody td {
        width: 50%;
    }

    .dropdown-vloer-wand.slide_box table tbody td {
        width: 50%;
    }

    .dropdown-vloer-wand.slide_box table td {
        vertical-align: top !important
    }

    .dropdown-vloer-wand.slide_box table thead tr th .rh {
        height: calc(12/var(--fhd-w) * 100vw);
        width: calc(20/var(--fhd-w) * 100vw);
        background: #000;
        display: inline-block;
        margin-right: calc(10/var(--fhd-w) * 100vw)
    }

    .dropdown-vloer-wand.slide_box table thead tr th .s {
        height: calc(8/var(--fhd-w) * 100vw);
        width: calc(30/var(--fhd-w) * 100vw);
        background: #000;
        display: inline-block;
        margin-right: calc(10/var(--fhd-w) * 100vw)
    }

    .dropdown-vloer-wand.slide_box table thead tr th .vk {
        height: calc(12/var(--fhd-w) * 100vw);
        width: calc(12/var(--fhd-w) * 100vw);
        background: #000;
        display: inline-block;
        margin-right: calc(10/var(--fhd-w) * 100vw);
    }

    .dropdown-vloer-wand.slide_box table thead tr th {
        padding: calc(4/var(--fhd-w) * 100vw) calc(10/var(--fhd-w) * 100vw);
        height: calc(60/var(--fhd-w) * 100vw);
    }

    .dropdown-vloer-wand.slide_box table thead {
        background-color: #fff;
        color: #464646;
        width: 100%;
    }

    .dropdown-vloer-wand.slide_box table {
        font-size: 1.25rem;
        width: 100%;
        text-transform: uppercase
    }

    .tile-info-value.tile-artikelnummer, .tile-info-value.tile-merk, .tile-info-value.tile-serie {
        user-select: all !important;
        cursor: text !important;
    }

    #wrapper-slide-box .zelfde_input_item, #wrapper-slide-box .zelfde_input_item span {
        user-select: initial !important;
        cursor: pointer;
        /* font-size: 1.25REM; */
    }

    #wrapper-slide-box .zelfde_input_item.active {
        font-weight: 700;
    }

    .search_tabs_wrapper>div {
        cursor: pointer;
    }

    .search_tabs_wrapper .search_tabs > span , .search_tabs_wrapper .search_tabs > .div_d1> span , .search_tabs.mijneigenkamer_tab i , .search_tabs.uploadfotoeigenruimte_tab span i {
        margin: 0 8px 0 0;
    }

    .search_tabs:last-child {
        margin-right: 0px;
    }

    .search_tabs.search_tabs_active {
        background-color: #fff;
        border-bottom: none;
        border-bottom: 1px solid #fff;
    }

    .slide_box .slide_box_close span {
        cursor: pointer;
        color: white;
        font-size: 2.2REM;
        font-weight: 800;
        display: inline-block;
        line-height: calc(50/var(--fhd-w) * 100vw);
        padding: 0 calc(16/var(--fhd-w) * 100vw);
        background-color: #04397b
    }

    .slide_box .slide_box_close {
        position: absolute;
        left: calc(22/var(--fhd-w) * 100vw);
        top: calc(-50/var(--fhd-w) * 100vw)
    }

    .slide_box .slide_box_close {
        right: 0px;
        left: auto;
    }

    .slide_box .slide_box_close {
        right: 0px;
        left: auto;
    }

    .slide_box .twenty {
        background: #feffff;
        background: #feffff;
        background: -moz-linear-gradient(top, #feffff 0%, #dededd 100%);
        background: -webkit-linear-gradient(top, #feffff 0%, #dededd 100%);
        background: linear-gradient(to bottom, #feffff 0%, #dededd 100%);
        margin: 0 1px;
        position: relative;
        width: calc(20% - 2px);
        display: inline-block;
        float: left;
        border: 1px solid #868686;
        border-top: 0;
        height: 100%;
        padding: 0;
        padding-bottom: calc(30/var(--fhd-w) * 100vw);
    }

    .slide_box table thead th {
        font-size: 1.1REM;
        padding-left: calc(10/var(--fhd-w) * 100vw);
    }

    .slide_box table thead th {
        font-size: 1.4REM;
        padding-left: calc(10/var(--fhd-w) * 100vw);
        border-radius: calc(20/var(--fhd-w) * 100vw);
    }

    .slide_box.bottom .slider {
        margin-bottom: calc(5/var(--fhd-w) * 100vw);
    }

    .slide_box.bottom {
        bottom: 0
    }

    .slide_box.top .slider {
        margin-top: calc(5/var(--fhd-w) * 100vw)
    }

    .slide_box.top {
        top: 0
    }

    .stickyresultsfloor .dropdown-vloer-wand.slide_box#dropdown-vloer, .showroom .dropdown-vloer-wand.slide_box#dropdown-vloer {
        position: fixed;
        bottom: calc(80/var(--fhd-w) * 100vw);
    }

    #dropdown-wand.slide_box .fourthy {
        height: calc(308/var(--fhd-w) * 100vw);
    }

    #dropdown-wand.slide_box table tbody .listed.two-col.size-container-square, #dropdown-wand.slide_box table tbody .listed.two-col.size-container-rectangle, #dropdown-wand.slide_box table tbody .listed.size-container-strip {
        height: calc(252/var(--fhd-w) * 100vw);
    }

    #dropdown-vloer.slide_box .fourthy {
        height: calc(301/var(--fhd-w) * 100vw);
        height: calc(308/var(--fhd-w) * 100vw);
    }

    #dropdown-vloer.slide_box .slide_box_close {
        top: auto;
        bottom: calc(-50/var(--fhd-w) * 100vw);
    }

    .results-wall li .tile_attribute_SizeId, .results-floor li .tile_attribute_SizeId {
        display: inline-block;
    }

    .results-wall li, .results-floor li {
        margin-bottom: calc(60/var(--fhd-w) * 100vw);
        margin-bottom: 20px;
        margin: 5px 5px 5px 5px ;
    }

    .shaz_container_border_bg_body .results-wall.slides_top_grouper > li {
        padding: 7px 7px 0px 7px !important;
        border: 1px solid rgb(240, 242, 244);
        border-radius: 8px;
    }

    .shaz_container_border_bg_body .results-wall.slides_top_grouper > li.active {
        border: 1px solid rgb(107, 114, 134);
    }

    .results-wall li .tile_attribute_origArticleId, .results-floor li .tile_attribute_origArticleId {
        top: 100%;
        display: block;
        text-transform: none;
    }

    .results-wall li .tile_attribute_SizeId, .results-floor li .tile_attribute_SizeId {
        top: calc(100% + calc(0/var(--fhd-w) * 100vw))
    }

    body.is_ipad div.desktop-only.wall-results.slider-inner-flex div.slider>div.slider-inner .slider-inner-down-up1 {
        bottom: calc(-50/var(--fhd-w) * 100vw);
    }

    .slides_top_grouper {
        /* justify-content: space-between !important; */
        /* align-items: flex-end !important; */
    }

    .square_top_dummy_container {
        max-height: 100% !important;
        padding-bottom: calc(10/var(--fhd-w) * 100vw) !important;
    }

    .slides_top_grouper {
        padding-right: calc(20/var(--fhd-w) * 100vw);
    }

    .results-wall {
        -webkit-transform: translateY(0px) !important;
        -moz-transform: translateY(0px) !important;
        -ms-transform: translateY(0px) !important;
        -o-transform: translateY(0px) !important;
        transform: translateY(0px) !important;
    }

    .results-wall .sizeCategoryDiv, .floor-results .sizeCategoryDiv {
        display: inline-block !important;
        width: 100%;
        padding: calc(10/var(--fhd-w) * 100vw);
        margin: 0px calc(5/var(--fhd-w) * 100vw) calc(10/var(--fhd-w) * 100vw);
        line-height: calc(23/var(--fhd-w) * 100vw);
        padding: calc(4/var(--fhd-w) * 100vw) calc(10/var(--fhd-w) * 100vw);
        background-color: var(--top-buttons-color);
        color: #fff;
        font-weight: 700;
        font-size: 1.5REM;
        height: calc(30/var(--fhd-w) * 100vw);
        margin: 10px 5px;
        border-radius: var(--ak-button-border-radius);
    }

    .color_seperator {
        display: inline-block !important;
        width: 100%;
        padding: calc(10/var(--fhd-w) * 100vw);
        margin: 6rem calc(5/var(--fhd-w) * 100vw) calc(10/var(--fhd-w) * 100vw);
        margin: 0 5px 20px 5px;
        line-height: calc(23/var(--fhd-w) * 100vw);
        padding: calc(4/var(--fhd-w) * 100vw) calc(10/var(--fhd-w) * 100vw);
        background: #edecec;
        color: #464646;
        border: 1px solid #d5cbcb;
        font-weight: 700;
        font-size: 1.5REM;
        height: calc(30/var(--fhd-w) * 100vw);
        margin: 20px 5px 0px 5px;
        border-radius: var(--ak-button-border-radius);
        display: none !important;
    }

    .results-wall .sizeCategoryDiv.hide_group_size, .results-wall li.hide_group_size, .floor-results .sizeCategoryDiv.hide_group_size, .floor-results li.hide_group_size {
        display: block !important;
    }

    .multi_size_panel, .multi_size_panel, .multi_size_panel, .multi_size_panel {
        display: none !important;
    }

    body>div.wall-results.slider-inner-flex div.slider_top_relative div.slider-inner.slider_top_hider>ul>span {
        display: block !important;
    }

    .results-wall span.shape_sqr {
        width: 136px !important;
    }

    .results-wall span.shape_rect {
        width: 136px !important;
    }

    .results-wall span.shape_strip {
        width: 136px !important;
    }

    .square_top_dummy_container {
        height: 100% !important;
    }

    div.desktop-only.wall-results.slider-inner-flex div.slider>div.slider-inner .results-wall {
        max-height: 100% !important;
        height: auto !important;
        overflow: auto !important;
        -webkit-transition: 0.5s;
        transition: max-height 0.5s;
    }

    div.desktop-only.slider-inner-flex div.slider>div.slider-inner ul.results-wall li {
        align-self: flex-end;
        height: auto;
        position: relative;
    }

    div.desktop-only.wall-results.slider-inner-flex div.slider>div.slider-inner {
        max-height: calc(74vh - calc(50/var(--fhd-w) * 100vw)) !important;
        height: auto: !important;
    }

    div.desktop-only.wall-results.slider-inner-flex div.slider>div.slider-inner ul {
        box-shadow: 0 calc(14/var(--fhd-w) * 100vw) calc(28/var(--fhd-w) * 100vw) rgba(0, 0, 0, 0.25), 0 calc(10/var(--fhd-w) * 100vw) calc(10/var(--fhd-w) * 100vw) rgba(0, 0, 0, 0.22);
        padding-bottom: calc(20/var(--fhd-w) * 100vw) !important;
    }

    div.desktop-only.wall-results.slider-inner-flex div.slider>div.slider-inner .slider-inner-down-up1 {
        bottom: calc(-50/var(--fhd-w) * 100vw);
    }

    body.online_detail {
        position: static;
        overflow-y: scroll
    }

    html.sfeer_clicked body>div.desktop-only.wall-results.slider-inner-flex>div>span {
        display: none !important
    }

    html.sfeer_clicked body>div.desktop-only.wall-results.slider-inner-flex>div>div.slider_top_relative {
        width: calc(100% - calc(80/var(--fhd-w) * 100vw)) !important;
        margin: 0 auto !important;
    }

    html.sfeer_clicked body>div.desktop-only.wall-results.slider-inner-flex>div>div.slider_top_relative>div>div>div>div.slider-inner.slider_top_hider>ul {
        flex-wrap: nowrap !important;
        transform: translateY(0) !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        float: none !important;
        width: auto !important;
        overflow-x: auto !important;
        position: absolute !important;
        top: 0 !important;
        left: 0;
        transition: left .5s ease;
    }

    html.sfeer_clicked body>div.desktop-only.wall-results.slider-inner-flex.atmosphere>div>div.slider_top_relative>div>div>div>div.slider-inner.slider_top_hider>ul>li {
        display: block !important;
    }

    html.sfeer_clicked body>div.desktop-only.wall-results.slider-inner-flex>div {
        text-align: center !important;
        margin: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .wall-results, .floor-results {
        height: calc(80/var(--fhd-w) * 100vw);
    }

    .slider ul li {
        list-style: inline;
        padding: 0 calc(5/1920 * 100vw) calc(10/1920 * 100vw) calc(5/1920 * 100vw);
    }

    .wall-results li.strip img, .floor-results li.strip img, .results-wall li.strip img, .results-floor li.strip img {
        width: calc(240/var(--fhd-w) * 100vw);
        height: calc(60/var(--fhd-w) * 100vw);
    }

    .half-results .wall-results, .half-results .floor-results {
        height: calc(80/var(--fhd-w) * 100vw);
    }

    .half-results .wall-results .slider-inner, .half-results .floor-results .slider-inner, .half-results .slider .slide-left, .half-results .slider .slide-right {
        height: 100% !important;
    }

    .half-results .slider .slide-left i, .half-results .slider .slide-right i {
        padding: calc(23/var(--fhd-w) * 100vw) calc(8/var(--fhd-w) * 100vw) calc(23/var(--fhd-w) * 100vw) calc(5/var(--fhd-w) * 100vw);
    }

    .stickyresultswall .wall-results .slider, .showroom .wall-results .slider {
        position: fixed;
        top: 0;
        z-index: 999;
        max-width: calc(var(--fhd-w)/var(--fhd-w) * 100vw);
    }

    .wall-results.atmosphere .search-choices span.search-icon {
        display: none;
    }

    div.desktop-only.wall-results.slider-inner-flex div.slider>div.slider-inner .slider-inner-down-up1 {
        position: absolute;
        left: 50%;
        margin-left: calc(-46/var(--fhd-w) * 100vw);
        bottom: calc(-60/var(--fhd-w) * 100vw);
        height: calc(50/var(--fhd-w) * 100vw);
        width: calc(50/var(--fhd-w) * 100vw);
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }

    .dropdown-wand-flag .wall-results .slider-inner {
        display: none !important;
    }

    body.showroom .desktop-only.wall-results {
        position: absolute;
        top: 0;
        left: 0;
    }

    body.showroom .panel_searchresult.desktop-only.wall-results {
        position: absolute;
        left: 0;
        z-index: 1;
        width: 100%;
        height: calc(100% - calc(52/var(--fhd-w) * 100vw));
        top: calc(58/var(--fhd-w) * 100vw);
        border-radius: 0 0px calc(10/var(--fhd-w) * 100vw) calc(10/var(--fhd-w) * 100vw);
        border-right: 1px solid #505050;
        border-left: 1px solid #505050;
        border-bottom: 1px solid #505050;
    }

    .stickyresultswall .panel_searchresult.wall-results .slider, .showroom .panel_searchresult.wall-results .slider {
        position: absolute;
        top: calc(60/var(--fhd-w) * 100vw);
        left: 0;
        z-index: 1;
        width: 100%;
        height: calc(100% - calc(90/var(--fhd-w) * 100vw));
        padding: 0;
        border-radius: 0 0px calc(10/var(--fhd-w) * 100vw) calc(10/var(--fhd-w) * 100vw);
    }

    div.pen_icon {
        position: absolute;
        width: calc(70/var(--fhd-w) * 100vw);
        height: calc(70/var(--fhd-w) * 100vw);
        width: 35px;
        height: 35px;
        /* background-color: #fff; */
        z-index: 2;
        border-radius: 5px;
        cursor: pointer;
    }

    div.pen_icon.svg_active {
        /* background-color: rgb(177, 238, 148); */
    }

    div.pen_icon i {
        font-size: 5.0REM;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    span.pen_title_type {
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        margin: 0 20px 0 5px;
        vertical-align: top;
        color: var(--sidebar-title-color);
    }

    div.pen_icon_digit {
        display: inline-block;
        position: absolute;
        right: 10px;
        top: 0%;
        font-size: 1.4REM;
        font-weight: 500;
        color: #fff;
        text-align: center;
        pointer-events: none;
        font-size: 16px;
        line-height: 24px;
        vertical-align: top;
        color: var(--sidebar-title-color);
    }

    div.pen_icon_total_wrapper {
        position: absolute;
        left: -34px;
        top: calc(-1 * (var(--pen-icon-total-wrapper) - 25px) / 2);
        z-index: 2;
        font-size: 1.3REM;
        font-weight: 500;
        line-height: var(--pen-icon-total-wrapper);
        color: #fff;
        text-align: center;
        background-color: var(--radio-color-active-bgcolor);
        border-radius: var(--pen-icon-total-wrapper);
        width: var(--pen-icon-total-wrapper);
        height: var(--pen-icon-total-wrapper);
        padding: 0;
        margin: 0;
        border: 0;
        pointer-events: none ;
    }

    .pen_icon_left_circle {
        /* position: absolute; */
        left: 1px;
        top: 1px;
        z-index: 2;
        /* width: calc(25/var(--fhd-w) * 100vw);
        height: calc(25/var(--fhd-w) * 100vw);
        font-size: 1.2REM;
        font-weight: 500;
        line-height: calc(25/var(--fhd-w) * 100vw);
        color: #fff;
        text-align: center;
        border-radius: calc(25/var(--fhd-w) * 100vw); */
        /* cursor: default !important; */
        position: absolute;
        height: 32px;
        width: 32px;
        color: rgb(55, 60, 64);
        /* color: #fff; */
        background: rgb(255, 255, 255);
        aspect-ratio: 1 / 1;
        padding: 0px;
        display: grid;
        place-items: center;
        border: 2px solid white;
        border-radius: 999px;
        /* transition: 0.2s, padding; */
        box-shadow: rgba(0, 0, 0, 0.15) 0px 12px 24px 0px;
        border: 2px solid #5d5d5d;
        pointer-events: none !important;
        user-select: none !important;
    }

    .pen_icon_left_circle polyline {
        stroke-width: 50 !important;
    }

    div.pen_icon.svg_active .pen_icon_left_circle {
        color: #00ff00;
        background-color: rgb(55, 60, 64);
        border: 2px solid #fff;
    }

    .pen_icon.svg_active .pen_icon_left_circle svg circle:nth-of-type(1) {
        /* fill: rgb(177, 238, 148) !important; */
    }

    .results_header {
        width: 100%;
        width: 293px;
        height: 60px;
        color: #505050;
        display: inline-block;
        font-size: 1.8REM;
        font-weight: 700;
        line-height: calc(60/var(--fhd-w) * 100vw);
        border-radius: 0px 0px 0 0;
        color: #505050;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        align-content: stretch;
        margin: 0 -8px 0 -8px;
    }

    .results_header .multi_btn {
        display: inline-block;
    }

    .results_header_resultaten {
        width: initial;
    }

    .multi_btn {
        color: #fff;
        background-color: #505050;
        border-bottom-left-radius: calc(5/var(--fhd-w) * 100vw);
        border-bottom-right-radius: calc(5/var(--fhd-w) * 100vw);
        border-top-left-radius: calc(5/var(--fhd-w) * 100vw);
        border-top-right-radius: calc(5/var(--fhd-w) * 100vw);
        box-sizing: border-box;
        cursor: pointer;
        display: inline-block;
        font-size: 1.4REM;
        height: calc(40/var(--fhd-w) * 100vw);
        width: initial;
        line-height: calc(20/var(--fhd-w) * 100vw);
        padding: calc(10/var(--fhd-w) * 100vw) calc(20/var(--fhd-w) * 100vw);
        text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

    .higher_z {
        z-index: 100 !important;
    }

    .flex_row_voegkleur {
        position: relative;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
    }

    .first_col table {
        width: 100% !important;
    }

    #voegkleur .patronen, #voegkleur .voegdikte {
        display: block;
    }

    .mix_btn_wrapper {
        float: none;
        display: flex;
        text-align: center;
        width: 100%;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: space-between;
        justify-content: center;
    }

    .mix_btn_wrapper > div {
        /* width: 40% !important; */
    }

    .voeg_patroon_wrapper .ak-button.bekijken-button {
        margin: 0px 0 25px 0;
    }

    .mix_btn_wrapper .bekijken-button {
        /* display: inline-block !important; */
    }

    /* .mix_btn_wrapper .mix-button, .mix_btn_wrapper .bekijken-button , .annuleren-button {
    width: calc(270/var(--fhd-w) * 100vw);
    display: block;
    height: calc(40/var(--fhd-w) * 100vw);
    background-color: rgb(255, 61, 0);
    color: white;
    font-size: 1.6REM;
    line-height: calc(40/var(--fhd-w) * 100vw);
    text-align: center !important;
    border-radius: calc(5/var(--fhd-w) * 100vw);
    margin: calc(10/var(--fhd-w) * 100vw) !important;
    cursor: pointer;
} */
    .bekijken-button-paint-wrapper {
        box-sizing: border-box;
        color: var(--sidebar-title-color);
        display: flex;
        font-feature-settings: normal;
        font-kerning: auto;
        font-optical-sizing: auto;
        font-size: 15px;
        font-stretch: 100%;
        font-style: normal;
        font-weight: 400;
        height: 80px;
        justify-content: space-around;
        line-heigh: t 24px;
        margin-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        text-align: justify;
        text-size-adjust: 100%;
        text-transform: uppercase;
        text-wrap : nowrap;
        user-select: none;
        white-space-collapse: collapse;
        width: 100%;
        -webkit-font-smoothing: antialiased;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

    .bekijken-button-paint , .annuleren-button-verfkleur {
        height : var(--ak-button-height);
        width: fit-content;
        background-color : var(--ak-button-background-color);
        text-align : var(--ak-button-text-align);
        border-radius : var(--ak-button-border-radius);
        cursor : var(--ak-button-cursor);
        margin : var(--ak-button-margin);
        padding: 0 2rem;
        display : flex !important;
        font-size : var(--ak-button-font-size);
        font-weight : var(--ak-button-font-weight);
        line-height : var(--ak-button-line-height);
        color : var(--ak-button-color);
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-content: space-between;
        align-items: center;
    }

    .bekijken-button-paint-wrapper > div:hover {
        /* box-shadow : rgb(229, 54, 0) 0px 2px 4px 0px; */
        /* background-color: rgb(229, 54, 0); */
        box-shadow: var(--ak-button-hover-box-shadow);
    }

    /* .mix_btn_wrapper .mix-button span, .mix_btn_wrapper .bekijken-button span, .bekijken-button-paint span , .annuleren-button span , .annuleren-button-verfkleur span {
    height: calc(40/var(--fhd-w) * 100vw);
    line-height: calc(40/var(--fhd-w) * 100vw);
    display: inline-block !important;
    padding: 0;
    margin: 0 auto !important;
    float: none !important;
} */
    .mix_btn_wrapper .mix-button span.fa, .mix_btn_wrapper .bekijken-button span.fa, .bekijken-button-paint span.fa , .annuleren-button span.fa , .annuleren-button-verfkleur span.fa {
        /* width: calc(30/var(--fhd-w) * 100vw); */
        width: 25px;
        font-weight: 300 !important;
        text-align: left;
    }

    .mix_btn_wrapper .mix-button span.description, .mix_btn_wrapper .mix-bekijken span.description, .bekijken-button-paint span.description {
        width: auto;
    }

    .voegcolor_active, .patterns_active {
        outline: 2px solid red !important;
    }

    .twoD_container {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-flow: row nowrap;
        -webkit-flex-flow: row nowrap;
        justify-content: space-between;
        align-items: flex-start;
        align-content: flex-start;
        position: relative;
        margin: calc(20/var(--fhd-w) * 100vw) calc(20/var(--fhd-w) * 100vw);
        height: calc(100% - calc(40/var(--fhd-w) * 100vw));
    }

    .twoD_first_col {
        width: calc(72% - calc(20/var(--fhd-w) * 100vw));
        height: 100%;
        position: relative;
    }

    .twoD_second_col {
        width: 28%;
        height: 100%;
    }

    .twoD_image_container_outer {
        height: 100%;
        width: 100%;
    }

    .twoD_image_container_inner, .twoD_image_container_inner {
        height: 100%;
        width: 100%;
        position: relative;
        background-color: #d9d9d9;
    }

    .twoD_image {
        height: 100%;
        width: 100%;
        object-fit: cover;
        object-position: 50% 50%;
    }

    .twoD_zoom {
        position: absolute;
        top: calc(10/var(--fhd-w) * 100vw);
        right: calc(10/var(--fhd-w) * 100vw);
        background-color: #505050;
        z-index: 100;
        display: inline-block;
        width: calc(20/var(--fhd-w) * 100vw);
        height: calc(20/var(--fhd-w) * 100vw);
        line-height: calc(20/var(--fhd-w) * 100vw);
        /* max-width: 20px;
    max-height: 20px; */
        cursor: pointer;
        text-align: center;
    }

    .twoD_zoom i {
        line-height: calc(20/var(--fhd-w) * 100vw);
    }

    html.fullscreen_2d .twoD_zoom {
    }

    .twoD_zoom i {
        font-size: 2.0REM;
        color: #E3E3E3;
    }

    .twoD_container .patronen {
        width: 100%;
        display: block;
        position: relative;
        padding-bottom: calc(10/var(--fhd-w) * 100vw);
    }

    .twoD_container .patronen tr {
        width: 100%;
    }

    .twoD_container .patronen tr td {
        width: calc(32% - calc(10/var(--fhd-w) * 100vw));
        display: inline-block;
        margin: calc(5/var(--fhd-w) * 100vw);
        padding: calc(5/var(--fhd-w) * 100vw);
    }

    .twoD_container .patronen td a {
        background: #eee;
        display: block;
    }

    .twoD_container .patronen td a:hover, .twoD_container .patronen td a.active {
        background: #777
    }

    .twoD_container .patronen thead {
        color: #000;
        display: block;
        padding: calc(5/var(--fhd-w) * 100vw) calc(0/var(--fhd-w) * 100vw) calc(5/var(--fhd-w) * 100vw) calc(10/var(--fhd-w) * 100vw);
        white-space: nowrap text-transform: uppercase;
    }

    .twoD_container .patronen .patroon-holder {
        display: inline-block;
        position: relative;
        width: 100%;
        margin: 0 calc(15/var(--fhd-w) * 100vw) 0 0px
    }

    .twoD_container .patronen .patroon-holder .patroon img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        border: 1px solid #505050
    }

    .the_button_inner {
        -webkit-tap-highlight-color: transparent;
        width: calc(270/var(--fhd-w) * 100vw);
        display: block;
        height: calc(40/var(--fhd-w) * 100vw);
        background-color: #ff0000;
        color: white;
        font-size: 1.6REM;
        line-height: calc(40/var(--fhd-w) * 100vw);
        text-align: center !important;
        border-radius: calc(5/var(--fhd-w) * 100vw);
        margin: calc(10/var(--fhd-w) * 100vw) !important;
        cursor: pointer;
        box-sizing: border-box;
        text-transform: uppercase;
    }

    .the_button_inner i {
        margin-right: calc(10/var(--fhd-w) * 100vw);
    }

    .the_button_outer.mix_tegels .the_button_inner {
        /* background-color: #505050; */
        margin-top: 0 !important;
    }

    .close_main_panel {
        position: absolute;
        right: calc(20/var(--fhd-w) * 100vw);
        bottom: calc(2/var(--fhd-w) * 100vw);
        z-index: 111;
        display: inline-block;
        font-size: 1.6REM;
        cursor: pointer;
    }

    .terug_search1_wrapper {
        position: absolute;
        z-index: 99;
        left: calc(20/var(--fhd-w) * 100vw);
        bottom: calc(5/var(--fhd-w) * 100vw);
        z-index: 111;
        display: block;
        font-size: 2.0REM;
        cursor: pointer;
    }

    .terug_search1_wrapper>* {
        display: inline-block;
    }

    #wandkleur .close, #wandkleur .wall-type-switcher {
        display: none !important;
    }

    #search_panel_close1 {
        display: none !important;
    }

    body.showroom .desktop-only.floor-results {
        display: none !important;
    }

    .preloader-icon {
        display: block;
        position: fixed;
        z-index: 99999999;
        z-index: 2147483645 !important;
        left: 50vw;
        top: 50vh;
        width: calc(125/var(--fhd-w) * 100vw);
        height: calc(125/var(--fhd-w) * 100vw);
        transform: translate(-50%, -50%);
        background-size: calc(125/var(--fhd-w) * 100vw);
        background-image: url(../images/ajax_loader.gif);
    }

    .time_counter {
        position: absolute;
        width: 20px;
        height: 20px;
        left: 50%;
        top: 50%;
        width: calc(40/var(--fhd-w) * 100vw);
        height: calc(40/var(--fhd-w) * 100vw);
        transform: translateX(-50%) translateY(-50%);
        font-size: 2rem;
        line-height: calc(40/var(--fhd-w) * 100vw);
        text-align: center;
        font-weight: 700;
    }

    div.zelfde_selectie {
        /* margin: 40px 10px 20px 0px; */
    }

    div.zelfde_title {
        /* color: rgb(70, 70, 70);
    font-size: 1.4REM;
    font-weight: 700;
    height: calc(40/var(--fhd-w) * 100vw);
    line-height: calc(22/var(--fhd-w) * 100vw);
    margin: 40px 10px 0px 0px; */
    }

    div.zelfde_title {
        color: var(--sidebar-title-color);
        font-size: var(--sidebar-title-size);
        font-weight: var(--sidebar-title-weight);
        margin: 25px 0 25px 0 ;
        background-color: rgba(158, 158, 158, 0.1);
        border-radius: 8px;
        padding: 10px;
        -webkit-font-smoothing: antialiased;
    }

    .zelfde_input {
        padding: 0;
        font-size: var(--sidebar-item-size);
    }

    .zelfde_input_item {
        /* height: calc(20/var(--fhd-w) * 100vw); */
        display: inline-block;
        width: 100%;
        margin-bottom: calc(7/1920 * 100vw);
        vertical-align: bottom !important;
    }

    .zelfde_input_item input {
        margin: 0 calc(5/var(--fhd-w) * 100vw) 0 0;
        vertical-align: middle;
        /* height: calc(22/var(--fhd-w) * 100vw); */
        /* width: calc(12/var(--fhd-w) * 100vw); */
        padding: 0;
    }

    .zelfde_input_item span {
        font-weight: var(--font-weight-normal);
        font-size: var(--sidebar-item-size);
        display: inline-block;
    }

    /* .zelfde_input_item input, #wrapper-slide-box input[name=tegel-soort] , #wrapper-slide-box input[name=filter-soort] {
    margin: 0 calc(5/var(--fhd-w) * 100vw) 0 0;
    vertical-align: middle;
    height: calc(22/var(--fhd-w) * 100vw);
    width: calc(12/var(--fhd-w) * 100vw);
} */
    table.voegdikte.joint-width input {
        height: calc(22/var(--fhd-w) * 100vw);
        width: calc(12/var(--fhd-w) * 100vw);
        margin: 0 calc(5/var(--fhd-w) * 100vw) 0 0;
        vertical-align: middle;
    }

    .site_btn {
        height : var(--ak-button-height);
        /* width : var(--ak-button-width); */
        /* min-width : var(--ak-button-min-width); */
        width: fit-content;
        background-color : var(--ak-button-background-color);
        background-color: #505050;
        text-align : var(--ak-button-text-align);
        border-radius : var(--ak-button-border-radius);
        cursor : var(--ak-button-cursor);
        margin : var(--ak-button-margin);
        /* padding : var(--ak-button-padding); */
        padding: 0 2rem;
        display : flex !important;
        font-size : var(--ak-button-font-size);
        font-weight : var(--ak-button-font-weight);
        line-height : var(--ak-button-line-height);
        color : var(--ak-button-color);
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-content: space-between;
        align-items: center;
    }

    .site_btn.zelfde {
        margin-top: calc(20/var(--fhd-w) * 100vw);
    }

    .flex_specification_row {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-shrink: 0;
        flex-flow: row;
        -webkit-flex-flow: row;
        position: relative;
        flex-wrap: wrap;
        flex-direction: row;
        overflow-y: auto;
        align-content: flex-start;
        justify-content: flex-start;
    }

    .flex_specification_row > div {
        display: inline-block !important;
        min-width: 100% !important;
        /* margin: 0 0 30px 0; */
        padding: 0 20px;
    }

    .flex_specification_row>div:nth-child(2) {
        /* order: 6; */
    }

    .flex_specification_row, .flex_specification_row>.col {
        float: none !important;
        clear: both;
    }

    .shaz_modal_location .flex_specification_row, .flex_specification_row>.col {
        min-height: 50%;
        float: none !important;
        clear: both;
    }

    #showroom-location > div.specs > div > div.col.col-lg-2.showroom_location_col2 {
        order: 3;
    }

    .spec-content-thumb {
        width: 100% !important;
        padding: 0 !important;
    }

    .spec-content-thumb .tile-thumbnail {
        /* height: 100% !important; */
        width: calc(100% - 50px) !important;
        float: none !important;
        padding: 0 !important;
        margin: 0 25px 30px 25px !important;
        /* background-color: yellow; */
        text-align: left;
    }

    .spec-content-thumb .tile-thumbnail img {
        max-width: 100% !important;
        max-height: 300px !important;
        margin: 0 auto !important;
        /* display: none !important */
    }

    .spec-content-thumb .tile-thumbnail img {
        object-fit: contain;
        object-position: 0 0;
    }

    .sfeertool-popup .flex_specification_row .popup-header {
        background-color: #fff !important;
        border: none !important;
    }

    .sfeertool-popup .popup-header span.stitle {
        background-color: #fff !important;
        color: #373a3c !important;
    }

    #specificaties .flex_specification_row .button.button-gray {
        float: none !important;
        background-color: #505050 !important;
        margin: 0 auto !important;
        width: 100%;
        text-align: center !important;
        height: calc(35/var(--fhd-w) * 100vw) !important;
        line-height: calc(35/var(--fhd-w) * 100vw) !important;
        text-transform: uppercase;
    }

    .svg_background {
        display: inline-block;
        /* background-color: red !important; */
        height: 40px;
        margin: 0 5px 0 7px;
        position: relative;
        top: -2px !important;
        left: -10px !important;
        right: 0 !important;
        bottom: 0 !important;
        min-width: 40px;
        /* user-select: none; */
        /* pointer-events:none; */
    }

    .svg_background > svg {
        fill: black;
        height: 20px;
    }

    .mCSB_scrollTools {
        right: calc(60/var(--fhd-w) * 100vw) !important;
    }

    .sluiten_main_panel {
        display: inline-block;
    }

    img.img_tile_thumb_voeg_legpatroon {
        min-width: calc(100/var(--fhd-w) * 100vw);
        max-width: calc(500/var(--fhd-w) * 100vw);
        max-height: calc(100/var(--fhd-w) * 100vw);
    }

    td.trendy>ul>li.active {
        outline: 2px solid red;
    }

    .multicolorsize_flex_container {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex !important;
        -webkit-flex-flow: column nowrap;
        align-content: flex-start;
        position: relative !important;
    }

    .multicolorsize_headertitle {
        height: calc(30/var(--fhd-w) * 100vw) !important;
        text-transform: uppercase;
        font-weight: bolder;
        color: #373a3c !important;
    }

    .multicolorsize_item.andere_sizes_container {
        overflow-y: auto;
    }

    .multicolorsize_item ul.altsize-list li {
        cursor: pointer;
    }

    .multicolorsize_item ul.multicolorsize_colorlist li {
        display: inline-block;
        margin: calc(10/var(--fhd-w) * 100vw) calc(20/var(--fhd-w) * 100vw) calc(0/var(--fhd-w) * 100vw) 0 !important;
        cursor: pointer;
    }

    div.multicolor_div_radio {
        display: inline-block;
        position: relative;
        height: calc(13/var(--fhd-w) * 100vw);
        width: calc(13/var(--fhd-w) * 100vw);
        border-radius: 50%;
        border: 1px solid #A6A6A6;
        background-color: #DEDEDE;
        margin-right: calc(8/var(--fhd-w) * 100vw);
    }

    .active>div.multicolor_div_radio {
        background-color: #D7D7D7;
    }

    .active>div.multicolor_div_radio:after {
        content: '';
        position: relative;
        display: block;
        left: 25%;
        top: 25%;
        height: 50%;
        width: 50%;
        border-radius: 50%;
        background-color: #666666;
    }

    .multicolor_colorli_li.active {
        font-weight: 700;
    }

    .size_related_span_i {
        float: right;
        margin-right: calc(10/var(--fhd-w) * 100vw);
        display: inline-block;
        width: calc(20/var(--fhd-w) * 100vw);
        text-align: center;
        background: #eee;
        cursor: pointer;
    }

/*    .online .size_related_span_i {*/
    .size_related_span_i {
        display: none !important;
    }

    .x1.size_related_span {
        width: calc(80/var(--fhd-w) * 100vw) !important;
        display: inline-block;
        position: relative
    }

    .x2.size_related_span {
        display: inline-block;
        position: relative width: 136px !important;
    }

    li.altsize_active span {
        font-weight: 700;
        text-decoration: underline !important;
    }

    li.altsize_active span.x4 {
        outline: 1px solid #a0a0a0;
    }

    .formaten_kleuren.bekijken-button, .locatie-button ,.formaten_kleuren.verbergen-button-formaten {
        /* display: block; */
        /* height: calc(40/var(--fhd-w) * 100vw); */
        /* background-color: #ff0000; */
        /* color: white; */
        /* font-size: 1.6REM; */
        /* line-height: calc(40/var(--fhd-w) * 100vw); */
        /* text-align: center !important; */
        /* border-radius: calc(5/var(--fhd-w) * 100vw); */
        /* cursor: pointer; */
        /* margin: 0px 0; */
        /* padding: 0 3rem; */
    }

    .showroom_location_left ul.specs-list {
        box-sizing: border-box;
        color: rgb(55, 58, 60);
        display: block;
        font-size: 1.5REM;
        height: 100%;
        line-height: calc(22.5/var(--fhd-w) * 100vw);
        list-style-type: disc;
        margin-block-end: calc(12/var(--fhd-w) * 100vw); margin-block-start: calc(0/var(--fhd-w) * 100vw);
        margin-bottom: calc(12/var(--fhd-w) * 100vw);
        margin-inline-end: calc(0/var(--fhd-w) * 100vw); margin-inline-start: calc(0/var(--fhd-w) * 100vw);
        margin-top: calc(0/var(--fhd-w) * 100vw);
        padding-bottom: calc(0/var(--fhd-w) * 100vw);
        padding-inline-start: calc(0/var(--fhd-w) * 100vw); padding-left: calc(0/var(--fhd-w) * 100vw);
        padding-right: calc(0/var(--fhd-w) * 100vw);
        padding-top: calc(0/var(--fhd-w) * 100vw);
        text-size-adjust: 100%;
        text-transform: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

    .showroom_location_left ul.specs-list li {
        box-sizing: border-box;
        color: rgb(55, 58, 60);
        display: list-item;
        font-size: 1.5REM;
        height: auto;
        line-height: 14px ;
        list-style-image: none;
        list-style-position: outside;
        list-style-type: none;
        margin: 0px calc(5/var(--fhd-w) * 100vw) calc(10/var(--fhd-w) * 100vw) calc(5/var(--fhd-w) * 100vw);
        text-align: left;
        text-size-adjust: 100%;
        text-transform: lowercase;
        user-select: auto;
        white-space: nowrap;
    }

    .sfeertool-popup .popup-header {
        width: 100%;
        padding: calc(5/var(--fhd-w) * 100vw);
        padding-left: calc(5/var(--fhd-w) * 100vw);
        margin-top: calc(20/var(--fhd-w) * 100vw);
        text-transform: uppercase;
        color: #fff;
        background: #464646;
        border: 1px solid #464646;
        font-weight: bolder;
    }

    .showroom_location_content .showroom_location_left .popup-header.title {
        float: none !important;
    }

    .showroom-location-popup {
        display: none;
    }

    .specs-vloer.specs-wand.c1_flex .popup-header.title {
        padding: 0 !important;
    }

    .showroom_location_content .popup-header.title {
        margin: 0 0 calc(5/var(--fhd-w) * 100vw) 0 !important;
    }

    .showroom_location_row .col.col-lg-6.showroom_location_col6 {
        width: 100% !important;
    }

    #showroom-location {
        position: relative !important;
    }

    .showroom-location-popup {
        position: absolute !important;
        width: 60%;
        top: calc(120/var(--fhd-w) * 100vw);
        right: calc(150/var(--fhd-w) * 100vw);
        background-color: #fff;
        padding: calc(10/var(--fhd-w) * 100vw) calc(10/var(--fhd-w) * 100vw) calc(40/var(--fhd-w) * 100vw) calc(10/var(--fhd-w) * 100vw);
        box-shadow: rgba(0, 0, 0, 0.2) 0px 11px 15px -7px, rgba(0, 0, 0, 0.14) 0px 24px 38px 3px, rgba(0, 0, 0, 0.12) 0px 9px 46px 8px;
    }

    .showroom-location-popup .popup-header span {
        margin: 0 0 0 7px !important;
    }

    .closelocation {
        box-sizing: border-box;
        color: rgb(80, 80, 80);
        display: block;
        float: none;
        font-size: 1.8REM;
        font-weight: 700;
        height: calc(19/var(--fhd-w) * 100vw);
        line-height: calc(18/var(--fhd-w) * 100vw);
        opacity: 1;
        position: absolute;
        right: calc(4/var(--fhd-w) * 100vw);
        text-shadow: rgb(255, 255, 255) 0px 1px 0px;
        text-size-adjust: 100%;
        text-transform: none;
        width: calc(20/var(--fhd-w) * 100vw);
        top: calc(4/var(--fhd-w) * 100vw);
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        cursor: pointer;
    }

    .tile_meer_formaten {
        z-index: 10;
        padding: calc(10/var(--fhd-w) * 100vw) calc(8/var(--fhd-w) * 100vw) 0 0;
        top: calc(100% + calc(25/var(--fhd-w) * 100vw));
        white-space: nowrap;
        font-size: 1.5REM;
        cursor: pointer;
    }

    html.fullscreen_2d #wrapper-slide-box {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        -ms-transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none;
    }

    html.fullscreen_2d .twoD_zoom {
        position: fixed !important;
        top: calc(50/var(--fhd-w) * 100vw);
        right: calc(30/var(--fhd-w) * 100vw);
        z-index: 1002;
        background-color: #E3E3E3;
        /* width: calc(40/var(--fhd-w) * 100vw); */
        /* height: calc(40/var(--fhd-w) * 100vw); */
        width: 40px !important;
        height: 40px !important;
        text-align: center
    }

    html.fullscreen_2d .twoD_zoom i {
        font-size: 4.0REM;
        color: #505050;
        line-height: 4.0rem;
    }

    html.fullscreen_2d .container_border {
        position: fixed !important;
        top: 0px !important;
        left: 0px !important;
        z-index: 1000 !important;
        height: 100vh !important;
        width: 100vw !important;
    }

    html.fullscreen_2d img.twoD_image {
        position: fixed !important;
        top: 0px !important;
        left: 0px !important;
        z-index: 1001 !important;
        height: 100vh !important;
        width: 100vw !important;
        object-fit: cover;
        object-position: 50% 50%;
        background-color: #E3E3E3 !important;
    }

    html.fullscreen_2d #wrapper-slide-box {
        z-index: 2147483640 !important;
    }

    div#showroom-location.slide_box.sfeertool-popup {
        height: 100%;
        border-radius: 0px 0px calc(10/var(--fhd-w) * 100vw) calc(10/var(--fhd-w) * 100vw);
    }

    div#showroom-location.slide_box.sfeertool-popup>.specs {
        height: 100%;
        overflow-y: auto
    }

    .showroom_location_content, .showroom_location_right, .tegel_in_showroom_container {
        width: 100%;
        height: 100%;
    }

    .gal_s_big_container {
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 0;
        display: none;
    }

    .img_dom_container {
        width: calc(100% - calc(40/var(--fhd-w) * 100vw));
        height: 100%;
        top: 0;
        left: 20px;
        position: absolute;
        white-space: nowrap;
        font-size: 0;
        overflow: hidden;
    }

    .img_dom_wrapper {
        width: calc(100%);
        height: 100%;
        top: 0;
        left: 0px;
        position: absolute;
        white-space: nowrap;
        font-size: 0;
        overflow: hidden;
    }

    .gal_fullimage {
        margin: 0;
        height: 100%;
        width: 100%;
        object-fit: contain;
        object-fit: cover;
        object-position: center;
        pointer-events: none;
        display: inline-block;
        position: absolute;
        left: 0;
        top: 0;
        transform: translateX(0);
    }

    .gal_s_right {
        margin: 0;
        padding: 0;
        vertical-align: baseline;
        width: calc(20/var(--fhd-w) * 100vw);
        height: calc(80/var(--fhd-w) * 100vw);
        text-align: center;
        background-color: #f0f0f087;
        cursor: pointer;
        position: absolute;
        z-index: 2;
        line-height: calc(80/var(--fhd-w) * 100vw);
        top: 50%;
        margin-top: calc(-40/var(--fhd-w) * 100vw);
        right: calc(20/var(--fhd-w) * 100vw);
        display: block;
    }

    .gal_s_left {
        margin: 0;
        padding: 0;
        vertical-align: baseline;
        width: calc(20/var(--fhd-w) * 100vw);
        height: calc(80/var(--fhd-w) * 100vw);
        text-align: center;
        background-color: #f0f0f087;
        cursor: pointer;
        position: absolute;
        z-index: 2;
        line-height: calc(80/var(--fhd-w) * 100vw);
        top: 50%;
        margin-top: calc(-40/var(--fhd-w) * 100vw);
        left: calc(20/var(--fhd-w) * 100vw);
        display: block;
    }

    .gal_s_right i, .gal_s_left i {
        color: #000;
        font-size: 1.6REM;
        font-weight: bold;
        line-height: calc(80/var(--fhd-w) * 100vw)
    }

    .end_right, .end_left {
        display: none !important;
    }

    div#dynamic_popup_2d {
        position: fixed;
        z-index: 111111;
        background-color: #fff;
        width: calc(810/var(--fhd-w) * 100vw);
        height: calc(355/var(--fhd-w) * 100vw);
        left: calc((100% - calc(810/var(--fhd-w) * 100vw)) / 2);
        top: calc((100% - calc(355/var(--fhd-w) * 100vw)) / 2);
        border-radius: calc(10/var(--fhd-w) * 100vw);
        z-index: 2147483641 !important;
    }

    .dynamic_popup_2d.hideme_dynamic_popup_2d {
        left: -100vw !important;
        top: -100vh !important;
    }

    .dynamic_popup_2d.hideme_dynamic_popup_2d .close_popup {
        position: fixed !important;
        top: calc(110/var(--fhd-w) * 100vw) !important;
        right: calc(30/var(--fhd-w) * 100vw) !important;
        height: calc(25/var(--fhd-w) * 100vw) !important;
        background-color: #fff;
        padding: calc(0/var(--fhd-w) * 100vw) calc(5/var(--fhd-w) * 100vw);
        line-height: calc(25/var(--fhd-w) * 100vw) !important;
    }

    .dynamic_popup_2d.hideme_dynamic_popup_2d .close_popup i {
        display: none !important;
    }

    #dynamic_popup_2d .twoD_second_col {
        position: absolute;
        top: calc(25/var(--fhd-w) * 100vw);
        left: calc(57/var(--fhd-w) * 100vw);
        /* height: calc(160/var(--fhd-w) * 100vw);
    width: calc(550/var(--fhd-w) * 100vw) !important; */
        height: 160px;
        width: 550px !important;
    }

    #dynamic_popup_2d .twoD_second_col table.patronen.patterns {
        border-collapse: separate !important;
        border-spacing: calc(6/var(--fhd-w) * 100vw);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #dynamic_popup_2d .twoD_second_col table.patronen.patterns th {
        text-align: center;
        font-size: 1.6REM;
    }

    #dynamic_popup_2d .twoD_second_col table.patronen.patterns tbody {
        position: absolute;
        top: calc(50/var(--fhd-w) * 100vw);
    }

    #dynamic_popup_2d .twoD_second_col tr {
        white-space: nowrap;
    }

    #dynamic_popup_2d .patroon {
        outline: 1px solid #000;
    }

    #dynamic_popup_2d .patroon.patterns_active {
        outline: 2px solid red;
    }

    #dynamic_popup_2d .twoD_second_col td {
        width: calc(51/var(--fhd-w) * 100vw) !important;
        height: calc(52/var(--fhd-w) * 100vw) !important;
        display: inline-block;
        margin: 0 calc(10/var(--fhd-w) * 100vw) 0 0;
    }

    #dynamic_popup_2d .twoD_second_col .patroon, #dynamic_popup_2d .twoD_second_col .patroon img {
        width: calc(50/var(--fhd-w) * 100vw) !important;
        height: calc(50/var(--fhd-w) * 100vw) !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #dynamic_popup_2d .twoD_second_col .the_button_outer.naar_ruimte {
        display: none !important;
    }

    #dynamic_popup_2d .twoD_second_col .the_button_outer.mix_tegels {
        /* position: absolute !important;
    top: initial !important;
    bottom: calc(120/var(--fhd-w) * 100vw) !important; */
        /* position: absolute; */
        /* left: calc(265/var(--fhd-w) * 100vw); */
        /* top: calc(242/var(--fhd-w) * 100vw); */
        /* cursor: pointer; */
        position: absolute;
        /* left: calc((465 - 60 - 185) /var(--fhd-w) * 100vw); */
        left: calc((810 / var(--fhd-w) * 100vw)/2 - 130px);
        /* left: 300px; */
        top: calc((256 - 15)/var(--fhd-w) * 100vw);
        cursor: pointer;
        /*  calc(60/var(--fhd-w) * 100vw) !important; */
        width: 160px
    }

    #dynamic_popup_2d #voegkleur table {
        margin: 0;
    }

    #dynamic_popup_2d #voegkleur.popup_joint_colors_container {
        width: calc(590/var(--fhd-w) * 100vw) !important;
        min-width: initial !important;
        overflow: hidden;
        display: inline-block;
        top: calc(140/var(--fhd-w) * 100vw) !important;
        left: calc(40/var(--fhd-w) * 100vw) !important;
        position: absolute;
        height: calc(120/var(--fhd-w) * 100vw);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #dynamic_popup_2d #voegkleur.popup_joint_colors_container table.vk.joint-colors {
        width: initial !important;
        left: 0px;
        top: calc(14/var(--fhd-w) * 100vw);
        position: absolute;
        margin-left: calc(15/var(--fhd-w) * 100vw);
        transition: left .2s;
    }

    #dynamic_popup_2d #voegkleur.popup_joint_colors_container table.vk.joint-colors tbody {
        margin-top: 0;
    }

    #dynamic_popup_2d #voegkleur.popup_joint_colors_container td {
        white-space: nowrap;
        padding: 0 0 0 calc(5/var(--fhd-w) * 100vw) !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #dynamic_popup_2d #voegkleur.popup_joint_colors_container td span {
        width: calc(54/var(--fhd-w) * 100vw) !important;
        height: calc(52/var(--fhd-w) * 100vw) !important;
        margin: 0 calc(4/var(--fhd-w) * 100vw) 0 0 !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #dynamic_popup_2d #voegkleur.popup_joint_colors_container .vk.joint-colors thead {
        display: none !important
    }

    #dynamic_popup_2d table.voegdikte.joint-width.top {
        position: absolute;
        top: calc(30/var(--fhd-w) * 100vw);
        right: 0;
        width: calc(120/var(--fhd-w) * 100vw);
        height: calc(100/var(--fhd-w) * 100vw);
        font-size: 1.6REM;
    }

    #dynamic_popup_2d table.voegdikte.joint-width.top tbody {
        padding-bottom: calc(20/var(--fhd-w) * 100vw) !important;
        position: absolute;
        top: calc(80/var(--fhd-w) * 100vw);
    }

    #dynamic_popup_2d .voegdikte.top div {
        float: none !important;
        margin: calc(3/var(--fhd-w) * 100vw) calc(5/var(--fhd-w) * 100vw);
        line-height: calc(20/var(--fhd-w) * 100vw);
    }

    #dynamic_popup_2d .voegdikte.top div label, #dynamic_popup_2d .voegdikte.top div input {
        margin: calc(0/var(--fhd-w) * 100vw) calc(5/var(--fhd-w) * 100vw) 0 0;
        line-height: calc(20/var(--fhd-w) * 100vw) !important;
        vertical-align: middle
    }

    #dynamic_popup_2d .voegdikte.top input[name="joint-width"]:checked+label {
        font-weight: 900 !important;
    }

    #dynamic_popup_2d .the_button_outer.mix_tegels .the_button_inner {
        margin: 0px !important;
    }

    #dynamic_popup_2d .voeg_left_arrow, .voeg_right_arrow {
        background-color: #fff;
        position: absolute;
        width: calc(20/var(--fhd-w) * 100vw);
        text-align: center;
        height: calc(60/var(--fhd-w) * 100vw);
        left: 0;
        top: calc(8/var(--fhd-w) * 100vw);
        cursor: pointer;
        display: inline-block;
    }

    #dynamic_popup_2d .voeg_right_arrow {
        left: initial;
        right: 0px;
    }

    #dynamic_popup_2d .voeg_left_arrow i, .voeg_right_arrow i {
        font-weight: 900;
        font-size: 2.4REM;
        line-height: calc(60/var(--fhd-w) * 100vw);
    }

    .noselect {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    #dynamic_popup_2d .the_button_outer.popup_zoom_minus, #dynamic_popup_2d .the_button_outer.popup_zoom_plus {
        position: absolute;
        left: calc(465/var(--fhd-w) * 100vw);
        top: calc(256/var(--fhd-w) * 100vw);
        cursor: pointer;
    }

    #dynamic_popup_2d .the_button_outer.popup_zoom_plus {
        left: calc(535/var(--fhd-w) * 100vw);
    }

    body.online #dynamic_popup_2d .the_button_outer.popup_zoom_minus, body.online #dynamic_popup_2d .the_button_outer.popup_zoom_plus {
        display: none !important
    }

    #dynamic_popup_2d .the_button_outer.popup_zoom_minus .the_button_inner, #dynamic_popup_2d .the_button_outer.popup_zoom_plus .the_button_inner {
        width: calc(60/var(--fhd-w) * 100vw) !important;
        text-align: center !important;
        background-color: #505050;
    }

    #dynamic_popup_2d .the_button_outer.popup_zoom_minus .the_button_inner i, #dynamic_popup_2d .the_button_outer.popup_zoom_plus .the_button_inner i {
        width: calc(60/var(--fhd-w) * 100vw) !important;
        text-align: center !important;
        font-size: 1.6REM;
    }

    #dynamic_popup_2d .close_popup {
        position: absolute;
        right: calc(30/var(--fhd-w) * 100vw);
        bottom: calc(15/var(--fhd-w) * 100vw);
        cursor: pointer;
        font-size: 1.6REM;
        cursor: pointer;
    }

    .qr_pen_icon_container {
        position: absolute;
        top: calc(30/var(--fhd-w) * 100vw);
        left: calc(35/var(--fhd-w) * 100vw);
        background-color: #fff;
        width: calc((30/var(--fhd-w)) * 100vw);
        height: calc((30/var(--fhd-w)) * 100vw);
        border-radius: calc(50/var(--fhd-w) * 100vw);
    }

    .qr_pen_icon_container i.qr_pen_icon {
        font-size: 2.4REM;
        width: 100%;
        height: 100%;
        border-radius: calc(30/var(--fhd-w) * 100vw);
        text-align: center;
        line-height: calc(30/var(--fhd-w) * 100vw);
    }

    .qr_pen_icon_container input.qr_pen_input {
        position: absolute;
        top: 0px;
        left: calc(40/var(--fhd-w) * 100vw);
        height: calc(30/var(--fhd-w) * 100vw);
        width: calc(220/var(--fhd-w) * 100vw);
        padding: calc(10/var(--fhd-w) * 100vw);
        background-color: #E6E6E6;
        font-size: 2.0REM;
        border: 0;
        border: 1px solid #aaa !important;
    }

    .qr_pen_icon_container input.qr_pen_input:focus {
        border: 1px solid #aaa !important;
        outline: 0;
    }

    .unfocused_input {
        display: none !important;
    }

    .disableToon {
        pointer-events: none !important;
    }

    .disableToon:before {
        position: absolute;
        right: 0;
        top: 0;
        content: "";
        width: 100%;
        height: 100%;
        background-color: #dddde2;
        background-image: url('../images/ajax-loader.gif');
        background-position: 50% 50%;
        background-size: contain;
        background-repeat: no-repeat;
        cursor: wait;
    }

    html {
        /* font-size: calc(10/var(--fhd-w) * 100vw);
    */
        font-size: 10px;
    }

    .floating_wrapper * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .floating_wrapper {
        position: fixed;
        width: calc(1260/var(--fhd-w) * 100vw);
        left: 0vw;
        top: 0vh;
        height: calc(600/var(--fhd-w) * 100vw);
        top: 50vh;
        left: 50vw;
        transform: translateX(-50%) translateY(-50%);
        z-index: 10;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .floating_wrapper.ft_roomselect {
        /* display: flex !important; */
        position: fixed ;
        z-index: 100;
        left: 50vw;
        top: 50vh;
        /* height: fit-content; */
        height: auto;
        width: 800px;
        max-height: 85vh;
        overflow-y: hidden;
        overflow-x: hidden;
        transform: translate(-50% ,-50%);
        margin: 0px;
        /* padding: 48px 56px; */
        border-radius: 4px;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        text-size-adjust: 100%;
        text-transform: uppercase;
        color: var(--sidebar-title-color);
        background-color: rgb(255, 255, 255);
        box-shadow: rgba(0, 0, 0, 0.2) 0px 11px 15px -7px, rgba(0, 0, 0, 0.14) 0px 24px 38px 3px, rgba(0, 0, 0, 0.12) 0px 9px 46px 8px;
        -webkit-font-smoothing: antialiased;
        user-select: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        box-sizing: border-box;
        /* opacity: 0; */
    }

    .floating_wrapper.ft_roomselect.hide_feature_panel {
        opacity: 0;
    }

    .floating_close_main {
        position: absolute;
        right: calc(20/var(--fhd-w) * 100vw);
        bottom: calc(2/var(--fhd-w) * 100vw);
        z-index: 111;
        display: inline-block;
        font-size: 1.6REM;
        cursor: pointer;
        height: 3rem;
        line-height: 2rem;
        vertical-align: middle;
    }

    .floating_close_main>* {
        height: 3rem;
        line-height: 3rem;
    }

    .floating_close_main>i:before {
        line-height: 3rem;
    }

    .floating_wrapper.qr_float .floating_close_main {
        top: calc(80/var(--fhd-w) * 100vw);
    }

    .floating_wrapper.ft_showsaved .floating_close_main {
        bottom: initial;
        top: calc(80/var(--fhd-w) * 100vw);
    }

    .floating_close_text {
        display: inline-block;
    }

    .floating_tab_wrapper {
        width: 100%;
        position: relative;
        z-index: 101;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: flex-start;
        justify-content: flex-start;
    }

    .floating_tab {
        background-color: #C8C8C8;
        width: calc(240/var(--fhd-w) * 100vw);
        margin-right: calc(10/var(--fhd-w) * 100vw);
        display: inline-block;
        height: calc(60/var(--fhd-w) * 100vw);
        text-align: center;
        line-height: calc(60/var(--fhd-w) * 100vw);
        font-size: 1.8REM;
        font-weight: 700;
        border-radius: calc(10/var(--fhd-w) * 100vw) calc(10/var(--fhd-w) * 100vw) 0 0;
        border-left: 1px solid #505050;
        border-top: 1px solid #505050;
        border-right: 1px solid #505050;
        color: #505050;
        cursor: pointer;
        user-select: none;
    }

    .floating_wrapper.ft_roomselect {
        background-color: var(--theme-color);
        line-height: 40px !important;
        /* background-color: red; */
    }

    .floating_wrapper.ft_roomselect .floating_tab {
        height: 40px;
        /* background-color: blue; */
        /* height: calc(40 * 100vw/var(--fhd-w)); */
        font-size: 2REM;
        color: #fff;
        line-height: 40px;
        /* line-height: calc(40 * 100vw/var(--fhd-w)); */
        padding: 0 1rem 0 1rem;
        background-color: initial;
        font-weight: normal;
        border-radius: 0;
        border: 0;
        width: auto
    }

    .floating_tab.floating_tab_4 {
        order: 10;
        margin-right: 0px
    }

    .floating_tab:last-child {
        /* margin-right: 0px; */
    }

    .floating_tab.floating_tab_active {
        height: calc(62/var(--fhd-w) * 100vw);
        background-color: #fff;
    }

    .floating_wrapper.ft_roomselect .floating_content_wrapper {
        /* width: 100%; */
        height: 250px;
        border-radius: 0;
        background-color: #fff;
        border: 0;
    }

    .floating_wrapper.ft_roomselect .floating_content_wrapper .floating_content {
        /* width: 100%; */
        /* height: 550px; */
        border-radius: 0;
        background-color: #fff;
        border: 0;
    }

    .floating_wrapper.ft_roomselect .floating_content_wrapper .floating_content_wpad {
        margin: 3rem auto !important;
        /* background-color: red; */
    }

    .floating_wrapper.ft_roomselect .floating_content_wrapper .floating_content_wpad li {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 6px 0 rgba(0, 0, 0, 0.19);
    }

    .floating_wrapper.ft_roomselect .floating_tab_wrapper {
        /* width: calc(100% - 40px) !important; */
    }

    .floating_wrapper.ft_roomselect .floating_close_text {
        display: none
    }

    .floating_wrapper.ft_roomselect .floating_close_main {
        bottom: initial;
        left: initial;
        top: 0;
        right: 0;
        width: 40px;
        height: 40px;
        /* background-color: red; */
        text-align: center;
        font-size: 25px;
        font-style: normal;
        line-height: 40px;
        color: #373a3c;
    }

    .floating_content_wrapper {
        width: 100%;
        height: calc((600 - 61)/var(--fhd-w) * 100vw);
        border-radius: 0px 0px calc(10/var(--fhd-w) * 100vw) calc(10/var(--fhd-w) * 100vw);
    }

    .floating_content {
        color: #373a3c;
        position: absolute;
        position: absolute;
        left: 0;
        z-index: 0;
        display: block;
        /* border-radius: 0px 0px calc(10/var(--fhd-w) * 100vw) calc(10/var(--fhd-w) * 100vw); */
        background-color: #fff;
        height: calc(100% - (40/var(--fhd-w) * 100vw));
        top: calc(60/var(--fhd-w) * 100vw);
        /* border: 1px solid #505050; */
        margin: 0 auto !important;
        width: 100%;
        box-sizing: border-box;
        top: 40px ;
        /* background-color: red; */
    }

    .floating_wrapper.qr_float .floating_content {
        border-radius: 0px calc(10/var(--fhd-w) * 100vw) calc(10/var(--fhd-w) * 100vw) calc(10/var(--fhd-w) * 100vw);
    }

    .floating_content_wpad {
        position: relative;
        width: calc(100% - (40/var(--fhd-w) * 100vw));
        height: calc(100% - (80/var(--fhd-w) * 100vw));
        margin: calc(50/var(--fhd-w) * 100vw) calc(20/var(--fhd-w) * 100vw) calc(120/var(--fhd-w) * 100vw) calc(20/var(--fhd-w) * 100vw);
    }

    body.showroom .floating_content.sv3 .floating_content_wpad {
        margin: 10px calc(20/var(--fhd-w) * 100vw);
    }

    body.showroom .floating_content.sv3 {
        /* width: calc(100% - 20px) !important; */
    }

    .flex_row_2cols {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-flow: row nowrap;
        -webkit-flex-flow: row nowrap;
        justify-content: space-between;
        align-items: flex-start;
        align-content: flex-start;
        position: relative;
        width: 100%;
        height: 100%;
        font-size: 1.6REM;
    }

    .flex_qrdealer .flex_row_2cols_col1 {
        width: calc(220/var(--fhd-w) * 100vw);
    }

    .flex_qrdealer .flex_row_2cols_col2 {
        width: 100%;
    }

    .flex_row_2cols_item {
        flex: 0 1 auto;
    }

    .flex_qrdealer .flex_row_2cols_col1 .title {
        font-weight: 700;
        text-align: center;
    }

    .flex_qrdealer .flex_row_2cols_col1 .qr_icon_container {
        margin-top: calc(45/var(--fhd-w) * 100vw);
    }

    .flex_qrdealer .flex_row_2cols_col1 .qr_icon_container * {
        display: block;
    }

    .flex_qrdealer .flex_row_2cols_col1 .qr_icon_dealer {
        font-size: 20rem;
        text-align: center;
        cursor: pointer;
    }

    .qr_icon_online_favourite_input {
        width: 100%;
        height: calc(30/var(--fhd-w) * 100vw);
        padding: calc(10/var(--fhd-w) * 100vw);
        background-color: #E6E6E6;
        font-size: 2.0REM;
        border: 0;
        border: 1px solid #aaa !important;
    }

    .initial_qr_float, .initial_ft_sfeerfoto, .initial_ft_roomselect, .initial_ft_showsaved, .initial_ft_showsearch, .hide_feature_panel {
        display: none !important;
    }

    .flex_row_2cols_col2.flex_row_2cols_item {
        padding: 0 10px 0 50px;
    }

    .fav_thumb_container li {
        display: inline-block !important;
        padding: 10px 20px 20px 0;
        text-align: center;
        cursor: pointer;
    }

    .qrfav_title {
        font-weight: 700;
    }

    .ft_sfeerfoto .floating_close_main {
        left: calc(20/var(--fhd-w) * 100vw);
        right: initial;
    }

    .ft_sfeerfoto .floating_close_main i.fa.fa-close {
        float: left;
        line-height: calc(30/var(--fhd-w) * 100vw);
        margin-right: calc(6/var(--fhd-w) * 100vw);
    }

    .ft_sfeerfoto .get_style_colors_container select {
        width: 100%;
        border-radius: 0;
        background: #eee;
        border: none;
        -webkit-appearance: listitem;
        padding: calc(7/var(--fhd-w) * 100vw);
        margin-top: calc(30/var(--fhd-w) * 100vw);
    }

    .ft_sfeerfoto .get_all_styles_container input[type=radio][name=sfeerfoto_style] {
        margin-right: calc(7/var(--fhd-w) * 100vw);
        width: 1.6rem;
        height: 1.6rem;
    }

    .ft_sfeerfoto .get_all_styles_container input[type=radio][name=sfeerfoto_style]:checked+span {
        font-weight: bold;
    }

    .flex_row_2cols_col2 {
        height: 100%;
    }

    .flex_row_2cols.flex_sfeerfoto>.flex_row_2cols_col1 {
        width: calc(200/var(--fhd-w) * 100vw);
    }

    .flex_row_2cols.flex_sfeerfoto>.flex_row_2cols_col2 {
        width: calc(100% - (200/var(--fhd-w) * 100vw));
        height: 100%;
    }

    .flex_row_2cols.flex_sfeerfoto>.flex_row_2cols_col2 {
        padding: 0;
    }

    /* .flex_row_2cols.flex_sfeerfoto>.flex_row_2cols_col2 .sfeerfoto_thumb_wrapper { */
    .sfeerfoto_thumb_wrapper {
        /* width: calc(100% - (30/var(--fhd-w) * 100vw));*/
        width: 100%;
        /* margin: calc(15/var(--fhd-w) * 100vw) -15px  calc(15/var(--fhd-w) * 100vw) calc(15/var(--fhd-w) * 100vw); */
        margin: 15px 0 0 0;
        height: 100%;
        overflow-y: auto;
        scrollbar-gutter: stable both-edges;
    }

    .sfeerfoto_thumb_wrapper_outer {
        /* height: calc(100% - 40px); */
        /* background-color: red; */
        position: relative;
        height: 85vh;
    }

    .sfeerfoto_thumb_wrapper {
        height: calc(100% - 60px);
        /* width: calc(100% - 30px); */
        overflow-y: auto;
    }

    /* .flex_row_2cols.flex_sfeerfoto .sfeerfoto_thumb_wrapper .sfeerfoto_thumb_container { */
    .sfeerfoto_thumb_wrapper .sfeerfoto_thumb_container {
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-flow: row nowrap;
        -webkit-flex-flow: row wrap;
        justify-content: space-between;
        align-items: flex-start;
        align-content: flex-start;
        /* max-height: 85vh; */
        /* height: 100%; */
        /* overflow-y: auto; */
    }

    /* .flex_row_2cols.flex_sfeerfoto .sfeerfoto_thumb_wrapper .sfeerfoto_thumb_container li { */
    .sfeerfoto_thumb_wrapper .sfeerfoto_thumb_container li {
        width: 32%;
        flex: 0 1 auto;
        list-style-image: none;
        list-style-type: none;
        margin: 0 0 2% 0;
        height: calc(165/var(--fhd-w) * 100vw);
        cursor: pointer;
    }

    /* .flex_row_2cols.flex_sfeerfoto .sfeerfoto_thumb_wrapper .sfeerfoto_thumb_container li img { */
    .sfeerfoto_thumb_wrapper .sfeerfoto_thumb_container li img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 50% 50%;
    }

    .force_hidden {
        display: none !important;
    }

    .floating_wrapper.ft_roomselect .floating_content_wpad {
        text-align: justify;
        float: none;
        clear: both;
    }

    .floating_wrapper.ft_roomselect .room_li {
        display: inline-block;
        list-style-image: none;
        list-style-type: none;
        width: 30%;
        /* height: calc(200/var(--fhd-w) * 100vw); */
        height: 200px;
        margin: 1%;
        cursor: pointer;
    }

    .floating_wrapper.ft_roomselect .room_li .room_img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 50% 50%;
    }

    .floating_wrapper.ft_roomselect .floating_tab {
        /* text-transform: uppercase; */
    }

    .multi_room {
        position: fixed;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
        z-index: 0;
        display: block !important;
    }

    .multi_room .extra-tile-layers, .multi_room .attribute-layers {
        position: fixed;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
        z-index: 1;
    }

    body > div.mainscreen > div.multi_room > .extra-tile-layers , body > div.mainscreen > div.multi_room > div.attribute-layers {
        /* prevent drag dragging */
        pointer-events: none;
    }

    .room {
        display: none !important;
    }

    .multi_room img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover;
        object-position: top left
    }

    .force_disable {
        display: none !important;
    }

    .svg_container {
        height: 100%;
        width: 100%;
        background-color: #464646;
        -webkit-mask-size: calc(40/var(--fhd-w) * 100vw) !important;
        mask-size: calc(40/var(--fhd-w) * 100vw) !important;
    }

    .svg_container[room=badkamer] {
        -webkit-mask: url(../images/ico-badkamer.svg) center center no-repeat;
        mask: url(../images/ico-badkamer.svg) center center no-repeat;
    }

    .svg_container[room=keuken] {
        -webkit-mask: url(../images/ico-keuken.svg) center center no-repeat;
        mask: url(../images/ico-keuken.svg) center center no-repeat;
    }

    .svg_container[room=slaapkamer] {
        -webkit-mask: url(../images/ico-slaapkamer.svg) center center no-repeat;
        mask: url(../images/ico-slaapkamer.svg) center center no-repeat;
    }

    .svg_container[room=woonkamer] {
        -webkit-mask: url(../images/ico-woonkamer.svg) center center no-repeat;
        mask: url(../images/ico-woonkamer.svg) center center no-repeat;
    }

    .avoid-clicks {
        pointer-events: none !important;
    }

    .hide4save {
        display: none !important;
    }

    html.fullscreen_2d .controls.sidenav {
        z-index: 101 !important;
    }

    html.fullscreen_2d .controls ul li:nth-child(-n+4), html.fullscreen_2d .controls ul li:nth-child(n+6) {
        display: none !important
    }

    .ft_showsaved .floating_tab.floating_tab_4 {
        /* padding: 0.5rem 2rem; */
        /* line-height: 2.5rem; */
        vertical-align: middle;
        font-size: 1.6rem;
    }

    .saved_left_content {
        width: 100%;
        height: 100%;
        overflow-y: auto;
    }

    .saved_right_content {
        max-width: 100%;
        height: 100%;
        line-height: 1.4;
    }

    .floating_wrapper.ft_showsaved .floating_content_wpad {
        /* width: calc((1260 - 70) / var(--fhd-w) * 100vw); */
        /* height: calc((600 - 61 - 80)/ var(--fhd-w) * 100vw); */
        width: calc(100% - 40px);
        height: calc( 100% - 20px);
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-flow: row nowrap;
        -webkit-flex-flow: row nowrap;
        justify-content: flex-start;
        align-items: flex-start;
        align-content: flex-start;
        flex-direction: column;
        flex-wrap: nowrap;
    }

    .style_3d {
        height: calc(((600 - 61 - 80)/var(--fhd-w) * 100vw) * (1080/var(--fhd-w)));
        width: 100%;
    }

    .ontwerp_title, .wandtegels_title, .vloertegels_title {
        font-size: 1.6rem;
        font-weight: 700;
        height: calc(25/var(--fhd-w) * 100vw);
        text-transform: uppercase;
        line-height: calc(25/var(--fhd-w) * 100vw);
    }

    .ontwerp_row {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-flow: row nowrap;
        -webkit-flex-flow: row nowrap;
        justify-content: space-between;
        align-items: flex-start;
        align-content: flex-start;
        margin: 0 0 1rem 0;
        height: calc(100% - 30/var(--fhd-w) * 100vw - 2rem);
        width: 100%;
    }

    .ontwerp_td1 {
        width: 50%;
        height: 100%;
        position: relative;
    }

    .ontwerp_img3d {
        height: 100%;
        width: 100%;
    }

    img.scrshot {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .ontwerp_td2 {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-flow: column nowrap;
        -webkit-flex-flow: column nowrap;
        justify-content: space-between;
        align-items: flex-start;
        align-content: flex-start;
        margin: 0 0 2rem 0;
        height: 100%;
        width: calc(50% - 1rem);
        margin: 0 0 0 1rem;
    }

    .wandtegels_container, .vloertegels_container {
        flex: 1 1 auto;
        width: 100%;
        height: 50%;
    }

    .wandtegels_tiles_img, .vloertegels_tiles_img {
        display: block;
        width: 100%;
        height: calc(100% - 25/var(--fhd-w) * 100vw);
    }

    .wandtegels_tiles_img li, .vloertegels_tiles_img li {
        width: auto !important;
        max-width: 30%;
        display: inline-block;
        list-style-type: none;
        height: 100%;
        margin: 0 0.5rem 0 0;
    }

    .wandtegels_tiles_img li img, .vloertegels_tiles_img li img {
        max-width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: bottom left;
    }

    .delete_me {
        position: absolute;
        right: 0;
        bottom: -2.5rem;
        cursor: pointer;
        width: 2rem;
        height: 2rem;
        text-align: right;
    }

    .is_showroom.ft_showsaved .floating_content:nth-child(1), .is_showroom.ft_showsaved .floating_content:nth-child(2) {
        width: calc((1260/var(--fhd-w) * 100vw) * 0.63);
        border-right: 0;
        border-radius: 0px 0px 0 calc(10/var(--fhd-w) * 100vw);
        width: 100%;
    }

    .is_showroom.ft_showsaved .floating_content:nth-child(1) .saved_left_content, .is_showroom.ft_showsaved .floating_content:nth-child(2) .saved_left_content {
        width: 100%;
    }

    .is_showroom.ft_showsaved .floating_content:nth-child(1) .floating_content_wpad, .is_showroom.ft_showsaved .floating_content:nth-child(2) .floating_content_wpad {
        position: relative;
        margin: calc(0/var(--fhd-w) * 100vw) calc(3/var(--fhd-w) * 100vw) calc(120/var(--fhd-w) * 100vw) calc(35/var(--fhd-w) * 100vw);
        width: calc(100% - (38/var(--fhd-w) * 100vw)) !important;
    }

    .is_showroom.ft_showsaved .floating_content.sv3 {
        z-index: 1;
    }

    .d2_container {
        width: 50%;
        height: 100%;
        text-align: center display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-flow: column;
        -webkit-flex-flow: column;
        justify-content: start;
        align-items: center;
        align-content: flex-start;
    }

    .d2_tiles_img {
        max-height: 70%;
        margin: 0 0 0.5rem 0;
        text-align: center
    }

    .d2_tiles_img img {
        max-width: 100%;
        max-height: 100%;
        outline: 1px solid #e0e0e0;
    }

    .floating_content.sv3 .saved_left_content {
        margin: 0;
        padding: 0;
    }

    .sv3room_title {
        font-size: 1.6rem;
        font-weight: 700;
        background-color: #C8C8C8;
        margin: 0 0 1rem 0;
        padding: 1rem;
        border-radius: calc(5/var(--fhd-w) * 100vw);
    }

    .sv3room_tiles {
        /* display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex; */
        display: inline-flex;
        /* flex-flow: row; */
        /* -webkit-flex-flow: row; */
        /* justify-content: start; */
        align-items: flex-end;
        align-content: flex-start;
        /* margin: 0 0 2rem 0; */
        width: fit-content;
        /* outline: 1px solid yellow; */
        height: 100%;
        /* height: 150px !important; */
    }

    .sv3tegels_item {
        width: 100px;
        height: 100%;
        /* text-align: center; */
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-end;
        /* align-items: center; */
        margin: 0 20px 0 0 !important;
        /* flex-grow: 1; */
        /* flex-shrink: 0; */
        /* background-color: green; */
        flex: 1 1 auto;
    }

    .sv3tegels_tiles_img img {
        width: 100px;
        height: auto;
    }

    .tmp_container {
        width: 1200px;
        height: 100vh;
        position: fixed;
        top: 0vh;
        left: calc((100vw - 1200px)/2);
        z-index: 2147483647;
        /* absolutely maximum z-index */
        background-color: rgb(255, 255, 255);
        overflow-y: auto;
        padding: 20px;
        background-color: #69A35BFF;
    }

    /*    #pdf_root {
        width: 1200px;
        height: auto;
        position: fixed;
        top: 0vh;
        left: 0;
        z-index: -1;
        background-color: rgb(255, 255, 255);
        overflow-y: auto;
        padding: 20px;
    }*/
    #pdf_root {
        width: 1200px;
        height: auto;
        position: fixed;
        top: 0vh;
        left: 0;
        z-index: -1;
        /* z-index: 2147483641; */
        background-color: rgb(255, 255, 255);
        overflow-y: visible;
        padding: 20px;
        box-sizing: content-box;
    }

    .pdf_sv1, .pdf_sv2, .pdf_sv3 {
        height: auto;
        width: 100%;
    }

    #pdf_root .ontwerp_title {
        height: 35px;
    }

    #pdf_root .ontwerp_title {
        font-size: 1.6rem;
        font-weight: 700;
        margin: 0 0 1rem 0;
        padding: 1rem;
        border-radius: 5px;
        height: 45px;
    }

    #pdf_root .ontwerp_row {
        height: 250px;
    }

    .pdf_sv1 .saved_left_content, .pdf_sv2 .saved_left_content, .pdf_sv3 .saved_left_content {
        overflow-y: visible !important;
        width: 100%;
    }

    .pdf_sv1 .style_3d, .pdf_sv2 .style_3d {
        margin: 0 0 30px 0;
        height: calc(580px * 1080/var(--fhd-w) + 50px);
    }

    .pdf_sv3 .block_tegels {
        height: fit-content !important;
        margin: 0 0 30px 0;
    }

    .pdf_sv3 .sv3room_title {
        background-color: initial !important;
    }

    .pdf_sv3 .sv3tegels_item img {
        max-height: 100px !important;
    }

    #pdf_root .delete_me {
        display: none;
    }

    .pdf_thx {
        font-size: 1.6rem;
        font-weight: 500;
    }

    .pdf_tab_title {
        font-size: 1.6rem;
        font-weight: 700;
        background-color: #C8C8C8;
        margin: 110px 0 0px 0;
        padding: 1rem;
        border-radius: 5px;
        height: 45px;
        text-decoration: underline;
    }

    .pdf_tab_title:first-child {
        margin: 40px 0 0px 0;
    }

    #pdf_root .floating_wrapper.ft_showsaved .floating_content_wpad {
        width: calc(100% - 70px) !important;
        height: calc(100% - 80px) !important;
    }

    #pdf_root .ontwerp_title, #pdf_root .wandtegels_title, #pdf_root .vloertegels_title {
        font-size: 16px !important;
        height: 25px !important;
    }

    #pdf_root .ontwerp_row {
        margin: 0 0 10px 0 !important;
        height: calc(100% - 50px) !important;
    }

    #pdf_root .ontwerp_td2 {
        margin: 0 0 20px 0 !important;
        width: calc(50% - 10px) !important;
        margin: 0 0 0 10px !important;
    }

    #pdf_root .wandtegels_tiles_img, #pdf_root .vloertegels_tiles_img {
        height: calc(100% - 25px) !important;
    }

    #pdf_root .wandtegels_tiles_img li, #pdf_root .vloertegels_tiles_img li {
        margin: 0 5px 0 0 !important;
    }

    #pdf_root .delete_me {
        bottom: -25px !important;
        width: 20px !important;
        height: 20px !important;
    }

    #pdf_root .ft_showsaved .floating_content:nth-child(1), #pdf_root .ft_showsaved .floating_content:nth-child(2) {
        border-radius: 0px 0px 0 10px;
    }

    .ft_showsaved .floating_content:nth-child(1) .saved_left_content, .ft_showsaved .floating_content:nth-child(2) .saved_left_content {
        width: 100%;
    }

    #pdf_root .ft_showsaved .floating_content:nth-child(1) .floating_content_wpad, #pdf_root .ft_showsaved .floating_content:nth-child(2) .floating_content_wpad {
        margin: 50px 3px 120px 35px !important;
        width: calc(100% - 38px) !important;
    }

    #pdf_root .d2_tiles_img {
        margin: 0 0 5px 0 !important;
    }

    #pdf_root .floating_content.sv3 .saved_left_content {
        margin-right: 15px !important;
        padding-right: 10px !important;
    }

    #pdf_root .sv3room_title {
        font-size: 16px !important;
        margin: 0 0 10px 0 !important;
        padding: 10px !important;
        border-radius: 5px !important;
    }

    #pdf_root .sv3room_tiles {
        margin: 0 0 20px 0 !important;
        height: fit-content !important;
        /* background-color: red; */
    }

    #pdf_root .sv3tegels_item {
        margin-right: 20px !important;
        width: fit-content !important;
        text-align: center
    }

    #pdf_root .sv3tegels_tiles_img {
        /* background-color: blue !important; */
        width: fit-content !important;
    }

    #pdf_root .sv3tegels_tile_size {
        margin: 10px 0 0 0 ;
    }

    #pdf_root .ontwerp_title {
        font-size: 16px !important;
        margin: 0 0 10px 0 !important;
        padding: 10px !important;
    }

    #pdf_root .pdf_thx {
        font-size: 16px !important;
    }

    #pdf_root .pdf_tab_title {
        font-size: 16px !important;
        padding: 10px !important;
        height: 30px;
        line-height: 30px;
    }

    #pdf_root .d2_container, #pdf_root .sv3tegels_item {
        font-size: 16px !important;
    }

    .floating_wrapper.ft_showsearch .floating_content_wpad {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-flow: row nowrap;
        -webkit-flex-flow: row nowrap;
        justify-content: stretch;
        align-items: flex-start;
        align-content: flex-start;
        position: relative;
    }

    .floating_content.tb1 .search_left_content, .floating_content.tb2 .search_left_content {
        width: calc(300/var(--fhd-w) * 100vw);
        margin: 0 calc(60/var(--fhd-w) * 100vw) 0 0;
        height: 100%;
    }

    .floating_content.tb1 .search_right_content, .floating_content.tb2 .search_right_content {
        width: calc(100% - 360/var(--fhd-w) * 100vw);
    }

    .portal_search_id_input, .portal_dealer_login {
        font-size: 1.6rem;
        font-weight: 500;
        height: calc(44/var(--fhd-w) * 100vw);
        background-color: #E6E6E6;
        margin: 0 0 1rem 0;
        padding: 1rem;
        border: 0 !important;
        width: 100%;
    }

    .portal_search_id_input:focus, .portal_dealer_login:focus {
        outline: none !important;
    }

    .portal_search_id_zoek, .portal_ga, .portal_dealer_zoek {
        width: calc(220/var(--fhd-w) * 100vw);
        width: 100%;
        display: block;
        height: calc(40/var(--fhd-w) * 100vw);
        /* background-color: #ff0000; */
        /*    background-color: var(--theme-color);*/
        background-color : var(--ak-button-background-color);
        color: white;
        font-size: 1.6REM;
        line-height: calc(40/var(--fhd-w) * 100vw);
        text-align: center !important;
        border-radius: calc(5/var(--fhd-w) * 100vw);
        margin: calc(20/var(--fhd-w) * 100vw) 0 0 0 !important;
        cursor: pointer;
    }

    .title_div {
        font-size: 1.6rem;
        font-weight: 700;
        color: #505050;
        background-color: #C8C8C8;
        margin: 0 0 1rem 0;
        padding: 1rem;
        border-radius: calc(5/var(--fhd-w) * 100vw);
        height: calc(44/var(--fhd-w) * 100vw);
    }

    .search_right_content {
        height: 100%;
    }

    .ft_showsearch .floating_content.tb1 .search_right_content .portal_results_wrapper {
        height: calc(100% - (54/var(--fhd-w) * 100vw));
        overflow-y: auto;
    }

    .ft_showsearch .floating_content.tb2 .search_right_content .portal_results_wrapper {
        height: 100%;
        overflow-y: auto;
    }

    .zoek_results_block, .dealer_results_block {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-flow: row;
        -webkit-flex-flow: row wrap;
        justify-content: start;
        align-items: flex-end;
        align-content: flex-start;
        margin: 0 0 2rem 0;
        width: calc(100% - 2rem);
    }

    .portal_item_container {
        width: 15%;
        margin: 0 1rem 2rem 0;
        text-align: center;
        cursor: pointer;
    }

    .floating_wrapper.ft_showsearch .floating_content.tb2 .floating_content_wpad .search_right_content {
        height: calc(100% - (0/var(--fhd-w) * 100vw));
        overflow-y: auto;
    }

    .dealer_login_portal {
        display: none;
    }

    .search_id_portal {
        margin: 0 0 calc(40/var(--fhd-w) * 100vw) 0;
    }

    #portal_dealer_tgn, #portal_dealer_dealer, #portal_dealer_merk, #portal_dealer_serie {
        text-transform: uppercase;
    }

    .floating_wrapper.ft_showsearch .floating_close_main {
        bottom: initial;
        top: calc(80/var(--fhd-w) * 100vw);
    }

    .floating_wrapper.ft_showsearch .groupsize_container {
        display: inline-block !important;
        width: calc(100% - 2rem);
        padding: calc(10/var(--fhd-w) * 100vw);
        margin: 0px calc(5/var(--fhd-w) * 100vw) calc(10/var(--fhd-w) * 100vw) 0;
        line-height: calc(23/var(--fhd-w) * 100vw);
        padding: calc(4/var(--fhd-w) * 100vw) calc(10/var(--fhd-w) * 100vw);
        background: #464646;
        color: #fff;
        font-weight: 700;
        font-size: 1.5REM;
        height: calc(30/var(--fhd-w) * 100vw);
    }

    .email_header {
        font-weight: 700;
        font-size: 2rem;
    }

    .email_intro {
        /* padding: 2rem 0 3rem 0; */
    }

    .email_form label {
        display: none;
    }

    .email_form input {
        height: 36px;
    }

    .email_form input, .email_form textarea {
        display: block;
        width: 50%;
        margin: 0 0 1rem 0;
        padding: 0.5rem 1rem;
        /* background-color: #E6E6E6; */
        font-size: 2.0REM;
        border: 0;
        border: 1px solid #aaa !important;
        -webkit-transition: background-color .5s;
        -moz-transition: background-color .5s;
        -ms-transition: background-color .5s;
        -o-transition: background-color .5s;
        transition: background-color .5s;
        padding: 0.5rem 1rem;
        margin: 0 1rem 1.5rem 0;
        border-radius: 5px;
        border: 1px solid rgb(118, 118, 118);
    }

    .ft_showsaved .sv2_online .email_form_container .email_form input, .ft_showsaved .sv2_online .email_form_container .email_form textarea {
        font-size: 1.6REM;
    }

    /* .btn_send_mail, .foto_uploaden {
        width: auto;
        display: inline-block;
        height: calc(40/var(--fhd-w) * 100vw);
        background-color: var(--ak-button-background-color);
        color: white;
        font-size: 1.6REM;
        line-height: calc(40/var(--fhd-w) * 100vw);
        text-align: center !important;
        border-radius: calc(5/var(--fhd-w) * 100vw);
        cursor: pointer;
        padding: 0 2rem;
    }
 */
    /* --------------------- */
    /* .action_buttons_wrapper .action_button { */
    .btn_send_mail, .foto_uploaden {
        height : var(--ak-button-height);
        width : var(--ak-button-width);
        min-width : var(--ak-button-min-width);
        background-color : var(--ak-button-background-color);
        text-align : var(--ak-button-text-align);
        border-radius : var(--ak-button-border-radius);
        cursor : var(--ak-button-cursor);
        margin : 0;
        padding : var(--ak-button-padding);
        padding: 0 2rem;
        /* display : flex !important; */
        font-size : var(--ak-button-font-size);
        font-weight : var(--ak-button-font-weight);
        line-height : var(--ak-button-line-height);
        color : var(--ak-button-color);
        /* 
        flex-direction: row;
        flex-wrap: nowrap; */
        justify-content: space-between;
        align-content: space-between;
        align-items: center;
        text-transform: none !important;
        text-align: center !important;
        width: 188px;
    }

    /* ------------------------------- */
    .btn_wrapper_foto_uploaden {
        text-align: center;
        margin: 2rem 0;
    }

    .submit_success_message {
        margin: 0.5rem 0 0 0;
        color: #25bf0a;
        font-size: 1.5rem;
        font-weight: bold;
        display: none;
    }

    .submit_error_message {
        margin: 0.5rem 0 0 0;
        color: #ff0000;
        font-size: 1.5rem;
        font-weight: bold;
        display: none;
    }

    .toast-container {
        z-index: 999999999999999999999999999999 !important;
    }

    .mainscreen {
        background-color: #fff;
    }

    .nog_geen {
        font-size: 2rem;
    }

    #pdf_root .nog_geen {
        font-size: 15px !important;
    }

    .online .controls ul li a.light-gray {
        background: #FFFFFF;
    }

    .online .controls ul li a.dark-gray {
        background: #FFFFFF;
    }

    .stickyresultsfloor .dropdown-vloer-wand.slide_box#dropdown-vloer, .online .dropdown-vloer-wand.slide_box#dropdown-vloer {
        position: fixed;
        bottom: calc(80/var(--fhd-w) * 100vw);
    }

    .stickyresultswall .wall-results .slider, .online .wall-results .slider {
        position: fixed;
        top: 0;
        z-index: 999;
        max-width: calc(var(--fhd-w)/var(--fhd-w) * 100vw);
    }

    body.online .desktop-only.wall-results {
        position: relative;
        /* width: 100%; */
        height: 100%;
        width: inherit;
    }

    body.online .panel_searchresult.desktop-only.wall-results {
        /* text-transform: uppercase; */
        display: block;
    }

    .stickyresultswall .panel_searchresult.wall-results .slider, .online .panel_searchresult.wall-results .slider {
        position: absolute;
        top: 70px;
        left: 0;
        z-index: 1;
        width: 100%;
        height: calc(100% - 60px);
        padding: 0;
    }

    body.online .desktop-only.floor-results {
        display: none !important;
    }

    .online_location_left ul.specs-list {
        box-sizing: border-box;
        color: rgb(55, 58, 60);
        display: block;
        font-size: 1.5REM;
        height: calc(300/var(--fhd-w) * 100vw);
        line-height: calc(22.5/var(--fhd-w) * 100vw);
        list-style-type: disc;
        margin-block-end: calc(12/var(--fhd-w) * 100vw); margin-block-start: calc(0/var(--fhd-w) * 100vw);
        margin-bottom: calc(12/var(--fhd-w) * 100vw);
        margin-inline-end: calc(0/var(--fhd-w) * 100vw); margin-inline-start: calc(0/var(--fhd-w) * 100vw);
        margin-top: calc(0/var(--fhd-w) * 100vw);
        padding-bottom: calc(0/var(--fhd-w) * 100vw);
        padding-inline-start: calc(0/var(--fhd-w) * 100vw); padding-left: calc(0/var(--fhd-w) * 100vw);
        padding-right: calc(0/var(--fhd-w) * 100vw);
        padding-top: calc(0/var(--fhd-w) * 100vw);
        text-size-adjust: 100%;
        text-transform: none;
        width: calc(198/var(--fhd-w) * 100vw);
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

    .online_location_left ul.specs-list li {
        box-sizing: border-box;
        color: rgb(55, 58, 60);
        display: list-item;
        font-size: 1.5REM;
        height: auto;
        line-height: calc(22.5/var(--fhd-w) * 100vw);
        list-style-image: none;
        list-style-position: outside;
        list-style-type: none;
        margin: 0px calc(5/var(--fhd-w) * 100vw) calc(10/var(--fhd-w) * 100vw) calc(5/var(--fhd-w) * 100vw);
        text-align: left;
        text-size-adjust: 100%;
        text-transform: lowercase;
        user-select: auto;
        white-space: nowrap;
    }

    .online_location_content .online_location_left .popup-header.title {
        float: none !important;
    }

    .online-location-popup {
        display: none;
    }

    .online_location_content .popup-header.title {
        margin: 0 0 calc(5/var(--fhd-w) * 100vw) 0 !important;
    }

    .online_location_row .col.col-lg-6.online_location_col6 {
        width: 75% !important;
    }

    .online-location-popup {
        position: absolute !important;
        width: 40%;
        top: calc(120/var(--fhd-w) * 100vw);
        right: calc(250/var(--fhd-w) * 100vw);
        background-color: #fff;
        padding: calc(10/var(--fhd-w) * 100vw) calc(10/var(--fhd-w) * 100vw) calc(40/var(--fhd-w) * 100vw) calc(10/var(--fhd-w) * 100vw);
    }

    div#online-location.slide_box.sfeertool-popup {
        height: 100%;
        border-radius: 0px 0px calc(10/var(--fhd-w) * 100vw) calc(10/var(--fhd-w) * 100vw);
    }

    div#online-location.slide_box.sfeertool-popup>.specs {
        height: calc(100% - calc(20/var(--fhd-w) * 100vw));
    }

    .online_location_content, .online_location_right, .tegel_in_online_container {
        width: 100%;
        height: 100%;
    }

    .ft_showsaved .floating_content.sv1_online {
        z-index: 1;
    }

    .floating_content.sv1_online .saved_left_content {
        margin-right: 1.5rem;
        padding-right: 1rem;
    }

    .is_online.ft_showsaved .floating_content {
        width: calc((1260/var(--fhd-w) * 100vw) * 1.0);
        border-right: 0;
        border-radius: 0px calc(10/var(--fhd-w) * 100vw) calc(10/var(--fhd-w) * 100vw) calc(10/var(--fhd-w) * 100vw);
    }

    .is_online.ft_showsaved .floating_content .floating_content_wpad {
        position: relative;
        width: calc(100% - (38/var(--fhd-w) * 100vw)) !important;
    }

    .is_online.ft_showsaved .floating_content .floating_content_wpad .saved_left_content {
        width: 60% !important;
        position: relative;
    }

    .is_online.ft_showsaved .floating_content .floating_content_wpad .saved_right_content {
        width: 40% !important;
        position: relative;
    }

    .online_left_title, .online_right_title {
        font-size: 2rem;
        font-weight: 700;
        margin: 0 0 1rem 0;
        padding: 0 2rem 0 0;
        /* color: #505050; */
    }

    .content_left_text, .content_right_text {
        padding: 0 3rem 2rem 0;
        font-size: 1.6rem;
    }

    .ft_showsaved .floating_content.sv2_online .content_right_text {
        font-size: 1.4rem;
    }

    .is_online.ft_showsaved .floating_content.sv2_online {
        background-color: transparent;
        pointer-events: none;
    }

    .is_online.ft_showsaved .floating_content.sv2_online .saved_right_content {
        background-color: #fff;
        pointer-events: auto;
    }

    .is_online.ft_showsaved * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .is_online.ft_showsaved .floating_content.sv3_online .floating_content_wpad .saved_left_content, .is_online.ft_showsaved .floating_content.sv4_online .floating_content_wpad .saved_left_content {
        width: 50% !important;
        padding: 0 2rem 0 2rem;
    }

    .is_online.ft_showsaved .floating_content.sv3_online .floating_content_wpad .saved_right_content, .is_online.ft_showsaved .floating_content.sv4_online .floating_content_wpad .saved_right_content {
        width: 50% !important;
        padding: 0 2rem 0 2rem;
    }

    .filiaal_radio {
        cursor: pointer;
    }

    .filiaal_radio input {
        margin: 0 calc(5/var(--fhd-w) * 100vw) 0 0;
        vertical-align: middle;
        height: calc(22/var(--fhd-w) * 100vw);
        width: calc(12/var(--fhd-w) * 100vw);
        pointer-events: none;
    }

    .filiaal_radio span {
        font-size: 1.8rem;
        font-weight: 700;
    }

    .tab3_top {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-flow: row;
        -webkit-flex-flow: row;
        justify-content: space-between;
        align-items: flex-end;
        align-content: flex-start;
        margin: 0 2rem 2rem 0rem;
    }

    .tab3_address {
        margin: 1rem 0 2rem 0;
    }

    .tab3_address .address_title {
        font-size: 1.8rem;
        font-weight: 700;
    }

    .tab3_social span {
        font-size: 1.5rem;
        font-weight: 600;
        margin: 0 0 0 2rem;
    }

    .sv4_online .content_left_text {
        padding-top: 0;
    }

    .content_left_img img {
        width: 100% !important;
        height: auto;
    }

    .content_right_text.tip img {
        width: 100%;
        height: auto;
    }

    .sv4_online .online_right_title.tip {
        text-align: center;
        font-size: 2.5rem;
        color: #FF0000;
    }

    .normal_text {
        font-size: 1.8rem;
    }

    .normal_text.align_center {
        text-align: center
    }

    .socialmedia {
        margin: 3rem 0 0 0;
    }

    .socialmedia a {
        color: #373a3c;
    }

    .socialmedia ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        white-space: nowrap;
    }

    .socialmedia ul li {
        height: 3rem;
        width: 3rem;
        display: inline-block;
    }

    .socialmedia ul li i {
        font-size: 3rem;
    }

    .is_online .content_left_img.tip, .is_online .content_right_text.tip {
        position: absolute;
        bottom: 0;
        width: 100% !important;
        padding: inherit;
        left: 0;
        right: 0;
    }

    .stickyresultsfloor .floor-results .slider, .online .floor-results .slider {
        position: fixed;
        bottom: 0;
        z-index: 999;
        max-width: calc(1920/1920 * 100vw)
    }

    .online.fullscreen-results .slider li span.fa-map-marker {
        display: block !important
    }

    .online-only {
        display: none !important
    }

    .online .online-only {
        display: block !important
    }

    .online footer {
        display: none
    }

    body.online .controls {
        top: calc(80/1920 * 100vw)
    }

    .controls ul li a.online-only {
        display: none;
        line-height: calc(50/1920 * 100vw);
        font-size: 2REM;
        font-weight: bold
    }

    body.online .controls ul li a.online-only {
        display: inline-block
    }

    body.online .controls.is2d ul li a {
        display: none !important
    }

    body.online .controls.is2d ul li a.twod-button {
        display: inline-block !important
    }

    body.online .controls.isatmosphere ul li a {
        display: none !important
    }

    body.online .controls.isatmosphere ul li a.online-only.zzzmix-tiles {
        display: block !important
    }

    body.online .controls.isatmosphere ul li a.switch-2d, body.online .controls.isatmosphere ul li a.load-inspiration-images {
        display: inline-block !important
    }

    body.online .controls {
        top: calc(80/1920 * 100vw)
    }

    .controls ul li a.online-only {
        display: none;
        line-height: calc(50/1920 * 100vw);
        font-size: 2REM;
        font-weight: bold
    }

    body.online .controls ul li a.online-only {
        display: inline-block
    }

    body.online .controls.is2d ul li a {
        display: none !important
    }

    body.online .controls.is2d ul li a.twod-button {
        display: inline-block !important
    }

    body.online .controls.isatmosphere ul li a {
        display: none !important
    }

    body.online .controls.isatmosphere ul li a.switch-2d {
        display: none !important
    }

    .online .controls ul li a.light-gray {
        background: #c6c6c6
    }

    .online .controls ul li a.light-gray i {
        color: #464646
    }

    .online .controls ul li a.dark-gray {
        background: #464646
    }

    body.online div.room {
        margin-top: calc(0/1920 * 100vw);
        transform: scale(1) !important
    }

    body.online .desktop-only.floor-results {
        position: absolute;
        bottom: 0;
        left: 0
    }

    body.online .mainscreen {
        --this-height: calc(100vw*1080/1920);
        width: 100% !important;
        height: calc(var(--this-height)) !important;
        height: calc(100vh) !important;
        /* top: calc((100% - var(--this-height))/2); bug  */
        top: 0;
    }

    body.online>.mainscreen>.room>.matrix_container>.attribute-layers>img, body.online>.mainscreen>.multi_room>.attribute-layers>img {
        width: 100% !important;
        height: 100% !important;
    }

    body.online .controls {
        margin-top: 0;
        top: 50%;
        transform: translateY(-50%)
    }

    body.online #specificaties.specs-desktop {
        left: 0 !important;
        top: 0 !important;
        width: 100% !important;
        max-height: calc(85vh - 40px) !important;
        overflow: auto;
    }

    body.online a.button.button-gray.tile-read-more.online-only {
        display: none !important
    }

    body.online .tip-upload-icon a, body.online .eigen-woning-popup {
        pointer-events: none !important;
        cursor: default !important
    }

    html.nuc-class body.online .fempty {
        display: none
    }

    html.nuc-class body.online ul>li:nth-last-of-type(1)~span {
        display: block !important
    }

    body.online .eigen-woning-popup img {
        content: url("../images/eigen-woning-popup2.png")
    }

    html body.in_my_room.online>div.mainscreen>div.controls>ul>li:nth-child(11), html body.in_my_room.online>div.mainscreen>div.controls>ul>li:nth-child(8), html body.in_my_room.online>div.mainscreen>div.controls>ul>li:nth-child(4), html body.in_my_room.online>div.mainscreen>div.controls>ul>li:nth-child(2) {
        display: none !important
    }

    html.irregular .formaten_kleuren.bekijken-button, html.irregular .flex_row_voegkleur .bekijken-button {
        display: none !important;
    }

    html.irregular .search_tabs_wrapper>div.search_tabs.voeg_tab, html.irregular .search_tabs_wrapper>div.search_tabs.vlak2d_tab {
        pointer-events: none !important;
        color: #b1b1b1 !important;
    }

    .popup_adv {
        position: absolute;
        width: 500px;
        height: 300px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        display: none;
        z-index: 1000;
        /* left : -100vw; */
        left: 50%;
        /* top: 60vh; */
        top: 50%;
        transform: translate(-50% , -50%);
        flex-direction: column;
        border: 1px solid #555;
        /* transition: left .8s cubic-bezier(.79,1.75,.4,.7) */
    }

    .popup_adv_header {
        height: 40px;
        text-transform: uppercase;
        font-size: 2REM;
        color: #fff;
        line-height: 40px;
        padding: 0 0 0 1rem;
        background-color: var(--theme-color);
    }

    .popup_adv_header span {
        font-size: 1.5rem;
        padding: 0 0 0 2rem;
    }

    #close_popup_heart , #close_popup_camera {
        position: absolute;
        top: 0;
        right: 0rem;
        cursor: pointer;
        width: 4rem;
        text-align: center;
    }

    .popup_adv_foto_container {
        height: calc(100% - 40px);
        width: 100%;
    }

    .popup_adv_foto_container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center bottom;
    }

    .blink_class {
        animation: beat .5s 12 alternate;
        transform-origin: center;
    }

    @keyframes beat {
        to {
            transform: scale(1.4);
            color: #e00;
        }
    }

    .popup_cform {
        display: flex;
        flex-wrap: nowrap;
        position: fixed;
        z-index: 99;
        background-color: #fff;
        width: 800px;
        height: 400px;
        width: calc(800 * 100vw/var(--fhd-w));
        /*    height: calc(400 * 100vw/var(--fhd-w));    /*   relative to vh 16-11*/
        height: calc(500 * 100vh/var(--fhd-h));
        left: -50%;
        top: 50%;
        transform: translate(-50%, -50%);
        flex-direction: column;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        border: 1px solid #555;
        /* transition: left .8s cubic-bezier(.79,1.75,.4,.7) */
        /* animation: reveal 0.5s forwards; */
    }

    .popup_cform_header {
        height: 40px;
        height: calc(40 * 100vw/var(--fhd-w));
        font-size: 2.5REM;
        color: #fff;
        line-height: 40px;
        line-height: calc(40 * 100vw/var(--fhd-w));
        ; padding: 0 0 0 1rem;
        background-color: var(--theme-color);
    }

    .popup_cform_header span {
        font-size: 2rem;
        padding: 0 0 0 2rem;
    }

    #close_popup_cform {
        position: absolute;
        top: 0;
        right: 0rem;
        cursor: pointer;
        width: 4rem;
        text-align: center;
    }

    .popup_cform_form_container {
        height: calc(100% - 40px);
        width: 100%;
    }

    .popup_cform_content {
        font-size: 1.8rem;
        text-align: center;
        padding: 1rem 1rem 1rem 1rem;
    }

    .add_phone {
        font-size: 1.6rem;
        text-align: center;
        padding: 0rem 1rem 1rem 1rem;
        font-weight: bold
    }

    form.cform_afspraak {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 80%;
        margin: 0 auto;
    }

    #cform_datadoor {
        width: 100%;
        padding: 1rem;
        background-color: #E6E6E6;
        margin: 0 0 2rem 0;
        height: calc(150 * 100vh/var(--fhd-h));
    }

    .cform_join {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        flex-wrap: nowrap;
        width: 100%;
    }

    .cform_join > input {
        width: 32%;
        height: 4rem;
        padding: 1rem;
        margin: 0 0 2rem 0
    }

    .button.cform_send {
        display: inline-block;
        width: auto;
        height: 4rem;
        padding: 0 2rem;
        font-size: 1.6rem;
        line-height: 4rem;
        cursor: pointer;
        /*    background-color: var(--theme-color);*/
        background-color : var(--ak-button-background-color);
    }

    .toast-item {
        font-size: 1.8rem !important;
        line-height: 1.5 !important;
        color: #373a3c !important;
        background-color: #fff !important;
    }

    .sh_title {
        color: var(--sidebar-title-color);
        font-size: var(--sidebar-title-size);
        font-weight: var(--sidebar-title-weight);
        margin: 25px 0 25px 0 ;
        background-color: rgba(158, 158, 158, 0.1);
        border-radius: 8px;
        padding: 10px;
        -webkit-font-smoothing: antialiased;
        user-select: none;
    }

    html.roomvolayer-active .sh_title.filter_op {
        margin: 0px 0 25px 0 ;
    }

    .sh_title.sh_vierkant, .sh_title.sh_rechthoek, .sh_title.sh_strook {
        background-color: initial;
        border-bottom: 1px solid var(--hr-color);
        border-radius: 0;
    }

    .sh_title.sh_vierkant {
        margin: 0px 0 25px 0;
    }

    .radios.tegel-soort , .radios.filter-soort {
        padding: 0;
    }

    .merken_labels_header1 {
        display: flex !important;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: flex-start;
        align-items: flex-start;
    }

    ul.listed.color-list , ul.listed.looks-list , ul.listed.listed.size-container-square , ul.listed.listed.size-container-rectangle , ul.listed.listed.size-container-strip {
        list-style-type: none;
        padding-inline-start: 0; }

    ul.listed.color-list li {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: space-between;
        justify-content: space-between;
        align-items: center;
    }

    ul.listed.color-list li > * {
        margin: 7px 6px 7px 0;
    }

    ul.listed.color-list li > *:last-child {
        margin-left: auto;
    }

    span.color_name_list {
        flex-grow: 3;
    }

    ul.listed.color-list li span:nth-of-type(2) {
        font-size: var(--color-list-count-font-size) ;
        font-weight: var(--color-list-count-font-weight);
        margin-left: 10px;
        color: var(--color-list-count-color);
    }

    div.color_icon {
        display: inline-block;
        display: none;
        margin-right: 20px !important;
        width: 42px;
        height: 42px;
        background-image: url('/wp-content/themes/tegelcollectie-dealer/assets/sfeertool/images/color_icn.png');
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }

    div.color_icon.all_colors_icn {
        background-image: url('/wp-content/themes/tegelcollectie-dealer/assets/sfeertool/images/color_icn_all.png');
    }

    li.color.wit div.color_icon {
        background-image: url('/wp-content/themes/tegelcollectie-dealer/assets/sfeertool/images/color_icn_white.png');
    }

    .grijs .color_icon {
        background-color: #BFC1C1
    }

    .beige .color_icon {
        background-color: #C2BBB0
    }

    .bruin .color_icon {
        background-color: #710D0F
    }

    .wit .color_icon {
        background-color: #fff
    }

    .antraciet .color_icon {
        background-color: #646869
    }

    .zwart .color_icon {
        background-color: #000001
    }

    .rood .color_icon {
        background-color: #EC1D23
    }

    .bont_multicolor .color_icon {
        background-color: #000
    }

    .groen .color_icon {
        background-color: #428277
    }

    .blauw .color_icon {
        background-color: #12457B
    }

    .zilver .color_icon {
        background-color: #cfdeee
    }

    .rood .color_icon {
        background-color: #d22b31
    }

    .goud .color_icon {
        background-color: #e7cd47
    }

    .roze .color_icon {
        background-color: #f08dcc
    }

    .oranje .color_icon {
        background-color: #ff7713
    }

    .creme .color_icon {
        background-color: #f7e9be
    }

    .geel .color_icon {
        background-color: #449830
    }

    ul.listed.looks-list li {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: flex-start;
        justify-content: flex-start;
        align-items: center;
        text-transform: capitalize;
        height: 40px;
    }

    ul.listed.looks-list li.total_look {
        text-transform: initial;
    }

    ul.listed.looks-list li > *:last-child {
        margin-left: auto;
    }

    div.size-chart >div ul.listed > li {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        justify-content: space-between;
        height: 30px;
        margin: 0 0px 0px 0;
        align-content: space-between;
        align-items: center;
    }

    div.size-chart >div ul.listed > li>span:nth-of-type(1) {
        flex-grow: 3;
    }

    div.div_radio {
        display: inline-block;
        position: relative;
        border-radius: var(--radio-color-radius);
        border: var(--radio-color-border);
        width: var(--radio-color-width);
        height: var(--radio-color-height);
    }

    .size-chart div.div_radio {
        margin: var(--radio-size-margin);
        /* order: 2; */
        border-radius: var(--radio-size-radius);
        border: var(--radio-size-border);
        width: var(--radio-size-width);
        height: var(--radio-size-height);
    }

    .size-chart span {
        margin: 0 5px 0 5px;
        /* flex-grow: 4; */
    }

    div.mainscreen > div#wrapper-slide-box > div.container_border >div:not(.higher_z):not(.shaz_container_border_bg_footer_wrapper) {
        display: none !important;
    }

    .tab_content_wrapper.voeg_patroon_wrapper {
        display: none;
    }

    .shaz_container {
        position: fixed;
        left: 0;
        /* top: 0px !important ; */
        top: 50px !important ;
        height: calc(100vh - 50px);
        width: 350px;
        z-index: 5;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background-color: #fff;
    }

    /* very important */
    /* .shaz_container:before {
    content: "";
    display: block;
     height: 50px;
} */
    .shaz_container_border {
        height: 100%;
        /* width: 100%;
    */
        width: inherit;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .shaz_container_border_item {
        display: block;
        height: 100%;
        margin: 0 auto !important;
        /* width: 100%; */
        width: inherit;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .container-block-seperator {
        border: 1px solid rgb(154, 166, 178);
        margin: 35px 0 35px 0;
    }

    .shaz_container_border_bg {
        /* width: 100%;
    */
        width: inherit;
        height: 100%;
    }

    .shaz_container_border_bg_body {
        height: calc(100% - 88px);
        /* width: 100%; */
        width: inherit;
        padding: 8px 28px;
        overflow-y: scroll !important;
        position: relative;
    }

    .shaz_container_border_bg_footer {
        height: 88px;
        /* width: 100%; */
        width: inherit;
        /* padding: 0 20px 0 16px; */
        padding: 0 16px 0 16px;
        box-shadow: rgba(0, 0, 0, 0.21) 0px 0px 4px 0px;
        position: relative;
        max-width: 100%;
    }

    .shaz_container_border_bg_footer_wrapper {
        height: 88px;
        /* width: 100%; */
        width: inherit;
        max-width: inherit !important;
        display: flex;
        justify-content: space-around;
        align-content: center;
        flex-wrap: nowrap;
        align-items: center;
        /*    display: none !important; 
      for ipad also */
    }

    .shaz_container_border_bg_footer_wrapper > div {
        border-radius: calc(5/1920 * 100vw);
        cursor: pointer;
        font-size: var(--ak-button-font-size);
        font-weight: var(--ak-button-font-weight);
        /* color: rgb(255, 255, 255); */
        color: var(--ak-button-color);
        align-items: center;
        appearance: auto;
        /* background-color: rgb(255, 61, 0);
    */
        background-color: var(--ak-button-background-color);
        height: 40px;
        letter-spacing: normal;
        line-height: 20px;
        padding: 10px 10px;
        text-align: center;
        text-indent: 0px;
        text-rendering: auto;
        text-shadow: none;
        /* text-transform: none; */
        word-spacing: 0px;
        -webkit-box-align: center;
        -webkit-box-pack: center;
        -webkit-font-smoothing: antialiased;
        flex: 1 1;
        max-width: 228px;
    }

    .shaz_container_border_bg_footer_wrapper > div.reset_all_filters {
        margin: 0 0px 0 0
    }

    .shaz_container_border_bg_footer_wrapper > div.toon_results {
        /* display: none; */
        margin: 0 0 0 10px;
        white-space: nowrap;
        position: relative;
    }

    .shaz_container_border_bg_footer_wrapper > div.toon_merken_results , .shaz_container_border_bg_footer_wrapper > div.zoekopnieuw {
        min-width: 228px;
    }

    .shaz_container_border_bg_footer_wrapper > div:hover {
        box-shadow: rgb(174 174 174) 0px 2px 4px 0px;
    }

    .sh_results_header.multi_btn.zoekopnieuw {
        height: 88px;
        width: 100%;
        left: 0;
        bottom: 0px;
        box-shadow: rgba(0, 0, 0, 0.21) 0px 0px 4px 0px;
        display: flex;
        justify-content: space-around;
        align-content: center;
        flex-wrap: nowrap;
        align-items: center;
        position: fixed;
        width: 20vw;
        left: 0;
        bottom: 0;
    }

    .footer_botton_wrapper {
        font-size: 1.5rem;
        line-height: 1.5;
        color: #373a3c;
        text-transform: uppercase;
        height: 88px;
        display: flex;
        justify-content: space-around;
        align-content: center;
        flex-wrap: nowrap;
        align-items: center;
        position: absolute;
        /* width: 20vw; */
        /* background-color: red; */
        left: 0;
        bottom: 0;
        box-shadow: rgba(0, 0, 0, 0.21) 0px 0px 4px 0px;
        z-index: 1
    }

    .footer_botton_wrapper .multi_btn.zoekopnieuw {
        /* color: #fff; */
        color: var(--ak-button-color);
        display: inline-block;
        cursor: pointer;
        /* font-size: 1.4REM; */
        position: relative !important;
        border-radius: calc(5/1920 * 100vw);
        cursor: pointer;
        /* font-size: 14px; */
        /* color: rgb(255, 255, 255); */
        align-items: center;
        appearance: auto;
        /* background-color: rgb(255, 61, 0);
    */
        /*    background-color: var(--theme-color);*/
        background-color : var(--ak-button-background-color);
        height: 40px;
        justify-content: center;
        letter-spacing: normal;
        line-height: 20px;
        padding: 10px 16px;
        text-align: center;
        text-indent: 0px;
        text-rendering: auto;
        text-shadow: none;
        /* text-transform: none; */
        word-spacing: 0px;
        -webkit-box-align: center;
        -webkit-box-pack: center;
        -webkit-font-smoothing: antialiased;
        width: auto;
        font-size: var(--ak-button-font-size);
        font-weight: var(--ak-button-font-weight);
    }

    .footer_botton_wrapper .multi_btn.zoekopnieuw:hover {
        /* box-shadow: rgb(229, 54, 0) 0px 2px 4px 0px; */
        box-shadow : var(--ak-button-hover-box-shadow);
    }

    .shaz_container_voegkleur {
        text-transform: initial;
        display: initial;
        height: initial;
        margin: initial;
        width: initial;
        -webkit-box-sizing: initial;
        -moz-box-sizing: initial;
        box-sizing: initial;
        user-select: initial;
    }

    .shaz_modal {
        position: fixed;
        z-index: 100;
        left: 50vw;
        top: 50vh;
        /* height: fit-content; */
        height: auto;
        width: 800px;
        max-height: 85vh;
        overflow-y: hidden;
        overflow-x: hidden;
        transform: translate(-50% ,-50%);
        /* transform: translate3d(-50% ,-50%,0); */
        margin: 0px;
        /* padding: 48px 56px; */
        border-radius: 4px;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        text-size-adjust: 100%;
        text-transform: uppercase;
        color: var(--sidebar-title-color);
        background-color: rgb(255, 255, 255);
        box-shadow: rgba(0, 0, 0, 0.2) 0px 11px 15px -7px, rgba(0, 0, 0, 0.14) 0px 24px 38px 3px, rgba(0, 0, 0, 0.12) 0px 9px 46px 8px;
        -webkit-font-smoothing: antialiased;
        user-select: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        box-sizing: border-box;
        opacity: 0;
    }

    @keyframes reveal {
        100% {
            opacity: 1
        }
    }

    html.shaz_show_modal_voegkleur div.mainscreen > div#wrapper-slide-box > div.container_border >div.shaz_container_border_item.shaz_container_voegkleur.shaz_modal , html.shaz_show_modal_verfkleur div.mainscreen > div#wrapper-slide-box > div.container_border >div.shaz_container_border_item.shaz_container_verfkleur.shaz_modal {
        display: flex !important;
        flex-direction: column;
        animation: reveal 0.5s forwards;
        flex-wrap: nowrap;
    }

    .shaz_container_voegkleur > div , .shaz_container_voegkleur > div > div , .shaz_container_voegkleur > div > div > div , .shaz_container_voegkleur .second_col .patronen.patterns {
        width: 100%;
    }

    .shaz_container_voegkleur #voegkleur {
        padding: 2rem 4rem 0 4rem;
        max-height: calc(100% - 40px);
        overflow-y: auto;
    }

    .shaz_container_voegkleur .first_col th , .shaz_container_voegkleur .uw_keuze_thumb_title , .shaz_container_voegkleur .second_col th {
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;
    }

    .shaz_container_voegkleur table.joint-colors tr.colors > td {
        display: flex;
        /* gap: 6px; */
        /* grid-template-columns: repeat(auto-fill, 36px); */
        flex-direction: row;
        flex-wrap: wrap;
        align-content: center;
        justify-content: flex-start;
        align-items: center;
    }

    .shaz_container_voegkleur table.joint-colors tr.colors > td > span {
        display: inline-block;
        padding: 1px;
        border: 1px solid #cdcdcd;
        /* border-radius: 0.188rem; */
        box-sizing: border-box;
        border-radius: 8px;
        margin: 6px;
        width: 42px;
        height: 42px;
    }

    .shaz_container_voegkleur table.joint-colors tr.colors > td > span:hover {
        border: 3px solid rgb(217, 222, 227);
    }

    .shaz_container_voegkleur .voegcolor_active,.shaz_container_voegkleur .patterns_active {
        outline: 2px solid red !important;
    }

    .shaz_container_voegkleur table.patronen.patterns > tbody > tr {
        display: flex;
        /* gap: 3%; */
        /* grid-template-columns: repeat(auto-fill, 30%); */
        width: 100%;
        padding: 0 0 0 0;
        justify-content: flex-start;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .shaz_container_voegkleur table.patronen.patterns > tbody > tr > td {
        display: inline-block;
        padding: 1px;
        border: 3px solid transparent;
        border-radius: 0.188rem;
        box-sizing: border-box;
        border-radius: 2px;
        width: 90px;
        height: 90px;
        margin: 0 20px 10px 0;
        /* background-color: yellow; */
    }

    .shaz_container_voegkleur table.patronen.patterns > tbody > tr > td > a {
        position: relative;
        width: 100%;
    }

    .shaz_container_voegkleur div.patroon img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        border: 1px solid rgb(217, 222, 227);
    }

    .shaz_container_voegkleur thead , .shaz_container_voegkleur tbody , .shaz_container_voegkleur th , .shaz_container_voegkleur tr , .shaz_container_voegkleur td {
        display: block;
        float: none;
        clear: both;
        position: relative;
    }

    .shaz_container_voegkleur thead , .shaz_container_voegkleur .uw_keuze_thumb_title {
        margin: 0 0 10px 0;
    }

    .shaz_container_voegkleur tbody , .shaz_container_voegkleur img.img_tile_thumb_voeg_legpatroon {
        margin: 0 0 10px 0;
    }

    table.voegdikte.joint-width td {
        display: flex;
        width: 100%;
        justify-content: flex-start;
        align-content: flex-start;
        align-items: center;
        flex-direction: row;
        flex-wrap: nowrap;
    }

    .div_thick_thin {
        -webkit-font-smoothing: antialiased;
        -webkit-text-size-adjust: 100%;
        font-weight: 400;
        color: var(--sidebar-title-color);
        box-sizing: inherit;
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        /* width: 40%; */
        height: 60px;
        align-content: flex-start;
        align-items: center;
        flex-direction: row;
        margin: 0 40px 0 0;
    }

    .div_thick_thin_btn {
        -webkit-font-smoothing: antialiased;
        -webkit-text-size-adjust: 100%;
        display: inline-flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        position: relative;
        box-sizing: border-box;
        -webkit-tap-highlight-color: transparent;
        outline: 0px;
        border: 0px;
        margin: 0px;
        cursor: pointer;
        user-select: none;
        vertical-align: middle;
        font-weight: 500;
        text-transform: uppercase;
        padding: 0px 16px;
        transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
        border-radius: 0.5rem;
        color: rgb(88, 96, 103);
        text-decoration: none;
        box-shadow: none;
        height: 40px;
        align-content: flex-start;
        justify-content: center;
        flex-wrap: nowrap;
        flex-direction: row;
    }

    .div_thick_thin_btn_span {
        height: 100%;
    }

    .div_thick_thin_btn_span_div {
        height: 100%;
    }

    .div_thick_thin svg {
        height: 40px;
        width: 40px;
    }

    .div_thick_thin p {
        font-size: 16px;
        height: 100%;
        display: flex;
        margin: 0 0 0 10px;
        flex-direction: row;
        align-items: center;
    }

    .div_thick_thin_btn.active_voeg {
        outline: 2px solid red !important;
    }

    .search_tabs_wrapper {
        display: flex;
        justify-content: center;
        position: fixed;
        text-align: center;
        top: 0px;
        left: 0px;
        height: 50px;
        z-index: 2200;
        border-bottom: 1px solid rgb(245, 245, 245);
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: rgb(245, 245, 245);
        background-color: rgb(255, 255, 255);
        width: 100vw;
        top: 0;
        left: 50vw;
        transform: translateX(-50%);
        flex-wrap: nowrap;
        flex-direction: row;
        z-index: 1000;
    }

    .search_tabs {
        margin-right: calc(10/var(--fhd-w) * 100vw);
        display: inline-block;
        text-align: center;
        line-height: 50px;
        font-size: var(--color-list-item-size);
        /* font-weight: 700; */
        color: #505050;
        color: var(--global-text-color);
        font-feature-settings: normal;
        font-kerning: auto;
        font-optical-sizing: auto;
        font-stretch: 100%;
        font-style: normal;
        font-variant-alternates: normal;
        font-variant-caps: normal;
        font-variant-east-asian: normal;
        font-variant-ligatures: normal;
        font-variant-numeric: normal;
        font-variation-settings: normal;
        font-weight : 500;
        letter-spacing : normal;
        text-align: center;
        text-decoration-color : rgb(0, 0, 0);
        text-decoration-line: none;
        text-decoration-style : solid;
        text-decoration-thickness: auto;
        text-indent : 0px;
        text-shadow : none;
        padding: 0 10px;
        text-transform: initial;
        user-select: none;
    }

    .search_tabs span {
        text-transform: initial;
    }

    .shaz_modal_specificatie {
        /* position: fixed;
    z-index: 100;
    left: 50vw;
    top: 50vh;
    height: calc(800/var(--fhd-h) * 100vh);
    width: calc(600/var(--fhd-w) * 100vw);
    overflow-y: auto;
    overflow-x: hidden;
    transform: translate(-50% ,-50%);
    margin: 0px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-size-adjust: 100%;
    text-transform: uppercase;
    color: var(--sidebar-title-color);
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 11px 15px -7px, rgba(0, 0, 0, 0.14) 0px 24px 38px 3px, rgba(0, 0, 0, 0.12) 0px 9px 46px 8px;
    -webkit-font-smoothing: antialiased;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    box-sizing: border-box;
    opacity: 0; */
    }

    html.shaz_show_modal_specificatie #wrapper-slide-box > div.shaz_container_border.container_border > div.shaz_modal_specificatie.tab_content_wrapper.specific_wrapper {
        display: flex !important;
        flex-direction: column;
        animation: reveal 0.5s forwards;
    }

    html.shaz_show_modal_location #wrapper-slide-box > div.shaz_container_border.container_border > div.shaz_modal_location.tab_content_wrapper.showroom_location {
        display: flex !important;
        flex-direction: column;
        animation: reveal 0.5s forwards;
    }

    .floating_action {
        position: fixed;
        right: 0;
        top: 50px !important ;
        height: calc(100vh - 50px);
        width: 350px;
        width: 256px;
        /*    z-index: 5;*/
        z-index: 5;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background-color: #fff;
    }

    #wrapper-slide-box {
        -webkit-transition: var(--slider-transition);
        -moz-transition: var(--slider-transition);
        -o-transition: var(--slider-transition);
        transition: transform var(--slider-transition);
    }

    .search_tabs_wrapper {
        -webkit-transition: var(--slider-transition);
        -moz-transition: var(--slider-transition);
        -o-transition: var(--slider-transition);
        transition: transform var(--slider-transition);
    }

    .floating_action {
        -webkit-transition: var(--slider-transition);
        -moz-transition: var(--slider-transition);
        -o-transition: var(--slider-transition);
        transition: transform var(--slider-transition);
    }

    html.hide_sidebars #wrapper-slide-box {
        /*    transform: translateX(-20vw);*/
        transform: translateX(-100vw);
    }

    html.hide_sidebars .search_tabs_wrapper {
        transform: translate( -50% , -100%);
    }

    html.hide_sidebars .floating_action {
        /*    transform: translateX(20vw);*/
        transform: translateX(100%);
    }

    .container-block .listed > li , .size-chart .listed > li {
        transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    }

    .container-block:not(.merken-chooser) .listed > li:hover , .size-chart .listed > li:hover {
        background-color: rgba(0, 0, 0, 0.04);
        cursor: pointer;
    }

    .active>div.div_radio {
        /* background-color: var(--radio-color-active-bgcolor); */
        /* border: 2px solid var(--radio-color-active-bgcolor); */
        background-color: var(--ak-button-background-color);
    }

    .active>div.div_radio:after {
        content: "\2714";
        position: absolute;
        display: flex;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        width: initial !important;
        height: initial !important;
        color: var(--ak-button-color);
        font-size: var(--radio-color-fontsize) ;
        line-height: initial;
        font-weight: 300;
        border: 0 !important;
        align-content: center;
        align-items: center;
        justify-content: center;
    }

    li.size.active>div.div_radio:after {
        content: "\2714";
        position: absolute;
        display: flex;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        width: initial !important;
        height: initial !important;
        /* color: #fff; */
        color: var(--ak-button-color);
        font-size: var(--radio-size-fontsize) ;
        line-height: initial;
        font-weight: 300;
        border: 0 !important;
        align-content: center;
        align-items: center;
        justify-content: center;
    }

    .size-chart-flex-container > div {
        width: 100%;
    }

    .size-chart-flex-container ul.listed {
        display: flex;
        width: 100%;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .size-chart-flex-container ul.listed li {
        width: 45%
    }

    .container-block .show_more_div , .size-chart .show_more_div {
        /* transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; */
        height: 40px;
        line-height: 40px;
        text-align: center;
        margin: 18px auto 0 auto;
        width: fit-content !important;
        /* background-color: rgba(158, 158, 158, 0.1); */
        /* border-radius: 8px; */
        /* border-bottom: 2px solid rgb(33, 33, 33); */
        ; cursor: pointer;
        /* padding: 0 20px; */
        /* color: rgb(33, 33, 33); */
    }

    .container-block .show_more_div > div , .size-chart .show_more_div > div {
        display: inline-block;
        margin: 0 5px;
        height: 40px;
    }

    /* ul.listed.color-list.show_more_colors_flag > li:nth-child(n+6) + * {
    display: none;
} */
    div.ul-color-look-wrapper:not(.is-open) ul.color-list > li:nth-child(n+6) + * {
        display: none;
    }

    /*ul.listed.looks-list.show_more_looks_flag > li:nth-child(n+6) + * {
    display: none;
}*/
    div.ul-color-look-wrapper:not(.is-open) ul.looks-list > li:nth-child(n+6) + * {
        display: none;
    }

    ul.listed.size-container-square.show_more_sizes_square_flag > li:nth-child(n+6) + * , ul.listed.size-container-rectangle.show_more_sizes_rectangle_flag > li:nth-child(n+6) + * , ul.listed.size-container-strip.show_more_sizes_strip_flag > li:nth-child(n+6) + * {
        /* display: none; */
    }

    div.ul-sizes-wrapper:not(.is-open) > ul > li:nth-child(n+6) + * {
        display: none;
    }

    .show_more_symbol i {
        font-weight: 200;
    }

    hr.hr_left_separator {
        margin: 16px 0px 0px;
        flex-shrink: 0;
        border-width: 0px 0px thin;
        border-style: solid;
        border-color: rgb(154, 166, 178);
        opacity: 1;
    }

    .floating_action_wrapper hr.hr_left_separator {
        margin: 3rem 0px;
        /* flex-shrink: 0;
    border-width: 0px 0px thin;
    border-style: solid;
    border-color: rgb(154, 166, 178);
    opacity: 1; */
    }

    .action_buttons_wrapper {
        padding: 8px 14px;
    }

    .action_buttons_wrapper .action_button {
        /* border-radius: 8px;
    cursor: pointer;
    font-size: 14px;
    color: rgb(255, 255, 255);
    align-items: center;
    appearance: auto;
    background-color: rgb(255, 61, 0);
    height: 40px;
    width: 224px;
    margin: 16px auto;
    letter-spacing: normal;
    line-height: 40px;
    text-align: center;
    text-indent: 0px;
    text-rendering: auto;
    text-shadow: none;
    text-transform: none;
    word-spacing: 0px;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-font-smoothing: antialiased;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;

 */
        height : var(--ak-button-height);
        width : var(--ak-button-width);
        min-width : var(--ak-button-min-width);
        background-color : var(--ak-button-background-color);
        text-align : var(--ak-button-text-align);
        border-radius : var(--ak-button-border-radius);
        cursor : var(--ak-button-cursor);
        margin : var(--ak-button-margin);
        padding : var(--ak-button-padding);
        padding: 0 2rem;
        display : flex !important;
        /*  var(--ak-button-display);*/
        font-size : var(--ak-button-font-size);
        font-weight : var(--ak-button-font-weight);
        line-height : var(--ak-button-line-height);
        color : var(--ak-button-color);
        /*
    <div class="ak-button">
       <span class="fa fa-eye"></span>   
       <span class="btn-title">Bekijken</span>
    </div>
    */
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-content: space-between;
        align-items: center;
    }

    /* .action_buttons_wrapper .action_button.button_a1 {
    border: 1px solid rgb(189, 189, 189);
    background-color: #fff;
    color: rgb(255, 61, 0);
} 
.action_buttons_wrapper .action_button.button_a1:hover {
    background-color: rgb(229, 229, 229);
    color: #000;
    box-shadow : none;
}*/
    .action_button span:nth-of-type(1) {
        /* text-align: center; */
        /* background-color: red; */
        flex-grow: 1;
    }

    .action_button span:nth-of-type(2) , .action_button > i {
        /* background-color: red; */
        width: 30px;
        text-align: right
    }

    .action_buttons_wrapper span:nth-of-type(1) {
        min-width: 120px;
        display: inline-block;
        margin: 0 0px 0 0;
    }

    .action_buttons_wrapper .action_button:hover {
        box-shadow : var(--ak-button-hover-box-shadow);
        /* background-color: var(--ak-button-hover-background-color); */
    }

    html.merk_filter .container-block.color-look-chooser , html.merk_filter .container-block.color-look-chooser , html.merk_filter .size-chart.size-chart-wall, html.merk_filter hr.hrsp2 , html.merk_filter hr.hrsp3 {
        display: none !important;
    }

    html.merk_filter .toon_eigenschappenresults_wrapper {
        /* display: none !important;    api */
    }

    html.eigenschappen_filter .container-block.merken-chooser {
        display: none !important;
    }

    html.eigenschappen_filter .toon_merkenresults_wrapper {
        /* display: none !important; */
    }

    .toon_results.toon_merkenresults_wrapper:empty {
        display: none !important
    }

    .toon_merkenresults_wrapper {
        /* display: none !important; */
    }

    ul.listed.merken-list {
        list-style-type: none;
        padding-inline-start: 0; }

    ul.listed.merken-list li {
        /* display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    font-size: 14px;
    font-weight: 400; */
        width: 100%;
        font-size: var(--color-list-item-size);
        font-weight: var(--color-list-item-weight);
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: flex-start;
        justify-content: flex-start;
        align-items: center;
        /* text-transform: capitalize; */
        text-transform: initial;
        /* height: 40px; */
    }

    .collectie_merken_wrapper {
        width: inherit;
        /* padding: 0 0 0 10px; */
    }

    .collectie_merken_wrapper_header_wrapper {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        width: inherit;
        margin: 1rem 0 1rem 0;
        color: var(--sidebar-title-color);
        font-size: var(--sidebar-title-size);
        font-weight: var(--sidebar-title-weight-light);
        /* margin: 25px 0 25px 0 ; */
        background-color: rgba(158, 158, 158, 0.1);
        border-radius: 8px;
        padding: 10px;
        -webkit-font-smoothing: antialiased;
        cursor: pointer;
    }

    .collectie_merken_wrapper_header_title {
        text-transform: initial
    }

    li.filter_merk_item.do_merk_collaps i:nth-child(2) {
        display: none;
    }

    li.filter_merk_item:not(.do_merk_collaps) i:nth-child(1) {
        display: none;
    }

    li.filter_merk_item .collectie_look_wrapper {
        width: inherit;
        padding: 0 0 0rem 1rem;
        transition: ALL 0.3s ease-out;
        transform: scaleY(1);
        transform-origin: top;
    }

    li.filter_merk_item.do_merk_collaps .collectie_look_wrapper {
        max-height: 0;
        overflow: hidden;
        transform: scaleY(0);
    }

    .collectie_look_wrapper {
        width: inherit;
        padding: 0 0 0rem 1rem;
        /* margin: 0 0 2rem 0; */
    }

    .collectie_look_wrapper_item {
        width: inherit;
        margin: 2rem 0 0 0;
    }

    .collectie_look_wrapper_item .collectie_look {
        font-weight: bold;
        margin: 1rem 0;
    }

    .collectie_look_wrapper_item .collectie_look_item_wrapper {
        width: inherit;
        /* background-color: red; */
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        margin: 0.6rem 0;
        padding: 0 0.7rem 0 1rem;
        cursor: pointer
    }

    .collectie_look_wrapper_item .collectie_look_item_wrapper .collectie_look_item {
    }

    .collectie_look_wrapper_item .collectie_look_item_wrapper .collectie_radio {
        display: inline-block;
        position: relative;
        border-radius: var(--radio-color-radius);
        border: var(--radio-color-border);
        width: var(--radio-color-width);
        height: var(--radio-color-height);
        cursor: pointer;
    }

    .collectie_look_wrapper_item .collectie_look_item_wrapper.active .collectie_radio {
        /* background-color: var(--radio-color-active-bgcolor);
    border: 2px solid var(--radio-color-active-bgcolor);
 */
        background-color: var(--ak-button-background-color);
        /* border: 2px solid var(--ak-button-background-color); */
    }

    .collectie_look_wrapper_item .collectie_look_item_wrapper.active .collectie_radio:after {
        content: "\2714";
        position: absolute;
        display: flex;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        width: initial !important;
        height: initial !important;
        /* color: #fff; */
        color: var(--ak-button-color);
        font-size: var(--radio-color-fontsize) ;
        line-height: initial;
        font-weight: 300;
        border: 0 !important;
        align-content: center;
        align-items: center;
        justify-content: center;
    }

    /* ul.listed.merken-list li > * {
    margin: 7px 6px 7px 0;
}

ul.listed.merken-list li > *:last-child {
    margin-left: auto;
}

ul.listed.merken-list li span {
    font-size: 12px;
    font-weight: bold;
    margin-left: 10px;
} */
    .result_list_type {
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        box-sizing: border-box;
        color: var(--sidebar-title-color);
        display: flex;
        font-size: 16px;
        font-weight: 400;
        height: 40px;
        line-height: 24px;
        text-size-adjust: 100%;
        width: 86px;
        -webkit-font-smoothing: antialiased;
    }

    .bt_1line {
        align-items : center;
        background-color : rgb(90, 94, 111);
        border-bottom-color : rgb(255, 255, 255);
        border-bottom-left-radius : 8px;
        border-bottom-right-radius : 0px;
        border-bottom-style : none;
        border-bottom-width : 0px;
        border-image-outset : 0;
        border-image-repeat : stretch;
        border-image-slice : 100%;
        border-image-source : none;
        border-image-width : 1;
        border-left-color : rgb(255, 255, 255);
        border-left-style : none;
        border-left-width : 0px;
        border-right-color : rgb(255, 255, 255);
        border-right-style : none;
        border-right-width : 0px;
        border-top-color : rgb(255, 255, 255);
        border-top-left-radius : 8px;
        border-top-right-radius : 0px;
        border-top-style : none;
        border-top-width : 0px;
        box-sizing : border-box;
        color : rgb(255, 255, 255);
        cursor : pointer;
        display : flex;
        font-feature-settings : normal;
        font-kerning : auto;
        font-optical-sizing : auto;
        font-size : 14px;
        font-stretch : 100%;
        font-style : normal;
        font-variant-alternates : normal;
        font-variant-caps : normal;
        font-variant-east-asian : normal;
        font-variant-ligatures : normal;
        font-variant-numeric : normal;
        font-variation-settings : normal;
        font-weight : 500;
        height : 40px;
        justify-content : center;
        letter-spacing : normal;
        line-height : 24.5px;
        margin-bottom : 0px;
        margin-left : 0px;
        margin-right : 0px;
        margin-top : 0px;
        outline-color : rgb(255, 255, 255);
        outline-style : none;
        outline-width : 0px;
        padding-bottom : 10px;
        padding-left : 11px;
        padding-right : 11px;
        padding-top : 10px;
        position : relative;
        text-align : center;
        text-decoration-color : rgb(255, 255, 255);
        text-decoration-line : none;
        text-decoration-style : solid;
        text-decoration-thickness : auto;
        text-indent : 0px;
        text-rendering : auto;
        text-shadow : none;
        text-transform : uppercase;
        user-select : none;
        vertical-align : middle;
        width : 42px;
        word-spacing : 0px;
        -webkit-box-align : center;
        -webkit-box-pack : center;
        -webkit-font-smoothing : antialiased;
        -webkit-tap-highlight-color : rgba(0, 0, 0, 0);
    }

    .bt_2line {
        align-items : center;
        background-color : rgb(236, 237, 241);
        border-bottom-color : rgb(129, 140, 152);
        border-bottom-left-radius : 0px;
        border-bottom-right-radius : 8px;
        border-bottom-style : none;
        border-bottom-width : 0px;
        border-image-outset : 0;
        border-image-repeat : stretch;
        border-image-slice : 100%;
        border-image-source : none;
        border-image-width : 1;
        border-left-color : rgba(0, 0, 0, 0);
        border-left-style : solid;
        border-left-width : 1px;
        border-right-color : rgb(129, 140, 152);
        border-right-style : none;
        border-right-width : 0px;
        border-top-color : rgb(129, 140, 152);
        border-top-left-radius : 0px;
        border-top-right-radius : 8px;
        border-top-style : none;
        border-top-width : 0px;
        box-sizing : border-box;
        cursor : pointer;
        display : flex;
        font-feature-settings : normal;
        font-kerning : auto;
        font-optical-sizing : auto;
        font-size : 14px;
        font-stretch : 100%;
        font-style : normal;
        font-variant-alternates : normal;
        font-variant-caps : normal;
        font-variant-east-asian : normal;
        font-variant-ligatures : normal;
        font-variant-numeric : normal;
        font-variation-settings : normal;
        font-weight : 500;
        height : 40px;
        justify-content : center;
        letter-spacing : normal;
        line-height : 24.5px;
        margin-bottom : 0px;
        margin-left : 1px;
        margin-right : 0px;
        margin-top : 0px;
        outline-color : rgb(129, 140, 152);
        outline-style : none;
        outline-width : 0px;
        padding-bottom : 10px;
        padding-left : 11px;
        padding-right : 11px;
        padding-top : 10px;
        position : relative;
        text-align : center;
        text-decoration-color : rgb(129, 140, 152);
        text-decoration-line : none;
        text-decoration-style : solid;
        text-decoration-thickness : auto;
        text-indent : 0px;
        text-rendering : auto;
        text-shadow : none;
        text-transform : uppercase;
        user-select : none;
        vertical-align : middle;
        width : 43px;
        word-spacing : 0px;
        -webkit-box-align : center;
        -webkit-box-pack : center;
        -webkit-font-smoothing : antialiased;
        -webkit-tap-highlight-color : rgba(0, 0, 0, 0);
        color: rgb(129, 140, 152);
    }

    .bt_1line > div, .bt_2line >div {
        box-sizing : border-box;
        cursor : pointer;
        display : flex;
        font-feature-settings : normal;
        font-kerning : auto;
        font-optical-sizing : auto;
        font-size : 14px;
        font-stretch : 100%;
        font-style : normal;
        font-variant-alternates : normal;
        font-variant-caps : normal;
        font-variant-east-asian : normal;
        font-variant-ligatures : normal;
        font-variant-numeric : normal;
        font-variation-settings : normal;
        font-weight : 500;
        height : 20px;
        letter-spacing : normal;
        line-height : 24.5px;
        text-align : center;
        text-indent : 0px;
        text-rendering : auto;
        text-shadow : none;
        text-size-adjust : 100%;
        text-transform : uppercase;
        user-select : none;
        width : 20px;
        word-spacing : 0px;
        -webkit-font-smoothing : antialiased;
        -webkit-tap-highlight-color : rgba(0, 0, 0, 0);
    }

    .shaz_container_border_bg_body.two_cols .bt_1line {
        background-color : rgb(236, 237, 241);
        color: rgb(129, 140, 152);
    }

    .shaz_container_border_bg_body.two_cols .bt_2line {
        background-color: #5a5e6f;
        color: rgb(255, 255, 255);
    }

    .results-wall li.shape_sqr img {
        padding: 0 calc(5/var(--fhd-w) * 100vw) calc(10/var(--fhd-w) * 100vw);
        width: 136px !important;
        height: 136px !important;
    }

    .results-wall li.shape_rect img {
        height: auto !important;
        padding: 0 calc(5/var(--fhd-w) * 100vw);
        width: 136px !important;
    }

    .results-wall li.shape_strip img {
        height: auto !important;
        padding: 0 calc(5/var(--fhd-w) * 100vw);
        width: 136px !important;
    }

    .shaz_container_border_bg_body.two_cols .results-wall li.shape_sqr img {
        width: 136px !important;
        height: 136px !important;
    }

    .shaz_container_border_bg_body.two_cols .results-wall li.shape_rect img {
        height: auto !important;
        width: 136px !important;
    }

    .shaz_container_border_bg_body.two_cols .results-wall li.shape_strip img {
        height: auto !important;
        width: 136px !important;
    }

    .slides_top_grouper>li {
        padding: 0 0 calc(10/1920 * 100vw) 0 !important;
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: flex-start;
        justify-content: flex-start;
    }

    .shaz_container_border_bg_body.two_cols .slides_top_grouper>li {
        width: 45%;
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
        justify-content: flex-start;
    }

    .slides_top_grouper>li span {
        display: block;
        top: initial !important;
        left: initial !important;
        bottom: initial !important;
        right: initial !important;
    }

    .slides_top_grouper>li span.tile-attribute.load-tile {
        display: none;
    }

    .results-wall li, .results-floor li {
        position: relative
    }

    .results-wall li .tile_attribute_SizeId, .results-floor li .tile_attribute_SizeId {
        display: block;
    }

    .results-wall li .tile_attribute_origArticleId.hide_artid, .results-floor li .tile_attribute_origArticleId.hide_artid {
        display: none
    }

    .extra_tile_info_wrapper {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: flex-start;
        align-content: center;
    }

    .extra_tile_info_wrapper > span {
        padding: 1px 0;
    }

    .extra_tile_info_wrapper > span.tile_meer_formaten {
        padding: 20px 0 5px 0px;
    }

    .two_cols .extra_tile_info_wrapper > span.tile_meer_formaten {
        padding: 1px 0 5px 0px;
    }

    .shaz_container_border_bg_body.two_cols .extra_tile_info_wrapper {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: flex-start;
        align-content: center;
        margin: 5px 0 0 0;
    }

    .shaz_modal_calculate_price {
        display: none;
        flex-direction: column;
        animation: reveal 0.5s forwards;
        /* position: fixed; */
        /* z-index: 100; */
        /* left: 50vw; */
        /* top: 50vh; */
        /* height: calc(800/var(--fhd-h) * 100vh); */
        /* width: calc(600/var(--fhd-w) * 100vw); */
        /* overflow-y: auto; */
        /* overflow-x: hidden; */
        /* transform: translate(-50% ,-50%); */
        /* margin: 0px; */
        /* border-radius: 4px; */
        /* font-size: 16px; */
        /* font-weight: 400; */
        /* line-height: 24px; */
        /* text-size-adjust: 100%; */
        /* text-transform: uppercase; */
        /* color: var(--sidebar-title-color); */
        /* background-color: rgb(255, 255, 255); */
        /* box-shadow: rgba(0, 0, 0, 0.2) 0px 11px 15px -7px, rgba(0, 0, 0, 0.14) 0px 24px 38px 3px, rgba(0, 0, 0, 0.12) 0px 9px 46px 8px; */
        /* -webkit-font-smoothing: antialiased; */
        /* user-select: none; */
        /* -webkit-tap-highlight-color: rgba(0, 0, 0, 0); */
        /* box-sizing: border-box; */
        /* opacity: 0; */
        /* text-transform: none */
    }

    div.calculate_price {
        max-height: calc(100% - 40px);
        overflow-y: auto;
    }

    html.shaz_show_modal_calculate .shaz_modal_calculate_price {
        display: flex;
    }

    .price_tile_thumbnail_wrapper {
        width: 50%;
        display: flex;
        justify-content: center;
        margin: 0px auto 20px auto;
        flex-direction: column;
        align-content: center;
        /* max-height: 140px; */
        box-shadow:
    }

    .price_tile_thumbnail {
        width: 100%;
        /* border: 1px solid #a8a3a3; */
    }

    .price_tile_thumbnail {
        margin: 0 0 20px 0;
    }

    .price_tile_thumbnail img {
        object-fit: contain;
        width: 100%;
        max-height: 150px;
        object-position: 0 0;
        /* box-shadow: #bcbbbb 0px 2px 4px 0px; */
        filter: drop-shadow(0 0 1px #bcbbbb) drop-shadow(0 0 2px #bcbbbb);
    }

    .u_select_artnr {
        margin: 1rem 0 0 0;
    }

    .u_select_title {
        margin: 1rem 0 1rem 0;
    }

    .u_select_price {
        margin: 2rem 0 1rem 0;
    }

    .form_calculate_price .u_select_price {
        display: none;
    }

    .u_select_artnr > span.px_2 {
        font-weight: bold;
    }

    .u_select_price > span.px_2 , .u_select_price > span.px_3 {
        font-weight: bold;
    }

    .form_calculate_price_wrapper {
        width: 80%;
        display: flex;
        justify-content: space-evenly;
        margin: 0 auto 20px auto;
        /* border: 1px solid rgb(240, 242, 244); */
        border-radius: 8px;
        /* padding: 10px; */
    }

    .form_calculate_price_wrapper .radios {
        /* padding: 10px 0; */
    }

    input#calculate_area {
        width: 20rem;
        /* height: 4rem; */
        /* padding: 0.5rem 1rem; */
        /* margin: 0 0 2rem 0; */
        /* height: 4rem; */
        padding: 0.4rem 1rem;
        margin: 0 0 2rem 0;
        /* font-size: 14px; */
        letter-spacing: normal;
        text-transform: initial;
        border: 0;
        background-color: #f0f0f0;
    }

    #calculate_price label[for="bruto"] span {
        color: #aaa;
        font-style: italic
    }

    .button.calculate_send , .button.calculate_vraag_offerte_aan , .calculate_tegel_toevoegen, .calculate_doorgaan {
        /* display: inline-block; */
        border-radius: var(--ak-button-border-radius);
        cursor: pointer;
        color: rgb(255, 255, 255);
        align-items: center;
        appearance: auto;
        background-color: var(--ak-button-background-color);
        height: var(--ak-button-heigh);
        width: var(--ak-button-width);
        min-width: var(--ak-button-min-width);
        letter-spacing: normal;
        line-height: 40px;
        text-align: center;
        text-indent: 0px;
        text-rendering: auto;
        text-shadow: none;
        text-transform: none;
        word-spacing: 0px;
        -webkit-box-align: center;
        -webkit-box-pack: center;
        -webkit-font-smoothing: antialiased;
        font-weight: 600;
        -webkit-font-smoothing: antialiased;
        padding: 0 1rem;
        font-size: var(--ak-button-font-size);
        font-weight: var(--ak-button-font-weight);
        margin: 0 1rem 0 0;
    }

    .button.calculate_send:hover {
        /* box-shadow : rgb(229, 54, 0) 0px 2px 4px 0px; */
        /* background-color: rgb(229, 54, 0);
    */
        box-shadow: rgb(20 53 162) 0px 2px 4px 0px;
    }

    .shaz_modal_top_header {
        height: 40px;
        /* height: calc(40 * 100vw/var(--fhd-w)); */
        font-size: 2.5REM;
        color: #fff;
        line-height: 40px;
        /* line-height: calc(40 * 100vw/var(--fhd-w)); */
        padding: 0 0 0 1rem;
        background-color: var(--theme-color);
    }

    .shaz_modal_top_header_head span {
        font-size: 2rem;
        padding: 0 0 0 2rem;
        display: inline-block;
    }

    .shaz_modal_top_header_close {
        position: absolute;
        top: 0;
        right: 0rem;
        cursor: pointer;
        width: 4rem;
        text-align: center;
    }

    .formaten_kleuren.verbergen-button-formaten {
        display: block;
    }

    /* .specs-vloer.specs-wand.specs-buttons > div:hover , .mix_btn_wrapper > div:hover {
    box-shadow : rgb(229, 54, 0) 0px 2px 4px 0px;
    background-color: rgb(229, 54, 0);
}
 */
    .vr_iframe_wrapper , .roomvo_iframe_wrapper ,.mainscreen , .website_iframe_wrapper {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
    }

    .vr_iframe_wrapper , .roomvo_iframe_wrapper ,.mainscreen , .controls.sidenav , .website_iframe_wrapper , .inspiratie_div {
        transition: 1s ease-in-out;
        transform: translateX(100vw);
    }

    .pen_icon {
        transition: transform 1s ease-in-out;
        transform: translateX(100vw) ;
    }

    .button_containers {
        position: fixed;
        z-index: 99999;
        /* top: 2px;
    right: 10px;
    height: 40px;
    width: auto; */
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: space-between;
        justify-content: space-between;
        align-items: center;
        top: 0px;
        right: 0px;
        width: 256px;
        padding: 8px 14px;
        /* background-color: red; */
        font-size: var(--color-list-item-size);
        -webkit-tap-highlight-color: transparent;
        -webkit-font-smoothing: antialiased;
        -webkit-text-size-adjust: 100%;
        font-family: Roboto, Noto, sans-serif;
        /* --this-height: calc(100vw*1080/1920); */
        /* box-sizing: inherit; */
        /* margin-right: calc(10/var(--fhd-w) * 100vw); */
        /* display: inline-block; */
        /* line-height: 50px; */
        /* font-size: var(--color-list-item-size); */
        /* color: rgb(0, 0, 0); */
        /* font-feature-settings: normal; */
        /* font-kerning: auto; */
        /* font-optical-sizing: auto; */
        /* font-stretch: 100%; */
        /* font-style: normal; */
        /* font-variant-alternates: normal; */
        /* font-variant-caps: normal; */
        /* font-variant-east-asian: normal; */
        /* font-variant-ligatures: normal; */
        /* font-variant-numeric: normal; */
        /* font-variation-settings: normal; */
        font-weight: 500;
        /* letter-spacing: normal; */
        text-align: center;
        /* text-decoration-color: rgb(0, 0, 0); */
        /* text-decoration-line: none; */
        /* text-decoration-style: solid; */
        /* text-decoration-thickness: auto; */
        /* text-indent: 0px; */
        /* text-shadow: none; */
        /* padding: 0 10px; */
        text-transform: initial;
        user-select: none;
        cursor: pointer;
    }

    .button_containers > div {
        /* padding: 0.2rem 1rem; */
        padding: 4px 8px;
        /* border: 1px solid rgb(189, 189, 189); */
        background-color: #fff;
        /* font-family: Roboto, Noto, sans-serif; */
        font-feature-settings: normal;
        font-kerning: auto;
        font-optical-sizing: auto;
        font-stretch: 100%;
        font-style: normal;
        --this-height: calc(100vw*1080/1920);
        box-sizing: inherit;
        /* text-transform: lowercase; */
        user-select: none;
        /* height: var(--ak-button-height); */
        /* width: var(--ak-button-width); */
        /* min-width: var(--ak-button-min-width); */
        /* background-color: var(--ak-button-background-color); */
        /* text-align: var(--ak-button-text-align); */
        /* border-radius: var(--ak-button-border-radius); */
        cursor: var(--ak-button-cursor);
        /* margin: var(--ak-button-margin); */
        /* padding: 0 2rem; */
        /* display: flex !important; */
        font-size: var(--ak-button-font-size);
        /* font-weight: var(--ak-button-font-weight); */
        /* line-height: var(--ak-button-line-height); */
        color: var(--ak-button-color);
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-content: space-between;
        align-items: center;
        text-transform: uppercase;
        font-size: var(--color-list-item-size);
        color: var(--global-text-color);
        font-weight: normal;
    }

    /* .button_containers > div:hover {
    box-shadow: var(--ak-button-hover-box-shadow);
} */
    /*.vr3d_container , */
    /* .roomvo_container , .tegelviewer_container , .terug_container, .inspiratie_container {
    height: auto;
    padding: 0.2rem 1rem;
    margin: 0 0.5rem;
    text-align: center;
    font-size: 2REM;
    border-radius: 5px;
    cursor: pointer;
    user-select: none;
    font-feature-settings: normal;
    font-kerning: auto;
    font-optical-sizing: auto;
    font-stretch: 100%;
    font-style: normal;
    border: 1px solid rgb(189, 189, 189);
    background-color: #fff;
    
    color: var(--theme-color);
    text-transform: none;
} */
    .tegelviewer_container {
        background-color: #F0B67A;
        color: #fff;
    }

    .roomvo_container {
        background-color: #3FA2D4;
        color: #fff;
    }

    /*.vr3d_container {
    background-color: #819074;
    color: #fff;
}*/
    .inspiratie_container {
        background-color: #AD685F;
        color: #fff;
    }

    .terug_container {
        display: none;
    }

    html.external_website .terug_container {
        display: block;
    }

    /*html.external_website .tegelviewer_container, html.external_website .vr3d_container, html.external_website .roomvo_container , html.external_website .inspiratie_container , html.external_website .back_to_home {*/
    html.external_website .tegelviewer_container, html.external_website .roomvo_container , html.external_website .inspiratie_container , html.external_website .back_to_home {
        display: none;
    }

    /* .button_containers>div:hover {
    background-color: rgb(229, 229, 229);
    color: rgba(0, 0, 0, 0.87);
    box-shadow: #b1a39f 0px 2px 4px 0px;
} */
    .button_containers>div {
        background-color: var(--top-buttons-color);
        color: #fff;
        border-radius: var(--ak-button-border-radius);
        padding: 6px 10px;
        /* box-shadow: #b1a39f 0px 2px 4px 0px; */
    }

    html.vrdemo .vr_iframe_wrapper , html.roomvo .roomvo_iframe_wrapper , html.tegelviewer .mainscreen , html.external_website .website_iframe_wrapper , html.inspiratie_home .inspiratie_div {
        transform: translateX(0);
    }

    html.vrdemo #homepage , html.roomvo #homepage , html.tegelviewer #homepage , html.external_website #homepage , html.inspiratie_home #homepage , {
        transform: translateX(100vw);
    }

    html.tegelviewer .mainscreen {
        position: absolute !important;
        transform: initial;
    }

    html.tegelviewer div.pen_icon {
        transform: initial;
    }

    html.tegelviewer .controls.sidenav {
        transform: translateY(-50%);
    }

    #homepage {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        /*    z-index: 9999999999999;*/
        z-index: -1;
        /* background-image: url('/wp-content/themes/tegelcollectie-dealer/assets/sfeertool/images/homepage.jpg"'); */
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }

    /* html:not(:is(.tegelviewer,.roomvo,.vrdemo,.inspiratie_home))  #homepage {
    z-index: 999999999999999999 !important;
}
 */
    .action_logo {
        width: 100%;
        padding: 0px 14px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .action_logo img {
        object-fit: contain;
        object-position: top left;
        width: 100% !important;
        height: auto !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        max-height: 120px;
    }

    .shaz_container_verfkleur.shaz_modal {
        left: 50vw;
    }

    .shaz_container_verfkleur.shaz_modal tbody tr {
        display: flex !important;
        flex-direction: column;
        flex-wrap: nowrap;
    }

    #wandkleur .colors tbody tr td:nth-child(1), #wandkleur .colors thead tr th:nth-child(1) {
        display: inline-block;
        vertical-align: top;
    }

    #wandkleur .colors tbody tr td:nth-child(2), #wandkleur .colors thead tr th:nth-child(2) {
        display: inline-block;
        width: 100%;
        vertical-align: top;
        padding: 10px;
    }

    #wandkleur .colors tbody tr td:nth-child(2) .colorpicker_container .colorpicker, #wandkleur .colors thead tr th:nth-child(2) .colorpicker_container .colorpicker {
        width: 50%;
    }

    #wandkleur .colors .trendy {
        padding: calc(10/1920 * 100vw);
    }

    #wandkleur .colors .trendy ul {
        column-count: 1;
        margin: 0;
        padding: 0;
        width: calc(100% - 0px);
    }

    #wandkleur .colors .trendy ul li {
        display: inline-block;
        height: calc(28/1920 * 100vw);
        width: calc(28/1920 * 100vw);
        background: red;
        margin: calc(3/1920 * 100vw);
    }

    #wandkleur .colors .colorpicker {
        /* padding: 0 calc(10/1920 * 100vw); */
    }

    #wandkleur .fourthy {
        float: right;
        width: 44%
    }

    #wandkleur .fourthy thead div {
        display: inline;
        margin-right: calc(20/1920 * 100vw)
    }

    #wandkleur .fourthy thead label {
        margin: 0 0 0 calc(6/1920 * 100vw)
    }

    #wandkleur .fourthy .rooms {
        display: inline-block;
        padding-bottom: calc(28/1920 * 100vw)
    }

    #wandkleur .fourthy .rooms td {
        padding: calc(10/1920 * 100vw);
        width: 33%
    }

    #wandkleur .fourthy .rooms td img {
        max-width: 100%
    }

    .verfkleur_div_1st_col , .verfkleur_div_2nd_col {
        font-feature-settings: normal;
        font-kerning: auto;
        font-optical-sizing: auto;
        font-size: 16px;
        font-stretch: 100%;
        font-style: normal;
        font-weight : 700;
        line-height: 24px;
        text-align: left;
        text-indent : 0px;
        text-size-adjust: 100%;
        text-transform : uppercase;
        vertical-align: middle;
    }

    .formaten_kleuren_wrapper {
        float: none;
        display: flex;
        text-align: center;
        width: 80%;
        margin: 0rem auto 0 auto;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: space-between;
        justify-content: center;
    }

    .formaten_kleuren_wrapper > div {
        /* display: block; */
        /* height: calc(40/var(--fhd-w) * 100vw); */
        /* background-color: rgb(255, 61, 0); */
        /* color: white; */
        /* font-size: 1.6REM; */
        /* line-height: calc(40/var(--fhd-w) * 100vw); */
        /* text-align: center !important; */
        /* border-radius: calc(5/var(--fhd-w) * 100vw); */
        /* cursor: pointer; */
        /* margin: 10px 0; */
        /* padding: 0 3rem; */
    }

    .formaten_kleuren_wrapper > div:hover {
        /* box-shadow : rgb(229, 54, 0) 0px 2px 4px 0px; */
        /* background-color: rgb(229, 54, 0); */
        box-shadow: var(--ak-button-hover-box-shadow);
    }

    .formaten_kleuren_wrapper .ak-button > span {
        height: calc(40/var(--fhd-w) * 100vw);
        line-height: calc(40/var(--fhd-w) * 100vw);
        height: var(--ak-button-height);
        line-height: var(--ak-button-line-height);
        display: inline-block !important;
        padding: 0;
        /* margin: 0 auto !important; */
        float: none !important;
    }

    .formaten_kleuren_wrapper span.fa {
        width: calc(20/var(--fhd-w) * 100vw);
        font-weight: 300 !important;
    }

    .toolbar_botton_wrapper {
        background-color: #fff;
        border-radius: 8px;
        display: flex;
        /* height: 20px;
    width: 50px;
    position: fixed;
    top: 0;
    left: 0; */
        position: fixed;
        z-index: 999999999;
        top: 10px;
        left: 20px;
        /* height: 40px; */
        font-size: 30px;
        padding: 0px 5px;
    }

    .toolbar_botton_wrapper > * {
        cursor: pointer;
        color: var(--top-buttons-color);
    }

    .toolbar_botton_wrapper > .back_to_home {
        margin: 0 5px
    }

    .toolbar_botton_wrapper > .show_hide_sidebars_wrapper , .toolbar_botton_wrapper > .show_hide_inspiratie_sidebars_wrapper {
        margin: 0 5px
    }

    .toolbar_botton_wrapper > .show_hide_sidebars_wrapper .menu_bar , .toolbar_botton_wrapper > .show_hide_inspiratie_sidebars_wrapper .menu_bar {
        font-size: 20px;
        padding: 0 0 4px 0;
        margin: 0 0 0 6px;
        font-family: Roboto, Noto, sans-serif;
        font-size: var(--color-list-item-size);
        /* color: rgb(0, 0, 0); */
        font-weight: 500;
        letter-spacing: normal;
        text-indent: 0px;
        text-transform: uppercase
    }

    .back_to_home {
        /* position: fixed;
    z-index: 999999999;
    top: 6px;
   
    width: 40px;
    height: 40px;
    cursor: pointer;
    padding: 0px;
    text-align: center;
    left: 40px;
    font-size: 36px; */
    }

    .show_hide_sidebars_wrapper , .show_hide_inspiratie_sidebars_wrapper {
        /* position: fixed;
    z-index: 999999999;
    top: 6px;
 
    width: 40px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    
    text-align: center;
    left: 90px; */
        display: flex;
        /* user-select: none; */
        align-items: flex-end;
    }

    /* .show_hide_sidebars_wrapper i { */
    /* font-size: 28px; */
    /* line-height: 40px; */
    /* width: 40px; */
    /* } */
    .show_hide_sidebars_wrapper > div, .show_hide_inspiratie_sidebars_wrapper > div {
        /* transform-origin: center;   */
        transition: transform .3s ease;
    }

    /* html.hide_sidebars .show_hide_sidebars_wrapper > div {
    transform: rotate(90deg);
    color: red;
     
} */
    .showsbar {
        /* display: block;
    height: 40px; */
    }

    .show_hide_sidebars_wrapper .menu_bar, .show_hide_inspiratie_sidebars_wrapper .menu_bar {
        /* background-color: red; */
        /* line-height: 1; */
        /* padding: 0;
    margin: 0;
    margin: 0 0 0 5px;
    font-weight: bold;
    height: auto;
    line-height: initial;
    diplay: block; */
    }

    .show_hide_sidebars_wrapper .menu_compress, .show_hide_inspiratie_sidebars_wrapper .menu_compress {
        /* background-color: red; */
        /* line-height: 1; */
        padding: 0;
        margin: 0;
        margin: 0 0 0 5px;
        font-weight: bold;
        height: auto;
        line-height: initial;
        diplay: block;
    }

    /* .hidesbar {
    display: block;
} */
    /* html.hide_sidebars .show_hide_sidebars_wrapper , html.hide_sidebars .back_to_home {
    background-color: #ffffff82;
    border-radius: 8px;
} */
    html.hide_sidebars .showsbar {
        display: block;
    }

    html.hide_sidebars .hidesbar {
        display: none;
    }

    html.tegelviewer .button_containers .tegelviewer_container {
        display: none !important;
    }

    /*html.vrdemo .button_containers .vr3d_container {
    display: none !important;
}*/
    html.roomvo .button_containers .roomvo_container {
        display: none !important;
    }

    html.inspiratie_home .button_containers .inspiratie_container {
        display: none !important;
    }

    .results-wall > li span.tile_meer_formaten {
        display: none
    }

    .results-wall > li.active span.tile_meer_formaten {
        display: block
    }

    .container-block.merken-chooser , .container-block.merken-chooser>div, .container-block.merken-chooser>div>ul {
        width: 100%;
    }

    #specificaties {
        position: relative !important;
        /* overflow-y: auto; */
    }

    .altsize-list > li > span {
        display: inline-block;
    }

    .altsize-list > li > span.x1 {
        width: 300px;
    }

    .altsize-list > li > span.x2 {
        width: 300px;
    }

    .altsize-list > li > span.x3 {
        width: 300px;
    }

    .flex_specification_row .shaz_alle_formatten {
        max-height: 530px;
        overflow-y: auto;
    }

    /*-----------------------------------*/
    .shaz_modal_monster {
        display: none;
        flex-direction: column;
        animation: reveal 0.5s forwards;
    }

    html.shaz_show_modal_monster .shaz_modal_monster {
        display: flex;
    }

    .modal_form_container , .modal_websites_wrapper {
        padding: 15px 25px;
    }

    .modal_form_header , .modal_extratext_header {
        font-size: 2rem;
        font-weight: 700;
        margin: 0 0 1rem 0;
        padding: 0 2rem 0 0;
    }

    .modal_form_intro , .modal_extratext_intro , {
        margin: 2rem 0;
    }

    .modal_form_theform {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: flex-start;
        margin: 2rem 0 1rem 0;
        /* background-color: red; */
    }

    .modal_form_theform input {
        text-transform: initial
    }

    .monster_odd , .monster_even {
        /* background-color: yellow; */
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
    }

    .monster_odd input:nth-of-type(1) {
        flex: 1 1 1;
    }

    .monster_odd input:nth-of-type(2) {
        flex: 1 1 0;
        margin-right: 0;
    }

    .monster_even input:nth-of-type(1) {
        flex: 1 1 0;
    }

    .monster_even input:nth-of-type(2) {
        flex: 1 1 1;
        margin-right: 0;
    }

    .modal_form_input {
        /* width: 32%; */
        /* height: 4rem; */
        padding: 0.5rem 1rem;
        margin: 0 1rem 2rem 0;
        border-radius: 5px;
        border: 1px solid #767676;
    }

    .monster_tiles_vragen {
        width: 100%;
    }

    .monster_tiles_vragen div {
        /* background-color: red; */
        padding: 0.5rem 1rem;
        margin: 1rem 1rem 1rem 0;
        border-radius: 5px;
        border: 1px solid rgb(118, 118, 118);
        width: 44rem;
        color: rgb(118, 118, 118);
    }

    .modal_message {
        display: none;
    }

    /* .modal_form_textarea {
    width: 100%;
    padding: 1rem;
    background-color: #E6E6E6;
    margin: 0 0 2rem 0;
    border-radius: 5px;
} */
    /*-----------------------------------*/
    .shaz_modal_offerte {
        display: none;
        flex-direction: column;
        animation: reveal 0.5s forwards;
    }

    html.shaz_show_modal_offerte .shaz_modal_offerte {
        display: flex;
    }

    /* 2d  */
    html.shaz_show_modal_2d #wrapper-slide-box > div.shaz_container_border.container_border > div.shaz_modal_2d.tab_content_wrapper.t2dkiezer {
        display: flex !important;
        flex-direction: column;
        animation: reveal 0.5s forwards;
    }

    html.fullscreen_2d .shaz_modal_2d {
        /* position: absolute !important; */
        height: 100vh !important;
        width: 100vw !important;
        top: 0px !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        /* transform: initial !important; */
        /* z-index: 100000!important; */
        /* transform: translate(0 , 0) !important; */
        /*    transform: translate(20vw , 0vh) !important;*/
        /* transform: translate(100vw , 80px) !important;  bug*/
        transform: translate(100vw , 0px) !important;
        max-height: initial !important;
    }

    html.fullscreen_2d .shaz_modal_2d.t2dkiezer , html.fullscreen_2d .shaz_modal_2d.t2dkiezer .twoD_container .twoD_first_col {
        position: fixed !important;
        top: 0px !important;
        left: 0px !important;
        height: 100vh !important;
        width: 100vw !important;
    }

    html.fullscreen_2d .twoD_container .twoD_second_col {
        display: none !important;
    }

    html.fullscreen_2d #dynamic_popup_2d #voegkleur.popup_joint_colors_container table.vk.joint-colors tr td span {
        display: inline-block ;
    }

    html.fullscreen_2d table.voegdikte.joint-width td {
        display: flex;
        width: 100%;
        justify-content: flex-start;
        align-content: flex-start;
        align-items: center;
        flex-direction: column;
        flex-wrap: nowrap;
    }

    html.fullscreen_2d #dynamic_popup_2d table.voegdikte.joint-width.top tbody {
        top: 4rem;
    }

    html.fullscreen_2d #dynamic_popup_2d table.voegdikte.joint-width.top {
        position: absolute;
        top: calc(30/var(--fhd-w) * 100vw);
        right: 20px;
    }

    .the_button_inner {
        /* -webkit-tap-highlight-color: transparent;
        width: calc(185/var(--fhd-w) * 100vw) !important;
        max-width: 185px !important;
        display: block;
        height: calc(40/var(--fhd-w) * 100vw);
        background-color: var(--ak-button-background-color);
        color: white;
        font-size: 1.6REM;
        line-height: calc(40/var(--fhd-w) * 100vw);
        text-align: center !important;
        border-radius: calc(5/var(--fhd-w) * 100vw);
        margin: calc(10/var(--fhd-w) * 100vw) !important;
        cursor: pointer;
        box-sizing: border-box;
        text-transform: uppercase; */
        /* ----------- */
        height : var(--ak-button-height);
        width : var(--ak-button-width);
        min-width : var(--ak-button-min-width);
        background-color : var(--ak-button-background-color);
        text-align : var(--ak-button-text-align);
        border-radius : var(--ak-button-border-radius);
        cursor : var(--ak-button-cursor);
        margin : var(--ak-button-margin);
        padding : var(--ak-button-padding);
        padding: 0 2rem;
        display : flex !important;
        font-size : var(--ak-button-font-size);
        font-weight : var(--ak-button-font-weight);
        line-height : var(--ak-button-line-height);
        color : var(--ak-button-color);
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-content: space-between;
        align-items: center;
    }

    .the_button_inner i {
        margin-right: calc(10/var(--fhd-w) * 100vw);
    }

    /* websites */
    .shaz_modal_websites {
        display: none;
        flex-direction: column;
        animation: reveal 0.5s forwards;
    }

    html.shaz_show_modal_websites .shaz_modal_websites {
        display: flex;
    }

    .shaz_modal_websites .sites_lists {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin: 4rem 0;
        height: 440px;
    }

    .shaz_modal_websites .the_site {
        color: var(--sidebar-title-color);
        font-size: var(--sidebar-title-size);
        font-weight: var(--sidebar-title-weight-light);
        margin: 5px 10px 5px 0;
        background-color: rgba(158, 158, 158, 0.1);
        border-radius: 8px;
        padding: 10px;
        -webkit-font-smoothing: antialiased;
        -webkit-transition: background-color .5s;
        -moz-transition: background-color .5s;
        -ms-transition: background-color .5s;
        -o-transition: background-color .5s;
        transition: background-color .5s;
    }

    .shaz_modal_websites .sites_lists .the_site:hover {
        /* text-decoration: underline;
    */
        background-color: var(--ak-button-background-color);
        color: #fff;
        cursor: pointer;
    }

    /* .shaz_modal_websites .sites_lists .the_site:nth-child(1) {
    text-decoration: underline;
    cursor: pointer;
}
 */
    /* email */
    .floating_wrapper.ft_showsaved {
        background-color: var(--theme-color);
        line-height: 40px !important;
        /* background-color: red; */
    }

    .floating_wrapper.ft_showsaved {
        /* display: flex !important; */
        position: fixed;
        z-index: 100;
        left: 50vw;
        top: 50vh;
        /* height: fit-content; */
        /* height: auto; */
        height: 540px;
        width: 800px;
        max-height: 85vh;
        overflow-y: hidden;
        overflow-x: hidden;
        transform: translate(-50% ,-50%);
        margin: 0px;
        /* padding: 48px 56px; */
        border-radius: 4px;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        text-size-adjust: 100%;
        text-transform: uppercase;
        color: var(--sidebar-title-color);
        background-color: rgb(255, 255, 255);
        box-shadow: rgba(0, 0, 0, 0.2) 0px 11px 15px -7px, rgba(0, 0, 0, 0.14) 0px 24px 38px 3px, rgba(0, 0, 0, 0.12) 0px 9px 46px 8px;
        -webkit-font-smoothing: antialiased;
        user-select: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        box-sizing: border-box;
        /* opacity: 0; */
    }

    .ft_showsaved .floating_content.sv2_online {
        z-index: 101;
    }

    .ft_showsaved .floating_tab.floating_tab_1 , .ft_showsaved .floating_tab.floating_tab_3, .ft_showsaved .floating_tab.floating_tab_4 {
        z-index: 1;
        display: none;
    }

    .ft_showsaved .floating_tab.floating_tab_2 {
        height: calc(62/var(--fhd-w) * 100vw);
        background-color: #fff;
    }

    .ft_showsaved .sv3room_title {
        display: none;
    }

    .ft_showsaved .block_tegels {
        display: inline-block !important;
        /* float: left !important; */
        /* background-color: red; */
        width: auto !important;
        height: 100%;
        margin: 0 !important;
        clear: both !important;
        /* background-color: red; */
        line-height: 1.4 !important;
        /* background-color: yellow; */
    }

    .ft_showsaved .saved_left_content {
        /* background-color: blue; */
        white-space: nowrap;
        /* vertical-align: top; */
        /* font-size: 0; */
        /* line-height: 0; */
        /* display: flex; */
        max-width: 100%;
        overflow-y: auto;
        flex-direction: row;
        /* background-color: red; */
        line-height: 1.4;
        /* height:  !important; */
        /* height: 190px; */
        /* background-color: red; */
        align-content: space-between;
        justify-content: space-between;
    }

    .floating_wrapper.ft_showsaved .floating_tab_wrapper {
        height: 40px;
        background-color: var(--theme-color);
        line-height: 40px !important;
        /* height: calc(40 * 100vw/var(--fhd-w)); */
        /* font-size: 2REM; */
        color: #fff;
        line-height: 40px;
        /* line-height: calc(40 * 100vw/var(--fhd-w)); */
        padding: 0 1rem 0 1rem;
        font-weight: normal;
        border-radius: 0;
        border: 0;
        width: auto;
        color: red;
    }

    .floating_wrapper.ft_showsaved .floating_tab {
        height: 40px;
        /* background-color: blue !important; */
        /* height: calc(40 * 100vw/var(--fhd-w)); */
        font-size: 2REM;
        color: #fff;
        line-height: 40px;
        /* line-height: calc(40 * 100vw/var(--fhd-w)); */
        padding: 0 1rem 0 1rem;
        background-color: initial;
        font-weight: normal;
        border-radius: 0;
        border: 0;
        width: auto;
        color: #fff;
    }

    .floating_wrapper.ft_showsaved .online_right_title ,.floating_wrapper.ft_showsaved .online_left_title ,.floating_wrapper.ft_showsaved .content_right_text {
        display: none
    }

    .floating_wrapper.ft_showsaved .floating_content_wrapper {
        width: 100%;
        height: 800px;
        border-radius: 0px 0px calc(10/var(--fhd-w) * 100vw) calc(10/var(--fhd-w) * 100vw);
    }

    .floating_wrapper.ft_showsaved .floating_content_wrapper {
        /* background-color: red;    */
        display: flex !important;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-content: flex-start;
        /* height: 500px !important; */
        height: calc(100% - 40px) !important;
        width: 800px !important;
    }

    .floating_wrapper.ft_showsaved .floating_content.sv1_online {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        /* background-color: #a3F; */
        height: 200px !important;
    }

    .floating_wrapper.ft_showsaved .floating_content.sv2_online {
        /* background-color: blue; */
        position: relative !important;
        /* background-color: #f0f; */
        top: 0 !important;
        left: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        /* height: 200px !important; */
    }

    .floating_wrapper.ft_showsaved .saved_left_content {
        /* display: none; */
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }

    .floating_wrapper.ft_showsaved .floating_content.sv3 .saved_left_content {
        flex-direction: row;
    }

    .floating_wrapper.ft_showsaved .saved_right_content {
        /* background-color: green; */
        margin: 10px 0 0 0;
    }

    .floating_wrapper.ft_showsaved .email_form_container {
        /* background-color: yellow; */
        margin: 10px 0 0 0;
    }

    body > div.mainscreen > div.is_online.floating_wrapper.ft_showsaved > div.floating_content_wrapper > div.floating_content.sv1_online > div > div.saved_right_content {
        display: none;
    }

    body > div.mainscreen > div.is_online.floating_wrapper.ft_showsaved > div.floating_content_wrapper > div.floating_content.sv2_online.higher_z > div > div.saved_left_content {
        /* display: none;  */
        height: 20px
    }

    body > div.mainscreen > div.is_online.floating_wrapper.ft_showsaved > div.floating_close_main {
        top: 4px;
        color: #fff;
    }

    body > div.mainscreen > div.is_online.floating_wrapper.ft_showsaved > div.floating_close_main .floating_close_text {
        display: none
    }

    body > div.mainscreen > div.is_online.floating_wrapper.ft_showsaved > div.floating_content_wrapper > div.floating_content.sv2_online.higher_z > div > div.saved_right_content > div.email_form_container > form {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: flex-start;
        width: 600px;
        ; /* background-color: red; */
    }

    body > div.mainscreen > div.is_online.floating_wrapper.ft_showsaved > div.floating_content_wrapper > div.floating_content.sv2_online.higher_z > div > div.saved_right_content > div.email_form_container > form > * {
        flex: 2 1 1;
    }

    body > div.mainscreen > div.is_online.floating_wrapper.ft_showsaved > div.floating_content_wrapper > div.floating_content.sv2_online.higher_z > div > div.saved_right_content > div.email_form_container > form input:nth-child(1) {
        width: 100% !important;
        /* background-color: blue; */
        text-transform: none;
    }

    body > div.mainscreen > div.is_online.floating_wrapper.ft_showsaved > div.floating_content_wrapper > div.floating_content.sv2_online.higher_z > div > div.saved_right_content > div.email_form_container > form input:nth-child(2) {
        width: 30% !important;
    }

    body > div.mainscreen > div.is_online.floating_wrapper.ft_showsaved > div.floating_content_wrapper > div.floating_content.sv2_online.higher_z > div > div.saved_right_content > div.email_form_container > form input:nth-child(3) {
        width: calc(70% - 21px) !important;
    }

    body > div.mainscreen > div.is_online.floating_wrapper.ft_showsaved > div.floating_content_wrapper > div.floating_content.sv2_online.higher_z > div > div.saved_right_content > div.email_form_container > form textarea {
        display: none !important;
    }

    body > div.mainscreen > div.is_online.floating_wrapper.ft_showsaved > div.floating_content_wrapper > div.floating_content.sv2_online.higher_z > div > div.saved_right_content > div.email_form_container > form textarea {
        display: none !important;
    }

    body > div.mainscreen > div.is_online.floating_wrapper.ft_showsaved > div.floating_content_wrapper > div.floating_content.sv2_online.higher_z > div > div.saved_right_content > div.email_form_container > form > div {
        margin: 1rem 0;
    }

    .floating_wrapper.ft_showsaved .floating_tab_wrapper span {
        color: rgb(255, 255, 255);
        display: inline-block;
        font-size: 25px;
        font-weight: 400;
        /* height: 25px; */
        line-height: 40px;
        /* background-color:red; */
        margin-right: 2rem;
    }

    body > div.mainscreen > div.is_online.floating_wrapper.ft_showsaved > div.floating_close_main > i {
        font-size: 25px !important
    }

    body > div.mainscreen > div.is_online.floating_wrapper.ft_showsaved > div.floating_close_main {
        right: 12px;
    }

    /* offerte */
    /* .calculate_netto_area {
    margin: 1rem 0 2rem 0;
}

.calculate_vraag_offerte_aan {
    margin: 2rem 0 2rem 0;
    font-weight: bold;
    cursor: pointer
}
 */
    /* .calculate_netto_area , .calculate_vraag_offerte_aan {
    display: none;
}
 */
    /* .netto_m2 {
    user-select: text !important;
} */
    /* 
span.netto_m2 , span.total_price.px_3 {
    color: var(--sidebar-title-color);
    font-size: var(--sidebar-title-size);
    font-weight: var(--sidebar-title-weight);
    margin: 25px 0 25px 0 ;
   
    border-radius: 8px;  
    -webkit-font-smoothing: antialiased;
        }

*/
    .monster_tiles_vragen {
        display: flex;
        width: 100%;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .monster_tiles_vragen .monster_tiles_vragen_sub1 {
        width: calc(50% - 5px);
    }

    .monster_tiles_vragen .monster_tiles_vragen_sub2 {
        width: calc(50% - 5px);
        /* background-color: red; */
        margin: 10px 0;
    }

    .radios.offerte-soort {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        padding: 0;
        margin: 10px 20px 20px 0;
        width: 150px;
    }

    .radios.offerte-soort input {
        /* display: flex; */
        /* flex-direction: row; */
        /* flex-wrap: nowrap; */
        /* justify-content: flex-start; */
        width: 60px;
    }

    textarea.modal_form_textarea.offaan {
        width: 73.3rem !important;
        background-color: #f5f5f5;
        border-radius: 5px;
    }

    .action_button {
        user-select: none;
    }

    .popup_cform {
        border-radius: 4px;
    }

    .popup_cform textarea {
        border-radius: 4px;
    }

    .sv3tegels_tile_id {
        line-height: 1;
        text-align: center;
        margin: 20px 0 0 0;
    }

    .sv3tegels_tile_size {
        line-height: 1;
        text-align: center;
        margin: 5px 0 10px 0;
    }

    /* ---------------------------------------------------------------------------- inspiratie --------------------------------------------------- */
    .inspiratie_div {
        position: fixed;
        background-color: #000;
        width: 100vw;
        height: 100vh;
        top: 0;
        left: 0;
    }

    .inspiratie_div_color_div {
        /* max-height: 100vh; */
        height: 100vh;
        overflow-y: scroll;
        width: 350px;
        position: absolute;
        left: 0rem;
        background-color: #fff;
        padding: 2rem;
        top: 0;
        transition: top 1s ease-in-out;
    }

    html.inspiratie_zoek_flag .inspiratie_div_color_div {
        top: -100vh;
    }

    ul.inspiratie_div_color_ul {
        list-style-type: none;
        padding-inline-start: 0; }

    ul.inspiratie_div_color_ul li {
        width: 100%;
        font-size: var(--color-list-item-size);
        font-weight: var(--color-list-item-weight);
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: space-between;
        justify-content: space-between;
        align-items: center;
        transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    }

    ul.inspiratie_div_color_ul li label {
        /* background-color: red; */
        width: 100%;
    }

    ul.inspiratie_div_color_ul li {
        margin: 4px 6px 0px 0;
    }

    ul.inspiratie_div_color_ul li label {
        padding: 0.5rem 1rem ;
        display: flex;
        cursor: pointer;
    }

    ul.inspiratie_div_color_ul li label:has(input:checked) {
        /* margin-left: auto; */
        /* display: none !important; */
        /* outline: 2px solid deeppink; */
        /* border: none; */
        background-color: #f3f1ff;
        /* font-size:10rem !important; */
    }

    span.color_name_list {
        flex-grow: 3;
    }

    ul.inspiratie_div_color_ul li span:nth-of-type(2) {
        font-size: var(--color-list-count-font-size) ;
        font-weight: var(--color-list-count-font-weight);
        margin-left: 10px;
        color: var(--color-list-count-color);
    }

    .inspiratie_show_more_colors {
        transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
        height: 40px;
        line-height: 40px;
        text-align: center;
        margin: 0px auto 0 auto;
        width: fit-content !important;
        background-color: rgba(158, 158, 158, 0.1);
        border-radius: 8px;
        cursor: pointer;
        padding: 0 20px;
    }

    .inspiratie_show_more_colors > div {
        display: inline-block;
        margin: 0 5px;
        height: 40px;
    }

    ul.inspiratie_div_color_ul.inspiratie_show_more_colors_flag > li:nth-child(n+6) + * {
        display: none;
    }

    /* ul.inspiratie_div_color_ul.show_more_looks_flag > li:nth-child(n+6) + * {
    display: none;
} */
    .show_more_symbol i {
        font-weight: 200;
    }

    ul.inspiratie_div_look_ul li {
        text-transform: none
    }

    .sh_inspiratie {
        color: var(--sidebar-title-color);
        font-size: 2rem;
        /*var(--sidebar-title-size); */
        font-weight: var(--sidebar-title-weight);
        margin: 30px 0 5px 0;
        /* background-color: rgba(158, 158, 158, 0.1);
     */
        /* border: 1px solid #000; */
        border-radius: 8px;
        padding: 10px;
        -webkit-font-smoothing: antialiased;
    }

    .inspiratie_zoek {
        margin: 2rem auto 0 auto;
        border-radius: calc(5/1920 * 100vw);
        cursor: pointer;
        font-size: var(--ak-button-font-size);
        color: rgb(255, 255, 255);
        align-items: center;
        appearance: auto;
        /* background-color: rgb(255, 61, 0); */
        /*    background-color: var(--theme-color);*/
        background-color : var(--ak-button-background-color);
        height: 40px;
        letter-spacing: normal;
        line-height: 20px;
        padding: 10px 10px;
        text-align: center;
        text-indent: 0px;
        text-rendering: auto;
        text-shadow: none;
        /* text-transform: none; */
        word-spacing: 0px;
        -webkit-box-align: center;
        -webkit-box-pack: center;
        -webkit-font-smoothing: antialiased;
        /* flex: 1 1; */
        max-width: 228px;
    }

    .inspiratie_div_color_ul li , .inspiratie_div_look_ul li {
        cursor: pointer;
    }

    /*.inspiratie_zoek_opnieuw {
    position: fixed;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    display: none;
    background-color: #1515156b;
}

html.inspiratie_zoek_flag .inspiratie_zoek_opnieuw {
    display: inline-block;
}
*/
    .show_hide_inspiratie_sidebars_wrapper {
        display: none;
    }

    html.inspiratie_zoek_flag .show_hide_inspiratie_sidebars_wrapper {
        display: flex;
    }

    img.inspiratie_thefotos_big_img {
        object-fit: cover;
        width: 100vw;
        height: 100vh;
    }

    .inspiratie_thumbnails_wrapper {
        background-color: #201f1fb0;
        position: fixed;
        bottom: 20px;
        left: 10vw;
        height: 200px;
        width: 80vw;
        /*    display: flex;*/
        display: none;
        padding: 10px;
    }

    html.inspiratie_zoek_flag .inspiratie_thumbnails_wrapper {
        display: flex;
    }

    .inspiratie_thumbnails_wrapper img {
        margin: 20px;
        width: calc(100%/7 - 40px);
        cursor: pointer;
        border-radius: 5px;
    }

    .home_4_container {
        /* height: 400px; */
        width: max(calc(1150/1920 * 100vw), 1100px);
        position: fixed;
        /* background-color: red; */
        left: 50%;
        top: 50%;
        transform: translate(-50% , -50%);
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: stretch;
    }

    /* .home_4_container img {
       
        width: max( calc(348/1920 * 100vw) , 300px);
        cursor: pointer;
        touch-action: manipulation;
        align-self: center;
      
    } */
    /* .homepage_widget {
    
    } */
    .homewidget_icon {
        display: inline-flex;
        width: 90px;
        height: 90px;
        border-radius: 50%;
        border: 4px solid #fff;
        flex-direction: row;
        align-content: center;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: -65px;
        right: 15px;
        /* background-color: #f0b67a !important; */
    }

    .homewidget_icon i {
        font-size: 40px;
        color: #fff
    }

    .home_4_container .homepage_widget {
        width: max( calc(348/1920 * 100vw) , 360px);
        cursor: pointer;
        touch-action: manipulation;
        position: relative;
    }

    .homewidget_text_wrapper {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        height: 100%;
        border-radius: 20px;
    }

    .homewidget_header {
        height: 100px;
        background-color: #fff;
        /* padding: 15px; */
        font-size: 2.5rem;
        text-align: center;
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        text-transform: math-auto;
        border-radius: 20px 20px 0 0
    }

    .homewidget_body {
        font-size: 2.2rem;
        padding: 3rem;
        line-height: 1.4;
        text-align: center;
        color: #fff;
        text-transform: initial;
        /* height: 100% !important; */
    }

    html:not(.tegelviewer):not(.vrdemo):not(.roomvo):not(.inspiratie_home):not(.external_website) .button_containers, html:not(.tegelviewer):not(.vrdemo):not(.roomvo):not(.inspiratie_home):not(.external_website) .back_to_home {
        display: none
    }

    .upload_qr_code_home {
        position: absolute;
        left: calc(50%);
        top: calc(100% - 40px);
        width: 200px !important;
        user-select: none !important;
        pointer-events: none !important
    }

    /* .back_to_home {
    position: fixed;
    color: #fff;
    background-color: #0c0b0bb8;
    width: 40px;
    height: 40px;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    line-height: 40px;
    font-size: 32px;
    z-index: 9999999999999999999
} */
    .hm_brinksman , .hm_digitile {
        position: fixed;
        height: 85px;
        bottom: 40px;
    }

    .hm_brinksman {
        position: fixed;
        height: 85px;
        left: 40px;
    }

    .hm_digitile {
        position: fixed;
        height: 85px;
        right: 40px;
    }

    .hm_digitile_text {
        color: #444444;
        position: fixed;
        /* height: 85px; */
        right: 130px;
        bottom: 60px;
        text-transform: none
    }

    /*  */
    .inspiratie_show_more_looks {
        transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
        height: 40px;
        line-height: 40px;
        text-align: center;
        margin: 18px auto 0 auto;
        width: fit-content !important;
        background-color: rgba(158, 158, 158, 0.1);
        border-radius: 8px;
        cursor: pointer;
        padding: 0 20px;
    }

    .inspiratie_show_more_looks > div {
        display: inline-block;
        margin: 0 5px;
        height: 40px;
    }

    ul.inspiratie_div_look_ul.inspiratie_show_more_looks_flag > li:nth-child(n+6) + * {
        display: none;
    }

    body > div.inspiratie_div > div > div.inspiratie_div_color_div > div.container-block > div > ul > li.look > span {
        display: inline-block !important;
    }

    html.inspiratie_zoek_flag .inspiratie_pen_container {
        display: flex;
    }

    .inspiratie_pen_container {
        display: none;
        width: 280px;
        /* height: 200px; */
        position: fixed;
        top: 40vh;
        left: 50vw;
        transform: translate(-50% , -50%);
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        /* background-color: red; */
        justify-content: space-around;
        align-content: space-between;
    }

    .inspiratie_pen {
        display: inline-block;
        background-color: #2827271c;
        width: 50px;
        height: 50px;
        outline: 5px solid #fff;
        /* background-color: #ff0 !important; */
        border-radius: 50px;
    }

    .inspiratie_pen_text {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        /* width: 290px; */
    }

    .inspiratie_pen_text > div {
        border: 2px solid #000;
        display: inline-block;
        padding: 0.5rem;
        margin: 5px;
        background-color: #fff;
        border-radius: 5px;
    }

    .inspiratie_pen .penntje.svg_background {
        display: inline-block;
        width: 40px;
        height: 40px;
        margin-left: -33px;
        margin-top: 5px;
        -webkit-mask: url(pentool-aantallen.svg) no-repeat 100% 100%;
        mask: url(pentool-aantallen.svg) no-repeat 100% 100%;
        -webkit-mask-size: contain;
        mask-size: contain;
        background-color: #fff !important;
    }

    .inspiratie_div .sh_title.sh_kleur ,.inspiratie_div .sh_title.sh_look {
        margin: 13px 0 5px 0;
    }

    .inspiratie_show_more_looks {
        margin: 0 auto !important;
    }

    div#roomvo_api {
        position: fixed;
        z-index: 2;
        top: 100px;
        left: 50vw;
        /*    transform: translateX(-50%);*/
        /*    width: 400px;*/
        /*    height: 100px;*/
        /* color: #fff; */
        /* border: 1px solid #fff; */
        /* background-color: red;  */
        display: inline-block;
    }

    div#roomvo_api :is(.roomvo-floor , .roomvo-wall ) {
        display: none;
    }

    .room_visual {
        width: 30px;
        position: absolute;
        top: 2px;
        left: 5px;
        /* cursor: pointer; */
    }

    button.roomvo-stimr.some-class {
        background-color: rgb(234 234 244);
        /* color: #fff; */
        padding: 5px 10px 5px 45px;
        border: 0;
        cursor: pointer;
        border-radius: 5px;
        height: 30px
    }

    button.roomvo-stimr.some-class {
        transition: opacity 0.5s;
        opacity: 1;
    }

    html.roomvo_hover_timeout button.roomvo-stimr.some-class {
        opacity: 0
    }

    img.room_visual {
        display: block !important;
        opacity: 1 !important;
    }

    /*---------------------- */
    .shaz_modal_inspiratie {
        display: none;
        flex-direction: column;
        animation: reveal 0.5s forwards;
    }

    html.shaz_show_modal_inispiratie .shaz_modal_inspiratie {
        display: flex;
        /* transform-style: preserve-3d; */
        /* opacity: 1;
    */
        /* transform: translate3d(-50%, -50%, 0) !important; */
        /* z-index: 100000000000000000000000000000 !important; */
        opacity: 1 !important;
    }

    /*  calc */
    /* .shaz_modal_calculate_price.cal_initial :is(.u_select_snijverlies, .u_select_totaalaantal, .u_select_totaalprijs, .u_select_snijverlies , .u_select_totaalaantal , .u_select_totaalprijs, .button.calculate_vraag_offerte_aan, .button.calculate_tegel_yoevoegen) { */
    .shaz_modal_calculate_price.cal_initial :is(.u_select_snijverlies, .u_select_totaalaantal, .u_select_totaalprijs, .u_select_snijverlies , .u_select_totaalaantal , .u_select_totaalprijs ) {
        display: none;
    }

    .price_tile_thumbnail_wrapper .px_1 {
        min-width: 14rem;
        /* background-color: red; */
        display: inline-block;
    }

    .div_calc.u_select_korting * {
        font-weight: bold !important;
    }

    .div_calc {
        /* height: 3rem; */
        margin: 5px 0 0 0;
    }

    .div_calc.u_select_aantal {
        display: flex;
        /* background-color: red; */
    }

    .button_calculate_wrapper {
        display: flex;
    }

    .button_calculate_wrapper > div {
        white-space: nowrap;
    }

    .div_calc.u_select_korting span.px_3 , .div_calc.u_select_snijverlies span.px_3 {
        margin-left: -4px;
    }

    .price_tile_thumbnail_wrapper > div {
        white-space: nowrap;
    }

    /* offerte */
    .shaz_modal_offerte.shaz_modal .modal_form_wrapper {
        max-height: calc( 85vh - 40px);
        overflow: auto;
        scrollbar-gutter: stable both-edges;
    }

    .shaz_modal_offerte.shaz_modal .modal_form_container {
        padding: 15px 15px;
    }

    table.offerte_aanvragen {
        width: 735px;
        margin: 20px 0 20px 0;
        border: 1px solid #ccc;
        /* border-radius: 5px; */
        /* border-collapse: collapse; */
        /* border-radius: 5px; */
        /* border-style: hidden; */
        /* hide standard table (collapsed) border */
        box-shadow: 0 0 0 1px #666;
        /* this draws the table border  */
    }

    table.offerte_aanvragen td, table.offerte_aanvragen th {
        padding: 1rem
    }

    table.offerte_aanvragen th, table.offerte_aanvragen td {
        border: 1px solid #e0e0e0;
    }

    img.c_td_thumb {
        width: 100px;
        height: 50px;
        object-fit: containt;
        border: 1px solid #aaa;
    }

    .offerte_initial_disable {
        /* pointer-events: none; */
        /* background-color: #a3a3a3 !important; */
    }

    .showroom_location_left {
        position: relative;
    }

    .tegelinfo_visualizer {
        top: auto !important;
        left: 0px !important;
        height: 40px !important;
        position: absolute;
        bottom: 0px;
        /* left: 0; */
        /* line-height: 0px; */
        color: #fff;
        width: 260px;
        /* z-index:99999999999999999999999 !important; */
    }

    .tegelinfo_visualizer button {
        display: block !important;
        opacity: 1 !important;
        /* color: #fff !important; */
        color: var(--ak-button-color) !important;
        background-color: transparent !important;
        padding: 0 !important;
        /* line-height: 40px !important; */
        /* height: 20px !important; */
    }

    .tegelinfo_visualizer i {
        /* margin: 5px 0 0 0!important; */
        font-size: 20px;
        margin: 0 0 0 5px;
    }

    /* ------------------ nuc scan qr code ----------------- */
    .floating_wrapper.qr_float {
        position: fixed;
        z-index: 100;
        left: 50vw;
        top: 50vh;
        /* height: fit-content; */
        height: auto;
        width: 800px;
        max-height: 85vh;
        overflow-y: hidden;
        overflow-x: hidden;
        transform: translate(-50% ,-50%);
        margin: 0px;
        /* padding: 48px 56px; */
        border-radius: 4px;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        text-size-adjust: 100%;
        text-transform: uppercase;
        color: var(--sidebar-title-color);
        background-color: rgb(255, 255, 255);
        box-shadow: rgba(0, 0, 0, 0.2) 0px 11px 15px -7px, rgba(0, 0, 0, 0.14) 0px 24px 38px 3px, rgba(0, 0, 0, 0.12) 0px 9px 46px 8px;
        -webkit-font-smoothing: antialiased;
        user-select: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        box-sizing: border-box;
    }

    .floating_wrapper.qr_float .floating_tab_wrapper {
        height: 40px;
        background-color: var(--theme-color);
        line-height: 40px !important;
        /* height: calc(40 * 100vw/var(--fhd-w)); */
        /* font-size: 2REM; */
        color: #fff;
        line-height: 40px;
        /* line-height: calc(40 * 100vw/var(--fhd-w)); */
        padding: 0 1rem 0 1rem;
        font-weight: normal;
        border-radius: 0;
        border: 0;
        width: auto;
        /* color: red;  */
    }

    .floating_wrapper.qr_float .floating_tab {
        height: 40px;
        /* background-color: blue !important; */
        /* height: calc(40 * 100vw/var(--fhd-w)); */
        font-size: 2REM;
        color: #fff;
        line-height: 40px;
        /* line-height: calc(40 * 100vw/var(--fhd-w)); */
        padding: 0 1rem 0 1rem;
        background-color: initial;
        font-weight: normal;
        border-radius: 0;
        border: 0;
        width: auto;
        color: #fff;
    }

    .floating_wrapper.qr_float :is(.online_right_title, .online_left_title, .content_right_text) {
        /* display: none !important;
    background-color: red !important */
    }

    .floating_wrapper.qr_float .floating_content_wrapper {
        width: 100%;
        height: 800px;
        border-radius: 0px 0px calc(10/var(--fhd-w) * 100vw) calc(10/var(--fhd-w) * 100vw);
        /* background-color: red;    */
        display: flex !important;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-content: flex-start;
        height: 500px !important;
    }

    .floating_wrapper.qr_float .floating_close_main {
        position: absolute !important;
        top: 05px;
        right: 12px;
        font-size: 25px !important;
        color: #fff;
    }

    .floating_wrapper.qr_float .floating_close_text {
        display: none
    }

    .floating_wrapper.qr_float .floating_tab_wrapper span {
        color: rgb(255, 255, 255);
        display: inline-block;
        font-size: 25px;
        font-weight: 400;
        /* height: 25px; */
        line-height: 40px;
        /* background-color:red; */
        margin-right: 2rem;
    }

    .floating_wrapper.qr_float > div.floating_close_main > i {
        font-size: 25px !important;
    }

    .floating_wrapper.qr_float > div.floating_close_main {
        /* right: 12px; */
    }

    /* -------------- show saved ----------- */
    .is_showroom.floating_wrapper.ft_showsaved .floating_close_main {
        position: absolute !important;
        top: 05px;
        right: 12px;
        font-size: 25px !important;
        color: #fff;
    }

    .is_showroom.floating_wrapper.ft_showsaved .floating_close_text {
        display: none
    }

    /* -------------------------  search ----------------- */
    .floating_wrapper.ft_showsearch {
        position: fixed;
        z-index: 100;
        left: 50vw;
        top: 50vh;
        height: auto;
        width: 1100px;
        max-height: 85vh;
        overflow-y: hidden;
        overflow-x: hidden;
        transform: translate(-50% ,-50%);
        margin: 0px;
        border-radius: 4px;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        text-size-adjust: 100%;
        text-transform: uppercase;
        color: var(--sidebar-title-color);
        background-color: rgb(255, 255, 255);
        box-shadow: rgba(0, 0, 0, 0.2) 0px 11px 15px -7px, rgba(0, 0, 0, 0.14) 0px 24px 38px 3px, rgba(0, 0, 0, 0.12) 0px 9px 46px 8px;
        -webkit-font-smoothing: antialiased;
        user-select: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        box-sizing: border-box;
    }

    .floating_wrapper.ft_showsearch .floating_tab_wrapper {
        height: 40px;
        background-color: var(--theme-color);
        line-height: 40px !important;
        color: #fff;
        line-height: 40px;
        padding: 0 1rem 0 1rem;
        font-weight: normal;
        border-radius: 0;
        border: 0;
        width: auto;
    }

    .floating_wrapper.ft_showsearch .floating_tab {
        background-color: initial
    }

    .floating_wrapper.ft_showsearch .floating_tab_wrapper .floating_tab.floating_tab_1 , .floating_wrapper.ft_showsearch .floating_tab_wrapper .floating_tab.floating_tab_2 {
        position: absolute;
        top: 50px;
        height: 40px;
        border-radius: 0;
        line-height: 40px;
        border: 0;
        /* margin: 0 0 0 10px; */
        width: fit-content;
    }

    .floating_wrapper.ft_showsearch .floating_tab_wrapper .floating_tab.floating_tab_active {
        border-bottom: 1px solid blue;
    }

    .floating_wrapper.ft_showsearch .floating_tab_wrapper .floating_tab.floating_tab_1 {
        left: 22px;
    }

    .floating_wrapper.ft_showsearch .floating_tab_wrapper .floating_tab.floating_tab_2 {
        left: 180px;
    }

    .floating_wrapper.ft_showsearch .floating_close_main {
        position: absolute !important;
        top: 05px;
        right: 12px;
        font-size: 25px !important;
        color: #fff;
    }

    .floating_wrapper.ft_showsearch .floating_close_text {
        display: none
    }

    .floating_tab_wrapper_search {
        height: 40px;
        /* background-color: blue !important; */
        /* height: calc(40 * 100vw/var(--fhd-w)); */
        font-size: 2REM;
        color: #fff;
        line-height: 40px;
        /* line-height: calc(40 * 100vw/var(--fhd-w)); */
        padding: 0 1rem 0 1rem;
        background-color: initial;
        font-weight: normal;
        border-radius: 0;
        border: 0;
        width: auto;
        color: #fff;
    }

    .floating_tab_wrapper_search_text {
        text-transform: initial ;
    }

    .floating_tab_wrapper_search span.fa {
        color: rgb(255, 255, 255);
        display: inline-block;
        font-size: 25px;
        font-weight: 400;
        /* height: 25px; */
        line-height: 40px;
        /* background-color:red; */
        margin-right: 2rem;
    }

    /* ------------------ */
    #roomvo_api .roomvo-container i {
        font-size: 24px;
        position: absolute;
        left: 12px;
        top: 2px;
    }

    html.shaz_show_modal_location .showroom_location_left #roomvo_api {
        height : var(--ak-button-height);
        width : var(--ak-button-width);
        /* min-width : var(--ak-button-min-width); */
        background-color : var(--ak-button-background-color);
        text-align : var(--ak-button-text-align);
        border-radius : var(--ak-button-border-radius);
        cursor : var(--ak-button-cursor);
        margin : var(--ak-button-margin);
        padding : var(--ak-button-padding);
        display: flex;
        display : var(--ak-button-display);
        font-size : var(--ak-button-font-size);
        font-weight : var(--ak-button-font-weight);
        line-height : var(--ak-button-line-height);
        color : var(--ak-button-color);
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: baseline;
        justify-content: space-evenly;
        align-content: space-between;
        z-index: 99;
        /* left: 32px !important; */
        /* bottom: 15px !important; */
        left: 0px !important;
        bottom: 0px !important;
        top: auto !important;
        position: absolute;
    }

    html.shaz_show_modal_location button.roomvo-stimr.some-class {
        opacity: 1 !important;
        background-color: transparent;
        width: 100% !important;
        height: 4rem !important;
        line-height: 4rem !important;
        /* margin: 0 !important; */
        padding-top: 0 !important;
        color: #fff;
        /* top: 0  */
    }

    html.shaz_show_modal_location .showroom_location_left #roomvo_api .roomvo-container i {
        top: 7px
    }

    html.tegelviewer #homepage, html.roomvo #homepage, html.inspiratie_home #homepage {
        /*    display: none;*/
        /* bug 5-1-2024 */
    }

    .komnaar {
        font-size: 1.5rem;
        padding: 1rem 0 0 0;
        font-weight: bold;
        font-style: oblique;
        text-decoration: underline;
    }

    /*-------------------------------- cms ---------------------------------------*/
    .form_monster_title {
        vertical-align: middle;
        margin: 5px 0px ;
    }

    .ga_verder {
        text-transform: initial;
        /* color: blue; */
        font-weight: bold;
        cursor: pointer;
        margin: 0 5px 0 0 /* text-decoration: underline; */
    }

    .ga_verder + i {
        font-weight: bold;
    }

    #nuc_idle_inspiration_container {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999999999999999;
        width: 100vw;
        height: 100vh;
        background-color: #fff;
        display: none;
        opacity: 0;
        transition: opacity 0.5s, display 0.5s;
        transition-behavior: allow-discrete;
    }

    html.nuc_idle #nuc_idle_inspiration_container {
        display: block;
        /*    background-color: #fff;*/
        opacity: 1;
        /*
    transition: opacity 1.25s, display 1.25s;
    transition-behavior: allow-discrete; /* Note: be sure to write this after the shorthand 
    */
    }

    .nuc_idle_inspiration_photo {
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        opacity: 0;
        transition: opacity calc(var(--nuc-transition-idle) * 1s) ease-in-out;
    }

    .nuc_idle_inspiration_photo.fadeIn {
        opacity: 1;
    }

    /* ------------ Video ----------------- */
    .search_tabs.tegelinfo_tab3.m_roomselect {
        position: relative;
    }

    .search_tabs.tegelinfo_tab3.m_roomselect .div_d1 {
        text-transform: initial;
    }

    .floating_wrapper.ft_roomselect.vid_menu {
        all: initial;
        position: absolute;
        /* width: 100px; */
        top: 50px;
        left: 25px;
        width: fit-content;
        /* padding: 0 20px; */
        /* height: 200px; */
    }

    .floating_wrapper.ft_roomselect.vid_menu .floating_tab_wrapper {
        all: initial;
        z-index: 101;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: flex-start;
        justify-content: flex-start;
        background-color: #fff;
        /* border-radius: 5px; */
    }

    .floating_wrapper.ft_roomselect.vid_menu .floating_tab_wrapper .floating_tab {
        all: initial;
        font-family: Roboto, Noto, sans-serif;
        line-height: 30px;
        font-size: var(--color-list-item-size);
        color: rgb(0, 0, 0);
        font-weight : 500;
        user-select: none;
        padding: 5px 15px ;
        transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
        cursor: pointer;
    }

    .floating_wrapper.ft_roomselect.vid_menu .floating_tab_wrapper .floating_tab:hover {
        background-color: #dbe1ff;
    }

    .floating_wrapper.ft_roomselect.vid_menu .floating_tab_wrapper .floating_tab i {
        margin: 0 10px 0 0;
    }

    .floating_tab .rname {
        text-transform: none;
    }

    .m_roomselect .div_d1 {
        pointer-events: none;
    }

    .floating_wrapper.ft_roomselect.vid_menu .floating_tab_wrapper {
        display: none;
    }

    .m_roomselect.active_m_roomselect .floating_wrapper.ft_roomselect.vid_menu .floating_tab_wrapper {
        display: flex;
    }

    .m_roomselect .floating_tab.floating_tab_active {
        background-color: #c3c7e9 !important;
    }

    /* --------------------- */
    .floating_wrapper.ft_roomselect {
    }

    .mainscreen > .floating_wrapper.ft_roomselect {
        all: initial;
        /* display: flex !important; */
        position: fixed;
        z-index: 100;
        left: 50vw;
        top: 50vh;
        display: flex;
        height: 260px;
        width: 1540px;
        max-height: 45vh;
        /* overflow-y: hidden; */
        /* overflow-x: hidden; */
        transform: translate(-50% ,-50%);
        margin: 0px;
        border-radius: 40px;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        text-size-adjust: 100%;
        text-transform: uppercase;
        color: var(--sidebar-title-color);
        /* background-color: rgb(255, 255, 255); */
        box-shadow: rgba(0, 0, 0, 0.2) 0px 11px 15px -7px, rgba(0, 0, 0, 0.14) 0px 24px 38px 3px, rgba(0, 0, 0, 0.12) 0px 9px 46px 8px;
        -webkit-font-smoothing: antialiased;
        user-select: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        box-sizing: border-box;
        flex-wrap: nowrap;
        align-content: center;
    }

    .mainscreen > .floating_wrapper.ft_roomselect.hide_feature_panel {
        opacity: 0;
    }

    .mainscreen > .floating_wrapper.ft_roomselect .floating_content_wpad {
        all: initial;
        text-align: justify;
        float: none;
        clear: both;
        display: flex;
        align-content: center;
        justify-content: center;
        width: 100%;
    }

    .mainscreen > .floating_wrapper.ft_roomselect .room_li:nth-child(n + 5) {
        display: none !important
    }

    .mainscreen > .floating_wrapper.ft_roomselect .room_li {
        all: initial;
        /* max-width: calc(25% - 40px); */
        margin: 0 10px;
        background-color: transparent !important;
        padding: 0 !important;
        /* margin: 0 !important; */
        /* border: 0 !important; */
        cursor: pointer ;
    }

    .mainscreen > .floating_wrapper.ft_roomselect .room_li.activesfeerThumb {
        outline: 2px solid #f00 !important;
    }

    .mainscreen >.floating_wrapper.ft_roomselect .room_li .room_img {
        all: initial;
        /* width: 100%; */
        /* max-height: 100%; */
        object-fit: cover;
        object-position: 50% 50%;
        /* max-width: 300px;
    */
        width: 100%;
        height: 100%;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        font-size: 0 !important;
        background-color: transparent !important;
        cursor: inherit;
    }

    .mainscreen >.floating_wrapper.ft_roomselect .floating_content_wrapper .floating_content:not(.higher_z) {
        display: none !important;
        /* background-color: red !important */
    }

    .mainscreen >.floating_wrapper.ft_roomselect .floating_content_wrapper {
        all: initial;
        background-color: #ffffff;
        /* border-radius: 5x; */
        color: #373a3c;
        position: absolute;
        left: 0;
        z-index: 0;
        display: block;
        /* border-radius: 0px 0px calc(10/var(--fhd-w) * 100vw) calc(10/var(--fhd-w) * 100vw); */
        /* background-color: #fff; */
        height: 100%;
        top: 0;
        /* border: 1px solid #505050; */
        margin: 0 auto !important;
        width: 100%;
        box-sizing: border-box;
        border-radius: 5px ;
    }

    .mainscreen >.floating_wrapper.ft_roomselect .floating_content_wrapper .floating_content {
        all: initial;
        color: #373a3c;
        position: absolute;
        z-index: 0;
        display: flex;
        /* border-radius: 0px 0px calc(10/var(--fhd-w) * 100vw) calc(10/var(--fhd-w) * 100vw); */
        /* background-color:blue; */
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        /* border: 1px solid #505050; */
        /* margin: 0 auto !important; */
        /* height: 100%; */
        box-sizing: border-box;
        align-items: center;
    }

    .mainscreen >.floating_wrapper.ft_roomselect .floating_content_wrapper .floating_content .room_iconist {
        /* background-color: #fff; */
        display: inline-block;
        width: 45px;
        height: 45px;
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .mainscreen >.floating_wrapper.ft_roomselect .floating_content_wrapper .floating_content .room_iconist i {
        font-size: 28px;
        /* background-color: yellow; */
    }

    .mainscreen >.floating_wrapper.ft_roomselect .floating_content_wrapper .floating_content .floating_content_wpad {
        /* all: initial; */
        /* position: relative; */
        /* background-color: yellow; */
        /* width: calc(100% - (40/var(--fhd-w) * 100vw));
    height: calc(100% - (80/var(--fhd-w) * 100vw));
    margin: calc(50/var(--fhd-w) * 100vw) calc(20/var(--fhd-w) * 100vw) calc(120/var(--fhd-w) * 100vw) calc(20/var(--fhd-w) * 100vw); */
        /* line-height: inherit; */
        /* box-sizing: border-box; */
        /* position: relative; */
        /* top: 0; */
        /* left: 0; */
        /* text-align: justify; */
        /* float: none; */
        /* clear: both; */
        /* display: flex; */
        /* align-content: center; */
        /* justify-content: center; */
        /* width: 100%; */
        height: 200px;
        margin: 0 !important;
    }

    /*------------ video  --------*/
    .video-container {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgb(0 0 0);
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 2147483646;
        /* Maximum value for z-index minus 1 */
    }

    .video-player {
        width: 90%;
        /*            max-width: 800px;*/
        max-height: 90vh;
        /* Limit the height to 80% of the viewport height */
    }

    .video_close-button {
        position: absolute;
        top: 20px;
        right: 25px;
        cursor: pointer;
        color: white;
        z-index: 2147483647;
        /* Maximum absolute value for z-index */
    }

    .video_close-button i {
        font-size: 30px;
        font-weight: 300
    }

    /* Your styles for 1366x768 resolution go here */
    @media screen and (max-width: 1366px) and (max-height: 768px) {
        html.fullscreen_2d #dynamic_popup_2d table.voegdikte.joint-width.top {
            position: absolute;
            top: calc(30/var(--fhd-w) * 100vw);
            top: 30px;
            right: 40px;
        }
    }

    .ul-color-look-wrapper {
        display: grid;
        grid-template-rows: auto;
        /* 0fr ; */
        transition: grid-template-rows 500ms ease-in-out;
        /* transition: all 500ms ease-in-out; */
        transition-behavior: allow-discrete;
        /* background-color: #fdc4ff; */
    }

    .ul-color-look-wrapper > ul {
        overflow: hidden ;
        grid-row: 1 / span 2;
    }

    .ul-color-look-wrapper.is-open {
        grid-template-rows: 1fr;
    }

    ul.listed.color-list > li , ul.listed.looks-list > li {
        /* transition-property: opacity, display;
    transition-duration: 0.25s;
    transition-behavior: allow-discrete; */
    }

    .container-block.color-look-chooser .bekijk_meer {
        display: block;
    }

    .container-block.color-look-chooser .bekijk_minder {
        display: none;
    }

    .container-block.color-look-chooser:has(.is-open) .bekijk_meer {
        display: none !important;
    }

    .container-block.color-look-chooser:has(.is-open) .bekijk_minder {
        display: block !important;
    }

    /* ---------- square ------ */
    div.flexitem_sh_vierkant .show_more_sizes {
        display: block;
    }

    div.flexitem_sh_vierkant .show_less_sizes {
        display: none ;
    }

    div.flexitem_sh_vierkant:has(.is-open) .show_more_sizes {
        display: none;
    }

    div.flexitem_sh_vierkant:has(.is-open) .show_less_sizes {
        display: block ;
    }

    /* ---------- rectangle ------ */
    div.flexitem_sh_rechthoek .show_more_sizes {
        display: block;
    }

    div.flexitem_sh_rechthoek .show_less_sizes {
        display: none ;
    }

    div.flexitem_sh_rechthoek:has(.is-open) .show_more_sizes {
        display: none;
    }

    div.flexitem_sh_rechthoek:has(.is-open) .show_less_sizes {
        display: block ;
    }

    /* ---------- strook ------ */
    div.flexitem_sh_strook .show_more_sizes {
        display: block;
    }

    div.flexitem_sh_strook .show_less_sizes {
        display: none ;
    }

    div.flexitem_sh_strook:has(.is-open) .show_more_sizes {
        display: none;
    }

    div.flexitem_sh_strook:has(.is-open) .show_less_sizes {
        display: block ;
    }

    .show_more_text {
        display: none !important
    }

    .show_more_symbol i {
        font-size: 2rem;
    }

    html.eigen_merken_enabled .sh_title.sh_merken {
        display: none !important
    }

    .merken_labels_header0 {
        cursor: pointer !important;
        /* height: 25px; */
        display: flex !important;
        align-items: baseline;
        user-select: none;
        justify-content: flex-start;
    }

    .merken_labels_header1 {
        cursor: pointer !important;
        /* height: 25px; */
        display: flex !important;
        align-items: baseline;
        user-select: none;
        justify-content: flex-start;
    }

    .radios.tegel-soort > div {
        /* height: 25px; */
        user-select: none;
        cursor: pointer;
    }

    .radios.tegel-soort > div label {
        cursor: pointer !important;
    }

    .merken_labels_header0 div, .merken_labels_header1 div {
        margin: 0 !important;
    }

    .merken_labels_header0 label , .merken_labels_header1 label {
        cursor: pointer !important;
    }

    .ken-burns-container {
        width: 100vw;
        height: 100vh;
        position: relative;
        overflow: hidden;
        display: none;
    }

    .ken-burns-image {
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        /* Initial opacity set to 0 */
        animation: kenBurns 80s infinite;
    }

    @keyframes kenBurns {
        0%, 100% {
            transform: scale(1) translate(0%, 0%);
            /*        transform: scale(1);*/
        }

        25% {
            transform: scale(1.2) translate(2%, 0%);
            /*        transform: scale(1.2);*/
        }

        50% {
            transform: scale(1.2) translate(2%, 2%);
            /*        transform: scale(1.2);*/
        }

        75% {
            transform: scale(1.2) translate(0%, 2%);
            /*        transform: scale(1.2);*/
        }
    }

    html.show_video .ken-burns-container {
        display: block;
        z-index: 10;
    }

    div.merken_labels_header1 .complete_collectie_label {
        display: block
    }

    div.merken_labels_header1 .empty_collectie_label {
        display: none
    }

    div.merken_labels_header1 input#brand_id:checked ~ .complete_collectie_label {
        display: none
    }

    div.merken_labels_header1 input#brand_id:checked ~ .empty_collectie_label {
        display: block
    }

    li.filter_merk_item :has(.collectie_look_item_wrapper.active) .collectie_merken_wrapper_header_title {
        text-decoration: underline !important;
        /* font-size: 18px !important; */
        /* color: red !important;
    */
        font-weight: 700 !important;
    }

    /* body:has( div.mainscreen > div.search_tabs_wrapper > div.search_tabs.tegelinfo_tab3.m_roomselect.active_m_roomselect)   */
    html.show_video .floating_wrapper.ft_roomselect.hide_feature_panel {
        display: flex !important;
        opacity: 1 !important;
    }

    span.alleen_bekijken {
        text-transform: lowercase !important;
        /* color: red;
    */
        font-weight: bold;
    }

    span.alleen_bekijken:first-letter {
        text-transform: lowercase !important;
    }

    ul.results-wall > li {
        cursor: pointer;
    }

    html.fullscreen_2d .floating_action {
        transform: initial !important;
        z-index: 2147483641 !important;
        left: auto !important;
        right: -100% !important;
    }

    html.fullscreen_2d .action_button.showroom-only.m_save {
        position: fixed !important;
        z-index: 2147483641 !important;
        left: calc(5vw - 40px) !important;
        top: calc(50vh - 40px) !important;
        right: auto !important;
        bottom: initial !important;
        /* width: 100px !important; */
        /* height: 100px !important; */
        display: inline-block !important;
        /* background-color: red; */
    }

    .qrhomepage_scanner {
        position: fixed;
        bottom: 120px;
        right: 50px;
        width: 140px;
        height: 200px;
        /* background-color: red; */
    }

    .upload_qr_bg_code_home {
        position: absolute;
        top: 0;
        right: 0;
        width: 140px !important;
        z-index: 1;
        /* height: 50px; */
    }

    .upload_qr_code_home {
        position: absolute;
        top: 50px;
        left: 5px;
        width: 130px !important;
        /* height: 50px; */
        z-index: 2;
    }
}

/*.shaz_container_voegkleur table.patronen.patterns > tbody > tr > td:nth-child(5) {
    display: none !important;
}

.shaz_container_voegkleur table.patronen.patterns > tbody > tr > td:nth-child(6) {
    display: none !important;
}

.shaz_container_voegkleur table.patronen.patterns > tbody > tr > td:nth-child(7) {
    display: none !important;
}

.shaz_container_voegkleur table.patronen.patterns > tbody > tr > td:nth-child(8) {
    display: none !important;
}*/


.shaz_container_voegkleur table.patronen.patterns > tbody > tr > td:has(a > div.patroon:is([data-value="2"],[data-value="6"],[data-value="3"],[data-value="4"])) {
    display: none !important;
}



.shaz_modal_2d table.patronen.patterns > tbody > tr > td:has(a > div.patroon:is([data-value="2"],[data-value="6"],[data-value="3"],[data-value="4"])) {
    display: none !important;
}


#dynamic_popup_2d table.patronen.patterns> tbody > tr > td:has(a > div.patroon:is([data-value="2"],[data-value="6"],[data-value="3"],[data-value="4"])) {
    display: none !important;
}




/*
.shaz_modal_2d table.patronen.patterns > tbody > tr > td:nth-child(5) {
    display: none !important;
}

.shaz_modal_2d table.patronen.patterns > tbody > tr > td:nth-child(6) {
    display: none !important;
}

.shaz_modal_2d table.patronen.patterns > tbody > tr > td:nth-child(7) {
    display: none !important;
}

.shaz_modal_2d table.patronen.patterns > tbody > tr > td:nth-child(8) {
    display: none !important;
}

#dynamic_popup_2d table.patronen.patterns > tbody > tr > td:nth-child(5) {
    display: none !important;
}

#dynamic_popup_2d table.patronen.patterns > tbody > tr > td:nth-child(6) {
    display: none !important;
}

#dynamic_popup_2d table.patronen.patterns > tbody > tr > td:nth-child(7) {
    display: none !important;
}

#dynamic_popup_2d table.patronen.patterns > tbody > tr > td:nth-child(8) {
    display: none !important;
}*/





#voegkleur .voegdikte.top {
    display: none !important;
}

.toggle_fscreen {
    margin: 4px 0 0 8px;
    font-size: 28px;
}

.toggle_fscreen i.fa-expand {
    display: none;
}

.toggle_fscreen i.fa-compress {
    display: block;
}

.toggle_fscreen.normal_screen i.fa-expand {
    display: block !important;
}

.toggle_fscreen.normal_screen i.fa-compress {
    display: none !important;
}

/* If .container-block.color-look-chooser has no .color.active or .look.active, hide .size-chart-flex-container */
.shaz_container_border_item.shaz_container_select.slide_box.dropdown-vloer-wand:not(:has(li.color.active)) .size-chart-flex-container, .shaz_container_border_item.shaz_container_select.slide_box.dropdown-vloer-wand:not(:has(li.look.active)) .size-chart-flex-container {
    display: none !important;
}

.flexitem_sh_vierkant:not(:has(li.size)) {
    display: none !important;
}

.flexitem_sh_rechthoek:not(:has(li.size)) {
    display: none !important;
}

.flexitem_sh_strook:not(:has(li.size)) {
    display: none !important;
}

/* ------------------------------ */
.search_tabs.mijneigenkamer_tab {
    /* margin: 5px 0 0 0; */
    margin-top: 5px;
    height: 40px;
    /* line-height: 40px !important; */
    /* margin-top: 5px; */
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: space-between;
    align-items: center;
    background-color : var(--ak-button-background-color);
    border-radius : var(--ak-button-border-radius);
    color : var(--ak-button-color);
}

.search_tabs.mijneigenkamer_tab span.homepage_upload_menu {
    /* font-size: 2rem; */
    /* background-color: #195BA3; */
    /* height : var(--ak-button-height); */
    /* width : var(--ak-button-width); */
    /* min-width : var(--ak-button-min-width); */
    /* background-color : var(--ak-button-background-color); */
    /* text-align : var(--ak-button-text-align); */
    /* border-radius : var(--ak-button-border-radius); */
    /* cursor : var(--ak-button-cursor); */
    /* margin : x; */
    /* padding : var(--ak-button-padding); */
    padding: 0 1rem;
    /* display : flex !important; */
    /*  var(--ak-button-display);*/
    /* font-size : var(--ak-button-font-size); */
    /* font-weight : var(--ak-button-font-weight); */
    /* line-height : var(--ak-button-line-height); */
    /* color : var(--ak-button-color); */
    /* flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-content: space-between;
        align-items: center; */
}

.tegelinfo_visualizer {
    display : none !important;
}

html.roomvolayer-active body.showroom .email_intro {
    display: none
}

html.roomvolayer-active body.showroom form.email_form {
    width: 700px;
}

/* ------------- square tile in demo -------------- */
html.demo_square #voegkleur tr.original_patterns td:has(a.patroon-holder div.patroon[data-value='8']) {
    display: none !important;
}

html.demo_square #voegkleur tr.original_patterns td:has(a.patroon-holder div.patroon[data-value='9']) {
    display: none !important;
}

html.demo_square #voegkleur tr.original_patterns td:has(a.patroon-holder div.patroon[data-value='7']) {
    display: none !important;
}

html.demo_square #voegkleur tr.original_patterns td:has(a.patroon-holder div.patroon[data-value='5']) {
    display: none !important;
}


html.demo_square #voegkleur tr.original_patterns td:has(a.patroon-holder div.patroon[data-value='11']) {
    display: none !important;
}



html.demo_square #voegkleur tr.original_patterns td:has(a.patroon-holder div.patroon[data-value='12']) {
    display: none !important;
}



/* .shaz_modal_2d table.patronen.patterns > tbody > tr > td:nth-child(5) { */
html.demo_square .shaz_modal_2d td:has(a.patroon-holder div.patroon[data-value='8']) {
    display: none !important;
}

html.demo_square .shaz_modal_2d td:has(a.patroon-holder div.patroon[data-value='9']) {
    display: none !important;
}

html.demo_square .shaz_modal_2d td:has(a.patroon-holder div.patroon[data-value='7']) {
    display: none !important;
}

html.demo_square .shaz_modal_2d td:has(a.patroon-holder div.patroon[data-value='5']) {
    display: none !important;
}

html.demo_square #dynamic_popup_2d td:has(a.patroon-holder div.patroon[data-value='8']) {
    display: none !important;
}

html.demo_square #dynamic_popup_2d td:has(a.patroon-holder div.patroon[data-value='9']) {
    display: none !important;
}

html.demo_square #dynamic_popup_2d td:has(a.patroon-holder div.patroon[data-value='7']) {
    display: none !important;
}

html.demo_square #dynamic_popup_2d td:has(a.patroon-holder div.patroon[data-value='5']) {
    display: none !important;
}

/* mail */
html.no_saved_tiles .floating_content.sv2_online .email_form_container {
    display: none !important;
}

html.no_saved_tiles body.showroom .saved_right_content {
    display: none !important;
}

/* resize */
html.no_saved_tiles .floating_wrapper.ft_showsaved {
    height: 130px;
    width: 380px;
}

html.no_saved_tiles .floating_wrapper.ft_showsaved .floating_content_wrapper .floating_content_wpad {
    margin: 20px 10px !important;
    width: 360px !important;
    height: 50px;
}

html.no_saved_tiles .floating_wrapper.ft_showsaved .floating_content_wrapper .floating_content_wpad .saved_left_content {
    width: 100% !important;
    align-items: center;
    justify-content: center;
}

html.no_saved_tiles .floating_wrapper.ft_showsaved .floating_tab.floating_tab_2.floating_tab_active {
    display: none !important;
}

/* nuc */
html.no_saved_tiles body.showroom .floating_wrapper.ft_showsaved .floating_tab.floating_tab_2 {
    font-size: 0 !important;
}

.floating_wrapper.ft_showsaved .floating_tab{
/*    text-transform: capitalize;*/
}


body.showroom .search_tabs.mijneigenkamer_tab {
    display: none !important
}