@font-face {
  font-family: "printdesignericon";
  src: url(../fonts/500b878596f1b43cce9e.eot?t=1628215496238);
  /* IE9*/
  src: url("data:application/x-font-woff2;charset=utf-8;base64, ") format("woff2"), url(../fonts/3b5ea3067c10d8d900a3.woff?t=1628215496238) format("woff"), url(../fonts/fca95e190b60903014ef.ttf?t=1628215496238) format('truetype');
  /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
}
.printdesignericon {
  font-family: 'printdesignericon', sans-serif !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.printdesignericon-bangzhu:before {
  content: "\e668";
}
.printdesignericon-baocun:before {
  content: "\e669";
}
.printdesignericon-budengyu:before {
  content: "\e683";
}
.printdesignericon-buju2:before {
  content: "\e693";
}
.printdesignericon-caidan:before {
  content: "\e64e";
}
.printdesignericon-chaifendanyuange:before {
  content: "\e63d";
}
.printdesignericon-chajian:before {
  content: "\e66a";
}
.printdesignericon-chengyi:before {
  content: "\e684";
}
.printdesignericon-chexiao:before {
  content: "\e610";
}
.printdesignericon-chuangjianren:before {
  content: "\e66e";
}
.printdesignericon-chuizhifenbu:before {
  content: "\e63e";
}
.printdesignericon-cuwaibiankuang:before {
  content: "\e694";
}
.printdesignericon-danjuti:before {
  content: "\e66f";
}
.printdesignericon-dayu:before {
  content: "\e685";
}
.printdesignericon-dayudengyu:before {
  content: "\e686";
}
.printdesignericon-dengyu3:before {
  content: "\e687";
}
.printdesignericon-diduiqi:before {
  content: "\e611";
}
.printdesignericon-dingduiqi:before {
  content: "\e612";
}
.printdesignericon-duanluo-juzhong:before {
  content: "\e613";
}
.printdesignericon-duanluo-liangduanduiqimoduanyouduiqi:before {
  content: "\e614";
}
.printdesignericon-duanluo-liangduanduiqimoduanzuoduiqi:before {
  content: "\e615";
}
.printdesignericon-duanluo-quanbuliangduanduiqi:before {
  content: "\e616";
}
.printdesignericon-duanluo-youduiqi:before {
  content: "\e617";
}
.printdesignericon-duanluo-zuoduiqi:before {
  content: "\e618";
}
.printdesignericon-erweima2:before {
  content: "\e65e";
}
.printdesignericon-erweima3:before {
  content: "\e656";
}
.printdesignericon-fujian:before {
  content: "\e670";
}
.printdesignericon-fujianmianban:before {
  content: "\e671";
}
.printdesignericon-fuwenben:before {
  content: "\e681";
}
.printdesignericon-fuzhi:before {
  content: "\e65d";
}
.printdesignericon-geshishua:before {
  content: "\e61a";
}
.printdesignericon-gongka:before {
  content: "\e68c";
}
.printdesignericon-gongxuweiwaifaliao:before {
  content: "\e691";
}
.printdesignericon-gongxuweiwaijihua:before {
  content: "\e68f";
}
.printdesignericon-gongxuweiwaizhixing:before {
  content: "\e690";
}
.printdesignericon-gongzuoliu:before {
  content: "\e672";
}
.printdesignericon-gongzuoliu2:before {
  content: "\e68b";
}
.printdesignericon-guanbifuzhuxian:before {
  content: "\e65c";
}
.printdesignericon-guanlian:before {
  content: "\e64a";
}
.printdesignericon-hebingdanyuange:before {
  content: "\e63f";
}
.printdesignericon-hengxiang:before {
  content: "\e64c";
}
.printdesignericon-huanxing:before {
  content: "\e695";
}
.printdesignericon-jiacu:before {
  content: "\e61b";
}
.printdesignericon-jiechusuoding:before {
  content: "\e657";
}
.printdesignericon-jine:before {
  content: "\e673";
}
.printdesignericon-kaiqifuzhuxian:before {
  content: "\e65b";
}
.printdesignericon-moban:before {
  content: "\e66d";
}
.printdesignericon-neibiankuang:before {
  content: "\e682";
}
.printdesignericon-qita:before {
  content: "\e674";
}
.printdesignericon-riqi2:before {
  content: "\e675";
}
.printdesignericon-riqixuanze:before {
  content: "\e645";
}
.printdesignericon-shanchu:before {
  content: "\e61c";
}
.printdesignericon-shangbiankuang:before {
  content: "\e61d";
}
.printdesignericon-shangchuan:before {
  content: "\e652";
}
.printdesignericon-shangxiajuzhong:before {
  content: "\e61e";
}
.printdesignericon-shezhibiankuangcuxi:before {
  content: "\e61f";
}
.printdesignericon-shezhibiankuangkejianxing:before {
  content: "\e620";
}
.printdesignericon-shijian:before {
  content: "\e676";
}
.printdesignericon-shuipingfenbu:before {
  content: "\e640";
}
.printdesignericon-shujubiaoge:before {
  content: "\e65f";
}
.printdesignericon-shuzhi:before {
  content: "\e646";
}
.printdesignericon-shuzhi2:before {
  content: "\e677";
}
.printdesignericon-suoding2:before {
  content: "\e658";
}
.printdesignericon-suoyoubiankuang:before {
  content: "\e659";
}
.printdesignericon-tianjia:before {
  content: "\e64b";
}
.printdesignericon-tiaoxingma2:before {
  content: "\e660";
}
.printdesignericon-tishixinxi:before {
  content: "\e650";
}
.printdesignericon-tupian2:before {
  content: "\e666";
}
.printdesignericon-tupian3:before {
  content: "\e678";
}
.printdesignericon-waicebiankuang:before {
  content: "\e621";
}
.printdesignericon-wangge:before {
  content: "\e662";
}
.printdesignericon-wenben2:before {
  content: "\e663";
}
.printdesignericon-wenben3:before {
  content: "\e679";
}
.printdesignericon-wenziyanse:before {
  content: "\e622";
}
.printdesignericon-wubiankuang:before {
  content: "\e623";
}
.printdesignericon-wuliao:before {
  content: "\e67a";
}
.printdesignericon-xiabiankuang:before {
  content: "\e624";
}
.printdesignericon-xiahuaxian:before {
  content: "\e625";
}
.printdesignericon-xiangyouzhankai:before {
  content: "\e626";
}
.printdesignericon-xiangzuozhankai:before {
  content: "\e627";
}
.printdesignericon-xiantiaocuxi-changgui:before {
  content: "\e641";
}
.printdesignericon-xiantiaocuxi-cu:before {
  content: "\e642";
}
.printdesignericon-xiantiaocuxi-jiacu:before {
  content: "\e643";
}
.printdesignericon-xiantiaoyanse:before {
  content: "\e644";
}
.printdesignericon-xiaoyu:before {
  content: "\e688";
}
.printdesignericon-xiaoyudengyu:before {
  content: "\e689";
}
.printdesignericon-xiazai:before {
  content: "\e653";
}
.printdesignericon-xiegang:before {
  content: "\e68a";
}
.printdesignericon-xieti:before {
  content: "\e628";
}
.printdesignericon-xinggaoduiqijuzhong:before {
  content: "\e629";
}
.printdesignericon-xinggaoduiqizhidi:before {
  content: "\e62a";
}
.printdesignericon-xinggaoduiqizhiding:before {
  content: "\e62b";
}
.printdesignericon-xingjushezhi:before {
  content: "\e696";
}
.printdesignericon-xitongziduan:before {
  content: "\e67b";
}
.printdesignericon-xiugairen:before {
  content: "\e67c";
}
.printdesignericon-xuxian_cu:before {
  content: "\e68d";
}
.printdesignericon-xuxian_xi:before {
  content: "\e68e";
}
.printdesignericon-yejiao:before {
  content: "\e664";
}
.printdesignericon-yemei:before {
  content: "\e667";
}
.printdesignericon-yinrushujuyuan:before {
  content: "\e67d";
}
.printdesignericon-youbiankuang:before {
  content: "\e62d";
}
.printdesignericon-youduiqi3:before {
  content: "\e62e";
}
.printdesignericon-youqitong:before {
  content: "\e62c";
}
.printdesignericon-yulan:before {
  content: "\e66c";
}
.printdesignericon-zhongzuo:before {
  content: "\e62f";
}
.printdesignericon-zhushujuyuan:before {
  content: "\e67e";
}
.printdesignericon-zidanjuti:before {
  content: "\e680";
}
.printdesignericon-zidingyi:before {
  content: "\e648";
}
.printdesignericon-zidingyishujuyuan:before {
  content: "\e67f";
}
.printdesignericon-zishujubiaoge:before {
  content: "\e665";
}
.printdesignericon-zongxiang:before {
  content: "\e64d";
}
.printdesignericon-zuobiankuang:before {
  content: "\e630";
}
.printdesignericon-zuoduiqi3:before {
  content: "\e631";
}
.printdesignericon-zuoyoujuzhong:before {
  content: "\e632";
}
.nav-tool-common-style i {
  -webkit-transform: none !important;
          transform: none !important;
}
.nav-tool-common-style .kdesigner-select-icon-arrow-up {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
.nav-tool-common-style .kdesigner-select-single-disabled {
  background-color: transparent !important;
}
.nav-tool-common-style-btn-disable {
  opacity: 0.3;
  cursor: not-allowed;
  pointer-events: none;
}
.nav-tool-common-style-btn-disable:active i {
  color: inherit;
}
.nav-tool-common-style-btn-disable:hover {
  background: inherit;
}
.nav-tool-common-style-btn-disable .navtool-icon:hover {
  background: transparent;
}
.nav-tool-common-style .kdesigner-select {
  width: 40px;
  margin: 0 2px;
  background: transparent;
}
.nav-tool-common-style .kdesigner-select-single {
  padding: 0;
}
.nav-tool-fontname-editor {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px !important;
  margin-bottom: 0 !important;
}
.nav-tool-fontname-editor .kdesigner-select-selector {
  width: 100%;
}
.nav-tool-fontname-editor.kdesigner-select {
  margin-left: 0px;
  margin-right: 5px;
}
.nav-tool-fontname-editor .kdesigner-select-size-middle {
  min-height: 24px;
  max-width: none;
  width: 100%;
}
.nav-tool-fontname-editor .kdesigner-select-single-text {
  font-size: 12px;
  margin-left: 4px;
  width: auto;
  cursor: default;
  overflow: unset;
}
.nav-tool-fontname-editor .kdesigner-select-selection-item {
  padding-right: 14px;
}
.nav-tool-fontname-editor-enable {
  border-radius: 4px;
}
.nav-tool-fontname-editor-enable:hover {
  background: #E5E5E5;
}
.nav-tool-fontname-editor-enable:active {
  background: #D9D9D9;
}
.nav-tool-fontname-editor-enable .kdesigner-select-single-text {
  display: block;
  width: 56px;
  color: #212121;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.kdesigner-select.nav-tool-fontname-editor-disabled {
  cursor: not-allowed;
}
.kdesigner-select.nav-tool-fontname-editor-disabled:hover {
  cursor: not-allowed;
}
.print-designer-nav-tool {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 43px;
  width: 100%;
  background: #F2F2F2;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
}
.print-designer-nav-tool-select-enable {
  border-radius: 2px;
}
.print-designer-nav-tool-select-enable:hover {
  background: #E5E5E5;
}
.print-designer-nav-tool-select-enable:active {
  background: #D9D9D9;
}
.print-designer-nav-tool .kdesigner-select-single-disabled {
  background-color: transparent;
}
.print-designer-nav-tool .kdesigner-select-single-disabled-text,
.print-designer-nav-tool .kdesigner-input-disabled {
  color: #b2b2b2;
}
.print-designer-nav-tool .kdesigner-select-single-text {
  font-size: 12px;
  width: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: auto;
  overflow: unset;
}
.print-designer-nav-tool > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.print-designer-nav-tool > div:first-child {
  width: calc(100% - 120px);
}
.print-designer-nav-tool > div:last-child {
  width: 120px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.print-designer-nav-tool .kdesigner-checkbox-default-wrapper-size {
  width: 12px;
  height: 12px;
}
.print-designer-nav-tool .kdicon-arrow-down::before {
  font-size: 12px;
}
.print-designer-nav-tool .kdesigner-select-icon-arrow-up {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
.print-designer-nav-tool .kdesigner-select {
  width: 40px;
  cursor: pointer;
  margin: 0 2px;
  height: 28px;
}
.print-designer-nav-tool .kdesigner-select-visible {
  background: #D9D9D9;
}
.print-designer-nav-tool .kdesigner-select-visible .kdesigner-select-icon-arrow-focus {
  color: #000;
}
.print-designer-nav-tool .kdesigner-select-single {
  padding: 0;
}
.print-designer-nav-tool .kdesigner-select-suffix {
  right: 4px;
}
.print-designer-nav-tool i {
  font-size: 16px;
}
.print-designer-nav-tool-operation-btn {
  position: relative;
  width: 28px;
  height: 28px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.print-designer-nav-tool-operation-btn i {
  height: 16px;
}
.print-designer-nav-tool-operation-btn:hover {
  background: #E5E5E5;
}
.print-designer-nav-tool-operation-btn:active {
  background: #D9D9D9;
}
.print-designer-nav-tool-btn-enable:hover {
  background: #E5E5E5;
}
.print-designer-nav-tool-btn-enable:active {
  background: #D9D9D9;
}
.print-designer-nav-tool-btn-enable.print-designer-nav-tool-self-select:hover {
  background: #D9D9D9;
}
.print-designer-nav-tool-btn-enable.print-designer-nav-tool-self-select i:hover {
  background: #E5E5E5;
}
.print-designer-nav-tool-btn-enable.print-designer-nav-tool-self-select i:active {
  background: #D9D9D9;
}
.print-designer-nav-tool-btn-enable.print-designer-nav-tool-self-select i {
  text-align: left;
  text-indent: 1px;
  height: 100%;
  width: 18px;
  border-radius: 2px;
}
.print-designer-nav-tool-btn-enable.print-designer-nav-tool-self-select i::before {
  position: relative;
  top: 1px;
}
.print-designer-nav-tool-btn-disable {
  opacity: 0.3;
  cursor: not-allowed;
  pointer-events: none;
}
.print-designer-nav-tool-btn-disable:active i {
  color: inherit;
}
.print-designer-nav-tool-btn-disable:hover {
  background: inherit;
}
.print-designer-nav-tool-btn-disable .navtool-icon:hover {
  background: transparent;
}
.print-designer-nav-tool-property-font-size {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.print-designer-nav-tool-property-font-size .kdesigner-select-size-middle {
  min-height: 24px;
  max-width: none;
}
.print-designer-nav-tool-property-font-size .kdesigner-select-single-text {
  font-size: 12px;
  background-color: #ffffff;
  width: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: auto;
}
.print-designer-nav-tool-property-font-size .kdesigner-select-suffix {
  right: 0;
}
.print-designer-nav-tool-property-font-size-enable:hover {
  background: #E5E5E5;
  border: 1px solid #0E5FD8;
}
.print-designer-nav-tool-property-font-size-enable:active {
  background: #D9D9D9;
}
.print-designer-nav-tool-property-font-size-disabled {
  cursor: not-allowed;
}
.print-designer-nav-tool-property-font-size-disabled i {
  pointer-events: none;
  cursor: not-allowed;
}
.print-designer-nav-tool-property-font-size-disabled i:hover {
  background-color: transparent;
}
.print-designer-nav-tool-property-font-name {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px !important;
  margin-bottom: 0 !important;
}
.print-designer-nav-tool-property-font-name .kdesigner-select-selector {
  width: 100%;
}
.print-designer-nav-tool-property-font-name.kdesigner-select {
  margin-left: 0px;
  margin-right: 5px;
}
.print-designer-nav-tool-property-font-name .kdesigner-select-size-middle {
  min-height: 24px;
  max-width: none;
  width: 100%;
}
.print-designer-nav-tool-property-font-name .kdesigner-select-single-text {
  font-size: 12px;
  margin-left: 4px;
  width: auto;
  cursor: default;
  overflow: unset;
}
.print-designer-nav-tool-property-font-name .kdesigner-select-selection-item {
  padding-right: 14px;
}
.print-designer-nav-tool-property-font-name-enable {
  border-radius: 4px;
}
.print-designer-nav-tool-property-font-name-enable:hover {
  background: #E5E5E5;
}
.print-designer-nav-tool-property-font-name-enable:active {
  background: #D9D9D9;
}
.print-designer-nav-tool-property-font-name-enable .kdesigner-select-single-text {
  display: block;
  width: 56px;
  color: #212121;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.kdesigner-select.print-designer-nav-tool-property-font-name-disabled {
  cursor: not-allowed;
}
.kdesigner-select.print-designer-nav-tool-property-font-name-disabled:hover {
  cursor: not-allowed;
}
.print-designer-nav-tool-editor-fore-color,
.print-designer-nav-tool-editor-back-color {
  border-radius: 2px;
}
.print-designer-nav-tool-btn-used {
  background: #D9D9D9;
}
.print-designer-nav-tool .kdesigner-input-wrapper {
  background: #F5F5F5;
}
.print-designer-nav-tool-operation-disable {
  opacity: 0.3;
  cursor: not-allowed;
}
.print-designer-nav-tool-operation-disable:hover {
  background: transparent;
}
.print-designer-nav-tool .kdesigner-input {
  background: #F5F5F5;
}
.print-designer-nav-tool .kdesigner-checkbox {
  background: #F5F5F5;
  border-bottom: 1px solid #D9D9D9;
}
.print-designer-nav-tool-operation-bar,
.print-designer-nav-tool-property-operation-bar,
.print-designer-nav-tool-canvas-operation-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.print-designer-nav-tool-dropdown-text {
  font-size: 12px;
  margin-left: 4px;
}
.print-designer-nav-tool-operation-bar {
  justify-self: flex-start;
  margin-left: 8px;
}
.print-designer-nav-tool-operation-bar > div {
  margin: 0 2px;
}
.print-designer-nav-tool-property-operation-bar {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -webkit-box-pack: unset;
      -ms-flex-pack: unset;
          justify-content: unset;
  justify-self: flex-start;
  overflow-x: hidden;
  overflow-y: hidden;
}
.print-designer-nav-tool-property-operation-bar .shadow-calc-dom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 0;
  visibility: hidden;
}
.print-designer-nav-tool-property-operation-bar > div {
  margin: 0 5px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.print-designer-nav-tool-property-operation-bar > .print-designer-nav-tool-operation-btn {
  margin: 0 2px;
}
.print-designer-nav-tool-property-operation-bar > .print-designer-nav-tool-operation-btn-bold {
  margin-left: 5px;
}
.print-designer-nav-tool-property-operation-bar .print-designer-nav-tool-operation-bar-split-line {
  margin: 0 calc(5px * 2 - 2px);
}
.print-designer-nav-tool-canvas-operation-bar {
  justify-self: flex-end;
}
.print-designer-nav-tool-canvas-operation-bar .print-designer-nav-tool-icon-btn {
  cursor: pointer;
}
.print-designer-nav-tool-canvas-operation-bar .kdesigner-select {
  margin: 0 10px 0 4px;
  border-radius: 4px;
  cursor: pointer;
}
.print-designer-nav-tool-canvas-operation-bar .kdesigner-select:not(.kdesigner-select-visible):hover {
  background: #e5e5e5;
}
.print-designer-nav-tool-canvas-operation-bar .kdesigner-select .kdesigner-select-wrapper {
  padding-left: 6px;
}
.print-designer-nav-tool-canvas-operation-bar .kdesigner-select-wrapper {
  cursor: pointer;
}
.print-designer-nav-tool-canvas-operation-bar .kdesigner-select-wrapper span {
  cursor: pointer;
}
.print-designer-nav-tool-operation-more-btn {
  margin-right: 16px;
}
div.print-designer-nav-tool-operation-bar-split-line {
  width: 1px;
  height: 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: #D9D9D9;
  margin: 0 calc(5px * 2 - 2px);
}
.kds-hover-panel,
.kds-poper-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 12px;
  min-height: 22px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kds-hover-panel span,
.kds-poper-panel span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kds-hover-panel .kdicon,
.kds-poper-panel .kdicon {
  margin-left: 17px;
}
.kds-poper-panel {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 50px;
}
.kds-poper-panel > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
}
.kds-select .kdesigner-select-item-option-content {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
}
.lineHeight i {
  display: none;
}
.lineHeight .kdesigner-select-item:first-child {
  display: none;
}
.lineHeight .customInput {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.lineHeight .customInput .label {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 12px;
  margin-left: 12px;
}
.lineHeight .customInput input {
  width: 54px;
  height: 32px;
  margin-right: 12px;
  padding-left: 4px;
}
.kds-dropdown span {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.kds-font-custom span {
  display: block !important;
}
.kds-border-width-dropdown {
  width: 100px;
  padding: 0 !important;
}
.kds-border-width-dropdown-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  height: 36px;
  line-height: 36px;
  padding: 0 12px;
}
.kds-border-width-dropdown-item:hover {
  background: #f5f5f5;
}
.kds-border-width-dropdown-item.selected {
  background: #e3eeff;
}
.kds-border-width-dropdown-item-changgui {
  border-top: 1px solid #666;
  width: 100%;
  -webkit-transform: scaleY(0.51);
          transform: scaleY(0.51);
  content: '';
}
.kds-border-width-dropdown-item-cu {
  border-top: 2px solid #666;
  width: 100%;
  content: '';
}
.kds-border-width-dropdown-item-jiacu {
  border-top: 3px solid #666;
  width: 100%;
  content: '';
}
.kds-border-width-dropdown-item-dotted {
  width: 100%;
}
.kds-border-width-dropdown-item-dashed {
  width: 100%;
}
.kds-color-dropdown {
  padding: 0 !important;
}
.kds-color-dropdown .kdesigner-popover-inner {
  min-height: 68px;
  padding: 0;
}
.kds-color-dropdown span:first-child {
  width: 244px;
  height: 90px;
  pointer-events: all;
}
.kds-color-dropdown .colorPicker .colorPanel {
  top: 0;
  left: 0;
}
.kds-color-dropdown .colorPicker .colorPanel .colorItem {
  pointer-events: all;
}
.kds-select-border .kdesigner-cascader-picker {
  height: 0;
  visibility: hidden;
}
.kds-select-border .kdesigner-cascader-picker .kdesigner-cascader-picker-label {
  height: 0;
}
.kds-select-border .kdesigner-cascader-picker .kdesigner-cascader-picker-input {
  height: 0;
}
.nav-tool-fontsize {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.nav-tool-fontsize-input {
  height: 24px;
  width: 26px !important;
  background: #FFFFFF !important;
  border-radius: 2px;
  border: 1px solid #D9D9D9;
  font-size: 12px !important;
  padding: 0 5px !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.nav-tool-fontsize i {
  color: #212121;
  cursor: pointer;
}
.nav-tool-fontsize i:hover {
  background: #E5E5E5;
}
.nav-tool-fontsize i:active {
  background: #D9D9D9;
}
.print-designer-nav-tool-operation-more-popper {
  -webkit-transform: translate(0, -6px) !important;
          transform: translate(0, -6px) !important;
  height: 43px;
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1050;
}
.print-designer-nav-tool-operation-more-popper .kdicon-arrow-down::before {
  font-size: 12px;
}
.print-designer-nav-tool-operation-more-popper .kdesigner-select-single-text {
  font-size: 12px;
  width: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: auto;
}
.print-designer-nav-tool-operation-more-popper .kdesigner-select-single {
  padding: 0;
}
.print-designer-nav-tool-operation-more-popper .kdesigner-select {
  width: 40px;
  cursor: auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.print-designer-nav-tool-operation-more-popper-select-enable:hover {
  background: #E5E5E5;
}
.print-designer-nav-tool-operation-more-popper-select-enable:active {
  background: #D9D9D9;
}
.print-designer-nav-tool-operation-more-popper .kdesigner-popover-inner {
  min-height: 36px;
  min-width: 30px;
  height: auto;
  padding: 0;
}
.print-designer-nav-tool-operation-more-popper .kdesigner-select-single-disabled {
  background-color: transparent;
}
.print-designer-nav-tool-operation-more-popper .print-designer-nav-tool-operation-btn i {
  height: 16px;
}
.print-designer-nav-tool-operation-more-popper .print-designer-nav-tool-btn-disable .navtool-icon:hover {
  background: transparent;
}
.print-designer-nav-tool-operation-more-popper .kdesigner-select-suffix {
  right: 0px;
}
.print-designer-nav-tool-operation-more-popper .print-designer-nav-tool-more-property-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 36px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 8px;
}
.print-designer-nav-tool-operation-more-popper .print-designer-nav-tool-more-property-bar .kdesigner-select-icon-arrow-up {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
.print-designer-nav-tool-operation-more-popper .print-designer-nav-tool-more-property-bar > div {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0 2px;
}
.print-designer-nav-tool-operation-more-popper .print-designer-nav-tool-more-property-bar .print-designer-nav-tool-operation-bar-split-line {
  margin: 0 calc(5px * 2 - 2px);
}
.print-designer-nav-tool-operation-more-popper .print-designer-nav-tool-property-font-name {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px !important;
  margin-bottom: 0 !important;
}
.print-designer-nav-tool-operation-more-popper .print-designer-nav-tool-property-font-name .kdesigner-select-selector {
  width: 100%;
}
.print-designer-nav-tool-operation-more-popper .print-designer-nav-tool-property-font-name.kdesigner-select {
  margin-left: 0px;
  margin-right: 5px;
}
.print-designer-nav-tool-operation-more-popper .print-designer-nav-tool-property-font-name .kdesigner-select-size-middle {
  min-height: 24px;
  max-width: none;
  width: 100%;
}
.print-designer-nav-tool-operation-more-popper .print-designer-nav-tool-property-font-name .kdesigner-select-single-text {
  font-size: 12px;
  margin-left: 4px;
  width: auto;
  cursor: default;
  overflow: unset;
}
.print-designer-nav-tool-operation-more-popper .print-designer-nav-tool-property-font-name .kdesigner-select-selection-item {
  padding-right: 14px;
}
.print-designer-nav-tool-operation-more-popper .print-designer-nav-tool-property-font-name-enable {
  border-radius: 4px;
}
.print-designer-nav-tool-operation-more-popper .print-designer-nav-tool-property-font-name-enable:hover {
  background: #E5E5E5;
}
.print-designer-nav-tool-operation-more-popper .print-designer-nav-tool-property-font-name-enable:active {
  background: #D9D9D9;
}
.print-designer-nav-tool-operation-more-popper .print-designer-nav-tool-property-font-name-enable .kdesigner-select-single-text {
  display: block;
  width: 56px;
  color: #212121;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.kdesigner-select.print-designer-nav-tool-operation-more-popper .print-designer-nav-tool-property-font-name-disabled {
  cursor: not-allowed;
}
.kdesigner-select.print-designer-nav-tool-operation-more-popper .print-designer-nav-tool-property-font-name-disabled:hover {
  cursor: not-allowed;
}
.print-designer-nav-tool-self-select i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
  text-indent: 1px;
  height: 100%;
  width: 18px;
  border-radius: 2px;
}
.print-designer-nav-tool-self-select i::before {
  position: relative;
  top: 1px;
}
.kdesigner-dropdown-menu-item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.print-designer-left-view-control {
  height: 76px;
  border-radius: 4px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 8px;
  font-size: 12px;
  color: #212121;
  line-height: 18px;
  white-space: nowrap;
}
.print-designer-left-view-control:nth-child(3n + 2),
.print-designer-left-view-control:nth-child(3n + 3) {
  margin-left: 8px;
}
.print-designer-left-view-control > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 76px;
  height: 76px;
  background: #F7F9FD;
  border-radius: 4px;
  cursor: pointer;
  font-size: 12px;
  padding: 0 6px 6px;
}
.print-designer-left-view-control > div span {
  word-break: break-word;
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 2;
  text-align: center;
  overflow: hidden;
  -webkit-box-orient: vertical;
  line-height: 12px;
  white-space: normal;
}
.print-designer-left-view-control > div:hover {
  background: #E0EFFF;
}
.print-designer-left-view-control i {
  font-size: 25px;
}
.print-designer-left-view-control .icon {
  width: 28px;
  height: 28px;
  border-radius: 2px;
  margin-top: 12px;
  margin-bottom: 5px;
  vertical-align: middle;
  fill: currentColor;
  overflow: hidden;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.print-designer-left-view .left-datasource-empty {
  margin-top: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.print-designer-left-view .left-datasource-empty-text {
  height: 21px;
  font-size: 14px;
  color: #999999;
  line-height: 21px;
  margin-top: 8px;
}
.print-designer-left-view-datasource {
  width: 100%;
  background: #FFFFFF;
}
.print-designer-left-view-datasource .kdesigner-input-wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 16px;
}
.print-designer-left-view-datasource-action {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #212121;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.print-designer-left-view-datasource-action.hide {
  display: none;
}
.print-designer-left-view-datasource-action > div {
  width: 118px;
  height: 32px;
  background: #F7F9FD;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  font-size: 12px;
}
.print-designer-left-view-datasource-action > div:hover {
  background: #E0EFFF;
}
.print-designer-left-view-datasource-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 16px;
  height: calc(100% - 48px);
}
.print-designer-left-view-datasource-checkbox {
  width: 280px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #D9D9D9;
  padding: 0 16px;
  position: sticky;
  bottom: 0;
  height: 48px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.print-designer-left-view,
.print-designer-right-view {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  letter-spacing: 1px;
  background: #FFFFFF;
  color: #212121;
}
.print-designer-left-view.hide,
.print-designer-right-view.hide {
  display: none;
}
.print-designer-left-view .print-designer-collapse-panel-children,
.print-designer-right-view .print-designer-collapse-panel-children {
  -webkit-transition: none;
  transition: none;
}
.print-designer-left-view .print-designer-collapse-panel-children-hide,
.print-designer-right-view .print-designer-collapse-panel-children-hide {
  padding: 0;
}
.print-designer-left-view .print-designer-left-view-tabs,
.print-designer-right-view .print-designer-left-view-tabs {
  border-right: none;
}
.print-designer-left-view .print-designer-left-view-tabs-body,
.print-designer-right-view .print-designer-left-view-tabs-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.print-designer-left-view .print-designer-right-view-tabs,
.print-designer-right-view .print-designer-right-view-tabs {
  border-left: none;
}
.print-designer-left-view .print-designer-left-view-fold-icon,
.print-designer-right-view .print-designer-left-view-fold-icon {
  position: absolute;
  top: 14px;
  right: 17px;
  cursor: pointer;
}
.print-designer-left-view .kdesigner-checkbox-default-wrapper-size,
.print-designer-right-view .kdesigner-checkbox-default-wrapper-size {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.print-designer-left-view-title,
.print-designer-right-view-title {
  color: #666;
  line-height: 18px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.print-designer-left-view .print-designer-right-view-pane,
.print-designer-right-view .print-designer-right-view-pane {
  margin-top: -8px;
}
.print-designer-left-view-tooltip,
.print-designer-right-view-tooltip {
  position: absolute;
  width: 248px;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1050;
  padding-left: 12px;
  border-radius: 2px;
  line-height: 18px;
  font-size: 12px;
  background: #FFDBE0;
  color: #FB2323;
}
.print-designer-left-view-tooltip::before,
.print-designer-right-view-tooltip::before {
  content: "";
  position: absolute;
  top: -8px;
  left: 8px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 12px 8px;
  border-color: transparent transparent #FFDBE0 transparent;
}
.print-designer-left-view-tooltip::after,
.print-designer-right-view-tooltip::after {
  background: #FFDBE0 !important;
}
.print-designer-left-view-query,
.print-designer-right-view-query {
  height: 32px;
  border: 1px solid #EEF2F7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0px 9px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  cursor: pointer;
  border-radius: 4px;
  background: #F7F9FD;
}
.print-designer-left-view-query:not(.is-disabled):hover,
.print-designer-right-view-query:not(.is-disabled):hover {
  background: #fff;
  border-color: #5582f3;
}
.print-designer-left-view-query.is-disabled,
.print-designer-right-view-query.is-disabled {
  background: #EBEFF5;
  color: #B2B2B2;
  cursor: not-allowed;
}
.print-designer-left-view-query-text,
.print-designer-right-view-query-text {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
}
.print-designer-left-view-query-text-empty,
.print-designer-right-view-query-text-empty {
  color: #B2B2B2;
}
.print-designer-left-view-query-btn,
.print-designer-right-view-query-btn {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  color: #999;
}
.print-designer-left-view .kdesigner-checkbox-middle,
.print-designer-right-view .kdesigner-checkbox-middle {
  height: 18px;
}
.print-designer-left-view .kdesigner-input,
.print-designer-right-view .kdesigner-input {
  color: #212121;
  cursor: text;
}
.print-designer-left-view .kdesigner-input:not(.kdesigner-input-disabled):focus,
.print-designer-right-view .kdesigner-input:not(.kdesigner-input-disabled):focus {
  background: #fff;
}
.print-designer-left-view .kdesigner-input:not(.kdesigner-input-disabled):hover,
.print-designer-right-view .kdesigner-input:not(.kdesigner-input-disabled):hover {
  background: #fff;
}
.print-designer-left-view .kdesigner-input.kdesigner-input-disabled,
.print-designer-right-view .kdesigner-input.kdesigner-input-disabled {
  background: #EBEFF5;
  color: #B2B2B2;
  cursor: not-allowed;
}
.print-designer-left-view .kdesigner-input::-webkit-input-placeholder, .print-designer-right-view .kdesigner-input::-webkit-input-placeholder {
  color: #B2B2B2 !important;
}
.print-designer-left-view .kdesigner-input::placeholder,
.print-designer-right-view .kdesigner-input::placeholder,
.print-designer-left-view .kdesigner-input::-webkit-input-placeholder,
.print-designer-right-view .kdesigner-input::-webkit-input-placeholder,
.print-designer-left-view .kdesigner-input:-moz-placeholder,
.print-designer-right-view .kdesigner-input:-moz-placeholder,
.print-designer-left-view .kdesigner-input::-moz-placeholder,
.print-designer-right-view .kdesigner-input::-moz-placeholder,
.print-designer-left-view .kdesigner-input:-ms-input-placeholder,
.print-designer-right-view .kdesigner-input:-ms-input-placeholder {
  color: #B2B2B2 !important;
}
.print-designer-left-view .kdesigner-input-wrapper,
.print-designer-right-view .kdesigner-input-wrapper {
  height: 32px;
  min-height: 32px;
  line-height: 32px;
  padding-left: 0;
  padding-right: 0;
  background: #F7F9FD;
  border-color: #EEF2F7;
  border-radius: 4px;
}
.print-designer-left-view .kdesigner-input-wrapper .kdesigner-input-prefix,
.print-designer-right-view .kdesigner-input-wrapper .kdesigner-input-prefix {
  margin-right: 0;
}
.print-designer-left-view .kdesigner-input-wrapper .formula-prefix,
.print-designer-right-view .kdesigner-input-wrapper .formula-prefix {
  display: inline-block;
  width: 20px;
  text-align: center;
  color: #b2b2b2;
  font-weight: 400;
}
.print-designer-left-view .kdesigner-input-wrapper.kdesigner-input-wrapper-focused,
.print-designer-right-view .kdesigner-input-wrapper.kdesigner-input-wrapper-focused {
  border-color: #5582f3;
}
.print-designer-left-view .kdesigner-input-wrapper.kdesigner-input-wrapper-focused .kdesigner-input-suffix,
.print-designer-right-view .kdesigner-input-wrapper.kdesigner-input-wrapper-focused .kdesigner-input-suffix,
.print-designer-left-view .kdesigner-input-wrapper.kdesigner-input-wrapper-focused .kdesigner-input-prefix,
.print-designer-right-view .kdesigner-input-wrapper.kdesigner-input-wrapper-focused .kdesigner-input-prefix {
  background: #fff;
}
.print-designer-left-view .kdesigner-input-wrapper-disabled:hover,
.print-designer-right-view .kdesigner-input-wrapper-disabled:hover {
  border-color: transparent !important;
}
.print-designer-left-view .kdesigner-input-wrapper:hover,
.print-designer-right-view .kdesigner-input-wrapper:hover {
  background: #fff;
}
.print-designer-left-view .kdesigner-input-wrapper:hover .kdesigner-input:not(.kdesigner-input-disabled),
.print-designer-right-view .kdesigner-input-wrapper:hover .kdesigner-input:not(.kdesigner-input-disabled) {
  background: #fff;
}
.print-designer-left-view .kdesigner-input-wrapper:hover .kdesigner-input:not(.kdesigner-input-disabled) + .kdesigner-input-suffix,
.print-designer-right-view .kdesigner-input-wrapper:hover .kdesigner-input:not(.kdesigner-input-disabled) + .kdesigner-input-suffix,
.print-designer-left-view .kdesigner-input-wrapper:hover .kdesigner-input:not(.kdesigner-input-disabled) .kdesigner-input-prefix,
.print-designer-right-view .kdesigner-input-wrapper:hover .kdesigner-input:not(.kdesigner-input-disabled) .kdesigner-input-prefix {
  background: #fff;
}
.print-designer-left-view .kdesigner-input-wrapper .kdesigner-input,
.print-designer-right-view .kdesigner-input-wrapper .kdesigner-input {
  border: none;
}
.print-designer-left-view .kdesigner-input-wrapper .kdesigner-input.kdesigner-input-disabled + .kdesigner-input-suffix,
.print-designer-right-view .kdesigner-input-wrapper .kdesigner-input.kdesigner-input-disabled + .kdesigner-input-suffix {
  cursor: not-allowed;
  background: #EBEFF5;
  color: #b2b2b2;
}
.print-designer-left-view .kdesigner-input-wrapper .kdesigner-input-suffix,
.print-designer-right-view .kdesigner-input-wrapper .kdesigner-input-suffix {
  margin-left: 0;
  padding-left: 4px;
  padding-right: 8px;
  color: #999;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.print-designer-left-view .kdesigner-input-wrapper .kdesigner-input-suffix .kdicon,
.print-designer-right-view .kdesigner-input-wrapper .kdesigner-input-suffix .kdicon {
  font-size: 14px;
}
.print-designer-left-view .kdesigner-select-size-middle,
.print-designer-right-view .kdesigner-select-size-middle {
  height: 32px;
  min-height: 32px;
  line-height: 32px;
  padding-left: 8px;
  background: #F7F9FD;
  border-radius: 4px;
  border: 1px solid #EEF2F7;
  overflow: hidden;
}
.print-designer-left-view .kdesigner-select-size-middle .kdesigner-select-suffix,
.print-designer-right-view .kdesigner-select-size-middle .kdesigner-select-suffix {
  top: 0px;
}
.print-designer-left-view .kdesigner-select-size-middle.kdesigner-select-single-focused,
.print-designer-right-view .kdesigner-select-size-middle.kdesigner-select-single-focused {
  background: #fff;
}
.print-designer-left-view .kdesigner-select-size-middle .kdesigner-select-single-text,
.print-designer-right-view .kdesigner-select-size-middle .kdesigner-select-single-text {
  color: #212121;
}
.print-designer-left-view .kdesigner-select-size-middle .kdesigner-select-icon-arrow,
.print-designer-right-view .kdesigner-select-size-middle .kdesigner-select-icon-arrow {
  color: #999;
}
.print-designer-left-view .kdesigner-input-size-middle,
.print-designer-right-view .kdesigner-input-size-middle {
  height: 30px;
  min-height: 30px;
  line-height: 30px;
  padding: 0px 8px;
  background: #F7F9FD;
  border-radius: 4px;
  border: 1px solid #EEF2F7;
  font-size: 12px;
}
.print-designer-left-view-tabs,
.print-designer-right-view-tabs,
.print-designer-left-view-tabs-title,
.print-designer-right-view-tabs-title {
  width: 280px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  color: #0E5FD8;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}
.print-designer-left-view-tabs .kdesigner-tabs-navs,
.print-designer-right-view-tabs .kdesigner-tabs-navs,
.print-designer-left-view-tabs-title .kdesigner-tabs-navs,
.print-designer-right-view-tabs-title .kdesigner-tabs-navs {
  height: 43px !important;
  background-color: #F5F5F5;
  border-bottom: none;
}
.print-designer-left-view-tabs .kdesigner-tabs-tab-list,
.print-designer-right-view-tabs .kdesigner-tabs-tab-list,
.print-designer-left-view-tabs-title .kdesigner-tabs-tab-list,
.print-designer-right-view-tabs-title .kdesigner-tabs-tab-list {
  bottom: 0;
  top: 8px;
}
.print-designer-left-view-tabs .kdesigner-tab-pane,
.print-designer-right-view-tabs .kdesigner-tab-pane,
.print-designer-left-view-tabs-title .kdesigner-tab-pane,
.print-designer-right-view-tabs-title .kdesigner-tab-pane {
  margin-right: 0;
  font-size: 12px;
  padding: 0 20px;
}
.print-designer-left-view-tabs .kdesigner-tab-pane.kdesigner-tab-pane-box-active,
.print-designer-right-view-tabs .kdesigner-tab-pane.kdesigner-tab-pane-box-active,
.print-designer-left-view-tabs-title .kdesigner-tab-pane.kdesigner-tab-pane-box-active,
.print-designer-right-view-tabs-title .kdesigner-tab-pane.kdesigner-tab-pane-box-active {
  border-radius: 4px 4px 0px 0px;
  background: #fff;
}
.print-designer-left-view-tabs .kdesigner-tab-pane-text,
.print-designer-right-view-tabs .kdesigner-tab-pane-text,
.print-designer-left-view-tabs-title .kdesigner-tab-pane-text,
.print-designer-right-view-tabs-title .kdesigner-tab-pane-text {
  position: relative;
  top: -5px;
  line-height: 18px;
}
.print-designer-left-view-tabs .kdesigner-active-line,
.print-designer-right-view-tabs .kdesigner-active-line,
.print-designer-left-view-tabs-title .kdesigner-active-line,
.print-designer-right-view-tabs-title .kdesigner-active-line {
  display: none;
}
.print-designer-left-view-tabs .kdesigner-carousel-displaylist,
.print-designer-right-view-tabs .kdesigner-carousel-displaylist,
.print-designer-left-view-tabs-title .kdesigner-carousel-displaylist,
.print-designer-right-view-tabs-title .kdesigner-carousel-displaylist {
  width: 100%;
}
.print-designer-left-view-tabs,
.print-designer-right-view-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.print-designer-left-view-tabs .hidden,
.print-designer-right-view-tabs .hidden {
  display: none;
}
.print-designer-left-view-tabs-body,
.print-designer-right-view-tabs-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.print-designer-left-view-tabs-title.hide .kdesigner-tab-pane.kdesigner-tab-pane-box-active,
.print-designer-right-view-tabs-title.hide .kdesigner-tab-pane.kdesigner-tab-pane-box-active {
  background: #F5F5F5;
}
.print-designer-left-view-tabs-title.hide .kdesigner-tab-pane-text,
.print-designer-right-view-tabs-title.hide .kdesigner-tab-pane-text {
  color: #666;
}
.print-designer-left-view-props-empty,
.print-designer-right-view-props-empty {
  width: 100%;
  margin-top: 200px;
  text-align: center;
}
.print-designer-left-view-props-empty-desc,
.print-designer-right-view-props-empty-desc {
  color: #B2B2B2;
  line-height: 21px;
  margin-top: 8px;
  font-size: 14px;
}
.print-designer-left-view-control-search,
.print-designer-right-view-control-search {
  width: 100%;
  padding: 8px 16px;
  margin-bottom: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.print-designer-left-view-control-search-input,
.print-designer-right-view-control-search-input {
  width: 100%;
}
.print-designer-left-view-control-search .kdesigner-input-wrapper,
.print-designer-right-view-control-search .kdesigner-input-wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.print-designer-left-view-control-tabs,
.print-designer-right-view-control-tabs,
.print-designer-left-view-props-tabs,
.print-designer-right-view-props-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #FFFFFF;
  height: 100%;
  width: 280px;
  overflow-y: auto;
  overflow-x: hidden;
}
.print-designer-left-view-control-tabs .kdesigner-collapse-panel,
.print-designer-right-view-control-tabs .kdesigner-collapse-panel,
.print-designer-left-view-props-tabs .kdesigner-collapse-panel,
.print-designer-right-view-props-tabs .kdesigner-collapse-panel {
  color: #212121;
}
.print-designer-left-view-control-tabs .kdesigner-collapse-panel-left,
.print-designer-right-view-control-tabs .kdesigner-collapse-panel-left,
.print-designer-left-view-props-tabs .kdesigner-collapse-panel-left,
.print-designer-right-view-props-tabs .kdesigner-collapse-panel-left {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.print-designer-left-view-control-tabs .kdesigner-collapse-panel-icon i,
.print-designer-right-view-control-tabs .kdesigner-collapse-panel-icon i,
.print-designer-left-view-props-tabs .kdesigner-collapse-panel-icon i,
.print-designer-right-view-props-tabs .kdesigner-collapse-panel-icon i {
  color: #999;
  line-height: 1;
  font-size: 12px;
}
.print-designer-left-view-control-tabs .kdesigner-collapse-panel-right,
.print-designer-right-view-control-tabs .kdesigner-collapse-panel-right,
.print-designer-left-view-props-tabs .kdesigner-collapse-panel-right,
.print-designer-right-view-props-tabs .kdesigner-collapse-panel-right {
  color: #b2b2b2;
  margin-left: 0;
  margin-top: 1px;
}
.print-designer-left-view-control-tabs .kdesigner-collapse-panel-header,
.print-designer-right-view-control-tabs .kdesigner-collapse-panel-header,
.print-designer-left-view-props-tabs .kdesigner-collapse-panel-header,
.print-designer-right-view-props-tabs .kdesigner-collapse-panel-header {
  font-size: 14px;
  color: #212121;
  font-weight: 600;
}
.print-designer-left-view-control-tabs .kdesigner-collapse-panel-icon,
.print-designer-right-view-control-tabs .kdesigner-collapse-panel-icon,
.print-designer-left-view-props-tabs .kdesigner-collapse-panel-icon,
.print-designer-right-view-props-tabs .kdesigner-collapse-panel-icon {
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.print-designer-left-view-control-tabs .kdesigner-collapse-panel-children,
.print-designer-right-view-control-tabs .kdesigner-collapse-panel-children,
.print-designer-left-view-props-tabs .kdesigner-collapse-panel-children,
.print-designer-right-view-props-tabs .kdesigner-collapse-panel-children {
  padding: 0;
}
.print-designer-left-view-control-tabs .kdesigner-collapse-panel-children-hide,
.print-designer-right-view-control-tabs .kdesigner-collapse-panel-children-hide,
.print-designer-left-view-props-tabs .kdesigner-collapse-panel-children-hide,
.print-designer-right-view-props-tabs .kdesigner-collapse-panel-children-hide {
  padding: 0;
}
.print-designer-left-view-control-tabs .kdesigner-collapse-panel-top,
.print-designer-right-view-control-tabs .kdesigner-collapse-panel-top,
.print-designer-left-view-props-tabs .kdesigner-collapse-panel-top,
.print-designer-right-view-props-tabs .kdesigner-collapse-panel-top {
  height: 44px;
  padding: 0 16px;
}
.print-designer-left-view-control-tabs .kdesigner-collapse-panel-middle,
.print-designer-right-view-control-tabs .kdesigner-collapse-panel-middle,
.print-designer-left-view-props-tabs .kdesigner-collapse-panel-middle,
.print-designer-right-view-props-tabs .kdesigner-collapse-panel-middle {
  display: none;
}
.print-designer-left-view-control-tabs .kdesigner-collapse-panel-top,
.print-designer-right-view-control-tabs .kdesigner-collapse-panel-top {
  border-top: none;
  border-bottom: none;
}
.print-designer-left-view-collapse,
.print-designer-right-view-collapse {
  width: 100%;
  background: #fff;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.print-designer-left-view-collapse + .kdesigner-collapse,
.print-designer-right-view-collapse + .kdesigner-collapse {
  margin-top: 20px;
}
.print-designer-left-view-collapse:last-child,
.print-designer-right-view-collapse:last-child {
  margin-bottom: 20px;
}
.print-designer-left-view-pane,
.print-designer-right-view-pane {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 16px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  color: #212121;
}
.print-designer-left-view-editor-control,
.print-designer-right-view-editor-control {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.print-designer-left-view-editor-control > div:first-child,
.print-designer-right-view-editor-control > div:first-child {
  margin-bottom: 4px;
  font-size: 12px;
}
.print-designer-left-view-editor-control:not(:empty),
.print-designer-right-view-editor-control:not(:empty) {
  margin-top: 16px;
}
.print-designer-left-view-editor-control .kdesigner-select,
.print-designer-right-view-editor-control .kdesigner-select {
  margin-right: 0;
}
.print-designer-left-view-editor-control .kdesigner-select-bordered:not(.kdesigner-select-multiple-disabled):not(.kdesigner-select-single-disabled):hover,
.print-designer-right-view-editor-control .kdesigner-select-bordered:not(.kdesigner-select-multiple-disabled):not(.kdesigner-select-single-disabled):hover {
  background: #fff;
}
.print-designer-left-view-placeholder,
.print-designer-right-view-placeholder {
  opacity: 0;
  visibility: hidden;
}
.print-designer-left-view-span-1,
.print-designer-right-view-span-1 {
  width: calc((1 / 12 * 100%) - (((12 / 1) - 1) / (12 / 1)) * 12px);
  margin-top: 16px;
}
.print-designer-left-view-span-1 .kdesigner-radio:first-child,
.print-designer-right-view-span-1 .kdesigner-radio:first-child {
  margin-bottom: 12px;
}
.print-designer-left-view-span-2,
.print-designer-right-view-span-2 {
  width: calc((2 / 12 * 100%) - (((12 / 2) - 1) / (12 / 2)) * 12px);
  margin-top: 16px;
}
.print-designer-left-view-span-2 .kdesigner-radio:first-child,
.print-designer-right-view-span-2 .kdesigner-radio:first-child {
  margin-bottom: 12px;
}
.print-designer-left-view-span-3,
.print-designer-right-view-span-3 {
  width: calc((3 / 12 * 100%) - (((12 / 3) - 1) / (12 / 3)) * 12px);
  margin-top: 16px;
}
.print-designer-left-view-span-3 .kdesigner-radio:first-child,
.print-designer-right-view-span-3 .kdesigner-radio:first-child {
  margin-bottom: 12px;
}
.print-designer-left-view-span-4,
.print-designer-right-view-span-4 {
  width: calc((4 / 12 * 100%) - (((12 / 4) - 1) / (12 / 4)) * 12px);
  margin-top: 16px;
}
.print-designer-left-view-span-4 .kdesigner-radio:first-child,
.print-designer-right-view-span-4 .kdesigner-radio:first-child {
  margin-bottom: 12px;
}
.print-designer-left-view-span-5,
.print-designer-right-view-span-5 {
  width: calc((5 / 12 * 100%) - (((12 / 5) - 1) / (12 / 5)) * 12px);
  margin-top: 16px;
}
.print-designer-left-view-span-5 .kdesigner-radio:first-child,
.print-designer-right-view-span-5 .kdesigner-radio:first-child {
  margin-bottom: 12px;
}
.print-designer-left-view-span-6,
.print-designer-right-view-span-6 {
  width: calc((6 / 12 * 100%) - (((12 / 6) - 1) / (12 / 6)) * 12px);
  margin-top: 16px;
}
.print-designer-left-view-span-6 .kdesigner-radio:first-child,
.print-designer-right-view-span-6 .kdesigner-radio:first-child {
  margin-bottom: 12px;
}
.print-designer-left-view-span-7,
.print-designer-right-view-span-7 {
  width: calc((7 / 12 * 100%) - (((12 / 7) - 1) / (12 / 7)) * 12px);
  margin-top: 16px;
}
.print-designer-left-view-span-7 .kdesigner-radio:first-child,
.print-designer-right-view-span-7 .kdesigner-radio:first-child {
  margin-bottom: 12px;
}
.print-designer-left-view-span-8,
.print-designer-right-view-span-8 {
  width: calc((8 / 12 * 100%) - (((12 / 8) - 1) / (12 / 8)) * 12px);
  margin-top: 16px;
}
.print-designer-left-view-span-8 .kdesigner-radio:first-child,
.print-designer-right-view-span-8 .kdesigner-radio:first-child {
  margin-bottom: 12px;
}
.print-designer-left-view-span-9,
.print-designer-right-view-span-9 {
  width: calc((9 / 12 * 100%) - (((12 / 9) - 1) / (12 / 9)) * 12px);
  margin-top: 16px;
}
.print-designer-left-view-span-9 .kdesigner-radio:first-child,
.print-designer-right-view-span-9 .kdesigner-radio:first-child {
  margin-bottom: 12px;
}
.print-designer-left-view-span-10,
.print-designer-right-view-span-10 {
  width: calc((10 / 12 * 100%) - (((12 / 10) - 1) / (12 / 10)) * 12px);
  margin-top: 16px;
}
.print-designer-left-view-span-10 .kdesigner-radio:first-child,
.print-designer-right-view-span-10 .kdesigner-radio:first-child {
  margin-bottom: 12px;
}
.print-designer-left-view-span-11,
.print-designer-right-view-span-11 {
  width: calc((11 / 12 * 100%) - (((12 / 11) - 1) / (12 / 11)) * 12px);
  margin-top: 16px;
}
.print-designer-left-view-span-11 .kdesigner-radio:first-child,
.print-designer-right-view-span-11 .kdesigner-radio:first-child {
  margin-bottom: 12px;
}
.print-designer-left-view-span-12,
.print-designer-right-view-span-12 {
  width: calc((12 / 12 * 100%) - (((12 / 12) - 1) / (12 / 12)) * 12px);
  margin-top: 16px;
}
.print-designer-left-view-span-12 .kdesigner-radio:first-child,
.print-designer-right-view-span-12 .kdesigner-radio:first-child {
  margin-bottom: 12px;
}
.print-designer-left-view-no-span,
.print-designer-right-view-no-span {
  width: 100%;
}
.print-designer-left-view .kdesigner-select-size-middle,
.print-designer-right-view .kdesigner-select-size-middle {
  line-height: 32px !important;
  font-size: 12px !important;
  padding: 0 8px !important;
}
.print-designer-left-view .kdesigner-input-size-middle,
.print-designer-right-view .kdesigner-input-size-middle {
  font-size: 12px !important;
  padding: 0px 8px !important;
}
.print-designer-right-view-pane {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.print-designer-Tooltip-title {
  font-weight: 700;
  color: #212121;
  margin-bottom: 4px;
}
.print-designer-top-view {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 43px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.print-designer-top-view-left,
.print-designer-top-view-right {
  position: relative;
  width: 280px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.print-designer-top-view-left i,
.print-designer-top-view-right i {
  position: absolute;
  top: 14px;
  right: 17px;
  cursor: pointer;
}
.print-designer-top-view-left .kdesigner-tabs-navs-small:not(.kdesigner-tabs-navs-left):not(.kdesigner-tabs-navs-right),
.print-designer-top-view-right .kdesigner-tabs-navs-small:not(.kdesigner-tabs-navs-left):not(.kdesigner-tabs-navs-right) {
  height: 43px !important;
}
.print-designer-top-view-left .kdesigner-tabs-navs-line .kdesigner-tab-pane-small,
.print-designer-top-view-right .kdesigner-tabs-navs-line .kdesigner-tab-pane-small {
  height: 36px;
}
.print-designer-top-view-main {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.kdesigner-image-upload {
  height: 32px;
  border: 1px solid #EEF2F7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  border-radius: 4px;
  background: #F7F9FD;
}
.kdesigner-image-upload-wrapper .kdesigner-upload-text-list {
  display: none;
}
.kdesigner-image-upload-wrapper .kdesigner-btn {
  background: transparent;
  border: none;
  padding: 0;
  height: auto;
  min-width: 0;
  padding-bottom: 4px;
}
.kdesigner-image-upload-wrapper .kdesigner-upload-select {
  width: 100%;
}
.kdesigner-image-upload-wrapper:hover .kdesigner-image-upload {
  background: #fff;
  border-color: #5582f3;
}
.kdesigner-image-upload-value {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 9px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.kdesigner-image-upload-value-empty {
  color: #B2B2B2;
}
.kdesigner-image-upload-value-error {
  color: red;
}
.kdesigner-image-upload-icon {
  padding: 0 9px;
  color: #999;
}
.kdesigner-image-upload .kdesigner-upload {
  display: inline-block;
  min-width: 0;
}
.editor-page-direction {
  width: 60px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #E5E5E5;
  background: #F7F9FD;
  border-radius: 4px;
}
.editor-page-direction-veritical {
  width: 6px;
  height: 14px;
  border: 1px solid #999;
}
.editor-page-direction-horizontal {
  width: 14px;
  height: 6px;
  border: 1px solid #999;
}
.editor-page-direction-enable {
  background: #E0EFFF;
}
.editor-page-direction-enable > div {
  border-color: #0E5FD8;
}
.editor-page-direction > div {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 27px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.editor-page-direction > div:first-child {
  border-right: 1px solid #E5E5E5;
}
.editor-upload {
  width: 60px;
  height: 60px;
  background: #F7F9FD;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #EEF2F7;
}
.editor-upload:hover {
  background: #E0EFFF;
}
.editor-upload-preview {
  width: 60px;
  height: 60px;
  border-radius: 4px;
  position: relative;
  border: 1px solid transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.editor-upload-preview img {
  width: 100%;
  height: 100%;
}
.editor-upload-preview:hover {
  border: 1px dashed #0E5FD8;
}
.editor-upload-preview-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.4);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  z-index: 10;
}
.print-designer-right-view-background-upload .kdesigner-upload-text-list {
  display: none !important;
}
.colorPicker {
  position: relative;
  height: 100px;
  font-size: 12px;
}
.colorPicker .trigger {
  display: inline-block;
  border-radius: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 25px;
  height: 28px;
  cursor: pointer;
}
.colorPicker .colorPanel {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 244px;
  top: 68px;
  left: -35px;
  z-index: 1;
  background-color: #fff;
  padding-top: 4px;
  padding-left: 4px;
  padding-bottom: 4px;
  border-radius: 2px;
  -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.16);
}
.colorPicker .colorPanel .colors {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.colorPicker .colorPanel .colors .footer {
  padding-right: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.colorPicker .colorPanel .colors .footer .colorInfo {
  height: 16px;
  width: 16px;
  margin-right: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.colorPicker .colorPanel .colors .footer .text {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 4px;
}
.colorPicker .colorPanel .colors .footer .customColorInput {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}
.colorPicker .colorPanel .colors .footer .customColorInput .punctuation {
  color: #6f6f6f;
  pointer-events: none;
  position: absolute;
  left: 4px;
  font-size: 14px;
  line-height: 19px;
}
.colorPicker .colorPanel .colors .footer .customColorInput input {
  padding-left: 12px;
  width: 100%;
}
.colorPicker .colorPanel .colors .colorItem {
  width: 16px;
  height: 16px;
  cursor: pointer;
  margin-right: 4px;
  margin-bottom: 4px;
  border-radius: 2px;
}
.colorPicker .colorPanel .colors .colorItem:hover {
  -webkit-transform: scale(1.2, 1.2);
          transform: scale(1.2, 1.2);
}
.colorPicker .colorPanel .textPanel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-right: 4px;
}
.colorPicker .colorPanel .textPanel .textItme {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 25px;
  line-height: 16px;
  color: #666666;
}
.colorPicker .colorPanel .textPanel .textItme .input {
  height: 20px;
  width: 80px;
  margin-left: 4px;
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
}
.colorPicker .colorPanel .textPanel .textItme .input-disabled {
  cursor: not-allowed;
  outline: none;
}
.colorPicker .colorPanel .textPanel .textItme .input-disabled:focus,
.colorPicker .colorPanel .textPanel .textItme .input-disabled:hover {
  border: 1px solid #ccc !important;
}
.colorPicker .colorPanel .themeBtn {
  color: #666666;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 5px;
}
.colorPicker .colorPanel .themeBtn label {
  margin-right: 4px;
}
.colorPicker .colorPanel .themeBtn input[type='checkbox'] {
  width: 20px;
  height: 20px;
  margin-left: 10px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.navtool-icon {
  width: 16px;
  padding-left: 6px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 2px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.navtool-icon:hover {
  background: #E5E5E5;
}
.navtool-icon:active {
  background: #D9D9D9;
}
.navtool-icon.editor-panel-visible {
  background: #d9d9d9;
}
.navtool-icon.editor-panel-visible:hover {
  background: #E5E5E5;
}
.navtool-icon-arrow:active {
  background: #D9D9D9;
}
.navtool-icon-arrow.editor-panel-visible {
  background: #d9d9d9;
}
.color-picker-editor {
  z-index: 1050;
}
.kdesigner-print-designer-formula-helper-text {
  font-size: 12px;
  color: #666666;
  line-height: 18px;
  margin-top: 8px;
}
.kdesigner-print-designer-formula-helper-text > a {
  font-size: 12px;
  color: #0E5FD8;
  text-decoration: none;
}
.nav-tool-fontsize {
  border: 1px solid #D9D9D9;
  border-radius: 4px;
}
.nav-tool-fontsize input {
  height: 28px;
  border: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  min-height: unset;
  max-height: unset;
  line-height: 18px;
}
.nav-tool-fontsize i {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background: #ffffff;
  width: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 28px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.nav-tool-fontsize i::before {
  position: relative;
  top: 1px;
}
.kdesigner-nav-tool-property-font-size-disabled i {
  color: #b2b2b2;
}
.kdesigner-nav-tool-property-font-size-disabled i::before {
  position: relative;
  top: 1px;
}
.kds-tree-node-tag {
  font-size: 14px;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #212121;
}
.kds-tree-node {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #212121;
}
.kds-tree-node .designericon {
  height: 16px;
}
.kds-tree-tag {
  border-radius: 4px;
  font-size: 12px;
  max-width: 80px;
  min-width: 40px;
  height: 20px;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
}
.kd-datasource-tree {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.kd-datasource-tree .tree-wrap {
  height: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.kd-datasource-tree .kdesigner-tree-root {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.kd-datasource-tree .print-tree-node {
  height: 32px;
  border-radius: 4px;
  font-size: 12px;
}
.kd-datasource-tree .print-tree-node + .print-tree-root {
  margin-top: 8px;
}
.kd-datasource-tree .kdesigner-tree-node-selected {
  background: #F2F9FF !important;
}
.kd-datasource-tree .kdesigner-tree-node-selected .kds-tree-node {
  color: #276FF5 !important;
}
.kd-datasource-tree .kdesigner-checkbox-middle {
  height: 32px;
  background: transparent;
}
.kd-datasource-tree .print-tree-root {
  background: #E2EBFD;
  border-radius: 4px;
  font-size: 14px;
}
.kd-datasource-tree .print-tree-root > div {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: auto;
  background: #E2EBFD;
  border-radius: 4px;
}
.kd-datasource-tree .print-tree-node-children .kds-tree-node {
  color: #666;
}
.kd-datasource-tree .print-tree-node-parent {
  cursor: pointer;
}
.kd-datasource-tree .kdesigner-tree-node-icon {
  color: #666;
}
.left-datasource-modal .left-datasource-empty {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.left-datasource-modal .left-datasource-empty-text {
  height: 21px;
  font-size: 14px;
  color: #999999;
  line-height: 21px;
  margin-top: 8px;
}
.left-datasource-modal .kdesigner-modal-header {
  padding: 10px 20px !important;
  height: 50px !important;
  min-height: 50px !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 1px solid #d9d9d9;
}
.left-datasource-modal .kdesigner-modal-header .kdesigner-modal-close-icon {
  color: #666;
  width: 16px;
  height: 16px;
  font-size: 16px !important;
}
.left-datasource-modal .kdesigner-modal-body {
  margin: 0;
  padding: 20px 20px !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.left-datasource-modal .kdesigner-modal-body .expression-modal-tab-wrapper {
  width: 100%;
  height: 100%;
}
.left-datasource-modal .kdesigner-modal-body .kdesigner-input-wrapper {
  height: 32px;
  min-height: 32px;
  line-height: 32px;
  padding-left: 0;
  padding-right: 0;
  background: #F7F9FD;
  border-color: #EEF2F7;
  border-radius: 4px;
}
.left-datasource-modal .kdesigner-modal-body .kdesigner-input-wrapper.kdesigner-input-wrapper-focused {
  border-color: #5582f3;
}
.left-datasource-modal .kdesigner-modal-body .kdesigner-input-wrapper.kdesigner-input-wrapper-focused .kdesigner-input-suffix {
  background: #fff;
}
.left-datasource-modal .kdesigner-modal-body .kdesigner-input-wrapper:hover {
  border-color: #5582f3;
}
.left-datasource-modal .kdesigner-modal-body .kdesigner-input-wrapper:hover .kdesigner-input:not(.kdesigner-input-disabled) {
  background: #fff;
}
.left-datasource-modal .kdesigner-modal-body .kdesigner-input-wrapper:hover .kdesigner-input:not(.kdesigner-input-disabled) + .kdesigner-input-suffix {
  background: #fff;
}
.left-datasource-modal .kdesigner-modal-body .kdesigner-input-wrapper .kdesigner-input {
  border: none;
}
.left-datasource-modal .kdesigner-modal-body .kdesigner-input-wrapper .kdesigner-input::-webkit-input-placeholder {
  color: #B2B2B2 !important;
}
.left-datasource-modal .kdesigner-modal-body .kdesigner-input-wrapper .kdesigner-input::placeholder,
.left-datasource-modal .kdesigner-modal-body .kdesigner-input-wrapper .kdesigner-input::-webkit-input-placeholder,
.left-datasource-modal .kdesigner-modal-body .kdesigner-input-wrapper .kdesigner-input:-moz-placeholder,
.left-datasource-modal .kdesigner-modal-body .kdesigner-input-wrapper .kdesigner-input::-moz-placeholder,
.left-datasource-modal .kdesigner-modal-body .kdesigner-input-wrapper .kdesigner-input:-ms-input-placeholder {
  color: #B2B2B2 !important;
}
.left-datasource-modal .kdesigner-modal-body .kdesigner-input-wrapper .kdesigner-input.kdesigner-input-disabled + .kdesigner-input-suffix {
  cursor: not-allowed;
  background: #EBEFF5;
}
.left-datasource-modal .kdesigner-modal-body .kdesigner-input-wrapper .kdesigner-input-suffix {
  margin-left: 0;
  padding-left: 4px;
  padding-right: 8px;
  color: #999;
}
.left-datasource-modal .kdesigner-modal-body .kdesigner-input-wrapper .kdesigner-input-suffix .kdicon {
  font-size: 14px;
}
.left-datasource-modal .kdesigner-modal-body .kdesigner-input {
  color: #212121;
  cursor: text;
}
.left-datasource-modal .kdesigner-modal-body .kdesigner-input:not(.kdesigner-input-disabled):focus {
  background: #fff;
}
.left-datasource-modal .kdesigner-modal-body .kdesigner-input:not(.kdesigner-input-disabled):hover {
  background: #fff;
}
.left-datasource-modal .kdesigner-modal-body .kdesigner-input.kdesigner-input-disabled {
  background: #EBEFF5;
  color: #B2B2B2;
  cursor: not-allowed;
}
.left-datasource-modal .kdesigner-modal-body .kdesigner-input-size-middle {
  height: 30px;
  min-height: 30px;
  line-height: 30px;
  padding: 7px 8px;
  background: #F7F9FD;
  border-radius: 4px;
  border: 1px solid #EEF2F7;
  font-size: 12px;
}
.left-datasource-modal .kdesigner-modal-footer {
  position: relative;
  margin: 0;
  border-top: 1px solid #d9d9d9;
  height: 50px !important;
  min-height: 50px !important;
}
.left-datasource-modal .kdesigner-modal-footer .kdesigner-checkbox-default-wrapper-size {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.left-datasource-modal-footer-checkbox {
  position: absolute !important;
  left: 20px;
  top: 15px;
}
.left-datasource-modal-footer-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.left-datasource-modal-cancel-btn {
  margin-right: 12px;
  color: #212121;
}
.expression-modal .left-datasource-empty {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.expression-modal .left-datasource-empty-text {
  height: 21px;
  font-size: 14px;
  color: #999999;
  line-height: 21px;
  margin-top: 8px;
}
.expression-modal .kdesigner-modal-header {
  padding: 10px 20px !important;
  height: 50px !important;
  min-height: 50px !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 1px solid #d9d9d9;
}
.expression-modal .kdesigner-modal-header .kdesigner-modal-close-icon {
  color: #666;
  width: 16px;
  height: 16px;
  font-size: 16px !important;
}
.expression-modal .kdesigner-modal-body {
  margin: 0 !important;
  padding: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.expression-modal .kdesigner-modal-body .kdesigner-link-text {
  text-decoration: none;
}
.expression-modal .kdesigner-modal-body .kdesigner-tabs-navs-dynamic {
  background-color: white;
}
.expression-modal .kdesigner-modal-body .expression-modal-new-tag {
  margin-left: 6px;
  border-radius: 2px;
  border: 1px solid #FF5F1F;
  font-size: 12px;
  color: #FF5F1F;
  line-height: 12px;
}
.expression-modal .kdesigner-modal-body .expression-modal-tab-wrapper {
  width: 100%;
  height: 100%;
  padding: 0 20px 20px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.expression-modal .kdesigner-modal-body .expression-modal-tab-wrapper .kdesigner-active-line {
  bottom: 1px;
}
.expression-modal .kdesigner-modal-body .expression-modal-tab-wrapper .kdesigner-tabs-navs {
  border-bottom: none;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.expression-modal .kdesigner-modal-body .expression-modal-tab-wrapper .kdesigner-tab-pane {
  min-width: 92px;
  margin-right: 0;
}
.expression-modal .kdesigner-modal-body .expression-modal-tab-wrapper .kdesigner-tab-pane-text {
  width: 100%;
  text-align: center;
  font-size: 14px;
}
.expression-modal .kdesigner-modal-body .expression-modal-tab-wrapper .kdesigner-tabs-tab-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.expression-modal .kdesigner-modal-body .expression-modal-tab-wrapper .kdesigner-tabs-tab-list {
  position: relative;
}
.expression-modal .kdesigner-modal-body .expression-modal-tab-wrapper .body-left {
  height: 100%;
  padding-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.expression-modal .kdesigner-modal-body .expression-modal-tab-wrapper .body-right {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.expression-modal .kdesigner-modal-body .expression-modal-tab-wrapper .body-right .block-title {
  color: #212121;
  height: 40px;
  line-height: 40px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  border-bottom: 1px solid #E5E5E5;
  padding: 0 8px;
}
.expression-modal .kdesigner-modal-body .expression-modal-tab-wrapper .body-right .editor-area {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 262px;
          flex: 0 0 262px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.expression-modal .kdesigner-modal-body .expression-modal-tab-wrapper .body-right .editor-toolbar {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40px;
          flex: 0 0 40px;
  border-bottom: 1px solid #e5e5e5;
  padding: 0 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.expression-modal .kdesigner-modal-body .expression-modal-tab-wrapper .body-right .editor-toolbar span {
  display: inline-block;
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  cursor: pointer;
  color: #404040;
}
.expression-modal .kdesigner-modal-body .expression-modal-tab-wrapper .body-right .editor-toolbar span .kdicon {
  font-size: 14px;
}
.expression-modal .kdesigner-modal-body .expression-modal-tab-wrapper .body-right .editor-toolbar span:hover {
  color: #5582f3;
}
.expression-modal .kdesigner-modal-body .expression-modal-tab-wrapper .body-right .editor {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.expression-modal .kdesigner-modal-body .expression-modal-tab-wrapper .body-right .editor .editor-bottom {
  padding: 0 15px;
  margin-bottom: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.expression-modal .kdesigner-modal-body .expression-modal-tab-wrapper .body-right .editor .verify-btn {
  display: inline-block;
  padding: 0 6px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  border-radius: 4px;
  border: 1px solid #276FF5;
  color: #276FF5;
  font-size: 12px;
  cursor: pointer;
}
.expression-modal .kdesigner-modal-body .expression-modal-tab-wrapper .body-right .editor .verify-btn.disabled {
  background-color: #f5f5f5 !important;
  border-color: #b2b2b2 !important;
  color: #b2b2b2 !important;
  cursor: not-allowed;
}
.expression-modal .kdesigner-modal-body .expression-modal-tab-wrapper .body-right .editor #slate-editor {
  width: 100%;
  padding: 7px 15px 0 15px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 14px;
  line-height: 22px;
  word-break: break-all;
  word-wrap: break-word;
}
.expression-modal .kdesigner-modal-body .expression-modal-tab-wrapper .body-right .editor #slate-editor span[data-slate-placeholder] {
  font-size: 12px;
  color: #B2B2B2;
  line-height: 18px;
  top: 8px !important;
  left: 16px;
}
.expression-modal .kdesigner-modal-body .expression-modal-tab-wrapper .body-right .description-area {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 12px 16px;
  border-top: 1px solid #E5E5E5;
}
.expression-modal .kdesigner-modal-body .expression-modal-tab-wrapper .body-right .description-area .description-content {
  width: 100%;
  height: 100%;
  color: #666;
  font-size: 12px;
  line-height: 20px;
  white-space: pre-wrap;
}
.expression-modal .kdesigner-modal-body .expression-modal-tab-wrapper .body-right .description-area .description-title {
  font-size: 14px;
  line-height: 21px;
  color: #212121;
  margin-bottom: 8px;
  font-weight: 400;
}
.expression-modal .kdesigner-modal-body .expression-modal-tab-wrapper .body-right .description-area .kdesigner-alert {
  position: absolute;
  margin-top: 0;
  left: 0;
  right: 0;
  top: 0;
}
.expression-modal .kdesigner-modal-body .expression-modal-tab-wrapper .body-right .description-area .kdesigner-alert-message {
  white-space: pre-wrap;
  max-height: 100px;
  overflow: auto;
}
.expression-modal .kdesigner-modal-body .expression-modal-tab-wrapper .body-right .block-main {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 8px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.expression-modal .kdesigner-modal-body .expression-modal-tab-wrapper .body-right .block-main .expression-item {
  height: auto;
  max-height: 64px;
}
.expression-modal .kdesigner-modal-body .expression-modal-tab-wrapper .body-right .expression-left {
  width: 224px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 224px;
          flex: 0 0 224px;
  border: 1px solid #E5E5E5;
  overflow-x: hidden;
  overflow-y: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}
.expression-modal .kdesigner-modal-body .expression-modal-tab-wrapper .body-right .expression-right {
  width: 224px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 224px;
          flex: 0 0 224px;
  border: 1px solid #E5E5E5;
  overflow-y: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}
.expression-modal .kdesigner-modal-body .expression-modal-tab-wrapper .body-right .expression-main {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 0 14px;
  border: 1px solid #E5E5E5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}
.expression-modal .kdesigner-modal-body .kdesigner-input-wrapper {
  height: 32px;
  min-height: 32px;
  line-height: 32px;
  padding-left: 0;
  padding-right: 0;
  background: #F7F9FD;
  border-color: #EEF2F7;
  border-radius: 4px;
}
.expression-modal .kdesigner-modal-body .kdesigner-input-wrapper.kdesigner-input-wrapper-focused {
  border-color: #5582f3;
}
.expression-modal .kdesigner-modal-body .kdesigner-input-wrapper.kdesigner-input-wrapper-focused .kdesigner-input-suffix {
  background: #fff;
}
.expression-modal .kdesigner-modal-body .kdesigner-input-wrapper:hover {
  border-color: #5582f3;
}
.expression-modal .kdesigner-modal-body .kdesigner-input-wrapper:hover .kdesigner-input:not(.kdesigner-input-disabled) {
  background: #fff;
}
.expression-modal .kdesigner-modal-body .kdesigner-input-wrapper:hover .kdesigner-input:not(.kdesigner-input-disabled) + .kdesigner-input-suffix {
  background: #fff;
}
.expression-modal .kdesigner-modal-body .kdesigner-input-wrapper .kdesigner-input {
  border: none;
}
.expression-modal .kdesigner-modal-body .kdesigner-input-wrapper .kdesigner-input::-webkit-input-placeholder {
  color: #B2B2B2 !important;
}
.expression-modal .kdesigner-modal-body .kdesigner-input-wrapper .kdesigner-input::placeholder,
.expression-modal .kdesigner-modal-body .kdesigner-input-wrapper .kdesigner-input::-webkit-input-placeholder,
.expression-modal .kdesigner-modal-body .kdesigner-input-wrapper .kdesigner-input:-moz-placeholder,
.expression-modal .kdesigner-modal-body .kdesigner-input-wrapper .kdesigner-input::-moz-placeholder,
.expression-modal .kdesigner-modal-body .kdesigner-input-wrapper .kdesigner-input:-ms-input-placeholder {
  color: #B2B2B2 !important;
}
.expression-modal .kdesigner-modal-body .kdesigner-input-wrapper .kdesigner-input.kdesigner-input-disabled + .kdesigner-input-suffix {
  cursor: not-allowed;
  background: #EBEFF5;
}
.expression-modal .kdesigner-modal-body .kdesigner-input-wrapper .kdesigner-input-suffix {
  margin-left: 0;
  padding-left: 4px;
  padding-right: 8px;
  color: #999;
}
.expression-modal .kdesigner-modal-body .kdesigner-input-wrapper .kdesigner-input-suffix .kdicon {
  font-size: 14px;
}
.expression-modal .kdesigner-modal-body .kdesigner-input {
  color: #212121;
  cursor: text;
}
.expression-modal .kdesigner-modal-body .kdesigner-input:not(.kdesigner-input-disabled):focus {
  background: #fff;
}
.expression-modal .kdesigner-modal-body .kdesigner-input:not(.kdesigner-input-disabled):hover {
  background: #fff;
}
.expression-modal .kdesigner-modal-body .kdesigner-input.kdesigner-input-disabled {
  background: #EBEFF5;
  color: #B2B2B2;
  cursor: not-allowed;
}
.expression-modal .kdesigner-modal-body .kdesigner-input-size-middle {
  height: 30px;
  min-height: 30px;
  line-height: 30px;
  padding: 7px 8px;
  background: #F7F9FD;
  border-radius: 4px;
  border: 1px solid #EEF2F7;
  font-size: 12px;
}
.expression-modal .kdesigner-modal-footer {
  position: relative;
  margin: 0 !important;
  border-top: 1px solid #d9d9d9;
  height: 50px !important;
  min-height: 50px !important;
}
.expression-modal .kdesigner-modal-footer .kdesigner-checkbox-default-wrapper-size {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.expression-modal-footer-checkbox {
  position: absolute !important;
  left: 20px;
  top: 15px;
}
.expression-modal-footer-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.expression-modal-cancel-btn {
  margin-right: 12px;
  color: #212121;
}
.kd-expression-tree-wrap {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}
.kd-expression-tree-wrap .kd-expression-tree {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: auto;
}
.kd-expression-tree-wrap .kd-expression-tree .kdesigner-collapse-panel-top {
  padding: 0;
  height: 32px;
  line-height: 32px;
}
.kd-expression-tree-wrap .kd-expression-tree .kdesigner-collapse-panel-top .kdesigner-collapse-panel-header {
  font-size: 14px;
}
.kd-expression-tree-wrap .kd-expression-tree .kdesigner-collapse-panel-children,
.kd-expression-tree-wrap .kd-expression-tree .kdesigner-collapse-panel-children-hide {
  padding: 0;
}
.kd-expression-tree-wrap .kd-expression-tree .kdesigner-collapse-panel-children .expression-item,
.kd-expression-tree-wrap .kd-expression-tree .kdesigner-collapse-panel-children-hide .expression-item {
  padding-left: 42px;
  line-height: 32px;
  border-radius: 4px;
  color: #666;
  cursor: pointer;
}
.kd-expression-tree-wrap .kd-expression-tree .kdesigner-collapse-panel-children .expression-item.is-active,
.kd-expression-tree-wrap .kd-expression-tree .kdesigner-collapse-panel-children-hide .expression-item.is-active {
  background: #F2F9FF;
  color: #276FF5;
}
.kd-expression-tree-wrap .kd-expression-tree .kdesigner-collapse-panel-children .expression-item:not(.is-active):hover,
.kd-expression-tree-wrap .kd-expression-tree .kdesigner-collapse-panel-children-hide .expression-item:not(.is-active):hover {
  background: #F5F5F5;
  color: #666;
}
.change-lang-modal .kdesigner-modal-header {
  padding: 10px 20px !important;
  height: 50px !important;
  min-height: 50px !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: none !important;
}
.change-lang-modal .kdesigner-modal-header .kdesigner-modal-close-icon {
  color: #666;
  width: 16px;
  height: 16px;
  font-size: 16px !important;
}
.change-lang-modal .kdesigner-modal-body .change-lang-body-empty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.change-lang-modal .kdesigner-modal-body .change-lang-body-empty-text {
  text-align: center;
  color: #212121;
  line-height: 24px;
  font-size: 16px;
  margin-top: 12px;
}
.change-lang-modal .kdesigner-modal-footer {
  position: relative;
  margin: 0;
  border-top: none !important;
}
.change-lang-modal-footer-btns .kdesigner-btn {
  width: 88px;
  height: 32px;
}
.change-lang-modal-cancel-btn {
  margin-right: 20px;
  color: #212121;
}
.grid-title {
  position: absolute;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
.grid-title-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  outline: none;
  background: #E0EFFF;
  border: 1px solid #D9D9D9;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.grid-title-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  outline: none;
  background: #E0EFFF;
  border: 1px solid #D9D9D9;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.grid-title-row,
.grid-title-column {
  border: none;
}
.grid-title-cell {
  color: #212121;
  font-size: 12px;
  line-height: 18px;
}
.grid-title-cell,
.grid-title-frozen-cell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  outline: none;
  background: #E0EFFF;
  border: 1px solid #D9D9D9;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.grid-title-cell-text {
  pointer-events: none;
  white-space: pre-wrap;
  text-align: center;
}
.grid-title-cell-selectable {
  background: #0E5FD8;
  border: 1px solid #0E5FD8;
  opacity: 0.8;
}
.grid-title-cell-selectable span {
  color: #fff;
}
.grid-title-cell-row-next-selectable {
  border-bottom: 1px solid #0E5FD8;
}
.grid-title-cell-column-next-selectable {
  border-right: 1px solid #0E5FD8;
}
.grid-title-frozen-cell {
  cursor: auto;
}
.grid-title-frozen-cell-line {
  height: 0;
  border-bottom: 1px solid #D9D9D9;
  position: absolute;
  -webkit-transform: rotate(-160deg);
          transform: rotate(-160deg);
}
.grid-title-column-drag-line,
.grid-title-row-drag-line {
  pointer-events: none;
  background: #0E5FD8;
  position: absolute;
  z-index: 1050;
}
.grid-title-row-drag-line {
  display: none;
  height: 2px;
  left: 0;
  right: 0;
}
.grid-title-column-drag-line {
  display: none;
  width: 2px;
  top: 0;
  bottom: 0;
}
.grid-title-cell:last-child {
  background: red;
  border-bottom: none;
}
.grid-title-line {
  position: absolute;
}
.grid-title-common-style {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  outline: none;
  background: #E0EFFF;
  border: 1px solid #D9D9D9;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.grid-title-subgrid-right,
.grid-title-subgrid-bottom {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #F7F9FD;
  border-radius: 2px;
  color: #212121;
  font-size: 12px;
}
.grid-title-subgrid-right:hover,
.grid-title-subgrid-bottom:hover {
  color: #276FF5;
  cursor: pointer;
}
.grid-context-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  min-width: 120px;
  max-width: 600px;
  padding: 8px 0;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  z-index: 1050;
  overflow: hidden;
}
.grid-context-menu.unvisible {
  visibility: hidden;
}
.grid-context-menu span {
  display: block;
  height: 32px;
  line-height: 32px;
  padding-left: 12px;
  padding-right: 12px;
  color: #212121;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.grid-context-menu span:hover {
  background: #F5F5F5;
}
.print-grid-action-guide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  width: auto;
  padding: 0 10px;
  min-height: 38px;
  background: #FFFFFF;
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
  font-size: 12px;
  color: #212121;
  line-height: 18px;
}
.print-grid-action-guide::after {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  left: 10px;
  bottom: -12px;
  border: 6px solid;
  border-color: #FFFFFF transparent transparent transparent;
}
.grid-guide-modal .left-datasource-empty {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.grid-guide-modal .left-datasource-empty-text {
  height: 21px;
  font-size: 14px;
  color: #999999;
  line-height: 21px;
  margin-top: 8px;
}
.grid-guide-modal .kdesigner-modal-header {
  padding: 10px 20px !important;
  height: 50px !important;
  min-height: 50px !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: none !important;
}
.grid-guide-modal .kdesigner-modal-header .kdesigner-modal-close-icon {
  color: #666;
  width: 16px;
  height: 16px;
  font-size: 16px !important;
}
.grid-guide-modal .kdesigner-modal-footer {
  position: relative;
  margin: 0 !important;
  height: 50px !important;
  min-height: 50px !important;
  border-top: none !important;
}
.grid-guide-modal .kdesigner-modal-footer .grid-guide-modal-footer-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.grid-guide-modal .kdesigner-modal-footer .grid-guide-modal-footer-checkbox {
  position: absolute !important;
  left: 20px;
  top: 15px;
}
.grid-guide-modal .kdesigner-modal-footer .grid-guide-modal-cancel-btn {
  color: #212121;
}
.grid-guide-modal .kdesigner-modal-footer .kdesigner-btn + .kdesigner-btn {
  margin-left: 12px;
}
.grid-guide-modal .kdesigner-modal-body {
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.grid-guide-modal .grid-guide-body {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.grid-guide-modal .grid-guide-body .left-datasource-empty {
  margin-top: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.grid-guide-modal .grid-guide-body .left-datasource-empty-text {
  height: 21px;
  font-size: 14px;
  color: #999999;
  line-height: 21px;
  margin-top: 8px;
}
.grid-guide-modal .grid-guide-body-alert {
  position: absolute;
  top: 0;
  margin-top: 0;
}
.grid-guide-modal .grid-guide-body-left {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px 20px 0 20px;
  border-right: 1px solid #d9d9d9;
  width: 460px;
  overflow: hidden;
}
.grid-guide-modal .grid-guide-body-left .kdesigner-input-wrapper {
  height: 32px;
  min-height: 32px;
  line-height: 32px;
  padding-left: 0;
  padding-right: 0;
  background: #F7F9FD;
  border-color: #EEF2F7;
  border-radius: 4px;
}
.grid-guide-modal .grid-guide-body-left .kdesigner-input-wrapper:not(.kdesigner-input-wrapper-disabled):hover {
  border-color: #5582f3;
}
.grid-guide-modal .grid-guide-body-left .kdesigner-input-wrapper.kdesigner-input-wrapper-focused {
  border-color: #5582f3;
}
.grid-guide-modal .grid-guide-body-left .kdesigner-input-wrapper.kdesigner-input-wrapper-focused .kdesigner-input-suffix {
  background: #fff;
}
.grid-guide-modal .grid-guide-body-left .kdesigner-input-wrapper:hover .kdesigner-input:not(.kdesigner-input-disabled) {
  background: #fff;
}
.grid-guide-modal .grid-guide-body-left .kdesigner-input-wrapper:hover .kdesigner-input:not(.kdesigner-input-disabled) + .kdesigner-input-suffix {
  background: #fff;
}
.grid-guide-modal .grid-guide-body-left .kdesigner-input-wrapper .kdesigner-input {
  border: none;
}
.grid-guide-modal .grid-guide-body-left .kdesigner-input-wrapper .kdesigner-input::-webkit-input-placeholder {
  color: #B2B2B2 !important;
}
.grid-guide-modal .grid-guide-body-left .kdesigner-input-wrapper .kdesigner-input::placeholder,
.grid-guide-modal .grid-guide-body-left .kdesigner-input-wrapper .kdesigner-input::-webkit-input-placeholder,
.grid-guide-modal .grid-guide-body-left .kdesigner-input-wrapper .kdesigner-input:-moz-placeholder,
.grid-guide-modal .grid-guide-body-left .kdesigner-input-wrapper .kdesigner-input::-moz-placeholder,
.grid-guide-modal .grid-guide-body-left .kdesigner-input-wrapper .kdesigner-input:-ms-input-placeholder {
  color: #B2B2B2 !important;
}
.grid-guide-modal .grid-guide-body-left .kdesigner-input-wrapper .kdesigner-input.kdesigner-input-disabled + .kdesigner-input-suffix {
  cursor: not-allowed;
  background: #EBEFF5;
}
.grid-guide-modal .grid-guide-body-left .kdesigner-input-wrapper .kdesigner-input-suffix {
  margin-left: 0;
  padding-left: 4px;
  padding-right: 8px;
  color: #999;
}
.grid-guide-modal .grid-guide-body-left .kdesigner-input-wrapper .kdesigner-input-suffix .kdicon {
  font-size: 14px;
}
.grid-guide-modal .grid-guide-body-left .kdesigner-select-size-middle {
  height: 32px;
  min-height: 32px;
  line-height: 32px;
  padding-left: 8px;
  background: #F7F9FD;
  border-radius: 4px;
  border: 1px solid #EEF2F7;
}
.grid-guide-modal .grid-guide-body-left .kdesigner-select-size-middle.kdesigner-select-single-focused {
  background: #fff;
}
.grid-guide-modal .grid-guide-body-left .kdesigner-select-size-middle .kdesigner-select-single-text {
  color: #212121;
}
.grid-guide-modal .grid-guide-body-left .kdesigner-input-size-middle {
  height: 30px;
  min-height: 30px;
  line-height: 30px;
  padding: 7px 8px;
  background: #F7F9FD;
  border-radius: 4px;
  border: 1px solid #EEF2F7;
  font-size: 12px;
}
.grid-guide-modal .grid-guide-body-left .kdesigner-input {
  color: #212121;
  cursor: text;
}
.grid-guide-modal .grid-guide-body-left .kdesigner-input:not(.kdesigner-input-disabled):focus {
  background: #fff;
}
.grid-guide-modal .grid-guide-body-left .kdesigner-input:not(.kdesigner-input-disabled):hover {
  background: #fff;
}
.grid-guide-modal .grid-guide-body-left .kdesigner-input.kdesigner-input-disabled {
  background: #EBEFF5;
  color: #B2B2B2;
  cursor: not-allowed;
}
.grid-guide-modal .grid-guide-body-left .kdesigner-input-size-middle {
  font-size: 12px !important;
  padding: 7px 8px !important;
}
.grid-guide-modal .grid-guide-body-right {
  width: 227px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  padding: 22px 12px 0 12px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.grid-guide-modal .grid-guide-body-right .right-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 20px;
  font-size: 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-bottom: 18px;
}
.grid-guide-modal .grid-guide-body-right .right-header .total {
  color: #666;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.grid-guide-modal .grid-guide-body-right .right-header .clear-all {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #0E5FD8;
  padding-right: 8px;
  cursor: pointer;
}
.grid-guide-modal .grid-guide-body-right .right-header .clear-all.disabled {
  color: #666;
  cursor: not-allowed;
}
.grid-guide-modal .grid-guide-body-right .checked-list {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: auto;
}
.grid-guide-modal .grid-guide-body-right .checked-list .checked-item.is-active {
  border-color: #5582F3;
}
.grid-guide-modal .grid-guide-body-right .checked-list .checked-item.is-active i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.grid-guide-modal .grid-guide-body-right .checked-list .checked-item {
  height: 24px;
  border: 1px solid transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 4px;
  cursor: move;
}
.grid-guide-modal .grid-guide-body-right .checked-list .checked-item .item-name {
  line-height: 24px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0 8px;
  color: #212121;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.grid-guide-modal .grid-guide-body-right .checked-list .checked-item i {
  width: 24px;
  height: 24px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: #5582F3;
  color: #fff;
  cursor: pointer;
  display: none;
}
.grid-guide-modal .grid-guide-body-right .checked-list .checked-item + .checked-item {
  margin-top: 8px;
}
.fileNameRoot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 16px 16px 0 20px;
}
.fileNameRoot .fileName {
  margin-bottom: 4px;
  font-size: 12px;
  color: #666666;
}
.fileNameRoot .count {
  position: absolute;
  top: 155px;
  right: 16px;
}
.fileNameRoot .helpText {
  height: 20px;
  margin-bottom: 4px;
  margin-right: 16px;
  font-size: 12px;
  color: #666666;
  position: absolute;
  top: 205px;
}
.editor {
  height: 68px;
  background: #F7F9FD;
  border: 1px solid #eef2f7;
  border-radius: 4px;
  padding: 7px;
}
.editor #slate-editor {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 14px;
  line-height: 22px;
  word-break: break-all;
  word-wrap: break-word;
  height: 100%;
}
.kdesigner-dropdown {
  min-width: 260px !important;
}
.kdesigner-dropdown ::-webkit-scrollbar-track {
  margin-top: 38px !important;
}
.kdesigner-dropdown .noData {
  width: 100%;
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 56px;
}
#kdPrintDesignerFileNameList .searchInput {
  position: absolute;
  width: 100%;
  top: 0;
  background-color: #fff;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#kdPrintDesignerFileNameList .searchInput input {
  margin: 8px 25px 8px 8px;
}
#kdPrintDesignerFileNameList .searchInput .image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  right: 14px;
  top: 15px;
}
#kdPrintDesignerFileNameList .searchInput .image img {
  width: 16px;
}
.firstItem {
  margin-top: 42px;
}
.grid-guide-body-alert {
  position: absolute;
  top: 1px;
  height: 48px;
  -ms-flex-item-align: center;
      align-self: center;
}
.grid-guide-body-alert .kdesigner-alert-message {
  max-width: 264px;
  display: block;
}
.grid-settings-modal .kdesigner-modal-header {
  height: 50px !important;
  min-height: 50px !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 0 !important;
  border-bottom: none !important;
}
.grid-settings-modal .kdesigner-modal-header .kdesigner-modal-close-icon {
  color: #666;
  width: 16px;
  height: 16px;
  font-size: 16px !important;
}
.grid-settings-modal .kdesigner-modal-footer {
  height: 50px !important;
  min-height: 50px !important;
  border-top: none !important;
}
.grid-settings-modal .kdesigner-modal-footer .grid-settings-modal-footer-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.grid-settings-modal .kdesigner-modal-footer .kdesigner-btn.kdesigner-btn-second {
  color: #212121;
}
.grid-settings-modal .kdesigner-modal-footer .kdesigner-btn + .kdesigner-btn {
  margin-left: 12px;
}
.grid-settings-modal .kdesigner-modal-body {
  margin: 0 !important;
  padding: 30px !important;
  overflow: hidden;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.grid-settings-modal .grid-settings-body-alert {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 0;
}
.grid-settings-modal .grid-settings-body .kdesigner-input {
  color: #212121;
  cursor: text;
}
.grid-settings-modal .grid-settings-body .kdesigner-input:not(.kdesigner-input-disabled):focus {
  background: #fff;
}
.grid-settings-modal .grid-settings-body .kdesigner-input:not(.kdesigner-input-disabled):hover {
  background: #fff;
  border-color: #5582f3;
}
.grid-settings-modal .grid-settings-body .kdesigner-input.kdesigner-input-disabled {
  background: #EBEFF5;
  color: #B2B2B2;
  cursor: not-allowed;
}
.grid-settings-modal .grid-settings-body .kdesigner-input::-webkit-input-placeholder {
  color: #B2B2B2 !important;
}
.grid-settings-modal .grid-settings-body .kdesigner-input::placeholder,
.grid-settings-modal .grid-settings-body .kdesigner-input::-webkit-input-placeholder,
.grid-settings-modal .grid-settings-body .kdesigner-input:-moz-placeholder,
.grid-settings-modal .grid-settings-body .kdesigner-input::-moz-placeholder,
.grid-settings-modal .grid-settings-body .kdesigner-input:-ms-input-placeholder {
  color: #B2B2B2 !important;
}
.grid-settings-modal .grid-settings-body .kdesigner-input-wrapper {
  height: 32px;
  min-height: 32px;
  line-height: 32px;
  padding-left: 8px;
  padding-right: 0;
  background: #F7F9FD;
  border-color: #EEF2F7;
  border-radius: 4px;
}
.grid-settings-modal .grid-settings-body .kdesigner-input-wrapper:not(.kdesigner-input-wrapper-disabled):hover {
  border-color: #5582f3;
}
.grid-settings-modal .grid-settings-body .kdesigner-input-wrapper.kdesigner-input-wrapper-focused {
  border-color: #5582f3;
}
.grid-settings-modal .grid-settings-body .kdesigner-input-wrapper.kdesigner-input-wrapper-focused .kdesigner-input-suffix {
  background: #fff;
}
.grid-settings-modal .grid-settings-body .kdesigner-input-wrapper:hover .kdesigner-input:not(.kdesigner-input-disabled) {
  background: #fff;
}
.grid-settings-modal .grid-settings-body .kdesigner-input-wrapper:hover .kdesigner-input:not(.kdesigner-input-disabled) + .kdesigner-input-suffix {
  background: #fff;
}
.grid-settings-modal .grid-settings-body .kdesigner-input-wrapper .kdesigner-input {
  border: none;
}
.grid-settings-modal .grid-settings-body .kdesigner-input-wrapper .kdesigner-input.kdesigner-input-disabled + .kdesigner-input-suffix {
  cursor: not-allowed;
  background: #EBEFF5;
  color: #b2b2b2;
}
.grid-settings-modal .grid-settings-body .kdesigner-input-wrapper .kdesigner-input-suffix {
  margin-left: 0;
  padding-left: 4px;
  padding-right: 8px;
  color: #999;
}
.grid-settings-modal .grid-settings-body .kdesigner-input-wrapper .kdesigner-input-suffix .kdicon {
  font-size: 14px;
}
.grid-settings-modal .grid-settings-body .kdesigner-input-size-middle,
.grid-settings-modal .grid-settings-body .kdesigner-select-size-middle {
  height: 32px;
  min-height: 32px;
  line-height: 32px;
  padding-left: 8px;
  background: #F7F9FD;
  border-radius: 4px;
  border: 1px solid #EEF2F7;
}
.grid-settings-modal .grid-settings-body .kdesigner-input-size-middle.kdesigner-select-single-focused,
.grid-settings-modal .grid-settings-body .kdesigner-select-size-middle.kdesigner-select-single-focused {
  background: #fff;
}
.grid-settings-modal .grid-settings-body .kdesigner-input-size-middle .kdesigner-select-single-text,
.grid-settings-modal .grid-settings-body .kdesigner-select-size-middle .kdesigner-select-single-text {
  color: #212121;
}
.grid-settings-modal .grid-settings-body .kdesigner-input-size-middle .kdesigner-select-icon-arrow,
.grid-settings-modal .grid-settings-body .kdesigner-select-size-middle .kdesigner-select-icon-arrow {
  color: #999;
}
.grid-settings-modal .grid-settings-body .kdesigner-input-wrapper {
  padding-left: 0;
}
.grid-settings-modal .grid-settings-body .grid-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
}
.grid-settings-modal .grid-settings-body .grid-info .grid-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.grid-settings-modal .grid-settings-body .grid-info .grid-input .label {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #212121;
  font-size: 12px;
  margin-right: 12px;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.grid-settings-modal .grid-settings-body .grid-info .grid-input .kdesigner-input-underline {
  border: 1px solid #e5e5e5;
}
.grid-settings-modal .grid-settings-body .grid-info .grid-input .kdesigner-inputNumber {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 3px 9px  !important;
  border-right-width: 1px;
}
.grid-settings-modal .grid-settings-body .grid-info .grid-input .kdesigner-inputNumber:hover {
  background-color: #fff;
  border-color: #5582f3;
}
.grid-settings-modal .grid-settings-body .grid-main {
  position: relative;
  margin-top: 20px;
}
.grid-settings-modal .grid-settings-body .grid-main .exceed-cell {
  position: absolute;
  text-align: center;
  line-height: 30px;
  bottom: 2px;
  left: 0;
  right: 0;
  font-size: 14px;
  color: #0E5FD8;
}
.grid-settings-modal .grid-settings-body .grid-main .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.grid-settings-modal .grid-settings-body .grid-main .row + .row {
  margin-top: 8px;
}
.grid-settings-modal .grid-settings-body .grid-main .row .cell {
  position: relative;
  width: 27px;
  height: 27px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
  color: #0E5FD8;
}
.grid-settings-modal .grid-settings-body .grid-main .row .cell.active {
  background: #99CCFF;
  border-color: #0E5FD8;
}
.grid-settings-modal .grid-settings-body .grid-main .row .cell.hover {
  background: #f5f5f5;
  border-color: #d9d9d9;
}
.print-guide-content {
  font-size: 14px;
  color: #333333;
  line-height: 22px;
}
.print-guide-title {
  font-size: 14px;
  color: #666666;
  line-height: 22px;
  height: 43px;
}
.print-guide-skip {
  font-size: 12px;
  color: #999999;
  line-height: 22px;
}
.print-guide-progress {
  font-size: 12px;
  color: #999999;
  line-height: 22px;
}
.print-guide-card {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 320px;
  min-height: 144px;
  padding: 16px 20px;
  background: #FFFFFF;
  -webkit-box-shadow: 0 2px 10px 0 rgba(57, 75, 115, 0.25);
          box-shadow: 0 2px 10px 0 rgba(57, 75, 115, 0.25);
  border-radius: 4px;
}
.print-guide-card .driver-popover-description {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.print-guide-card .driver-popover-footer {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.print-guide-card .driver-close-btn {
  position: absolute;
  top: 12px;
  right: 20px;
  font-size: 12px !important;
  color: #999999 !important;
  line-height: 22px !important;
  border: none !important;
  background: transparent !important;
}
.print-guide-card .driver-prev-btn,
.print-guide-card .driver-next-btn {
  min-width: 60px;
  height: 28px;
  background: #5582F3 !important;
  border-radius: 2px !important;
  color: #FFFFFF !important;
  text-shadow: none !important;
}
.print-guide-card .print-guide-ball-shape {
  position: absolute;
  left: 330px;
  border: 100px;
  top: 36px;
  background: #ffffff;
  width: 8px;
  height: 8px;
  border-radius: 8px;
}
.print-guide-card .print-guide-line-shape {
  position: absolute;
  left: 300px;
  top: 39px;
  background: #ffffff;
  width: 36px;
  height: 2px;
  border-radius: 8px;
}
.print-guide-card .driver-popover-tip {
  display: none !important;
}
.commonLeftPosition {
  top: 120px !important;
  left: 318px !important;
}
.commonLeftPosition .print-guide-ball-shape {
  left: -36px;
}
.commonLeftPosition .print-guide-line-shape {
  left: -36px;
}
.commonRightPosition {
  top: 120px !important;
  right: 318px !important;
  left: unset !important;
}
.print-guide-mock-image-print-setting,
.print-guide-mock-image-control,
.print-guide-mock-image-property,
.print-guide-mock-image-datasource {
  width: 281px;
}
.print-guide-mock-image-print-setting img,
.print-guide-mock-image-control img,
.print-guide-mock-image-property img,
.print-guide-mock-image-datasource img {
  width: 100%;
}
.print-guide-card.print-guide-mock-image-toolbar {
  height: 43px;
}
.print-guide-card.print-guide-mock-image-toolbar img {
  height: 100%;
}
.print-guide-card.print-guide-mock-image-print-setting-card {
  top: 120px !important;
  right: 318px !important;
  left: unset !important;
}
.print-guide-card.print-guide-mock-image-control-card {
  top: 120px !important;
  left: 318px !important;
}
.print-guide-card.print-guide-mock-image-control-card .print-guide-ball-shape {
  left: -36px;
}
.print-guide-card.print-guide-mock-image-control-card .print-guide-line-shape {
  left: -36px;
}
.print-guide-card.print-guide-mock-image-property-card {
  top: 120px !important;
  right: 318px !important;
  left: unset !important;
}
.print-guide-card.print-guide-mock-image-toolbar-card,
.print-guide-card.kdesigner-top-view-main-card {
  top: 125px !important;
  left: 581px !important;
}
.print-guide-card.print-guide-mock-image-toolbar-card .print-guide-ball-shape,
.print-guide-card.kdesigner-top-view-main-card .print-guide-ball-shape {
  position: absolute;
  left: 29px;
  border: 100px;
  top: -32px;
  background: #ffffff;
  width: 8px;
  height: 8px;
  border-radius: 8px;
}
.print-guide-card.print-guide-mock-image-toolbar-card .print-guide-line-shape,
.print-guide-card.kdesigner-top-view-main-card .print-guide-line-shape {
  position: absolute;
  left: 32px;
  top: -28px;
  background: #ffffff;
  width: 2px;
  height: 32px;
  border-radius: 8px;
}
.print-guide-card.print-guide-mock-image-datasource-card {
  top: 120px !important;
  left: 318px !important;
}
.print-guide-card.print-guide-mock-image-datasource-card .print-guide-ball-shape {
  left: -36px;
}
.print-guide-card.print-guide-mock-image-datasource-card .print-guide-line-shape {
  left: -36px;
}
.print-guide-card.print-guide-mock-image-datasource-card .print-guide-ball-shape {
  left: -20px;
}
.print-guide-card.print-guide-mock-image-datasource-card .print-guide-line-shape {
  left: -20px;
}
.print-guide-first-card .driver-disabled {
  display: none !important;
}
.print-guide-mask {
  background: #000000;
  opacity: 0.65;
}
.print-guide-layer-mask {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.kdesigner-text-editor::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}
.print-designer-main-view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.print-designer-root {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  width: 100%;
  outline: none;
}
.print-designer-root input[type="number"] {
  -moz-appearance: textfield;
}
.print-designer-root input[type="number"]:hover,
.print-designer-root input[type="number"]:focus {
  -moz-appearance: auto;
}
.print-designer-root-main {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.print-designer-paper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: top;
          transform-origin: top;
  -ms-interpolation-mode: nearest-neighbor;
      image-rendering: -webkit-optimize-contrast;
      image-rendering: pixelated;
  overflow: hidden;
}
.print-designer-main-view {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 1px solid #d9d9d9;
  overflow: hidden;
}
.print-designer-main-view-toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 43px;
  width: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow-x: auto;
  overflow-y: hidden;
}
.print-designer-pages-manage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 32px;
  background-color: #F2F2F2;
  margin-left: 17px;
  border-left: 1px solid #D9D9D9;
  border-top: 1px solid #D9D9D9;
}
.kdesigner-print-designer-lock {
  position: absolute;
  z-index: 1050;
  width: 17px;
  height: 17px;
  background: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kdesigner-print-designer-lock i {
  height: 17px;
  width: 17px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-right: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
}
.kdesigner-print-designer-lock i::before {
  font-size: 8px;
}
.kdesigner-print-designer-canvas-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background-color: #E9EDF3;
  border-right: none;
  overflow: auto;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -ms-interpolation-mode: nearest-neighbor;
      image-rendering: -webkit-optimize-contrast;
      image-rendering: pixelated;
  width: 100%;
  height: calc(100% - 15px);
  padding: 10px;
  position: relative;
  left: 17px;
  top: 17px;
  margin: 0 auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.kdesigner-print-designer-canvas-container-border-left {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 1px;
  background: #d9d9d9;
}
.kdesigner-print-designer-canvas-container-border-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #d9d9d9;
}
.kdesigner-print-designer-canvas-container .kdesigner-input-wrapper-size-middle,
.kdesigner-print-designer-canvas-container .kdesigner-input-size-middle {
  min-height: none ;
  max-height: none ;
  line-height: 22px;
}
.kdesigner-print-designer-canvas-box {
  position: relative;
  outline: none;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
}
.kdesigner-print-designer-shadow-canvas-box {
  opacity: 0;
  visibility: hidden;
}
.kdesigner-print-designer-canvas-ruler-y {
  top: 0;
}
.kdesigner-print-designer-canvas-and-ruler {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: calc(100% - 15px);
}
.kdesigner-print-designer-canvas-paper {
  position: absolute;
  width: 100%;
  left: 10px;
  top: 10px;
  right: 10px;
  outline: none;
}
.kdesigner-print-designer-shadow-input {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  word-break: break-word;
  white-space: pre-line;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  z-index: -1050;
  pointer-events: none;
}
.print-designer-root .print-designer-right-view .kdesigner-checkbox {
  height: auto !important;
  white-space: normal;
}
.print-designer-root .print-designer-right-view .kdesigner-checkbox .kdesigner-checkbox-children {
  white-space: normal;
}
.print-designer-top-view .kdesigner-tab-pane-text {
  top: auto !important;
}

