#surveyElement {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    min-height: 100%;
    height:100%;
}

.sd-root_background-image {
    background: rgba(65, 125, 195, 0.75);
    background-position: bottom right;
}

.sd-element--with-frame {
    background-color: rgba(255, 255, 255, 0.8);
}

.sd-boolean__thumb {
    background-color: rgba(65, 125, 195, 0.75);
    color: white;
}

.sd-element--complex.sd-element--with-frame>.sd-element__header {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: -60px;
}

.sd-element--collapsed.sd-element--complex>.sd-element__header {
    margin-bottom: 0;
}

.sd-element--with-frame>.sd-element__header--location-top:after {
    display: none!important;
}

.sd-row__question:not(.sd-question--title-top) {
    display: grid;
    grid-template-rows: 1fr auto;
}

.sd-row__question:not(.sd-question--title-top)>.sd-text__content {
    grid-row-start: 2;
    grid-row-end: 3;
}

.info-block {
    margin-top: 20px;
}

.info-title {
    font-size: 14pt;
    font-weight: bold;
}

.info-block .sd-description {
    margin-left: 10px;
}

.complete-msg {
    max-width: 720px;
    margin: auto;
}

.center-block {
    margin: auto;
    padding-top: 20px;
    text-align: center;
}

.map-frame {
    width: 100%;
    height: 450px;
    margin-top: 10px;
    margin-bottom: -20px;
    border: 1px inset rgba(0, 0, 0, 0.25);
    border-radius: 4px;
}

.qrcode {
    max-width: 640px;
    width: 100%;
    border: 1px inset rgba(0, 0, 0, 0.25);
    border-radius: 8px;
}

.qrcode:hover {
    box-shadow: gray 0 0 3px 2px;
}