/* **************************************************************************************************** */
.ui-dialog .ui-dialog-content.ui-dialog-spinner {
  background: url("../images/ajax-loader.gif") no-repeat scroll 5px 15px
    transparent;
  padding: 30px 0 0px 70px;
  border: 2px solid #dddddd;
  font-weight: 900;
  line-height: 1em;
  font-size: 1.1em;
  color: #737373;
}

/* w2ui css */
.st-w2ui-panel-title {
  padding: 0px !important;
  padding-top: 5px !important;
}
.st-w2ui-top39 {
  top: 39px !important;
}

/* Statistics css */
.st-chart {
  cursor: pointer;
  color: white;
  text-align: center;
  vertical-align: middle;
  line-height: 30px;
  border-radius: 4px;
  height: 100%;
  font-size: 15pt;
  background: #d5d5d5;
  font-family:
    "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}

.st-select-statistics-even {
  background: #cde7ff !important;
}

.st-select-statistics-odd {
  background: #c8e3fd !important;
}

.st-info-data-even {
  background: #eef7ff !important;
}

.st-info-data-odd {
  background: #e5f0fb !important;
}

.st-same-data {
  background: #bce5da !important;
}

.st-nan-data {
  background: #dfe9ec;
}

.st-different-data {
  background: #fba8a5 !important;
}

.st-chart:hover {
  background: #3fa9f5;
}

.st-chart-click {
  background: #3fa9f5 !important;
}

.st-div-display {
  height: 100%;
  float: left;
}

.st-button-excel-off {
  background: #cccccc;
}

.st-button-compare-on {
  background: #4baebd;
}

.st-button-excel-on {
  background: #00a3f5;
}

.st-font-title-text {
  font-weight: bold;
  color: #666666;
}
.st-row-background {
  margin: 0px;
  padding: 0px;
  border-right: 1px solid #c5c5c5;
  border-bottom: 1px solid #c5c5c5;
  color: #000000;
  background-image: -webkit-linear-gradient(#f9f9f9, #bee1ff);
  background-image: -moz-linear-gradient(#f9f9f9, #bee1ff);
  background-image: -ms-linear-gradient(#f9f9f9, #bee1ff);
  background-image: -o-linear-gradient(#f9f9f9, #bee1ff);
  background-image: linear-gradient(#f9f9f9, #bee1ff);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#ffbee1ff', GradientType=0);
  font-weight: bold;
  font-weight: bold;
}

.st-font-display-title {
  color: #283892;
  font-weight: bold;
}

.st-td-display-label {
  display: inline-block;
  font-size: 13px;
  /*width: 170px;*/
}

.st-th-display-title {
  background: #b7e4fa !important;
  height: 30px;
}

.st-col-background {
  /*background: #dcecf4 !important;*/
  margin: 0px;
  padding: 0px;
  border-right: 1px solid #c5c5c5;
  border-bottom: 1px solid #c5c5c5;
  color: #000000;
  background-image: -webkit-linear-gradient(#f9f9f9, #e4e4e4);
  background-image: -moz-linear-gradient(#f9f9f9, #e4e4e4);
  background-image: -ms-linear-gradient(#f9f9f9, #e4e4e4);
  background-image: -o-linear-gradient(#f9f9f9, #e4e4e4);
  background-image: linear-gradient(#f9f9f9, #e4e4e4);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#ffe4e4e4', GradientType=0);
  font-weight: bold;
}

.st-div-button {
  width: 120px;
  color: white;
  text-align: center;
  vertical-align: middle;
  line-height: 30px;
  border-radius: 4px;
  height: 29px;
  font-size: 10pt;
  cursor: pointer;
}

.st-font-title {
  font-weight: bold;
  color: #2e3192;
  font-size: 13pt;
}

.st-div-title {
  background: #b2e4fd;
  float: left;
  width: 100px;
  height: 54px;
  padding-left: 24px;
  padding-top: 15px;
}

.st-div-title-content {
  background: #dcecf4;
  height: 54px;
  float: left;
}

#st-table-data-brower {
  border-top: 2px solid #818181 !important;
}

#st-table-data-brower td {
  padding: 6px;
  min-width: 50px;
}

#st-table-data-brower tr:nth-child(3) td:first-child {
  background: #e6f0fa;
}

/*
#st-table-data-brower tr:nth-child(3) td:active {
  background: #cee7fd;
}

#st-table-data-brower tr:nth-child(3) td:visited {
  background: #cee7fd;
}
*/

#st-table-data-brower tr:nth-child(odd) {
  background: #ffffff;
}

#st-table-data-brower tr:nth-child(even) {
  background: #f2f6fa;
}

.st-table-action {
  border-top: none !important;
  border-left: none !important;
}
.st-table-action th,
.st-table-action td {
  border-bottom: none !important;
  border-right: none !important;
}

#st-table-databrowser {
  border-collapse: collapse;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
}

#st-table-databrowser th,
#st-table-databrowser td {
  border-bottom: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  min-height: 30px;
  min-width: 117px;
  max-width: 117px;
}

#st-table-databrowser tr:nth-child(odd) {
  background: #ffffff;
}

#st-table-databrowser tr:nth-child(even) {
  background: #f2f6fa;
}

#st-table-databrowser td {
  padding: 6px;
  min-width: 50px;
}

#st-table-summary-content td {
  padding: 3px;
  min-width: 50px;
}

#st-table-summary-content {
  color: #666666;
  font-family:
    "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
}

#st-table-summary-content th,
#st-table-summary-content td {
  border-bottom: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  font-size: 9pt;
}

#st-table-summary-content tr:nth-child(odd) {
  background: #def4fc;
}

#st-table-summary-content tr:nth-child(even) {
  background: #ffffff;
}

#st-table-data-brower {
  border-collapse: collapse;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
}

#st-table-data-brower th,
#st-table-data-brower td {
  border-bottom: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  font-size: 9pt;
  padding: 4px 2px 2px 2px;
  position: relative;
}

#st-table-data-brower > tbody > tr > td > span.st-databrowser-answer-unit {
  font: normal 8pt/1 sans-serif;
  /* border-left: 1px solid #cccccc; */
  color: darkviolet;
  display: inline-block;
  height: 100%;
  /* top: 0; */
  /* right: 0; */
  /* overflow: auto; */
  padding: 0 0 0 2px;
  /* position: absolute; */
  /* width: 50%; */
}

#st-databrowser-caption {
  margin: 0 auto;
  padding: 0;
  font:
    normal 9pt/1.1 Arial,
    NanumGothic,
    sans-serif;
  color: navy;
  text-align: left;
}

.st-databrowser-answer-desc {
  margin: 0 5px 0 11px;
}

.st-databrowser-answer-icon {
  width: 8px;
  height: 8px;
  background: #cccccc;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -ms-border-radius: 8px;
  -khtml-border-radius: 8px;
  -o-border-radius: 8px;
  display: inline-block;
  margin: 0 auto;
  top: 2px;
  left: 1px;
  position: absolute;
}

.st-databrowser-answer-icon-code {
  background: #cc9966;
}
.st-databrowser-answer-icon-number {
  background: #9966cc;
}

#st-filter-table {
  border-collapse: collapse;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
}
#st-filter-table th,
#st-filter-table td {
  border-bottom: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  height: 30px;
  padding-left: 10px;
}

#st-div-display-popup-area > table {
  margin-top: 35px;
}

.st-table-align {
  border-collapse: collapse;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
}
.st-table-align th,
.st-table-align td {
  border-bottom: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  height: 30px;
}

.st-order-color {
  font-weight: bold;
  color: #39b54a;
}

.st-reviewer-color {
  font-weight: bold;
  color: #3b78e7;
}

.st-variable-color {
  font-weight: bold;
  color: #03a9f4;
}

.st-div-area {
  overflow: auto;
  padding: 5px;
  border: 2px solid #e6e6e6;
  width: 100%;
  height: 100%;
}

.st-div-align {
  width: 100%;
  height: 50px;
  background-color: #e0cfc2;
  margin-top: 5px;
  margin-bottom: 5px;
}

/* jquery ui dialog css override */
.ui-dialog.ui-widget.ui-widget-content {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  /*top: 10px !important;*/
}

.ui-widget-header {
  background: linear-gradient(to right, #5188bb, #112144);
  color: #ffffff;
}

.ui-corner-all {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border: 1px;
}

/*  Form Manager css  */
.fm-div-selected-section {
  width: 100%;
  height: 15px;
  cursor: pointer;
}

.fm-font-11pt-bold {
  font-weight: bold;
  font-size: 11pt;
}

div.fm-div-selected-section-on {
  border-radius: 4px;
  background: #1a2548 !important;
  border: none !important;
}

.Description {
  margin-bottom: 8px;
  margin-top: 8px;
}

.Separator {
  margin: 8px;
}

.fm-border-c1272d {
  border: 2px solid #c1272d !important;
}

.fm-font-10pt-bold {
  font-weight: bold;
  color: #999999;
  font-size: 10pt;
}

.fm-font-9pt-bold {
  font-weight: bold;
  font-size: 9pt;
}

.fm-font-color-c1272d {
  color: #c1272d;
}

.fm-div-selected-border {
  outline: 2px solid #00ffff;
  border-radius: 4px;
}

#fm-table-patient-information > tbody > tr {
  border-top: 2px solid #ced4d7;
  border-bottom: 2px solid #ced4d7;
}
.fm-table-patient-information > tbody > tr {
  border-top: 2px solid #ced4d7;
  border-bottom: 2px solid #ced4d7;
}

#fm-table-patient-information {
  border-top: 4px solid #2d3c87;
}
.fm-table-patient-information {
  border-top: 4px solid #2d3c87;
}

.fm-border-reportPopup-right {
  border-right: 2px solid #ced4d7;
}

.fm-font-form-popup {
  color: #2d3c87;
  font-size: 20px;
  font-weight: bold;
}

.fm-td-patient-label {
  background: #bfe3ec;
}

.fm-font-patient-label {
  font-weight: bold;
  padding: 10px;
}

.fm-font-patient-data {
  padding: 10px;
}

.fm-separator-background {
  background: #e7e7e7;
}

.fm-description-background {
  background: #c8e2ed;
}

.fm-font-description {
  color: #004e9f;
  font-weight: bold;
  font-size: 12pt;
}

.fm-font-popup-attribute {
  font-size: 15px;
  font-weight: bold;
}

.Description,
.Separator {
  margin-top: 8px;
}

.fm-border-separator {
  width: 100%;
  background: #b2b1b1;
}

.fm-input-title {
  width: 100%;
  height: 30px;
  border-radius: 5px;
  padding-left: 3px;
}

.fm-div-toolbar-qnacomponent-top {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.fm-input-value-border {
  border: 1px solid #008bf7;
  background: #ffffff !important;
  width: 100%;
  border-radius: 5px;
  padding-left: 3px;
  font-size: 14px;
}
.fm-img-toolbar-menu {
  width: 20px;
}

.fm-toolbar-margin {
  margin-left: 10px;
}

.fm-div-make-question {
  cursor: pointer;
}

.fm-toolbar-border {
  border-bottom: 1px #cccccc solid;
}

.fm-font-toolbar-menu {
  font-size: 9pt;
  color: #808080;
}

.fm-div-toolbar {
  width: 100%;
  text-align: left;
}

.fm-div-toolbar-menu {
  height: 52px;
}

.fm-div-toolbar.fm-div-toolbar-qnacomponent {
  background: #bfc1c1;
}

#fm-div-toolbar {
  width: 110px;
  height: auto;
  background: #e5e5e5;
  border-radius: 8px;
  border: 1px solid #e6e6e6;
  float: left;
}

input.QuestionSetTitle {
  width: 100%;
  color: #ffffff !important;
  background-color: #74c2d7 !important;
  border: 1px solid #008bf7 !important;
  border-radius: 5px;
  padding-left: 5px;
}

.rp-formManager-btn-cal {
  width: 60px;
  height: 50px;
  border-radius: 8px;
}

.rp-formManager-btn-addUnit {
  width: 500px;
  height: 30px;
  border-radius: 8px;
  border: 1px solid #00aaf7;
  padding: 2px;
  background-color: white;
  color: black;
}

.rp-formManager-btn-cancel {
  width: 100px;
  height: 30px;
  border-radius: 8px;
  border: 1px solid #3fa9f5;
  padding: 2px;
  background-color: white;
  color: #3fa9f5;
}

.rp-formManager-btn-cancel:hover {
  color: #ffffff !important;
  background-color: #0d47a1 !important;
  border: 1px solid #0d47a1;
}

.rp-formManager-btn-ok {
  width: 100px;
  height: 30px;
  border-radius: 8px;
  border: none;
  padding: 2px;
  background-color: #3fa9f5;
  color: white;
}

.rp-formManager-btn-ok:hover {
  color: #ffffff !important;
  background-color: #0d47a1 !important;
  border: 1px solid #0d47a1;
}

.rp-formManager-hide {
  visibility: hidden;
}
.rp-attriubute {
  width: 100%;
}

.font-answer-code-text {
  cursor: pointer;
  padding: 4px;
  font-size: 13px;
}

.code-text-label {
  vertical-align: middle;
  padding-left: 4px;
  font-size: 10pt;
}

.Answerwidth100 {
  width: 100%;
}
.mousepointer {
  cursor: pointer;
}

.AnswerSelectAddBtn {
  background-color: Transparent;
  background-repeat: no-repeat;
  border: none;
  overflow: hidden;
  outline: none;
  color: black;
  text-align: center;
}
.AnswerSelectBtn,
.QuestionAnswerSelectBtn {
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.formSingleBtn {
  width: 29px;
  color: #4c4c4c;
  text-align: center;
  vertical-align: middle;
  line-height: 30px;
  border-radius: 4px;
  height: 29px;
  font-size: 10pt;
  cursor: pointer;
}
.formbtn {
  width: auto;
  height: auto;
  background-color: Transparent;
  background-repeat: no-repeat;
  border: none;
  overflow: hidden;
  outline: none;
  color: black;
}
.MakeQuestionNum {
  color: #2f88c5;
  font-weight: bold;
  font-size: 12pt;
}
.formHint {
  font-size: 12px;
  color: #3d96ed;
  font-weight: bold;
  margin-left: 4px;
}
.QuestionSetTitle::-webkit-input-placeholder {
  color: #e6e6e6;
}
.QuestionSetTitle:-moz-placeholder {
  /* Firefox 18- */
  color: #e6e6e6;
}
.QuestionSetTitle:-moz-placeholder {
  /* Firefox 19+ */
  color: #e6e6e6;
}
.QuestionSetTitle:-ms-input-placeholder {
  color: #e6e6e6;
}
.QuestionSetTitle {
  border: 0;
  outline: none;
  box-shadow: none;
  font-weight: bold;
  height: 40px;
  width: 100%;

  font-size: 12pt;
}
input.QuestionTitle {
  outline: none;
  box-shadow: none;
  font-weight: bold;
  height: 28px;
  width: 100%;
  font-size: 11pt;
  color: #6c6d6d;
  background-color: #ffffff !important;
  border: 1px solid #008bf7 !important;
  border-radius: 5px;
  padding-left: 3px;
}
.QAComponentDiv {
  background-color: #e8f3ef;
  border-radius: 8px;
  width: 100%;
  height: auto;
}
.AddAnswerTypeFont {
  color: #999999;
}
.QuestionSet {
  width: 100%;
  height: auto;
  margin-bottom: 8px;
  margin-top: 2px;
}
.formMouseAccess {
  cursor: pointer;
}
.unit_btn {
  width: 80px;
  color: white;
  text-align: center;
  vertical-align: middle;
  line-height: 30px;
  border-radius: 4px;
  height: 29px;
  font-size: 10pt;
}
.fm-moreBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  color: white;
  border-radius: 4px;
  height: 29px;
  font-size: 10pt;
  background-image: url("/image/more_icon.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.fm-moreBtn:hover {
  background-color: #ccc;
  background-image: url("/image/more_icon.png");
}

.bm-fm-div-customMenu {
  display: none;
  z-index: 999999;
  position: absolute;
  overflow: hidden;
  white-space: nowrap;
  background: #cccccc;
  border-radius: 6px;
  border: solid 2px #999999;
  box-shadow: 2px 2px 2px rgba(136, 136, 136, 0.4);
  padding: 0;
  cursor: pointer;
  width: 200px;
}
.fm-attributesLine {
  border-bottom: solid 2px #b2b2b2;
}

.Form_btn {
  width: 100%;
  color: #4d4d4d;
  vertical-align: middle;
  line-height: 30px;
  height: 29px;
  font-size: 10pt;
  background-color: #cdcdcd;
}

.Form_btn:hover {
  background-color: #094b9f;
  color: #ffffff;
}

.AnswerTypeFont {
  color: #838383;
  font-size: 11pt;
}
.formimg {
  width: 22px;
}
.Answerfont {
  color: #5b78a4;
  font-size: 12pt;
  font-weight: bold;
}
/* Designer Answer drag handle */
.fm-reorder{
  position: relative;
  display: inline-block;
  padding-left: 20px;
}
.fm-reorder:hover{
  cursor: move;
}
.fm-reorder:hover .fm-reorder_icon{
  display: block;
}
.fm-reorder_icon{
  width: 20px;
  height: 20px;
  background-image: url("/image/drag_indicator_icon.svg");
  background-size: cover;
  background-repeat: no-repeat;
  /* display: none; */
  position: absolute;
  top: -15px;
  /* left: -18px; */
}
.makeform_textarea {
  background-color: #ffffff;
  height: 30px;
}
.makeform_input {
  height: 30px;
  font-size: 13px;
}
.QuestionTitleTable {
  background-color: #e7e7e7;
  height: 28px;
  border-bottom: 1px solid #cbcbcb;
}
.Display {
  background-color: #e2ebf2;
  width: 100%;
  height: auto;
  border-top: 6px solid #808080;
  margin-bottom: 8px;
  margin-top: 8px;
}
.Question {
  background-color: #e2ebf2;
  width: 100%;
  height: auto;
  margin-bottom: 8px;
  margin-top: 8px;
  /*border-bottom: 1px solid #999999;*/
}
.Answer {
  background-color: #e7e7e7;
  width: 100%;
  height: auto;
}
.Value {
  background-color: #e7e7e7;
  width: 100%;
  height: auto;
}
.Answerline {
  border-bottom: 1px solid #b9bbbc;
}
.Valueline {
  border-bottom: 1px solid #e6e6e6;
}
.fm-div-question-move {
  cursor: move;
  text-align: center;
  min-height: 20px;
}
.fm-div-question-move-up {
  width: 20px;
  height: 20px;
  background-image: url(/image/up.png);
  background-size: cover;
  display: inline-block;
}
.fm-div-question-move-down {
  width: 20px;
  height: 20px;
  background-image: url(/image/down.png);
  background-size: cover;
  display: inline-block;
}
.fm-div-question-move-up:hover
, .fm-div-question-move-down:hover {
  cursor: pointer;
  filter: contrast(0.9);
}
.fm-div-question-move::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("/image/drag_indicator_icon.svg");
  background-size: cover;
  background-repeat: no-repeat;
  pointer-events: none;
}
.fm-div-question-move > span {
  margin: 0 !important;
}
.fm-sortable-placeholder {
  border: 1px dashed #78a8c8;
  background-color: #f2f8fc;
  min-height: 48px;
  margin: 0 0 8px 0;
  box-sizing: border-box;
  visibility: visible !important;
}
.fm-sortable-helper {
  opacity: 0.92;
  box-shadow: 0 8px 14px rgba(0, 0, 0, 0.18);
}
#AnswerSelectTable {
}
.fm-div-question-move {
  cursor: move;
  text-align: center;
  min-height: 20px;
}
.fm-div-question-move-up {
    width: 20px;
    height: 20px;
    background-image: url(/image/up.png);
    background-size: cover;
    display: inline-block;
}
.fm-div-question-move-down {
    width: 20px;
    height: 20px;
    background-image: url(/image/down.png);
    background-size: cover;
    display: inline-block;
}
.fm-div-question-move-up:hover
, .fm-div-question-move-down:hover {
    cursor: pointer;
    filter: contrast(0.9);
}
.fm-div-question-move::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("/image/drag_indicator_icon.svg");
  background-size: cover;
  background-repeat: no-repeat;
  pointer-events: none;
}
.fm-div-question-move > span {
  margin: 0 !important;
}
.fm-sortable-placeholder {
  border: 1px dashed #78a8c8;
  background-color: #f2f8fc;
  min-height: 48px;
  margin: 0 0 8px 0;
  box-sizing: border-box;
  visibility: visible !important;
}
.fm-sortable-helper {
  opacity: 0.92;
  box-shadow: 0 8px 14px rgba(0, 0, 0, 0.18);
}
/*btn*/
.answertextbtn {
}
.answernumbtn {
}
.answercodebtn {
}
.answerdatetimebtn {
}
.answerdatebtn {
}
.answertimebtn {
}
.answerimagebtn {
}
.answeraudiobtn {
}
.answerpnamebtn {
}
.answeruidrefbtn {
}

/* **************************************************************************************************** */
/*   renderXml Css  */
.fm-div-renderxml-separator {
  width: 100%;
  height: 3px;
  background: #b2b1b1;
}

.fm-div-renderxml-description {
  background: #c8e2ed;
  height: 30px;
}

.rdx-deleteImageAudio,
.rdx-btn-deletePictureAndAudio {
  width: 50px;
  /*height: 26px;*/
  background-color: #9a9a9a !important;
  /*border-radius: 4px;*/
  color: #ffffff !important;
  cursor: pointer;
  font-size: 16pt !important;
  text-align: center;
  padding: 4px;
  position: absolute;
  margin: 2px 0 0 28px;
  z-index: 1;
}
.rp-textarea-resizeNone {
  resize: none;
}
.rp-renderXml-hide {
  display: none;
}
.warning_background {
  background-color: yellow;
}
.rp-simplepopuptitle {
  color: white;
  font-size: 12pt;
  font-weight: bold;
  height: 60px;
  background-color: #666666;
}
.rp-mouseAccess {
  cursor: pointer;
}
.rp-popup_okbtn {
  width: 100px;
  color: white;
  text-align: center;
  vertical-align: middle;
  line-height: 30px;
  border-radius: 4px;
  height: 29px;
  font-size: 10pt;
  background-color: #666666;
}
.warningmessageQuestion {
  font-size: 10pt;
  color: red;
}
.warningmessageUnit {
  font-size: 10pt;
  color: red;
}
.warningmessageAnswer {
  font-size: 10pt;
  color: red;
}
.rx-description {
  vertical-align: middle;
  font-weight: bold;
  font-size: 12pt;
  color: #094da0;
}
.rx-description-title {
  width: initial;
  min-height: 30px;
  height: auto;
  background-color: #e0f1f9;
  margin: 0 8px;
  padding: 0 8px;
  line-height: normal;
  overflow: visible;
}

.FormAreaRenderXML table tr td {
  padding: 0;
}
.DocumentTitle_div {
  height: 100%;
  background-color: #c8defd;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.rx-description {
  width: 100%;
  height: auto;
  vertical-align: middle;
  font-weight: bold;
  font-size: 12pt;
  color: #094da0;
  table-layout: fixed;
}

.FormAreaRenderXML .rx-description td,
.rx-description td {
  padding: 6px 8px;
  line-height: 1.4;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.DocumentTitle {
  margin-left: 8px;
  margin-top: 0;
  vertical-align: middle;
  font-weight: bold;
  /*background-color: #85bceb;*/
  font-size: 14px;
  color: #000000;
}
.render_Questiontiltefont {
  font-weight: bold;
  /*padding-left: 8px;*/
}
.render_pasteBtn {
  width: 200px;
  color: white;
  text-align: center;
  vertical-align: middle;
  line-height: 30px;
  /*border-radius: 4px;*/
  height: 29px;
  font-size: 10pt;
}
.render_QuestionTitle {
  width: 100%;
  height: auto;
  font-size: 13px;
  color: #6c6d6d;
  border-bottom: 1px solid #d9e5ff;
  padding: 6px 0;
}

/*review worklist > Answer 영역에 간격 스타일 추가*/
.question-contents-space {
  margin-left: 22px;
  padding: 10px 0;
}
.render-question-contents {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.render-question-contents tbody > tr {
  line-height: 18px;
}
/*.render-question-contents tbody > tr > td:first-child {*/
/*  display: flex;*/
/*}*/
.render-question-contents tbody > tr > td:first-child > input:first-child {
  padding: 0 6px;
}
.render-question-contents tbody > tr + tr > td {
  padding-top: 8px;
}
.QuestionUnit {
  /*border-bottom: 1px solid #999999;*/
  margin: 0 8px 0 16px;
}
.QuestionUnit-answer-table {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  /*padding:10px 0;*/
}
.render-answer-content {
  width: 100%;
  padding: 4px 0;
  margin-left: 8px;
  font-size: 15px;
}
.render-answer-content.answer-content-space {
  margin-left: 30px;
  color: #9ca8ad;
}
.QuestionNum {
  color: #2f88c5;
}
.AnswerUnit-wrap {
  width: 100%;
  padding: 4px 0;
  min-width: 100px;
}
.AnswerUnit {
  width: 100%;
  vertical-align: middle;
  height: auto;
}
.AnswerText {
  /*height: 30px;*/
  width: 100%;
  overflow: hidden;
}
.textareaResize {
  min-height: 42px;
  overflow-y: hidden; /* prevents scroll bar flash */
  /*padding: 0.6em 0.4em; !* prevents text jump on Enter keypress *!*/
}
.AnswerNum {
  color: black;
  width: 100%;
  height: 30px;
}
.AnswerCode {
  width: 20px;
  background-color: #ebf6ff;
  vertical-align: middle;
}
input.AnswerCode {
  width: 13px;
  height: 13px;
  min-width: 13px;
  min-height: 13px;
  border-radius: 0 !important;
  appearance: none;
  border: none !important;
}
input[type="checkbox"].AnswerCode {
  /*background:#fff url(../images/ico_checkbox_off.svg) no-repeat 50% / 13px !important;*/
  background: url(../images/ico_checkbox_off.svg) no-repeat 50% / 13px !important;
  vertical-align: inherit;
}
input[type="checkbox"]:checked.AnswerCode {
  /*background:#fff url(../images/ico_checkbox_on.svg) no-repeat 50% / 13px !important;*/
  background: url(../images/ico_checkbox_on.svg) no-repeat 50% / 13px !important;
}
input[type="radio"].AnswerCode {
  margin-top: 0;
  /*background:#fff url(../images/ico_radio_off.svg) no-repeat 50% / 13px !important;*/
  background: url(../images/ico_radio_off.svg) no-repeat 50% / 13px !important;
  vertical-align: inherit;
}
input[type="radio"]:checked.AnswerCode {
  margin-top: 0;
  /*background:#fff url(../images/ico_radio_on.svg) no-repeat 50% / 13px !important;*/
  background: url(../images/ico_radio_on.svg) no-repeat 50% / 13px !important;
}
.Answer.Answercode .fm-code-answer-fields {
  display: flex;
  align-items: center;
  width: 100%;
}
.Answer.Answercode .fm-code-answer-fields .CodeAnswerCheckbox {
  flex: 0 0 auto;
  margin-right: 6px;
}
.Answer.Answercode .fm-code-answer-fields .AnswerCodeMeaning,
.Answer.Answercode .fm-code-answer-fields .codeAnswerValue {
  min-width: 0;
}
@media print {
  input.AnswerCode {
    appearance: auto;
  }
}
.table-answer-code-set {
  /* margin: 10px 0 10px 0; */
  display: table;
  width: 100%;
  height: auto !important;
  table-layout: fixed;
  border-collapse: collapse;
  min-width: 100px;
  vertical-align: top;
}
.table-answer-code-set-xsl {
  margin: 4px 0 0 28px;
  display: grid;
  grid-template-columns: 13px minmax(0, 1fr);
  column-gap: 8px;
  align-items: start;
  width: 100%;
  min-width: 100px;
  vertical-align: top;
}

.table-answer-code-set > tbody > tr > td:first-child {
  position: relative;
  width: auto !important;
  padding: 0 0 0 21px;
  vertical-align: top;
}

.table-answer-code-set > tbody > tr > td:first-child > input.AnswerCode {
  position: absolute;
  left: 0;
  top: 3px;
  margin: 0;
}

.table-answer-code-set-xsl > input.AnswerCode {
  align-self: start;
  justify-self: start;
  margin: 3px 0 0 0;
}

.table-answer-code-set > tbody > tr > td:first-child > label.font-answer-code-text {
  display: block;
  min-width: 0;
  padding: 0;
  line-height: 1.4;
  min-height: 16px;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.table-answer-code-set-xsl > label.font-answer-code-text {
  display: block;
  min-width: 0;
  padding: 0;
  line-height: 1.4;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.table-answer-code-set > tbody > tr > td.rp-renderXml-hide {
  width: 0 !important;
  padding: 0;
}
.AnswerDateTime {
  height: auto;
  /*height: 30px;*/
}
.AnswerDateTimeChild {
  width: 100%;
  height: 30px;
}
.inputBackground {
}
.AnswerDate {
  width: 100%;
  height: 30px;
}
.AnswerTime {
  width: 100%;
  height: 30px;
}
.AnswerImage {
  /*width: 100%;*/
  position: absolute;
}
.AnswerImageBox {
  width: calc(100% - 40px);
  min-height: 400px;
  border-style: none;
  box-sizing: border-box;
  overflow: scroll;
  padding-bottom: 18px;
  padding-right: 18px;
  position: relative;
  margin: 2px 0 0 28px;
  scrollbar-face-color: #ffffff;
  scrollbar-3dlight-color: #ffffff;
  scrollbar-highlight-color: #ffffff;
  scrollbar-shadow-color: #000000;
  scrollbar-darkshadow-color: #ffffff;
  scrollbar-arrow-color: #000000;
  scrollbar-track-color: #ffffff;
}
.AnswerImagePopup {
  vertical-align: middle;
}
.AnswerAudio {
  width: 100%;
  height: 30px;
}
.AnswerPname {
  width: 100%;
  height: 30px;
}
.AnswerUidref {
  width: 100%;
  height: 30px;
}
.AnswerCal {
  width: 100%;
  height: 30px;
}

.singleUnit {
  width: 100px;
  height: 23px;
  line-height: 23px;
  background: #d6d6d6;
  /*border: 1px solid #c1cfd3;*/
  border-radius: 3px;
  color: #6c7071;
  display: inline-block;
  font-size: 8pt;
  /*margin-right: 4px;*/
  text-align: center;
}

/*databrowser display popup창 내에 선택되지 않는 라디오 영역 딤처리*/
.blockBlack {
  /*border: 1px dashed black;*/
  position: relative;
  color: black;
  opacity: 0.2;
  /*font-weight: bold;*/
  z-index: 0;
  /*background: black;*/
}

.blockBlack:before {
  content: "";
  display: block;
  position: absolute;
  /*background: black;*/
  opacity: 0.5;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}

/* ******************** popup x표시 임시 CSS */
.ui-dialog-titlebar > span {
  width: 100% !important;
}

.ui-dialog-titlebar i {
  cursor: pointer;
  position: absolute;
  top: 8px;
  right: 15px;
}

#rp-formManager-button {
  position: absolute;
  bottom: 0;
  left: 0;
}

.ui-dialog .ui-dialog-title {
  margin: 0.3em 0;
}

/*  ******************** 2-Way Popup Table CSS */
#twoWayGrid {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #dddddd;
  margin-top: 15px;
}

#twoWayGrid th {
  background: #f4f9ff;
  color: #404040;
}

#twoWayGrid tr td {
  padding: 8px;
  color: #4c4c4c;
}

.odd {
  background-color: #f9f9f9;
}

/* ******************** excel-bootstrap-table-filter-style.external CSS */
.dropdown-filter-item {
  white-space: nowrap;
}
.dropdown-filter-item:first-child {
  font-style: italic;
}

#reportButtonsContainer .layer-popup-btn {
  display: inline-block;
  width: 17%;
  margin: 0 0.5%;
}

#reportPopBtnContainer .worklist_btn {
  line-height: 2;
}

/* ******************** Viewer-Report CSS*/
.w2ui-layout > div .w2ui-panel .w2ui-panel-title {
  background-image: none;
  border: none;
  border-bottom: none;
}

.titleTable {
  width: 100%;
  height: 100%;
  margin-left: -4px;
}

.titlefont {
  font-size: 18px;
  font-weight: bold;
}

.zoomplusbtn {
  width: 50px;
  height: 29px;
  cursor: pointer;
  border-radius: 4px;
  text-align: center;
  background-color: #7489b9;
}

.zoomminusbtn {
  width: 50px;
  height: 29px;
  cursor: pointer;
  border-radius: 4px;
  text-align: center;
  background-color: #7489b9;
}

.mouseAccess {
  cursor: pointer;
}

.worklist_btn {
  width: 100px;
  color: white;
  text-align: center;
  vertical-align: middle;
  line-height: 30px;
  border-radius: 4px;
  height: 29px;
  font-size: 10pt;
  background: #1f317c;
}

#bp-div-report-area {
  width: 100%;
  height: 100%;
}

.bp-header {
  background: transparent !important;
  border: none !important;
}

.bp-maintab-bottom-border {
  border-bottom: 4px solid #999999 !important;
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
  border-top-left-radius: 0px !important;
}

.bp-subtab-bottom-border {
  border-bottom: 4px solid #bdbdbd !important;
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
  border-top-left-radius: 0px !important;
}

.bp-ui-tabs {
  padding: 0px !important;
  padding-left: 20px !important;
}

.zoom200 {
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  transform: scale(2);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 50% !important;
  /*zoom: 200%;*/
}

.zoom150 {
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 66.66% !important;
  /*zoom: 150%;*/
}

.zoom100 {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  /*zoom: 100%;*/
}

.zoom75 {
  -webkit-transform: scale(0.75);
  -moz-transform: scale(0.75);
  transform: scale(0.75);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 133.33% !important; /* =(oldWidth/newScale) */
  /*zoom: 75%;*/
}

.bp-subtab {
  padding: 0px !important;
  padding-left: 20px !important;
  padding-top: 10px !important;
  padding-right: 6px !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: none;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: none;
  background: none;
  color: #a4aab6;
}

.todo {
  background: #6c6f7f !important;
}

.done {
  background: #512da8 !important;
}

.tmpdone {
  background: #f7931e !important;
}

.bp-ui-state-default {
  height: 30px !important;
  font-size: 12px !important;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #cccccc;
  text-decoration: none;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #18ffff !important;
  text-decoration: none;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: #18ffff !important;
  text-decoration: none;
}

.bp-ui-state-default {
  height: 30px !important;
  font-size: 12px !important;
}

.bp-form-area {
  padding: 0px !important;
  padding-top: 10px !important;
}

#reportPop table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* ************************************************** */
.ireport-toggle {
  display: inline-block;
  font-family: sans-serif;
  margin: 0 3px;
}
.ireport-toggle-chkbox {
  display: none; /*add default box-sizing for this scope*/
  &,
  &:after,
  &:before,
  & *,
  & *:after,
  & *:before,
  & + .ireport-toggle-button {
    box-sizing: border-box;
  }
  + .ireport-toggle-button {
    width: 2.8em;
    height: 2.8em;
    border-radius: 2px;
    cursor: pointer;
    display: block;
    outline: 0;
    position: relative;
    user-select: none;
    &:after,
    &:before {
      width: 50%;
      height: 100%;
      content: "";
      display: block;
      position: relative;
    }
    &:after {
      left: 0;
    }
    &:before {
      display: none;
    }

    .material-icons::after,
    .material-icons::before {
      font-size: 1.8em;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
    }
  }
  &:checked + .ireport-toggle-button:after {
    left: 50%;
  }
}
.ireport-toggle-skewed {
  + .ireport-toggle-button {
    backface-visibility: hidden;
    background: #eee;
    border: 1px solid #ccc;
    overflow: hidden;
    transform: skew(-1deg);
    transition: all 0.2s ease;
    &:after,
    &:before {
      width: 100%;
      color: #fff;
      display: inline-block;
      font-weight: bold;
      line-height: 2em;
      position: absolute;
      text-align: center;
      text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
      transform: skew(1deg);
      transition: all 0.2s ease;
    }
    &:after {
      /*content: attr(data-tg-on);*/
      left: 100%;
    }
    &:before {
      /*content: attr(data-tg-off);*/
      left: 0;
    }
    &:active {
      /*background: #888;*/
      &:before {
        left: -10%;
      }
    }

    .material-icons::after {
      color: #088cc0;
      content: attr(data-tg-on);
      left: 100%;
    }
    .material-icons::before {
      color: #888;
      content: attr(data-tg-off);
      left: 0;
    }

    ~ .ireport-toggle-button-tooltip {
      width: 2.8em;
      height: 1.2em;
      background-color: #888;
      border-radius: 2px;
      display: inline-block;
      position: absolute;
      top: 80%;
      opacity: 0;
      visibility: hidden;
      z-index: 1;
    }
    &:hover + .ireport-toggle-button-tooltip {
      /*opacity: 0.8;*/
      /*visibility: visible;*/
    }
  }
  &:checked + .ireport-toggle-button {
    /*background: #088cc0;*/
    &:after {
      left: 0;
    }
    &:before {
      left: -100%;
    }
    &:active:after {
      left: 10%;
    }

    .material-icons::after {
      left: 0;
    }
    .material-icons::before {
      left: -100%;
    }
  }
}

#makeFormArea-irm {
  width: calc(100% - 115px);
  height: 100%;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
}


/* **************************************************************************************************** */
/* research formmanager scoped overrides */
.ireport-theme-preview .DocumentTitle_div {
  height: auto;
  min-height: 30px;
}

.ireport-theme-preview .DocumentTitle {
  height: auto !important;
}

.dark {
  --ireport-surface: #1c1c1e;
  --ireport-surface-secondary: #2c2c2e;
  --ireport-surface-tertiary: #3a3a3c;
  --ireport-border: #48484a;
  --ireport-border-strong: #545457;
  --ireport-text-primary: #ffffff;
  --ireport-text-secondary: rgba(255, 255, 255, 0.82);
  --ireport-text-muted: rgba(255, 255, 255, 0.56);
  --ireport-accent: #33a7ff;
  --ireport-accent-soft: #10334d;
  --ireport-input-bg: #2c2c2e;
  --ireport-input-border: #545457;
  --ireport-danger: #ff6b6b;
  --ireport-warning: rgba(255, 206, 10, 0.24);
  --ireport-shadow: 0 18px 30px rgba(0, 0, 0, 0.28);
}

.dark .ireport-theme-root {
  color: var(--ireport-text-primary);
}

.dark .ireport-theme-preview,
.dark .ireport-theme-preview .ireport-preview-area,
.dark .ireport-theme-preview .ireport-preview-box,
.dark .ireport-theme-preview .ireport-preview-container,
.dark .ireport-theme-preview .ireport-renderbox {
  background: transparent;
  color: var(--ireport-text-primary);
}

.dark .ireport-theme-preview table,
.dark .ireport-theme-preview td {
  color: inherit;
}

.dark .ireport-theme-preview .FormAreaRenderXML {
  background: var(--ireport-surface) !important;
  border: 1px solid var(--ireport-border) !important;
  box-shadow: var(--ireport-shadow);
  color: var(--ireport-text-primary);
}

.dark .ireport-theme-preview .DocumentTitle_div {
  background: linear-gradient(135deg, var(--ireport-accent-soft), var(--ireport-surface))
  !important;
  border-bottom: 1px solid var(--ireport-border);
}

.dark .ireport-theme-preview .DocumentTitle,
.dark .ireport-theme-preview .DocumentTitle td {
  color: var(--ireport-text-primary) !important;
}

.dark .ireport-theme-preview .ireport-language-select,
.dark .ireport-theme-preview #rp-renderXml-select-language {
  background: var(--ireport-surface-secondary) !important;
  border: 1px solid var(--ireport-input-border) !important;
  color: var(--ireport-text-primary) !important;
}

.dark .ireport-theme-preview .ireport-language-select option,
.dark .ireport-theme-preview #rp-renderXml-select-language option {
  background: var(--ireport-surface-secondary);
  color: var(--ireport-text-primary);
}

.dark .ireport-theme-preview .rx-description-title {
  background-color: var(--ireport-accent-soft) !important;
  border: 1px solid var(--ireport-border);
  border-radius: 4px;
}

.dark .ireport-theme-preview .rx-description {
  color: #9bd6ff !important;
}

.dark .ireport-theme-preview .render_QuestionTitle {
  border-bottom: 1px solid var(--ireport-border) !important;
  color: var(--ireport-text-secondary) !important;
}

.dark .ireport-theme-preview .QuestionNum {
  color: var(--ireport-accent) !important;
}

.dark .ireport-theme-preview .fm-div-renderxml-separator {
  background: var(--ireport-border-strong) !important;
}

.dark .ireport-theme-preview textarea.AnswerText,
.dark .ireport-theme-preview input.AnswerNum,
.dark .ireport-theme-preview .inputBackground:not([type="radio"]):not([type="checkbox"]) {
  background: var(--ireport-input-bg) !important;
  border: 1px solid var(--ireport-input-border) !important;
  color: var(--ireport-text-primary) !important;
}

.dark .ireport-theme-preview textarea.AnswerText::placeholder,
.dark .ireport-theme-preview input.AnswerNum::placeholder {
  color: var(--ireport-text-muted);
}

.dark .ireport-theme-preview .render_pasteBtn,
.dark .ireport-theme-preview .rp-popup_okbtn,
.dark .ireport-theme-preview .rdx-deleteImageAudio {
  background-color: var(--ireport-accent) !important;
  color: #fff !important;
}

.dark .ireport-theme-preview .warningmessageQuestion,
.dark .ireport-theme-preview .warningmessageUnit,
.dark .ireport-theme-preview .warningmessageAnswer {
  color: var(--ireport-danger) !important;
}

.dark .ireport-theme-preview .warning_background {
  background-color: var(--ireport-warning) !important;
}

.dark .ireport-theme-designer,
.dark .ireport-theme-designer .w2ui-layout,
.dark .ireport-theme-designer .w2ui-layout > div,
.dark .ireport-theme-designer .w2ui-panel-content,
.dark .ireport-theme-designer #FormAreaDiv {
  background: var(--ireport-surface-secondary) !important;
  color: var(--ireport-text-primary) !important;
}

.dark .ireport-theme-designer #viewFormArea {
  background: var(--ireport-surface) !important;
  border-top: 4px solid var(--ireport-accent) !important;
  border-bottom: 4px solid var(--ireport-accent) !important;
  color: var(--ireport-text-primary) !important;
}

.dark .ireport-theme-designer .w2ui-layout > div .w2ui-panel .w2ui-panel-title {
  background: var(--ireport-surface-tertiary) !important;
  border-bottom: 1px solid var(--ireport-border) !important;
  color: var(--ireport-text-primary) !important;
}

.dark .ireport-theme-designer .w2ui-resizer {
  background: var(--ireport-border) !important;
}

.dark .ireport-theme-designer .Description,
.dark .ireport-theme-designer .Separator,
.dark .ireport-theme-designer .Question,
.dark .ireport-theme-designer .Display,
.dark .ireport-theme-designer .QAComponentDiv {
  background: var(--ireport-surface-secondary) !important;
  border-color: var(--ireport-border) !important;
}

.dark .ireport-theme-designer .fm-description-background,
.dark .ireport-theme-designer .fm-separator-background,
.dark .ireport-theme-designer .QuestionTitleTable,
.dark .ireport-theme-designer .Answer,
.dark .ireport-theme-designer .Value,
.dark .ireport-theme-designer .fm-div-question-move {
  background: var(--ireport-surface-tertiary) !important;
  border-color: var(--ireport-border) !important;
}

.dark .ireport-theme-designer .Answerline,
.dark .ireport-theme-designer .Valueline,
.dark .ireport-theme-designer .QuestionTitleTable {
  border-bottom-color: var(--ireport-border) !important;
}

.dark .ireport-theme-designer .fm-border-separator {
  background: var(--ireport-border-strong) !important;
}

.dark .ireport-theme-designer .fm-font-description {
  color: #9bd6ff !important;
}

.dark .ireport-theme-designer .Answerfont {
  color: var(--ireport-text-secondary) !important;
}

.dark .ireport-theme-designer .CodeAnswerCheckbox {
  accent-color: var(--ireport-accent);
  background-color: var(--ireport-input-bg) !important;
  border: 1px solid var(--ireport-input-border) !important;
}

.dark .ireport-theme-designer #fm-div-toolbar {
  background: var(--ireport-surface-secondary) !important;
  border-color: var(--ireport-border) !important;
}

.dark .ireport-theme-designer .fm-div-toolbar.fm-div-toolbar-qnacomponent {
  background: var(--ireport-surface-tertiary) !important;
}

.dark .ireport-theme-designer .fm-font-toolbar-menu,
.dark .ireport-theme-designer .fm-div-toolbar-qnacomponent-top span {
  color: var(--ireport-text-secondary) !important;
}

.dark .ireport-theme-designer .fm-div-make-question {
  color: var(--ireport-text-secondary) !important;
}

.dark .ireport-theme-designer .fm-div-make-question:hover {
  background: rgba(255, 255, 255, 0.04) !important;
}

.dark .ireport-theme-designer .fm-toolbar-divider {
  border-bottom: 1px solid var(--ireport-border) !important;
}

.dark .ireport-theme-designer .fm-moreBtn:hover {
  background-color: var(--ireport-border) !important;
}


.dark .ireport-theme-designer input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.dark .ireport-theme-designer select,
.dark .ireport-theme-designer textarea {
  background: var(--ireport-input-bg) !important;
  border: 1px solid var(--ireport-input-border) !important;
  color: var(--ireport-text-primary) !important;
}

.dark
.ireport-theme-designer
input:not([type="checkbox"]):not([type="radio"]):not([type="file"])::placeholder,
.dark .ireport-theme-designer textarea::placeholder {
  color: var(--ireport-text-muted);
}

.dark .ireport-theme-designer .fm-div-tag,
.dark .ireport-theme-designer .fm-div-tag-area,
.dark .ireport-theme-designer .fm-input-tag,
.dark .ireport-theme-designer .fm-div-custom-menu-area,
.dark .ireport-theme-designer .job-div-custom-menu-area,
.dark .ireport-theme-designer .queue-div-custom-menu-area,
.dark .ireport-theme-designer .custom-menu {
  background: var(--ireport-surface-tertiary) !important;
  border-color: var(--ireport-border) !important;
  color: var(--ireport-text-primary) !important;
  box-shadow: none;
}

.dark .ireport-theme-designer .custom_menu_btn,
.dark .ireport-theme-designer .w2ui-marker {
  color: var(--ireport-text-primary) !important;
}

.ireport-print-modal-layout {
  width: 100%;
  height: 100%;
  background: #e8f6ff;
}

.ireport-print-modal-preview-cell {
  text-align: center;
}

.ireport-print-modal-spacer-row {
  height: 10px;
}

.ireport-print-modal-bottom-row {
  height: 20px;
}

.ireport-print-modal-actions-cell {
  height: 30px;
}

.ireport-print-preview-shell {
  width: 100%;
  height: 100%;
  padding-top: 10px;
  box-sizing: border-box;
  background: #e8f6ff;
}

.ireport-print-preview-frame {
  width: 100%;
  height: 100%;
  background: #e8f6ff;
}

.ireport-print-preview-area {
  width: 100%;
  height: 100%;
  overflow: auto;
  background: #e8f6ff;
  color: #4c4c4f;
}

.ireport-print-preview-area .FormAreaRenderXML {
  background: #fff;
  color: #4c4c4f;
}

.ireport-print-preview-area .render_QuestionTitle,
.ireport-print-preview-area .QuestionNum,
.ireport-print-preview-area .DocumentTitle,
.ireport-print-preview-area .DocumentTitle td,
.ireport-print-preview-area table,
.ireport-print-preview-area td {
  color: #4c4c4f;
}

.ireport-print-preview-area input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.ireport-print-preview-area select,
.ireport-print-preview-area textarea,
.ireport-print-preview-area .inputBackground:not([type="radio"]):not([type="checkbox"]) {
  background: #fff;
  border: 1px solid #d9d9d9;
  color: #4c4c4f;
}

.ireport-print-preview-area input::placeholder,
.ireport-print-preview-area textarea::placeholder {
  color: #8a8a8a;
}

.ireport-print-preview-area input:focus,
.ireport-print-preview-area select:focus,
.ireport-print-preview-area textarea:focus {
  border-color: #3fa9f5;
  outline: none;
}

.ireport-print-preview-area select option {
  background: #fff;
  color: #4c4c4f;
}

.dark .rp-formManager-dialog {
  background: var(--ireport-surface-secondary) !important;
  border: 1px solid var(--ireport-border) !important;
  box-shadow: var(--ireport-shadow);
}

.dark .rp-formManager-dialog .ui-dialog-titlebar,
.dark .rp-formManager-dialog .ui-widget-header {
  background: linear-gradient(135deg, var(--ireport-accent-soft), var(--ireport-surface))
  !important;
  color: var(--ireport-text-primary) !important;
}

.dark .rp-formManager-dialog .ui-dialog-title,
.dark .rp-formManager-dialog .ui-dialog-titlebar i {
  color: var(--ireport-text-secondary) !important;
}

.dark .rp-formManager-dialog .ui-dialog-content,
.dark #rp-formManager-div-popup,
.dark #rp-formManager-content {
  background: var(--ireport-surface-secondary) !important;
  color: var(--ireport-text-secondary) !important;
}

.dark .rp-formManager-dialog-overlay {
  background: rgba(0, 0, 0, 0.62) !important;
}

.dark #rp-formManager-div-popup label,
.dark #rp-formManager-div-popup .fm-font-popup-attribute,
.dark #rp-formManager-div-popup .fm-font-form-popup,
.dark #rp-formManager-div-popup .popuptitle,
.dark #rp-formManager-div-popup .popuptitle_bottom_line,
.dark #rp-formManager-div-popup .simplepopuptitle {
  color: var(--ireport-text-secondary) !important;
}

.dark #rp-formManager-div-popup input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.dark #rp-formManager-div-popup select,
.dark #rp-formManager-div-popup textarea,
.dark #rp-formManager-div-popup .rp-attriubute,
.dark #rp-formManager-div-popup .rp-formManager-text-language {
  background: var(--ireport-input-bg) !important;
  border: 1px solid var(--ireport-input-border) !important;
  color: var(--ireport-text-secondary) !important;
}

.dark #rp-formManager-div-popup input::placeholder,
.dark #rp-formManager-div-popup textarea::placeholder {
  color: var(--ireport-text-muted) !important;
}

.dark #rp-formManager-div-popup input:focus,
.dark #rp-formManager-div-popup select:focus,
.dark #rp-formManager-div-popup textarea:focus {
  border-color: var(--ireport-accent) !important;
  outline: none;
}

.dark #rp-formManager-div-popup .ireport-print-modal-layout {
  background: #454b4e;
  color: #4c4c4f;
}

.dark #rp-formManager-div-popup .ireport-print-preview-shell,
.dark #rp-formManager-div-popup .ireport-print-preview-frame,
.dark #rp-formManager-div-popup .ireport-print-preview-area {
  background: #e8f6ff;
  color: #4c4c4f;
}

.dark #rp-formManager-div-popup .ireport-print-preview-area .FormAreaRenderXML {
  background: #fff !important;
  color: #4c4c4f;
}

.dark #rp-formManager-div-popup .ireport-print-preview-area .render_QuestionTitle,
.dark #rp-formManager-div-popup .ireport-print-preview-area .QuestionNum,
.dark #rp-formManager-div-popup .ireport-print-preview-area .DocumentTitle,
.dark #rp-formManager-div-popup .ireport-print-preview-area .DocumentTitle td,
.dark #rp-formManager-div-popup .ireport-print-preview-area table,
.dark #rp-formManager-div-popup .ireport-print-preview-area td {
  color: #4c4c4f;
}

.dark #rp-formManager-div-popup .ireport-print-preview-area input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.dark #rp-formManager-div-popup .ireport-print-preview-area select,
.dark #rp-formManager-div-popup .ireport-print-preview-area textarea,
.dark #rp-formManager-div-popup .ireport-print-preview-area .inputBackground:not([type="radio"]):not([type="checkbox"]) {
  background: #fff !important;
  border: 1px solid #d9d9d9 !important;
  color: #4c4c4f !important;
}

.dark #rp-formManager-div-popup .ireport-print-preview-area input::placeholder,
.dark #rp-formManager-div-popup .ireport-print-preview-area textarea::placeholder {
  color: #8a8a8a !important;
}

.dark #rp-formManager-div-popup .ireport-print-preview-area input:focus,
.dark #rp-formManager-div-popup .ireport-print-preview-area select:focus,
.dark #rp-formManager-div-popup .ireport-print-preview-area textarea:focus {
  border-color: #3fa9f5 !important;
  outline: none;
}

.dark #rp-formManager-div-popup .ireport-print-preview-area select option {
  background: #fff;
  color: #4c4c4f;
}

.dark #rp-formManager-div-popup select option {
  background: var(--ireport-surface-secondary);
  color: var(--ireport-text-primary);
}

.dark .rp-formManager-w2popup {
  background: var(--ireport-surface-secondary) !important;
  border: 1px solid var(--ireport-border) !important;
  box-shadow: var(--ireport-shadow);
}

.dark .rp-formManager-w2popup .w2ui-popup-title {
  background: linear-gradient(135deg, var(--ireport-accent-soft), var(--ireport-surface))
  !important;
  color: var(--ireport-text-secondary) !important;
  border-bottom: 1px solid var(--ireport-border) !important;
}

.dark .rp-formManager-w2popup .w2ui-popup-close,
.dark .rp-formManager-w2popup .w2ui-popup-max {
  color: var(--ireport-text-secondary) !important;
}

.dark .rp-formManager-w2popup .w2ui-box,
.dark .rp-formManager-w2popup .w2ui-box-temp,
.dark .rp-formManager-w2popup .w2ui-popup-body,
.dark .rp-formManager-w2popup .w2ui-popup-buttons,
.dark .rp-formManager-w2popup .w2ui-centered {
  background: var(--ireport-surface-secondary) !important;
  color: var(--ireport-text-secondary) !important;
}

.dark .rp-formManager-w2popup-lock {
  background: rgba(0, 0, 0, 0.62) !important;
}

.dark .rp-formManager-w2popup .fm-font-popup-attribute,
.dark .rp-formManager-w2popup .fm-font-form-popup,
.dark .rp-formManager-w2popup .popuptitle,
.dark .rp-formManager-w2popup .popuptitle_bottom_line,
.dark .rp-formManager-w2popup .simplepopuptitle,
.dark .rp-formManager-w2popup label,
.dark .rp-formManager-w2popup td,
.dark .rp-formManager-w2popup font {
  color: var(--ireport-text-secondary) !important;
}

.dark .rp-formManager-w2popup input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.dark .rp-formManager-w2popup select,
.dark .rp-formManager-w2popup textarea,
.dark .rp-formManager-w2popup .rp-attriubute,
.dark .rp-formManager-w2popup .rp-formManager-text-language {
  background: var(--ireport-input-bg) !important;
  border: 1px solid var(--ireport-input-border) !important;
  color: var(--ireport-text-secondary) !important;
}

.dark .rp-formManager-w2popup input::placeholder,
.dark .rp-formManager-w2popup textarea::placeholder {
  color: var(--ireport-text-muted) !important;
}

.dark .rp-formManager-w2popup select option {
  background: var(--ireport-surface-secondary);
  color: var(--ireport-text-primary);
}

.dark .rp-formManager-w2popup .popupcanclebtn,
.dark .rp-formManager-w2popup .popupokbtn,
.dark .rp-formManager-w2popup .rp-formManager-btn-cancel,
.dark .rp-formManager-w2popup .rp-formManager-btn-ok,
.dark #rp-formManager-div-popup .rp-formManager-btn-cancel,
.dark #rp-formManager-div-popup .rp-formManager-btn-ok {
  border-color: var(--ireport-accent) !important;
}

.dark .rp-formManager-w2popup .popupcanclebtn,
.dark .rp-formManager-w2popup .rp-formManager-btn-cancel,
.dark #rp-formManager-div-popup .rp-formManager-btn-cancel {
  background: transparent !important;
  color: var(--ireport-text-secondary) !important;
}

.dark .rp-formManager-w2popup .popupokbtn,
.dark .rp-formManager-w2popup .rp-formManager-btn-ok,
.dark #rp-formManager-div-popup .rp-formManager-btn-ok {
  background: var(--ireport-accent) !important;
  color: #fff !important;
}