.Top {
    display: block;
    width: auto;
    height: auto;
    min-height: 18px;
    padding: 8px 0 5px 0;
    background-color: var(--white);
    border-bottom: 1px solid #e8eaec;
    max-width: 480px;
    margin: 0 auto;
}

.Top-logo {
    display: block;
    width: auto;
    height: auto;
    margin-left: 4%;
    text-align: left;
}

    .Top-logo a img {
        margin-right: 12px;
        margin-left: 5px;
    }

.Top-qurio {
    display: block;
    width: auto;
    height: auto;
    padding: 0 2%;
    font-size: 12px;
    font-weight: bold;
    color: #343435;
}

    .Top-qurio > * {
        vertical-align: middle;
    }

    .Top-qurio > img {
        width: 24px;
        height: 24px;
        margin-right: 12px;
    }

.PageNavigation-link,
.PageNavigation-link--blue {
    display: block;
    max-width: 400px;
    min-height: 24px;
    padding: 2% 0;
    margin: 1% auto;
    border-radius: 6px;
    background-color: #e8eaed;
    color: #4a4b4d;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
}

.PageNavigation-link--blue {
    background-color: #72c6fd;
    color: var(--white);
}

.BottomNavigation {
    display: block;
    width: auto;
    min-height: 18px;
    padding: 8px 0 8px 6px;
    border-top: 1px solid #e8eaec;
    border-bottom: 1px solid #e8eaec;
    text-align: center;
    font-size: x-small;
    color: #969a9e;
}

.Attempt-form {
    display: block;
    width: 100%;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    background-color: white
}

    .Attempt-form h1 {
        margin-bottom: 24px;
        line-height: 24px;
        font-size: 20px;
        font-weight: normal;
        text-align: left;
        color: #232324;
        padding-left: 3%;
        margin-left: 1%;
    }

    .Attempt-form h2 {
        font-size: 17px;
        font-weight: bold;
        line-height: 112%;
    }

    .Attempt-form h3 {
        font-size: 14px;
        font-weight: normal;
    }

    .Attempt-form h5 {
        font-size: small;
        font-weight: bold;
    }

    .Attempt-form input[type="text"],
    .Attempt-form input[type="password"],
    .Attempt-form input[type="number"] {
        display: block;
        min-height: 28px;
        width: 100%;
    }

    .Attempt-form input[type="radio"],
    .Attempt-form input[type="checkbox"] {
        margin: 0 1em 0 0;
    }

    .Attempt-form input[type="submit"] {
        border: none;
        display: block;
        width: 100%;
        height: 40px;
        margin: 24px 0;
        font-size: 16px;
        font-weight: bold;
        line-height: 40px;
        vertical-align: middle;
        color: var(--btnPrimaryFront);
        background-color: var(--btnPrimaryBack);
        letter-spacing: 0.02em;
        text-decoration: none;
        text-transform: uppercase;
        text-align: center;
        border-radius: 3px;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

        .Attempt-form input[type="submit"]:hover {
            color: var(--btnPrimaryHoverFront);
            background-color: var(--btnPrimaryHover);
        }

    .Attempt-form input[type="number"] {
        -moz-appearance: textfield;
    }

    .Attempt-form input::-webkit-outer-spin-button,
    .Attempt-form input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    .Attempt-form textarea {
        width: 100%;
        max-width: 100%;
        min-height: 10em;
    }

    .Attempt-form label {
        display: block;
        width: 99%;
        padding-bottom: 8px;
        padding-top: 16px;
        font-size: 14px;
        font-weight: normal;
    }

    .Attempt-form hr {
        display: block;
        margin: 1em 0;
        padding: 0;
        height: 1px;
        border: 0;
        border-top: 1px solid #e2e3e7;
    }

    .Attempt-form p {
        margin: 1em auto;
        clear: both;
    }

    .Attempt-form a {
        color: var(--campusmain);
        text-decoration: none;
    }

    .Attempt-form .Content--question {
        padding: 4% 3% 4% 3%;
        background-color: var(--white);
        max-width: 480px;
        margin: 0 auto;
    }


    .Attempt-form .Content--question {
        padding: 0;
    }

    .Attempt-form .Message,
    .Attempt-form .Message--error,
    .Attempt-form .Message--warning,
    .Attempt-form .Message--success {
        display: block;
        padding: 2% 4%;
        line-height: 100%;
        color: var(--white);
        text-align: center;
    }

    .Attempt-form .Message--error {
        background-color: #f97c79;
    }

        .Attempt-form .Message--error a {
            color: #2491fe;
        }

    .Attempt-form .Message--warning {
        background-color: #fed956;
    }

    .Attempt-form .Message--success {
        background-color: #80da82;
    }

    .Attempt-form .PageNavigation {
        padding: 4% 3% 4% 3%;
    }

    .Attempt-form .Question-Wrapper {
        background-color: var(--white);
        border: 1px solid #dee2e6!important;
    }

    .Attempt-form .Question-infobar {
        padding: 1%;
        vertical-align: middle;
        background-color: var(--white);
    }

    .Attempt-form .Question-index {
        color: #cfd5da;
    }

    .Attempt-form .Question-score {
        float: right;
        color: #5d5d5e;
    }

    .Attempt-form .Question-title,
    .Attempt-form .Question-title--nps {
        padding: 3%;
        position: relative;
        border-bottom: 1px solid #f7f7f8;
    }

        .Attempt-form .Question-title h2,
        .Attempt-form .Question-title--nps h2 {
            display: inline;
            color: #6c757d;
        }

    .Attempt-form .Question-title--nps {
        border-bottom: 0;
        padding: 3% 3% 0 3%;
    }

    .Attempt-form .Question-netpromoter-hint {
        color: #67b4fc;
        font-style: italic;
        padding: 3% 0 3% 3%;
        border-bottom: 1px solid #f7f7f8;
    }

        .Attempt-form .Question-netpromoter-hint p {
            margin: 0;
        }

    .Attempt-form .Question-answer,
    .Attempt-form .Question-answer--disabled {
        width: auto;
        padding: 3%;
        border-top: 1px solid #f7f7f8;
        font-size: medium;
        color: #5d5d5e;
    }

    .Attempt-form .Question-netpromoter-answer {
        display: inline-block;
        text-align: center;
        margin-right: 10px;
    }

        .Attempt-form .Question-netpromoter-answer label,
        .Attempt-form .Question-netpromoter-answer input {
            margin: 0 auto;
        }

    .Attempt-form .Question-submit {
        padding: 1% 3% 4% 3%;
        background-color: white;
    }

    .Attempt-form .Question-nav {
        padding: 1% 3% 4% 3%;
        background-color: var(--background);
        font-size: medium;
        color: #969a9e;
    }

    .Attempt-form .List-row {
        position: relative;
        margin: 0 auto;
        padding: 2% 0;
        background-color: var(--white);
        border-bottom: 1px solid #f7f7f8;
    }

    .Attempt-form .List-value {
        position: absolute;
        top: 2%;
        right: 2%;
        display: inline;
        text-align: right;
    }

    .Attempt-form .QurioLink-label {
        color: #969a9e;
        float: left;
        line-height: 28px;
        margin-right: 3px;
    }

    .Attempt-form .QurioLink-input {
        overflow: hidden;
    }

    .Attempt-form .mandatory {
        display: inline-block;
    }

    .Attempt-form .u-centerText {
        text-align: center;
    }

    .Attempt-form .messageBody {
        word-wrap: break-word;
    }

    .Attempt-form label[parent] {
        display: none;
    }

    .Attempt-form input:checked ~ label {
        display: block;
    }

    .Attempt-form label label {
        border-bottom: none !important;
        border-top: 1px solid #f7f7f8;
    }

        .Attempt-form label label:nth-child(2) {
            margin-top: 3%;
        }

        .Attempt-form label label:last-child:not(:first-child) {
            margin-bottom: -3%;
        }
    .Attempt-form .card li {
        list-style-position: inside;
    }

    .Attempt-form .QurioReview-select {
        width: 120px;
        height: 50px;
        text-align: center;
    }
    .Attempt-form .QurioReview-block {
        display: inline-block;
    }
    .Attempt-form .QurioReview-block > p{
        font-size:0.75rem;
    }
    .Attempt-form .QurioReview-textarea {
        min-height: 2em;
    }