:root {
    --padding-table-cell: 4px;
    --question-survey-width: 816px;
}

/* support tooltip in dropdown */
.q-overflow-unset { overflow: unset !important;}


/* body { overflow: hidden;} */



/* title form question */
.q-create-form-question .q-header-left,
.q-create-form-question .q-header-center,
.q-create-form-question .q-header-right { width: 33.33%;}
.q-create-form-question .q-header-left nav { overflow: hidden;}
.q-create-form-question .q-header-center .nav-tabs { justify-content: center; /*padding-top: 9px; */ color: var(--tabs-link-color); min-width: 300px; background: #ffffff; width: fit-content; margin: auto; border: 1px solid var(--border-default); border-radius: 20px; padding: 0px 20px; height: 40px; position: relative; gap: 8px;}
.q-create-form-question .q-header-center .nav-tabs .nav-link { color: var(--secondary); padding: 0; border: 0; width: 50%; height: 100%; gap: 8px;}
.q-create-form-question .q-header-center .nav-tabs .nav-link.active { color: #131313;}
.q-create-form-question .q-header-right { justify-content: flex-end;}
.q-create-form-question .txtQuestion { display: inline-block; padding: 0 8px;}
.q-create-form-question .txtQuestion:empty { display: none;}
.q-create-form-question .q-header-center .nav-tabs:after { content: ""; border-left: 1px solid var(--border-default); position: absolute; right: calc(50% - 1px); height: 100%; }
.q-navtabs-icon { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #E3E6E8; color: #848586; }
.active .q-navtabs-icon { background-color: var(--primary); color: #ffffff; }
.q-style .border-left{ border-left: 1px solid var(--border-default) !important; }

/* qbic 2023 question type */
.q-question-type.form-group.row { margin-bottom: 16px;}
.q-question-type .q-score-type { display: flex; align-items: center; justify-content: center; color: #131313; line-height: 18px; }
.q-question-type .q-score-type i { font-size: 12px; margin-right: 12px; color:#131313;}
.q-question-type .q-score-type:hover { transition: none;}
.q-question-type .list-group { display: grid; gap: 16px; grid-template-columns: repeat(3, 1fr);}
.q-question-type .list-group .list-group-item { border: 1px solid var(--form-control-border); width: 100%;  border-radius: 8px; cursor: pointer; padding: 10px 12px;}
.q-question-type .list-group .list-group-item:hover,
.q-question-type .list-group .list-group-item.active { border-color: var(--primary); background: linear-gradient(to top, rgba(255, 255, 255, 80%), rgba(255, 255, 255, 80%)) var(--primary); }
.q-question-type .list-group .list-group-item:hover .q-score-type,
.q-question-type .list-group .list-group-item:hover .q-score-type i { color: #131313;}
.q-question-type .list-group .list-group-item.active .q-score-type {  /* color: #ffffff; */ color: #131313; font-weight: bold;}
.q-question-type .list-group .list-group-item.active .q-score-type i {  color: var(--primary); font-weight: bold;}
  

/* divtable */
.q-divtableheading .q-divtablehead { font: var(--typo-bold-body-lg);}
.q-divtable { margin-left: calc(-1 * var(--padding-table-cell)); margin-right: calc(-1 * var(--padding-table-cell));}
.q-divtablerow { display: flex; flex-direction: row; align-items: center; }
.q-divtableheading { display: block;}
.q-divtablecell, .q-divtablehead { display: block; flex-grow: 1; padding: var(--padding-table-cell); min-width: 40px; width: 100%; }
.q-divtablehead { padding: 0 var(--padding-table-cell);}
.q-divtablebody { display: block;}
.col-form-label.col-form-label-text-s { font: var(--typo-body-md);}
.q-divtablecell .custom-control { line-height: var(--form-control-height);}
.q-divtablecell .form-check-input { margin: 0;}
.q-divtablecell .btnDelItem, .q-divtablecell .btnMatchDel { height: var(--form-control-height); color: #545555;}

/* Multiple choice */
.q-divtable[scoretype="0"] .q-divtableheading .q-divtablehead:nth-of-type(9),
.q-divtable[scoretype="0"] .q-divtablebody .q-divtablecell:nth-of-type(5) { max-width: 50px; text-align: center;}
.q-divtable[scoretype="0"] .q-divtableheading .q-divtablehead:nth-of-type(5),
.q-divtable[scoretype="0"] .q-divtablebody .q-divtablecell:nth-of-type(3) { max-width: 80px; display: flex; justify-content: center; align-items: center; text-align: center; }

/* Multiple answer */
.q-divtable[scoretype="MU"] .q-divtableheading .q-divtablehead:nth-of-type(6) { max-width: 150px;}
.q-divtable[scoretype="MU"] .q-divtablebody .q-divtablecell:nth-of-type(2) { max-width: 100px;}
.q-divtable[scoretype="MU"] .q-divtableheading .q-divtablehead:nth-of-type(9),
.q-divtable[scoretype="MU"] .q-divtablebody .q-divtablecell:nth-of-type(4),
.q-divtable[scoretype="MU"] .q-divtablebody .q-divtablecell:nth-of-type(5) { max-width: 50px; text-align: center;}
.q-check-correct-answer[data-checked="0"] i { opacity: 0;}
.q-check-correct-answer[data-checked="1"] i { opacity: 1;}

/* Matching */
.q-divtable[scoretype="MA"] .q-divtableheading .q-divtablehead:nth-of-type(6),
.q-divtable[scoretype="MA"] .q-divtablebody .q-divtablecell:nth-of-type(2) { max-width: 80px;}
.q-divtable[scoretype="MA"] .q-divtableheading .q-divtablehead:nth-of-type(7),
.q-divtable[scoretype="MA"] .q-divtablebody .q-divtablecell:nth-of-type(3) { max-width: 198px; min-width: 198px;}
.q-divtable[scoretype="MA"] .q-divtablebody .q-divtablecell:nth-of-type(3) { display: flex !important; align-items: center; justify-content: flex-end;}
.q-divtable[scoretype="MA"] .q-divtablebody .q-divtablecell:nth-of-type(3) .select2 { width: 96px !important;}
.q-divtable[scoretype="MA"] .q-divtableheading .q-divtablehead:nth-of-type(9), 
.q-divtable[scoretype="MA"] .q-divtablebody .q-divtablecell:nth-of-type(5) { max-width: 50px; text-align: center;}
.q-divtable[scoretype="MA"] .q-divtablebody .q-matchingform .q-divtablecell:nth-of-type(2) { max-width: 80px;}
.q-divtable[scoretype="MA"] .q-divtablecell .btnMatchEdit { margin-left: 4px; min-width: 90px; max-width: 90px;}
.q-matchingform { padding: 12px 20px; margin: 0 4px; max-width: calc(100% - 140px - 12px); background: #EFF2F4; border: 1px solid var(--border-default); border-radius: 4px;}
.q-divtable[scoretype="MA"] .q-matchingform .q-divtableheading .q-divtablehead:nth-of-type(3),
.q-divtable[scoretype="MA"] .q-matchingform .q-divtablebody .q-divtablecell:nth-of-type(3) { max-width: 50px; min-width: 50px; text-align: center;}
.q-divtable[scoretype="MA"] .q-matchingform .q-divtableheading .q-divtablehead:nth-of-type(2),
.q-divtable[scoretype="MA"] .q-matchingform .q-divtablecell:nth-of-type(2) { max-width: 80px; display: flex; justify-content: center;}
.q-divtable[scoretype="MA"] .q-matchingform .q-divtablecell:nth-of-type(2) .custom-control { margin: 0;}
.q-divtable[scoretype="MA"] .q-matchingform .q-matchingform-add-choice-done { margin: 8px -20px -12px; border-top: 1px solid var(--border-default); padding: 8px 16px;}


/* Keywords */
.q-divtable[scoretype="KW"] .q-divtableheading .q-divtablehead:nth-of-type(9),
.q-divtable[scoretype="KW"] .q-divtablebody .q-divtablecell:nth-of-type(5) { max-width: 50px; text-align: center;}
.q-listgroup-question[scoretype="KW"] .q-divtable .q-divtablerow { flex-direction: column;}

.q-divtable[scoretype="MU"] .q-divtablerow[optiontype="RADIO"] .q-divtablecell:nth-child(3n), 
.q-divtable[scoretype="MU"] .q-divtablerow[optiontype="FILE"] .q-divtablecell:nth-child(3n), 
.q-divtable[scoretype="text"], 
.q-divtable[scoretype="upload"] { display: none !important; }

/* survey */
.q-table-question-survey { --padding-table-cell: 6px;}
.q-table-question-survey .q-divtableheading .q-divtablehead:nth-of-type(2),
.q-table-question-survey .q-divtablebody .q-divtablecell:nth-of-type(2) { max-width: 115px; text-align: center;}
.q-table-question-survey .q-divtableheading .q-divtablehead:nth-of-type(3),
.q-table-question-survey .q-divtablebody .q-divtablecell:nth-of-type(3) { max-width: 50px; text-align: center;}
.q-table-question-survey .form-group.maximum { padding-left: var(--padding-table-cell); padding-right: var(--padding-table-cell);}

/* survey rang */
.q-table-question-survey-rang .q-divtableheading .q-divtablehead:nth-of-type(2),
.q-table-question-survey-rang .q-divtablebody .q-divtablecell:nth-of-type(2) { max-width: 115px;}
.q-table-question-survey-rang .q-divtableheading .q-divtablehead:nth-of-type(3),
.q-table-question-survey-rang .q-divtablebody .q-divtablecell:nth-of-type(3) { max-width: 60px; text-align: center; display: flex; align-items: center; justify-content: center;}
.q-table-question-survey-rang .q-divtableheading .q-divtablehead:nth-of-type(4),
.q-table-question-survey-rang .q-divtablebody .q-divtablecell:nth-of-type(4) { max-width: 50px; text-align: center;}

/* cover question */
.q-test-name { font: var(--typo-mont-page-subtitle);}
/* .c-cover-question { padding: 20px 40px; height: 100%; position: relative;} */
.c-cover-question .q-cover-info { margin-top: 20px;}
/* .c-cover-question .q-cover-info [data-section="title"] { font: var(--typo-mont-page-subtitle);} */
.c-cover-question .q-cover-info [data-section="description"] { /*color: #545555;*/ margin-top: 8px;}
.q-cover-info-remark { border-top: 1px solid var(--border-default); padding: 18px 0 0; margin-top: 20px;}
.q-cover-info-remark .q-info-remark-list { display: flex; align-items: stretch; font: var(--typo-body-lg); margin-bottom: 12px; color: #545555;}
.q-cover-info-remark .q-info-remark-list i { font-size: 16px; color: #545555; margin-right: 8px; padding-top: 3px; }
.c-cover-question .q-cover-start { margin-top: 18px;}
/* .c-cover-question .q-cover-start .btn { min-width: 160px;} */
.c-cover-question .q-cover-info .c-content-heading-title { font: var(--typo-page-title); font-family: var(--font-family-mont);}

/* answer question */
.q-answer-question-images { max-width: 165px; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 4px; display: flex; align-items: center; justify-content: center; border: dashed 1px var(--secondary);}
.q-answer-question-images .btnUploadDesign, 
.q-answer-question-images .q-media-answer-preview, 
.q-answer-question-images .MEDIA_LINK { display: flex; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;}
.q-answer-question-images .q-upload-answer-question-images i { font-size: 40px; color: #595959;}
.q-answer-question-images .q-upload-answer-question-images {  display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.q-answer-question-images .editOptionImage { position: absolute; top: 4px; right: 4px; display: block; text-align: right; z-index: 1;}
.q-answer-question-images .editOptionImage .q-btn-replace-upload { border-radius: 2px; background-color: rgba(0, 0, 0, 0.7); padding: 3px 4px; width: auto; display: inline-block; color: #ffffff; font-size: 10px; line-height: 12px; border: 0; margin: 0 0 0 2px; }
.q-answer-question-images .MEDIA_LINK:empty { display: none;}
.q-answer-question-images .MEDIA_SHOW { aspect-ratio: 16 / 9; width: 100%; text-align: center;}
.q-answer-question-images img,
.tabDesign .q-upload-cover .q-cover-img img,
[columntype^="opt"] .q-divtablecell .MEDIA_SHOW[data-mime*="image/"] img { object-fit: contain; object-position: center; /*max-width: fit-content;*/ max-height: 100%; }
.q-answer-question-images .q-uploadfile-uploading { display: none !important;}


.q-cover-question-images { max-width: 300px; height: 168px; overflow: hidden; border-radius: 4px; border: dashed 1px var(--secondary); display: flex; align-items: center; justify-content: center; position: relative;}
.q-cover-question-images .editTopicImage { position: absolute; top: 4px; right: 4px; display: block; text-align: right; z-index: 1;}
.q-cover-question-images .editTopicImage .q-btn-replace-upload { border-radius: 2px; background-color: rgba(0, 0, 0, 0.7); padding: 3px 4px; width: auto; display: inline-block; color: #ffffff; font-size: 10px; line-height: 12px; border: 0; margin: 0 0 0 2px; }
.q-cover-question-images .editTopicImage .q-btn-replace-upload label { margin: 0;}
.divAnswerList .btn.btnText, .divAnswerList .btn.btnImage { margin-bottom: 16px;}

/* preview question column left */
.q-listgroup-question { border: 1px solid var(--border-default); border-top: 0; padding: 0;}
.q-listgroup-question.active {background: linear-gradient(to top, rgba(255, 255, 255, 95%), rgba(255, 255, 255, 95%)) var(--primary);}
.q-listgroup-question .grabZone { background: none; font: var(--typo-mont-page-subtitle); margin: 0; width: auto; height: auto; display: flex; align-items: center; color: var(--secondary); position: relative;}
.q-listgroup-question .grabZone::after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
.q-listgroup-question .grabZone i { font-size: 16px;}
.q-question-content { flex-grow: 1;  padding: 12px 12px 12px 8px;}
/* .q-question-content span { display: inline-block; margin-right: 8px;} */
.q-question-content .q-text-question { margin-bottom: 12px; max-width: 680px;}
.q-question-content .q-topic, 
.q-question-content .q-number-question { font:var(--typo-section-subtitle); margin-right: 8px;}
.q-question-content .q-number-question { white-space: nowrap;}
.q-question-content .q-topic-info { display: block; color: var(--secondary); margin-top: 6px;}
.q-question-content .q-topic-info:empty { display: none; }
.q-question-content .q-text-question .q-question-option { margin-top: -6px; margin-bottom: -6px;}
.q-question-content .q-divtable { /*margin-left: 16px;*/ margin: 0;}
.q-question-content .q-divtable .q-divtablecell, 
.q-question-content .q-divtable .q-divtablehead { padding: 0;}
.q-question-content .q-topic-score,
.q-question-content .q-divtable [data-fld="correctAns"],
.q-question-content .q-divtable .correctAnswer { white-space: nowrap; display: inline-block; font: var(--typo-body-md); color: var(--secondary); line-height: 20px; margin: 0 8px 0 6px;}
.q-question-content .q-topic-score:empty,
.q-question-content .q-divtable [data-fld="correctAns"]:empty { display: none;}
.q-question-content .q-topic-score { margin-left: 0;}
[columntype*="opt"] .q-question-content .row-option { position: relative; padding: 0 0 6px; min-height: 28px;}
[columntype*="opt"] .q-question-content .row-option .q-divtablecell.TD1 { position: absolute; width: 100%; height: 100%; left: 1px; top: 2px; max-width: 100%; max-width:24px; min-width: auto; }
[columntype*="opt"] .q-question-content .row-option .q-divtablecell.TD2 { padding-left: 24px; /*align-items: baseline;*/}
[columntype*="opt"] .q-question-content .row-option .q-divtablecell.TD1 .custom-control { font: var(--typo-body-lg);}
[columntype*="opt"] .q-question-content .row-option .select2-container { overflow: hidden;}
[columntype="option"][scoretype="MA"] .q-question-content .row-option .q-divtablecell.TD2 { padding-left: var(--padding-table-cell);}
[columntype="option"][scoretype="MA"] .q-question-content .row-option .q-option-answer-titleselect { flex: 0 0 50%;  width: 1px;}
[columntype="option"][scoretype="MA"] .q-question-content .row-option[fname="_3"]:last-child { margin-bottom: var(--padding-table-cell);}
[columntype="option"][scoretype="MA"] .q-question-content .row-option[fname="_3"] .q-divtablecell.TD2 { padding-bottom: 0;}
[columntype="option"][scoretype="MA"] .q-question-content .row-option .q-matching-choice { width: 100%; overflow: hidden;}
[columntype="option"][scoretype="MA"] .q-question-content .MEDIA_SHOW { border: 1px solid rgb(215 218 220 / 50%); margin-bottom: 8px; border-radius: 4px; overflow: hidden;}
[columntype="date"] .q-question-content .q-divtablecell { position: relative; max-width: 354px; width: 100%;}
[columntype="date"] .q-question-content .q-divtablecell::after { content: '\e917'; position: absolute; top: 0px; right: 0px; font-family: 'qbic-icon-font' !important; font-size: 20px; color: var(--form-control-disabled-txt); line-height: var(--form-control-height); padding: 0 6px; }
[columntype="date"] .divTableCell.TD1 input.form-control {/* border-top-right-radius: 0; border-bottom-right-radius: 0;*/}
[columntype="grid"] .q-question-content { overflow: auto;}
[columntype="grid"] .q-question-content .trTemplate + .q-divtablerow { font: var(--typo-body-md); margin-bottom: 0; background: #EFF2F4;}
[columntype="grid"] .q-question-content .trTemplate + .q-divtablerow .q-divtablecell { /*border-bottom: 1px solid var(--form-control-disabled-border);*/ text-align: center; font: var(--typo-bold-body-md); color: #545555;}
[columntype="grid"] .q-question-content .q-divtablerow { margin-bottom: 12px; border-bottom: 1px solid #E3E6E8; }
[columntype="grid"] .q-question-content .q-divtablerow:last-child { margin-bottom: 0; border-bottom: 0;}
[columntype="grid"] .q-question-content .q-divtablerow .q-divtablecell { max-width: 80px; min-width: 80px; padding: 8px var(--padding-table-cell); text-align: center; }
[columntype="grid"] .q-question-content .q-divtablerow .q-divtablecell:nth-child(1) { max-width: none; min-width: 180px; padding-left: 16px; text-align: left;}
[columntype="grid"] .q-question-content .q-divtablerow .q-divtablecell .custom-control { justify-content: center;}
[columntype="grid"] .q-question-type-grid { /*padding: var(--padding-table-cell);*/ }
[columntype="grid"] .q-question-type-grid .q-question-type-grid-scroll { display: block; width: 100%; overflow-x: auto; position: relative; border: 1px solid var(--form-control-disabled-border); background: #ffffff; border-radius: 8px;}
[columntype="grid"] .q-question-type-grid .q-question-type-grid-scroll .q-divtable { margin: 0; background: #ffffff; min-width: fit-content;}
[columntype="optRange"] .q-question-content { overflow: auto;}
[columntype="optRange"] .data-range { 
    --box-data-rang: 32px;
     border-radius: 8px; border: 1px solid #E3E6E8; background: #FAFAFA;  display: flex; justify-content: center; align-items: center; color: #131313; cursor: pointer; min-width: var(--box-data-rang); width: var(--box-data-rang); height: var(--box-data-rang); /*position: relative;*/}
[columntype="optRange"] .data-range.dataChk { background: linear-gradient(to top, rgba(255, 255, 255, 92%), rgba(255, 255, 255, 92%)) var(--primary); font-weight: bold; border-color: var(--primary); }
[columntype="optRange"] .data-range:last-child { /*border-right: 0;*/}
[columntype="optRange"] .data-range:last-child::after { content:"|"; position:absolute; bottom: var(--box-data-rang); color: var(--form-control-disabled-txt); }
[columntype="optRange"] .data-range:first-child::after { content:"|"; position:absolute; bottom: var(--box-data-rang); color: var(--form-control-disabled-txt); }
[columntype="optRange"] .data-range .q-range-label { position: absolute; bottom: calc(var(--box-data-rang) + 12px); color: var(--form-control-disabled-txt); width: 100%; text-align: center; display: inline-block; max-width: 50%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
[columntype="optRange"] .data-range .q-range-label.range-max { right: 0; text-align: right; padding-left: 6px;}
[columntype="optRange"] .data-range .q-range-label.range-min { left: 0; text-align: left; padding-right: 6px;}
[columntype="optRange"] .q-divtable { padding: var(--padding-table-cell); position: relative;}
[columntype="optRange"] .q-divtable .q-divtablerow { display: grid; grid-column-gap: 6px; grid-auto-flow: column; width: auto; justify-content: center; border: 0; margin-top: 40px; min-width: 130px; }
[columntype="optRange"] .q-question-type-grid { text-align: center; width: 100%; overflow: auto;}
[columntype="optRange"] .q-question-type-grid-scroll { display: inline-block; overflow-x: auto; padding-bottom: 4px;}
[columntype="optRange"] .q-question-type-grid-scroll .q-divtable { min-width: max-content;}
[columntype="optRange"] .data-range .custom-control-label { display: none;}
[columntype="optRange"] .q-divtable { margin: 0; padding: 0; border-top: 0; width: 100%; overflow-x: auto;}

[columntype="optImage"] .q-question-content .q-question-type-grid.q-divtablecell .MEDIA_SHOW { width: 272px; height: 153px; border-radius: 8px; margin: 0; overflow: hidden; display: flex; align-items: center; justify-content: center;}
.q-row-option-images .MEDIA_SHOW,
[columntype="optImage"] .q-question-content .q-question-type-grid.q-divtablecell.TD2 .MEDIA_SHOW { max-width: 165px; height: 92px; overflow: hidden; border-radius: 4px; display: flex; align-items: center; justify-content: center; margin: 0; }
.q-style .q-form-question-preview-content ul.dropdown-menu { overflow: unset;}
.q-style .q-form-question-preview-content ul li { cursor: pointer;}


.q-page-question { margin: 0 auto 16px;}
.p-title-page-question { background:#F3F7FB; padding: 8px 12px; border-top-left-radius: 10px; border-top-right-radius: 10px; border: 1px solid var(--border-default); border-bottom: 0; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--border-default); font: var(--typo-body-md); }
.p-title-page-question .q-info-no-delete,
.q-question-option .q-info-no-delete { position: absolute; right: 12px; top: 8px; display: flex; align-items: center; z-index: 1; cursor: pointer;}
.q-info-no-delete-mb { display: none !important; padding: 0 16px 23px; color: #848586; margin-top: -6px; font: var(--typo-body-lg);}
.q-title-edit-page-question { display: flex; align-items: center;}
.q-title-edit-page-question .form-control { margin-right: 6px;}
.q-title-edit-page-question .btn { margin-right: 4px; min-width: auto;}
.q-btn-add-question { padding: 16px 12px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border: 1px solid var(--border-default); border-top: 0; text-align: center;}
.q-btn-add-question button.btn, 
.q-btn-add-page button.btn { min-width: 115px;}
.q-btn-add-page { padding: 0 8px; text-align: center;}
.q-cover-media:empty { display: none;}



.c-dympage { margin-bottom: 12px;}

.q-style .q-create-form-question .btn-outline-secondary:not(:disabled):not(.disabled).active { background-color: transparent;}

/* Preview mode */
.tabPreview .q-question-preview .embed-responsive-16by9::before { padding: 0;}
.tabPreview.previewMode { max-width: 100%; flex-grow: 1;}
.previewMode .q-question-preview .embed-responsive-16by9::before { padding-top: 56.25%;}
.previewMode .q-question-preview .embed-responsive-16by9 .q-form-question-preview { position: absolute; top: 0; bottom: 0; width: 100%;}
.q-cover-media { height: 180px !important; width: 320px !important; border-radius: 8px; border: 1px solid rgba(216, 216, 216, 0.5); overflow: hidden; margin: 0; display: flex; align-items: center; justify-content: center; position: relative;}
.q-cover-media img { width: 100%; height: 100%; object-position: center;}
[data-previewmode="P"] .q-form-question-preview-content { display: flex; flex-direction: column; height: 100%; border: 1px solid var(--border-default);}
[data-previewmode="P"] .q-form-question-preview-content .q-question-name { padding:8px 12px; border-bottom: 1px solid var(--border-default); display: none !important;}
[data-previewmode="P"] .q-form-question-preview-content .QUESTION_LIST { flex-grow: 1; overflow: auto; /*padding: 20px 0;*/}
[data-previewmode="P"] .q-page-question-name,
[data-previewmode="N"] .q-page-question-name { margin: 0 auto 16px; max-width: var(--question-survey-width); color: #131313; font: var(--typo-section-title); } 
[data-previewmode="N"] .q-page-question-name{ padding: 12px 12px 0; margin-bottom: 0;}

[data-previewmode="P"] .c-cover-question,
[data-previewmode="P"] .q-listgroup-question,
[data-previewmode="N"] .q-listgroup-question { /*border-radius: 12px; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.08); padding: 20px 20px 24px;*/ border: 0; background: #ffffff; margin: 0 auto 16px; max-width: var(--question-survey-width); padding: 24px;}
[data-previewmode="P"] .q-listgroup-question + .q-listgroup-question,
[data-previewmode="N"] .q-listgroup-question + .q-listgroup-question {  border-top: 1px solid var(--color-line);}
[data-previewmode="P"] .q-listgroup-question[groupno="G1"] { padding-top: 0;}
[data-previewmode="P"] .q-listgroup-question .grabZone { display: none;}
[data-previewmode="P"] .q-question-content { border: 0; padding: 0; overflow: unset; width: 100%;}
[data-previewmode="P"] .q-question-content .q-text-question { margin-bottom: 16px;}
[data-previewmode="P"] [all-page="1"] .q-form-question-footer .q-form-question-footer-btn-group-position,
[data-previewmode="P"] .q-form-question-footer [all-page="1"] .q-form-question-footer-btn-group-position { display: none;}
[data-previewmode="P"] .q-answer-question-images, 
.tabPreview .q-answer-question-images { pointer-events: none; border-color: var(--form-control-disabled-border); background: var(--form-control-disabled-bg);}

[data-previewmode="P"] .q-btn-add-page { display: none !important;}
[columntype^="opt"] .q-divtablecell .MEDIA_SHOW[data-mime*="image/"] { aspect-ratio: 16 / 9; overflow: hidden; display: flex; align-items: center; justify-content: center; max-width: 240px; border-radius: 8px; border: 1px solid var(--form-control-border); background-color: #ffffff;}
[columntype^="opt"] .q-divtablecell.TD1 .MEDIA_SHOW[data-mime*="image/"] { max-width: 509px; margin-left: 22px; margin-bottom: 16px;}

.q-form-question-footer { position: sticky; bottom: 0;}
.q-form-question-footer .q-form-question-footer-btn-group { display: block;}
.q-form-question-footer .q-form-question-footer-btn-group-position { width: 100%; padding: 8px 24px 4px; border-top: 1px solid var(--border-default);}
.q-form-question-footer .q-form-question-footer-btn-group-position > .container { display: flex; align-items: center; /*justify-content: flex-end;*/ max-width: var(--question-survey-width); margin: 0 auto;}
.q-form-question-footer .q-form-question-footer-btn-next-back { margin: 0 auto; display: flex; align-items: center;}
.q-form-question-footer .q-form-question-footer-btn-next-back button { margin-right:24px; flex: 0 0 50%;}
.q-form-question-footer .q-form-question-footer-btn-next-back button:nth-last-child(2),
.q-form-question-footer .q-form-question-footer-btn-next-back .designerTool button:last-child { margin-right: 0;}
.q-form-question-footer .q-form-question-footer-btn-next-back .designerTool { flex: 0 0 50%;}
.q-form-question-footer .q-form-question-footer-btn-next-back .designerTool .btn { width: 100%;}

.q-form-question-preview-content .c-cover-question:not([style*="none"]) ~ .q-form-question-footer { display: none !important;}

/* clear form portal survey old */
.eUniteApp .box-flow { min-height: auto;}
.eUniteApp .c-flow-summary-step { padding: 0;}

/* marking question + report question */
.q-report-content .q-listgroup-question,
.q-marking-question .q-listgroup-question { border: 0; padding: 8px 8px 32px; margin: 0 auto;}
.q-report-content .q-listgroup-question .grabZone,
.q-marking-question .q-listgroup-question .grabZone { display: none;}
.q-report-content .q-question-content,
.q-marking-question .q-question-content { border: 0; padding: 0; overflow: unset; width: 100%;}
.d-markingview-content .q-form-question-preview[reftype="6"] [scoretype="text"] textarea { border-color: var(--form-control-border) !important; background: var(--form-control-bg) !important; }

.q-report-content .c-cover-question { max-width: 620px; margin: 0 auto; padding: 20px 8px 32px;}
.q-report-content .q-listgroup-question { max-width: 620px;}
.q-report-content .q-form-question-preview-content { padding: 0 40px 20px;}
.q-report-content .q-question-content .q-divtable [data-fld="correctAns"]:empty { display: block;}
.q-report-content .q-question-content .q-divtable [data-fld="correctAns"],
.q-report-content .q-question-content .q-divtable .correctAnswer { color: #00CA79; margin-left: 0;}
.q-report-content [columntype*="opt"] .q-question-content .row-option.correct { border: 2px solid #00CA79; border-radius: 4px; margin-bottom: 4px;}
.q-report-content [columntype*="opt"] .q-question-content .row-option.correct [data-fld="ansScore"] { display: none;}


.q-report-marking-group { display: flex; align-items: center; justify-content: flex-end; margin-right: 24px; width: 80px;}
.q-report-marking-score { display: block; white-space: nowrap; margin-right: 4px;}
.q-report-marking { display: flex;}
.q-report-marking-item { display: none;}
.red .q-report-marking-item.red,
.green .q-report-marking-item.green,
.orange .q-report-marking-item.orange,
.empty .q-report-marking-item.empty { display: flex;}
.hideScore .q-report-marking-group { visibility: hidden;}

/* page of */
.c-style .q-form-question-footer-page-of { display: flex; align-items: center; white-space: nowrap; font: var(--typo-body-md); color: var(--secondary);}
.c-style .q-form-question-footer-page-of .dropdown-menu { width: 100%; min-width: auto; transform: none !important; bottom: 32px; max-width: none;}
.c-style .q-form-question-footer-page-of .dropdown-menu li { cursor: pointer;}
.c-style .q-form-question-footer-page-of .q-btn-page-of { min-width: auto; padding: 4px 4px 4px 6px; width: 46px; height: 24px; justify-content: space-between; color: #131313; font: var(--typo-body-lg); background: #EFF2F4; border: 0; border-radius: 2px; margin-right: 6px;}
.c-style .q-form-question-footer-page-of .q-btn-page-of i { color: #888888;}
.c-style .q-form-question-footer-page-of .dropdown-menu li .dropdown-item { padding: 6px 8px;}
.c-style .q-form-question-footer-page-of .dropup .dropdown-toggle::after { display: none;}
/* .c-style .q-form-question-footer-page-of .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } */


/* upload tyle [data-mime] */
[data-mime*="application/pdf"] i.q-ico-h2::before { content: '\e92a';}
[data-mime*="application/vnd.openxmlformats-officedocument.wordprocessingml.document"] i.q-ico-h2::before,
[data-mime*="application/msword"] i.q-ico-h2::before, 
[data-mime*="text/plain"] { content: '\e92b';}
[data-mime*="application/vnd.ms-powerpoint"] i.q-ico-h2::before,
[data-mime*="application/vnd.openxmlformats-officedocument.presentationml.presentation"] i.q-ico-h2::before { content: '\e929';}
[data-mime*="application/vnd.ms-excel"] i.q-ico-h2::before,
[data-mime*="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"] i.q-ico-h2::before { content: '\e928';}
[data-mime*="application/zip"] i.q-ico-h2::before,
[data-mime*="application/x-7z-compressed"] i.q-ico-h2::before { content: '\e926';}
[data-mime*="audio"] i.q-ico-h2::before { content: '\e934';}
[data-mime="text/html"] i.q-ico-h2::before { content: '\e927';}

/* end qbic 2023 question type */


/* OJT course */
.q-ojt-session-date { display: flex; align-items: center; color: #545555; font: var(--typo-body-md); gap: 6px;}
.q-ojt-session-date .showOJTDate { color:#131313; font: var(--typo-bold-body-md);}
.q-uploadfile[data-blockupload="1"] .q-uploadfile-action { display: none !important;}
.q-uploadfile[data-blockupload="1"] .q-uploadfile-uploaded { background: var(--form-control-disabled-bg);}


.q-countdown-time span { display: inline-block;}

.divFormEnd[data-state="end"] { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; max-width: 608px; margin: auto; padding: 16px;}
.divFormEnd[data-state="end"] .c-survey-formend { display: grid; gap: 24px; text-align: center; }
.divFormEnd[data-state="end"] .c-survey-formend .c-title-formend { font: var(--typo-bold-body-xl); color: #131313; margin-bottom: 12px; }

/* Engage survey */
/* .q-page:not([ftype="SU"]) .c-content-menu + .c-content-body, */
.q-page[ftype="SU"][mode="preview"] .c-content-menu + .c-content-body { width: 100%; max-width: 100%;}
.q-page:not([ftype="SU"])[tab="info-dataTab"] .c-content-body .c-content-heading .c-content-heading-title { display: none;}
.q-page:not([ftype="SU"])[tab="info-dataTab"] .c-content-body .c-content-heading .c-learn-more-nps-detail { display: flex; justify-content: flex-end; width: 100%;}
.q-page:not([ftype="SU"])[tab="info-dataTab"] .c-content-body .c-content-heading .c-learn-more-nps-detail .btn i { font-size: 14px;}


.c-sub-item-listgroup .c-form-inputgroup + .c-form-inputgroup { margin-top: 2px;}
.c-sub-item-listgroup .c-form-inputgroup,
.c-sub-item-listgroup .c-form-inputgroup-inline { gap: 16px; border-radius: 2px; background: #EFF2F4; padding: 8px 14px;}
.c-sub-item-listgroup .btnRemoveAnswer { background: none;}
.c-style .q-uploadfile-action .btn-outline-secondary.q-upload-btn-remove, 
.c-style .q-uploadfile-action .btn-outline-secondary.q-upload-btn-replace { margin-top: 0; background: none;}
.q-uploadfile-action[style*="block"] { display: flex !important;}
/* .c-style .embed-responsive-item { width: 100%;} */
[mode="preview"] .tabPreview.col-sm-6 { flex: 0 0 100%; max-width: 100%;}
[mode="preview"] .c-content-menu + .c-content-body { border-left: 0; padding-left: 0;}


[data-reltab="info-dataTab"] .privacy.custom-control-input + .custom-control-label i { font-size: 18px; margin-right: 8px; color: #545555;}
/* Engage survey tab question */
[page*="EngageSetSurveyForm"][ftype="SU"]:not([mode="preview"])[tab="questions-dataTab"] .c-page-body > .container,
[page*="EngageSetSurveyForm"][ftype="SU"]:not([mode="preview"])[tab="questions-dataTab"] .c-page-body .container .c-page-group,
[page*="EngageSetSurveyForm"][ftype="SU"]:not([mode="preview"])[tab="questions-dataTab"] .c-page-body .container .c-page-group .c-page-content,
[page*="EngageSetSurveyForm"][ftype="SU"]:not([mode="preview"])[tab="questions-dataTab"] .c-page-body .c-content-body,
[page*="EngageSetSurveyForm"][ftype="SU"]:not([mode="preview"])[tab="questions-dataTab"] .c-page-body .c-content-body form,
[page*="EngageSetSurveyForm"][ftype="SU"]:not([mode="preview"])[tab="questions-dataTab"] .c-page-body .c-content-body .q-scroll-left-right { height: 100%;}

[page*="EngageSetSurveyForm"][ftype="SU"]:not([mode="preview"])[tab="questions-dataTab"] .c-page-body,
[page*="EngageSetSurveyForm"][ftype="SU"]:not([mode="preview"])[tab="questions-dataTab"] .c-page-body .c-content-group { overflow: hidden;}
[page*="EngageSetSurveyForm"][ftype="SU"]:not([mode="preview"])[tab="questions-dataTab"] .c-page-body .q-column { padding-bottom: 0;}
[page*="EngageSetSurveyForm"][ftype="SU"]:not([mode="preview"])[tab="questions-dataTab"] .c-page-body .q-column .q-column-right { display: flex; flex-direction: column; overflow: hidden;}
[page*="EngageSetSurveyForm"][ftype="SU"]:not([mode="preview"])[tab="questions-dataTab"] .q-form-heightpage .q-form { min-height: auto; /* height: auto;*/ box-shadow: none !important; /* เพิ่ม height  auto ให้เส้นสูงตาม content (ถ้าปิดให้สูงตามหน้าจอ 100%) */}
[page*="EngageSetSurveyForm"][ftype="SU"]:not([mode="preview"])[tab="questions-dataTab"] .c-content-body { padding-bottom: 0;}

.q-page[ftype="SU"]:not([mode="preview"])[tab="questions-dataTab"] .q-single-page .q-form-content { padding: 0;}
.q-page[ftype="SU"]:not([mode="preview"])[tab="questions-dataTab"] .q-form .divForm.col-sm-6 { padding: 0 24px 32px; overflow-y: scroll; overflow-x: auto;}
.q-page[ftype="SU"]:not([mode="preview"])[tab="questions-dataTab"] .q-form .divForm.tabPreview.col-sm-6 { padding-left: 0; padding-right: 8px;}
.c-style .q-page[ftype="SU"]:not([mode="preview"])[tab="questions-dataTab"] .q-form .divForm.tabPreview.col-sm-6::-webkit-scrollbar { width: 8px; height: 8px;}
.q-page[ftype="SU"]:not([mode="preview"])[tab="questions-dataTab"] .q-form .divForm.tabDesign.col-sm-6 { padding-right: 0;}
.q-page[ftype="SU"]:not([mode="preview"])[tab="questions-dataTab"] .q-form-question-footer {  display: none;}
.q-page[ftype="SU"]:not([mode="preview"])[tab="questions-dataTab"] .tabDesign .form-group [class*="col"] { padding-left: 0; padding-right: 0;}  
.q-page[ftype="SU"]:not([mode="preview"])[tab="questions-dataTab"] .columnOption.range.q-divtable { display: grid; gap: 16px;}

.q-page[ftype="SU"][mode="preview"] .c-content-body .q-column .q-form.shadow-sm { background: none; box-shadow: none !important;}
.q-page[ftype="SU"][mode="preview"] .c-content-body [data-state="start"].c-content-form { margin: 0;}
.q-page[ftype="SU"][mode="preview"] .c-content-body [data-state="start"].c-content-form .q-listgroup-question:last-child { margin-bottom: 0;}
.q-page[ftype="SU"][mode="preview"] .q-single-page .q-form-content { padding: 0;}
.q-page[ftype="SU"][mode="preview"] .c-page-body .c-content-group .q-column .c-content-heading { max-width: var(--question-survey-width); margin-left: auto; margin-right: auto; display: none;}
.c-content-heading-title small { max-width: 680px; display: block; font: var(--typo-body-lg); color: var(--default);}




.c-list-answer-choice { margin-bottom: 12px; padding-left: 0; padding-right: 0;}
.tabDesign .q-upload-cover .q-cover-img { max-width: 300px; border-radius: 8px; background-color: #ffffff;} 
.tabDesign .c-form-content .c-form-inputgroup-inline { align-items: center;}
.tabDesign .c-form-content .c-form-inputgroup-inline,
.c-list-answer-choice .c-form-inputgroup-inline { gap: 8px;}




.c-type-option .c-form-inputgroup-inline .col:nth-child(2) { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}

/* footer servey preview mode */
.c-form-footer .container[data-pmode="P"] { align-items: center; max-width: var(--question-survey-width); margin: 0 auto;}
.c-page-header .container[data-pmode="P"] .btn { margin-top: 0;}
.c-button-add-option { display: flex; flex-wrap: wrap; align-items: center; gap: 12px;}

.c-number-spinner .input-group-btn .btn i,
.q-style .c-number-spinner .input-group-append .btn i, 
.q-style .c-number-spinner .input-group-prepend .btn i { font-size: 10px;}
.input-group.c-number-spinner .input-group-btn .btn { background: #ffffff;}
.input-group.c-number-spinner .btn-outline-secondary:not(:disabled):not(.disabled):active,
.input-group.c-number-spinner .input-group-btn .btn:hover { background: #EFF2F4 !important; border-color: var(--form-control-border) !important;}
.c-style .input-group.c-number-spinner .form-control,
.c-number-spinner .form-control[type="text"] { border-radius: 0; border-left: 1px solid var(--form-control-border); }
.c-style .c-number-spinner .input-group-prepend .btn { border-top-left-radius: 8px; border-bottom-left-radius: 8px;}
.c-style .c-number-spinner .input-group-append .btn { border-top-right-radius: 8px; border-bottom-right-radius: 8px;}
.c-style .input-group.c-number-spinner .form-control:focus+.input-group-append .btn { border-color: var(--form-control-border);}
.c-style .input-group.c-number-spinner .input-group-prepend .btn { border-right: 0;}



/* survey inbox */
.c-respon-profile { display: none;}
.c-respon-profile .c-todo-heading-avatar { border-radius: 50%; overflow: hidden; border: 1px solid var(--border-default);}
.c-respon-profile .c-todo-heading-avatar img { border: 0;}
.resetIframe .c-respon-profile { display: block;}
.resetIframe .q-form-question-footer .q-form-question-footer-btn-group { background-color: #ffffff;}
.resetIframe .q-form-question-preview { display: flex; flex-direction: column; overflow: hidden; height: 100%;}
.resetIframe .q-form-question-preview-content2 { display: flex; flex-direction: column; flex-grow: 1; overflow: hidden;}
.resetIframe .q-form-question-preview .divShow.QUESTION_LIST,
.resetIframe .q-form-question-preview .c-cover-question[data-state="cover"] { flex-grow: 1; overflow: auto;}
.resetIframe .q-form-question-preview .c-cover-question[data-state="cover"] .form-group { height: 100%; max-width: calc(var(--question-survey-width) + 48px); margin: 0 auto !important; padding: 20px 24px 0;}
.resetIframe .q-form-question-preview .c-cover-question[data-state="cover"] .q-cover-info { padding-bottom: calc(56px + 16px);}
.resetIframe .q-form-question-footer .q-form-question-footer-btn-group-position > .container { max-width: calc(1240px + 48px); width: 100%; padding: 0; margin: 0 auto;}
.resetIframe [data-previewmode="N"] .c-cover-question { max-width: 100%; width: 100%;}
/* .resetIframe .q-form-question-preview .c-cover-question[data-state="cover"] .q-cover-start { position: fixed; margin: 0; bottom: 0; left: 0; width: 100%; padding: 12px 24px; border-top: 1px solid #E3E6E8; background: #ffffff;} */

/* doing question */
[data-previewmode="N"] .c-cover-question { border: 0; background: #ffffff; margin: 0 auto 16px; max-width: var(--question-survey-width); /*max-width: calc(var(--question-survey-width) + 48px);*/}
[data-previewmode="N"] .q-listgroup-question .grabZone { display: none;}
[data-previewmode="N"] .q-question-content { border: 1px solid transparent; padding: 0; overflow: unset; width: 100%; }
[data-previewmode="N"] .q-form-question-preview-content .q-question-name { padding:8px 12px; border-bottom: 1px solid var(--border-default); display: none !important;}
[data-previewmode="N"] .q-form-question-preview-content { display: flex; flex-direction: column; height: 100%; border: 0;}
[data-previewmode="N"] .q-form-question-preview-content .QUESTION_LIST { flex-grow: 1; overflow: auto; }
[data-previewmode="N"] .embed-responsive-16by9 .q-form-question-preview { position: absolute; top: 0; bottom: 0; width: 100%;}
[data-previewmode="N"] .q-listgroup-question.ctrequire { border: 1px solid #dc3545; padding-bottom: 16px; border-radius: 6px;}
[data-previewmode="N"] .q-listgroup-question.ctrequire + .q-listgroup-question:not(.ctrequire) { border-top: 0; margin-top: -16px;}
[data-previewmode="N"][openmode="ack"] .survey-footer[all-page="1"] { display: none;}
[data-previewmode="N"][openmode="ack"] [columntype="optRange"] .data-range { background: #FAFAFA; border-color: var(--disabled); color: var(--disabled-txt); cursor: default;}
[data-previewmode="N"][openmode="ack"] [columntype="optRange"] .data-range.dataChk { border: 1px solid #545555; background: linear-gradient(0deg, rgba(84, 85, 85, 0.20) 0%, rgba(84, 85, 85, 0.20) 100%), #ffffff; color: #131313; font-weight: bold; }
[data-mode="ack"] .q-doing-question [all-page="1"] .q-form-question-footer .q-form-question-footer-btn-group-position { display: none;}
[data-mode="ack"] .survey-footer[all-page="1"] .q-form-question-footer-btn-group-position { display: none;}

[data-previewmode="N"][st="start"] .q-form-question-footer[data-state="start"],
[data-previewmode="N"] [data-state="cover"] .q-form-question-footer { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 3; background-color: #ffffff; display: block; }
[data-previewmode="N"] [data-state="cover"] .q-form-question-footer > .container { max-width: calc(1240px + 48px); margin: 0 auto;}
[data-previewmode="N"] .q-form-question-preview { padding-bottom: calc(var(--form-footer-height) + 12px);}

/* move from EnganeSetSurveyForm.html */
[page*="EngageSetSurveyForm"] .divPageCommon.q-form-question-footer { display: none;}
[page*="EngageSetSurveyForm"][mode="preview"] .c-content-group { z-index: auto; }
[page*="EngageSetSurveyForm"][mode="preview"] .c-page-body .c-content-group .q-column { padding-bottom: 0;} 
[page*="EngageSetSurveyForm"][mode="preview"] .formContent[st="start"] .q-form-question-preview { padding-bottom: 57px;}
[page*="EngageSetSurveyForm"][mode="preview"] .formContent[st="start"] .divPageCommon.q-form-question-footer { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 3; background-color: #ffffff; display: block; }
[page*="EngageSetSurveyForm"][mode="preview"][data-st="start"] .divHeadPreview { margin-bottom: 16px;}
[page*="EngageSetSurveyForm"][mode="preview"][data-st="start"] .divHeadPreview .q-viewmore-desc { display: none;}
.divHeadPreview .btn.btnShowMoreLess { margin-top: 8px; font: var(--typo-body-md);}
[bigure-link*="form:survey-form"] .q-content:has([pg="form:survey-form"][mode="preview"][data-st="start"]) { display: block;}


 
.c-style .c-participant-privacy .custom-control-input ~ .custom-control-label::before { top: 0;}
.c-style .divAudience .divMoreRoleList { margin-top: 12px;}

[mode="preview"][tab="questions-dataTab"] .divHeadPreview { max-width: var(--question-survey-width); margin: 0 auto;}
.q-viewmore-desc { display: -webkit-box; line-clamp: 3;  -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font: var(--typo-body-lg); margin-top: 8px; color: #131313;}
.divHeadPreview[data-showmore="1"] .q-viewmore-desc { line-clamp: inherit;  -webkit-line-clamp: inherit;}
.q-btn-viewmore-desc { min-width: auto !important;}



/* support word break */
.q-divtablecell, .q-divtablehead,
.q-question-content .q-topic,
.q-question-content .q-topic-info,
.c-responses-survey-topic { word-break: break-word; }

.q-uploaded-preview-filename-col { white-space: nowrap;}

[page*="EngageSurveyDoc"] [data-previewmode="N"] .q-form-question-footer .q-form-question-footer-btn-group-position { padding-left: 0; padding-right: 0;}





/* ------------- support Eunite App ------------- */
/* #p24 .q-page[ftype="SU"]:not([mode="preview"])[tab="questions-dataTab"] .q-form .divForm.col-sm-6 {padding: 0 24px 32px;}
#p24 .q-page[ftype="SU"]:not([mode="preview"])[tab="questions-dataTab"] .tabDesign .form-group [class*="col"] { padding-left: 0; padding-right: 0;}
#p24 .q-page[ftype="SU"]:not([mode="preview"])[tab="questions-dataTab"] .q-single-page .q-form-content { padding: 0;}
#p24 .q-page[ftype="SU"]:not([mode="preview"])[tab="questions-dataTab"] .q-form .divForm.tabDesign.col-sm-6 { padding-right: 0;}
#p24 .q-page[ftype="SU"]:not([mode="preview"])[tab="questions-dataTab"] .q-form .divForm.tabPreview.col-sm-6 { padding-left: 0; padding-right: 8px;} */
/* ------------- End support Eunite App ------------- */