* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  margin: 0;
  font-family: "Hiragino Sans GB", "Microsoft YaHei", "Arial-normal", "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif, simsun;
  font-size: 12px;
  line-height: 20px;
  color: #444444;
  background-color: #fff;
}
a {
  background-color: transparent;
  color: #536DFE;
  text-decoration: none;
}
a:active,
a:hover {
  outline: 0;
}
p,
form,
ul,
ol,
dl,
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin: 0;
}
form,
ul,
ol,
dl {
  padding: 0;
}
img {
  border: 0;
  vertical-align: middle;
}
hr {
  box-sizing: content-box;
  height: 0;
}
button,
input,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button,
select {
  text-transform: none;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
aside {
  outline: none;
}
input.placeholder {
  color: #DDDDDD;
}
.bh-clearfix,
.bh-container,
.bh-row {
  clear: both;
}
.bh-clearfix:before,
.bh-clearfix:after,
.bh-container:before,
.bh-container:after,
.bh-row:before,
.bh-row:after {
  content: " ";
  display: table;
}
.bh-clearfix:after,
.bh-container:after,
.bh-row:after {
  clear: both;
}
.bh-clearfix-child:after {
  content: "";
  display: table;
  clear: both;
}
.bh-center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.bh-pull-right {
  float: right !important;
}
.bh-pull-left {
  float: left !important;
}
.bh-l-inline {
  display: inline-block;
}
.bh-border {
  border: 1px solid #EEEEEE;
}
.bh-border-h {
  border-left: 1px solid #EEEEEE;
  border-right: 1px solid #EEEEEE;
}
.bh-border-l {
  border-left: 1px solid #EEEEEE;
}
.bh-border-r {
  border-right: 1px solid #EEEEEE;
}
.bh-border-v {
  border-top: 1px solid #EEEEEE;
  border-bottom: 1px solid #EEEEEE;
}
.bh-border-t {
  border-top: 1px solid #EEEEEE;
}
.bh-border-b {
  border-bottom: 1px solid #EEEEEE;
}
.bh-hide {
  display: none !important;
}
.bh-show {
  display: block !important;
}
.bh-str-cut {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bh-m-2 {
  margin: 2px !important;
}
.bh-mh-2 {
  margin-left: 2px !important;
  margin-right: 2px !important;
}
.bh-ml-2 {
  margin-left: 2px !important;
}
.bh-mr-2 {
  margin-right: 2px !important;
}
.bh-mv-2 {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}
.bh-mb-2 {
  margin-bottom: 2px !important;
}
.bh-mt-2 {
  margin-top: 2px !important;
}
.bh-p-2 {
  padding: 2px !important;
}
.bh-ph-2 {
  padding-left: 2px !important;
  padding-right: 2px !important;
}
.bh-pv-2 {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}
.bh-pt-2 {
  padding-top: 2px !important;
}
.bh-pb-2 {
  padding-bottom: 2px !important;
}
.bh-m-4 {
  margin: 4px !important;
}
.bh-mh-4 {
  margin-left: 4px !important;
  margin-right: 4px !important;
}
.bh-ml-4 {
  margin-left: 4px !important;
}
.bh-mr-4 {
  margin-right: 4px !important;
}
.bh-mv-4 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}
.bh-mb-4 {
  margin-bottom: 4px !important;
}
.bh-mt-4 {
  margin-top: 4px !important;
}
.bh-p-4 {
  padding: 4px !important;
}
.bh-ph-4 {
  padding-left: 4px !important;
  padding-right: 4px !important;
}
.bh-pv-4 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
.bh-pt-4 {
  padding-top: 4px !important;
}
.bh-pb-4 {
  padding-bottom: 4px !important;
}
.bh-m-8 {
  margin: 8px !important;
}
.bh-mh-8 {
  margin-left: 8px !important;
  margin-right: 8px !important;
}
.bh-ml-8 {
  margin-left: 8px !important;
}
.bh-mr-8 {
  margin-right: 8px !important;
}
.bh-mv-8 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.bh-mb-8 {
  margin-bottom: 8px !important;
}
.bh-mt-8 {
  margin-top: 8px !important;
}
.bh-p-8 {
  padding: 8px !important;
}
.bh-ph-8 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.bh-pv-8 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.bh-pt-8 {
  padding-top: 8px !important;
}
.bh-pb-8 {
  padding-bottom: 8px !important;
}
.bh-m-10 {
  margin: 10px !important;
}
.bh-mh-10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.bh-ml-10 {
  margin-left: 10px !important;
}
.bh-mr-10 {
  margin-right: 10px !important;
}
.bh-mv-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.bh-mb-10 {
  margin-bottom: 10px !important;
}
.bh-mt-10 {
  margin-top: 10px !important;
}
.bh-p-10 {
  padding: 10px !important;
}
.bh-ph-10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.bh-pv-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.bh-pt-10 {
  padding-top: 10px !important;
}
.bh-pb-10 {
  padding-bottom: 10px !important;
}
.bh-m-16 {
  margin: 16px !important;
}
.bh-mh-16 {
  margin-left: 16px !important;
  margin-right: 16px !important;
}
.bh-ml-16 {
  margin-left: 16px !important;
}
.bh-mr-16 {
  margin-right: 16px !important;
}
.bh-mv-16 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.bh-mb-16 {
  margin-bottom: 16px !important;
}
.bh-mt-16 {
  margin-top: 16px !important;
}
.bh-p-16 {
  padding: 16px !important;
}
.bh-ph-16 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}
.bh-pv-16 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.bh-pt-16 {
  padding-top: 16px !important;
}
.bh-pb-16 {
  padding-bottom: 16px !important;
}
.bh-m-24 {
  margin: 24px !important;
}
.bh-mh-24 {
  margin-left: 24px !important;
  margin-right: 24px !important;
}
.bh-ml-24 {
  margin-left: 24px !important;
}
.bh-mr-24 {
  margin-right: 24px !important;
}
.bh-mv-24 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
.bh-mb-24 {
  margin-bottom: 24px !important;
}
.bh-mt-24 {
  margin-top: 24px !important;
}
.bh-p-24 {
  padding: 24px !important;
}
.bh-ph-24 {
  padding-left: 24px !important;
  padding-right: 24px !important;
}
.bh-pv-24 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.bh-pt-24 {
  padding-top: 24px !important;
}
.bh-pb-24 {
  padding-bottom: 24px !important;
}
.bh-m-32 {
  margin: 32px !important;
}
.bh-mh-32 {
  margin-left: 32px !important;
  margin-right: 32px !important;
}
.bh-ml-32 {
  margin-left: 32px !important;
}
.bh-mr-32 {
  margin-right: 32px !important;
}
.bh-mv-32 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}
.bh-mb-32 {
  margin-bottom: 32px !important;
}
.bh-mt-32 {
  margin-top: 32px !important;
}
.bh-p-32 {
  padding: 32px !important;
}
.bh-ph-32 {
  padding-left: 32px !important;
  padding-right: 32px !important;
}
.bh-pv-32 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
.bh-pt-32 {
  padding-top: 32px !important;
}
.bh-pb-32 {
  padding-bottom: 32px !important;
}
.bh-m-40 {
  margin: 40px !important;
}
.bh-mh-40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}
.bh-ml-40 {
  margin-left: 40px !important;
}
.bh-mr-40 {
  margin-right: 40px !important;
}
.bh-mv-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.bh-mb-40 {
  margin-bottom: 40px !important;
}
.bh-mt-40 {
  margin-top: 40px !important;
}
.bh-p-40 {
  padding: 40px !important;
}
.bh-ph-40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.bh-pv-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.bh-pt-40 {
  padding-top: 40px !important;
}
.bh-pb-40 {
  padding-bottom: 40px !important;
}
.bh-m--8 {
  margin: -8px !important;
}
.bh-mh--8 {
  margin-left: -8px !important;
  margin-right: -8px !important;
}
.bh-ml--8 {
  margin-left: -8px !important;
}
.bh-mr--8 {
  margin-right: -8px !important;
}
.bh-mv--8 {
  margin-top: -8px !important;
  margin-bottom: -8px !important;
}
.bh-mb--8 {
  margin-bottom: -8px !important;
}
.bh-mt--8 {
  margin-top: -8px !important;
}
.bh-p--8 {
  padding: -8px !important;
}
.bh-ph--8 {
  padding-left: -8px !important;
  padding-right: -8px !important;
}
.bh-pv--8 {
  padding-top: -8px !important;
  padding-bottom: -8px !important;
}
.bh-pt--8 {
  padding-top: -8px !important;
}
.bh-pb--8 {
  padding-bottom: -8px !important;
}
.bh-m--16 {
  margin: -16px !important;
}
.bh-mh--16 {
  margin-left: -16px !important;
  margin-right: -16px !important;
}
.bh-ml--16 {
  margin-left: -16px !important;
}
.bh-mr--16 {
  margin-right: -16px !important;
}
.bh-mv--16 {
  margin-top: -16px !important;
  margin-bottom: -16px !important;
}
.bh-mb--16 {
  margin-bottom: -16px !important;
}
.bh-mt--16 {
  margin-top: -16px !important;
}
.bh-p--16 {
  padding: -16px !important;
}
.bh-ph--16 {
  padding-left: -16px !important;
  padding-right: -16px !important;
}
.bh-pv--16 {
  padding-top: -16px !important;
  padding-bottom: -16px !important;
}
.bh-pt--16 {
  padding-top: -16px !important;
}
.bh-pb--16 {
  padding-bottom: -16px !important;
}
.bh-w-8 {
  width: 8px !important;
}
.bh-w-12 {
  width: 12px !important;
}
/*applied to all widgets*/
.jqx-widget {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: none;
  zoom: 1 !important;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -webkit-appearance: none;
  -webkit-background-clip: padding-box;
  direction: ltr !important;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.jqx-item {
  -ms-touch-action: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  -webkit-text-size-adjust: none;
}
/*applied to containers to set a background and border color. Tabs, NavigationBar, Calendar content.*/
.jqx-widget-content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: none;
  -moz-background-clip: padding;
  -webkit-text-size-adjust: none;
  background-clip: padding-box;
  -webkit-background-clip: padding-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/*applied to header areas. Tabs, Menu, Window, Calendar.*/
.jqx-widget-header {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: none;
  -moz-background-clip: padding;
  -webkit-text-size-adjust: none;
  background-clip: padding-box;
  -webkit-background-clip: padding-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.jqx-fill-state-normal {
  -ms-touch-action: none;
}
.jqx-fill-state-disabled {
  cursor: default;
  color: #000;
  opacity: .55;
  filter: alpha(opacity=45);
}
.jqx-fill-state-normal td,
.jqx-fill-state-hover td,
.jqx-fill-state-pressed td,
.jqx-fill-state-disabled td,
.jqx-fill-state-focus td,
.jqx-widget td,
.jqx-widget-content td,
.jqx-widget-header td {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
/*Rounded Corners*/
/*top-left rounded Corners*/
.jqx-rc-tl {
  -moz-border-radius-topleft: 2px;
  -webkit-border-top-left-radius: 2px;
  border-top-left-radius: 2px;
}
/*top-right rounded Corners*/
.jqx-rc-tr {
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
}
/*bottom-left rounded Corners*/
.jqx-rc-bl {
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
/*bottom-right rounded Corners*/
.jqx-rc-br {
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
/*top rounded Corners*/
.jqx-rc-t {
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
}
/*bottom rounded Corners*/
.jqx-rc-b {
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
/*right rounded Corners*/
.jqx-rc-r {
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
/*left rounded Corners*/
.jqx-rc-l {
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
/*all rounded Corners*/
.jqx-rc-all {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}
/*reset rounded corners*/
.jqx-rc-reset {
  -moz-border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  border-radius: 0px !important;
}
/*Reset Style*/
.jqx-reset {
  padding: 0;
  margin: 0;
  border: none;
  background: transparent;
  outline: none;
  box-sizing: border-box;
}
.jqx-clear {
  align: left;
  valign: top;
  left: 0px;
  top: 0px;
  -webkit-appearance: none !important;
  outline: none !important;
  padding: 0px;
  margin: 0px;
}
.jqx-position-reset {
  position: static !important;
}
.jqx-border-reset {
  border: none !important;
}
.jqx-overflow-hidden {
  overflow: hidden !important;
}
.jqx-position-relative {
  position: relative !important;
}
.jqx-position-absolute {
  position: absolute !important;
}
.jqx-max-size {
  width: 100% !important;
  height: 100% !important;
}
.jqx-background-reset {
  background: transparent !important;
}
/*Disable browser selection*/
.jqx-disableselect {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.jqx-enableselect {
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -o-user-select: auto;
  -ms-user-select: text;
  user-select: all;
}
.jqx-hideborder {
  border: none !important;
}
.jqx-hidescrollbars {
  overflow: hidden !important;
}
.jqx-datatable-full {
  height: 100vh !important;
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100000;
}
.jqx-datatable-full .jqx-grid-pager {
  top: initial !important;
  bottom: 0;
  left: 0 !important;
}
/*shows elements.*/
.jqx-visible {
  display: block;
}
/*hides elements.*/
.jqx-hidden {
  display: none;
}
/*applied to a cell in jqxDataTable*/
.jqx-left-align {
  text-align: left;
}
.jqx-center-align {
  text-align: center;
}
.jqx-right-align {
  text-align: right;
}
.jqx-top-align {
  vertical-align: top;
}
.jqx-bottom-align {
  vertical-align: bottom;
}
.jqx-rtl {
  text-align: right !important;
}
/*
 * CSS Transform - Scale and Rotate
 */
[bh-flex-panel-role="panel-content-wrap"] {
  overflow: hidden;
  transition: height 450ms;
  -moz-transition: height 450ms;
  /* Firefox 4 */
  -webkit-transition: height 450ms;
  /* Safari 和 Chrome */
  -o-transition: height 450ms;
}
[bh-flex-panel-role="panel-title"] {
  cursor: pointer;
}
.bh-alert {
  padding: 8px 16px;
  margin: 4px 0;
  width: 100%;
  border: 1px solid transparent;
  font-size: 12px;
  border-radius: 2px;
}
.bh-alert.bh-alert-success {
  background-color: #F6FAF1;
  border-color: #E8F3DB;
}
.bh-alert.bh-alert-info {
  background-color: #F7EBF7;
  border-color: #EBCCEB;
}
.bh-alert.bh-alert-warning {
  background-color: #FFF8EB;
  border-color: #FFECCC;
}
.bh-alert.bh-alert-danger {
  background-color: #FFF1F1;
  border-color: #FFDCDC;
}
.bh-alert.bh-alert-primary {
  background-color: #F1F4FF;
  border-color: #DDE2FF;
}
.bh-btn-group > .bh-btn {
  float: left;
}
.bh-btn-group > .bh-btn:nth-child(1) {
  margin-left: 0;
}
.bh-btn-group:after {
  content: "";
  clear: both;
  display: table;
}
.bh-btn-grouped {
  margin-bottom: 16px;
  margin-left: -4px;
}
.bh-btn-grouped:after {
  content: "";
  display: table;
  clear: both;
}
.bh-btn {
  display: inline-block;
  margin-bottom: 0;
  margin-left: 4px;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  outline: none !important;
  padding: 6px 8px;
  font-size: 14px;
  line-height: 20px;
  border-radius: 1px;
  min-width: 80px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.32);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.32);
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}
.bh-btn:focus,
.bh-btn.bh-active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.bh-btn:hover,
.bh-btn:focus {
  color: #444444;
  text-decoration: none;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.28);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.28);
}
.bh-btn.bh-active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.28);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.28);
}
.bh-btn.bh-disabled,
.bh-btn[disabled] {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}
a .bh-btn.bh-disabled {
  pointer-events: none;
}
.bh-selectBtn-group:after {
  content: "";
  display: table;
  clear: both;
}
.bh-selectBtn-group .bh-btn {
  margin-left: 0;
  float: left;
}
.bh-selectBtn-group .bh-active:after {
  content: "";
  background: rgba(0, 0, 0, 0.15);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.bh-btn-default {
  color: #444444;
  background-color: #fff;
  border: none;
  padding: 6px 8px;
}
.bh-btn-default:hover,
.bh-btn-default:focus,
.bh-btn-default.bh-focus,
.bh-btn-default:active,
.bh-btn-default.bh-active,
.bh-open > .bh-dropdown-toggle.bh-btn-default {
  color: #444444;
  background-color: #fff;
  border-color: none;
}
.bh-btn-default:active,
.bh-btn-default.bh-active,
.bh-open > .bh-dropdown-toggle.bh-btn-default {
  background-image: none;
}
.bh-btn-default.bh-disabled,
.bh-btn-default[disabled],
fieldset[disabled] .bh-btn-default,
.bh-btn-default.bh-disabled:hover,
.bh-btn-default[disabled]:hover,
fieldset[disabled] .bh-btn-default:hover,
.bh-btn-default.bh-disabled:focus,
.bh-btn-default[disabled]:focus,
fieldset[disabled] .bh-btn-default:focus,
.bh-btn-default.bh-disabled.bh-focus,
.bh-btn-default[disabled].bh-focus,
fieldset[disabled] .bh-btn-default.bh-focus,
.bh-btn-default.bh-disabled:active,
.bh-btn-default[disabled]:active,
fieldset[disabled] .bh-btn-default:active,
.bh-btn-default.bh-disabled.bh-active,
.bh-btn-default[disabled].bh-active,
fieldset[disabled] .bh-btn-default.bh-active {
  color: #fff;
  background-color: #DDDDDD;
  border: none;
}
.bh-btn-default .bh-badge {
  color: #fff;
  background-color: #444444;
}
.bh-btn-huge.bh-btn-default {
  padding: 13px 16px;
}
.bh-btn-large.bh-btn-default {
  padding: 8px 12px;
}
.bh-btn-small.bh-btn-default {
  padding: 5px 8px;
}
.bh-btn-primary {
  color: #fff;
  background-color: #536DFE;
  border: none;
}
.bh-btn-primary:hover,
.bh-btn-primary:focus,
.bh-btn-primary.bh-focus,
.bh-btn-primary:active,
.bh-btn-primary.bh-active,
.bh-open > .bh-dropdown-toggle.bh-btn-primary {
  color: #fff;
  background-color: #536DFE;
  border-color: none;
}
.bh-btn-primary:active,
.bh-btn-primary.bh-active,
.bh-open > .bh-dropdown-toggle.bh-btn-primary {
  background-image: none;
}
.bh-btn-primary.bh-disabled,
.bh-btn-primary[disabled],
fieldset[disabled] .bh-btn-primary,
.bh-btn-primary.bh-disabled:hover,
.bh-btn-primary[disabled]:hover,
fieldset[disabled] .bh-btn-primary:hover,
.bh-btn-primary.bh-disabled:focus,
.bh-btn-primary[disabled]:focus,
fieldset[disabled] .bh-btn-primary:focus,
.bh-btn-primary.bh-disabled.bh-focus,
.bh-btn-primary[disabled].bh-focus,
fieldset[disabled] .bh-btn-primary.bh-focus,
.bh-btn-primary.bh-disabled:active,
.bh-btn-primary[disabled]:active,
fieldset[disabled] .bh-btn-primary:active,
.bh-btn-primary.bh-disabled.bh-active,
.bh-btn-primary[disabled].bh-active,
fieldset[disabled] .bh-btn-primary.bh-active {
  color: #fff;
  background-color: #DDDDDD;
  border: none;
}
.bh-btn-primary .bh-badge {
  color: #536DFE;
  background-color: #fff;
}
.bh-btn-success {
  color: #fff;
  background-color: #8BC34A;
  border: none;
}
.bh-btn-success:hover,
.bh-btn-success:focus,
.bh-btn-success.bh-focus,
.bh-btn-success:active,
.bh-btn-success.bh-active,
.bh-open > .bh-dropdown-toggle.bh-btn-success {
  color: #fff;
  background-color: #8BC34A;
  border-color: none;
}
.bh-btn-success:active,
.bh-btn-success.bh-active,
.bh-open > .bh-dropdown-toggle.bh-btn-success {
  background-image: none;
}
.bh-btn-success.bh-disabled,
.bh-btn-success[disabled],
fieldset[disabled] .bh-btn-success,
.bh-btn-success.bh-disabled:hover,
.bh-btn-success[disabled]:hover,
fieldset[disabled] .bh-btn-success:hover,
.bh-btn-success.bh-disabled:focus,
.bh-btn-success[disabled]:focus,
fieldset[disabled] .bh-btn-success:focus,
.bh-btn-success.bh-disabled.bh-focus,
.bh-btn-success[disabled].bh-focus,
fieldset[disabled] .bh-btn-success.bh-focus,
.bh-btn-success.bh-disabled:active,
.bh-btn-success[disabled]:active,
fieldset[disabled] .bh-btn-success:active,
.bh-btn-success.bh-disabled.bh-active,
.bh-btn-success[disabled].bh-active,
fieldset[disabled] .bh-btn-success.bh-active {
  color: #fff;
  background-color: #DDDDDD;
  border: none;
}
.bh-btn-success .bh-badge {
  color: #8BC34A;
  background-color: #fff;
}
.bh-btn-info {
  color: #fff;
  background-color: #990099;
  border: none;
}
.bh-btn-info:hover,
.bh-btn-info:focus,
.bh-btn-info.bh-focus,
.bh-btn-info:active,
.bh-btn-info.bh-active,
.bh-open > .bh-dropdown-toggle.bh-btn-info {
  color: #fff;
  background-color: #990099;
  border-color: none;
}
.bh-btn-info:active,
.bh-btn-info.bh-active,
.bh-open > .bh-dropdown-toggle.bh-btn-info {
  background-image: none;
}
.bh-btn-info.bh-disabled,
.bh-btn-info[disabled],
fieldset[disabled] .bh-btn-info,
.bh-btn-info.bh-disabled:hover,
.bh-btn-info[disabled]:hover,
fieldset[disabled] .bh-btn-info:hover,
.bh-btn-info.bh-disabled:focus,
.bh-btn-info[disabled]:focus,
fieldset[disabled] .bh-btn-info:focus,
.bh-btn-info.bh-disabled.bh-focus,
.bh-btn-info[disabled].bh-focus,
fieldset[disabled] .bh-btn-info.bh-focus,
.bh-btn-info.bh-disabled:active,
.bh-btn-info[disabled]:active,
fieldset[disabled] .bh-btn-info:active,
.bh-btn-info.bh-disabled.bh-active,
.bh-btn-info[disabled].bh-active,
fieldset[disabled] .bh-btn-info.bh-active {
  color: #fff;
  background-color: #DDDDDD;
  border: none;
}
.bh-btn-info .bh-badge {
  color: #990099;
  background-color: #fff;
}
.bh-btn-warning {
  color: #fff;
  background-color: #FFA000;
  border: none;
}
.bh-btn-warning:hover,
.bh-btn-warning:focus,
.bh-btn-warning.bh-focus,
.bh-btn-warning:active,
.bh-btn-warning.bh-active,
.bh-open > .bh-dropdown-toggle.bh-btn-warning {
  color: #fff;
  background-color: #FFA000;
  border-color: none;
}
.bh-btn-warning:active,
.bh-btn-warning.bh-active,
.bh-open > .bh-dropdown-toggle.bh-btn-warning {
  background-image: none;
}
.bh-btn-warning.bh-disabled,
.bh-btn-warning[disabled],
fieldset[disabled] .bh-btn-warning,
.bh-btn-warning.bh-disabled:hover,
.bh-btn-warning[disabled]:hover,
fieldset[disabled] .bh-btn-warning:hover,
.bh-btn-warning.bh-disabled:focus,
.bh-btn-warning[disabled]:focus,
fieldset[disabled] .bh-btn-warning:focus,
.bh-btn-warning.bh-disabled.bh-focus,
.bh-btn-warning[disabled].bh-focus,
fieldset[disabled] .bh-btn-warning.bh-focus,
.bh-btn-warning.bh-disabled:active,
.bh-btn-warning[disabled]:active,
fieldset[disabled] .bh-btn-warning:active,
.bh-btn-warning.bh-disabled.bh-active,
.bh-btn-warning[disabled].bh-active,
fieldset[disabled] .bh-btn-warning.bh-active {
  color: #fff;
  background-color: #DDDDDD;
  border: none;
}
.bh-btn-warning .bh-badge {
  color: #FFA000;
  background-color: #fff;
}
.bh-btn-danger {
  color: #fff;
  background-color: #FF5252;
  border: none;
}
.bh-btn-danger:hover,
.bh-btn-danger:focus,
.bh-btn-danger.bh-focus,
.bh-btn-danger:active,
.bh-btn-danger.bh-active,
.bh-open > .bh-dropdown-toggle.bh-btn-danger {
  color: #fff;
  background-color: #FF5252;
  border-color: none;
}
.bh-btn-danger:active,
.bh-btn-danger.bh-active,
.bh-open > .bh-dropdown-toggle.bh-btn-danger {
  background-image: none;
}
.bh-btn-danger.bh-disabled,
.bh-btn-danger[disabled],
fieldset[disabled] .bh-btn-danger,
.bh-btn-danger.bh-disabled:hover,
.bh-btn-danger[disabled]:hover,
fieldset[disabled] .bh-btn-danger:hover,
.bh-btn-danger.bh-disabled:focus,
.bh-btn-danger[disabled]:focus,
fieldset[disabled] .bh-btn-danger:focus,
.bh-btn-danger.bh-disabled.bh-focus,
.bh-btn-danger[disabled].bh-focus,
fieldset[disabled] .bh-btn-danger.bh-focus,
.bh-btn-danger.bh-disabled:active,
.bh-btn-danger[disabled]:active,
fieldset[disabled] .bh-btn-danger:active,
.bh-btn-danger.bh-disabled.bh-active,
.bh-btn-danger[disabled].bh-active,
fieldset[disabled] .bh-btn-danger.bh-active {
  color: #fff;
  background-color: #DDDDDD;
  border: none;
}
.bh-btn-danger .bh-badge {
  color: #FF5252;
  background-color: #fff;
}
.bh-btn-huge {
  padding: 13px 16px;
  font-size: 16px;
  line-height: 22px;
  border-radius: 1px;
  min-width: 136px;
}
.bh-btn-large {
  padding: 8px 12px;
  font-size: 14px;
  line-height: 20px;
  border-radius: 1px;
  min-width: 100px;
}
.bh-btn-large > i {
  margin-right: 12px;
}
.bh-btn-small {
  padding: 5px 8px;
  font-size: 12px;
  line-height: 18px;
  border-radius: 1px;
  min-width: 68px;
}
.bh-btn.bh-btn-text {
  padding: 2px 4px;
  font-size: 12px;
  min-width: initial;
  min-width: inherit\9\0;
  background-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.bh-btn.bh-btn-text:hover,
.bh-btn.bh-btn-text.bh-active {
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.28);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.28);
}
.bh-btn.bh-btn-text.bh-btn-default {
  color: #444444;
  border: none;
}
.bh-btn.bh-btn-text.bh-btn-default:hover,
.bh-btn.bh-btn-text.bh-btn-default.bh-active {
  background-color: #fff;
}
.bh-btn.bh-btn-text.bh-btn-primary {
  color: #536DFE;
}
.bh-btn.bh-btn-text.bh-btn-primary:hover,
.bh-btn.bh-btn-text.bh-btn-primary.bh-active {
  background-color: #536DFE;
  color: #fff;
}
.bh-btn.bh-btn-text.bh-btn-success {
  color: #8BC34A;
}
.bh-btn.bh-btn-text.bh-btn-success:hover,
.bh-btn.bh-btn-text.bh-btn-success.bh-active {
  background-color: #8BC34A;
  color: #fff;
}
.bh-btn.bh-btn-text.bh-btn-info {
  color: #990099;
}
.bh-btn.bh-btn-text.bh-btn-info:hover,
.bh-btn.bh-btn-text.bh-btn-info.bh-active {
  background-color: #990099;
  color: #fff;
}
.bh-btn.bh-btn-text.bh-btn-danger {
  color: #FF5252;
}
.bh-btn.bh-btn-text.bh-btn-danger:hover,
.bh-btn.bh-btn-text.bh-btn-danger.bh-active {
  background-color: #FF5252;
  color: #fff;
}
.bh-btn.bh-btn-text.bh-btn-warning {
  color: #FFA000;
}
.bh-btn.bh-btn-text.bh-btn-warning:hover,
.bh-btn.bh-btn-text.bh-btn-warning.bh-active {
  background-color: #FFA000;
  color: #fff;
}
.bh-btn-block {
  display: block;
  width: 100%;
}
.bh-btn-block + .bh-btn-block {
  margin-top: 5px;
}
input[type="submit"].bh-btn-block,
input[type="reset"].bh-btn-block,
input[type="button"].bh-btn-block {
  width: 100%;
}
.bh-btn-link {
  color: #536DFE;
  font-size: 12px;
}
.bh-btn-link:hover {
  text-decoration: underline;
}
.bh-btn-link.bh-disabled {
  color: #DDDDDD;
  text-decoration: underline;
  cursor: not-allowed;
}
.bh-tag {
  padding: 0 4px;
  display: inline-block;
  border-radius: 2px;
  color: #fff;
  min-width: 20px;
}
.bh-tag.bh-tag-primary {
  background-color: #8396FE;
}
.bh-tag.bh-tag-primary:hover {
  background-color: #536DFE;
}
.bh-tag.bh-tag-primary.bh-no-active:hover {
  background-color: #8396FE;
  cursor: default;
}
.bh-tag.bh-tag-primary.bh-tag-add {
  border-color: #536DFE;
  color: #536DFE;
}
.bh-tag.bh-tag-success {
  background-color: #ABD47C;
}
.bh-tag.bh-tag-success:hover {
  background-color: #8BC34A;
}
.bh-tag.bh-tag-success.bh-no-active:hover {
  background-color: #ABD47C;
  cursor: default;
}
.bh-tag.bh-tag-success.bh-tag-add {
  border-color: #8BC34A;
  color: #8BC34A;
}
.bh-tag.bh-tag-info {
  background-color: #B547B5;
}
.bh-tag.bh-tag-info:hover {
  background-color: #990099;
}
.bh-tag.bh-tag-info.bh-no-active:hover {
  background-color: #B547B5;
  cursor: default;
}
.bh-tag.bh-tag-info.bh-tag-add {
  border-color: #990099;
  color: #990099;
}
.bh-tag.bh-tag-danger {
  background-color: #FE8181;
}
.bh-tag.bh-tag-danger:hover {
  background-color: #FF5252;
}
.bh-tag.bh-tag-danger.bh-no-active:hover {
  background-color: #FE8181;
  cursor: default;
}
.bh-tag.bh-tag-danger.bh-tag-add {
  border-color: #FF5252;
  color: #FF5252;
}
.bh-tag.bh-tag-warning {
  background-color: #FFBA47;
}
.bh-tag.bh-tag-warning:hover {
  background-color: #FFA000;
}
.bh-tag.bh-tag-warning.bh-no-active:hover {
  background-color: #FFBA47;
  cursor: default;
}
.bh-tag.bh-tag-warning.bh-tag-add {
  border-color: #FFA000;
  color: #FFA000;
}
.bh-tag > .icon-close {
  font-size: 12px;
}
.bh-tag.bh-tag-add {
  cursor: pointer;
  background-color: transparent;
  border: 1px solid;
  min-width: 40px;
  text-align: center;
  padding-top: 1px;
}
.bh-tag.bh-tag-add:hover {
  background-color: transparent;
}
.bh-tag.bh-tag-close {
  position: relative;
  border-radius: 20px;
  padding: 0 16px 0 8px;
}
.bh-tag.bh-tag-close > .iconfont {
  position: absolute;
  top: 1px;
  font-size: 12px;
  cursor: pointer;
  opacity: .8;
}
.bh-tag.bh-tag-close > .iconfont:hover {
  opacity: 1;
  transition: opacity 1s;
  -moz-transition: opacity 1s;
  -webkit-transition: opacity 1s;
  -o-transition: opacity 1s;
}
.bh-tag-round {
  border-radius: 20px;
}
.bh-tag-active {
  cursor: pointer;
}
.bh-label-radio-text {
  color: #BBBBBB;
  float: left;
}
.bh-label-radio {
  position: relative;
  color: #536DFE;
  padding: 2px 4px;
  border-radius: 2px;
  float: left;
  margin-right: 4px;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 250px;
}
.bh-label-radio:hover {
  background-color: #DDE2FF;
}
.bh-label-radio.bh-active {
  background-color: #536DFE;
  color: #fff;
}
.bh-btn-circle {
  border-radius: 50%;
  width: 28px;
  min-width: 28px;
  height: 28px;
  text-align: center;
  padding: 5px 7px;
}
.bh-btn-small.bh-btn-icon {
  width: 28px;
  min-width: 28px;
  height: 28px;
  padding: 6px 6px;
  color: #444444;
}
.bh-btn-small.bh-btn-icon:hover {
  background-color: #F7EBF7;
}
.bh-btn-small.bh-btn-icon:hover.bh-disabled {
  background-color: #fff;
}
.bh-btn-icon {
  width: 32px;
  min-width: 32px;
  height: 32px;
  padding: 7px 6px;
  color: #444444;
}
.bh-btn-icon:hover {
  background-color: #F7EBF7;
}
.bh-btn-icon:hover.bh-disabled {
  background-color: #fff;
}
.bh-btn-large.bh-btn-icon {
  width: 36px;
  min-width: 36px;
  height: 36px;
  padding: 9px 9px;
  color: #444444;
}
.bh-btn-large.bh-btn-icon:hover {
  background-color: #F7EBF7;
}
.bh-btn-large.bh-btn-icon:hover.bh-disabled {
  background-color: #fff;
}
.bh-checkbox,
.bh-radio {
  padding-top: 4px;
  position: relative;
}
.bh-checkbox label,
.bh-radio label {
  position: relative;
}
.bh-checkbox label.bh-disabled .bh-choice-helper,
.bh-radio label.bh-disabled .bh-choice-helper {
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.bh-checkbox label.bh-disabled .bh-choice-helper:before,
.bh-radio label.bh-disabled .bh-choice-helper:before {
  background-color: #EEEEEE;
}
.bh-checkbox.bh-radio-group-v label,
.bh-radio.bh-radio-group-v label,
.bh-checkbox.bh-checkbox-group-v label,
.bh-radio.bh-checkbox-group-v label {
  display: block;
}
.bh-checkbox input[type=checkbox],
.bh-radio input[type=checkbox],
.bh-checkbox input[type=radio],
.bh-radio input[type=radio] {
  position: absolute;
  top: 0;
  left: 0;
  margin-left: 0 !important;
  z-index: 2;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
  margin-top: 0;
}
.bh-checkbox .bh-choice-helper:before,
.bh-radio .bh-choice-helper:before,
.bh-checkbox .bh-choice-helper:after,
.bh-radio .bh-choice-helper:after {
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  content: "";
  z-index: 1;
}
.bh-checkbox .bh-choice-helper:before,
.bh-radio .bh-choice-helper:before {
  left: 0;
  border: 1px solid #BBBBBB;
  background-color: #ffffff;
}
.bh-checkbox:hover .bh-choice-helper:before,
.bh-radio:hover .bh-choice-helper:before {
  border-color: #8BC34A;
}
.bh-checkbox:hover label.bh-disabled .bh-choice-helper:before,
.bh-radio:hover label.bh-disabled .bh-choice-helper:before {
  border-color: #BBBBBB;
}
.bh-checkbox label {
  padding-left: 24px;
  padding-right: 12px;
  padding-top: 0;
  padding-bottom: 0;
  font-weight: normal;
}
.bh-checkbox label span {
  vertical-align: middle;
}
.bh-checkbox input[type=checkbox] {
  width: 16px;
  height: 16px;
}
.bh-checkbox input[type=checkbox]:checked + .bh-choice-helper:before {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.bh-checkbox input[type=checkbox]:checked + .bh-choice-helper:after {
  -webkit-transform: scale(1) rotate(-50deg);
  -ms-transform: scale(1) rotate(-50deg);
  -o-transform: scale(1) rotate(-50deg);
  transform: scale(1) rotate(-50deg);
  opacity: 1;
  filter: alpha(opacity=100);
}
.bh-checkbox input[type=checkbox]:disabled + .bh-choice-helper:before {
  border-color: #DDDDDD;
  background: #EEEEEE;
  cursor: not-allowed;
}
.bh-checkbox input[type=checkbox]:checked:disabled + .bh-choice-helper:after {
  border-color: #ABD47C;
  cursor: not-allowed;
}
.bh-checkbox .bh-choice-helper:before {
  top: 2px;
  width: 16px;
  height: 16px;
}
.bh-checkbox .bh-choice-helper:after {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(0) rotate(80deg);
  -ms-transform: scale(0) rotate(80deg);
  -o-transform: scale(0) rotate(80deg);
  transform: scale(0) rotate(80deg);
  width: 16px;
  height: 8px;
  border-bottom: 2px solid #8BC34A;
  border-left: 2px solid #8BC34A;
  border-bottom-left-radius: 2px;
  left: -1px;
  top: 4px;
}
.bh-form-control-danger .bh-checkbox .bh-choice-helper:before {
  border-color: #FF5252;
}
.bh-form-control-danger .bh-checkbox .bh-choice-helper:after {
  border-bottom-color: #FF5252;
  border-left-color: #FF5252;
}
.bh-form-control-success .bh-checkbox .bh-choice-helper:before {
  border-color: #8BC34A;
}
.bh-form-control-success .bh-checkbox .bh-choice-helper:after {
  border-bottom-color: #8BC34A;
  border-left-color: #8BC34A;
}
.bh-form-control-warning .bh-checkbox .bh-choice-helper:before {
  border-color: #FFA000;
}
.bh-form-control-warning .bh-checkbox .bh-choice-helper:after {
  border-bottom-color: #FFA000;
  border-left-color: #FFA000;
}
.bh-radio label {
  padding-left: 28px;
  padding-right: 12px;
  padding-top: 0;
  padding-bottom: 0;
  font-weight: normal;
}
.bh-radio input[type=radio].checked + .bh-choice-helper:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.bh-radio input[type=radio] {
  width: 20px;
  height: 20px;
}
.bh-radio input[type=radio]:checked + .bh-choice-helper:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.bh-radio input[type=radio]:disabled + .bh-choice-helper:before {
  border-color: #DDDDDD;
  background: #EEEEEE;
  cursor: not-allowed;
}
.bh-radio input[type=radio]:disabled:checked + .bh-choice-helper:before {
  background: #fff;
  cursor: not-allowed;
}
.bh-radio input[type=radio]:disabled:checked + .bh-choice-helper:after {
  background: #ABD47C;
  cursor: not-allowed;
}
.bh-radio .bh-choice-helper {
  position: relative;
  margin-right: 24px;
}
.bh-radio .bh-choice-helper:before {
  top: -4px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  z-index: 1;
}
.bh-radio .bh-choice-helper:after {
  z-index: 1;
  width: 12px;
  height: 12px;
  background: #8BC34A;
  border-radius: 50%;
  top: 0px;
  left: 4px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.bh-radio.bh-radio-vertical label {
  display: block;
  margin-bottom: 8px;
  height: 20px;
  text-align: left;
}
.bh-radio.bh-radio-vertical .bh-choice-helper:before {
  top: 0px;
}
.bh-radio.bh-radio-vertical .bh-choice-helper:after {
  top: 4px;
}
.bh-checkbox.bh-checkbox-vertical label {
  display: block;
  margin-bottom: 8px;
  text-align: left;
}
.bh-checkbox.bh-checkbox-vertical .bh-choice-helper:before {
  top: 2px;
}
.bh-checkbox.bh-checkbox-vertical .bh-choice-helper:after {
  top: 4px;
}
.bh-checkbox-inline,
.bh-radio-inline {
  vertical-align: top;
  margin-top: 0;
  padding-left: 25px;
}
div[xtype="checkboxlist"].bh-checkbox label {
  display: inline-block;
}
div[xtype="radiolist"].bh-radio label {
  display: inline-block;
}
.bh-color-white {
  color: #fff !important;
}
.bh-bg-white {
  background-color: #fff !important;
}
.bh-color-hover-white:hover {
  color: #fff !important;
}
.bh-bg-hover-white:hover {
  background-color: #fff !important;
}
.bh-color-primary {
  color: #536DFE !important;
}
.bh-color-primary-2 {
  color: #8396FE !important;
}
.bh-color-primary-3 {
  color: #DDE2FF !important;
}
.bh-color-primary-4 {
  color: #F1F4FF !important;
}
.bh-color-primary-5 {
  color: #F8F9FF !important;
}
.bh-color-hover-primary:hover {
  color: #536DFE !important;
}
.bh-color-hover-primary-2:hover {
  color: #8396FE !important;
}
.bh-color-hover-primary-3:hover {
  color: #DDE2FF !important;
}
.bh-color-hover-primary-4:hover {
  color: #F1F4FF !important;
}
.bh-color-hover-primary-5:hover {
  color: #F8F9FF !important;
}
.bh-bg-primary {
  background-color: #536DFE !important;
}
.bh-bg-primary-2 {
  background-color: #8396FE !important;
}
.bh-bg-primary-3 {
  background-color: #DDE2FF !important;
}
.bh-bg-primary-4 {
  background-color: #F1F4FF !important;
}
.bh-bg-primary-5 {
  background-color: #F8F9FF !important;
}
.bh-bg-hover-primary:hover {
  background-color: #536DFE !important;
}
.bh-bg-hover-primary-2:hover {
  background-color: #8396FE !important;
}
.bh-bg-hover-primary-3:hover {
  background-color: #DDE2FF !important;
}
.bh-bg-hover-primary-4:hover {
  background-color: #F1F4FF !important;
}
.bh-bg-hover-primary-5:hover {
  background-color: #F8F9FF !important;
}
.bh-bColor-primary {
  border-color: #536DFE !important;
}
.bh-bColor-primary-2 {
  border-color: #8396FE !important;
}
.bh-bColor-primary-3 {
  border-color: #DDE2FF !important;
}
.bh-bColor-primary-4 {
  border-color: #F1F4FF !important;
}
.bh-bColor-primary-5 {
  border-color: #F8F9FF !important;
}
.bh-bColor-hover-primary:hover {
  border-color: #536DFE !important;
}
.bh-bColor-hover-primary-2:hover {
  border-color: #8396FE !important;
}
.bh-bColor-hover-primary-3:hover {
  border-color: #DDE2FF !important;
}
.bh-bColor-hover-primary-4:hover {
  border-color: #F1F4FF !important;
}
.bh-bColor-hover-primary-5:hover {
  border-color: #F8F9FF !important;
}
.bh-color-success {
  color: #8BC34A !important;
}
.bh-color-success-2 {
  color: #ABD47C !important;
}
.bh-color-success-3 {
  color: #E8F3DB !important;
}
.bh-color-success-4 {
  color: #F6FAF1 !important;
}
.bh-color-success-5 {
  color: #FAFDF8 !important;
}
.bh-color-hover-success:hover {
  color: #8BC34A !important;
}
.bh-color-hover-success-2:hover {
  color: #ABD47C !important;
}
.bh-color-hover-success-3:hover {
  color: #E8F3DB !important;
}
.bh-color-hover-success-4:hover {
  color: #F6FAF1 !important;
}
.bh-color-hover-success-5:hover {
  color: #FAFDF8 !important;
}
.bh-bg-success {
  background-color: #8BC34A !important;
}
.bh-bg-success-2 {
  background-color: #ABD47C !important;
}
.bh-bg-success-3 {
  background-color: #E8F3DB !important;
}
.bh-bg-success-4 {
  background-color: #F6FAF1 !important;
}
.bh-bg-success-5 {
  background-color: #FAFDF8 !important;
}
.bh-bg-hover-success:hover {
  background-color: #8BC34A !important;
}
.bh-bg-hover-success-2:hover {
  background-color: #ABD47C !important;
}
.bh-bg-hover-success-3:hover {
  background-color: #E8F3DB !important;
}
.bh-bg-hover-success-4:hover {
  background-color: #F6FAF1 !important;
}
.bh-bg-hover-success-5:hover {
  background-color: #FAFDF8 !important;
}
.bh-bColor-success {
  border-color: #8BC34A !important;
}
.bh-bColor-success-2 {
  border-color: #ABD47C !important;
}
.bh-bColor-success-3 {
  border-color: #E8F3DB !important;
}
.bh-bColor-success-4 {
  border-color: #F6FAF1 !important;
}
.bh-bColor-success-5 {
  border-color: #FAFDF8 !important;
}
.bh-bColor-hover-success:hover {
  border-color: #8BC34A !important;
}
.bh-bColor-hover-success-2:hover {
  border-color: #ABD47C !important;
}
.bh-bColor-hover-success-3:hover {
  border-color: #E8F3DB !important;
}
.bh-bColor-hover-success-4:hover {
  border-color: #F6FAF1 !important;
}
.bh-bColor-hover-success-5:hover {
  border-color: #FAFDF8 !important;
}
.bh-color-info {
  color: #990099 !important;
}
.bh-color-info-2 {
  color: #B547B5 !important;
}
.bh-color-info-3 {
  color: #EBCCEB !important;
}
.bh-color-info-4 {
  color: #F7EBF7 !important;
}
.bh-color-info-5 {
  color: #FBF5FB !important;
}
.bh-color-hover-info:hover {
  color: #990099 !important;
}
.bh-color-hover-info-2:hover {
  color: #B547B5 !important;
}
.bh-color-hover-info-3:hover {
  color: #EBCCEB !important;
}
.bh-color-hover-info-4:hover {
  color: #F7EBF7 !important;
}
.bh-color-hover-info-5:hover {
  color: #FBF5FB !important;
}
.bh-bg-info {
  background-color: #990099 !important;
}
.bh-bg-info-2 {
  background-color: #B547B5 !important;
}
.bh-bg-info-3 {
  background-color: #EBCCEB !important;
}
.bh-bg-info-4 {
  background-color: #F7EBF7 !important;
}
.bh-bg-info-5 {
  background-color: #FBF5FB !important;
}
.bh-bg-hover-info:hover {
  background-color: #990099 !important;
}
.bh-bg-hover-info-2:hover {
  background-color: #B547B5 !important;
}
.bh-bg-hover-info-3:hover {
  background-color: #EBCCEB !important;
}
.bh-bg-hover-info-4:hover {
  background-color: #F7EBF7 !important;
}
.bh-bg-hover-info-5:hover {
  background-color: #FBF5FB !important;
}
.bh-bColor-info {
  border-color: #990099 !important;
}
.bh-bColor-info-2 {
  border-color: #B547B5 !important;
}
.bh-bColor-info-3 {
  border-color: #EBCCEB !important;
}
.bh-bColor-info-4 {
  border-color: #F7EBF7 !important;
}
.bh-bColor-info-5 {
  border-color: #FBF5FB !important;
}
.bh-bColor-hover-info:hover {
  border-color: #990099 !important;
}
.bh-bColor-hover-info-2:hover {
  border-color: #B547B5 !important;
}
.bh-bColor-hover-info-3:hover {
  border-color: #EBCCEB !important;
}
.bh-bColor-hover-info-4:hover {
  border-color: #F7EBF7 !important;
}
.bh-bColor-hover-info-5:hover {
  border-color: #FBF5FB !important;
}
.bh-color-warning {
  color: #FFA000 !important;
}
.bh-color-warning-2 {
  color: #FFBA47 !important;
}
.bh-color-warning-3 {
  color: #FFECCC !important;
}
.bh-color-warning-4 {
  color: #FFF8EB !important;
}
.bh-color-warning-5 {
  color: #FFFBF5 !important;
}
.bh-color-hover-warning:hover {
  color: #FFA000 !important;
}
.bh-color-hover-warning-2:hover {
  color: #FFBA47 !important;
}
.bh-color-hover-warning-3:hover {
  color: #FFECCC !important;
}
.bh-color-hover-warning-4:hover {
  color: #FFF8EB !important;
}
.bh-color-hover-warning-5:hover {
  color: #FFFBF5 !important;
}
.bh-bg-warning {
  background-color: #FFA000 !important;
}
.bh-bg-warning-2 {
  background-color: #FFBA47 !important;
}
.bh-bg-warning-3 {
  background-color: #FFECCC !important;
}
.bh-bg-warning-4 {
  background-color: #FFF8EB !important;
}
.bh-bg-warning-5 {
  background-color: #FFFBF5 !important;
}
.bh-bg-hover-warning:hover {
  background-color: #FFA000 !important;
}
.bh-bg-hover-warning-2:hover {
  background-color: #FFBA47 !important;
}
.bh-bg-hover-warning-3:hover {
  background-color: #FFECCC !important;
}
.bh-bg-hover-warning-4:hover {
  background-color: #FFF8EB !important;
}
.bh-bg-hover-warning-5:hover {
  background-color: #FFFBF5 !important;
}
.bh-bColor-warning {
  border-color: #FFA000 !important;
}
.bh-bColor-warning-2 {
  border-color: #FFBA47 !important;
}
.bh-bColor-warning-3 {
  border-color: #FFECCC !important;
}
.bh-bColor-warning-4 {
  border-color: #FFF8EB !important;
}
.bh-bColor-warning-5 {
  border-color: #FFFBF5 !important;
}
.bh-bColor-hover-warning:hover {
  border-color: #FFA000 !important;
}
.bh-bColor-hover-warning-2:hover {
  border-color: #FFBA47 !important;
}
.bh-bColor-hover-warning-3:hover {
  border-color: #FFECCC !important;
}
.bh-bColor-hover-warning-4:hover {
  border-color: #FFF8EB !important;
}
.bh-bColor-hover-warning-5:hover {
  border-color: #FFFBF5 !important;
}
.bh-color-danger {
  color: #FF5252 !important;
}
.bh-color-danger-2 {
  color: #FE8181 !important;
}
.bh-color-danger-3 {
  color: #FFDCDC !important;
}
.bh-color-danger-4 {
  color: #FFF1F1 !important;
}
.bh-color-danger-5 {
  color: #FFF8F8 !important;
}
.bh-color-hover-danger:hover {
  color: #FF5252 !important;
}
.bh-color-hover-danger-2:hover {
  color: #FE8181 !important;
}
.bh-color-hover-danger-3:hover {
  color: #FFDCDC !important;
}
.bh-color-hover-danger-4:hover {
  color: #FFF1F1 !important;
}
.bh-color-hover-danger-5:hover {
  color: #FFF8F8 !important;
}
.bh-bg-danger {
  background-color: #FF5252 !important;
}
.bh-bg-danger-2 {
  background-color: #FE8181 !important;
}
.bh-bg-danger-3 {
  background-color: #FFDCDC !important;
}
.bh-bg-danger-4 {
  background-color: #FFF1F1 !important;
}
.bh-bg-danger-5 {
  background-color: #FFF8F8 !important;
}
.bh-bg-hover-danger:hover {
  background-color: #FF5252 !important;
}
.bh-bg-hover-danger-2:hover {
  background-color: #FE8181 !important;
}
.bh-bg-hover-danger-3:hover {
  background-color: #FFDCDC !important;
}
.bh-bg-hover-danger-4:hover {
  background-color: #FFF1F1 !important;
}
.bh-bg-hover-danger-5:hover {
  background-color: #FFF8F8 !important;
}
.bh-bColor-danger {
  border-color: #FF5252 !important;
}
.bh-bColor-danger-2 {
  border-color: #FE8181 !important;
}
.bh-bColor-danger-3 {
  border-color: #FFDCDC !important;
}
.bh-bColor-danger-4 {
  border-color: #FFF1F1 !important;
}
.bh-bColor-danger-5 {
  border-color: #FFF8F8 !important;
}
.bh-bColor-hover-danger:hover {
  border-color: #FF5252 !important;
}
.bh-bColor-hover-danger-2:hover {
  border-color: #FE8181 !important;
}
.bh-bColor-hover-danger-3:hover {
  border-color: #FFDCDC !important;
}
.bh-bColor-hover-danger-4:hover {
  border-color: #FFF1F1 !important;
}
.bh-bColor-hover-danger-5:hover {
  border-color: #FFF8F8 !important;
}
.bh-color-grey {
  color: #444444 !important;
}
.bh-color-grey-2 {
  color: #888888 !important;
}
.bh-color-grey-3 {
  color: #BBBBBB !important;
}
.bh-color-grey-4 {
  color: #DDDDDD !important;
}
.bh-color-grey-5 {
  color: #EEEEEE !important;
}
.bh-color-hover-grey:hover {
  color: #444444 !important;
}
.bh-color-hover-grey-2:hover {
  color: #888888 !important;
}
.bh-color-hover-grey-3:hover {
  color: #BBBBBB !important;
}
.bh-color-hover-grey-4:hover {
  color: #DDDDDD !important;
}
.bh-color-hover-grey-5:hover {
  color: #EEEEEE !important;
}
.bh-bg-grey {
  background-color: #444444 !important;
}
.bh-bg-grey-2 {
  background-color: #888888 !important;
}
.bh-bg-grey-3 {
  background-color: #BBBBBB !important;
}
.bh-bg-grey-4 {
  background-color: #DDDDDD !important;
}
.bh-bg-grey-5 {
  background-color: #EEEEEE !important;
}
.bh-bg-hover-grey:hover {
  background-color: #444444 !important;
}
.bh-bg-hover-grey-2:hover {
  background-color: #888888 !important;
}
.bh-bg-hover-grey-3:hover {
  background-color: #BBBBBB !important;
}
.bh-bg-hover-grey-4:hover {
  background-color: #DDDDDD !important;
}
.bh-bg-hover-grey-5:hover {
  background-color: #EEEEEE !important;
}
.bh-bColor-grey {
  border-color: #444444 !important;
}
.bh-bColor-grey-2 {
  border-color: #888888 !important;
}
.bh-bColor-grey-3 {
  border-color: #BBBBBB !important;
}
.bh-bColor-grey-4 {
  border-color: #DDDDDD !important;
}
.bh-bColor-grey-5 {
  border-color: #EEEEEE !important;
}
.bh-bColor-hover-grey:hover {
  border-color: #444444 !important;
}
.bh-bColor-hover-grey-2:hover {
  border-color: #888888 !important;
}
.bh-bColor-hover-grey-3:hover {
  border-color: #BBBBBB !important;
}
.bh-bColor-hover-grey-4:hover {
  border-color: #DDDDDD !important;
}
.bh-bColor-hover-grey-5:hover {
  border-color: #EEEEEE !important;
}
.bh-color-default {
  color: #444444 !important;
}
.bh-bg-default {
  background-color: #EEEEEE !important;
}
.bh-color-heading {
  color: #888888 !important;
}
.bh-color-caption {
  color: #BBBBBB !important;
}
.bh-color-divide {
  color: #DDDDDD !important;
}
.bh-has-modal-body {
  overflow: hidden !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
}
.bh-win-padding-scrollbar {
  padding-right: 16px !important;
}
.bh-modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
.bh-pop {
  margin: 0 auto;
  padding: 32px 24px;
}
.bh-dialog-con.bh-pop {
  padding: 24px 16px;
}
.bh-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 51050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.bh-modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 51040;
  background-color: #000;
  opacity: .5;
}
.bh-dialog-content p {
  margin-bottom: 32px;
  margin-top: 32px;
  text-align: center;
}
.bh-dialog-center {
  text-align: right;
  margin-top: 32px;
}
.bh-dialog-icon-colorinformation {
  color: #536DFE !important;
}
.bh-dialog-icon-colorsuccess {
  color: #8BC34A !important;
}
.bh-dialog-icon-colorwarning {
  color: #FFA000 !important;
}
.bh-dialog-icon-colordanger {
  color: #FF5252 !important;
}
.bh-dialog-minHeight {
  height: 240px;
}
.bh-dialog-title-con .iconfont {
  font-size: 32px;
  float: left;
  padding-right: 8px;
}
.bh-dialog-content {
  margin-top: 32px;
}
.bh-dialog-content .content {
  margin-left: 3px;
}
.bh-dialog-expand,
.bh-dialog-collapse {
  margin-left: 8px;
}
.bh-dialog-subContent {
  display: none;
  word-break: break-all;
}
.bh-dropdown {
  position: relative;
}
.bh-dropdown .bh-btn {
  position: relative;
  min-width: 88px;
  padding-left: 8px;
  padding-right: 28px;
  text-align: left;
  margin-left: 0;
}
.bh-dropdown .bh-btn.bh-btn-larger {
  min-width: 100px;
  padding-left: 12px;
}
.bh-dropdown .bh-btn.bh-btn-small {
  min-width: 80px;
}
.bh-dropdown .bh-btn.bh-btn-small + .bh-dropdown-menu {
  font-size: 12px;
}
.bh-dropdown .bh-btn:after {
  content: "";
  position: absolute;
  right: 8px;
  top: -webkit-calc(50% - 3px);
  top: -moz-calc(50% - 3px);
  top: calc(50% - 3px);
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #444444;
}
.bh-dropdown-menu {
  position: absolute;
  z-index: 380;
  outline: 0;
  top: 100%;
  left: 0;
  min-width: 176px;
  padding: 4px 0;
  margin-top: 8px;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border-radius: 1px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
  background-clip: padding-box;
  display: none;
}
.bh-dropdown-menu .bh-dropdown-divider {
  height: 1px;
  margin: 4px 0;
  overflow: hidden;
  background-color: #EEEEEE;
}
.bh-dropdown-menu > li > a {
  display: block;
  padding: 6px 16px;
  color: #444444;
  clear: both;
  white-space: nowrap;
}
.bh-dropdown-menu > .bh-active > a:hover,
.bh-dropdown-menu > li > a:hover,
.bh-dropdown-menu > .bh-active > a:focus,
.bh-dropdown-menu > li > a:focus {
  text-decoration: none;
  background-color: #F1F4FF;
}
.bh-dropdown-menu > .bh-disabled > a,
.bh-dropdown-menu > .bh-disabled > a:hover,
.bh-dropdown-menu > .bh-disabled > a:focus {
  color: #DDDDDD;
  cursor: default;
  background-color: transparent;
}
.bh-dropdown-open.bh-dropdown-menu {
  display: block;
}
.bh-dropdown-primary.bh-dropdown .bh-btn:after {
  border-top-color: #fff;
}
.bh-dropdown-primary .bh-dropdown-menu {
  background-color: #536DFE;
}
.bh-dropdown-primary .bh-dropdown-menu > li > a {
  color: #fff;
}
.bh-dropdown-primary .bh-dropdown-menu > .bh-active > a:hover,
.bh-dropdown-primary .bh-dropdown-menu > li > a:hover,
.bh-dropdown-primary .bh-dropdown-menu > .bh-active > a:focus,
.bh-dropdown-primary .bh-dropdown-menu > li > a:focus {
  background-color: #8396FE;
}
.bh-dropdown-primary .bh-dropdown-menu > .bh-disabled > a,
.bh-dropdown-primary .bh-dropdown-menu > .bh-disabled > a:hover,
.bh-dropdown-primary .bh-dropdown-menu > .bh-disabled > a:focus {
  color: rgba(255, 255, 255, 0.48);
}
.bh-dropdown-right.bh-dropdown {
  text-align: right;
}
.bh-dropdown-right.bh-dropdown .bh-dropdown-menu {
  right: 0;
  left: inherit;
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}
.bh-dropdown-right-up.bh-dropdown {
  text-align: right;
}
.bh-dropdown-right-up.bh-dropdown .bh-dropdown-menu {
  top: inherit;
  right: 0;
  left: inherit;
  -webkit-transform-origin: right bottom;
  -moz-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  transform-origin: right bottom;
}
.bh-dropdown-up.bh-dropdown .bh-dropdown-menu {
  top: inherit;
  -webkit-transform-origin: left bottom;
  -moz-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
  transform-origin: left bottom;
}
.bh-dropdown-up.bh-dropdown > .bh-dropdown-menu,
.bh-dropdown-right-up.bh-dropdown > .bh-dropdown-menu {
  bottom: 40px;
}
.bh-dropdown-up.bh-dropdown > .bh-btn-small + .bh-dropdown-menu,
.bh-dropdown-right-up.bh-dropdown > .bh-btn-small + .bh-dropdown-menu {
  bottom: 36px;
}
.bh-dropdown-up.bh-dropdown > .bh-btn-large + .bh-dropdown-menu,
.bh-dropdown-right-up.bh-dropdown > .bh-btn-large + .bh-dropdown-menu {
  bottom: 44px;
}
.bh-emapdatatable-dialog-list {
  border-top: 1px solid #EBCCEB;
  border-left: 1px solid #EBCCEB;
}
.bh-emapdatatable-dialog-list .reoderable .order-handle {
  opacity: 0;
  position: absolute;
  right: 0px;
  top: 1px;
  cursor: move;
}
.bh-emapdatatable-dialog-list .reoderable:hover {
  padding-right: 19px;
}
.bh-emapdatatable-dialog-list .reoderable:hover .order-handle {
  opacity: 1;
}
.bh-emapdatatable-dialog-list .bh-choice-helper:before {
  left: 1px;
}
.bh-emapdatatable-dialog-list li {
  border-bottom: 1px solid #EBCCEB;
  border-right: 1px solid #EBCCEB;
  line-height: 32px;
  height: 35px;
  width: 16.66666%!important;
}
.bh-emapdatatable-dialog-list li:hover {
  background-color: #F1F4FF;
}
.bh-emapdatatable-dialog-list li .bh-checkbox {
  padding-top: 0;
  overflow: hidden;
  padding-left: 2px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bh-emapdatatable-dialog-list li .bh-checkbox i {
  font-style: normal;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5 {
  font-weight: bold;
  margin-bottom: 0px;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  color: #888888;
}
h4,
.h4,
h5,
.h5 {
  color: #444444;
}
h1,
.h1,
.bh-h1 {
  font-size: 24px;
  line-height: 24px;
}
h2,
.h2,
.bh-h2 {
  font-size: 20px;
  line-height: 20px;
}
h3,
.h3,
.bh-h3 {
  font-size: 16px;
  line-height: 16px;
}
h4,
.h4,
.bh-h4 {
  font-size: 14px;
  line-height: 14px;
}
h5,
.h5,
.bh-h5 {
  font-size: 12px;
  line-height: 12px;
}
b,
strong {
  font-weight: bold;
}
.bh-text-caption {
  font-size: 12px;
  line-height: 20px;
}
.bh-caption-default {
  color: #BBBBBB;
}
.bh-caption-success {
  color: #8BC34A;
}
.bh-caption-warning {
  color: #FFA000;
}
.bh-caption-danger {
  color: #FF5252;
}
.bh-text-large,
.bh-text-caption-large {
  font-size: 14px;
  line-height: 24px;
}
.bh-text-default {
  font-size: 12px;
  line-height: 20px;
}
.bh-text-left {
  text-align: left;
}
.bh-text-right {
  text-align: right;
}
.bh-text-center {
  text-align: center;
}
.bh-text-justify {
  text-align: justify;
}
.bh-text-nowrap {
  white-space: nowrap;
}
.bh-text-lowercase {
  text-transform: lowercase;
}
.bh-text-uppercase {
  text-transform: uppercase;
}
.bh-text-capitalize {
  text-transform: capitalize;
}
small,
.bh-text-small {
  font-size: 116%;
}
.bh-form-label {
  display: inline-block;
  max-width: 100%;
  font-weight: bold;
  font-size: 12px;
  padding: 4px 0px 4px 4px;
  text-align: left;
  color: #444444;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.bh-form-control {
  display: block;
  width: 100%;
  height: 28px;
  padding: 4px;
  font-size: 12px;
  line-height: 18px;
  color: #444444;
  background-color: #fff;
  background-image: none;
  border: 1px solid #EBCCEB;
  border-radius: 2px;
}
.bh-form-control[type=text] {
  line-height: 18px;
}
.bh-form-control:focus {
  border-color: #536DFE;
  outline: 0;
  -webkit-box-shadow: inset 0 0 2px #536DFE;
  box-shadow: inset 0 0 2px #536DFE;
}
.bh-form-control::-moz-placeholder {
  color: #BBBBBB;
  opacity: 1;
}
.bh-form-control:-ms-input-placeholder {
  color: #BBBBBB;
}
.bh-form-control::-webkit-input-placeholder {
  color: #BBBBBB;
}
.bh-form-control[disabled],
.bh-form-control[readonly],
fieldset[disabled] .bh-form-control {
  background-color: #EEEEEE;
  opacity: 1;
  color: #BBBBBB;
}
.bh-form-control[disabled],
fieldset[disabled] .bh-form-control {
  cursor: not-allowed;
}
textarea.bh-form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
.bh-simple-search {
  position: relative;
}
.bh-simple-search input[type='text'] {
  padding-left: 29px;
}
.bh-simple-search a {
  position: absolute;
  top: 5px;
  left: 6px;
  color: #888888;
}
.bh-simple-search a i {
  font-size: 18px;
}
.bh-form-group {
  margin-bottom: 4px;
}
.bh-form-group.bh-required .bh-form-label:before {
  content: "*";
  position: absolute;
  color: #FF5252;
  line-height: 28px;
  left: 4px;
}
.bh-form-group .bh-text-caption {
  display: none;
}
.bh-input-lg {
  height: 32px;
  padding: 4px 4px;
  font-size: 14px;
  line-height: 20px;
  border-radius: 2px;
}
select.bh-input-lg {
  height: 32px;
  line-height: 32px;
}
textarea.bh-input-lg,
select[multiple].bh-input-lg {
  height: auto;
}
.bh-form-group-lg .bh-form-control {
  height: 32px;
  padding: 4px 4px;
  font-size: 14px;
  line-height: 20px;
  border-radius: 2px;
}
select.bh-form-group-lg .bh-form-control {
  height: 32px;
  line-height: 32px;
}
textarea.bh-form-group-lg .bh-form-control,
select[multiple].bh-form-group-lg .bh-form-control {
  height: auto;
}
.bh-form-group-lg .bh-form-label {
  font-size: 14px;
  padding: 6px 8px 6px 16px;
  margin-right: 0;
}
.bh-form-group-lg .bh-form-group {
  margin-bottom: 8px;
}
.bh-form-control-warning .help-block,
.bh-form-control-warning .control-label,
.bh-form-control-warning .radio,
.bh-form-control-warning .checkbox,
.bh-form-control-warning .radio-inline,
.bh-form-control-warning .checkbox-inline,
.bh-form-control-warning.radio label,
.bh-form-control-warning.checkbox label,
.bh-form-control-warning.radio-inline label,
.bh-form-control-warning.checkbox-inline label {
  color: #FFA000;
}
.bh-form-control-warning .form-control {
  border-color: #FFA000;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.bh-form-control-warning .form-control:focus {
  border-color: #cc8000;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffc666;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffc666;
}
.bh-form-control-warning .input-group-addon {
  color: #FFA000;
  border-color: #FFA000;
  background-color: #FFA000;
}
.bh-form-control-warning .form-control-feedback {
  color: #FFA000;
}
.bh-form-control-warning .help-block,
.bh-form-control-warning .control-label,
.bh-form-control-warning .radio,
.bh-form-control-warning .checkbox,
.bh-form-control-warning .radio-inline,
.bh-form-control-warning .checkbox-inline,
.bh-form-control-warning.radio label,
.bh-form-control-warning.checkbox label,
.bh-form-control-warning.radio-inline label,
.bh-form-control-warning.checkbox-inline label {
  color: #FFA000;
}
.bh-form-control-warning .bh-form-control {
  border-color: #FFA000;
}
.bh-form-control-warning .bh-form-control:focus {
  border-color: #FFA000;
  -webkit-box-shadow: inset 0 0 2px #FFA000;
  box-shadow: inset 0 0 2px #FFA000;
}
.bh-form-control-warning .bh-text-caption {
  display: block;
}
.bh-form-control-warning .bh-text-caption i {
  font-size: 16px;
  margin-right: 4px;
}
.bh-form-control-danger .help-block,
.bh-form-control-danger .control-label,
.bh-form-control-danger .radio,
.bh-form-control-danger .checkbox,
.bh-form-control-danger .radio-inline,
.bh-form-control-danger .checkbox-inline,
.bh-form-control-danger.radio label,
.bh-form-control-danger.checkbox label,
.bh-form-control-danger.radio-inline label,
.bh-form-control-danger.checkbox-inline label {
  color: #FF5252;
}
.bh-form-control-danger .form-control {
  border-color: #FF5252;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.bh-form-control-danger .form-control:focus {
  border-color: #ff1f1f;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffb8b8;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffb8b8;
}
.bh-form-control-danger .input-group-addon {
  color: #FF5252;
  border-color: #FF5252;
  background-color: #FF5252;
}
.bh-form-control-danger .form-control-feedback {
  color: #FF5252;
}
.bh-form-control-danger .help-block,
.bh-form-control-danger .control-label,
.bh-form-control-danger .radio,
.bh-form-control-danger .checkbox,
.bh-form-control-danger .radio-inline,
.bh-form-control-danger .checkbox-inline,
.bh-form-control-danger.radio label,
.bh-form-control-danger.checkbox label,
.bh-form-control-danger.radio-inline label,
.bh-form-control-danger.checkbox-inline label {
  color: #FF5252;
}
.bh-form-control-danger .bh-form-control {
  border-color: #FF5252;
}
.bh-form-control-danger .bh-form-control:focus {
  border-color: #FF5252;
  -webkit-box-shadow: inset 0 0 2px #FF5252;
  box-shadow: inset 0 0 2px #FF5252;
}
.bh-form-control-danger .bh-text-caption {
  display: block;
}
.bh-form-control-danger .bh-text-caption i {
  font-size: 16px;
  margin-right: 4px;
}
.jqx-window-content .bh-form-S .bh-row {
  margin-left: 0px;
  margin-right: 0px;
}
.bh-form-horizontal,
.bh-form-vertical {
  margin-bottom: 16px;
}
[bh-form-role=bhForm] .bh-row:hover,
[bh-form-role=bhForm] .bh-row.bh-active {
  background-color: #F1F4FF;
}
[bh-form-role=bhForm] .bh-row .bh-form-group {
  margin-bottom: 0;
}
[bh-form-role=bhForm] .bh-form-label {
  padding: 4px 0 4px 16px;
  line-height: 20px;
}
.bh-form-horizontal .bh-row {
  padding: 4px 0;
}
.bh-form-horizontal .bh-row .bh-form-group {
  margin-bottom: 0;
}
.bh-form-vertical .bh-form-label,
.bh-form-vertical.bh-form-lg .bh-form-label {
  padding: 6px 8px 6px 0;
  margin-bottom: 4px;
}
.bh-form-lg .bh-form-label {
  font-size: 14px;
  padding: 6px 8px 6px 16px;
  margin-right: 0;
}
.bh-form-lg .bh-form-control {
  font-size: 14px;
  line-height: 20px;
  height: 32px;
}
.bh-form-lg .bh-form-group {
  margin-bottom: 8px;
}
.bh-form-inline .bh-row {
  margin-top: 4px;
  margin-bottom: 4px;
}
.bh-form-inline .bh-form-group {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}
.bh-form-inline .bh-form-control {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
.bh-form-inline .bh-form-label {
  margin-bottom: 0;
  vertical-align: top;
}
.bh-form-inline .bh-radio,
.bh-form-inline .bh-checkbox {
  display: inline-block;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}
.bh-form-inline .bh-radio label,
.bh-form-inline .bh-checkbox label {
  padding-left: 4px;
}
.bh-form-inline .bh-radio input[type="radio"],
.bh-form-inline .bh-checkbox input[type="checkbox"] {
  position: relative;
  margin-left: 0;
}
.bh-input-group {
  display: table;
  vertical-align: middle;
}
.bh-input-group .bh-input-group-addon,
.bh-input-group .bh-input-group-btn,
.bh-input-group .bh-form-control {
  width: 1%;
  display: table-cell;
}
.bh-input-group .bh-input-group-addon {
  padding: 0 4px;
  background-color: #DDDDDD;
}
.bh-input-group .bh-form-control {
  border-radius: 2px 0 0 2px;
}
.bh-input-group .bh-input-group-addon,
.bh-input-group .bh-input-group-btn {
  border-radius: 0 2px 2px 0;
}
.bh-input-group > .bh-form-control {
  width: 100%;
}
.bh-form-readonly .bh-form-block,
.bh-form-readonly.bh-form-block {
  border-left: #EBCCEB solid 1px;
  border-top: #EBCCEB solid 1px;
  clear: both;
  margin-bottom: 16px;
}
.bh-form-readonly .bh-form-block:after,
.bh-form-readonly.bh-form-block:after {
  content: '';
  display: block;
  clear: both;
}
.bh-form-readonly .bh-form-group {
  background: #FBF5FB;
  border-right: #EBCCEB solid 1px;
  border-bottom: #EBCCEB solid 1px;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}
.bh-form-readonly .bh-form-group > [class^=bh-col-md-] {
  padding-left: 0;
  padding-right: 0;
}
.bh-form-readonly .bh-form-label {
  border-right: #EBCCEB solid 1px;
  padding: 6px 4px;
}
.bh-form-readonly input {
  background: #fff;
}
.bh-form-readonly .bh-row {
  padding: 0;
  margin-left: 0;
  margin-right: 0;
}
.bh-form-readonly .bh-form-static {
  background: #fff;
  height: 32px;
  line-height: 32px;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.bh-form-readonly .bh-radio label {
  margin: 2px 0 2px 0 !important;
}
.bh-form-group .bh-data-area-picker-clear {
  margin-left: 0;
  margin-right: 0;
}
.bh-form-group .bh-file-photo-block {
  margin: 0;
}
.bh-form-group .bh-file-photo {
  width: 88px;
}
.bh-form-readonly .bh-file-photo {
  background: #fff;
  width: 100%;
  padding-top: 8px;
}
.bh-form-readonly .bh-file-photo-block {
  margin-left: 8px;
}
.bh-form-readonly [xtype=uploadfile] {
  background: #fff;
  overflow: hidden;
  line-height: 28px;
  padding: 0 8px;
}
.bh-form-readonly .bh-form-label {
  border-right: none;
}
.bh-form-readonly .bh-form-label + div[class^=bh-col-] {
  border-left: #ddd solid 1px;
}
.bh-form-group.bh-disabled .bh-file-upload {
  color: #BBBBBB;
  cursor: not-allowed;
}
.bh-form-group.bh-disabled .bh-table-form-icon {
  color: #BBBBBB;
}
.bh-form-readonly.bh-form-horizontal .bh-row {
  padding: 0;
}
.bh-form-readonly.bh-form-horizontal .bh-form-label {
  padding: 4px 4px 4px 12px;
  line-height: 24px;
}
body .bh-form-groupname {
  font-size: 16px;
  font-weight: bold;
  border-left: 4px solid #990099;
  padding-left: 8px;
  line-height: 16px;
  min-height: 0!important;
  margin-bottom: 8px;
  float: none!important;
}
.bh-form-S [xtype=uploadphoto] {
  width: 88px;
}
.bh-form-S .bh-form-label {
  text-align: left;
  padding-left: 0;
}
.bh-form-S .bh-row {
  margin-left: 0;
  margin-right: 0;
}
.bh-form-S .bh-form-group.bh-required .bh-form-label:before {
  left: 2px;
}
.bh-form-S .jqx-validator-error-info {
  padding: 0 12px;
}
.bh-form-S .bh-form-vertical-switcher .bh-form-label {
  vertical-align: middle;
  margin-right: 8px;
}
.bh-form-S .bh-form-vertical-switcher .bh-form-vertical-input-wrap {
  display: inline-block;
  vertical-align: middle;
}
.bh-form-group .jqx-text-area textarea {
  height: 100%;
}
.bh-form-group textarea.bh-form-control {
  resize: none;
}
.bh-row .bh-form-placeholder {
  line-height: 28px;
}
.bh-form-group .bh-radio,
.bh-advancedQuery-groupList .bh-radio {
  display: inline-block;
}
.bh-form-h-label {
  width: 115px;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bh-form-group [xtype=text],
.bh-form-group [xtype=date-local],
.bh-form-group [xtype=date-ym],
.bh-form-group [xtype=select],
.bh-form-group [xtype=tree] {
  background: #fff;
}
.bh-form-group .bh-radio,
.bh-form-group .bh-checkbox {
  display: inline-block;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  padding-top: 3px;
}
.bh-form-group .bh-radio label,
.bh-form-group .bh-checkbox label {
  padding-left: 4px;
  display: inline-block;
  margin-bottom: 4px;
  height: 21px;
}
.bh-form-group .bh-radio input[type="radio"],
.bh-form-group .bh-checkbox input[type="checkbox"] {
  margin-left: 0;
}
.bh-form-group .bh-checkbox input[type="checkbox"] {
  position: relative;
}
.bh-form-group.bh-col-md-0.bh-form-placeholder {
  display: none!important;
}
.bh-form-readonly-label {
  width: 124px;
  float: left;
  word-break: break-all;
}
.bh-form-readonly-input {
  margin-left: 124px;
  background: #fff;
  border-left: #EBCCEB solid 1px;
  position: relative;
}
.bh-form-readonly-input input[readonly] {
  background: #fff;
}
.bh-form-readonly-input textarea {
  padding-left: 8px;
  padding-right: 8px;
}
.bh-form-readonly-input textarea[disabled] {
  color: #ddd;
}
.jqx-combobox-input {
  background: transparent;
}
.bh-form-readonly-input .bh-form-control[readonly] {
  color: #444444;
}
.bh-form-group [xtype=static] {
  line-height: 28px;
}
[xtype^=date-] .jqx-input-content {
  padding-left: 4px;
}
/********************表格表单混排*********************/
.bh-table-form .bh-form-group {
  background: #F7EBF7;
  border-right-color: #EBCCEB;
  border-bottom-color: #EBCCEB;
}
.bh-table-form .bh-form-block,
.bh-table-form.bh-form-block {
  border-left-color: #EBCCEB;
  border-top-color: #EBCCEB;
}
.bh-table-form .bh-form-readonly-input {
  padding: 2px!important;
}
.bh-table-form .bh-form-readonly-input input[type=text] {
  padding-right: 18px;
}
.bh-table-form .bh-form-readonly-input [xtype=div],
.bh-table-form .bh-form-readonly-input p.bh-form-static {
  line-height: 28px;
  min-height: 28px;
}
.bh-table-form .bh-form-readonly-input p.bh-form-static {
  height: 28px;
}
.bh-table-form .bh-form-static {
  background: #FBF5FB;
}
.bh-table-form .bh-table-form-icon {
  position: absolute;
  right: 6px;
  top: 6px;
}
.bh-table-form .form-validate-block {
  position: relative;
  padding: 0;
}
.bh-table-form .form-validate-block.bh-actived .jqx-validator-error-info {
  z-index: 199;
  display: block!important;
}
.bh-table-form .form-validate-block .jqx-validator-error-info {
  display: none!important;
  position: absolute;
  top: -26px;
  background: #FFA000;
  color: white;
  right: 0;
  line-height: 12px;
  padding: 2px 8px;
  border-right-color: transparent;
  border-bottom-color: transparent;
}
.bh-table-form .form-validate-block .jqx-validator-error-info.bh-col-md-1,
.bh-table-form .form-validate-block .jqx-validator-error-info.bh-col-md-2,
.bh-table-form .form-validate-block .jqx-validator-error-info.bh-col-md-3,
.bh-table-form .form-validate-block .jqx-validator-error-info.bh-col-md-4,
.bh-table-form .form-validate-block .jqx-validator-error-info.bh-col-md-5,
.bh-table-form .form-validate-block .jqx-validator-error-info.bh-col-md-6,
.bh-table-form .form-validate-block .jqx-validator-error-info.bh-col-md-7,
.bh-table-form .form-validate-block .jqx-validator-error-info.bh-col-md-8,
.bh-table-form .form-validate-block .jqx-validator-error-info.bh-col-md-9,
.bh-table-form .form-validate-block .jqx-validator-error-info.bh-col-md-10,
.bh-table-form .form-validate-block .jqx-validator-error-info.bh-col-md-11 {
  width: auto;
}
.bh-table-form .form-validate-block .jqx-validator-error-info:after {
  content: "";
  width: 0px;
  height: 0px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #FFA000;
  font-size: 0px;
  line-height: 0px;
  position: absolute;
  top: 21px;
  right: 6px;
}
.bh-table-form .form-validate-block .bh-form-group.bh-required .bh-form-label:before {
  left: 4px;
}
.bh-table-form .bh-form-placeholder.bh-form-flow {
  display: none;
}
.bh-table-form .form-validate-block {
  min-height: 0;
}
.bh-table-form .bh-checkbox {
  padding-top: 3px;
}
.bh-form-horizontal .form-validate-block.bh-primary {
  background: #DDE2FF;
}
.bh-form-horizontal .form-validate-block.bh-info {
  background: #EBCCEB;
}
.bh-form-horizontal .form-validate-block.bh-success {
  background: #E8F3DB;
}
.bh-form-horizontal .form-validate-block.bh-warning {
  background: #FFECCC;
}
.bh-form-horizontal .form-validate-block.bh-danger {
  background: #FFDCDC;
}
.bh-table-form .bh-form-group.bh-primary,
.bh-form-readonly .bh-form-group.bh-primary {
  background: #DDE2FF;
}
.bh-table-form .bh-form-group.bh-info,
.bh-form-readonly .bh-form-group.bh-info {
  background: #EBCCEB;
}
.bh-table-form .bh-form-group.bh-success,
.bh-form-readonly .bh-form-group.bh-success {
  background: #E8F3DB;
}
.bh-table-form .bh-form-group.bh-warning,
.bh-form-readonly .bh-form-group.bh-warning {
  background: #FFECCC;
}
.bh-table-form .bh-form-group.bh-danger,
.bh-form-readonly .bh-form-group.bh-danger {
  background: #FFDCDC;
}
.bh-table-form .bh-form-readonly-input div[xtype=uploadfile],
.bh-form-readonly .bh-form-readonly-input div[xtype=uploadfile],
.bh-table-form .bh-form-readonly-input div[xtype=emapImageUpload],
.bh-form-readonly .bh-form-readonly-input div[xtype=emapImageUpload],
.bh-table-form .bh-form-readonly-input div[xtype=uploadsingleimage],
.bh-form-readonly .bh-form-readonly-input div[xtype=uploadsingleimage] {
  min-height: 28px;
}
.bhtc-input-group.bh-disabled {
  color: #BBBBBB;
}
.bhtc-input-group.bh-disabled input[type=text] {
  color: #BBBBBB;
  background-color: #fff;
}
/********************** flex layout form ***********************/
.bh-flex-form {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
}
.bh-flex-form .bh-form-group {
  float: none!important;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-grow: 1;
}
.bh-flex-form .bh-form-group .bh-form-label {
  float: none;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.bh-flex-form .bh-form-group .bh-form-readonly-input {
  flex-grow: 1;
  margin-left: 0;
  display: flex;
  align-items: center;
}
.bh-flex-form .bh-form-group .bh-form-readonly-input [xtype] {
  flex-grow: 1;
}
.bh-flex-form .bh-form-group .bh-form-static {
  white-space: normal;
  overflow: inherit;
  height: auto;
}
.bh-flex-form.bh-table-form .form-validate-block {
  display: flex;
}
.bh-flex-form.bh-table-form .form-validate-block .bh-table-form-icon {
  top: calc(50% - 10px);
}
.bh-block-margin {
  margin-left: 12px;
  margin-bottom: 36px;
}
div[bh-form-role=bhForm] .bh-choice-helper {
  font-family: Arial-normal, "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
div[emap-role=form] .bh-choice-helper {
  font-family: Arial-normal, "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.bh-container {
  margin-right: auto;
  margin-left: auto;
  margin-top: 8px;
  margin-bottom: 24px;
  padding-left: 8px;
  padding-right: 8px;
}
.bh-row {
  margin-left: -8px;
  margin-right: -8px;
}
.bh-fm-compact .bh-col-xs-1, .bh-fm-compact .bh-col-sm-1, .bh-fm-compact .bh-col-md-1, .bh-fm-compact .bh-col-lg-1, .bh-fm-compact .bh-col-xs-2, .bh-fm-compact .bh-col-sm-2, .bh-fm-compact .bh-col-md-2, .bh-fm-compact .bh-col-lg-2, .bh-fm-compact .bh-col-xs-3, .bh-fm-compact .bh-col-sm-3, .bh-fm-compact .bh-col-md-3, .bh-fm-compact .bh-col-lg-3, .bh-fm-compact .bh-col-xs-4, .bh-fm-compact .bh-col-sm-4, .bh-fm-compact .bh-col-md-4, .bh-fm-compact .bh-col-lg-4, .bh-fm-compact .bh-col-xs-5, .bh-fm-compact .bh-col-sm-5, .bh-fm-compact .bh-col-md-5, .bh-fm-compact .bh-col-lg-5, .bh-fm-compact .bh-col-xs-6, .bh-fm-compact .bh-col-sm-6, .bh-fm-compact .bh-col-md-6, .bh-fm-compact .bh-col-lg-6, .bh-fm-compact .bh-col-xs-7, .bh-fm-compact .bh-col-sm-7, .bh-fm-compact .bh-col-md-7, .bh-fm-compact .bh-col-lg-7, .bh-fm-compact .bh-col-xs-8, .bh-fm-compact .bh-col-sm-8, .bh-fm-compact .bh-col-md-8, .bh-fm-compact .bh-col-lg-8, .bh-fm-compact .bh-col-xs-9, .bh-fm-compact .bh-col-sm-9, .bh-fm-compact .bh-col-md-9, .bh-fm-compact .bh-col-lg-9, .bh-fm-compact .bh-col-xs-10, .bh-fm-compact .bh-col-sm-10, .bh-fm-compact .bh-col-md-10, .bh-fm-compact .bh-col-lg-10, .bh-fm-compact .bh-col-xs-11, .bh-fm-compact .bh-col-sm-11, .bh-fm-compact .bh-col-md-11, .bh-fm-compact .bh-col-lg-11, .bh-fm-compact .bh-col-xs-12, .bh-fm-compact .bh-col-sm-12, .bh-fm-compact .bh-col-md-12, .bh-fm-compact .bh-col-lg-12 {
  padding-left: 0;
  padding-right: 0;
}
.bh-fm-compact label.bh-col-xs-1, .bh-fm-compact label.bh-col-sm-1, .bh-fm-compact label.bh-col-md-1, .bh-fm-compact label.bh-col-lg-1, .bh-fm-compact label.bh-col-xs-2, .bh-fm-compact label.bh-col-sm-2, .bh-fm-compact label.bh-col-md-2, .bh-fm-compact label.bh-col-lg-2, .bh-fm-compact label.bh-col-xs-3, .bh-fm-compact label.bh-col-sm-3, .bh-fm-compact label.bh-col-md-3, .bh-fm-compact label.bh-col-lg-3, .bh-fm-compact label.bh-col-xs-4, .bh-fm-compact label.bh-col-sm-4, .bh-fm-compact label.bh-col-md-4, .bh-fm-compact label.bh-col-lg-4, .bh-fm-compact label.bh-col-xs-5, .bh-fm-compact label.bh-col-sm-5, .bh-fm-compact label.bh-col-md-5, .bh-fm-compact label.bh-col-lg-5, .bh-fm-compact label.bh-col-xs-6, .bh-fm-compact label.bh-col-sm-6, .bh-fm-compact label.bh-col-md-6, .bh-fm-compact label.bh-col-lg-6, .bh-fm-compact label.bh-col-xs-7, .bh-fm-compact label.bh-col-sm-7, .bh-fm-compact label.bh-col-md-7, .bh-fm-compact label.bh-col-lg-7, .bh-fm-compact label.bh-col-xs-8, .bh-fm-compact label.bh-col-sm-8, .bh-fm-compact label.bh-col-md-8, .bh-fm-compact label.bh-col-lg-8, .bh-fm-compact label.bh-col-xs-9, .bh-fm-compact label.bh-col-sm-9, .bh-fm-compact label.bh-col-md-9, .bh-fm-compact label.bh-col-lg-9, .bh-fm-compact label.bh-col-xs-10, .bh-fm-compact label.bh-col-sm-10, .bh-fm-compact label.bh-col-md-10, .bh-fm-compact label.bh-col-lg-10, .bh-fm-compact label.bh-col-xs-11, .bh-fm-compact label.bh-col-sm-11, .bh-fm-compact label.bh-col-md-11, .bh-fm-compact label.bh-col-lg-11, .bh-fm-compact label.bh-col-xs-12, .bh-fm-compact label.bh-col-sm-12, .bh-fm-compact label.bh-col-md-12, .bh-fm-compact label.bh-col-lg-12 {
  padding-left: 8px;
  padding-right: 8px;
}
.bh-col-xs-1, .bh-col-sm-1, .bh-col-md-1, .bh-col-lg-1, .bh-col-xs-2, .bh-col-sm-2, .bh-col-md-2, .bh-col-lg-2, .bh-col-xs-3, .bh-col-sm-3, .bh-col-md-3, .bh-col-lg-3, .bh-col-xs-4, .bh-col-sm-4, .bh-col-md-4, .bh-col-lg-4, .bh-col-xs-5, .bh-col-sm-5, .bh-col-md-5, .bh-col-lg-5, .bh-col-xs-6, .bh-col-sm-6, .bh-col-md-6, .bh-col-lg-6, .bh-col-xs-7, .bh-col-sm-7, .bh-col-md-7, .bh-col-lg-7, .bh-col-xs-8, .bh-col-sm-8, .bh-col-md-8, .bh-col-lg-8, .bh-col-xs-9, .bh-col-sm-9, .bh-col-md-9, .bh-col-lg-9, .bh-col-xs-10, .bh-col-sm-10, .bh-col-md-10, .bh-col-lg-10, .bh-col-xs-11, .bh-col-sm-11, .bh-col-md-11, .bh-col-lg-11, .bh-col-xs-12, .bh-col-sm-12, .bh-col-md-12, .bh-col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 8px;
  padding-right: 8px;
}
.bh-col-md-1, .bh-col-md-2, .bh-col-md-3, .bh-col-md-4, .bh-col-md-5, .bh-col-md-6, .bh-col-md-7, .bh-col-md-8, .bh-col-md-9, .bh-col-md-10, .bh-col-md-11, .bh-col-md-12 {
  float: left;
}
.bh-col-md-12 {
  width: 100%;
}
.bh-col-md-11 {
  width: 91.66666667%;
}
.bh-col-md-10 {
  width: 83.33333333%;
}
.bh-col-md-9 {
  width: 75%;
}
.bh-col-md-8 {
  width: 66.66666667%;
}
.bh-col-md-7 {
  width: 58.33333333%;
}
.bh-col-md-6 {
  width: 50%;
}
.bh-col-md-5 {
  width: 41.66666667%;
}
.bh-col-md-4 {
  width: 33.33333333%;
}
.bh-col-md-3 {
  width: 25%;
}
.bh-col-md-2 {
  width: 16.66666667%;
}
.bh-col-md-1 {
  width: 8.33333333%;
}
.bh-pager-btn {
  display: block;
  float: left;
  margin-right: 5px;
  width: 26px;
  height: 26px;
  color: #444444;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.32);
  border-radius: 2px;
  padding-top: 1px;
}
.bh-pager-btn i {
  font-size: 24px;
  position: relative;
  top: 1px;
}
.bh-pager-num {
  margin-left: 8px;
  margin-right: 17px;
}
.bh-form-control.bh-pager-input {
  width: 35px;
  height: 26px;
  display: inline-block;
  text-align: center;
  margin-right: 5px;
  line-height: 26px;
  padding: 0 4px;
}
.bh-pager-label {
  margin-right: 5px;
}
.bh-pager {
  margin-top: 2px;
  background-color: #FBF5FB;
  height: 34px;
  padding: 4px 7px;
}
.bh-pager .jqx-dropdownlist-state-normal div:first-child {
  background-color: #fff !important;
}
.jqx-grid-pager {
  padding: 0 !important;
}
.bh-pagination {
  display: inline-block;
  padding-left: 0;
  margin: 0;
  clear: both;
}
.bh-pagination:before,
.bh-pagination:after {
  content: " ";
  display: table;
}
.bh-pagination:after {
  clear: both;
}
.bh-pagination > li {
  display: block;
  min-width: 24px;
  height: 24px;
  float: left;
  margin: 0 1px;
}
.bh-pagination > li > a,
.bh-pagination > li > span {
  display: block;
  position: relative;
  float: left;
  padding: 0 4px;
  min-width: 24px;
  height: 24px;
  text-align: center;
  text-decoration: none;
  color: #444444;
  background-color: #fff;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28);
}
.bh-pagination > li > a:not([aria-label]) {
  line-height: 24px;
}
.bh-pagination > li:first-child {
  margin-left: -1px;
}
.bh-pagination > li > a:hover,
.bh-pagination > li > span:hover,
.bh-pagination > li > a:focus,
.bh-pagination > li > span:focus {
  z-index: 3;
  color: #fff;
  background-color: #536DFE;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
}
.bh-pagination > .bh-active > a,
.bh-pagination > .bh-active > span,
.bh-pagination > .bh-active > a:hover,
.bh-pagination > .bh-active > span:hover,
.bh-pagination > .bh-active > a:focus,
.bh-pagination > .bh-active > span:focus {
  z-index: 2;
  color: #fff;
  background-color: #536DFE;
  cursor: default;
}
.bh-pagination > .bh-disabled > span,
.bh-pagination > .bh-disabled > span:hover,
.bh-pagination > .bh-disabled > span:focus,
.bh-pagination > .bh-disabled > a,
.bh-pagination > .bh-disabled > a:hover,
.bh-pagination > .bh-disabled > a:focus {
  color: #BBBBBB;
  background-color: #EEEEEE;
  cursor: not-allowed;
}
.bh-pagination-skip {
  color: #BBBBBB;
  margin: 0 4px;
}
.bh-pagination-skip input[type=text].bh-form-control {
  display: inline-block;
  width: 36px;
  height: 24px;
  margin: 0 4px;
  vertical-align: middle;
}
.bh-pagination-skip .bh-btn {
  width: 24px;
  height: 24px;
  min-width: 0;
  padding: 1px;
  vertical-align: middle;
  margin-left: 4px;
  background-color: #fff;
  font-size: 12px;
}
.bh-pagination-skip .bh-btn:hover {
  color: #fff;
  background-color: #536DFE;
}
.bh-pagination-total {
  color: #BBBBBB;
}
.bh-pagination-total select.bh-form-control {
  height: 24px;
  width: 60px;
  display: inline-block;
  margin: 0 4px;
  padding: 0 4px;
}
.bh-pagination-pic {
  clear: both;
}
.bh-pagination-pic:before,
.bh-pagination-pic:after {
  content: " ";
  display: table;
}
.bh-pagination-pic:after {
  clear: both;
}
.bh-pagination-pic > span {
  display: block;
  float: left;
  width: 12px;
  height: 12px;
  background-color: #DDDDDD;
  margin-right: 8px;
}
.bh-pagination-pic > span.bh-active {
  background-color: #536DFE;
}
.bh-card {
  background-color: #fff;
}
.bh-card.bh-card-lv1 {
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28);
  z-index: 101;
}
.bh-card.bh-card-lv2 {
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
  z-index: 102;
}
.bh-card.bh-card-lv3 {
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.24);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.24);
  z-index: 103;
}
.bh-card.bh-card-lv4 {
  -webkit-box-shadow: 0 6px 24px rgba(0, 0, 0, 0.24);
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.24);
  z-index: 104;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  overflow: hidden;
  height: 8px;
  margin-bottom: 20px;
  background-color: #DDDDDD;
  border-radius: 0;
}
.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 8px;
  color: #536DFE;
  text-align: center;
  background-color: #DDDDDD;
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
  background-color: #8BC34A;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
  background-color: #990099;
}
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
  background-color: #FFA000;
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
  background-color: #FF5252;
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.bh-switch {
  display: inline-block;
  vertical-align: top;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.bh-switch:after {
  content: "";
  display: table;
  clear: both;
}
.bh-switch > label {
  float: left;
}
.bh-switch:hover .bh-switch-helper:before {
  box-shadow: 0 8px 14px rgba(0, 0, 0, 0.25);
}
.bh-switch:hover input:disabled {
  cursor: no-drop;
}
.bh-switch:hover input:disabled + .bh-switch-helper:before {
  background-color: #EBCCEB;
  box-shadow: none;
}
.bh-switch .bh-switch-label {
  display: inline-block;
  margin: 0 20px 0 0;
  vertical-align: top;
  -webkit-transition: color 0.56s cubic-bezier(0.4, 0, 0.2, 1);
  transition: color 0.56s cubic-bezier(0.4, 0, 0.2, 1);
  font-weight: normal;
  padding: 2px 8px;
}
.bh-switch .bh-switch-helper {
  display: inline-block;
  position: relative;
  width: 48px;
  height: 24px;
  border-radius: 24px;
  -webkit-transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  vertical-align: middle;
  cursor: pointer;
  overflow: hidden;
}
.bh-switch .bh-switch-helper:before {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  width: 20px;
  height: 20px;
  background-color: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  border-radius: 100%;
  webkit-transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}
.bh-switch > .bh-switch-text {
  padding: 2px 4px;
}
.bh-switch > .bh-switch-text:after {
  content: attr(open-text);
  display: inline;
  color: #888888;
}
.bh-switch input {
  position: absolute;
  z-index: 2;
  width: 48px;
  margin: 0;
  height: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: pointer;
}
.bh-switch input:checked + .bh-switch-helper:before {
  left: 26px;
}
.bh-switch input:checked + .bh-switch-helper + .bh-switch-text:after {
  content: attr(close-text);
  color: #8BC34A;
}
.bh-switch .bh-open {
  display: none;
}
.bh-switch input:checked + .bh-switch-helper {
  background: #8BC34A;
}
.bh-switch input:disabled:checked + .bh-switch-helper {
  background: rgba(139, 195, 74, 0.35);
}
.bh-switch input:disabled:checked + .bh-switch-helper:before {
  background: #fff;
}
.bh-switch input:disabled + .bh-switch-helper:before {
  background-color: #EBCCEB;
  box-shadow: none;
}
.bh-switch .bh-switch-label.bh-close {
  color: #F7EBF7;
}
.bh-switch .bh-switch-label.open {
  color: #8BC34A;
}
.bh-switch .bh-switch-helper {
  background-color: #F7EBF7;
}
.bh-switch.danger input:checked + .bh-switch-helper {
  background: #8BC34A;
}
.bh-switch.danger input:disabled:checked + .bh-switch-helper {
  background: rgba(139, 195, 74, 0.35);
}
.bh-switch.danger input:disabled:checked + .bh-switch-helper:before {
  background: #fff;
}
.bh-switch.danger input:disabled + .bh-switch-helper:before {
  background-color: #EBCCEB;
  box-shadow: none;
}
.bh-switch.danger .bh-switch-label.bh-close {
  color: #FF5252;
}
.bh-switch.danger .bh-switch-label.open {
  color: #8BC34A;
}
.bh-switch.danger .bh-switch-helper {
  background-color: #FF5252;
}
table {
  background-color: #fff;
  text-align: left;
}
.bh-table {
  width: 100%;
  max-width: 100%;
  border: 1px solid #EBCCEB;
}
.bh-table > thead > tr > th,
.bh-table > tbody > tr > th,
.bh-table > tfoot > tr > th,
.bh-table > thead > tr > td,
.bh-table > tbody > tr > td,
.bh-table > tfoot > tr > td {
  padding: 0 8px;
  vertical-align: top;
  border-top: 1px solid #EBCCEB;
  border-right: 1px solid #EBCCEB;
  line-height: 32px;
}
.bh-table > thead > tr > th {
  vertical-align: bottom;
  border-right: 1px solid #EBCCEB;
  background-color: #FBF5FB;
}
.bh-table > thead > tr > th:last-of-type {
  border-right: none;
}
.bh-table > caption + thead > tr:first-child > th,
.bh-table > colgroup + thead > tr:first-child > th,
.bh-table > thead:first-child > tr:first-child > th,
.bh-table > caption + thead > tr:first-child > td,
.bh-table > colgroup + thead > tr:first-child > td,
.bh-table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.bh-table tr.bh-ch-active td {
  background-color: #DDE2FF;
}
.bh-table tr.bh-ch-hover td {
  background-color: #F1F4FF;
}
.bh-table tr.bh-ch-active.bh-ch-hover td {
  background-color: #DDE2FF;
}
.bh-table.bh-table-colLine-hide > thead > tr > th,
.bh-table.bh-table-colLine-hide > tbody > tr > th,
.bh-table.bh-table-colLine-hide > tfoot > tr > th,
.bh-table.bh-table-colLine-hide > thead > tr > td,
.bh-table.bh-table-colLine-hide > tbody > tr > td,
.bh-table.bh-table-colLine-hide > tfoot > tr > td {
  border-right-width: 0;
}
.bh-table.bh-table-asideBorder-hide {
  border-left-width: 0;
  border-right-width: 0;
}
.bh-file-upload {
  position: relative;
  overflow: hidden;
  font-size: 12px;
  display: inline-block;
  vertical-align: top;
}
.bh-file-upload i {
  position: relative;
  top: 1px;
}
.bh-file-upload input {
  cursor: pointer;
}
.bh-file-upload input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 100px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.bh-file-upload-info {
  display: inline-block;
  max-width: -webkit-calc(100% - 40px);
  max-width: calc(100% - 40px);
  vertical-align: top;
  padding-top: 4px;
}
.bh-form-group .bh-file-upload-info {
  display: inline-block;
}
.bh-file-upload-loading-wrap {
  line-height: 20px;
}
.bh-file-upload-file {
  margin-right: 16px;
  margin-bottom: 8px;
  line-height: 20px;
  padding: 4px 0;
}
.bh-file-upload-filename {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 120px;
}
.bh-file-uploading-icon {
  display: inline-block;
  vertical-align: middle;
  margin: 0 8px;
  width: 16px;
  height: 16px;
  background: url(images/up-loading.gif);
}
.bh-file-upload-delete,
.bh-file-upload-download {
  vertical-align: middle;
}
.bh-file-upload-error-msg {
  display: none;
  vertical-align: middle;
  color: #FF5252;
  margin-right: 8px;
}
.bh-file-upload-error-msg .iconfont.icon-error {
  font-size: 20px;
  line-height: inherit;
  vertical-align: middle;
}
.bh-file-upload-error-msg span {
  vertical-align: middle;
  line-height: 22px;
}
.bh-file-upload-file.bh-error .bh-file-uploading-icon {
  display: none;
}
.bh-file-upload-file.bh-error {
  background-color: #FFF1F1;
}
.bh-file-upload-file.bh-error .bh-file-upload-error-msg,
.bh-file-upload-file.bh-error .bh-file-upload-delete {
  display: inline-block;
}
.bh-file-upload-file.bh-error:hover {
  background-color: #FFF1F1;
}
.bh-file-upload-file.bh-success:hover {
  background-color: #F1F4FF;
}
.bh-file-upload-file.bh-success:hover .bh-file-upload-delete,
.bh-file-upload-file.bh-success:hover .bh-file-upload-download {
  display: inline-block;
}
.bh-file-upload-file-icon {
  color: #BBBBBB;
}
.bh-file-upload-success-info {
  display: inline-block;
  vertical-align: middle;
  color: #8BC34A;
}
.bh-file-upload-img-block {
  background: #DDDDDD;
  display: table;
  margin: 0 auto;
  width: 80px;
  height: 68px;
}
.bh-file-upload-img-block span {
  display: table-cell;
  vertical-align: middle;
  text-align: center!important;
}
.bh-file-upload-img-block span img {
  display: inline-block;
  max-width: 80px;
  max-height: 68px;
}
.bh-file-upload-img .bh-file-upload-file-info {
  text-align: center;
}
.bh-file-photo-block {
  display: block;
  width: 88px;
  height: 88px;
  margin: 0 auto;
  border-radius: 50%;
  overflow: hidden;
  vertical-align: middle;
  text-align: center;
  position: relative;
}
.bh-file-photo {
  text-align: center;
}
.bh-file-photo-info {
  height: 20px;
  text-align: center;
}
.bh-file-photo-loading,
.bh-file-photo-error,
.bh-file-photo-success {
  display: none;
}
.bh-file-photo.loading .bh-file-photo-loading {
  display: inline;
}
.bh-file-photo.error .bh-file-photo-error {
  color: #FF5252;
  display: inline;
}
.bh-file-photo.success .bh-file-photo-success {
  color: #8BC34A;
  display: inline;
}
.bh-file-img-container {
  overflow: hidden;
  position: relative;
}
.bh-file-img-block {
  padding: 2px;
  border: #DDDDDD solid 1px;
  background: #fff;
  position: relative;
  text-align: center;
  float: left;
  margin-bottom: 16px;
  margin-right: 8px;
}
.bh-file-img-plus {
  color: #BBBBBB;
  font-size: 60px;
  display: block;
  margin: 0 auto;
  line-height: 60px;
}
.bh-file-img-text {
  font-size: 14px;
  color: #536DFE;
}
.bh-file-img-input {
  overflow: hidden;
  display: table;
}
.bh-file-img-input > span {
  display: table-cell;
  vertical-align: middle;
}
.bh-file-img-input input[type=file] {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 200px;
  opacity: 0;
  width: 100%;
  height: 100%;
  -ms-user-select: none;
}
.bh-file-img-loading,
.bh-file-img-fail {
  display: none;
}
.bh-file-img-fail {
  color: #FF5252;
}
.bh-file-img-loading {
  line-height: 100%;
}
.bh-file-img-table {
  display: table;
  text-align: center;
  width: 100%;
  height: 100%;
}
.bh-file-img-table span {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
}
.bh-file-img-table span img {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
  cursor: pointer;
}
.bh-file-img-block.loading .bh-file-img-loading {
  display: block;
}
.bh-file-img-block.error .bh-file-img-table,
.bh-file-img-block.loading .bh-file-img-table {
  display: none;
}
.bh-file-img-block.error .bh-file-img-fail {
  display: block;
  padding-top: 40%;
}
.bh-file-img-block.success .bh-file-img-table,
.bh-file-img-block.saved .bh-file-img-table {
  display: table;
}
.bh-file-img-delete {
  position: absolute;
  right: 4px;
  bottom: -20px;
}
.bh-file-img-info {
  margin-bottom: 4px;
  color: #9D9D9D;
}
.bh-file-img-single-block {
  float: none;
  margin-bottom: 18px;
}
.bh-file-img-container .bh-file-img-table {
  display: none;
}
.bh-file-img-container.loading .bh-file-img-single-edit,
.bh-file-img-container.loading .bh-file-img-loading {
  display: block;
}
.bh-file-img-container.loading .bh-file-img-single-info {
  display: none;
}
.bh-file-img-container.error .bh-file-img-single-edit,
.bh-file-img-container.error .bh-file-img-fail {
  display: block;
}
.bh-file-img-container.error .bh-file-img-fail {
  padding-top: 40%;
}
.bh-file-img-container.error .bh-file-img-loading,
.bh-file-img-container.error .bh-file-img-single-info {
  display: none;
}
.bh-file-img-container.success .bh-file-img-loading,
.bh-file-img-container.success .bh-file-img-single-info,
.bh-file-img-container.success .bh-file-img-fail,
.bh-file-img-container.saved .bh-file-img-loading,
.bh-file-img-container.saved .bh-file-img-single-info,
.bh-file-img-container.saved .bh-file-img-fail {
  display: none;
}
.bh-file-img-container.success .bh-file-img-single-edit,
.bh-file-img-container.saved .bh-file-img-single-edit {
  display: block;
}
.bh-file-img-container.success .bh-file-img-table,
.bh-file-img-container.saved .bh-file-img-table {
  display: table;
}
.bh-file-img-single-edit {
  text-align: right;
  position: absolute;
  right: 0;
  bottom: 0;
  display: none;
}
.bh-file-img-single-edit a {
  margin-left: 8px;
}
.bh-file-img-single-edit .bh-file-img-delete {
  position: relative;
  right: 0;
  bottom: 0;
}
.bh-file-upload-file .iconfont {
  font-size: 40px;
  line-height: 40px;
}
.bh-file-img-container.saved .bh-file-img-single-block input[type=file],
.bh-file-img-container.success .bh-file-img-single-block input[type=file] {
  display: none;
}
/*******cropper **********/
/*!
 * Cropper v2.3.0
 * https://github.com/fengyuanchen/cropper
 *
 * Copyright (c) 2014-2016 Fengyuan Chen and contributors
 * Released under the MIT license
 *
 * Date: 2016-02-22T02:13:13.332Z
 */
.cropper-container {
  font-size: 0;
  line-height: 0;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  direction: ltr!important;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.cropper-container img {
  display: block;
  width: 100%;
  min-width: 0!important;
  max-width: none!important;
  height: 100%;
  min-height: 0!important;
  max-height: none!important;
  image-orientation: 0deg !important;
}
.cropper-canvas,
.cropper-crop-box,
.cropper-drag-box,
.cropper-modal,
.cropper-wrap-box {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.cropper-wrap-box {
  overflow: hidden;
}
.cropper-drag-box {
  opacity: 0;
  background-color: #fff;
  filter: alpha(opacity=0);
}
.cropper-dashed,
.cropper-modal {
  opacity: .5;
  filter: alpha(opacity=50);
}
.cropper-modal {
  background-color: #000;
}
.cropper-view-box {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  outline: #39f solid 1px;
  outline-color: rgba(51, 153, 255, 0.75);
}
.cropper-dashed {
  position: absolute;
  display: block;
  border: 0 dashed #eee;
}
.cropper-dashed.dashed-h {
  top: 33.33333%;
  left: 0;
  width: 100%;
  height: 33.33333%;
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.cropper-dashed.dashed-v {
  top: 0;
  left: 33.33333%;
  width: 33.33333%;
  height: 100%;
  border-right-width: 1px;
  border-left-width: 1px;
}
.cropper-center {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  opacity: .75;
  filter: alpha(opacity=75);
}
.cropper-center:after,
.cropper-center:before {
  position: absolute;
  display: block;
  content: ' ';
  background-color: #eee;
}
.cropper-center:before {
  top: 0;
  left: -3px;
  width: 7px;
  height: 1px;
}
.cropper-center:after {
  top: -3px;
  left: 0;
  width: 1px;
  height: 7px;
}
.cropper-face,
.cropper-line,
.cropper-point {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  opacity: .1;
  filter: alpha(opacity=10);
}
.cropper-face {
  top: 0;
  left: 0;
  background-color: #fff;
}
.cropper-line,
.cropper-point {
  background-color: #39f;
}
.cropper-line.line-e {
  top: 0;
  right: -3px;
  width: 5px;
  cursor: e-resize;
}
.cropper-line.line-n {
  top: -3px;
  left: 0;
  height: 5px;
  cursor: n-resize;
}
.cropper-line.line-w {
  top: 0;
  left: -3px;
  width: 5px;
  cursor: w-resize;
}
.cropper-line.line-s {
  bottom: -3px;
  left: 0;
  height: 5px;
  cursor: s-resize;
}
.cropper-point {
  width: 5px;
  height: 5px;
  opacity: .75;
  filter: alpha(opacity=75);
}
.cropper-point.point-e {
  top: 50%;
  right: -3px;
  margin-top: -3px;
  cursor: e-resize;
}
.cropper-point.point-n {
  top: -3px;
  left: 50%;
  margin-left: -3px;
  cursor: n-resize;
}
.cropper-point.point-w {
  top: 50%;
  left: -3px;
  margin-top: -3px;
  cursor: w-resize;
}
.cropper-point.point-s {
  bottom: -3px;
  left: 50%;
  margin-left: -3px;
  cursor: s-resize;
}
.cropper-point.point-ne {
  top: -3px;
  right: -3px;
  cursor: ne-resize;
}
.cropper-point.point-nw {
  top: -3px;
  left: -3px;
  cursor: nw-resize;
}
.cropper-point.point-sw {
  bottom: -3px;
  left: -3px;
  cursor: sw-resize;
}
.cropper-point.point-se {
  right: -3px;
  bottom: -3px;
  width: 20px;
  height: 20px;
  cursor: se-resize;
  opacity: 1;
  filter: alpha(opacity=100);
}
.cropper-point.point-se:before {
  position: absolute;
  right: -50%;
  bottom: -50%;
  display: block;
  width: 200%;
  height: 200%;
  content: ' ';
  opacity: 0;
  background-color: #39f;
  filter: alpha(opacity=0);
}
@media (min-width: 768px) {
  .cropper-point.point-se {
    width: 15px;
    height: 15px;
  }
}
@media (min-width: 992px) {
  .cropper-point.point-se {
    width: 10px;
    height: 10px;
  }
}
@media (min-width: 1200px) {
  .cropper-point.point-se {
    width: 5px;
    height: 5px;
    opacity: .75;
    filter: alpha(opacity=75);
  }
}
.cropper-invisible {
  opacity: 0;
  filter: alpha(opacity=0);
}
.cropper-bg {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC);
}
.cropper-hide {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
}
.cropper-hidden {
  display: none !important;
}
.cropper-move {
  cursor: move;
}
.cropper-crop {
  cursor: crosshair;
}
.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}
/*******cropper end**********/
/******** emap avatar upload ********/
.bh-emapAvatar-wrap {
  position: relative;
  overflow: hidden;
}
.bh-emapAvatar-avatar {
  width: 100%;
  height: 100%;
}
.bh-emapAvartar-btn {
  position: absolute;
  width: 100%;
  height: 24px;
  line-height: 24px;
  background-color: rgba(62, 80, 180, 0.5);
  bottom: -24px;
  left: 0;
  text-align: center;
  color: #fff;
  font-size: 12px;
  -webkit-transition: bottom 0.25s;
  -moz-transition: bottom 0.25s;
  -ms-transition: bottom 0.25s;
  -o-transition: bottom 0.25s;
  transition: bottom 0.25s;
}
.bh-emapAvatar-wrap:hover .bh-emapAvartar-btn {
  bottom: 0;
}
.bh-emapAvatar-local {
  overflow: hidden;
}
.bh-emapAvatar-editArea {
  float: left;
  margin-right: 16px;
  width: 344px;
  height: 300px;
  background: #F0F1F9;
  position: relative;
}
.bh-emapAvatar-upload-block {
  width: 100%;
  height: 100%;
  z-index: 10;
  position: absolute;
}
.bh-avatar-img-block {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 20;
  display: none;
}
.bh-avatar-img-block > p {
  position: absolute;
  height: 20px;
  line-height: 20px;
  background: rgba(0, 0, 0, 0.5);
  bottom: 0;
  left: 0;
  width: 100%;
  color: #fff;
  z-index: 2;
  text-align: center;
}
.bh-avatar-img-block > p a {
  color: #fff;
}
.bh-emapAvatar-upload {
  position: relative;
  overflow: hidden;
  width: 142px;
  display: block;
  margin: 124px auto 8px auto;
}
.bh-emapAvatar-upload input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 100px;
  opacity: 0;
}
.bh-emapAvatar-preview-100 {
  width: 100px;
}
.bh-emapAvatar-preview-40 {
  width: 40px;
}
.bh-emapAvatar-preview-28 {
  width: 28px;
}
.bh-emapAvatar-preview {
  overflow: hidden;
}
.bh-emapAvatar-preview-div {
  width: 100%;
  height: 100%;
}
.bh-emapAvatar-display {
  float: left;
}
.bh-emapAvatar-loader {
  left: 0!important;
  top: 0!important;
}
/******** emap avatar upload end ********/
.waves-effect {
  position: relative;
  cursor: pointer;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.waves-effect {
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.waves-effect .waves-ripple {
  position: absolute;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  margin-top: -50px;
  margin-left: -50px;
  opacity: 0;
  background: rgba(0, 0, 0, 0.2);
  background: -webkit-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  background: -o-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  background: -moz-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  background: radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
  -webkit-transform: scale(0) translate(0, 0);
  -moz-transform: scale(0) translate(0, 0);
  -ms-transform: scale(0) translate(0, 0);
  -o-transform: scale(0) translate(0, 0);
  transform: scale(0) translate(0, 0);
  pointer-events: none;
}
.waves-effect.waves-light .waves-ripple {
  background: rgba(255, 255, 255, 0.4);
  background: -webkit-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  background: -o-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  background: -moz-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}
.waves-effect.waves-classic .waves-ripple {
  background: rgba(0, 0, 0, 0.2);
}
.waves-effect.waves-classic.waves-light .waves-ripple {
  background: rgba(255, 255, 255, 0.4);
}
/*jqxCalendar Style*/
.jqx-calendar {
  border: 1px solid #DDDDDD;
  -webkit-appearance: none;
  overflow: hidden;
  outline: none;
  padding: 0;
  margin: 0 0 0 0;
  cursor: default;
  border-collapse: separate;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
  background-color: #fff;
}
.jqx-calendar .jqx-widget-content {
  border-color: #DDDDDD;
}
.jqx-calendar td {
  padding-top: 0;
  padding-bottom: 0;
  border-collapse: separate;
  border-spacing: 1px;
  font-size: 12px;
  line-height: 1.231;
}
.jqx-calendar table {
  margin: 0;
  padding: 0;
  border-collapse: separate;
  border-spacing: 1px;
  font-size: 12px;
  line-height: 1.231;
}
/*applied to the calendar's row header. This header displays the week numbers.*/
.jqx-calendar-row-header {
  outline: none;
  border: 0 solid #f2f2f2;
  padding: 0;
  margin: 0 0 0 0;
  cursor: default;
}
/*applied to the calendar's column. This header displays the day names.*/
.jqx-calendar-column-header {
  outline: none;
  text-align: right;
  padding: 3px;
  border-top: none;
  border-bottom: 1px solid transparent;
  border-left: none;
  border-right: none;
  margin: 0 0 0 0;
  cursor: default;
}
/*applied to the calendar's top-left header. This header is displayed before the day names and above the week numbers.*/
.jqx-calendar-top-left-header {
  outline: none;
  border: 0 solid #f2f2f2;
  margin: 0 0 0 0;
  cursor: default;
}
/*applied to the calendar's navigation buttons.*/
.jqx-calendar-title-navigation {
  cursor: pointer;
  background-color: transparent;
  margin: 0;
  padding: 0;
  border: none;
  width: 25px;
  height: 25px;
}
/*applied to the month table*/
.jqx-calendar-month {
  margin: 0;
  padding: 0;
  border: none;
  width: 100%;
}
/*applied to the calendar's title content.*/
.jqx-calendar-title-content {
  cursor: pointer;
  text-align: center;
}
/*applied to the calendar's navigation title.*/
.jqx-calendar-title-header {
  border-left: none;
  border-top: none;
  border-right: none;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  margin: 0 0 0 0;
  background-color: #EEEEEE;
}
.jqx-calendar-title-header td {
  padding-left: 0;
  padding-right: 0;
  border: none;
}
/*applied to the calendar's navigation title when the calendar is disabled.*/
.jqx-calendar-title-header-disabled {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  margin: 0 0 0 0;
  border-left: 0 solid transparent;
  border-right: 0 solid transparent;
  border-top: 0 solid transparent;
}
/*applied to a calendar cell.*/
.jqx-calendar-cell {
  border: 1px solid transparent;
  margin: 0;
  outline: none;
  text-align: center;
  padding: 1px;
  cursor: pointer;
  background-color: transparent;
}
.jqx-calendar-cell td {
  padding: 0;
  margin: 0;
}
/*applied to a calendar cell in decade and year views.*/
.jqx-calendar-cell-decade,
.jqx-calendar-cell-year {
  text-align: center;
}
.jqx-calendar .jqx-fill-state-normal {
  background: transparent;
  border: 1px solid transparent;
}
/*applied to a calendar cell when the cell is hidden. A cell can be hidden when the showOtherMonthDays property is false and the calendar hides the cells with dates from the other months*/
.jqx-calendar-cell-hidden {
  margin: 0 0 0 0;
  visibility: hidden;
  cursor: default;
}
/*applied to a calendar cell when the cell's date is a weekend date.*/
.jqx-calendar-cell-weekend {
  color: #898989 !important;
  margin: 0 0 0 0;
  cursor: pointer;
}
/*applied to a calendar cell when the cell's date is a special date(holiday, vacation, birthay. See the SpecialDates demo).*/
.jqx-calendar-cell-specialDate {
  color: #FF0000 !important;
  background-color: transparent;
  border: 1px solid #fff;
  margin: 0 0 0 0;
  cursor: pointer;
}
/*applied to a calendar cell when the cell's date is a restricted date.*/
.jqx-calendar-cell-restrictedDate {
  background-color: #fb8499;
  border: 1px solid #fff;
  margin: 0 0 0 0;
  cursor: pointer;
}
.jqx-calendar-cell-selected-invalid {
  color: #fff;
  background: #FF0000 !important;
  border: 1px solid #FF0000 !important;
}
/*applied to a calendar cell when the cell's date is the today date.*/
.jqx-calendar-cell-today {
  background-color: rgba(83, 109, 254, 0.1);
  border: 1px solid #536DFE;
  margin: 0 0 0 0;
  cursor: pointer;
}
/*applied to a calendar cell when the cell is hovered.*/
.jqx-calendar-cell-hover {
  background-color: #DDE2FF;
  margin: 0 0 0 0;
  cursor: pointer;
}
/*applied to a calendar cell when the cell is selected.*/
.jqx-calendar-cell-selected {
  background-color: #536DFE;
  color: #fff;
  margin: 0 0 0 0;
  cursor: pointer;
}
/*applied to a calendar cell when the cell's date represents a date from the previous or next month.*/
.jqx-calendar-cell-othermonth {
  color: #898989 !important;
  margin: 0 0 0 0;
  cursor: pointer;
}
/*applied to a calendar cell when the calendar is disabled.*/
.jqx-calendar-cell-disabled {
  color: #ccc;
}
/*applied to a calendar cell when the cell is from the row header that displays the week numbers.*/
.jqx-calendar-row-cell {
  outline: none;
  text-align: center;
  border: 1px solid transparent;
  margin: 0 0 0 0;
  cursor: default;
}
/*applied to a calendar cell when the cell is from the row header that displays the week numbers and the calendar is disabled.*/
.jqx-calendar-footer {
  margin: 5px;
  color: inherit;
  font-size: 12px;
}
.jqx-calendar-title-container {
  overflow: hidden;
}
/*applied to a calendar cell when the cell is from the column header that displays the day names.*/
.jqx-calendar-column-cell {
  overflow: hidden;
  text-align: center;
  outline: none;
  font-weight: normal;
  padding: 1px;
  border: 1px solid transparent;
  margin: 0 0 0 0;
  cursor: default;
}
/*applied to a calendar cell when the cell is from the column header that displays the day names and the calendar is disabled.*/
/*applied to the calendar's cell area element.*/
.jqx-calendar-view {
  -webkit-appearance: none;
  outline: none;
  padding: 0;
  border: 0 solid #fff;
  margin: 0 0 0 0;
  cursor: default;
}
.jqx-icon-calendar,
.jqx-icon-calendar-hover,
.jqx-icon-calendar-pressed {
  background-image: url('images/icon-calendar.png');
  background-repeat: no-repeat;
  background-position: left top;
  position: relative;
  width: 15px;
  height: 15px;
  margin-top: -7.5px !important;
}
/*jqxCheckBox*/
.jqx-grid-table .jqx-checkbox {
  margin: -2px 0;
}
.jqx-checkbox {
  text-align: left;
  border: none;
  outline: none;
  margin: 0 0 0 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 18px;
}
.jqx-checkbox-group .jqx-checkbox {
  display: inline-block;
}
/*applied to the check box.*/
.jqx-checkbox-default {
  text-align: left;
  float: left;
  padding: 0px;
  border: 1px solid #EBCCEB;
  outline: none;
  margin: 0px 3px 0px 3px;
  background-color: #fff;
}
/*applied to the check box when the mouse cursor is over it.*/
.jqx-checkbox-hover {
  cursor: pointer;
  float: left;
  padding: 0px;
  border: 1px solid #8BC34A;
  outline: none;
  margin: 0px 3px 0px 3px;
}
/*applied to the widget when it is disabled.*/
.jqx-checkbox-disabled {
  cursor: default;
  background: transparent;
  padding: 0px;
  border: none;
  outline: none;
  margin: 0px 0px 0px 0px;
}
/*applied to the check box when the widget is disabled.*/
.jqx-checkbox-disabled-box {
  float: left;
  padding: 0px;
  border: 1px solid #EEEEEE;
  outline: none;
  margin: 0px 3px 0px 3px;
}
/*applied to the check box when it is checked. Displays a check icon.*/
.jqx-checkbox-check-checked {
  position: relative;
  display: block;
}
.jqx-checkbox-check-checked:after {
  -webkit-transform: scale(1) rotate(-50deg);
  -ms-transform: scale(1) rotate(-50deg);
  -o-transform: scale(1) rotate(-50deg);
  transform: scale(1) rotate(-50deg);
  opacity: 1;
  filter: alpha(opacity=100);
  width: 14px;
  height: 6px;
  border-bottom: 2px solid #8BC34A;
  border-left: 2px solid #8BC34A;
  border-bottom-left-radius: 2px;
  left: 1px;
  top: 4px;
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  content: "";
}
/*applied to the check box when the widget is disabled. Displays a disabled check icon.*/
.jqx-checkbox-check-disabled {
  float: left;
  background: transparent url("images/check_disabled.png") center center no-repeat;
  padding: 0px;
  border: none;
  outline: none;
  margin: 0 0 0 0;
}
/*applied to the check box when its state is indeterminate.*/
.jqx-checkbox-check-indeterminate {
  position: relative;
}
.jqx-checkbox-check-indeterminate:after {
  content: "";
  width: 12px;
  height: 12px;
  background: #8BC34A;
  position: absolute;
  display: block;
  top: 2px;
  left: 2px;
}
/*applied to the check box when its state is indeterminate and it is disabled.*/
.jqx-checkbox-check-indeterminate-disabled {
  position: relative;
}
.jqx-checkbox-check-indeterminate-disabled:after {
  content: "";
  width: 10px;
  height: 10px;
  background: #8BC34A;
  position: absolute;
  top: 3px;
  left: 3px;
}
/*applied to the check box when its in rtl mode.*/
.jqx-checkbox-rtl {
  float: right;
}
/*jqxComboBox Style*/
/*applied to the jqxComboBox's content which displays the text.*/
.jqx-combobox-content {
  padding: 0px;
  overflow: hidden;
  padding-left: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
  margin: 0px;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  -webkit-appearance: none;
  outline: none;
  border: none;
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-right: 1px solid transparent;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-background-clip: padding-box;
}
.jqx-combobox-content-rtl {
  border: none;
  -moz-border-radius-topleft: 0px;
  border-top-left-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-bottom-left-radius: 0px;
  border-bottom-left-radius: 0px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 0px;
  border-top-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 0px;
  border-bottom-right-radius: 3px;
  border-right: none;
  border-left: 1px solid transparent;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-background-clip: padding-box;
}
/*applied to the ComboBox's input field.*/
.jqx-combobox-input {
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  padding: 0 0 0 0;
  outline: none;
  border: 0px solid #DDDDDD;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-background-clip: padding-box;
}
.jqx-combobox-input::-ms-clear {
  display: none;
}
/*applied to the ComboBox's content when the widget is disabled.*/
.jqx-combobox-content-disabled {
  color: #444444;
}
/*applied to the ComboBox's arrow button.*/
.jqx-combobox-arrow-normal,
.jqx-action-button {
  -webkit-appearance: none;
  outline: none;
  overflow: hidden;
  margin: 0 0 0 0;
  border: none;
  cursor: pointer;
}
/*applied to the ComboBox's arrow button*/
.jqx-combobox-arrow-hover,
.jqx-combobox-arrow-selected {
  -webkit-appearance: none;
  outline: none;
  overflow: hidden;
  margin: 0 0 0 0;
}
/*applied to the ComboBox in normal state.*/
.jqx-combobox-state-normal {
  -webkit-appearance: none;
  outline: none;
  border: 1px solid #EBCCEB;
  border-radius: 2px;
  padding: 0 4px;
  background-color: #fff;
  overflow: hidden;
  margin: 0 0 0 0;
}
/*applied to the ComboBox when the mouse is over the widget.*/
.jqx-combobox-state-hover {
  overflow: hidden;
  border: 2px solid #536DFE;
  margin: 0 0 0 0;
}
/*applied to the ComboBox when the popup ListBox is shown.*/
.jqx-combobox-state-selected {
  overflow: hidden;
  border: 2px solid transparent;
  margin: 0 0 0 0;
}
/*applied to the ComboBox when the widget is focused.*/
.jqx-combobox-state-focus {
  border: 2px solid #536DFE;
}
.jqx-combobox-multi-item {
  padding: 1px 3px;
  margin: 2px;
  white-space: nowrap;
  font-weight: normal;
  overflow: hidden;
  text-align: left;
  border: none;
  color: #fff;
  background: #8396FE;
  line-height: 18px;
}
.jqx-combobox-multi-item .jqx-icon-close {
  background: none;
  position: relative;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
}
.jqx-combobox-multi-item .jqx-icon-close:after {
  content: '+';
  position: absolute;
  color: #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.jqx-combobox-multi-item a:link,
.jqx-combobox-multi-item a:visited {
  color: inherit;
  display: block;
  outline: 0 none;
  text-decoration: none;
  cursor: pointer;
  overflow: hidden;
  max-width: 100px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/*applied to the ComboBox when the widget is disabled.*/
.jqx-combobox-state-disabled {
  white-space: nowrap;
  margin: 0px;
  padding: 0 4px;
  color: #444444;
  border: 1px solid #DDDDDD;
}
.jqx-icon-arrow-down,
.jqx-icon-arrow-down-hover,
.jqx-icon-arrow-down-selected {
  background-image: url('images/icon-down.png');
  background-repeat: no-repeat;
  background-position: center;
}
.jqx-grid {
  position: relative;
  overflow: hidden;
  border-style: solid;
  border-width: 1px;
  border-color: #EBCCEB;
  background-color: #fff;
}
.jqx-cell {
  min-height: 23px;
  padding: 6px 8px;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  border: 1px solid #EBCCEB;
  border-top-width: 0px;
  border-left-width: 0px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  white-space: normal;
  line-height: 1.231;
}
.jqx-grid-cell-nowrap {
  white-space: nowrap;
}
.jqx-cell-editor {
  padding-left: 4px !important;
  padding-right: 3px !important;
}
/*applied to the Pager.*/
.jqx-grid-pager {
  border: none;
  border-top: 1px solid transparent;
  /*color: @datatable-pager-detail-color;*/
  line-height: 24px;
  padding: 0 8px;
}
.jqx-grid-pager .jqx-input {
  height: 24px;
}
/*applied to the Top Pager.*/
.jqx-grid-pager-top {
  border: none;
  border-bottom: 1px solid transparent;
}
.jqx-grid-pager-number-group {
  margin: 0;
  float: right;
}
.jqx-grid-pager-number {
  text-decoration: none;
  margin: 0 2px;
  outline: none;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  color: #444444;
  min-width: 24px;
  height: 24px;
  line-height: 24px;
  float: left;
  text-align: center;
  padding: 0 4px;
}
.jqx-grid-pager-number.jqx-fill-state-pressed {
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #444444;
  font-weight: bold;
}
.jqx-grid-pager-number.jqx-fill-state-hover:not(.jqx-fill-state-pressed) {
  background-color: #536DFE;
  color: #fff;
}
.jqx-grid-pager-button {
  margin: 0 2px !important;
  padding: 0 !important;
  width: 24px;
  height: 24px;
  float: left;
  cursor: pointer;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  border: none !important;
}
.jqx-grid-pager-button > div {
  width: 24px;
  height: 24px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
.jqx-grid-pager-button.jqx-fill-state-hover > div {
  background-color: #536DFE;
}
.jqx-grid-pager-detail {
  margin-right: 0 !important;
  float: right;
  margin-top: 0;
}
.jqx-grid-pager-goto-input {
  margin-right: 8px;
  width: 28px;
  height: 24px;
  float: right;
  display: block;
}
.jqx-grid-pager-goto-input .jqx-grid-pager-input {
  text-align: right;
  width: 28px;
  height: 24px;
}
/*applied to the Grid's header area.*/
.jqx-grid-header {
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  overflow: hidden;
  border-color: #EBCCEB;
  margin: 0px;
  padding: 0px;
}
.jqx-widget .jqx-grid-column-header {
  border-color: #EBCCEB;
}
.jqx-widget .jqx-grid-cell,
.jqx-widget .jqx-grid-group-cell {
  border-color: #EBCCEB;
}
.jqx-widget .jqx-grid-column-menubutton,
.jqx-widget .jqx-grid-column-sortascbutton,
.jqx-widget .jqx-grid-column-sortdescbutton,
.jqx-widget .jqx-grid-column-filterbutton {
  background-color: transparent;
  border-color: #EBCCEB;
}
.jqx-grid-bottomright {
  background-color: #e5e5e5;
}
.jqx-grid-column-header,
.jqx-grid-columngroup-header {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-width: 0px 1px 0px 0px;
  border-color: #EBCCEB;
  white-space: nowrap;
  border-style: solid;
  font-weight: bold;
  overflow: hidden;
  text-align: left;
  padding: 0px;
  margin: 0px;
  background-color: #FBF5FB;
}
.jqx-grid-column-header-rtl,
.jqx-grid-columngroup-header-rtl {
  border-width: 0px 0px 0px 1px;
}
.jqx-grid-columngroup-header {
  border-bottom-width: 1px;
  border-left-width: 1px;
}
/*applied to the column's button.*/
.jqx-grid-column-menubutton {
  border-style: solid;
  border-width: 0px 0px 0px 1px;
  border-color: transparent;
  background-image: url('images/menubutton.png');
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.jqx-grid-column-menubutton-rtl {
  border-width: 0px 1px 0px 0px;
}
/*applied to the column's sort button when the sort order is ascending.*/
.jqx-grid-column-sortascbutton {
  border: none;
  background-image: url('images/sortascbutton.png');
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
/*applied to the column's sort button when the sort order is descending.*/
.jqx-grid-column-sortdescbutton {
  border: none;
  background-image: url('images/sortdescbutton.png');
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
/*applied to the column's filter button.*/
.jqx-grid-column-filterbutton {
  border: none;
  background-image: url('images/filter.png');
  background-repeat: no-repeat;
  background-position: center;
}
/*applied to the column's resize line.*/
.jqx-grid-column-resizeline {
  border-right: 1px dotted #555;
}
/*applied to the validation popup during cell editing.*/
.jqx-grid-validation {
  background: #FF5252 !important;
  color: #fff !important;
  padding: 4px 8px;
}
.jqx-grid-validation-label {
  color: #fff !important;
  background: #FF5252 !important;
  border: 1px solid #FF5252 !important;
}
.jqx-grid-validation-arrow-up {
  background-image: url('images/red_arrow_up.png');
  background-repeat: no-repeat;
  background-position: center center;
}
.jqx-grid-validation-arrow-down {
  background-image: url('images/red_arrow_down.png');
  background-repeat: no-repeat;
  background-position: center center;
}
/*applied to the column's resize start line.*/
.jqx-grid-column-resizestartline {
  border-right: 1px solid #444;
}
/*applied to the sort ascending menu item in the Grid's Context Menu*/
.jqx-grid-sortasc-icon {
  background-image: url('images/sortasc.png');
  background-repeat: no-repeat;
  background-position: left center;
  width: 16px;
  height: 16px;
  float: left;
  margin-left: -4px;
  margin-right: 4px;
}
/*applied to the sort ascending menu item in the Grid's Context Menu*/
.jqx-grid-sortdesc-icon {
  background-image: url('images/sortdesc.png');
  background-repeat: no-repeat;
  background-position: left center;
  width: 16px;
  height: 16px;
  float: left;
  margin-left: -4px;
  margin-right: 4px;
}
/*applied to the grid menu's sort remove item/*/
.jqx-grid-sortremove-icon {
  background-image: url('images/sortremove.png');
  background-repeat: no-repeat;
  background-position: left center;
  width: 16px;
  height: 16px;
  float: left;
  margin-left: -4px;
  margin-right: 4px;
}
/*applied to the grouping column's drag and drop item when the drop operation is allowed.*/
.jqx-grid-drag-icon {
  background-image: url('images/drag.png');
  background-repeat: no-repeat;
  background-position: left center;
  width: 16px;
  height: 16px;
}
/*applied to the grouping column's drag and drop item when the drop operation is not allowed.*/
.jqx-grid-dragcancel-icon {
  background-image: url('images/dragcancel.png');
  background-repeat: no-repeat;
  background-position: left center;
  width: 16px;
  height: 16px;
}
/*applied to the 'group by' menu item.*/
.jqx-grid-groupby-icon {
  background-repeat: no-repeat;
  background-position: left center;
  width: 16px;
  height: 16px;
  float: left;
  margin-left: -4px;
  margin-right: 4px;
}
/*applied to the column anchor tags.*/
.jqx-grid-column-header a:link,
.jqx-grid-column-header a:visited {
  display: block;
  margin: 4px;
  height: 18px;
  line-height: 18px !important;
  color: inherit;
  outline: 0 none;
  text-decoration: none;
  cursor: pointer;
}
.jqx-grid-toolbar a:link,
.jqx-grid-toolbar a:visited {
  margin: 4px;
  height: 18px;
  line-height: 18px !important;
  color: inherit;
  outline: 0 none;
  text-decoration: none;
  cursor: pointer;
}
/*applied to the groups header area.*/
.jqx-grid-groups-header,
.jqx-grid-toolbar,
.jqx-scheduler-toolbar {
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  border-color: #EBCCEB;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
  padding: 0px;
  margin: 0px;
}
/*applied to a grouping row.*/
.jqx-grid-groups-row {
  font-weight: bold;
  white-space: nowrap;
  text-align: left;
  padding: 0px;
  top: 50%;
  margin-top: -8px;
}
/*applied to the row details.*/
.jqx-grid-groups-row-details {
  font-weight: normal;
}
/*applied to a grouping column.*/
.jqx-grid-group-column {
  border: 1px solid #EBCCEB;
  white-space: nowrap;
  border-style: solid;
  font-weight: normal;
  overflow: hidden;
  text-align: left;
  padding: 0px;
  margin: 0px;
}
/*applied to the lines between the group columns.*/
.jqx-grid-group-column-line {
  background: #aaa;
}
/*applied to the drop line indicators displayed in the grouping header.*/
.jqx-grid-group-drag-line {
  background: #8BC34A;
}
/*applied to the anchor tags inside a grouping column.*/
.jqx-grid-group-column a:link {
  display: block;
  margin: 4px;
  height: 18px;
  line-height: 18px !important;
  outline: 0 none;
  text-decoration: none;
  cursor: pointer;
  color: inherit;
}
.jqx-grid-group-column a:visited {
  color: inherit;
  display: block;
  margin: 4px;
  height: 18px;
  line-height: 18px !important;
  outline: 0 none;
  text-decoration: none;
  cursor: pointer;
}
/*applied to a grid cell*/
.jqx-grid-cell {
  border-style: solid;
  border-width: 0px 1px 1px 0px;
  margin-right: 1px;
  margin-bottom: 1px;
  border-color: #EBCCEB;
  background: #fff;
  white-space: nowrap;
  overflow: hidden;
  position: absolute !important;
  height: 100%;
}
.jqx-grid-cell:empty {
  height: 27px;
}
.jqx-grid-cell > span:empty {
  display: inline-block;
}
.jqx-grid-cell-locked {
  color: #aaa !important;
}
.jqx-grid-cell-left-align {
  overflow: hidden;
  text-overflow: ellipsis;
  padding-bottom: 2px;
  text-align: left;
  margin-right: 8px;
  margin-left: 8px;
}
.jqx-grid-cell-middle-align {
  text-overflow: ellipsis;
  overflow: hidden;
  padding-bottom: 2px;
  text-align: center;
}
.jqx-grid-cell-right-align {
  overflow: hidden;
  text-overflow: ellipsis;
  padding-bottom: 2px;
  text-align: right;
  margin-right: 8px;
  margin-left: 8px;
}
/*applied to a grid cell that is part of a rows group.*/
.jqx-grid-group-cell {
  overflow: hidden;
  position: absolute !important;
  height: 100%;
  background: #fff;
}
/*applied to the grid cells in the sort column*/
.jqx-grid-cell.jqx-grid-cell-sort {
  background-color: #F1F4FF;
}
/*applied to the grid cells in the filter column*/
.jqx-grid-cell-filter {
  background-color: #e6e6e6;
}
.jqx-grid-cell-add-new-row {
  background: #fdfcf3 !important;
  color: #000 !important;
}
/*applied to the grid cells area.*/
.jqx-grid-content {
  border-style: solid;
  border-width: 0px 0px 0px 0px;
  border-color: #EBCCEB;
  white-space: nowrap;
  overflow: hidden;
}
/*applied to a grid cell that is part of a rows group.*/
.jqx-grid-group-cell,
.jqx-grid-empty-cell {
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  white-space: nowrap;
  font-weight: normal;
}
.jqx-widget .jqx-grid-cleared-cell,
.jqx-grid-cleared-cell {
  border: #EBCCEB;
}
.jqx-grid-cell-wrap {
  white-space: normal !important;
}
.jqx-grid-table .jqx-grid-cell {
  position: static !important;
  zoom: 1 !important;
}
/*applied to the Grid's Table element.*/
.jqx-grid-table {
  table-layout: fixed;
  margin: 0px;
  padding: 0px;
  border-collapse: separate;
  border-spacing: 0px;
  -webkit-overflow-scrolling: touch;
  outline: none;
  zoom: 1 !important;
  empty-cells: show;
  border-right: 1px solid #aaa;
  line-height: 1.231;
  width: auto;
  border: none;
  border-right: 1px solid #d8dcf0;
}
.jqx-grid-table[id^=pinnedtable] {
  background: transparent;
}
.jqx-grid-table-rtl {
  border-left-width: 1px;
  border-right-width: 0px;
}
.jqx-details table {
  border-collapse: collapse;
  table-layout: fixed;
  border-spacing: 0px;
}
/*applied to a grid cell that is part of a details row and grouping is enabled.*/
/*applied to a grid cell that is part of a details row.*/
.jqx-grid-details-cell {
  border-width: 0px 1px 0px 0px;
}
/*applied to a grid cell. Represents the alternating cell background.*/
.jqx-grid-cell-alt {
  background: #fff;
}
/*applied to a sorted and alternating grid cell*/
.jqx-grid-cell-sort-alt {
  background-color: #F1F4FF;
}
/*applied to a sorted and alternating grid cell*/
.jqx-grid-cell-filter-alt {
  background-color: #f0f0f0;
}
/*applied to a pinned grid cell.*/
.jqx-grid-cell-pinned {
  background-color: #fbfbfd;
}
/*applied to a pinned grid cell. Represents the alternating cell background.*/
.jqx-grid-cell-pinned-alt {
  background-color: #e5e5e5;
}
/*applied to a selected grid cell.*/
.jqx-grid-cell-selected,
.jqx-grid-cell-selected.jqx-grid-cell-hover,
.jqx-grid-cell.jqx-grid-cell-selected.jqx-grid-cell-sort {
  background-color: #DDE2FF !important;
}
.jqx-cell-rtl {
  border-left-width: 1px;
  border-right-width: 0px;
}
.jqx-grid-cell-rtl {
  border-width: 0px 0px 1px 1px;
}
.jqx-grid-table .jqx-grid-cell {
  border-width: 0 1px 1px 0;
}
.jqx-grid-table-one-cell {
  border: none;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #aaa;
}
.jqx-grid-table .jqx-grid-cell:first-child {
  border-left-width: 0px;
}
/*applied to the selection area.*/
.jqx-grid-selectionarea {
  border: 1px solid #EBCCEB;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
/*applied to a hovered grid cell.*/
.jqx-grid-cell-hover {
  border-color: #EBCCEB;
  background: #F1F4FF;
}
/*applied to a grid cell when the grid is empty.*/
.jqx-grid-empty-cell {
  overflow: visible;
  border-bottom: none;
}
/*applied to the Grid when its loading the data.*/
.jqx-grid-load {
  padding-right: 0px;
  background-image: url('images/loader.gif');
  background-position: 50% 50%;
  background-repeat: no-repeat;
  z-index: 9999;
  display: block;
}
/*applied to a group's collapse button.*/
.jqx-grid-group-collapse {
  padding-right: 0;
  background-image: url('images/icon-right.png');
  background-position: 50% 50%;
  background-repeat: no-repeat;
  cursor: pointer;
}
.jqx-grid-group-collapse-rtl {
  padding-right: 0;
  background-image: url('images/icon-left.png');
  background-position: 50% 50%;
  background-repeat: no-repeat;
  cursor: pointer;
}
/*applied to a group's expand button.*/
.jqx-grid-group-expand,
.jqx-grid-group-expand-rtl {
  padding-right: 0;
  background-image: url('images/icon-down.png');
  background-position: 50% 50%;
  background-repeat: no-repeat;
  cursor: pointer;
}
/**排序按钮**/
.jqx-grid-column-header .jqx-widget-header {
  border-color: #EEEEEE;
  background: #DDDDDD;
}
.jqx-grid .bh-checkbox .bh-choice-helper:after {
  top: 2px;
}
.jqx-grid .bh-table-form .form-validate-block .jqx-validator-error-info {
  z-index: 400;
}
.jqx-grid .bh-table-form .jqx-cell {
  position: relative !important;
}
.jqx-grid .bh-table-form .jqx-cell.bh-form-static {
  overflow: hidden;
}
.jqx-grid .bh-table-form .cell-edited:after {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-top: 10px solid #8BC34A;
  border-right: 10px solid transparent;
}
.jqx-grid .bh-table-form .to-delete-line {
  display: none;
  position: absolute;
  height: 1px;
  top: 50%;
  left: 0;
  right: 0;
  background-color: #444444;
  z-index: 1;
}
.jqx-grid .bh-table-form .show-to-delete .to-delete-line {
  display: block;
}
.jqx-grid .p-1 {
  padding: 1px;
}
.jqx-grid-table .bh-checkbox {
  padding-top: 0;
  margin-top: -2px;
  min-width: 16px;
  min-height: 16px;
}
.jqx-grid-table .bh-checkbox .bh-choice-helper:before {
  width: 15px;
  height: 15px;
}
.jqx-dropdownbutton-popup {
  -webkit-appearance: none;
  outline: none;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28);
  background-color: #fff;
  margin-top: 4px;
}
/*jqxDropDownList Style*/
/*applied to the dropdownlist's content element which displays the selected item's text or html.*/
.jqx-grid-pager .jqx-dropdownlist-content {
  padding-top: 0;
}
.jqx-dropdownlist-content {
  padding: 3px 0 0 4px;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  -webkit-appearance: none;
  outline: 0 none;
  text-overflow: ellipsis;
  overflow: hidden;
}
.jqx-dropdownlist-content-rtl {
  padding-left: 0;
  padding-right: 3px;
}
/*applied to the dropdownlist's content element which displays the selected item's text or html and the widget is disabled. */
/*applied to the dropdownlist in default state.*/
.jqx-dropdownlist-state-normal {
  -webkit-appearance: none;
  outline: none;
  border: 1px solid #EBCCEB;
  overflow: hidden;
  margin: 0 0 0 0;
  cursor: pointer;
  border-radius: 2px;
  padding: 0;
}
/*applied to the dropdownlist in hovered state.*/
.jqx-dropdownlist-state-hover {
  border: 2px solid #536DFE;
}
/*applied to the dropdownlist in selected state.*/
.jqx-dropdownlist-state-selected {
  overflow: hidden;
  background-color: transparent;
  border: 2px solid #536DFE;
  margin: 0 0 0 0;
  cursor: pointer;
}
/*applied to the dropdownlist in focused state.*/
.jqx-dropdownlist-state-focus {
  border: 2px solid #536DFE;
}
/*applied to the dropdownlist in disabled state.*/
.jqx-icon {
  width: 16px;
  height: 16px;
  margin: 0 auto;
  position: relative;
  top: 50%;
  margin-top: -8px;
}
/*left, right, up and down arrow icons.*/
.jqx-left-arrow {
  background: transparent;
  background-image: url('images/icon-left.png');
  cursor: pointer;
}
.jqx-right-arrow {
  background: transparent;
  background-image: url('images/icon-right.png');
  cursor: pointer;
}
.jqx-icon-delete {
  background-image: url('images/icon-delete.png');
  background-repeat: no-repeat;
  background-position: center;
}
.jqx-icon-edit {
  background-image: url('images/icon-edit.png');
  background-repeat: no-repeat;
  background-position: center;
}
.jqx-icon-save {
  background-image: url('images/icon-save.png');
  background-repeat: no-repeat;
  background-position: center;
}
.jqx-icon-cancel {
  background-image: url('images/icon-cancel.png');
  background-repeat: no-repeat;
  background-position: center;
}
.jqx-icon-arrow-up,
.jqx-icon-arrow-up-hover,
.jqx-icon-arrow-up-selected {
  background-image: url('images/icon-up.png');
  background-repeat: no-repeat;
  background-position: center;
}
.jqx-icon-arrow-down,
.jqx-icon-arrow-down-hover,
.jqx-icon-arrow-down-selected {
  background-image: url('images/icon-down.png');
  background-repeat: no-repeat;
  background-position: center;
}
.jqx-icon-arrow-left,
.jqx-icon-arrow-left-hover,
.jqx-icon-arrow-left-selected {
  background-image: url('images/icon-left.png');
  background-repeat: no-repeat;
  background-position: center;
}
.jqx-icon-arrow-right,
.jqx-icon-arrow-right-hover,
.jqx-icon-arrow-right-selected {
  background-image: url('images/icon-right.png');
  background-repeat: no-repeat;
  background-position: center;
}
.jqx-icon-arrow-first,
.jqx-icon-arrow-first-hover,
.jqx-icon-arrow-first-selected {
  background-image: url('images/icon-first.png');
  background-repeat: no-repeat;
  background-position: center;
}
.jqx-icon-arrow-last,
.jqx-icon-arrow-last-hover,
.jqx-icon-arrow-last-selected {
  background-image: url('images/icon-last.png');
  background-repeat: no-repeat;
  background-position: center;
}
.jqx-icon-arrow-up-hover {
  background-image: url('images/icon-up.png');
  background-repeat: no-repeat;
  background-position: center;
}
.jqx-icon-arrow-down-hover {
  background-image: url('images/icon-down.png');
  background-repeat: no-repeat;
  background-position: center;
}
.jqx-icon-arrow-left-hover {
  background-image: url('images/icon-left.png');
  background-repeat: no-repeat;
  background-position: center;
}
.jqx-icon-arrow-right-hover {
  background-image: url('images/icon-right.png');
  background-repeat: no-repeat;
  background-position: center;
}
.jqx-icon-arrow-up-selected {
  background-image: url('images/icon-up.png');
  background-repeat: no-repeat;
  background-position: center;
}
.jqx-icon-arrow-down-selected {
  background-image: url('images/icon-down.png');
  background-repeat: no-repeat;
  background-position: center;
}
.jqx-icon-arrow-left-selected {
  background-image: url('images/icon-left.png');
  background-repeat: no-repeat;
  background-position: center;
}
.jqx-icon-arrow-right-selected {
  background-image: url('images/icon-right.png');
  background-repeat: no-repeat;
  background-position: center;
}
.jqx-icon-close {
  cursor: pointer;
  background-image: url('images/icon-close.png');
  background-repeat: no-repeat;
  background-position: center;
}
.jqx-icon-close-hover {
  cursor: pointer;
  background-image: url('images/icon-close.png');
  background-repeat: no-repeat;
  background-position: center;
}
.jqx-icon-search {
  cursor: pointer;
  background-image: url('images/icon-search.png');
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 1px;
  background-size: 13px;
  width: 13px;
  height: 13px;
}
.jqx-icon-plus {
  background-image: url('images/icon-plus.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
  width: 16px;
  height: 16px;
}
.jqx-icon-time {
  background-image: url('images/icon-time.png');
  background-repeat: no-repeat;
  background-position: center;
  width: 16px;
  height: 16px;
  float: left;
  margin: -8px 0px 0;
  position: relative;
  left: 1px;
}
.sk-spinner-fading-circle.sk-spinner {
  margin: 0 auto;
  width: 22px;
  height: 22px;
  position: relative;
}
.sk-spinner-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sk-spinner-fading-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 18%;
  height: 18%;
  background-color: #282928;
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out;
  animation: sk-circleFadeDelay 1.2s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.sk-spinner-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
.sk-spinner-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
.sk-spinner-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.sk-spinner-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}
.sk-spinner-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}
.sk-spinner-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.sk-spinner-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}
.sk-spinner-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}
.sk-spinner-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.sk-spinner-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}
.sk-spinner-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}
.sk-spinner-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.sk-spinner-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.sk-spinner-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.sk-spinner-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
.sk-spinner-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
.sk-spinner-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
.sk-spinner-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.sk-spinner-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
.sk-spinner-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
.sk-spinner-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
.sk-spinner-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
@-webkit-keyframes sk-circleFadeDelay {
  0%,
  39%,
  100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
@keyframes sk-circleFadeDelay {
  0%,
  39%,
  100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
.bh-import-content {
  padding-top: 12px;
  margin-top: 16px;
  padding-left: 24px;
  padding-right: 24px;
}
.bh-import-step {
  color: #999;
}
.bh-import-step1-intro {
  font-style: normal;
  font-size: 12px;
  margin-left: 8px;
}
.bh-import-step-title {
  color: #999;
  font-size: 16px;
  line-height: 48px;
  font-weight: normal;
}
.bh-import-step-title span {
  color: #fff;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: #A1A1A1;
  border-radius: 50%;
  text-align: center;
  vertical-align: middle;
  line-height: 24px;
  margin-right: 8px;
  margin-top: -2px;
}
.bh-import-step.active .bh-import-step-title,
.bh-import-step.finish .bh-import-step-title {
  color: #222;
}
.bh-import-step.active .bh-import-step-title span,
.bh-import-step.finish .bh-import-step-title span {
  background: #2C98F0;
}
.bh-import-input-a {
  position: relative;
  overflow: hidden;
}
.bh-import-input-a input[type=file] {
  position: absolute;
  font-size: 100px;
  right: 0;
  top: 0;
  opacity: 0;
}
.bh-import-p {
  line-height: 28px;
  /*word-break: break-all;*/
  white-space: nowrap;
  /*text-overflow: ellipsis;*/
  overflow: hidden;
}
.bh-import-file-name {
  font-size: 14px;
  color: #222;
  display: inline-block;
  max-width: 230px;
  margin-right: 8px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: bottom;
}
.bh-import-step1-content a {
  display: inline-block;
  vertical-align: middle;
}
.bh-import-step1-file {
  position: relative;
  display: inline-block;
  margin-right: 0;
  vertical-align: middle;
}
.bh-import-step1-file a {
  position: absolute;
  right: 4px;
  top: 0;
}
.bh-import-reload-a {
  line-height: 28px;
  margin-right: 12px;
}
.bh-import-step.active .bh-import-step2-intro {
  display: none;
}
.bh-import-step.active .bh-import-step2-content {
  display: block;
}
.bh-import-step2-content {
  display: none;
}
.bh-import-loading-bar {
  width: 100%;
  height: 8px;
  background: #D4EAFC;
}
.bh-import-loading-bar div {
  height: 100%;
  width: 0;
  background: #2C98F0;
  /*-webkit-animation: importing 8s 1 ease-in-out;
	animation: importing 8s 1 ease-in-out;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;

	-webkit-animation-play-state : paused;
	animation-play-state : paused;*/
}
.bh-import-loading-bar div.active {
  -webkit-animation-play-state: running;
  animation-play-state: running;
}
.bh-import-loading-bar div.finish {
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.bh-import-step3-content {
  display: none;
}
.bh-import-step.active .bh-import-step3-content {
  display: block;
}
.bh-import-step-content {
  overflow: hidden;
  padding-left: 32px;
}
@-webkit-keyframes emapImporting {
  0% {
    width: 0;
  }
  23% {
    width: 23%;
  }
  40% {
    width: 28%;
  }
  60% {
    width: 60%;
  }
  100% {
    width: 100%;
  }
}
@keyframes emapImporting {
  0% {
    width: 0;
  }
  23% {
    width: 23%;
  }
  40% {
    width: 28%;
  }
  60% {
    width: 60%;
  }
  100% {
    width: 100%;
  }
}
.jqx-input {
  overflow: hidden;
  background-color: transparent;
  border: 1px solid #EBCCEB;
  -webkit-appearance: none;
  outline: none;
  height: 28px;
  width: 100%;
}
input.jqx-input {
  padding: 0 4px;
}
.jqx-input.jqx-fill-state-focus,
.jqx-input-group .jqx-input.jqx-fill-state-focus + .jqx-input-group-addon {
  border: 2px solid #536DFE;
}
.jqx-input::-ms-reveal {
  display: none;
}
.jqx-input::-ms-clear {
  display: none;
}
.jqx-input-content::-ms-clear {
  display: none;
}
.jqx-input::-ms-value {
  padding: 0 4px;
}
/*applied to the input when the validation fails.*/
.jqx-input-invalid {
  border-color: #dd4b39 !important;
}
/*applied to the input's content.*/
.jqx-input-content {
  -webkit-appearance: none;
  padding: 1px;
  resize: none;
  outline: none;
  outline-width: 0px;
  -webkit-user-modify: inherit;
  -moz-user-modify: inherit;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-background-clip: padding-box;
}
/*applied to the input when it is disabled.*/
.jqx-input-disabled {
  -webkit-appearance: none;
  resize: none;
  outline: none;
  outline-width: 0px;
}
.jqx-input-invalid {
  color: #FF5252 !important;
}
.jqx-input-group {
  overflow: hidden;
  display: table;
}
.jqx-input-group-addon {
  display: table-cell;
  border: 1px solid #DDDDDD;
  position: relative;
  padding: 3px 6px;
  float: left;
  white-space: nowrap;
  vertical-align: middle;
}
.jqx-input-group-addon > .fa {
  font-size: 14px;
}
.jqx-input-group-addon:first-child {
  border-right-width: 0px;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.jqx-input-group-addon:last-child {
  border-left-width: 0px;
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
.jqx-input-group-addon:not(:last-child):not(:first-child) {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-left-width: 0px;
}
.jqx-input-group .jqx-input {
  width: -moz-calc(calc(100% - 26px));
  width: -webkit-calc(calc(100% - 26px));
  width: calc(calc(100% - 26px));
}
.jqx-input-group-addon.jqx-input {
  padding: 0 4px;
}
.jqx-input-icon {
  width: 13px;
  height: 13px;
  margin: 0 auto;
}
.jqx-input-popup .jqx-fill-state-pressed {
  color: #137499 !important;
  border-color: #e3f5fb;
  text-decoration: none;
  background-color: #e3f5fb;
  background-repeat: repeat-x;
  outline: 0;
  background: #e3f5fb;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-position: 0 0;
}
.jqx-date-time-input-popup {
  border-color: #DDDDDD;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
}
.jqx-date-time-input-popup table td a {
  border: 1px solid transparent;
  width: 100%;
  display: inline-block;
  margin: 0;
  padding: 0;
  outline: 0;
}
.jqx-date-time-input-popup table td input {
  width: 36px;
  margin: 0 2px;
  text-align: center;
  padding: 4px 6px;
  line-height: 20px;
  vertical-align: middle;
}
.jqx-date-time-input-popup .jqx-icon {
  margin-top: 0;
}
.jqx-datetimeinput .jqx-action-button .jqx-icon-calendar {
  margin: 0;
  right: 2px;
  position: absolute;
}
.jqx-tree-grid-indent {
  width: 14px;
  display: inline-block;
  height: 8px;
  overflow: hidden;
  vertical-align: top;
}
.jqx-tree-grid-title {
  text-decoration: none;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.jqx-tree-grid-collapse-button,
.jqx-tree-grid-expand-button {
  display: inline-block;
  margin-top: 2px;
  margin-right: 0px;
  position: relative;
  width: 14px;
  height: 13px;
  vertical-align: top;
}
.jqx-tree-grid-checkbox {
  float: none !important;
  width: 14px;
  height: 14px;
  cursor: pointer;
  margin-right: 2px !important;
  margin-left: 2px !important;
}
.jqx-tree-grid-icon {
  float: none !important;
  width: 14px;
  height: 14px;
  margin-right: 4px;
}
.jqx-tree-grid-icon-rtl {
  margin-right: 0px;
  margin-left: 4px;
}
.jqx-tree-grid-icon-size {
  width: 14px;
  height: 14px;
  line-height: 16px;
}
.jqx-tree-grid-checkbox-tick {
  width: 100%;
  height: 100%;
}
.jqx-tree-grid-expand-button {
  height: 10px;
  width: 14px;
  vertical-align: top;
}
.jqx-navigationbar {
  margin: 0;
  -webkit-appearance: none;
  outline: none;
  background-color: #fff;
  border-width: 0 1px 1px 1px;
  border-color: #EBCCEB;
  border-style: solid;
  font-size: 14px;
  color: #888888;
}
.jqx-navigationbar .iconfont {
  color: #BBBBBB;
}
.jqx-navigationbar .jqx-expander-header-content {
  float: none !important;
}
.jqx-navigationbar .jqx-expander-content {
  clear: both;
  overflow: auto;
}
.jqx-navigationbar li {
  list-style-type: none;
  padding: 8px 16px 8px 32px;
  min-height: 36px;
  background-color: #EEEEEE;
}
.jqx-navigationbar li.bh-active,
.jqx-navigationbar li:hover {
  background-color: #DDDDDD;
}
.jqx-navigationbar .jqx-expander-content,
.jqx-navigationbar .jqx-expander-header,
.jqx-navigationbar ul,
.jqx-navigationbar li {
  outline: none;
}
.jqx-navigationbar .jqx-expander-header,
.jqx-navigationbar li {
  cursor: pointer;
  border-top: 1px solid #EBCCEB;
}
.jqx-navigationbar .jqx-expander-header .iconfont,
.jqx-navigationbar li .iconfont {
  margin-right: 4px;
}
.jqx-navigationbar .jqx-expander-header {
  height: 36px !important;
  padding: 8px 16px;
}
.jqx-navigationbar .jqx-expander-header-expanded {
  margin-left: -1px;
  margin-right: -1px;
  background-color: #536DFE;
  color: #fff;
}
.jqx-navigationbar .jqx-expander-header-expanded .iconfont {
  color: #fff;
}
.jqx-navigationbar .jqx-icon-arrow-up-selected {
  background-image: none;
}
.jqx-navigationbar .jqx-expander-arrow {
  position: absolute !important;
  top: 8px;
  right: 8px;
  background-image: none;
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.jqx-navigationbar .jqx-expander-arrow:after {
  font-size: 16px;
  content: "\e79e";
}
.jqx-navigationbar .jqx-expander-arrow.jqx-icon-arrow-up:after {
  content: "\e781";
}
.jqx-listitem-state-normal {
  white-space: nowrap;
  padding: 5px 4px;
  margin: 1px;
  border: 1px solid transparent;
  outline: none;
  visibility: inherit;
  display: inherit;
  text-align: left;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  cursor: default;
}
.jqx-listitem-element {
  -ms-touch-action: none;
  border: none;
  width: 100%;
  height: 100%;
  align: left;
  valign: top;
  position: absolute;
}
/*applied to a list item in hovered state.*/
.jqx-listitem-state-hover {
  white-space: nowrap;
  background: #DDE2FF;
  padding: 5px 4px;
  margin: 1px;
  border: 1px solid transparent;
  cursor: pointer;
}
.jqx-listbox {
  -webkit-appearance: none;
  outline: none;
  border: 1px solid #EEEEEE;
  margin: 4px 0 0 0;
  cursor: default;
  overflow: hidden;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
  background-color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/*applied to a list item when the item is selected.*/
.jqx-listitem-state-selected {
  white-space: nowrap;
  padding: 3px 3px 3px 3px;
  margin: 1px;
  border: 1px solid transparent;
}
.jqx-listbox-feedback {
  height: 1px;
  border-top: 1px dashed #000;
}
.jqx-listitem-element {
  -ms-touch-action: none;
  border: none;
  width: 100%;
  height: 100%;
  align: left;
  valign: top;
  position: absolute;
}
.jqx-listitem-state-group {
  white-space: nowrap;
  padding: 4px 2px 4px 2px;
  background: transparent;
  font-weight: bold;
  text-align: left;
  outline: none;
  overflow: hidden;
  vertical-align: middle;
  cursor: default;
}
.jqx-loader {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 9999;
}
.jqx-loader-ie-transparency {
  background: transparent;
}
.jqx-loader-modal {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 9998;
  cursor: default;
  top: 0;
  left: 0;
  background-color: #000;
  opacity: 0.6;
}
.jqx-loader-icon {
  background-image: url("images/loader.gif");
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 999;
}
.jqx-loader-text {
  z-index: 999;
  position: relative;
}
.jqx-loader-text-left {
  margin-left: 5px;
  position: absolute;
  top: 50%;
}
.jqx-loader-text-right {
  margin-right: 5px;
  position: absolute;
  top: 50%;
  right: 0px;
}
.jqx-loader-text-top {
  text-align: center;
  margin-top: 5px;
}
.jqx-loader-text-bottom {
  bottom: 0px;
  position: absolute;
  text-align: center;
  margin: 0 auto;
  width: 100%;
  margin-bottom: 5px;
}
.jqx-loader-rtl {
  direction: rtl;
}
/**/
.bh-loader-icon-line {
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 999;
  overflow: hidden;
}
.bh-loader-icon-line-noborder {
  border: none;
}
.bh-loader-icon-line-border {
  border: 1px solid #DDDDDD;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
@-webkit-keyframes bh-loading-lineAnimate {
  50% {
    transform: translateX(150px);
  }
  100% {
    transform: translateX(300px);
  }
}
@keyframes bh-loading-lineAnimate {
  25% {
    transform: translateX(150px);
  }
  100% {
    transform: translateX(300px);
  }
}
.bh-loader-icon-line i {
  margin-top: 10%;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  display: inline-block;
  -webkit-animation: bh-loading-lineAnimate 1.4s infinite ease-in-out;
  -o-animation: bh-loading-lineAnimate 1.4s infinite ease-in-out;
  animation: bh-loading-lineAnimate 1.4s infinite ease-in-out;
  position: absolute;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.bh-loader-icon-line i:first-child {
  background: #FF5252;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.bh-loader-icon-line i:nth-child(2) {
  background: #FFA000;
  -webkit-animation-delay: 0.08s;
  animation-delay: 0.08s;
}
.bh-loader-icon-line i:nth-child(3) {
  background: #536DFE;
  -webkit-animation-delay: 0.16s;
  animation-delay: 0.16s;
}
.bh-loader-icon-line i:nth-child(4) {
  background: #8BC34A;
  -webkit-animation-delay: 0.24s;
  animation-delay: 0.24s;
}
.bh-loader-icon-line i:last-child {
  background: #990099;
  -webkit-animation-delay: 0.32s;
  animation-delay: 0.32s;
}
/*jqxMenu Style*/
.jqx-menu {
  border: 1px solid transparent;
  float: none;
  margin: 0px;
  height: 100%;
  padding: 0px;
  overflow: hidden;
  text-align: left;
}
.jqx-menu-dropdown-column {
  float: left;
}
/*applied to the menu when it is horizontal. Sets the menu's background*/
.jqx-menu-horizontal {
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  text-align: center;
}
/*applied to the menu when it is vertical. Sets the menu's background*/
.jqx-menu-vertical {
  text-align: left;
  background-color: #efefef;
}
/*applied to the sub menu. Sets the sub menu's background*/
.jqx-menu-dropdown {
  left: 100%;
  margin: 0px;
  padding: 0px;
  right: 0;
  overflow: hidden;
  display: none;
  float: none;
  width: 150px;
  border-style: solid;
  border-width: 1px;
  text-align: left;
  padding: 2px;
}
/*applied to the sub menu's ul elements.*/
.jqx-menu-dropdown ul {
  left: 100%;
  margin: 0px;
  padding: 0px;
  right: 0;
  overflow: hidden;
  border: none;
}
/*applied to the menu's ul elements.*/
.jqx-menu ul {
  left: 100%;
  margin: 0px;
  padding: 2px;
  right: 0;
  overflow: hidden;
  background-color: transparent;
  border: none;
}
/*applied to the menu's li elements.*/
.jqx-menu li,
.jqx-menu-dropdown li {
  line-height: 1.3 !important;
}
/*applied to the top level menu items.*/
.jqx-menu-item-top {
  border: 1px solid transparent;
  text-indent: 0;
  list-style: none;
  padding: 4px 8px 4px 8px;
  left: 100%;
  overflow: hidden;
  color: inherit;
  right: 0;
  margin: 0px 1px 0px 1px;
  cursor: pointer;
}
/*applied to the sub menu items.*/
.jqx-menu-item {
  border: 1px solid transparent;
  text-indent: 0;
  list-style: none;
  padding: 4px 8px 4px 8px;
  margin: 1px;
  float: none;
  overflow: hidden;
  left: 100%;
  color: inherit;
  right: 0;
  text-align: left;
  cursor: pointer;
}
/*applied to a sub menu item when the mouse is over the item.*/
.jqx-menu-item-hover {
  color: inherit;
  right: 0;
  list-style: none;
  margin: 1px;
  left: 100%;
  padding: 4px 8px 4px 8px;
  text-align: left;
  cursor: pointer;
}
/*applied to a top-level menu item when the mouse is over it.*/
.jqx-menu-item-top-hover {
  color: inherit;
  right: 0;
  list-style: none;
  margin: 0px 1px 0px 1px;
  left: 100%;
  padding: 4px 8px 4px 8px;
  top: 50%;
  cursor: pointer;
}
/*applied to a sub menu item when its sub menu is opened.*/
.jqx-menu-item-selected {
  right: 0;
  list-style: none;
  margin: 1px;
  left: 100%;
  padding: 4px 8px 4px 8px;
  text-align: left;
  cursor: pointer;
}
/*applied to a disabled sub menu item.*/
/*applied to a top-level menu item when its sub menu is opened.*/
.jqx-menu-item-top-selected {
  right: 0;
  list-style: none;
  margin: 0px 1px 0px 1px;
  left: 100%;
  padding: 4px 8px 4px 8px;
  cursor: pointer;
}
/*applied to the menu separator items.*/
.jqx-menu-item-separator {
  text-indent: 0;
  background-color: #DDDDDD;
  border: none;
  list-style: none;
  height: 1px;
  line-height: 0 !important;
  padding: 0px;
  margin: 1px 2px 1px 2px;
  float: none;
  overflow: hidden;
  left: 100%;
  color: inherit;
  right: 0;
  font-size: 1px;
}
/*applied to a sub menu item when it has sub menu items. Displays right arrow icon.*/
.jqx-menu-item-arrow-right {
  background-image: url('images/icon-right.png');
}
/*applied to a sub menu item when it has sub menu items. Displays down arrow icon.*/
.jqx-menu-item-arrow-down {
  background-image: url('images/icon-down.png');
}
/*applied to a sub menu item when it has sub menu items. Displays up arrow icon.*/
.jqx-menu-item-arrow-up {
  background-image: url('images/icon-up.png');
}
.jqx-menu-minimized {
  position: relative;
}
.jqx-menu-title {
  position: relative;
  float: right;
  margin-top: 4px;
  padding-top: 4px;
  padding-right: 20px;
}
.jqx-menu-minimized-button {
  background-image: url('images/icon-menu-minimized.png');
  background-repeat: no-repeat;
  background-position: left center;
  height: 24px;
  width: 24px;
  padding: 0px;
  margin-left: 7px;
  margin-top: 4px;
  float: left;
}
.jqx-menu-ul-minimized {
  display: block!important;
  width: auto !important;
}
.jqx-menu-ul-minimized ul {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
}
.jqx-menu-minimized li:last-child {
  padding-bottom: 0px;
  margin: 0px;
}
.jqx-menu-item-arrow-right,
.jqx-menu-item-arrow-down,
.jqx-menu-item-arrow-up,
.jqx-menu-item-arrow-right {
  background-position: 100% 50%;
  background-repeat: no-repeat;
  padding-right: 0px;
  margin-right: -8px;
  width: 17px;
  height: 15px;
}
/*applied to a sub menu item when it has sub menu items. Displays left arrow icon.*/
.jqx-menu-item-arrow-left {
  padding-right: 0px;
  padding-left: 5px;
  width: 17px;
  height: 15px;
  background-image: url('images/icon-left.png');
  background-position: 0 50%;
  background-repeat: no-repeat;
}
/*applied to a sub menu item when it has sub menu items and its sub menu is opened. Displays right arrow icon.*/
.jqx-menu-item-arrow-right-selected {
  background-image: url('images/icon-right.png');
}
/*applied to a sub menu item when it has sub menu items and its sub menu is opened. Displays down arrow icon.*/
.jqx-menu-item-arrow-down-selected {
  background-image: url('images/icon-down.png');
}
/*applied to a sub menu item when it has sub menu items and its sub menu is opened. Displays up arrow icon.*/
.jqx-menu-item-arrow-up-selected {
  background-image: url('images/icon-up.png');
}
.jqx-menu-item-arrow-right-selected,
.jqx-menu-item-arrow-up-selected,
.jqx-menu-item-arrow-down-selected,
.jqx-menu-item-arrow-top-right {
  padding-right: 0px;
  margin-right: -8px;
  width: 17px;
  height: 15px;
  background-position: 100% 50%;
  background-repeat: no-repeat;
}
/*applied to a top-level menu item when it has sub menu items. Displays right arrow icon.*/
.jqx-menu-item-arrow-top-right {
  background-image: url('images/icon-right.png');
}
/*applied to a sub menu item when it has sub menu items and its sub menu is opened. Displays left arrow icon.*/
.jqx-menu-item-arrow-left-selected {
  background-image: url('images/icon-left.png');
}
/*applied to a top-level menu item when it has sub menu items. Displays left arrow icon.*/
.jqx-menu-item-arrow-top-left {
  background-image: url('images/icon-left.png');
}
.jqx-menu-item-arrow-left-selected,
.jqx-menu-item-arrow-top-left {
  background-position: 0 50%;
  background-repeat: no-repeat;
  padding-right: 0px;
  padding-left: 5px;
  width: 17px;
  height: 15px;
}
/*applied to the anchor elements*/
.jqx-menu-item a:link,
.jqx-menu-item a:visited,
.jqx-menu-item a:hover,
.jqx-menu-item-top a:link,
.jqx-menu-item-top a:visited,
.jqx-menu-item-top a:hover {
  text-decoration: none;
  color: inherit;
  outline: none;
  background-color: transparent;
}
/*applied to the menu widget when it is disabled.*/
.jqx-menu-disabled {
  cursor: default;
}
/*applied to the anchor elements of all disabled menu items.*/
.jqx-menu-disabled a:link {
  cursor: default;
  text-decoration: none;
}
.jqx-menu-disabled a:visited {
  cursor: default;
  text-decoration: none;
}
.jqx-menu-disabled a:hover {
  cursor: default;
}
.jqx-menu-dropdown {
  right: -1px;
}
.bh-nav {
  list-style: none;
  min-width: 184px;
  max-width: 280px;
  padding: 4px 0;
  display: table;
}
.bh-nav > li {
  position: relative;
  font-size: 12px;
}
.bh-nav > li > a {
  display: block;
  position: relative;
  color: #888888;
  line-height: 40px;
  padding: 0 12px;
}
.bh-nav > li > a > div {
  min-width: 184px;
  max-width: 280px;
}
.bh-nav > li > a > div > i {
  width: 24px;
  height: 24px;
  float: left;
  margin: 8px 12px 8px 0;
  font-size: 22px;
}
.bh-nav > li.bh-active > a,
.bh-nav > li > a:hover {
  font-weight: bold;
  text-decoration: none;
  color: #444444;
  background-color: #EEEEEE;
}
.bh-nav > li.bh-disabled > a {
  color: #BBBBBB;
}
.bh-nav > li.bh-disabled > a:hover {
  font-weight: normal;
  color: #BBBBBB;
  background-color: transparent;
  cursor: not-allowed;
}
.bh-nav .bh-nav-dropdown:before,
.bh-nav .bh-nav-dropdown:after {
  position: absolute;
  z-index: 1;
}
.bh-nav .bh-nav-dropdown:before {
  content: "";
  top: 18px;
  right: 6px;
  width: 8px;
  height: 2px;
  background: #888888;
  display: none;
}
.bh-nav .bh-nav-dropdown:after {
  content: "+";
  top: 8px;
  right: 4px;
  font-size: 18px;
  font-weight: bold;
  color: #888888;
  display: block;
}
.bh-nav .bh-nav-dropdown.bh-open:before {
  display: block;
}
.bh-nav .bh-nav-dropdown.bh-open:after {
  display: none;
}
.bh-nav .bh-nav-dropdown.bh-open > .bh-nav {
  display: block;
}
.bh-nav .bh-nav-dropdown > .bh-nav {
  display: none;
  width: 100%;
  padding: 0;
  text-indent: 40px;
}
.bh-nav .bh-nav-dropdown > .bh-nav > li > a > div:before {
  content: "";
  background-color: #888888;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  position: absolute;
  z-index: 1;
  top: 18px;
  left: 40px;
}
.bh-nav.bh-nav-tile > li.bh-active > a,
.bh-nav.bh-nav-tile > li > a:hover {
  color: #fff;
  background-color: #536DFE;
}
.bh-nav.bh-nav-tile > li.bh-disabled > a {
  font-weight: normal;
  color: #888888;
  background-color: #DDDDDD;
  cursor: not-allowed;
}
.bh-nav.bh-nav-tile .bh-nav-dropdown:before,
.bh-nav.bh-nav-tile .bh-nav-dropdown:after {
  display: none;
}
.bh-nav.bh-nav-tile .bh-nav-dropdown > a:hover {
  font-weight: normal;
  color: #888888;
  background-color: transparent;
}
.bh-nav.bh-nav-tile .bh-nav-dropdown > .bh-nav {
  display: table;
}
.bh-nav.bh-nav-tile .bh-nav-dropdown > .bh-nav > li.bh-active > a > div:before,
.bh-nav.bh-nav-tile .bh-nav-dropdown > .bh-nav > li > a:hover > div:before {
  background-color: #fff;
}
/*jqxNotification*/
.jqx-notification {
  padding: 10px;
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
  pointer-events: auto;
}
.jqx-notification-table {
  width: 100%;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  color: inherit;
  background-color: transparent;
}
.jqx-notification-container {
  position: fixed;
  height: auto;
  width: auto;
  pointer-events: none;
  z-index: 9999;
}
.jqx-notification-container-full-width {
  width: 100%;
}
.jqx-notification-container-full-height {
  height: 100%;
}
#jqxNotificationDefaultContainer-top-right,
#jqxNotificationDefaultContainer-bottom-left {
  direction: rtl;
}
.jqx-notification-icon,
.jqx-notification-content {
  vertical-align: middle;
}
.jqx-notification-content-rtl {
  direction: rtl;
}
.jqx-link,
.jqx-inverse,
.jqx-primary,
.jqx-warning,
.jqx-danger,
.jqx-success,
.jqx-info {
  background: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
.jqx-notification-info,
.jqx-info {
  color: #ffffff  !important;
  text-shadow: none;
  border: none;
  background-color: rgba(0, 0, 0, 0.87);
}
.jqx-notification-info i.iconfont {
  font-size: 24px;
  vertical-align: middle;
}
.jqx-info:hover,
.jqx-info:focus,
.jqx-info:active,
.jqx-info.active,
.jqx-info.disabled,
.jqx-info[disabled] {
  color: #ffffff  !important;
  background-color: rgba(0, 0, 0, 0.87);
}
.jqx-fill-state-pressed.jqx-info,
.jqx-info:active,
.jqx-info.active {
  background-color: rgba(0, 0, 0, 0.87);
}
.jqx-notification-warning,
.jqx-warning {
  color: #ffffff  !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
  background-color: #faa732  !important;
  *background-color: #f89406  !important;
  background-repeat: repeat-x !important;
  background-image: linear-gradient(to bottom, #fbb450, #f89406) !important;
  border-left-color: #f89406 !important;
  border-right-color: #f89406 !important;
  border-top-color: #f89406 !important;
  border-bottom-color: #ad6704 !important;
}
.jqx-warning:hover,
.jqx-warning:focus,
.jqx-warning:active,
.jqx-warning.active,
.jqx-warning.disabled,
.jqx-warning[disabled] {
  color: #ffffff  !important;
  background-color: #f89406  !important;
  *background-color: #df8505  !important;
}
.jqx-fill-state-pressed.jqx-warning,
.jqx-warning:active,
.jqx-warning.active {
  background-color: #c67605 \9  !important;
  background-image: linear-gradient(to bottom, #fbb450, #c67605) !important;
}
.jqx-notification-success,
.jqx-success {
  color: #ffffff  !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
  background-color: #5bb75b  !important;
  *background-color: #51a351  !important;
  background-repeat: repeat-x !important;
  background-image: linear-gradient(to bottom, #62c462, #51a351) !important;
  border-left-color: #51a351 !important;
  border-right-color: #51a351 !important;
  border-top-color: #51a351 !important;
  border-bottom-color: #387038 !important;
}
.jqx-success:hover,
.jqx-success:focus,
.jqx-success:active,
.jqx-success.active,
.jqx-success.disabled,
.jqx-success[disabled] {
  color: #ffffff  !important;
  background-color: #51a351  !important;
  *background-color: #499249  !important;
}
.jqx-fill-state-pressed.jqx-success,
.jqx-success:active,
.jqx-success.active {
  background-color: #408140  !important;
  background-image: linear-gradient(to bottom, #62c462, #408140) !important;
}
.jqx-notification-error,
.jqx-danger {
  color: #ffffff  !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
  background-color: #da4f49  !important;
  *background-color: #bd362f  !important;
  background-repeat: repeat-x !important;
  background-image: linear-gradient(to bottom, #ee5f5b, #bd362f) !important;
  border-left-color: #bd362f !important;
  border-right-color: #bd362f !important;
  border-top-color: #bd362f !important;
  border-bottom-color: #802420 !important;
}
.jqx-danger:hover,
.jqx-danger:focus,
.jqx-danger:active,
.jqx-danger.active,
.jqx-danger.disabled,
.jqx-danger[disabled] {
  color: #ffffff  !important;
  background-color: #bd362f  !important;
  *background-color: #a9302a  !important;
}
.jqx-fill-state-pressed.jqx-danger,
.jqx-danger:active,
.jqx-danger.active {
  background-color: #942a25 !important;
  background-image: linear-gradient(to bottom, #ee5f5b, #942a25) !important;
}
.jqx-notification-mail,
.jqx-primary {
  color: #ffffff  !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
  background-color: #006dcc  !important;
  *background-color: #0044cc  !important;
  background-repeat: repeat-x !important;
  background-image: linear-gradient(to bottom, #0088cc, #0044cc) !important;
  border-left-color: #0044cc !important;
  border-right-color: #0044cc !important;
  border-top-color: #0044cc !important;
  border-bottom-color: #002a80 !important;
}
.jqx-primary:hover,
.jqx-primary:focus,
.jqx-primary:active,
.jqx-primary.active,
.jqx-primary.disabled,
.jqx-primary[disabled] {
  color: #ffffff  !important;
  background-color: #0044cc  !important;
  *background-color: #003bb3  !important;
}
.jqx-fill-state-pressed.jqx-primary,
.jqx-primary:active,
.jqx-primary.active {
  background-color: #003399 !important;
  background-image: linear-gradient(to bottom, #0088cc, #003399) !important;
}
.jqx-notification-time,
.jqx-inverse {
  color: #ffffff  !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
  background-color: #363636  !important;
  *background-color: #222222  !important;
  background-repeat: repeat-x !important;
  background-image: linear-gradient(to bottom, #444444, #222222) !important;
  border-left-color: #222222 !important;
  border-right-color: #222222 !important;
  border-top-color: #222222 !important;
  border-bottom-color: #000000 !important;
}
.jqx-inverse:hover,
.jqx-inverse:focus,
.jqx-inverse:active,
.jqx-inverse.active,
.jqx-inverse.disabled,
.jqx-inverse[disabled] {
  color: #ffffff  !important;
  background-color: #222222  !important;
  *background-color: #151515  !important;
}
.jqx-fill-state-pressed.jqx-inverse,
.jqx-inverse:active,
.jqx-inverse.active {
  background-color: #080808  !important;
  background-image: linear-gradient(to bottom, #444444, #080808) !important;
}
.jqx-link,
.jqx-link:active,
.jqx-link[disabled] {
  background-color: transparent !important;
  background-image: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.jqx-link {
  color: #0088cc !important;
  cursor: pointer !important;
  border-color: transparent !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}
.jqx-link:hover,
.jqx-link:focus {
  color: #005580 !important;
  text-decoration: underline !important;
  background-color: transparent !important;
}
.jqx-link[disabled]:hover,
.jqx-link[disabled]:focus {
  color: #333333 !important;
  text-decoration: none !important;
}
.jqx-link:focus,
.jqx-inverse:focus,
.jqx-primary:focus,
.jqx-warning:focus,
.jqx-danger:focus,
.jqx-success:focus,
.jqx-info:focus,
.jqx-link:hover,
.jqx-inverse:hover,
.jqx-primary:hover,
.jqx-warning:hover,
.jqx-danger:hover,
.jqx-success:hover,
.jqx-info:hover {
  background-position: 0 -15px !important;
  -webkit-transition: background-position 0.1s linear !important;
  -moz-transition: background-position 0.1s linear !important;
  -o-transition: background-position 0.1s linear !important;
  transition: background-position 0.1s linear !important;
}
.jqx-link:active,
.jqx-inverse:active,
.jqx-primary:active,
.jqx-warning:active,
.jqx-danger:active,
.jqx-success:active,
.jqx-info:active {
  background-image: none !important;
  outline: 0 !important;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
}
.jqx-notification-icon {
  background-repeat: no-repeat;
}
.jqx-notification-icon-ltr {
  background-position: left center;
}
.jqx-notification-icon-rtl {
  background-position: right center;
}
.jqx-notification-icon-info,
.jqx-notification-icon-warning,
.jqx-notification-icon-success,
.jqx-notification-icon-error,
.jqx-notification-icon-mail,
.jqx-notification-icon-time {
  width: 30px;
  height: 25px;
}
.jqx-notification-icon-info {
  display: none;
  background-image: none;
}
.jqx-notification-icon-warning {
  background-image: url('images/warning.png');
}
.jqx-notification-icon-success {
  background-image: url('images/success.png');
}
.jqx-notification-icon-error {
  background-image: url('images/error.png');
}
.jqx-notification-icon-mail {
  background-image: url('images/mail.png');
}
.jqx-notification-icon-time {
  background-image: url('images/time.png');
}
.jqx-notification-close-button-info,
.jqx-notification-close-button-success,
.jqx-notification-close-button-mail,
.jqx-notification-close-button-time,
.jqx-notification-close-button-error {
  background-image: url('images/close_white.png');
}
.jqx-notification-close-button-warning {
  background-image: url('images/close_black.png');
}
.jqx-notification-close-button-container,
.jqx-notification-close-button {
  width: 16px;
  height: 16px;
}
.jqx-notification-close-button.jqx-notification-close-button-info {
  top: 5px;
  right: 0;
}
.jqx-notification-close-button.jqx-notification-close-button-info:hover {
  background-image: url('images/close_white_hover.png');
}
.jqx-notification-close-button-container {
  vertical-align: top;
}
.jqx-notification-close-button {
  position: relative;
  top: -11px;
  background-repeat: no-repeat;
  cursor: pointer;
}
.jqx-notification-close-button-ltr {
  right: -11px;
  background-position: right top;
}
.jqx-notification-close-button-rtl {
  left: -11px;
  background-position: left top;
}
.jqx-navbar {
  width: 100%;
  border-style: solid;
  border-width: 1px;
}
.jqx-navbar ul:before,
.jqx-navbar ul:after {
  content: "";
  display: table;
}
.jqx-navbar ul:after {
  clear: both;
}
.jqx-navbar ul {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  display: block;
  border: 0;
  max-width: 100%;
  overflow: visible;
}
.jqx-navbar-block {
  margin: 0;
  padding: 0px 12px;
  border-width: 0px;
  float: left;
  min-height: 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: none !important;
  border-radius: 0px !important;
}
.jqx-navbar-block-rtl {
  float: right;
}
.jqx-ribbon {
  position: relative;
  overflow: hidden;
}
.jqx-ribbon-auto {
  display: inline-block;
}
.jqx-ribbon-popup {
  overflow: visible;
}
.jqx-ribbon-header {
  position: absolute;
  margin: 0;
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
  overflow: hidden;
  float: left;
  display: block;
  box-shadow: none !important;
}
.jqx-ribbon-header-auto {
  position: relative;
}
.jqx-ribbon-header-horizontal {
  width: 100%;
  min-height: 30px;
  padding: 0px;
  white-space: nowrap;
}
.jqx-ribbon-header-bottom {
  bottom: 0;
}
.jqx-ribbon-header-vertical {
  min-width: 75px;
  height: 100%;
  float: left;
  padding: 0px;
}
.jqx-ribbon-header-right {
  right: 0;
}
.jqx-ribbon-header-horizontal-popup,
.jqx-ribbon-header-vertical-popup {
  position: relative;
}
.jqx-ribbon-header-horizontal-popup {
  height: 100%;
}
.jqx-ribbon-header-vertical-popup {
  width: 100%;
}
.jqx-ribbon-item {
  position: relative;
  list-style-type: none;
  padding: 5px;
  border: 1px solid transparent;
  box-sizing: border-box;
  text-overflow: ellipsis;
  cursor: default;
  min-width: 10px;
  vertical-align: top;
}
.jqx-ribbon-item-top,
.jqx-ribbon-item-bottom {
  height: 100%;
  display: inline-block;
  margin-left: 1px;
  margin-right: 1px;
}
.jqx-ribbon-item-top {
  margin-top: 1px;
}
.jqx-ribbon-item-bottom {
  margin-top: -1px;
}
.jqx-ribbon-item-left,
.jqx-ribbon-item-right {
  width: 100%;
  margin-top: 2px;
}
.jqx-ribbon-item-left {
  margin-left: 1px;
}
.jqx-ribbon-item-right {
  margin-left: -1px;
}
.jqx-ribbon-item-hover {
  border-color: inherit;
}
.jqx-ribbon-item-top.jqx-ribbon-item-hover {
  border-bottom-color: inherit !important;
}
.jqx-ribbon-item-bottom.jqx-ribbon-item-hover {
  border-top-color: inherit !important;
}
.jqx-ribbon-item-left.jqx-ribbon-item-hover {
  border-right-color: inherit !important;
}
.jqx-ribbon-item-right.jqx-ribbon-item-hover {
  border-left-color: inherit !important;
}
.jqx-ribbon-item-selected {
  border-color: inherit;
}
.jqx-ribbon-item-top.jqx-ribbon-item-selected {
  border-bottom-color: transparent;
}
.jqx-ribbon-item-bottom.jqx-ribbon-item-selected {
  border-top-color: transparent;
}
.jqx-ribbon-item-left.jqx-ribbon-item-selected {
  border-right-color: transparent;
}
.jqx-ribbon-item-right.jqx-ribbon-item-selected {
  border-left-color: transparent;
}
.jqx-ribbon-content {
  background-image: none !important;
  background-color: transparent !important;
  box-sizing: border-box;
}
.jqx-ribbon-content-horizontal {
  clear: both;
  height: 100%;
}
.jqx-ribbon-content-vertical {
  height: 100%;
  width: 100%;
  float: left;
  border-width: 1px;
}
.jqx-ribbon-content-popup {
  z-index: 99999;
  position: absolute;
  border-left: none;
}
.jqx-ribbon-content-popup.jqx-ribbon-content-horizontal {
  width: 100%;
  height: auto;
}
.jqx-ribbon-content-popup.jqx-ribbon-content-vertical {
  width: auto;
  height: 100%;
}
.jqx-ribbon-content-popup-top {
  -webkit-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
}
.jqx-ribbon-content-popup-bottom {
  -webkit-box-shadow: 0 -6px 15px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 -6px 15px rgba(0, 0, 0, 0.15);
  box-shadow: 0 -6px 15px rgba(0, 0, 0, 0.15);
}
.jqx-ribbon-content-popup-left {
  -webkit-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
}
.jqx-ribbon-content-popup-right {
  -webkit-box-shadow: -6px 6px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: -6px 6px 15px 0 rgba(0, 0, 0, 0.15);
}
.jqx-ribbon-content-auto-width {
  width: auto;
}
.jqx-ribbon-content-section {
  width: 100%;
  height: 100%;
  display: none;
  border-width: 1px;
  border-style: solid;
  box-sizing: inherit;
  overflow: auto;
}
.jqx-ribbon-content-section-top {
  border-top: none;
}
.jqx-ribbon-content-section-bottom {
  bottom: 0;
  border-bottom: none;
}
.jqx-ribbon-content-section-left {
  border-left: none;
}
.jqx-ribbon-content-section-right {
  border-right: none;
  right: 0;
}
.jqx-ribbon-content-section-popup {
  position: relative;
}
.jqx-ribbon-content-section-horizontal-popup {
  height: auto;
}
.jqx-ribbon-content-section-vertical-popup {
  width: auto;
}
.jqx-ribbon-header-rtl {
  text-align: right;
}
.jqx-ribbon-header-horizontal.jqx-ribbon-header-rtl {
  direction: rtl;
}
.jqx-ribbon-item-rtl {
  direction: rtl;
}
.jqx-ribbon-scrollbutton {
  position: absolute;
  display: none;
  box-sizing: border-box;
  cursor: pointer;
  background-repeat: no-repeat !important;
  background-position: center !important;
  z-index: 1000;
}
.jqx-ribbon-scrollbutton-top,
.jqx-ribbon-scrollbutton-bottom {
  width: 17px;
}
.jqx-ribbon-scrollbutton-left,
.jqx-ribbon-scrollbutton-right {
  height: 17px;
}
.jqx-ribbon-scrollbutton-top {
  top: 1px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.jqx-ribbon-scrollbutton-bottom {
  bottom: 1px;
  border-top-width: 1px;
  border-top-style: solid;
}
.jqx-ribbon-scrollbutton-left {
  left: 1px;
  border-right-width: 1px;
  border-right-style: solid;
}
.jqx-ribbon-scrollbutton-right {
  right: 1px;
  border-left-width: 1px;
  border-left-style: solid;
}
.jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-both,
.jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-near,
.jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-both,
.jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-near {
  left: 1px;
  border-right-width: 1px;
  border-right-style: solid;
}
.jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-far,
.jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-far {
  right: 18px;
  border-left-width: 1px;
  border-left-style: solid;
}
.jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-both,
.jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-far,
.jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-both,
.jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-far {
  right: 1px;
  border-left-width: 1px;
  border-left-style: solid;
}
.jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-near,
.jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-near {
  left: 18px;
  border-right-width: 1px;
  border-right-style: solid;
}
.jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-both,
.jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-near,
.jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-both,
.jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-near {
  top: 1px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-far,
.jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-far {
  bottom: 18px;
  border-top-width: 1px;
  border-top-style: solid;
}
.jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-both,
.jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-far,
.jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-both,
.jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-far {
  bottom: 1px;
  border-top-width: 1px;
  border-top-style: solid;
}
.jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-near,
.jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-near {
  top: 18px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.jqx-ribbon-scrollbutton-inner {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.jqx-ribbon-selection-token {
  position: absolute;
  z-index: 1000;
}
.jqx-ribbon-selection-token-top,
.jqx-ribbon-selection-token-bottom {
  height: 1px;
}
.jqx-ribbon-selection-token-left,
.jqx-ribbon-selection-token-right {
  width: 1px;
}
.jqx-ribbon-auto,
.jqx-ribbon-item-top,
.jqx-ribbon-item-bottom,
.jqx-ribbon-content {
  *display: inline;
}
.jqx-ribbon-content-left {
  *float: none;
}
.jqx-ribbon-content-right {
  *float: left;
}
.jqx-ribbon-content.jqx-ribbon-content-popup {
  *left: 0;
}
.jqx-ribbon-content-popup .jqx-ribbon-content-section {
  *overflow: visible;
}
.jqx-ribbon-content-section-popup {
  *position: absolute;
}
.jqx-toolbar,
.jqx-toolbar-minimized-popup-separator {
  box-sizing: border-box;
}
.jqx-toolbar,
.jqx-toolbar-minimized-popup {
  padding: 5px;
}
.jqx-toolbar {
  position: relative;
  border-width: 1px;
  border-style: solid;
  overflow: hidden;
}
.jqx-toolbar-tool {
  float: left;
  margin-top: 0;
  margin-bottom: 0;
}
.jqx-toolbar-tool-rtl {
  float: right;
}
.jqx-toolbar-tool-no-separator-ltr {
  margin-right: 2px !important;
}
.jqx-toolbar-tool-no-separator-rtl {
  margin-left: 2px !important;
}
.jqx-toolbar-tool-separator-ltr {
  margin-right: 6px !important;
}
.jqx-toolbar-tool-separator-rtl {
  margin-left: 6px !important;
}
.jqx-toolbar-tool-inner-button {
  margin-right: 0;
  margin-left: 0;
  border-radius: 0 !important;
}
.jqx-toolbar-minimized-button,
.jqx-toolbar-minimized-popup {
  position: absolute;
}
.jqx-toolbar-minimized-button {
  height: 100%;
  right: 0;
  cursor: pointer;
  margin-top: -5px;
  margin-right: 5px;
  display: none;
}
.jqx-toolbar-minimized-button-rtl {
  left: 0;
  margin-left: 5px;
  margin-right: 0;
}
.jqx-toolbar-minimized-popup {
  border-width: 1px;
  border-top-width: 0;
  border-style: solid;
  visibility: hidden;
  z-index: 99999;
}
.jqx-toolbar-tool-minimized {
  margin: 1px 0 !important;
}
.jqx-toolbar-minimized-popup-separator {
  width: 100%;
  height: 2px;
  margin: 5px 0;
  display: none;
}
.jqx-complex-input-spin-buttons-container {
  border-width: 1px;
  border-style: solid;
  position: relative;
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
  padding: 2px 8px !important;
  white-space: nowrap;
  vertical-align: middle;
}
.jqx-formatted-input,
.jqx-complex-input {
  padding-right: 2px !important;
  text-align: right;
}
.jqx-formatted-input-lower-case,
.jqx-complex-input {
  text-transform: lowercase;
}
.jqx-formatted-input-upper-case {
  text-transform: uppercase;
}
.jqx-formatted-input-item {
  word-wrap: break-word;
}
.jqx-formatted-input-item-rtl,
.jqx-complex-input-rtl {
  direction: rtl !important;
}
.jqx-formatted-input-spin-buttons-container,
.jqx-formatted-input-addon {
  height: 100%;
}
.jqx-formatted-input-spin-buttons-container {
  width: 18px;
  padding: 0 0 0 1px !important;
  overflow: hidden;
}
.jqx-formatted-input-spin-buttons-container-rtl {
  border-right-width: 0px;
  padding: 0 0 0 2px !important;
}
.jqx-formatted-input-spin-buttons-container-rtl-border {
  border-left-width: 1px !important;
}
.jqx-formatted-input-spin-button {
  position: relative;
  width: 17px;
  height: 50%;
  margin-left: -1px;
  border-width: 0px;
  padding: 0px;
  overflow: hidden;
  cursor: pointer;
}
.jqx-formatted-input-addon {
  width: 19px;
  padding: 0 !important;
  cursor: pointer;
}
.jqx-formatted-input-addon-rtl {
  border-right-width: 1px !important;
}
.jqx-complex-input-parent {
  overflow: hidden;
}
.jqx-complex-input-child {
  height: 100%;
  float: left;
  box-sizing: border-box;
}
.jqx-complex-input-child-rtl {
  float: right;
}
.jqx-complex-input-spin-buttons-container-ltr {
  border-left-width: 0;
}
.jqx-complex-input-spin-buttons-container-rtl {
  border-left-width: 1px !important;
  border-right-width: 0;
}
.jqx-file-upload {
  position: relative;
  overflow: auto;
}
.jqx-file-upload,
.jqx-file-upload-file-row,
.jqx-file-upload-file-name,
.jqx-file-upload-file-cancel,
.jqx-file-upload-file-upload {
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
}
.jqx-file-upload-buttons-container,
.jqx-file-upload-iframe,
.jqx-file-upload-loading-element {
  display: none;
}
.jqx-file-upload-file-input-ie9,
.jqx-file-upload-buttons-container,
.jqx-file-upload-file-row,
.jqx-file-upload-icon {
  width: 100%;
}
.jqx-file-upload-file-input-ie9,
.jqx-file-upload-file-name,
.jqx-file-upload-file-cancel,
.jqx-file-upload-file-upload,
.jqx-file-upload-icon,
.jqx-file-upload-loading-element {
  height: 100%;
}
.jqx-file-input-iframe,
.jqx-file-upload-form-ie9 {
  position: absolute;
}
.jqx-file-input-iframe {
  width: 0;
  height: 0;
  border: none;
}
.jqx-file-upload-form,
.jqx-file-upload-file-input {
  visibility: hidden;
  display: none;
}
.jqx-file-upload-form-ie9,
.jqx-file-upload-file-input-ie9 {
  display: block;
  visibility: visible;
}
.jqx-file-upload-form-ie9 {
  z-index: 10000;
  opacity: 0;
  filter: alpha(opacity=0);
}
.jqx-file-upload-file-name {
  width: auto;
  padding: 0 2px 0 2px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  *float: left;
}
.jqx-file-upload-button-browse-rtl,
.jqx-file-upload-button-upload-rtl,
.jqx-file-upload-button-cancel-rtl,
.jqx-file-upload-file-name-rtl,
.jqx-file-upload-file-cancel,
.jqx-file-upload-file-upload,
.jqx-file-upload-loading-element {
  float: right;
}
.jqx-file-upload,
.jqx-file-upload-file-row {
  padding: 5px;
}
.jqx-file-upload-button-browse {
  display: block;
}
.jqx-file-upload-buttons-container {
  height: auto;
  margin-top: 10px;
}
.jqx-file-upload-button-browse-rtl,
.jqx-file-upload-button-upload-rtl,
.jqx-file-upload-button-cancel-rtl,
.jqx-file-upload-file-name-rtl,
.jqx-file-upload-file-cancel-rtl,
.jqx-file-upload-file-upload-rtl {
  direction: rtl !important;
}
.jqx-file-upload-button-cancel,
.jqx-file-upload-button-upload-rtl {
  margin-left: 5px;
}
.jqx-file-upload-button-upload-rtl-ie {
  margin-right: 5px;
}
.jqx-file-upload-button-cancel-rtl,
.jqx-file-upload-button-upload-rtl-ie {
  margin-left: 0;
}
.jqx-file-upload-file-row {
  height: 30px;
  margin-bottom: 3px;
  clear: both;
}
.jqx-file-upload-file-cancel,
.jqx-file-upload-file-upload,
.jqx-file-upload-loading-element {
  width: 17px;
  margin: 0 1px 0 1px;
}
.jqx-file-upload-file-cancel-rtl,
.jqx-file-upload-file-upload-rtl,
.jqx-file-upload-loading-element-rtl {
  float: none;
  *float: left;
}
.jqx-file-upload-button-browse,
.jqx-file-upload-button-upload,
.jqx-file-upload-button-cancel,
.jqx-file-upload-form-ie9,
.jqx-file-upload-file-input-ie9,
.jqx-file-upload-file-cancel,
.jqx-file-upload-file-upload {
  cursor: pointer;
  white-space: nowrap;
}
.jqx-file-upload-file-name,
.jqx-file-upload-file-cancel,
.jqx-file-upload-file-upload {
  display: inline-block;
}
.jqx-file-upload-icon-upload,
.jqx-file-upload-loading-element {
  margin-top: 1px;
}
.jqx-file-upload-loading-element {
  background-image: url('images/loader-small.gif');
  background-repeat: no-repeat;
}
.jqx-date-time-input-popup .jqx-icon {
  margin-top: 0px;
}
.jqx-responsive-panel {
  overflow: auto;
}
.jqx-responsive-panel,
.jqx-responsive-panel-button {
  border-width: 1px;
  border-style: solid;
}
.jqx-responsive-panel-button {
  display: none;
  cursor: pointer;
}
.jqx-responsive-panel-button-inner {
  margin: 0;
  width: 100%;
  height: 100%;
  background-position: center;
}
.jqx-popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 18100;
  background-color: #fff;
  border: none;
  box-shadow: 0 4px 20px #BBBBBB;
}
.jqx-popover-modal-background ~ .jqx-popover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
}
.jqx-popover-modal-background {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 1002;
  /* Fallback for web browsers that don't support RGBa */
  background-color: #000000;
  /* RGBa with 0.6 opacity */
  background-color: rgba(0, 0, 0, 0.6);
}
.jqx-popover-close-button {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 8px;
  top: 8px;
}
.jqx-popover-close-button-rtl {
  left: 8px;
}
.jqx-popover.top {
  margin-top: -10px;
}
.jqx-popover.right {
  margin-left: 10px;
}
.jqx-popover.bottom {
  margin-top: 10px;
}
.jqx-popover.left {
  margin-left: -10px;
}
.jqx-popover-title {
  padding: 32px 0px 24px;
  border-bottom: none;
  margin: 0 24px;
}
.jqx-popover-title:empty {
  display: none;
}
.jqx-popover-content {
  padding: 0px 24px 32px;
}
.jqx-popover .jqx-popover-arrow,
.jqx-popover .jqx-popover-arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.jqx-popover .jqx-popover-arrow {
  border-width: 11px;
}
.jqx-popover .jqx-popover-arrow:after {
  border-width: 10px;
  content: "";
}
.jqx-popover.top .jqx-popover-arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #EEEEEE;
  border-bottom-width: 0;
}
.jqx-popover.top .jqx-popover-arrow:after {
  bottom: 1px;
  margin-left: -10px;
  border-top-color: #fff;
  border-bottom-width: 0;
}
.jqx-popover.right .jqx-popover-arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #EEEEEE;
  border-left-width: 0;
}
.jqx-popover.right .jqx-popover-arrow:after {
  bottom: -10px;
  left: 1px;
  border-right-color: #fff;
  border-left-width: 0;
}
.jqx-popover.bottom .jqx-popover-arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-bottom-color: #EEEEEE;
  border-top-width: 0;
}
.jqx-popover.bottom .jqx-popover-arrow:after {
  top: 1px;
  margin-left: -10px;
  border-bottom-color: #fff;
  border-top-width: 0;
}
.jqx-popover.left .jqx-popover-arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #EEEEEE;
}
.jqx-popover.left .jqx-popover-arrow:after {
  right: 1px;
  bottom: -10px;
  border-left-color: #fff;
  border-right-width: 0;
}
.jqx-window-close-button.jqx-icon-close {
  background-image: url("images/close64.png");
  background-size: contain;
}
/*jqxProgresBar Style*/
.jqx-progressbar {
  overflow: hidden;
  outline: none;
  border: 1px solid transparent;
  height: 2em;
  border-radius: 2px;
  background: #F8F9FF !important;
}
/*applied to the progressbar's value element*/
.jqx-progressbar-value {
  outline: none;
  border: 0px solid transparent;
  height: 100%;
  background-color: #8396FE;
  border-radius: 2px;
}
/*applied to the progress bar's vertical value element- when the widget's orientation is 'vertical'*/
.jqx-progressbar-value-vertical {
  outline: none;
  border: 0px solid transparent;
  height: 100%;
  background: #8396FE;
}
/*applied to the progressbar's text element*/
.jqx-progressbar-text {
  font-size: 10px;
  border: none;
}
/*applied to the progress bar when the widget is in disabled state*/
.jqx-progressbar-disabled {
  outline: none;
  border: 1px solid transparent;
  height: 2em;
}
/*jqxRadioButton*/
.jqx-radio-group .jqx-radiobutton {
  display: inline-block;
}
.jqx-radiobutton-input {
  float: left;
}
.jqx-radiobutton-text {
  float: left;
  padding-top: 3px;
}
.jqx-radio-group .jqx-radiobutton .jqx-radiobutton-text {
  padding-top: 0;
}
.jqx-radiobutton {
  text-overflow: ellipsis;
  border: none;
  outline: none;
  margin: 0 0 0 0;
  white-space: nowrap;
  line-height: 16px;
}
/*applied to the radio button.*/
.jqx-radiobutton-default {
  cursor: pointer;
  float: left;
  padding: 0px;
  border: 1px solid #EBCCEB;
  outline: none;
  margin: 1px 3px 0px 3px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
/*applied to the radio button when the mouse is over it.*/
.jqx-radiobutton-hover {
  cursor: pointer;
  float: left;
  background: transparent;
  padding: 0px;
  border: 1px solid #8BC34A;
  outline: none;
  margin: 1px 3px 0px 3px;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
/*applied to the radio button when it is disabled.*/
.jqx-radiobutton-disabled {
  cursor: default;
}
/*applied to the radio button's radio icon when it is disabled.*/
/*applied to the radio button when it is checked.*/
.jqx-radiobutton-check-checked {
  position: relative;
  display: block;
}
.jqx-radiobutton-check-checked:after {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  background: #8BC34A;
  border-radius: 50%;
  top: 2px;
  left: 2px;
}
/*applied to the radio button when it is checked and disabled.*/
/*applied to the radio button when it is in indeterminate state.*/
.jqx-radiobutton-check-indeterminate {
  float: left;
  background: transparent url("images/roundbg_check_indeterminate.png") left top no-repeat;
  padding: 0px;
  border: none;
  outline: none;
  margin: 0 0 0 0;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  width: 6px;
  height: 6px;
  margin-left: 2px;
  margin-top: 2px;
}
/*applied to the radio button when it is in indeterminate state and disabled.*/
/*applied to the radio button when its in rtl mode.*/
.jqx-radiobutton-rtl {
  float: right;
}
/*jqxScrollBar Style*/
.jqx-scrollbar {
  background: transparent;
  margin: 0;
  padding: 0;
  border: none;
}
div[id^=horizontalScrollBar] {
  margin-top: 4px;
}
/*applied to the scrollbar in default state.*/
.jqx-scrollbar-state-normal {
  background: #efefef;
  margin: 0px;
  padding: 0px;
  border: 1px solid transparent;
}
/*applied to the scrollbar buttons in default state.*/
.jqx-scrollbar-button-state-normal {
  margin: 0px;
  padding: 0px;
  border: 1px solid transparent;
}
/*applied to the scrollbar buttons in hovered state.*/
.jqx-scrollbar-button-state-hover {
  margin: 0px;
  padding: 0px;
  border: 1px solid transparent;
}
/*applied to the scrollbar buttons in pressed state.*/
.jqx-scrollbar-button-state-pressed {
  margin: 0px;
  padding: 0px;
  border: 1px solid transparent;
}
/*applied to the horizontal scrollbar thumb in default state.*/
.jqx-scrollbar-thumb-state-normal-horizontal {
  margin: 0px;
  padding: 0px;
  background: #BBBBBB;
  border: 1px solid transparent;
  touch-action: none;
  border-radius: 2px;
}
/*applied to the horizontal scrollbar thumb in hovered state.*/
.jqx-scrollbar-thumb-state-hover-horizontal {
  margin: 0px;
  padding: 0px;
  border: 1px solid transparent;
}
/*applied to the horizontal scrollbar thumb in default state.*/
.jqx-scrollbar-thumb-state-pressed-horizontal {
  margin: 0px;
  padding: 0px;
  border: 1px solid transparent;
}
/*applied to the vertical scrollbar thumb in default state.*/
.jqx-scrollbar-thumb-state-normal {
  margin: 0;
  padding: 0;
  border: 1px solid #aaa;
  touch-action: none;
  background: #efefef;
  box-sizing: border-box !important;
}
/*applied to the vertical scrollbar thumb in default state.*/
.jqx-scrollbar-thumb-state-hover {
  margin: 0px;
  padding: 0px;
  background: #DDDDDD;
}
/*applied to the vertical scrollbar thumb in default state.*/
.jqx-scrollbar-thumb-state-pressed {
  margin: 0px;
  padding: 0px;
  background: #d1d1d1;
  border: 1px solid #909090;
}
.jqx-scrollbar .jqx-icon-arrow-up {
  width: 100%;
  height: 100%;
}
.jqx-scrollbar .jqx-icon-arrow-down {
  width: 100%;
  height: 100%;
}
.jqx-scrollbar .jqx-icon-arrow-left {
  width: 100%;
  height: 100%;
}
.jqx-scrollbar .jqx-icon-arrow-right {
  width: 100%;
  height: 100%;
}
/* jqxScrollView */
.jqx-scrollview-button {
  width: 10px;
  height: 10px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  display: inline-block;
  margin: 2px;
  cursor: pointer;
  background-color: #EEEEEE;
}
.jqx-scrollview {
  -ms-touch-action: auto !important;
}
.jqx-switchbutton {
  overflow: hidden;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  -o-border-radius: 24px;
  border-radius: 24px;
  background-color: #DDDDDD;
  cursor: pointer;
}
.jqx-switchbutton[aria-disabled=true] {
  background-color: rgba(221, 221, 221, 0.35);
}
.jqx-switchbutton-on.jqx-switchbutton {
  background-color: #8BC34A;
}
.jqx-switchbutton-on.jqx-switchbutton[aria-disabled=true] {
  background: rgba(139, 195, 74, 0.35);
}
.jqx-switchbutton-thumb {
  display: inline-block;
  cursor: pointer;
  border: 1px solid transparent;
  background-color: #fff;
  margin-top: 2px;
  margin-left: 0;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  -webkit-transition: margin-left 0.25s;
  -moz-transition: margin-left 0.25s;
  -ms-transition: margin-left 0.25s;
  -o-transition: margin-left 0.25s;
  transition: margin-left 0.25s;
}
.jqx-switchbutton-thumb.jqx-fill-state-hover {
  -webkit-box-shadow: 0 8px 14px rgba(0, 0, 0, 0.25);
  box-shadow: 0 8px 14px rgba(0, 0, 0, 0.25);
}
.jqx-switchbutton-on .jqx-switchbutton-thumb {
  margin-left: -3px;
}
.jqx-switchbutton-label {
  font-size: 12px;
  text-align: center;
}
.jqx-switchbutton-label-on {
  color: #fff;
}
.jqx-switchbutton-label-off {
  color: #BBBBBB;
}
.jqx-switchbutton .jqx-switchbutton-label-off {
  width: 28px!important;
}
.jqx-switchbutton .jqx-switchbutton-label-on {
  width: 28px!important;
}
.jqx-switchbutton.jqx-switchbutton-on .jqx-switchbutton-label-off {
  width: 28px!important;
}
.jqx-switchbutton.jqx-switchbutton-on .jqx-switchbutton-label-on .jqx-disableselect {
  margin-left: -2px;
}
/*jqxTabs*/
.jqx-tabs {
  outline: none;
  margin: 0 0 0 0;
  padding: 0px;
  overflow: hidden;
  background: transparent;
  border: 1px solid transparent;
}
/*applied to the tab close button.*/
.jqx-tabs-close-button {
  outline: none;
  background-image: url("images/close.png");
  cursor: pointer;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  position: relative;
  left: 5px;
}
/*applied to the tab close button when the tab is selected.*/
.jqx-tabs-close-button-selected {
  outline: none;
  background-image: url("images/close.png");
  cursor: pointer;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
/*applied to the tab close button when the mouse is over the tab.*/
.jqx-tabs-close-button-hover {
  outline: none;
  background-image: url("images/close.png");
  cursor: pointer;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
/*applied to the tab's left scroll arrow.*/
.jqx-tabs-arrow-left,
.jqx-tabs-arrow-right {
  border: 1px solid #DDDDDD;
  height: 20px !important;
}
.jqx-tabs-arrow-left:hover,
.jqx-tabs-arrow-right:hover {
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28);
}
.jqx-tabs-arrow-left {
  outline: none;
  position: relative;
  z-index: 15;
  float: left;
  cursor: pointer;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  background-image: url('images/icon-left.png');
  background-repeat: no-repeat;
  background-position: center;
}
/*applied to the tab's right scroll arrow.*/
.jqx-tabs-arrow-right {
  border-left: 0;
  outline: none;
  position: relative;
  z-index: 15;
  background-image: url('images/icon-right.png');
  background-repeat: no-repeat;
  background-position: center;
  float: left;
  cursor: pointer;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
.jqx-tabs-arrow-background {
  background: #fff;
}
/*applied to the tab's title.*/
.jqx-tabs-title {
  outline: none;
  display: block;
  cursor: pointer;
  white-space: nowrap;
  text-indent: 0px;
  list-style: none;
  border: 1px solid transparent;
  margin: 0px 2px 0px 0px;
  overflow: hidden;
  z-index: 1;
  padding: 14px 16px;
  color: #888888;
  background: transparent;
  height: auto;
  position: relative;
}
.jqx-tabs-title-container {
  box-shadow: inset 0 -2px 0 0 #F7EBF7;
}
.jqx-tabs-title a:link {
  color: inherit;
  text-decoration: none;
}
.jqx-tabs-title a:hover {
  color: inherit;
  text-decoration: none;
}
.jqx-tabs-title a:active {
  color: inherit;
  text-decoration: none;
}
.jqx-tabs-title a:visited {
  color: inherit;
  text-decoration: none;
}
/*applied to the tab's title when the tab is selected and the jqxTab's position property is set to 'top' .*/
.jqx-tabs-title-selected-top {
  outline: none;
  color: #990099;
  border-radius: 2px;
  position: relative;
}
.jqx-tabs-title.jqx-tabs-title-selected-top:after {
  height: 4px;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  background-color: #990099;
}
/*applied to the tab's title when the tab is selected and the jqxTab's position property is set to 'bottom' .*/
.jqx-tabs-title-selected-bottom {
  outline: none;
  border-top: 1px solid #fff;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-bottom: 1px solid transparent;
  padding-top: 7px;
  padding-bottom: 5px;
  margin-top: -2px;
  background-color: #fff;
}
/*applied to the tab's title when the tab is hovered and the jqxTab's position property is set to 'top' .:hover*/
.jqx-tabs-title-hover-top {
  outline: none;
  display: block;
  cursor: pointer;
  white-space: nowrap;
  text-indent: 0px;
  list-style: none;
  border-radius: 2px;
  margin: 0px 2px 0px 0px;
  overflow: hidden;
  z-index: 1;
  padding: 14px 16px;
  color: #888888;
  background: transparent;
  height: auto;
  position: relative;
}
.jqx-tabs-title:after {
  content: "";
  height: 2px;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  background-color: #B547B5;
}
.jqx-tabs-title.jqx-tabs-title-hover-top:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
/*applied to the tab's title when the tab is hovered and the jqxTab's position property is set to 'bottom' .*/
.jqx-tabs-title-hover-bottom {
  outline: none;
  border: 1px solid transparent;
  padding-top: 5px;
}
/*applied to the tab's title when the tab is disabled.*/
/*applied to the tab's header.*/
.jqx-tabs-header {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 3px;
  padding-bottom: 1px;
  margin: 0px;
  font-size: 14px;
}
/*applied to the tab's header when the position is bottom.*/
.jqx-tabs-header-bottom {
  padding-top: 1px;
  padding-bottom: 3px;
}
/*applied to the tab's header when the tab is collapsed.*/
.jqx-tabs-header-collapsed {
  border: 1px solid #aaa;
}
/*applied to the tab's header when the position is bottom and tab is collapsed.*/
.jqx-tabs-header-collapsed-bottom {
  border: 1px solid #aaa;
}
.jqx-tabs-collapsed {
  border: 0px solid transparent;
}
.jqx-tabs-collapsed-bottom {
  border: 0px solid transparent;
}
/*applied to the tab's selection tracker container element.*/
.jqx-tabs-selection-tracker-container {
  outline: none;
  position: relative;
  text-indent: 0px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 100%;
  background: transparent;
  height: 0px;
}
/*applied to the tab's selection tracker when the jqxTab's position property is set to 'top'.*/
.jqx-tabs-selection-tracker-top {
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  padding-bottom: 2px;
  background-color: #fff;
  outline: none;
  position: absolute;
  z-index: 10;
}
/*applied to the tab's selection tracker when the jqxTab's position property is set to 'bottom'.*/
.jqx-tabs-selection-tracker-bottom {
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-bottom: 1px solid transparent;
  background-color: #fff;
  outline: none;
  position: absolute;
  z-index: 10;
  margin-top: -1px;
  padding-bottom: 2px;
}
/*applied to the tab's content element which represents a DIV element.*/
.jqx-tabs-content {
  outline: none;
  border-bottom: 0px solid transparent;
  border-left: 0px solid transparent;
  border-right: 0px solid transparent;
  border-top: 0px solid transparent;
  text-align: left;
  clear: both;
}
.jqx-tabs-content-element {
  height: 100%;
  overflow: visible;
}
.jqx-tabs.jqx-tabs-lv2 .jqx-tabs-title-container {
  box-shadow: inset 0 -1px 0 0 #F7EBF7;
}
.jqx-tabs.jqx-tabs-lv2 .jqx-tabs-title-selected-top.jqx-tabs-title {
  border-color: #EEEEEE #EEEEEE #fff #EEEEEE;
}
.jqx-tabs.jqx-tabs-lv2 .jqx-tabs-title-selected-top.jqx-tabs-title:after {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.jqx-tabs.jqx-tabs-lv2 .jqx-tabs-title-hover-top:hover {
  border-color: #EEEEEE;
  background-color: #EEEEEE;
}
.jqx-tabs.jqx-tabs-lv2 .jqx-tabs-title-hover-top:hover:after {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.jqx-tabs.jqx-tabs-lv3 .jqx-tabs-title-container {
  box-shadow: none;
}
.jqx-tabs.jqx-tabs-lv3 .jqx-tabs-title {
  padding: 1px 8px;
  color: #536DFE;
}
.jqx-tabs.jqx-tabs-lv3 .jqx-tabs-title-selected-top.jqx-tabs-title {
  border-color: transparent;
  background-color: #536DFE;
  color: #fff;
}
.jqx-tabs.jqx-tabs-lv3 .jqx-tabs-title-hover-top:hover {
  border-color: transparent;
  background-color: #536DFE;
  color: #fff;
}
.jqx-text-area.jqx-panel {
  border: 1px solid #EBCCEB;
  width: 100%;
  height: 98px;
}
.jqx-text-area.jqx-panel.jqx-fill-state-focus {
  border: 2px solid #536DFE;
}
.jqx-text-area-element {
  height: 100%;
  width: 100%;
  overflow: hidden;
  border: none;
  outline: none;
  left: 0px;
  top: 0px;
  margin: 0px;
  position: absolute;
  resize: none;
}
.jqx-text-area-element-rtl {
  direction: rtl;
}
.note-editor ol,
.note-editor ul {
  padding-left: 36px;
}
.jqx-tooltip {
  position: absolute;
  width: auto;
  height: auto;
}
.jqx-tooltip-main {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  filter: inherit;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
  background-color: #888888;
  color: #fff;
}
.jqx-tooltip-text {
  padding: 2px 8px;
  overflow: hidden;
  filter: inherit;
}
.jqx-tooltip,
.jqx-tooltip-text,
.jqx-tooltip-main {
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-background-clip: padding-box;
}
.jqx-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-style: solid;
  border-color: #888888;
  margin: -6px 0 0 -7px;
  background: transparent;
  filter: inherit;
}
.jqx-tooltip-arrow-t-b {
  border-left-color: transparent;
  border-right-color: transparent;
}
.jqx-tooltip-arrow-l-r {
  border-top-color: transparent;
  border-bottom-color: transparent;
}
/*jqxtree Style*/
.jqx-tree {
  left: 100%;
  right: 0;
  float: none;
  margin: 0px;
  border-style: solid;
  border-width: 1px;
  border-color: transparent;
  padding: 0px;
  overflow: hidden;
  text-align: left;
  outline: none;
  white-space: nowrap;
  line-height: 14px !important;
}
/*applied to the jqxTree root UL element.*/
.jqx-tree-dropdown-root {
  left: 100%;
  padding: 0px 5px 0px 5px;
  right: 0;
  display: block;
  float: none;
  background-color: transparent;
  border-style: solid;
  border-width: 0px;
  border-color: #fff;
  text-align: left;
  outline: none;
  white-space: nowrap;
  margin: 0px;
}
.jqx-tree-dropdown-root-rtl {
  padding: 0px 5px 0px 0px;
  text-align: right;
  float: right;
  margin: 0px;
}
/*applied to the jqxTree UL elements.*/
.jqx-tree-dropdown {
  left: 100%;
  margin: 0px;
  padding: 0px 0px 0px 10px;
  right: 0;
  display: block;
  float: none;
  background-color: transparent;
  border-style: solid;
  border-width: 0px;
  border-color: transparent;
  text-align: left;
  outline: none;
}
.jqx-tree-dropdown-rtl {
  padding: 3px 0px 0px 0px;
  text-align: right;
}
/*applied to a tree item.*/
.jqx-tree-item {
  border: 1px solid transparent;
  text-indent: 0;
  list-style: none;
  padding: 3px;
  margin: 0px;
  float: none;
  overflow: hidden;
  left: 100%;
  right: 0;
  text-align: left;
  cursor: default;
  text-decoration: none;
}
/*applied to the jqxTree LI elements.*/
.jqx-tree-item-li {
  text-indent: 0;
  background-color: transparent;
  border: 0px solid transparent;
  list-style: none;
  left: 100%;
  right: 0;
  text-align: left;
  outline: none;
  margin: 0px;
  margin-top: 1px;
  padding: 0px;
}
.jqx-tree-item-li .jqx-checkbox {
  margin-top: 4px !important;
}
/*applied to the last LI elements in an UL element.*/
.jqx-tree-item-u-last {
  margin: 0px 0px 0px 0px;
}
/*applied to a tree item when the mouse is over the item.*/
.jqx-tree-item-hover {
  color: inherit;
  right: 0;
  padding: 3px;
  margin: 0px;
  list-style: none;
  left: 100%;
  cursor: pointer;
  text-decoration: none;
  background-color: rgba(33, 150, 243, 0.06);
}
/*applied to a tree item when the item is selected.*/
.jqx-tree-item-selected {
  color: inherit;
  right: 0;
  padding: 3px;
  margin: 0px;
  list-style: none;
  left: 100%;
  cursor: pointer;
  text-decoration: none;
  background-color: rgba(33, 150, 243, 0.12);
}
.jqx-tree-item-rtl {
  text-align: right;
}
.jqx-tree-item-li-rtl {
  text-align: right;
}
/*applied to the anchor element of a tree item.*/
.jqx-tree-item a:link,
.jqx-tree-item a:visited {
  text-indent: 0;
  background-color: transparent;
  border: 0px solid transparent;
  list-style: none;
  padding: 0px;
  margin: 0px;
  float: none;
  overflow: hidden;
  left: 100%;
  color: inherit;
  right: 0;
  text-align: left;
  cursor: pointer;
  text-decoration: none;
  outline: none;
}
.jqx-tree-item-selected,
.jqx-tree-item-hover a:hover {
  color: inherit;
}
.jqx-tree-item-selected,
.jqx-tree-item-hover a:visited {
  color: inherit;
}
/*applied to a tree item when the item is disabled.*/
/*applied to a tree item when it has sub items and is collapsed. Displays an arrow icon next to the item.*/
.jqx-tree-item-arrow-collapse,
.jqx-tree-item-arrow-collapse-hover {
  padding-right: 0px;
  width: 17px;
  height: 17px;
  background-image: url('images/icon-collapse.png');
  background-repeat: no-repeat;
  cursor: pointer;
}
.jqx-tree-item-arrow-collapse-hover {
  background-image: url('images/icon-collapse-hover.png');
}
.jqx-tree-item-arrow-collapse-rtl {
  background-image: url('images/icon-collapse-rtl.png');
}
.jqx-tree-item-arrow-collapse-hover-rtl {
  background-image: url("images/icon-collapse-rtl-hover.png");
}
/*applied to a tree item when it has sub items and is expanded. Displays an arrow icon next to the item.*/
.jqx-tree-item-arrow-expand,
.jqx-tree-item-arrow-expand-hover {
  padding-right: 0px;
  width: 17px;
  height: 17px;
  background-image: url('images/icon-expand.png');
  background-repeat: no-repeat;
  cursor: pointer;
}
.jqx-tree-item-arrow-expand-hover {
  background-image: url("images/icon-expand-hover.png");
}
/*applied to the tree when it is disabled.*/
.jqx-tree-disabled {
  cursor: default;
}
/*applied to the anchor elements in a tree when it is disabled.*/
.jqx-tree-disabled a:link {
  cursor: default;
  text-decoration: none;
}
.jqx-tree-disabled a:visited {
  cursor: default;
  text-decoration: none;
}
.jqx-tree-disabled a:hover {
  cursor: default;
}
/*jqxExpander and jqxNavigationBar Style*/
.jqx-validator-error-container {
  background-color: #fdf0ef !important;
}
.jqx-validator-error-container .jqx-validator-error-control {
  border: 2px solid #e24034;
  outline: 0;
}
.jqx-validator-error-container .jqx-validator-error-control:focus {
  border-color: #e24034;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.jqx-validator-error-info {
  color: #E24034;
}
.jqx-validator-error-container .bh-color-caption {
  display: none;
}
input.jqx-input {
  width: calc(100% - 24px);
}
.bh-form-control-warning,
.bh-form-control-danger {
  display: flex;
}
.jqx-validator-hint {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  cursor: pointer;
  padding-left: 5px;
  padding-right: 5px;
  color: #fff;
  z-index: 99999;
}
.bh-form-control-warning .jqx-validator-hint {
  border: 1px solid #FFA000;
  background-color: #FFA000;
}
.bh-form-control-danger .jqx-validator-hint {
  border: 1px solid #FF5252;
  background-color: #FF5252;
}
.jqx-validator-hint-arrow {
  z-index: 99999;
  height: 9px;
  width: 9px;
  padding: 0px;
  margin: 0px;
  background-color: transparent;
  background-image: url("images/multi-arrow.gif");
}
.jqx-validator-error-label {
  color: #FF5252;
  vertical-align: top;
  text-align: left;
  display: block;
  cursor: default;
  line-height: 17px;
}
.jqx-validator-error-element {
  border-color: #FF5252;
}
.danger-Triangle {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 20px solid #FF5252;
  margin-left: 4px;
  margin-top: 4px;
  position: relative;
  cursor: pointer;
}
.danger-Triangle .danger-Triangle-body,
.warning-Triangle .warning-Triangle-body {
  position: absolute;
  width: 2px;
  height: 6px;
  top: 6px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  margin-left: -1px;
  background-color: #fff;
}
.danger-Triangle .danger-Triangle-dot,
.warning-Triangle .warning-Triangle-dot {
  position: absolute;
  width: 2px;
  height: 2px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin-left: -1px;
  bottom: -17px;
  background-color: #fff;
}
.warning-Triangle {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 20px solid #FFA000;
  margin-left: 4px;
  margin-top: 4px;
  position: relative;
  cursor: pointer;
}
.danger-col {
  border: 2px solid #FFA000;
}
.jqx-cell .bhtc-input-group.jqx-validator-error-control .bh-form-control {
  height: 24px;
}
/** 富文本编辑器校验出错样式 **/
.jqx-validator-error-control + .note-editor {
  border: 2px solid #e24034;
}
/* jqxWindow */
.jqx-window {
  background-color: #fff;
  padding: 19px 16px;
  position: absolute;
  overflow: hidden;
  border: none;
  -webkit-box-shadow: 0 6px 24px rgba(0, 0, 0, 0.24);
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.24);
}
/*applied to the jqxWindow when it’s disabled*/
/*applied to the window’s header*/
.jqx-window-header {
  outline: none;
  border-width: 0px;
  border-bottom: 1px solid transparent;
  height: auto;
  white-space: nowrap;
  overflow: hidden;
  padding-top: 5px;
  padding-bottom: 20px;
}
/*applied to the window’s header when the window is disabled*/
/*applied to the window’s content*/
.jqx-window-content {
  outline: none;
  overflow: auto;
  text-align: left;
  background-color: transparent;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
/*applied to the window’s content when the window is disabled*/
.jqx-window-content-disabled {
  outline: none;
  overflow: auto;
  text-align: left;
}
/*applied to the window’s close button*/
.jqx-window-close-button {
  cursor: pointer;
  background-image: url('images/icon-close.png');
  background-repeat: no-repeat;
}
/*applied to the window's collapse button*/
.jqx-window-collapse-button {
  background-image: url('images/icon-up.png');
  cursor: pointer;
  margin-top: 1px;
}
/*applied to the window's collapse button when the window is collapsed*/
.jqx-window-collapse-button-collapsed {
  margin-top: 0px;
  cursor: pointer;
  background-image: url('images/icon-down.png');
}
/*setting styles of the modal window’s background*/
.jqx-window-modal {
  background-color: #000;
}
.jqx-docking {
  overflow: hidden;
}
.jqx-docking-panel {
  margin: 0px;
  padding: 0px;
  min-height: 100px;
}
.jqx-docking-drop-indicator {
  border-style: dashed;
  border-width: 1px;
  margin: 0px;
}
.jqx-docking-window {
  margin: 0px;
}
.jqx-window-content > .content > [emap-role=form] > .bh-table-form {
  margin-top: 24px;
}
.bh-file-tag {
  padding: 0 6px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 100px;
  color: #fff;
  min-width: 40px;
  line-height: 20px;
  text-align: center;
}
.bh-file-tag-bg-unknown {
  background-color: #54C5F8;
}
.bh-file-tag-bg-7Z {
  background-color: #525252;
}
.bh-file-tag-bg-AAC {
  background-color: #54C5F8;
}
.bh-file-tag-bg-ASP {
  background-color: #86C988;
}
.bh-file-tag-bg-AVI {
  background-color: #F87F77;
}
.bh-file-tag-bg-BAT {
  background-color: #54C5F8;
}
.bh-file-tag-bg-BMP {
  background-color: #B0D684;
}
.bh-file-tag-bg-CAD {
  background-color: #F06695;
}
.bh-file-tag-bg-CSS {
  background-color: #BC6CC9;
}
.bh-file-tag-bg-DOC {
  background-color: #7C88CC;
}
.bh-file-tag-bg-DOCX {
  background-color: #7C88CC;
}
.bh-file-tag-bg-EXE {
  background-color: #68B8F7;
}
.bh-file-tag-bg-FLV {
  background-color: #F87F77;
}
.bh-file-tag-bg-GIF {
  background-color: #86C988;
}
.bh-file-tag-bg-HTML {
  background-color: #54C5F8;
}
.bh-file-tag-bg-ISO {
  background-color: #7C88CC;
}
.bh-file-tag-bg-JAVA {
  background-color: #9879CE;
}
.bh-file-tag-bg-JAR {
  background-color: #52D2E2;
}
.bh-file-tag-bg-JPEG {
  background-color: #FF8D69;
}
.bh-file-tag-bg-JPG {
  background-color: #FF8D69;
}
.bh-file-tag-bg-MOV {
  background-color: #54C5F8;
}
.bh-file-tag-bg-MP3 {
  background-color: #F87F77;
}
.bh-file-tag-bg-MP4 {
  background-color: #BC6CC9;
}
.bh-file-tag-bg-MPEG {
  background-color: #9879CE;
}
.bh-file-tag-bg-PHP {
  background-color: #BC6CC9;
}
.bh-file-tag-bg-PNG {
  background-color: #54C5F8;
}
.bh-file-tag-bg-PPT {
  background-color: #FF8D69;
}
.bh-file-tag-bg-PPTX {
  background-color: #FF8D69;
}
.bh-file-tag-bg-PSD {
  background-color: #68B8F7;
}
.bh-file-tag-bg-RAR {
  background-color: #BC6CC9;
}
.bh-file-tag-bg-RMVB {
  background-color: #54C5F8;
}
.bh-file-tag-bg-SVG {
  background-color: #FFD557;
}
.bh-file-tag-bg-SWF {
  background-color: #F87F77;
}
.bh-file-tag-bg-BT {
  background-color: #B0D684;
}
.bh-file-tag-bg-TXT {
  background-color: #52D2E2;
}
.bh-file-tag-bg-XLS {
  background-color: #52B8AE;
}
.bh-file-tag-bg-XLSX {
  background-color: #52B8AE;
}
.bh-file-tag-bg-ZIP {
  background-color: #BC6CC9;
}
.bh-dialog-icon-colorinformation {
  border-top: 4px solid #536DFE;
}
.bh-dialog-icon-colorsuccess {
  border-top: 4px solid #8BC34A;
}
.bh-dialog-icon-colorwarning {
  border-top: 4px solid #FFA000;
}
.bh-dialog-icon-colordanger {
  border-top: 4px solid #FF5252;
}
.bh-dialog-con.bh-pop {
  padding: 0px;
  border-radius: 2px;
  width: 420px;
  overflow: hidden;
  position: relative;
}
.bh-dialog-exceptBtn-con {
  border-radius: 2px 2px 0px 0px;
  vertical-align: middle;
  overflow: hidden;
  width: 100%;
}
.bh-dialog-exceptBtn-chilid {
  display: block;
  overflow: hidden;
  padding-top: 30px;
}
.bh-dialog-img-con {
  width: 64px;
  float: left;
  overflow: hidden;
  display: inline-block;
  height: 32px;
}
.bh-dialog-img-con i {
  margin-left: 20px;
  font-size: 32px;
  line-height: 32px;
  float: left;
}
.bh-dialog-title-text {
  width: 304px;
  margin-left: 64px;
  max-height: 56px;
  line-height: 28px;
}
.bh-dialog-close {
  position: absolute;
  top: 10px;
  right: 10px;
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  cursor: pointer;
}
.bh-dialog-content {
  color: #666 !important;
  position: relative;
  margin-top: 0px;
  padding: 0px 52px 0px 64px;
  text-align: left;
  font-size: 12px;
}
.bh-dialog-content .content {
  word-break: break-all;
  min-height: 30px;
  max-height: 144px;
  margin: 0;
  overflow-y: auto;
}
.bh-dialog-content .link {
  text-decoration: underline;
}
.bh-dialog-center {
  text-align: center;
  margin: 0;
}
.bh-dialog-btnContainerBox {
  padding: 20px;
  text-align: right;
}
.bh-dialog-btn {
  font-size: 14px;
  color: #444444;
  font-weight: 400;
  min-width: 80px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  display: inline-block;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  border-radius: 2px;
}
.bh-dialog-btn:not(:last-child) {
  margin-right: 8px;
}
.bh-dialog-btn:not(.bh-dialog-warning-btn, .bh-dialog-danger-btn):hover {
  background-color: #F1F4FF;
}
.bh-dialog-warning-btn {
  color: #FFA000 !important;
  background-color: #fff !important;
}
.bh-dialog-danger-btn {
  color: #FF5252;
  background-color: #fff;
}
.bh-dialog-success-btn {
  color: #8BC34A;
  background-color: #fff;
}
.bh-dialog-warning-btn:hover {
  background-color: #FFF8EB !important;
  color: #FFA000 !important;
}
.bh-dialog-danger-btn:hover {
  color: #FF5252 !important;
  background-color: #FFF1F1 !important;
}
.bh-dialog-success-btn:hover {
  color: #8BC34A !important;
}
.bh-dialog-expand,
.bh-dialog-collapse {
  margin-left: 8px;
}
.bh-dialog-subContent {
  display: none;
  word-break: break-all;
}
/************ add 多选下拉树展示全标签内容 from OA现场 by jbxu 2019-3-22***********/
div[xtype=multi-tree2-sync][showparentlabel=false] .jqx-dropdownlist-content {
  height: auto !important;
  overflow: visible !important;
  white-space: initial !important;
}
div[xtype=multi-tree2][showparentlabel=false] .jqx-dropdownlist-content {
  height: auto !important;
  overflow: visible !important;
  white-space: initial !important;
}
.bh-dialog2-exceptBtn-con {
  border-radius: 2px 2px 0px 0px;
  vertical-align: middle;
  display: table-cell;
  width: 420px;
  overflow: hidden;
}
.bh-dialog2-icon-colorinformation {
  background: -webkit-linear-gradient(left top, #2E96F3, #2E96F4) !important;
  background: -o-linear-gradient(bottom right, #2E96F3, #2E96F4) !important;
  background: -moz-linear-gradient(bottom right, #2E96F3, #2E96F4) !important;
  background: linear-gradient(to bottom right, #2E96F3, #2E96F4);
  background: #2E96F3\9;
}
.bh-dialog2-info-btn {
  color: #2E96F3;
  background-color: #fff;
}
.bh-dialog2-exceptBtn-chilid {
  display: block;
  overflow: hidden;
  padding-top: 30px;
}
.bh-dialog2-img-con {
  width: 64px;
  float: left;
  overflow: hidden;
  display: inline-block;
  height: 32px;
}
.bh-dialog2-img-con i {
  margin-left: 20px;
  font-size: 32px;
  line-height: 32px;
  float: left;
}
.bh-dialog2-title-text {
  width: 304px;
  margin-left: 64px;
  max-height: 56px;
  line-height: 28px;
}
.bh-dialog2-center {
  text-align: center;
}
.bh-dialog2-content {
  position: relative;
  margin-top: 0px;
  color: #666!important;
  padding: 0px 52px 0px 64px;
  text-align: left;
  font-size: 12px;
}
.bh-dialog2-content .content {
  word-break: break-all;
  min-height: 30px;
  padding-right: 8px;
  max-height: 144px;
  overflow-y: auto;
}
.bh-dialog2-btnContainerBox {
  padding: 20px;
  text-align: right;
}
/*.bh-dialog2-btnContainerBox:before{
	content:'';
	display:block;
	border-top:1px solid #ece4e4;
}*/
.bh-dialog2-btn {
  font-size: 14px;
  color: #666;
  font-weight: 400;
  min-width: 80px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  display: inline-block;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  border-radius: 2px;
}
/*.bh-dialog2-btn:after{
	content:'';
	width:1px;
	height:34px;
	border-right: 1px solid #F2F2F2;
	position: absolute;
    right: 0;
    top: 8px;
}*/
.bh-dialog2-btn:hover {
  font-weight: bold;
}
.bh-dialog2-info-btn {
  color: #2E96F3 !important;
}
.bh-dialog2-success-btn {
  color: #60BE29 !important;
}
.bh-dialog2-danger-btn {
  color: #E24034 !important;
}
.bh-dialog2-warning-btn {
  color: #EF971C !important;
}
.bh-dialog2-btn:last-child:after {
  border: none;
}