.qa_model_title{
    background-color:#364955; /*#437B7F*/
    color:white;
    font-weight: 600;

    height: 58px;
}

.qa_q_list_btn{
    width: 36px;
    height: 36px;
    font-size: 1.2rem;
    font-weight: 600;

    padding: 0px;
    margin-right: 0.5rem;

    color: #fff;
    border: 2px solid #fff;
    
}

.qa_q_list_btn:hover{
    color: #fff;
}

.qa_q_list_btn:focus{
    box-shadow: 0 0 0 0 rgb(0 123 255 / 25%);
}

.qa_q_list_btn.selected{
    color: #fff;
    background-color: #9AAEBB;/*#324B4D*/
    border-color: #fff;
}

/*.qa_q_list_btn.answered{
    color: rgb(255, 0, 0);
    border-color: rgb(255, 0, 0);
}*/

.qa_q_list_btn:disabled {
    background: #28a745;
    opacity: .75;
    border-color: #28a745;
}

.qa_q_list_btn:last-child{
    margin-right: 0rem;
}

.fs-11{
    font-size: 1.1rem;
}

.fs-12{
    font-size: 1.2rem;
}

.fs-15{
    font-size: 1.5rem;
}

.fs-18{
    font-size: 1.8rem;
}

.fs-20{
    font-size: 2.0rem;
}

.fw-600{
    font-weight: 600;
}

.c-gray{
    color: #324B4D;
}

.btn-options-style {
    color: #343a40;
    border-color: #343a40;

}

/*.btn-options-style:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
} */

.btn-options-style:focus {
    box-shadow: 0 0 0 0rem rgb(23 162 184 / 50%);
}

.btn-options-style.selected {
    color: #fff;
    background-color: #39b032;
    border-color: #39b032;
}



.dropdown-item.active{
    background-color: #FF8A44;
}

.dropdown-item:focus{
    color: #fff;
    background-color: #04b4b4;
}

.filter-option-inner-inner > div{
    justify-content: center;
}

.div_show_qa_list{
    display: none;
}

.div_show_qa_list.show{
    display: unset;
}

.btn-options-choose-one-style {
    color: #343a40;
    border-color: #343a40;

}

.btn-options-choose-one-style:focus {
    box-shadow: 0 0 0 0rem rgb(23 162 184 / 50%);
}

.btn-options-choose-one-style.selected {
    color: #fff;
    background-color: #2e8cb5;
    border-color: #2e8cb5;
}

.btn_sent_qa_answer{
    color: #fff;
    background-color: #EE982B;
    border-color: #EE982B;
}

.btn_sent_qa_answer:hover{
    color: #fff;
    background-color: #d28827;
    border-color: #d28827;
}

.btn_sent_qa_answer:focus {
    box-shadow: 0 0 0 0rem rgb(23 162 184 / 50%);
}

.bg-gray{
    background-color: #f3f3f3;
}

/*#EE982B*/

/*******************************************************/

.qa_content_div_dyheight{

    height: calc(100% - 36px);/*更新*/
}

@media (max-width: 992px) {
    .qa_content_div_dyheight{
        height: auto;
    }
}



.qa_vertical_center{
    display: flex;
    align-items: center;
}

@media (max-width: 992px) {
    .qa_vertical_center{
        display: block;/*更新*/
        /*align-items: center;*/
    }
}

.btn_answer_sheet_answer_num {
    width: 34px;
    height: 34px;
    padding: 0px;
    line-height: 1.2;
    font-size: 1.2rem;
}

.div_answer_sheet_choose_list{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.answer_sheet_set_choose_list > button{
    background-color: #fff;
    border-color: #c4c4c4;
    color: #324B4B;
}

.answer_sheet_set_choose_list > button:focus{
box-shadow: 0 0 0 0rem rgba(255, 255, 255);
}

.answer_sheet_set_choose_list > button.selected{

/*#00A873*/
background-color: #41C05E;
border-color: #41C05E;
color: #fff;
}

.fs-11{
    font-size: 1.1rem;
}

.auto-set-height{

    height: 100%;
}

@media (max-width: 992px) {
    .auto-set-height{

        height: auto;
    }
}


.qa_hight_for_img{

    height: calc(100% - 36px);/*更新*/
}

.set-lg-img-height{
    /*height: 50%;*/
    /*flex-grow: 1;*/
}

@media (max-width: 992px) {
    .qa_hight_for_img{
        height: 350px;
    }

    .set-lg-img-height{
        height: 350px;
    }
}
.img_auto_fit{
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.no_highlight {
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}



.fg-1{
    flex-grow:1;
}


.lh-12{
    line-height: 1.2;
}

.lh-11{
    line-height: 1.1;
}

.lh-10{
    line-height: 1.0;
}

.no-shadow:focus{
    box-shadow:unset!important;
}

/*.no_outline:focus{
    outline:px auto -webkit-focus-ring-color !important
}*/

.w-40{
    width: 40%;
}

.w-60{
    width: 60%;
}

@media (max-width: 992px) {
    .w-40{
        width: 100%;
    }

    .w-60{
        width: 100%;
    }

    
}

.answer_sheet_set_choose_list > button{
    background-color: #fff;
    border-color: #c4c4c4;
    color: #324B4B;
}

.btn-dark-gray {
    color: #fff;
    background-color: #324B4B;
    border-color: #324B4B;
}

.btn-dark-gray:hover {
    color: #fff;
    background-color: #324B4B;
    border-color: #324B4B;
}

.btn-dark-gray:focus {
    box-shadow: 0 0 0 0rem rgba(255, 255, 255);
}

.text-dark-gray {
    color: #324B4B!important;
}

.btn-blue-green {
    color: #fff;
    background-color: #04b4b4;
    border-color: #04b4b4;
}

.btn-blue-green:hover {
    color: #fff;
    background-color: #039191;
    border-color: #039191;
}

.btn-blue-green:focus {
    box-shadow: 0 0 0 0rem rgba(255, 255, 255);
}

.bg-dark-gray{
    background-color: #324B4B;
}

.bg-orange{
    background-color: #f36c1b;
}

.text-orange {
    color: #f36c1b!important;
}
.ellipsis1 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.no-outline.no-outline:focus {
    outline: unset;
}

.close {
    opacity: 1;
    color: #fff;
}

.qa-correct-answer{
    color:green;
}

.show-zoom {
    cursor: zoom-in;
}

.btn_open_web_cam_in_excalidraw_full{
    position: absolute;
    right: 8px; 
    top: 230px; 
    z-index: 9; 
    height: 36px; 
    width: fit-content; 
    background-color: #fff;
    padding:5px;

    color: #7f7e7e;
    cursor: pointer;
    border: 1px solid #ebebeb; 
    border-right: unset;
    border-radius: 0.5rem 0 0 0.5rem;

}

.btn_open_web_cam_in_excalidraw_qa{
    /* position: absolute;
    right: 8px; 
    top: 70px; 
    z-index: 9;  */
    height: 36px; 
    width: fit-content; 
    background-color: #fff;
    padding:5px;

    color: #7f7e7e;
    cursor: pointer;
    border: 1px solid #ebebeb; 
    
    border-radius: 0.5rem;

}

@media screen and (min-width: 520px){

    .btn_open_web_cam_in_excalidraw_full{
        right: 8px; 
        top: 45px; 
    }


}

@media screen and (min-width: 746px){

    .btn_open_web_cam_in_excalidraw_full{
        right: 70px; 
        top: 24px; 
        border: 1px solid #d6d6d6; 
        border-right: 1px solid #d6d6d6; ;
        border-radius: 0.5rem;
    }


}

@media screen and (min-width: 1024px){

    .btn_open_web_cam_in_excalidraw_full{
        right: 115px; 
        top: 24px; 
        border: 1px solid #d6d6d6; 
        border-right: 1px solid #d6d6d6; ;
        border-radius: 0.5rem;
    }


}