.add-question-content {
    min-width: 1180px;
    margin-top: 20px;
    background: #F8F8F8;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 50px;
    padding-bottom: 70px;    
}

.add-question-subhead {
    font-weight: normal;
    font-size: 16px;
    line-height: 25px;
    color: #767676;
}

.save-btn-div {
    margin-top: 40px;
    margin-bottom: 170px;
    min-width: 1180px;
    padding: 0px;
    /* background: #F8F8F8; */
}

.add-question-save-btn-half,
.add-question-save-btn {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 32px;
    width: 1180px;
    height: 60px;
    background: #FFFFFF;
    color: #CA0813;
    border: 2px solid #CA0813;
    box-sizing: border-box;
    border-radius: 4px;
    transition: 0.3s
}

.add-question-save-btn-half:hover,
.add-question-save-btn:hover {
    color: #FFFFFF;
    background: #CA0813;
}

.add-question-save-btn-half{
    width: 570px;
}

.delete-choice-btn {
    width: 40px;
    height: 40px;
    margin-left: 19px;
    background: #F8F8F8;
}

.add-choice-btn {
    height: 40px;
    background: #F8F8F8;
    margin-left: 48px;
    padding-left: 22px;
    padding-right: 22px;
    margin-top: 30px;
    margin-bottom: 50px;
}

.view-btn {
    padding: 9px 15px;
}

.delete-choice-btn,
.add-choice-btn,
.view-btn {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 25px;
    color: #CA0813;
    height: 40px;
    border: 1px solid #CA0813;
    box-sizing: border-box;
    border-radius: 4px;
    text-decoration: none;
    transition: 0.3s;
}

.delete-choice-btn:hover,
.add-choice-btn:hover,
.view-btn:hover {
    color: #FFFFFF;
    text-decoration: none;
    background: #CA0813;
}

.difficulty-container {
    margin-top: 0px;
}

.difficulty-box {
    width: 540px;
    height: 130px;
    background: #F8F8F8;
    border: 4px solid #FFFFFF;
    box-sizing: border-box;
    padding-top: 40px;
    padding-bottom: 32px;
    padding-left: 86px;
    padding-right: 105px;
    margin-top: 8px;
}

.difficulty-radio-btn{
    display: inline-block;
    text-align: center;
}

.difficulty-radio-label {
    margin-top: 12px;
    white-space: nowrap;
    display: block;
}

.difficulty-radio-btn input[type='radio'] {
    visibility: hidden;
    position: relative;
    display: inline-block;
    width:30px;
    height:30px;
}

.extra-tag-btn-group input[type='checkbox']:before, 
.difficulty-radio-btn input[type='radio']:before {
    opacity: 1;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    content: '';
    visibility: visible;
    border: 2px solid #CED4DA;
    padding: 10px 10px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
}
.extra-tag-btn-group input[type='checkbox']:after,
.difficulty-radio-btn input[type='radio']:after {
    opacity: 1;
    left: 5px;
    top: 5px;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    position: absolute;
    content: '';
}

.extra-tag-btn-group input[type='checkbox']:checked:after,
.difficulty-radio-btn input[type='radio']:checked:after {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    background: #CA0813;
    visibility: visible;
    border: 2px solid #CA0813;
}
.extra-tag-btn-group input[type='checkbox']:focus,
.difficulty-radio-btn input[type='radio']:focus {
    outline: none;
}

.extra-tag-btn-group input[type='checkbox']:checked+label,
.difficulty-radio-btn input[type='radio']:checked+label {
    font-weight: bold;
}

.extra-tag-container{
    margin-top : 28px;
}

.extra-tag-box{
    margin-top : 14px;
}

.extra-tag-row{
    margin-top: 14px;
}

.extra-tag-col{
    padding-left: 0;
    padding-right: 0;
}

.extra-tag-btn-group input[type='checkbox']{
    visibility: hidden;
    position: relative;
    width:30px;
    height: 30px;
    appearance: none;
    -webkit-appearance: none;
    vertical-align: middle;
}



.extra-tag-btn-group label{
    margin-bottom: 0;
    margin-left : 10px;
    vertical-align: middle;
    white-space: nowrap;
}

.selector .vs__search::placeholder,
.selector .vs__dropdown-toggle {
    width: 400px;
    height: 44px;
    background: #FFFFFF;
    border: 1px solid #CED4DA;
    box-sizing: border-box;
    border-radius: 4px;
}

.selector .vs__dropdown-menu {
    width: 400px;
}

.selector .vs__dropdown-toggle {
    background: #FFFFFF;
    padding-left: 10px;
}

.selector .vs__selected {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: #424242;
}

.selector .vs__deselect {
    display: none;
    visibility: hidden;
}

.selector .vs__clear {
    margin-right: 16px;
    fill : rgba(206, 212, 218, 1);
}

.selector-open-indicator {
    width: 16px;
    height: 12px;
    margin-right: 16px;
}

.question-type-dropdown {
    margin-top: 8px;
}

.question-type-dropdown-menu {
    width: 540px;
    background: #FFFFFF;
    border-radius: 10px;
}

.question-type-dropdown-item {
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 32px;

    width: 540px;
    height: 50px;
    font-size: 20px;
    padding-left: 30px;
    padding-right: 30px;
}

.question-type-dropdown-btn {
    width: 540px;
    height: 50px;
    font-size: 20px;
    padding-left: 30px;
    color: #FFFFFF;
    border-radius: 25px;
    clear: both;
    text-align: inherit;
    white-space: nowrap;
    border: 0;

    background: url("../images/biooui/red-dropdown.png"), #424242;
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center;
    background-origin: content-box;
    background-size: 16px 12px;
    padding-right: 19px;

}

.question-type-dropdown-toggle{
    width: 16px;
    height: 12px;
    margin-right: 19px;
}

.question-type-short-answer-icon {
    width: 44px;
    height: 20px;
    margin-right: 30px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.question-type-long-answer-icon {
    width: 44px;
    height: 30px;
    margin-right: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.question-type-multiple-choices-icon {
    width: 44px;
    height: 30px;
    margin-right: 30px;
    margin-top: 10px;
    margin-bottom: 10px
}

.question-type-multiple-answers-icon {
    width: 44px;
    height: 30px;
    margin-right: 30px;
    margin-top: 10px;
    margin-bottom: 10px;

}

.question-type-multiple-true-false-icon {
    width: 44px;
    height: 30px;
    margin-right: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.question-type-matching-column-icon {
    width: 44px;
    height: 22px;
    margin-right: 30px;
    margin-top: 14px;
    margin-bottom: 14px;
}

.question-type-matching-picture-icon {
    width: 44px;
    height: 22px;
    margin-right: 30px;
    margin-top: 14px;
    margin-bottom: 14px;
}

.tags-container {
    margin-top: 40px;
    gap: 16px;
    flex-flow: nowrap;
}

.tags-container .v-select {
    width: 100%;
}

.tags .vs__search::placeholder,
.tags .vs__dropdown-toggle {
    width: 100%;
    height: 44px;
    background: #FFFFFF;
    border: 1px solid #CED4DA;
    box-sizing: border-box;
    border-radius: 4px;
}

.tags .vs__dropdown-menu {
    width: 100%;
}

.tags .vs__dropdown-toggle {
    background: #FFFFFF;
    padding: 0;
}

.tags .vs__actions {
    display: flex;
    align-items: center;
    padding: 0 16px;
}

.tags .vs__selected-options {
    align-items: center;
}

.tags .vs__selected {
    font-size: 14px;
    height: 32px;
    background: #F8F8F8;
    border: none;
    border-radius: 4px;
    padding: 8px 10px;
}

.tags .vs__deselect {
    display: none;
    visibility: hidden;
}

.exam-toc-container {
    margin-bottom: 10px;
}

.toc {
    margin-top: 20px;
}

.toc-header {
    color: #767676;
}

.add-question-type-content {
    min-width: 1180px;
    margin-top: 20px;
    background: #F8F8F8;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 20px;
    padding-bottom: 40px;
}

.add-question-type-content *:not(.material-icons, .material-icons-outlined, .question-title-editor, .add-question-type-label, .head) {
    font-family: Sarabun, sans-serif !important;
}

.add-question-type-label {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    color: #000000;
}

.question-row {
    margin-right: 0px;
    margin-left: 0px;
}

.title-editor .ck .ck-editor__top {
    min-width: 1030px;
}

.title-editor .ck .ck-content,
.add-question-textarea {
    min-width: 1030px;
    min-height: 250px;
    background: #FFFFFF;
    border: 1px solid #CED4DA;
    box-sizing: border-box;
    border-radius: 4px;
}

.solution-editor .ck .ck-content,
.add-question-solution-textarea {
    width: 1030px;
    min-height: 100px;
    background: #FFFFFF;
    border: 1px solid #CED4DA;
    box-sizing: border-box;
    border-radius: 4px;
}

.hint-editor .ck .ck-content,
.add-question-hint-textarea {
    width: 1030px;
    min-height: 100px;
    background: #FFFFFF;
    border: 1px solid #CED4DA;
    box-sizing: border-box;
    border-radius: 4px;
}

.text-answer-solution-container {
    width: 1120px;
    background: #F8F8F8;
    border: 4px solid #FFFFFF;
    box-sizing: border-box;
    margin-top: 40px;
}

.text-answer-solution-box {
    margin: 30px 30px 30px;
}

.short-answer-solution-textarea {
    width: 1000px;
    min-height: 86px;
    background: #FFFFFF;
    border: 1px solid #CED4DA;
    box-sizing: border-box;
    border-radius: 4px;
    margin-top: 20px;
}

.long-answer-solution-textarea {
    width: 1030px;
    min-height: 250px;
    background: #FFFFFF;
    border: 1px solid #CED4DA;
    box-sizing: border-box;
    border-radius: 4px;
}

.choice-answer-solution-container {
    margin-top: 40px;
}

.choice-answer-solution-box {
    width: 1160px;
    background: #F8F8F8;
    border: 4px solid #FFFFFF;
    box-sizing: border-box;
    margin-top: 20px;
    margin-left: -20px;
}

.choice-row-box {
    margin-top: 20px;
    margin-left: 10px;
}

.choice-radio-btn input[type='radio'] {
    margin-top: 10px;
    visibility: hidden;
}

.choice-radio-btn input[type='radio']:after {
    opacity: 1;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: relative;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid #CED4DA;

}

.choice-radio-btn input[type='radio']:checked:after {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: relative;
    background: #CA0813;
    ;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid #CA0813;
}


.choice-editor {
    margin-left: 17px;
}

.choice-editor .ck .ck-editor__top {
    min-width: 962px;
    margin-left: 10px;
}

.choice-editor .ck .ck-content,
.choice-answer-textarea {
    min-width: 962px;
    min-height: 50px;
    background: #FFFFFF;
    border: 1px solid #CED4DA;
    box-sizing: border-box;
    border-radius: 4px;
    margin-left: 10px;
}

.rte-display-btn {
    color: #979797;
    cursor: pointer;
    width: 18px;
    height: 18px;
    margin-left: 10px;
}


.rte-display-btn:hover {
    color: #CA0813;
    cursor: pointer;
}

.head {
    font-weight: 600
}

.solution-icon{

    width: 20px;
    height: 20px;
    position: relative;
    top: 6px;
    left: 22px;
}
.hint-icon{
    width: 20px;
    height: 20px;
    position: relative;
    top: 6px;
    left: 8px;
}

.true_or_false_title {
    width: 1180px;
    margin-left: auto;
    margin-right: auto;
}

.true_or_false_title .box {
    resize: none;
    overflow-y: hidden;
    width: 1030px;
    min-height: 150px;
    margin-bottom: 30px;
    background: #FFFFFF;
    border: 1px solid #CED4DA;
    box-sizing: border-box;
    border-radius: 4px;
    outline: none;
    margin-left: 16px;
}

.true_or_false_title .appicon {
    color: #979797;
    font-size: 27px;
    margin-left: 6px;
}

.true_or_false_title .view {
    display: flex;
}

.true_or_false_title .question_title {
    margin-left: 16px;
}

.true_or_false_title .select_choice {
    display: flex;
    margin-bottom: 20px;
    min-width: 1130px;
    margin-left: 16px;
    margin-top: 30px;
}

.true_or_false_title .select_choice div{
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    color: #000000;
}

.no_padding {
    padding: 0!important;
}

.true_or_false_title .group_of_choice {
    width: 1160px;
    min-height: 400px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 0px;
    border: 4px solid #FFFFFF;
    float: left;
    overflow-y: auto;
    margin-bottom: 20px;
    margin-left: -4px;
    margin-top: 10px;
}

.true_or_false_title .true_radio {
    margin-right: 40px;
}

.choice_item .choice-editor .ck .ck-content,
.choice_item .choice-answer-textarea{
    min-width: 884px;
    max-width: 884px;
}

.choice_item .choice-editor .ck .ck-editor__top{
    max-width: 884px;
    min-width: 884px;
}

.true_or_false_title .choice_item {
    display: flex;
    margin-bottom: 20px;
}

.true_or_false_title .true_radio,
.true_or_false_title .false_radio {
    -webkit-appearance: none;
    background: #F8F8F8;
    border: 2px solid #CED4DA;
    box-sizing: border-box;
    border-radius: 4px;
    width: 30px;
    height: 30px;
    outline: none;
    margin-top: 10px;
    cursor: pointer;
}

.true_or_false_title .true_radio:checked,
.true_or_false_title .false_radio:checked {
    background: #CA0813;
    border: 2px solid #CA0813;
    outline: none;
}

.true_or_false_title .text_box {
    width: 884px;
    height: 50px;
    background: #FFFFFF;
    border: 1px solid #CED4DA;
    box-sizing: border-box;
    border-radius: 4px;
    outline: none;
    padding-left: 10px;
}

.true_or_false_title .appicon {
    color: #979797;
    font-size: 27px;
    margin-top: 10px;
    margin-left: 6px;
}

.true_or_false_title .choice_item .delete_button {
    border: 1px solid #CA0813;
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    background: white;
    color: #CA0813;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    margin-left: 20px;
    line-height: 25px;
    outline: none;
}

.true_or_false_title .choice_item button:hover,
.true_or_false_title .add_and_remove button:hover {
    background: #CA0813;
    border-radius: 4px;
    color: white;
}

.true_or_false_title .add_and_remove button {
    border: 1px solid #CA0813;
    box-sizing: border-box;
    border-radius: 4px;
    background: white;
    color: #CA0813;
    width: 70px;
    height: 40px;
    outline: none;
}

.true_or_false_title .add_and_remove {
    width: 100px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 6px;
}


#add_question .add-other-tag-open-btn{
    width: 44px;
    height: 44px;
    border: 1px solid #CA0813;
    box-sizing: border-box;
    border-radius: 4px;
    background-color: transparent;
    display:flex;
    justify-content:center;
    align-items:center;
}

#add_question .add-other-tag-open-btn i{
    color: #CA0813;
    font-size: 30px;
    transition: all 0.3s
}

#add_question .add-other-tag-open-btn:hover{
    background : #CA0813;
}


#add_question .add-other-tag-open-btn:hover i{
    color: #FFFFFF;
}

#add_question .add-other-tag-modal-body,
#add_question .add-other-tag-modal-dialog{
    min-width: 1000px;
    min-height: 700px;
    max-width: 1000px;
    max-height: 700px;
    background: #F8F8F8;
    border-radius: 4px;
}

#add_question .add-other-tag-modal-body{
    padding: 30px 40px;
}

#add_question .add-other-tag-options-col,
#add_question .add-other-tag-selected-col{
    min-width: 452px;
    min-height: 398px;
    max-width: 450px;
    max-height: 398px;
    background: #FFFFFF;
    border: 1px solid #CED4DA;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 0;
    overflow-y: scroll;
    overflow-x:hidden;
}

#add_question .add-other-tag-create-btn{
    width: 112px;
    height: 44px;
    background: #CA0813;
    border-radius: 4px;
    border:none;
}

/*remove this later*/
.search-icon{
    width: 20px;
    height: 20px;
    color: #CA0813;
}

#add_question .search{
    width: 449px;
    position:relative;
    margin-left:16.5px;
}
#add_question .search .search-icon{
    position: absolute;
    pointer-events: none;
    top: 12px;
    right: 12px;
}

#add_question .add-other-tag-input,
#add_question .search-input{
    width: 449px;
    height: 44px;
    background: #FFFFFF;
    border: 1px solid #CED4DA;
    box-sizing: border-box;
    border-radius: 4px;
    padding-right :40px;
    padding-left: 10px;
}


#add_question .add-other-tag-input{
    width: 334px;
}

#add_question .add-other-tag-row{
    width: 448px;
    height: 36px;
    background: #F8F8F8;
    display:flex;
    align-items:center;
    font-size:16px;
    position:relative;
}

#add_question .add-other-tag-row:hover{
    background: #C4C4C4 !important;
}


#add_question .remove-circle-icon,
#add_question .add-circle-icon,
#add_question .remove-circle-outline-icon,
#add_question .add-circle-outline-icon{
    margin-left: 40px;
    margin-right: 60px;
    font-size:24px;
    width: 24px;
    height: 24px;
    color: #767676;
    cursor:pointer;
}


#add_question .remove-circle-outline-icon:hover,
#add_question .add-circle-outline-icon:hover{
    display: none;
}


#add_question .remove-circle-icon,
#add_question .add-circle-icon{
    display: none;
}

#add_question .remove-circle-outline-icon:hover + .remove-circle-icon,
#add_question .add-circle-outline-icon:hover + .add-circle-icon{
    display: inline-block;
    color: #CA0813;
    
}

#add_question .delete-icon{
    position:absolute;
    right: 15px;
}

#add_question .add-other-tag-save-btn{
    width: 190px;
    height: 44px;
    background: #CA0813;
    border-radius: 4px;
    border: none;
}

#add_question .add-other-tag-cancel-btn{
    font-family: 'Sukhumvit';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 32px;
    width: 190px;
    height: 44px;
    background: #FFFFFF;
    border: 2px solid #CA0813;
    box-sizing: border-box;
    border-radius: 4px;
    color: #CA0813;
}

#add_question .add-other-tag-cancel-btn:hover,
#add_question .add-other-tag-save-btn,
#add_question .add-other-tag-create-btn{
    font-family: 'Sukhumvit';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 32px;
    color: #FFFFFF;
    background:  #CA0813;
}


.white-bg{
    background: #FFFFFF !important;
}



#add_question .add-other-tag-options-col::-webkit-scrollbar-track,
#add_question .add-other-tag-selected-col::-webkit-scrollbar-track
{
    background: #FFFFFF;
}

#add_question .add-other-tag-options-col::-webkit-scrollbar,
#add_question .add-other-tag-selected-col::-webkit-scrollbar
{
	width: 6px;
	background-color: #FFFFFF;
    border-radius: 3px;
}

#add_question .add-other-tag-options-col::-webkit-scrollbar-thumb,
#add_question .add-other-tag-selected-col::-webkit-scrollbar-thumb
{
	background-color: #000000;
    background: #CA0813;
}
/* picture matching */
.matching .draggable {
    width: 44px;
    height: 50px;
    background: #CA0813;
    border-radius: 4px;
    font-style: normal;
    font-weight: normal;
    font-size: 30px;
    line-height: 48px;
    color: #FFFFFF;
    padding: 3px 12px;
}

.matching .droppable {
    overflow: hidden;
    width: 1128px;
    position: relative;
    background: #F8F8F8;
    border: 4px solid white;
    border-radius: 10px;
    display: inline-block;
}

.b64 {
    display: none;
}

.matching .droppable .img {
    max-width: 1000px;
    min-width: 50px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.matching .droppable .upload_button {
    display: none;
}

.matching .droppable p {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 29px;
    color: #FFFFFF;
    background: #000000;
    border-radius: 4px;
    width: 490px;
    height: 44px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.matching input {
    width: 962px;
    min-height: 50px;
    margin-left: 4px;
    outline: none;
    padding-left: 10px;
}

.matching .choice_item {
    display: flex;
    margin-bottom: 20px;
}

.matching .group_of_choice {
    width: 1160px;
    min-height: 400px;
    padding-top: 20px;
    padding-left: 40px;
    padding-right: 0px;
    border: 4px solid #FFFFFF;
    float: left;
    overflow-y: auto;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-top: 10px;
}

.matching .group_of_choice_title {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 25px;
    display: flex;
    align-items: center;
    color: #000000;
    margin-top: 40px;
    margin-left: 20px;
}

.matching .box {
    resize: none;
    overflow-y: hidden;
    width: 1030px;
    min-height: 150px;
    margin-bottom: 30px;
    outline: none;
    margin-left: 16px;
}

.matching .match {
    width: 1128px;
    margin-left: auto;
    margin-right: auto;
}

.matching .dropped,
.clone_choice {
    background: #FFFFFF !important;
    /* border: 2px solid #CA0813 !important; */
    /* box-shadow: 5px 20px 20px rgba(118, 112, 105, 0.5) !important; */
    border-radius: 4px !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-size: 30px !important;
    line-height: 48px !important;
    color: #CA0813 !important;
}

.stone {
    position: absolute;
}

.matching .dropspace {
    padding: 0 !important;
    width: 1120px;
}

.add_and_remove {
    width: 100px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 6px;

}

.add_and_remove button {
    border: 1px solid #CA0813;
    box-sizing: border-box;
    border-radius: 4px;
    background: white;
    color: #CA0813;
    width: 70px;
    height: 40px;
    outline: none;
}

.add_and_remove button i {
    font-weight: 1000;
    font-size: 30px;
    cursor: pointer;
}

.matching .view {
    display: flex;
}

.matching .view button {
    width: 70px;
    height: 40px;
    border: 1px solid #CA0813;
    box-sizing: border-box;
    border-radius: 4px;
    background: white;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    color: #CA0813;
    margin-left: 20px;
}

.matching .appicon {
    color: #979797;
    font-size: 27px;
    margin-top: 10px;
    margin-left: 6px;
}

.matching .add_choice {
    background: #FFFFFF;
    border: 1px solid #CED4DA;
    box-sizing: border-box;
    border-radius: 4px;
    width: 90px;
    height: 40px;
    padding-left: 26px;
    display: block;
    outline: none;
    background-color: white !important;
    background: url(/static/images/select_icon.png) no-repeat right;
    background-position-x: 63px;
    background-size: 16px 12px;
    -webkit-appearance: none;

}

.matching .select_choice {
    display: flex;
    margin-bottom: 20px;
    margin-left: 16px;
    width: 1186px;
}

.matching .select_choice .title {
    margin-bottom: -8px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: normal;
    font-size: 12px;
    line-height: 19px;
    display: flex;
    align-items: center;

    color: #000000;
}

.matching .add_drag {
    border: 1px solid #CA0813;
    box-sizing: border-box;
    border-radius: 4px;
    width: 70px;
    height: 40px;
    color: #CA0813;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    padding-top: 7px;
    margin-top: 32px;
    cursor: pointer;
}

.matching .add_drag:hover,
.choice_item button:hover,
.add_and_remove button:hover {
    background: #CA0813;
    border-radius: 4px;
    color: white;
}

.matching .clone_drag {
    color: rgb(202, 8, 19);
    width: 44px;
    height: 50px;
    background: #FFFFFF;
    border: 2px solid rgb(202, 8, 19);
    text-align: center;
    border-radius: 4px;
    font-style: normal;
    font-weight: normal;
    font-size: 30px;
    line-height: 43px;
    cursor: pointer;
}

.no_padding {
    padding: 0!important;
}

.matching .add_arrow {
    border: 1px solid #CED4DA;
    box-sizing: border-box;
    border-radius: 4px;
    width: 90px;
    height: 40px;
    padding-left: 14px;
    padding-right: 10px;
    display: block;
    outline: none;
    background-color: white !important;
    background: url(/static/images/select_icon.png) no-repeat right;
    background-position-x: 64px;
    background-size: 16px 12px;
    -webkit-appearance: none;
}

.matching .arrow {
    position: absolute !important;
    border-radius: 10px;
    cursor: pointer;
}

.matching .add_pic {
    width: 162px;
    height: 40px;
    background: #CA0813;
    border-radius: 4px;
    color: white;
    padding: 9px 17px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    margin-top: 32px;
    cursor: pointer;
}

.choice_item button {
    border: 1px solid #CA0813;
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    background: white;
    color: #CA0813;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    margin-left: 20px;
    line-height: 25px;
    outline: none;
}

.matching .question_title {
    margin-left: 16px;
}

.no_padding_right{
    padding-right: 0px;
}

.add_arrowleft{
    margin-left: 10px;
    margin-top: -1px;
}

.add_dragleft{
    margin-left: 4px;
    margin-top: -1px;
}

/* end picture matching */

/* item matching */

.item_matching .header{
    margin-top: 30px;
    margin-bottom: 20px;
    color: #000000;
}

.item_matching span{
    color: #767676;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 19px;
    margin-left: 10px;
}

.item_matching .choice_item_matching{
    width: 1160px;
    min-height: 400px;
    background: #F8F8F8;
    border: 4px solid #FFFFFF;
    box-sizing: border-box;
    margin-left: -20px;
}

.item_matching .all_choice{
    width: 1140px;
    min-height: 310px;
    background: #FFFFFF;
    border-radius: 4px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 8px;
    padding-top: 20px;
    padding-left: 10px;
}

.item_matching .button_footer{
    width: 44px;
    height: 44px;
    border: 1px solid #CA0813;
    box-sizing: border-box;
    border-radius: 4px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 16px;
    cursor: pointer;
}

.item_matching .button_footer i{
    color: #CA0813;
    font-size: 36px;
    font-weight: 600;
    margin-top: 4px;
    margin-left: 3px;
}

.item_matching .text_box{
    background: #CA0813;
    border-radius: 4px;
    width: 44px;
    min-height: 100%;
    margin-bottom: 20px;
    color: #FFFFFF;
    font-style: normal;
    font-weight: normal;
    font-size: 30px;
    line-height: 48px;
    text-align: center;
    margin-right: -6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.item_matching .item-choice{
 display:flex;
}

.item_matching .line_matching{
    width: 50px;
    height: 4px;
    background: #CA0813;
    margin-top: 23px;
}

.item_matching .ck-editor__top{
    display: none;
}

.item_matching .choice-editor .ck .ck-content, .item_matching.choice-answer-textarea{
    min-width:440px;
    border-color: #CA0813 !important;
    min-height: 50px;
    margin-bottom: 20px;
}

.item_matching .choice-editor .ck .ck-editor__top{
    max-width:440px;
    min-width: 440px;
}

.item_matching .choice-editor{
    margin-left: 0px;
}

.item_matching .delete_button {
    border: 1px solid #CA0813;
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    background: white;
    color: #CA0813;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    margin-left: 20px;
    line-height: 25px;
    outline: none;
}

.item_matching .display_none{
    display:none !important;
}
/* multiple answer */
.multiple_answer .title_multiple_answer{
    color: #000000;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 25px;
    margin-top: 30px;
    margin-bottom: 20px;
}

.multiple_answer .title_multiple_answer span{
    color: #767676;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 19px;
    margin-left: 10px;
}
.multiple_answer .choice_item {
    display: flex;
    margin-bottom:20px;
}

.multiple_answer .choice1_section_bg1{
    background: #F8F8F8;
    border: 4px solid #FFFFFF;
    box-sizing: border-box;
    margin-left: -20px;
    width: 1160px;
    min-height: 400px;
    padding:20px;
}

.multiple_answer .checkbox_multiple_answer{
    width: 30px;
    height: 30px;
    background: #F8F8F8 !important;
    border: 2px solid #CED4DA !important;
    box-sizing: border-box;
    border-radius: 4px;
    outline: none;
    -moz-appearance:none;
    -webkit-appearance:none;
    -o-appearance:none;
}

.multiple_answer .checkbox_multiple_answer:checked{
    background: #CA0813 !important;
    border: 2px solid #CA0813 !important;
    visibility: visible;
}
.multiple_answer .choice_item .choice-editor .ck .ck-editor__top{
    min-width: 962px;
    max-width: 962px;
}
.multiple_answer .choice_item .choice-editor .ck .ck-content,
.multiple_answer .choice_item .choice-answer-textarea{
    min-width: 962px;
    max-width: 962px;
 }
/* end of multiple answer */

/* ==picture mathing new feature== */
.question_matching .tool-more{
    padding-left: 265px;
    padding-bottom: 20px;
    width: 1186px;
    display: flex;
}
.question_matching .option-to-select{
    display: flex;
}
.question_matching .image-color{
    margin-left: 2px;
    margin-right: 4px;
}
.question_matching .v-select,
.question_matching #vs6__combobox{
    width: 200px;
    height: 35px;
}
.question_matching .vs__selected-options{
    width: 170px;
}
.question_matching .vs__clear{
    display: none;
}
.question_matching .change-color-line{
    max-width: 260px;
}
.question_matching .width-size-image-upload{
    width: 100px;
    height: 35px;
    min-height: 35px;
    outline: none;
    border: 1px solid #CED4DA;
    border-radius: 4px;
    margin-left: 0px;
    padding-left: 0px;

    text-align: center;
}
.question_matching .tool-more .title{
    margin-bottom: -8px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: normal;
    font-size: 12px;
    line-height: 19px;
    display: flex;
    align-items: center;
    color: #000000;
}
.close-drag-item{
    position: absolute;
    top: -10px;
    font-size: 17px;
}

.close-drag-arrow{
    position: absolute;
}