@import url(typography.css);

/* @font-face {
    font-family: schFontLight;
    src: url("/fonts/frutigernext/frutigernextlight.woff") format("woff");
} */

main {
    padding: 0 !important;
}

#home-start{
    height: calc(100%);
    max-height: calc(100%);
    overflow: hidden;
}

.full-width {
    width: 100%;
}

.content-centered {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.full-space {
    height: 100%;
    width: 100%;
}

.body-container{
    position: relative;
}

.body-scroll-zone{
    overflow: auto; 
    position: absolute; 
    max-height: 100%;
    padding-bottom: 5px;
    padding-right: 15px;
    padding-left: 15px;
    /* top: 0; */
    left: 0;
    /* bottom: 0; */
    right: 0;
}

.question-container{
    width: 100%;
}

/* .question-container:not(:only-child):not(:last-child):not(:has([data-name='inline-question'])),
.question-container:not(:only-child):not(:last-child):not(:has([data-name='inline-question'])), 
.question-container:not(:only-child):not(:last-child) .question.block-question:not(:last-child),
.question-container:not(:only-child):not(:last-child) .question.detailed-image-question:not(:last-child)
{
    margin-bottom: 30px;
} */

div[data-name="page-section"]{
    margin-bottom: 20px;
}

div[data-name="page-section"]:last-child{
    margin-bottom: 0px;
}

.no-margin{
    margin: 0 !important;
}

.slider-tools {
    height: 100%;
    width: 5em;
    position: absolute;
    z-index: 888;
    cursor: pointer;
    transition: 0.6s ease;
    opacity: 0.6;
}

.next-slide {
    right: 0;
}

.slider-tools:hover {
    opacity: 1;
}

.slider-page-info {
    position: absolute;
    bottom: 0;
    z-index: 999;
    text-align: right;
    padding-left: 1em;
    padding-right: 1em;
    color: #DC0000;
    background-color: rgb(255 255 255 / 80%);
    width: 100%;
    height: 1.5em;
}

.slider-caption-container {
    position: absolute;
    bottom: 1.5em;
    z-index: 999;
    width: 100%;
    background-color: rgb(255 255 255 / 80%);
    text-align: center;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
}

.slider-tools.prev-slide:hover {
    background: linear-gradient(90deg, #706F6F 0%, rgba(255, 255, 255, 0) 100%);
}

.slider-tools.next-slide:hover {
    background: linear-gradient(270deg, #706F6F 0%, rgba(255, 255, 255, 0) 100%);
}

::-webkit-scrollbar {
    width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(128, 128, 128, 0.501);
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: rgba(255, 0, 0, 0.319);
    border-radius: 10px;
}

.box-body-detail,
.paper-input {
    margin-top: 1rem;
}

.paper-input.disabled {
    cursor: not-allowed;
    color: lightgray !important;
}

.bold
{
    font-weight: 700 !important;
}

div[data-page="thanks"] button:not(:last-child) {
    margin-bottom: 10px;
}

.cookie-notice-section {
    margin-bottom: 64px;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

#main-header .MuiToolbar-root {
    height: 96px;
}

#main-footer .MuiToolbar-root {
    height: 48px;
    min-height: 48px;
}

.cookie-notice-header {
    background-color: #f7f7f7;
    padding-left: 4vw;
    padding-right: 4vw;
}

div[data-name='image-slide-body-container'] > div > div[data-name='content-with-sticky-footer'],
div[data-name='body-image-body-container'] > div > div[data-name='content-with-sticky-footer'],
div[data-name='image-body-container'] > div > div[data-name='content-with-sticky-footer'],
div.cookie-notice-content {
    padding-left: 4vw;
    padding-right: 4vw;
}

div[data-page="elevator-info"] .question.block-question{
    margin-top: 8px;
}

div[data-page="contact-info"] .question.block-question{
    margin-top: 8px;
}

div[data-page="contact-info"]>div[data-name="image-body-container"]>div[data-name="body-container"]{
    padding-top: 3vh;
}

div[data-page] > div[data-name='content-with-sticky-footer'],
div[data-page] > div > div[data-name='content-with-sticky-footer'],
div[data-page] div.main-content 
{
    padding-left: 4vw;
    padding-right: 4vw;
}

div[data-page="type-of-building"] .MuiFormControlLabel-root.SingleChoiceRadioLabel:has(.MuiRadio-root):nth-child(2){
    margin: 8px 0 0;
}

div[data-page="welcome"]>:not(.MuiBackdrop-root) .MuiTypography-body1,
div[data-page="intermediate"]>:not(.MuiBackdrop-root) .MuiTypography-body1,
div[data-page="thanks"]>:not(.MuiBackdrop-root) .MuiTypography-body1
{
    font-size: 1.25rem;
}

div[data-page="construction-year"] .question-container:not(:last-child):not(:only-child) .question.block-question
{
    margin-bottom: 30px;
}

.SnackbarContent-root .SnackbarItem-message{
    color: white !important;
}

div[data-page="contact"] .question-container .question.block-question:has(.CheckboxLabel)
{
    margin-top: 5vh;
}

/* * div[data-name="content-with-sticky-footer"]{
    background-color: bisque;
    border: 1px solid red;
    height: 100%;
}

*[data-page]
{
    background-color: blueviolet;
    border: 1px solid yellow;
}

#home-start{
    background-color: black;
    border: 1px solid darkgray;
}

main{
    background-color: darkblue !important;
    border: 1px solid blue !important;
}

div[data-name='content-with-sticky-footer'] {
    background-color: aquamarine;
}

div[data-name='content-with-sticky-footer']>div.full-space{
    background-color: #5fdab1;
}

div[data-name='buttons-bar'] {
    background-color: cadetblue;
} */

.bg-box{
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

.bg-box-scale-down{
    background-position: center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

#onetrust-consent-sdk #onetrust-banner-sdk{
    z-index: 10000 !important;
}
#onetrust-banner-sdk #onetrust-policy>#onetrust-policy-text{
    font-size: 18px;
}

#onetrust-banner-sdk #onetrust-button-group>#onetrust-accept-btn-handler, #onetrust-banner-sdk #onetrust-button-group>#onetrust-reject-all-handler, #onetrust-banner-sdk #onetrust-button-group>#onetrust-pc-btn-handler{
    font-size: 18px;
}

.MuiAlert-icon,
.MuiAlert-message{
    padding: 0 !important;
}

.text-center{
    text-align: center;
    justify-content: center;
}

.h-center{
    justify-content: center;
}

.h-right{
    justify-content: end;
}