.validator {
 
    color: red;
    font-size:0.8em;
    
}
.validator-text
{
    color:red;
}
.validation-message{
    border:1px solid red;
    border-radius:12px;
    font-size:0.85em;
    padding:12px;
    margin:6px 6px 24px 6px;
}

.col-lbl-full, .col-ctrl-full {
    float: left;
    padding: 4px 16px;
    margin: 2px 0px;
    width: 100%;
}


.col-radio {
    float: left;
    padding: 4px 16px;
    margin: 2px 0px;
}

.radio-label {
    float: left;
}


.radio-horizontal {
    margin: 0px 8px;
    float: left;
}


.checkbox-vertical {
    width: 100%;
    margin: 0px 16px;
    float: left;
}

.checkbox-single input {
    margin: 5px 6px 0px 0px;
}

.checkbox-single label {
    font-weight: normal;
}

.radio-horizontal label, .checkbox-vertical label {
    font-weight: normal;
    padding: 0px 18px 0px 4px;
}


@media screen and (min-width:992px ) {
    .ct-checkbox {
        float: left;
        width: 10%
    }
    .ct-textbox {
        float: left;
        width: 80%
    }

    .col-left {
        width: 50%;
        float: left;
        box-sizing: border-box;
    }

    .col-right {
        width: 50%;
        float: left;
        box-sizing: border-box;
    }

    .col-lbl {
        float: left;
        box-sizing: border-box;
        padding: 4px 0px;
        margin: 2px 0px;
    }

    .col-control {
        float: left;
        box-sizing: border-box;
        margin: 2px 0px;
    }


    .col-left .col-lbl, .col-right .col-lbl {
        width: 36%;
    }

    .col-left .col-lbl {
        padding-left: 16px;
    }

    .col-left .col-control, .col-right .col-control {
        width: 64%;
    }

    .col-left .width-xxl, .col-right .width-xxl, .col-full .width-xxl {
        width: 90%;
    }

    .col-left .width-xl, .col-right .width-xl, .col-full .width-xl {
        width: 78%;
    }

    .col-left .width-lg, .col-right .width-lg, .col-full .width-lg {
        width: 66%;
    }

    .col-left .width-md, .col-right .width-md, .col-full .width-md {
        width: 50%;
    }

    .col-left .width-sm, .col-right .width-sm, .col-full .width-sm {
        width: 35%;
    }

    .col-left .width-xs .col-right .width-xs, .col-full .width-xs {
        width: 25%;
    }


    .col-left input, .col-right input, .col-full input {
        float: left;
    }

    .col-full {
        width: 100%;
        float: left;
        box-sizing: border-box;
    }

        .col-full .col-lbl {
            width: 18%;
            padding-left: 16px;
        }

        .col-full .col-control {
            width: 82%;
        }
}

@media screen and (max-width:991px) {
    .col-full
    {
        padding:6px 0px 36px 0px;
        
        
    }
    
    .col-left {
        width: 100%;
        float: left;
        box-sizing: border-box;
    }

    .col-right {
        width: 100%;
        float: left;
        box-sizing: border-box;
    }

    .col-lbl {
        /*float: left;*/
        box-sizing: border-box;
        /*padding: 4px 16px;*/
        margin: 2px 0px;
        /*width: 26%;*/
        width:100%;
    }

    .col-control {
        float: left;
        box-sizing: border-box;
        margin: 2px 0px;
        width: 100%;
     
    }

        .col-control input {
            float: left;
        }

    .width-xxl, .width-xl, .width-lg, .width-md, .width-sm, .width-xs {
        width: 70%;
      
    }
}

.qa
{
    float:left;
    width:100%;
    
}
.qa .question_no
{
    width:3%;
    float:left;
}
.qa .question
{
    float: left; 
    width: 90%;
    font-size:1.2em;

}
.qa .result
{
    width:30px;
    float:left;
    border:1px solid white;
 
}
.qa .checkbox-vertical
{
    padding:0px;
    margin:6px;
    width:90%;
}
.error-row
{
    color:red;
    margin:24px 0px;
    border:1px solid red;
    float:left;
    width:100%;
    padding:10px;
}
#player-rewind
{
    padding:0px 6px 4px 6px;
    height:28px;
    
}
#player-rewind img
{
    display:none;
    
}
#player-rewind img:hover
{
    cursor:pointer;
}