﻿
.groupquestion{float:left;width:99.8%;height:auto;margin:30px 0px 30px 0px;overflow:hidden;border:solid 1px #ccc;border-radius:10px;}
.question-header{float:left;width:100%;height:50px;border-top-left-radius:10px;border-top-right-radius:10px;
    background-color:#bdd7f4;text-align:center;line-height:50px !important;text-transform:uppercase;color:#ee0d61;
    font:bold 18px Helvetica;}

.question-content{float:left;width:96%;height:auto;margin:2% 0px 2% 2%;overflow:hidden;}
.question-time{float:left;width:70%;height:0 auto;margin:10px 0px 10px 15%;font-style:italic;text-align:center;line-height:22px !important;
    color:#6e6363;font:bold 16px Helvetica;}

/*Categpry Parent*/
.cate-parent{float:left;width:100%;height:auto;overflow:hidden;}
.cate-parent-item{float:left;width:100%;height:auto;overflow:hidden;}
.parent-text{float:left;width:auto;height:auto;font:20px Helvetica-bold;text-transform:uppercase;color:#1010a4;
    border-bottom:solid 3px #1010a4;line-height:39px;}
.line-text{float:left;width:auto;height:auto;font:bold 20px Helvetica;text-transform:uppercase;color:#1010a4;border-bottom:solid 3px #1010a4;}
.div-block{float:left;width:100%;height:auto;overflow:hidden;}
/*Categpry child*/
.cate-chil{float:left;width:100%;height:auto;overflow:hidden;}
.cate-chil-item{float:left;width:100%;height:auto;overflow:hidden;}
.chil-text{float:left;width:100%;height:auto;font:bold 17px Helvetica;text-transform:uppercase;color:#d10c0c;}
/*Question*/
.list-question{float:left;width:100%;height:auto;overflow:hidden;}
.list-question-item{float:left;width:100%;height:auto;overflow:hidden;margin-top:3px;}
.question-text{float:left;width:100%;height:auto;font:bold 16px Helvetica;margin-top:10px;color:#333;}
.question-audio {float:left;width:100%;height:auto;font:bold 16px Helvetica;margin-bottom:5px;}
    .question-audio audio{float:left;width:132px;height:30px;}

.question-text .fckDefaultlabel{float:left;width: 50px;height: auto;font: 16px Helvetica;margin-top:2px;}
.question-text .fckDefault {float:left;width:90%;height:auto;font:16px Helvetica;margin-left:5px;}
    .question-text .fckDefault p{float:left;width:100%;height:auto;font: 16px Helvetica;}

/*Answer*/
.list-answer{float:left;width:100%;height:auto;overflow:hidden;}
    .list-answer li{float: left;width: 50%;margin-top:10px;}
    .list-answer li::marker{content:"";}
        .list-answer li input{float: left;width: 5%;}
        .list-answer li label{float:left;width:88%;padding-left:5px;font:15px Helvetica;}

.list-answer-item{float: left;width: 50%;height: auto;overflow: hidden;margin-top: 10px;}
.answer-chk {float: left;width: 4%;}
.answer-text {float: left;width: 90%;height: auto;font: 15px Helvetica;margin-top: 2px;}

.buttonBack{display:inline-block;height:40px;background-color:#186bcc;padding:12px 25px;color:white;border-radius:8px;
    font: bold 16px Helvetica;text-transform:uppercase;text-decoration:none;text-align:center;}

.answer-upload{float:left;width:50%;height:auto;font:15px Helvetica;margin-top:2px;}

.buttonUpload{float:left;width:auto;height:auto;background-color:#186bcc;padding:8px 10px 8px 10px;color:white;border-radius:8px;
    font:bold 12px Helvetica;text-transform:uppercase;}
    .buttonUpload:hover{color:red;}

.group-upload {float:left;width:100%;height:auto;overflow:hidden;}
    .group-upload .uploadfile{float:left;width:100%;height:auto;overflow:hidden;color:blue;font-style:italic;}
.answer-point{float:left;width:10%;height:auto;font:15px Helvetica;margin-top:2px;}

.buttonsave{float:left;width:auto;height:auto;background-color:#186bcc;padding:5px 10px 5px 10px;color:white;border-radius:5px;
    font:bold 12px Helvetica;text-transform:uppercase;margin-left:5px;}
    .buttonsave:hover{color: red !important;}
    .buttonsave.deactive{float:left;width:auto;height:auto;background-color:#CCC;pointer-events:none;cursor:default;}

.list-answer-tl{float:left;width:100%;height:auto;overflow:hidden;}
.list-answer-item-tl{float:left;width:50%;height:auto;overflow:hidden;margin-top:10px;}

.group-button{float:left;width:100%;height:auto;overflow:hidden;margin:40px 0px 20px 0px;}
.buttonEnd{float:left;width:auto;height:0 auto;background-color:#186bcc;padding:12px 25px 12px 25px;color:white !important;
    border-radius:8px;font:bold 16px Helvetica;text-transform: uppercase;margin-left:45%;}
    .buttonEnd:hover{color:red !important;}

.buttonEndadmin{float:left;width:auto;height:auto;background-color:#186bcc;padding:6px 25px 6px 25px;color:white !important;border-radius:8px;
    font: bold 16px Helvetica;margin-left:10px;}
    .buttonEndadmin:hover{color:red !important;}

.labelstatuscss{float:left;width:auto;height:auto;overflow:hidden;margin:5px 0px 0px 40%;}
.chkstatuscss{float:left;width:auto;height:auto;overflow:hidden;margin:5px 0px 0px 5px;}
    .chkstatuscss input{float:left;width:auto;height:auto;overflow:hidden;margin:2px 0px 0px 5px;}
    .chkstatuscss label{float:left;width:auto;height:auto;overflow:hidden;margin:0px 0px 0px 5px;}


@media (min-width: 1821px) 
{
}
@media (min-width: 1440px) and (max-width: 1820px) 
{
}      
@media (min-width: 1024px) and (max-width: 1440px) 
{   
}        
@media (min-width: 768px) and (max-width: 1023px) 
{
}
@media (min-width: 480px) and (max-width: 767px) 
{
}
@media (max-width: 479px) 
{
}    
