﻿div.dataform {
    background-color: var(--white);
}

    div.dataform * {
        overflow: initial;
    }

    div.dataform > div {
        margin: 0 auto;
    }

    div.dataform div.question, div.dataform div.submit {
        margin-bottom: 1.15rem;
    }

        div.dataform div.question label {
            font-weight: 400;
            margin-bottom: 0px;
            color: #4B4B4B;
        }

        div.dataform div.question input {
            width: 100%;
        }

    div.dataform div.submit {
        display: block;
        overflow: hidden;
    }

        div.dataform div.submit > div {
            float: right;
        }

    div.dataform .validation.correct {
        color: #1BB934;
    }

    div.dataform .validation.wrong {
        color: var(--error);
    }

    div.dataform .validation.information {
        color: #646464;
    }

.buttonstack {
    margin-top: 20px;
}

.stickynote {
    padding-top: 0px;
}

    .stickynote h2 {
        margin-top: 20px;
    }


textarea.information, input.information {
    border-color: #646464;
}

textarea.wrong, input.wrong {
    border-color: var(--error);
}

textarea.correct, input.correct {
    border-color: #1BB934;
}

#MainContent_lblSuccessMessage strong p {
    margin-bottom: 20px;
}


#MainContent_lblSuccessMessage p.correct {
    margin-bottom: 0px;
}

    #MainContent_lblSuccessMessage p.correct i {
        font-size: var(--text-regular-3);
    }

#MainContent_lblSuccessMessage p.correct,
#MainContent_lblSuccessMessage strong {
    text-align: center;
}

.footer-image {
    display: none;
    max-height: 160px;
}

@media screen and (min-width: 768px) {

    div.buttonstack {
        margin: 0px;
    }

    .blurb {
        padding-top: 0px;
    }

    .dataform {
        margin-top: 5px;
    }

    .footer-image {
        display: inline-block;
    }

    div.right-side div.blurb h3:first-of-type {
        margin-top: 111.81px;
    }

    div#MainContent_SupportFormUpdatePanel input[type=button]{
        font-size: var(--text-regular-2);
    }
}

@media screen and (min-width: 768px) and (orientation: portrait) {
    .footer-image {
        background: url(../Images/Tablet/portrait/support_x2_portrait.webp);
    }
}

@media screen and (min-width: 768px) and (orientation: landscape) {
    .footer-image {
        background: url(../Images/Tablet/landscape/support_x2_landscape.webp);
    }
}

@media (min-width: 1024px) {
    .footer-image {
        background: url(../Images/Desktop/support_x2_desktop.webp);
    }
}
