/*
    Survey Result
*/
/*
    Branding;

    $eap-green: #8ac43a;
    $eap-navy: #294061;
    $eap-grey: #758194;
    $eap-mid-grey: #cccccc;
    $eap-light-grey: #ececec;
    $eap-blue-grey: #dde9f2;
    $eap-blue: #3a72c1;
    $eap-light-blue: #bacfe5;
    $eap-red: #ec4e20;
*/

/*
    Generic;
*/
table {
    margin: 20px 0;
}

#surveyElement {
    padding-bottom: 30px;
}

.progress {
    width: 100% !important;
}

@media (min-width: 992px) {
    .container {
        width: 850px;
    }
}

.sv_container {
    padding: 0;
}
.sv_container .panel-heading {
    margin-top: 2em;
}
.sv_container .panel-heading h3 {
    margin: 0;
    min-height: 3em;
    background: url("/images/13265eaplogo.png") no-repeat center right;
    background-size: 30%;
}
.sv_container .panel-footer {
    padding: 0;
    background-color: #fff;
    border: none;
}
.sv_container .panel-footer input[type=button].btn {
    min-width: 10em;
    min-height: 2.5em;
    padding: 0.5em 1em;
    color: white;
    background-color: #758194;
    border: 1px solid #758194 !important;
    border-radius: 2px !important;
    -webkit-appearance: none;
    transition: background-color 0.2s ease;
    -webkit-font-smoothing: antialiased;
}
.sv_container .panel-footer input[type=button].btn:focus {
    outline: none !important;
}
.sv_container .panel-footer input[type=button].btn:hover,
.sv_container .panel-footer input[type=button].btn:disabled {
    background-color: #838e9f;
}
.sv_container .panel-footer input[type=button].btn.btn-primary {
    background-color: #8ac43a;
    border: 1px solid #8ac43a !important;
}
.sv_container .panel-footer input[type=button].btn.btn-primary:hover,
.sv_container .panel-footer input[type=button].btn.btn-primary:disabled {
    background-color: #96ca4d;
}

.sv_main span {
    word-break: normal !important;
}

/*
    Welcome Page;
    Complete Page;
*/
section.eap-survey-welcome,
section.eap-survey-complete,
section.eap-survey-expired {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
section.eap-survey-welcome img.eap-logo,
section.eap-survey-complete img.eap-logo,
section.eap-survey-expired img.eap-logo {
    max-width: 400px;
    align-self: center;
}
section.eap-survey-welcome h3,
section.eap-survey-complete h3,
section.eap-survey-expired h3 {
    margin: 0;
    padding: 1.5rem 0;
    border-top: 1px solid #ccc;
    color: #294061;
    font-weight: bold;
}
section.eap-survey-welcome .eap-welcome-message,
section.eap-survey-complete .eap-completed-message,
section.eap-survey-expired .eap-expired-message {
    padding: 1em;
    background-color: #ececec;
    border-radius: 4px;
}
section.eap-survey-welcome .eap-welcome-message p,
section.eap-survey-complete .eap-completed-message p,
section.eap-survey-expired .eap-expired-message p {
    font-size: 14px;
    line-height: 21px;
}
section.eap-survey-welcome .eap-welcome-message p:last-of-type,
section.eap-survey-complete .eap-completed-message p:last-of-type,
section.eap-survey-expired .eap-expired-message p:last-of-type {
    margin-bottom: 0;
}

/*
    Survey Pages;
*/
.sv_container .panel-heading h3 {
    color: #294061;
    font-weight: bold;
}
.sv_container h4 {
    /*page title*/
    border-bottom: solid 1px #ccc;
    padding-left: 0;
    padding-bottom: 5px;
    color: #758194;
}
.sv_container .sv_qstn {
    /*question panel*/
    padding: 15px 0 30px 0 !important;
}
.sv_container .sv_qstn h5 {
    /*question*/
    color: #758194;
    font-weight: bold;
    font-size: 14px;
    line-height: 21px;
}
.sv_container .sv_qstn fieldset.sv_qcbc .radio label>input[type=radio],
.sv_container .sv_qstn fieldset.sv_qcbc .checkbox label>input[type=checkbox],
.sv_container .sv_qstn fieldset table tbody td label>input[type=radio] {
    width: 16px;
    height: 16px;
}
.sv_container .sv_qstn fieldset.sv_qcbc .radio label>input[type=radio]:focus,
.sv_container .sv_qstn fieldset.sv_qcbc .checkbox label>input[type=checkbox]:focus,
.sv_container .sv_qstn fieldset table tbody td label>input[type=radio] {
    outline: none;
    border: none !important;
    box-shadow: none !important;
}
.sv_container .sv_qstn fieldset.sv_qcbc .radio label>span,
.sv_container .sv_qstn fieldset.sv_qcbc .checkbox label>span {
    color: black;
}
.sv_container .sv_qstn .description {
    margin-top: -5px;
    margin-bottom: 10px;
}
.sv_container .sv_qstn .radio label span {
    /*radio group text*/
    margin-left: 1px;
}
.sv_container .sv_qstn.has-error .alert.alert-danger {
    border: 1px solid #fad1c4;
    border-radius: 2px;
    background-color: #fef6f3;
    color: #ec4e20;
}
.sv_container .sv_qstn fieldset table thead th {
    border: none;
}
.sv_container .sv_qstn .btn-group label.btn:hover,
.sv_container .sv_qstn .btn-group label.btn.active {
    box-shadow: none !important;
    background-color: #8ac43a !important;
    border: 1px solid #8ac43a !important;
    color: white !important;
}

@media (min-width: 768px) {
    /*maintain radio/checkbox group margin*/
    .form-inline .checkbox label,
    .form-inline .radio label {
        margin-bottom: 5px;
    }
}
@media (max-width: 600px) {
    /*matrix label and input margin*/
    .sv_qstn label.sv_q_m_label input {
        margin-left: 10px;
    }
}

/*
    Survey T1 - Specific Styles;
*/
table.T1-question9 {
    table-layout: fixed;
}
table.T1-question9 > thead > tr > td:first-of-type {
    width: 20%;
}
table.T1-question9 > thead > tr > th {
    vertical-align: top !important;
}

table.T1-question13 {
    table-layout: fixed;
}
table.T1-question13 > thead > tr > td:first-of-type {
    width: 45%;
}
table.T1-question13 > thead > tr > th {
    vertical-align: top !important;
}

/*
    Survey T2 - Specific Styles;
*/
table.T2-question3 {
    table-layout: fixed;
}
table.T2-question3 > thead > tr > td:first-of-type {
    width: 45%;
}
table.T2-question3 > thead > tr > th {
    vertical-align: top !important;
}

table.T2-question4 {
    table-layout: fixed;
}
table.T2-question4 > thead > tr > td:first-of-type {
    width: 40%;
}
table.T2-question4 > thead > tr > th {
    vertical-align: top !important;
}

table.T2.question11 {
    table-layout: fixed;
}
table.T2-question11 > thead > tr > td:first-of-type {
    width: 40%;
}

table.T2-question12 {
    table-layout: fixed;
}
table.T2-question12 > thead > tr > td:first-of-type {
    width: 50%;
}
table.T2-question12 > thead > tr > th {
    vertical-align: top !important;
}

/*
    Survey T3 - Specific Styles;
*/
table.T3-question18 {
    table-layout: fixed;
}
table.T3-question18 > thead > tr > td:first-of-type {
    width: 50%;
}

table.T3-question18 > thead > tr > th {
    vertical-align: top !important;
}