/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */


 .plugin_info_field {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    padding:6px;
}

.creation_label {
    max-width: 200px;
    width:30%;
}
.creation_input {
    min-width: 300px;
    width:70%;
}
.creation_input input {
    width: 100%;
}


.field_question input[type="text"] {
    width: 70%;
    display: inline-block;
}
.field_option_answer{

}
.field_the_answer{

}
.field_question{

}

.field_option_answer span {
    width: 30%;
    max-width: 200px;
    display: inline-block;
}
.field_the_answer span {
    width: 30%;
    max-width: 200px;
    display: inline-block;
}
.field_question span {
    width: 30%;
    max-width: 200px;
    display: inline-block;
}

.field_option_answer>div{
    padding:7px 0;
}
.the_questions {
    padding: 17px 2px;
    border-top: 1px dashed #bababa;
}

div.add_another_qn {
    color: #fff;
    padding: 6px 15px;
    background-color: #65b35d;
    border: 1px solid #2a8e4f;
    border-radius: 4px;
    margin-right: 20px;
    cursor:pointer;
}

.plugin_section {
    padding: 26px 0;
}

.plugin_btn_place {
    padding: 16px 0 0;
}

.kh_download a {
    background-color: #56a721;
    color: #fff;
    padding: 16px 33px;
    border: 2px solid #1a7018;
    border-radius: 5px;
    text-decoration: none;
    text-transform: capitalize;
}