.modalPopupExtender .dialogFooter {
    text-align: right !important;
}

.maxWidth500 {
    max-width: 500px;
}

.radiobuttonlist td label, .radiobuttonlist td input {
    vertical-align: text-bottom;
}

.hidden {
    display: none;
}

input[type=radio], .borderRadius50 {
    border-radius: 50%;
}

/* --- EXTRA SMALL --- */
@media (max-width: 768px) {
    body {
        -webkit-text-size-adjust: none;
    }

    .hidden-xs {
        display: none !important;
    }

    /* Change width of main element */
    #container {
        width: 100% !important;
        min-width: 0 !important;
        margin: 0px !important;
        border: 0px !important;
    }

    /* Get more space for content */
    #panDefault {
        padding-left: 0px !important;
        padding-right: 0px !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    /* Get more space for content */
    #survey {
        border-left: 0px !important;
        border-right: 0px !important;
    }

    /* Set standard padding */
    #content {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    /* Place navigation buttons beneath progress bar */
    #divNavigationButtons {
        clear: both;
        width: 100%;
        text-align: center;
    }

    input[type=button] {
        -webkit-appearance: none;
        padding: 10px;
        height: 100%;
    }

    /* Enlarge survey buttons */
    .navigationButtons {
        margin: 7px;
    }

    /* Place progressbar in middle */
    #panProgressbar {
        /*float: none !important;*/
        width: 100%;
        margin-bottom: 5px;
    }

    #tableProgressBar {
        margin-left: auto;
        margin-right: auto;
    }

    .xs-removePaddingLeft {
        padding-left: 0px !important;
    }

    /* "Limit" width of drop downs. Default width is the largest of containg items. */
    select:not(.goog-te-combo):not(.ignore100width) {
        width: 100% !important;
    }

    /* Show slider text field */
    .slider-textfield {
        display: block !important;
    }

    .freetextTable td {
        width: 50% !important;
    }

    .xs-Width100Percent {
        width: 100% !important;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    .xs-NoMargin {
        margin: 0 !important;
    }

    .xs-NoPadding {
        padding: 0 !important;
    }

    .ui-dialog {
        width: 95% !important;
    }

    .ui-dialog-content {
        padding: 2px !important;
    }

    .xs-displayAsList {
        display: list-item !important;
        list-style: none !important;
        clear: both !important;
        text-align: left !important;
    }

        .xs-displayAsList div {
            display: inline !important;
        }

    .xs-marginLeft8 {
        margin-left: 8px !important;
    }

    /* Enlarge checkboxes and radio buttons */
    input[type=checkbox], input[type=radio] {
        -ms-transform: scale(2);
        -moz-transform: scale(2);
        -webkit-transform: scale(2);
        -o-transform: scale(2);
        padding: 10px;
        margin: 10px;
    }

    /* Completed page answer journal divs */
    .surveyEndColumn {
    float: none !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    }

    /* Completed page mail choices */
    .sendMailChoice {
        margin-top: 5px !important;
    }


    /* Fix input on error page */
    .errorInput {
        width: 100% !important;
    }

    video {
        width: 100% !important;
    }

    .movie-dialog {
        padding: 1px !important;
    }

    .movie-dialog-btn {
        zoom: 2;
    }

    .play-sound {
        zoom: 2;
    }

    .stop-sound {
        zoom: 2;
    }

    .xs-1-5-em {
        font-size: 1.5em !important;
    }

    #confirmJumpDialog {
        width: 100% !important;
    }

    #jumpDialogButtonDiv {
        width: 100% !important;
    }

    /* Move google translate drop down */
    #google_translate_element {
        float: none !important;
        text-align: right !important;
    }

    /* Remove google translate banner */
    .goog-te-banner-frame.skiptranslate {
        display: none !important;
    }

    body {
        top: 0px !important;
    }

    /* Prevent accidental click on googles logo */
    .goog-logo-link {
        pointer-events: none !important;
    }
}