.add-edit-add-reviewer {
    color: #00aad3;
    cursor: pointer;
    text-decoration: underline;
}

    .add-edit-add-reviewer:hover {
        color: #41B6E6;
    }

.add-edit-answer-list {
    margin-left: 20px;
}

.add-edit-answer-table {
    margin: 5px 0px 0px 15px;
    width: 100%;
}

    .add-edit-answer-table > tbody > tr > td {
        padding: 10px 0px 0px;
    }

.add-edit-answer-text > span {
    cursor: pointer;
}

    .add-edit-answer-text > span:hover {
        color: #999999;
    }

.add-edit-answer-checkarea {
    width: 20px;
    padding: 2px 5px 0px 0px;
    vertical-align: top;
}

.add-edit-branch {
    background-color: #ffffff;
    border-radius: 0px 0px 4px;
    margin: 5px 0px;
    padding: 15px;
}

.add-edit-btn {
    color: #ffffff !important;
    outline: 0px !important;
    padding: 9px 12px;
}

.add-edit-btn-add {
    background-color: #2ecc71;
}

    .add-edit-btn-add:hover {
        background-color: #48E295;
    }

.add-edit-btn-add-answer {
    background-color: #41B6E6;
    color: #ffffff;
    margin: 5px 0px 0px;
}

    .add-edit-btn-add-answer:hover {
        background-color: #44D3ED;
        color: #ffffff;
    }

.add-edit-answer-btn {
    color: #ffffff !important;
    outline: 0px !important;
    margin: 0px 0px 0px 5px;
    padding: 3px 6px;
}

.add-edit-btn-remove {
    background-color: #C8102E;
}

    .add-edit-btn-remove:hover {
        background-color: #EA0B0F;
    }

.add-edit-btn-settings {
    background-color: #4C5872;
}

    .add-edit-btn-settings:hover {
        background-color: #637493;
    }

.add-edit-follow-up {
    background-color: #efefef;
    border-radius: 4px;
    padding: 5px 10px;
}

.add-edit-last-saved {
    background-color: #f3f5fc;
    color: #bebebe;
    cursor: default;
    padding-bottom: 10px;
    padding-top: 10px;
    position: fixed;
    right: 0px;
    width: 100%;
    z-index: 1;
}

.add-edit-moved-question {
    border-left: solid 5px #F1C40F;
    border-radius: 10px 0px 0px 10px;
    margin-left: 10px !important;
}

.add-edit-nav-bar {
    background-color: #4C5872;
    border: 0px;
    border-radius: 0px;
    margin: 60px 0px 0px;
}

    .add-edit-nav-bar .active .add-edit-nav-bar-current-tab {
        border-color: #41B6E6 !important;
    }

    .add-edit-nav-bar a {
        background-color: transparent !important;
        color: #ffffff !important;
        padding: 15px 12px !important;
    }

    .add-edit-nav-bar li .add-edit-nav-bar-current-tab {
        border-bottom: solid 3px #4C5872;
        margin: -13px 12px 13px;
    }

    .add-edit-nav-bar li:hover .add-edit-nav-bar-current-tab {
        border-color: #BFBDCC;
    }


.add-edit-nav-button {
    color: #ffffff;
    cursor: pointer;
    font-size: 1.1em;
    margin: 5px;
    padding: 12px 6px;
}

    .add-edit-nav-button:hover {
        color: #41B6E6;
    }

.add-edit-navbar-toggle {
    background-color: transparent !important;
    border: 0px;
    box-shadow: 0 0 0 rgba(0,0,0,0);
    color: #f3f5fc !important;
    float: left;
    font-size: 1.5em;
    margin: 0px 0px 0px 15px;
    padding: 10px 6px;
}

.add-edit-new-question {
    border-left: solid 5px #FF5F2E;
    border-radius: 10px 0px 0px 10px;
    margin-left: 10px !important;
}

.add-edit-policy-instructions {
    margin: -5px 0px 5px;
}

    .add-edit-policy-instructions > span {
        color: #41B6E6;
        cursor: pointer;
        font-weight: bold;
    }

        .add-edit-policy-instructions > span:hover {
            text-decoration: underline;
        }

.add-edit-policy-preview {
    color: #777777;
    cursor: pointer;
}

    .add-edit-policy-preview:hover {
        color: #333333;
    }

.add-edit-print-branch {
    border-top: solid 1px #000000;
    border-radius: 0px 0px 4px;
    margin: 5px 0px;
    padding: 15px;
}

.add-edit-print-follow-up {
    border: solid 1px #000000;
    border-radius: 4px;
    padding: 5px 10px;
}

.add-edit-print-insert-line {
    color: #00aad3;
    cursor: pointer;
    font-size: 1.5em;
}

    .add-edit-print-insert-line:hover {
        color: #41B6E6;
    }

.add-edit-print-instructions {
    color: #aaaaaa;
    font-size: 0.8em;
    font-weight: bold;
    margin: 10px 0px 0px;
}

.add-edit-print-name {
    color: #bebebe;
    text-transform: uppercase;
}

.add-edit-print-page-break {
    background-color: #bebebe;
    color: #ffffff;
    font-size: 0.8em;
    font-weight: bold;
    margin: 3px 0px 0px;
    outline: 0px !important;
    text-transform: uppercase;
}

    .add-edit-print-page-break:hover {
        background-color: #aaaaaa;
        color: #ffffff;
    }

.add-edit-print-remove-page-break {
    background-color: #F1C40F;
    font-size: 0.8em;
    font-weight: bold;
    margin: 3px 0px 0px;
    outline: 0px !important;
    text-transform: uppercase;
}

    .add-edit-print-remove-page-break:hover {
        background-color: #F2D710;
    }

.add-edit-print-remove-line {
    color: #C8102E;
    cursor: pointer;
    font-size: 1.5em;
}

    .add-edit-print-remove-line:hover {
        color: #C8102E;
    }

.add-edit-print-title {
    border-bottom: solid 2px;
    margin: 10px 0px 20px;
    padding: 0px 0px 20px;
}

.add-edit-print-window-break {
    height: 1px;
    page-break-after: always;
}

.add-edit-print-written-response {
    border-bottom: solid 1px;
    height: 20px;
}

.add-edit-publish-success {
    color: #2ECC71;
    font-weight: bold;
    margin: 47px 0px;
    text-align: center;
}

.add-edit-publishing {
    height: 50px;
    margin: 35px auto;
    width: 50px;
}

.add-edit-question {
    margin: 10px 70px 10px 15px;
}

.add-edit-question-header {
    background-color: #4C5872;
    border-radius: 4px;
    color: #ffffff;
    padding: 10px;
}

    .add-edit-question-header span {
        font-weight: bold;
    }

.add-edit-question-header-table {
    border-spacing: 0px;
    width: 100%;
}

    .add-edit-question-header-table td {
        white-space: nowrap;
    }

.add-edit-question-hr {
    background-color: #efefef;
    border-radius: 5px;
    height: 10px;
    margin: 22px 0px -22px;
}

.add-edit-question-list {
    margin: 10px 0px 0px;
}

.add-edit-question-list-active {
    background-color: #00aad3;
    cursor: default;
}

.add-edit-question-list-default {
    background-color: #494b43;
    cursor: pointer;
}

    .add-edit-question-list-default:hover {
        background-color: #90918d;
    }

.add-edit-question-list-empty {
    margin-bottom: 10px;
    margin-top: 10px;
}

.add-edit-question-list-question {
    border-radius: 4px;
    color: #ffffff !important;
    margin: -15px 0px 5px;
    outline: 0px !important;
    opacity: 0;
    overflow: hidden;
    padding: 5px;
    position: relative;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.add-edit-question-text > div {
    vertical-align: top;
    display: inline-block;
    cursor: pointer;
}

    .add-edit-question-text > div:hover {
        color: #999999;
    }

.add-edit-questoranswer-text-block {
    vertical-align: top;
    display: inline-block;
    max-width: 100%;
}

.add-edit-remove {
    color: #dddddd;
    cursor: pointer;
    font-size: 1.2em;
    margin-left: 5px;
}

    .add-edit-remove:hover {
        color: #C8102E;
    }

.add-edit-remove-file {
    color: #777777;
    cursor: pointer;
    position: absolute;
    right: 3px;
    top: 3px;
}

    .add-edit-remove-file:hover {
        color: #444444;
    }

.add-edit-remove-reviewer {
    color: #C8102E;
    cursor: pointer;
}

.add-edit-reviewer-list {
    border: solid 1px #444444;
}

.add-edit-tabs {
    background-color: #ffffff;
    border: solid 1px #e7e7e7;
    border-radius: 5px;
    margin: 0px 0px 20px;
    padding: 10px 0px;
}

.add-edit-save-block {
    cursor: wait;
    height: 100%;
    left: 0px;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 2000;
}

.add-edit-variant {
    color: #C8102E;
    float: left;
    font-size: 1.5em;
    margin: -2px 0px 0px -30px;
}


/* Set padding to keep content from hitting the edges */

.body-content {
    padding-left: 15px;
    padding-right: 15px;
}
/* Override the default bootstrap behavior where horizontal description lists
   will truncate terms that are too long to fit in the left column
*/

.dl-horizontal dt {
    white-space: normal;
}

[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
    display: none !important;
}

#completionCriteriaTable {
    border-radius: 5px;
    overflow: hidden;
    text-align: left;
}

    #completionCriteriaTable > table {
        width: 100%;
    }

        #completionCriteriaTable > table tr {
            border-bottom: solid 1px #ffffff;
        }

            #completionCriteriaTable > table tr > td {
                background-color: #4c5872;
                color: #ffffff;
                font-weight: bold;
                padding: 5px 10px;
            }

                #completionCriteriaTable > table tr > td:last-child {
                    background-color: #f3f5fc;
                    color: #494b43;
                    font-weight: normal;
                }

            #completionCriteriaTable > table tr:last-of-type {
                border-bottom: solid 0px;
            }

#conditionsOfSelf {
    cursor: default;
    display: block;
    height: 100%;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 10000;
}

    #conditionsOfSelf > table {
        height: 100%;
        vertical-align: middle;
        width: 100%;
    }

.help-panel-body {
    border-bottom: solid 1px #ffffff;
    border-top: solid 1px #ffffff;
    overflow: auto;
    padding: 10px 0px;
}

.help-panel-button {
    background-color: #4C5872;
    color: #ffffff !important;
    cursor: pointer;
    font-size: 1.5em;
    outline: 0px !important;
    padding: 6px 10px 2px;
    position: fixed;
    right: 15px;
    z-index: 1;
}

    .help-panel-button:hover {
        background-color: #647796;
    }

.help-panel-footer {
    margin: 10px 0px 10px;
    text-align: right;
}

.help-panel-hide {
    background-color: #647796;
    border: solid 1px #ffffff;
    color: #ffffff !important;
    cursor: pointer;
    outline: 0px !important;
}

    .help-panel-hide:hover {
        background-color: #7989a2;
    }

.help-panel-section {
    background-color: #4C5872;
    border-radius: 4px;
    color: #ffffff !important;
    cursor: default;
    display: none;
    opacity: 0;
    padding: 6px 10px 2px;
    position: fixed;
    right: 15px;
    text-align: left;
    z-index: 1;
}

#qnaireNavigation {
    background-color: #494b43;
    border-radius: 5px;
    height: 100%;
    width: 100%;
}

#questionSlides {
    background-color: #ffffff;
    border-radius: 5px;
    display: inline-block;
    height: 100%;
    margin-right: 0px;
    overflow: hidden;
    padding: 10px;
    position: relative;
    vertical-align: top;
    width: 100%;
    white-space: normal;
}

    #questionSlides > div {
        height: 100%;
        overflow: auto;
        padding: 0px 10px 0px 0px;
        width: 100%;
    }

#translateModal .modal-dialog {
    max-width: 95%;
    width: 800px;
}

.conditions-of-self {
    background-color: #f3f5fc;
    border: solid 1px #1e222c;
    border-radius: 10px;
    box-shadow: 10px 10px 10px rgba(0,0,0,0.5);
    padding: 20px;
    position: relative;
    width: 100%;
    z-index: 10;
}

.conditions-of-self-overlay {
    background-color: #000000;
    height: 100%;
    opacity: 0.5;
    position: absolute;
    top: 0px;
    width: 100%;
}

.disabled {
    background-color: inherit !important;
    color: inherit !important;
    cursor: default !important;
}

.player-branch {
    background-color: #ffffff;
    border-radius: 0px 0px 4px;
    margin: 5px 0px;
    padding: 15px 0px 15px 15px;
}


.player-content {
    height: 100%;
    left: 0px;
    overflow: visible;
    padding: 70px 0px;
    position: absolute;
    top: 0px;
    width: 100%;
}

    .player-content > .container-fluid {
        height: 100%;
    }

        .player-content > .container-fluid > .row {
            height: 100%;
            white-space: normal;
        }

.player-disabled-policy {
    visibility: hidden;
}

@media (min-width: 768px) {
    .player-follow-up {
        padding: 0px 0px 0px 60px;
    }
}

.player-follow-up-section {
    padding: 0px 0px 10px;
}

.player-question-instructions {
    font-weight: bold;
    margin: 0px 0px -10px;
    padding: 15px 0px 0px;
}

@media (min-width: 768px) {
    .player-question-instructions {
        font-weight: bold;
        margin: 0px 0px -10px;
        padding: 15px 0px 0px 20px;
    }
}

.qnaire-active-icon {
    color: #2ECC71;
    float: left;
    margin: 0px 1px 5px;
}

.qnaire-answers {
    margin: 20px 0px;
}

@media (min-width: 768px) {
    .qnaire-answers {
        margin: 20px;
    }
}

.qnaire-btn-delete {
    background-color: #c8102e;
    color: #ffffff !important;
}

    .qnaire-btn-delete:hover {
        background-color: #C66574;
    }

.qnaire-btn-edit, .qnaire-btn-preview, .qnaire-btn-run-report {
    background-color: #ffffff;
    border: solid 1px #4C5872;
    color: #4C5872;
    font-size: 12px;
    margin: -3px 0px -1px;
    padding: 4px 10px;
    outline: 0px !important;
}

    .qnaire-btn-edit:hover, .qnaire-btn-preview:hover, .qnaire-btn-preview:focus, .qnaire-btn-run-report:hover {
        background-color: #4C5872;
        color: #ffffff;
    }

.qnaire-btn-options {
    background-color: #222222;
    color: #ffffff !important;
    font-size: 12px;
    margin: -3px 0px -1px;
    padding: 4px 10px;
    outline: 0px !important;
}

    .qnaire-btn-options:hover, .qnaire-btn-options:focus {
        background-color: #444444;
    }

.qnaire-catalog-copy-translations-table {
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
}

.qnaire-catalog-default-language {
    opacity: 0.35;
}

.qnaire-catalog-default-translation {
    background-color: transparent;
    border: 0px;
    color: #f1c40f;
    cursor: default !important;
    outline: 0px;
    padding: 0px;
}

.qnaire-catalog-nondefault-translation {
    background-color: transparent;
    border: 0px;
    cursor: pointer !important;
    outline: 0px;
    padding: 0px;
    position: relative;
    z-index: 1;
}

    .qnaire-catalog-nondefault-translation:disabled {
        color: #000000 !important;
        cursor: not-allowed !important;
        opacity: 0.25 !important;
    }

    .qnaire-catalog-nondefault-translation:hover {
        color: #F1C40F;
    }

.qnaire-catalog-selected-button {
    display: inline-block;
    text-align: center;
}

    .qnaire-catalog-selected-button > button {
        background-color: #00aad3;
        color: #ffffff !important;
        padding: 6px;
    }

        .qnaire-catalog-selected-button > button:hover {
            background-color: #51CDDB;
        }

.qnaire-catalog-table-header {
    background-color: #4C5872;
    border-radius: 4px 4px 0px 0px;
    color: #ffffff;
    padding: 6px 15px;
}

    .qnaire-catalog-table-header div {
        cursor: default;
        font-weight: normal;
        line-height: 30px;
        text-transform: uppercase;
        white-space: nowrap;
    }

.qnaire-catalog-table-row {
    background-color: #ffffff;
    border-bottom: solid 1px #cccccc;
}

    .qnaire-catalog-table-row > .row {
        cursor: default;
        margin: 0px;
        padding: 6px 0px;
    }

        .qnaire-catalog-table-row > .row > div {
            display: inline-block;
            float: none;
            vertical-align: top;
            white-space: nowrap;
            word-break: break-word;
        }

    .qnaire-catalog-table-row small {
        color: #a0a0a0;
    }

    .qnaire-catalog-table-row:last-of-type {
        border-bottom: 0px;
        border-radius: 0px 0px 4px 4px;
    }

.qnaire-catalog-table-row-alt .row > div {
    display: inline-block;
    float: none;
    vertical-align: top;
}

.qnaire-catalog-table-row-alt {
    background-color: #f8f8f8;
}

.qnaire-catalog-table-row-translation {
    border-top: solid 1px #e3e3e3;
}

.qnaire-catalog-table-show-hide {
    display: inline-block;
    vertical-align: top;
    width: 20px;
}

.qnaire-catalog-table-sort-icon {
    font-size: 10px;
}

.qnaire-catalog-table-status {
    font-size: 1.5em;
}

.qnaire-catalog-table-status-icons {
    display: inline-block;
    vertical-align: middle;
}

.qnaire-catalog-table-subtext-divider {
    display: inline-block;
    margin: 0px 5px;
}

.qnaire-catalog-translation-header {
    font-weight: bold;
    margin: 0px 0px 5px;
}

.qnaire-catalog-translation-name {
    color: #cccccc;
}

.qnaire-catalog-translation-table {
    background-color: #4C5872;
    border-radius: 4px;
    padding: 1px;
}

.qnaire-catalog-translation-table-loader {
    background-color: #ffffff;
    background-image: url('../images/loading.gif');
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 5px;
    height: 100%;
    margin: -1px 0px 0px -1px;
    opacity: 0.5;
    position: absolute;
    width: 100%;
    z-index: 100;
}

.qnaire-checkbox:not(old), .review-checkbox:not(old) {
    visibility: hidden;
    display: none;
}

    .qnaire-checkbox:not(old) + .qnaire-answer-label, .review-checkbox:not(old) + .qnaire-answer-label {
        height: 12px;
        position: relative;
        /*text-align: center;*/
    }

    .review-checkbox:not(old) + .qnaire-player-answer-not-selected {
        opacity: 0.65;
    }


    .qnaire-checkbox:not(old) + .qnaire-answer-label > span:first-child, .review-checkbox:not(old) + .qnaire-answer-label > span:first-child {
        border: solid 2px #1e222c;
        height: 25px;
        width: 25px;
        display: inline-block;
        border-radius: 5px;
        position: absolute;
        left: -35px;
        top: -2px;
        text-align: center;
    }

    .qnaire-checkbox:not(old):checked + .qnaire-answer-label > span:first-child > span:before, .review-checkbox:not(old):checked + .qnaire-answer-label > span:first-child > span:before {
        color: #1e222c;
        content: '✓';
        display: inline-block;
        font-size: 1.5em;
        font-weight: bold;
        margin: -4px 0px 0px 2px;
    }

    .qnaire-checkbox:not(old):disabled + .qnaire-answer-label > span:first-child, .review-checkbox:not(old):disabled + .qnaire-answer-label > span:first-child {
        background-color: #dddddd;
        opacity: 0.85;
    }

.qnaire-content {
    height: 100%;
    left: 0px;
    overflow: visible;
    padding: 70px 0px 15px;
    position: absolute;
    top: 0px;
    width: 100%;
}

.qnaire-cos-button {
    background-color: transparent !important;
    box-shadow: 0px 0px 0px rgba(0,0,0,0) !important;
    color: #00aad3 !important;
    margin-right: 30px;
}

    .qnaire-cos-button:hover {
        text-decoration: underline;
    }

.qnaire-disabled-dropdown-selection {
    background-color: transparent !important;
    color: #bebebe !important;
}

.qnaire-draft-icon {
    color: #BFBDCC;
    float: right;
    margin: 0px 1px 5px;
}

.qnaire-header {
    background-color: #1e222c;
    color: #f3f5fc;
    min-height: 60px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.qnaire-header-button {
    border: solid 3px #f3f5fc;
    margin-bottom: 1px;
    text-transform: uppercase;
}

    .qnaire-header-button:active {
        -moz-box-shadow: inset 0 0 0px #000000;
        -webkit-box-shadow: inset 0 0 0px #000000;
        box-shadow: inset 0 0 0px #000000;
    }

    .qnaire-header-button:hover {
        background-color: #f3f5fc;
    }

.qnaire-header-buttons > div {
    display: inline-block;
}

.qnaire-inactivate {
    background-color: #C8102E !important;
}

    .qnaire-inactivate:hover {
        background-color: #E55B5E !important;
    }

.qnaire-language-dropdown a {
    cursor: pointer;
}

.qnaire-language-selected {
    background-color: #00aad3 !important;
    color: #ffffff !important;
    cursor: default !important;
}

.qnaire-loading {
    background-image: url('../images/loading.gif');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    bottom: 20px;
    height: 32px;
    position: absolute;
    right: 20px;
    width: 32px;
}

.qnaire-logo {
    margin-right: 20px;
    max-height: 40px;
    max-width: 200px;
    vertical-align: middle;
}

.qnaire-nav {
    background-color: #494b43;
    border-radius: 5px;
    color: #f3f5fc;
    cursor: pointer;
    margin: 0px 0px 5px;
    padding: 5px;
    position: relative;
    vertical-align: middle;
    z-index: 10;
}

    .qnaire-nav table {
        width: 100%;
    }

    .qnaire-nav:hover {
        background-color: #90918d;
    }

    .qnaire-nav:last-of-type {
        margin-top: -15px;
        opacity: 0;
    }

.qnaire-nav-active .qnaire-nav-arrow {
    display: inline-block;
}

.qnaire-nav-active {
    background-color: #00aad3 !important;
    cursor: default !important;
}

.qnaire-nav-arrow {
    display: none;
}

.qnaire-nav-bar {
    z-index: 1040;
}

.qnaire-nav-button {
    background-color: #00aad3;
    border-radius: 3px;
    box-shadow: 0px 1px 0px rgba(0,0,0,0.5);
    color: #f3f5fc;
    cursor: pointer;
    display: inline-block;
    padding: 5px 15px;
}

    .qnaire-nav-button:hover {
        background-color: #51CDDB;
    }

.qnaire-nav-button-disabled {
    background-color: #90918d !important;
    cursor: default;
}

.qnaire-nav-button-outer {
    background-color: #494b43;
    border-radius: 5px;
    box-shadow: 1px 1px 0px rgba(0,0,0, 0.25);
    color: #ffffff;
    cursor: pointer;
    font-size: 1.2em;
    margin: 0px 10px 4px;
    padding: 7px 5px 6px 7px;
    vertical-align: middle;
}

    .qnaire-nav-button-outer:hover {
        background-color: #00aad3;
    }

.qnaire-nav-buttons {
    background-color: #dddddd;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 10px;
    padding: 10px;
}

.qnaire-nav-icon {
    display: inline-block;
    width: 50px;
}

.qnaire-nav-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.qnaire-navbar {
    border: 0px;
    box-shadow: 0 0 0 rgba(0,0,0,0);
}

    .qnaire-navbar > ul > li {
        background-color: #4C5872;
        position: relative;
        z-index: 1;
    }

.qnaire-navbar-icons {
    margin: 0px;
}

    .qnaire-navbar-icons li {
        display: inline-block;
    }

.qnaire-new-button {
    background-color: #41b6e6;
    border-radius: 4px;
    color: #ffffff !important;
}

    .qnaire-new-button:hover {
        background-color: #51CDDB;
    }

.qnaire-optional-message {
    font-weight: bold;
}

.qnaire-options-dropdown {
    background-color: #444444;
}

    .qnaire-options-dropdown > li > a {
        color: #ffffff;
    }

        .qnaire-options-dropdown > li > a:hover {
            background-color: #888888;
            color: #ffffff;
        }

.qnaire-progress {
    display: inline-block;
    visibility: hidden;
    white-space: nowrap;
    width: 105px;
}

.qnaire-radio:not(old), .review-radio:not(old) {
    visibility: hidden;
    display: none;
}

    .qnaire-radio:not(old) + .qnaire-answer-label, .review-radio:not(old) + .qnaire-answer-label {
        height: 12px;
        position: relative;
        /*text-align: center;*/
    }

        .qnaire-radio:not(old) + .qnaire-answer-label > span:first-child, .review-radio:not(old) + .qnaire-answer-label > span:first-child {
            border: solid 2px #1e222c;
            height: 25px;
            width: 25px;
            display: inline-block;
            border-radius: 15px;
            position: absolute;
            left: -35px;
            top: -2px;
            text-align: center;
        }

    .review-radio:not(old) + .qnaire-player-answer-not-selected {
        opacity: 0.65;
    }

    .qnaire-radio:not(old):checked + .qnaire-answer-label > span:first-child > span, .review-radio:not(old):checked + .qnaire-answer-label > span:first-child > span {
        background-color: #1e222c;
        border-radius: 8px;
        display: inline-block;
        height: 13px;
        margin: 4px 0px 0px 4px;
        width: 13px;
    }

    .qnaire-radio:not(old):disabled + .qnaire-answer-label > span:first-child {
        background-color: #dddddd;
        opacity: 0.85;
    }

    .review-radio:not(old):disabled + .qnaire-answer-label > span:first-child {
        background-color: #ffffff;
        opacity: 0.85;
    }

.qnaire-player-radio-checkbox-align:not(old):checked + .qnaire-answer-label > span:first-child > span {
    margin: 4px 0px 0px !important;
}

.qnaire-results {
    font-weight: bold;
    padding: 0px 4px 5px;
}

.qnaire-search-box {
    border: solid 1px #cccccc;
    border-radius: 4px;
    padding: 6px 12px;
    vertical-align: middle;
    width: 100%;
}

.qnaire-selected-table {
    background-color: #f3f5fc;
    border-radius: 5px;
    overflow: hidden;
    width: 100%;
}

.qnaire-selected-version-buttons {
    padding: 5px 6px 6px;
}

.qnaire-selected-version-header {
    background-color: #4C5872;
    color: #ffffff;
    padding: 6px 6px 5px;
}

.qnaire-slide {
    border-bottom: solid 1px #bebebe;
    margin-bottom: 30px;
    padding-bottom: 10px;
}

.qnaire-slide-table {
    border-spacing: 0px;
    table-layout: fixed;
    width: 100%;
}

    .qnaire-slide-table > tbody > tr > td {
        vertical-align: top;
    }

.qnaire-slide:last-of-type {
    border-bottom: solid 0px #bebebe;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.qnaire-status-complete {
    color: #2ECC71;
    margin: 0px 0px 4px;
    vertical-align: middle;
}

.qnaire-status-incomplete {
    color: #F1C40F;
    margin: 0px 0px 4px;
    vertical-align: middle;
}

.qnaire-submit {
    background-color: #00aad3;
    color: #ffffff !important;
}

    .qnaire-submit:disabled {
        background-color: #90918d !important;
        cursor: default;
    }

    .qnaire-submit:hover {
        background-color: #51CDDB;
    }

.qnaire-textarea {
    border: solid 2px #1e222c;
    border-radius: 5px;
    min-height: 100px;
    outline: 0px;
    resize: vertical;
    width: 100%;
}

    .qnaire-textarea:disabled {
        background-color: #dddddd;
    }

.qnaire-title {
    display: inline-block;
    font-size: 1.5em;
    margin: 8px 0px 0px 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
}

    .qnaire-title > small {
        color: #bebebe;
    }

.qnaire-translation-name {
    color: #cccccc;
}

.qnaire-user {
    border: solid 3px #1e222c;
    cursor: default;
    margin-bottom: 1px;
    padding: 6px 12px;
}

.qnaire-view-policy {
    background-color: #00aad3;
    border-radius: 5px;
    color: #ffffff !important;
    cursor: pointer;
    font-size: 1.5em;
    margin: 0px auto;
    padding: 5px 0px;
    text-align: center;
    width: 50%;
}

    .qnaire-view-policy > div {
        display: inline-block;
        vertical-align: middle;
    }

    .qnaire-view-policy:hover {
        background-color: #51CDDB;
    }

body {
    background-color: #f3f5fc;
    color: #494b43;
}

body, html {
    height: 100%;
}

label {
    font-weight: normal;
}

table {
    border-collapse: collapse;
    border-spacing: 0px;
    table-layout: fixed;
}

.login-body {
    background-color: #1c202a;
    color: #494b43;
}

.login-container, .login-container > .row, .login-container > .row > div {
    height: 100%;
}

.login-error {
    color: #C8102E;
    float: right;
    height: 20px;
    width: 100%;
}

.login-footer {
    bottom: 10px;
    color: #4c5872;
    position: absolute;
    text-align: center;
    width: 100%;
}

.login-forgot {
    margin: 50px 0px 0px;
}

    .login-forgot > span, .login-forgot > div, .login-forgot > span > a {
        color: #4c5872 !important;
        cursor: pointer;
    }

        .login-forgot > span:hover, .login-forgot > div:hover, .login-forgot > span > a:hover {
            text-decoration: underline;
        }

.login-label {
    color: #ffffff;
}

.login-language-selected {
    background-color: #00aad3 !important;
    color: #ffffff !important;
    cursor: default !important;
}

.login-logo {
    margin: -50px 0px 50px;
    max-width: 100%;
}

.login-scroll {
    border-left: solid 1px #32353e;
    border-right: solid 1px #32353e;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.3);
    height: 100%;
    opacity: 0;
}

    .login-scroll > div {
        background-image: url('../images/login-scroll.png');
        background-repeat: repeat-y;
        background-size: cover;
        height: 100%;
    }

.login-table {
    border-spacing: 0px;
    height: 100%;
    table-layout: fixed;
    width: 100%;
}

    .login-table td {
        padding: 0px;
        vertical-align: middle;
    }

.input-error {
    color: #C8102E;
    float: right;
    height: 20px;
    margin-top: -20px;
}

.report-comment {
    color: #2ECC71;
    float: left;
    font-family: 'Glyphicons Regular';
    padding: 2px 2.5px 0px;
}

.report-variant {
    color: #c8102e;
    float: left;
    font-family: 'Glyphicons Regular';
    padding: 2px 2.5px 0px;
}

.qnaire-btn-main-nav {
    background-color: #1e222c;
    border-left: solid 1px;
    border-right: solid 1px;
    border-radius: 0px;
    font-size: 1.5em;
    height: 60px;
    margin: -10px -1px;
    outline: 0 !important;
}

    .qnaire-btn-main-nav:disabled {
        background-color: #4C5872 !important;
        border-left: solid 1px;
        border-right: solid 1px;
        color: #ffffff !important;
        cursor: default;
        opacity: 1;
    }

    .qnaire-btn-main-nav:hover, .qnaire-btn-main-nav:focus {
        background-color: #ffffff;
        border-left: solid 1px;
        border-right: solid 1px;
        color: #1e222c;
    }

    .qnaire-btn-main-nav > div {
        font-size: 0.8em;
    }

.reset-password-form {
    background-color: #f3f5fc;
    border: solid 1px #4C5872;
    border-radius: 5px;
    padding: 20px 20px 20px;
}

.reset-password-user-icon {
    border: solid 1px #494b43;
    border-radius: 3px;
    display: inline-block;
    margin-bottom: 20px;
    text-align: center;
}

.reset-password-logo {
    padding: 0px 0px 20px;
    width: 300px;
}

.reset-passwword-tip {
    color: #00aad3;
    text-decoration: underline;
}

.reset-password-invalid-url {
    background-color: #f3f5fc;
    border: solid 1px #4C5872;
    border-radius: 5px;
    color: #C8102E;
    padding: 20px 20px 20px;
}

.add-edit-file-select-footer {
    background-color: #ddd;
    border-top: solid 1px #bebebe;
    text-align: center;
    width: 100%;
}

.file-manager-footer-icon {
    cursor: pointer;
    display: inline-block;
}

    .file-manager-footer-icon:hover {
        color: #a9a9a9;
    }

.file-manager-footer-icon-disabled {
    color: #a9a9a9;
    cursor: not-allowed;
    display: inline-block;
}

.add-edit-select-image {
    position: absolute;
    right: 5px;
    top: 4px;
}

.add-edit-file-select-dropdown {
    overflow: hidden;
    padding: 0px;
    width: 100%;
}

    .add-edit-file-select-dropdown > ul {
        padding: 5px 0px 0px;
        margin: 0px;
        max-height: 250px;
        min-height: 60px;
        overflow-y: auto;
        width: 100%;
    }

        .add-edit-file-select-dropdown > ul > li {
            overflow: hidden;
            text-overflow: ellipsis;
            width: 100%;
            white-space: nowrap;
        }

        .add-edit-file-select-dropdown > ul > li {
            overflow: hidden;
            text-overflow: ellipsis;
            width: 100%;
            white-space: nowrap;
        }

            .add-edit-file-select-dropdown > ul > li > a {
                color: #555;
                display: inline-block;
                height: 100%;
                padding: 2px 10px;
                text-decoration: none;
                width: 100%;
            }

                .add-edit-file-select-dropdown > ul > li > a:hover {
                    background-color: #f0f0f0;
                }

.add-edit-file-select-loading {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10;
    background-color: #efefef;
    opacity: 0.5;
    cursor: wait;
    margin: -5px 0px;
    background-image: url('../images/loading.gif');
    background-repeat: no-repeat;
    background-position: center center;
}

.add-edit-preview-policy {
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 29px;
}

    .add-edit-preview-policy:hover {
        color: #a9a9a9;
    }

.add-edit-preview-policy-disabled {
    color: #a9a9a9;
    cursor: not-allowed;
    position: absolute;
    right: 20px;
    top: 29px;
}

.file-input-thumbnail-size-hidden {
    display: none;
}


.file-input-thumbnail-size-small {
    font-size: 1em;
    max-height: 14px;
    max-width: 14px;
}

.file-input-thumbnail-size-medium {
    font-size: 2em;
    max-height: 28px;
    max-width: 28px;
}

.file-input-thumbnail-size-large {
    font-size: 3em;
    max-height: 56px;
    max-width: 56px;
}

.policy-link-http {
    border-right: solid 1px #ccc;
    color: #8e8e8e;
    cursor: default;
    padding: 6px 10px;
    position: absolute;
    left: 16px;
    top: 26px;
}


.qnaire-import-template {
    background-color: #cccccc;
    border-radius: 4px;
    color: #444444;
}

    .qnaire-import-template:hover {
        background-color: #dddddd;
        color: #000000;
    }

.manage-btn-inactive-users-off, .manage-btn-inactive-users-on {
    border: solid 1px #ffffff;
    cursor: pointer;
    font-size: 12px;
    margin: -3px 0 -1px;
    padding: 6px 10px 3px;
    outline: 0 !important;
}

.manage-btn-inactive-users-off {
    background-color: #4c5872;
    color: #ffffff !important;
}

.manage-btn-inactive-users-on {
    background-color: #ffffff;
    color: #4c5872 !important;
}

.manage-active {
    color: #2ECC71;
}

.manage-role {
    font-family: 'Glyphicons Regular';
}

.manage-role-admin {
    color: #41b6e6;
}

.manage-role-reviewer {
    color: #5a4da7;
}

.manage-role-super-admin {
    color: #f1c40f;
}

.manage-row-hidden {
    display: none;
}

.manage-row-inactive {
    color: #bebebe;
}

.file-import {
    border: solid 1px #a9a9a9;
    display: none;
    padding: 7px;
    overflow: hidden;
    white-space: nowrap;
}

    .file-import > input {
        display: none;
    }

.file-import-name {
    display: inline-block;
    vertical-align: middle;
}

.reporting-downloadable-error {
    color: #C8102E;
}

.reporting-downloadable-finished {
    color: #2ecc71;
}

.reporting-downloadable-pending {
    color: #41B6E6;
}

.review-catalog-not-reviewed {
    color: #C8102E;
}

.review-catalog-reviewed {
    color: #bebebe;
}

.review-explanation {
    margin: 0px 0px 0px 10px;
}

.review-written-response {
    border: solid 2px;
    border-radius: 5px;
    display: block;
    margin: 4px 0px 10px 4px;
    padding: 10px;
}

.review-no-response {
    font-style: italic;
    margin: 5px 0px 10px 4px;
}

.review-comment-info-line {
    cursor: default;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.review-comment {
    border: solid 2px #ddd;
    border-radius: 5px;
    margin: 0px 0px 10px -11px;
    padding: 10px;
}

    .review-comment > i {
        font-size: 0.85em;
    }

.review-completion-details-list {
    border-bottom: solid 1px #eeeeee;
    padding: 10px 0px;
}

    .review-completion-details-list:last-of-type {
        border-bottom: 0px;
    }

.review-variant-response {
    color: #c8102e;
    font-size: 25px;
    margin-top: -2px;
    vertical-align: top;
}

.qnaire-catalog-preview-link {
    background-color: transparent;
    border: 0;
    outline: 0;
    padding: 3px 20px;
    text-align: left;
    width: 100%;
}

    .qnaire-catalog-preview-link:hover {
        background-color: #efefef;
    }