.survey-page .question-pre-set-icon {
    color: #fff;
    font-size: 16px
}

.report-problem-container {
    background-color: #fff
}

.survey-page .question-preset-theme {
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    outline: 0;
    text-decoration: none
}

.survey-page .question-validation-icon {
    background-color: #f05b24;
    color: #fff;
    font-size: 16px
}

.survey-page {
    background-color: #fff;
    font-family: National2;
    max-width: 660px;
    box-shadow: none;
    overflow: hidden;
    margin-top: 30px;
    margin-bottom: 0
}

.survey-page .survey-page-header .survey-title-container {
    background-color: #00bf6f
}

.survey-page .survey-title,.survey-page .page-title-wrapper {
    background-color: initial !important
}

.survey-page .survey-page-header .page-title-container {
    background-color: #fff
}

.survey-page .question-matrix-row-even td,.survey-page .question-matrix-row-even .matrix-row-label-cell {
    background-color: #d0d2d3
}

.survey-page .checkbox-button-label.no-touch:hover,.survey-page .checkbox-button-label.touch-sensitive.touchdown,.survey-page .radio-button-label.no-touch:hover,.survey-page .radio-button-label.touch-sensitive.touchdown {
    background-color: #00bf6f;
    border-left-color: #00bf6f
}

.survey-page .slider-wrapper {
    background-color: #d0d2d3
}

.survey-page .question-body-emoji {
    text-decoration: none !important;
    font-style: normal !important;
    font-weight: normal !important
}

.nps-radio-button-container:hover, .nps-radio-button-container.touch-sensitive.touchdown {
    background-color: #00bf6f !important;
    border-left-color: #00bf6f
}

.nps-radio-button-container .radio-button-input {
    cursor: pointer
}

.survey-page [data-preset-question] .checkbox-button-label.no-touch:hover, .survey-page [data-preset-question] .checkbox-button-label.touch-sensitive.touchdown, .survey-page [data-preset-question] .radio-button-label.no-touch:hover, .survey-page [data-preset-question] .radio-button-label.touch-sensitive.touchdown {
    background-color: #00bf6f;
    border-left-color: #00bf6f
}

.question-ranking-rank-hover {
    background-color: #00bf6f
}

.radio-button-label.focus .radio-button-display,.checkbox-button-label.focus .checkbox-button-display {
    outline-color: #333e48
}

.modern-browser .radio-button-label.focus .radio-button-display,.modern-browser .checkbox-button-label.focus .checkbox-button-display {
    border-color: #00bf6f;
    box-shadow: 0 0 4px #00bf6f
}

.survey-page .progress-bar-container {
    border-spacing: 0;
    width: 60%;
    margin: 0 auto 32px auto
}

.survey-page .progress-bar-section {
    background-color: #fff;
    color: #333e48;
    font-size: 13px
}

.survey-page .progress-bar-indicator-wrapper {
    border-color: #fff;
    border-width: 1px
}

.survey-page .progress-bar-indicator {
    background-color: #00bf6f
}

.survey-page .exit-survey {
    color: white;
    font-size: 12px;
    font-weight: 300
}

.survey-page .question-body select {
    font-size: 16px
}

.payment-header {
    background-color: #00bf6f;
    color: #fff
}

.survey-page .required-asterisk {
    color: #00bf6f;
    font-size: 36px;
    font-weight: 400;
    font-weight: 300
}

.survey-body {
    background-color: #fff;
    background-attachment: fixed
}

.survey-page .page-subtitle {
    font-size: 16px;
    color: #333e48;
    text-decoration: none;
    padding: 0 0 40px 0;
    font-weight: 300;
    font-style: normal
}

.survey-page .page-title-wrapper {
    font-size: 24px;
    color: #333e48;
    text-decoration: none;
    font-weight: 300;
    font-style: normal;
    background-color: #fff
}

.survey-page .question-body,.survey-page .question-body-font-theme {
    color: #333e48;
    font-size: 16px;
    font-weight: 300;
    font-style: normal;
    text-decoration: none
}

.survey-page .question-container {
    padding-left: 10px
}

.survey-page .question-row {
    margin: 0 0 40px 0
}

.survey-page .question-title-container {
    color: #00bf6f;
    font-size: 24px;
    font-weight: 300;
    font-style: normal;
    text-decoration: none
}

.survey-page .question-validation-theme {
    color: #f05b24;
    font-size: 16px;
    font-weight: 300;
    font-style: normal;
    text-decoration: none
}

.survey-page .survey-footer {
    margin: 0
}

.survey-page .survey-page-body {
    font-family: National2;
    background-color: #fff
}

.survey-page .survey-page-button.done-button {
    color: #fff;
    background-color: #00bf6f
}

.survey-page .survey-page-button.next-button {
    color: #fff;
    background-color: #00bf6f
}

.survey-page .survey-title {
    font-size: 24px;
    color: #fff;
    text-decoration: none;
    padding: 0;
    font-weight: 300;
    font-style: normal;
    background-color: #00bf6f
}

.top-logo-section {
    background-color: #00bf6f
}

.survey-page {
    max-width: none;
    /*width: 100%*/
}

.survey-page .survey-page-header .top-logo-section {
    padding: 0 20%
}

.survey-page .survey-page-header .survey-title-container {
    padding: 18px 20% 0
}

.survey-page .survey-page-header .page-title-container {
    padding: 8px 20% 14px;
    border-left: 24px solid transparent;
    border-right: 24px solid transparent
}

.survey-page .survey-page-body {
    padding: 36px 20% 1px;
    border-left: 24px solid transparent;
    border-right: 24px solid transparent
}

.survey-page .survey-page-header .top-logo-section .exit-button-container {
    margin: 0 24px 0 0;
    padding: 24px 0 0 0
}

@media only screen and (max-width: 480px) {
    .modern-browser .survey-page .question-matrix-table.reflow .question-matrix-row-odd td,.modern-browser .survey-page .question-matrix-table.reflow .menu-matrix-select-cell td {
        background-color:#d0d2d3
    }

    .modern-browser .survey-page .question-matrix-table.reflow .other-answer-container {
        padding: 0
    }

    .modern-browser .survey-page .question-matrix-table.reflow .other-answer-label {
        background-color: #d0d2d3;
        padding: 5px;
        margin: 0
    }

    .modern-browser .survey-page .question-emoji-rating-table.reflow .emoji-rating {
        text-align: left;
        padding: 0 15px 0 15px
    }

    .modern-browser .survey-page .question-emoji-rating-table.reflow .emoji-color {
        left: auto;
        right: auto
    }

    .modern-browser .survey-page .question-emoji-rating-table.reflow .emoji-border {
        left: auto;
        right: auto
    }

    .modern-browser .survey-page .question-emoji-rating-table.reflow .emoji-label-text {
        display: inline;
        position: absolute;
        top: 10px;
        left: 50px
    }

    .modern-browser .survey-page .question-emoji-rating-table.reflow .radio-button-label {
        padding: 8px 8px 8px 15px
    }

    .modern-browser .survey-page .question-emoji-rating-table.reflow .radio-button-label-text {
        text-align: left;
        margin: 0 0 0 35px
    }
}

.quiz-results .quiz-score-header,.quiz-results .quiz-custom-results-banner,.quiz-results .quiz-score-points,.quiz-results .quiz-question-score,.quiz-results .quiz-question-feedback,.quiz-results .quiz-question-skipped {
    color: #00bf6f;
    font-weight: 300;
    font-family: ;
    text-decoration: none
}

.quiz-custom-results-banner .text-banner {
    font-family: National2
}

.quiz-results hr {
    border-color: #00bf6f
}

.quiz-results .question-body,.quiz-results .question-body-font-theme,.quiz-results .question-number,.quiz-results .question-title-container,.quiz-results .required-asterisk,.quiz-results .quiz-result-page-number {
    color: #333e48;
    font-weight: 300;
    font-family: ;
    text-decoration: none
}

.quiz-results {
    background-color: #fff
}

@media only screen and (max-width: 768px) {
    .survey-body {
        padding:0
    }

    .survey-page .survey-footer {
        margin: 0
    }

    .survey-page .survey-page-body {
        padding: 44px 32px 0 32px
    }

    .survey-page {
        border-radius: 0;
        box-shadow: none;
        margin-top: 0;
        margin-bottom: 0
    }
}

@media only screen and (max-width: 480px) {
    .survey-body .survey-page .survey-page-header .page-title-container {
        padding:14px 18px
    }

    .survey-page .page-title-wrapper {
        font-size: 14px
    }

    .survey-page .question-title-container {
        font-size: 18px
    }

    .survey-page .survey-page-body {
        padding: 18px 18px 0 18px
    }

    .survey-page .survey-page-button.prev-button {
        margin-right: 5px
    }

    .survey-page .survey-title {
        font-size: 16px
    }

    .survey-title-container .survey-title-table {
        margin: 16px 18px
    }
}

html.auto-scroll .new-button {
    background-color: #00bf6f;
    color: #fff;
    font-family: National2
}

.sm-progressbar {
    background-color: #000
}

.sm-progressbar .sm-progress-container .sm-progress {
    color: #fff;
    font-size: 13px
}

.sm-progressbar .sm-progress-container .bar {
    background: rgba(255,255,255,0.5)
}

.sm-progressbar .sm-progress-container .bar div {
    background-color: #fff
}

.survey-page {
    border-radius: 0;
    box-shadow: none;
    margin: auto;
    /*width: 100%;*/
    min-width: 0;
    max-width: none
}

.survey-page .survey-page-header .survey-title-container {
    padding: 0
}

.survey-page .survey-page-header .page-title-container {
    padding: 14px 24px;
    border: 0
}

.survey-page .survey-page-body {
    max-width: 896px;
    margin: auto;
    border: 0
}

#livePreview .survey-page .survey-page-body {
    max-width: none;
    padding: 36px 24px 1px 24px !important
}

.survey-page .survey-page-header .top-logo-section {
    padding: 18px 24px
}

.survey-page .survey-page-header .top-logo-section .exit-button-container {
    padding: 0;
    margin-right: 0
}

a.exit-survey {
    opacity: .7;
    filter: alpha(opacity=70);
    background: 0;
    border: 1px solid #FFF;
    padding: 4px 12px;
    border-radius: 2px;
    letter-spacing: 1px
}

a.exit-survey:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.question-title-container {
    line-height: 34px
}

#livePreview .question-container .question-fieldset {
    padding-left: 0 !important
}

@media only screen and (max-width: 768px) {
    .question-title-container {
        font-size:20px !important
    }
}

.nps-col-text-left,.nps-col-text-right,.matrix-col-label {
    font-size: 14px !important;
    color: #000 !important;
    font-weight: normal !important
}

.nps-col-text-container {
    margin-top: 21px
}

.checkbox-button-label-text,.radio-button-label-text {
    margin-top: 0
}

.checkbox-button-display {
    border-radius: 2px !important
}

.radio-button-display {
    font-size: 14px
}

.modern-browser .radio-button-label.focus .radio-button-display,.modern-browser .checkbox-button-label.focus .checkbox-button-display {
    border-color: #00bf6f !important;
    box-shadow: 0 0 4px #00bf6f !important
}

.checkbox-button-display {
    border-radius: 2px !important
}

.checkbox-button-label .modern-browser .answer-option-cell,.checkbox-button-label .modern-browser .other-answer-container {
    padding: 8px 8px 10px 8px !important
}

.modern-browser .checkbox-button-label.focus .checkbox-button-display {
    border-color: #00bf6f !important;
    box-shadow: 0 0 4px #00bf6f !important
}

textarea.textarea,input.text,.slider-wrapper input,input.select {
    font-size: 18px;
    color: #000
}

.question-datetime-row-text,.question-datetime-date-field .answer-label,.question-datetime-time-field .answer-label {
    font-size: 14px !important
}

.question-fileupload-filename,.file-upload-clear-btn,.slider-labels,.slider-clear {
    font-size: 14px !important
}

.file-upload-clear-btn,.slider-clear a {
    color: #2c9ab7
}

.question-emoji-rating-table .question-matrix-row-even td,.question-emoji-rating-table .question-matrix-row-even .matrix-row-label-cell {
    background-color: #FFF !important
}

.survey-page .slider-wrapper {
    background-color: #FFF !important
}

.survey-page-button.next-button,.survey-page-button.done-button,.survey-page-button.prev-button {
    float: none !important;
    font-size: 15px
}

.open-end-button {
    margin-top: 20px;
    display: block;
    margin-left: 0
}