@charset "UTF-8";
/*
 * eui-css 全新的UI框架库 - 指标管理
 *  作者：亿信华辰UED组
 *  时间：2018.3.30
 *  版本：V1.0
 */
/*按钮*/
.eui-coolbar-container li .eui-icon {
  background-image: linear-gradient(to top, transparent, transparent);
}

.eui-coolbar-container .eui-coolbar-group:after, .eui-coolbar-verticaltab .eui-coolbar-group:after, .eui-coolbar-btn .eui-coolbar-group:after, .eui-coolbar-btngray .eui-coolbar-group:after, .eui-coolbar-tradition .eui-coolbar-group:after, .eui-coolbar-traditionblack .eui-coolbar-group:after, .eui-coolbar-traditionblackmini .eui-coolbar-group:after, .eui-coolbar-traditionppt .eui-coolbar-group:after, .eui-coolbar-iconmini .eui-coolbar-group:after, .eui-listbox-responseBox:after, .eui-tabctrl-container > .eui-tabctrl-header > ul:after, .eui-tabctrl-level1-mini > .eui-tabctrl-header > ul:after, .eui-tabctrl-level2 > .eui-tabctrl-header > ul:after, .eui-tabctrl-level3 > .eui-tabctrl-header > ul:after, .eui-tabctrl-level4 > .eui-tabctrl-header > ul:after, .eui-accordionpanel-container .eui-accordionpanel-head:after, .eui-accordionpanel-dark .eui-accordionpanel-item .eui-accordionpanel-head:after, .eui-accordionpanel-noborder .eui-accordionpanel-head:after, .eui-accordionpanel-line .eui-accordionpanel-head:after, .eui-tabset-container .eui-tabset-item:after, .eui-calendar-container .eui-calendar-main .eui-calendar-content:after, .eui-nav-container:after, .eui-row:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  *zoom: 1;
}

.eui-coolbar-container .eui-coolbar-item:hover, .eui-coolbar-btn .eui-coolbar-item:hover, .eui-coolbar-btngray .eui-coolbar-item:hover, .eui-coolbar-tradition .eui-coolbar-item:hover, .eui-coolbar-traditionblack .eui-coolbar-item:hover, .eui-coolbar-traditionblackmini .eui-coolbar-item:hover, .eui-coolbar-iconmini .eui-coolbar-item:hover, .eui-form-select .eui-form-select-icon:hover, .eui-form-almanac .eui-form-select-icon:hover, .eui-form-quarter .eui-form-select-icon:hover, .eui-form-month .eui-form-select-icon:hover, .eui-form-date .eui-form-select-icon:hover, .eui-form-timer .eui-form-select-icon:hover, .eui-form-sedate .eui-form-select-icon:hover, .eui-form-spinner-up:hover, .eui-form-spinner-down:hover, .eui-form-datasearch i:hover, .eui-btn:hover, .eui-btn-popmenu .eui-icon-arrow2:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.eui-coolbar-container .eui-coolbar-active, .eui-coolbar-verticaltab .eui-coolbar-item:hover, .eui-coolbar-verticaltab .eui-coolbar-active, .eui-coolbar-verticaltab .eui-coolbar-active:hover, .eui-coolbar-btn .eui-coolbar-active, .eui-coolbar-btngray .eui-coolbar-active, .eui-coolbar-tradition .eui-coolbar-active, .eui-coolbar-traditionblack .eui-coolbar-active, .eui-coolbar-traditionblackmini .eui-coolbar-active, .eui-coolbar-traditionppt .eui-coolbar-active, .eui-coolbar-iconmini .eui-coolbar-active, .eui-form-select .eui-form-select-icon:active, .eui-form-almanac .eui-form-select-icon:active, .eui-form-quarter .eui-form-select-icon:active, .eui-form-month .eui-form-select-icon:active, .eui-form-date .eui-form-select-icon:active, .eui-form-timer .eui-form-select-icon:active, .eui-form-sedate .eui-form-select-icon:active, .eui-form-spinner-up:active, .eui-form-spinner-down:active, .eui-form-datasearch i:active, .eui-btn:active, .eui-btn-popmenu .eui-icon-arrow2:active {
  opacity: 1;
  filter: alpha(opacity=100);
}

.eui-coolbar-container .eui-coolbar-item {
  display: inline-block;
  padding-left: 15px;
  padding-right: 15px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  height: 50px;
  line-height: 50px;
  cursor: pointer;
  vertical-align: top;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: none\0;
}

.eui-coolbar-container {
  position: relative;
  padding-right: 15px;
  height: 50px;
}
.eui-coolbar-container .eui-coolbar-group {
  position: relative;
  height: 50px;
}
.eui-coolbar-container .eui-coolbar-group li:nth-last-child(2).eui-coolbar-line {
  display: none;
}
.eui-coolbar-container .eui-coolbar-item .eui-badge-dot {
  position: absolute;
  top: -4px;
  right: -4px;
}
.eui-coolbar-container .eui-coolbar-item .eui-badge {
  position: absolute;
  top: -6px;
  right: -9px;
  height: 14px;
  line-height: 14px;
  padding: 0 2px;
}

.eui-coolbar-container .eui-coolbar-item:hover {
  color: #002982;
  background: #dddce1;
  background: #dddce1\0;
}
.eui-coolbar-container .eui-disabled {
  opacity: 1;
}
.eui-coolbar-container .eui-disabled, .eui-coolbar-container .eui-disabled:hover, .eui-coolbar-container .eui-disabled .eui-coolbar-more {
  color: #c9c9c9 !important;
  cursor: not-allowed !important;
}
.eui-coolbar-container .eui-coolbar-active {
  color: #002982;
  background: #dddce1;
  background: #dddce1\0;
}
.eui-coolbar-container .eui-coolbar-item-group {
  margin-right: 0;
  border-radius: 0;
}
.eui-coolbar-container .eui-coolbar-item-group + .eui-coolbar-item-group {
  margin-left: -1px;
}
.eui-coolbar-container .eui-coolbar-item-group-last.eui-hide + .eui-coolbar-line {
  display: none;
}
.eui-coolbar-container .eui-coolbar-line {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  margin-right: 5px;
}

.eui-coolbar-container li .eui-icon {
  width: 24px;
  height: 24px;
  margin-right: 4px;
  vertical-align: top;
  font-weight: normal;
  font-size: 24px;
  color: #fff;
}
.eui-coolbar-container li .eui-icon-img {
  vertical-align: middle;
}

.eui-coolbar-container li .eui-coolbar-more {
  display: inline-block;
  margin-left: 5px;
  font-family: eui-icon;
  font-weight: normal;
  font-style: normal;
  font-size: 12px;
  vertical-align: top;
  cursor: pointer;
}
.eui-coolbar-container li .eui-coolbar-more:before {
  content: "\ef7f";
  display: inline-block;
  transform: scale(0.75);
  -webkit-transform: scale(0.75);
  -moz-transform: scale(0.75);
  -ms-transform: scale(0.75);
  -o-transform: scale(0.75);
}

.eui-coolbar-container > .eui-coolbar-more {
  position: absolute;
  top: 0;
  right: 0;
  color: #afb0b3;
  cursor: pointer;
  padding-right: 12px;
  line-height: 16px;
}
.eui-coolbar-container > .eui-coolbar-more:before {
  content: "\ef93";
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  font-family: eui-icon;
  font-size: 12px;
  transform: scale(0.75);
  -webkit-transform: scale(0.75);
  -moz-transform: scale(0.75);
  -ms-transform: scale(0.75);
  -o-transform: scale(0.75);
}
.eui-coolbar-container > .eui-coolbar-more:hover {
  color: #dddce1;
}

.eui-coolbar-container .eui-coolbar-item-min {
  padding-left: 5px;
  padding-right: 5px;
  font-weight: normal;
  font-size: 12px;
  color: #afb0b3;
}
.eui-coolbar-container .eui-coolbar-item-min .eui-coolbar-more:before {
  content: "\ef8d";
  color: #afb0b3;
}

.eui-coolbar-container .eui-coolbar-item-user:hover {
  background: none;
}
.eui-coolbar-container .eui-coolbar-item-user:hover .eui-coolbar-item-text {
  color: #fff;
}
.eui-coolbar-container .eui-coolbar-item-user .eui-icon {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 50px;
  text-align: center;
  font-size: 14px;
  color: #e6e6e6;
  border-radius: 100%;
}

.eui-coolbar-container .eui-coolbar-item-mail:hover {
  background: none;
}
.eui-coolbar-container .eui-coolbar-item-mail .eui-icon {
  font-size: 16px;
  color: #e6e6e6;
  position: relative;
}

.eui-coolbar-container .eui-coolbar-item-about:hover {
  background: none;
}
.eui-coolbar-container .eui-coolbar-item-about .eui-icon {
  font-size: 16px;
  color: #419eff;
}

.eui-coolbar-container .eui-coolbar-item-form {
  display: inline-block;
  padding-top: 7px;
  padding-left: 15px;
  padding-right: 15px;
}
.eui-coolbar-container .eui-coolbar-item-form:hover {
  background: none;
}

.eui-coolbar-verticaltab .eui-coolbar-item {
  display: block;
  position: relative;
  padding-top: 9px;
  padding-right: 2px;
  padding-bottom: 9px;
  padding-left: 2px;
  color: #dee0e3;
  font-size: 12px;
  font-weight: 400;
  height: auto;
  line-height: 14px;
  text-align: center;
  cursor: pointer;
}

.eui-coolbar-verticaltab {
  width: 50px;
  height: 100%;
  background: #656a74;
}
.eui-coolbar-verticaltab .eui-coolbar-group {
  position: relative;
  width: 50px;
  height: 100%;
}

.eui-coolbar-verticaltab .eui-coolbar-item:hover {
  background: #002982;
  color: #fff;
}
.eui-coolbar-verticaltab .eui-coolbar-active, .eui-coolbar-verticaltab .eui-coolbar-active:hover {
  background: #002982;
  color: #fff;
}

.eui-coolbar-verticaltab li .eui-icon {
  display: block;
  margin-right: 0;
  margin-bottom: 4px;
  width: 100%;
  height: 20px;
  font-size: 20px;
  line-height: 20px;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.5);
}

.eui-coolbar-verticaltab .eui-coolbar-active .eui-icon,
.eui-coolbar-verticaltab .eui-coolbar-item:hover .eui-icon {
  color: #fff;
}

.eui-coolbar-verticaltab li .eui-coolbar-more {
  display: none;
  margin-top: 5px;
  margin-left: 0;
  font-family: eui-icon;
  cursor: pointer;
}
.eui-coolbar-verticaltab li .eui-coolbar-more:before {
  content: "\ef7f";
}

.eui-coolbar-verticaltab .eui-coolbar-item:hover .eui-coolbar-more {
  display: none;
}

.eui-coolbar-verticaltab .eui-coolbar-group > .eui-coolbar-more {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  color: #fff;
  cursor: pointer;
}

.eui-coolbar-btn .eui-coolbar-item {
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  margin-right: 5px;
  border: 1px solid #002982;
  border-radius: 3px;
  background: #fff;
  color: #002982;
  font-size: 12px;
  font-weight: normal;
  height: 28px;
  line-height: 26px;
  vertical-align: top;
  cursor: pointer;
}

.eui-coolbar-btn {
  height: 48px;
  padding: 10px 20px;
}
.eui-coolbar-btn .eui-coolbar-group {
  position: relative;
  height: 100%;
}

.eui-coolbar-btn .eui-coolbar-item:hover {
  background: #002982;
  border-color: #002982;
}
.eui-coolbar-btn .eui-coolbar-item:hover, .eui-coolbar-btn .eui-coolbar-item:hover .eui-icon {
  color: #fff;
}
.eui-coolbar-btn .eui-disabled {
  opacity: 1;
}
.eui-coolbar-btn .eui-disabled, .eui-coolbar-btn .eui-disabled:hover, .eui-coolbar-btn .eui-disabled .eui-icon, .eui-coolbar-btn .eui-disabled .eui-coolbar-more {
  color: #c9c9c9 !important;
  background-color: #f3f3f3;
  border-color: #e6e6e6;
  cursor: not-allowed !important;
}
.eui-coolbar-btn .eui-coolbar-active {
  background: #002982;
  border-color: #002982;
}
.eui-coolbar-btn .eui-coolbar-active, .eui-coolbar-btn .eui-coolbar-active .eui-icon {
  color: #fff;
}
.eui-coolbar-btn .eui-coolbar-item-group {
  margin-right: 0;
  border-radius: 0;
}
.eui-coolbar-btn .eui-coolbar-item-group + .eui-coolbar-item-group {
  margin-left: -1px;
}
.eui-coolbar-btn .eui-coolbar-item-group + .eui-coolbar-item-group.eui-coolbar-active {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.eui-coolbar-btn .eui-coolbar-item-group-first {
  border-left-color: #002982;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.eui-coolbar-btn .eui-coolbar-item-group-last {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.eui-coolbar-btn .eui-coolbar-line {
  margin-right: 5px;
  height: 28px;
  line-height: 26px;
}

.eui-coolbar-btn li .eui-icon {
  width: 16px;
  height: 16px;
  margin-right: 2px;
  font-weight: normal;
  font-size: 16px;
  color: #002982;
}
.eui-coolbar-btn li .eui-form-search-radius .eui-icon {
  width: 24px;
  color: #b7b7b7;
}
.eui-coolbar-btn li .eui-form-search-radius .eui-icon-search {
  color: #b7b7b7;
}
.eui-coolbar-btn li .eui-form-search-focus .eui-icon {
  color: #002982;
}
.eui-coolbar-btn li .eui-form-search-focus .eui-icon-search {
  color: #002982;
}

.eui-coolbar-btn li .eui-coolbar-more {
  display: inline-block;
  margin-left: 5px;
  font-family: eui-icon;
  font-weight: normal;
  font-size: 12px;
  color: #002982;
  vertical-align: top;
  cursor: pointer;
}
.eui-coolbar-btn li .eui-coolbar-more:before {
  content: "\ef7f";
}

.eui-coolbar-btn .eui-coolbar-active .eui-coolbar-more,
.eui-coolbar-btn .eui-coolbar-item:hover .eui-coolbar-more {
  color: #fff;
}

.eui-coolbar-btn .eui-coolbar-group > .eui-coolbar-more {
  position: absolute;
  top: 0;
  right: 0;
  color: #404040;
  cursor: pointer;
}

.eui-coolbar-btn .eui-coolbar-item-form {
  position: relative;
  display: inline-block;
  padding-top: 7px;
  padding-left: 10px;
  padding-right: 10px;
}
.eui-coolbar-btn .eui-coolbar-item-form:hover {
  background: none;
}
.eui-coolbar-btn .eui-coolbar-item-form .eui-icon {
  margin-right: 0;
  height: 100%;
}
.eui-coolbar-btn .eui-coolbar-item-form .eui-picker > div .eui-icon {
  height: auto;
  line-height: 26px;
}
.eui-coolbar-btn .eui-coolbar-item-form .eui-form-datasearch .eui-icon {
  width: 24px;
  height: 24px;
}
.eui-coolbar-btn .eui-coolbar-item-form > .eui-form-checkbox {
  display: block;
  margin-top: -7px;
}
.eui-coolbar-btn .eui-coolbar-item-form > .eui-form-checkbox .eui-form-checkbox, .eui-coolbar-btn .eui-coolbar-item-form > .eui-form-checkbox .eui-form-checked {
  line-height: 28px;
}
.eui-coolbar-btn .eui-coolbar-item-form > .eui-form-checkbox .eui-form-checkbox {
  color: #b5bdca;
}

.eui-coolbar-btngray .eui-coolbar-item {
  display: inline-block;
  padding-left: 6px;
  padding-right: 6px;
  margin-right: 5px;
  border: 1px solid #002982;
  border-radius: 3px;
  background: #fff;
  color: #002982;
  font-size: 12px;
  font-weight: normal;
  height: 26px;
  line-height: 24px;
  vertical-align: top;
  cursor: pointer;
}

.eui-coolbar-btngray {
  height: 48px;
  padding: 10px 0;
}
.eui-coolbar-btngray .eui-coolbar-group {
  position: relative;
  height: 100%;
}

.eui-coolbar-btngray .eui-coolbar-item:hover {
  background: #002982;
  border-color: #002982;
  color: #fff;
}
.eui-coolbar-btngray .eui-disabled {
  opacity: 1;
}
.eui-coolbar-btngray .eui-disabled, .eui-coolbar-btngray .eui-disabled:hover {
  color: #c9c9c9 !important;
  background-color: #f3f3f3 !important;
  border-color: #e6e6e6 !important;
  cursor: not-allowed !important;
}
.eui-coolbar-btngray .eui-disabled .eui-icon {
  color: #c9c9c9 !important;
  cursor: not-allowed !important;
}
.eui-coolbar-btngray .eui-coolbar-active {
  background: #002982;
  border-color: #002982;
  color: #fff;
}
.eui-coolbar-btngray .eui-coolbar-item-group {
  margin-right: 0;
  border-radius: 0;
}
.eui-coolbar-btngray .eui-coolbar-item-group + .eui-coolbar-item-group {
  margin-left: -1px;
}
.eui-coolbar-btngray .eui-coolbar-item-group + .eui-coolbar-item-group.eui-coolbar-active {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.eui-coolbar-btngray .eui-coolbar-item-group-first {
  border-left-color: #002982;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.eui-coolbar-btngray .eui-coolbar-item-group-last {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.eui-coolbar-btngray .eui-coolbar-line {
  margin-right: 5px;
  height: 26px;
  line-height: 24px;
}

.eui-coolbar-btngray li .eui-icon {
  width: 16px;
  height: 16px;
  margin-right: 2px;
  font-weight: normal;
  font-size: 16px;
  color: #002982;
}

.eui-coolbar-btngray .eui-coolbar-active .eui-icon,
.eui-coolbar-btngray .eui-coolbar-item:hover .eui-icon {
  color: #fff;
}

.eui-coolbar-btngray li .eui-coolbar-more {
  display: inline-block;
  margin-left: 5px;
  font-family: eui-icon;
  font-weight: normal;
  font-size: 12px;
  color: 132deg, #002a86 21%, #002880 75%;
  vertical-align: top;
  cursor: pointer;
}
.eui-coolbar-btngray li .eui-coolbar-more:before {
  content: "\ef7f";
}

.eui-coolbar-btngray .eui-coolbar-active .eui-coolbar-more,
.eui-coolbar-btngray .eui-coolbar-item:hover .eui-coolbar-more {
  color: #fff;
}

.eui-coolbar-btngray .eui-coolbar-group > .eui-coolbar-more {
  position: absolute;
  top: 0;
  right: 0;
  color: #404040;
  cursor: pointer;
}

.eui-coolbar-btngray .eui-coolbar-item-form {
  display: inline-block;
  padding-top: 7px;
  padding-left: 10px;
  padding-right: 10px;
}
.eui-coolbar-btngray .eui-coolbar-item-form:hover {
  background: none;
}

.eui-coolbar-tradition .eui-coolbar-item {
  display: inline-block;
  padding-left: 4px;
  padding-right: 4px;
  border: 1px solid transparent;
  background: transparent;
  color: #333;
  font-size: 12px;
  font-weight: normal;
  height: 26px;
  line-height: 26px;
  vertical-align: top;
  cursor: pointer;
}

.eui-coolbar-tradition {
  height: 40px;
  padding-top: 7px;
}
.eui-coolbar-tradition .eui-coolbar-group {
  position: relative;
  height: 26px;
}

.eui-coolbar-tradition .eui-coolbar-item:hover {
  background: transparent;
  color: #002982;
}
.eui-coolbar-tradition .eui-disabled {
  opacity: 1;
}
.eui-coolbar-tradition .eui-disabled, .eui-coolbar-tradition .eui-disabled:hover, .eui-coolbar-tradition .eui-disabled .eui-icon, .eui-coolbar-tradition .eui-disabled .eui-coolbar-more {
  color: #c9c9c9 !important;
  cursor: not-allowed !important;
}
.eui-coolbar-tradition .eui-disabled .eui-picker-color-content {
  opacity: 0.2;
  cursor: not-allowed !important;
}
.eui-coolbar-tradition .eui-coolbar-active {
  background: #ccebf8;
  border: 1px solid #199ed8;
  color: #002982;
}
.eui-coolbar-tradition .eui-coolbar-active + .eui-coolbar-active {
  margin-left: -1px;
}
.eui-coolbar-tradition .eui-coolbar-item-group {
  margin-right: 0;
  border-radius: 0;
  border: 1px solid #b5bdca;
  background: transparent;
  color: #002982;
}
.eui-coolbar-tradition .eui-coolbar-item-group + .eui-coolbar-item-group {
  margin-left: -1px;
}
.eui-coolbar-tradition .eui-coolbar-item-group.eui-coolbar-active {
  background: #dce7ff;
  border-color: #002982;
}
.eui-coolbar-tradition .eui-coolbar-item-group.eui-coolbar-active + .eui-coolbar-item-group {
  border-left-color: #002982;
}
.eui-coolbar-tradition .eui-coolbar-item-group:hover {
  border-color: #002982;
}
.eui-coolbar-tradition .eui-coolbar-line {
  margin-right: 5px;
  height: 26px;
  line-height: 26px;
}
.eui-coolbar-tradition .eui-coolbar-line + .eui-coolbar-line {
  margin-right: 0;
}

.eui-coolbar-tradition li .eui-icon {
  width: 16px;
  height: 16px;
  margin-left: 2px;
  margin-right: 2px;
  font-weight: normal;
  font-size: 16px;
  background-image: -webkit-linear-gradient(132deg, #002a86 21%, #002880 75%);
  background-image: -moz-linear-gradient(132deg, #002a86 21%, #002880 75%);
  background-image: linear-gradient(132deg, #002a86 21%, #002880 75%);
  background-image: none\0;
  color: transparent;
  color: #002982\0;
}
.eui-coolbar-tradition li .eui-icon-grayblue {
  background-image: -webkit-linear-gradient(132deg, #6684a2 21%, #4e6a88 75%);
  background-image: -moz-linear-gradient(132deg, #6684a2 21%, #4e6a88 75%);
  background-image: linear-gradient(132deg, #6684a2 21%, #4e6a88 75%);
  background-image: none\0;
  -webkit-background-clip: text;
  color: transparent;
  color: #557290\0;
}
.eui-coolbar-tradition li .eui-icon-img {
  vertical-align: text-top;
}

@-moz-document url-prefix() {
  .eui-coolbar-tradition li .eui-icon {
    background-image: none;
    color: #002982;
  }
  .eui-coolbar-tradition li .eui-icon-grayblue {
    background-image: none;
    color: #557290;
  }
}
.eui-coolbar-tradition li .eui-form-search-radius .eui-icon {
  width: 24px;
  color: #b7b7b7;
  background-image: none;
}
.eui-coolbar-tradition li .eui-form-search-radius .eui-icon-search {
  color: #b7b7b7;
}
.eui-coolbar-tradition li .eui-form-search-focus .eui-icon {
  color: #002982;
}
.eui-coolbar-tradition li .eui-form-search-focus .eui-icon-search {
  color: #002982;
}

.eui-coolbar-tradition li .eui-form-search-radius i {
  background-image: -webkit-linear-gradient(132deg, #002a86 21%, #002880 75%);
  background-image: -moz-linear-gradient(132deg, #002a86 21%, #002880 75%);
  background-image: linear-gradient(132deg, #002a86 21%, #002880 75%);
  background-image: none\0;
  color: transparent;
  color: #002982\0;
}

.eui-coolbar-tradition .eui-coolbar-active .eui-icon,
.eui-coolbar-tradition .eui-coolbar-item:hover .eui-icon {
  color: #002982;
}

.eui-coolbar-tradition li .eui-coolbar-more {
  display: inline-block;
  margin-left: 5px;
  font-family: eui-icon;
  font-weight: normal;
  font-size: 12px;
  color: #576172;
  vertical-align: top;
  cursor: pointer;
}
.eui-coolbar-tradition li .eui-coolbar-more:before {
  content: "\ef7f";
}

.eui-coolbar-tradition .eui-coolbar-active .eui-coolbar-more,
.eui-coolbar-tradition .eui-coolbar-item:hover .eui-coolbar-more {
  color: #002982;
}

.eui-coolbar-tradition .eui-coolbar-group > .eui-coolbar-more {
  position: absolute;
  top: 0;
  right: 0;
  color: #333;
  cursor: pointer;
}

.eui-coolbar-tradition .eui-coolbar-item-form {
  display: inline-block;
  padding-top: 0;
  padding-left: 4px;
  padding-right: 4px;
  vertical-align: top;
}
.eui-coolbar-tradition .eui-coolbar-item-form:hover {
  background: none;
}
.eui-coolbar-tradition .eui-coolbar-item-form .eui-icon {
  margin-left: 0;
  margin-right: 0;
  height: 100%;
}
.eui-coolbar-tradition .eui-coolbar-item-form .eui-form-search .eui-icon {
  width: 24px;
  height: 24px;
  color: #557290;
}
.eui-coolbar-tradition .eui-coolbar-item-form .eui-form-search .eui-icon-cleartext {
  color: #404040;
}
.eui-coolbar-tradition .eui-coolbar-item-form .eui-form-select {
  padding-right: 16px;
}
.eui-coolbar-tradition .eui-coolbar-item-form .eui-form-select > .eui-form-select-icon {
  color: #576172;
  background-image: none;
}
.eui-coolbar-tradition .eui-coolbar-item-form .eui-picker > div .eui-icon {
  height: auto;
  color: #002982;
  line-height: 26px;
}
.eui-coolbar-tradition .eui-coolbar-item-form .eui-form-datasearch .eui-icon {
  width: 24px;
  height: 24px;
  background-image: none;
  color: #557290;
}
.eui-coolbar-tradition .eui-coolbar-item-form .eui-form-switch i {
  width: 42px;
  height: 100%;
  background-image: none;
}
.eui-coolbar-tradition .eui-coolbar-item-form .eui-picker-tool > div {
  margin-right: 0;
}

.eui-coolbar-traditionblack .eui-coolbar-item {
  display: inline-block;
  padding-left: 2px;
  padding-right: 2px;
  border: 1px solid transparent;
  background: transparent;
  color: #333333;
  font-size: 12px;
  font-weight: normal;
  height: 26px;
  line-height: 26px;
  vertical-align: top;
  cursor: pointer;
}

.eui-coolbar-traditionblack {
  height: 40px;
  padding-top: 7px;
}
.eui-coolbar-traditionblack .eui-coolbar-group {
  position: relative;
  height: 26px;
}

.eui-coolbar-traditionblack .eui-coolbar-item:hover {
  background: transparent;
  color: #002982;
}
.eui-coolbar-traditionblack .eui-coolbar-active {
  background: #dce7ff;
  border: 1px solid #002982;
  color: #002982;
}
.eui-coolbar-traditionblack .eui-coolbar-active + .eui-coolbar-active {
  margin-left: -1px;
}
.eui-coolbar-traditionblack .eui-coolbar-line {
  height: 26px;
  line-height: 24px;
}

.eui-coolbar-traditionblack li .eui-icon {
  width: 16px;
  height: 16px;
  margin-left: 2px;
  margin-right: 2px;
  font-weight: normal;
  color: #333333;
  font-size: 16px;
}
.eui-coolbar-traditionblack li .eui-icon-img {
  vertical-align: text-top;
}

.eui-coolbar-traditionblack .eui-coolbar-active .eui-icon,
.eui-coolbar-traditionblack .eui-coolbar-item:hover .eui-icon {
  color: #002982;
}

.eui-coolbar-traditionblack li .eui-coolbar-more {
  display: inline-block;
  margin-left: 0;
  font-family: eui-icon;
  font-weight: normal;
  font-size: 12px;
  color: #333333;
  vertical-align: top;
  cursor: pointer;
}
.eui-coolbar-traditionblack li .eui-coolbar-more:before {
  content: "\ef7f";
}

.eui-coolbar-traditionblack .eui-coolbar-active .eui-coolbar-more,
.eui-coolbar-traditionblack .eui-coolbar-item:hover .eui-coolbar-more {
  color: #002982;
}

.eui-coolbar-traditionblack .eui-coolbar-group > .eui-coolbar-more {
  position: absolute;
  top: 0;
  right: 0;
  color: #333;
  cursor: pointer;
}

.eui-coolbar-traditionblack .eui-coolbar-item-form {
  display: inline-block;
  padding-top: 0;
  padding-left: 2px;
  padding-right: 2px;
  vertical-align: top;
}
.eui-coolbar-traditionblack .eui-coolbar-item-form:hover {
  background: none;
}
.eui-coolbar-traditionblack .eui-coolbar-item-form .eui-icon {
  margin-left: 0;
  margin-right: 0;
  height: 100%;
}
.eui-coolbar-traditionblack .eui-coolbar-item-form .eui-form-search .eui-icon {
  width: 24px;
  height: 24px;
}
.eui-coolbar-traditionblack .eui-coolbar-item-form .eui-form-search .eui-icon-cleartext {
  color: #404040;
}
.eui-coolbar-traditionblack .eui-coolbar-item-form .eui-form-select {
  padding-right: 16px;
}
.eui-coolbar-traditionblack .eui-coolbar-item-form .eui-picker > div .eui-icon {
  height: auto;
  color: #333333;
  line-height: 26px;
}
.eui-coolbar-traditionblack .eui-coolbar-item-form .eui-picker > .eui-form-select-icon {
  color: #333333;
}
.eui-coolbar-traditionblack .eui-coolbar-item-form .eui-form-datasearch .eui-icon {
  width: 24px;
  height: 24px;
}
.eui-coolbar-traditionblack .eui-coolbar-item-form .eui-picker-tool > div {
  margin-right: 0;
}

.eui-coolbar-traditionblackmini .eui-coolbar-item {
  display: inline-block;
  padding-left: 4px;
  padding-right: 4px;
  border: 1px solid transparent;
  background: transparent;
  color: #333333;
  font-size: 12px;
  font-family: Verdana;
  font-weight: normal;
  height: 22px;
  line-height: 22px;
  vertical-align: top;
  cursor: pointer;
}

.eui-coolbar-traditionblackmini {
  height: 40px;
  padding-top: 9px;
  padding-left: 5px;
  padding-right: 5px;
}
.eui-coolbar-traditionblackmini .eui-coolbar-group {
  position: relative;
  height: 22px;
}

.eui-coolbar-traditionblackmini .eui-coolbar-item {
  margin-left: -1px;
}
.eui-coolbar-traditionblackmini .eui-coolbar-item:hover {
  background: transparent;
  border: 1px solid #002982;
  color: #002982;
}
.eui-coolbar-traditionblackmini .eui-coolbar-active {
  background: #dce7ff;
  border: 1px solid #002982;
  color: #002982;
}
.eui-coolbar-traditionblackmini .eui-coolbar-line {
  height: 22px;
  line-height: 22px;
}

.eui-coolbar-traditionblackmini li .eui-icon {
  width: 16px;
  height: 16px;
  margin-left: 2px;
  margin-right: 2px;
  font-weight: normal;
  color: #333333;
  font-size: 16px;
}
.eui-coolbar-traditionblackmini li .eui-icon-img {
  vertical-align: text-top;
}

.eui-coolbar-traditionblackmini .eui-coolbar-active .eui-icon,
.eui-coolbar-traditionblackmini .eui-coolbar-item:hover .eui-icon {
  color: #002982;
}

.eui-coolbar-traditionblackmini li .eui-coolbar-more {
  display: inline-block;
  margin-left: 0;
  font-family: eui-icon;
  font-weight: normal;
  font-size: 12px;
  color: #333333;
  vertical-align: top;
  cursor: pointer;
}
.eui-coolbar-traditionblackmini li .eui-coolbar-more:before {
  content: "\ef7f";
}

.eui-coolbar-traditionblackmini .eui-coolbar-active .eui-coolbar-more,
.eui-coolbar-traditionblackmini .eui-coolbar-item:hover .eui-coolbar-more {
  color: #002982;
}

.eui-coolbar-traditionblackmini .eui-coolbar-group > .eui-coolbar-more {
  position: absolute;
  top: 0;
  right: 0;
  color: #333;
  cursor: pointer;
}

.eui-coolbar-traditionblackmini .eui-coolbar-item-form {
  display: inline-block;
  padding-top: 0;
  padding-left: 2px;
  padding-right: 2px;
  vertical-align: top;
}
.eui-coolbar-traditionblackmini .eui-coolbar-item-form:hover {
  background: none;
}
.eui-coolbar-traditionblackmini .eui-coolbar-item-form .eui-icon {
  margin-left: 0;
  margin-right: 0;
  height: 100%;
}
.eui-coolbar-traditionblackmini .eui-coolbar-item-form .eui-form-search .eui-icon {
  width: 24px;
  height: 24px;
}
.eui-coolbar-traditionblackmini .eui-coolbar-item-form .eui-form-search .eui-icon-cleartext {
  color: #404040;
}
.eui-coolbar-traditionblackmini .eui-coolbar-item-form .eui-form-select {
  height: 22px;
  line-height: 22px;
}
.eui-coolbar-traditionblackmini .eui-coolbar-item-form .eui-form-select > input:first-child {
  height: 100%;
  border: 1px solid #b9b9b9;
  background: #f4f4f4;
}
.eui-coolbar-traditionblackmini .eui-coolbar-item-form .eui-picker > div .eui-icon {
  height: auto;
  color: #333333;
  line-height: 22px;
}
.eui-coolbar-traditionblackmini .eui-coolbar-item-form .eui-picker > .eui-form-select-icon {
  color: #333333;
}
.eui-coolbar-traditionblackmini .eui-coolbar-item-form .eui-form-datasearch .eui-icon {
  width: 24px;
  height: 24px;
}
.eui-coolbar-traditionblackmini .eui-coolbar-item-form .eui-picker-color > div .eui-picker-color-content .eui-picker-color-show {
  bottom: -2px;
}

.eui-coolbar-traditionppt .eui-coolbar-item {
  display: inline-block;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 4px;
  padding-right: 4px;
  color: #000000;
  font-size: 12px;
  font-weight: normal;
  height: 40px;
  line-height: 26px;
  vertical-align: top;
  cursor: pointer;
}

.eui-coolbar-traditionppt {
  height: 40px;
}
.eui-coolbar-traditionppt .eui-coolbar-group {
  position: relative;
  height: 26px;
}

.eui-coolbar-traditionppt .eui-coolbar-item:hover {
  background: #f5f5f5;
  color: #238efe;
  /*@extend     %hover;*/
}
.eui-coolbar-traditionppt .eui-coolbar-item .eui-icon {
  background-image: -webkit-linear-gradient(132deg, #002a86 21%, #002880 75%);
  background-image: -moz-linear-gradient(132deg, #002a86 21%, #002880 75%);
  background-image: linear-gradient(132deg, #002a86 21%, #002880 75%);
  background-image: none\0;
  -webkit-background-clip: text;
  color: transparent;
  color: #002982\0;
}
.eui-coolbar-traditionppt .eui-disabled {
  opacity: 1;
}
.eui-coolbar-traditionppt .eui-disabled, .eui-coolbar-traditionppt .eui-disabled:hover, .eui-coolbar-traditionppt .eui-disabled .eui-icon, .eui-coolbar-traditionppt .eui-disabled .eui-coolbar-more {
  color: #c9c9c9 !important;
  cursor: not-allowed !important;
}
.eui-coolbar-traditionppt .eui-coolbar-active {
  background: #f5f5f5;
  border-left: 1px solid #e3e3e3;
  border-right: 1px solid #e3e3e3;
  color: #238efe;
}
.eui-coolbar-traditionppt .eui-coolbar-active + .eui-coolbar-active {
  margin-left: -1px;
}
.eui-coolbar-traditionppt .eui-coolbar-line {
  height: 40px;
  line-height: 26px;
}

@-moz-document url-prefix() {
  .eui-coolbar-traditionppt .eui-coolbar-item .eui-icon {
    background-image: none;
    color: #002982;
  }
}
.eui-coolbar-traditionppt li .eui-icon {
  width: 16px;
  height: 16px;
  margin-left: 2px;
  margin-right: 2px;
  font-weight: normal;
  color: #576172;
  font-size: 16px;
  background-image: -webkit-linear-gradient(132deg, #002a86 21%, #002880 75%);
  background-image: -moz-linear-gradient(132deg, #002a86 21%, #002880 75%);
  background-image: linear-gradient(132deg, #002a86 21%, #002880 75%);
  background-image: none\0;
}
.eui-coolbar-traditionppt li .eui-icon-img {
  vertical-align: text-top;
}

.eui-coolbar-traditionppt .eui-coolbar-active .eui-icon,
.eui-coolbar-traditionppt .eui-coolbar-item:hover .eui-icon {
  color: #238efe;
}

.eui-coolbar-traditionppt li .eui-coolbar-more {
  display: inline-block;
  margin-left: 5px;
  font-family: eui-icon;
  font-weight: normal;
  font-size: 12px;
  color: #576172;
  vertical-align: top;
  cursor: pointer;
}
.eui-coolbar-traditionppt li .eui-coolbar-more:before {
  content: "\ef7f";
}

.eui-coolbar-traditionppt .eui-coolbar-active .eui-coolbar-more,
.eui-coolbar-traditionppt .eui-coolbar-item:hover .eui-coolbar-more {
  color: #238efe;
}

.eui-coolbar-traditionppt .eui-coolbar-group > .eui-coolbar-more {
  position: absolute;
  top: 0;
  right: 0;
  color: #333;
  cursor: pointer;
}

.eui-coolbar-traditionppt .eui-coolbar-item-form {
  display: inline-block;
  padding-top: 7px;
  padding-left: 4px;
  padding-right: 4px;
  vertical-align: top;
}
.eui-coolbar-traditionppt .eui-coolbar-item-form:hover {
  background: none;
}
.eui-coolbar-traditionppt .eui-coolbar-item-form .eui-icon {
  margin-left: 0;
  margin-right: 0;
  height: 100%;
}
.eui-coolbar-traditionppt .eui-coolbar-item-form .eui-form-search .eui-icon {
  width: 24px;
  height: 24px;
}
.eui-coolbar-traditionppt .eui-coolbar-item-form .eui-form-search .eui-icon-cleartext {
  color: #404040;
}
.eui-coolbar-traditionppt .eui-coolbar-item-form .eui-picker > div .eui-icon {
  height: auto;
  color: #576172;
  background-image: none;
  line-height: 26px;
}
.eui-coolbar-traditionppt .eui-coolbar-item-form .eui-picker > .eui-form-select-icon {
  color: #576172;
  background-image: none;
}
.eui-coolbar-traditionppt .eui-coolbar-item-form .eui-form-datasearch .eui-icon {
  width: 24px;
  height: 24px;
}
.eui-coolbar-traditionppt .eui-coolbar-item-form .eui-form-select {
  padding-right: 16px;
}
.eui-coolbar-traditionppt .eui-coolbar-item-form .eui-form-select .eui-form-select-icon {
  background-image: none;
}
.eui-coolbar-traditionppt .eui-coolbar-item-form .eui-picker-tool > div {
  margin-right: 0;
}

.eui-coolbar-iconmini .eui-coolbar-item {
  display: inline-block;
  padding-left: 2px;
  padding-right: 2px;
  border: 1px solid #b9b9b9;
  background: #f4f4f4;
  color: #666666;
  font-size: 12px;
  font-weight: normal;
  height: 20px;
  line-height: 20px;
  vertical-align: top;
  cursor: pointer;
}

.eui-coolbar-iconmini {
  height: 20px;
  padding-top: 0px;
}
.eui-coolbar-iconmini .eui-coolbar-group {
  position: relative;
  height: 20px;
}

.eui-coolbar-iconmini .eui-coolbar-item:hover {
  border: 1px solid #002982;
  background: #dce7ff;
  color: #666666;
}
.eui-coolbar-iconmini .eui-coolbar-active {
  position: relative;
  background: #dce7ff;
  border: 1px solid #002982;
  color: #666666;
}
.eui-coolbar-iconmini .eui-coolbar-line {
  height: 20px;
  line-height: 20px;
}

.eui-coolbar-iconmini li .eui-icon {
  width: 12px;
  height: 12px;
  margin-left: 2px;
  margin-right: 2px;
  font-weight: normal;
  color: #666666;
  font-size: 12px;
}
.eui-coolbar-iconmini li .eui-icon-img {
  vertical-align: text-top;
}

.eui-coolbar-iconmini .eui-coolbar-active .eui-icon,
.eui-coolbar-iconmini .eui-coolbar-item:hover .eui-icon {
  color: #666666;
}

.eui-coolbar-iconmini li .eui-coolbar-more {
  display: inline-block;
  margin-left: 5px;
  font-family: eui-icon;
  font-weight: normal;
  font-size: 12px;
  color: #576172;
  vertical-align: top;
  cursor: pointer;
}
.eui-coolbar-iconmini li .eui-coolbar-more:before {
  content: "\ef7f";
}

.eui-coolbar-iconmini .eui-coolbar-active .eui-coolbar-more,
.eui-coolbar-iconmini .eui-coolbar-item:hover .eui-coolbar-more {
  color: #666666;
}

.eui-coolbar-iconmini .eui-coolbar-group > .eui-coolbar-more {
  position: absolute;
  top: 0;
  right: 0;
  color: #333;
  cursor: pointer;
}

.eui-coolbar-iconmini .eui-coolbar-item-form {
  display: inline-block;
  padding-top: 0;
  padding-left: 2px;
  padding-right: 2px;
  vertical-align: top;
}
.eui-coolbar-iconmini .eui-coolbar-item-form:first-child {
  padding-left: 0;
}
.eui-coolbar-iconmini .eui-coolbar-item-form:hover {
  background: none;
}
.eui-coolbar-iconmini .eui-coolbar-item-form .eui-icon {
  margin-left: 0;
  margin-right: 0;
  height: 100%;
}
.eui-coolbar-iconmini .eui-coolbar-item-form .eui-form-search .eui-icon {
  width: 24px;
  height: 24px;
}
.eui-coolbar-iconmini .eui-coolbar-item-form .eui-form-search .eui-icon-cleartext {
  color: #404040;
}
.eui-coolbar-iconmini .eui-coolbar-item-form .eui-form-select {
  height: 20px;
  line-height: 20px;
  padding-right: 12px;
  background: #f4f4f4;
}
.eui-coolbar-iconmini .eui-coolbar-item-form .eui-form-select > input:first-child {
  height: 100%;
  border-right-width: 0;
}
.eui-coolbar-iconmini .eui-coolbar-item-form .eui-form-select > .eui-form-select-icon {
  border-left: none;
}
.eui-coolbar-iconmini .eui-coolbar-item-form .eui-picker {
  height: 20px;
  border: 1px solid #b9b9b9;
  background: #f4f4f4;
}
.eui-coolbar-iconmini .eui-coolbar-item-form .eui-picker > .eui-form-select-icon {
  color: #576172;
}
.eui-coolbar-iconmini .eui-coolbar-item-form .eui-picker > div .eui-icon {
  height: auto;
  color: #666666;
  line-height: 20px;
}
.eui-coolbar-iconmini .eui-coolbar-item-form .eui-form-datasearch .eui-icon {
  width: 24px;
  height: 24px;
}
.eui-coolbar-iconmini .eui-coolbar-item-form .eui-picker-color > div .eui-picker-color-content {
  left: 1px;
  right: 0;
  top: 1px;
  bottom: 1px;
  background-size: 100% 100%;
}
.eui-coolbar-iconmini .eui-coolbar-item-form .eui-picker-color > div .eui-picker-color-content .eui-picker-color-show {
  left: 0;
  right: 0;
}
.eui-coolbar-iconmini .eui-coolbar-line {
  margin-right: 4px;
}
.eui-coolbar-iconmini .eui-coolbar-item-group.eui-coolbar-item-group-first {
  margin-left: 2px;
}
.eui-coolbar-iconmini li:first-child.eui-coolbar-item-group-first {
  margin-left: 0;
}
.eui-coolbar-iconmini .eui-coolbar-item-group-last {
  margin-right: 2px;
}
.eui-coolbar-iconmini .eui-coolbar-item-group-last + .eui-coolbar-line {
  margin-left: -2px;
}
.eui-coolbar-iconmini .eui-coolbar-line + .eui-coolbar-item-group-first {
  margin-left: 0;
}
.eui-coolbar-iconmini .eui-coolbar-line + .eui-coolbar-item-form {
  padding-left: 0;
}

.eui-coolbar-coolone .eui-coolbar-item-group {
  margin-right: 0;
  border-radius: 0;
  border: 1px solid #002982;
  background: #fff;
  color: #002982;
}
.eui-coolbar-coolone .eui-coolbar-item-group + .eui-coolbar-item-group {
  margin-left: -1px;
}
.eui-coolbar-coolone .eui-coolbar-item-group + .eui-coolbar-item-group.eui-coolbar-active {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.eui-coolbar-coolone .eui-coolbar-item-group.eui-coolbar-active {
  background: #002982;
  border-color: #002982;
}
.eui-coolbar-coolone .eui-coolbar-item-group.eui-coolbar-active:hover .eui-icon, .eui-coolbar-coolone .eui-coolbar-item-group.eui-coolbar-active:hover .eui-coolbar-item-text {
  color: #fff;
}
.eui-coolbar-coolone .eui-coolbar-item-group.eui-coolbar-active .eui-icon, .eui-coolbar-coolone .eui-coolbar-item-group.eui-coolbar-active .eui-coolbar-item-text {
  color: #fff;
}
.eui-coolbar-coolone .eui-coolbar-item-group-first {
  border-left-color: #002982;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.eui-coolbar-coolone .eui-coolbar-item-group-last {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.eui-coolbar-coolone .eui-coolbar-line {
  margin-right: 5px;
  height: 26px;
  line-height: 26px;
}
.eui-coolbar-coolone .eui-coolbar-line + .eui-coolbar-line {
  margin-right: 0;
}

.eui-menu-container .eui-menu-item .eui-icon, .eui-menu-container .eui-menu-item .eui-menu-more {
  position: absolute;
  display: block;
  top: 6px;
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 16px;
}

.eui-menu-container .eui-menu-uparrow, .eui-menu-container .eui-menu-downarrow {
  height: 20px;
  text-align: center;
  cursor: pointer;
}
.eui-menu-container .eui-menu-uparrow:before, .eui-menu-container .eui-menu-downarrow:before {
  display: inline-block;
  font-family: eui-icon;
  transform: scale(0.75);
  -webkit-transform: scale(0.75);
  -moz-transform: scale(0.75);
  -ms-transform: scale(0.75);
  -o-transform: scale(0.75);
}
.eui-menu-container .eui-menu-uparrow:hover, .eui-menu-container .eui-menu-downarrow:hover {
  background-color: #dce7ff;
  color: #002982;
}

.eui-menu-container {
  position: absolute;
  z-index: 9;
  min-width: 150px;
  max-width: 300px;
  padding: 5px 10px;
  background: #ffffff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.34);
}
.eui-menu-container .eui-menu-group {
  overflow: hidden;
}
.eui-menu-container .eui-menu-group .eui-menu-item {
  cursor: pointer;
}
.eui-menu-container .eui-menu-group .eui-menu-line {
  border-top: 1px solid #e2e2e2;
}
.eui-menu-container .eui-menu-uparrow:before {
  content: "\ef8c";
}
.eui-menu-container .eui-menu-downarrow:before {
  content: "\ef8d";
}

.eui-menu-container .eui-menu-item {
  position: relative;
  padding: 2px;
  line-height: 24px;
  color: #333;
}
.eui-menu-container .eui-menu-item .eui-icon {
  left: 3px;
}
.eui-menu-container .eui-menu-item span {
  vertical-align: middle;
  display: block;
  margin-left: 24px;
  margin-right: 24px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.eui-menu-container .eui-menu-item .eui-menu-more {
  right: 0;
  left: auto;
  margin: 0;
  color: #557290;
}
.eui-menu-container .eui-menu-item .eui-menu-more:before {
  content: "\ef81";
  display: inline-block;
  font-size: 12px;
  line-height: 100%;
  transform: scale(0.75);
  -webkit-transform: scale(0.75);
  -moz-transform: scale(0.75);
  -ms-transform: scale(0.75);
  -o-transform: scale(0.75);
}
.eui-menu-container .eui-menu-item:hover, .eui-menu-container .eui-menu-item-active {
  color: #002982;
  background: #dce7ff;
}

.eui-menu-nav {
  min-width: 100px;
  background: rgba(31, 48, 74, 0.8);
  box-shadow: none;
  padding: 0;
}
.eui-menu-nav .eui-menu-group > .eui-menu-item {
  line-height: 34px;
}
.eui-menu-nav .eui-menu-group .eui-menu-line {
  border-top: 1px solid rgba(177, 177, 177, 0.8);
}

.eui-menu-nav .eui-menu-item {
  color: #ffffff;
  padding: 0;
}
.eui-menu-nav .eui-menu-item .eui-icon {
  color: #ffffff;
}
.eui-menu-nav .eui-menu-item:hover, .eui-menu-nav .eui-menu-item-active {
  color: #ffffff;
  background: #63738d;
}

.eui-menu-navmain {
  max-width: none;
  width: 430px;
  background: rgba(25, 53, 95, 0.9);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.34);
  padding: 10px 0;
}
.eui-menu-navmain .eui-menu-group .eui-menu-item {
  padding: 15px 20px;
  position: relative;
}
.eui-menu-navmain .eui-menu-group .eui-menu-item:after {
  content: "";
  position: absolute;
  z-index: -2;
  top: 0;
  bottom: 0;
  left: 20px;
  right: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.eui-menu-navmain .eui-menu-group .eui-menu-item:last-child:after {
  border-bottom: 1px solid transparent;
}
.eui-menu-navmain .eui-menu-group .eui-menu-item span {
  margin-left: 0;
  margin-right: 0;
  color: #ffffff;
  font-size: 14px;
}
.eui-menu-navmain .eui-menu-group .eui-menu-item span.eui-menu-desc {
  color: rgba(255, 255, 255, 0.6);
  padding-top: 5px;
  font-size: 12px;
  white-space: normal;
}
.eui-menu-navmain .eui-menu-group .eui-menu-item:hover, .eui-menu-navmain .eui-menu-group .eui-menu-item-active {
  color: #ffffff;
  background: transparent;
}
.eui-menu-navmain .eui-menu-group .eui-menu-item:hover:before, .eui-menu-navmain .eui-menu-group .eui-menu-item-active:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -1px;
  bottom: -1px;
  left: 0;
  right: 0;
  background-color: #16b99c;
}
.eui-menu-navmain .eui-menu-group .eui-menu-item:hover span.eui-menu-desc, .eui-menu-navmain .eui-menu-group .eui-menu-item-active span.eui-menu-desc {
  color: white;
}
.eui-menu-navmain .eui-menu-group .eui-menu-line {
  border-top: 1px solid rgba(177, 177, 177, 0.8);
}

.eui-menu-vert .eui-menu-group > .eui-menu-item {
  padding: 0;
  line-height: 34px;
}
.eui-menu-vert .eui-menu-group > .eui-menu-item .eui-menu-sub-group .eui-menu-vert {
  background: rgba(31, 48, 74, 0.8);
  min-width: 140px;
}
.eui-menu-vert .eui-menu-group > .eui-menu-item .eui-menu-sub-group .eui-menu-vert .eui-menu-item {
  padding: 0 15px;
}

.eui-menu-vert .eui-menu-item span {
  margin-right: 34px;
}
.eui-menu-vert .eui-menu-item .eui-menu-more {
  text-align: center;
  right: 10px;
  transform: rotate(0deg);
  transition: all 0.5s;
}
.eui-menu-vert .eui-menu-item .eui-menu-more:before {
  content: "\ef8f";
}
.eui-menu-vert .eui-menu-item .eui-menu-expanded {
  transform: rotate(90deg);
}

.eui-elist-container .eui-elist-text, .eui-elist-container .eui-elist-text .eui-elist-text-ie9 {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  word-wrap: break-word;
  word-wrap: normal\9;
  word-break: break-all;
}

.eui-elist-container {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: default;
  overflow: hidden;
  background-color: transparent;
}
.eui-elist-container.eui-elist-nobordertop .eui-elist-header td {
  border-top: 0;
}
.eui-elist-container td {
  padding: 2px 7px;
  border-bottom: 1px solid #eeeeee;
  color: #333;
}
.eui-elist-container .eui-elist-col-resizeguide {
  position: absolute;
  width: 0;
  top: 42px;
  bottom: 0;
  border-right: 1px dashed #777;
}
.eui-elist-container .eui-elist-col-resize {
  position: absolute;
  cursor: col-resize;
  z-index: 2;
  width: 5px;
  top: 0;
  height: 42px;
  background-color: #AAB;
}
.eui-elist-container .eui-elist-header {
  position: absolute;
}
.eui-elist-container .eui-elist-header .eui-elist-headertable {
  table-layout: fixed;
  width: 1px;
}
.eui-elist-container .eui-elist-header td {
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: #eeeeee;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
}
.eui-elist-container .eui-elist-header .eui-elist-sort {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 34px;
  line-height: 34px;
  margin-left: 2px;
}
.eui-elist-container .eui-elist-header .eui-elist-sort .eui-icon {
  position: absolute;
  left: 0;
  margin-left: 0;
  width: 16px;
  height: 50%;
  text-align: center;
  color: #aeaeae;
  background-image: none;
  cursor: pointer;
}
.eui-elist-container .eui-elist-header .eui-elist-sort .eui-icon:before {
  position: absolute;
  left: 50%;
  margin-left: -6.5px;
  display: inline-block;
  font-size: 12px;
  line-height: 7px;
  transform: scale(0.75);
  -webkit-transform: scale(0.75);
  -moz-transform: scale(0.75);
  -ms-transform: scale(0.75);
  -o-transform: scale(0.75);
}
.eui-elist-container .eui-elist-header .eui-elist-sort .eui-elist-asc {
  top: 0;
}
.eui-elist-container .eui-elist-header .eui-elist-sort .eui-elist-asc:before {
  content: "\ef7e";
  bottom: 0;
}
.eui-elist-container .eui-elist-header .eui-elist-sort .eui-elist-desc {
  bottom: 0;
}
.eui-elist-container .eui-elist-header .eui-elist-sort .eui-elist-desc:before {
  content: "\ef7f";
  top: 0;
}
.eui-elist-container .eui-elist-header .eui-elist-sort .eui-elist-sort-active {
  color: #002982;
}
.eui-elist-container .eui-elist-header .eui-icon {
  vertical-align: middle;
  margin-left: 5px;
  cursor: pointer;
}
.eui-elist-container .eui-elist-header .eui-elist-cellnum1 .eui-elist-caption, .eui-elist-container .eui-elist-header .eui-elist-cellnum2 .eui-elist-caption, .eui-elist-container .eui-elist-header .eui-elist-cellnum3 .eui-elist-caption {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
.eui-elist-container .eui-elist-header .eui-elist-cellnum1 .eui-elist-caption {
  max-width: calc(100% - 18px);
}
.eui-elist-container .eui-elist-header .eui-elist-cellnum2 .eui-elist-caption {
  max-width: calc(100% - 37px);
}
.eui-elist-container .eui-elist-header .eui-elist-cellnum3 .eui-elist-caption {
  max-width: calc(100% - 48px);
}
.eui-elist-container .eui-elist-caption {
  font-size: 14px;
  color: #777777;
  height: 34px;
  line-height: 34px;
  vertical-align: middle;
  word-wrap: break-word;
  word-break: break-all;
  font-weight: normal;
}
.eui-elist-container .eui-elist-data {
  position: absolute;
  top: 42px;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
}
.eui-elist-container .eui-elist-data .eui-elist-datatable {
  table-layout: fixed;
  width: 1px;
}
.eui-elist-container .eui-elist-data .eui-elist-tips {
  position: relative;
  height: 100%;
  text-align: center;
}
.eui-elist-container .eui-elist-hover td {
  background-color: #ebeef3;
}
.eui-elist-container .eui-elist-active td, .eui-elist-container .eui-elist-active:hover td, .eui-elist-container .eui-elist-checkbox-active td, .eui-elist-container .eui-elist-checkbox-active:hover td {
  background-color: #e5e9f2 !important;
}
.eui-elist-container .eui-elist-matchrow td {
  background-color: #fff0c9 !important;
}
.eui-elist-container .eui-elist-activerow td {
  background-color: #ffce51 !important;
}
.eui-elist-container .eui-elist-text {
  display: block;
  height: 36px;
  line-height: 36px;
}
.eui-elist-container .eui-elist-text .eui-icon {
  margin-right: 5px;
  color: #002982;
  background-image: none;
}
.eui-elist-container .eui-elist-text .eui-elist-text-ie9 {
  width: 100%;
  margin-left: -26px;
  padding-left: 26px;
  vertical-align: top;
}
.eui-elist-container .eui-elist-checkbox {
  width: 32px;
  text-align: center;
}
.eui-elist-container .eui-elist-checkbox .eui-icon {
  margin-left: 0;
  height: 36px;
  line-height: 36px;
}
.eui-elist-container .eui-elist-number {
  width: 45px;
}
.eui-elist-container .eui-elist-index {
  width: 45px;
}
.eui-elist-container .eui-elist-header .eui-elist-header-mask {
  position: absolute;
  right: -50px;
  top: 0px;
  height: 100%;
  width: 50px;
  background-color: #eeeeee;
  border-bottom: 1px solid #eeeeee;
  border-top: 1px solid #eeeeee;
}
.eui-elist-container .eui-list-fixed-container-left, .eui-elist-container .eui-list-fixed-container-right {
  position: absolute;
  top: 0;
  border-right: 0;
}
.eui-elist-container .eui-list-fixed-container-left .eui-elist-data, .eui-elist-container .eui-list-fixed-container-right .eui-elist-data {
  position: relative;
  overflow: hidden;
  background: white;
}
.eui-elist-container .eui-list-fixed-container-left .eui-elist-header td, .eui-elist-container .eui-list-fixed-container-right .eui-elist-header td {
  border-bottom: 0;
}
.eui-elist-container .eui-list-fixed-container-left {
  left: -1px;
  box-shadow: 0px 0px 0px transparent, 0px 0px 0px transparent, 5px -5px 5px rgba(0, 0, 0, 0.1), 0px 0px 0px transparent;
}
.eui-elist-container .eui-list-fixed-container-right {
  right: -1px;
  box-shadow: -5px -5px 5px rgba(0, 0, 0, 0.1), 0px 0px 0px transparent, 0px 0px 0px transparent, 0px 0px 0px transparent;
}
.eui-elist-container .eui-elist-loading {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  background-color: #edf1f7;
  color: #8a8a8a;
}

.eui-elist-container .eui-btn {
  padding: 0 5px;
  height: 36px;
  line-height: 36px;
  border: none;
  background-color: transparent;
  color: #002982;
  position: static\0;
}
.eui-elist-container .eui-btn + .eui-btn {
  margin-left: 5px;
}
.eui-elist-container .eui-btn-disabled, .eui-elist-container .eui-btn-disabled:active, .eui-elist-container .eui-btn-disabled:hover {
  border-color: transparent;
  background-color: transparent;
  color: #c9c9c9;
  cursor: not-allowed;
  opacity: 1;
}
.eui-elist-container .eui-btn-disabled:active:after {
  opacity: 0;
}

.eui-elist-mini td {
  padding: 0 7px;
}
.eui-elist-mini .eui-elist-col-resizeguide {
  top: 28px;
}
.eui-elist-mini .eui-elist-col-resize {
  height: 28px;
}
.eui-elist-mini .eui-elist-header .eui-elist-sort {
  height: 26px;
  line-height: 26px;
}
.eui-elist-mini .eui-elist-caption {
  height: 26px;
  line-height: 26px;
  font-size: 12px;
}
.eui-elist-mini .eui-elist-data {
  top: 26px;
}
.eui-elist-mini .eui-elist-text, .eui-elist-mini .eui-elist-text .eui-btn {
  height: 26px;
  line-height: 26px;
}
.eui-elist-mini .eui-elist-checkbox .eui-icon {
  height: 26px;
  line-height: 26px;
}

.eui-elist-parity .eui-elist-data tr:nth-child(odd) td {
  background-color: #ffffff;
}
.eui-elist-parity .eui-elist-data tr:nth-child(even) td {
  background-color: #f8f8f8;
}

.eui-elist-parity-2 .eui-elist-data tr:nth-child(2n + 0) td {
  background-color: #ffffff;
}
.eui-elist-parity-2 .eui-elist-data tr:nth-child(2n + 1) td {
  background-color: #ffffff;
  border-bottom: none;
}
.eui-elist-parity-2 .eui-elist-data tr:nth-child(4n + 0) td {
  background-color: #f8f8f8;
}
.eui-elist-parity-2 .eui-elist-data tr:nth-child(4n + 3) td {
  background-color: #f8f8f8;
  border-bottom: none;
}

.eui-elist-flow {
  height: auto;
}
.eui-elist-flow .eui-elist-header {
  position: relative;
}
.eui-elist-flow .eui-elist-data {
  position: relative;
  top: 0;
  overflow-y: hidden;
  overflow-x: auto;
}

.eui-elist-border td {
  border-bottom: 1px solid #dadada;
}
.eui-elist-border .eui-elist-header .eui-elist-headertable {
  border-top: 1px solid #dadada;
  border-left: 1px solid #dadada;
  border-right: 1px solid #dadada;
}
.eui-elist-border .eui-elist-header td {
  border-left: 1px solid #dadada;
  background-color: #f2f2f2;
  border-top: 0;
  border-bottom: 1px solid #dadada;
}
.eui-elist-border .eui-elist-header td:first-child {
  border-left: none;
}
.eui-elist-border .eui-elist-caption {
  color: #333;
}
.eui-elist-border .eui-elist-data .eui-elist-datatable {
  border-right: 1px solid #dadada;
}
.eui-elist-border .eui-elist-data td {
  border-left: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
}
.eui-elist-border .eui-elist-data tr:nth-child(odd) td {
  background-color: #ffffff;
}
.eui-elist-border .eui-elist-data tr:nth-child(even) td {
  background-color: #f4f4f4;
}

.eui-elist-twoheader .eui-elist-col-resize {
  height: 84px;
}
.eui-elist-twoheader .eui-elist-header td {
  position: static;
}

.eui-elist-complex {
  border: 1px solid #dadada;
}
.eui-elist-complex .eui-elist-header .eui-elist-header-mask {
  height: 100%;
  border-bottom: 1px solid #dadada;
  border-top: 0;
  background: #f2f2f2;
}
.eui-elist-complex .eui-elist-header .eui-elist-headertable {
  width: auto;
}
.eui-elist-complex .eui-elist-header td {
  border-bottom: 1px solid #dadada;
  border-right: 1px solid #dadada;
  border-top: 0;
  border-left: 0;
  background: #f2f2f2;
  position: inherit;
}
.eui-elist-complex td {
  padding-left: 0;
  padding-right: 0;
  border-bottom: 1px solid #dadada;
  border-right: 1px solid #dadada;
}
.eui-elist-complex td .eui-elist-cell {
  padding: 0 7px;
}
.eui-elist-complex .eui-elist-checkbox .eui-elist-cell {
  width: 32px;
}
.eui-elist-complex .eui-elist-index .eui-elist-cell {
  width: 44px;
}
.eui-elist-complex .eui-list-fixed-container-left, .eui-elist-complex .eui-list-fixed-container-right {
  top: -1px;
}
.eui-elist-complex .eui-list-fixed-container-left .eui-elist-header td, .eui-elist-complex .eui-list-fixed-container-right .eui-elist-header td {
  border-bottom: 1px solid #dadada;
}

.eui-listbox-container {
  width: 100%;
  outline: 0;
  padding: 15px 20px;
  overflow-x: hidden !important;
  overflow-y: auto;
}
.eui-listbox-container .eui-listbox-group {
  clear: both;
  *zoom: 1;
  margin: -5px -5px 10px -5px;
}
.eui-listbox-container .eui-listbox-group:after {
  content: '\20';
  clear: both;
  *zoom: 1;
  display: block;
  height: 0;
}
.eui-listbox-container .eui-listbox-group > li {
  padding: 5px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.eui-listbox-container .eui-listbox-group > li, .eui-listbox-container .eui-listbox-group .eui-listbox-item {
  float: left;
}
.eui-listbox-container .eui-listbox-group .eui-listbox-item:hover .eui-link-box, .eui-listbox-container .eui-listbox-group .eui-listbox-item-check .eui-link-box {
  box-shadow: 0 0 0 1px #002982;
  background-color: #dce7ff;
}
.eui-listbox-container .eui-listbox-group .eui-listbox-caption {
  float: none;
  width: 100%;
  display: block;
  height: 36px;
  line-height: 36px;
  padding: 0;
  margin-bottom: 5px;
  border-bottom: 1px solid #dfe3e8;
  font-size: 14px;
  font-weight: 700;
  color: #002982;
}
.eui-listbox-container .eui-listbox-group .eui-develop, .eui-listbox-container .eui-listbox-group .eui-nomay {
  display: inline-block;
  color: #fff;
  font-size: 12px;
  padding: 0 5px;
  border-radius: 5px;
  font-style: inherit;
  margin-left: 10px;
  position: relative;
  height: 24px;
  line-height: 24px;
}
.eui-listbox-container .eui-listbox-group .eui-develop:after, .eui-listbox-container .eui-listbox-group .eui-nomay:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  left: -10px;
  top: 50%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
}
.eui-listbox-container .eui-listbox-group .eui-develop:after {
  border-color: transparent #ffb800 transparent transparent;
}
.eui-listbox-container .eui-listbox-group .eui-nomay:after {
  border-color: transparent #fe4251 transparent transparent;
}
.eui-listbox-container .eui-listbox-group .eui-develop {
  display: none;
  background-color: #ffb800;
}
.eui-listbox-container .eui-listbox-group .eui-nomay {
  display: none;
  background-color: #fe4251;
}
.eui-listbox-container .eui-listbox-group.eui-group-nodevelop .eui-listbox-caption, .eui-listbox-container .eui-listbox-group.eui-group-nomay .eui-listbox-caption {
  color: #747d8c;
  cursor: not-allowed;
}
.eui-listbox-container .eui-listbox-group.eui-group-nodevelop .eui-listbox-caption .eui-develop, .eui-listbox-container .eui-listbox-group.eui-group-nodevelop .eui-listbox-caption .eui-nomay, .eui-listbox-container .eui-listbox-group.eui-group-nomay .eui-listbox-caption .eui-develop, .eui-listbox-container .eui-listbox-group.eui-group-nomay .eui-listbox-caption .eui-nomay {
  background-color: #e1e1e1;
  color: #777;
  transform: scale(0.8);
  margin-left: 5px;
}
.eui-listbox-container .eui-listbox-group.eui-group-nodevelop .eui-listbox-caption .eui-develop:after, .eui-listbox-container .eui-listbox-group.eui-group-nodevelop .eui-listbox-caption .eui-nomay:after, .eui-listbox-container .eui-listbox-group.eui-group-nomay .eui-listbox-caption .eui-develop:after, .eui-listbox-container .eui-listbox-group.eui-group-nomay .eui-listbox-caption .eui-nomay:after {
  border-color: transparent #e1e1e1 transparent transparent;
}
.eui-listbox-container .eui-listbox-group.eui-group-nodevelop .eui-listbox-item .eui-link-box, .eui-listbox-container .eui-listbox-group.eui-group-nodevelop .eui-listbox-item:hover .eui-link-box, .eui-listbox-container .eui-listbox-group.eui-group-nodevelop .eui-listbox-item-check .eui-link-box, .eui-listbox-container .eui-listbox-group.eui-group-nomay .eui-listbox-item .eui-link-box, .eui-listbox-container .eui-listbox-group.eui-group-nomay .eui-listbox-item:hover .eui-link-box, .eui-listbox-container .eui-listbox-group.eui-group-nomay .eui-listbox-item-check .eui-link-box {
  box-shadow: 0 0 0 1px transparent;
  background-color: transparent;
  cursor: not-allowed;
  opacity: 0.6;
}
.eui-listbox-container .eui-listbox-group.eui-group-nodevelop .eui-develop {
  display: inline-block;
}
.eui-listbox-container .eui-listbox-group.eui-group-nomay .eui-nomay {
  display: inline-block;
}

.eui-listbox-sqlbox {
  outline: 0;
  padding: 0;
}
.eui-listbox-sqlbox .eui-listbox-group {
  margin: 0;
}
.eui-listbox-sqlbox .eui-listbox-group > li {
  padding: 0;
  margin-left: 10px;
  margin-right: 10px;
}
.eui-listbox-sqlbox .eui-listbox-group .eui-listbox-item:hover .eui-link-box, .eui-listbox-sqlbox .eui-listbox-group .eui-listbox-item-check .eui-link-box {
  box-shadow: none;
  background-color: transparent;
}
.eui-listbox-sqlbox .eui-listbox-group .eui-listbox-item:hover .eui-link-box .eui-icon, .eui-listbox-sqlbox .eui-listbox-group .eui-listbox-item-check .eui-link-box .eui-icon {
  background-color: #dce7ff;
}
.eui-listbox-sqlbox .eui-link-box {
  position: relative;
  display: inline-block;
  width: 90px;
  height: 90px;
  padding: 5px;
  background-color: transparent;
  color: #333;
  white-space: nowrap;
  font-size: 14px;
  cursor: pointer;
  clear: both;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.eui-listbox-sqlbox .eui-link-box > span {
  display: block;
  margin-top: 3px;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: normal;
  text-align: center;
}
.eui-listbox-sqlbox .eui-link-box .sub {
  display: none;
  position: absolute;
  top: 26px;
  right: 5px;
  left: 50px;
  font-size: 12px;
  font-weight: normal;
  color: #666;
}
.eui-listbox-sqlbox .eui-link-box + .eui-listbox-sqlbox .eui-link-box {
  margin-left: 10px;
}
.eui-listbox-sqlbox .eui-link-box .eui-icon {
  display: block;
  width: 100%;
  height: 50px;
  float: none;
  margin-right: 0;
  border: 1px solid #002982;
  color: #002982;
  font-size: 40px;
  line-height: 50px;
  text-align: center;
  vertical-align: bottom;
  vertical-align: middle\9;
}
.eui-listbox-sqlbox .eui-text-twolines > span {
  font-size: 12px;
  height: 40px;
  padding: 2px 0;
  line-height: 18px;
}

.eui-listbox-rulebox {
  outline: 0;
  padding: 0;
}
.eui-listbox-rulebox .eui-listbox-group {
  margin: 10px 0;
}
.eui-listbox-rulebox .eui-listbox-group > li {
  padding: 0;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 20px;
}
.eui-listbox-rulebox .eui-listbox-group .eui-listbox-item:hover .eui-link-box, .eui-listbox-rulebox .eui-listbox-group .eui-listbox-item-check .eui-link-box {
  box-shadow: 0 0 8px #d0d8e0;
  border: #002982 2px solid;
  background-color: transparent;
}
.eui-listbox-rulebox .eui-listbox-group .eui-listbox-item:hover .eui-link-box .eui-icon, .eui-listbox-rulebox .eui-listbox-group .eui-listbox-item-check .eui-link-box .eui-icon {
  background-color: transparent;
}
.eui-listbox-rulebox .eui-link-box {
  position: relative;
  display: inline-block;
  width: 226px;
  height: 144px;
  border: #e5e5e5 1px solid;
  padding: 5px;
  background-color: transparent;
  color: #333;
  white-space: nowrap;
  font-size: 14px;
  cursor: pointer;
  clear: both;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.eui-listbox-rulebox .eui-link-box > span {
  display: block;
  margin-top: 3px;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: normal;
  text-align: center;
}
.eui-listbox-rulebox .eui-link-box .eui-icon {
  display: block;
  width: 100%;
  height: 70px;
  float: none;
  margin-right: 0;
  color: #002982;
  font-size: 40px;
  line-height: 50px;
  text-align: center;
  vertical-align: bottom;
  vertical-align: middle \9;
}
.eui-listbox-rulebox .eui-link-box .eui-icon .eui-icon-svg {
  width: 1.2em;
  height: 1.75em;
}

.eui-listbox-analysis {
  outline: 0;
  padding: 0;
}
.eui-listbox-analysis .eui-listbox-group {
  margin: 0;
}
.eui-listbox-analysis .eui-listbox-group > li {
  padding: 0;
  margin-left: 0;
  padding-left: 5px;
  padding-top: 5px;
  padding-right: 15px;
  padding-bottom: 15px;
  width: 25.5%;
}
.eui-listbox-analysis .eui-listbox-group > li:nth-child(n+2):nth-child(4n) {
  padding-right: 5px;
  width: 23.5%;
}
.eui-listbox-analysis .eui-listbox-group:last-child > li {
  padding-bottom: 5px;
}
.eui-listbox-analysis .eui-listbox-group .eui-listbox-item:hover .eui-link-box, .eui-listbox-analysis .eui-listbox-group .eui-listbox-item-check .eui-link-box {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.17);
  background-color: #f5f7fa;
}
.eui-listbox-analysis .eui-listbox-group .eui-listbox-item:hover .eui-link-box .eui-icon, .eui-listbox-analysis .eui-listbox-group .eui-listbox-item-check .eui-link-box .eui-icon {
  background-color: #dce7ff;
}
.eui-listbox-analysis .eui-listbox-group .eui-listbox-item:hover .eui-link-box:before, .eui-listbox-analysis .eui-listbox-group .eui-listbox-item-check .eui-link-box:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: #002982 2px solid;
}
.eui-listbox-analysis .eui-link-box {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 210px;
  border: #e5e5e5 1px solid;
  padding: 0;
  background-color: #f5f7fa;
  color: #333;
  white-space: nowrap;
  font-size: 14px;
  cursor: pointer;
  clear: both;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.eui-listbox-analysis .eui-link-box > span {
  display: block;
  padding-top: 3px;
  margin: 0 20px;
  font-weight: normal;
  text-align: center;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.eui-listbox-analysis .eui-link-box .eui-animat-emeta {
  width: 90px;
  height: 90px;
  margin: 15px auto 10px auto;
  position: relative;
}
.eui-listbox-analysis .eui-link-box .eui-link {
  font-size: 16px;
}
.eui-listbox-analysis .eui-link-box .eui-weaken {
  font-size: 12px;
}

@media screen and (max-width: 1316px) {
  .eui-listbox-analysis .eui-link-box .eui-animat-emeta {
    transform: scale(0.8);
  }
  .eui-listbox-analysis .eui-link-box .eui-animat-emeta + span.eui-link {
    margin-top: -10px;
  }
}
@media screen and (max-width: 974px) {
  .eui-listbox-analysis .eui-link-box .eui-animat-emeta {
    transform: scale(0.6);
  }
  .eui-listbox-analysis .eui-link-box .eui-animat-emeta + span.eui-link {
    margin-top: -20px;
  }
}
.eui-listbox-adapter {
  outline: 0;
  padding: 0;
}
.eui-listbox-adapter .eui-listbox-group {
  margin: 0;
}
.eui-listbox-adapter .eui-listbox-group > li {
  padding: 0;
  margin-left: 0;
  padding-left: 5px;
  padding-top: 5px;
  padding-right: 15px;
  padding-bottom: 15px;
  width: 298px;
}
.eui-listbox-adapter .eui-listbox-group .eui-listbox-item:hover .eui-link-box .adapter-title .eui-icon, .eui-listbox-adapter .eui-listbox-group .eui-listbox-item-check .eui-link-box .adapter-title .eui-icon {
  display: inline-block;
}
.eui-listbox-adapter .eui-listbox-group .eui-listbox-item:hover .eui-link-box {
  box-shadow: 0 0 5px #002982;
  border: #00298280 1px solid;
  background-color: #f5faff;
}
.eui-listbox-adapter .eui-listbox-group .eui-listbox-item-check .eui-link-box {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  border: #002982 1px solid;
  background-color: #fff;
}
.eui-listbox-adapter .eui-link-box {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 140px;
  border: #edf3fa 1px solid;
  padding: 3px 15px;
  background-color: #edf3fa;
  color: #333;
  white-space: nowrap;
  font-size: 12px;
  cursor: pointer;
  border-radius: 3px;
  clear: both;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.eui-listbox-adapter .eui-link-box .adapter-title {
  display: block;
  line-height: 40px;
}
.eui-listbox-adapter .eui-link-box .adapter-title .eui-icon {
  font-size: 16px;
  float: right;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  margin-right: 0;
  margin-top: 10px;
  font-weight: normal;
  color: #002982;
  background-image: none;
  display: none;
}
.eui-listbox-adapter .eui-link-box .adapter-title .eui-link {
  float: left;
  font-size: 14px;
  font-weight: normal;
}
.eui-listbox-adapter .eui-link-box .eui-form-item {
  margin-bottom: 0;
}
.eui-listbox-adapter .eui-link-box .eui-form-item .eui-form-label {
  text-align: left;
  color: #8a8a8a;
}
.eui-listbox-adapter .eui-link-box .eui-form-item .eui-input-block > span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  word-wrap: break-word;
  word-wrap: normal\9;
  word-break: break-all;
}

.eui-listbox-adapter-card .eui-listbox-group > li {
  padding-right: 5px;
  padding-bottom: 5px;
  width: 260px;
  margin: 0 auto;
}
.eui-listbox-adapter-card .eui-listbox-group > li, .eui-listbox-adapter-card .eui-listbox-group .eui-listbox-item {
  float: none;
}
.eui-listbox-adapter-card .eui-listbox-group .eui-listbox-item:hover .eui-link-box, .eui-listbox-adapter-card .eui-listbox-group .eui-listbox-item-check .eui-link-box {
  box-shadow: 0 0 5px #a0bcc1;
}
.eui-listbox-adapter-card .eui-link-box {
  height: 140px;
  padding: 5px 15px;
}
.eui-listbox-adapter-card .eui-link-box .adapter-title {
  line-height: 30px;
  margin-top: 0;
}
.eui-listbox-adapter-card .eui-link-box .adapter-title .eui-icon {
  margin-top: 5px;
}
.eui-listbox-adapter-card .eui-link-box .adapter-title > a:first-child {
  width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  word-wrap: break-word;
  word-wrap: normal\9;
  word-break: break-all;
}
.eui-listbox-adapter-card .eui-link-box .eui-form-item .eui-form-label {
  line-height: 22px;
}
.eui-listbox-adapter-card .eui-link-box .eui-form-item .eui-input-block {
  min-height: 22px;
  line-height: 22px;
}
.eui-listbox-adapter-card .eui-link-box .eui-form-item .eui-input-block > span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  word-wrap: break-word;
  word-wrap: normal\9;
  word-break: break-all;
}

.eui-listbox-bbs .eui-listbox-group > li {
  padding-right: 10px;
  padding-bottom: 5px;
  width: 300px;
  margin: 0 auto;
}
.eui-listbox-bbs .eui-listbox-group .eui-listbox-item:hover .eui-link-box, .eui-listbox-bbs .eui-listbox-group .eui-listbox-item-check .eui-link-box {
  border: 1px solid #002982;
  border-bottom-width: 3px;
  background-color: #fff;
  box-shadow: none;
}
.eui-listbox-bbs .eui-link-box {
  height: 100px;
  padding: 5px 15px;
  background-color: #fff;
  border: 1px solid #d2d6db;
  border-bottom-width: 3px;
  overflow: hidden;
}
.eui-listbox-bbs .eui-link-box .adapter-title {
  line-height: 26px;
  padding-bottom: 5px;
  margin-top: 0;
  font-size: 14px;
  font-weight: normal;
}
.eui-listbox-bbs .eui-link-box .adapter-title .eui-icon {
  margin-top: 2px;
  margin-left: 0;
  cursor: pointer;
  color: #557290;
}
.eui-listbox-bbs .eui-link-box .adapter-title .eui-icon:hover {
  color: #002982;
}
.eui-listbox-bbs .eui-link-box .adapter-title label {
  cursor: pointer;
  display: block;
  margin-right: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  word-wrap: break-word;
  word-wrap: normal\9;
  word-break: break-all;
}
.eui-listbox-bbs .eui-link-box .adapter-title label:hover {
  color: #002982;
}
.eui-listbox-bbs .eui-link-box .eui-icon {
  float: none;
  margin-right: 0;
  margin-left: 10px;
  width: 14px;
  height: 14px;
  line-height: 24px;
  vertical-align: top;
  background-image: none;
}
.eui-listbox-bbs .eui-link-box .eui-bbs-group {
  height: 50px;
  position: relative;
}
.eui-listbox-bbs .eui-link-box .eui-bbs-group .eui-inline-block {
  vertical-align: top;
}
.eui-listbox-bbs .eui-link-box .eui-bbs-group .eui-group-icon {
  float: left;
  margin-right: 10px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #eaeaea;
  text-align: center;
}
.eui-listbox-bbs .eui-link-box .eui-bbs-group .eui-group-icon .eui-icon {
  margin-left: 0;
  line-height: 50px;
  color: #b9c4cf;
}
.eui-listbox-bbs .eui-link-box .eui-bbs-group .eui-group-icon .eui-icon-active {
  color: #002982;
}
.eui-listbox-bbs .eui-link-box .eui-bbs-group > div:not(.eui-group-icon) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.eui-listbox-bbs .eui-link-box .eui-bbs-group .eui-group-time {
  /*& > i {
  	position: absolute;
  	bottom: 6px;
  	right: 0;
  	font-style: normal;
  }*/
}
.eui-listbox-bbs .eui-link-box .eui-bbs-group .eui-link {
  cursor: default;
}

.eui-listbox-file .eui-listbox-group > li {
  padding-right: 10px;
  padding-bottom: 5px;
  width: 300px;
  margin: 0 auto;
}
.eui-listbox-file .eui-listbox-group .eui-listbox-item:hover .eui-link-box, .eui-listbox-file .eui-listbox-group .eui-listbox-item-check .eui-link-box {
  border: 1px solid #002982;
  background-color: #f1f9fa;
  box-shadow: none;
}
.eui-listbox-file .eui-listbox-group .eui-listbox-item:hover .eui-link-box .eui-file-title, .eui-listbox-file .eui-listbox-group .eui-listbox-item-check .eui-link-box .eui-file-title {
  font-weight: 700;
}
.eui-listbox-file .eui-listbox-group .eui-listbox-item:hover .eui-link-box .eui-file-topright, .eui-listbox-file .eui-listbox-group .eui-listbox-item-check .eui-link-box .eui-file-topright {
  display: block;
}
.eui-listbox-file .eui-listbox-group .eui-listbox-item:hover .eui-file-bottom-icon, .eui-listbox-file .eui-listbox-group .eui-listbox-item-check:hover .eui-file-bottom-icon {
  display: block;
}
.eui-listbox-file .eui-link-box {
  height: 100px;
  padding: 10px;
  background-color: #fff;
  border: 1px solid transparent;
  overflow: hidden;
  position: relative;
}
.eui-listbox-file .eui-link-box label {
  color: #8a8a8a;
}
.eui-listbox-file .eui-link-box .eui-attribute-title {
  display: inline-block;
  width: 60px;
}
.eui-listbox-file .eui-link-box .eui-file-title {
  color: #002982;
  word-break: break-all;
  white-space: normal;
}
.eui-listbox-file .eui-link-box .eui-group-icon {
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
  width: 70px;
  height: 70px;
  text-align: center;
}
.eui-listbox-file .eui-link-box .eui-group-icon .eui-icon {
  margin-left: 0;
  font-size: 60px;
  line-height: 60px;
}
.eui-listbox-file .eui-link-box .eui-file-form {
  display: block;
  margin-left: 70px;
}
.eui-listbox-file .eui-link-box .eui-file-topright {
  display: none;
  position: absolute;
  right: 3px;
  top: 3px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #c9c9c9;
}
.eui-listbox-file .eui-link-box .eui-file-topright .eui-icon {
  color: #fff;
  width: 18px;
  height: 18px;
  line-height: 20px;
  font-size: 12px;
  text-align: center;
}
.eui-listbox-file .eui-link-box-active {
  background-color: #e0f6fb;
}
.eui-listbox-file .eui-link-box-active .eui-file-topright {
  background-color: #002982;
  display: inline-block;
}
.eui-listbox-file .eui-link-box .eui-file-bottom-icon {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 30px;
  padding: 5px 0;
  background-color: rgba(0, 0, 0, 0.3);
}
.eui-listbox-file .eui-link-box .eui-file-bottom-icon .eui-icon {
  color: white;
  float: left;
  width: 25%;
  margin-right: 0;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  text-align: center;
  border-right: 1px solid rgba(255, 255, 255, 0.7);
}
.eui-listbox-file .eui-link-box .eui-file-bottom-icon .eui-icon:last-child {
  border-right: 0;
}
.eui-listbox-file .eui-link-box .eui-file-bottom-icon .eui-icon:hover {
  color: rgba(255, 255, 255, 0.6);
}
.eui-listbox-file .eui-link-box-folder .eui-group-icon .eui-icon {
  color: #efc112;
}
.eui-listbox-file .eui-link-box-folder .eui-file-bottom-icon .eui-icon {
  width: 33.33%;
}

.eui-listbox-formlist .eui-listbox-group > li {
  padding-right: 10px;
  padding-bottom: 5px;
  width: 300px;
  margin: 0 auto;
}
.eui-listbox-formlist .eui-listbox-group .eui-listbox-item:hover .eui-link-box, .eui-listbox-formlist .eui-listbox-group .eui-listbox-item-check .eui-link-box {
  border: 1px solid #002982;
  background-color: transparent;
  box-shadow: none;
}
.eui-listbox-formlist .eui-listbox-group .eui-listbox-item:hover .eui-link-box .eui-file-title, .eui-listbox-formlist .eui-listbox-group .eui-listbox-item-check .eui-link-box .eui-file-title {
  font-weight: 700;
}
.eui-listbox-formlist .eui-listbox-group .eui-listbox-item:hover .eui-link-box .eui-file-topright, .eui-listbox-formlist .eui-listbox-group .eui-listbox-item-check .eui-link-box .eui-file-topright {
  display: block;
}
.eui-listbox-formlist .eui-link-box {
  height: 120px;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  overflow: hidden;
}
.eui-listbox-formlist .eui-link-box label {
  color: #8a8a8a;
}
.eui-listbox-formlist .eui-link-box .eui-attribute-title {
  display: inline-block;
  width: 60px;
}
.eui-listbox-formlist .eui-link-box .eui-file-title {
  color: #404040;
  word-break: break-all;
  white-space: normal;
}
.eui-listbox-formlist .eui-link-box .eui-group-icon {
  width: 60px;
  height: 60px;
  float: left;
  background-color: #f3f6f9;
  border-radius: 50%;
  margin-top: 5px;
  box-shadow: 1px 1px 1px #cad0d5;
  text-align: center;
  line-height: 60px;
  overflow: hidden;
}
.eui-listbox-formlist .eui-link-box .eui-group-icon .eui-icon {
  float: none;
  font-size: 28px;
  vertical-align: middle;
  margin-right: 0;
}
.eui-listbox-formlist .eui-link-box .eui-file-form {
  display: block;
  margin-left: 70px;
}
.eui-listbox-formlist .eui-link-box .eui-file-form:nth-child(2), .eui-listbox-formlist .eui-link-box .eui-file-form:nth-child(3) {
  line-height: 20px;
}
.eui-listbox-formlist .eui-link-box .eui-formlist-btn {
  margin-top: 5px;
}
.eui-listbox-formlist .eui-link-box .eui-formlist-btn .eui-btn {
  margin-left: 0 !important;
  margin-right: 10px;
}

.eui-listbox-btn .eui-listbox-group > li {
  /*padding-right: 10px;
  padding-bottom: 5px;
  width: 300px;
  margin: 0 auto;*/
}
.eui-listbox-btn .eui-listbox-group .eui-listbox-item:hover .eui-link-box, .eui-listbox-btn .eui-listbox-group .eui-listbox-item-check .eui-link-box {
  border: 1px solid #002982;
  background-color: #f1f9fa;
  box-shadow: none;
}
.eui-listbox-btn .eui-listbox-group .eui-listbox-item:hover .eui-link-box .eui-file-topright, .eui-listbox-btn .eui-listbox-group .eui-listbox-item-check .eui-link-box .eui-file-topright {
  display: block;
}
.eui-listbox-btn .eui-listbox-group .eui-listbox-item:hover .eui-link-box label, .eui-listbox-btn .eui-listbox-group .eui-listbox-item-check .eui-link-box label {
  color: #002982;
}
.eui-listbox-btn .eui-listbox-group .eui-listbox-item:hover .eui-file-bottom-icon, .eui-listbox-btn .eui-listbox-group .eui-listbox-item-check:hover .eui-file-bottom-icon {
  display: block;
}
.eui-listbox-btn .eui-listbox-group .eui-listbox-item:hover .eui-icon-edit, .eui-listbox-btn .eui-listbox-group .eui-listbox-item:hover .eui-icon-delete, .eui-listbox-btn .eui-listbox-group .eui-listbox-item-check:hover .eui-icon-edit, .eui-listbox-btn .eui-listbox-group .eui-listbox-item-check:hover .eui-icon-delete {
  display: inline-block;
}
.eui-listbox-btn .eui-link-box {
  height: auto;
  width: auto;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 6px;
  padding-right: 40px;
  background-color: #f5f5f5;
  border: 1px solid #e2e2e2;
  overflow: initial;
  line-height: 26px;
  cursor: auto;
  position: relative;
}
.eui-listbox-btn .eui-link-box label {
  color: #404040;
}
.eui-listbox-btn .eui-link-box .eui-icon-edit, .eui-listbox-btn .eui-link-box .eui-icon-delete {
  display: none;
  cursor: pointer;
}
.eui-listbox-btn .eui-link-box .eui-icon-edit {
  position: absolute;
  right: 17px;
  top: 4px;
  margin: 0;
}
.eui-listbox-btn .eui-link-box .eui-icon-delete {
  position: absolute;
  right: 0px;
  top: 4px;
  margin: 0;
}
.eui-listbox-btn .eui-link-box .eui-icon {
  font-size: 12px;
  width: 18px;
  height: 18px;
  float: none;
  line-height: 18px;
  vertical-align: middle;
}
.eui-listbox-btn .eui-link-box .eui-file-topright {
  display: none;
  position: absolute;
  right: -10px;
  top: -10px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #c9c9c9;
}
.eui-listbox-btn .eui-link-box .eui-file-topright .eui-icon {
  color: #fff;
  width: 18px;
  height: 18px;
  line-height: 19px;
  font-size: 12px;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
}
.eui-listbox-btn .eui-link-box-active {
  border: 1px solid #002982;
  background-color: #e0f6fb;
}
.eui-listbox-btn .eui-link-box-active .eui-file-topright {
  background-color: #002982;
  display: inline-block;
}

.eui-asset-list .eui-listbox-group > li {
  width: 50%;
  min-width: 414px;
  padding: 5px 10px 15px;
}
.eui-asset-list .eui-listbox-group > li .eui-asset-list-box {
  height: 300px;
  border-radius: 10px;
  box-shadow: 0 4px 5px #d9d7df;
  background-color: #fff;
  position: relative;
  overflow: hidden;
}
.eui-asset-list .eui-listbox-group > li .eui-asset-list-box .eui-asset-list-box-img {
  /*background: url("../../../images/listbox_bg.png");*/
  width: 500px;
  height: 500px;
  position: absolute;
  left: 430px;
  top: 44px;
  transform: rotate(-37deg);
}
.eui-asset-list .eui-listbox-group > li .eui-asset-list-box .eui-asset-list-box-topborder {
  width: 99.9%;
  height: 3px;
  background-image: linear-gradient(to right, #02b4d0, #03cfab);
  position: absolute;
  left: 0;
  top: 0;
}
.eui-asset-list .eui-listbox-group > li .eui-asset-list-box .eui-asset-list-stretch {
  animation: stretch 0.7s;
}
.eui-asset-list .eui-listbox-group > li .eui-asset-list-box:hover {
  box-shadow: 0 4px 20px #bebdc2;
}
.eui-asset-list .eui-listbox-group > li .eui-asset-list-box .eui-asset-title {
  font-size: 20px;
  color: #384a63;
  font-weight: bold;
  padding: 18px 20px 0;
  position: relative;
  height: 75px;
  cursor: pointer;
  transition: color 0.5s;
}
.eui-asset-list .eui-listbox-group > li .eui-asset-list-box .eui-asset-title .eui-asset-title-sub {
  font-size: 12px;
  font-weight: normal;
  line-height: 30px;
  transition: color 0.5s;
}
.eui-asset-list .eui-listbox-group > li .eui-asset-list-box .eui-asset-title .eui-asset-title-sub .eui-icon {
  margin-right: 5px;
  transition: color 0.5s;
}
.eui-asset-list .eui-listbox-group > li .eui-asset-list-box .eui-asset-title > * {
  position: relative;
  z-index: 2;
  vertical-align: middle;
}
.eui-asset-list .eui-listbox-group > li .eui-asset-list-box .eui-asset-title > .eui-form-checkbox {
  padding-right: 10px;
}
.eui-asset-list .eui-listbox-group > li .eui-asset-list-box .eui-asset-title:hover {
  color: #fff;
}
.eui-asset-list .eui-listbox-group > li .eui-asset-list-box .eui-asset-title:hover .eui-asset-title-sub {
  color: #fff !important;
}
.eui-asset-list .eui-listbox-group > li .eui-asset-list-box .eui-asset-title:hover .eui-asset-title-sub .eui-icon {
  color: #fff !important;
}
.eui-asset-list .eui-listbox-group > li .eui-asset-list-box .eui-asset-title:hover .eui-asset-title-bg {
  height: 100%;
}
.eui-asset-list .eui-listbox-group > li .eui-asset-list-box .eui-asset-title .eui-asset-title-bg {
  background-image: linear-gradient(to right, #24008d 60%, #0f83a0 100%);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 0;
  overflow: hidden;
  transition: height 0.5s;
}
.eui-asset-list .eui-listbox-group > li .eui-asset-list-box .eui-asset-title .eui-asset-title-bg .eui-asset-title-bg-cloud {
  position: absolute;
  width: 100%;
  height: 100%;
}
.eui-asset-list .eui-listbox-group > li .eui-asset-list-box .eui-asset-title .eui-asset-title-bg .eui-asset-title-bg-cloud > span {
  display: block;
  position: absolute;
  bottom: 0;
}
.eui-asset-list .eui-listbox-group > li .eui-asset-list-box .eui-asset-title .eui-asset-title-bg .eui-asset-title-bg-cloud > span:nth-child(1) {
  bottom: 0;
  left: 200px;
  /*background: url("../../../images/asset_cloud01.png") bottom center no-repeat;*/
  width: 303px;
  height: 36px;
  animation: cloudY 2.2s infinite 0.7s alternate;
}
.eui-asset-list .eui-listbox-group > li .eui-asset-list-box .eui-asset-title .eui-asset-title-bg .eui-asset-title-bg-cloud > span:nth-child(2) {
  bottom: -5px;
  left: 0;
  /*background: url("../../../images/asset_cloud02.png") bottom center no-repeat;*/
  width: 100%;
  height: 59px;
  animation: cloudY 2.2s infinite alternate;
}
.eui-asset-list .eui-listbox-group > li .eui-asset-list-box .eui-asset-title .eui-asset-title-bg .eui-asset-title-bg-cloud > span:nth-child(3) {
  bottom: 0;
  right: 30px;
  /*background: url("../../../images/asset_cloud03.png") bottom center no-repeat;*/
  width: 210px;
  height: 42px;
  animation: cloudX 3s infinite alternate;
}
.eui-asset-list .eui-listbox-group > li .eui-asset-list-box .eui-asset-title .eui-asset-title-bg .eui-asset-title-bg-cloud > span:nth-child(4) {
  bottom: 0;
  right: 0;
  /*background: url("../../../images/asset_cloud04.png") bottom center no-repeat;*/
  width: 254px;
  height: 35px;
  animation: cloudX 3s infinite 1s alternate;
}
.eui-asset-list .eui-listbox-group > li .eui-asset-list-box .eui-asset-title .eui-asset-title-bg .eui-asset-title-bg-light {
  position: absolute;
  width: 100%;
  height: 100%;
}
.eui-asset-list .eui-listbox-group > li .eui-asset-list-box .eui-asset-title .eui-asset-title-bg .eui-asset-title-bg-light > span {
  display: block;
  position: absolute;
  width: 1px;
  height: 14px;
  /*background: url("../../../images/asset_light.png") center no-repeat;*/
  animation: flowUp 1s infinite;
}
.eui-asset-list .eui-listbox-group > li .eui-asset-list-box .eui-asset-title .eui-asset-title-bg .eui-asset-title-bg-light > span:nth-child(1) {
  left: 43%;
  bottom: -10px;
  animation-delay: 0.3s;
}
.eui-asset-list .eui-listbox-group > li .eui-asset-list-box .eui-asset-title .eui-asset-title-bg .eui-asset-title-bg-light > span:nth-child(2) {
  left: 60%;
  bottom: -4px;
  animation-delay: 0.1s;
}
.eui-asset-list .eui-listbox-group > li .eui-asset-list-box .eui-asset-title .eui-asset-title-bg .eui-asset-title-bg-light > span:nth-child(3) {
  left: 67%;
  bottom: 0;
  animation-delay: 0.6s;
}
.eui-asset-list .eui-listbox-group > li .eui-asset-list-box .eui-asset-title .eui-asset-title-bg .eui-asset-title-bg-light > span:nth-child(4) {
  left: 75%;
  bottom: -6px;
  animation-delay: 0.2s;
}
.eui-asset-list .eui-listbox-group > li .eui-asset-list-box .eui-asset-title .eui-asset-title-bg .eui-asset-title-bg-light > span:nth-child(5) {
  left: 82%;
  bottom: -4px;
  animation-delay: 0.5s;
}
.eui-asset-list .eui-listbox-group > li .eui-asset-list-box .eui-asset-title .eui-asset-title-bg .eui-asset-title-bg-light > span:nth-child(6) {
  left: 88%;
  bottom: 0;
  animation-delay: 0s;
}
.eui-asset-list .eui-listbox-group > li .eui-asset-list-box .eui-asset-title .eui-asset-title-bg .eui-asset-title-bg-light > span:nth-child(7) {
  left: 92%;
  bottom: -8px;
  animation-delay: 0.4s;
}
.eui-asset-list .eui-listbox-group > li .eui-asset-list-box .eui-asset-title .eui-asset-title-bg .eui-asset-title-bg-icon {
  position: absolute;
  width: 100%;
  height: 100%;
}
.eui-asset-list .eui-listbox-group > li .eui-asset-list-box .eui-asset-title .eui-asset-title-bg .eui-asset-title-bg-icon > span {
  display: block;
  position: absolute;
  width: 12px;
  height: 16px;
  /*background: url("../../../images/asset_icon.png") center no-repeat;*/
  animation: flowUp 1.7s infinite;
}
.eui-asset-list .eui-listbox-group > li .eui-asset-list-box .eui-asset-title .eui-asset-title-bg .eui-asset-title-bg-icon > span:nth-child(1) {
  left: 64%;
  bottom: -8px;
  transform: scale(0.85);
  animation-delay: 1s;
}
.eui-asset-list .eui-listbox-group > li .eui-asset-list-box .eui-asset-title .eui-asset-title-bg .eui-asset-title-bg-icon > span:nth-child(2) {
  left: 77%;
  bottom: -12px;
  transform: scale(0.8);
  animation-delay: 0.3s;
}
.eui-asset-list .eui-listbox-group > li .eui-asset-list-box .eui-asset-title .eui-asset-title-bg .eui-asset-title-bg-icon > span:nth-child(3) {
  left: 88%;
  bottom: -6px;
  animation-delay: 1.3s;
}
.eui-asset-list .eui-listbox-group > li .eui-asset-list-box .eui-asset-content {
  position: absolute;
  top: 75px;
  bottom: 0;
  left: 0;
  right: 0;
}
.eui-asset-list .eui-listbox-group > li .eui-asset-list-box .eui-asset-content .eui-asset-details {
  width: 100%;
  font-size: 14px;
  line-height: 24px;
  max-height: 155px;
  overflow: hidden;
}
.eui-asset-list .eui-listbox-group > li .eui-asset-list-box .eui-asset-content .eui-asset-details > div {
  color: #384a63;
}
.eui-asset-list .eui-listbox-group > li .eui-asset-list-box .eui-asset-content .eui-asset-details > div > label {
  display: inline-block;
}
.eui-asset-list .eui-listbox-group > li .eui-asset-list-box .eui-asset-content .eui-operation-box {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 72px;
  font-size: 0;
}
.eui-asset-list .eui-listbox-group > li .eui-asset-list-box .eui-asset-content .eui-operation-box .eui-btn-border-primary:hover {
  opacity: 1;
  background-image: linear-gradient(to right, #02b4d0, #03cfab);
  color: #fff;
  border-color: transparent;
}
.eui-asset-list .eui-listbox-group > li .eui-asset-list-box .eui-asset-content .eui-operation-box .eui-operation-others-box {
  line-height: 32px;
}
.eui-asset-list .eui-listbox-group > li .eui-asset-list-box .eui-asset-content .eui-operation-box .eui-operation-others-box .eui-operation-others-item {
  font-size: 14px;
}
.eui-asset-list .eui-listbox-group > li .eui-asset-list-box .eui-asset-content .eui-operation-box .eui-operation-others-box .eui-operation-others-item a {
  display: inline-block;
  color: #000000;
  text-decoration: none;
  margin-right: 7px;
}
.eui-asset-list .eui-listbox-group > li .eui-asset-list-box .eui-asset-content .eui-operation-box .eui-operation-others-box .eui-operation-others-item a:last-child {
  margin-right: 0;
}
.eui-asset-list .eui-listbox-group > li .eui-asset-list-box .eui-asset-content .eui-operation-box .eui-operation-others-box .eui-operation-others-item a:hover, .eui-asset-list .eui-listbox-group > li .eui-asset-list-box .eui-asset-content .eui-operation-box .eui-operation-others-box .eui-operation-others-item a:active {
  color: #002982;
}

@media only screen and (max-width: 1366px) {
  .eui-asset-list .eui-listbox-group > li .eui-asset-list-box .eui-operation-box .eui-btn {
    padding: 0 8px;
  }
}
/*我的关注列表*/
.eui-attention-list .eui-listbox-group > li {
  width: 100%;
  padding: 15px;
  background: #fff;
  border-radius: 8px;
  margin-bottom: 10px;
  border: #fff 1px solid;
}
.eui-attention-list .eui-listbox-group > li .eui-attention-list-title {
  line-height: 32px;
  border-bottom: 1px solid #ebecf0;
  font-size: 18px;
}
.eui-attention-list .eui-listbox-group > li .eui-attention-list-body {
  width: 100%;
  font-size: 0;
}
.eui-attention-list .eui-listbox-group > li .eui-attention-list-body .eui-attention-img {
  width: 69px;
  height: 69px;
  vertical-align: top;
  display: inline-block;
}
.eui-attention-list .eui-listbox-group > li .eui-attention-list-body .eui-attention-details {
  font-size: 14px;
  display: inline-block;
  width: calc(100% - 85px);
  line-height: 26px;
}
.eui-attention-list .eui-listbox-group > li .eui-attention-list-body .eui-attention-details a {
  color: #333;
}
.eui-attention-list .eui-listbox-group > li .eui-attention-list-body .eui-attention-details a:hover {
  color: #002982;
}

/*我的关注列表-确认页*/
.eui-attention-confirm-list .eui-listbox-group > li {
  width: 100%;
  padding: 15px;
  background: #fff;
  border-radius: 8px;
  margin-bottom: 10px;
  font-size: 0;
}
.eui-attention-confirm-list .eui-listbox-group > li .eui-attention-img {
  width: 69px;
  height: 69px;
  vertical-align: top;
  display: inline-block;
}
.eui-attention-confirm-list .eui-listbox-group > li .eui-attention-box {
  width: calc(100% - 85px);
  display: inline-block;
}
.eui-attention-confirm-list .eui-listbox-group > li .eui-attention-box .eui-attention-list-title {
  line-height: 32px;
  border-bottom: 1px solid #ebecf0;
  font-size: 18px;
}
.eui-attention-confirm-list .eui-listbox-group > li .eui-attention-box .eui-attention-list-body {
  width: 100%;
  font-size: 14px;
}
.eui-attention-confirm-list .eui-listbox-group > li .eui-attention-box .eui-attention-list-body .eui-attention-details {
  line-height: 26px;
  margin-right: 180px;
}
.eui-attention-confirm-list .eui-listbox-group > li .eui-attention-box .eui-attention-list-body .eui-attention-more {
  width: 180px;
  float: right;
}
.eui-attention-confirm-list .eui-listbox-group > li .eui-attention-box .eui-attention-list-body .eui-attention-more a {
  color: #333;
}
.eui-attention-confirm-list .eui-listbox-group > li .eui-attention-box .eui-attention-list-body .eui-attention-more a:hover {
  color: #002982;
}

@keyframes cloudX {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(20px, 0);
  }
}
@keyframes cloudY {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, 5px);
  }
}
@keyframes flowUp {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  100% {
    transform: translate(0, -50px);
    opacity: 1;
  }
}
@keyframes stretch {
  0% {
    width: 99%;
    border-radius: 0;
  }
  50% {
    width: 70%;
  }
  100% {
    width: 100%;
    border-radius: 3px 3px 0 0;
  }
}
.eui-listbox-vertical {
  width: 100%;
  outline: 0;
  padding: 15px 10px;
}
.eui-listbox-vertical .eui-listbox-group {
  clear: both;
  *zoom: 1;
  margin: 0 0 20px 0;
}
.eui-listbox-vertical .eui-listbox-group:after {
  content: '\20';
  clear: both;
  *zoom: 1;
  display: block;
  height: 0;
}
.eui-listbox-vertical .eui-listbox-group > li {
  padding: 0;
}
.eui-listbox-vertical .eui-listbox-group > li, .eui-listbox-vertical .eui-listbox-group .eui-listbox-item {
  height: 32px;
  margin-bottom: 5px;
  float: none;
  display: block;
}
.eui-listbox-vertical .eui-listbox-group .eui-listbox-item:hover .eui-link-box, .eui-listbox-vertical .eui-listbox-group .eui-listbox-item-check .eui-link-box {
  box-shadow: none;
  background-color: #dce7ff;
}
.eui-listbox-vertical .eui-listbox-group .eui-listbox-caption {
  float: none;
  width: 100%;
  display: block;
  height: 28px;
  line-height: 28px;
  text-align: center;
  padding: 0;
  margin-bottom: 5px;
  border-bottom: 0;
  background: #002982;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
}
.eui-listbox-vertical .eui-listbox-group .eui-link-box .eui-develop, .eui-listbox-vertical .eui-listbox-group .eui-link-box .eui-nomay {
  background-color: #e1e1e1;
  color: #777;
  transform: scale(0.8);
  margin-left: 5px;
}
.eui-listbox-vertical .eui-listbox-group .eui-link-box .eui-develop:after, .eui-listbox-vertical .eui-listbox-group .eui-link-box .eui-nomay:after {
  border-color: transparent #e1e1e1 transparent transparent;
}
.eui-listbox-vertical .eui-listbox-group .eui-link-box.eui-link-nodevelop {
  cursor: not-allowed;
}
.eui-listbox-vertical .eui-listbox-group .eui-link-box.eui-link-nodevelop .eui-icon {
  opacity: 0.5;
}
.eui-listbox-vertical .eui-listbox-group .eui-link-box.eui-link-nodevelop > span {
  color: #747d8c;
}
.eui-listbox-vertical .eui-listbox-group .eui-link-box.eui-link-nodevelop .eui-develop {
  display: inline-block;
}
.eui-listbox-vertical .eui-listbox-group .eui-link-box.eui-link-nodevelop, .eui-listbox-vertical .eui-listbox-group .eui-link-box.eui-link-nodevelop:hover {
  background: #fff;
}
.eui-listbox-vertical .eui-listbox-group .eui-link-box.eui-link-nomay {
  cursor: not-allowed;
}
.eui-listbox-vertical .eui-listbox-group .eui-link-box.eui-link-nomay .eui-icon {
  opacity: 0.5;
}
.eui-listbox-vertical .eui-listbox-group .eui-link-box.eui-link-nomay > span {
  color: #747d8c;
}
.eui-listbox-vertical .eui-listbox-group .eui-link-box.eui-link-nomay .eui-nomay {
  display: inline-block;
}
.eui-listbox-vertical .eui-listbox-group .eui-link-box.eui-link-nomay, .eui-listbox-vertical .eui-listbox-group .eui-link-box.eui-link-nomay:hover {
  background: #fff;
}
.eui-listbox-vertical .eui-link-box {
  width: 100%;
  padding: 5px;
  line-height: 24px;
}
.eui-listbox-vertical .eui-link-box .eui-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
  vertical-align: middle;
}
.eui-listbox-vertical .eui-link-box > span {
  display: block;
  margin-top: 0;
  font-weight: normal;
}

.eui-listbox-horizontal {
  width: 100%;
  outline: 0;
  padding: 0;
}
.eui-listbox-horizontal .eui-listbox-group {
  clear: both;
  *zoom: 1;
  margin: 0;
}
.eui-listbox-horizontal .eui-listbox-group:after {
  content: '\20';
  clear: both;
  *zoom: 1;
  display: block;
  height: 0;
}
.eui-listbox-horizontal .eui-listbox-group > li {
  padding: 0;
}
.eui-listbox-horizontal .eui-listbox-group > li, .eui-listbox-horizontal .eui-listbox-group .eui-listbox-item {
  height: 22px;
  margin-bottom: 5px;
  float: left;
  display: block;
}
.eui-listbox-horizontal .eui-listbox-group .eui-listbox-item:hover .eui-link-box, .eui-listbox-horizontal .eui-listbox-group .eui-listbox-item-check .eui-link-box {
  box-shadow: none;
  background-color: #dce7ff;
}
.eui-listbox-horizontal .eui-link-box {
  width: 100%;
  padding: 0 5px;
  line-height: 22px;
  font-size: 12px;
}
.eui-listbox-horizontal .eui-link-box .eui-icon {
  width: 16px;
  height: 16px;
  line-height: 22px;
  font-size: 16px;
  vertical-align: middle;
}
.eui-listbox-horizontal .eui-link-box span {
  display: block;
  margin-top: 0;
  font-weight: normal;
}

.eui-listbox-vertical-nopadding {
  width: 100%;
  outline: 0;
  padding: 0;
}
.eui-listbox-vertical-nopadding .eui-listbox-group {
  margin: 0 0 20px 0;
}
.eui-listbox-vertical-nopadding .eui-listbox-group > li {
  padding: 0;
}
.eui-listbox-vertical-nopadding .eui-listbox-group > li, .eui-listbox-vertical-nopadding .eui-listbox-group .eui-listbox-item {
  height: 32px;
  margin-bottom: 5px;
  float: none;
  display: block;
}
.eui-listbox-vertical-nopadding .eui-listbox-group .eui-listbox-item:hover .eui-link-box, .eui-listbox-vertical-nopadding .eui-listbox-group .eui-listbox-item-check .eui-link-box {
  box-shadow: none;
  background-color: #dce7ff;
}
.eui-listbox-vertical-nopadding .eui-listbox-group .eui-listbox-caption {
  float: none;
  width: 100%;
  display: block;
  height: 28px;
  line-height: 28px;
  text-align: center;
  padding: 0;
  margin-bottom: 5px;
  border-bottom: 0;
  background: #002982;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
}
.eui-listbox-vertical-nopadding .eui-link-box {
  width: 100%;
  padding: 5px 5px 5px 5px;
  line-height: 24px;
}
.eui-listbox-vertical-nopadding .eui-link-box .eui-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
  vertical-align: middle;
}
.eui-listbox-vertical-nopadding .eui-link-box span {
  display: block;
  margin-top: 0;
  font-weight: normal;
}

.eui-listbox-adimbox {
  width: 100%;
  outline: 0;
  padding: 10px;
}
.eui-listbox-adimbox .eui-listbox-group {
  clear: both;
  *zoom: 1;
  margin: 0px -5px 20px -5px;
}
.eui-listbox-adimbox .eui-listbox-group:after {
  content: '\20';
  clear: both;
  *zoom: 1;
  display: block;
  height: 0;
}
.eui-listbox-adimbox .eui-listbox-group > li {
  padding: 0;
}
.eui-listbox-adimbox .eui-listbox-group > li, .eui-listbox-adimbox .eui-listbox-group .eui-listbox-item {
  margin-bottom: 15px;
  margin-right: 15px;
  padding-left: 5px;
  padding-right: 5px;
  vertical-align: top;
}
.eui-listbox-adimbox .eui-listbox-group .eui-listbox-item:hover .eui-link-box, .eui-listbox-adimbox .eui-listbox-group .eui-listbox-item-check .eui-link-box {
  box-shadow: none;
  background-color: transparent;
}
.eui-listbox-adimbox .eui-listbox-group .eui-listbox-caption {
  float: left;
  width: 36px;
  display: inline-block;
  line-height: 36px;
  text-align: center;
  padding: 0;
  margin-bottom: 0;
  border-bottom: 0;
  border-radius: 6px;
  background: #002982;
  font-size: 12px;
  font-weight: normal;
  white-space: normal;
  color: #fff;
}
.eui-listbox-adimbox .eui-listbox-group .eui-listbox-caption span {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  margin: 0;
  letter-spacing: 4px;
  writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
}
.eui-listbox-adimbox .eui-link-box {
  width: 226px;
  height: 144px;
  padding: 0;
  line-height: 24px;
  border: 1px solid #002982;
  border-radius: 4px;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center bottom;
}
.eui-listbox-adimbox .eui-link-box:hover .sub {
  height: 115px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.eui-listbox-adimbox .eui-link-box .eui-icon {
  position: absolute;
  left: 5px;
  top: 50%;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
  vertical-align: middle;
}
.eui-listbox-adimbox .eui-link-box > span {
  display: block;
  height: 28px;
  line-height: 28px;
  padding-left: 15px;
  padding-right: 15px;
  margin: -1px;
  font-weight: normal;
  font-size: 14px;
  color: #fff;
  background: #002982;
  border-radius: 4px 4px 0px 0px;
}
.eui-listbox-adimbox .eui-link-box .sub {
  height: 0;
  left: 1px;
  top: 28px;
  right: 1px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 12px;
  padding-right: 12px;
  white-space: normal;
  line-height: 18px;
  background-color: rgba(0, 41, 130, 0.5);
  color: #fff;
  border-radius: 0 0 4px 4px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.eui-listbox-responseBox {
  width: 100%;
  outline: 0;
  padding: 5px 20px 0;
  position: relative;
  z-index: 1;
  margin: 0;
}
.eui-listbox-responseBox .eui-listbox-group {
  position: relative;
  display: block;
  float: left;
  width: calc(50% - 10px);
  height: 190px;
  padding: 10px 20px;
  margin: 5px;
  clear: none;
  border: 1px solid #aec7fc;
  background-color: rgba(242, 249, 255, 0.6);
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  overflow: hidden;
}
.eui-listbox-responseBox .eui-listbox-group:hover {
  border: 1px solid #002982;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.23);
  background-color: #fff;
}
.eui-listbox-responseBox .eui-listbox-group:hover:before {
  width: 240px;
  height: 240px;
}
.eui-listbox-responseBox .eui-listbox-group:hover:after {
  width: 300px;
  height: 300px;
}
.eui-listbox-responseBox .eui-listbox-group:hover .eui-listbox-caption:after {
  width: 280px;
  opacity: 1;
}
.eui-listbox-responseBox .eui-listbox-group:hover .eui-listbox-caption:before {
  height: 0;
}
.eui-listbox-responseBox .eui-listbox-group.hoverState {
  width: calc(70% - 10px);
}
.eui-listbox-responseBox .eui-listbox-group.hoverStateAdjoin {
  width: calc(30% - 10px);
}
.eui-listbox-responseBox .eui-listbox-group:before, .eui-listbox-responseBox .eui-listbox-group:after {
  content: "";
  position: absolute;
  pointer-events: auto;
}
.eui-listbox-responseBox .eui-listbox-group:before {
  left: -30px;
  bottom: -160px;
  width: 0;
  height: 0;
  border-radius: 100%;
  background-color: rgba(209, 226, 255, 0.22);
  transform-origin: left bottom;
  transition: all 0.5s ease 0.1s;
  -webkit-transition: all 0.5s ease 0.1s;
  -moz-transition: all 0.5s ease 0.1s;
  -o-transition: all 0.5s ease 0.1s;
}
.eui-listbox-responseBox .eui-listbox-group:after {
  right: -150px;
  top: -150px;
  width: 0;
  height: 0;
  border-radius: 100%;
  background-color: rgba(183, 210, 255, 0.52);
  transform-origin: right top;
  transition: all 0.5s ease 0.2s;
  -webkit-transition: all 0.5s ease 0.2s;
  -moz-transition: all 0.5s ease 0.2s;
  -o-transition: all 0.5s ease 0.2s;
}
.eui-listbox-responseBox .eui-listbox-group > li {
  padding: 0;
  margin-bottom: 0;
  margin-right: 0;
}
.eui-listbox-responseBox .eui-listbox-group .eui-listbox-item {
  width: 126px;
  height: 32px;
  display: inline-block;
  margin-bottom: 5px;
  margin-right: 10px;
  padding-left: 0;
  padding-right: 0;
  vertical-align: top;
}
.eui-listbox-responseBox .eui-listbox-group .eui-listbox-item:nth-child(2n+2) {
  clear: both;
}
.eui-listbox-responseBox .eui-listbox-group .eui-listbox-item:nth-child(2) .sub {
  display: block;
}
.eui-listbox-responseBox .eui-listbox-group .eui-listbox-item:hover .eui-link-box, .eui-listbox-responseBox .eui-listbox-group .eui-listbox-item-check .eui-link-box {
  box-shadow: none;
  background-color: transparent;
}
.eui-listbox-responseBox .eui-listbox-group .eui-listbox-caption {
  float: none;
  width: 100%;
  height: 22px;
  line-height: 22px;
  display: block;
  text-align: left;
  padding: 0;
  margin-bottom: 5px;
  border-bottom: 0;
  font-size: 14px;
  font-weight: bold;
  white-space: normal;
  color: #002982;
}
.eui-listbox-responseBox .eui-listbox-group .eui-listbox-caption span {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  margin: 0;
}
.eui-listbox-responseBox .eui-listbox-group .eui-listbox-caption:before, .eui-listbox-responseBox .eui-listbox-group .eui-listbox-caption:after {
  content: "";
  position: absolute;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.eui-listbox-responseBox .eui-listbox-group .eui-listbox-caption:before {
  left: 0;
  top: 0;
  width: 6px;
  height: 66px;
  background-image: url("../../../images/darkblue/responseBox-lt.png");
  background-repeat: no-repeat;
  background-position: right bottom;
}
.eui-listbox-responseBox .eui-listbox-group .eui-listbox-caption:after {
  width: 0;
  height: 9px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  background: url("../../../images/darkblue/responseBox-lt-hover.png") no-repeat 0 0;
  transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
  -webkit-transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
  -moz-transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
  -o-transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
}
.eui-listbox-responseBox .eui-link-box {
  position: static;
  width: 100%;
  height: 100%;
  padding: 0;
}
.eui-listbox-responseBox .eui-link-box .eui-icon {
  position: absolute;
  left: 5px;
  top: 50%;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
  vertical-align: middle;
}
.eui-listbox-responseBox .eui-link-box > span {
  margin-top: 0;
  font-weight: normal;
}
.eui-listbox-responseBox .eui-link-box .eui-link-box-title {
  position: relative;
  color: #414c6a;
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
  border: 1px solid #CEDCFF;
  border-radius: 2px;
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.06);
  display: inline-block;
  width: 100%;
  height: 100%;
  font-size: 14px;
  vertical-align: middle;
  line-height: 30px;
  text-align: center;
  z-index: 2;
  overflow: hidden;
}
.eui-listbox-responseBox .eui-link-box .eui-link-box-title:before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  height: 0;
  width: 0;
  z-index: -1;
  color: #fff;
  background: #0064ff;
  transform: translate(-50%, -50%);
  opacity: 0;
  border-radius: 100%;
  transition: all 0.6s cubic-bezier(0.42, 0, 0.58, 1);
}
.eui-listbox-responseBox .eui-link-box .eui-link-box-title:hover, .eui-listbox-responseBox .eui-link-box .eui-link-box-title.current {
  color: #fff;
  background-color: transparent;
  border-color: #0064ff;
  box-shadow: 4px 4px 4px rgba(0, 80, 203, 0.26);
}
.eui-listbox-responseBox .eui-link-box .eui-link-box-title:hover:before, .eui-listbox-responseBox .eui-link-box .eui-link-box-title.current:before {
  width: 300px;
  height: 300px;
  transform: translate(-50%, -50%);
  opacity: 1;
}
.eui-listbox-responseBox .eui-link-box.eui-link-nodevelop .eui-link-box-title, .eui-listbox-responseBox .eui-link-box.eui-link-nomay .eui-link-box-title {
  color: #747d8c;
  cursor: pointer;
  border: 1px solid #e0e7ef;
  background: #e0e7ef;
  box-shadow: none;
}
.eui-listbox-responseBox .eui-link-box.eui-link-nodevelop .eui-link-box-title:before, .eui-listbox-responseBox .eui-link-box.eui-link-nomay .eui-link-box-title:before {
  background: transparent;
}
.eui-listbox-responseBox .eui-link-box.eui-link-nodevelop .eui-link-box-title:hover, .eui-listbox-responseBox .eui-link-box.eui-link-nodevelop .eui-link-box-title.current, .eui-listbox-responseBox .eui-link-box.eui-link-nomay .eui-link-box-title:hover, .eui-listbox-responseBox .eui-link-box.eui-link-nomay .eui-link-box-title.current {
  border: 1px solid #b9c9da;
  background: #b9c9da;
  cursor: not-allowed;
  color: #3e4756;
  box-shadow: 4px 4px 4px rgba(142, 186, 166, 0.2);
}
.eui-listbox-responseBox .eui-link-box.eui-link-nodevelop .sub .sub-info .eui-develop {
  display: inline-block;
}
.eui-listbox-responseBox .eui-link-box.eui-link-nomay .sub .sub-info .eui-nomay {
  display: inline-block;
}
.eui-listbox-responseBox .eui-link-box .sub {
  display: none;
  position: absolute;
  z-index: 2;
  left: 310px;
  top: 0;
  right: 0;
  bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  white-space: normal;
  line-height: 18px;
  color: #fff;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.eui-listbox-responseBox .eui-link-box .sub .sub-img {
  display: block;
  width: 170px;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
}
.eui-listbox-responseBox .eui-link-box .sub .sub-info {
  display: block;
  position: absolute;
  top: 30px;
  left: 210px;
  right: 10px;
  color: #606372;
  font-size: 14px;
  line-height: 24px;
}
.eui-listbox-responseBox .eui-link-box .sub .sub-info > span {
  display: block;
  color: #414c6a;
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 5px 0;
  white-space: nowrap;
}

@media screen and (max-width: 1560px) {
  .eui-listbox-responseBox .eui-link-box .sub .sub-info {
    display: none;
  }
  .eui-listbox-responseBox .eui-listbox-group:hover .eui-link-box .sub .sub-info {
    display: block;
  }
}
.eui-listbox-portalbox {
  width: 100%;
  outline: 0;
  padding: 10px;
}
.eui-listbox-portalbox .eui-listbox-group {
  clear: both;
  *zoom: 1;
  margin: 0px -5px 20px -5px;
}
.eui-listbox-portalbox .eui-listbox-group:after {
  content: '\20';
  clear: both;
  *zoom: 1;
  display: block;
  height: 0;
}
.eui-listbox-portalbox .eui-listbox-group > li {
  padding: 0;
}
.eui-listbox-portalbox .eui-listbox-group > li, .eui-listbox-portalbox .eui-listbox-group .eui-listbox-item {
  margin-bottom: 15px;
  margin-right: 15px;
  padding-left: 5px;
  padding-right: 5px;
  vertical-align: top;
}
.eui-listbox-portalbox .eui-listbox-group .eui-listbox-item:hover .eui-link-box, .eui-listbox-portalbox .eui-listbox-group .eui-listbox-item-check .eui-link-box {
  box-shadow: 0 0 10px #002982;
  background-color: transparent;
  border: 1px solid #002982;
}
.eui-listbox-portalbox .eui-listbox-group .eui-listbox-item:hover .eui-link-box-disabled, .eui-listbox-portalbox .eui-listbox-group .eui-listbox-item-check .eui-link-box-disabled {
  box-shadow: 0 0 10px #8a8a8a;
  background-color: transparent;
}
.eui-listbox-portalbox .eui-link-box {
  width: 226px;
  height: 144px;
  padding: 0;
  line-height: 24px;
  background-color: #f5f7fa;
  border: 1px solid transparent;
  border-radius: 4px;
  background-size: 100% 115px;
  background-repeat: no-repeat;
  background-position: center bottom;
}
.eui-listbox-portalbox .eui-link-box.eui-link-box-border {
  border: #ccc 1px solid;
}
.eui-listbox-portalbox .eui-link-box.eui-link-box-border:hover {
  border: #002982 1px solid;
}
.eui-listbox-portalbox .eui-link-box:hover .sub {
  height: 115px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.eui-listbox-portalbox .eui-link-box > span {
  display: block;
  height: 28px;
  line-height: 28px;
  padding-left: 15px;
  padding-right: 50px;
  margin-top: -1px;
  font-weight: normal;
  font-size: 14px;
  color: #fff;
  background: #002982;
  border-radius: 4px 4px 0px 0px;
}
.eui-listbox-portalbox .eui-link-box > span .eui-icon {
  position: absolute;
  right: 5px;
  top: 6px;
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 100%;
  float: none;
  margin-right: 0;
}
.eui-listbox-portalbox .eui-link-box > span .eui-form-checkbox {
  color: rgba(255, 255, 255, 0.5);
}
.eui-listbox-portalbox .eui-link-box > span .eui-form-checked:before {
  color: #fff;
}
.eui-listbox-portalbox .eui-link-box .sub {
  height: 0;
  left: 0;
  top: 28px;
  right: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 12px;
  padding-right: 12px;
  white-space: normal;
  line-height: 18px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  border-radius: 0 0 4px 4px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.eui-listbox-portalbox .eui-link-box .sub > span {
  display: block;
  font-size: 12px;
  line-height: 22px;
}
.eui-listbox-portalbox .eui-link-box .sub .eui-btn-container {
  position: absolute;
  bottom: 0;
  left: 12px;
  right: 12px;
}
.eui-listbox-portalbox .eui-link-box .sub .eui-btn-container .eui-btn {
  width: 28%;
  margin-right: 16px;
}
.eui-listbox-portalbox .eui-link-box .sub .eui-btn-container .eui-btn:last-child {
  margin-right: 0;
}
.eui-listbox-portalbox .eui-link-box-disabled {
  border: 1px solid #00298259;
}
.eui-listbox-portalbox .eui-link-box-disabled:before {
  width: 226px;
  height: 144px;
  content: "";
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.6);
  position: absolute;
  top: 0px;
  left: 0px;
}
.eui-listbox-portalbox .eui-link-box-disabled > span {
  opacity: 0.35;
}
.eui-listbox-portalbox .eui-link-box-disabled .sub {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.1);
}
.eui-listbox-portalbox .eui-link-box-disabled .sub > span {
  opacity: 0.35;
}
.eui-listbox-portalbox .eui-link-box-add {
  background-size: auto;
  background-position: center -20px;
}
.eui-listbox-portalbox .eui-link-box-add .sub {
  height: 115px;
  background-color: transparent;
}
.eui-listbox-portalbox .eui-link-box-add .sub .eui-btn-container .eui-btn {
  width: 100%;
}
.eui-listbox-portalbox .eui-link-box-newadd .add {
  height: 120px;
  background-color: transparent;
  padding: 0 15px;
  text-align: center;
}
.eui-listbox-portalbox .eui-link-box-newadd .add > .eui-icon {
  position: absolute;
  top: 25px;
  left: 50%;
  margin-left: -32px;
  font-size: 64px;
  width: 64px;
  height: 64px;
  line-height: 64px;
}
.eui-listbox-portalbox .eui-link-box-newadd .add > .eui-icon-warn {
  color: #f0ce49 !important;
}
.eui-listbox-portalbox .eui-link-box-newadd .add .eui-link {
  position: relative;
  top: 95px;
}
.eui-listbox-portalbox .eui-link-box-newadd .sub {
  top: 0;
  border-radius: 4px;
}
.eui-listbox-portalbox .eui-link-box-newadd .sub .eui-btn-container {
  text-align: center;
}
.eui-listbox-portalbox .eui-link-box-newadd:hover .sub {
  height: 143px;
}

.eui-elistbox-custom {
  outline: 0;
  padding: 0;
}
.eui-elistbox-custom .eui-listbox-group {
  clear: both;
  *zoom: 1;
  margin: 0;
}
.eui-elistbox-custom .eui-listbox-group:after {
  content: '\20';
  clear: both;
  *zoom: 1;
  display: block;
  height: 0;
}
.eui-elistbox-custom .eui-listbox-group > li {
  padding: 5px;
  margin: 1px;
}
.eui-elistbox-custom .eui-listbox-group > li, .eui-elistbox-custom .eui-listbox-group .eui-listbox-item {
  border: 1px solid transparent;
}
.eui-elistbox-custom .eui-listbox-group .eui-listbox-item:hover, .eui-elistbox-custom .eui-listbox-group .eui-listbox-item-check {
  box-shadow: none;
  border: 1px solid #002982;
  background-color: #dce7ff;
}

.eui-listbox-box {
  outline: 0;
  padding: 0;
}
.eui-listbox-box .eui-listbox-group {
  clear: both;
  *zoom: 1;
  margin: 0;
}
.eui-listbox-box .eui-listbox-group:after {
  content: '\20';
  clear: both;
  *zoom: 1;
  display: block;
  height: 0;
}
.eui-listbox-box .eui-listbox-group > li {
  padding: 5px;
}
.eui-listbox-box .eui-listbox-group > li, .eui-listbox-box .eui-listbox-group .eui-listbox-item {
  float: left;
}
.eui-listbox-box .eui-listbox-group > li .eui-link-box, .eui-listbox-box .eui-listbox-group .eui-listbox-item .eui-link-box {
  width: 100px;
  height: 100px;
}
.eui-listbox-box .eui-listbox-group > li .eui-link-box > div, .eui-listbox-box .eui-listbox-group .eui-listbox-item .eui-link-box > div {
  display: block;
  margin: 0 auto;
  height: 76px;
  max-height: 76px;
  text-align: center;
  overflow: hidden;
}
.eui-listbox-box .eui-listbox-group > li .eui-link-box > div .eui-link-box-img, .eui-listbox-box .eui-listbox-group .eui-listbox-item .eui-link-box > div .eui-link-box-img {
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
}
.eui-listbox-box .eui-listbox-group > li .eui-link-box > div .eui-icon, .eui-listbox-box .eui-listbox-group .eui-listbox-item .eui-link-box > div .eui-icon {
  float: none;
  margin-right: 0;
  vertical-align: middle;
}
.eui-listbox-box .eui-listbox-group > li .eui-link-box > span, .eui-listbox-box .eui-listbox-group .eui-listbox-item .eui-link-box > span {
  display: block;
  position: absolute;
  bottom: 3px;
  left: 2px;
  right: 2px;
  font-size: 12px;
  font-weight: normal;
  height: 18px;
  line-height: 18px;
  text-align: center;
}
.eui-listbox-box .eui-listbox-group .eui-listbox-item:hover .eui-link-box, .eui-listbox-box .eui-listbox-group .eui-listbox-item-check .eui-link-box {
  box-shadow: 0 0 0 1px #002982;
  background-color: #dce7ff;
}

.eui-listbox-linestyle {
  width: 100%;
  outline: 0;
  padding: 10px;
}
.eui-listbox-linestyle .eui-listbox-group {
  clear: both;
  *zoom: 1;
  margin: 0 0 20px 0;
}
.eui-listbox-linestyle .eui-listbox-group:after {
  content: '\20';
  clear: both;
  *zoom: 1;
  display: block;
  height: 0;
}
.eui-listbox-linestyle .eui-listbox-group > li {
  padding: 0;
}
.eui-listbox-linestyle .eui-listbox-group > li, .eui-listbox-linestyle .eui-listbox-group .eui-listbox-item {
  height: 32px;
  margin-bottom: 2px;
  float: none;
  display: block;
}
.eui-listbox-linestyle .eui-listbox-group .eui-listbox-item:hover .eui-link-box, .eui-listbox-linestyle .eui-listbox-group .eui-listbox-item-check .eui-link-box {
  box-shadow: none;
  background-color: #dce7ff;
}
.eui-listbox-linestyle .eui-link-box {
  width: 100%;
  padding: 5px 5px 5px 36px;
  line-height: 24px;
}
.eui-listbox-linestyle .eui-link-box .eui-icon {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  margin-top: -12px;
  width: auto;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
  vertical-align: middle;
}
.eui-listbox-linestyle .eui-link-box .eui-icon-img {
  margin-right: 0;
  background-size: auto;
}
.eui-listbox-linestyle .eui-link-box span {
  display: block;
  margin-top: 0;
  font-weight: normal;
}

.eui-form-input, .eui-form-password, .eui-form-select, .eui-form-textarea, .eui-form-select > input:first-child, .eui-form-spinner > input, .eui-form-search > input, .eui-form-search > textarea, .eui-form-search-tax > input, .eui-form-search-tax > textarea, .eui-form-search-wbi > input, .eui-form-search-wbi > textarea, .eui-form-datasearch > input, .eui-form-upload .eui-form-upload-input {
  width: 100%;
  height: 26px;
  border-width: 1px;
  border-style: solid;
  border-color: #b5bdca;
  background-color: #fff;
  line-height: 1.1;
  color: #404040;
}

.eui-form-input:focus, .eui-form-password:focus, .eui-form-textarea:focus, .eui-form-select > input:first-child:focus, .eui-form-select-focus > input:first-child, .eui-form-select-focus > input:first-child:focus, .eui-form-spinner > input:focus, .eui-form-search > input:focus, .eui-form-search > textarea:focus, .eui-form-search-big > input:focus, .eui-form-search-big > textarea:focus, .eui-form-search-tax > input:focus, .eui-form-search-tax > textarea:focus, .eui-form-search-wbi > input:focus, .eui-form-search-wbi > textarea:focus, .eui-form-datasearch > input:focus, .eui-form-range > input:focus, .eui-picker.eui-form-select-focus {
  border-color: #002982;
}

.eui-form-radio i, .eui-form-checkbox i, .eui-form-switch i, i.eui-form-checkbox, i.eui-form-checked, i.eui-form-checked-off, i.eui-form-checkbox-partial, i.eui-form-checkbox-off, i.eui-form-checkbox-on {
  display: inline-block;
  vertical-align: middle;
  color: #b5bdca;
  background-image: none;
  font-weight: normal;
  cursor: pointer;
}

.eui-form-radio > span, .eui-form-checkbox > span, .eui-form-switch span {
  margin-left: 5px;
  margin-right: 5px;
}

.eui-form-input, .eui-form-password, .eui-form-textarea {
  display: block;
  padding-left: 5px;
}
.eui-form-textarea {
  min-height: 100px;
  height: auto;
  line-height: 20px;
  padding: 5px;
  resize: none;
}
.eui-form-texteditor {
  position: relative;
  border: 1px solid #b5bdca;
  background-color: #fff;
}
.eui-form-texteditor-textarea {
  position: absolute;
  top: 0;
  right: 0;
  left: 36px;
  height: 100%;
}
.eui-form-texteditor-textarea textarea {
  resize: none;
  font-size: 12px;
  line-height: 18px;
  margin: 0;
  padding: 0 4px;
  width: 100%;
  height: 100%;
  border: 0;
  overflow: auto;
}
.eui-form-texteditor-listnumber {
  position: absolute;
  top: 0;
  left: 0;
  width: 36px;
  height: 100%;
  overflow: hidden;
  border-right: 1px solid #ececec;
  background: #fbfbfc;
}
.eui-form-texteditor-listnumber-container {
  width: 100%;
  height: 100%;
}
.eui-form-texteditor-listnumber-container .eui-form-texteditor-number {
  width: 100%;
  height: 18px;
  line-height: 18px;
  text-align: right;
  font-size: 12px;
  color: #8a8a8a;
  padding: 0 5px;
  white-space: nowrap;
}
.eui-form-select {
  position: relative;
  height: 26px;
  /*line-height:  $form-input-y;*/
  line-height: 24px\0;
  border-width: 0;
  padding-right: 24px;
}
.eui-form-select > input:first-child {
  border-right-width: 0;
  height: 100%;
  background-color: transparent;
  padding-left: 5px;
  font-size: 12px;
  cursor: text;
}
.eui-form-select > input:first-child:focus + .eui-form-select-icon {
  border: 1px solid #002982;
}
.eui-form-select .eui-form-select-icon {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  width: 24px;
  height: 100%;
  line-height: 100%;
  border: 1px solid #b5bdca;
  cursor: pointer;
  color: #557290;
  background-image: none;
}
.eui-form-select .eui-form-select-icon:before {
  content: "\ef7f";
  display: block;
  position: absolute;
  width: 12px;
  height: 12px;
  top: 50%;
  left: 50%;
  margin-left: -6px;
  margin-top: -6px;
  font-size: 12px;
  transform: scale(0.75);
  -webkit-transform: scale(0.75);
  -moz-transform: scale(0.75);
  -ms-transform: scale(0.75);
  -o-transform: scale(0.75);
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
}
.eui-form-select .eui-form-select-icon:hover, .eui-form-select .eui-form-select-icon:active {
  background: #dce7ff;
  border: 1px solid #002982;
}
.eui-form-select.eui-picker-color div .eui-picker-color-content {
  top: 0px;
  background-size: 20px 100%;
}
.eui-form-select-focus > input:first-child {
  border-right-width: 0;
}
.eui-form-select-focus .eui-form-select-icon {
  color: #002982;
  border: 1px solid #002982;
}
.eui-form-select-focus .eui-form-select-icon:before {
  transform: scale(0.75) rotate(-180deg);
  -webkit-transform: scale(0.75) rotate(-180deg);
  -moz-transform: scale(0.75) rotate(-180deg);
  -ms-transform: scale(0.75) rotate(-180deg);
  -o-transform: scale(0.75) rotate(-180deg);
}
.eui-form-almanac .eui-form-select-icon:before, .eui-form-quarter .eui-form-select-icon:before, .eui-form-month .eui-form-select-icon:before, .eui-form-date .eui-form-select-icon:before, .eui-form-timer .eui-form-select-icon:before, .eui-form-sedate .eui-form-select-icon:before {
  content: "\ef87";
  display: block;
  position: absolute;
  width: 14px;
  height: 14px;
  top: 50%;
  left: 50%;
  margin-left: -7px;
  margin-top: -7px;
  font-size: 14px;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
}
.eui-form-almanac .eui-form-select-icon:hover, .eui-form-almanac .eui-form-select-icon:active, .eui-form-quarter .eui-form-select-icon:hover, .eui-form-quarter .eui-form-select-icon:active, .eui-form-month .eui-form-select-icon:hover, .eui-form-month .eui-form-select-icon:active, .eui-form-date .eui-form-select-icon:hover, .eui-form-date .eui-form-select-icon:active, .eui-form-timer .eui-form-select-icon:hover, .eui-form-timer .eui-form-select-icon:active, .eui-form-sedate .eui-form-select-icon:hover, .eui-form-sedate .eui-form-select-icon:active {
  background: #dce7ff;
  border: 1px solid #002982;
}
.eui-form-timer .eui-form-select-icon:before {
  content: "\efd6";
}
.eui-form-radio {
  display: inline-block;
  cursor: pointer;
}
.eui-form-radio i:before {
  display: inline-block;
}
.eui-form-radio .eui-form-checkbox:before {
  content: "\ef75";
}
.eui-form-radio .eui-form-checked:before {
  content: "\ef76";
  color: #002982;
}
.eui-form-radio > span {
  vertical-align: middle;
}
.eui-form-checkbox {
  display: inline-block;
  cursor: pointer;
}
.eui-form-checkbox i:before {
  display: inline-block;
}
.eui-form-checkbox > span {
  vertical-align: middle;
}
.eui-form-checkbox-group > .eui-form-checkbox {
  margin-right: 10px;
}
.eui-form-checkbox-group > .eui-form-checkbox:last-child {
  margin-right: 0;
}
.eui-form-checkbox-group > .eui-form-checkbox + .eui-form-checkbox {
  margin-left: 0;
}
.eui-form-checkbox-group > .eui-form-radio {
  margin-right: 10px;
}
.eui-form-checkbox-group > .eui-form-radio:last-child {
  margin-right: 0;
}
.eui-form-checkbox-group > .eui-form-radio + .eui-form-radio {
  margin-left: 0;
}
.eui-form-radio + .eui-form-radio, .eui-form-checkbox + .eui-form-checkbox {
  margin-left: 10px;
}
.eui-form-radio.eui-block + .eui-form-radio.eui-block, .eui-form-checkbox.eui-block + .eui-form-checkbox.eui-block {
  margin-left: 0;
}
.eui-form-radio.eui-block, .eui-form-checkbox.eui-block {
  margin-bottom: 5px;
}
.eui-form-switch {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  height: 22px;
  line-height: 22px;
  padding: 0;
  cursor: pointer;
}
.eui-form-switch i {
  position: relative;
  width: 42px;
  height: 100%;
  border-radius: 20px;
  background-color: #c4d0de;
  -webkit-background-clip: border-box;
  background-image: none;
  transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  vertical-align: top;
}
.eui-form-switch i:before {
  content: "";
  position: absolute;
  left: 5px;
  top: 3px;
  width: 16px;
  height: 16px;
  border-radius: 20px;
  background-color: #fff;
  transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
}
.eui-form-switch-m {
  height: 18px;
  line-height: 18px;
}
.eui-form-switch-m i {
  width: 36px;
}
.eui-form-switch-m i:before {
  left: 3px;
  top: 2px;
  width: 14px;
  height: 14px;
}
.eui-form-switch-m.eui-form-onswitch i:before {
  left: 20px;
}
.eui-form-switch-text i {
  width: 66px;
}
.eui-form-switch-text span {
  display: inline-block;
  position: absolute;
  width: 37px;
  left: 18px;
  text-align: center;
  color: #fff;
}
.eui-form-switch-text.eui-form-onswitch i:before {
  left: 47px;
}
.eui-form-switch-text.eui-form-onswitch span {
  left: 2px;
}
.eui-form-switch-text-m {
  height: 18px;
  line-height: 18px;
}
.eui-form-switch-text-m i {
  width: 60px !important;
  height: 100% !important;
}
.eui-form-switch-text-m i:before {
  left: 3px;
  top: 2px;
  width: 14px;
  height: 14px;
}
.eui-form-switch-text-m span {
  display: inline-block;
  position: absolute;
  width: 36px;
  left: 14px;
  text-align: center;
  color: #fff;
}
.eui-form-switch-text-m.eui-form-onswitch i:before {
  left: 44px;
}
.eui-form-switch-text-m.eui-form-onswitch span {
  left: 2px;
}
.eui-form-onswitch i {
  background-color: #002982;
}
.eui-form-onswitch i:before {
  left: 21px;
  background-color: #fff;
}
.eui-form-spinner {
  position: relative;
  height: 26px;
  line-height: 26px;
}
.eui-form-spinner > input {
  height: 100%;
  padding-left: 5px;
  padding-right: 24px;
}
.eui-form-spinner > input:focus + .eui-form-spinner-btn {
  border-left: 1px solid #002982;
}
.eui-form-spinner .eui-form-spinner-btn {
  position: absolute;
  right: 1px;
  top: 1px;
  bottom: 1px;
  width: 24px;
  border-left: 1px solid #b5bdca;
}
.eui-form-spinner-up, .eui-form-spinner-down {
  position: absolute;
  left: 0;
  height: 50%;
  width: 100%;
  cursor: pointer;
}
.eui-form-spinner-up:before, .eui-form-spinner-down:before {
  position: absolute;
  height: 100%;
  top: 50%;
  left: 50%;
  margin-top: -6px;
  margin-left: -6px;
  line-height: 100%;
  text-align: center;
  font-size: 12px;
  color: #557290;
  transform: scale(0.75);
  -webkit-transform: scale(0.75);
  -moz-transform: scale(0.75);
  -ms-transform: scale(0.75);
  -o-transform: scale(0.75);
}
.eui-form-spinner-up:hover, .eui-form-spinner-up:active, .eui-form-spinner-down:hover, .eui-form-spinner-down:active {
  background-color: #dce7ff;
}
.eui-form-spinner-up {
  top: 0;
}
.eui-form-spinner-up:before {
  content: "\ef7e";
}
.eui-form-spinner-down {
  bottom: 0;
}
.eui-form-spinner-down:before {
  content: "\ef7f";
}
.eui-form-search {
  position: relative;
  height: 26px;
  line-height: 26px;
  padding-right: 24px;
}
.eui-form-search > input, .eui-form-search > textarea {
  height: 100%;
  padding-left: 5px;
  border-right: 0;
  vertical-align: top;
}
.eui-form-search > textarea {
  resize: none;
  overflow: hidden;
  line-height: 24px;
}
.eui-form-search i {
  position: absolute;
  right: 0;
  top: 0;
  width: 24px;
  height: 100% !important;
  text-align: center;
  color: #557290;
  background-image: none;
  cursor: pointer;
  border-top: 1px solid #b5bdca;
  border-bottom: 1px solid #b5bdca;
}
.eui-form-search i:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
  line-height: 100%;
}
.eui-form-search i:last-child {
  border-right: 1px solid #b5bdca;
}
.eui-form-search .eui-icon-cleartext {
  right: 24px;
  color: #404040;
  font-size: 12px;
}
.eui-form-search.eui-form-search-left {
  padding-left: 24px;
  padding-right: 0;
  border-right: 1px solid #b5bdca;
}
.eui-form-search.eui-form-search-left > input, .eui-form-search.eui-form-search-left > textarea {
  border-right: 0;
  border-left: 0;
  padding-left: 0;
}
.eui-form-search.eui-form-search-left i:last-child {
  left: 0;
  border-right: 0;
  border-left: 1px solid #b5bdca;
}
.eui-form-search.eui-form-search-left.eui-form-search-focus {
  padding-right: 24px;
  border-right: 1px solid #002982;
}
.eui-form-search.eui-form-search-left.eui-form-search-focus > input, .eui-form-search.eui-form-search-left.eui-form-search-focus > textarea {
  border-right: 0;
}
.eui-form-search.eui-form-search-left.eui-form-search-focus .eui-icon-cleartext {
  border-right: 0;
  border-left: 0;
  right: 0;
}
.eui-form-search.eui-form-search-left.eui-form-search-focus i:last-child {
  border-left: 1px solid #002982;
}
.eui-form-search.eui-form-search-left.eui-form-nosearch-focus {
  padding-right: 0;
}
.eui-form-search.eui-form-search-left.eui-form-nosearch-focus > input, .eui-form-search.eui-form-search-left.eui-form-nosearch-focus > textarea {
  padding-right: 5px;
}
.eui-form-search.eui-form-search-left.eui-form-search-loading {
  padding-left: 48px;
}
.eui-form-search.eui-form-search-left.eui-form-search-loading .eui-icon-search {
  width: 48px;
}
.eui-form-search.eui-form-search-left.eui-form-search-loading .eui-icon-search:before {
  content: "\efae";
  color: #fc4735;
  left: 25%;
}
.eui-form-search.eui-form-search-left.eui-form-search-loading .eui-icon-search:after {
  content: "\efab";
  position: absolute;
  right: 6px;
  display: inline-block;
  -webkit-animation: eui-rotate 1s linear infinite;
  animation: eui-rotate 1s linear infinite;
}
.eui-form-search-radius {
  height: 28px;
  line-height: 28px;
}
.eui-form-search-radius > input, .eui-form-search-radius > textarea {
  border-color: #D9D9D9;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: transparent;
  height: 100%;
  padding-left: 10px;
  padding-right: 0;
}
.eui-form-search-radius > textarea {
  resize: none;
  overflow: hidden;
  line-height: 26px;
}
.eui-form-search-radius i {
  position: absolute;
  right: 0;
  top: 0;
  border-bottom: 1px solid #D9D9D9;
  border-top: 1px solid #D9D9D9;
  width: 24px;
  height: 100% !important;
  text-align: center;
  color: #b7b7b7;
  cursor: pointer;
  background-color: transparent;
  background-image: none;
  -webkit-background-clip: border-box;
}
.eui-form-search-radius i:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  margin-left: -7px;
  line-height: 100%;
  font-size: 14px;
}
.eui-form-search-radius i:last-child {
  width: 24px;
  border-right: 1px solid #D9D9D9;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.eui-form-search-radius .eui-icon-cleartext {
  right: 24px;
  color: #404040;
  font-size: 12px !important;
}
.eui-form-search-radius.eui-form-search-left {
  border-right: 1px solid #D9D9D9;
  border-radius: 4px;
}
.eui-form-search-radius.eui-form-search-left > input, .eui-form-search-radius.eui-form-search-left > textarea {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding-right: 10px;
  padding-left: 0;
}
.eui-form-search-radius.eui-form-search-left i:last-child {
  border-left: 1px solid #D9D9D9;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.eui-form-search-radius.eui-form-search-left.eui-form-search-focus {
  border-right: 1px solid #002982;
}
.eui-form-search-radius.eui-form-search-left.eui-form-search-focus > input, .eui-form-search-radius.eui-form-search-left.eui-form-search-focus > textarea {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  padding-right: 0;
}
.eui-form-search-radius.eui-form-search-left.eui-form-search-focus .eui-icon-cleartext {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.eui-form-search-radius.eui-form-search-left.eui-form-search-focus i:last-child {
  border-left: 1px solid #002982;
}
.eui-form-search-radius.eui-form-search-left.eui-form-nosearch-focus {
  padding-right: 0;
}
.eui-form-search-radius.eui-form-search-left.eui-form-nosearch-focus > input, .eui-form-search-radius.eui-form-search-left.eui-form-nosearch-focus > textarea {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.eui-form-search-focus {
  padding-right: 48px;
}
.eui-form-search-focus > input, .eui-form-search-focus > textarea {
  background-color: #fff;
}
.eui-form-search-focus i {
  color: #002982;
  border-top: 1px solid #002982;
  border-bottom: 1px solid #002982;
  background-color: #fff;
}
.eui-form-search-focus i:last-child {
  border-right: 1px solid #002982;
}
.eui-form-nosearch-focus {
  padding-right: 24px;
}
.eui-form-search-textarea.eui-form-nosearch-focus {
  padding-right: 0;
  border: 1px solid #b5bdca;
  overflow: hidden;
}
.eui-form-search-textarea.eui-form-nosearch-focus > textarea {
  overflow: auto;
  line-height: 22px;
  border-color: transparent;
}
.eui-form-search-textarea.eui-form-nosearch-focus > textarea::-webkit-scrollbar {
  display: none;
}
.eui-form-search-textarea.eui-form-nosearch-focus i {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.eui-form-search-textarea.eui-form-nosearch-focus i:last-child {
  background: #fff;
  border-right: 1px solid transparent;
}
.eui-form-search-textarea.eui-form-search-focus {
  padding-right: 0;
  border: 1px solid #002982;
}
.eui-form-search-textarea.eui-form-search-focus > textarea {
  overflow: auto;
  border-color: transparent;
}
.eui-form-search-textarea.eui-form-search-focus > textarea::-webkit-scrollbar {
  display: none;
}
.eui-form-search-textarea.eui-form-search-focus i {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.eui-form-search-textarea.eui-form-search-focus i:last-child {
  background: #fff;
  border-right: 1px solid transparent;
}
.eui-form-search-big {
  height: 36px;
  line-height: 36px;
}
.eui-form-search-big > input, .eui-form-search-big > textarea {
  padding-right: 10px;
  font-size: 16px;
}
.eui-form-search-big > input:focus, .eui-form-search-big > textarea:focus {
  padding-right: 53px;
}
.eui-form-search-big > textarea {
  resize: none;
  overflow: hidden;
  line-height: 36px;
}
.eui-form-search-big i {
  right: 0;
  top: 0;
  width: 72px;
  background-color: #002982;
  background-image: none;
  color: #fff;
  -webkit-background-clip: border-box;
  border-top: 1px solid #002982;
  border-bottom: 1px solid #002982;
}
.eui-form-search-big i:last-child {
  border-right: 1px solid #002982;
}
.eui-form-search-big .eui-icon-cleartext {
  width: 24px;
  right: 77px;
  background-color: transparent;
  color: #404040;
  background-image: none;
  font-size: 14px;
}
.eui-form-search-big.eui-form-search-left {
  padding-left: 72px;
  padding-right: 0;
  border-right: 1px solid #b5bdca;
}
.eui-form-search-big.eui-form-search-left > input, .eui-form-search-big.eui-form-search-left > textarea {
  border-right: 0;
  border-left: 0;
  padding-left: 10px;
}
.eui-form-search-big.eui-form-search-left i:last-child {
  left: 0;
  border-right: 0;
  border-left: 0;
}
.eui-form-search-big.eui-form-search-left.eui-form-search-focus {
  padding-right: 24px;
  border-right: 1px solid #002982;
}
.eui-form-search-big.eui-form-search-left.eui-form-search-focus > input, .eui-form-search-big.eui-form-search-left.eui-form-search-focus > textarea {
  border-right: 0;
  padding-right: 0;
}
.eui-form-search-big.eui-form-search-left.eui-form-search-focus .eui-icon-cleartext {
  border-right: 0;
  border-left: 0;
  right: 0;
}
.eui-form-search-big.eui-form-search-left.eui-form-search-focus i:last-child {
  border-left: 1px solid #002982;
}
.eui-form-search-big.eui-form-search-left.eui-form-nosearch-focus {
  padding-right: 0;
}
.eui-form-search-big.eui-form-search-left.eui-form-nosearch-focus > input, .eui-form-search-big.eui-form-search-left.eui-form-nosearch-focus > textarea {
  padding-right: 10px;
}
.eui-form-search-loading > input, .eui-form-search-loading > textarea {
  padding-right: 24px;
}
.eui-form-search-loading > input:focus, .eui-form-search-loading > textarea:focus {
  padding-right: 24px;
}
.eui-form-search-loading .eui-icon-cleartext {
  right: 48px;
}
.eui-form-search-loading .eui-icon-search {
  width: 48px;
}
.eui-form-search-loading .eui-icon-search:before {
  content: "\efae";
  color: #fc4735;
  left: 75%;
}
.eui-form-search-loading .eui-icon-search:after {
  content: "\efab";
  position: absolute;
  right: 24px;
  display: inline-block;
  -webkit-animation: eui-rotate 1s linear infinite;
  animation: eui-rotate 1s linear infinite;
}
.eui-form-search-tax {
  position: relative;
  height: 26px;
  line-height: 26px;
  padding-right: 24px;
}
.eui-form-search-tax > input, .eui-form-search-tax > textarea {
  height: 100%;
  padding-left: 5px;
  border-right: 0;
  background-color: rgba(255, 255, 255, 0.5);
  border-color: transparent;
}
.eui-form-search-tax > textarea {
  resize: none;
  overflow: hidden;
  line-height: 26px;
}
.eui-form-search-tax i {
  position: absolute;
  right: 0;
  top: 0;
  width: 24px;
  height: 100% !important;
  text-align: center;
  color: #557290;
  cursor: pointer;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  background-color: rgba(255, 255, 255, 0.5);
  background-image: none;
  -webkit-background-clip: border-box;
}
.eui-form-search-tax i:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
  line-height: 100%;
}
.eui-form-search-tax i:last-child {
  border-right: 1px solid transparent;
}
.eui-form-search-tax .eui-icon-cleartext {
  right: 24px;
  color: #404040;
}
.eui-form-search-tax.eui-form-search-focus {
  padding-right: 48px;
  background-color: white;
}
.eui-form-search-tax.eui-form-search-focus > input, .eui-form-search-tax.eui-form-search-focus > textarea {
  border-color: transparent;
  background-color: white;
}
.eui-form-search-tax.eui-form-search-focus i {
  background-color: white;
}
.eui-form-search-tax.eui-form-search-left {
  border-right: 0;
}
.eui-form-search-tax.eui-form-search-left i:last-child {
  border-left: 0;
}
.eui-form-search-tax.eui-form-search-left.eui-form-search-focus {
  border-right: 0;
  padding-right: 24px;
}
.eui-form-search-tax.eui-form-search-left.eui-form-search-focus i:last-child {
  border-left: 0;
}
.eui-form-search-wbi {
  position: relative;
  height: 26px;
  line-height: 26px;
  padding-right: 24px;
  border-radius: 13px;
  background-color: #1c1541;
}
.eui-form-search-wbi > input, .eui-form-search-wbi > textarea {
  height: 100%;
  padding-left: 5px;
  border-right: 0;
  background-color: #1c1541;
  border-color: transparent;
  color: rgba(255, 255, 255, 0.5);
  border-top-left-radius: 13px;
  border-bottom-left-radius: 13px;
}
.eui-form-search-wbi > textarea {
  resize: none;
  overflow: hidden;
  line-height: 26px;
}
.eui-form-search-wbi i {
  position: absolute;
  right: 0;
  top: 0;
  width: 24px;
  height: 100% !important;
  text-align: center;
  color: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  background-color: #1c1541;
  background-image: none;
  -webkit-background-clip: border-box;
}
.eui-form-search-wbi i:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
  line-height: 100%;
}
.eui-form-search-wbi i:last-child {
  border-right: 1px solid transparent;
  border-top-right-radius: 13px;
  border-bottom-right-radius: 13px;
}
.eui-form-search-wbi .eui-icon-cleartext {
  right: 24px;
  color: #404040;
}
.eui-form-search-wbi.eui-form-search-focus {
  background-color: #2b1985;
  padding-right: 48px;
}
.eui-form-search-wbi.eui-form-search-focus > input, .eui-form-search-wbi.eui-form-search-focus > textarea {
  border-color: transparent;
  background-color: #2b1985;
  color: white;
}
.eui-form-search-wbi.eui-form-search-focus i {
  background-color: #2b1985;
  color: white;
}
.eui-form-search-wbi.eui-form-search-left {
  border-right: 0;
  border-radius: 13px;
}
.eui-form-search-wbi.eui-form-search-left > input, .eui-form-search-wbi.eui-form-search-left > textarea {
  border-top-right-radius: 13px;
  border-bottom-right-radius: 13px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.eui-form-search-wbi.eui-form-search-left i:last-child {
  border-left: 0;
  border-top-left-radius: 13px;
  border-bottom-left-radius: 13px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.eui-form-search-wbi.eui-form-search-left.eui-form-search-focus {
  border-right: 0;
  padding-right: 24px;
}
.eui-form-search-wbi.eui-form-search-left.eui-form-search-focus > input, .eui-form-search-wbi.eui-form-search-left.eui-form-search-focus > textarea {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  padding-right: 0;
}
.eui-form-search-wbi.eui-form-search-left.eui-form-search-focus .eui-icon-cleartext {
  border-top-right-radius: 13px;
  border-bottom-right-radius: 13px;
}
.eui-form-search-wbi.eui-form-search-left.eui-form-search-focus i:last-child {
  border-left: 0;
}
.eui-form-search-wbi.eui-form-search-left.eui-form-nosearch-focus > input, .eui-form-search-wbi.eui-form-search-left.eui-form-nosearch-focus > textarea {
  padding-right: 10px;
}
.eui-form-datasearch {
  position: relative;
  height: 26px;
  line-height: 26px;
}
.eui-form-datasearch > input {
  padding-left: 5px;
  padding-right: 118px;
}
.eui-form-datasearch .eui-form-datasearch-tip {
  position: absolute;
  right: 48px;
  width: 70px;
  padding-right: 4px;
  text-align: right;
  color: #8a8a8a;
}
.eui-form-datasearch i {
  position: absolute;
  right: 1px;
  top: 1px;
  width: 24px;
  height: 24px;
  line-height: 100%;
  text-align: center;
  cursor: pointer;
  border-left: 1px solid #b5bdca;
  color: #557290;
  background-image: none;
}
.eui-form-datasearch i:before {
  content: "\ef7f";
  display: block;
  position: absolute;
  width: 14px;
  height: 14px;
  top: 50%;
  left: 50%;
  margin-left: -7px;
  margin-top: -7px;
  font-size: 12px;
}
.eui-form-datasearch .eui-form-datasearch-previous {
  right: 25px;
}
.eui-form-datasearch .eui-form-datasearch-previous:before {
  transform: scale(0.75) rotate(180deg);
  -webkit-transform: scale(0.75) rotate(180deg);
  -moz-transform: scale(0.75) rotate(180deg);
  -ms-transform: scale(0.75) rotate(180deg);
  -o-transform: scale(0.75) rotate(180deg);
}
.eui-form-datasearch .eui-form-datasearch-next:before {
  transform: scale(0.75) rotate(0deg);
  -webkit-transform: scale(0.75) rotate(0deg);
  -moz-transform: scale(0.75) rotate(0deg);
  -ms-transform: scale(0.75) rotate(0deg);
  -o-transform: scale(0.75) rotate(0deg);
}
.eui-form-range {
  position: relative;
  height: 26px;
}
.eui-form-range .eui-form-range-path {
  position: absolute;
  top: 50%;
  left: 10px;
  right: 10px;
  margin-top: -6px;
  height: 12px;
  border: 1px solid transparent;
  border-radius: 20px;
  background-color: #dfdfdf;
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0);
}
.eui-form-range .eui-form-range-path i {
  display: inline-block;
  position: absolute;
  z-index: 2;
  top: -5px;
  width: 20px;
  height: 20px;
  background: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 20px;
  transform: translateX(-50%);
  box-shadow: 0 0px 10px rgba(65, 34, 235, 0.5);
}
.eui-form-range .eui-form-range-path i:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -2px;
  margin-left: -2px;
  width: 4px;
  height: 4px;
  background-color: #ffffff;
  border-radius: 20px;
}
.eui-form-range .eui-form-range-path i:active {
  background: #f7f7f7;
  border-color: #f7f7f7;
}
.eui-form-range .eui-form-range-path i:active:before {
  background-color: #ffffff;
}
.eui-form-range .eui-form-range-area {
  position: absolute;
  height: 100%;
  background: #002982;
  border-radius: 20px 0 0 20px;
}
.eui-form-range > input {
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 26px;
  border-width: 1px;
  border-style: solid;
  border-color: #b5bdca;
  background-color: #fff;
}
.eui-form-range-value .eui-form-range-path {
  margin-right: 40px;
}
.eui-form-range-vertical {
  width: 30px;
}
.eui-form-range-vertical .eui-form-range-path {
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 50%;
  width: 12px;
  height: auto;
  margin-left: -6px;
}
.eui-form-range-vertical .eui-form-range-path i {
  top: -5px;
  left: -5px;
  transform: translateX(0) translateY(-50%);
}
.eui-form-range-vertical .eui-form-range-area {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 20px 20px 0 0;
}
.eui-form-range-vertical > input {
  right: auto;
  left: 0;
  top: 0;
  height: 22px;
}
.eui-form-range-vertical.eui-form-range-value .eui-form-range-path {
  top: 40px;
  margin-right: 0;
}
.eui-form-upload {
  position: relative;
  height: 26px;
  line-height: 26px;
}
.eui-form-upload .eui-form-upload-input {
  height: 100%;
  padding-left: 5px;
  padding-right: 24px;
}
.eui-form-upload > div {
  position: absolute;
  width: 24px;
  height: 100%;
  right: 0;
  top: 0;
  overflow: hidden;
}
.eui-form-upload > div .eui-form-upload-file {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  opacity: 0;
  padding-top: 26px;
  padding-top: 0\0;
  cursor: pointer;
}
.eui-form-upload > div .eui-form-upload-icon {
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  width: 24px;
  text-align: center;
  background-color: #fff\0;
}
.eui-form-upload > div .eui-form-upload-icon:before {
  content: "\ef9a";
  color: #557290;
}
.eui-form-locking-container {
  position: relative;
}
.eui-form-locking-container .eui-form-locking {
  position: absolute;
  top: 0;
  right: 10px;
  width: 20px;
  height: 62px;
}
.eui-form-locking-container .eui-form-locking:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -21px;
  width: 20px;
  height: 42px;
  border-top: 1px solid #999;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
}
.eui-form-locking-container .eui-form-locking .eui-icon {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: -10px;
  width: 20px;
  height: 18px;
  margin-top: -9px;
  background-color: #f3f3f3;
  border: 1px solid #d1d1d1;
  outline: 5px solid #fff;
  line-height: 18px;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
}
.eui-form-locking-container .eui-form-locking .eui-icon:hover {
  color: #002982;
}
.eui-form-locking-container .eui-form-locking-active:before {
  content: "";
  border: none;
}
.eui-form-locking-container .eui-form-locking-active .eui-icon {
  background-color: transparent;
  border: 1px solid transparent;
  outline: none;
}
.eui-form-locking-container .eui-form-locking-active .eui-icon:hover {
  background-color: #f3f3f3;
  border: 1px solid #d1d1d1;
  color: #002982;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #c9c9c9;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  color: #c9c9c9;
}
input:-moz-placeholder, textarea:-moz-placeholder {
  color: #c9c9c9;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #c9c9c9 !important;
}

.eui-disabled .eui-form-select-icon, .eui-disabled.eui-form-checkbox, .eui-disabled.eui-form-checked, .eui-disabled.eui-form-checkbox i, .eui-disabled.eui-form-checkbox .eui-form-checkbox, .eui-disabled.eui-form-checkbox .eui-form-checked, .eui-disabled.eui-form-radio i, .eui-disabled.eui-form-radio .eui-form-checkbox, .eui-disabled.eui-form-radio .eui-form-checked, .eui-disabled.eui-form-checkbox i:before, .eui-disabled.eui-form-checkbox .eui-form-checkbox:before, .eui-disabled.eui-form-checkbox .eui-form-checked:before, .eui-disabled.eui-form-radio i:before, .eui-disabled.eui-form-radio .eui-form-checkbox:before, .eui-disabled.eui-form-radio .eui-form-checked:before {
  color: #c9c9c9;
  cursor: not-allowed;
}

.eui-form-input.eui-disabled,
.eui-form-password.eui-disabled, .eui-form-input.eui-disabled:hover,
.eui-form-password.eui-disabled:hover, .eui-disabled.eui-form-select, .eui-disabled.eui-form-textarea, .eui-disabled.eui-form-almanac, .eui-disabled.eui-form-quarter, .eui-disabled.eui-form-month, .eui-disabled.eui-form-date, .eui-disabled.eui-form-timer, .eui-disabled.eui-form-spinner, .eui-disabled.eui-form-search, .eui-disabled.eui-form-texteditor, .eui-disabled:focus, .eui-disabled.eui-form-select:hover, .eui-disabled.eui-form-textarea:hover, .eui-disabled.eui-form-almanac:hover, .eui-disabled.eui-form-quarter:hover, .eui-disabled.eui-form-month:hover, .eui-disabled.eui-form-date:hover, .eui-disabled.eui-form-timer:hover, .eui-disabled.eui-form-spinner:hover, .eui-disabled.eui-form-search:hover, .eui-disabled.eui-form-texteditor:hover, .eui-disabled:focus:hover, .eui-disabled > input:first-child, .eui-disabled input, .eui-disabled textarea {
  color: #8a8a8a !important;
  cursor: not-allowed;
}

.eui-disabled.eui-form-input, .eui-disabled.eui-form-password, .eui-disabled.eui-form-select, .eui-disabled.eui-form-textarea, .eui-disabled.eui-form-almanac, .eui-disabled.eui-form-quarter, .eui-disabled.eui-form-month, .eui-disabled.eui-form-date, .eui-disabled.eui-form-timer, .eui-disabled.eui-form-spinner, .eui-disabled.eui-form-search, .eui-disabled.eui-form-texteditor, .eui-disabled:focus {
  background-color: #f3f3f3;
  border-color: #e6e6e6;
}
.eui-disabled > input:first-child {
  background-color: #f3f3f3;
  border-color: #e6e6e6;
}
.eui-disabled > input:first-child:focus + .eui-form-select-icon {
  border-color: #e6e6e6;
}
.eui-disabled input, .eui-disabled textarea {
  border-color: transparent;
  background-color: transparent;
}
.eui-disabled .eui-form-select-icon {
  border-color: #e6e6e6;
}
.eui-disabled .eui-form-select-icon:hover, .eui-disabled .eui-form-select-icon:active {
  background: none;
  border: 1px solid #e6e6e6;
}
.eui-disabled.eui-form-checkbox:before, .eui-disabled.eui-form-checked:before {
  color: #c9c9c9;
}
.eui-disabled.eui-form-checkbox:focus, .eui-disabled.eui-form-radio:focus {
  background-color: transparent;
  border: none;
}
.eui-disabled .eui-form-spinner-up,
.eui-disabled .eui-form-spinner-down {
  cursor: not-allowed;
}
.eui-disabled .eui-form-spinner-up:before,
.eui-disabled .eui-form-spinner-down:before {
  color: #c9c9c9;
}
.eui-disabled .eui-icon {
  border-color: #e6e6e6;
  color: #c9c9c9;
  cursor: not-allowed;
}
.eui-disabled .eui-icon:last-child {
  border-right-color: #e6e6e6;
}

.eui-form-nomargin .eui-form-radio + .eui-form-radio, .eui-form-nomargin .eui-form-checkbox + .eui-form-checkbox {
  margin-left: 0;
}

i.eui-form-checkbox:before {
  content: "\ef77";
}

i.eui-form-checked:before {
  content: "\ef78";
  color: #002982;
}

i.eui-form-checked-off:before {
  content: "\ef78";
  color: #b5bdca;
}

i.eui-form-checkbox-partial:before {
  content: "\efa5";
  color: #b5bdca;
}

i.eui-form-checkbox-off:before {
  content: "\efa6";
  color: #b5bdca;
}

i.eui-form-checkbox-on:before {
  content: "\efa7";
  color: #ff5722;
}

.eui-dialog-container {
  position: absolute;
  z-index: 10;
  padding: 5px 10px;
  min-width: 380px;
  min-height: 180px;
  background: #fff;
  border-radius: 2px;
  border: 1px solid transparent;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.eui-dialog-container .eui-dialog-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 40px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 0;
  line-height: 40px;
  font-size: 14px;
  font-weight: bold;
  border-bottom: 1px solid #e0e0e0;
  border-radius: 2px 2px 0 0;
  background-color: #f2f2f2;
  cursor: move;
  white-space: nowrap;
}
.eui-dialog-container .eui-dialog-header i:first-child {
  float: left;
}
.eui-dialog-container .eui-dialog-header > span {
  color: #333333;
  max-width: calc(100% - 120px);
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  float: left;
}
.eui-dialog-container .eui-dialog-header .eui-icon {
  float: right;
  width: 40px;
  height: 40px;
  font-size: 12px;
  line-height: 40px;
  color: #52585c;
  font-weight: 100;
  text-align: center;
  cursor: pointer;
  -webkit-background-clip: border-box;
  background-image: none;
}
.eui-dialog-container .eui-dialog-header .eui-icon:hover {
  background-color: #e0e0e0;
  color: #52585c;
}
.eui-dialog-container .eui-dialog-header .eui-icon-close {
  margin-right: -10px;
}
.eui-dialog-container .eui-dialog-header .eui-icon-close:hover {
  background-color: #f45454;
  color: #fff;
}
.eui-dialog-container .eui-dialog-header:after {
  content: "\20";
  display: block;
  clear: both;
  *zoom: 1;
}
.eui-dialog-container .eui-dialog-body {
  position: absolute;
  top: 40px;
  right: 10px;
  bottom: 42px;
  left: 10px;
}
.eui-dialog-container .eui-dialog-body .eui-dialog-details {
  background-color: #f1f2f7;
  bottom: 1px;
}
.eui-dialog-container .eui-dialog-footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 42px;
  padding-top: 8px;
  padding-left: 10px;
  padding-right: 10px;
  border-top: 1px solid #eeeeee;
  background-color: transparent;
  text-align: right;
  font-size: 0;
}
.eui-dialog-container .eui-dialog-footer:after {
  content: "\20";
  display: block;
  clear: both;
  *zoom: 1;
}
.eui-dialog-container .eui-dialog-footer .eui-btn.eui-float-left {
  margin-left: 0;
}
.eui-dialog-container .eui-dialog-footer .eui-btn.eui-float-left + .eui-btn.eui-float-left {
  margin-left: 10px;
}
.eui-dialog-container .eui-dialog-footer .eui-form-checkbox > span {
  font-size: 12px;
}
.eui-dialog-container.eui-dialog-nopadding {
  padding-left: 0;
  padding-right: 0;
}
.eui-dialog-container.eui-dialog-nopadding .eui-dialog-body {
  right: 0;
}
.eui-dialog-container.eui-dialog-nopadding .eui-dialog-body .eui-scroll-auto .eui-breakword {
  padding-right: 15px;
}

.eui-dialog-shadow {
  border: 1px solid #002982;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
}

.eui-dialog-s {
  min-width: 250px;
}

.eui-dialog-m {
  min-width: 650px;
}
.eui-dialog-m .eui-dialog-header:after {
  content: "\20";
  display: block;
  clear: both;
  *zoom: 1;
}
.eui-dialog-m .eui-dialog-footer:after {
  content: "\20";
  display: block;
  clear: both;
  *zoom: 1;
}

.eui-dialog-l {
  min-width: 900px;
}
.eui-dialog-l .eui-dialog-header:after {
  content: "\20";
  display: block;
  clear: both;
  *zoom: 1;
}
.eui-dialog-l .eui-dialog-footer:after {
  content: "\20";
  display: block;
  clear: both;
  *zoom: 1;
}

/*.eui-dialog-dark {
    min-width:  500px;
    background: none;
    border: none;
    box-shadow: none;
    & .eui-dialog-header{
        height: 50px;
        background: url("eui/images/dialog-header-bg.png") top center no-repeat;
        padding: 10px 35px 0;
        border-bottom:none;
        text-align: center;
        & > span{
            color: #178fa2;
            margin-left: 70px;
            text-align: center;
            width: 290px;
        }
        & .eui-icon-close{
            color: #178fa2;
            &:hover{
                color: #178fa2;
                background-color: transparent;
            }
        }
    }
    & .eui-dialog-body{
        top: 50px;
        left: 0;
        right: 0;
        padding: 10px 20px;
        color: #178fa2;
        background: url("eui/images/dialog-body-bg.png") top center repeat-y;
        !*深色风格对话框下表单元素样式*!
        & input,
        & textarea{
            background-color: #010510;
            border-color: #0d4958;
            color: #fff;
        }
        & .eui-form-select-icon{
          background: #010510;
          border-color: #0d4958;
          color: #178fa2;
        }
        & .eui-area-h2{
            border-top: 1px solid #0d4958;
            & > legend:before{
                background: #0d4958;
            }
        }
        & .eui-disabled {
            background: #11181f;
            border-color: #2f3e42;
            color: #565656;
            & > input:first-child,
            & .eui-form-select-icon{
                background: #11181f;
                border-color: #2f3e42;
                color: #565656;
            }
        }
        & > *::-webkit-scrollbar-thumb,
        & > *::-webkit-scrollbar-thumb:hover{
            background-color: #052632;
        }
    }
    & .eui-dialog-footer{
        background: url("eui/images/dialog-body-bg.png") top center repeat-y;
        border-top: none;
        padding-left: 130px;
        padding-right: 20px;
        text-align: left;
    }
    &:after{
        content: "";
        width: 500px;
        height: 36px;
        position: absolute;
        bottom: -36px;
        left: 0;
        background: url("eui/images/dialog-bottom-bg.png");
    }
}*/
.eui-dialog-asset {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 5px 30px;
  border: 0;
}
.eui-dialog-asset.eui-dialog-asset-lightweight {
  min-width: 300px;
}
.eui-dialog-asset.eui-dialog-asset-lightweight .eui-dialog-header {
  background-color: #fff;
}
.eui-dialog-asset.eui-dialog-asset-lightweight .eui-dialog-header .eui-icon {
  color: #a0afce;
}
.eui-dialog-asset.eui-dialog-asset-lightweight .eui-dialog-header .eui-icon:hover {
  color: #a0afce;
}
.eui-dialog-asset.eui-dialog-asset-lightweight .eui-dialog-body {
  text-align: center;
}
.eui-dialog-asset.eui-dialog-asset-lightweight .eui-dialog-footer {
  text-align: center;
}
.eui-dialog-asset .eui-dialog-header {
  height: 48px;
  font-size: 16px;
  color: #fff;
  line-height: 48px;
  border-bottom: none;
  padding-left: 30px;
  padding-right: 30px;
  border-radius: 4px 4px 0 0;
  background-color: #02b4d0;
}
.eui-dialog-asset .eui-dialog-header > span {
  color: #fff;
  font-weight: normal;
}
.eui-dialog-asset .eui-dialog-header .eui-icon {
  width: 48px;
  height: 48px;
  font-size: 16px;
  line-height: 48px;
  color: #fff;
  opacity: 0.6;
}
.eui-dialog-asset .eui-dialog-header .eui-icon:hover {
  background-color: transparent;
  opacity: 1;
  color: #fff;
}
.eui-dialog-asset .eui-dialog-body {
  top: 48px;
  right: 30px;
  bottom: 70px;
  left: 30px;
  padding: 15px 0 5px;
}
.eui-dialog-asset .eui-dialog-body .eui-form-label {
  font-size: 14px;
  line-height: 32px;
  padding-right: 8px;
}
.eui-dialog-asset .eui-dialog-body .eui-input-block {
  line-height: 32px;
  font-size: 14px;
}
.eui-dialog-asset .eui-dialog-body .eui-form-input, .eui-dialog-asset .eui-dialog-body .eui-form-password, .eui-dialog-asset .eui-dialog-body .eui-form-select, .eui-dialog-asset .eui-dialog-body .eui-form-textarea, .eui-dialog-asset .eui-dialog-body .eui-form-select > input:first-child, .eui-dialog-asset .eui-dialog-body .eui-form-spinner > input, .eui-dialog-asset .eui-dialog-body .eui-form-search > input, .eui-dialog-asset .eui-dialog-body .eui-form-search > textarea, .eui-dialog-asset .eui-dialog-body .eui-form-search-tax > input, .eui-dialog-asset .eui-dialog-body .eui-form-search-tax > textarea, .eui-dialog-asset .eui-dialog-body .eui-form-search-wbi > input, .eui-dialog-asset .eui-dialog-body .eui-form-search-wbi > textarea, .eui-dialog-asset .eui-dialog-body .eui-form-datasearch > input, .eui-dialog-asset .eui-dialog-body .eui-form-upload .eui-form-upload-input {
  border-radius: 3px;
  height: 32px;
  font-size: 14px;
}
.eui-dialog-asset .eui-dialog-body .eui-form-select > input:first-child {
  border-radius: 3px 0 0 3px;
  font-size: 14px;
}
.eui-dialog-asset .eui-dialog-body .eui-form-select .eui-form-select-icon {
  border-radius: 0  3px  3px 0;
}
.eui-dialog-asset .eui-dialog-body .eui-form-checkbox-group > .eui-form-checkbox {
  font-size: 14px;
  line-height: 32px;
}
.eui-dialog-asset .eui-dialog-body .eui-form-mid {
  line-height: 32px;
}
.eui-dialog-asset .eui-dialog-body .eui-datalist-container .eui-form-select {
  height: 26px;
}
.eui-dialog-asset .eui-dialog-body .eui-datalist-container .eui-form-select > input:first-child {
  font-size: 12px;
  height: 26px;
}
.eui-dialog-asset .eui-dialog-footer {
  height: 70px;
  padding-top: 10px;
  border-top: none;
  padding-left: 30px;
  padding-right: 30px;
  background-color: transparent;
}
.eui-dialog-asset .eui-dialog-footer .eui-btn {
  border: #e8e7ea 1px solid;
  height: 40px;
  padding: 0 28px;
  border-radius: 4px;
  font-size: 14px;
}
.eui-dialog-asset .eui-dialog-footer .eui-btn.eui-btn-primary {
  background: linear-gradient(148deg, #02b4d0, #03cfab);
  border: none;
}

.eui-dialog-info .eui-dialog-header:after {
  content: "\20";
  display: block;
  clear: both;
  *zoom: 1;
}
.eui-dialog-info .eui-dialog-body .eui-dialog-details {
  background-color: #f1f2f7;
  bottom: -1px;
  z-index: 2;
  border-bottom: 1px solid #e0e0e0;
}
.eui-dialog-info .eui-dialog-footer:after {
  content: "\20";
  display: block;
  clear: both;
  *zoom: 1;
}

.eui-dialog-confirm .eui-dialog-header:after {
  content: "\20";
  display: block;
  clear: both;
  *zoom: 1;
}
.eui-dialog-confirm .eui-dialog-footer:after {
  content: "\20";
  display: block;
  clear: both;
  *zoom: 1;
}

.eui-dialog-onelineinput .eui-dialog-header:after {
  content: "\20";
  display: block;
  clear: both;
  *zoom: 1;
}
.eui-dialog-onelineinput .eui-dialog-footer:after {
  content: "\20";
  display: block;
  clear: both;
  *zoom: 1;
}

.eui-dialog-operationtips {
  min-width: 200px;
  min-height: 50px;
}
.eui-dialog-operationtips.eui-panel {
  background: #fff;
  color: #333333;
}
.eui-dialog-operationtips .eui-dialog-header:after {
  content: "\20";
  display: block;
  clear: both;
  *zoom: 1;
}
.eui-dialog-operationtips .eui-dialog-body {
  text-align: center;
  line-height: 50px;
}
.eui-dialog-operationtips .eui-dialog-body .eui-icon-dialogsave {
  font-size: 24px;
  vertical-align: middle;
}
.eui-dialog-operationtips .eui-dialog-body .eui-icon-dialogsave:before {
  content: "\ef16";
}
.eui-dialog-operationtips .eui-dialog-footer:after {
  content: "\20";
  display: block;
  clear: both;
  *zoom: 1;
}

.eui-dialog-loading {
  min-width: 200px;
  min-height: 50px;
}
.eui-dialog-loading .eui-dialog-header:after {
  content: "\20";
  display: block;
  clear: both;
  *zoom: 1;
}
.eui-dialog-loading .eui-dialog-footer:after {
  content: "\20";
  display: block;
  clear: both;
  *zoom: 1;
}

.eui-dialog-text {
  position: relative;
  line-height: 50px;
  text-align: center;
  color: #404040;
  margin-left: -10px;
  margin-right: -10px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #fff;
}
.eui-dialog-text .eui-icon-close, .eui-dialog-text .eui-icon-arrow-down, .eui-dialog-text .eui-icon-arrow-up {
  position: absolute;
  top: 50%;
  margin-top: -6px;
  width: 12px;
  height: 12px;
  font-size: 12px;
  line-height: 12px;
  cursor: pointer;
}
.eui-dialog-text .eui-icon-close {
  right: 10px;
  color: #eb405c !important;
}
.eui-dialog-text .eui-icon-arrow-down, .eui-dialog-text .eui-icon-arrow-up {
  right: 29px;
  color: #16b99c !important;
}
.eui-dialog-text .eui-icon-arrow-down:before, .eui-dialog-text .eui-icon-arrow-up:before {
  display: inline-block;
}
.eui-dialog-text .eui-icon-tick {
  color: #002982 !important;
}

.eui-panelsplitter-container .eui-panelsplitter-panel {
  position: absolute;
  overflow: hidden;
}

.eui-panelsplitter-container {
  position: relative;
  overflow: hidden;
  cursor: e-resize;
}
.eui-panelsplitter-container .eui-panelsplitter-panel {
  text-align: left;
  vertical-align: top;
  cursor: default;
}
.eui-panelsplitter-container .eui-panelsplitter-panel-left, .eui-panelsplitter-container .eui-panelsplitter-panel-right {
  height: 100%;
}
.eui-panelsplitter-container .eui-panelsplitter-panel-left {
  top: 0;
  left: 0;
}
.eui-panelsplitter-container .eui-panelsplitter-panel-right {
  top: 0;
  right: 0;
}
.eui-panelsplitter-container .eui-panelsplitter-panel-top, .eui-panelsplitter-container .eui-panelsplitter-panel-bottom {
  width: 100%;
}
.eui-panelsplitter-container .eui-panelsplitter-panel-top {
  top: 0;
  left: 0;
}
.eui-panelsplitter-container .eui-panelsplitter-panel-bottom {
  bottom: 0;
  left: 0;
}
.eui-panelsplitter-container .eui-panelsplitter-btn, .eui-panelsplitter-container .eui-panelsplitter-btn-left, .eui-panelsplitter-container .eui-panelsplitter-btn-right, .eui-panelsplitter-container .eui-panelsplitter-btnvertical, .eui-panelsplitter-container .eui-panelsplitter-btnvertical-top, .eui-panelsplitter-container .eui-panelsplitter-btnvertical-bottom {
  position: absolute;
  background-color: transparent;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.1s ease;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
}
.eui-panelsplitter-container .eui-panelsplitter-btn:before, .eui-panelsplitter-container .eui-panelsplitter-btn-left:before, .eui-panelsplitter-container .eui-panelsplitter-btn-right:before, .eui-panelsplitter-container .eui-panelsplitter-btnvertical:before, .eui-panelsplitter-container .eui-panelsplitter-btnvertical-top:before, .eui-panelsplitter-container .eui-panelsplitter-btnvertical-bottom:before {
  position: absolute;
  display: inline-block;
  font-family: eui-icon;
  font-size: 18px;
  color: #8a8a8a;
  text-align: center;
}
.eui-panelsplitter-container .eui-panelsplitter-btn, .eui-panelsplitter-container .eui-panelsplitter-btn-left, .eui-panelsplitter-container .eui-panelsplitter-btn-right {
  top: 0;
  height: 100%;
}
.eui-panelsplitter-container .eui-panelsplitter-btn:before, .eui-panelsplitter-container .eui-panelsplitter-btn-left:before, .eui-panelsplitter-container .eui-panelsplitter-btn-right:before {
  content: "\efa2";
  top: 50%;
  height: 30px;
  line-height: 30px;
  margin-top: -15px;
  margin-left: -9px;
}
.eui-panelsplitter-container .eui-panelsplitter-btnvertical, .eui-panelsplitter-container .eui-panelsplitter-btnvertical-top, .eui-panelsplitter-container .eui-panelsplitter-btnvertical-bottom {
  left: 0;
  width: 100%;
  text-align: center;
}
.eui-panelsplitter-container .eui-panelsplitter-btnvertical:before, .eui-panelsplitter-container .eui-panelsplitter-btnvertical-top:before, .eui-panelsplitter-container .eui-panelsplitter-btnvertical-bottom:before {
  content: "\efa3";
  top: 50%;
  width: 30px;
  margin-top: -9px;
}
.eui-panelsplitter-container .eui-panelsplitter-btnvertical {
  left: 50%\0;
}
.eui-panelsplitter-container .eui-panelsplitter-splitbar {
  position: absolute;
  z-index: 99999;
  font-size: 1px;
  background: #c7e2ff;
}

.eui-tabctrl-container {
  position: relative;
  width: 100%;
  height: 100%;
}
.eui-tabctrl-container > .eui-tabctrl-header {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 41px;
  top: 0;
  left: 0;
}
.eui-tabctrl-container > .eui-tabctrl-header:before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 100%;
  top: 0;
  left: 0;
  height: calc(100% - 1px);
  border-bottom: 1px solid #eeeeee;
}
.eui-tabctrl-container > .eui-tabctrl-header > ul {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  height: 100%;
  padding-left: 20px;
}
.eui-tabctrl-container > .eui-tabctrl-header .eui-tabctrl-more {
  position: absolute;
  top: 0;
  right: 0;
  padding-right: 12px;
  cursor: pointer;
}
.eui-tabctrl-container > .eui-tabctrl-header .eui-tabctrl-more:before {
  content: "\ef93";
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  font-family: eui-icon;
  font-size: 12px;
  transform: scale(0.75);
  -webkit-transform: scale(0.75);
  -moz-transform: scale(0.75);
  -ms-transform: scale(0.75);
  -o-transform: scale(0.75);
}
.eui-tabctrl-container > .eui-tabctrl-header .eui-tabctrl-more:hover {
  color: #16b99c;
}
.eui-tabctrl-container > .eui-tabctrl-body {
  position: absolute;
  top: 41px;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #fff;
}
.eui-tabctrl-container > .eui-tabctrl-body .eui-tabctrl-body-content {
  padding: 5px;
}

.eui-tabctrl-container > .eui-tabctrl-header > ul > .eui-tabctrl-header-item {
  float: left;
  margin-right: 15px;
  padding-left: 8px;
  padding-right: 8px;
  line-height: 37px;
  line-height: 35px\9;
  border-color: transparent;
  border-width: 0 0 2px;
  border-style: solid;
  color: #5e6d7d;
  cursor: pointer;
  position: relative;
}
.eui-tabctrl-container > .eui-tabctrl-header > ul > .eui-tabctrl-header-item .eui-icon {
  margin-right: 3px;
  vertical-align: middle;
}
.eui-tabctrl-container > .eui-tabctrl-header > ul > .eui-tabctrl-header-item .eui-icon-img {
  width: 16px;
  height: 16px;
}
.eui-tabctrl-container > .eui-tabctrl-header > ul > .eui-tabctrl-header-item .eui-tabctrl-header-text {
  vertical-align: middle;
  font-size: 14px;
}
.eui-tabctrl-container > .eui-tabctrl-header > ul > .eui-tabctrl-header-item .eui-icon-close {
  vertical-align: top;
  margin-top: 0;
  margin-left: 3px;
  display: inline-block;
  visibility: hidden;
  background-image: none;
}
.eui-tabctrl-container > .eui-tabctrl-header > ul > .eui-tabctrl-header-item .eui-icon-close:before {
  display: inline-block;
  font-size: 12px;
  transform: scale(0.75);
  -webkit-transform: scale(0.75);
  -moz-transform: scale(0.75);
  -ms-transform: scale(0.75);
  -o-transform: scale(0.75);
  color: #5e6d7d;
}
.eui-tabctrl-container > .eui-tabctrl-header > ul > .eui-tabctrl-header-item:hover .eui-icon-close {
  visibility: visible;
}
.eui-tabctrl-container > .eui-tabctrl-header > ul > .eui-tabctrl-header-item:before {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  right: 0;
  height: 3px;
  background-color: #16b99c;
  transform: scale(0, 1);
  transition: all 0.3s ease-in-out;
}
.eui-tabctrl-container > .eui-tabctrl-header > ul > .eui-tabctrl-header-item:hover:before {
  transform: scale(1, 1);
}
.eui-tabctrl-container > .eui-tabctrl-header > ul > .eui-tabctrl-header-active {
  border-bottom: 3px solid #16b99c;
  color: #16b99c;
  font-weight: normal;
}
.eui-tabctrl-container > .eui-tabctrl-header > ul > .eui-tabctrl-header-active .eui-icon-close {
  visibility: visible;
  display: inline-block;
}

.eui-tabctrl-level1-mini > .eui-tabctrl-header {
  height: 33px;
  padding-top: 0;
  background-color: transparent;
}
.eui-tabctrl-level1-mini > .eui-tabctrl-header:before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 100%;
  top: 0;
  left: 0;
  height: 32px;
  border-bottom: 1px solid #eeeeee;
}
.eui-tabctrl-level1-mini > .eui-tabctrl-header > ul {
  margin-top: 0;
  padding-left: 0;
}
.eui-tabctrl-level1-mini > .eui-tabctrl-body {
  top: 33px;
  border: none;
}

.eui-tabctrl-level1-mini > .eui-tabctrl-header > ul > .eui-tabctrl-header-item {
  border: none;
  margin-right: 5px;
  padding-left: 9px;
  padding-right: 9px;
  font-size: 12px;
  line-height: 28px;
}
.eui-tabctrl-level1-mini > .eui-tabctrl-header > ul > .eui-tabctrl-header-item .eui-tabctrl-header-text {
  font-size: 12px;
}
.eui-tabctrl-level1-mini > .eui-tabctrl-header > ul > .eui-tabctrl-header-active {
  color: #16b99c;
  border-bottom: 3px solid #16b99c;
  background-color: transparent;
}

.eui-tabctrl-level2 > .eui-tabctrl-header {
  height: 32px;
  padding-top: 0;
  background-color: transparent;
  border-bottom: 0;
}
.eui-tabctrl-level2 > .eui-tabctrl-header:before {
  content: "";
  border-bottom: 0;
}
.eui-tabctrl-level2 > .eui-tabctrl-header > ul {
  overflow: hidden;
  margin-top: 0;
  padding-left: 0;
}
.eui-tabctrl-level2 > .eui-tabctrl-body {
  top: 30px;
  border-color: #d2d3d7;
  border-width: 1px;
  border-style: solid;
}

.eui-tabctrl-level2 > .eui-tabctrl-header > ul > .eui-tabctrl-header-item {
  height: 100%;
  min-width: 60px;
  margin-right: 0;
  border-width: 1px 1px 0 1px;
  line-height: 29px;
  text-align: center;
  color: #333333;
}
.eui-tabctrl-level2 > .eui-tabctrl-header > ul > .eui-tabctrl-header-item .eui-tabctrl-header-text {
  font-size: 12px;
}
.eui-tabctrl-level2 > .eui-tabctrl-header > ul > .eui-tabctrl-header-btn {
  min-width: 10px;
}
.eui-tabctrl-level2 > .eui-tabctrl-header > ul > .eui-tabctrl-header-active {
  background-color: #ffffff;
  border-color: #d2d3d7;
  color: #16b99c;
}

.eui-tabctrl-level3 > .eui-tabctrl-header {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 32px;
  top: 0;
  left: 0;
  padding-top: 3px;
  background-color: #efeeef;
  border-bottom: 1px solid #d9d9d9;
}
.eui-tabctrl-level3 > .eui-tabctrl-header:before {
  content: "";
  border-bottom: 0;
}
.eui-tabctrl-level3 > .eui-tabctrl-header > ul {
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  height: 100%;
  margin-top: 1px;
  padding-left: 5px;
}
.eui-tabctrl-level3 > .eui-tabctrl-header .eui-tabctrl-more {
  position: absolute;
  top: 0;
  right: 0;
  padding-right: 12px;
  cursor: pointer;
}
.eui-tabctrl-level3 > .eui-tabctrl-header .eui-tabctrl-more:before {
  content: "\ef93";
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  font-family: eui-icon;
  font-size: 12px;
  transform: scale(0.75);
  -webkit-transform: scale(0.75);
  -moz-transform: scale(0.75);
  -ms-transform: scale(0.75);
  -o-transform: scale(0.75);
}
.eui-tabctrl-level3 > .eui-tabctrl-header .eui-tabctrl-more:hover {
  color: #16b99c;
}
.eui-tabctrl-level3 > .eui-tabctrl-body {
  position: absolute;
  top: 32px;
  right: 0;
  left: 0;
  bottom: 0;
}

.eui-tabctrl-level3 > .eui-tabctrl-header > ul > .eui-tabctrl-header-item {
  float: left;
  margin-right: 0;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 28px;
  border-color: transparent;
  border-width: 1px 1px 0;
  border-style: solid;
  color: #333333;
  cursor: pointer;
}
.eui-tabctrl-level3 > .eui-tabctrl-header > ul > .eui-tabctrl-header-item .eui-icon-img {
  width: 16px;
}
.eui-tabctrl-level3 > .eui-tabctrl-header > ul > .eui-tabctrl-header-item .eui-tabctrl-header-text {
  font-size: 12px;
}
.eui-tabctrl-level3 > .eui-tabctrl-header > ul > .eui-tabctrl-header-item .eui-icon-close {
  display: inline-block;
  visibility: hidden;
  vertical-align: top;
  margin-top: 0;
  margin-left: 3px;
}
.eui-tabctrl-level3 > .eui-tabctrl-header > ul > .eui-tabctrl-header-item .eui-icon-close:before {
  display: inline-block;
  font-size: 12px;
  transform: scale(0.7);
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -o-transform: scale(0.7);
}
.eui-tabctrl-level3 > .eui-tabctrl-header > ul > .eui-tabctrl-header-item:hover .eui-icon-close {
  visibility: visible;
}
.eui-tabctrl-level3 > .eui-tabctrl-header > ul > .eui-tabctrl-header-active {
  background-color: #fff;
  border-color: #d9d9d9;
  color: #16b99c;
  font-weight: bold;
}
.eui-tabctrl-level3 > .eui-tabctrl-header > ul > .eui-tabctrl-header-active .eui-icon-close {
  visibility: visible;
  display: inline-block;
}

.eui-tabctrl-level4 > .eui-tabctrl-header {
  height: 25px;
  padding-top: 0;
  background-color: #e4e4e4;
  border-bottom: none;
}
.eui-tabctrl-level4 > .eui-tabctrl-header:before {
  content: "";
  border-bottom: 0;
}
.eui-tabctrl-level4 > .eui-tabctrl-header > ul {
  margin-top: 0;
  padding-left: 0;
}
.eui-tabctrl-level4 > .eui-tabctrl-body {
  top: 25px;
  border: none;
}
.eui-tabctrl-level4 > .eui-tabctrl-body .eui-tabctrl-body-content {
  padding: 0;
  padding-top: 5px;
}

.eui-tabctrl-level4 > .eui-tabctrl-header > ul > .eui-tabctrl-header-item {
  height: 100%;
  border: none;
  margin-right: 0;
  padding-left: 4px;
  padding-right: 4px;
  font-size: 12px;
  color: #333333;
  line-height: 25px;
}
.eui-tabctrl-level4 > .eui-tabctrl-header > ul > .eui-tabctrl-header-item .eui-tabctrl-header-text {
  font-size: 12px;
}
.eui-tabctrl-level4 > .eui-tabctrl-header > ul > .eui-tabctrl-header-active {
  color: #ffffff;
  background-color: #16b99c;
}
.eui-tabctrl-level4 > .eui-tabctrl-header > ul > .eui-tabctrl-header-active .eui-icon {
  color: #ffffff;
}
.eui-tabctrl-level4 > .eui-tabctrl-header > ul > .eui-tabctrl-header-active .eui-icon-close:before {
  color: #ffffff;
}

.eui-tabctrl-designer .eui-tabctrl-level1-mini > .eui-tabctrl-header {
  height: 41px;
  background-color: #efeeef;
}
.eui-tabctrl-designer .eui-tabctrl-level1-mini > .eui-tabctrl-header:before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 100%;
  top: 0;
  left: 0;
  height: 40px;
  border-bottom: 1px solid #d7d7d7;
}
.eui-tabctrl-designer .eui-tabctrl-level1-mini > .eui-tabctrl-header > ul > .eui-tabctrl-header-item {
  line-height: 37px;
  padding-left: 6px;
  padding-right: 6px;
  padding-left: 6px \0 ;
  padding-right: 6px \0 ;
}
.eui-tabctrl-designer .eui-tabctrl-level1-mini > .eui-tabctrl-header > ul > .eui-tabctrl-header-item .eui-tabctrl-header-text {
  font-size: 14px;
  max-width: 160px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.eui-tabctrl-designer .eui-tabctrl-level1-mini > .eui-tabctrl-header > ul > .eui-tabctrl-header-active {
  font-weight: 700;
}
.eui-tabctrl-designer .eui-tabctrl-level1-mini > .eui-tabctrl-body {
  padding: 0px;
  top: 40px;
  background-color: #f7f7f7;
}
.eui-tabctrl-designer .eui-tabctrl-level1-mini > .eui-tabctrl-body .eui-tabctrl-body-content {
  padding: 0;
}

/*试用*/
.eui-tabctrl-wbi > .eui-tabctrl-header {
  height: 36px;
  padding-left: 20px;
}
.eui-tabctrl-wbi > .eui-tabctrl-header:before {
  content: none;
}
.eui-tabctrl-wbi > .eui-tabctrl-header > ul {
  padding-left: 0;
}
.eui-tabctrl-wbi > .eui-tabctrl-header > ul > .eui-tabctrl-header-item {
  border-bottom: 0;
  position: relative;
  padding-left: 20px;
  padding-right: 18px;
  margin-right: 0;
  line-height: 36px;
  line-height: 34px\9;
}
.eui-tabctrl-wbi > .eui-tabctrl-header > ul > .eui-tabctrl-header-item .eui-tabctrl-header-text {
  font-size: 14px;
  color: #333333;
}
.eui-tabctrl-wbi > .eui-tabctrl-header > ul > .eui-tabctrl-header-item:before {
  content: "";
  position: absolute;
  top: 9px;
  bottom: 9px;
  width: 2px;
  right: auto;
  left: 0;
  height: auto;
  transform: scale(1, 1);
  background-color: #eeeeee;
}
.eui-tabctrl-wbi > .eui-tabctrl-header > ul > .eui-tabctrl-header-item .eui-icon-close {
  line-height: 32px;
  padding-top: 2px;
  margin-left: 15px;
  visibility: initial;
}
.eui-tabctrl-wbi > .eui-tabctrl-header > ul > .eui-tabctrl-header-item .eui-icon-close:before {
  font-size: 12px;
  font-weight: 700;
}
.eui-tabctrl-wbi > .eui-tabctrl-header > ul > .eui-tabctrl-header-item .eui-icon {
  font-size: 20px;
  color: #b69dff;
}
.eui-tabctrl-wbi > .eui-tabctrl-header > ul > .eui-tabctrl-header-item:first-child {
  padding-left: 5px;
  padding-right: 18px;
}
.eui-tabctrl-wbi > .eui-tabctrl-header > ul > .eui-tabctrl-header-item:first-child .eui-icon-close {
  display: none !important;
}
.eui-tabctrl-wbi > .eui-tabctrl-header > ul > .eui-tabctrl-header-item:first-child:before {
  width: 0;
}
.eui-tabctrl-wbi > .eui-tabctrl-header > ul > .eui-tabctrl-header-active .eui-tabctrl-header-text {
  color: #4909ff;
}
.eui-tabctrl-wbi > .eui-tabctrl-header > ul > .eui-tabctrl-header-active:before {
  background-color: #4909ff;
}
.eui-tabctrl-wbi > .eui-tabctrl-header > ul > .eui-tabctrl-header-active .eui-icon {
  font-size: 20px;
  color: #4909ff;
}
.eui-tabctrl-wbi > .eui-tabctrl-body {
  top: 36px;
}

.eui-pagebar-container i, .eui-pagebar-container span, .eui-pagebar-list ul li, .eui-pagebar-accurate i, .eui-pagebar-accurate span, .eui-pagebar-accurate ul li {
  margin-left: 3px;
  margin-right: 3px;
  font-size: 12px;
  font-style: normal;
}

.eui-pagebar-list ul li:hover, .eui-pagebar-list ul .eui-pagebar-active, .eui-pagebar-accurate ul li:hover, .eui-pagebar-accurate ul .eui-pagebar-active {
  border-color: #002982;
  background-color: #002982;
  color: #fff;
}

.eui-pagebar-container {
  background-color: #fff;
  margin: 0 20px;
}
.eui-pagebar-container .eui-pagebar-first, .eui-pagebar-container .eui-pagebar-previous, .eui-pagebar-container .eui-pagebar-next, .eui-pagebar-container .eui-pagebar-last {
  cursor: pointer;
  display: inline-block;
}
.eui-pagebar-container .eui-pagebar-first:hover, .eui-pagebar-container .eui-pagebar-previous:hover, .eui-pagebar-container .eui-pagebar-next:hover, .eui-pagebar-container .eui-pagebar-last:hover {
  color: #002982;
}
.eui-pagebar-container .eui-pagebar-main {
  line-height: 20px\9;
}
.eui-pagebar-container .eui-form-input {
  width: 40px;
  height: 20px;
  display: inline-block;
  margin-left: 4px;
  margin-right: 4px;
  line-height: 18px\9;
}

.eui-pagebar-list ul {
  display: inline-block;
}
.eui-pagebar-list ul li {
  display: inline-block;
  width: 30px;
  text-align: center;
  border: 1px solid #b5bdca;
  cursor: pointer;
}

.eui-pagebar-iconmax {
  margin: 0;
}
.eui-pagebar-iconmax .eui-pagebar-first:before {
  content: "\ef82";
}
.eui-pagebar-iconmax .eui-pagebar-previous:before {
  content: "\ef8e";
}
.eui-pagebar-iconmax .eui-pagebar-next:before {
  content: "\ef8f";
}
.eui-pagebar-iconmax .eui-pagebar-last:before {
  content: "\ef83";
}

.eui-pagebar-iconmin .eui-pagebar-first, .eui-pagebar-iconmin .eui-pagebar-previous, .eui-pagebar-iconmin .eui-pagebar-next, .eui-pagebar-iconmin .eui-pagebar-last {
  font-size: 14px;
}
.eui-pagebar-iconmin .eui-pagebar-first:before {
  content: "\ef82";
}
.eui-pagebar-iconmin .eui-pagebar-previous:before {
  content: "\ef8e";
}
.eui-pagebar-iconmin .eui-pagebar-next:before {
  content: "\ef8f";
}
.eui-pagebar-iconmin .eui-pagebar-last:before {
  content: "\ef83";
}

.eui-pagebar-accurate {
  background-color: #fff;
  margin: 0 20px;
}
.eui-pagebar-accurate .eui-pagebar-first, .eui-pagebar-accurate .eui-pagebar-previous, .eui-pagebar-accurate .eui-pagebar-next, .eui-pagebar-accurate .eui-pagebar-last {
  cursor: pointer;
  color: #404040;
}
.eui-pagebar-accurate .eui-pagebar-first:hover, .eui-pagebar-accurate .eui-pagebar-previous:hover, .eui-pagebar-accurate .eui-pagebar-next:hover, .eui-pagebar-accurate .eui-pagebar-last:hover {
  color: #002982;
}
.eui-pagebar-accurate .eui-pagebar-first:before, .eui-pagebar-accurate .eui-pagebar-previous:before, .eui-pagebar-accurate .eui-pagebar-next:before, .eui-pagebar-accurate .eui-pagebar-last:before {
  display: inline-block;
  transform: scale(0.8);
}
.eui-pagebar-accurate .eui-pagebar-main {
  line-height: 20px\9;
}
.eui-pagebar-accurate .eui-form-input {
  width: 40px;
  height: 20px;
  display: inline-block;
  margin-left: 4px;
  margin-right: 4px;
  line-height: 18px\9;
}
.eui-pagebar-accurate .eui-form-select {
  display: inline-block;
  height: 20px;
  line-height: 18px;
  padding-right: 20px;
  border-color: #d9d9d9;
  border-radius: 3px;
}
.eui-pagebar-accurate .eui-form-select .eui-form-select-icon {
  width: 20px;
  border-color: #d9d9d9;
  border-left-color: transparent;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.eui-pagebar-accurate .eui-form-select .eui-form-select-icon:before {
  content: "\ef8d";
}
.eui-pagebar-accurate .eui-form-select input:first-child {
  border-color: #d9d9d9;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.eui-pagebar-accurate ul {
  display: inline-block;
}
.eui-pagebar-accurate ul li {
  height: 20px;
  line-height: 18px;
  line-height: 18px\9;
  display: inline-block;
  width: 20px;
  text-align: center;
  border: 1px solid transparent;
  border-radius: 3px;
  cursor: pointer;
}
.eui-pagebar-accurate .eui-pagebar-first:before {
  content: "\ef82";
}
.eui-pagebar-accurate .eui-pagebar-previous:before {
  content: "\ef8e";
}
.eui-pagebar-accurate .eui-pagebar-next:before {
  content: "\ef8f";
}
.eui-pagebar-accurate .eui-pagebar-last:before {
  content: "\ef83";
}
.eui-pagebar-accurate .eui-form-input {
  border-radius: 3px;
  border-color: #d9d9d9;
}

.eui-accordionpanel-container .eui-accordionpanel-head .eui-icon-close, .eui-accordionpanel-container .eui-accordionpanel-head .eui-icon-max, .eui-accordionpanel-container .eui-accordionpanel-head .eui-icon-float, .eui-accordionpanel-container .eui-accordionpanel-head .eui-icon-unfloat, .eui-accordionpanel-dark .eui-accordionpanel-item .eui-accordionpanel-head .eui-icon-close, .eui-accordionpanel-dark .eui-accordionpanel-item .eui-accordionpanel-head .eui-icon-max, .eui-accordionpanel-dark .eui-accordionpanel-item .eui-accordionpanel-head .eui-icon-float, .eui-accordionpanel-dark .eui-accordionpanel-item .eui-accordionpanel-head .eui-icon-unfloat {
  float: right;
  cursor: pointer;
  font-size: 12px;
  width: 16px;
}

.eui-accordionpanel-container {
  width: 100%;
  height: 100%;
  overflow: auto;
}
.eui-accordionpanel-container .eui-accordionpanel-item {
  position: relative;
  min-height: 32px;
  overflow: hidden;
}
.eui-accordionpanel-container .eui-accordionpanel-item .eui-accordionpanel-head {
  padding-left: 5px;
  padding-right: 5px;
  height: 32px;
  line-height: 30px;
  background-color: #efeeef;
  overflow: hidden;
}
.eui-accordionpanel-container .eui-accordionpanel-item .eui-accordionpanel-body {
  position: absolute;
  top: 32px;
  bottom: 0;
  right: 0;
  left: 0;
  padding-left: 5px;
  padding-right: 5px;
}

.eui-accordionpanel-container .eui-accordionpanel-head .eui-icon-arrow-right {
  float: left;
  font-size: 12px;
  width: 16px;
  color: #333;
  background-image: none;
  cursor: pointer;
}
.eui-accordionpanel-container .eui-accordionpanel-head .eui-icon-arrow-right:before {
  display: inline-block;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
}
.eui-accordionpanel-container .eui-accordionpanel-head .eui-accordionpanel-text {
  font-weight: 700;
  font-size: 14px;
  display: inline-block;
  float: left;
  width: calc(100% - 74px);
}

.eui-accordionpanel-container .eui-accordionpanel-unfold .eui-icon-arrow-right:before {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  cursor: pointer;
}

.eui-accordionpanel-dark {
  background-color: #132a4f;
}
.eui-accordionpanel-dark .eui-accordionpanel-item .eui-accordionpanel-head {
  padding-left: 15px;
  padding-right: 15px;
  background-color: #053070;
}
.eui-accordionpanel-dark .eui-accordionpanel-item .eui-accordionpanel-head .eui-icon-arrow-right {
  float: right;
  font-size: 12px;
  width: 16px;
  cursor: pointer;
}
.eui-accordionpanel-dark .eui-accordionpanel-item .eui-accordionpanel-head .eui-icon-arrow-right:before {
  display: inline-block;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  background-image: -webkit-linear-gradient(132deg, #002a86 21%, #002880 75%);
  background-image: -moz-linear-gradient(132deg, #002a86 21%, #002880 75%);
  background-image: linear-gradient(132deg, #002a86 21%, #002880 75%);
  background-image: none\0;
  -webkit-background-clip: text;
  color: rgba(255, 255, 255, 0.3);
}
.eui-accordionpanel-dark .eui-accordionpanel-item .eui-accordionpanel-head .eui-accordionpanel-text {
  color: rgba(255, 255, 255, 0.8);
  font-weight: 700;
  font-size: 14px;
  display: inline-block;
  float: left;
  width: calc(100% - 74px);
}
.eui-accordionpanel-dark .eui-accordionpanel-item .eui-accordionpanel-head .eui-icon-close, .eui-accordionpanel-dark .eui-accordionpanel-item .eui-accordionpanel-head .eui-icon-max, .eui-accordionpanel-dark .eui-accordionpanel-item .eui-accordionpanel-head .eui-icon-float {
  display: none;
}
.eui-accordionpanel-dark .eui-accordionpanel-item .eui-accordionpanel-body {
  color: rgba(255, 255, 255, 0.8);
}

.eui-accordionpanel-noborder .eui-accordionpanel-item {
  position: relative;
  margin-top: 0px;
  min-height: 26px;
}
.eui-accordionpanel-noborder .eui-accordionpanel-item .eui-accordionpanel-head {
  height: 26px;
  line-height: 26px;
  border-top: none;
}
.eui-accordionpanel-noborder .eui-accordionpanel-item .eui-accordionpanel-body {
  position: absolute;
  top: 26px;
  bottom: 0;
  right: 0;
  left: 0;
}

.eui-accordionpanel-noborder .eui-accordionpanel-head .eui-icon-arrow-right:before {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
}
.eui-accordionpanel-noborder .eui-accordionpanel-head .eui-accordionpanel-text {
  font-weight: normal;
}

.eui-accordionpanel-noborder .eui-accordionpanel-unfold {
  border-bottom: none;
}
.eui-accordionpanel-noborder .eui-accordionpanel-unfold .eui-icon-arrow-right:before {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}

.eui-accordionpanel-line .eui-accordionpanel-item {
  position: relative;
  margin-top: 0px;
  min-height: 26px;
}
.eui-accordionpanel-line .eui-accordionpanel-item .eui-accordionpanel-head {
  padding-left: 0;
  padding-right: 0;
  height: 26px;
  line-height: 26px;
  border-top: none;
  background: transparent;
}
.eui-accordionpanel-line .eui-accordionpanel-item .eui-accordionpanel-body {
  position: absolute;
  top: 26px;
  bottom: 0;
  right: 0;
  left: 0;
}

.eui-accordionpanel-line .eui-accordionpanel-head::before {
  content: "";
  height: 1px;
  background: #ccc;
  position: absolute;
  top: 13px;
  right: 0;
  left: 0;
}
.eui-accordionpanel-line .eui-accordionpanel-head .eui-icon-arrow-right:before {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  background: #fff;
}
.eui-accordionpanel-line .eui-accordionpanel-head .eui-accordionpanel-text {
  float: none;
  position: relative;
  width: auto;
  padding-right: 5px;
  background: #fff;
}
.eui-accordionpanel-line .eui-accordionpanel-head .eui-accordionpanel-text .eui-icon {
  color: #999;
}
.eui-accordionpanel-line .eui-accordionpanel-head .eui-accordionpanel-text .eui-icon:hover {
  color: #002982;
}
.eui-accordionpanel-line .eui-accordionpanel-head .eui-icon-close:before {
  background: #fff;
  position: relative;
  padding-left: 5px;
}
.eui-accordionpanel-line .eui-accordionpanel-head .eui-icon-max:before {
  background: #fff;
  position: relative;
  padding-left: 5px;
}
.eui-accordionpanel-line .eui-accordionpanel-head .eui-icon-float:before {
  background: #fff;
  position: relative;
  padding-left: 5px;
}
.eui-accordionpanel-line .eui-accordionpanel-head .eui-icon-unfloat:before {
  background: #fff;
  position: relative;
  padding-left: 5px;
}

.eui-accordionpanel-line .eui-accordionpanel-unfold {
  border-bottom: none;
}
.eui-accordionpanel-line .eui-accordionpanel-unfold .eui-icon-arrow-right:before {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  background: #fff;
}

.eui-ethumbnail-container {
  width: 100%;
  height: 100%;
  position: relative;
}

.eui-ethumbnail-container
.eui-ethumbnail-left {
  width: 20px;
  height: 50px;
  border: 1px solid #cccccc;
  background-color: #e9e9e9;
  float: left;
  text-align: center;
}
.eui-ethumbnail-container
.eui-ethumbnail-left i:before {
  content: "\ef80";
  display: inline-block;
  font-size: 8px;
  color: #666666;
  line-height: 50px;
}
.eui-ethumbnail-container
.eui-ethumbnail-left:hover {
  cursor: pointer;
}
.eui-ethumbnail-container
.eui-ethumbnail-left:hover i:before {
  color: #002982;
}
.eui-ethumbnail-container
.eui-ethumbnail-left .eui-icon {
  background-image: none;
}

.eui-ethumbnail-container
.eui-ethumbnail-center {
  height: 50px;
  position: absolute;
  left: 20px;
  right: 20px;
  overflow: hidden;
}
.eui-ethumbnail-container
.eui-ethumbnail-center ul {
  white-space: nowrap;
  overflow: hidden;
  display: block;
  width: 100%;
  height: 100%;
}

.eui-ethumbnail-container .eui-ethumbnail-box {
  width: 50px;
  height: 50px;
  margin-left: 5px;
  border: 1px solid #cccccc;
  padding: 1px;
  display: inline-block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.eui-ethumbnail-container .eui-ethumbnail-box:hover {
  border: 2px solid #002982;
  opacity: .8;
  filter: alpha(opacity=80);
}
.eui-ethumbnail-container .eui-ethumbnail-box-selected {
  border: 2px solid #002982;
}

.eui-ethumbnail-container
.eui-ethumbnail-text {
  display: none;
}

.eui-ethumbnail-container
.eui-ethumbnail-right {
  width: 20px;
  height: 50px;
  border: 1px solid #cccccc;
  background-color: #e9e9e9;
  float: right;
  text-align: center;
}
.eui-ethumbnail-container
.eui-ethumbnail-right i:before {
  content: "\ef81";
  line-height: 50px;
  font-size: 8px;
  color: #666666;
}
.eui-ethumbnail-container
.eui-ethumbnail-right:hover {
  cursor: pointer;
}
.eui-ethumbnail-container
.eui-ethumbnail-right:hover i:before {
  color: #002982;
}
.eui-ethumbnail-container
.eui-ethumbnail-right .eui-icon {
  background-image: none;
}

.eui-ethumbnail-container
.eui-ethumbnail-clear {
  clear: both;
}

.eui-ethumbnail-align-vertical {
  width: 100%;
  height: 100%;
}

.eui-ethumbnail-align-vertical
.eui-ethumbnail-left {
  width: 50px;
  height: 20px;
  border: 1px solid #cccccc;
  background-color: #e9e9e9;
  text-align: center;
}
.eui-ethumbnail-align-vertical
.eui-ethumbnail-left i:before {
  content: "\ef7e";
  display: inline-block;
  font-size: 8px;
  color: #666666;
  line-height: 20px;
}
.eui-ethumbnail-align-vertical
.eui-ethumbnail-left:hover {
  cursor: pointer;
}
.eui-ethumbnail-align-vertical
.eui-ethumbnail-left:hover i:before {
  color: #002982;
}

.eui-ethumbnail-align-vertical
.eui-ethumbnail-center {
  position: absolute;
  left: 0;
  top: 20px;
  bottom: 20px;
  right: 0;
  height: auto;
  overflow: hidden;
}

.eui-ethumbnail-align-vertical .eui-ethumbnail-box {
  width: 50px;
  height: 50px;
  margin: 5px 0 0 0;
  border: 1px solid #cccccc;
  padding: 1px;
  float: left;
}
.eui-ethumbnail-align-vertical .eui-ethumbnail-box:hover {
  border: 2px solid #002982;
  opacity: .8;
  filter: alpha(opacity=80);
}
.eui-ethumbnail-align-vertical .eui-ethumbnail-box-selected {
  border: 2px solid #002982;
}

.eui-ethumbnail-align-vertical
.eui-ethumbnail-text {
  display: none;
}

.eui-ethumbnail-align-vertical
.eui-ethumbnail-right {
  width: 50px;
  height: 20px;
  border: 1px solid #cccccc;
  background-color: #e9e9e9;
  position: absolute;
  bottom: 0;
}
.eui-ethumbnail-align-vertical
.eui-ethumbnail-right i:before {
  content: "\ef7f";
  line-height: 20px;
  font-size: 8px;
  color: #666666;
}
.eui-ethumbnail-align-vertical
.eui-ethumbnail-right:hover {
  cursor: pointer;
}
.eui-ethumbnail-align-vertical
.eui-ethumbnail-right:hover i:before {
  color: #002982;
}

.eui-ethumbnail-align-vertical
.eui-ethumbnail-clear {
  clear: both;
}

.eui-carousel-container {
  position: relative;
  width: 100%;
  height: 100%;
}
.eui-carousel-container .eui-carousel-items {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.eui-carousel-container .eui-carousel-items .eui-carousel-item {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition-duration: .3s;
}
.eui-carousel-container .eui-carousel-leftright.eui-carousel-items .eui-carousel-item-active {
  display: block;
  left: 0;
}
.eui-carousel-container .eui-carousel-leftright.eui-carousel-items .eui-carousel-item-active.eui-carousel-left {
  left: -100%;
}
.eui-carousel-container .eui-carousel-leftright.eui-carousel-items .eui-carousel-item-active.eui-carousel-right {
  left: 100%;
}
.eui-carousel-container .eui-carousel-leftright.eui-carousel-items .eui-carousel-item-next {
  left: 100%;
  display: block;
}
.eui-carousel-container .eui-carousel-leftright.eui-carousel-items .eui-carousel-item-next.eui-carousel-left {
  left: 0;
}
.eui-carousel-container .eui-carousel-leftright.eui-carousel-items .eui-carousel-item-prev {
  left: -100%;
  display: block;
}
.eui-carousel-container .eui-carousel-leftright.eui-carousel-items .eui-carousel-item-prev.eui-carousel-right {
  left: 0;
}
.eui-carousel-container .eui-carousel-updown.eui-carousel-items .eui-carousel-item-active {
  display: block;
  top: 0;
}
.eui-carousel-container .eui-carousel-updown.eui-carousel-items .eui-carousel-item-active.eui-carousel-right {
  top: 100%;
}
.eui-carousel-container .eui-carousel-updown.eui-carousel-items .eui-carousel-item-active.eui-carousel-left {
  top: -100%;
}
.eui-carousel-container .eui-carousel-updown.eui-carousel-items .eui-carousel-item-next {
  top: 100%;
  display: block;
}
.eui-carousel-container .eui-carousel-updown.eui-carousel-items .eui-carousel-item-next.eui-carousel-left {
  top: 0;
}
.eui-carousel-container .eui-carousel-updown.eui-carousel-items .eui-carousel-item-prev {
  top: -100%;
  display: block;
}
.eui-carousel-container .eui-carousel-updown.eui-carousel-items .eui-carousel-item-prev.eui-carousel-right {
  top: 0;
}
.eui-carousel-container .eui-carousel-indicator {
  position: relative;
  top: -35px;
  width: 100%;
  line-height: 0 !important;
  text-align: center;
  font-size: 0;
}
.eui-carousel-container .eui-carousel-indicator .eui-carousel-indicator-ul {
  display: inline-block;
  padding: 5px;
  border-radius: 10px;
  background-color: #000000;
  opacity: .5;
  transition-duration: .3s;
}
.eui-carousel-container .eui-carousel-indicator .eui-carousel-indicator-li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 3px;
  font-size: 14px;
  opacity: .5;
  background-color: #ffffff;
  border-radius: 50%;
  transition-duration: .3s;
  cursor: pointer;
}
.eui-carousel-container .eui-carousel-indicator .eui-carousel-indicator-li:hover, .eui-carousel-container .eui-carousel-indicator .eui-carousel-indicator-active {
  opacity: 1;
  background-color: #e2e2e2;
}
.eui-carousel-container .eui-carousel-indicator-outside {
  top: 0px;
}
.eui-carousel-container .eui-carousel-pre, .eui-carousel-container .eui-carousel-next {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 36px;
  margin-top: -18px;
  line-height: 36px;
  text-align: center;
  border-radius: 50%;
  opacity: .5;
  background-color: #000000;
  color: #fff;
  transition-duration: .3s;
  cursor: pointer;
}
.eui-carousel-container .eui-carousel-pre {
  left: 20px;
}
.eui-carousel-container .eui-carousel-next {
  right: 20px;
}
.eui-carousel-container .eui-carousel-pre:hover, .eui-carousel-container .eui-carousel-next:hover {
  opacity: .8;
}
.eui-carousel-container .eui-carousel-hover {
  opacity: 0;
}

.eui-carousel-container:hover .eui-carousel-hover {
  opacity: .5;
}

.eui-tabset-container {
  position: relative;
  width: 100%;
  height: 25px;
  background-color: #e0e0e0;
}
.eui-tabset-container .eui-tabset-icon {
  position: absolute;
  width: 96px;
  padding: 0px 7px;
  height: 100%;
  left: 0;
  top: 0;
  border-right: 1px solid #cdcdcd;
}
.eui-tabset-container .eui-tabset-icon i {
  padding: 0px 4px;
  height: 100%;
  display: inline-block;
  cursor: pointer;
  color: #002982;
  line-height: 25px;
  font-size: 12px;
}
.eui-tabset-container .eui-tabset-icon i:hover {
  background-color: #c4e6ff;
}
.eui-tabset-container .eui-tabset-icon .eui-tabset-first:before {
  content: "\ef82";
}
.eui-tabset-container .eui-tabset-icon .eui-tabset-pre:before {
  content: "\ef80";
}
.eui-tabset-container .eui-tabset-icon .eui-tabset-next:before {
  content: "\ef81";
}
.eui-tabset-container .eui-tabset-icon .eui-tabset-last:before {
  content: "\ef83";
}
.eui-tabset-container .eui-tabset-item {
  white-space: nowrap;
  overflow: hidden;
  display: block;
  margin-left: 96px;
  height: 100%;
  position: relative;
}
.eui-tabset-container .eui-tabset-item .eui-tabset-label {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.eui-tabset-container .eui-tabset-item .eui-tabset-text {
  display: inline-block;
  padding: 0 10px;
  border-right: 1px solid #cdcdcd;
  line-height: 25px;
  cursor: pointer;
}

.eui-tabset-container .eui-tabset-text-active {
  background-color: #fff;
  height: 25px;
  color: #002982;
  font-weight: bold;
}

.eui-etabnotes-container {
  position: relative;
  width: 100%;
  height: 100%;
}
.eui-etabnotes-container .eui-etabnotes-notes {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 25px;
}
.eui-etabnotes-container .eui-etabnotes-notes .eui-etabnotes-note {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.eui-etabnotes-container .eui-etabnotes-tabset {
  position: absolute;
  width: 100%;
  height: 25px;
  bottom: 0;
}

.eui-panel {
  position: absolute;
  z-index: 9;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.eui-panel-container {
  position: relative;
  width: 100%;
  height: 100%;
}
.eui-panel-hide {
  visibility: hidden !important;
  top: -9999px !important;
  left: -9999px !important;
}

.eui-panel-gray {
  position: absolute;
  z-index: 102;
  overflow: hidden;
  background: #f5f5f5;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.eui-panel-gray-container {
  position: relative;
  width: 100%;
  height: 100%;
}

.eui-panel-selectlist {
  border: 1px solid #d2d2d2;
}
.eui-panel-selectlist .eui-panel-selectlist-check {
  position: relative;
  height: 36px;
  background: #f5f6f9;
  border-bottom: 1px solid #d7dce3;
}
.eui-panel-selectlist .eui-panel-selectlist-check-left {
  float: left;
  padding-left: 5px;
  padding-right: 4px;
  height: 100%;
  line-height: 35px;
}
.eui-panel-selectlist .eui-panel-selectlist-check-right {
  padding-right: 2px;
  padding-left: 59px;
  height: 100%;
  line-height: 36px;
}
.eui-panel-selectlist .eui-panel-selectlist-check-right label {
  float: left;
}
.eui-panel-selectlist .eui-panel-selectlist-check-right > div {
  width: 100%;
  padding-left: 35px;
}
.eui-panel-selectlist .eui-panel-selectlist-check-right .eui-form-search {
  margin-left: 0;
  top: 5px;
}
.eui-panel-selectlist .eui-panel-selectlist-check-right .eui-form-search i {
  background-color: #fff;
  background-image: none;
  -webkit-background-clip: border-box;
}
.eui-panel-selectlist .eui-panel-selectlist-content {
  position: absolute;
  top: 36px;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 5px;
}
.eui-panel-selectlist .eui-elist-datatable {
  width: 100% !important;
}
.eui-panel-selectlist .eui-elist-datatable td {
  border: 0;
}

.eui-panel-borderstyle, .eui-panel-borderradius {
  width: 100%;
  height: 100%;
  padding: 20%;
  background-color: #F4F4F4;
}

.eui-panel-borderstyle > ul, .eui-panel-borderradius > ul {
  position: relative;
  width: 100%;
  height: 100%;
  border: 2px solid #777777;
  background-color: #ffffff;
}

.eui-panel-borderstyle > ul li {
  position: absolute;
  outline: 1px solid #b9b9b9;
  border: 1px solid #f4f4f4;
  cursor: pointer;
}
.eui-panel-borderstyle > ul li:hover {
  outline: 1px solid #002982;
  background-color: rgba(94, 145, 255, 0.5);
}
.eui-panel-borderstyle > ul .eui-panel-border-active {
  outline: 1px solid #002982;
  background-color: rgba(94, 145, 255, 0.2);
}
.eui-panel-borderstyle > ul .eui-panel-border-left, .eui-panel-borderstyle > ul .eui-panel-border-right {
  width: 20px;
  top: 20%;
  bottom: 20%;
}
.eui-panel-borderstyle > ul .eui-panel-border-left {
  left: -10px;
}
.eui-panel-borderstyle > ul .eui-panel-border-right {
  right: -10px;
}
.eui-panel-borderstyle > ul .eui-panel-border-top, .eui-panel-borderstyle > ul .eui-panel-border-bottom {
  height: 20px;
  left: 20%;
  right: 20%;
}
.eui-panel-borderstyle > ul .eui-panel-border-top {
  top: -10px;
}
.eui-panel-borderstyle > ul .eui-panel-border-bottom {
  bottom: -10px;
}

.eui-panel-borderradius > ul {
  border-radius: 20%;
  /*左下*/
  /*右上*/
  /*左上*/
  /*右下*/
}
.eui-panel-borderradius > ul li {
  position: absolute;
  width: 60%;
  height: 60%;
  outline: 1px solid #b9b9b9;
  border: 1px solid #f4f4f4;
  cursor: pointer;
}
.eui-panel-borderradius > ul li:hover {
  outline: 1px solid #002982;
  background-color: rgba(94, 145, 255, 0.5);
}
.eui-panel-borderradius > ul .eui-panel-border-active {
  outline: 1px solid #002982;
  background-color: rgba(94, 145, 255, 0.2);
}
.eui-panel-borderradius > ul .eui-panel-border-left {
  left: -20%;
  bottom: -20%;
}
.eui-panel-borderradius > ul .eui-panel-border-right {
  right: -20%;
  top: -20%;
}
.eui-panel-borderradius > ul .eui-panel-border-top {
  left: -20%;
  top: -20%;
}
.eui-panel-borderradius > ul .eui-panel-border-bottom {
  bottom: -20%;
  right: -20%;
}

.eui-panel-colorlist {
  width: 100%;
  height: 100%;
  padding: 10px 2px;
}
.eui-panel-colorlist > ul {
  width: 100%;
}
.eui-panel-colorlist > ul > li {
  position: relative;
  width: 100%;
  margin-bottom: 10px;
  outline: 1px solid #777;
  cursor: pointer;
}
.eui-panel-colorlist > ul > li .eui-panel-colorlist-gradient {
  height: 22px;
  margin-right: 25px;
}
.eui-panel-colorlist > ul > li .eui-panel-colorlist-gradient canvas {
  width: 100%;
  height: 100%;
}
.eui-panel-colorlist > ul > li .eui-panel-colorlist-color {
  height: 100%;
  margin-right: 25px;
}
.eui-panel-colorlist > ul > li .eui-panel-colorlist-color .eui-panel-colorlist-color-item {
  display: inline-block;
  height: 22px;
  vertical-align: top;
}
.eui-panel-colorlist > ul > li .eui-panel-colorlist-del {
  position: absolute;
  right: 0;
  top: 0;
  width: 25px;
  height: 100%;
  line-height: 24px;
  text-align: center;
}
.eui-panel-colorlist > ul > li .eui-panel-colorlist-del .eui-icon {
  color: #333;
  cursor: pointer;
}
.eui-panel-colorlist > ul .eui-panel-colorlist-active {
  outline: 2px solid #333;
}

.eui-panel-customcolor {
  width: 100%;
  height: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}
.eui-panel-customcolor .eui-panel-customcolor-top {
  margin-bottom: 10px;
}
.eui-panel-customcolor .eui-panel-customcolor-center {
  height: 54px;
  margin-bottom: 25px;
}
.eui-panel-customcolor .eui-panel-customcolor-center .eui-panel-customcolor-item {
  display: inline-block;
  width: 26px;
  height: 26px;
  margin-right: 1px;
  margin-bottom: 1px;
  vertical-align: top;
}
.eui-panel-customcolor .eui-panel-customcolor-center .eui-panel-customcolor-add {
  display: inline-block;
  vertical-align: top;
}
.eui-panel-customcolor .eui-panel-customcolor-center .eui-panel-customcolor-add i {
  width: 26px;
  padding: 0;
}
.eui-panel-customcolor .eui-panel-customcolor-bottom {
  width: 100%;
  height: 30px;
}
.eui-panel-customcolor .eui-panel-customcolor-bottom canvas {
  width: 100%;
  height: 100%;
}

.eui-color-container {
  position: relative;
  width: 256px;
}
.eui-color-container .eui-color-main {
  position: relative;
  width: 100%;
  height: 146px;
}
.eui-color-container .eui-color-main .eui-color-main-white, .eui-color-container .eui-color-main .eui-color-main-black {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.eui-color-container .eui-color-main .eui-color-main-white {
  background: #ffffff\9 \0 ;
  filter: alpha(opacity=100, finishopacity=0, style=1, startX=0, startY=0, finishX=246, finishY=0) \9;
  background: linear-gradient(90deg, #FFF, rgba(255, 255, 255, 0));
}
.eui-color-container .eui-color-main .eui-color-main-black {
  background: black\9 \0 ;
  filter: alpha(opacity=100, finishopacity=0, style=1, startX=0, startY=146, finishX=0, finishY=0) \9;
  background: linear-gradient(0deg, #000, transparent);
}
.eui-color-container .eui-color-main .eui-color-main-pointer {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 10px;
  height: 10px;
  border: 1px solid #FFF;
  border-radius: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.eui-color-container .eui-color-alphp {
  position: relative;
  width: 100%;
  height: 52px;
  margin-top: 5px;
}
.eui-color-container .eui-color-alphp .eui-color-show {
  position: absolute;
  top: 7px;
  width: 38px;
  height: 38px;
  margin: 0px 10px;
  border-radius: 50%;
  background-color: #0F0;
  border-width: 1px;
  border-style: solid;
}
.eui-color-container .eui-color-alphp .eui-color-colorblock, .eui-color-container .eui-color-alphp .eui-color-alphpshow {
  position: absolute;
  left: 55px;
  right: 5px;
  height: 26px;
}
.eui-color-container .eui-color-alphp .eui-color-colorblock .eui-form-range-path, .eui-color-container .eui-color-alphp .eui-color-alphpshow .eui-form-range-path {
  border-radius: 0px;
  border-color: transparent;
  background: transparent;
  box-shadow: transparent 0px 0px 0px;
}
.eui-color-container .eui-color-alphp .eui-color-colorblock .eui-form-range-area, .eui-color-container .eui-color-alphp .eui-color-alphpshow .eui-form-range-area {
  background-color: transparent !important;
}
.eui-color-container .eui-color-alphp .eui-color-colorblock i, .eui-color-container .eui-color-alphp .eui-color-alphpshow i {
  background-color: #ffffff;
  border-color: #ffffff;
  box-shadow: #777777 0px 0px 2px;
}
.eui-color-container .eui-color-alphp .eui-color-colorblock i:before, .eui-color-container .eui-color-alphp .eui-color-alphpshow i:before {
  background-color: #ffffff;
}
.eui-color-container .eui-color-alphp .eui-color-colorblock {
  top: 13px;
}
.eui-color-container .eui-color-alphp .eui-color-colorblock .eui-color-colorshow-img {
  position: absolute;
  left: 10px;
  right: 10px;
  height: 12px;
  top: 50%;
  margin-top: -10px;
}
.eui-color-container .eui-color-alphp .eui-color-alphpshow {
  top: 26px;
}
.eui-color-container .eui-color-alphp .eui-color-alphpshow .eui-color-alphpshow-img {
  position: absolute;
  left: 10px;
  right: 10px;
  height: 12px;
  top: 50%;
  margin-top: -6px;
  background: transparent url(../../../images/icon/transparent.png) repeat no-repeat;
}
.eui-color-container .eui-color-alphp .eui-color-alphpshow .eui-color-alphpshow-color {
  position: relative;
  width: 100%;
  height: 100%;
}
.eui-color-container .eui-color-value {
  position: relative;
  width: 100%;
  height: 34px;
  margin-top: 5px;
}
.eui-color-container .eui-color-lately {
  padding: 0 5px;
}
.eui-color-container .eui-color-lately .eui-tips-container {
  padding: 0 5px;
}
.eui-color-container .eui-color-lately > ul {
  position: relative;
  display: block;
  margin-right: 15px;
}
.eui-color-container .eui-color-lately > ul li {
  display: inline-block;
  cursor: pointer;
  width: 14px;
  height: 14px;
  border-radius: 3px;
  margin: 2px 4px;
}
.eui-color-container .eui-color-lately > ul .eui-color-item {
  border-width: 1px;
  border-style: solid;
}
.eui-color-container .eui-color-lately > ul .eui-color-empty {
  border: 1px dashed #dbdbdb;
}
.eui-color-container .eui-color-lately > ul .eui-icon-primary {
  position: absolute;
  right: 0;
  width: 10px;
  height: 100%;
  cursor: pointer;
}
.eui-color-container .eui-color-lately > ul .eui-icon-primary:before, .eui-color-container .eui-color-lately > ul .eui-icon-primary:after {
  position: absolute;
  display: inline-block;
  font-size: 12px;
  line-height: 9px;
  transform: scale(0.5);
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
}
.eui-color-container .eui-color-lately > ul .eui-icon-primary:before {
  content: "\ef7e";
  top: 1px;
}
.eui-color-container .eui-color-lately > ul .eui-icon-primary:after {
  content: "\ef7f";
  bottom: 4px;
}
.eui-color-container .eui-color-lately > .eui-color-empty-list {
  margin-top: 5px;
}
.eui-color-container .eui-color-lately > .eui-color-item-list {
  overflow: hidden;
}

.eui-messagehint-container .eui-messagehint-head .eui-icon-close, .eui-messagehint-container .eui-messagehint-head .eui-icon-fixed, .eui-messagehint-container .eui-messagehint-head .eui-icon-unfixed {
  display: inline-block;
  width: 16px;
  font-size: 12px;
  color: #7c7c7d;
  cursor: pointer;
}

.eui-messagehint-container.eui-messagehint-container-blue .eui-messagehint-head .eui-icon-close, .eui-messagehint-container.eui-messagehint-container-blue .eui-messagehint-head .eui-icon-fixed, .eui-messagehint-container.eui-messagehint-container-blue .eui-messagehint-head .eui-icon-unfixed, .eui-messagehint-container.eui-messagehint-container-black .eui-messagehint-head .eui-icon-close, .eui-messagehint-container.eui-messagehint-container-black .eui-messagehint-head .eui-icon-fixed, .eui-messagehint-container.eui-messagehint-container-black .eui-messagehint-head .eui-icon-unfixed {
  color: #ffffff;
}

.eui-messagehint-container .eui-messagehint-arrow-left:before, .eui-messagehint-container .eui-messagehint-arrow-right:before, .eui-messagehint-container .eui-messagehint-arrow-top:before, .eui-messagehint-container .eui-messagehint-arrow-bottom:before {
  content: "";
  position: absolute;
  z-index: 1;
  border-width: 8px;
  border-style: solid;
}

.eui-messagehint-container .eui-messagehint-arrow-left:after, .eui-messagehint-container .eui-messagehint-arrow-right:after, .eui-messagehint-container .eui-messagehint-arrow-top:after, .eui-messagehint-container .eui-messagehint-arrow-bottom:after {
  content: "";
  position: absolute;
  z-index: 2;
  border-width: 8px;
  border-style: solid;
}

.eui-messagehint-container .eui-messagehint-arrow-left, .eui-messagehint-container .eui-messagehint-arrow-right, .eui-messagehint-container .eui-messagehint-arrow-top, .eui-messagehint-container .eui-messagehint-arrow-bottom {
  width: 16px;
  height: 16px;
  position: absolute;
}

.eui-messagehint-container {
  padding: 5px 8px 8px;
  min-width: 60px;
  min-height: 32px;
  background: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  position: absolute;
  z-index: 2;
  margin-left: 8px;
  border-radius: 4px;
  border: #c9c9c9 1px solid;
}
.eui-messagehint-container .eui-messagehint-arrow-left {
  top: 10px;
  left: -8px;
  margin-left: 0;
  overflow: hidden;
}
.eui-messagehint-container .eui-messagehint-arrow-left:before {
  top: 0;
  left: -8px;
  border-color: transparent #c9c9c9 transparent transparent;
}
.eui-messagehint-container .eui-messagehint-arrow-left:after {
  top: 0;
  left: -7px;
  border-color: transparent #fff transparent transparent;
}
.eui-messagehint-container .eui-messagehint-arrow-right {
  top: 10px;
  right: -8px;
  margin-right: -8px;
}
.eui-messagehint-container .eui-messagehint-arrow-right:before {
  top: 0;
  right: 0;
  border-color: transparent transparent transparent #c9c9c9;
}
.eui-messagehint-container .eui-messagehint-arrow-right:after {
  top: 0;
  right: 1px;
  border-color: transparent transparent transparent #fff;
}
.eui-messagehint-container .eui-messagehint-arrow-top {
  left: 10px;
  top: -8px;
  margin-top: -8px;
}
.eui-messagehint-container .eui-messagehint-arrow-top:before {
  left: 0;
  top: 0;
  border-color: transparent transparent #c9c9c9 transparent;
}
.eui-messagehint-container .eui-messagehint-arrow-top:after {
  left: 0;
  top: 1px;
  border-color: transparent transparent #fff transparent;
}
.eui-messagehint-container .eui-messagehint-arrow-bottom {
  left: 10px;
  bottom: -8px;
  margin-bottom: -8px;
}
.eui-messagehint-container .eui-messagehint-arrow-bottom:before {
  left: 0;
  bottom: 0;
  border-color: #c9c9c9 transparent transparent transparent;
}
.eui-messagehint-container .eui-messagehint-arrow-bottom:after {
  left: 0;
  bottom: 1px;
  border-color: #fff transparent transparent transparent;
}
.eui-messagehint-container .eui-messagehint-head {
  text-align: right;
}
.eui-messagehint-container .eui-messagehint-head .eui-icon-close:before {
  display: inline-block;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
}
.eui-messagehint-container .eui-messagehint-body {
  word-wrap: break-word;
  word-break: break-all;
  text-align: justify;
  text-justify: inter-ideograph;
}
.eui-messagehint-container.eui-messagehint-container-blue {
  box-shadow: none;
  background-color: #64c9f1;
  border-radius: 0px;
  border: none;
}
.eui-messagehint-container.eui-messagehint-container-blue .eui-messagehint-arrow-left:before {
  border-color: transparent #64c9f1 transparent transparent;
}
.eui-messagehint-container.eui-messagehint-container-blue .eui-messagehint-arrow-left:after {
  border-color: transparent #64c9f1 transparent transparent;
}
.eui-messagehint-container.eui-messagehint-container-blue .eui-messagehint-arrow-right:before {
  border-color: transparent transparent transparent #64c9f1;
}
.eui-messagehint-container.eui-messagehint-container-blue .eui-messagehint-arrow-right:after {
  border-color: transparent transparent transparent #64c9f1;
}
.eui-messagehint-container.eui-messagehint-container-blue .eui-messagehint-arrow-top:before {
  border-color: transparent transparent #64c9f1 transparent;
}
.eui-messagehint-container.eui-messagehint-container-blue .eui-messagehint-arrow-top:after {
  border-color: transparent transparent #64c9f1 transparent;
}
.eui-messagehint-container.eui-messagehint-container-blue .eui-messagehint-arrow-bottom:before {
  border-color: #64c9f1 transparent transparent transparent;
}
.eui-messagehint-container.eui-messagehint-container-blue .eui-messagehint-arrow-bottom:after {
  border-color: #64c9f1 transparent transparent transparent;
}
.eui-messagehint-container.eui-messagehint-container-blue .eui-messagehint-head {
  text-align: right;
}
.eui-messagehint-container.eui-messagehint-container-blue .eui-messagehint-body {
  background-color: #f1f3f5;
  padding: 0 5px;
}
.eui-messagehint-container.eui-messagehint-container-black {
  box-shadow: none;
  background-color: rgba(75, 75, 75, 0.85);
  border-radius: 4px;
  border: none;
}
.eui-messagehint-container.eui-messagehint-container-black .eui-messagehint-arrow-left:before {
  border-color: transparent rgba(75, 75, 75, 0.85) transparent transparent;
}
.eui-messagehint-container.eui-messagehint-container-black .eui-messagehint-arrow-left:after {
  border-color: transparent transparent transparent transparent;
}
.eui-messagehint-container.eui-messagehint-container-black .eui-messagehint-arrow-right:before {
  border-color: transparent transparent transparent rgba(75, 75, 75, 0.85);
}
.eui-messagehint-container.eui-messagehint-container-black .eui-messagehint-arrow-right:after {
  border-color: transparent transparent transparent transparent;
}
.eui-messagehint-container.eui-messagehint-container-black .eui-messagehint-arrow-top:before {
  border-color: transparent transparent rgba(75, 75, 75, 0.85) transparent;
}
.eui-messagehint-container.eui-messagehint-container-black .eui-messagehint-arrow-top:after {
  border-color: transparent transparent transparent transparent;
}
.eui-messagehint-container.eui-messagehint-container-black .eui-messagehint-arrow-bottom:before {
  border-color: rgba(75, 75, 75, 0.85) transparent transparent transparent;
}
.eui-messagehint-container.eui-messagehint-container-black .eui-messagehint-arrow-bottom:after {
  border-color: transparent transparent transparent transparent;
}
.eui-messagehint-container.eui-messagehint-container-black .eui-messagehint-head {
  text-align: right;
}
.eui-messagehint-container.eui-messagehint-container-black .eui-messagehint-body {
  color: #fff;
}

.eui-datalist-container {
  position: relative;
}
.eui-datalist-container .eui-datalist-header {
  position: relative;
  overflow: hidden;
  height: 40px;
  padding: 0 1px;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  background-color: #eeeeee;
  font-weight: normal;
}
.eui-datalist-container .eui-datalist-header table {
  height: 100%;
  width: 1px;
  table-layout: fixed;
  border-collapse: separate;
  *border-collapse: collapse;
}
.eui-datalist-container .eui-datalist-header td {
  color: #777777;
  height: 100%;
  padding: 0 5px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  position: relative;
}
.eui-datalist-container .eui-datalist-header td .eui-icon {
  font-weight: normal;
}
.eui-datalist-container .eui-datalist-body {
  position: absolute;
  left: 0;
  right: 0;
  top: 40px;
  bottom: 0;
  overflow: auto;
  padding: 0 1px;
}
.eui-datalist-container .eui-elist-col-resizeguide {
  position: absolute;
  width: 0;
  top: 42px;
  bottom: 0;
  border-right: 1px dashed #777;
}
.eui-datalist-container .eui-elist-col-resize {
  position: absolute;
  cursor: col-resize;
  z-index: 2;
  width: 5px;
  top: 0;
  height: 42px;
  background-color: #AAB;
}

.eui-datalist-container .eui-datalist-body {
  /* 不可编辑字段  */
}
.eui-datalist-container .eui-datalist-body table {
  width: 1px;
  table-layout: fixed;
  border-collapse: seperate;
  *border-collapse: collapse;
}
.eui-datalist-container .eui-datalist-body tr:hover td {
  background-color: #ebeef3;
}
.eui-datalist-container .eui-datalist-body .eui-datalist-data-col {
  padding: 7px 5px;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-bottom: 1px solid #eeeeee;
}
.eui-datalist-container .eui-datalist-body .eui-datalist-data-col .eui-datalist-edittext {
  background-color: transparent;
  height: 26px;
  line-height: 26px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.eui-datalist-container .eui-datalist-body .eui-datalist-data-col .eui-form-checkbox {
  line-height: 26px\0;
}
.eui-datalist-container .eui-datalist-body .eui-datalist-data-col .eui-form-checkbox + span {
  vertical-align: middle;
  line-height: 26px\0;
}
.eui-datalist-container .eui-datalist-body .eui-datalist-data-col:first-child .eui-icon {
  display: inline-block;
  width: 16px;
}
.eui-datalist-container .eui-datalist-body .eui-datalist-row-select .eui-datalist-data-col {
  background-color: #e5e9f2;
}
.eui-datalist-container .eui-datalist-body .eui-datalist-row-select div, .eui-datalist-container .eui-datalist-body .eui-datalist-row-select span {
  color: #404040;
}
.eui-datalist-container .eui-datalist-body .eui-datalist-row-select .eui-disable {
  color: #8a8a8a;
}
.eui-datalist-container .eui-datalist-body .eui-datalist-matchrow .eui-datalist-data-col {
  background-color: #fff0c9;
}
.eui-datalist-container .eui-datalist-body .eui-datalist-matchrow .eui-disable {
  color: #8a8a8a;
}
.eui-datalist-container .eui-datalist-body .eui-datalist-activerow .eui-datalist-data-col {
  background-color: #ffce51;
}
.eui-datalist-container .eui-datalist-body .eui-datalist-activerow .eui-disable {
  color: #8a8a8a;
}
.eui-datalist-container .eui-datalist-body .eui-datalist-red-tips {
  padding-left: 4px;
  position: relative;
}
.eui-datalist-container .eui-datalist-body .eui-datalist-red-tips:before {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent red transparent transparent;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}
.eui-datalist-container .eui-datalist-body .eui-disable {
  color: #8a8a8a;
}
.eui-datalist-container .eui-datalist-body tr.eui-datalist-row-hover:hover .eui-datalist-cell-hover {
  position: relative;
}
.eui-datalist-container .eui-datalist-body tr.eui-datalist-row-hover:hover .eui-datalist-cell-hover:before {
  content: "";
  position: absolute;
  left: 5px;
  right: 5px;
  top: 7px;
  bottom: 7px;
  border: 1px solid #e2e2e2;
}

.eui-datalist-container .eui-datalist-tips {
  /*position:       absolute;
  left:           0;
  right:          0;
  top:            50%;
  margin-top:     -($datalist-null-tips-margin-top / 3);
  //bottom:         $datalist-null-tips-margin-bottom;
  overflow:       hidden;
  padding:        $datalist-null-tips-padding;
  font-size:      $font-size14;
  color:          $datalist-null-tips-textcolor;
  text-align:     center;
  vertical-align: middle;*/
  position: relative;
  height: 100%;
  text-align: center;
}
.eui-datalist-container .eui-datalist-tips span {
  display: inline-block;
}

.eui-datalist-container .eui-btn {
  padding: 0 5px;
  height: 26px;
  line-height: 26px;
  border: none;
  background-color: transparent;
  color: #002982;
  position: static\0;
}
.eui-datalist-container .eui-btn + .eui-btn {
  margin-left: 5px;
}
.eui-datalist-container .eui-btn-disabled, .eui-datalist-container .eui-btn-disabled:active, .eui-datalist-container .eui-btn-disabled:hover {
  border-color: transparent;
  background-color: transparent;
  color: #c9c9c9;
  cursor: not-allowed;
  opacity: 1;
}
.eui-datalist-container .eui-btn-disabled:active:after {
  opacity: 0;
}

.eui-datalist-mini .eui-datalist-header {
  height: 26px;
}
.eui-datalist-mini .eui-datalist-header td {
  font-size: 12px;
}
.eui-datalist-mini .eui-datalist-body {
  top: 26px;
}
.eui-datalist-mini .eui-elist-col-resizeguide {
  top: 26px;
}
.eui-datalist-mini .eui-elist-col-resize {
  height: 26px;
}

.eui-datalist-mini .eui-datalist-body {
  /* 不可编辑字段  */
}
.eui-datalist-mini .eui-datalist-body .eui-datalist-data-col {
  padding: 0 5px;
}
.eui-datalist-mini .eui-datalist-body .eui-datalist-data-col .eui-datalist-edittext {
  height: 26px;
  line-height: 26px;
}
.eui-datalist-mini .eui-datalist-body .eui-datalist-matchrow {
  background-color: #fff0c9;
}
.eui-datalist-mini .eui-datalist-body .eui-datalist-matchrow .eui-disable {
  color: #8a8a8a;
}
.eui-datalist-mini .eui-datalist-body .eui-datalist-activerow {
  background-color: #ffce51;
}
.eui-datalist-mini .eui-datalist-body .eui-datalist-activerow .eui-disable {
  color: #8a8a8a;
}
.eui-datalist-mini .eui-datalist-body .eui-datalist-red-tips {
  padding-left: 4px;
  position: relative;
}
.eui-datalist-mini .eui-datalist-body .eui-datalist-red-tips:before {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent red transparent transparent;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}
.eui-datalist-mini .eui-datalist-body .eui-disable {
  color: #8a8a8a;
}

.eui-datalist-mini .eui-form-input, .eui-datalist-mini .eui-form-password, .eui-datalist-mini .eui-form-select, .eui-datalist-mini .eui-form-textarea
.eui-datalist-mini .eui-form-almanac, .eui-datalist-mini .eui-form-quarter, .eui-datalist-mini .eui-form-month, .eui-datalist-mini .eui-form-date, .eui-datalist-mini .eui-form-timer, .eui-datalist-mini .eui-form-spinner, .eui-datalist-mini .eui-form-search, .eui-datalist-mini .eui-form-upload {
  margin-top: 2px;
  height: 22px;
  line-height: 22px;
}
.eui-datalist-mini .eui-form-search > textarea {
  line-height: 20px;
}

.eui-datalist-parity .eui-datalist-body tr:nth-child(odd) td {
  background-color: #fff;
}
.eui-datalist-parity .eui-datalist-body tr:nth-child(even) td {
  background-color: #fafafa;
}

.eui-datalist-border {
  position: relative;
}
.eui-datalist-border .eui-datalist-header {
  /*border-top: 0;
  background: transparent;
  border-bottom: 1px solid transparent;*/
  border: 1px solid #dadada;
  background-color: #f2f2f2;
}
.eui-datalist-border .eui-datalist-header table {
  /*border-top:       1px solid $elist-border-bordercolor;
  border-left:      1px solid $elist-border-bordercolor;
  border-right:     1px solid $elist-border-bordercolor;
  border-bottom: 1px solid $elist-border-bordercolor;*/
  border: 0;
}
.eui-datalist-border .eui-datalist-header td {
  border-left: 1px solid #dadada;
  /*background-color: $elist-border-header-bg;*/
  background-color: transparent;
  color: #333;
}
.eui-datalist-border .eui-datalist-header td:first-child {
  border-left: none;
}
.eui-datalist-border .eui-datalist-body {
  border-left: 1px solid #dadada;
  border-right: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
}
.eui-datalist-border .eui-datalist-body table {
  /*border-right:     1px solid $elist-border-bordercolor;*/
  border-right: 0;
}
.eui-datalist-border .eui-datalist-body td {
  border-left: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
}
.eui-datalist-border .eui-datalist-body td:first-child {
  border-left: none;
}
.eui-datalist-border .eui-datalist-body tr:nth-child(odd) td {
  background-color: #ffffff;
}
.eui-datalist-border .eui-datalist-body tr:nth-child(even) td {
  background-color: #f4f4f4;
}

.eui-listview-container .eui-listview-caption, .eui-listview-container .eui-listview-text {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  word-wrap: break-word;
  word-break: break-all;
}

.eui-listview-container .eui-listview-data .eui-listview-icon-treeunfold:before, .eui-listview-container .eui-listview-data .eui-listview-icon-treefold:before {
  transform: scale(0.75);
  -webkit-transform: scale(0.75);
  display: inline-block;
}

.eui-listview-container .eui-listview-data .eui-listview-icon-treeunfold, .eui-listview-container .eui-listview-data .eui-listview-icon-treefold, .eui-listview-container .eui-listview-data .eui-listview-icon-place, .eui-listview-container .eui-listview-data .eui-listview-icon {
  font-size: 12px;
  width: 20px;
  height: 20px;
  text-align: center;
  display: inline-block;
  position: relative;
  top: 2px;
  cursor: pointer;
  color: #666;
  background-image: none;
}

.eui-listview-container {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: default;
  overflow-x: auto;
  overflow-y: hidden;
}
.eui-listview-container td {
  padding: 2px 7px;
  border-bottom: 1px solid #eeeeee;
  color: #333;
  overflow: hidden;
}
.eui-listview-container .eui-listview-header .eui-listview-headertable {
  table-layout: fixed;
  width: 1px;
}
.eui-listview-container .eui-listview-header td {
  height: 40px;
  background: #eeeeee;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
}
.eui-listview-container .eui-listview-caption {
  font-weight: normal;
  font-size: 14px;
  color: #777777;
  height: 34px;
  line-height: 34px;
  display: block;
}
.eui-listview-container .eui-listview-data {
  position: absolute;
  top: 41px;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
.eui-listview-container .eui-listview-data .eui-listview-datatable {
  table-layout: fixed;
  width: 1px;
}
.eui-listview-container .eui-listview-data tr:hover td {
  background: #ebeef3;
}
.eui-listview-container .eui-listview-data .eui-listview-icon-treeunfold:before {
  content: "\ef7f";
}
.eui-listview-container .eui-listview-data .eui-listview-icon-treefold:before {
  content: "\ef81";
}
.eui-listview-container .eui-listview-data .eui-listview-tips {
  position: relative;
  margin-top: 30px;
  text-align: center;
}
.eui-listview-container .eui-listview-data .eui-listview-tips span {
  position: relative;
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  color: #a0a0a0;
}
.eui-listview-container .eui-listview-data .eui-listview-tips span:before {
  content: "\efa8";
  font-family: eui-icon;
  font-size: 20px;
  vertical-align: middle;
  margin-right: 5px;
}
.eui-listview-container .eui-listview-active td, .eui-listview-container .eui-listview-active:hover td {
  background: #e5e9f2;
}
.eui-listview-container .eui-listview-text {
  display: block;
  height: 36px;
  line-height: 36px;
}
.eui-listview-container .eui-listview-text-break {
  display: inline-block;
}
.eui-listview-container .eui-listview-text-break span {
  display: inline-block;
}
.eui-listview-container .eui-listview-checkbox {
  width: 32px;
}
.eui-listview-container .eui-listview-number {
  width: 45px;
}
.eui-listview-container .eui-listview-index {
  width: 45px;
}

.eui-listview-container.eui-listview-dragdropFlagdv {
  position: absolute;
  font-size: 1px;
  background-color: #000000;
  border: none;
  cursor: default;
  overflow: hidden;
  width: 100%;
  height: 1px;
  z-index: 99999;
}
.eui-listview-container .eui-listview-_resizepanel {
  position: absolute;
  width: 1px;
  height: 100%;
  z-index: 9999;
  background-color: #cccccc;
  /* display: none; */
  overflow: hidden;
  cursor: col-resize;
}

.eui-ribbonpanel-container .eui-icon {
  background-image: -webkit-linear-gradient(132deg, #6684a2 21%, #4e6a88 75%);
  background-image: -moz-linear-gradient(132deg, #6684a2 21%, #4e6a88 75%);
  background-image: linear-gradient(132deg, #6684a2 21%, #4e6a88 75%);
  background-image: none\0;
  -webkit-background-clip: text;
  color: #557290\0;
}

@-moz-document url-prefix() {
  .eui-ribbonpanel-container .eui-icon {
    background-image: none;
    color: #557290;
  }
}
.eui-ribbonpanel-band.eui-bg-designer-top {
  border-bottom: none;
}
.eui-ribbonpanel-band .eui-ribbonpanel-tabtogglebtn {
  width: 16px;
  height: 16px;
  cursor: pointer;
  background-image: url("eui/images/dbl_arrow.png");
  background-repeat: no-repeat;
  background-position: 1px center;
  border: 1px solid transparent;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.eui-ribbonpanel-band .eui-ribbonband {
  background: none !important;
}
.eui-ribbonpanel-band .eui-ribbonband-item:nth-child(-n+4) ul.eui-ribbonitem {
  padding: 0 10px;
}
.eui-ribbonpanel-band .eui-ribbonband-item:nth-child(1) {
  padding-left: 5px;
}

.eui-ribbonband {
  height: 33px;
  margin: 0;
  padding: 0;
  font-size: 12px;
  border-bottom: 1px solid #c8c8c8;
  background: #f8f8f8;
}
.eui-ribbonband .eui-ribbonband-item {
  vertical-align: middle;
  display: inline-block;
  margin: 0;
  /*IE7*/
  *display: inline;
  *zoom: 1;
}

.eui-ribbonitem {
  height: 100%;
  margin: 0px;
  padding: 0px;
  text-align: left;
  cursor: pointer;
  border: 1px solid #f8f8f8;
  vertical-align: top;
  margin-top: -2px;
}
.eui-ribbonitem-hover {
  background: #ceeaf7;
  border: 1px solid #62b8e0;
  /*padding-bottom: 10px;*/
}
.eui-ribbonitem li {
  display: inline-block;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
  font-size: 12px;
}

.eui-ribbon-itemspace {
  background-color: #dadada;
  width: 1px;
  height: 16px;
  vertical-align: middle;
  margin: 0px 2px !important;
  display: inline-block;
  /* IE7 */
  *display: inline;
  *zoom: 1;
}

.eui-ribbontab {
  background: #f8f8f8;
  border-bottom: 1px solid #c8c8c8;
  white-space: nowrap;
  overflow: hidden;
}
.eui-ribbontab .eui-ribbongroup:nth-child(2) .eui-ribbonitem {
  padding: 0px 2px;
}

.eui-ribbonitem-disabled {
  cursor: default;
  -webkit-filter: grayscale(100%);
  /* 使用CSS3滤镜使文字和图片全部变灰、火狐使用svg来实现变灰 */
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray();
  /* ie */
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
  /* IE8 */
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  /* IE6-7 */
  filter: alpha(opacity=50);
  /* IE */
}

.eui-ribbonitem-checked, .eui-ribbonitem-hover {
  background: #ceeaf7;
  border: 1px solid #62b8e0;
}
.eui-ribbonitem .eui-ribbonitem-icon {
  padding: 0px;
}
.eui-ribbonitem .eui-ribbonitem-icon img {
  width: 16px;
  height: 16px;
  vertical-align: middle;
}
.eui-ribbonitem .eui-ribbonitem-content .eui-gallery-btn .eui-icon {
  top: -4px;
  position: relative;
  font-size: 12px;
  transform: scale(0.75);
  -webkit-transform: scale(0.75);
  display: inline-block;
}
.eui-ribbonitem .eui-ribbonitem-arrow {
  width: 12px;
  height: 18px;
  vertical-align: top;
  background: url("eui/images/downarrow.gif") center center no-repeat;
  margin-left: 2px;
  display: inline-block;
  /* IE7 */
  *display: inline;
  *zoom: 1;
}
.eui-ribbonitem .eui-ribbonitem-arrow-hover {
  background-color: #CCC;
}

.eui-ribbonpanel-itemtabbtn {
  height: 27px;
  line-height: 22px;
  padding: 0 15px;
  margin-top: 0px;
}
.eui-ribbonpanel-itemtabbtn-checked {
  color: #3bc5ba !important;
  border-bottom: 2px solid #3bc5ba !important;
  background: transparent;
  font-weight: bold;
  color: #238efe;
  height: 33px;
  line-height: 28px;
  padding: 0 15px;
  margin-top: 0px;
}

.eui-ribbonband-itemimagelist {
  border: 1px solid #CCC;
}

.eui-ribbongroup {
  margin: 0px;
  padding: 0px;
  padding-right: 3px;
  border-right: 1px solid #dadada;
  background: #f8f8f8;
  vertical-align: top;
  display: inline-block;
  white-space: normal;
  /* IE7 */
  *display: inline;
  *zoom: 1;
}
.eui-ribbongroup ul {
  margin: 0px;
  padding: 0px;
  height: 100%;
}
.eui-ribbongroup .eui-ribbonband-item {
  margin: 0px;
}
.eui-ribbongroup-content {
  height: 65px;
  padding: 0px 2px;
}
.eui-ribbongroup-bands {
  vertical-align: top;
}
.eui-ribbongroup-caption {
  text-align: center;
  color: #b7b7b7;
  margin: 2px;
}
.eui-ribbongroup-col {
  vertical-align: top;
  display: inline-block;
  margin: 2px 2px 0px;
  /* IE7 */
  *display: inline;
  *zoom: 1;
}

.eui-ribbongroup-colpanel .eui-icon {
  background-image: -webkit-linear-gradient(132deg, #002a86 21%, #002880 75%);
  background-image: -moz-linear-gradient(132deg, #002a86 21%, #002880 75%);
  background-image: linear-gradient(132deg, #002a86 21%, #002880 75%);
  background-image: none\0;
  -webkit-background-clip: text;
  color: transparent;
  color: #002982\0;
}

@-moz-document url-prefix() {
  .eui-ribbongroup-colpanel .eui-icon {
    background-image: none;
    color: #002982;
  }
}
.eui-ribbongroup-row .eui-ribbonitem {
  padding: 0px;
}
.eui-ribbongroup-row .eui-ribbonband {
  border: none;
  margin: 0px;
}
.eui-ribbongroup-row .eui-ribbonband .eui-ribbonitem-icon {
  padding: 0px 2px;
}
.eui-ribbongroup-row-one .eui-ribbonitem {
  height: 58px;
  text-align: center;
  padding-top: 3px;
  overflow: hidden;
}
.eui-ribbongroup-row-one .eui-ribbonitem li {
  display: block;
  text-align: center;
}
.eui-ribbongroup-row-one .eui-ribbonitem .eui-ribbonitem-icon {
  padding: 2px 3px 0px;
}
.eui-ribbongroup-row-one .eui-ribbonitem .eui-ribbonitem-icon img {
  width: 20px;
  height: 20px;
  vertical-align: top;
}
.eui-ribbongroup-row-one .eui-ribbonitem .eui-ribbonitem-content {
  margin: 0;
  padding: 0px 5px;
  margin-top: -2px;
}
.eui-ribbongroup-row-one .eui-ribbonitem .eui-eribbonpanel-arrow {
  position: relative;
  width: 100%;
  margin: 0;
  height: 10px;
  *width: 26px;
  margin-top: -2px;
  color: #666666;
  transform: scale(1.5);
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
}
.eui-ribbongroup-row-one .eui-ribbonitem .eui-eribbonpanel-arrow.eui-ribbonitem-arrow-hover {
  background: rgba(255, 255, 255, 0.5);
}

.eui-ribbongroup-row-two .eui-ribbonband {
  margin: 4px 0 0;
}
.eui-ribbongroup-row-two .eui-ribbonband .eui-ribbonband-item {
  margin: 0px 2px;
}
.eui-ribbongroup-row-two .eui-ribbonband .eui-ribbonband-item .eui-icon {
  font-size: 16px !important;
}
.eui-ribbongroup-row-two .eui-ribbonband .eui-ribbonband-item .eui-ribbonitem-content .eui-form-select {
  top: -3px;
}
.eui-ribbongroup-row-two .eui-ribbonband .eui-ribbonband-item .eui-ribbonitem-content .eui-form-select > div .eui-icon {
  font-size: 12px !important;
  line-height: 22px !important;
}
.eui-ribbongroup-row-two .eui-ribbonband .eui-ribbonband-item .eui-ribbonitem-content .eui-form-select .eui-icon {
  color: #666666;
}
.eui-ribbongroup-row-two .eui-form-select {
  height: 22px;
  line-height: 22px;
}

.eui-ribbonpanel-tab .eui-ribbontab:last-child .eui-ribbongroup:first-child .eui-ribbongroup-content .eui-ribbongroup-colpanel .eui-ribbongroup-row-two .eui-ribbonband .eui-ribbonband-item .eui-ribbonitem-hover {
  background: transparent;
  border: 1px solid transparent;
}
.eui-ribbonpanel-tab .eui-ribbontab:last-child .eui-ribbongroup:first-child .eui-ribbongroup-content .eui-ribbongroup-colpanel .eui-ribbongroup-row-two:nth-of-type(2) .eui-ribbonband {
  margin: 2px 0 0;
}
.eui-ribbonpanel-tab .eui-ribbontab:last-child .eui-ribbongroup:first-child .eui-ribbongroup-content .eui-ribbongroup-colpanel .eui-ribbongroup-row-two:nth-of-type(2) .eui-ribbonband .eui-ribbonband-item:nth-child(-n+4) .eui-ribbonitem-hover {
  background: #ceeaf7;
  border: 1px solid #62b8e0;
}

.eui-ribbonpanel .eui-ribbonband {
  background: transparent;
}
.eui-ribbonpanel-band .eui-ribbonitem {
  border: 1px solid transparent;
}
.eui-ribbonpanel-band .eui-ribbonitem-hover {
  background: #ceeaf7;
  border: 1px solid #62b8e0;
  border-radius: 2px;
}
.eui-ribbonpanel-tab {
  background: #f8f8f8;
}
.eui-ribbonpanel-tabtogglebtn-hover {
  background-color: #f3f3f3;
  border: 1px solid #dadada;
}
.eui-ribbonpanel-tabbtn-expand {
  background-position: -23px center;
}
.eui-ribbonpanel-tabbtn-pin {
  background-position: -47px center;
}

.eui-ribbongroup-row-one .eui-ribbonitem .eui-ribbonitem-content .eui-gallery {
  margin: -1px 0px 0px 0px;
}

.eui-gallery {
  background: #FFF;
  padding-right: 20px;
  position: relative;
  border: 1px solid #dcdcdc;
  height: 100%;
}
.eui-gallery-itemcontainer {
  height: 100%;
}
.eui-gallery .eui-gallery-list {
  margin: 0;
  padding: 0;
  text-align: left;
}
.eui-gallery .eui-gallery-list li {
  display: inline-block;
  margin: 0px 4px;
  padding: 2px;
  border: 1px solid transparent;
  *display: inline;
  *zoom: 1;
}
.eui-gallery .eui-gallery-list .eui-galerry-item img {
  vertical-align: middle;
}
.eui-gallery-hover {
  background: #fff;
}
.eui-gallery-hover .eui-galerry-item {
  border: 1px solid transparent;
}
.eui-gallery-hover .eui-gallery-btncontainer {
  background: #fff;
}
.eui-gallery .eui-gallery-item-hover {
  background: #fefbe2;
  border: 1px solid #ddb47a;
}
.eui-gallery .eui-gallery-itemselected {
  background: #fcf0be;
  border: 1px solid #f4d14f;
}
.eui-gallery .eui-gallery-btncontainer {
  top: 0;
  right: 0;
  position: absolute;
  background: #FFF;
  width: 20px;
  height: 100%;
}
.eui-gallery-btn {
  border: 1px solid #dcdcdc;
}
.eui-gallery-btn a {
  display: block;
  width: 100%;
  height: 100%;
}
.eui-gallery-btnlast {
  border-right: 0px;
  border-top: 0px;
  border-bottom: 0px;
  cursor: pointer;
}
.eui-gallery-btnlast a {
  background: url("eui/images/up-arrow.png") center center no-repeat;
}
.eui-gallery-btnnext {
  border-right: 0px;
}
.eui-gallery-btnnext a {
  background: url("eui/images/down-arrow.png") center center no-repeat;
  border-right: 0px;
}
.eui-gallery-btnpopup {
  border-top: 0px;
  border-bottom: 0px;
  border-right: 0px;
}
.eui-gallery-btnpopup a {
  background: url("eui/images/expansion.png") center center no-repeat;
  border-top: 0px;
  border-bottom: 0px;
  border-right: 0px;
}
.eui-gallery-btn-disable {
  cursor: default;
  -webkit-filter: grayscale(100%);
  /* 使用CSS3滤镜使文字和图片全部变灰、火狐使用svg来实现变灰 */
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray();
  /* ie */
  opacity: 0.5;
  filter: alpha(opacity=50);
  /* IE */
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50 );
  /* IE6-7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
  /* IE8 */
}
.eui-gallery-btn-hover {
  background: url("eui/images/xgallery_btn_hover_bg.png") left top repeat;
}
.eui-gallery-floatcontainer {
  background: #FFF;
  border: 1px solid blue;
  overflow: auto;
}

.eui-eribbonpanel-arrow:before {
  display: inline-block;
  position: absolute;
  top: -5px;
  left: 50%;
  margin-left: -8px;
  content: "\ef7f";
  transform: scale(0.5);
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
}

.eui-tree-container .eui-tree-focus, .eui-tree-container .eui-tree-focus .eui-icon, .eui-tree-container .eui-tree-focus .eui-icon:before, .eui-tree-design .eui-tree-focus, .eui-tree-design .eui-tree-focus .eui-icon, .eui-tree-design .eui-tree-focus .eui-icon:before {
  color: #fff;
}

.eui-tree-container .eui-tree-item .eui-tree-empty, .eui-tree-container .eui-tree-item .eui-icon-img, .eui-tree-container .eui-tree-item .eui-tree-expand, .eui-tree-container .eui-tree-item .eui-tree-shrink, .eui-tree-container .eui-tree-item .eui-form-checkbox, .eui-tree-container .eui-tree-item .eui-form-checked, .eui-tree-container .eui-tree-item .eui-form-checkbox-on, .eui-tree-container .eui-tree-item .eui-form-checkbox-off {
  width: 16px;
}

.eui-tree-container {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: auto;
}
.eui-tree-container, .eui-tree-container * {
  outline: 0;
}
.eui-tree-container .eui-tree-content .eui-tree-group {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

.eui-tree-container .eui-tree-item {
  position: relative;
  list-style: none;
  padding: 0;
  cursor: pointer;
  white-space: nowrap;
}
.eui-tree-container .eui-tree-item .eui-tree-node {
  width: 100%;
  height: 26px;
}
.eui-tree-container .eui-tree-item .eui-tree-node i {
  vertical-align: middle;
  display: inline-block;
  line-height: 26px;
  text-align: center;
  margin-right: 3px;
}
.eui-tree-container .eui-tree-item .eui-tree-node .eui-tree-text {
  display: inline-block;
  font-size: 12px;
  line-height: 26px;
  vertical-align: middle;
}
.eui-tree-container .eui-tree-item .eui-tree-icon {
  margin-right: 4px;
  color: #002982;
  background-image: none;
  width: 16px;
}
.eui-tree-container .eui-tree-item .eui-icon-img {
  height: 16px;
}
.eui-tree-container .eui-tree-item .eui-tree-expand, .eui-tree-container .eui-tree-item .eui-tree-shrink {
  color: #666;
  background-image: none;
}
.eui-tree-container .eui-tree-item .eui-tree-expand:before, .eui-tree-container .eui-tree-item .eui-tree-shrink:before {
  content: "\ef81";
  display: inline-block;
  font-size: 12px;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
}
.eui-tree-container .eui-tree-item .eui-tree-expand:before {
  transform: rotate(0deg) scale(0.7);
  -webkit-transform: rotate(0deg) scale(0.7);
  -moz-transform: rotate(0deg) scale(0.7);
  -ms-transform: rotate(0deg) scale(0.7);
  -o-transform: rotate(0deg) scale(0.7);
}
.eui-tree-container .eui-tree-item .eui-tree-shrink:before {
  transform: rotate(90deg) scale(0.7);
  -webkit-transform: rotate(90deg) scale(0.7);
  -moz-transform: rotate(90deg) scale(0.7);
  -ms-transform: rotate(90deg) scale(0.7);
  -o-transform: rotate(90deg) scale(0.7);
}
.eui-tree-container .eui-tree-item .eui-form-checkbox-on, .eui-tree-container .eui-tree-item .eui-form-checkbox-off {
  cursor: not-allowed;
}
.eui-tree-container .eui-tree-item .eui-tree-disabled i, .eui-tree-container .eui-tree-item .eui-tree-disabled .eui-tree-text {
  color: #c9c9c9 !important;
  cursor: not-allowed !important;
}
.eui-tree-container .eui-tree-item .eui-tree-disabled.eui-tree-focus {
  background-color: transparent;
}
.eui-tree-container .eui-tree-item .eui-tree-disabled.eui-tree-focus i:before {
  color: #c9c9c9 !important;
  cursor: not-allowed !important;
}
.eui-tree-container .eui-tree-focus {
  background-color: #2b93ff;
}
.eui-tree-container .eui-tree-focus .eui-tree-icon {
  color: #fff;
}

.eui-tree-container .eui-tree-content > ul .eui-tree-node {
  margin: 0;
  padding: 0;
}

.eui-tree-container .eui-tree-content > ul > li > .eui-tree-node {
  padding-left: 5px;
}

.eui-tree-container .eui-tree-content > ul > li > ul > li > .eui-tree-node {
  padding-left: 22px;
}

.eui-tree-container .eui-tree-content > ul > li > ul > li > ul > li > .eui-tree-node {
  padding-left: 44px;
}

.eui-tree-container .eui-tree-content > ul > li > ul > li > ul > li > ul > li > .eui-tree-node {
  padding-left: 66px;
}

.eui-tree-container .eui-tree-content > ul > li > ul > li > ul > li > ul > li > ul > li > .eui-tree-node {
  padding-left: 88px;
}

.eui-tree-container .eui-tree-content > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .eui-tree-node {
  padding-left: 110px;
}

.eui-tree-container .eui-tree-content > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .eui-tree-node {
  padding-left: 132px;
}

.eui-tree-container .eui-tree-content > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .eui-tree-node {
  padding-left: 154px;
}

.eui-tree-container .eui-tree-content > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .eui-tree-node {
  padding-left: 176px;
}

.eui-tree-container .eui-tree-content > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .eui-tree-node {
  padding-left: 198px;
}

.eui-tree-container .eui-tree-content > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .eui-tree-node {
  padding-left: 220px;
}

.eui-tree-container .eui-tree-content > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .eui-tree-node {
  padding-left: 242px;
}

.eui-tree-container .eui-tree-content > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .eui-tree-node {
  padding-left: 264px;
}

.eui-tree-container .eui-tree-content > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .eui-tree-node {
  padding-left: 286px;
}

.eui-tree-container .eui-tree-content > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .eui-tree-node {
  padding-left: 308px;
}

.eui-tree-container .eui-tree-content > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .eui-tree-node {
  padding-left: 330px;
}

.eui-tree-container .eui-tree-content > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .eui-tree-node {
  padding-left: 352px;
}

.eui-tree-container .eui-tree-content > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .eui-tree-node {
  padding-left: 374px;
}

.eui-tree-container .eui-tree-content > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .eui-tree-node {
  padding-left: 396px;
}

.eui-tree-container .eui-tree-content > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .eui-tree-node {
  padding-left: 418px;
}

.eui-tree-container .eui-tree-content > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .eui-tree-node {
  padding-left: 440px;
}

.eui-tree-container .eui-tree-content > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .eui-tree-node {
  padding-left: 462px;
}

.eui-tree-container .eui-tree-content > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .eui-tree-node {
  padding-left: 484px;
}

.eui-tree-container .eui-tree-content > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .eui-tree-node {
  padding-left: 506px;
}

.eui-tree-container .eui-tree-content > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .eui-tree-node {
  padding-left: 528px;
}

.eui-tree-container .eui-tree-content > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .eui-tree-node {
  padding-left: 550px;
}

.eui-tree-container .eui-tree-content > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .eui-tree-node {
  padding-left: 572px;
}

.eui-tree-container .eui-tree-content > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .eui-tree-node {
  padding-left: 594px;
}

.eui-tree-container .eui-tree-content > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .eui-tree-node {
  padding-left: 616px;
}

.eui-tree-container .eui-tree-content > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .eui-tree-node {
  padding-left: 638px;
}

.eui-tree-design .eui-tree-item .eui-tree-icon {
  background-image: -webkit-linear-gradient(132deg, #6684a2 21%, #4e6a88 75%);
  background-image: -moz-linear-gradient(132deg, #6684a2 21%, #4e6a88 75%);
  background-image: linear-gradient(132deg, #6684a2 21%, #4e6a88 75%);
  background-image: none\0;
  -webkit-background-clip: text;
  color: transparent;
  color: #557290\0 ;
}
.eui-tree-design .eui-tree-item .eui-icon-img {
  -webkit-background-clip: border-box;
}
.eui-tree-design .eui-tree-focus {
  background-color: #2b93ff;
}
.eui-tree-design .eui-tree-focus .eui-tree-icon {
  color: #fff;
}

@-moz-document url-prefix() {
  .eui-tree-design .eui-tree-item .eui-tree-icon {
    background-image: none;
    color: #557290;
  }
}
.eui-tree-accordion .eui-tree-item .eui-tree-node:hover, .eui-tree-accordion .eui-tree-item .eui-tree-node:hover .eui-icon, .eui-tree-accordion .eui-tree-item .eui-tree-node:hover .eui-icon:before, .eui-tree-accordion .eui-tree-focus, .eui-tree-accordion .eui-tree-focus .eui-icon:before, .eui-tree-accordion .eui-tree-content > .eui-tree-group > .eui-tree-item > .eui-tree-focus, .eui-tree-accordion .eui-tree-content > .eui-tree-group > .eui-tree-item > .eui-tree-focus .eui-icon, .eui-tree-accordion .eui-tree-content > .eui-tree-group > .eui-tree-item > .eui-tree-focus .eui-icon:before {
  color: #fff;
}

.eui-tree-accordion {
  background-color: #656a74;
  scrollbar-face-color: #28426b;
  scrollbar-base-color: #28426b;
  scrollbar-shadow-color: #28426b;
  scrollbar-3dlight-color: #132a4f;
  scrollbar-darkshadow-color: #132a4f;
  scrollbar-highlight-color: #132a4f;
  scrollbar-track-color: #132a4f;
  scrollbar-arrow-color: #28426b;
}
.eui-tree-accordion::-webkit-scrollbar-thumb, .eui-tree-accordion::-webkit-scrollbar-thumb:hover {
  background-color: rgba(90, 122, 171, 0.3);
}

.eui-tree-accordion .eui-tree-item .eui-tree-node {
  height: 36px;
  line-height: 36px;
  color: white;
  position: relative;
}
.eui-tree-accordion .eui-tree-item .eui-tree-node i {
  margin-right: 7px;
  line-height: 36px;
  color: rgba(255, 255, 255, 0.5);
  background-image: none;
}
.eui-tree-accordion .eui-tree-item .eui-tree-node .eui-tree-icon {
  margin-right: 10px;
  color: white;
  font-size: 16px;
}
.eui-tree-accordion .eui-tree-item .eui-tree-node .eui-tree-text {
  line-height: 36px;
}
.eui-tree-accordion .eui-tree-item .eui-tree-node:hover {
  background-color: #002982;
}
.eui-tree-accordion .eui-tree-item .eui-tree-node:hover:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 2px;
  top: 0;
  left: 0;
  background-color: transparent;
}
.eui-tree-accordion .eui-tree-item .eui-tree-icon {
  margin-right: 4px;
}
.eui-tree-accordion .eui-tree-item .eui-tree-expand, .eui-tree-accordion .eui-tree-item .eui-tree-shrink {
  color: rgba(255, 255, 255, 0.4) !important;
}
.eui-tree-accordion .eui-tree-item .eui-tree-expand:before, .eui-tree-accordion .eui-tree-item .eui-tree-shrink:before {
  content: "\ef8f";
  font-weight: bold;
}
.eui-tree-accordion .eui-tree-focus {
  background-color: #002982;
}
.eui-tree-accordion .eui-tree-focus .eui-icon {
  color: #fff !important;
}
.eui-tree-accordion .eui-tree-focus .eui-tree-icon {
  color: #fff;
}
.eui-tree-accordion .eui-tree-focus .eui-tree-text {
  color: #fff;
}
.eui-tree-accordion .eui-tree-focus:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 2px;
  top: 0;
  left: 0;
  background-color: transparent;
}
.eui-tree-accordion .eui-tree-content > .eui-tree-group > .eui-tree-item > .eui-tree-node {
  height: 36px;
}
.eui-tree-accordion .eui-tree-content > .eui-tree-group > .eui-tree-item > .eui-tree-node .eui-tree-text {
  line-height: 36px;
  font-size: 14px;
  color: white;
}
.eui-tree-accordion .eui-tree-content > .eui-tree-group > .eui-tree-item > ul {
  padding-top: 0;
  padding-bottom: 0;
}

.eui-tree-accordion .eui-tree-content > ul > li > .eui-tree-node {
  padding-left: 10px;
}

.eui-tree-accordion .eui-tree-content > ul > li > ul > li > .eui-tree-node {
  padding-left: 22px;
}

.eui-tree-accordion .eui-tree-content > ul > li > ul > li > ul > li > .eui-tree-node {
  padding-left: 44px;
}

.eui-tree-accordion .eui-tree-content > ul > li > ul > li > ul > li > ul > li > .eui-tree-node {
  padding-left: 66px;
}

.eui-tree-accordion .eui-tree-content > ul > li > ul > li > ul > li > ul > li > ul > li > .eui-tree-node {
  padding-left: 88px;
}

.eui-tree-accordion .eui-tree-content > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .eui-tree-node {
  padding-left: 110px;
}

.eui-tree-accordion .eui-tree-content > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .eui-tree-node {
  padding-left: 132px;
}

.eui-tree-accordion .eui-tree-content > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .eui-tree-node {
  padding-left: 154px;
}

.eui-tree-accordion .eui-tree-content > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .eui-tree-node {
  padding-left: 176px;
}

.eui-tree-accordion .eui-tree-content > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .eui-tree-node {
  padding-left: 198px;
}

.eui-tree-accordion .eui-tree-content > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .eui-tree-node {
  padding-left: 220px;
}

.eui-tree-accordion .eui-tree-content > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .eui-tree-node {
  padding-left: 242px;
}

.eui-tree-accordion .eui-tree-content > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .eui-tree-node {
  padding-left: 264px;
}

.eui-tree-accordion .eui-tree-content > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .eui-tree-node {
  padding-left: 286px;
}

.eui-tree-accordion .eui-tree-content > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .eui-tree-node {
  padding-left: 308px;
}

.eui-tree-accordion .eui-tree-content > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .eui-tree-node {
  padding-left: 330px;
}

.eui-tree-accordion .eui-tree-content > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .eui-tree-node {
  padding-left: 352px;
}

.eui-tree-accordion .eui-tree-content > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .eui-tree-node {
  padding-left: 374px;
}

.eui-tree-accordion .eui-tree-content > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .eui-tree-node {
  padding-left: 396px;
}

.eui-tree-accordion .eui-tree-content > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .eui-tree-node {
  padding-left: 418px;
}

.eui-tree-whitebg .eui-tree-item .eui-tree-node:hover, .eui-tree-whitebg .eui-tree-item .eui-tree-node:hover .eui-icon, .eui-tree-whitebg .eui-tree-item .eui-tree-node:hover .eui-icon:before, .eui-tree-whitebg .eui-tree-focus, .eui-tree-whitebg .eui-tree-focus .eui-icon:before, .eui-tree-whitebg .eui-tree-content > .eui-tree-group > .eui-tree-item > .eui-tree-focus, .eui-tree-whitebg .eui-tree-content > .eui-tree-group > .eui-tree-item > .eui-tree-focus .eui-icon, .eui-tree-whitebg .eui-tree-content > .eui-tree-group > .eui-tree-item > .eui-tree-focus .eui-icon:before, .eui-tree-menu .eui-tree-item .eui-tree-node:hover, .eui-tree-menu .eui-tree-item .eui-tree-node:hover .eui-icon, .eui-tree-menu .eui-tree-item .eui-tree-node:hover .eui-icon:before, .eui-tree-menu .eui-tree-item .eui-tree-focus, .eui-tree-menu .eui-tree-item .eui-tree-focus .eui-icon:before {
  color: #002982;
}

.eui-tree-whitebg {
  background-color: #fff;
  scrollbar-face-color: #eaebec;
  scrollbar-base-color: #eaebec;
  scrollbar-shadow-color: #ffffff;
  scrollbar-3dlight-color: #ffffff;
  scrollbar-darkshadow-color: #ffffff;
  scrollbar-highlight-color: #ffffff;
  scrollbar-track-color: #ffffff;
  scrollbar-arrow-color: #eaebec;
}
.eui-tree-whitebg::-webkit-scrollbar-thumb, .eui-tree-whitebg::-webkit-scrollbar-thumb:hover {
  background-color: rgba(184, 188, 193, 0.3);
}

.eui-tree-whitebg .eui-tree-item .eui-tree-node {
  position: relative;
  height: 36px;
  color: #333;
}
.eui-tree-whitebg .eui-tree-item .eui-tree-node i {
  margin-right: 7px;
  line-height: 36px;
  color: #858585;
  background-image: none;
}
.eui-tree-whitebg .eui-tree-item .eui-tree-node .eui-tree-icon {
  margin-right: 10px;
  color: #858585;
}
.eui-tree-whitebg .eui-tree-item .eui-tree-node .eui-tree-text {
  line-height: 36px;
  margin-right: 20px;
}
.eui-tree-whitebg .eui-tree-item .eui-tree-node .eui-tree-text .eui-tree-text-num {
  position: absolute;
  right: -1px;
  top: 0;
  padding: 0 10px;
  display: block;
  letter-spacing: -1px;
  transform: scale(0.9);
  background-color: #fff;
}
.eui-tree-whitebg .eui-tree-item .eui-tree-node:hover {
  background-color: #f6f9fd;
}
.eui-tree-whitebg .eui-tree-item .eui-tree-node:hover .eui-tree-dropdown:before {
  background-color: #f6f9fd;
}
.eui-tree-whitebg .eui-tree-item .eui-tree-node:hover .eui-tree-text .eui-tree-text-num {
  background-color: #f6f9fd;
}
.eui-tree-whitebg .eui-tree-item .eui-tree-node .eui-tree-dropdown {
  font-size: 12px;
  position: absolute;
  right: 0;
  width: 20px;
  padding-left: 0px;
  height: 100%;
  top: 0;
  color: #cacaca;
}
.eui-tree-whitebg .eui-tree-item .eui-tree-node .eui-tree-dropdown:before {
  content: "\efad";
  position: absolute;
  width: 24px;
  height: 24px;
  line-height: 24px;
  top: 6px;
  left: 4px;
  transform: rotate(90deg);
  background-color: #fff;
}
.eui-tree-whitebg .eui-tree-item .eui-tree-icon {
  margin-right: 4px;
}
.eui-tree-whitebg .eui-tree-item .eui-tree-expand, .eui-tree-whitebg .eui-tree-item .eui-tree-shrink {
  color: #858585 !important;
}
.eui-tree-whitebg .eui-tree-item .eui-tree-expand:before, .eui-tree-whitebg .eui-tree-item .eui-tree-shrink:before {
  content: "\ef8f";
  font-weight: bold;
}
.eui-tree-whitebg .eui-tree-item .eui-tree-group {
  background-color: #f6f7fb;
}
.eui-tree-whitebg .eui-tree-focus {
  background-color: #e8f0fb;
}
.eui-tree-whitebg .eui-tree-focus .eui-icon {
  color: #002982 !important;
}
.eui-tree-whitebg .eui-tree-focus .eui-tree-icon {
  color: #002982;
}
.eui-tree-whitebg .eui-tree-focus .eui-tree-text {
  color: #002982;
}
.eui-tree-whitebg .eui-tree-focus .eui-tree-dropdown {
  color: #002982;
}
.eui-tree-whitebg .eui-tree-focus.eui-tree-node .eui-tree-dropdown:before {
  background-color: #e8f0fb;
}
.eui-tree-whitebg .eui-tree-focus.eui-tree-node .eui-tree-text .eui-tree-text-num {
  background-color: #e8f0fb;
}
.eui-tree-whitebg .eui-tree-content > ul > li > ul > li > .eui-tree-node .eui-tree-dropdown:before {
  background-color: #f6f7fb;
}
.eui-tree-whitebg .eui-tree-content > ul > li > ul > li > .eui-tree-node.eui-tree-focus .eui-tree-dropdown:before {
  background-color: #e8f0fb;
}
.eui-tree-whitebg .eui-tree-content > ul > li > ul > li > .eui-tree-node:hover .eui-tree-dropdown:before {
  background-color: #f6f9fd;
}
.eui-tree-whitebg .eui-tree-content > .eui-tree-group > .eui-tree-item > .eui-tree-node {
  height: 36px;
}
.eui-tree-whitebg .eui-tree-content > .eui-tree-group > .eui-tree-item > .eui-tree-node .eui-tree-text {
  line-height: 36px;
  font-size: 14px;
  color: #333;
}
.eui-tree-whitebg .eui-tree-content > .eui-tree-group > .eui-tree-item > .eui-tree-node:hover .eui-tree-text, .eui-tree-whitebg .eui-tree-content > .eui-tree-group > .eui-tree-item > .eui-tree-focus .eui-tree-text {
  color: #002982;
}
.eui-tree-whitebg .eui-tree-content > .eui-tree-group > .eui-tree-item > ul {
  padding-top: 0;
  padding-bottom: 0;
}

.eui-tree-whitebg .eui-tree-content > ul > li > .eui-tree-node {
  padding-left: 10px;
}

.eui-tree-whitebg .eui-tree-content > ul > li > ul > li > .eui-tree-node {
  padding-left: 22px;
}

.eui-tree-whitebg .eui-tree-content > ul > li > ul > li > ul > li > .eui-tree-node {
  padding-left: 44px;
}

.eui-tree-whitebg .eui-tree-content > ul > li > ul > li > ul > li > ul > li > .eui-tree-node {
  padding-left: 66px;
}

.eui-tree-whitebg .eui-tree-content > ul > li > ul > li > ul > li > ul > li > ul > li > .eui-tree-node {
  padding-left: 88px;
}

.eui-tree-whitebg .eui-tree-content > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .eui-tree-node {
  padding-left: 110px;
}

.eui-tree-whitebg .eui-tree-content > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .eui-tree-node {
  padding-left: 132px;
}

.eui-tree-whitebg .eui-tree-content > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .eui-tree-node {
  padding-left: 154px;
}

.eui-tree-whitebg .eui-tree-content > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .eui-tree-node {
  padding-left: 176px;
}

.eui-tree-whitebg .eui-tree-content > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .eui-tree-node {
  padding-left: 198px;
}

.eui-tree-whitebg .eui-tree-content > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .eui-tree-node {
  padding-left: 220px;
}

.eui-tree-whitebg .eui-tree-content > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .eui-tree-node {
  padding-left: 242px;
}

.eui-tree-whitebg .eui-tree-content > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .eui-tree-node {
  padding-left: 264px;
}

.eui-tree-whitebg .eui-tree-content > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .eui-tree-node {
  padding-left: 286px;
}

.eui-tree-whitebg .eui-tree-content > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .eui-tree-node {
  padding-left: 308px;
}

.eui-tree-whitebg .eui-tree-content > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .eui-tree-node {
  padding-left: 330px;
}

.eui-tree-whitebg .eui-tree-content > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .eui-tree-node {
  padding-left: 352px;
}

.eui-tree-whitebg .eui-tree-content > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .eui-tree-node {
  padding-left: 374px;
}

.eui-tree-whitebg .eui-tree-content > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .eui-tree-node {
  padding-left: 396px;
}

.eui-tree-whitebg .eui-tree-content > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .eui-tree-node {
  padding-left: 418px;
}

.eui-tree-menu {
  position: relative;
  float: left;
  width: 200px;
  height: 100%;
  display: inline-block;
  overflow: auto;
  border: 1px solid #f0f0f0;
  background-color: #fff;
}
.eui-tree-menu .eui-tree-content {
  outline: none;
}
.eui-tree-menu .eui-tree-item .eui-tree-node {
  position: relative;
  height: 36px;
  color: #333;
  padding-left: 10px;
}
.eui-tree-menu .eui-tree-item .eui-tree-node i {
  line-height: 36px;
  color: #858585;
  background-image: none;
}
.eui-tree-menu .eui-tree-item .eui-tree-node .eui-tree-icon {
  margin-right: 4px;
  color: #858585;
}
.eui-tree-menu .eui-tree-item .eui-tree-node .eui-tree-text {
  line-height: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: absolute;
  top: 0;
  width: 100%;
  padding: 0 30px 0 20px;
}
.eui-tree-menu .eui-tree-item .eui-tree-node:hover {
  background-color: #f6f9fd;
}
.eui-tree-menu .eui-tree-item .eui-tree-icon {
  margin-right: 4px;
}
.eui-tree-menu .eui-tree-item .eui-tree-expand, .eui-tree-menu .eui-tree-item .eui-tree-shrink {
  color: #858585 !important;
  position: absolute;
  right: 10px;
  font-size: 12px;
}
.eui-tree-menu .eui-tree-item .eui-tree-expand:before, .eui-tree-menu .eui-tree-item .eui-tree-shrink:before {
  content: "\ef8f";
  font-weight: bold;
  display: inline-block;
  transform: scale(0.8);
}
.eui-tree-menu .eui-tree-item .eui-tree-group {
  background-color: #f6f7fb;
}
.eui-tree-menu .eui-tree-item .eui-tree-focus {
  background-color: #e8f0fb;
}
.eui-tree-menu .eui-tree-item .eui-tree-focus .eui-icon {
  color: #002982 !important;
}
.eui-tree-menu .eui-tree-item .eui-tree-focus .eui-tree-icon {
  color: #002982;
}
.eui-tree-menu .eui-tree-item .eui-tree-focus .eui-tree-text {
  color: #002982;
}
.eui-tree-menu .eui-tree-item .eui-tree-focus .eui-tree-dropdown {
  color: #002982;
}
.eui-tree-menu + .eui-tree-menu {
  margin-left: -1px;
}

.eui-tree-float {
  position: absolute;
  float: none;
}

.eui-calendar-container table .eui-calendar-checked, .eui-calendar-container table .eui-calendar-checked:hover, .eui-calendar-container .eui-calendar-list .eui-calendar-checked, .eui-calendar-container .eui-calendar-list .eui-calendar-checked:hover {
  background-color: #002982;
  color: #ffffff;
}

.eui-calendar-container table td:hover, .eui-calendar-container .eui-calendar-list > li:hover, .eui-calendar-container .eui-calendar-list-time > li ol li:hover {
  background-color: #d9e5ff;
}

.eui-calendar-container table .eui-calendar-cell-disabled, .eui-calendar-container table .eui-calendar-cell-disabled:hover, .eui-calendar-container .eui-calendar-list .eui-calendar-cell-disabled, .eui-calendar-container .eui-calendar-list .eui-calendar-cell-disabled:hover, .eui-calendar-container .eui-calendar-list-time .eui-calendar-cell-disabled, .eui-calendar-container .eui-calendar-list-time .eui-calendar-cell-disabled:hover {
  color: #c9c9c9 !important;
  background-color: transparent;
  cursor: not-allowed    !important;
}

.eui-calendar-container .eui-calendar-header *, .eui-calendar-container .eui-calendar-list > li {
  display: inline-block;
  vertical-align: bottom;
  cursor: pointer;
}

.eui-panel-almanac, .eui-panel-quarter, .eui-panel-month, .eui-panel-date, .eui-panel-timer {
  width: 274px !important;
  height: 338px !important;
  border-radius: 4px;
}

.eui-calendar-container {
  display: inline-block;
  width: 274px;
  background: #ffffff;
  border: 1px solid #D2D2D2;
  border-radius: 4px;
}
.eui-calendar-container * {
  transition: all 0.4s ease-out;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
}
.eui-calendar-container .eui-calendar-main {
  width: 272px;
}
.eui-calendar-container .eui-calendar-main .eui-calendar-rowlist {
  display: inline-block;
}
.eui-calendar-container .eui-calendar-main .eui-calendar-rowlist > .eui-calendar-container {
  border: 1px solid transparent;
}
.eui-calendar-container .eui-calendar-main .eui-calendar-rowlist:last-child > .eui-calendar-container {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 1px solid #e2e2e2;
  border-right: 1px solid #D2D2D2;
}
.eui-calendar-container .eui-calendar-main .eui-calendar-header {
  position: relative;
  line-height: 30px;
  padding: 10px 70px 5px;
  border-bottom: 1px solid #e2e2e2;
}
.eui-calendar-container .eui-calendar-main .eui-calendar-content {
  position: relative;
  padding: 10px;
  height: 244px;
}
.eui-calendar-container .eui-calendar-footer {
  position: relative;
  height: 46px;
  padding: 10px;
  text-align: right;
  border-top: 1px solid #e2e2e2;
}

.eui-calendar-container .eui-calendar-header .eui-icon {
  position: absolute;
  top: 10px;
}
.eui-calendar-container .eui-calendar-header .eui-icon:hover {
  color: #238EFE;
}
.eui-calendar-container .eui-calendar-header .eui-calendar-prev-y {
  left: 15px;
}
.eui-calendar-container .eui-calendar-header .eui-calendar-prev-y:before {
  content: "\ef92";
}
.eui-calendar-container .eui-calendar-header .eui-calendar-prev-m {
  left: 45px;
}
.eui-calendar-container .eui-calendar-header .eui-calendar-prev-m:before {
  content: "\ef8e";
}
.eui-calendar-container .eui-calendar-header .eui-calendar-next-y {
  right: 15px;
}
.eui-calendar-container .eui-calendar-header .eui-calendar-next-y:before {
  content: "\ef93";
}
.eui-calendar-container .eui-calendar-header .eui-calendar-next-m {
  right: 45px;
}
.eui-calendar-container .eui-calendar-header .eui-calendar-next-m:before {
  content: "\ef8f";
}
.eui-calendar-container .eui-calendar-header .eui-calendar-set-ym {
  width: 100%;
  text-align: center;
  padding: 0 0;
}
.eui-calendar-container .eui-calendar-header .eui-calendar-set-ym span {
  padding: 0px 5px;
  font-size: 14px;
}
.eui-calendar-container .eui-calendar-header .eui-calendar-set-ym span:hover {
  color: #238EFE;
}
.eui-calendar-container .eui-calendar-header .eui-calendar-set-ym span:first-child {
  float: none;
}

.eui-calendar-container table {
  border-collapse: collapse;
  border-spacing: 0;
}
.eui-calendar-container table th, .eui-calendar-container table td {
  width: 36px;
  height: 30px;
  padding: 5px;
  text-align: center;
}
.eui-calendar-container table th {
  font-weight: 400;
}
.eui-calendar-container table td {
  position: relative;
  cursor: pointer;
}
.eui-calendar-container table .eui-calendar-out {
  color: #c9c9c9;
}
.eui-calendar-container .eui-calendar-list {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 10px;
  background-color: #ffffff;
  clear: both;
}
.eui-calendar-container .eui-calendar-list > li {
  float: left;
  position: relative;
  width: 33.3333%;
  height: 36px;
  line-height: 36px;
  margin: 3px 0;
  padding: 0;
  text-align: center;
}
.eui-calendar-container .eui-calendar-list-tworows > li {
  width: 50%;
}
.eui-calendar-container .eui-calendar-list-month > li {
  width: 25%;
  margin: 17px 0;
}
.eui-calendar-container .eui-calendar-list-quarter > li {
  width: 50%;
  margin: 40px 0;
}
.eui-calendar-container .eui-calendar-list-time > li {
  height: 100%;
  margin: 0;
  line-height: normal;
  cursor: default;
}
.eui-calendar-container .eui-calendar-list-time > li:hover {
  background-color: transparent;
}
.eui-calendar-container .eui-calendar-list-time > li:hover ol {
  overflow-x: hidden;
  overflow-y: auto;
}
.eui-calendar-container .eui-calendar-list-time > li ol {
  height: 181px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: 1px solid #e2e2e2;
  border-left-width: 0;
}
.eui-calendar-container .eui-calendar-list-time > li ol li {
  width: 130%;
  padding-left: 33px;
  line-height: 30px;
  text-align: left;
  cursor: pointer;
}
.eui-calendar-container .eui-calendar-list-time > li:first-child ol {
  border-left-width: 1px;
}
.eui-calendar-container .eui-calendar-list-time span {
  position: relative;
  top: -4px;
  line-height: 29px;
  font-size: 14px;
}

.eui-calendar-container .eui-calendar-footer .eui-btn {
  margin-right: 0;
  margin-bottom: 0;
}
.eui-calendar-container .eui-calendar-footer .eui-btn + .eui-btn {
  margin-left: 5px;
}

.eui-calendar-range {
  width: 546px;
}
.eui-calendar-range .eui-calendar-main {
  float: left;
}
.eui-calendar-range .eui-calendar-main:first-child .eui-calendar-content {
  border-right: 1px solid #e2e2e2;
}
.eui-calendar-range .eui-calendar-footer {
  clear: both;
}

.eui-progress-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.eui-progress-top1 {
  overflow: hidden;
  width: 100%;
  height: auto;
}
.eui-progress-top1 .eui-progress-title {
  position: relative;
  display: inline-block;
  height: 100%;
  padding: 0;
}
.eui-progress-top1 .eui-progress-title h1 {
  font-size: 32px;
  display: inline;
  line-height: 100%;
}
.eui-progress-top1 .eui-progress-title h5 {
  font-size: 14px;
  display: inline;
  line-height: 100%;
}
.eui-progress-top1 .eui-progress-title + .eui-form-checkbox {
  vertical-align: top;
  margin-left: 20px;
}

.eui-progress-top2 {
  overflow: hidden;
  width: 100%;
  height: 50px;
  padding-top: 10px;
}
.eui-progress-top2 .eui-progress-barpanel {
  display: inline-block;
  vertical-align: middle;
  border: 0;
  height: 10px;
  background: #efefef;
  border-radius: 30px;
  overflow: hidden;
  padding: 0;
}
.eui-progress-top2 .eui-progress-barpanel .eui-progress-bar {
  position: relative;
  height: 100%;
  border-radius: 30px;
  width: 0%;
  background-image: -moz-linear-gradient(to right, #002982, #012d8e);
  background-image: -webkit-linear-gradient(to right, #002982, #012d8e);
  background-image: linear-gradient(to right, #002982, #012d8e);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#002982, endColorstr=#012d8e);
}
.eui-progress-top2 .eui-progress-barinfo {
  display: inline-block;
  vertical-align: middle;
  padding: 0 6px;
  color: #002982;
  width: 55px;
}
.eui-progress-top2 .eui-progress-btnpanel {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  height: 22px;
}
.eui-progress-top2 .eui-progress-btnpanel a {
  margin-top: 0;
}
.eui-progress-top2 .eui-progress-btnpanel + .eui-form-checkbox {
  margin-left: 20px;
}

.eui-progress-loading .eui-progress-top2 .eui-progress-barpanel .eui-progress-bar {
  width: 0%;
  -webkit-transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
  transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
}
.eui-progress-loading .eui-progress-top2 .eui-progress-barpanel .eui-progress-bar:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  border-radius: 10px;
  opacity: 0;
  -webkit-animation: ant-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
  animation: ant-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
  content: '';
}

@-webkit-keyframes ant-progress-active {
  0% {
    width: 0;
    opacity: 0.1;
  }
  20% {
    width: 0;
    opacity: 0.5;
  }
  100% {
    width: 100%;
    opacity: 0;
  }
}
@keyframes ant-progress-active {
  0% {
    width: 0;
    opacity: 0.1;
  }
  20% {
    width: 0;
    opacity: 0.5;
  }
  100% {
    width: 100%;
    opacity: 0;
  }
}
.eui-progress-logpanel {
  overflow: hidden;
  position: absolute;
  right: 0;
  left: 0;
  top: 96px;
  bottom: 0;
  border-top: 1px solid #e2e2e2;
}
.eui-progress-logpanel .eui-progress-detailbtn {
  width: 100%;
  top: 0;
  height: 20px;
  margin: 5px 0;
}
.eui-progress-logpanel .eui-progress-detailbtn .eui-icon {
  margin-right: 5px;
  vertical-align: middle;
}
.eui-progress-logpanel .eui-progress-detailbtn .eui-link span {
  vertical-align: middle;
}
.eui-progress-logpanel .eui-progress-loginfo1 {
  position: absolute;
  top: 30px;
  bottom: 0;
  overflow: auto;
  padding: 5px 0;
  color: #707070;
  width: 100%;
}
.eui-progress-logpanel .eui-progress-loginfo1 .eui-progress-loginfo2 {
  width: 100%;
  height: 100%;
  overflow: auto;
  word-break: break-word;
}

/*颜色面板*/
.eui-colorPanel-col {
  float: left;
  font-size: 1px;
  width: 10px;
  height: 10px;
  cursor: pointer;
  border: 1px solid #000000;
  margin: 2px;
  *margin: 0;
}

.eui-picker {
  width: 60px;
  border-width: 1px;
  padding: 2px;
  position: relative;
}
.eui-picker > div {
  height: 100%;
  margin-right: 24px;
  position: relative;
  background-size: 100% 100%;
}
.eui-picker > div .eui-icon {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 0;
  bottom: 0;
  line-height: 20px;
}
.eui-picker > div .eui-icon-img {
  height: 100%;
  background-size: auto 100%;
}
.eui-picker .eui-form-select-icon {
  height: auto !important;
  top: -1px;
  bottom: -1px;
  right: -1px;
}

.eui-picker-mini {
  width: 45px;
  border-width: 1px;
  padding: 2px;
  position: relative;
}
.eui-picker-mini > div {
  height: 100%;
  margin-right: 14px;
}
.eui-picker-mini .eui-form-select-icon {
  width: 14px;
}

.eui-picker-tool {
  width: 45px;
  border-width: 1px;
  border-color: transparent;
  background-color: transparent;
  padding: 0;
  position: relative;
}
.eui-picker-tool > div {
  height: 100%;
  margin-right: 14px;
}
.eui-picker-tool > div .eui-icon {
  line-height: 24px;
}
.eui-picker-tool .eui-form-select-icon {
  width: 14px !important;
  border-color: transparent;
}
.eui-picker-tool.eui-form-select-focus {
  border-color: transparent;
}

.eui-picker-toolborder {
  position: relative;
  width: 45px;
  border-width: 1px;
  border-color: #b5bdca;
  background-color: #fff;
  padding: 0;
}
.eui-picker-toolborder > div {
  height: 100%;
  margin-right: 24px;
}
.eui-picker-toolborder > div .eui-icon {
  line-height: 24px;
}
.eui-picker-toolborder .eui-form-select-icon {
  width: 12px !important;
  border-left-color: #b5bdca;
}

.eui-picker-color > div .eui-picker-color-content {
  position: absolute;
  left: 0;
  right: 0px;
  top: 2px;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center;
}
.eui-picker-color > div .eui-picker-color-content .eui-picker-color-show {
  position: absolute;
  bottom: 0;
  left: 3px;
  right: 3px;
  height: 2px;
}

.eui-picker-linestyle > div .eui-icon-img {
  background-size: auto;
}

.eui-picker-colorlist > div {
  overflow: hidden;
}
.eui-picker-colorlist > div canvas {
  width: 100%;
  height: 100%;
}
.eui-picker-colorlist > div .eui-colorlist-item {
  display: inline-block;
  height: 100%;
}

.eui-btn {
  display: inline-block;
  height: 32px;
  line-height: 30px;
  padding: 0 14px;
  background-color: #fff;
  color: #404040;
  white-space: nowrap;
  text-align: center;
  font-size: 14px;
  border: 1px solid #b5bdca;
  border-radius: 2px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  overflow: visible\0;
}
.eui-btn:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background-image: radial-gradient(circle, #000 10%, transparent 10.01%);
  background-repeat: no-repeat;
  background-position: 50%;
  opacity: 0;
  transform: scale(10, 10);
  -webkit-transform: scale(10, 10);
  -moz-transform: scale(10, 10);
  -ms-transform: scale(10, 10);
  -o-transform: scale(10, 10);
  transition: transform 0.5s, opacity 1s;
  -webkit-transition: transform 0.5s, opacity 1s;
  -moz-transition: transform 0.5s, opacity 1s;
  -o-transition: transform 0.5s, opacity 1s;
  display: none\0;
}
.eui-btn:active:after {
  transform: scale(0, 0);
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  transition: 0s;
  -webkit-transition: 0s;
  -moz-transition: 0s;
  -o-transition: 0s;
  opacity: .2;
}
.eui-btn + .eui-btn {
  margin-left: 10px;
}
.eui-btn.eui-hide + .eui-btn {
  margin-left: 0;
}
.eui-btn .eui-icon {
  color: #b5bdca;
  margin-right: 3px;
  vertical-align: middle;
  vertical-align: middle \9;
}
.eui-btn.eui-btn-text {
  padding: 0 5px;
}

.eui-btn-container {
  font-size: 0;
}
.eui-btn-container .eui-btn {
  margin-right: 10px;
  margin-bottom: 10px;
}
.eui-btn-container .eui-btn + .eui-btn {
  margin-left: 0;
}

.eui-btn-primary, .eui-btn-primary:hover, .eui-btn-primary .eui-icon, .eui-btn-sub, .eui-btn-sub:hover, .eui-btn-sub .eui-icon, .eui-btn-warn, .eui-btn-warn:hover, .eui-btn-warn .eui-icon, .eui-btn-danger, .eui-btn-danger:hover, .eui-btn-danger .eui-icon {
  color: #fff;
}

.eui-btn-border {
  border-color: #002982;
  color: #002982;
}
.eui-btn-border-primary {
  border-color: #002982;
  color: #002982;
}
.eui-btn-border-sub {
  border-color: #16b99c;
  color: #16b99c;
}
.eui-btn-border-warn {
  border-color: #eabe2b;
  color: #eabe2b;
}
.eui-btn-border-danger {
  border-color: #eb405c;
  color: #eb405c;
}

.eui-btn-radius {
  background-color: #dce7ff;
  border-color: #dce7ff;
  color: #002982;
  border-radius: 16px;
}
.eui-btn-radius.eui-btn-m {
  border-radius: 13px;
}
.eui-btn-radius.eui-btn-s {
  border-radius: 11px;
}

.eui-btn-primary {
  border-color: #002982;
  background-color: #002982;
}

.eui-btn-sub {
  border-color: #16b99c;
  background-color: #16b99c;
}

.eui-btn-warn {
  border-color: #eabe2b;
  background-color: #eabe2b;
}

.eui-btn-danger {
  border-color: #eb405c;
  background-color: #eb405c;
}

.eui-btn-m {
  height: 26px;
  line-height: 24px;
  padding: 0 10px;
  font-size: 12px;
}
.eui-btn-m .eui-icon {
  font-size: 16px;
}
.eui-btn-m .eui-icon-arrow2 {
  font-size: 12px !important;
}
.eui-btn-m.eui-btn-text {
  padding: 0 5px;
}

.eui-btn-s {
  height: 20px;
  line-height: 18px;
  padding: 0 6px;
  font-size: 12px;
}
.eui-btn-s .eui-icon {
  font-size: 14px;
}
.eui-btn-s .eui-icon-arrow2 {
  font-size: 12px !important;
}
.eui-btn-s.eui-btn-text {
  padding: 0 5px;
}

.eui-btn-label {
  border: none;
}
.eui-btn-label.eui-btn > .eui-icon-close {
  top: 11px;
}
.eui-btn-label.eui-btn-m > .eui-icon-close {
  top: 8px;
}
.eui-btn-label.eui-btn-s > .eui-icon-close {
  top: 5px;
}

.eui-btn-label:hover {
  background-color: #e5e9f2;
}

.eui-btn-group {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}
.eui-btn-group .eui-btn {
  margin-left: 0 !important;
  margin-right: 0 !important;
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 0;
}
.eui-btn-group .eui-btn:first-child {
  border-left: 1px solid #b5bdca;
  border-radius: 2px 0 0 2px;
}
.eui-btn-group .eui-btn:last-child {
  border-radius: 0 2px 2px 0;
}
.eui-btn-group .eui-btn + .eui-btn {
  margin-left: 0;
}
.eui-btn-group .eui-btn-primary {
  border-left: none;
}
.eui-btn-group .eui-btn-primary:first-child {
  border-left: #b5bdca;
}
.eui-btn-group + .eui-btn-group {
  margin-left: 10px;
}

.eui-btn-group-form {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}
.eui-btn-group-form .eui-btn {
  color: #b5bdca;
  border-radius: 2px;
  background-color: transparent !important;
  margin-right: 10px;
}
.eui-btn-group-form .eui-btn + .eui-btn {
  margin-left: 0;
}
.eui-btn-group-form .eui-btn-primary {
  color: #002982;
}
.eui-btn-group-form .eui-btn-sub {
  color: #16b99c;
}
.eui-btn-group-form .eui-btn-warn {
  color: #eabe2b;
}
.eui-btn-group-form .eui-btn-danger {
  color: #eb405c;
}

.eui-btn-group-checkbox {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}
.eui-btn-group-checkbox .eui-btn {
  color: #b5bdca;
  border-radius: 2px;
  background-color: transparent !important;
  margin-right: 10px;
}
.eui-btn-group-checkbox .eui-btn + .eui-btn {
  margin-left: 0;
}
.eui-btn-group-checkbox .eui-btn-primary, .eui-btn-group-checkbox .eui-btn-sub, .eui-btn-group-checkbox .eui-btn-warn, .eui-btn-group-checkbox .eui-btn-danger {
  position: relative;
}
.eui-btn-group-checkbox .eui-btn-primary:before, .eui-btn-group-checkbox .eui-btn-sub:before, .eui-btn-group-checkbox .eui-btn-warn:before, .eui-btn-group-checkbox .eui-btn-danger:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 26px;
  height: 12px;
  border-width: 6px 13px;
  border-style: solid;
}
.eui-btn-group-checkbox .eui-btn-primary:after, .eui-btn-group-checkbox .eui-btn-sub:after, .eui-btn-group-checkbox .eui-btn-warn:after, .eui-btn-group-checkbox .eui-btn-danger:after {
  content: "\ef16";
  position: absolute;
  right: 0;
  bottom: -3px;
  top: auto;
  left: auto;
  display: inline-block;
  width: 26px;
  height: 12px;
  line-height: 12px;
  padding-left: 11px;
  color: #fff;
  font-family: eui-icon;
  font-size: 12px;
  opacity: 1;
  transform: scale(1, 0.8);
  background-image: none;
}
.eui-btn-group-checkbox .eui-btn-primary {
  color: #002982;
}
.eui-btn-group-checkbox .eui-btn-primary:before {
  border-color: transparent #002982 #002982 transparent;
}
.eui-btn-group-checkbox .eui-btn-sub {
  color: #16b99c;
}
.eui-btn-group-checkbox .eui-btn-sub:before {
  border-color: transparent #16b99c #16b99c transparent;
}
.eui-btn-group-checkbox .eui-btn-warn {
  color: #eabe2b;
}
.eui-btn-group-checkbox .eui-btn-warn:before {
  border-color: transparent #eabe2b #eabe2b transparent;
}
.eui-btn-group-checkbox .eui-btn-danger {
  color: #eb405c;
}
.eui-btn-group-checkbox .eui-btn-danger:before {
  border-color: transparent #eb405c #eb405c transparent;
}

.eui-btn-menu .eui-icon-arrow2 {
  display: inline-block;
  margin-top: -3px;
  margin-left: 6px;
  margin-right: 0;
  font-size: 12px;
  transform: scale(0.7);
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -o-transform: scale(0.7);
  transition: transform 0.4s ease;
  -webkit-transition: transform 0.4s ease;
  -moz-transition: transform 0.4s ease;
  -o-transition: transform 0.4s ease;
}
.eui-btn-menu:focus {
  border-color: #002982;
}
.eui-btn-menu:focus .eui-icon-arrow2 {
  transform: scale(0.7) rotate(-180deg);
  -webkit-transform: scale(0.7) rotate(-180deg);
  -moz-transform: scale(0.7) rotate(-180deg);
  -ms-transform: scale(0.7) rotate(-180deg);
  -o-transform: scale(0.7) rotate(-180deg);
}

.eui-btn-popmenu {
  position: relative;
  padding-right: 24px;
}
.eui-btn-popmenu .eui-icon:first-child {
  vertical-align: top;
}
.eui-btn-popmenu .eui-icon-arrow2 {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 16px;
  border-left: 1px solid #b5bdca;
  margin-right: 0;
}
.eui-btn-popmenu .eui-icon-arrow2:before {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 12px;
  line-height: 100%;
  margin-top: -5px;
  margin-left: -6px;
  font-size: 12px;
  transform: scale(0.7);
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -o-transform: scale(0.7);
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
}
.eui-btn-popmenu:focus .eui-icon-arrow2:before {
  display: inline-block;
  transform: scale(0.7) rotate(-180deg);
  -webkit-transform: scale(0.7) rotate(-180deg);
  -moz-transform: scale(0.7) rotate(-180deg);
  -ms-transform: scale(0.7) rotate(-180deg);
  -o-transform: scale(0.7) rotate(-180deg);
}

.eui-btn-close {
  padding-right: 24px;
}
.eui-btn-close .eui-icon-close {
  position: absolute;
  display: inline-block;
  margin-right: 0;
  top: 2px;
  right: 3px;
  width: 12px;
  height: 12px;
  line-height: 12px;
  text-align: center;
  font-size: 12px;
  color: #404040;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
}
.eui-btn-close .eui-icon-close:before {
  display: inline-block;
  line-height: 100%;
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
}

.eui-btn-close-middle {
  padding-right: 10px;
  padding-left: 0;
  background-color: #f7f9fe;
  border-color: #e0e0e0;
  margin-right: 10px;
  margin-bottom: 10px;
}
.eui-btn-close-middle > span {
  display: block;
  padding-left: 10px;
  margin-right: 10px;
}
.eui-btn-close-middle .eui-icon-close {
  opacity: 0;
  position: absolute;
  display: inline-block;
  margin-right: 0;
  top: 50%;
  margin-top: -5px;
  right: 5px;
  width: 12px;
  height: 12px;
  line-height: 12px;
  text-align: center;
  font-size: 12px;
  color: #002982;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
}
.eui-btn-close-middle .eui-icon-close:before {
  display: inline-block;
  line-height: 100%;
  transform: scale(0.7);
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -o-transform: scale(0.7);
  font-weight: bold;
}
.eui-btn-close-middle:hover {
  border-color: #002982;
  background-color: #dce7ff;
  color: #002982;
}
.eui-btn-close-middle:hover .eui-icon-close {
  opacity: 1;
}
.eui-btn-close-middle.eui-btn-s > span {
  padding-left: 8px;
  margin-right: 5px;
}
.eui-btn-close-middle.eui-btn-s .eui-icon-close {
  right: 3px;
}

.eui-btn-close-middle + .eui-btn {
  margin-left: 0;
}

.eui-btn-close-complex {
  position: relative;
  padding-right: 38px;
  padding-left: 6px;
  background-color: #f7f9fe;
  border-color: #e0e0e0;
  margin-right: 10px;
  margin-bottom: 10px;
  overflow: inherit;
  cursor: auto;
}
.eui-btn-close-complex .eui-icon-checkbox {
  width: 16px;
  height: 16px;
  position: absolute;
  right: -6px;
  top: -6px;
  border-radius: 50%;
  background-color: #c9c9c9;
  cursor: pointer;
}
.eui-btn-close-complex .eui-icon-checkbox:before {
  content: "\ef16";
  position: absolute;
  top: 0;
  left: 0;
  font-family: eui-icon;
  font-size: 12px;
  color: #fff;
  line-height: 17px;
  width: 16px;
  text-align: center;
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
}
.eui-btn-close-complex .eui-icon-attribute {
  position: relative;
  top: -1px;
}
.eui-btn-close-complex .eui-icon-close, .eui-btn-close-complex .eui-icon-edit {
  opacity: 0;
  position: absolute;
  display: inline-block;
  margin-right: 0;
  top: 50%;
  margin-top: -5px;
  right: 8px;
  width: 12px;
  height: 12px;
  line-height: 12px;
  text-align: center;
  font-size: 12px;
  color: #002982;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  cursor: pointer;
}
.eui-btn-close-complex .eui-icon-close:before, .eui-btn-close-complex .eui-icon-edit:before {
  display: inline-block;
  line-height: 100%;
}
.eui-btn-close-complex .eui-icon-edit {
  right: 23px;
}
.eui-btn-close-complex .eui-icon-edit:before {
  content: "\ef9c";
}
.eui-btn-close-complex.eui-btn-m .eui-icon-attribute {
  font-size: 14px;
}
.eui-btn-close-complex.eui-btn-m .eui-icon-checkbox {
  right: -8px;
  top: -8px;
}
.eui-btn-close-complex.eui-btn-s {
  padding-right: 30px;
}
.eui-btn-close-complex.eui-btn-s .eui-icon-attribute {
  font-size: 12px;
}
.eui-btn-close-complex.eui-btn-s .eui-icon-close:before, .eui-btn-close-complex.eui-btn-s .eui-icon-edit:before {
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
}
.eui-btn-close-complex.eui-btn-s .eui-icon-edit {
  right: 15px;
}
.eui-btn-close-complex.eui-btn-s .eui-icon-close {
  right: 3px;
}
.eui-btn-close-complex.eui-btn-s .eui-icon-checkbox {
  right: -10px;
  top: -10px;
}
.eui-btn-close-complex:hover, .eui-btn-close-complex-active {
  border-color: #002982;
  background-color: #dce7ff;
  color: #002982;
}
.eui-btn-close-complex:hover .eui-icon-attribute, .eui-btn-close-complex-active .eui-icon-attribute {
  color: #002982;
}
.eui-btn-close-complex:hover .eui-icon-close {
  opacity: 1;
}
.eui-btn-close-complex:hover .eui-icon-edit {
  opacity: 1;
}
.eui-btn-close-complex-active .eui-icon-checkbox {
  background-color: #002982;
}

.eui-btn-text {
  background-color: transparent !important;
  border-color: transparent !important;
  color: #002982;
}
.eui-btn-text:hover {
  border-color: transparent;
}
.eui-btn-text .eui-icon {
  color: transparent;
  position: relative;
  top: -1px;
}

.eui-btn-dotted,
.eui-btn-textaddicon {
  border-color: #e0e0e0;
  background-color: transparent;
}
.eui-btn-dotted .eui-icon,
.eui-btn-textaddicon .eui-icon {
  color: #002982;
  font-size: 13px;
  display: inline-block;
}
.eui-btn-dotted:hover,
.eui-btn-textaddicon:hover {
  border-color: #002982;
  color: #002982;
}

.eui-btn-dotted {
  border-style: dashed;
}

.eui-btn-textaddicon {
  border-style: none;
  padding: 0;
}

.eui-btn-dotted.eui-btn-m .eui-icon,
.eui-btn-textaddicon.eui-btn-m .eui-icon {
  font-size: 12px;
}

.eui-btn-dotted.eui-btn-s .eui-icon,
.eui-btn-textaddicon.eui-btn-s .eui-icon {
  transform: scale(0.85);
}

.eui-icon-sortud {
  width: 26px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  cursor: pointer;
  display: inline-block;
}
.eui-icon-sortud .eui-icon-up, .eui-icon-sortud .eui-icon-down {
  position: relative;
  display: inline-block;
  width: 10px;
  height: 24px;
  overflow: hidden;
  color: #8a8a8a;
}
.eui-icon-sortud .eui-icon-up:before, .eui-icon-sortud .eui-icon-down:before {
  position: absolute;
  font-family: eui-icon;
  font-size: 18px;
}
.eui-icon-sortud .eui-icon-up:before {
  content: "\e78b";
  right: -8px;
}
.eui-icon-sortud .eui-icon-down:before {
  content: "\e78c";
  right: 0;
}
.eui-icon-sortud-up .eui-icon-up {
  color: #002982;
}
.eui-icon-sortud-down .eui-icon-down {
  color: #002982;
}

.eui-icon-sortud-triangle {
  width: 12px;
  height: 26px;
  line-height: 12px;
  text-align: center;
  cursor: pointer;
  display: inline-block;
}
.eui-icon-sortud-triangle .eui-icon-up, .eui-icon-sortud-triangle .eui-icon-down {
  position: relative;
  top: 3px;
  display: block;
  width: 12px;
  height: 10px;
  overflow: hidden;
  color: #c9c9c9;
}
.eui-icon-sortud-triangle .eui-icon-up:before, .eui-icon-sortud-triangle .eui-icon-down:before {
  position: absolute;
  font-family: eui-icon;
  font-size: 12px;
}
.eui-icon-sortud-triangle .eui-icon-up:before {
  content: "\ef7e";
  left: 0;
}
.eui-icon-sortud-triangle .eui-icon-down:before {
  content: "\ef7f";
  left: 0;
}
.eui-icon-sortud-triangle-up .eui-icon-up {
  color: #002982;
}
.eui-icon-sortud-triangle-down .eui-icon-down {
  color: #002982;
}

.eui-btn-icon .eui-icon {
  display: inline-block;
  height: 100%;
  margin-right: 0;
  vertical-align: top;
}

.eui-btn-circular {
  background-color: #fff !important;
  border: 2px solid #b5bdca;
  width: 26px;
  height: 26px;
  text-align: center;
  line-height: 22px;
  border-radius: 50%;
  padding: 0;
}
.eui-btn-circular .eui-icon {
  font-size: 12px;
  width: 12px;
  height: 12px;
  margin: 0;
  color: #b5bdca;
}
.eui-btn-circular.eui-btn-primary {
  border: 2px solid #002982;
}
.eui-btn-circular.eui-btn-primary .eui-icon {
  color: #002982;
}
.eui-btn-circular.eui-btn-sub {
  border: 2px solid #16b99c;
}
.eui-btn-circular.eui-btn-sub .eui-icon {
  color: #16b99c;
}
.eui-btn-circular.eui-btn-warn {
  border: 2px solid #eabe2b;
}
.eui-btn-circular.eui-btn-warn .eui-icon {
  color: #eabe2b;
}
.eui-btn-circular.eui-btn-danger {
  border: 2px solid #eb405c;
}
.eui-btn-circular.eui-btn-danger .eui-icon {
  color: #eb405c;
}

.eui-btn-fluid {
  width: 100%;
}

.eui-btn-noeffect:hover {
  opacity: 1;
}
.eui-btn-noeffect:after {
  content: none;
}

.eui-btn-disabled, .eui-btn-disabled:active, .eui-btn-disabled:hover {
  border-color: #e6e6e6;
  background-color: #fbfbfb;
  color: #c9c9c9 !important;
  cursor: not-allowed !important;
  opacity: 1 !important;
}
.eui-btn-disabled .eui-icon, .eui-btn-disabled:active .eui-icon, .eui-btn-disabled:hover .eui-icon {
  color: #c9c9c9 !important;
}
.eui-btn-disabled:active:after {
  opacity: 0;
}

.eui-nav-container {
  height: 30px;
  padding-top: 15px;
  padding-left: 20px;
  line-height: 12px;
  background-color: #fff;
}
.eui-nav-container > .eui-nav-item {
  position: relative;
  display: inline-block;
  color: #97a7bb;
}
.eui-nav-container > .eui-nav-item .eui-link {
  color: #97a7bb !important;
}
.eui-nav-container > .eui-nav-item .eui-link:hover {
  color: #002982 !important;
}
.eui-nav-container > .eui-nav-item .eui-nav-separate {
  padding-left: 7px;
  padding-right: 7px;
}

.eui-nav-padding {
  margin-left: -0;
}

.eui-datatable-container th, .eui-datatable-container td {
  border-top-width: 0;
  border-left-width: 0;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  padding: 0 4px 0 4px;
  background-color: #FFF;
  vertical-align: top;
  overflow: hidden;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
  text-overflow: ellipsis;
}

.eui-datatable-container th:first-child, .eui-datatable-container th:nth-child(2), .eui-datatable-container td:first-of-type {
  border-left: 1px solid #CCC;
}

.eui-datatable-container tr:first-child th, .eui-datatable-container tr:first-child td {
  border-top: 1px solid #CCC;
}

.eui-datatable-container .manualColumnResizer:hover, .eui-datatable-container .manualColumnResizer.active, .eui-datatable-container .manualRowResizer:hover, .eui-datatable-container .manualRowResizer.active {
  background-color: #AAB;
}

.eui-datatable-container .manualColumnResizerGuide.active, .eui-datatable-container .manualRowResizerGuide.active {
  display: block;
  z-index: 4;
}

.eui-datatable-container .eui-edatatable-hot-master, .eui-datatable-container .eui-edatatable-hot-top, .eui-datatable-container .eui-edatatable-hot-top .eui-edatatable-wtHolder, .eui-datatable-container .eui-edatatable-hot-left, .eui-datatable-container .eui-edatatable-hot-left .eui-edatatable-wtHolder {
  overflow: hidden;
}

.eui-datatable-container .eui-edatatable-hot-master thead, .eui-datatable-container .eui-edatatable-hot-master tr th, .eui-datatable-container .eui-edatatable-hot-left thead {
  visibility: hidden;
}

.eui-datatable-container .ht__manualColumnMove--guideline, .eui-datatable-container .ht__manualColumnMove--backlight {
  position: absolute;
  height: 100%;
  display: none;
}

.eui-datatable-container .ht__manualRowMove--guideline, .eui-datatable-container .ht__manualRowMove--backlight {
  position: absolute;
  width: 100%;
  display: none;
}

.eui-datatable-container {
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 12px;
}
.eui-datatable-container.htAutoSize {
  position: absolute;
  visibility: hidden;
  top: -99000px;
  left: -99000px;
}
.eui-datatable-container .hide {
  display: none;
}
.eui-datatable-container .relative {
  position: relative;
}
.eui-datatable-container .eui-edatatable-wtHider {
  width: 0;
}
.eui-datatable-container .eui-edatatable-wtSpreader {
  position: relative;
  width: 0;
  /*must be 0, otherwise blank space appears in scroll demo after scrolling max to the right */
  height: auto;
}
.eui-datatable-container input, .eui-datatable-container textarea {
  min-height: initial;
}
.eui-datatable-container table.eui-edatatable-htCore {
  border-collapse: separate;
  border-spacing: 0;
  margin: 0;
  border-width: 0;
  table-layout: fixed;
  width: 0;
  outline-width: 0;
  max-width: none;
  max-height: none;
}
.eui-datatable-container col {
  width: 50px;
}
.eui-datatable-container col.rowHeader {
  width: 50px;
}
.eui-datatable-container col.hidden {
  width: 0 !important;
}
.eui-datatable-container thead th {
  padding: 0;
}
.eui-datatable-container thead th .relative {
  padding: 2px 4px;
}
.eui-datatable-container tr.hidden, .eui-datatable-container tr.hidden td, .eui-datatable-container tr.hidden th {
  display: none;
}
.eui-datatable-container th {
  background-color: #f3f3f3;
  color: #222;
  text-align: center;
  font-weight: normal;
  white-space: nowrap;
}
.eui-datatable-container th:last-child {
  /*Foundation framework fix*/
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}
.eui-datatable-container th.active {
  background-color: #CCC;
}
.eui-datatable-container td.htInvalid {
  background-color: #ff4c42 !important;
  /*gives priority over td.area selection background*/
}
.eui-datatable-container td.htNoWrap {
  white-space: nowrap;
}
.eui-datatable-container td.htSearchResult {
  background: #fcedd9;
  color: #583707;
}
.eui-datatable-container .eui-edatatable-text {
  height: 24px;
  line-height: 24px;
  white-space: nowrap;
  word-wrap: break-word;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
}
.eui-datatable-container .eui-edatatable-red-tips {
  position: relative;
  margin-left: -4px;
}
.eui-datatable-container .eui-edatatable-red-tips:after {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent red transparent transparent;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}
.eui-datatable-container .eui-edatatable-hot-master {
  width: 100%;
  height: 100%;
}
.eui-datatable-container .eui-edatatable-hot-master:not(.innerBorderLeft):not(.emptyColumns) ~ .eui-datatable-container tbody tr th, .eui-datatable-container .eui-edatatable-hot-master:not(.innerBorderLeft):not(.emptyColumns) ~ .eui-datatable-container:not(.eui-edatatable-hot-top) thead tr th:first-child {
  border-right-width: 0;
}
.eui-datatable-container .eui-edatatable-hot-master:not(.innerBorderTop) thead tr:last-child th, .eui-datatable-container .eui-edatatable-hot-master:not(.innerBorderTop) thead tr.lastChild th, .eui-datatable-container .eui-edatatable-hot-master:not(.innerBorderTop) ~ .eui-datatable-container thead tr:last-child th, .eui-datatable-container .eui-edatatable-hot-master:not(.innerBorderTop) ~ .eui-datatable-container thead tr.lastChild th {
  border-bottom-width: 0;
}
.eui-datatable-container .eui-edatatable-hot-master .eui-edatatable-wtHolder {
  overflow: auto;
}
.eui-datatable-container .eui-edatatable-hot-master tbody tr:first-child th, .eui-datatable-container .eui-edatatable-hot-master tbody tr:first-child td {
  border-top: 0;
}
.eui-datatable-container .eui-edatatable-hot-top {
  z-index: 2;
}
.eui-datatable-container .eui-edatatable-hot-left {
  z-index: 2;
}
.eui-datatable-container .eui-edatatable-hot-left tbody > tr:first-child th {
  border-top: 0;
}
.eui-datatable-container .eui-edatatable-hot-top_left_corner, .eui-datatable-container .eui-edatatable-hot_bottom_left_corner {
  z-index: 3;
}
.eui-datatable-container .eui-edatatable-hot_debug {
  z-index: 3;
}
.eui-datatable-container .manualColumnResizer {
  position: fixed;
  top: 0;
  cursor: col-resize;
  z-index: 9;
  width: 5px;
  height: 25px;
}
.eui-datatable-container .manualColumnResizerGuide {
  display: none;
  position: fixed;
  width: 0;
  right: 0;
  top: 0;
  background-color: #AAB;
  border-right: 1px dashed #777;
  margin-left: 5px;
}
.eui-datatable-container .manualRowResizer {
  position: fixed;
  left: 0;
  cursor: row-resize;
  z-index: 9;
  height: 5px;
  width: 50px;
}
.eui-datatable-container .manualRowResizerGuide {
  position: fixed;
  left: 0;
  bottom: 0;
  background-color: #AAB;
  display: none;
  height: 0;
  border-bottom: 1px dashed #777;
  margin-top: 5px;
}
.eui-datatable-container .eui-edatatable-wtBorder {
  position: absolute;
  font-size: 0;
  display: block;
  background-color: #4b89ff;
}
.eui-datatable-container .eui-edatatable-wtBorder.hidden {
  display: none !important;
}
.eui-datatable-container .eui-edatatable-wtBorder.fill {
  background-color: #ff0000;
}
.eui-datatable-container .eui-edatatable-wtBorder.eui-edatatable-wtBorder-corner {
  font-size: 0;
  cursor: crosshair;
  border: 1px solid #ffffff;
}
.eui-datatable-container td.area, .eui-datatable-container td.area-1, .eui-datatable-container td.area-2, .eui-datatable-container td.area-3, .eui-datatable-container td.area-4, .eui-datatable-container td.area-5, .eui-datatable-container td.area-6, .eui-datatable-container td.area-7 {
  position: relative;
}
.eui-datatable-container td.area:before, .eui-datatable-container td.area-1:before, .eui-datatable-container td.area-2:before, .eui-datatable-container td.area-3:before, .eui-datatable-container td.area-4:before, .eui-datatable-container td.area-5:before, .eui-datatable-container td.area-6:before, .eui-datatable-container td.area-7:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  bottom: -100%\9;
  /* Fix for IE9 to spread the ":before" pseudo element to 100% height of the parent element */
  background: #005eff;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .eui-datatable-container td.area:before, .eui-datatable-container td.area-1:before, .eui-datatable-container td.area-2:before, .eui-datatable-container td.area-3:before, .eui-datatable-container td.area-4:before, .eui-datatable-container td.area-5:before, .eui-datatable-container td.area-6:before, .eui-datatable-container td.area-7:before {
    bottom: -100%;
  }
}
.eui-datatable-container td.area:before {
  opacity: 0.1;
}
.eui-datatable-container td.area-1:before {
  opacity: 0.2;
}
.eui-datatable-container td.area-2:before {
  opacity: 0.27;
}
.eui-datatable-container td.area-3:before {
  opacity: 0.35;
}
.eui-datatable-container td.area-4:before {
  opacity: 0.41;
}
.eui-datatable-container td.area-5:before {
  opacity: 0.47;
}
.eui-datatable-container td.area-6:before {
  opacity: 0.54;
}
.eui-datatable-container td.area-7:before {
  opacity: 0.58;
}
.eui-datatable-container thead th.eui-edatatable-head-hl, .eui-datatable-container tbody th.eui-edatatable-head-hl {
  background-color: #dcdcdc;
}
.eui-datatable-container thead th.eui-edatatable-head-active-hl, .eui-datatable-container tbody th.eui-edatatable-head-active-hl {
  background-color: #8eb0e7;
  color: #000;
}
.eui-datatable-container .htBorder.htFillBorder {
  background: red;
  width: 1px;
  height: 1px;
}
.eui-datatable-container .handsontableInputHolder {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
}
.eui-datatable-container .handsontableInput {
  border: none;
  outline-width: 0;
  margin: 0;
  padding: 1px 5px 0 5px;
  font-family: inherit;
  line-height: 21px;
  font-size: inherit;
  box-shadow: 0 0 0 2px #5292F7 inset;
  resize: none;
  /*below are needed to overwrite stuff added by jQuery UI Bootstrap theme*/
  display: block;
  color: #000;
  border-radius: 0;
  background-color: #FFF;
  /*overwrite styles potentionally made by a framework*/
}
.eui-datatable-container .eui-edatatable-readonly {
  color: #777;
}
.eui-datatable-container .eui-edatatable-wtHider {
  position: relative;
}
.eui-datatable-container.ht__manualRowMove.after-selection--rows th.eui-edatatable-head-hl, .eui-datatable-container.ht__manualRowMove.after-selection--rows tbody th.eui-edatatable-head-hl {
  cursor: move;
  cursor: -moz-grab;
  cursor: -webkit-grab;
  cursor: grab;
}
.eui-datatable-container.ht__manualColumnMove.after-selection--columns th.eui-edatatable-head-hl, .eui-datatable-container.ht__manualColumnMove.after-selection--columns thead th.eui-edatatable-head-hl {
  cursor: move;
  cursor: -moz-grab;
  cursor: -webkit-grab;
  cursor: grab;
}
.eui-datatable-container.ht__manualRowMove.on-moving--rows th.eui-edatatable-head-hl, .eui-datatable-container.ht__manualRowMove.on-moving--rows tbody th.eui-edatatable-head-hl {
  cursor: move;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.eui-datatable-container.ht__manualRowMove.on-moving--rows .manualRowResizer {
  display: none;
}
.eui-datatable-container.ht__manualColumnMove.on-moving--columns th.eui-edatatable-head-hl, .eui-datatable-container.ht__manualColumnMove.on-moving--columns thead th.eui-edatatable-head-hl {
  cursor: move;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.eui-datatable-container.ht__manualColumnMove.on-moving--columns .manualColumnResizer {
  display: none;
}
.eui-datatable-container .ht__manualRowMove--guideline {
  z-index: 5;
  left: 0;
  height: 2px;
  margin-top: -1px;
  background: #757575;
}
.eui-datatable-container .ht__manualRowMove--backlight {
  display: none;
  z-index: 5;
  background: #343434;
  background: rgba(52, 52, 52, 0.25);
  pointer-events: none;
}
.eui-datatable-container.on-moving--rows.show-ui .ht__manualRowMove--guideline, .eui-datatable-container.on-moving--rows .ht__manualRowMove--backlight {
  display: block;
}
.eui-datatable-container .ht__manualColumnMove--guideline {
  z-index: 5;
  top: 0;
  width: 2px;
  margin-left: -1px;
  background: #757575;
}
.eui-datatable-container .ht__manualColumnMove--backlight {
  display: none;
  z-index: 5;
  background: #343434;
  background: rgba(52, 52, 52, 0.25);
  pointer-events: none;
}
.eui-datatable-container.on-moving--columns.show-ui .ht__manualColumnMove--guideline, .eui-datatable-container.on-moving--columns .ht__manualColumnMove--backlight {
  display: block;
}

.topLeftSelectionHandle:not(.eui-edatatable-hot-master .topLeftSelectionHandle),
.topLeftSelectionHandle-HitArea:not(.eui-edatatable-hot-master .topLeftSelectionHandle-HitArea) {
  z-index: 4;
}

/* Initial left/top coordinates - overwritten when actual position is set */
.topLeftSelectionHandle,
.topLeftSelectionHandle-HitArea,
.bottomRightSelectionHandle,
.bottomRightSelectionHandle-HitArea {
  left: -10000px;
  top: -10000px;
}

.htCommentCell {
  position: relative;
}

.htCommentCell:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  border-left: 6px solid transparent;
  border-top: 6px solid black;
}

#hot-display-license-info {
  font-size: 9px;
  color: #323232;
  padding: 5px 0 3px 0;
  font-family: Helvetica, Arial, sans-serif;
  text-align: left;
}

.eui-datatable-list th, .eui-datatable-list td {
  border-top-width: 0;
  border-left-width: 0;
  border-right: 1px solid transparent;
  border-bottom: 1px solid #ebeff5;
  color: #333;
  padding: 0 4px 0 4px;
  background-color: #FFF;
  vertical-align: top;
  overflow: hidden;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
  text-overflow: ellipsis;
}

.eui-datatable-list th:first-child, .eui-datatable-list th:nth-child(2), .eui-datatable-list td:first-of-type {
  border-left: 1px solid transparent;
}

.eui-datatable-list tr:first-child th, .eui-datatable-list tr:first-child td {
  border-top: 1px solid #ebeff5;
}

.eui-datatable-list .manualColumnResizer:hover, .eui-datatable-list .manualColumnResizer.active, .eui-datatable-list .manualRowResizer:hover, .eui-datatable-list .manualRowResizer.active {
  background-color: #AAB;
}

.eui-datatable-list .manualColumnResizerGuide.active, .eui-datatable-list .manualRowResizerGuide.active {
  display: block;
  z-index: 4;
}

.eui-datatable-list .eui-edatatable-hot-master, .eui-datatable-list .eui-edatatable-hot-top, .eui-datatable-list .eui-edatatable-hot-top .eui-edatatable-wtHolder, .eui-datatable-list .eui-edatatable-hot-left, .eui-datatable-list .eui-edatatable-hot-left .eui-edatatable-wtHolder {
  overflow: hidden;
}

.eui-datatable-list .eui-edatatable-hot-master thead, .eui-datatable-list .eui-edatatable-hot-master tr th, .eui-datatable-list .eui-edatatable-hot-left thead {
  visibility: hidden;
}

.eui-datatable-list .ht__manualColumnMove--guideline, .eui-datatable-list .ht__manualColumnMove--backlight {
  position: absolute;
  height: 100%;
  display: none;
}

.eui-datatable-list .ht__manualRowMove--guideline, .eui-datatable-list .ht__manualRowMove--backlight {
  position: absolute;
  width: 100%;
  display: none;
}

.eui-datatable-list {
  position: relative;
}
.eui-datatable-list.htAutoSize {
  position: absolute;
  visibility: hidden;
  top: -99000px;
  left: -99000px;
}
.eui-datatable-list .hide {
  display: none;
}
.eui-datatable-list .relative {
  position: relative;
}
.eui-datatable-list .eui-edatatable-wtHider {
  width: 0;
}
.eui-datatable-list .eui-edatatable-wtSpreader {
  position: relative;
  width: 0;
  /*must be 0, otherwise blank space appears in scroll demo after scrolling max to the right */
  height: auto;
}
.eui-datatable-list input, .eui-datatable-list textarea {
  min-height: initial;
}
.eui-datatable-list table.eui-edatatable-htCore {
  border-collapse: separate;
  border-spacing: 0;
  margin: 0;
  border-width: 0;
  table-layout: fixed;
  width: 0;
  outline-width: 0;
  max-width: none;
  max-height: none;
}
.eui-datatable-list col {
  width: 50px;
}
.eui-datatable-list col.rowHeader {
  width: 50px;
}
.eui-datatable-list col.hidden {
  width: 0 !important;
}
.eui-datatable-list thead th {
  padding: 0;
}
.eui-datatable-list thead th .relative {
  padding: 2px 4px;
}
.eui-datatable-list tr.hidden, .eui-datatable-list tr.hidden td, .eui-datatable-list tr.hidden th {
  display: none;
}
.eui-datatable-list th {
  background-color: #f8f7fc;
  color: #333;
  text-align: left;
  font-weight: normal;
  white-space: nowrap;
}
.eui-datatable-list th:last-child {
  /*Foundation framework fix*/
  border-right: 1px solid transparent;
  border-bottom: 1px solid #ebeff5;
}
.eui-datatable-list th.active {
  background-color: #CCC;
}
.eui-datatable-list td.htInvalid {
  background-color: #ff4c42 !important;
  /*gives priority over td.area selection background*/
}
.eui-datatable-list td.htNoWrap {
  white-space: nowrap;
}
.eui-datatable-list td.htSearchResult {
  background: #fcedd9;
  color: #583707;
}
.eui-datatable-list .eui-edatatable-text {
  height: 40px;
  line-height: 40px;
  white-space: nowrap;
  word-wrap: break-word;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
}
.eui-datatable-list .eui-edatatable-hot-master {
  width: 100%;
  height: 100%;
}
.eui-datatable-list .eui-edatatable-hot-master:not(.innerBorderLeft):not(.emptyColumns) ~ .eui-datatable-list tbody tr th, .eui-datatable-list .eui-edatatable-hot-master:not(.innerBorderLeft):not(.emptyColumns) ~ .eui-datatable-list:not(.eui-edatatable-hot-top) thead tr th:first-child {
  border-right-width: 0;
}
.eui-datatable-list .eui-edatatable-hot-master:not(.innerBorderTop) thead tr:last-child th, .eui-datatable-list .eui-edatatable-hot-master:not(.innerBorderTop) thead tr.lastChild th, .eui-datatable-list .eui-edatatable-hot-master:not(.innerBorderTop) ~ .eui-datatable-list thead tr:last-child th, .eui-datatable-list .eui-edatatable-hot-master:not(.innerBorderTop) ~ .eui-datatable-list thead tr.lastChild th {
  border-bottom-width: 0;
}
.eui-datatable-list .eui-edatatable-hot-master .eui-edatatable-wtHolder {
  overflow: auto;
}
.eui-datatable-list .eui-edatatable-hot-master tbody tr:first-child th, .eui-datatable-list .eui-edatatable-hot-master tbody tr:first-child td {
  border-top: 0;
}
.eui-datatable-list .eui-edatatable-hot-top {
  z-index: 2;
}
.eui-datatable-list .eui-edatatable-hot-top th {
  color: #8796a8;
  font-size: 14px;
}
.eui-datatable-list .eui-edatatable-hot-left {
  z-index: 2;
}
.eui-datatable-list .eui-edatatable-hot-left th {
  color: #8796a8;
  text-align: center;
}
.eui-datatable-list .eui-edatatable-hot-top_left_corner th {
  color: #8796a8;
  font-size: 14px;
  text-align: center;
}
.eui-datatable-list .eui-edatatable-hot-top_left_corner, .eui-datatable-list .eui-edatatable-hot_bottom_left_corner {
  z-index: 3;
}
.eui-datatable-list .eui-edatatable-hot_debug {
  z-index: 3;
}
.eui-datatable-list .manualColumnResizer {
  position: fixed;
  top: 0;
  cursor: col-resize;
  z-index: 9;
  width: 5px;
  height: 40px;
}
.eui-datatable-list .manualColumnResizerGuide {
  display: none;
  position: fixed;
  width: 0;
  right: 0;
  top: 0;
  background-color: #AAB;
  border-right: 1px dashed #777;
  margin-left: 5px;
}
.eui-datatable-list .manualRowResizer {
  position: fixed;
  left: 0;
  cursor: row-resize;
  z-index: 9;
  height: 5px;
  width: 50px;
}
.eui-datatable-list .manualRowResizerGuide {
  position: fixed;
  left: 0;
  bottom: 0;
  background-color: #AAB;
  display: none;
  height: 0;
  border-bottom: 1px dashed #777;
  margin-top: 5px;
}
.eui-datatable-list .eui-edatatable-wtBorder {
  position: absolute;
  font-size: 0;
  display: block;
  background-color: #4b89ff;
}
.eui-datatable-list .eui-edatatable-wtBorder.hidden {
  display: none !important;
}
.eui-datatable-list .eui-edatatable-wtBorder.fill {
  background-color: #ff0000;
}
.eui-datatable-list .eui-edatatable-wtBorder.eui-edatatable-wtBorder-corner {
  font-size: 0;
  cursor: crosshair;
  border: 1px solid #ffffff;
}
.eui-datatable-list td.area, .eui-datatable-list td.area-1, .eui-datatable-list td.area-2, .eui-datatable-list td.area-3, .eui-datatable-list td.area-4, .eui-datatable-list td.area-5, .eui-datatable-list td.area-6, .eui-datatable-list td.area-7 {
  position: relative;
}
.eui-datatable-list td.area:before, .eui-datatable-list td.area-1:before, .eui-datatable-list td.area-2:before, .eui-datatable-list td.area-3:before, .eui-datatable-list td.area-4:before, .eui-datatable-list td.area-5:before, .eui-datatable-list td.area-6:before, .eui-datatable-list td.area-7:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  bottom: -100%\9;
  /* Fix for IE9 to spread the ":before" pseudo element to 100% height of the parent element */
  background: #9abfff;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .eui-datatable-list td.area:before, .eui-datatable-list td.area-1:before, .eui-datatable-list td.area-2:before, .eui-datatable-list td.area-3:before, .eui-datatable-list td.area-4:before, .eui-datatable-list td.area-5:before, .eui-datatable-list td.area-6:before, .eui-datatable-list td.area-7:before {
    bottom: -100%;
  }
}
.eui-datatable-list td.area:before {
  opacity: 0.1;
}
.eui-datatable-list td.area-1:before {
  opacity: 0.2;
}
.eui-datatable-list td.area-2:before {
  opacity: 0.27;
}
.eui-datatable-list td.area-3:before {
  opacity: 0.35;
}
.eui-datatable-list td.area-4:before {
  opacity: 0.41;
}
.eui-datatable-list td.area-5:before {
  opacity: 0.47;
}
.eui-datatable-list td.area-6:before {
  opacity: 0.54;
}
.eui-datatable-list td.area-7:before {
  opacity: 0.58;
}
.eui-datatable-list thead th.eui-edatatable-head-hl, .eui-datatable-list tbody th.eui-edatatable-head-hl {
  background-color: #dcdcdc;
}
.eui-datatable-list thead th.eui-edatatable-head-active-hl, .eui-datatable-list tbody th.eui-edatatable-head-active-hl {
  background-color: #8eb0e7;
  color: #333;
}
.eui-datatable-list .htBorder.htFillBorder {
  background: red;
  width: 1px;
  height: 1px;
}
.eui-datatable-list .handsontableInputHolder {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
}
.eui-datatable-list .handsontableInput {
  border: none;
  outline-width: 0;
  margin: 0;
  padding: 1px 5px 0 5px;
  font-family: inherit;
  line-height: 21px;
  font-size: inherit;
  box-shadow: 0 0 0 2px #5292F7 inset;
  resize: none;
  /*below are needed to overwrite stuff added by jQuery UI Bootstrap theme*/
  display: block;
  color: #000;
  border-radius: 0;
  background-color: #FFF;
  /*overwrite styles potentionally made by a framework*/
}
.eui-datatable-list .eui-edatatable-readonly {
  color: #a8a8a8;
}
.eui-datatable-list .eui-edatatable-wtHider {
  position: relative;
}
.eui-datatable-list.ht__manualRowMove.after-selection--rows th.eui-edatatable-head-hl, .eui-datatable-list.ht__manualRowMove.after-selection--rows tbody th.eui-edatatable-head-hl {
  cursor: move;
  cursor: -moz-grab;
  cursor: -webkit-grab;
  cursor: grab;
}
.eui-datatable-list.ht__manualColumnMove.after-selection--columns th.eui-edatatable-head-hl, .eui-datatable-list.ht__manualColumnMove.after-selection--columns thead th.eui-edatatable-head-hl {
  cursor: move;
  cursor: -moz-grab;
  cursor: -webkit-grab;
  cursor: grab;
}
.eui-datatable-list.ht__manualRowMove.on-moving--rows th.eui-edatatable-head-hl, .eui-datatable-list.ht__manualRowMove.on-moving--rows tbody th.eui-edatatable-head-hl {
  cursor: move;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.eui-datatable-list.ht__manualRowMove.on-moving--rows .manualRowResizer {
  display: none;
}
.eui-datatable-list.ht__manualColumnMove.on-moving--columns th.eui-edatatable-head-hl, .eui-datatable-list.ht__manualColumnMove.on-moving--columns thead th.eui-edatatable-head-hl {
  cursor: move;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.eui-datatable-list.ht__manualColumnMove.on-moving--columns .manualColumnResizer {
  display: none;
}
.eui-datatable-list .ht__manualRowMove--guideline {
  z-index: 5;
  left: 0;
  height: 2px;
  margin-top: -1px;
  background: #757575;
}
.eui-datatable-list .ht__manualRowMove--backlight {
  display: none;
  z-index: 5;
  background: #343434;
  background: rgba(52, 52, 52, 0.25);
  pointer-events: none;
}
.eui-datatable-list.on-moving--rows.show-ui .ht__manualRowMove--guideline, .eui-datatable-list.on-moving--rows .ht__manualRowMove--backlight {
  display: block;
}
.eui-datatable-list .ht__manualColumnMove--guideline {
  z-index: 5;
  top: 0;
  width: 2px;
  margin-left: -1px;
  background: #757575;
}
.eui-datatable-list .ht__manualColumnMove--backlight {
  display: none;
  z-index: 5;
  background: #343434;
  background: rgba(52, 52, 52, 0.25);
  pointer-events: none;
}
.eui-datatable-list.on-moving--columns.show-ui .ht__manualColumnMove--guideline, .eui-datatable-list.on-moving--columns .ht__manualColumnMove--backlight {
  display: block;
}

.topLeftSelectionHandle:not(.eui-edatatable-hot-master .topLeftSelectionHandle),
.topLeftSelectionHandle-HitArea:not(.eui-edatatable-hot-master .topLeftSelectionHandle-HitArea) {
  z-index: 4;
}

/* Initial left/top coordinates - overwritten when actual position is set */
.topLeftSelectionHandle,
.topLeftSelectionHandle-HitArea,
.bottomRightSelectionHandle,
.bottomRightSelectionHandle-HitArea {
  left: -10000px;
  top: -10000px;
}

.htCommentCell {
  position: relative;
}

.htCommentCell:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  border-left: 6px solid transparent;
  border-top: 6px solid black;
}

#hot-display-license-info {
  font-size: 9px;
  color: #323232;
  padding: 5px 0 3px 0;
  font-family: Helvetica, Arial, sans-serif;
  text-align: left;
}

.eui-anim {
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  /*-webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;*/
}
.eui-anim.eui-anim-delay-04s {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.eui-anim-loop {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes eui-rotate {
  from {
    -webkit-transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes eui-rotate {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.eui-anim-rotate {
  -webkit-animation-name: eui-rotate;
  animation-name: eui-rotate;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

@-webkit-keyframes eui-up {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    opacity: 0.3;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes eui-up {
  from {
    transform: translate3d(0, 100%, 0);
    opacity: 0.3;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.eui-anim-up {
  -webkit-animation-name: eui-up;
  animation-name: eui-up;
}

@-webkit-keyframes eui-upbit {
  from {
    -webkit-transform: translate3d(0, 30px, 0);
    opacity: 0.3;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes eui-upbit {
  from {
    transform: translate3d(0, 30px, 0);
    opacity: 0.3;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.eui-anim-upbit {
  -webkit-animation-name: eui-upbit;
  animation-name: eui-upbit;
}

@-webkit-keyframes eui-scale {
  0% {
    opacity: .3;
    -webkit-transform: scale(0.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}
@keyframes eui-scale {
  0% {
    opacity: .3;
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.eui-anim-scale {
  -webkit-animation-name: eui-scale;
  animation-name: eui-scale;
}

@-webkit-keyframes eui-scale-spring {
  0% {
    opacity: .5;
    -webkit-transform: scale(0.5);
  }
  80% {
    opacity: .8;
    -webkit-transform: scale(1.1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}
@keyframes eui-scale-spring {
  0% {
    opacity: .5;
    transform: scale(0.5);
  }
  80% {
    opacity: .8;
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.eui-anim-scalespring {
  -webkit-animation-name: eui-scale-spring;
  animation-name: eui-scale-spring;
}

@-webkit-keyframes eui-fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes eui-fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.eui-anim-fadein {
  -webkit-animation-name: eui-fadein;
  animation-name: eui-fadein;
}

@-webkit-keyframes eui-fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes eui-fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.eui-anim-fadeout {
  -webkit-animation-name: eui-fadeout;
  animation-name: eui-fadeout;
}

@-webkit-keyframes eui-zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes eui-zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.eui-anim-zoomIn {
  -webkit-animation-name: eui-zoomIn;
  animation-name: eui-zoomIn;
}

html, body, .eui-layout-container, .eui-card-container, .eui-card-container-area, .eui-card-container-bbs, .eui-card-container-design {
  width: 100%;
  height: 100%;
}

.eui-height-max {
  height: 100%;
}

img, .eui-inline {
  display: inline;
}

.eui-block, .eui-clear:after {
  display: block;
}

.eui-coolbar-container, .eui-clear, .eui-clear:after {
  clear: both;
  *zoom: 1;
}

.eui-accordionpanel-container .eui-accordionpanel-head .eui-accordionpanel-text, .eui-accordionpanel-dark .eui-accordionpanel-item .eui-accordionpanel-head .eui-accordionpanel-text, .eui-calendar-container .eui-calendar-header .eui-calendar-set-ym, .eui-elip, .eui-form-label {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.eui-float-left, .eui-col-xl-1, .eui-col-xl-2, .eui-col-xl-3, .eui-col-xl-4, .eui-col-xl-5, .eui-col-xl-6, .eui-col-xl-7, .eui-col-xl-8, .eui-col-xl-9, .eui-col-xl-10, .eui-col-xl-11, .eui-col-xl-12 {
  float: left !important;
}

.eui-float-right {
  float: right !important;
}

.eui-panelsplitter-container .eui-panelsplitter-splitbar, .eui-btn, .eui-disabled, .eui-icon, .eui-unselect {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

*, *:before, *:after {
  box-sizing: inherit;
}

body {
  line-height: 22px;
  font-size: 12px;
  font-family: Microsoft Yahei, simsun, Arial;
  color: #404040;
}

blockquote, body, button, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul {
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a:active, a:hover {
  outline: 0;
}

img {
  border: none;
}

li {
  list-style: none;
}

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

.eui-box {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.eui-inline {
  vertical-align: middle;
}

.eui-inline-block {
  display: inline-block;
  vertical-align: middle;
}

.eui-show {
  display: block !important;
}

.eui-hide {
  display: none !important;
}

.eui-clear:after {
  content: '\0020';
  height: 0;
}

.eui-scroll-auto {
  overflow: auto !important;
}

.eui-scroll-hide {
  overflow: hidden !important;
}

.eui-shade {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  display: block;
}

.eui-padding-35 {
  padding: 35px;
}

.eui-padding-top-35 {
  padding-top: 35px;
}

.eui-padding-right-35 {
  padding-right: 35px;
}

.eui-padding-bottom-35 {
  padding-bottom: 35px;
}

.eui-padding-left-35 {
  padding-left: 35px;
}

.eui-padding-30 {
  padding: 30px;
}

.eui-padding-top-30 {
  padding-top: 30px;
}

.eui-padding-right-30 {
  padding-right: 30px;
}

.eui-padding-bottom-30 {
  padding-bottom: 30px;
}

.eui-padding-left-30 {
  padding-left: 30px;
}

.eui-padding-25 {
  padding: 25px;
}

.eui-padding-top-25 {
  padding-top: 25px;
}

.eui-padding-right-25 {
  padding-right: 25px;
}

.eui-padding-bottom-25 {
  padding-bottom: 25px;
}

.eui-padding-left-25 {
  padding-left: 25px;
}

.eui-padding-20 {
  padding: 20px;
}

.eui-padding-top-20 {
  padding-top: 20px;
}

.eui-padding-right-20 {
  padding-right: 20px;
}

.eui-padding-bottom-20 {
  padding-bottom: 20px;
}

.eui-padding-left-20 {
  padding-left: 20px;
}

.eui-padding-15 {
  padding: 15px;
}

.eui-padding-top-15 {
  padding-top: 15px;
}

.eui-padding-right-15 {
  padding-right: 15px;
}

.eui-padding-bottom-15 {
  padding-bottom: 15px;
}

.eui-padding-left-15 {
  padding-left: 15px;
}

.eui-padding-10 {
  padding: 10px;
}

.eui-padding-top-10 {
  padding-top: 10px;
}

.eui-padding-right-10 {
  padding-right: 10px;
}

.eui-padding-bottom-10 {
  padding-bottom: 10px;
}

.eui-padding-left-10 {
  padding-left: 10px;
}

.eui-padding-5 {
  padding: 5px;
}

.eui-padding-top-5 {
  padding-top: 5px;
}

.eui-padding-right-5 {
  padding-right: 5px;
}

.eui-padding-bottom-5 {
  padding-bottom: 5px;
}

.eui-padding-left-5 {
  padding-left: 5px;
}

.eui-margin-35 {
  margin: -35px;
}

.eui-margin-top-35 {
  margin-top: -35px;
}

.eui-margin-right-35 {
  margin-right: -35px;
}

.eui-margin-bottom-35 {
  margin-bottom: -35px;
}

.eui-margin-left-35 {
  margin-left: -35px;
}

.eui-outer-margin-35 {
  margin: 35px;
}

.eui-outer-margin-top-35 {
  margin-top: 35px;
}

.eui-outer-margin-right-35 {
  margin-right: 35px;
}

.eui-outer-margin-bottom-35 {
  margin-bottom: 35px;
}

.eui-outer-margin-left-35 {
  margin-left: 35px;
}

.eui-margin-30 {
  margin: -30px;
}

.eui-margin-top-30 {
  margin-top: -30px;
}

.eui-margin-right-30 {
  margin-right: -30px;
}

.eui-margin-bottom-30 {
  margin-bottom: -30px;
}

.eui-margin-left-30 {
  margin-left: -30px;
}

.eui-outer-margin-30 {
  margin: 30px;
}

.eui-outer-margin-top-30 {
  margin-top: 30px;
}

.eui-outer-margin-right-30 {
  margin-right: 30px;
}

.eui-outer-margin-bottom-30 {
  margin-bottom: 30px;
}

.eui-outer-margin-left-30 {
  margin-left: 30px;
}

.eui-margin-25 {
  margin: -25px;
}

.eui-margin-top-25 {
  margin-top: -25px;
}

.eui-margin-right-25 {
  margin-right: -25px;
}

.eui-margin-bottom-25 {
  margin-bottom: -25px;
}

.eui-margin-left-25 {
  margin-left: -25px;
}

.eui-outer-margin-25 {
  margin: 25px;
}

.eui-outer-margin-top-25 {
  margin-top: 25px;
}

.eui-outer-margin-right-25 {
  margin-right: 25px;
}

.eui-outer-margin-bottom-25 {
  margin-bottom: 25px;
}

.eui-outer-margin-left-25 {
  margin-left: 25px;
}

.eui-margin-20 {
  margin: -20px;
}

.eui-margin-top-20 {
  margin-top: -20px;
}

.eui-margin-right-20 {
  margin-right: -20px;
}

.eui-margin-bottom-20 {
  margin-bottom: -20px;
}

.eui-margin-left-20 {
  margin-left: -20px;
}

.eui-outer-margin-20 {
  margin: 20px;
}

.eui-outer-margin-top-20 {
  margin-top: 20px;
}

.eui-outer-margin-right-20 {
  margin-right: 20px;
}

.eui-outer-margin-bottom-20 {
  margin-bottom: 20px;
}

.eui-outer-margin-left-20 {
  margin-left: 20px;
}

.eui-margin-15 {
  margin: -15px;
}

.eui-margin-top-15 {
  margin-top: -15px;
}

.eui-margin-right-15 {
  margin-right: -15px;
}

.eui-margin-bottom-15 {
  margin-bottom: -15px;
}

.eui-margin-left-15 {
  margin-left: -15px;
}

.eui-outer-margin-15 {
  margin: 15px;
}

.eui-outer-margin-top-15 {
  margin-top: 15px;
}

.eui-outer-margin-right-15 {
  margin-right: 15px;
}

.eui-outer-margin-bottom-15 {
  margin-bottom: 15px;
}

.eui-outer-margin-left-15 {
  margin-left: 15px;
}

.eui-margin-10 {
  margin: -10px;
}

.eui-margin-top-10 {
  margin-top: -10px;
}

.eui-margin-right-10 {
  margin-right: -10px;
}

.eui-margin-bottom-10 {
  margin-bottom: -10px;
}

.eui-margin-left-10 {
  margin-left: -10px;
}

.eui-outer-margin-10 {
  margin: 10px;
}

.eui-outer-margin-top-10 {
  margin-top: 10px;
}

.eui-outer-margin-right-10 {
  margin-right: 10px;
}

.eui-outer-margin-bottom-10 {
  margin-bottom: 10px;
}

.eui-outer-margin-left-10 {
  margin-left: 10px;
}

.eui-margin-5 {
  margin: -5px;
}

.eui-margin-top-5 {
  margin-top: -5px;
}

.eui-margin-right-5 {
  margin-right: -5px;
}

.eui-margin-bottom-5 {
  margin-bottom: -5px;
}

.eui-margin-left-5 {
  margin-left: -5px;
}

.eui-outer-margin-5 {
  margin: 5px;
}

.eui-outer-margin-top-5 {
  margin-top: 5px;
}

.eui-outer-margin-right-5 {
  margin-right: 5px;
}

.eui-outer-margin-bottom-5 {
  margin-bottom: 5px;
}

.eui-outer-margin-left-5 {
  margin-left: 5px;
}

.eui-verticalalign-middle {
  width: 0;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}

.eui-bottom-position {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-button {
  display: none;
}

::-webkit-scrollbar-track {
  background-color: transparent;
}

::-webkit-scrollbar-track-piece {
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: #c5c5c5;
  border-radius: 6px;
}

::-webkit-scrollbar-corner {
  background-color: transparent;
}

::-webkit-scrollbar-resizer {
  background-color: transparent;
}

::-webkit-scrollbar-track,
::-webkit-scrollbar-track-piece,
::-webkit-scrollbar-thumb {
  visibility: hidden;
}

:hover::-webkit-scrollbar-track,
:hover::-webkit-scrollbar-track-piece,
:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}

:root {
  scrollbar-face-color: #c5c5c5;
  scrollbar-base-color: #c5c5c5;
  scrollbar-shadow-color: #c5c5c5;
  scrollbar-3dlight-color: #f2f2f2;
  scrollbar-darkshadow-color: #f2f2f2;
  scrollbar-highlight-color: #f2f2f2;
  scrollbar-track-color: #f2f2f2;
  scrollbar-arrow-color: #c5c5c5;
}

.eui-scroll-show::-webkit-scrollbar-track, .eui-scroll-show ::-webkit-scrollbar-track {
  background-color: transparent;
}
.eui-scroll-show::-webkit-scrollbar-track-piece, .eui-scroll-show ::-webkit-scrollbar-track-piece, .eui-scroll-show::-webkit-scrollbar-thumb, .eui-scroll-show ::-webkit-scrollbar-thumb {
  visibility: visible;
}

.eui-layout-body {
  overflow: hidden;
}

.eui-layout-container {
  position: relative;
}

.eui-layout-header, .eui-layout-logo, .eui-layout-header-right, .eui-layout-main, .eui-layout-left, .eui-layout-left-tab, .eui-layout-left-max, .eui-layout-content, .eui-layout-content-tab {
  position: absolute;
}

.eui-layout-header {
  height: 50px;
  top: 0;
  right: 0;
  left: 0;
  background-color: #002982;
}
.eui-layout-header .eui-layout-logo {
  top: 0;
  left: 0;
  width: 220px;
  height: 50px;
  background-color: transparent;
}
@media only screen and (max-width: 1440px) {
  .eui-layout-header .eui-layout-logo {
    width: 220px;
  }
}
@media only screen and (max-width: 1366px) {
  .eui-layout-header .eui-layout-logo {
    width: 200px;
  }
}
@media only screen and (max-width: 1024px) {
  .eui-layout-header .eui-layout-logo {
    width: 140px;
  }
}
.eui-layout-header-left {
  margin-left: 220px;
  margin-right: 0;
  height: 50px;
}
@media only screen and (max-width: 1440px) {
  .eui-layout-header-left {
    margin-left: 220px;
  }
}
@media only screen and (max-width: 1366px) {
  .eui-layout-header-left {
    margin-left: 200px;
  }
}
@media only screen and (max-width: 1024px) {
  .eui-layout-header-left {
    margin-left: 140px;
  }
}

.eui-layout-main {
  top: 50px;
  right: 0;
  bottom: 0;
  left: 0;
}

.eui-layout-left {
  top: 0;
  bottom: 0;
  left: 0;
  width: 220px;
}
.eui-layout-left > .eui-layout-left-tab, .eui-layout-left > .eui-layout-left-max {
  top: 0;
  bottom: 40px;
  left: 0;
}
.eui-layout-left > .eui-layout-left-max {
  width: 100%;
}
.eui-layout-left-tab {
  top: 0;
  bottom: 0;
  left: 0;
  width: 50px;
}
.eui-layout-left-seize {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 100%;
  background: #132a4f;
  text-align: center;
  cursor: pointer;
}
.eui-layout-left-seize:before {
  content: "\ef93";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
  line-height: 40px;
  background: #5d626d;
  font-family: eui-icon;
  color: white;
}
.eui-layout-left-design {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 100%;
  text-align: center;
  cursor: pointer;
}
.eui-layout-left-design:before {
  content: "\ef93";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-family: eui-icon;
  background-image: linear-gradient(132deg, #6684a2 21%, #4e6a88 75%);
  background-image: none\0;
  -webkit-background-clip: text;
  color: transparent;
  color: #557290\0;
}

.eui-layout-left-navbar {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 40px;
  line-height: 40px;
  background: #5d626d;
}
.eui-layout-left-navbar .eui-icon {
  color: white;
  background: none;
}

.eui-layout-left-search {
  background: #656a74;
  padding: 10px;
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
}

.eui-layout-left-darkcolour .eui-layout-left-navbar {
  padding: 0 15px;
}
.eui-layout-left-darkcolour .eui-layout-left-navbar > a:first-child {
  float: left;
}
.eui-layout-left-darkcolour .eui-layout-left-navbar > a:last-child {
  float: right;
}

.eui-layout-left-whitebg .eui-layout-left-navbar {
  padding: 0 10px;
  background: #f6f7fb;
  bottom: auto;
  top: 0;
  height: 30px;
  line-height: 30px;
}
.eui-layout-left-whitebg .eui-layout-left-navbar .eui-icon {
  color: #858585;
}
.eui-layout-left-whitebg .eui-layout-left-navbar .eui-icon:hover {
  color: #002982;
}
.eui-layout-left-whitebg .eui-layout-left-navbar > a:first-child {
  float: right;
}
.eui-layout-left-whitebg .eui-layout-left-navbar > a:last-child {
  float: left;
}
.eui-layout-left-whitebg .eui-layout-left-navbar > a:last-child .eui-weaken {
  font-size: 14px;
}
.eui-layout-left-whitebg .eui-layout-left-max {
  top: 30px;
  bottom: 0;
}
.eui-layout-left-whitebg .eui-layout-left-search {
  top: 30px;
  bottom: auto;
  background: #f0f1f7;
}
.eui-layout-left-whitebg .eui-layout-left-search .eui-form-search-tax > input, .eui-layout-left-whitebg .eui-layout-left-search .eui-form-search-tax i {
  background-color: rgba(255, 255, 255, 0.8);
}

.eui-layout-left-whitebg-seize {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: transparent;
  text-align: center;
  cursor: pointer;
}
.eui-layout-left-whitebg-seize:before {
  content: "\efe0";
  position: absolute;
  display: inline-block;
  transform: rotateZ(180deg);
  top: 0;
  left: 0;
  width: 20px;
  height: 30px;
  line-height: 30px;
  background: #fff;
  font-family: eui-icon;
  font-size: 14px;
  color: #858585;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  box-shadow: 0px 0px 5px #dedede;
}
.eui-layout-left-whitebg-seize:hover:before {
  color: #002982;
}

.eui-layout-content {
  top: 0;
  right: 0;
  bottom: 0;
  left: 220px;
}
.eui-layout-content-tab {
  top: 0;
  right: 0;
  bottom: 0;
  left: 50px;
}

.eui-layout-row-3, .eui-layout-row-2, .eui-layout-row-1, .eui-layout-row-first, .eui-layout-row-last {
  position: absolute;
  right: 0;
  left: 0;
  display: block;
}

.eui-layout-row-2 {
  height: 100px;
}

.eui-layout-row-1 {
  height: 50px;
}

.eui-layout-row-first {
  top: 0;
}

.eui-layout-row-last {
  bottom: 0;
}

.eui-layout-row-offset-1 {
  top: 50px;
}

.eui-layout-row-offset-2 {
  top: 100px;
}

.eui-layout-row-offset-3 {
  top: 150px;
}

.eui-layout-row-offset-4 {
  top: 200px;
}

.eui-layout-row-offsetbottom-1 {
  bottom: 50px;
}

.eui-container {
  position: relative;
  padding: 0 15px;
}

.eui-col-xl-1, .eui-col-xl-2, .eui-col-xl-3, .eui-col-xl-4, .eui-col-xl-5, .eui-col-xl-6, .eui-col-xl-7, .eui-col-xl-8, .eui-col-xl-9, .eui-col-xl-10, .eui-col-xl-11, .eui-col-xl-12 {
  position: relative;
  display: block;
}

.eui-col-xl-1 {
  width: 8.3333333333%;
}

.eui-col-xl-2 {
  width: 16.6666666667%;
}

.eui-col-xl-3 {
  width: 25%;
}

.eui-col-xl-4 {
  width: 33.3333333333%;
}

.eui-col-xl-5 {
  width: 41.6666666667%;
}

.eui-col-xl-6 {
  width: 50%;
}

.eui-col-xl-7 {
  width: 58.3333333333%;
}

.eui-col-xl-8 {
  width: 66.6666666667%;
}

.eui-col-xl-9 {
  width: 75%;
}

.eui-col-xl-10 {
  width: 83.3333333333%;
}

.eui-col-xl-11 {
  width: 91.6666666667%;
}

.eui-col-xl-12 {
  width: 100%;
}

.eui-col-xl-offset-1 {
  margin-left: 8.3333333333%;
}

.eui-col-xl-offset-2 {
  margin-left: 16.6666666667%;
}

.eui-col-xl-offset-3 {
  margin-left: 25%;
}

.eui-col-xl-offset-4 {
  margin-left: 33.3333333333%;
}

.eui-col-xl-offset-5 {
  margin-left: 41.6666666667%;
}

.eui-col-xl-offset-6 {
  margin-left: 50%;
}

.eui-col-xl-offset-7 {
  margin-left: 58.3333333333%;
}

.eui-col-xl-offset-8 {
  margin-left: 66.6666666667%;
}

.eui-col-xl-offset-9 {
  margin-left: 75%;
}

.eui-col-xl-offset-10 {
  margin-left: 83.3333333333%;
}

.eui-col-xl-offset-11 {
  margin-left: 91.6666666667%;
}

.eui-col-xl-offset-12 {
  margin-left: 100%;
}

.eui-hide-xl {
  display: none !important;
}

.eui-show-xl-block {
  display: block !important;
}

.eui-show-xl-inline {
  display: inline !important;
}

.eui-show-xl-inline-block {
  display: inline-block !important;
}

.eui-col-space-30 {
  margin: -15px;
}

.eui-col-space-30 > * {
  padding: 15px;
}

.eui-col-space-25 {
  margin: -12.5px;
}

.eui-col-space-25 > * {
  padding: 12.5px;
}

.eui-col-space-20 {
  margin: -10px;
}

.eui-col-space-20 > * {
  padding: 10px;
}

.eui-col-space-15 {
  margin: -7.5px;
}

.eui-col-space-15 > * {
  padding: 7.5px;
}

.eui-col-space-10 {
  margin: -5px;
}

.eui-col-space-10 > * {
  padding: 5px;
}

.eui-col-space-5 {
  margin: -2.5px;
}

.eui-col-space-5 > * {
  padding: 2.5px;
}

.eui-align-left {
  text-align: left;
}
.eui-align-center {
  text-align: center;
}
.eui-align-right {
  text-align: right;
}

.eui-vertical-top {
  vertical-align: top;
}
.eui-vertical-middle {
  vertical-align: middle;
}
.eui-vertical-bottom {
  vertical-align: bottom;
}

.eui-nowrap {
  white-space: nowrap;
}

.eui-breakword {
  white-space: normal;
  word-wrap: break-word;
}

.eui-weaken {
  color: #8a8a8a !important;
}

.eui-depth-weaken {
  color: #c9c9c9 !important;
}

.eui-strong {
  font-weight: 700 !important;
}

a,
.eui-link {
  color: #002982;
  text-decoration: none;
  cursor: pointer;
}

.eui-textcolor {
  color: #404040 !important;
}

.eui-link {
  color: #002982 !important;
}

.eui-error {
  color: #fc4735 !important;
}

.eui-tips-blue {
  color: #727D95 !important;
}

.eui-tips-green {
  color: #16b99c !important;
}

.eui-tips-orange {
  color: #ff8400 !important;
}

.eui-help {
  cursor: help !important;
}

.eui-disabled, .eui-disabled:hover {
  color: #c9c9c9 !important;
  cursor: not-allowed !important;
}

.eui-h1 {
  font-weight: normal;
  font-size: 32px;
  line-height: 48px;
}

.eui-h2 {
  font-weight: normal;
  font-size: 24px;
  line-height: 36px;
}

.eui-h3 {
  font-weight: normal;
  font-size: 18px;
  line-height: 30px;
}

.eui-h4 {
  font-weight: normal;
  font-size: 16px;
  line-height: 26px;
}

.eui-h5 {
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
}

.eui-h6 {
  font-weight: normal;
  font-size: 12px;
}

.eui-regtitle {
  position: relative;
  width: 163px;
  display: inline-block;
  text-align: left;
  margin: 0 10px;
  height: 50px;
  font-weight: 600;
  font-style: italic;
  font-size: 16px;
  color: #8a8a8a;
  line-height: 50px;
  padding-left: 35px;
  padding-right: 10px;
  padding-top: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.eui-regtitle i.eui-num {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #8a8a8a;
  color: #ffffff;
  font-size: 14px;
  border-radius: 100%;
  display: inline-block;
  padding-right: 4px;
  margin-right: 10px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  line-height: 28px \0 ;
  text-align: center;
  font-family: "Hiragino Sans GB W3", "STHeiti", "Microsoft YaHei", Arial, Verdana;
}
.eui-regtitle:before {
  content: "";
  position: absolute;
  bottom: 3px;
  left: 10px;
  right: 10px;
  height: 3px;
  background-color: #8a8a8a;
}
.eui-regtitle i.eui-reg-arrow {
  position: absolute;
  right: 0;
  bottom: 3px;
  width: 20px;
  height: 10px;
  overflow: hidden;
}
.eui-regtitle i.eui-reg-arrow:after {
  content: "";
  position: absolute;
  bottom: -10px;
  right: -10px;
  width: 30px;
  height: 20px;
  border-width: 10px;
  border-left-width: 20px;
  border-style: solid;
  border-color: transparent transparent transparent #8a8a8a;
}
.eui-regtitle.eui-regtitle-active {
  color: #16b99c;
  font-weight: normal;
}
.eui-regtitle.eui-regtitle-active i.eui-num {
  background-color: #16b99c;
}
.eui-regtitle.eui-regtitle-active:before {
  background-color: #16b99c;
}
.eui-regtitle.eui-regtitle-active i.eui-reg-arrow:after {
  border-color: transparent transparent transparent #16b99c;
}
.eui-regtitle.eui-regtitle-current {
  color: #002982;
  font-style: normal;
  padding-left: 45px;
}
.eui-regtitle.eui-regtitle-current i.eui-num {
  background-color: #002982;
  font-size: 16px;
  width: 34px;
  height: 34px;
  line-height: 34px;
  line-height: 38px \0 ;
}
.eui-regtitle.eui-regtitle-current:before {
  background-color: #002982;
}
.eui-regtitle.eui-regtitle-current i.eui-reg-arrow:after {
  border-color: transparent transparent transparent #002982;
}

.eui-steps {
  width: 100%;
  height: 30px;
  position: relative;
}
.eui-steps .eui-step-group {
  position: absolute;
  left: 0;
  top: 0;
  right: 210px;
  height: 100%;
}
.eui-steps .eui-step-group .eui-stepline {
  width: 32%;
  float: left;
  height: 100%;
  min-width: 100px;
}
.eui-steps .eui-step-group-last {
  width: 210px;
  position: absolute;
  height: 100%;
  right: 0;
  top: 0;
}
.eui-steps .eui-step-group-last .eui-stepline {
  width: 100%;
  height: 100%;
  border-top: none;
}
.eui-steps .eui-step-group-last .eui-stepline legend {
  max-width: 205px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.eui-steps .eui-stepline {
  margin: 0;
  margin-right: 1%;
  white-space: nowrap;
  border: none;
  padding: 0;
  font-size: 16px;
  border-top: 1px solid #ccc;
}
.eui-steps .eui-stepline i.eui-num {
  border: 1px solid #ccc;
  font-size: 14px;
  border-radius: 100%;
  display: inline-block;
  margin-right: 5px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  line-height: 32px\0;
  text-align: center;
  font-style: inherit;
  position: relative;
}
.eui-steps .eui-stepline legend {
  padding-right: 10px;
  max-width: calc(100% - 10px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.eui-steps .eui-stepline-active {
  border-top: 1px solid #002982;
}
.eui-steps .eui-stepline-active legend {
  color: #002982;
}
.eui-steps .eui-stepline-active i.eui-num {
  color: #fff;
  border: 1px solid #002982;
  background-color: #002982;
}
.eui-steps .eui-stepline-active i.eui-num:before {
  content: "\ef16";
  width: 30px;
  height: 30px;
  border-radius: 100%;
  position: absolute;
  top: -1px;
  left: -1px;
  text-align: center;
  background-color: #fff;
  border: #002982 1px solid;
  color: #002982;
  font-family: "eui-icon";
}
.eui-steps .eui-stepline-current legend {
  color: #002982;
}
.eui-steps .eui-stepline-current i.eui-num {
  color: #fff;
  border: 1px solid #002982;
  background-color: #002982;
}

.eui-line-height-22 {
  line-height: 22px;
}

.eui-line-height-24 {
  line-height: 24px;
}

.eui-line-height-26 {
  line-height: 26px;
}

/******** 徽标志 ********/
.eui-badge-parent {
  position: relative;
}
.eui-badge-parent .eui-badge {
  position: absolute;
  right: -5px;
  top: -5px;
}
.eui-badge-parent .eui-badge-dot {
  position: absolute;
  right: -2px;
  top: -2px;
}

.eui-badge {
  height: 16px;
  line-height: 16px;
  position: relative;
  display: inline-block;
  padding: 0 4px;
  font-size: 12px;
  text-align: center;
  background-color: #eb405c;
  color: #fff;
  border-radius: 3px;
  margin-left: 5px;
}

.eui-badge-dot {
  position: relative;
  display: inline-block;
  background-color: #eb405c;
  width: 8px;
  height: 8px;
  padding: 0;
  border-radius: 50%;
}

/*状态栏*/
.eui-status-default, .eui-status-processing, .eui-status-success, .eui-status-warning, .eui-status-error {
  position: relative;
  padding-left: 15px;
  display: inline-block;
}
.eui-status-default:before, .eui-status-processing:before, .eui-status-success:before, .eui-status-warning:before, .eui-status-error:before {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  left: 0;
  top: 50%;
  margin-top: -4px;
}
.eui-status-default:before {
  background-color: #c5bfbf;
}
.eui-status-processing:before {
  background-color: #048afc;
}
.eui-status-success:before {
  background-color: #08c164;
}
.eui-status-warning:before {
  background-color: #ffbf00;
}
.eui-status-error:before {
  background-color: #f04134;
}

.eui-tips-container {
  margin-bottom: 10px;
}
.eui-tips-container .eui-icon {
  vertical-align: top;
  margin-right: 5px;
}

.eui-tips-container-bgcolor {
  line-height: 24px;
  background-color: #f5fdfe;
  padding: 3px 10px;
  border: #78cfdc 1px solid;
}

.eui-tips-default {
  line-height: 22px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
  padding-right: 30px;
  display: block;
}
.eui-tips-default .eui-icon {
  vertical-align: top;
  margin-right: 5px;
  background-image: none;
  color: #404040;
}
.eui-tips-default.eui-inline-block {
  display: inline-block;
}
.eui-tips-default .eui-tips-title, .eui-tips-default .eui-tips-body {
  display: block;
}
.eui-tips-default .eui-tips-body {
  color: #8a8a8a;
}
.eui-tips-default .eui-tips-close {
  color: #404040;
  float: right;
  margin-right: -20px;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
}
.eui-tips-default .eui-tips-close:hover {
  color: #002982;
}

.eui-tips-primary {
  background-color: #f5fdfe;
  border: #78cfdc 1px solid;
}

.eui-tips-sub {
  background-color: #edfff3;
  border: #8ce6b0 1px solid;
}

.eui-tips-warn {
  background-color: #fcf8e2;
  border: #fadfa3 1px solid;
}

.eui-tips-danger {
  background-color: #ffefe6;
  border: #ffb08f 1px solid;
}

.eui-tips-new-v {
  height: 40px;
  line-height: 34px;
  background: url("../../../images/bluegradient/tips_bg.png") left center no-repeat;
  background-size: 100% 100%;
  box-shadow: 3px 3px 10px rgba(207, 22, 94, 0.43);
  border-radius: 4px;
  padding-left: 15px;
}
.eui-tips-new-v .eui-icon-update {
  display: inline-block;
  width: 20px;
  height: 27px;
  background: url("../../../images/bluegradient/rocket.png") no-repeat;
  margin-right: 5px;
  vertical-align: middle;
}
.eui-tips-new-v .eui-tip-text {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  position: relative;
  padding-right: 10px;
  margin-right: 10px;
}
.eui-tips-new-v .eui-tip-text:after {
  content: "";
  width: 10px;
  height: 26px;
  background: url("../../../images/bluegradient/star.png") no-repeat;
  position: absolute;
  right: 0;
  top: 4px;
}
.eui-tips-new-v .eui-tip-btn {
  border: #fff 1px solid;
  border-radius: 4px;
  padding: 0 5px;
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  background-color: transparent;
  outline: 0;
  cursor: pointer;
  margin-right: 80px;
}
.eui-tips-new-v .eui-tips-close {
  color: #fff;
}
.eui-tips-new-v .eui-tips-close:hover {
  color: #fff;
  opacity: 0.7;
}

.eui-bg-layout-top {
  background-color: #efeeef;
  border-bottom: 1px solid #d9d9d9;
}

.eui-bg-designer-top {
  background-image: url("../../../images/icon/designer_top.png");
  background-repeat: repeat-x;
  background-size: auto 100%;
  border-bottom: 1px solid #d9d9d9;
}

.eui-filter-area {
  overflow: hidden;
  height: 33px;
  padding-top: 5px;
}

.eui-filter-area-open {
  padding-top: 5px;
  height: auto;
  position: absolute;
  z-index: 1;
  background-color: #fff;
  box-shadow: 0 6px 8px 0px rgba(136, 136, 136, 0.2);
}

.eui-filter-shadow {
  box-shadow: 0 2px 6px 0px rgba(136, 136, 136, 0.2);
}

.eui-bg-gray {
  background-color: #fafafa;
}

.eui-bg-lightgray {
  background-color: #f4f4f4;
}

.eui-shade {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
}
.eui-shade-transparent {
  background-color: transparent;
}

.eui-analysis-bg {
  background-color: #f7fbfe;
  position: relative;
}
.eui-analysis-bg:after, .eui-analysis-bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.eui-analysis-bg:before {
  background: url("../../../images/darkblue/analysis-bg-lb.png") left bottom no-repeat, url("../../../images/darkblue/analysis-bg-rt.png") right top no-repeat;
}

/***************************** 左侧tab页模板布局 ********************************/
.eui-container-bgcolor {
  background-color: #fff !important;
}

/*.eui-container-bgcolor + .eui-panelsplitter-panel-right{
	& .eui-layout-card-container{
		margin-left: -4px;
	}
}*/
.eui-layout-nav {
  height: 30px;
  display: none;
}

.eui-layout-nav + .eui-layout-row-offset-1 {
  top: 0;
}

.eui-layout-card-container {
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
}

/*& .eui-layout-card-container{
	left:             $layout-card-container-left;
    right:            $layout-card-container-right;
    top:              $layout-card-container-left;
    bottom:           $layout-copyright-height !important;
    background-color: #fff;
}*/
.eui-layout-copyright {
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #97a7bb;
  display: none;
}

.eui-tab-addnav {
  background-color: #fff !important;
}
.eui-tab-addnav .eui-layout-nav {
  display: block;
}
.eui-tab-addnav .eui-layout-nav + .eui-layout-row-offset-1 {
  left: 0;
  right: 0;
  top: 30px !important;
  bottom: 0;
}

.eui-tab-addcopyright {
  background-color: #fff !important;
}
.eui-tab-addcopyright .eui-layout-nav + .eui-layout-row-offset-1 {
  left: 0;
  right: 0;
  top: 0;
  bottom: 30px !important;
}
.eui-tab-addcopyright .eui-layout-copyright {
  display: block;
}

.eui-paddingbottom-skin {
  bottom: 0;
}

button, input, optgroup, option, select, textarea {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  outline: 0;
}

::-ms-clear,
::-ms-reveal {
  display: none;
}

.eui-form-container .eui-form-item-nobottom {
  margin-bottom: 0;
}

.eui-form-txt .eui-form-item {
  position: relative;
}
.eui-form-txt .eui-form-item .eui-form-label {
  color: #8a8a8a;
}
.eui-form-txt .eui-form-item .eui-input-block {
  padding: 3px 0;
}
.eui-form-txt .eui-form-item .eui-input-block > span {
  display: block;
  line-height: 20px;
}
.eui-form-txt .eui-form-item:not(:last-child):before {
  content: "";
  position: absolute;
  height: 1px;
  width: 100%;
  left: 0;
  bottom: -6px;
  background-color: #e6e6e6;
}
.eui-form-txt .eui-form-item:last-child {
  margin-bottom: 0;
}

.eui-form-txt-noborder .eui-form-item {
  position: relative;
  margin-bottom: 0;
}
.eui-form-txt-noborder .eui-form-item .eui-form-label {
  color: #8a8a8a;
}
.eui-form-txt-noborder .eui-form-item .eui-input-block {
  padding: 3px 0;
}
.eui-form-txt-noborder .eui-form-item .eui-input-block > span {
  display: block;
  line-height: 20px;
  word-wrap: break-word;
  word-break: break-all;
}

.eui-form-item {
  margin-bottom: 10px;
  clear: both;
}
.eui-form-item .eui-inline {
  position: relative;
  display: inline-block;
  margin-bottom: 10px;
}
.eui-form-item .eui-inline .eui-input-inline {
  width: 200px;
}
.eui-form-item .eui-inline .eui-input-inline .eui-form-input, .eui-form-item .eui-inline .eui-input-inline .eui-form-password, .eui-form-item .eui-inline .eui-input-inline .eui-form-select, .eui-form-item .eui-inline .eui-input-inline .eui-form-spinner, .eui-form-item .eui-inline .eui-input-inline .eui-form-search, .eui-form-item .eui-inline .eui-input-inline .eui-form-upload {
  width: 100%;
}
.eui-form-item .eui-input-inline {
  float: left;
  margin-right: 10px;
}
.eui-form-item .eui-input-inline .eui-form-input, .eui-form-item .eui-input-inline .eui-form-password, .eui-form-item .eui-input-inline .eui-form-select, .eui-form-item .eui-input-inline .eui-form-spinner, .eui-form-item .eui-input-inline .eui-form-search, .eui-form-item .eui-input-inline .eui-form-upload {
  width: 260px;
}
.eui-form-item .eui-input-inline .eui-form-textarea {
  width: 400px;
}
.eui-form-item .eui-input-block .eui-form-input, .eui-form-item .eui-input-block .eui-form-password, .eui-form-item .eui-input-block .eui-form-select, .eui-form-item .eui-input-block .eui-form-spinner, .eui-form-item .eui-input-block .eui-form-search, .eui-form-item .eui-input-block .eui-form-upload {
  width: 260px;
}
.eui-form-item .eui-input-block .eui-form-textarea {
  width: 400px;
}
.eui-form-item:after {
  content: "\20";
  height: 0;
  clear: both;
  display: block;
  *zoom: 1;
}
.eui-form-item .eui-tips-container {
  margin-bottom: 0;
}
.eui-form-item .eui-tips-container .eui-icon {
  vertical-align: top;
}

.eui-form-iframe .eui-form-item .eui-input-inline,
.eui-dialog-container .eui-form-item .eui-input-inline {
  width: 200px;
}
.eui-form-iframe .eui-input-inline .eui-form-input, .eui-form-iframe .eui-input-inline .eui-form-password, .eui-form-iframe .eui-input-inline .eui-form-select, .eui-form-iframe .eui-input-inline .eui-form-spinner, .eui-form-iframe .eui-input-inline .eui-form-search, .eui-form-iframe .eui-input-inline .eui-form-upload, .eui-form-iframe .eui-input-block .eui-form-input, .eui-form-iframe .eui-input-block .eui-form-password, .eui-form-iframe .eui-input-block .eui-form-select, .eui-form-iframe .eui-input-block .eui-form-spinner, .eui-form-iframe .eui-input-block .eui-form-search, .eui-form-iframe .eui-input-block .eui-form-upload,
.eui-dialog-container .eui-input-inline .eui-form-input,
.eui-dialog-container .eui-input-inline .eui-form-password,
.eui-dialog-container .eui-input-inline .eui-form-select,
.eui-dialog-container .eui-input-inline .eui-form-spinner,
.eui-dialog-container .eui-input-inline .eui-form-search,
.eui-dialog-container .eui-input-inline .eui-form-upload,
.eui-dialog-container .eui-input-block .eui-form-input,
.eui-dialog-container .eui-input-block .eui-form-password,
.eui-dialog-container .eui-input-block .eui-form-select,
.eui-dialog-container .eui-input-block .eui-form-spinner,
.eui-dialog-container .eui-input-block .eui-form-search,
.eui-dialog-container .eui-input-block .eui-form-upload {
  width: 200px;
}
.eui-form-iframe .eui-input-inline .eui-form-textarea, .eui-form-iframe .eui-input-block .eui-form-textarea,
.eui-dialog-container .eui-input-inline .eui-form-textarea,
.eui-dialog-container .eui-input-block .eui-form-textarea {
  width: 300px;
}

.eui-form-label {
  width: 110px;
  float: left;
  display: block;
  font-weight: 400;
  line-height: 26px;
  text-align: right;
  padding-right: 0px;
}

.eui-form-mid {
  position: relative;
  float: left;
  display: block;
  line-height: 26px;
  margin-right: 10px;
}

.eui-input-block {
  position: relative;
  margin-left: 110px;
  min-height: 26px;
  line-height: 26px;
}

.eui-input-inline {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.eui-inline .eui-input-inline .eui-input, .eui-inline .eui-input-inline .eui-select, .eui-inline .eui-input-inline .eui-textarea {
  width: 100%;
}

.eui-form-layout-s .eui-form-item {
  margin-bottom: 0;
}
.eui-form-layout-s .eui-form-label {
  line-height: 22px;
  margin-bottom: 5px;
}
.eui-form-layout-s .eui-form-mid {
  line-height: 22px;
}
.eui-form-layout-s .eui-inline {
  margin-bottom: 0;
}
.eui-form-layout-s .eui-input-block {
  min-height: 22px;
  line-height: 22px;
}
.eui-form-layout-s .eui-input-block > [class*="eui-form-"] {
  margin-bottom: 5px;
}
.eui-form-layout-s .eui-form-locking-container .eui-form-locking {
  height: 49px;
}
.eui-form-layout-s .eui-form-locking-container .eui-form-locking:before {
  height: 39px;
  margin-top: -19.5px;
}
.eui-form-layout-s .eui-form-input, .eui-form-layout-s .eui-form-password, .eui-form-layout-s .eui-form-select, .eui-form-layout-s .eui-form-textarea, .eui-form-layout-s .eui-form-almanac, .eui-form-layout-s .eui-form-quarter, .eui-form-layout-s .eui-form-month, .eui-form-layout-s .eui-form-date, .eui-form-layout-s .eui-form-timer, .eui-form-layout-s .eui-form-spinner, .eui-form-layout-s .eui-form-search, .eui-form-layout-s .eui-form-upload, .eui-form-layout-s .eui-form-range {
  height: 22px;
  line-height: 22px;
  line-height: 20px\0;
}
.eui-form-layout-s .eui-form-search > input, .eui-form-layout-s .eui-form-search > textarea {
  line-height: 22px;
}
.eui-form-layout-s .eui-form-search-textarea.eui-form-nosearch-focus > textarea {
  line-height: 20px;
}
.eui-form-layout-s .eui-form-range > input {
  height: 22px;
}
.eui-form-layout-s .eui-picker > div .eui-icon {
  line-height: 18px;
  font-size: 12px;
}
.eui-form-layout-s .eui-picker-linestyle > div .eui-icon, .eui-form-layout-s .eui-picker-borderstyle > div .eui-icon, .eui-form-layout-s .eui-picker-borderradius > div .eui-icon {
  line-height: 16px;
}

.eui-form-label-xs .eui-form-label {
  width: 60px;
}
.eui-form-label-xs .eui-input-block {
  margin-left: 60px;
}

.eui-form-label-s .eui-form-label {
  width: 80px;
}
.eui-form-label-s .eui-input-block {
  margin-left: 80px;
}

.eui-form-label-l .eui-form-label {
  width: 160px;
}
.eui-form-label-l .eui-input-block {
  margin-left: 160px;
}

.eui-form-label-xl .eui-form-label {
  width: 220px;
}
.eui-form-label-xl .eui-input-block {
  margin-left: 220px;
}

.eui-form-required:before {
  content: "*";
  color: red;
}

/**
* 穿梭框
*/
.eui-transfer-container {
  position: relative;
  width: 100%;
  height: 100%;
}
.eui-transfer-container .eui-transfer-left, .eui-transfer-container .eui-transfer-center, .eui-transfer-container .eui-transfer-right {
  float: left;
  height: 100%;
}
.eui-transfer-container .eui-transfer-center {
  width: 50px;
  text-align: center;
}
.eui-transfer-container .eui-transfer-center > div {
  width: 28px;
  height: auto;
  position: absolute;
  left: 50%;
  margin-left: -14px;
  top: 50%;
  transform: translateY(-50%);
}
.eui-transfer-container .eui-transfer-center > div > span {
  width: 100%;
  text-align: center;
  display: inline-block;
  margin-bottom: 5px;
}
.eui-transfer-container .eui-transfer-center > div > span .eui-btn .eui-icon {
  transform: scale(0.65);
}
.eui-transfer-container .eui-transfer-left, .eui-transfer-container .eui-transfer-right {
  width: calc((100% - 50px) / 2);
}

.eui-link-box {
  position: relative;
  display: inline-block;
  width: 200px;
  height: 100%;
  padding: 5px;
  background-color: transparent;
  color: #333;
  white-space: nowrap;
  font-size: 14px;
  cursor: pointer;
  clear: both;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.eui-link-box > span {
  display: block;
  margin-top: 3px;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 700;
}
.eui-link-box .sub-title {
  font-family: inherit;
}
.eui-link-box .sub-title .eui-icon {
  float: none;
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 14px;
  vertical-align: middle;
  margin-left: 7px;
  background-image: none;
}
.eui-link-box .sub {
  position: absolute;
  top: 26px;
  right: 5px;
  left: 60px;
  display: block;
  font-size: 12px;
  font-weight: normal;
  color: #666;
}
.eui-link-box:hover {
  box-shadow: 0 0 0 1px #002982;
  background-color: #dce7ff;
}
.eui-link-box + .eui-link-box {
  margin-left: 10px;
}
.eui-link-box .eui-icon {
  float: left;
  margin-right: 5px;
  color: #002982;
  font-size: 40px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  vertical-align: bottom;
  vertical-align: middle \9;
}
.eui-link-box .sub-info-titletext {
  display: inline-block;
  max-width: calc(100% - 55px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}
.eui-link-box.eui-link-nodevelop .sub-info-titletext {
  max-width: calc(100% - 55px);
}
.eui-link-box.eui-link-nomay .sub-info-titletext {
  max-width: calc(100% - 55px);
}

.eui-card-container {
  position: relative;
}
.eui-card-container .eui-card-head {
  position: relative;
  z-index: 1;
  clear: both;
}
.eui-card-container .eui-card-head:after {
  content: "\20";
  display: block;
  clear: both;
  *zoom: 1;
}
.eui-card-container .eui-card-body {
  position: absolute;
  top: 31px;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 5px;
  border: 1px solid #d2d3d7;
  background-color: #fff;
}

.eui-card-type {
  background: #fff;
  height: auto;
}
.eui-card-type .eui-card-head:before {
  content: "";
  position: absolute;
  height: 1px;
  bottom: 0;
  left: 10px;
  right: 10px;
  background: #f1f1f1;
}
.eui-card-type .eui-card-head .eui-card-head-title {
  border: 0;
}
.eui-card-type .eui-card-head .eui-icon {
  margin-left: 10px;
}
.eui-card-type .eui-card-body {
  border: 0;
  padding: 5px 10px;
  position: static;
}

.eui-card-shadow {
  background: #fff;
  box-shadow: 0 0 8px #e0e0e0;
  height: auto;
}
.eui-card-shadow .eui-card-head {
  line-height: 40px;
}
.eui-card-shadow .eui-card-head:before {
  content: "";
  position: absolute;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
  background: #f1f1f1;
}
.eui-card-shadow .eui-card-head .eui-icon {
  margin-left: 10px;
}
.eui-card-shadow .eui-card-body {
  border: 0;
  padding: 5px 10px;
  position: static;
}
.eui-card-shadow .eui-tabctrl-container > .eui-tabctrl-header > ul {
  padding-left: 15px;
}

.eui-card-gray {
  background: #f2f2f2;
  height: 100%;
}
.eui-card-gray .eui-card-head {
  line-height: 40px;
}
.eui-card-gray .eui-card-head:before {
  content: "";
  position: absolute;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e1e6f0;
}
.eui-card-gray .eui-card-head .eui-card-head-title {
  border: 0;
  font-size: 14px;
  background-color: transparent;
}
.eui-card-gray .eui-card-head .eui-icon {
  margin-left: 10px;
}
.eui-card-gray .eui-card-body {
  border: 0;
  left: 10px;
  top: 45px;
  padding-right: 10px;
  bottom: 15px;
  background: transparent;
  overflow: auto;
}

.eui-card-container-area {
  position: relative;
}
.eui-card-container-area .eui-card-head {
  padding-left: 5px;
  padding-right: 5px;
  height: 32px;
  line-height: 30px;
  background-color: #efeeef;
}
.eui-card-container-area .eui-card-head .eui-icon {
  float: left;
  font-size: 12px;
  width: 16px;
  color: #333;
  background-image: none;
}
.eui-card-container-area .eui-card-head .eui-icon-arrow-right:before {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
.eui-card-container-area .eui-card-head .eui-card-head-title {
  font-size: 14px;
  font-weight: 700;
  border: 0;
  padding-left: 0;
  background-color: transparent;
  text-align: left;
}
.eui-card-container-area .eui-card-body {
  position: absolute;
  top: 31px;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 5px;
  border: 1px solid transparent;
  background-color: #fff;
}

.eui-card-container-bbs {
  position: relative;
}
.eui-card-container-bbs .eui-card-head {
  position: relative;
  z-index: 1;
  clear: both;
  line-height: 46px;
  background-color: #f5f6fa;
  border: 1px solid #d2d3d7;
  border-bottom: 0;
}
.eui-card-container-bbs .eui-card-head:after {
  content: "\20";
  display: block;
  clear: both;
  *zoom: 1;
}
.eui-card-container-bbs .eui-card-head .eui-card-head-title {
  height: 46px;
  line-height: 46px;
  padding-left: 15px;
  padding-right: 15px;
  border: 0;
  background-color: transparent;
  font-size: 14px;
  display: block;
}
.eui-card-container-bbs .eui-card-body {
  position: absolute;
  top: 47px;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 5px;
  border: 1px solid #d2d3d7;
  background-color: #fff;
}

.eui-card-fieldset {
  border: #CCC 1px solid;
}
.eui-card-fieldset .eui-card-body {
  border: none;
  padding: 5px 10px 10px;
  top: 22px;
}

.eui-card-container-design {
  position: relative;
}
.eui-card-container-design .eui-card-head {
  position: relative;
  z-index: 1;
  clear: both;
  line-height: 40px;
  background-color: #f7f9fe;
  border: 1px solid #e0e0e0;
  border-bottom: 0;
}
.eui-card-container-design .eui-card-head:after {
  content: "\20";
  display: block;
  clear: both;
  *zoom: 1;
}
.eui-card-container-design .eui-card-head .eui-card-head-title {
  float: left;
  height: 40px;
  text-align: left;
  line-height: 40px;
  padding-left: 12px;
  margin-left: 10px;
  border: 0;
  background-color: transparent;
  font-size: 12px;
  display: block;
  position: relative;
}
.eui-card-container-design .eui-card-head .eui-card-head-title:before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  left: 0;
  top: 50%;
  margin-top: -3px;
  background-color: #002982;
}
.eui-card-container-design .eui-card-body {
  position: static;
  padding: 5px;
  border: 1px solid #d2d3d7;
  background-color: #fff;
  min-height: 90px;
}
.eui-card-container-design .eui-card-body.eui-padding-10 {
  padding: 10px;
}

.eui-card-head {
  line-height: 32px;
}
.eui-card-head-title {
  display: inline-block;
  min-width: 60px;
  height: 32px;
  line-height: 32px;
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: -1px;
  text-align: center;
  border: 1px solid #d2d3d7;
  border-bottom: 0;
  background-color: #fff;
}
.eui-card-head-title-l {
  border: 0;
  font-size: 16px;
  font-weight: bold;
}

.eui-card-notitle .eui-card-body {
  top: 0;
}

.eui-card-liquid {
  height: auto;
}
.eui-card-liquid .eui-card-body {
  position: static;
}

.eui-card-list-container {
  position: relative;
  width: 100%;
  height: 100%;
  border: 1px solid #d2d3d7;
}
.eui-card-list-container > .eui-elist-container .eui-elist-header td {
  border-top: 0;
}

.eui-area-h1 {
  position: relative;
  height: 40px;
  line-height: 40px;
  padding: 0;
  border: 0;
  margin: 0;
}
.eui-area-h1 > legend {
  position: absolute;
  padding-left: 50px;
  font-size: 16px;
  font-weight: normal;
  color: #fff;
  z-index: 1;
}
.eui-area-h1 > legend:before {
  content: "\ef7d";
  position: absolute;
  top: 50%;
  left: 20px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  margin-top: -10px;
  font-family: "eui-icon";
  font-size: 20px;
}
.eui-area-h1:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-color: #002982;
  height: 40px;
  width: 100%;
}

.eui-area-bg {
  position: relative;
  height: 36px;
  line-height: 36px;
  padding: 0;
  border: 0;
  margin: 0;
}
.eui-area-bg > legend {
  position: absolute;
  padding: 0 10px;
  font-size: 12px;
  font-weight: normal;
  color: #333;
  z-index: 1;
}
.eui-area-bg:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-color: #eff5fa;
  height: 36px;
  width: 100%;
}

.eui-area-h2 {
  position: relative;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 0;
  white-space: nowrap;
  border: none;
  padding: 0;
  border-top: 1px solid #ccc;
}
.eui-area-h2 > legend {
  font-weight: 700;
  line-height: 24px;
  padding-left: 14px;
  padding-right: 10px;
}
.eui-area-h2 > legend:before {
  content: "";
  position: absolute;
  left: 0px;
  width: 6px;
  height: 6px;
  background: #a5a5a5;
  margin-top: 10px;
}

.eui-area-h3 {
  position: relative;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 0;
  white-space: nowrap;
  overflow: hidden;
  border: none;
  padding: 0;
  border-top: 1px solid #ccc;
}
.eui-area-h3 > legend {
  line-height: 24px;
  padding-right: 10px;
}
.eui-area-h3 > legend i {
  line-height: 24px;
  padding-right: 8px;
  vertical-align: middle;
}

.eui-hr {
  border: 0;
  background-color: #d7d7d7;
  height: 1px;
  margin: 5px 0;
  padding: 0;
  clear: both;
}

.eui-dashed-hr {
  border: 0;
  height: 1px;
  border-top: 1px dashed #d7d7d7;
  margin: 5px 0;
  padding: 0;
  clear: both;
}

.eui-list-container {
  height: 70px;
  padding: 10px 0px;
  border-bottom: 1px solid #eeeeee;
}
.eui-list-container .eui-list-left-x {
  max-width: 50px;
  line-height: 1.5;
}
.eui-list-container .eui-list-left-x .eui-icon {
  font-size: 34px;
}
.eui-list-container .eui-list-block {
  display: block;
  min-height: 22px;
}
.eui-list-container .eui-list-block .eui-elip {
  padding-right: 10px;
}
.eui-list-container .eui-list-item {
  padding-top: 4px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.eui-list-container .eui-list-item > span {
  max-width: 130px;
  margin-right: 10px;
  display: inline-block;
}
.eui-list-container .eui-list-item-txt {
  position: relative;
  display: block;
  height: 26px;
  overflow: hidden;
}
.eui-list-container .eui-list-item-txt > span {
  margin-right: 20px;
  display: inline-block;
  vertical-align: top;
  max-width: 90%;
}
.eui-list-container .eui-list-item-txt .eui-icon {
  vertical-align: top;
}
.eui-list-container .eui-twoline-height {
  line-height: 50px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.eui-list-container .eui-twoline-height > a {
  padding: 0 5px;
}

.eui-list-leftcontainer > span {
  display: block;
  line-height: 40px;
  padding: 0 5px;
  font-size: 14px;
  cursor: pointer;
}
.eui-list-leftcontainer > span.active {
  border-bottom: 1px solid #002982;
  color: #002982;
}

.eui-list-leftswitch > span {
  display: block;
  line-height: 40px;
  padding: 0 5px 0 30px;
  font-size: 12px;
  cursor: pointer;
  position: relative;
  /*& .active,
  &:hover{
  	&:before{
  		content: "\e78c";
  		font-family: eui-icon;
  		font-size: $font-size16;
  		position: absolute;
  		right: 10px;
  	}
  	&:after{
  		content: "\e78b";
  		font-family: eui-icon;
  		font-size: $font-size16;
  		position: absolute;
  		right: 36px;
  	}
  }*/
}
.eui-list-leftswitch > span:hover {
  background-color: #ebeef3;
}
.eui-list-leftswitch > span.active {
  border-right: 3px solid #002982;
  color: #002982;
  background-color: #e5e9f2;
}

.eui-list-esearch .eui-search-layout-left {
  position: absolute;
  left: 10%;
  width: 120px;
  height: 100%;
  overflow: auto;
}
.eui-list-esearch .eui-search-layout-right {
  position: absolute;
  left: calc(10% + 140px);
  right: 0;
  padding-right: 10%;
  height: 100%;
  overflow: auto;
}

.eui-list-bbstheme {
  padding: 10px 0 15px 0;
  border-bottom: 1px solid #ebecf0;
}
.eui-list-bbstheme .eui-bbstheme-title {
  height: 30px;
  line-height: 30px;
}
.eui-list-bbstheme .eui-bbstheme-title .eui-bhtitle-box {
  font-size: 14px;
  color: #002982;
}
.eui-list-bbstheme .eui-bbstheme-title .eui-bhtitle-box:hover {
  color: #002982;
}
.eui-list-bbstheme .eui-bbstheme-title > img {
  position: relative;
  top: -2px;
}
.eui-list-bbstheme .eui-bbstheme-title > img[src$="null.png"] {
  display: none;
}
.eui-list-bbstheme .eui-bbstheme-body {
  display: block;
  width: 80%;
}
.eui-list-bbstheme .eui-bbstheme-mid {
  padding-top: 5px;
  height: 22px;
  line-height: 22px;
  overflow: hidden;
}
.eui-list-bbstheme .eui-bbstheme-mid > span {
  display: inline-block;
  height: 100%;
  line-height: 22px;
}
.eui-list-bbstheme .eui-bbstheme-mid .eui-bbstheme-esh {
  color: #c9c9c9;
  margin-right: 30px;
}
.eui-list-bbstheme .eui-bbstheme-mid .eui-bbstheme-num {
  float: right;
}
.eui-list-bbstheme .eui-bbstheme-mid .eui-bbstheme-num span:nth-of-type(1) {
  margin-right: 10px;
  color: #002982;
}
.eui-list-bbstheme .eui-bbstheme-mid .eui-bbstheme-num span:nth-of-type(2) {
  color: #8a8a8a;
}
.eui-list-bbstheme .eui-bbstheme-mid .eui-bbstheme-num i:nth-of-type(2) {
  margin-left: 10px;
  color: #8a8a8a;
  background-image: none;
}
.eui-list-bbstheme .eui-bbstheme-mid i.eui-icon {
  font-size: 14px;
  margin-right: 3px;
  vertical-align: top;
}

.eui-list-portal {
  padding: 15px;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 4px 4px 5px rgba(223, 221, 229, 0.1);
  line-height: 32px;
  margin-bottom: 10px;
}
.eui-list-portal .eui-portal-title {
  line-height: 32px;
  padding-bottom: 5px;
  border-bottom: 1px solid #ebecf0;
}
.eui-list-portal .eui-portal-title > * {
  vertical-align: middle;
}
.eui-list-portal .eui-portal-title .eui-portal-title-text {
  font-size: 18px;
  font-weight: bold;
}
.eui-list-portal .eui-portal-title .eui-btn-border-primary:hover {
  opacity: 1;
  background-image: linear-gradient(to right, #02b4d0, #03cfab);
  color: #fff;
  border-color: transparent;
}
.eui-list-portal .eui-portal-body {
  padding-top: 10px;
  font-size: 14px;
  line-height: 22px;
  position: relative;
}
.eui-list-portal .eui-portal-body .eui-portal-details {
  width: calc( 100% - 290px);
}
.eui-list-portal .eui-portal-body .eui-portal-operation {
  width: 280px;
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: right;
}
.eui-list-portal .eui-portal-body .eui-portal-operation a {
  color: #000;
}
.eui-list-portal .eui-portal-body .eui-portal-operation a:hover {
  color: #002982;
}

.eui-choose-container .eui-choose-btnright {
  position: absolute;
  left: 80px;
  right: 0;
  height: 100%;
  top: 0;
}
.eui-choose-container .eui-choose-btnright .eui-choose-btnright-list {
  display: inline-block;
  max-width: calc(100% - 60px);
  padding-right: 20px;
}

@font-face {
  font-family: "eui-icon";
  src: url("../../../images/font/iconfont.eot");
  src: url("../../../images/font/iconfont.eot?#iefix") format("embedded-opentype"), url("../../../images/font/iconfont.woff") format("woff"), url("../../../images/font/iconfont.ttf") format("truetype"), url("../../../images/font/iconfont.svg#iconfont") format("svg");
}
.eui-icon {
  font-family: eui-icon !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-image: -webkit-linear-gradient(132deg, #002a86 21%, #002880 75%);
  background-image: -moz-linear-gradient(132deg, #002a86 21%, #002880 75%);
  background-image: linear-gradient(132deg, #002a86 21%, #002880 75%);
  background-image: none\0;
  -webkit-background-clip: text;
  color: transparent;
  color: #002982\0;
}
.eui-icon-img {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  -webkit-background-clip: border-box;
}
.eui-icon-svg {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
.eui-icon-rotated {
  transform: rotate(90deg);
  display: inline-block;
}
.eui-icon-rotated-180 {
  transform: rotate(180deg);
  display: inline-block;
}

@-moz-document url-prefix() {
  .eui-icon {
    background-image: none;
    color: #002982;
  }
}
.eui-icon-xxl {
  font-size: 40px !important;
  line-height: 50px;
}
.eui-icon-xxl.eui-icon-img {
  width: 40px;
  height: 40px;
  background-size: 40px;
}
.eui-icon-xl {
  font-size: 32px !important;
  line-height: 42px;
}
.eui-icon-xl.eui-icon-img {
  width: 32px;
  height: 32px;
  background-size: 32px;
}
.eui-icon-l {
  font-size: 24px !important;
}
.eui-icon-l.eui-icon-img {
  width: 24px;
  height: 24px;
  background-size: 24px;
}
.eui-icon-m {
  font-size: 20px !important;
}
.eui-icon-m.eui-icon-img {
  width: 20px;
  height: 20px;
  background-size: 20px;
}
.eui-icon-s {
  font-size: 14px !important;
}
.eui-icon-s.eui-icon-img {
  width: 14px;
  height: 14px;
  background-size: 14px;
}
.eui-icon-xs {
  font-size: 12px !important;
}
.eui-icon-xs.eui-icon-img {
  width: 12px;
  height: 12px;
  background-size: 12px;
}

/* 带图标颜色反白 */
.eui-icon-primary,
.eui-icon-sub,
.eui-icon-warn,
.eui-icon-danger {
  background-image: none;
}

.eui-icon-primary {
  color: #002982 !important;
}

.eui-icon-sub {
  color: #16b99c !important;
}

.eui-icon-warn {
  color: #eabe2b !important;
}

.eui-icon-danger {
  color: #eb405c !important;
}

.eui-icon-grayblue {
  background-image: -webkit-linear-gradient(132deg, #6684a2 21%, #4e6a88 75%);
  background-image: -moz-linear-gradient(132deg, #6684a2 21%, #4e6a88 75%);
  background-image: linear-gradient(132deg, #6684a2 21%, #4e6a88 75%);
  background-image: none\0;
  -webkit-background-clip: text;
  color: transparent;
  color: #557290\0;
}

@-moz-document url-prefix() {
  .eui-icon-grayblue {
    background-image: none;
    color: #557290;
  }
}
.eui-icon-info:before {
  content: "\e752";
}
.eui-icon-min:before {
  content: "\e7e4";
}
.eui-icon-max:before {
  content: "\e7e3";
}
.eui-icon-close:before {
  content: "\ef7b";
}
.eui-icon-arrow-left:before {
  content: "\ef92";
}
.eui-icon-arrow-right:before {
  content: "\ef93";
}
.eui-icon-arrow-down:before {
  content: "\ef91";
}
.eui-icon-arrow-up:before {
  content: "\ef90";
}
.eui-icon-arrow2:before {
  content: "\ef7f";
}
.eui-icon-arrow3-up:before {
  content: "\ef95";
}
.eui-icon-arrow3-down:before {
  content: "\ef96";
}
.eui-icon-arrow3-left:before {
  content: "\ef97";
}
.eui-icon-arrow3-right:before {
  content: "\ef98";
}
.eui-icon-arrow4-left:before {
  content: "\ef8e";
}
.eui-icon-arrow4-right:before {
  content: "\ef8f";
}
.eui-icon-arrow4-down:before {
  content: "\ef8d";
}
.eui-icon-arrow4-up:before {
  content: "\ef8c";
}
.eui-icon-float:before {
  content: "\ef84";
}
.eui-icon-unfloat:before {
  content: "\ef85";
}
.eui-icon-search:before {
  content: "\ef86";
}
.eui-icon-fixed:before {
  content: "\ef85";
}
.eui-icon-unfixed:before {
  content: "\ef84";
}
.eui-icon-save:before {
  content: "\e76e";
}
.eui-icon-calc:before {
  content: "\ef81";
}
.eui-icon-undo:before {
  content: "\e76f";
}
.eui-icon-redo:before {
  content: "\e770";
}
.eui-icon-loading:before {
  content: "\efa1";
}

.eui-nodate-bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: transparent;
}
.eui-nodate-container {
  width: 110px;
  height: 120px;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -55px;
  margin-top: -60px;
}
.eui-nodate-container .eui-nodate-imgbg {
  display: block;
  width: 110px;
  height: 98px;
  margin: 0 auto;
  background: url("../../../images/icon/nodata/nonedata.png") no-repeat;
}
.eui-nodate-container .eui-nodate-text {
  display: block;
  margin-top: 4px;
  color: #c3c3c3;
  margin-left: -26px;
  font-size: 14px;
}
.eui-nodate-mini {
  width: 110px;
  height: 30px;
  margin-left: -55px;
  margin-top: -15px;
}
.eui-nodate-mini .eui-nodate-imgbg {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url("../../../doc/images/nodata-mini.svg") no-repeat;
}
.eui-nodate-mini .eui-nodate-text {
  display: inline-block;
  vertical-align: top;
  margin-left: 0;
  margin-top: 2px;
  font-size: 14px;
}
.eui-nodate-bg-w {
  border: transparent 1px solid;
  background-color: #fff;
}
.eui-nodate-container-l {
  width: 480px;
  height: 300px;
  margin-left: -240px;
  margin-top: -150px;
}
.eui-nodate-container-l .eui-nodate-imgbg {
  display: block;
  width: 480px;
  height: 235px;
  margin: 0 auto;
  background: none;
}
.eui-nodate-container-l .eui-nodate-text-title {
  display: block;
  margin-top: 4px;
  color: #1e2d41;
  font-size: 18px;
  font-weight: bold;
}
.eui-nodate-container-l .eui-nodate-text {
  display: block;
  margin-top: 4px;
  color: #899cb4;
  font-size: 14px;
}

.eui-nodate-success {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 600px;
  height: 260px;
  margin-left: -300px;
  margin-top: -130px;
}
.eui-nodate-success .eui-nodate-imgbg {
  display: block;
  width: 132px;
  height: 120px;
  margin: 0 auto;
  background: url("../../../images/icon/nodata/nodata_success.png") no-repeat;
}
.eui-nodate-success .eui-nodate-text-title {
  text-align: center;
  display: block;
  margin-top: 50px;
  color: #16b99c;
  font-size: 24px;
}
.eui-nodate-success .eui-nodate-text {
  text-align: center;
  display: block;
  margin-top: 40px;
  font-size: 14px;
}

.eui-nodate-authority, .eui-nodate-purchase, .eui-nodate-serverestart {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 480px;
  height: 300px;
  margin-left: -240px;
  margin-top: -150px;
}
.eui-nodate-authority .eui-nodate-imgbg, .eui-nodate-purchase .eui-nodate-imgbg, .eui-nodate-serverestart .eui-nodate-imgbg {
  display: block;
  width: 317px;
  margin: 0 auto;
}
.eui-nodate-authority .eui-nodate-text, .eui-nodate-purchase .eui-nodate-text, .eui-nodate-serverestart .eui-nodate-text {
  display: block;
  margin-top: 30px;
  color: #899cb4;
  font-size: 14px;
  text-align: center;
}
.eui-nodate-authority .eui-nodate-imgbg {
  height: 218px;
  background: url("../../../doc/images/nopermission.png") no-repeat;
}
.eui-nodate-purchase .eui-nodate-imgbg {
  height: 226px;
  background: url("../../../doc/images/nobuy.png") no-repeat;
}
.eui-nodate-serverestart .eui-nodate-imgbg {
  height: 220px;
  background: url("../../../doc/images/serverestart.png") no-repeat;
}
.eui-nodate-errors {
  position: relative;
  width: 100%;
  height: 100%;
}
.eui-nodate-errors .eui-nodate-imgbg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 60%;
}
.eui-nodate-errors .eui-nodate-imgbg .eui-errors-imgbg {
  width: 355px;
  height: 237px;
  position: absolute;
  left: 50%;
  margin-left: -177px;
  bottom: 60px;
  background: url("../../../doc/images/errors.png") no-repeat;
}
.eui-nodate-errors .eui-nodate-imgbg .eui-errors-text {
  position: absolute;
  z-index: 4;
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  bottom: 35px;
  color: #899cb4;
  font-size: 14px;
  padding: 0 180px;
  display: block;
  overflow: hidden;
}
.eui-nodate-errors .eui-nodate-imgbg .eui-unfold-fold {
  position: absolute;
  left: 50%;
  margin-left: -50px;
  width: 100px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  bottom: 10px;
  color: #c9c9c9;
  cursor: pointer;
}
.eui-nodate-errors .eui-nodate-imgbg .eui-unfold-fold:after {
  content: "\ef8d";
  font-family: eui-icon;
  font-size: 12px;
  font-weight: 700;
  display: inline-block;
  transform: scale(0.7);
  margin-left: 2px;
}
.eui-nodate-errors .eui-nodate-imgbg .eui-unfold-fold:hover {
  color: #002982;
}
.eui-nodate-errors .eui-nodate-info {
  position: absolute;
  left: 0;
  top: 60%;
  width: 100%;
  height: 40%;
  background-color: transparent;
  overflow: auto;
  word-break: break-all;
}
.eui-nodate-errors .eui-nodate-info .eui-info-text {
  display: block;
  margin: 0 180px;
  height: 0;
  overflow: hidden;
  color: #8a8a8a;
}
.eui-nodate-errors-active .eui-nodate-imgbg .eui-unfold-fold {
  color: #002982;
}
.eui-nodate-errors-active .eui-nodate-imgbg .eui-unfold-fold:after {
  content: "\ef8c";
}
.eui-nodate-errors-active .eui-nodate-info {
  background-color: #f5f6f8;
  padding: 10px 0;
}
.eui-nodate-errors-active .eui-nodate-info .eui-info-text {
  height: auto;
}
.eui-nodate-bootfailed {
  position: relative;
  width: 100%;
  height: 100%;
}
.eui-nodate-bootfailed .eui-nodate-imgbg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 60%;
}
.eui-nodate-bootfailed .eui-nodate-imgbg .eui-bootfailed-imgbg {
  width: 301px;
  height: 212px;
  position: absolute;
  left: 50%;
  margin-left: -150px;
  bottom: 80px;
  background: url("../../../doc/images/bootfailed.png") no-repeat;
}
.eui-nodate-bootfailed .eui-nodate-imgbg .eui-bootfailed-text {
  position: absolute;
  left: 0;
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  bottom: 40px;
  color: #899cb4;
  font-size: 14px;
}
.eui-nodate-bootfailed .eui-nodate-imgbg .eui-unfold-restart {
  position: absolute;
  left: 50%;
  margin-left: -90px;
  width: 100px;
  height: 30px;
  text-align: center;
  bottom: 10px;
  cursor: pointer;
}
.eui-nodate-bootfailed .eui-nodate-imgbg .eui-unfold-fold {
  position: absolute;
  left: 50%;
  margin-left: 0;
  width: 100px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  bottom: 12px;
  color: #c9c9c9;
  cursor: pointer;
}
.eui-nodate-bootfailed .eui-nodate-imgbg .eui-unfold-fold:after {
  content: "\ef8d";
  font-family: eui-icon;
  font-size: 12px;
  font-weight: 700;
  display: inline-block;
  transform: scale(0.7);
  margin-left: 2px;
}
.eui-nodate-bootfailed .eui-nodate-imgbg .eui-unfold-fold:hover {
  color: #002982;
}
.eui-nodate-bootfailed .eui-nodate-info {
  position: absolute;
  left: 0;
  top: 60%;
  width: 100%;
  height: 40%;
  background-color: transparent;
  overflow: auto;
  word-break: break-all;
}
.eui-nodate-bootfailed .eui-nodate-info .eui-info-text {
  display: block;
  margin: 0 180px;
  height: 0;
  overflow: hidden;
  color: #8a8a8a;
}
.eui-nodate-bootfailed-active .eui-nodate-imgbg .eui-unfold-fold {
  color: #002982;
}
.eui-nodate-bootfailed-active .eui-nodate-imgbg .eui-unfold-fold:after {
  content: "\ef8c";
}
.eui-nodate-bootfailed-active .eui-nodate-info {
  background-color: #f5f6f8;
  padding: 10px 0;
}
.eui-nodate-bootfailed-active .eui-nodate-info .eui-info-text {
  height: auto;
}

/*********************************  一级向导  带颜色  ********************************/
.eui-guide-container {
  width: 300px;
  height: 180px;
  position: relative;
  border-radius: 5px;
  background-color: rgba(19, 42, 79, 0.75);
  padding: 6px;
}
.eui-guide-container .eui-guide-border {
  position: relative;
  display: block;
  height: 100%;
  border-radius: 5px;
  padding: 15px;
  color: #ffffff;
}
.eui-guide-container .eui-guide-border .eui-guide-title {
  padding-bottom: 10px;
  font-size: 18px;
  font-weight: 700;
}
.eui-guide-container .eui-guide-border .eui-guide-body {
  font-size: 14px;
  line-height: 24px;
}
.eui-guide-container .eui-guide-border .eui-guide-foot {
  position: absolute;
  bottom: 15px;
  right: 10px;
  left: 10px;
  height: 30px;
}
.eui-guide-container .eui-guide-border .eui-guide-foot .eui-btn {
  height: 30px;
  border-radius: 5px;
  border: 1px solid #ffffff;
  background: transparent;
  color: #ffffff;
}
.eui-guide-container .eui-guide-border .eui-guide-foot .eui-btn.eui-float-right {
  border: none;
  background: #002982;
}
.eui-guide-container .eui-guide-border .eui-guide-foot .eui-btn-text {
  position: relative;
  border: 0;
  font-size: 18px;
  padding-right: 20px;
  font-weight: 700;
  background: transparent !important;
}
.eui-guide-container .eui-guide-border .eui-guide-foot .eui-btn-text:before {
  position: absolute;
  right: 0;
  content: "\e7da";
  font-family: eui-icon !important;
  font-weight: normal;
}
.eui-guide-container .eui-guide-border .eui-guide-foot .eui-guide-checkbox {
  padding-left: 10px;
  display: inline-block;
  height: 100%;
}
.eui-guide-container .eui-guide-border .eui-guide-foot .eui-guide-checkbox span {
  font-size: 16px;
}
.eui-guide-container .eui-guide-border .eui-guide-foot .eui-guide-checkbox i.eui-icon, .eui-guide-container .eui-guide-border .eui-guide-foot .eui-guide-checkbox i.eui-form-checked:before {
  color: #ffffff;
}

.eui-guide-l {
  width: 380px;
  height: 200px;
}

.eui-guide-s {
  width: 240px;
  height: 140px;
}

.eui-guide-close {
  position: absolute;
  width: 22px;
  height: 22px;
  right: -10px;
  top: -10px;
}
.eui-guide-close:after {
  content: "";
  position: absolute;
  display: inline-block;
  content: "\ef7b";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #ffffff;
  text-align: center;
  line-height: 22px;
  font-family: eui-icon !important;
  font-size: 12px;
  font-style: normal;
  color: #8a8a8a;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.eui-guide-leftarrow {
  /*& .eui-guide-border:before{
  		left:       -6px;
  		@include    arrow-in-border;
  		margin-top: -4px;
  		transform:  rotate(-45deg);
  }
  & .eui-guide-border:after{
  		left:       -4px;
  		@include    arrow-in-bg;
  		margin-top: -4px;
  		transform:  rotate(-45deg);
  }*/
}
.eui-guide-leftarrow:before, .eui-guide-leftarrow .eui-guide-border:before, .eui-guide-leftarrow .eui-guide-border:after {
  content: "";
  position: absolute;
  display: inline-block;
  top: 30px;
}
.eui-guide-leftarrow:before {
  left: -16px;
  width: 16px;
  height: 16px;
  border-width: 8px;
  border-style: solid;
  margin-top: 0;
  border-color: transparent rgba(19, 42, 79, 0.75) transparent transparent;
}

.eui-guide-rightarrow {
  /*& .eui-guide-border:before{
  		right:      -6px;
  		@include    arrow-in-border;
  		margin-top: -5px;
  		transform:  rotate(135deg);
  }
  & .eui-guide-border:after{
  		right:      -4px;
  		@include    arrow-in-bg;
  		margin-top: -5px;
  		transform:  rotate(135deg);
  }*/
}
.eui-guide-rightarrow:before, .eui-guide-rightarrow .eui-guide-border:before, .eui-guide-rightarrow .eui-guide-border:after {
  content: "";
  position: absolute;
  display: inline-block;
  top: 50%;
}
.eui-guide-rightarrow:before {
  right: -16px;
  width: 16px;
  height: 16px;
  border-width: 8px;
  border-style: solid;
  margin-top: -8px;
  border-color: transparent transparent transparent rgba(19, 42, 79, 0.75);
}

.eui-guide-toparrow {
  /*& .eui-guide-border:before{
  		top:         -6px;
  		@include     arrow-in-border;
  		margin-left: -4px;
  		transform:   rotate(45deg);
  }
  & .eui-guide-border:after{
  		top:         -4px;
  		@include     arrow-in-bg;
  		margin-left: -4px;
  		transform:   rotate(45deg);
  }*/
}
.eui-guide-toparrow:before, .eui-guide-toparrow .eui-guide-border:before, .eui-guide-toparrow .eui-guide-border:after {
  content: "";
  position: absolute;
  display: inline-block;
  left: 40px;
}
.eui-guide-toparrow:before {
  top: -16px;
  width: 16px;
  height: 16px;
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent rgba(19, 42, 79, 0.75) transparent;
}

.eui-guide-bottomarrow {
  /*& .eui-guide-border:before{
  		bottom:       -6px;
  		@include      arrow-in-border;
  		margin-right: -4px;
  		transform:    rotate(-135deg);
  }
  & .eui-guide-border:after{
  		bottom:       -4px;
  		@include      arrow-in-bg;
  		margin-right: -4px;
  		transform:    rotate(-135deg);
  }*/
}
.eui-guide-bottomarrow:before, .eui-guide-bottomarrow .eui-guide-border:before, .eui-guide-bottomarrow .eui-guide-border:after {
  content: "";
  position: absolute;
  display: inline-block;
  right: 40px;
}
.eui-guide-bottomarrow:before {
  bottom: -16px;
  width: 16px;
  height: 16px;
  border-width: 8px;
  border-style: solid;
  border-color: rgba(19, 42, 79, 0.75) transparent transparent transparent;
}

/*********************************  二级向导  灰色  ********************************/
.eui-guide-gray {
  width: 260px;
  height: auto;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.2);
  border: 1px dashed #ffffff;
  color: #ffffff;
  padding: 15px;
}
.eui-guide-gray .eui-guide-title {
  padding-bottom: 5px;
  font-size: 16px;
  font-weight: 700;
}
.eui-guide-gray .eui-guide-body {
  font-size: 14px;
  line-height: 24px;
}

/*********************************  区域向导  边框  ********************************/
.eui-guide-area {
  border: 2px dashed #707070;
  border-radius: 5px;
  min-height: 50px;
}

/*# sourceMappingURL=eui.css.map */