@import url('../radio-checkbox.css');
.Survey {
    padding: 10px 10px 82px;
    border: 7px solid #ededed;
    margin: 10px 0px; /* background-color: #ededed; */
    outline: 1px solid #ccc;
    position: relative;
    min-height: 300px;
    box-shadow: 2px 19px 29px -6px #ccc;
    overflow: visible;
}

    .Survey .ProgressValue {
        right: 64px;
    }

    .Survey .ProgressLabel {
        font-size: 14px;
    }

    .Survey .SectionRow {
        background-color: transparent !important;
        margin-bottom: 38px;
        border-bottom: 1px solid #ccc;
        display: block;
    }

    .Survey .SectionHeader {
        font-weight: Bold;
        font-size: 1.2em;
        text-align: center;
        color: #333;
        padding: 5px;
    }

    .Survey .ui-datepicker-week-end {
        width: auto !important;
    }

    .Survey .SectionBox {
        background-image: none;
        border: 0px;
    }

        .Survey .SectionBox .SectionRow {
            margin-bottom: 10px;
        }

            .Survey .SectionBox .SectionRow .SectionHeader {
                display: inline-block;
                font-weight: 600;
            }

        .Survey .SectionBox .SubSectionRow .SectionHeader {
            display: inline-block;
            font-weight: 400;
            font-size: 14px;
        }

        .Survey .SectionBox .SectionRow .SectionImage {
            display: none;
        }

/* Group title */
.QSeparator {
    display: none;
}

.QGroupTitle {
    font-size: 1.25em;
    font-weight: bold;
}

/* Group row */
/* .QGroupRow {}*/

/* Group line (row) header */
.QGroupLine {
    font-size: 1em;
    border-right: 2px solid #888;
    color: #333333;
    vertical-align: top;
    padding: 4px;
    border-bottom: 2px solid #888888;
}

/* Questions in a group and questions with errors in a group */
.QGroupQuestion {
    padding: 4px;
    background-color: #bddbfa;
    border: 1px solid #84bbf3;
    color: #333;
    font-weight: 700
}

.QGroupDetailLine {
    vertical-align: top;
    padding: 5px;
    border-bottom: 2px solid #888888;
    background-color: #efefef;
}

    .QGroupDetailLine input[type=text] {
        margin-bottom: 4px;
        min-width: 100px;
    }

.QGroupQuestionError {
    font-weight: normal;
    font-size: 1em;
    color: red;
}

/* Survey question and question with an error */
.QQuestion {
    font-size: 1.1em;
    font-weight: bold;
    display: block;
    padding-top: 7px;
    box-sizing: border-box;
}

    .QQuestion br {
        display: none;
    }

.QStatement {
    display: block;
    font-family: 'roboto', sans-serif !important;
    font-weight: normal;
    border-bottom: 1px solid #CCC;
    padding: 8px 0px;
}

.QQuestionError {
    font-weight: bold;
    font-size: 1.1em;
    color: red;
    display: block;
    padding-top: 7px;
    box-sizing: border-box;
}

    .QQuestionError br {
        display: none;
    }

/* Required question indicator */
.QRequired::before {
    content: "\f069";
    color: #cc0000;
    font-family: FontAwesome;
    font-size: .9em;
    padding-right: 5px;
    display: inline;
}

.QRequired p:first-of-type {
    display: inline;
}

/* Survey answer text - outside and inside groups */
.QAnswer, .QGroupAnswer {
    font-size: 1em;
}

/* Answer input boxes and list/combo boxes - outside and inside groups */
.QAnswerInput, .QAnswerList, .QGroupAnswerInput, .QGroupAnswerList {
    font-size: 16px;
}

.QButtonSection {
    position: absolute;
    bottom: 5px;
    right: 10px;
}

.QButtonSection .btn:focus {
    outline: 2px solid #000;
    border: 4px solid #fff;
    border-radius: 8px;
}

/* Progress bar customization */
.Survey .ProgressPosition {
    width: 98%;
    text-align: center;
    margin: 20px 1% 0px 1%;
    /* position: absolute; */
    /* top: 45px; */
    left: 50%;
    margin-left: -49%;
}

/* Fix code */
/* .Survey .pnlQuestion { position: relative !important; display: block; margin-bottom: 10px; top: inherit !important; } */

.Survey .RadInput .QAnswerInput {
    font-size: 1.2em !IMPORTANT;
    font-weight: 500;
}

.QAnswerInput, .QAnswerList, .QGroupAnswerInput, .QGroupAnswerList {
    font-size: 1.1em;
    font-weight: 500;
}

/* Calendar header */
.ui-datepicker .ui-datepicker-title select {
    color: #000
}

.ProgressPosition tr {
    border: 0 !important;
}

.SubSectionRow {
    border: 0;
    background-color: transparent;
    padding: 0px;
}

.Survey .ProgressPosition {
    margin: 52px 1% 0px 1%;
    margin-left: -49%;
}

.Survey .ProgressBar {
    background-color: transparent;
    padding: 0px;
    border: 0;
}

.Survey .ProgressBarComplete {
    background-image: none !important;
    background-color: #31B46F;
}

    .Survey .ProgressBarComplete:after {
        display: none;
    }

.Survey .ProgressBarIncomplete {
    background-color: #f3f3f3;
}

.QRequired::before {
    content: '*';
    font-size: 23px;
    padding-top: 10px;
}

.QQuestion {
    padding-bottom: 7px;
}

.Survey .QStatement:before {
    display: none;
}

.fluidcontainer_6 {
    width: 100%;
}

.QRadio, .QAnswer {
    margin-bottom: 15px;
    display: inline-block;
}

.Survey input[type=text], .Survey textarea, .Survey .pnlQuestion > select, .Survey .pnlQuestion > select, .Survey .pnlQuestion .QAnswerList {
    border-radius: 8px;
    height: 40px;
    border-color: #C0C2C5 !important;
}

.fluidcontainer_6 textarea {
    min-height: 124px;
    font-size: 15px;
    line-height: 26px;
    color: #0D0F10;
}

.buttons input.Next, .Next {
    background-color: #0C4F8C;
    font-size: 18px !important;
    font-weight: 600;
    margin: 0;
    height: 40px;
    color: #fff !important;
    box-shadow: none !important;
}

    .Next:after {
        display: none;
    }

.Survey table tbody tr {
    border-radius: 4px;
    border: 1px solid rgba(192, 194, 197, 1);
}

    .Survey table.grouped-question tbody tr{
        border: 0;
    }

    .Survey table tbody tr .QGroupQuestion, table tbody tr .QGroupQuestion, .Survey table tbody tr .QGroupQuestion {
        padding: 14px 16px;
        color: #0D0F10;
        font-weight: 700;
        background: rgba(15, 98, 175, 0.12);
        border-color: rgba(192, 194, 197, 1);
    }

    .Survey table tbody tr .QGroupDetailLine, .Survey table tbody tr .QGroupLine {
        border-bottom: 0;
    }

    .Survey table tbody tr .QGroupLine {
        border-right: 0;
    }

    .Survey table tbody tr .QGroupDetailLine input {
        margin-bottom: 0;
    }

    .Survey table tbody tr.QGroupRow td {
        padding: 14px 16px;
        color: #0D0F10 !important;
        border: 1px solid rgba(192, 194, 197, 1);
        border-top: 0;
        vertical-align: middle;
        background-color: transparent;
        font-weight: 500;
        font-size: 15px;
    }

.Survey table.grouped-question tbody tr.QGroupRow td, .Survey table.grouped-question tbody tr td {
    border: 0;
}

        .Survey table tbody tr.QGroupRow:nth-child(odd) td {
            background: #F7F7F8;
        }

    .Survey table tbody tr.QGroupRow td .ButtonStyle {
        border-radius: 4px;
        border: 1px solid #0C4F8C;
        background-color: #0F62AF;
        color: #fff;
        padding: 10px;
        margin: 0 4px 6px;
    }

    .Survey table tbody tr.QGroupRow td .ButtonStyle:hover {
            background-color: #0C4F8C;
    }

    .Survey table tbody tr td {
        vertical-align: middle;
    }

        .Survey table tbody tr td:last-child {
            width: 224px;
        }

    .Survey table tbody tr.QGroupRow td .ButtonStyle[value="Delete"] {
        background-color: #cc0000;
        border-color: #cc0000;
    }

    .Survey table tbody tr.QGroupRow td input[value="Delete"] {
        border-color: #f44336;
        background-color: #f44336;
    }

.Survey .QStatement p {
    background-color: rgba(15, 98, 175, 0.12) !important;
    border: 1px solid rgba(15, 98, 175, 0.5) !important;
    padding: 7px !important;
    border-radius: 4px !important;
    color: rgba(12, 79, 140, 1) !important;
    font-size: 13px !important;
    margin: 10px 0;
}

    .Survey .QStatement p span {
        color: #0C4F8C !important;
        /* font-style: italic; */
    }

        .Survey .QStatement p span strong {
            font-weight: 400;
        }

.Survey .QStatement {
    border-bottom: 0;
    padding: 0;
    margin-bottom: 10px;
    display: block !important;
}

.Survey .VisibleNote {
    margin-bottom: 14px;
}
.Survey .survey-question, .Survey {
    display: block;
    font-size: 20px;
    color: #0D0F10;
    margin: 10px 0;
}
.Survey .survey-question br{
    display:none;
}
/* Margin */
.my-3 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
}