.question_body .checkbox, .question .checkbox {
            background: rgba(0, 0, 0, 0) url("/images/checkbox-large.png") no-repeat scroll 0 0;
        }
        .checkbox, .radio {
            background: rgba(0, 0, 0, 0) url("/images/checkbox.png") no-repeat scroll 0 0;
        }
        .question_body .radio, .question .radio {
            background: rgba(0, 0, 0, 0) url("/images/radio-large.png") no-repeat scroll 0 0;
        }
    
label.matrix-item-label-mobile, .ui-field-contain .mixed-matrix-choices, .mixed-matrix-dialog .ui-header .ui-title,
.mixed-matrix-dialog .ui-selectmenu-list .ui-li-divider, .open-end-textarea-container .question-holder .question-table {
font-family:Open Sans;
font-size: 12px;
color: #000000;
text-align: left;
font-weight: normal !important;}
textarea{resize: none;}
.main-page-body{
background: #FFFFFF !important;}
.page-body{
background: #EFF1F5; border: 1px solid #A5A5A5; width: auto; -moz-border-radius: 5px;
                      -webkit-border-radius: 5px;
                      -khtml-border-radius: 5px;
                      border-radius: 5px; -webkit-box-shadow: 0px 0px 5px #666666;
                     -moz-box-shadow: 0px 0px 5px #666666;
                     box-shadow: 0px 0px 5px #666666;
                     filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#666666);margin:0 auto;
    margin-top:30px;
    padding: 20px;
}
.question{
margin-bottom: 30px;
}
.question_separator {
background: none repeat scroll 0 0 #A0A9BD;
display: block;
height: 1px;
margin-left: 34px;
margin-top: 10px;
}
    .window .question-text, .question .question-text{
    font-family: Open Sans; font-size: 14px; color: #000000; text-align: left; background: transparent; font-weight: bold;    }
.open-end-textarea-container{
    margin-left:35px;
text-align:left;
}
.open-end-textarea-container textarea {
    overflow: auto;
}
.answers-block{
    margin-top:10px;
    margin-left:35px;
    overflow: hidden;
background: transparent; text-align: left; margin-top: 10px;}
    .answer-line, .inputs_dropdown.survey .select, .matrix-ans-block .matrix.mixed .select, .options_container .select_item .select_item_label {
    font-family: Open Sans; font-size: 13px; color: #000000; font-weight: normal !important;    }
    textarea.open-end{
        height:66px;
        width:500px;
        padding: 0;
    }
    textarea.open-end.multiple{
        height: 18px;
        padding: 0;
    }

.numbox-container, .slider-container {
display: flex;
align-items: center;
padding: 2px 0;
}
.numbox-container, .slider-container, .ranking-block ul li, .not-applicable-wrapper span {
font-family:Open Sans;
font-size:12px;
color: #000000;
margin-bottom:2px;
}
.numbox-container-even{
background-color:#EFF1F5;
}
.numbox-container-odd{
background-color:#b2dfdb;
}

    .ui-numeric {
    float: left;
    }
    .numbox-align {
    display: flex;
    text-align: left;
    }
    .numbox-descr {
    margin: 0 10px;
    width: 500px;
    }
    .slider_descr, .numeric-ans-block .slider_right .not-applicable-wrapper.master span.not-applicable-label {
    width: 500px;
    }

.page-buttons-block {
overflow: hidden;
}
.page-buttons {
margin: 0 auto;
overflow: hidden;
    width: 182px;
}

.page-buttons a {
background: #008080;
color: #FFFFFF;
float: left;
margin: 0 10px;
padding: 14px 20px;
text-decoration: none;
}
.slider_align {
display: flex;
align-items: center;
padding: 8px 4px;
}
.question_body .slider_block .slider_value, .question .slider_block .slider_value {
    background: #008080;
    border: medium none;
    bottom: 10px;
    color: #FFFFFF;
    font-size: 9px;
    height: 15px;
    line-height: 15px;
    margin-left: -8px;
    top: auto;
    width: 20px;
}
.question_body .slider_block .slider_value::before, .question .slider_block .slider_value::before {
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 5px solid #008080;
    content: "";
    height: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 100%;
    width: 0;
}
.slider_block {
float: left;
margin: 0 16px;
width: 300px;
}
.slider_info {
height: 22px;
position: relative;
}
.slider_min {
float: left;
}
.slider_max {
float: right;
}
    .ranking-block {
    /*display: inline-block;*/
    }
    .droptrue {
    background: none repeat scroll 0 0 transparent !important;
    border: 1px solid #DDDDDD;
    float: left;
    list-style-type: none;
    margin: 0 10px 0 0;
    padding: 5px;
    }
    .droptrue li{
    line-height:16px;
    padding:5px;
    margin:5px;
    }
    .ranking_empty li {
    padding-left: 13px;
    }
    .ui-state-default .drug_quest {
    float: left;
    margin-top: 1px;
    position: static;
    }
    .ui-sortable li {
    cursor: move;
    }
    .drug_quest {
    background: url("/images/sprite.png") no-repeat scroll -114px -23px transparent;
    cursor: move;
    height: 15px;
    left: 2px;
    position: absolute;
    top: 3px;
    width: 15px;
    }
    .emptyItem {
    padding-left: 13px !important;
    font-size: 20px !important;
    position: relative;
    top: -2px;
    font-weight: normal;
    }
.grey {
background: url("/images/ranking_background_grey.png") no-repeat scroll 10px center transparent !important;
}
.black {
background: url("/images/ranking_background_black.png") no-repeat scroll 10px center transparent !important;
}
.red {
background: url("/images/ranking_background_red.png") no-repeat scroll 10px center transparent !important;
}


.matrix {
border-collapse: collapse;
width: 100%;
}
    .matrix-hd{
    font-family:Open Sans;
    font-size:13px;
    color:#000000;
    background-color:#E2E2E2;
    text-align:center;
    font-weight: normal;    }
    .matrix-choice .input_item {
        display: inline-block !important;
        float: none;
        padding-left: 10px;
    }
    .matrix-choice{
        text-align:center;
        font-weight: normal;    }


th {
padding: 3px;
}
    .matrix td.matrix-ans {
    font-family:Open Sans;
    font-size: 12px;
    color: #000000;
    text-align: left;
        padding-top: 1px;
    padding-bottom: 1px;
    }
.matrix-row-odd{
background-color:#b2dfdb;
}
.matrix-row-even{
background-color:#EFF1F5;
}
.inputs_onbottom label{
display: block;
float: none;
left: 0;
top: -3px;
}
.question-number{
float: left;
width: 35px;
}

    .question-title{
    display: block;
    overflow: hidden;
    margin-left:35px;
    }

.inquirer_error_msg{
color: #ee2727;
background: #F5CACA;
padding: 13px 10px;
font-size: 16px;
line-height: 22px;
border: 1px solid #EE2727;
margin: 0 0 30px 0;
}
.inquirer_notice_msg{
color: #464497;
background: #E0DEF8;
padding: 14px 10px;
font-size: 16px;
line-height: 22px;
margin: 0 0 20px 0;
}
.ui-numeric-buttons{
display:none;
}
.preview-container{
border-top: 1px solid #A0A9BD;
position: relative;
top: -60px;
}

/*Drag-and-drop matrix*/
    .matrix-dd .choices {
    height: auto;
    }

    .matrix-dd .dd-choice-container {
    width: 100px;
    margin: 0 50px 50px 0;
    height: 50px;
    float: left;
    }

    .matrix-dd .items {
    margin-bottom: 100px;
    position: relative;
    /*left: 50%;*/
    }


    .matrix-dd .item div.dd-item-container {
    border: 1px solid #A0A9BD;
    /*height: 100px;*/
    }

    .matrix-dd .choice {
    height: 50px;
    border: 1px solid #A0A9BD;
    }

    .matrix-dd .choice .choice-content {
    padding-top:10px;
    font-weight: bold;
    }

    .matrix-dd .item {
    width: 20%;
    /*height: 150px;*/
    float: left;
    position: absolute;
    }

.matrix-dd .arrow {
position: absolute;
width: 20px;
height: 25px;
background: url("/images/red-arrow-50.png") no-repeat scroll 0 0 transparent;
margin-left: -10px;
left: 50%;
}

.matrix-dd .item.invisible {
display: none;
}

.matrix-dd .matrix-content {
position: absolute;
width: 95%;
overflow: hidden;
    display: none;
}

.matrix-dd .matrix-content-label {
display: none;
}


.matrix-d2d-hover-choices {
background-color: #ffffd7 !important;
}

.ece-survay-area text, .ece-survay-area span, .ece-survay-area {
    font-family:Open Sans !important;
    font-size: 14px !important;
    color: #000000;
    }
/*********************/
.numeric-ans-block {
        margin-top: 10px;
    margin-left: 35px;
    overflow: hidden;
        background: none;
}
.numeric-ans-block.multiple {
    text-align: left}
.matrix-ans-block {
    margin-top: 10px;
    margin-left: 35px;
    overflow: hidden;
        background: none;
}
.ece-ans-block {
    overflow: hidden;
}
.video_question-ans-block {
margin-left: 35px;
margin-bottom: 100px;
display: block;
}
.video_question {
    text-align: center}
.client_panel_cont .client_panel {
    background: #008080}
.client_panel_cont .client_panel .progress_cont {
    color: #FFFFFF}
.client_panel_cont .client_panel .progress_cont > div {
    background: #2C5B5A}
.client_panel_cont .client_panel .progress_cont > div > div.progress_active {
    background: #FFFFFF}

.answers-block .inputs_dropdown.survey .select:before {
    background: #008080}

.question_body .slider_block .ui-widget-content, .question .slider_block .ui-widget-content {
    background: #008080 !important;
}
.question_body .slider_block .ui-widget-header, .question .slider_block .ui-widget-header {
    background: #008080 !important;
}

.custom-slider-block .custom-slider-block-inner .custom-slider.ui-slider-horizontal {
    background: #008080;
}

.custom-slider-block .label-text-block .min-label, .custom-slider-block .custom-slider-block-inner .min-label-count,
.video-slider-block .label-text-block .min-label, .video-slider-block .video-slider-block-inner .min-label-count {
    color: #9c3935;
}

.custom-slider-block .label-text-block .max-label, .custom-slider-block .custom-slider-block-inner .max-label-count,
.video-slider-block .label-text-block .max-label, .video-slider-block .video-slider-block-inner .max-label-count {
    color: #008080;
}

.custom-slider-block .custom-slider-block-inner .custom-slider.ui-slider-horizontal .layer,
.video-slider-holder .ui-slider .layer {
    background:  #C1C1C1;
    opacity: 1;
}

.window .question-text, .question .question-text {
    margin: 0 0 10px !important;
}

.restart-survey-link {
    color: #FFFFFF;
}
.video-container .pop-up-informer {
    background: #008080;
    color: #FFFFFF}
.jwplayer .jw-button-color:hover {
    color: #008080 !important;
}
.jwplayer .jw-progress {
    background: #008080 !important;
}
.window .question-text strong, .question .question-text strong {
    font-weight: bold;
}
.slider_edge_labels {
    position: relative;
    width: 332px;
    left: -32px;
}
.slider_edge_labels div {
    display:inline-block;
    max-width: 100px;
}

.slider_edge_labels .left_label {
    float: left;
    text-align: left;
}
.slider_edge_labels .right_label {
    float: right;
    text-align: right;
}

.question .answer-line.active label {
    font-weight: bold;
            font-family: OpenSansBold;
    }
.question .matrix .matrix-ans.active {
    font-weight: bold;
            font-family: OpenSansBold;
    }

.autocomplete-items {
    border: 1px solid #d4d4d4;
    border-top: none;
    z-index: 99;
    background-color: white;
    max-height: 200px;
    overflow-y: auto;
}

.autocomplete-items div {
    padding: 10px;
    cursor: pointer;
}

.autocomplete-items .autocomplete-active {
    background-color: #e9e9e9;
}