@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.7t9tbfaemk.bundle.scp.css';
@import '_content/Gabsch.Localization/Gabsch.Localization.bundle.scp.css';

/* /Components/ConfigurationOption.razor.rz.scp.css */
.product-tile[b-hvssck5kjn] {
    background: #EDEDED;
    border-radius: 15px;
    border: 1px solid var(--bordercolor_light_gray);
    padding-right: 20px;
    cursor: pointer;
    height: 99px;
    padding-right: 20px;
    min-width: 380px;
    max-width: min-content;
}

.product-tile:hover[b-hvssck5kjn] {
    background-color: var(--tile_outline_color);
    cursor: pointer !important;
}

@media (max-width: 900px) {
    .product-tile[b-hvssck5kjn] {
        min-width: 100%;
    }
}

.product-content[b-hvssck5kjn] {
    padding: 20px 20px 30px;
    max-width: 75%;
}

.product-content > div > div[b-hvssck5kjn] {
    width: 100%;
    display: block !important;
}

.product-img[b-hvssck5kjn] {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    width: 97px;
    height: 97px;
}

.heading[b-hvssck5kjn] {
    font: normal normal normal 18px/22px 'Helvetica Neue W01 55 Roman';
    width: fit-content;
    align-content: center;
    padding-left: 20px;
}

[b-hvssck5kjn] .calculate-button {
    width: 136px;
    height: 35px;
    background: var(--roma_orange) !important;
    opacity: 1;
}

.header-with-input[b-hvssck5kjn] {
    padding-bottom: 20px;
    display: flex;
    flex-direction: column;
}

.input-title[b-hvssck5kjn] {
    font: normal normal normal 18px/23px 'HelveticaNeue Medium';
    padding-bottom: 5px;
    letter-spacing: 0px;
    color: #595960;
}

[b-hvssck5kjn] .input-with-mm {
    position: relative;
    display: inline-block;
    width: 200px;
    background: var(--roma_orange_light);
    border-radius: 10px;
}

[b-hvssck5kjn] .input-with-mm .ant-input-number-input {
    padding-right: 40px;
    font: normal normal normal 18px/22px 'Helvetica Neue W01 55 Roman';
}

[b-hvssck5kjn] .input-with-mm::after {
    content: "mm";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #595960;
    font: normal normal normal 18px/22px 'Helvetica Neue W01 55 Roman';
    pointer-events: none;
}
/* /Components/Configurator/AlertModal.razor.rz.scp.css */
.title[b-slixjv3392] {
    color: red;
    font-weight: bold;
}

.footer-buttons[b-slixjv3392]{
    display: block !important;
    place-self: center !important;
}
/* /Components/Configurator/CancelConfigurationModal.razor.rz.scp.css */
[b-qv9jvut4d5] .cancel-button {
    background: none !important;
}

/* /Components/Configurator/ConfigurationPage.razor.rz.scp.css */
.configuration-content[b-flyfoco96s] {
    padding-top: 2%;
    padding-right: 5%;
    padding-left: 5%;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    width: -webkit-fill-available;
    height: -webkit-fill-available;
}

.screen-option-header[b-flyfoco96s] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}

.progress-bar[b-flyfoco96s] {
    background-color: var(--roma_orange) !important;
    border-radius: 4px;
    height: inherit;
}

.progress[b-flyfoco96s] {
    background-color: var(--roma_orange_light);
    border-radius: 4px;
    height: 8px;
    overflow: visible !important;
}

.screen-option-index[b-flyfoco96s] {
    font: normal normal normal 28px/33px 'HelveticaNeue W01 35 Thin';
    color: var(--dark_background_color);
    text-align: left;
}

.config-finalized[b-flyfoco96s] {
    color: var(--roma_orange) !important;
}

[b-flyfoco96s] .check-icon {
    vertical-align: middle !important;
}

.screen-option-content[b-flyfoco96s] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding-bottom: 2%;
    height:100%;
}

    .screen-option-content.results[b-flyfoco96s] {
        height: 100vh;
    }

@media (max-width: 1200px) {
    .results-img[b-flyfoco96s] {
        width: -webkit-fill-available !important;
    }

    .configuration-details[b-flyfoco96s] {
        height: auto !important;
    }

    .screen-option-content.results[b-flyfoco96s] {
        height: auto !important;
    }
}

@media (max-width: 940px) {

    .configuration-footer-buttons[b-flyfoco96s] {
        place-content: center !important;
    }
}

@media (max-width: 900px) {
    .configuration-content[b-flyfoco96s]{
        height: auto !important;
    }

    .screen-option-content[b-flyfoco96s] {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        row-gap: 20px;
        align-items: center;
    }

    .screen-option-values[b-flyfoco96s] {
        width: 100% !important;
    }

    [b-flyfoco96s] .so-link-button.desktop {
        display: none !important;
    }

    [b-flyfoco96s] .so-link-button.cancel {
        align-self: center !important;
        margin-bottom: 20px;
    }

    .configuration-buttons[b-flyfoco96s] {
        width: 100%;
        place-content: center;
        flex-direction: column-reverse !important;
    }

    .download-button[b-flyfoco96s] {
        align-self: center;
    }

    .info-tile[b-flyfoco96s] {
        width: 100% !important;
    }
}

@media (max-width: 500px) {
    .screen-option-title[b-flyfoco96s] {
        font: normal normal normal 22px/28px 'Helvetica Neue W01 55 Roman' !important;
    }

    .screen-option-index[b-flyfoco96s] {
        font: normal normal normal 22px/28px 'HelveticaNeue W01 35 Thin';
    }
}

.grid-tile[b-flyfoco96s] {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    height: fit-content;
    width: 100%;
    column-gap: 0.5rem;
    row-gap: 0.5rem;
}

.info-tile[b-flyfoco96s] {
    position: relative;
    border-radius: 15px;
    padding-left: 5px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex-wrap: nowrap;
    /*just to set a constant distance between steps*/
    height: fit-content;
    overflow: visible;
}

[b-flyfoco96s] .left-icon {
    cursor: pointer;
}

.screen-option-title[b-flyfoco96s] {
    display: flex;
    flex-direction: row;
    column-gap: 10px;
    align-items: center;
    font: normal normal normal 28px/33px 'Helvetica Neue W01 55 Roman';
    color: var(--dark_background_color);
    opacity: 1;
}

.screen-option-values[b-flyfoco96s] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    width: 50%;
}

.benchmarks-title[b-flyfoco96s] {
    font: normal normal normal 22px/30px 'HelveticaNeue Medium';
    letter-spacing: 0px;
    color: #595960;
}

[b-flyfoco96s] .option-caption {
    font: normal normal normal 18px/30px 'Helvetica Neue W01 55 Roman';
    color: var(--roma_orange);
}

    [b-flyfoco96s] .option-caption:hover {
        color: #F2A048;
        text-decoration: underline;
    }

    [b-flyfoco96s] .benchmark-option.results > .option-caption {
        font: normal normal normal 18px/30px 'HelveticaNeue W01 35 Thin' !important;
        color: #595960 !important;
    }

        [b-flyfoco96s] .benchmark-option.results > .option-caption:hover {
            font: normal normal normal 18px/30px 'HelveticaNeue W01 35 Thin' !important;
            color: #595960 !important;
            text-decoration: none !important;
        }

[b-flyfoco96s] .selected-value {
    font: normal normal normal 18px/30px 'HelveticaNeue W01 35 Thin';
    color: #595960;
    letter-spacing: 0px;
}

    [b-flyfoco96s] .benchmark-option.results > .selected-value {
        font: normal normal normal 18px/30px 'Helvetica Neue W01 55 Roman' !important;
        color: #595960;
    }

.benchmark-option[b-flyfoco96s] {
    cursor: pointer;
}

.results-img[b-flyfoco96s] {
    height: 50vh;
}

path[b-flyfoco96s] {
    stroke-width: 1 !important;
}

/*.info-tile.mobile {
    height: auto !important;
}*/
.info-tile.results[b-flyfoco96s] {
    width: 100% !important;
    padding: 20px 40px 20px 40px;
    justify-content: space-between !important;
    background-color: var(--background_content_gray);
    height: auto !important;
}

    .info-tile:not(.results) > .configuration-details > .benchmarks[b-flyfoco96s] {
        width: -webkit-fill-available;
    }

.configuration-details[b-flyfoco96s] {
    display: flex;
    flex-direction: column;
    gap: 15px;
    position: relative;
    width: 100% !important;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

.download-button[b-flyfoco96s] {
    align-self: center;
}

.benchmark-option.results[b-flyfoco96s]{
    cursor: unset !important;
}

.result-details[b-flyfoco96s] {
    display: flex;
    flex-direction: column;
}

    .result-details > .option-caption[b-flyfoco96s] {
        font: normal normal normal 18px/30px 'HelveticaNeue W01 35 Thin' !important;
        color: #595960 !important;
    }

    .result-details > .option-caption:hover[b-flyfoco96s] {
        font: normal normal normal 18px/30px 'HelveticaNeue W01 35 Thin' !important;
        color: #595960 !important;
        text-decoration: none !important;
    }

.details-value[b-flyfoco96s] {
    color: var(--fontcolor_dark_gray);
    font: normal normal normal 34px/40px 'HelveticaNeue Medium';
}

.title-outline[b-flyfoco96s] {
    border: 0.30000001192092896px solid var( --outline-gray);
    margin-bottom: 20px;
    height: 0px;
    opacity: 1;
}

.configuration-footer-buttons[b-flyfoco96s] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
    column-gap: 20px;
}

.configuration-buttons[b-flyfoco96s] {
    padding-bottom: 2%;
    padding-top: 2%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 10px;
}

[b-flyfoco96s] .so-primary-button {
    width: 230px;
    background: var(--roma_orange) !important;
    opacity: 1;
}

[b-flyfoco96s] .so-link-button {
    background: none !important;
}

[b-flyfoco96s] .so-link-button.cancel {
    padding-left: 0px !important;
}

    [b-flyfoco96s] .so-link-button > span {
        display: flex;
        flex-direction: row;
        column-gap: 10px;
        flex-wrap: nowrap;
    }

    [b-flyfoco96s] .so-link-button > span > span{
        font: normal normal normal 16px/20px 'HelveticaNeue Medium' !important;
        color: var(--roma_orange) !important;
    }

.link-button-icon[b-flyfoco96s] {
    width: 19px;
    height: 19px;
}

/* /Components/PageContainer.razor.rz.scp.css */
.page-header[b-ctnxuukglp], .page-header-extra[b-ctnxuukglp] {
    height: 92px !important;
}

.page[b-ctnxuukglp] {
    display: flex;
    flex: auto;
    flex-direction: column;
    min-height: 100vh;
    height: -webkit-fill-available !important;
    width: -webkit-fill-available !important;
}

@media (max-width: 900px) {

    .page-header-extra[b-ctnxuukglp] {
        height: fit-content !important;
    }
}

.page-content[b-ctnxuukglp] {
    min-height: 0;
    overflow-y: visible;
    display: flex;
    row-gap: 10px;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
}

[b-ctnxuukglp] .page-footer > .footer-body {
    height: 70px !important;
}
/* /Components/PageFooter.razor.rz.scp.css */
/* Desktop */
.footer-body[b-d9hcb7them] {
    background-color: #E3E3E3;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 20px 20px;
    padding-right: 5%;
    padding-left: 5%;
    flex-wrap: wrap;
    gap: 20px;
    width: 100%;
    position: static;
    height: 60px;
}

@media (max-width: 650px) {
    .footer-body[b-d9hcb7them] {
        height: fit-content;
    }
}

.product-content[b-d9hcb7them] {
    padding: 20px 20px 30px;
    max-width: 75%;
}

.footer-wrapper[b-d9hcb7them] {
    position: sticky;
    bottom: 0;
    z-index: 10;
}

    .footer-wrapper[b-d9hcb7them]::before {
        content: '';
        height: 3px;
        display: block;
        box-shadow: inset 0 -3px 5px -5px black;
    }

.link-body[b-d9hcb7them] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    color: var(--fontcolor_dark_gray);
}

.footer-link[b-d9hcb7them] {
    float: left;
    font-size: 15px;
}

    .footer-link:hover[b-d9hcb7them] {
        text-decoration: underline;
        filter: invert(51%) sepia(19%) saturate(2826%) hue-rotate(357deg) brightness(98%) contrast(92%);
        cursor: pointer;
    }

.footer-link-divider[b-d9hcb7them] {
    float: left;
    font-size: 15px;
}

.footer-copyright[b-d9hcb7them] {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: auto;
    font-size: 15px;
    color: var(--footer-copyright-color);
}


.desktop-footer-copyright[b-d9hcb7them] {
    display: flex;
    flex-grow: 1;
    flex-direction: row;
    justify-content: flex-end;
    font-size: 15px;
    color: var(--footer-copyright-color);
}

/* Mobile */

.footer-body-mobile[b-d9hcb7them] {
    background-color: var(--background_light_gray);
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px 10px;
}

.footer-links-mobile-center[b-d9hcb7them] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 10px;
    margin-left: auto;
    margin-right: auto;
}

.footer-link-mobile[b-d9hcb7them] {
    float: left;
    font-size: 15px;
}

    .footer-link-mobile:hover[b-d9hcb7them] {
        text-decoration: underline;
        cursor: pointer;
    }

.footer-link-divider-mobile[b-d9hcb7them] {
    float: left;
    font-size: 15px;
}

.footer-copyright-mobile[b-d9hcb7them] {
    margin-left: auto;
    margin-right: auto;
    display: table;
    font-size: 15px;
    color: var(--footer-copyright-color);
}

/* Generel */
.footer-link-selected[b-d9hcb7them] {
    filter: invert(51%) sepia(19%) saturate(2826%) hue-rotate(357deg) brightness(98%) contrast(92%);
}
/* /Components/ResponsivePageHeader.razor.rz.scp.css */
.logo-with-title[b-e1onkmem4k] {
    display: flex;
    flex-direction: row;
    column-gap: 10px;
}

.roma-logo[b-e1onkmem4k] {
    cursor: pointer;
    width: 119px;
    height: 52px;
}

.page-title[b-e1onkmem4k] {
    font: normal normal normal 18px/22px 'Helvetica Neue LT W01 75 Bold';
    letter-spacing: 0px;
    color: #FFFFFF;
    align-self: center;
    opacity: 1;
}

    .page-title > P[b-e1onkmem4k] {
        margin: 0;
    }

[b-e1onkmem4k] .language-select > span > .anticon-down{
    font-size: 16px !important;
}

@media (max-width: 900px) {

    .page-title[b-e1onkmem4k] {
        font: normal normal normal 14px/18px 'Helvetica Neue LT W01 75 Bold' !important;
    }

    .roma-logo[b-e1onkmem4k] {
        width: 80px !important;
        height: 38px !important;
    }

    [b-e1onkmem4k] .language-select {
        font-size: 14px !important;
    }

        [b-e1onkmem4k] .language-select > span > .anticon-down {
            font-size: 14px !important;
        }
}
/* /Pages/Dashboard.razor.rz.scp.css */
.dashboard-content[b-6372ntp5a9] {
    background-image: url('/images/dashboard/10054_ROM_CDL_Keyvisual_RZ.jpg');
    position: absolute;
    width: -webkit-fill-available;
    height: -webkit-fill-available;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: white;
    z-index: 999;
    overflow: auto;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    justify-content: center;
}

.text-with-button[b-6372ntp5a9] {
    display: flex;
    flex-direction: column;
    row-gap: 50px;
    flex-wrap: nowrap;
    align-content: flex-start;
    width: 80%;
    height: 50%;
}

.dashboard-text[b-6372ntp5a9] {
    display: flex;
    flex-direction: column;
    row-gap: 30px;
    color: white;
}

.welcome-text[b-6372ntp5a9] {
    font: normal normal normal 75px/95px 'HelveticaNeue W01 35 Thin';
}

.description[b-6372ntp5a9] {
    font: normal normal normal 18px/22px 'Helvetica Neue W01 55 Roman';
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.description > p[b-6372ntp5a9] {
    margin-bottom: 0px;
}

[b-6372ntp5a9] .dashboard-button {
    width: 222px;
    background: var(--roma_orange) !important;
    opacity: 1;
}

@media (max-width: 900px) {
    .text-with-button[b-6372ntp5a9] {
        height: unset !important;
    }

    .welcome-text[b-6372ntp5a9] {
        font: normal normal normal 30px/50px 'HelveticaNeue W01 35 Thin';
    }

    .description[b-6372ntp5a9] {
        font: normal normal normal 14px/18px 'Helvetica Neue W01 55 Roman';
    }
}
/* /Pages/FooterDisplay.razor.rz.scp.css */
.page-content-container[b-niyqz4w9w4] {
    margin-top: 20px;
    padding-left: 5%;
    padding-right: 5%;
    width: -webkit-fill-available;
}

span[b-niyqz4w9w4], strong[b-niyqz4w9w4] {
    font-family: 'Helvetica Neue W01 55 Roman' !important;
}

.pdf-content-container[b-niyqz4w9w4] {
    margin: 0 !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    width: 80% !important;
    height: -webkit-fill-available;

.pdf-iframe {
    width: 80%;
    height: 90%;
    position: absolute;
    justify-self: anchor-center;
}

.pdf-iframe-modal[b-niyqz4w9w4] {
    width: 100%;
    height: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
}

.generate-pdf-button[b-niyqz4w9w4] {
    margin-top: -42px;
}