fineui/dist/core.css

/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
@font-face {
  font-family: 'bi';
  src: url('font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('font/iconfont.woff') format('woff'), /* chrome、firefox */ url('font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('font/iconfont.svg#svgFontName') format('svg');
  
  /*  iOS 4.1- */
}
.b-font {
  font-family: "bi";
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
html,
button,
input,
select,
textarea,
* {
  font-family: "Microsoft YaHei", "Hiragino Sans GB W3";
}
html,
body,
div,
ul,
li,
img,
a,
span,
p,
* {
  margin: 0px;
}
html {
  height: 100%;
  overflow: hidden;
}
body {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  background-repeat: repeat;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: #1a1a1a;
  font: normal 12px "Microsoft YaHei", "Hiragino Sans GB W3";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: none;
  -kthml-user-focus: normal;
  -moz-user-focus: normal;
  -moz-outline: 0 none;
  outline: 0 none;
}
#wrapper {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
}
a {
  outline: none;
  text-decoration: none;
}
a:focus {
  outline: 0;
}
input,
textarea {
  margin: 0;
  padding: 0;
  outline: none;
  border: 1px solid #cccccc;
}
ul,
ol {
  margin: 0;
  padding: 0;
}
ul {
  list-style: disc;
}
li {
  list-style-type: none;
}
i {
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
div::-webkit-scrollbar,
textarea::-webkit-scrollbar {
  -webkit-appearance: none;
  background-color: #f4f4f4;
  width: 6px;
  height: 6px;
}
div::-webkit-scrollbar-thumb,
textarea::-webkit-scrollbar-thumb {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: #e2e2e2;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
/************hing light*****************/
.bi-flex-center-layout {
  display: box;
  /* OLD - Android 4.4- */
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  /* 09版 */
  -webkit-box-orient: horizontal;
  /* 12版 */
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  /* 09版 */
  -webkit-box-pack: center;
  /* 12版 */
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  /* 09版 */
  -webkit-box-align: center;
  /* 12版 */
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
.bi-flex-horizontal-layout {
  display: box;
  /* OLD - Android 4.4- */
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  /* 09版 */
  -webkit-box-orient: horizontal;
  /* 12版 */
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  /* 09版 */
  -webkit-box-pack: flex-start;
  /* 12版 */
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
  /* 09版 */
  -webkit-box-align: flex-start;
  /* 12版 */
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -o-align-items: flex-start;
  align-items: flex-start;
  /* 09版 */
  /*-webkit-box-lines: multiple;*/
  /* 12版 */
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  -o-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.bi-flex-horizontal-layout.middle {
  /* 09版 */
  -webkit-box-align: center;
  /* 12版 */
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
.bi-flex-horizontal-layout.bottom {
  /* 09版 */
  -webkit-box-align: flex-end;
  /* 12版 */
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  -o-align-items: flex-end;
  align-items: flex-end;
}
.bi-flex-vertical-center {
  display: box;
  /* OLD - Android 4.4- */
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  /* 09版 */
  -webkit-box-orient: horizontal;
  /* 12版 */
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  /* 09版 */
  -webkit-box-pack: flex-start;
  /* 12版 */
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
  /* 09版 */
  -webkit-box-align: center;
  /* 12版 */
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  /* 09版 */
  /*-webkit-box-lines: multiple;*/
  /* 12版 */
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  -o-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.bi-flex-wrapper-center-layout .flex-wrapper-center-layout-wrapper {
  display: box;
  /* OLD - Android 4.4- */
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  /* 09版 */
  -webkit-box-orient: horizontal;
  /* 12版 */
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  /* 09版 */
  -webkit-box-pack: center;
  /* 12版 */
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  /* 09版 */
  -webkit-box-align: center;
  /* 12版 */
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  min-width: 100%;
  min-height: 100%;
  float: left;
}
.bi-flex-wrapper-horizontal-layout .flex-wrapper-horizontal-layout-wrapper {
  display: box;
  /* OLD - Android 4.4- */
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  /* 09版 */
  -webkit-box-orient: horizontal;
  /* 12版 */
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  /* 09版 */
  -webkit-box-pack: flex-start;
  /* 12版 */
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
  /* 09版 */
  -webkit-box-align: flex-start;
  /* 12版 */
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -o-align-items: flex-start;
  align-items: flex-start;
  /* 09版 */
  /*-webkit-box-lines: multiple;*/
  /* 12版 */
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  -o-flex-wrap: nowrap;
  flex-wrap: nowrap;
  min-height: 100%;
}
.bi-flex-wrapper-horizontal-layout .flex-wrapper-horizontal-layout-wrapper.middle {
  /* 09版 */
  -webkit-box-align: center;
  /* 12版 */
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
.bi-flex-wrapper-horizontal-layout .flex-wrapper-horizontal-layout-wrapper.bottom {
  /* 09版 */
  -webkit-box-align: flex-end;
  /* 12版 */
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  -o-align-items: flex-end;
  align-items: flex-end;
}
.bi-flex-wrapper-vertical-center .flex-wrapper-vertical-center-wrapper {
  display: box;
  /* OLD - Android 4.4- */
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  /* 09版 */
  -webkit-box-orient: horizontal;
  /* 12版 */
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  /* 09版 */
  -webkit-box-pack: flex-start;
  /* 12版 */
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
  /* 09版 */
  -webkit-box-align: center;
  /* 12版 */
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  /* 09版 */
  /*-webkit-box-lines: multiple;*/
  /* 12版 */
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  -o-flex-wrap: nowrap;
  flex-wrap: nowrap;
  min-height: 100%;
  float: left;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-inline-center-adapt-layout:after {
  display: inline-block;
  width: 0;
  min-height: 100%;
  vertical-align: middle;
  content: ' ';
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-inline-vertical-adapt-layout:after {
  display: inline-block;
  width: 0;
  min-height: 100%;
  vertical-align: middle;
  content: ' ';
}
@charset "UTF-8";
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}
.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}
.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}
.bounceIn {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
.flipOutX {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}
.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge;
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
.base-line-conn-background {
  background: url('icon/tree-vertical-line-1.png') repeat-y 0 0;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-1.png');
  _background: none;
}
.first-line-conn-background {
  background: url('icon/tree-vertical-line-2.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-2.png');
  _background: none;
}
.last-line-conn-background {
  background: url('icon/tree-vertical-line-4.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-4.png');
  _background: none;
}
.mid-line-conn-background {
  background: url('icon/tree-vertical-line-3.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-3.png');
  _background: none;
}
.loading-background {
  background: url('background/loading.gif') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/loading.gif');
  _background: none;
}
.loading-background-f25 {
  background: url('background/F.25.gif') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/F.25.gif');
  _background: none;
}
.loading-background-e50 {
  background: url('background/E.50.gif') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/E.50.gif');
  _background: none;
}
.loading-background-d100 {
  background: url('background/D.100.gif') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/D.100.gif');
  _background: none;
}
.axis-tip-background {
  background: url('background/charts/axis.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/axis.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.axis-accu-tip-background {
  background: url('background/charts/axis_accu.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/axis_accu.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.axis-percent-tip-background {
  background: url('background/charts/axis_percent.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/axis_percent.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.axis-compare-tip-background {
  background: url('background/charts/axis_compare.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/axis_compare.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.axis-fall-tip-background {
  background: url('background/charts/axis_fall.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/axis_fall.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.bubble-tip-background {
  background: url('background/charts/bubble.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/bubble.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.bubble-force-tip-background {
  background: url('background/charts/bubble_force.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/bubble_force.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.dashboard-tip-background {
  background: url('background/charts/dashboard.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/dashboard.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.donut-tip-background {
  background: url('background/charts/donut.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/donut.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.funnel-tip-background {
  background: url('background/charts/funnel.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/funnel.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.map-tip-background {
  background: url('background/charts/map.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/map.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.map-gis-tip-background {
  background: url('background/charts/map_gis.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/map_gis.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.map-svg-tip-background {
  background: url('background/charts/map_svg.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/map_svg.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.map-svg-c-tip-background {
  background: url('background/charts/map_svg_c.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/map_svg_c.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.map-svg-g-tip-background {
  background: url('background/charts/map_svg_g.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/map_svg_g.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.pie-tip-background {
  background: url('background/charts/pie.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/pie.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.radar-tip-background {
  background: url('background/charts/radar.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/radar.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.radar-accu-tip-background {
  background: url('background/charts/radar_accu.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/radar_accu.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.area-tip-background {
  background: url('background/charts/area.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/area.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.area-accu-tip-background {
  background: url('background/charts/area_accu.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/area_accu.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.area-compare-tip-background {
  background: url('background/charts/area_compare.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/area_compare.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.area-percent-tip-background {
  background: url('background/charts/area_percent.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/area_percent.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.area-range-tip-background {
  background: url('background/charts/area_range.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/area_range.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.bar-tip-background {
  background: url('background/charts/bar.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/bar.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.bar-accu-tip-background {
  background: url('background/charts/bar_accu.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/bar_accu.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.bar-compare-tip-background {
  background: url('background/charts/bar_compare.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/bar_compare.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.combine-tip-background {
  background: url('background/charts/combine.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/combine.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.combine-m-tip-background {
  background: url('background/charts/combine_m.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/combine_m.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.line-tip-background {
  background: url('background/charts/line.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/line.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.scatter-tip-background {
  background: url('background/charts/scatter.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/scatter.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.table-complex-tip-background {
  background: url('background/charts/table_complex.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/table_complex.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.table-cross-tip-background {
  background: url('background/charts/table_cross.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/table_cross.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.table-group-tip-background {
  background: url('background/charts/table_group.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/table_group.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.table-detail-tip-background {
  background: url('background/charts/table_detail.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/table_detail.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.axis-text-tip-background {
  background: url('background/charts/text/axis_text.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/axis_text.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.axis-accu-text-tip-background {
  background: url('background/charts/text/axis_accu_text.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/axis_accu_text.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.axis-percent-text-tip-background {
  background: url('background/charts/text/axis_percent_text.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/axis_percent_text.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.axis-compare-text-tip-background {
  background: url('background/charts/text/axis_compare_text.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/axis_compare_text.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.axis-fall-text-tip-background {
  background: url('background/charts/text/axis_fall_text.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/axis_fall_text.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.bubble-text-tip-background {
  background: url('background/charts/text/bubble_text.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/bubble_text.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.bubble-force-text-tip-background {
  background: url('background/charts/text/bubble_force_text.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/bubble_force_text.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.dashboard-text-tip-background {
  background: url('background/charts/text/dashboard_text.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/dashboard_text.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.donut-text-tip-background {
  background: url('background/charts/text/donut_text.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/donut_text.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.funnel-text-tip-background {
  background: url('background/charts/text/funnel_text.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/funnel_text.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.map-text-tip-background {
  background: url('background/charts/text/map_text.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/map_text.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.map-gis-text-tip-background {
  background: url('background/charts/text/map_gis_text.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/map_gis_text.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.map-svg-text-tip-background {
  background: url('background/charts/text/map_svg_text.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/map_svg_text.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.map-svg-c-text-tip-background {
  background: url('background/charts/text/map_svg_c_text.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/map_svg_c_text.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.map-svg-g-text-tip-background {
  background: url('background/charts/text/map_svg_g_text.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/map_svg_g_text.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.pie-text-tip-background {
  background: url('background/charts/text/pie_text.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/pie_text.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.radar-text-tip-background {
  background: url('background/charts/text/radar_text.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/radar_text.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.radar-accu-text-tip-background {
  background: url('background/charts/text/radar_accu_text.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/radar_accu_text.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.area-text-tip-background {
  background: url('background/charts/text/area_text.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/area_text.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.area-accu-text-tip-background {
  background: url('background/charts/text/area_accu_text.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/area_accu_text.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.area-compare-text-tip-background {
  background: url('background/charts/text/area_compare_text.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/area_compare_text.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.area-percent-text-tip-background {
  background: url('background/charts/text/area_percent_text.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/area_percent_text.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.area-range-text-tip-background {
  background: url('background/charts/text/area_range_text.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/area_range_text.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.bar-text-tip-background {
  background: url('background/charts/text/bar_text.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/bar_text.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.bar-accu-text-tip-background {
  background: url('background/charts/text/bar_accu_text.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/bar_accu_text.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.bar-compare-text-tip-background {
  background: url('background/charts/text/bar_compare_text.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/bar_compare_text.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.combine-text-tip-background {
  background: url('background/charts/text/combine_text.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/combine_text.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.combine-m-text-tip-background {
  background: url('background/charts/text/combine_m_text.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/combine_m_text.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.line-text-tip-background {
  background: url('background/charts/text/line_text.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/line_text.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.scatter-text-tip-background {
  background: url('background/charts/text/text/scatter_text.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/text/scatter_text.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.table-complex-text-tip-background {
  background: url('background/charts/text/table_complex_text.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/table_complex_text.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.table-cross-text-tip-background {
  background: url('background/charts/text/table_cross_text.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/table_cross_text.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.table-group-text-tip-background {
  background: url('background/charts/text/table_group_text.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/table_group_text.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.table-detail-text-tip-background {
  background: url('background/charts/text/table_detail_text.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/table_detail_text.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
.data-miss-background {
  background: url('background/data_miss.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/data_miss.png');
  _background: none;
  background-color: #ffffff;
  z-index: 2;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.base-disabled {
  cursor: default !important;
  color: #c4c6c6 !important;
}
.base-disabled .b-font:before {
  color: #c4c6c6 !important;
}
.base-invalid {
  cursor: default !important;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.bi-keyword-red-mark {
  color: #f07d0a;
}
.bi-high-light {
  color: #009de3;
}
.bi-water-mark {
  color: #cccccc;
  cursor: text;
}
.bi-tips {
  color: #c4c6c6;
}
.bi-resizer {
  background: #d8f3fe;
  opacity: 0.8;
  filter: alpha(opacity=80);
  z-index: 1000000000;
}
.bi-z-index-mask {
  background-color: #1a1a1a;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.bi-list-item:hover,
.bi-list-item.hover {
  background-color: #f4f4f4;
}
.bi-list-item.disabled,
.bi-list-item.disabled:hover,
.bi-list-item.disabled:active {
  background-color: #ffffff;
}
.bi-list-item-effect.active,
.bi-list-item-effect:active {
  color: #009de3;
}
.bi-list-item-effect.disabled,
.bi-list-item-effect.disabled:hover,
.bi-list-item-effect.disabled:active {
  color: #1a1a1a;
}
.bi-list-item-hover:hover,
.bi-list-item-hover.hover {
  color: #009de3;
  background-color: #f4f4f4;
}
.bi-list-item-hover.disabled,
.bi-list-item-hover.disabled:hover,
.bi-list-item-hover.disabled:active {
  color: #1a1a1a;
  background-color: #ffffff;
}
.bi-list-item-active:hover,
.bi-list-item-active.hover {
  background-color: #f4f4f4;
}
.bi-list-item-active.active,
.bi-list-item-active:active {
  color: #009de3;
  background-color: #f4f4f4;
}
.bi-list-item-active.disabled,
.bi-list-item-active.disabled:hover,
.bi-list-item-active.disabled:active {
  background-color: #ffffff;
}
.bi-list-item-select:hover,
.bi-list-item-select.hover {
  color: #009de3;
  background-color: #f4f4f4;
}
.bi-list-item-select:active,
.bi-list-item-select.active {
  color: #ffffff;
  background-color: #009de3;
}
.bi-list-item-select:active .bi-high-light,
.bi-list-item-select.active .bi-high-light {
  color: #ffffff;
}
.bi-list-item-select.disabled,
.bi-list-item-select.disabled:hover,
.bi-list-item-select.disabled:active {
  color: #c4c6c6 !important;
  background-color: #ffffff !important;
}
.bi-list-item-select.disabled .bi-high-light,
.bi-list-item-select.disabled:hover .bi-high-light,
.bi-list-item-select.disabled:active .bi-high-light {
  color: #c4c6c6 !important;
}
/*****************cursor*****************/
.cursor-pointer {
  cursor: pointer;
}
.cursor-default {
  cursor: default;
}
.cursor-move {
  cursor: move;
}
/*****************cursor*****************/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.close-font .b-font:before {
  content: "\e600";
  color: #808080;
}
.close-font.native .b-font:before,
.close-font.disabled .b-font:before {
  content: "\e600";
  color: #808080;
}
.close-red-font .b-font:before {
  content: "\e600";
  color: #e85050;
}
.close-red-font.native .b-font:before,
.close-red-font.disabled .b-font:before {
  content: "\e600";
  color: #e85050;
}
.close-h-font .b-font:before {
  content: "\e600";
  color: #808080;
}
.close-h-font:hover .b-font:before,
.close-h-font:focus .b-font:before,
.close-h-font.hover .b-font:before {
  content: "\e600";
  color: #808080;
}
.close-h-font.native .b-font:before,
.close-h-font.disabled .b-font:before {
  content: "\e600";
  color: #808080;
}
.close-e-font .b-font:before {
  content: "\e600";
  color: #808080;
}
.close-e-font:hover .b-font:before,
.close-e-font:focus .b-font:before,
.close-e-font.hover .b-font:before {
  content: "\e600";
  color: #808080;
}
.close-e-font.active .b-font:before {
  content: "\e600";
  color: #009de3;
}
.close-e-font:active .b-font:before {
  content: "\e600";
  color: #009de3;
}
.close-e-font.native .b-font:before,
.close-e-font.disabled .b-font:before {
  content: "\e600";
  color: #808080;
}
.close-ha-font .b-font:before {
  content: "\e600";
  color: #808080;
}
.close-ha-font:hover .b-font:before,
.close-ha-font:focus .b-font:before,
.close-ha-font.hover .b-font:before {
  content: "\e600";
  color: #808080;
}
.close-ha-font:active .b-font:before,
.close-ha-font.active .b-font:before {
  content: "\e600";
  color: #009de3;
}
.close-ha-font.native .b-font:before,
.close-ha-font.disabled .b-font:before {
  content: "\e600";
  color: #808080;
}
.search-close-h-font .b-font:before {
  content: "\e600";
  color: #808080;
}
.search-close-h-font:hover .b-font:before,
.search-close-h-font:focus .b-font:before,
.search-close-h-font.hover .b-font:before {
  content: "\e600";
  color: #e85050;
}
.search-close-h-font.native .b-font:before,
.search-close-h-font.disabled .b-font:before {
  content: "\e600";
  color: #808080;
}
.trigger-font .b-font:before {
  content: "\e603";
  color: #808080;
}
.trigger-font.native .b-font:before,
.trigger-font.disabled .b-font:before {
  content: "\e603";
  color: #808080;
}
.trigger-h-font .b-font:before {
  content: "\e603";
  color: #808080;
}
.trigger-h-font:hover .b-font:before,
.trigger-h-font:focus .b-font:before,
.trigger-h-font.hover .b-font:before {
  content: "\e603";
  color: #808080;
}
.trigger-h-font.native .b-font:before,
.trigger-h-font.disabled .b-font:before {
  content: "\e603";
  color: #808080;
}
.trigger-ha-font .b-font:before {
  content: "\e603";
  color: #808080;
}
.trigger-ha-font:hover .b-font:before,
.trigger-ha-font:focus .b-font:before,
.trigger-ha-font.hover .b-font:before {
  content: "\e603";
  color: #808080;
}
.trigger-ha-font:active .b-font:before,
.trigger-ha-font.active .b-font:before {
  content: "\e603";
  color: #009de3;
}
.trigger-ha-font.native .b-font:before,
.trigger-ha-font.disabled .b-font:before {
  content: "\e603";
  color: #808080;
}
.pre-page-font .b-font:before {
  content: "\e601";
  color: #808080;
}
.pre-page-font.native .b-font:before,
.pre-page-font.disabled .b-font:before {
  content: "\e601";
  color: #808080;
}
.pre-page-h-font .b-font:before {
  content: "\e601";
  color: #808080;
}
.pre-page-h-font:hover .b-font:before,
.pre-page-h-font:focus .b-font:before,
.pre-page-h-font.hover .b-font:before {
  content: "\e601";
  color: #808080;
}
.pre-page-h-font.native .b-font:before,
.pre-page-h-font.disabled .b-font:before {
  content: "\e601";
  color: #808080;
}
.pre-page-ha-font .b-font:before {
  content: "\e601";
  color: #808080;
}
.pre-page-ha-font:hover .b-font:before,
.pre-page-ha-font:focus .b-font:before,
.pre-page-ha-font.hover .b-font:before {
  content: "\e601";
  color: #808080;
}
.pre-page-ha-font:active .b-font:before,
.pre-page-ha-font.active .b-font:before {
  content: "\e601";
  color: #009de3;
}
.pre-page-ha-font.native .b-font:before,
.pre-page-ha-font.disabled .b-font:before {
  content: "\e601";
  color: #808080;
}
.next-page-font .b-font:before {
  content: "\e602";
  color: #808080;
}
.next-page-font.native .b-font:before,
.next-page-font.disabled .b-font:before {
  content: "\e602";
  color: #808080;
}
.next-page-h-font .b-font:before {
  content: "\e602";
  color: #808080;
}
.next-page-h-font:hover .b-font:before,
.next-page-h-font:focus .b-font:before,
.next-page-h-font.hover .b-font:before {
  content: "\e602";
  color: #808080;
}
.next-page-h-font.native .b-font:before,
.next-page-h-font.disabled .b-font:before {
  content: "\e602";
  color: #808080;
}
.next-page-ha-font .b-font:before {
  content: "\e602";
  color: #808080;
}
.next-page-ha-font:hover .b-font:before,
.next-page-ha-font:focus .b-font:before,
.next-page-ha-font.hover .b-font:before {
  content: "\e602";
  color: #808080;
}
.next-page-ha-font:active .b-font:before,
.next-page-ha-font.active .b-font:before {
  content: "\e602";
  color: #009de3;
}
.next-page-ha-font.native .b-font:before,
.next-page-ha-font.disabled .b-font:before {
  content: "\e602";
  color: #808080;
}
.search-font .b-font:before {
  content: "\e604";
  color: #808080;
}
.search-font.native .b-font:before,
.search-font.disabled .b-font:before {
  content: "\e604";
  color: #808080;
}
.search-h-font .b-font:before {
  content: "\e604";
  color: #808080;
}
.search-h-font:hover .b-font:before,
.search-h-font:focus .b-font:before,
.search-h-font.hover .b-font:before {
  content: "\e604";
  color: #808080;
}
.search-h-font.native .b-font:before,
.search-h-font.disabled .b-font:before {
  content: "\e604";
  color: #808080;
}
.search-ha-font .b-font:before {
  content: "\e604";
  color: #808080;
}
.search-ha-font:hover .b-font:before,
.search-ha-font:focus .b-font:before,
.search-ha-font.hover .b-font:before {
  content: "\e604";
  color: #808080;
}
.search-ha-font:active .b-font:before,
.search-ha-font.active .b-font:before {
  content: "\e604";
  color: #009de3;
}
.search-ha-font.native .b-font:before,
.search-ha-font.disabled .b-font:before {
  content: "\e604";
  color: #808080;
}
.share-font .b-font:before {
  content: "\e65a";
  color: #808080;
}
.share-font.native .b-font:before,
.share-font.disabled .b-font:before {
  content: "\e65a";
  color: #808080;
}
.share-h-font .b-font:before {
  content: "\e65a";
  color: #808080;
}
.share-h-font:hover .b-font:before,
.share-h-font:focus .b-font:before,
.share-h-font.hover .b-font:before {
  content: "\e65a";
  color: #808080;
}
.share-h-font.native .b-font:before,
.share-h-font.disabled .b-font:before {
  content: "\e65a";
  color: #808080;
}
.share-ha-font .b-font:before {
  content: "\e65a";
  color: #808080;
}
.share-ha-font:hover .b-font:before,
.share-ha-font:focus .b-font:before,
.share-ha-font.hover .b-font:before {
  content: "\e65a";
  color: #808080;
}
.share-ha-font:active .b-font:before,
.share-ha-font.active .b-font:before {
  content: "\e65a";
  color: #009de3;
}
.share-ha-font.native .b-font:before,
.share-ha-font.disabled .b-font:before {
  content: "\e65a";
  color: #808080;
}
/**维度/指标 下拉列表图标字体 ~begin~**/
.delete-font .b-font:before {
  content: "\e605";
  color: #1a1a1a;
}
.delete-font.native .b-font:before,
.delete-font.disabled .b-font:before {
  content: "\e605";
  color: #1a1a1a;
}
.delete-h-font .b-font:before {
  content: "\e605";
  color: #1a1a1a;
}
.delete-h-font:hover .b-font:before,
.delete-h-font:focus .b-font:before,
.delete-h-font.hover .b-font:before {
  content: "\e605";
  color: #1a1a1a;
}
.delete-h-font.native .b-font:before,
.delete-h-font.disabled .b-font:before {
  content: "\e605";
  color: #1a1a1a;
}
.delete-ha-font .b-font:before {
  content: "\e605";
  color: #1a1a1a;
}
.delete-ha-font:hover .b-font:before,
.delete-ha-font:focus .b-font:before,
.delete-ha-font.hover .b-font:before {
  content: "\e605";
  color: #1a1a1a;
}
.delete-ha-font:active .b-font:before,
.delete-ha-font.active .b-font:before {
  content: "\e605";
  color: #009de3;
}
.delete-ha-font.native .b-font:before,
.delete-ha-font.disabled .b-font:before {
  content: "\e605";
  color: #1a1a1a;
}
.delete-e-font .b-font:before {
  content: "\e605";
  color: #1a1a1a;
}
.delete-e-font:hover .b-font:before,
.delete-e-font:focus .b-font:before,
.delete-e-font.hover .b-font:before {
  content: "\e605";
  color: #1a1a1a;
}
.delete-e-font.active .b-font:before {
  content: "\e605";
  color: #009de3;
}
.delete-e-font:active .b-font:before {
  content: "\e605";
  color: #009de3;
}
.delete-e-font.native .b-font:before,
.delete-e-font.disabled .b-font:before {
  content: "\e605";
  color: #1a1a1a;
}
.dot-font .b-font:before {
  content: "\e606";
  color: #1a1a1a;
}
.dot-font.native .b-font:before,
.dot-font.disabled .b-font:before {
  content: "\e606";
  color: #1a1a1a;
}
.dot-h-font .b-font:before {
  content: "\e606";
  color: #1a1a1a;
}
.dot-h-font:hover .b-font:before,
.dot-h-font:focus .b-font:before,
.dot-h-font.hover .b-font:before {
  content: "\e606";
  color: #1a1a1a;
}
.dot-h-font.native .b-font:before,
.dot-h-font.disabled .b-font:before {
  content: "\e606";
  color: #1a1a1a;
}
.dot-ha-font .b-font:before {
  content: "\e606";
  color: #ffffff;
}
.dot-ha-font:hover .b-font:before,
.dot-ha-font:focus .b-font:before,
.dot-ha-font.hover .b-font:before {
  content: "\e606";
  color: #f4f4f4;
}
.dot-ha-font:active .b-font:before,
.dot-ha-font.active .b-font:before {
  content: "\e606";
  color: #1a1a1a;
}
.dot-ha-font.native .b-font:before,
.dot-ha-font.disabled .b-font:before {
  content: "\e606";
  color: #ffffff;
}
.dot-e-font .b-font:before {
  content: "\e606";
  color: #ffffff;
}
.dot-e-font:hover .b-font:before,
.dot-e-font:focus .b-font:before,
.dot-e-font.hover .b-font:before {
  content: "\e606";
  color: #f4f4f4;
}
.dot-e-font.active .b-font:before {
  content: "\e606";
  color: #1a1a1a;
}
.dot-e-font:active .b-font:before {
  content: "\e606";
  color: #009de3;
}
.dot-e-font.native .b-font:before,
.dot-e-font.disabled .b-font:before {
  content: "\e606";
  color: #ffffff;
}
.pull-right-font .b-font:before {
  content: "\e607";
  color: #1a1a1a;
}
.pull-right-font.native .b-font:before,
.pull-right-font.disabled .b-font:before {
  content: "\e607";
  color: #1a1a1a;
}
.pull-right-h-font .b-font:before {
  content: "\e607";
  color: #1a1a1a;
}
.pull-right-h-font:hover .b-font:before,
.pull-right-h-font:focus .b-font:before,
.pull-right-h-font.hover .b-font:before {
  content: "\e607";
  color: #1a1a1a;
}
.pull-right-h-font.native .b-font:before,
.pull-right-h-font.disabled .b-font:before {
  content: "\e607";
  color: #1a1a1a;
}
.pull-right-ha-font .b-font:before {
  content: "\e607";
  color: #1a1a1a;
}
.pull-right-ha-font:hover .b-font:before,
.pull-right-ha-font:focus .b-font:before,
.pull-right-ha-font.hover .b-font:before {
  content: "\e607";
  color: #1a1a1a;
}
.pull-right-ha-font:active .b-font:before,
.pull-right-ha-font.active .b-font:before {
  content: "\e607";
  color: #009de3;
}
.pull-right-ha-font.native .b-font:before,
.pull-right-ha-font.disabled .b-font:before {
  content: "\e607";
  color: #1a1a1a;
}
.pull-right-e-font .b-font:before {
  content: "\e607";
  color: #1a1a1a;
}
.pull-right-e-font:hover .b-font:before,
.pull-right-e-font:focus .b-font:before,
.pull-right-e-font.hover .b-font:before {
  content: "\e607";
  color: #1a1a1a;
}
.pull-right-e-font.active .b-font:before {
  content: "\e607";
  color: #009de3;
}
.pull-right-e-font:active .b-font:before {
  content: "\e607";
  color: #009de3;
}
.pull-right-e-font.native .b-font:before,
.pull-right-e-font.disabled .b-font:before {
  content: "\e607";
  color: #1a1a1a;
}
.copy-font .b-font:before {
  content: "\e610";
  color: #1a1a1a;
}
.copy-font.native .b-font:before,
.copy-font.disabled .b-font:before {
  content: "\e610";
  color: #1a1a1a;
}
.copy-h-font .b-font:before {
  content: "\e610";
  color: #1a1a1a;
}
.copy-h-font:hover .b-font:before,
.copy-h-font:focus .b-font:before,
.copy-h-font.hover .b-font:before {
  content: "\e610";
  color: #1a1a1a;
}
.copy-h-font.native .b-font:before,
.copy-h-font.disabled .b-font:before {
  content: "\e610";
  color: #1a1a1a;
}
.copy-ha-font .b-font:before {
  content: "\e610";
  color: #1a1a1a;
}
.copy-ha-font:hover .b-font:before,
.copy-ha-font:focus .b-font:before,
.copy-ha-font.hover .b-font:before {
  content: "\e610";
  color: #1a1a1a;
}
.copy-ha-font:active .b-font:before,
.copy-ha-font.active .b-font:before {
  content: "\e610";
  color: #009de3;
}
.copy-ha-font.native .b-font:before,
.copy-ha-font.disabled .b-font:before {
  content: "\e610";
  color: #1a1a1a;
}
.copy-e-font .b-font:before {
  content: "\e610";
  color: #1a1a1a;
}
.copy-e-font:hover .b-font:before,
.copy-e-font:focus .b-font:before,
.copy-e-font.hover .b-font:before {
  content: "\e610";
  color: #1a1a1a;
}
.copy-e-font.active .b-font:before {
  content: "\e610";
  color: #009de3;
}
.copy-e-font:active .b-font:before {
  content: "\e610";
  color: #009de3;
}
.copy-e-font.native .b-font:before,
.copy-e-font.disabled .b-font:before {
  content: "\e610";
  color: #1a1a1a;
}
.check-mark-font .b-font:before {
  content: "\e611";
  color: #1a1a1a;
}
.check-mark-font.native .b-font:before,
.check-mark-font.disabled .b-font:before {
  content: "\e611";
  color: #1a1a1a;
}
.check-mark-h-font .b-font:before {
  content: "\e611";
  color: #1a1a1a;
}
.check-mark-h-font:hover .b-font:before,
.check-mark-h-font:focus .b-font:before,
.check-mark-h-font.hover .b-font:before {
  content: "\e611";
  color: #1a1a1a;
}
.check-mark-h-font.native .b-font:before,
.check-mark-h-font.disabled .b-font:before {
  content: "\e611";
  color: #1a1a1a;
}
.check-mark-ha-font .b-font:before {
  content: "\e611";
  color: #1a1a1a;
}
.check-mark-ha-font:hover .b-font:before,
.check-mark-ha-font:focus .b-font:before,
.check-mark-ha-font.hover .b-font:before {
  content: "\e611";
  color: #1a1a1a;
}
.check-mark-ha-font:active .b-font:before,
.check-mark-ha-font.active .b-font:before {
  content: "\e611";
  color: #009de3;
}
.check-mark-ha-font.native .b-font:before,
.check-mark-ha-font.disabled .b-font:before {
  content: "\e611";
  color: #1a1a1a;
}
.check-mark-e-font .b-font:before {
  content: "\e611";
  color: #1a1a1a;
}
.check-mark-e-font:hover .b-font:before,
.check-mark-e-font:focus .b-font:before,
.check-mark-e-font.hover .b-font:before {
  content: "\e611";
  color: #1a1a1a;
}
.check-mark-e-font.active .b-font:before {
  content: "\e611";
  color: #009de3;
}
.check-mark-e-font:active .b-font:before {
  content: "\e611";
  color: #009de3;
}
.check-mark-e-font.native .b-font:before,
.check-mark-e-font.disabled .b-font:before {
  content: "\e611";
  color: #1a1a1a;
}
.dimension-from-font .b-font:before {
  content: "\e612";
  color: #1a1a1a;
}
.dimension-from-font.native .b-font:before,
.dimension-from-font.disabled .b-font:before {
  content: "\e612";
  color: #1a1a1a;
}
.dimension-from-h-font .b-font:before {
  content: "\e612";
  color: #1a1a1a;
}
.dimension-from-h-font:hover .b-font:before,
.dimension-from-h-font:focus .b-font:before,
.dimension-from-h-font.hover .b-font:before {
  content: "\e612";
  color: #1a1a1a;
}
.dimension-from-h-font.native .b-font:before,
.dimension-from-h-font.disabled .b-font:before {
  content: "\e612";
  color: #1a1a1a;
}
.dimension-from-ha-font .b-font:before {
  content: "\e612";
  color: #1a1a1a;
}
.dimension-from-ha-font:hover .b-font:before,
.dimension-from-ha-font:focus .b-font:before,
.dimension-from-ha-font.hover .b-font:before {
  content: "\e612";
  color: #1a1a1a;
}
.dimension-from-ha-font:active .b-font:before,
.dimension-from-ha-font.active .b-font:before {
  content: "\e612";
  color: #009de3;
}
.dimension-from-ha-font.native .b-font:before,
.dimension-from-ha-font.disabled .b-font:before {
  content: "\e612";
  color: #1a1a1a;
}
.dimension-from-e-font .b-font:before {
  content: "\e612";
  color: #1a1a1a;
}
.dimension-from-e-font:hover .b-font:before,
.dimension-from-e-font:focus .b-font:before,
.dimension-from-e-font.hover .b-font:before {
  content: "\e612";
  color: #1a1a1a;
}
.dimension-from-e-font.active .b-font:before {
  content: "\e612";
  color: #009de3;
}
.dimension-from-e-font:active .b-font:before {
  content: "\e612";
  color: #009de3;
}
.dimension-from-e-font.native .b-font:before,
.dimension-from-e-font.disabled .b-font:before {
  content: "\e612";
  color: #1a1a1a;
}
.chart-type-font .b-font:before {
  content: "\e613";
  color: #1a1a1a;
}
.chart-type-font.native .b-font:before,
.chart-type-font.disabled .b-font:before {
  content: "\e613";
  color: #1a1a1a;
}
.chart-type-h-font .b-font:before {
  content: "\e613";
  color: #1a1a1a;
}
.chart-type-h-font:hover .b-font:before,
.chart-type-h-font:focus .b-font:before,
.chart-type-h-font.hover .b-font:before {
  content: "\e613";
  color: #1a1a1a;
}
.chart-type-h-font.native .b-font:before,
.chart-type-h-font.disabled .b-font:before {
  content: "\e613";
  color: #1a1a1a;
}
.chart-type-ha-font .b-font:before {
  content: "\e613";
  color: #1a1a1a;
}
.chart-type-ha-font:hover .b-font:before,
.chart-type-ha-font:focus .b-font:before,
.chart-type-ha-font.hover .b-font:before {
  content: "\e613";
  color: #1a1a1a;
}
.chart-type-ha-font:active .b-font:before,
.chart-type-ha-font.active .b-font:before {
  content: "\e613";
  color: #009de3;
}
.chart-type-ha-font.native .b-font:before,
.chart-type-ha-font.disabled .b-font:before {
  content: "\e613";
  color: #1a1a1a;
}
.chart-type-e-font .b-font:before {
  content: "\e613";
  color: #1a1a1a;
}
.chart-type-e-font:hover .b-font:before,
.chart-type-e-font:focus .b-font:before,
.chart-type-e-font.hover .b-font:before {
  content: "\e613";
  color: #1a1a1a;
}
.chart-type-e-font.active .b-font:before {
  content: "\e613";
  color: #009de3;
}
.chart-type-e-font:active .b-font:before {
  content: "\e613";
  color: #009de3;
}
.chart-type-e-font.native .b-font:before,
.chart-type-e-font.disabled .b-font:before {
  content: "\e613";
  color: #1a1a1a;
}
.style-set-font .b-font:before {
  content: "\e60c";
  color: #1a1a1a;
}
.style-set-font.native .b-font:before,
.style-set-font.disabled .b-font:before {
  content: "\e60c";
  color: #1a1a1a;
}
.style-set-h-font .b-font:before {
  content: "\e60c";
  color: #1a1a1a;
}
.style-set-h-font:hover .b-font:before,
.style-set-h-font:focus .b-font:before,
.style-set-h-font.hover .b-font:before {
  content: "\e60c";
  color: #1a1a1a;
}
.style-set-h-font.native .b-font:before,
.style-set-h-font.disabled .b-font:before {
  content: "\e60c";
  color: #1a1a1a;
}
.style-set-ha-font .b-font:before {
  content: "\e60c";
  color: #1a1a1a;
}
.style-set-ha-font:hover .b-font:before,
.style-set-ha-font:focus .b-font:before,
.style-set-ha-font.hover .b-font:before {
  content: "\e60c";
  color: #1a1a1a;
}
.style-set-ha-font:active .b-font:before,
.style-set-ha-font.active .b-font:before {
  content: "\e60c";
  color: #009de3;
}
.style-set-ha-font.native .b-font:before,
.style-set-ha-font.disabled .b-font:before {
  content: "\e60c";
  color: #1a1a1a;
}
.style-set-e-font .b-font:before {
  content: "\e60c";
  color: #1a1a1a;
}
.style-set-e-font:hover .b-font:before,
.style-set-e-font:focus .b-font:before,
.style-set-e-font.hover .b-font:before {
  content: "\e60c";
  color: #1a1a1a;
}
.style-set-e-font.active .b-font:before {
  content: "\e60c";
  color: #009de3;
}
.style-set-e-font:active .b-font:before {
  content: "\e60c";
  color: #009de3;
}
.style-set-e-font.native .b-font:before,
.style-set-e-font.disabled .b-font:before {
  content: "\e60c";
  color: #1a1a1a;
}
.hyper-link-font .b-font:before {
  content: "\e688";
  color: #808080;
}
.hyper-link-font.native .b-font:before,
.hyper-link-font.disabled .b-font:before {
  content: "\e688";
  color: #808080;
}
.filter-font .b-font:before {
  content: "\e60f";
  color: #808080;
}
.filter-font.native .b-font:before,
.filter-font.disabled .b-font:before {
  content: "\e60f";
  color: #808080;
}
.filter-h-font .b-font:before {
  content: "\e60f";
  color: #1a1a1a;
}
.filter-h-font:hover .b-font:before,
.filter-h-font:focus .b-font:before,
.filter-h-font.hover .b-font:before {
  content: "\e60f";
  color: #1a1a1a;
}
.filter-h-font.native .b-font:before,
.filter-h-font.disabled .b-font:before {
  content: "\e60f";
  color: #1a1a1a;
}
.filter-ha-font .b-font:before {
  content: "\e60f";
  color: #1a1a1a;
}
.filter-ha-font:hover .b-font:before,
.filter-ha-font:focus .b-font:before,
.filter-ha-font.hover .b-font:before {
  content: "\e60f";
  color: #1a1a1a;
}
.filter-ha-font:active .b-font:before,
.filter-ha-font.active .b-font:before {
  content: "\e60f";
  color: #009de3;
}
.filter-ha-font.native .b-font:before,
.filter-ha-font.disabled .b-font:before {
  content: "\e60f";
  color: #1a1a1a;
}
.filter-e-font .b-font:before {
  content: "\e60f";
  color: #1a1a1a;
}
.filter-e-font:hover .b-font:before,
.filter-e-font:focus .b-font:before,
.filter-e-font.hover .b-font:before {
  content: "\e60f";
  color: #1a1a1a;
}
.filter-e-font.active .b-font:before {
  content: "\e60f";
  color: #009de3;
}
.filter-e-font:active .b-font:before {
  content: "\e60f";
  color: #009de3;
}
.filter-e-font.native .b-font:before,
.filter-e-font.disabled .b-font:before {
  content: "\e60f";
  color: #1a1a1a;
}
.classify-font .b-font:before {
  content: "\e694";
  color: #009de3;
}
.classify-font.native .b-font:before,
.classify-font.disabled .b-font:before {
  content: "\e694";
  color: #009de3;
}
.series-font .b-font:before {
  content: "\e695";
  color: #58cc7d;
}
.series-font.native .b-font:before,
.series-font.disabled .b-font:before {
  content: "\e695";
  color: #58cc7d;
}
/**维度/指标 下拉列表图标字体 ~end~**/
/** dashboard组件/控件 下拉列表图标字体 ~begin~**/
.link-to-widget-h-font .b-font:before {
  content: "\e600";
  color: #808080;
}
.link-to-widget-h-font:hover .b-font:before,
.link-to-widget-h-font:focus .b-font:before,
.link-to-widget-h-font.hover .b-font:before {
  content: "\e600";
  color: #009de3;
}
.link-to-widget-h-font.native .b-font:before,
.link-to-widget-h-font.disabled .b-font:before {
  content: "\e600";
  color: #808080;
}
.link-to-detail-h-font .b-font:before {
  content: "\e600";
  color: #808080;
}
.link-to-detail-h-font:hover .b-font:before,
.link-to-detail-h-font:focus .b-font:before,
.link-to-detail-h-font.hover .b-font:before {
  content: "\e600";
  color: #009de3;
}
.link-to-detail-h-font.native .b-font:before,
.link-to-detail-h-font.disabled .b-font:before {
  content: "\e600";
  color: #808080;
}
.detail-setting-h-font .b-font:before {
  content: "\e600";
  color: #808080;
}
.detail-setting-h-font:hover .b-font:before,
.detail-setting-h-font:focus .b-font:before,
.detail-setting-h-font.hover .b-font:before {
  content: "\e600";
  color: #009de3;
}
.detail-setting-h-font.native .b-font:before,
.detail-setting-h-font.disabled .b-font:before {
  content: "\e600";
  color: #808080;
}
.export-to-excel-h-font .b-font:before {
  content: "\e600";
  color: #808080;
}
.export-to-excel-h-font:hover .b-font:before,
.export-to-excel-h-font:focus .b-font:before,
.export-to-excel-h-font.hover .b-font:before {
  content: "\e600";
  color: #009de3;
}
.export-to-excel-h-font.native .b-font:before,
.export-to-excel-h-font.disabled .b-font:before {
  content: "\e600";
  color: #808080;
}
.widget-copy-h-font .b-font:before {
  content: "\e610";
  color: #808080;
}
.widget-copy-h-font:hover .b-font:before,
.widget-copy-h-font:focus .b-font:before,
.widget-copy-h-font.hover .b-font:before {
  content: "\e610";
  color: #009de3;
}
.widget-copy-h-font.native .b-font:before,
.widget-copy-h-font.disabled .b-font:before {
  content: "\e610";
  color: #808080;
}
.widget-delete-h-font .b-font:before {
  content: "\e605";
  color: #808080;
}
.widget-delete-h-font:hover .b-font:before,
.widget-delete-h-font:focus .b-font:before,
.widget-delete-h-font.hover .b-font:before {
  content: "\e605";
  color: #009de3;
}
.widget-delete-h-font.native .b-font:before,
.widget-delete-h-font.disabled .b-font:before {
  content: "\e605";
  color: #808080;
}
/** dashboard组件/控件 下拉列表图标字体 ~end~**/
.tree-node-triangle-expand-font .b-font:before {
  content: "\e608";
  color: #808080;
}
.tree-node-triangle-expand-font.native .b-font:before,
.tree-node-triangle-expand-font.disabled .b-font:before {
  content: "\e608";
  color: #808080;
}
.tree-node-triangle-collapse-font .b-font:before {
  content: "\e607";
  color: #808080;
}
.tree-node-triangle-collapse-font.native .b-font:before,
.tree-node-triangle-collapse-font.disabled .b-font:before {
  content: "\e607";
  color: #808080;
}
.row-pre-page-h-font .b-font:before {
  content: "\e6be";
  color: #1a1a1a;
}
.row-pre-page-h-font:hover .b-font:before,
.row-pre-page-h-font:focus .b-font:before,
.row-pre-page-h-font.hover .b-font:before {
  content: "\e6be";
  color: #1a1a1a;
}
.row-pre-page-h-font.native .b-font:before,
.row-pre-page-h-font.disabled .b-font:before {
  content: "\e6be";
  color: #1a1a1a;
}
.row-next-page-h-font .b-font:before {
  content: "\e6bd";
  color: #1a1a1a;
}
.row-next-page-h-font:hover .b-font:before,
.row-next-page-h-font:focus .b-font:before,
.row-next-page-h-font.hover .b-font:before {
  content: "\e6bd";
  color: #1a1a1a;
}
.row-next-page-h-font.native .b-font:before,
.row-next-page-h-font.disabled .b-font:before {
  content: "\e6bd";
  color: #1a1a1a;
}
.column-pre-page-h-font .b-font:before {
  content: "\e6bc";
  color: #1a1a1a;
}
.column-pre-page-h-font:hover .b-font:before,
.column-pre-page-h-font:focus .b-font:before,
.column-pre-page-h-font.hover .b-font:before {
  content: "\e6bc";
  color: #1a1a1a;
}
.column-pre-page-h-font.native .b-font:before,
.column-pre-page-h-font.disabled .b-font:before {
  content: "\e6bc";
  color: #1a1a1a;
}
.column-next-page-h-font .b-font:before {
  content: "\e6bb";
  color: #1a1a1a;
}
.column-next-page-h-font:hover .b-font:before,
.column-next-page-h-font:focus .b-font:before,
.column-next-page-h-font.hover .b-font:before {
  content: "\e6bb";
  color: #1a1a1a;
}
.column-next-page-h-font.native .b-font:before,
.column-next-page-h-font.disabled .b-font:before {
  content: "\e6bb";
  color: #1a1a1a;
}
.trigger-triangle-font .b-font:before {
  content: "\e66a";
  color: #808080;
}
.trigger-triangle-font:hover .b-font:before,
.trigger-triangle-font:focus .b-font:before,
.trigger-triangle-font.hover .b-font:before {
  content: "\e66a";
  color: #808080;
}
.trigger-triangle-font:active .b-font:before,
.trigger-triangle-font.active .b-font:before {
  content: "\e66a";
  color: #009de3;
}
.trigger-triangle-font.native .b-font:before,
.trigger-triangle-font.disabled .b-font:before {
  content: "\e66a";
  color: #808080;
}
.widget-date-next-h-font .b-font:before {
  content: "\e62f";
  color: #808080;
}
.widget-date-next-h-font:hover .b-font:before,
.widget-date-next-h-font:focus .b-font:before,
.widget-date-next-h-font.hover .b-font:before {
  content: "\e62f";
  color: #808080;
}
.widget-date-next-h-font.native .b-font:before,
.widget-date-next-h-font.disabled .b-font:before {
  content: "\e62f";
  color: #808080;
}
.widget-date-pre-h-font .b-font:before {
  content: "\e62e";
  color: #808080;
}
.widget-date-pre-h-font:hover .b-font:before,
.widget-date-pre-h-font:focus .b-font:before,
.widget-date-pre-h-font.hover .b-font:before {
  content: "\e62e";
  color: #808080;
}
.widget-date-pre-h-font.native .b-font:before,
.widget-date-pre-h-font.disabled .b-font:before {
  content: "\e62e";
  color: #808080;
}
.widget-date-h-change-font .b-font:before {
  content: "\e660";
  color: #808080;
}
.widget-date-h-change-font:hover .b-font:before,
.widget-date-h-change-font:focus .b-font:before,
.widget-date-h-change-font.hover .b-font:before {
  content: "\e660";
  color: #808080;
}
.widget-date-h-change-font.native .b-font:before,
.widget-date-h-change-font.disabled .b-font:before {
  content: "\e660";
  color: #808080;
}
.pull-down-font .b-font:before {
  content: "\e608";
  color: #808080;
}
.pull-down-font.native .b-font:before,
.pull-down-font.disabled .b-font:before {
  content: "\e608";
  color: #808080;
}
.pull-down-h-font .b-font:before {
  content: "\e608";
  color: #808080;
}
.pull-down-h-font:hover .b-font:before,
.pull-down-h-font:focus .b-font:before,
.pull-down-h-font.hover .b-font:before {
  content: "\e608";
  color: #808080;
}
.pull-down-h-font.native .b-font:before,
.pull-down-h-font.disabled .b-font:before {
  content: "\e608";
  color: #808080;
}
.pull-down-ha-font .b-font:before {
  content: "\e608";
  color: #808080;
}
.pull-down-ha-font:hover .b-font:before,
.pull-down-ha-font:focus .b-font:before,
.pull-down-ha-font.hover .b-font:before {
  content: "\e608";
  color: #808080;
}
.pull-down-ha-font:active .b-font:before,
.pull-down-ha-font.active .b-font:before {
  content: "\e608";
  color: #009de3;
}
.pull-down-ha-font.native .b-font:before,
.pull-down-ha-font.disabled .b-font:before {
  content: "\e608";
  color: #808080;
}
.delete-field-font .b-font:before {
  content: "\e605";
  color: #808080;
}
.delete-field-font.native .b-font:before,
.delete-field-font.disabled .b-font:before {
  content: "\e605";
  color: #808080;
}
.delete-field-h-font .b-font:before {
  content: "\e605";
  color: #808080;
}
.delete-field-h-font:hover .b-font:before,
.delete-field-h-font:focus .b-font:before,
.delete-field-h-font.hover .b-font:before {
  content: "\e605";
  color: #808080;
}
.delete-field-h-font.native .b-font:before,
.delete-field-h-font.disabled .b-font:before {
  content: "\e605";
  color: #808080;
}
.delete-field-ha-font .b-font:before {
  content: "\e605";
  color: #808080;
}
.delete-field-ha-font:hover .b-font:before,
.delete-field-ha-font:focus .b-font:before,
.delete-field-ha-font.hover .b-font:before {
  content: "\e605";
  color: #808080;
}
.delete-field-ha-font:active .b-font:before,
.delete-field-ha-font.active .b-font:before {
  content: "\e605";
  color: #009de3;
}
.delete-field-ha-font.native .b-font:before,
.delete-field-ha-font.disabled .b-font:before {
  content: "\e605";
  color: #808080;
}
.toolbar-save-font .b-font:before {
  content: "\e617";
  color: #808080;
}
.toolbar-save-font:hover .b-font:before,
.toolbar-save-font:focus .b-font:before,
.toolbar-save-font.hover .b-font:before {
  content: "\e617";
  color: #808080;
}
.toolbar-save-font.native .b-font:before,
.toolbar-save-font.disabled .b-font:before {
  content: "\e617";
  color: #808080;
}
.toolbar-undo-font .b-font:before {
  content: "\e619";
  color: #808080;
}
.toolbar-undo-font:hover .b-font:before,
.toolbar-undo-font:focus .b-font:before,
.toolbar-undo-font.hover .b-font:before {
  content: "\e619";
  color: #808080;
}
.toolbar-undo-font.native .b-font:before,
.toolbar-undo-font.disabled .b-font:before {
  content: "\e619";
  color: #808080;
}
.toolbar-redo-font .b-font:before {
  content: "\e625";
  color: #808080;
}
.toolbar-redo-font:hover .b-font:before,
.toolbar-redo-font:focus .b-font:before,
.toolbar-redo-font.hover .b-font:before {
  content: "\e625";
  color: #808080;
}
.toolbar-redo-font.native .b-font:before,
.toolbar-redo-font.disabled .b-font:before {
  content: "\e625";
  color: #808080;
}
.toolbar-edit-font .b-font:before {
  content: "\e631";
  color: #808080;
}
.toolbar-edit-font:hover .b-font:before,
.toolbar-edit-font:focus .b-font:before,
.toolbar-edit-font.hover .b-font:before {
  content: "\e631";
  color: #808080;
}
.toolbar-edit-font.native .b-font:before,
.toolbar-edit-font.disabled .b-font:before {
  content: "\e631";
  color: #808080;
}
.toolbar-preview-font .b-font:before {
  content: "\e65f";
  color: #808080;
}
.toolbar-preview-font:hover .b-font:before,
.toolbar-preview-font:focus .b-font:before,
.toolbar-preview-font.hover .b-font:before {
  content: "\e65f";
  color: #808080;
}
.toolbar-preview-font.native .b-font:before,
.toolbar-preview-font.disabled .b-font:before {
  content: "\e65f";
  color: #808080;
}
.chart-table-font .b-font:before {
  content: "\e60e";
  color: #808080;
}
.chart-table-font:hover .b-font:before,
.chart-table-font:focus .b-font:before,
.chart-table-font.hover .b-font:before {
  content: "\e60e";
  color: #808080;
}
.chart-table-font:active .b-font:before,
.chart-table-font.active .b-font:before {
  content: "\e60e";
  color: #009de3;
}
.chart-table-font.native .b-font:before,
.chart-table-font.disabled .b-font:before {
  content: "\e60e";
  color: #808080;
}
.chart-axis-font .b-font:before {
  content: "\e626";
  color: #808080;
}
.chart-axis-font:hover .b-font:before,
.chart-axis-font:focus .b-font:before,
.chart-axis-font.hover .b-font:before {
  content: "\e626";
  color: #808080;
}
.chart-axis-font:active .b-font:before,
.chart-axis-font.active .b-font:before {
  content: "\e626";
  color: #009de3;
}
.chart-axis-font.native .b-font:before,
.chart-axis-font.disabled .b-font:before {
  content: "\e626";
  color: #808080;
}
.chart-bar-font .b-font:before {
  content: "\e620";
  color: #808080;
}
.chart-bar-font:hover .b-font:before,
.chart-bar-font:focus .b-font:before,
.chart-bar-font.hover .b-font:before {
  content: "\e620";
  color: #808080;
}
.chart-bar-font:active .b-font:before,
.chart-bar-font.active .b-font:before {
  content: "\e620";
  color: #009de3;
}
.chart-bar-font.native .b-font:before,
.chart-bar-font.disabled .b-font:before {
  content: "\e620";
  color: #808080;
}
.chart-accumulate-bar-font .b-font:before {
  content: "\e60a";
  color: #808080;
}
.chart-accumulate-bar-font:hover .b-font:before,
.chart-accumulate-bar-font:focus .b-font:before,
.chart-accumulate-bar-font.hover .b-font:before {
  content: "\e60a";
  color: #808080;
}
.chart-accumulate-bar-font:active .b-font:before,
.chart-accumulate-bar-font.active .b-font:before {
  content: "\e60a";
  color: #009de3;
}
.chart-accumulate-bar-font.native .b-font:before,
.chart-accumulate-bar-font.disabled .b-font:before {
  content: "\e60a";
  color: #808080;
}
.chart-pie-font .b-font:before {
  content: "\e618";
  color: #808080;
}
.chart-pie-font:hover .b-font:before,
.chart-pie-font:focus .b-font:before,
.chart-pie-font.hover .b-font:before {
  content: "\e618";
  color: #808080;
}
.chart-pie-font:active .b-font:before,
.chart-pie-font.active .b-font:before {
  content: "\e618";
  color: #009de3;
}
.chart-pie-font.native .b-font:before,
.chart-pie-font.disabled .b-font:before {
  content: "\e618";
  color: #808080;
}
.chart-map-font .b-font:before {
  content: "\e62c";
  color: #808080;
}
.chart-map-font:hover .b-font:before,
.chart-map-font:focus .b-font:before,
.chart-map-font.hover .b-font:before {
  content: "\e62c";
  color: #808080;
}
.chart-map-font:active .b-font:before,
.chart-map-font.active .b-font:before {
  content: "\e62c";
  color: #009de3;
}
.chart-map-font.native .b-font:before,
.chart-map-font.disabled .b-font:before {
  content: "\e62c";
  color: #808080;
}
.chart-dashboard-font .b-font:before {
  content: "\e623";
  color: #808080;
}
.chart-dashboard-font:hover .b-font:before,
.chart-dashboard-font:focus .b-font:before,
.chart-dashboard-font.hover .b-font:before {
  content: "\e623";
  color: #808080;
}
.chart-dashboard-font:active .b-font:before,
.chart-dashboard-font.active .b-font:before {
  content: "\e623";
  color: #009de3;
}
.chart-dashboard-font.native .b-font:before,
.chart-dashboard-font.disabled .b-font:before {
  content: "\e623";
  color: #808080;
}
.chart-doughnut-font .b-font:before {
  content: "\e624";
  color: #808080;
}
.chart-doughnut-font:hover .b-font:before,
.chart-doughnut-font:focus .b-font:before,
.chart-doughnut-font.hover .b-font:before {
  content: "\e624";
  color: #808080;
}
.chart-doughnut-font:active .b-font:before,
.chart-doughnut-font.active .b-font:before {
  content: "\e624";
  color: #009de3;
}
.chart-doughnut-font.native .b-font:before,
.chart-doughnut-font.disabled .b-font:before {
  content: "\e624";
  color: #808080;
}
.chart-detail-font .b-font:before {
  content: "\e615";
  color: #808080;
}
.chart-detail-font:hover .b-font:before,
.chart-detail-font:focus .b-font:before,
.chart-detail-font.hover .b-font:before {
  content: "\e615";
  color: #808080;
}
.chart-detail-font:active .b-font:before,
.chart-detail-font.active .b-font:before {
  content: "\e615";
  color: #009de3;
}
.chart-detail-font.native .b-font:before,
.chart-detail-font.disabled .b-font:before {
  content: "\e615";
  color: #808080;
}
.chart-more-font .b-font:before {
  content: "\e60d";
  color: #808080;
}
.chart-more-font:hover .b-font:before,
.chart-more-font:focus .b-font:before,
.chart-more-font.hover .b-font:before {
  content: "\e60d";
  color: #808080;
}
.chart-more-font:active .b-font:before,
.chart-more-font.active .b-font:before {
  content: "\e60d";
  color: #009de3;
}
.chart-more-font.native .b-font:before,
.chart-more-font.disabled .b-font:before {
  content: "\e60d";
  color: #808080;
}
.chart-bubble-font .b-font:before {
  content: "\e62a";
  color: #808080;
}
.chart-bubble-font:hover .b-font:before,
.chart-bubble-font:focus .b-font:before,
.chart-bubble-font.hover .b-font:before {
  content: "\e62a";
  color: #808080;
}
.chart-bubble-font:active .b-font:before,
.chart-bubble-font.active .b-font:before {
  content: "\e62a";
  color: #009de3;
}
.chart-bubble-font.native .b-font:before,
.chart-bubble-font.disabled .b-font:before {
  content: "\e62a";
  color: #808080;
}
.chart-scatter-font .b-font:before {
  content: "\e61d";
  color: #808080;
}
.chart-scatter-font:hover .b-font:before,
.chart-scatter-font:focus .b-font:before,
.chart-scatter-font.hover .b-font:before {
  content: "\e61d";
  color: #808080;
}
.chart-scatter-font:active .b-font:before,
.chart-scatter-font.active .b-font:before {
  content: "\e61d";
  color: #009de3;
}
.chart-scatter-font.native .b-font:before,
.chart-scatter-font.disabled .b-font:before {
  content: "\e61d";
  color: #808080;
}
.chart-radar-font .b-font:before {
  content: "\e614";
  color: #808080;
}
.chart-radar-font:hover .b-font:before,
.chart-radar-font:focus .b-font:before,
.chart-radar-font.hover .b-font:before {
  content: "\e614";
  color: #808080;
}
.chart-radar-font:active .b-font:before,
.chart-radar-font.active .b-font:before {
  content: "\e614";
  color: #009de3;
}
.chart-radar-font.native .b-font:before,
.chart-radar-font.disabled .b-font:before {
  content: "\e614";
  color: #808080;
}
.chart-content-font .b-font:before {
  content: "\e621";
  color: #808080;
}
.chart-content-font:hover .b-font:before,
.chart-content-font:focus .b-font:before,
.chart-content-font.hover .b-font:before {
  content: "\e621";
  color: #808080;
}
.chart-content-font:active .b-font:before,
.chart-content-font.active .b-font:before {
  content: "\e621";
  color: #009de3;
}
.chart-content-font.native .b-font:before,
.chart-content-font.disabled .b-font:before {
  content: "\e621";
  color: #808080;
}
.chart-image-font .b-font:before {
  content: "\e68d";
  color: #808080;
}
.chart-image-font:hover .b-font:before,
.chart-image-font:focus .b-font:before,
.chart-image-font.hover .b-font:before {
  content: "\e68d";
  color: #808080;
}
.chart-image-font:active .b-font:before,
.chart-image-font.active .b-font:before {
  content: "\e68d";
  color: #009de3;
}
.chart-image-font.native .b-font:before,
.chart-image-font.disabled .b-font:before {
  content: "\e68d";
  color: #808080;
}
.chart-web-font .b-font:before {
  content: "\e68c";
  color: #808080;
}
.chart-web-font:hover .b-font:before,
.chart-web-font:focus .b-font:before,
.chart-web-font.hover .b-font:before {
  content: "\e68c";
  color: #808080;
}
.chart-web-font:active .b-font:before,
.chart-web-font.active .b-font:before {
  content: "\e68c";
  color: #009de3;
}
.chart-web-font.native .b-font:before,
.chart-web-font.disabled .b-font:before {
  content: "\e68c";
  color: #808080;
}
.chart-string-font .b-font:before {
  content: "\e622";
  color: #808080;
}
.chart-string-font:hover .b-font:before,
.chart-string-font:focus .b-font:before,
.chart-string-font.hover .b-font:before {
  content: "\e622";
  color: #808080;
}
.chart-string-font:active .b-font:before,
.chart-string-font.active .b-font:before {
  content: "\e622";
  color: #009de3;
}
.chart-string-font.native .b-font:before,
.chart-string-font.disabled .b-font:before {
  content: "\e622";
  color: #808080;
}
.chart-number-font .b-font:before {
  content: "\e61f";
  color: #808080;
}
.chart-number-font:hover .b-font:before,
.chart-number-font:focus .b-font:before,
.chart-number-font.hover .b-font:before {
  content: "\e61f";
  color: #808080;
}
.chart-number-font:active .b-font:before,
.chart-number-font.active .b-font:before {
  content: "\e61f";
  color: #009de3;
}
.chart-number-font.native .b-font:before,
.chart-number-font.disabled .b-font:before {
  content: "\e61f";
  color: #808080;
}
.chart-tree-font .b-font:before {
  content: "\e61e";
  color: #808080;
}
.chart-tree-font:hover .b-font:before,
.chart-tree-font:focus .b-font:before,
.chart-tree-font.hover .b-font:before {
  content: "\e61e";
  color: #808080;
}
.chart-tree-font:active .b-font:before,
.chart-tree-font.active .b-font:before {
  content: "\e61e";
  color: #009de3;
}
.chart-tree-font.native .b-font:before,
.chart-tree-font.disabled .b-font:before {
  content: "\e61e";
  color: #808080;
}
.chart-date-font .b-font:before {
  content: "\e61b";
  color: #808080;
}
.chart-date-font:hover .b-font:before,
.chart-date-font:focus .b-font:before,
.chart-date-font.hover .b-font:before {
  content: "\e61b";
  color: #808080;
}
.chart-date-font:active .b-font:before,
.chart-date-font.active .b-font:before {
  content: "\e61b";
  color: #009de3;
}
.chart-date-font.native .b-font:before,
.chart-date-font.disabled .b-font:before {
  content: "\e61b";
  color: #808080;
}
.chart-year-font .b-font:before {
  content: "\e628";
  color: #808080;
}
.chart-year-font:hover .b-font:before,
.chart-year-font:focus .b-font:before,
.chart-year-font.hover .b-font:before {
  content: "\e628";
  color: #808080;
}
.chart-year-font:active .b-font:before,
.chart-year-font.active .b-font:before {
  content: "\e628";
  color: #009de3;
}
.chart-year-font.native .b-font:before,
.chart-year-font.disabled .b-font:before {
  content: "\e628";
  color: #808080;
}
.chart-month-font .b-font:before {
  content: "\e627";
  color: #808080;
}
.chart-month-font:hover .b-font:before,
.chart-month-font:focus .b-font:before,
.chart-month-font.hover .b-font:before {
  content: "\e627";
  color: #808080;
}
.chart-month-font:active .b-font:before,
.chart-month-font.active .b-font:before {
  content: "\e627";
  color: #009de3;
}
.chart-month-font.native .b-font:before,
.chart-month-font.disabled .b-font:before {
  content: "\e627";
  color: #808080;
}
.chart-quarter-font .b-font:before {
  content: "\e629";
  color: #808080;
}
.chart-quarter-font:hover .b-font:before,
.chart-quarter-font:focus .b-font:before,
.chart-quarter-font.hover .b-font:before {
  content: "\e629";
  color: #808080;
}
.chart-quarter-font:active .b-font:before,
.chart-quarter-font.active .b-font:before {
  content: "\e629";
  color: #009de3;
}
.chart-quarter-font.native .b-font:before,
.chart-quarter-font.disabled .b-font:before {
  content: "\e629";
  color: #808080;
}
.chart-ymd-font .b-font:before {
  content: "\e61c";
  color: #808080;
}
.chart-ymd-font:hover .b-font:before,
.chart-ymd-font:focus .b-font:before,
.chart-ymd-font.hover .b-font:before {
  content: "\e61c";
  color: #808080;
}
.chart-ymd-font:active .b-font:before,
.chart-ymd-font.active .b-font:before {
  content: "\e61c";
  color: #009de3;
}
.chart-ymd-font.native .b-font:before,
.chart-ymd-font.disabled .b-font:before {
  content: "\e61c";
  color: #808080;
}
.chart-date-range-font .b-font:before {
  content: "\e616";
  color: #808080;
}
.chart-date-range-font:hover .b-font:before,
.chart-date-range-font:focus .b-font:before,
.chart-date-range-font.hover .b-font:before {
  content: "\e616";
  color: #808080;
}
.chart-date-range-font:active .b-font:before,
.chart-date-range-font.active .b-font:before {
  content: "\e616";
  color: #009de3;
}
.chart-date-range-font.native .b-font:before,
.chart-date-range-font.disabled .b-font:before {
  content: "\e616";
  color: #808080;
}
.chart-general-query-font .b-font:before {
  content: "\e62b";
  color: #808080;
}
.chart-general-query-font:hover .b-font:before,
.chart-general-query-font:focus .b-font:before,
.chart-general-query-font.hover .b-font:before {
  content: "\e62b";
  color: #808080;
}
.chart-general-query-font:active .b-font:before,
.chart-general-query-font.active .b-font:before {
  content: "\e62b";
  color: #009de3;
}
.chart-general-query-font.native .b-font:before,
.chart-general-query-font.disabled .b-font:before {
  content: "\e62b";
  color: #808080;
}
.chart-query-font .b-font:before {
  content: "\e609";
  color: #808080;
}
.chart-query-font:hover .b-font:before,
.chart-query-font:focus .b-font:before,
.chart-query-font.hover .b-font:before {
  content: "\e609";
  color: #808080;
}
.chart-query-font:active .b-font:before,
.chart-query-font.active .b-font:before {
  content: "\e609";
  color: #009de3;
}
.chart-query-font.native .b-font:before,
.chart-query-font.disabled .b-font:before {
  content: "\e609";
  color: #808080;
}
.chart-reset-font .b-font:before {
  content: "\e61a";
  color: #808080;
}
.chart-reset-font:hover .b-font:before,
.chart-reset-font:focus .b-font:before,
.chart-reset-font.hover .b-font:before {
  content: "\e61a";
  color: #808080;
}
.chart-reset-font:active .b-font:before,
.chart-reset-font.active .b-font:before {
  content: "\e61a";
  color: #009de3;
}
.chart-reset-font.native .b-font:before,
.chart-reset-font.disabled .b-font:before {
  content: "\e61a";
  color: #808080;
}
.chart-textarea-font .b-font:before {
  content: "\e622";
  color: #808080;
}
.chart-textarea-font:hover .b-font:before,
.chart-textarea-font:focus .b-font:before,
.chart-textarea-font.hover .b-font:before {
  content: "\e622";
  color: #808080;
}
.chart-textarea-font:active .b-font:before,
.chart-textarea-font.active .b-font:before {
  content: "\e622";
  color: #009de3;
}
.chart-textarea-font.native .b-font:before,
.chart-textarea-font.disabled .b-font:before {
  content: "\e622";
  color: #808080;
}
.chart-reuse-font .b-font:before {
  content: "\e60b";
  color: #808080;
}
.chart-reuse-font:hover .b-font:before,
.chart-reuse-font:focus .b-font:before,
.chart-reuse-font.hover .b-font:before {
  content: "\e60b";
  color: #808080;
}
.chart-reuse-font:active .b-font:before,
.chart-reuse-font.active .b-font:before {
  content: "\e60b";
  color: #009de3;
}
.chart-reuse-font.native .b-font:before,
.chart-reuse-font.disabled .b-font:before {
  content: "\e60b";
  color: #808080;
}
.chart-date-normal-font .b-font:before {
  content: "\e61b";
  color: #808080;
}
.chart-date-normal-font.native .b-font:before,
.chart-date-normal-font.disabled .b-font:before {
  content: "\e61b";
  color: #808080;
}
.less-font .b-font:before {
  content: "\e633";
  color: #808080;
}
.less-font:hover .b-font:before,
.less-font:focus .b-font:before,
.less-font.hover .b-font:before {
  content: "\e633";
  color: #808080;
}
.less-font:active .b-font:before,
.less-font.active .b-font:before {
  content: "\e633";
  color: #009de3;
}
.less-font.native .b-font:before,
.less-font.disabled .b-font:before {
  content: "\e633";
  color: #808080;
}
.less-equal-font .b-font:before {
  content: "\e636";
  color: #808080;
}
.less-equal-font:hover .b-font:before,
.less-equal-font:focus .b-font:before,
.less-equal-font.hover .b-font:before {
  content: "\e636";
  color: #808080;
}
.less-equal-font:active .b-font:before,
.less-equal-font.active .b-font:before {
  content: "\e636";
  color: #009de3;
}
.less-equal-font.native .b-font:before,
.less-equal-font.disabled .b-font:before {
  content: "\e636";
  color: #808080;
}
.check-font .b-font:before {
  content: "\e611";
  color: #009de3;
}
.check-font.native .b-font:before,
.check-font.disabled .b-font:before {
  content: "\e611";
  color: #009de3;
}
.move2group-add-font .b-font:before {
  content: "\e649";
  color: #009de3;
}
.move2group-add-font.native .b-font:before,
.move2group-add-font.disabled .b-font:before {
  content: "\e649";
  color: #009de3;
}
.select-data-field-calc-font .b-font:before {
  content: "\e6a3";
  color: #1a1a1a;
}
.select-data-field-calc-font:hover .b-font:before,
.select-data-field-calc-font:focus .b-font:before,
.select-data-field-calc-font.hover .b-font:before {
  content: "\e6a3";
  color: #1a1a1a;
}
.select-data-field-calc-font:active .b-font:before,
.select-data-field-calc-font.active .b-font:before {
  content: "\e6a3";
  color: #ffffff;
}
.select-data-field-calc-font.native .b-font:before,
.select-data-field-calc-font.disabled .b-font:before {
  content: "\e6a3";
  color: #1a1a1a;
}
.select-data-field-string-font .b-font:before {
  content: "\e642";
  color: #1a1a1a;
}
.select-data-field-string-font:hover .b-font:before,
.select-data-field-string-font:focus .b-font:before,
.select-data-field-string-font.hover .b-font:before {
  content: "\e642";
  color: #1a1a1a;
}
.select-data-field-string-font:active .b-font:before,
.select-data-field-string-font.active .b-font:before {
  content: "\e642";
  color: #ffffff;
}
.select-data-field-string-font.native .b-font:before,
.select-data-field-string-font.disabled .b-font:before {
  content: "\e642";
  color: #1a1a1a;
}
.select-data-field-number-font .b-font:before {
  content: "\e641";
  color: #1a1a1a;
}
.select-data-field-number-font:hover .b-font:before,
.select-data-field-number-font:focus .b-font:before,
.select-data-field-number-font.hover .b-font:before {
  content: "\e641";
  color: #1a1a1a;
}
.select-data-field-number-font:active .b-font:before,
.select-data-field-number-font.active .b-font:before {
  content: "\e641";
  color: #ffffff;
}
.select-data-field-number-font.native .b-font:before,
.select-data-field-number-font.disabled .b-font:before {
  content: "\e641";
  color: #1a1a1a;
}
.select-data-field-date-font .b-font:before {
  content: "\e640";
  color: #1a1a1a;
}
.select-data-field-date-font:hover .b-font:before,
.select-data-field-date-font:focus .b-font:before,
.select-data-field-date-font.hover .b-font:before {
  content: "\e640";
  color: #1a1a1a;
}
.select-data-field-date-font:active .b-font:before,
.select-data-field-date-font.active .b-font:before {
  content: "\e640";
  color: #ffffff;
}
.select-data-field-date-font.native .b-font:before,
.select-data-field-date-font.disabled .b-font:before {
  content: "\e640";
  color: #1a1a1a;
}
.select-data-field-string-group-font .b-font:before {
  content: "\e642";
  color: #808080;
}
.select-data-field-string-group-font.native .b-font:before,
.select-data-field-string-group-font.disabled .b-font:before {
  content: "\e642";
  color: #808080;
}
.select-data-field-number-group-font .b-font:before {
  content: "\e641";
  color: #808080;
}
.select-data-field-number-group-font.native .b-font:before,
.select-data-field-number-group-font.disabled .b-font:before {
  content: "\e641";
  color: #808080;
}
.select-data-field-date-group-font .b-font:before {
  content: "\e640";
  color: #808080;
}
.select-data-field-date-group-font.native .b-font:before,
.select-data-field-date-group-font.disabled .b-font:before {
  content: "\e640";
  color: #808080;
}
.select-data-preview-font .b-font:before {
  content: "\e65f";
  color: #808080;
}
.select-data-preview-font:hover .b-font:before,
.select-data-preview-font:focus .b-font:before,
.select-data-preview-font.hover .b-font:before {
  content: "\e65f";
  color: #009de3;
}
.select-data-preview-font:active .b-font:before,
.select-data-preview-font.active .b-font:before {
  content: "\e65f";
  color: #009de3;
}
.select-data-preview-font.native .b-font:before,
.select-data-preview-font.disabled .b-font:before {
  content: "\e65f";
  color: #808080;
}
.detail-dimension-set-font .b-font:before {
  content: "\e678";
  color: #808080;
}
.detail-dimension-set-font:hover .b-font:before,
.detail-dimension-set-font:focus .b-font:before,
.detail-dimension-set-font.hover .b-font:before {
  content: "\e678";
  color: #808080;
}
.detail-dimension-set-font.native .b-font:before,
.detail-dimension-set-font.disabled .b-font:before {
  content: "\e678";
  color: #808080;
}
.detail-real-data-warning-font .b-font:before {
  content: "\e64e";
  color: #f07d0a;
}
.detail-real-data-warning-font:hover .b-font:before,
.detail-real-data-warning-font:focus .b-font:before,
.detail-real-data-warning-font.hover .b-font:before {
  content: "\e64e";
  color: #f07d0a;
}
.detail-real-data-warning-font.native .b-font:before,
.detail-real-data-warning-font.disabled .b-font:before {
  content: "\e64e";
  color: #f07d0a;
}
.select-group-field-string-font .b-font:before {
  content: "\e642";
  color: #009de3;
}
.select-group-field-string-font:hover .b-font:before,
.select-group-field-string-font:focus .b-font:before,
.select-group-field-string-font.hover .b-font:before {
  content: "\e642";
  color: #009de3;
}
.select-group-field-string-font:active .b-font:before,
.select-group-field-string-font.active .b-font:before {
  content: "\e642";
  color: #009de3;
}
.select-group-field-string-font.native .b-font:before,
.select-group-field-string-font.disabled .b-font:before {
  content: "\e642";
  color: #009de3;
}
.select-group-field-number-font .b-font:before {
  content: "\e641";
  color: #009de3;
}
.select-group-field-number-font:hover .b-font:before,
.select-group-field-number-font:focus .b-font:before,
.select-group-field-number-font.hover .b-font:before {
  content: "\e641";
  color: #009de3;
}
.select-group-field-number-font:active .b-font:before,
.select-group-field-number-font.active .b-font:before {
  content: "\e641";
  color: #009de3;
}
.select-group-field-number-font.native .b-font:before,
.select-group-field-number-font.disabled .b-font:before {
  content: "\e641";
  color: #009de3;
}
.select-group-field-date-font .b-font:before {
  content: "\e640";
  color: #009de3;
}
.select-group-field-date-font:hover .b-font:before,
.select-group-field-date-font:focus .b-font:before,
.select-group-field-date-font.hover .b-font:before {
  content: "\e640";
  color: #009de3;
}
.select-group-field-date-font:active .b-font:before,
.select-group-field-date-font.active .b-font:before {
  content: "\e640";
  color: #009de3;
}
.select-group-field-date-font.native .b-font:before,
.select-group-field-date-font.disabled .b-font:before {
  content: "\e640";
  color: #009de3;
}
.dashboard-widget-combo-detail-set-font .b-font:before {
  content: "\e634";
  color: #808080;
}
.dashboard-widget-combo-detail-set-font:hover .b-font:before,
.dashboard-widget-combo-detail-set-font:focus .b-font:before,
.dashboard-widget-combo-detail-set-font.hover .b-font:before {
  content: "\e634";
  color: #808080;
}
.dashboard-widget-combo-detail-set-font.native .b-font:before,
.dashboard-widget-combo-detail-set-font.disabled .b-font:before {
  content: "\e634";
  color: #808080;
}
.group-add-font .b-font:before {
  content: "\e649";
  color: #808080;
}
.group-add-font.native .b-font:before,
.group-add-font.disabled .b-font:before {
  content: "\e649";
  color: #808080;
}
.sortable-font .b-font:before {
  content: "\e63b";
  color: #808080;
}
.sortable-font.native .b-font:before,
.sortable-font.disabled .b-font:before {
  content: "\e63b";
  color: #808080;
}
.text-bold-font .b-font:before {
  content: "\e64d";
  color: #1a1a1a;
}
.text-bold-font.native .b-font:before,
.text-bold-font.disabled .b-font:before {
  content: "\e64d";
  color: #1a1a1a;
}
.text-italic-font .b-font:before {
  content: "\e656";
  color: #1a1a1a;
}
.text-italic-font.native .b-font:before,
.text-italic-font.disabled .b-font:before {
  content: "\e656";
  color: #1a1a1a;
}
.text-underline-font .b-font:before {
  content: "\e650";
  color: #1a1a1a;
}
.text-underline-font.native .b-font:before,
.text-underline-font.disabled .b-font:before {
  content: "\e650";
  color: #1a1a1a;
}
.text-color-font .b-font:before {
  content: "\e69c";
  color: #1a1a1a;
}
.text-color-font.native .b-font:before,
.text-color-font.disabled .b-font:before {
  content: "\e69c";
  color: #1a1a1a;
}
.text-background-font .b-font:before {
  content: "\e696";
  color: #1a1a1a;
}
.text-background-font.native .b-font:before,
.text-background-font.disabled .b-font:before {
  content: "\e696";
  color: #1a1a1a;
}
.text-color-underline-font .b-font:before {
  content: "\e69d";
  color: "";
}
.text-color-underline-font.native .b-font:before,
.text-color-underline-font.disabled .b-font:before {
  content: "\e69d";
  color: "";
}
.text-align-left-font .b-font:before {
  content: "\e654";
  color: #1a1a1a;
}
.text-align-left-font.native .b-font:before,
.text-align-left-font.disabled .b-font:before {
  content: "\e654";
  color: #1a1a1a;
}
.text-align-center-font .b-font:before {
  content: "\e64f";
  color: #1a1a1a;
}
.text-align-center-font.native .b-font:before,
.text-align-center-font.disabled .b-font:before {
  content: "\e64f";
  color: #1a1a1a;
}
.text-align-right-font .b-font:before {
  content: "\e651";
  color: #1a1a1a;
}
.text-align-right-font.native .b-font:before,
.text-align-right-font.disabled .b-font:before {
  content: "\e651";
  color: #1a1a1a;
}
.img-upload-font .b-font:before {
  content: "\e6ba";
  color: #009de3;
}
.img-upload-font.native .b-font:before,
.img-upload-font.disabled .b-font:before {
  content: "\e6ba";
  color: #009de3;
}
.img-size-font .b-font:before {
  content: "\e68b";
  color: #009de3;
}
.img-size-font.native .b-font:before,
.img-size-font.disabled .b-font:before {
  content: "\e68b";
  color: #009de3;
}
.img-href-font .b-font:before {
  content: "\e688";
  color: #009de3;
}
.img-href-font.native .b-font:before,
.img-href-font.disabled .b-font:before {
  content: "\e688";
  color: #009de3;
}
.img-shutdown-font .b-font:before {
  content: "\e689";
  color: #009de3;
}
.img-shutdown-font.native .b-font:before,
.img-shutdown-font.disabled .b-font:before {
  content: "\e689";
  color: #009de3;
}
.move-font .b-font:before {
  content: "\e65e";
  color: #808080;
}
.move-font.native .b-font:before,
.move-font.disabled .b-font:before {
  content: "\e65e";
  color: #808080;
}
.share-font .b-font:before {
  content: "\e65a";
  color: #808080;
}
.share-font.native .b-font:before,
.share-font.disabled .b-font:before {
  content: "\e65a";
  color: #808080;
}
.new-file-font .b-font:before {
  content: "\e65d";
  color: #808080;
}
.new-file-font.native .b-font:before,
.new-file-font.disabled .b-font:before {
  content: "\e65d";
  color: #808080;
}
.file-font .b-font:before {
  content: "\e65b";
  color: #fcc550;
}
.file-font.native .b-font:before,
.file-font.disabled .b-font:before {
  content: "\e65b";
  color: #fcc550;
}
.folder-font .b-font:before {
  content: "\e65c";
  color: #009de3;
}
.folder-font.native .b-font:before,
.folder-font.disabled .b-font:before {
  content: "\e65c";
  color: #009de3;
}
.letter-font .b-font:before {
  content: "\e659";
  color: #808080;
}
.letter-font:hover .b-font:before,
.letter-font:focus .b-font:before,
.letter-font.hover .b-font:before {
  content: "\e659";
  color: #808080;
}
.letter-font:active .b-font:before,
.letter-font.active .b-font:before {
  content: "\e659";
  color: #009de3;
}
.letter-font.native .b-font:before,
.letter-font.disabled .b-font:before {
  content: "\e659";
  color: #808080;
}
.time-font .b-font:before {
  content: "\e658";
  color: #808080;
}
.time-font:hover .b-font:before,
.time-font:focus .b-font:before,
.time-font.hover .b-font:before {
  content: "\e658";
  color: #808080;
}
.time-font:active .b-font:before,
.time-font.active .b-font:before {
  content: "\e658";
  color: #009de3;
}
.time-font.native .b-font:before,
.time-font.disabled .b-font:before {
  content: "\e658";
  color: #808080;
}
.rename-font .b-font:before {
  content: "\e687";
  color: #808080;
}
.rename-font.native .b-font:before,
.rename-font.disabled .b-font:before {
  content: "\e687";
  color: #808080;
}
.delete-template-font .b-font:before {
  content: "\e605";
  color: #808080;
}
.delete-template-font.native .b-font:before,
.delete-template-font.disabled .b-font:before {
  content: "\e605";
  color: #808080;
}
.real-time-font .b-font:before {
  content: "\e6af";
  color: #fcc550;
}
.real-time-font.native .b-font:before,
.real-time-font.disabled .b-font:before {
  content: "\e6af";
  color: #fcc550;
}
.data-source-table-font .b-font:before {
  content: "\e67b";
  color: #009de3;
}
.data-source-table-font:hover .b-font:before,
.data-source-table-font:focus .b-font:before,
.data-source-table-font.hover .b-font:before {
  content: "\e67b";
  color: #009de3;
}
.data-source-table-font:active .b-font:before,
.data-source-table-font.active .b-font:before {
  content: "\e67b";
  color: #ffffff;
}
.data-source-table-font.native .b-font:before,
.data-source-table-font.disabled .b-font:before {
  content: "\e67b";
  color: #009de3;
}
.etl-table-font .b-font:before {
  content: "\e680";
  color: #009de3;
}
.etl-table-font:hover .b-font:before,
.etl-table-font:focus .b-font:before,
.etl-table-font.hover .b-font:before {
  content: "\e680";
  color: #009de3;
}
.etl-table-font:active .b-font:before,
.etl-table-font.active .b-font:before {
  content: "\e680";
  color: #ffffff;
}
.etl-table-font.native .b-font:before,
.etl-table-font.disabled .b-font:before {
  content: "\e680";
  color: #009de3;
}
.excel-table-font .b-font:before {
  content: "\e682";
  color: #009de3;
}
.excel-table-font:hover .b-font:before,
.excel-table-font:focus .b-font:before,
.excel-table-font.hover .b-font:before {
  content: "\e682";
  color: #009de3;
}
.excel-table-font:active .b-font:before,
.excel-table-font.active .b-font:before {
  content: "\e682";
  color: #ffffff;
}
.excel-table-font.native .b-font:before,
.excel-table-font.disabled .b-font:before {
  content: "\e682";
  color: #009de3;
}
.sql-table-font .b-font:before {
  content: "\e681";
  color: #009de3;
}
.sql-table-font:hover .b-font:before,
.sql-table-font:focus .b-font:before,
.sql-table-font.hover .b-font:before {
  content: "\e681";
  color: #009de3;
}
.sql-table-font:active .b-font:before,
.sql-table-font.active .b-font:before {
  content: "\e681";
  color: #ffffff;
}
.sql-table-font.native .b-font:before,
.sql-table-font.disabled .b-font:before {
  content: "\e681";
  color: #009de3;
}
.refresh-table-font .b-font:before {
  content: "\e683";
  color: #808080;
}
.refresh-table-font.native .b-font:before,
.refresh-table-font.disabled .b-font:before {
  content: "\e683";
  color: #808080;
}
.recover-chart-font-hightlight .b-font:before {
  content: "\e6b4";
  color: #009de3;
}
.recover-chart-font-hightlight.native .b-font:before,
.recover-chart-font-hightlight.disabled .b-font:before {
  content: "\e6b4";
  color: #009de3;
}
.tables-tile-view-font .b-font:before {
  content: "\e685";
  color: #808080;
}
.tables-tile-view-font:hover .b-font:before,
.tables-tile-view-font:focus .b-font:before,
.tables-tile-view-font.hover .b-font:before {
  content: "\e685";
  color: #808080;
}
.tables-tile-view-font:active .b-font:before,
.tables-tile-view-font.active .b-font:before {
  content: "\e685";
  color: #ffffff;
}
.tables-tile-view-font.native .b-font:before,
.tables-tile-view-font.disabled .b-font:before {
  content: "\e685";
  color: #808080;
}
.tables-relation-view-font .b-font:before {
  content: "\e684";
  color: #808080;
}
.tables-relation-view-font:hover .b-font:before,
.tables-relation-view-font:focus .b-font:before,
.tables-relation-view-font.hover .b-font:before {
  content: "\e684";
  color: #808080;
}
.tables-relation-view-font:active .b-font:before,
.tables-relation-view-font.active .b-font:before {
  content: "\e684";
  color: #ffffff;
}
.tables-relation-view-font.native .b-font:before,
.tables-relation-view-font.disabled .b-font:before {
  content: "\e684";
  color: #808080;
}
.add-new-table-pull-down-font .b-font:before {
  content: "\e62d";
  color: #ffffff;
}
.add-new-table-pull-down-font.native .b-font:before,
.add-new-table-pull-down-font.disabled .b-font:before {
  content: "\e62d";
  color: #ffffff;
}
.data-link-check-font .b-font:before {
  content: "\e611";
  color: #ffffff;
}
.data-link-check-font:hover .b-font:before,
.data-link-check-font:focus .b-font:before,
.data-link-check-font.hover .b-font:before {
  content: "\e611";
  color: #f4f4f4;
}
.data-link-check-font:active .b-font:before,
.data-link-check-font.active .b-font:before {
  content: "\e611";
  color: #009de3;
}
.data-link-check-font.native .b-font:before,
.data-link-check-font.disabled .b-font:before {
  content: "\e611";
  color: #ffffff;
}
.edit-set-font .b-font:before {
  content: "\e634";
  color: #808080;
}
.edit-set-font:hover .b-font:before,
.edit-set-font:focus .b-font:before,
.edit-set-font.hover .b-font:before {
  content: "\e634";
  color: #808080;
}
.edit-set-font.native .b-font:before,
.edit-set-font.disabled .b-font:before {
  content: "\e634";
  color: #808080;
}
.new-analysis-font .b-font:before {
  content: "\e692";
  color: #ffffff;
}
.new-analysis-font:hover .b-font:before,
.new-analysis-font:focus .b-font:before,
.new-analysis-font.hover .b-font:before {
  content: "\e692";
  color: #ffffff;
}
.new-analysis-font.native .b-font:before,
.new-analysis-font.disabled .b-font:before {
  content: "\e692";
  color: #ffffff;
}
.data-config-font .b-font:before {
  content: "\e693";
  color: #ffffff;
}
.data-config-font:hover .b-font:before,
.data-config-font:focus .b-font:before,
.data-config-font.hover .b-font:before {
  content: "\e693";
  color: #ffffff;
}
.data-config-font.native .b-font:before,
.data-config-font.disabled .b-font:before {
  content: "\e693";
  color: #ffffff;
}
.folder-list-view .b-font:before {
  content: "\e694";
  color: #808080;
}
.folder-list-view:hover .b-font:before,
.folder-list-view:focus .b-font:before,
.folder-list-view.hover .b-font:before {
  content: "\e694";
  color: #808080;
}
.folder-list-view:active .b-font:before,
.folder-list-view.active .b-font:before {
  content: "\e694";
  color: #ffffff;
}
.folder-list-view.native .b-font:before,
.folder-list-view.disabled .b-font:before {
  content: "\e694";
  color: #808080;
}
.folder-card-view .b-font:before {
  content: "\e685";
  color: #808080;
}
.folder-card-view:hover .b-font:before,
.folder-card-view:focus .b-font:before,
.folder-card-view.hover .b-font:before {
  content: "\e685";
  color: #808080;
}
.folder-card-view:active .b-font:before,
.folder-card-view.active .b-font:before {
  content: "\e685";
  color: #ffffff;
}
.folder-card-view.native .b-font:before,
.folder-card-view.disabled .b-font:before {
  content: "\e685";
  color: #808080;
}
.item-check-font .b-font:before {
  content: "\e611";
  color: #ffffff;
}
.item-check-font:hover .b-font:before,
.item-check-font:focus .b-font:before,
.item-check-font.hover .b-font:before {
  content: "\e611";
  color: #f4f4f4;
}
.item-check-font:active .b-font:before,
.item-check-font.active .b-font:before {
  content: "\e611";
  color: #009de3;
}
.item-check-font.native .b-font:before,
.item-check-font.disabled .b-font:before {
  content: "\e611";
  color: #ffffff;
}
.table-no-sort-no-filter-font .b-font:before {
  content: "\e66a";
  color: "";
}
.table-no-sort-no-filter-font:hover .b-font:before,
.table-no-sort-no-filter-font:focus .b-font:before,
.table-no-sort-no-filter-font.hover .b-font:before {
  content: "\e66a";
  color: "";
}
.table-no-sort-no-filter-font.native .b-font:before,
.table-no-sort-no-filter-font.disabled .b-font:before {
  content: "\e66a";
  color: "";
}
.table-no-sort-filter-font .b-font:before {
  content: "\e66b";
  color: "";
}
.table-no-sort-filter-font:hover .b-font:before,
.table-no-sort-filter-font:focus .b-font:before,
.table-no-sort-filter-font.hover .b-font:before {
  content: "\e66b";
  color: "";
}
.table-no-sort-filter-font.native .b-font:before,
.table-no-sort-filter-font.disabled .b-font:before {
  content: "\e66b";
  color: "";
}
.table-descending-filter-font .b-font:before {
  content: "\e667";
  color: "";
}
.table-descending-filter-font:hover .b-font:before,
.table-descending-filter-font:focus .b-font:before,
.table-descending-filter-font.hover .b-font:before {
  content: "\e667";
  color: "";
}
.table-descending-filter-font.native .b-font:before,
.table-descending-filter-font.disabled .b-font:before {
  content: "\e667";
  color: "";
}
.table-ascending-filter-font .b-font:before {
  content: "\e669";
  color: "";
}
.table-ascending-filter-font:hover .b-font:before,
.table-ascending-filter-font:focus .b-font:before,
.table-ascending-filter-font.hover .b-font:before {
  content: "\e669";
  color: "";
}
.table-ascending-filter-font.native .b-font:before,
.table-ascending-filter-font.disabled .b-font:before {
  content: "\e669";
  color: "";
}
.table-descending-no-filter-font .b-font:before {
  content: "\e666";
  color: "";
}
.table-descending-no-filter-font:hover .b-font:before,
.table-descending-no-filter-font:focus .b-font:before,
.table-descending-no-filter-font.hover .b-font:before {
  content: "\e666";
  color: "";
}
.table-descending-no-filter-font.native .b-font:before,
.table-descending-no-filter-font.disabled .b-font:before {
  content: "\e666";
  color: "";
}
.table-ascending-no-filter-font .b-font:before {
  content: "\e668";
  color: "";
}
.table-ascending-no-filter-font:hover .b-font:before,
.table-ascending-no-filter-font:focus .b-font:before,
.table-ascending-no-filter-font.hover .b-font:before {
  content: "\e668";
  color: "";
}
.table-ascending-no-filter-font.native .b-font:before,
.table-ascending-no-filter-font.disabled .b-font:before {
  content: "\e668";
  color: "";
}
.table-no-sort-font .b-font:before {
  content: "\e66c";
  color: "";
}
.table-no-sort-font:hover .b-font:before,
.table-no-sort-font:focus .b-font:before,
.table-no-sort-font.hover .b-font:before {
  content: "\e66c";
  color: "";
}
.table-no-sort-font.native .b-font:before,
.table-no-sort-font.disabled .b-font:before {
  content: "\e66c";
  color: "";
}
.primary-key-font .b-font:before {
  content: "\e67d;";
  color: #808080;
}
.primary-key-font:hover .b-font:before,
.primary-key-font:focus .b-font:before,
.primary-key-font.hover .b-font:before {
  content: "\e67d;";
  color: #808080;
}
.primary-key-font.native .b-font:before,
.primary-key-font.disabled .b-font:before {
  content: "\e67d;";
  color: #808080;
}
.table-open-row-style-font .b-font:before {
  content: "\e671";
  color: #808080;
}
.table-open-row-style-font:hover .b-font:before,
.table-open-row-style-font:focus .b-font:before,
.table-open-row-style-font.hover .b-font:before {
  content: "\e671";
  color: #808080;
}
.table-open-row-style-font:active .b-font:before,
.table-open-row-style-font.active .b-font:before {
  content: "\e671";
  color: #009de3;
}
.table-open-row-style-font.native .b-font:before,
.table-open-row-style-font.disabled .b-font:before {
  content: "\e671";
  color: #808080;
}
.table-open-col-style-font .b-font:before {
  content: "\e672";
  color: #808080;
}
.table-open-col-style-font:hover .b-font:before,
.table-open-col-style-font:focus .b-font:before,
.table-open-col-style-font.hover .b-font:before {
  content: "\e672";
  color: #808080;
}
.table-open-col-style-font:active .b-font:before,
.table-open-col-style-font.active .b-font:before {
  content: "\e672";
  color: #009de3;
}
.table-open-col-style-font.native .b-font:before,
.table-open-col-style-font.disabled .b-font:before {
  content: "\e672";
  color: #808080;
}
.calculate-function-font .b-font:before {
  content: "\e6a3";
  color: #1a1a1a;
}
.calculate-function-font.native .b-font:before,
.calculate-function-font.disabled .b-font:before {
  content: "\e6a3";
  color: #1a1a1a;
}
.path-set-doubt .b-font:before {
  content: "\e69a";
  color: #009de3;
}
.path-set-doubt.native .b-font:before,
.path-set-doubt.disabled .b-font:before {
  content: "\e69a";
  color: #009de3;
}
.rename-report-font .b-font:before {
  content: "\e687";
  color: #009de3;
}
.rename-report-font.native .b-font:before,
.rename-report-font.disabled .b-font:before {
  content: "\e687";
  color: #009de3;
}
.remove-report-font .b-font:before {
  content: "\e605";
  color: #e85050;
}
.remove-report-font.native .b-font:before,
.remove-report-font.disabled .b-font:before {
  content: "\e605";
  color: #e85050;
}
.excel-upload-tip-font .b-font:before {
  content: "\e69e";
  color: #009de3;
}
.excel-upload-tip-font.native .b-font:before,
.excel-upload-tip-font.disabled .b-font:before {
  content: "\e69e";
  color: #009de3;
}
.excel-field-type-string-font .b-font:before {
  content: "\e622";
  color: #009de3;
}
.excel-field-type-string-font.native .b-font:before,
.excel-field-type-string-font.disabled .b-font:before {
  content: "\e622";
  color: #009de3;
}
.excel-field-type-number-font .b-font:before {
  content: "\e61f";
  color: #009de3;
}
.excel-field-type-number-font.native .b-font:before,
.excel-field-type-number-font.disabled .b-font:before {
  content: "\e61f";
  color: #009de3;
}
.excel-field-type-date-font .b-font:before {
  content: "\e61b";
  color: #009de3;
}
.excel-field-type-date-font.native .b-font:before,
.excel-field-type-date-font.disabled .b-font:before {
  content: "\e61b";
  color: #009de3;
}
.excel-field-type-pull-down-font .b-font:before {
  content: "\e608";
  color: #009de3;
}
.excel-field-type-pull-down-font.native .b-font:before,
.excel-field-type-pull-down-font.disabled .b-font:before {
  content: "\e608";
  color: #009de3;
}
.data-link-set-font .b-font:before {
  content: "\e678";
  color: #009de3;
}
.data-link-set-font.native .b-font:before,
.data-link-set-font.disabled .b-font:before {
  content: "\e678";
  color: #009de3;
}
.data-link-test-font .b-font:before {
  content: "\e686";
  color: #009de3;
}
.data-link-test-font.native .b-font:before,
.data-link-test-font.disabled .b-font:before {
  content: "\e686";
  color: #009de3;
}
.data-link-copy-font .b-font:before {
  content: "\e610";
  color: #58cc7d;
}
.data-link-copy-font.native .b-font:before,
.data-link-copy-font.disabled .b-font:before {
  content: "\e610";
  color: #58cc7d;
}
.data-link-remove-font .b-font:before {
  content: "\e600";
  color: #e85050;
}
.data-link-remove-font.native .b-font:before,
.data-link-remove-font.disabled .b-font:before {
  content: "\e600";
  color: #e85050;
}
.cube-path-confirm-font .b-font:before {
  content: "\e64e";
  color: #fbb03b;
}
.cube-path-confirm-font.native .b-font:before,
.cube-path-confirm-font.disabled .b-font:before {
  content: "\e64e";
  color: #fbb03b;
}
.target-style-less-dot-font .b-font:before {
  content: "\e6a2";
  color: #e85050;
}
.target-style-less-dot-font.native .b-font:before,
.target-style-less-dot-font.disabled .b-font:before {
  content: "\e6a2";
  color: #e85050;
}
.target-style-equal-dot-font .b-font:before {
  content: "\e6a2";
  color: #f9a744;
}
.target-style-equal-dot-font.native .b-font:before,
.target-style-equal-dot-font.disabled .b-font:before {
  content: "\e6a2";
  color: #f9a744;
}
.target-style-more-dot-font .b-font:before {
  content: "\e6a2";
  color: #58cc7d;
}
.target-style-more-dot-font.native .b-font:before,
.target-style-more-dot-font.disabled .b-font:before {
  content: "\e6a2";
  color: #58cc7d;
}
.target-style-less-arrow-font .b-font:before {
  content: "\e6a1";
  color: #e85050;
}
.target-style-less-arrow-font.native .b-font:before,
.target-style-less-arrow-font.disabled .b-font:before {
  content: "\e6a1";
  color: #e85050;
}
.target-style-equal-arrow-font .b-font:before {
  content: "\e69f";
  color: #f9a744;
}
.target-style-equal-arrow-font.native .b-font:before,
.target-style-equal-arrow-font.disabled .b-font:before {
  content: "\e69f";
  color: #f9a744;
}
.target-style-more-arrow-font .b-font:before {
  content: "\e6a0";
  color: #58cc7d;
}
.target-style-more-arrow-font.native .b-font:before,
.target-style-more-arrow-font.disabled .b-font:before {
  content: "\e6a0";
  color: #58cc7d;
}
.calculate-target-font .b-font:before {
  content: "\e6a3";
  color: #1a1a1a;
}
.calculate-target-font.native .b-font:before,
.calculate-target-font.disabled .b-font:before {
  content: "\e6a3";
  color: #1a1a1a;
}
.task-list-font .b-font:before {
  content: "\e694";
  color: #009de3;
}
.task-list-font.native .b-font:before,
.task-list-font.disabled .b-font:before {
  content: "\e694";
  color: #009de3;
}
.widget-combo-detail-font .b-font:before {
  content: "\e697";
  color: #009de3;
}
.widget-combo-detail-font.native .b-font:before,
.widget-combo-detail-font.disabled .b-font:before {
  content: "\e697";
  color: #009de3;
}
.widget-combo-pull-down-font .b-font:before {
  content: "\e6ab";
  color: #009de3;
}
.widget-combo-pull-down-font.native .b-font:before,
.widget-combo-pull-down-font.disabled .b-font:before {
  content: "\e6ab";
  color: #009de3;
}
.widget-tools-filter-font .b-font:before {
  content: "\e60f";
  color: #009de3;
}
.widget-tools-filter-font.native .b-font:before,
.widget-tools-filter-font.disabled .b-font:before {
  content: "\e60f";
  color: #009de3;
}
.widget-tools-clear-font .b-font:before {
  content: "\e63d";
  color: #009de3;
}
.widget-tools-clear-font.native .b-font:before,
.widget-tools-clear-font.disabled .b-font:before {
  content: "\e63d";
  color: #009de3;
}
.widget-tools-export-excel-font .b-font:before {
  content: "\e635";
  color: #009de3;
}
.widget-tools-export-excel-font.native .b-font:before,
.widget-tools-export-excel-font.disabled .b-font:before {
  content: "\e635";
  color: #009de3;
}
.widget-combo-expand-font .b-font:before {
  content: "\e697";
  color: #808080;
}
.widget-combo-expand-font.native .b-font:before,
.widget-combo-expand-font.disabled .b-font:before {
  content: "\e697";
  color: #808080;
}
.widget-combo-linkage-font .b-font:before {
  content: "\e63c";
  color: #808080;
}
.widget-combo-linkage-font.native .b-font:before,
.widget-combo-linkage-font.disabled .b-font:before {
  content: "\e63c";
  color: #808080;
}
.widget-combo-rename-edit-font .b-font:before {
  content: "\e670";
  color: #808080;
}
.widget-combo-rename-edit-font.native .b-font:before,
.widget-combo-rename-edit-font.disabled .b-font:before {
  content: "\e670";
  color: #808080;
}
.widget-combo-show-title-font .b-font:before {
  content: "\e64c";
  color: #808080;
}
.widget-combo-show-title-font.native .b-font:before,
.widget-combo-show-title-font.disabled .b-font:before {
  content: "\e64c";
  color: #808080;
}
.widget-combo-title-left-font .b-font:before {
  content: "\e654";
  color: #808080;
}
.widget-combo-title-left-font.native .b-font:before,
.widget-combo-title-left-font.disabled .b-font:before {
  content: "\e654";
  color: #808080;
}
.widget-combo-title-center-font .b-font:before {
  content: "\e64f";
  color: #808080;
}
.widget-combo-title-center-font.native .b-font:before,
.widget-combo-title-center-font.disabled .b-font:before {
  content: "\e64f";
  color: #808080;
}
.widget-combo-show-filter-font .b-font:before {
  content: "\e60f";
  color: #808080;
}
.widget-combo-show-filter-font.native .b-font:before,
.widget-combo-show-filter-font.disabled .b-font:before {
  content: "\e60f";
  color: #808080;
}
.widget-combo-export-excel-font .b-font:before {
  content: "\e635";
  color: #808080;
}
.widget-combo-export-excel-font.native .b-font:before,
.widget-combo-export-excel-font.disabled .b-font:before {
  content: "\e635";
  color: #808080;
}
.widget-combo-copy .b-font:before {
  content: "\e610";
  color: #808080;
}
.widget-combo-copy.native .b-font:before,
.widget-combo-copy.disabled .b-font:before {
  content: "\e610";
  color: #808080;
}
.widget-combo-delete .b-font:before {
  content: "\e605";
  color: #808080;
}
.widget-combo-delete.native .b-font:before,
.widget-combo-delete.disabled .b-font:before {
  content: "\e605";
  color: #808080;
}
.widget-combo-asc-font .b-font:before {
  content: "\e63f";
  color: #808080;
}
.widget-combo-asc-font.native .b-font:before,
.widget-combo-asc-font.disabled .b-font:before {
  content: "\e63f";
  color: #808080;
}
.widget-combo-des-font .b-font:before {
  content: "\e63a";
  color: #808080;
}
.widget-combo-des-font.native .b-font:before,
.widget-combo-des-font.disabled .b-font:before {
  content: "\e63a";
  color: #808080;
}
.widget-combo-clear-font .b-font:before {
  content: "\e63d";
  color: #808080;
}
.widget-combo-clear-font.native .b-font:before,
.widget-combo-clear-font.disabled .b-font:before {
  content: "\e63d";
  color: #808080;
}
.detail-table-popup-font .b-font:before {
  content: "\e6ac";
  color: #808080;
}
.detail-table-popup-font:hover .b-font:before,
.detail-table-popup-font:focus .b-font:before,
.detail-table-popup-font.hover .b-font:before {
  content: "\e6ac";
  color: #009de3;
}
.detail-table-popup-font.native .b-font:before,
.detail-table-popup-font.disabled .b-font:before {
  content: "\e6ac";
  color: #808080;
}
.chart-drill-up .b-font:before {
  content: "\e6ad";
  color: "";
}
.chart-drill-up.native .b-font:before,
.chart-drill-up.disabled .b-font:before {
  content: "\e6ad";
  color: "";
}
.chart-drill-down .b-font:before {
  content: "\e608";
  color: "";
}
.chart-drill-down.native .b-font:before,
.chart-drill-down.disabled .b-font:before {
  content: "\e608";
  color: "";
}
.report-filter-open-font .b-font:before {
  content: "\e648";
  color: #808080;
}
.report-filter-open-font.native .b-font:before,
.report-filter-open-font.disabled .b-font:before {
  content: "\e648";
  color: #808080;
}
.report-filter-close-font .b-font:before {
  content: "\e645";
  color: #808080;
}
.report-filter-close-font.native .b-font:before,
.report-filter-close-font.disabled .b-font:before {
  content: "\e645";
  color: #808080;
}
.report-apply-hangout-normal-font .b-font:before {
  content: "\e66d";
  color: #808080;
}
.report-apply-hangout-normal-font.native .b-font:before,
.report-apply-hangout-normal-font.disabled .b-font:before {
  content: "\e66d";
  color: #808080;
}
.report-apply-hangout-ing-font .b-font:before {
  content: "\e66d";
  color: #009de3;
}
.report-apply-hangout-ing-font.native .b-font:before,
.report-apply-hangout-ing-font.disabled .b-font:before {
  content: "\e66d";
  color: #009de3;
}
.report-hangout-font .b-font:before {
  content: "\e64b";
  color: #58cc7d;
}
.report-hangout-font.native .b-font:before,
.report-hangout-font.disabled .b-font:before {
  content: "\e64b";
  color: #58cc7d;
}
.report-cancel-hangout-font .b-font:before {
  content: "\e64b";
  color: #808080;
}
.report-cancel-hangout-font.native .b-font:before,
.report-cancel-hangout-font.disabled .b-font:before {
  content: "\e64b";
  color: #808080;
}
.report-hangout-ing-mark-font .b-font:before {
  content: "\e64b";
  color: #009de3;
}
.report-hangout-ing-mark-font.native .b-font:before,
.report-hangout-ing-mark-font.disabled .b-font:before {
  content: "\e64b";
  color: #009de3;
}
.delete-font-package .b-font:before {
  content: "\e605";
  color: #e85050;
}
.delete-font-package.native .b-font:before,
.delete-font-package.disabled .b-font:before {
  content: "\e605";
  color: #e85050;
}
.delete-h-font-package .b-font:before {
  content: "\e605";
  color: #e85050;
}
.delete-h-font-package.native .b-font:before,
.delete-h-font-package.disabled .b-font:before {
  content: "\e605";
  color: #e85050;
}
.rename-font-package .b-font:before {
  content: "\e687";
  color: #009de3;
}
.rename-font-package.native .b-font:before,
.rename-font-package.disabled .b-font:before {
  content: "\e687";
  color: #009de3;
}
.package-selected-font .b-font:before {
  content: "\e6b3";
  color: #178cdf;
}
.package-selected-font.native .b-font:before,
.package-selected-font.disabled .b-font:before {
  content: "\e6b3";
  color: #178cdf;
}
.package-not-selected-font .b-font:before {
  content: "\e6b2";
  color: #178cdf;
}
.package-not-selected-font.native .b-font:before,
.package-not-selected-font.disabled .b-font:before {
  content: "\e6b2";
  color: #178cdf;
}
.report-detail-info-font .b-font:before {
  content: "\e66e";
  color: #f07d0a;
}
.report-detail-info-font.native .b-font:before,
.report-detail-info-font.disabled .b-font:before {
  content: "\e66e";
  color: #f07d0a;
}
.report-rename-font .b-font:before {
  content: "\e670";
  color: #58cc7d;
}
.report-rename-font.native .b-font:before,
.report-rename-font.disabled .b-font:before {
  content: "\e670";
  color: #58cc7d;
}
.report-cancel-share-font .b-font:before {
  content: "\e6b5";
  color: #009de3;
}
.report-cancel-share-font.native .b-font:before,
.report-cancel-share-font.disabled .b-font:before {
  content: "\e6b5";
  color: #009de3;
}
.drill-push-up-font .b-font:before {
  content: "\e630";
  color: #808080;
}
.drill-push-up-font.native .b-font:before,
.drill-push-up-font.disabled .b-font:before {
  content: "\e630";
  color: #808080;
}
.drill-push-down-font .b-font:before {
  content: "\e62d";
  color: #808080;
}
.drill-push-down-font.native .b-font:before,
.drill-push-down-font.disabled .b-font:before {
  content: "\e62d";
  color: #808080;
}
.drag-tag-font .b-font:before {
  content: "\e600";
  color: #f07d0a;
}
.drag-tag-font.native .b-font:before,
.drag-tag-font.disabled .b-font:before {
  content: "\e600";
  color: #f07d0a;
}
.tree-collapse-icon-type1 .x-icon,
.tree-collapse-icon-type1:hover .x-icon,
.tree-collapse-icon-type1:active .x-icon {
  display: block;
  background: url('icon/tree-collapse-1.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-1.png');
  _background: none;
}
.tree-collapse-icon-type1.native .x-icon,
.tree-collapse-icon-type1.disabled .x-icon {
  display: block;
  background: url('icon/tree-collapse-1.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-1.png');
  _background: none;
}
.tree-collapse-icon-type2 .x-icon,
.tree-collapse-icon-type2:hover .x-icon,
.tree-collapse-icon-type2:active .x-icon {
  display: block;
  background: url('icon/tree-collapse-2.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-2.png');
  _background: none;
}
.tree-collapse-icon-type2.native .x-icon,
.tree-collapse-icon-type2.disabled .x-icon {
  display: block;
  background: url('icon/tree-collapse-2.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-2.png');
  _background: none;
}
.tree-collapse-icon-type3 .x-icon,
.tree-collapse-icon-type3:hover .x-icon,
.tree-collapse-icon-type3:active .x-icon {
  display: block;
  background: url('icon/tree-collapse-3.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-3.png');
  _background: none;
}
.tree-collapse-icon-type3.native .x-icon,
.tree-collapse-icon-type3.disabled .x-icon {
  display: block;
  background: url('icon/tree-collapse-3.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-3.png');
  _background: none;
}
.tree-collapse-icon-type4 .x-icon,
.tree-collapse-icon-type4:hover .x-icon,
.tree-collapse-icon-type4:active .x-icon {
  display: block;
  background: url('icon/tree-collapse-4.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-4.png');
  _background: none;
}
.tree-collapse-icon-type4.native .x-icon,
.tree-collapse-icon-type4.disabled .x-icon {
  display: block;
  background: url('icon/tree-collapse-4.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-4.png');
  _background: none;
}
.tree-expand-icon-type1 .x-icon,
.tree-expand-icon-type1:hover .x-icon,
.tree-expand-icon-type1:active .x-icon {
  display: block;
  background: url('icon/tree-expand-1.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-1.png');
  _background: none;
}
.tree-expand-icon-type1.native .x-icon,
.tree-expand-icon-type1.disabled .x-icon {
  display: block;
  background: url('icon/tree-expand-1.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-1.png');
  _background: none;
}
.tree-expand-icon-type2 .x-icon,
.tree-expand-icon-type2:hover .x-icon,
.tree-expand-icon-type2:active .x-icon {
  display: block;
  background: url('icon/tree-expand-2.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-2.png');
  _background: none;
}
.tree-expand-icon-type2.native .x-icon,
.tree-expand-icon-type2.disabled .x-icon {
  display: block;
  background: url('icon/tree-expand-2.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-2.png');
  _background: none;
}
.tree-expand-icon-type3 .x-icon,
.tree-expand-icon-type3:hover .x-icon,
.tree-expand-icon-type3:active .x-icon {
  display: block;
  background: url('icon/tree-expand-3.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-3.png');
  _background: none;
}
.tree-expand-icon-type3.native .x-icon,
.tree-expand-icon-type3.disabled .x-icon {
  display: block;
  background: url('icon/tree-expand-3.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-3.png');
  _background: none;
}
.tree-expand-icon-type4 .x-icon,
.tree-expand-icon-type4:hover .x-icon,
.tree-expand-icon-type4:active .x-icon {
  display: block;
  background: url('icon/tree-expand-4.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-4.png');
  _background: none;
}
.tree-expand-icon-type4.native .x-icon,
.tree-expand-icon-type4.disabled .x-icon {
  display: block;
  background: url('icon/tree-expand-4.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-4.png');
  _background: none;
}
.tree-vertical-line-type2 .x-icon,
.tree-vertical-line-type2:hover .x-icon,
.tree-vertical-line-type2:active .x-icon {
  display: block;
  background: url('icon/tree-vertical-line-2.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-2.png');
  _background: none;
}
.tree-vertical-line-type2.native .x-icon,
.tree-vertical-line-type2.disabled .x-icon {
  display: block;
  background: url('icon/tree-vertical-line-2.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-2.png');
  _background: none;
}
.tree-vertical-line-type3 .x-icon,
.tree-vertical-line-type3:hover .x-icon,
.tree-vertical-line-type3:active .x-icon {
  display: block;
  background: url('icon/tree-vertical-line-3.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-3.png');
  _background: none;
}
.tree-vertical-line-type3.native .x-icon,
.tree-vertical-line-type3.disabled .x-icon {
  display: block;
  background: url('icon/tree-vertical-line-3.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-3.png');
  _background: none;
}
.tree-vertical-line-type4 .x-icon,
.tree-vertical-line-type4:hover .x-icon,
.tree-vertical-line-type4:active .x-icon {
  display: block;
  background: url('icon/tree-vertical-line-4.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-4.png');
  _background: none;
}
.tree-vertical-line-type4.native .x-icon,
.tree-vertical-line-type4.disabled .x-icon {
  display: block;
  background: url('icon/tree-vertical-line-4.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-4.png');
  _background: none;
}
.check-box-icon .x-icon {
  display: block;
  background: url('icon/check-box-normal.png') no-repeat 0 0;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-normal.png');
  _background: none;
}
.check-box-icon:hover .x-icon,
.check-box-icon:focus .x-icon,
.check-box-icon.hover .x-icon {
  display: block;
  background: url('icon/check-box-normal.png') no-repeat 0 0;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-normal.png');
  _background: none;
}
.check-box-icon:active .x-icon,
.check-box-icon.active .x-icon {
  display: block;
  background: url('icon/check-box-active.png') no-repeat 0 0;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-active.png');
  _background: none;
}
.check-box-icon.native .x-icon,
.check-box-icon.disabled .x-icon {
  display: block;
  background: url('icon/check-box-disable.png') no-repeat 0 0;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-disable.png');
  _background: none;
}
.check-box-icon.native .x-icon,
.check-box-icon.disabled.active .x-icon {
  display: block;
  background: url('icon/check-box-disable2.png') no-repeat 0 0;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-disable2.png');
  _background: none;
}
.radio-icon .x-icon {
  display: block;
  background: url('icon/radio-normal.png') no-repeat 0 0;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-normal.png');
  _background: none;
}
.radio-icon:hover .x-icon,
.radio-icon:focus .x-icon,
.radio-icon.hover .x-icon {
  display: block;
  background: url('icon/radio-normal.png') no-repeat 0 0;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-normal.png');
  _background: none;
}
.radio-icon:active .x-icon,
.radio-icon.active .x-icon {
  display: block;
  background: url('icon/radio-active.png') no-repeat 0 0;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-active.png');
  _background: none;
}
.radio-icon.native .x-icon,
.radio-icon.disabled .x-icon {
  display: block;
  background: url('icon/radio-disable.png') no-repeat 0 0;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-disable.png');
  _background: none;
}
.radio-icon.native .x-icon,
.radio-icon.disabled.active .x-icon {
  display: block;
  background: url('icon/radio-disable2.png') no-repeat 0 0;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-disable2.png');
  _background: none;
}
.check-half-select-icon .x-icon,
.check-half-select-icon:hover .x-icon,
.check-half-select-icon:active .x-icon {
  display: block;
  background: url('icon/half_selected.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/half_selected.png');
  _background: none;
}
.check-half-select-icon.native .x-icon,
.check-half-select-icon.disabled .x-icon {
  display: block;
  background: url('icon/half_selected.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/half_selected.png');
  _background: none;
}
.loading-bar-icon .x-icon,
.loading-bar-icon:hover .x-icon,
.loading-bar-icon:active .x-icon {
  display: block;
  background: url('icon/loading_bar.gif') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/loading_bar.gif');
  _background: none;
}
.loading-bar-icon.native .x-icon,
.loading-bar-icon.disabled .x-icon {
  display: block;
  background: url('icon/loading_bar.gif') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/loading_bar.gif');
  _background: none;
}
.left-join-icon .x-icon,
.left-join-icon:hover .x-icon,
.left-join-icon:active .x-icon {
  display: block;
  background: url('icon/left-join.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/left-join.png');
  _background: none;
}
.left-join-icon.native .x-icon,
.left-join-icon.disabled .x-icon {
  display: block;
  background: url('icon/left-join.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/left-join.png');
  _background: none;
}
.right-join-icon .x-icon,
.right-join-icon:hover .x-icon,
.right-join-icon:active .x-icon {
  display: block;
  background: url('icon/right-join.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/right-join.png');
  _background: none;
}
.right-join-icon.native .x-icon,
.right-join-icon.disabled .x-icon {
  display: block;
  background: url('icon/right-join.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/right-join.png');
  _background: none;
}
.inner-join-icon .x-icon,
.inner-join-icon:hover .x-icon,
.inner-join-icon:active .x-icon {
  display: block;
  background: url('icon/inner-join.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/inner-join.png');
  _background: none;
}
.inner-join-icon.native .x-icon,
.inner-join-icon.disabled .x-icon {
  display: block;
  background: url('icon/inner-join.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/inner-join.png');
  _background: none;
}
.outer-join-icon .x-icon,
.outer-join-icon:hover .x-icon,
.outer-join-icon:active .x-icon {
  display: block;
  background: url('icon/outer-join.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/outer-join.png');
  _background: none;
}
.outer-join-icon.native .x-icon,
.outer-join-icon.disabled .x-icon {
  display: block;
  background: url('icon/outer-join.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/outer-join.png');
  _background: none;
}
.data-link-test-fail-icon .x-icon,
.data-link-test-fail-icon:hover .x-icon,
.data-link-test-fail-icon:active .x-icon {
  display: block;
  background: url('icon/test_fail.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/test_fail.png');
  _background: none;
}
.data-link-test-fail-icon.native .x-icon,
.data-link-test-fail-icon.disabled .x-icon {
  display: block;
  background: url('icon/test_fail.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/test_fail.png');
  _background: none;
}
.data-link-test-success-icon .x-icon,
.data-link-test-success-icon:hover .x-icon,
.data-link-test-success-icon:active .x-icon {
  display: block;
  background: url('icon/test_success.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/test_success.png');
  _background: none;
}
.data-link-test-success-icon.native .x-icon,
.data-link-test-success-icon.disabled .x-icon {
  display: block;
  background: url('icon/test_success.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/test_success.png');
  _background: none;
}
.business-package-icon .x-icon,
.business-package-icon:hover .x-icon,
.business-package-icon:active .x-icon {
  display: block;
  background: url('icon/business_package.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/business_package.png');
  _background: none;
}
.business-package-icon.native .x-icon,
.business-package-icon.disabled .x-icon {
  display: block;
  background: url('icon/business_package.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/business_package.png');
  _background: none;
}
.business-package-add-icon .x-icon,
.business-package-add-icon:hover .x-icon,
.business-package-add-icon:active .x-icon {
  display: block;
  background: url('icon/business_package_add.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/business_package_add.png');
  _background: none;
}
.business-package-add-icon.native .x-icon,
.business-package-add-icon.disabled .x-icon {
  display: block;
  background: url('icon/business_package_add.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/business_package_add.png');
  _background: none;
}
.business-package-add-disable-icon .x-icon,
.business-package-add-disable-icon:hover .x-icon,
.business-package-add-disable-icon:active .x-icon {
  display: block;
  background: url('icon/business_package_add_disable.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/business_package_add_disable.png');
  _background: none;
}
.business-package-add-disable-icon.native .x-icon,
.business-package-add-disable-icon.disabled .x-icon {
  display: block;
  background: url('icon/business_package_add_disable.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/business_package_add_disable.png');
  _background: none;
}
.business-package-selected-icon .x-icon,
.business-package-selected-icon:hover .x-icon,
.business-package-selected-icon:active .x-icon {
  display: block;
  background: url('icon/package_selected.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/package_selected.png');
  _background: none;
}
.business-package-selected-icon.native .x-icon,
.business-package-selected-icon.disabled .x-icon {
  display: block;
  background: url('icon/package_selected.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/package_selected.png');
  _background: none;
}
.card-view-report-icon .x-icon,
.card-view-report-icon:hover .x-icon,
.card-view-report-icon:active .x-icon {
  display: block;
  background: url('icon/report.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/report.png');
  _background: none;
}
.card-view-report-icon.native .x-icon,
.card-view-report-icon.disabled .x-icon {
  display: block;
  background: url('icon/report.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/report.png');
  _background: none;
}
.card-view-real-time-icon .x-icon,
.card-view-real-time-icon:hover .x-icon,
.card-view-real-time-icon:active .x-icon {
  display: block;
  background: url('icon/real_time.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/real_time.png');
  _background: none;
}
.card-view-real-time-icon.native .x-icon,
.card-view-real-time-icon.disabled .x-icon {
  display: block;
  background: url('icon/real_time.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/real_time.png');
  _background: none;
}
.table-style1-icon .x-icon,
.table-style1-icon:hover .x-icon,
.table-style1-icon:active .x-icon {
  display: block;
  background: url('icon/table_style_1.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/table_style_1.png');
  _background: none;
}
.table-style1-icon.native .x-icon,
.table-style1-icon.disabled .x-icon {
  display: block;
  background: url('icon/table_style_1.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/table_style_1.png');
  _background: none;
}
.table-style2-icon .x-icon,
.table-style2-icon:hover .x-icon,
.table-style2-icon:active .x-icon {
  display: block;
  background: url('icon/table_style_2.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/table_style_2.png');
  _background: none;
}
.table-style2-icon.native .x-icon,
.table-style2-icon.disabled .x-icon {
  display: block;
  background: url('icon/table_style_2.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/table_style_2.png');
  _background: none;
}
.table-style3-icon .x-icon,
.table-style3-icon:hover .x-icon,
.table-style3-icon:active .x-icon {
  display: block;
  background: url('icon/table_style_3.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/table_style_3.png');
  _background: none;
}
.table-style3-icon.native .x-icon,
.table-style3-icon.disabled .x-icon {
  display: block;
  background: url('icon/table_style_3.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/table_style_3.png');
  _background: none;
}
.axis-chart-style-gradual-icon .x-icon,
.axis-chart-style-gradual-icon:hover .x-icon,
.axis-chart-style-gradual-icon:active .x-icon {
  display: block;
  background: url('icon/chartsetting/icon_style_gradual.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_gradual.png');
  _background: none;
}
.axis-chart-style-gradual-icon.native .x-icon,
.axis-chart-style-gradual-icon.disabled .x-icon {
  display: block;
  background: url('icon/chartsetting/icon_style_gradual.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_gradual.png');
  _background: none;
}
.axis-chart-style-gradual-highlight-icon .x-icon,
.axis-chart-style-gradual-highlight-icon:hover .x-icon,
.axis-chart-style-gradual-highlight-icon:active .x-icon {
  display: block;
  background: url('icon/chartsetting/icon_gradual_highlight.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_gradual_highlight.png');
  _background: none;
}
.axis-chart-style-gradual-highlight-icon.native .x-icon,
.axis-chart-style-gradual-highlight-icon.disabled .x-icon {
  display: block;
  background: url('icon/chartsetting/icon_gradual_highlight.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_gradual_highlight.png');
  _background: none;
}
.axis-chart-style-normal-icon .x-icon,
.axis-chart-style-normal-icon:hover .x-icon,
.axis-chart-style-normal-icon:active .x-icon {
  display: block;
  background: url('icon/chartsetting/icon_style_normal.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_normal.png');
  _background: none;
}
.axis-chart-style-normal-icon.native .x-icon,
.axis-chart-style-normal-icon.disabled .x-icon {
  display: block;
  background: url('icon/chartsetting/icon_style_normal.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_normal.png');
  _background: none;
}
.axis-chart-style-transparent-icon .x-icon,
.axis-chart-style-transparent-icon:hover .x-icon,
.axis-chart-style-transparent-icon:active .x-icon {
  display: block;
  background: url('icon/chartsetting/icon_style_transparent.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_transparent.png');
  _background: none;
}
.axis-chart-style-transparent-icon.native .x-icon,
.axis-chart-style-transparent-icon.disabled .x-icon {
  display: block;
  background: url('icon/chartsetting/icon_style_transparent.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_transparent.png');
  _background: none;
}
.axis-chart-style-3d-icon .x-icon,
.axis-chart-style-3d-icon:hover .x-icon,
.axis-chart-style-3d-icon:active .x-icon {
  display: block;
  background: url('icon/chartsetting/icon_style_3d.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_3d.png');
  _background: none;
}
.axis-chart-style-3d-icon.native .x-icon,
.axis-chart-style-3d-icon.disabled .x-icon {
  display: block;
  background: url('icon/chartsetting/icon_style_3d.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_3d.png');
  _background: none;
}
.line-chart-style-curve-icon .x-icon,
.line-chart-style-curve-icon:hover .x-icon,
.line-chart-style-curve-icon:active .x-icon {
  display: block;
  background: url('icon/chartsetting/icon_style_line_curve.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_line_curve.png');
  _background: none;
}
.line-chart-style-curve-icon.native .x-icon,
.line-chart-style-curve-icon.disabled .x-icon {
  display: block;
  background: url('icon/chartsetting/icon_style_line_curve.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_line_curve.png');
  _background: none;
}
.line-chart-style-broken-icon .x-icon,
.line-chart-style-broken-icon:hover .x-icon,
.line-chart-style-broken-icon:active .x-icon {
  display: block;
  background: url('icon/chartsetting/icon_style_line_broken.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_line_broken.png');
  _background: none;
}
.line-chart-style-broken-icon.native .x-icon,
.line-chart-style-broken-icon.disabled .x-icon {
  display: block;
  background: url('icon/chartsetting/icon_style_line_broken.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_line_broken.png');
  _background: none;
}
.line-chart-style-vertical-icon .x-icon,
.line-chart-style-vertical-icon:hover .x-icon,
.line-chart-style-vertical-icon:active .x-icon {
  display: block;
  background: url('icon/chartsetting/icon_style_line_vertical.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_line_vertical.png');
  _background: none;
}
.line-chart-style-vertical-icon.native .x-icon,
.line-chart-style-vertical-icon.disabled .x-icon {
  display: block;
  background: url('icon/chartsetting/icon_style_line_vertical.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_line_vertical.png');
  _background: none;
}
.area-chart-style-curve-icon .x-icon,
.area-chart-style-curve-icon:hover .x-icon,
.area-chart-style-curve-icon:active .x-icon {
  display: block;
  background: url('icon/chartsetting/icon_style_area_curve.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_area_curve.png');
  _background: none;
}
.area-chart-style-curve-icon.native .x-icon,
.area-chart-style-curve-icon.disabled .x-icon {
  display: block;
  background: url('icon/chartsetting/icon_style_area_curve.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_area_curve.png');
  _background: none;
}
.area-chart-style-broken-icon .x-icon,
.area-chart-style-broken-icon:hover .x-icon,
.area-chart-style-broken-icon:active .x-icon {
  display: block;
  background: url('icon/chartsetting/icon_style_area_broken.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_area_broken.png');
  _background: none;
}
.area-chart-style-broken-icon.native .x-icon,
.area-chart-style-broken-icon.disabled .x-icon {
  display: block;
  background: url('icon/chartsetting/icon_style_area_broken.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_area_broken.png');
  _background: none;
}
.area-chart-style-vertical-icon .x-icon,
.area-chart-style-vertical-icon:hover .x-icon,
.area-chart-style-vertical-icon:active .x-icon {
  display: block;
  background: url('icon/chartsetting/icon_style_area_vertical.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_area_vertical.png');
  _background: none;
}
.area-chart-style-vertical-icon.native .x-icon,
.area-chart-style-vertical-icon.disabled .x-icon {
  display: block;
  background: url('icon/chartsetting/icon_style_area_vertical.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_area_vertical.png');
  _background: none;
}
.pie-chart-style-normal-icon .x-icon,
.pie-chart-style-normal-icon:hover .x-icon,
.pie-chart-style-normal-icon:active .x-icon {
  display: block;
  background: url('icon/chartsetting/icon_style_pie_normal.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_pie_normal.png');
  _background: none;
}
.pie-chart-style-normal-icon.native .x-icon,
.pie-chart-style-normal-icon.disabled .x-icon {
  display: block;
  background: url('icon/chartsetting/icon_style_pie_normal.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_pie_normal.png');
  _background: none;
}
.pie-chart-style-equal-arc-rose-icon .x-icon,
.pie-chart-style-equal-arc-rose-icon:hover .x-icon,
.pie-chart-style-equal-arc-rose-icon:active .x-icon {
  display: block;
  background: url('icon/chartsetting/icon_style_pie_equal_arc_rose.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_pie_equal_arc_rose.png');
  _background: none;
}
.pie-chart-style-equal-arc-rose-icon.native .x-icon,
.pie-chart-style-equal-arc-rose-icon.disabled .x-icon {
  display: block;
  background: url('icon/chartsetting/icon_style_pie_equal_arc_rose.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_pie_equal_arc_rose.png');
  _background: none;
}
.pie-chart-style-not-equal-arc-rose-icon .x-icon,
.pie-chart-style-not-equal-arc-rose-icon:hover .x-icon,
.pie-chart-style-not-equal-arc-rose-icon:active .x-icon {
  display: block;
  background: url('icon/chartsetting/icon_style_pie_not_equal_arc_rose.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_pie_not_equal_arc_rose.png');
  _background: none;
}
.pie-chart-style-not-equal-arc-rose-icon.native .x-icon,
.pie-chart-style-not-equal-arc-rose-icon.disabled .x-icon {
  display: block;
  background: url('icon/chartsetting/icon_style_pie_not_equal_arc_rose.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_pie_not_equal_arc_rose.png');
  _background: none;
}
.radar-chart-style-polygon-icon .x-icon,
.radar-chart-style-polygon-icon:hover .x-icon,
.radar-chart-style-polygon-icon:active .x-icon {
  display: block;
  background: url('icon/chartsetting/icon_style_radar_polygon.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_radar_polygon.png');
  _background: none;
}
.radar-chart-style-polygon-icon.native .x-icon,
.radar-chart-style-polygon-icon.disabled .x-icon {
  display: block;
  background: url('icon/chartsetting/icon_style_radar_polygon.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_radar_polygon.png');
  _background: none;
}
.acc_radar-chart-style-polygon-icon .x-icon,
.acc_radar-chart-style-polygon-icon:hover .x-icon,
.acc_radar-chart-style-polygon-icon:active .x-icon {
  display: block;
  background: url('icon/chartsetting/icon_style_acc_radar_polygon.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_acc_radar_polygon.png');
  _background: none;
}
.acc_radar-chart-style-polygon-icon.native .x-icon,
.acc_radar-chart-style-polygon-icon.disabled .x-icon {
  display: block;
  background: url('icon/chartsetting/icon_style_acc_radar_polygon.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_acc_radar_polygon.png');
  _background: none;
}
.acc_radar-chart-style-circle-icon .x-icon,
.acc_radar-chart-style-circle-icon:hover .x-icon,
.acc_radar-chart-style-circle-icon:active .x-icon {
  display: block;
  background: url('icon/chartsetting/icon_style_acc_radar_circle.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_acc_radar_circle.png');
  _background: none;
}
.acc_radar-chart-style-circle-icon.native .x-icon,
.acc_radar-chart-style-circle-icon.disabled .x-icon {
  display: block;
  background: url('icon/chartsetting/icon_style_acc_radar_circle.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_acc_radar_circle.png');
  _background: none;
}
.radar-chart-style-circle-icon .x-icon,
.radar-chart-style-circle-icon:hover .x-icon,
.radar-chart-style-circle-icon:active .x-icon {
  display: block;
  background: url('icon/chartsetting/icon_style_radar_circle.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_radar_circle.png');
  _background: none;
}
.radar-chart-style-circle-icon.native .x-icon,
.radar-chart-style-circle-icon.disabled .x-icon {
  display: block;
  background: url('icon/chartsetting/icon_style_radar_circle.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_radar_circle.png');
  _background: none;
}
.dashboard-chart-style-360-icon .x-icon,
.dashboard-chart-style-360-icon:hover .x-icon,
.dashboard-chart-style-360-icon:active .x-icon {
  display: block;
  background: url('icon/chartsetting/icon_dashboard_1.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_1.png');
  _background: none;
}
.dashboard-chart-style-360-icon.native .x-icon,
.dashboard-chart-style-360-icon.disabled .x-icon {
  display: block;
  background: url('icon/chartsetting/icon_dashboard_1.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_1.png');
  _background: none;
}
.dashboard-chart-style-180-icon .x-icon,
.dashboard-chart-style-180-icon:hover .x-icon,
.dashboard-chart-style-180-icon:active .x-icon {
  display: block;
  background: url('icon/chartsetting/icon_dashboard_2.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_2.png');
  _background: none;
}
.dashboard-chart-style-180-icon.native .x-icon,
.dashboard-chart-style-180-icon.disabled .x-icon {
  display: block;
  background: url('icon/chartsetting/icon_dashboard_2.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_2.png');
  _background: none;
}
.dashboard-chart-style-percent-icon .x-icon,
.dashboard-chart-style-percent-icon:hover .x-icon,
.dashboard-chart-style-percent-icon:active .x-icon {
  display: block;
  background: url('icon/chartsetting/icon_dashboard_4.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_4.png');
  _background: none;
}
.dashboard-chart-style-percent-icon.native .x-icon,
.dashboard-chart-style-percent-icon.disabled .x-icon {
  display: block;
  background: url('icon/chartsetting/icon_dashboard_4.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_4.png');
  _background: none;
}
.dashboard-chart-style-percent-scale-slot-icon .x-icon,
.dashboard-chart-style-percent-scale-slot-icon:hover .x-icon,
.dashboard-chart-style-percent-scale-slot-icon:active .x-icon {
  display: block;
  background: url('icon/chartsetting/icon_dashboard_5.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_5.png');
  _background: none;
}
.dashboard-chart-style-percent-scale-slot-icon.native .x-icon,
.dashboard-chart-style-percent-scale-slot-icon.disabled .x-icon {
  display: block;
  background: url('icon/chartsetting/icon_dashboard_5.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_5.png');
  _background: none;
}
.dashboard-chart-style-vertical-tube-icon .x-icon,
.dashboard-chart-style-vertical-tube-icon:hover .x-icon,
.dashboard-chart-style-vertical-tube-icon:active .x-icon {
  display: block;
  background: url('icon/chartsetting/icon_dashboard_6.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_6.png');
  _background: none;
}
.dashboard-chart-style-vertical-tube-icon.native .x-icon,
.dashboard-chart-style-vertical-tube-icon.disabled .x-icon {
  display: block;
  background: url('icon/chartsetting/icon_dashboard_6.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_6.png');
  _background: none;
}
.dashboard-chart-style-horizontal-tube-icon .x-icon,
.dashboard-chart-style-horizontal-tube-icon:hover .x-icon,
.dashboard-chart-style-horizontal-tube-icon:active .x-icon {
  display: block;
  background: url('icon/chartsetting/icon_dashboard_7.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_7.png');
  _background: none;
}
.dashboard-chart-style-horizontal-tube-icon.native .x-icon,
.dashboard-chart-style-horizontal-tube-icon.disabled .x-icon {
  display: block;
  background: url('icon/chartsetting/icon_dashboard_7.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_7.png');
  _background: none;
}
.example-excel-icon .x-icon,
.example-excel-icon:hover .x-icon,
.example-excel-icon:active .x-icon {
  display: block;
  background: url('icon/example.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/example.png');
  _background: none;
}
.example-excel-icon.native .x-icon,
.example-excel-icon.disabled .x-icon {
  display: block;
  background: url('icon/example.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/example.png');
  _background: none;
}
.dimension-no-data-icon .x-icon,
.dimension-no-data-icon:hover .x-icon,
.dimension-no-data-icon:active .x-icon {
  display: block;
  background: url('icon/no_data.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/no_data.png');
  _background: none;
}
.dimension-no-data-icon.native .x-icon,
.dimension-no-data-icon.disabled .x-icon {
  display: block;
  background: url('icon/no_data.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/no_data.png');
  _background: none;
}
.drag-group-icon .x-icon,
.drag-group-icon:hover .x-icon,
.drag-group-icon:active .x-icon {
  display: block;
  background: url('icon/drag/icon_group.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_group.png');
  _background: none;
}
.drag-group-icon.native .x-icon,
.drag-group-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/icon_group.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_group.png');
  _background: none;
}
.drag-cross-icon .x-icon,
.drag-cross-icon:hover .x-icon,
.drag-cross-icon:active .x-icon {
  display: block;
  background: url('icon/drag/icon_cross.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_cross.png');
  _background: none;
}
.drag-cross-icon.native .x-icon,
.drag-cross-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/icon_cross.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_cross.png');
  _background: none;
}
.drag-complex-icon .x-icon,
.drag-complex-icon:hover .x-icon,
.drag-complex-icon:active .x-icon {
  display: block;
  background: url('icon/drag/icon_complex.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_complex.png');
  _background: none;
}
.drag-complex-icon.native .x-icon,
.drag-complex-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/icon_complex.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_complex.png');
  _background: none;
}
.drag-axis-icon .x-icon,
.drag-axis-icon:hover .x-icon,
.drag-axis-icon:active .x-icon {
  display: block;
  background: url('icon/drag/icon_axis.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_axis.png');
  _background: none;
}
.drag-axis-icon.native .x-icon,
.drag-axis-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/icon_axis.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_axis.png');
  _background: none;
}
.drag-axis-accu-icon .x-icon,
.drag-axis-accu-icon:hover .x-icon,
.drag-axis-accu-icon:active .x-icon {
  display: block;
  background: url('icon/drag/icon_axis_a.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_axis_a.png');
  _background: none;
}
.drag-axis-accu-icon.native .x-icon,
.drag-axis-accu-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/icon_axis_a.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_axis_a.png');
  _background: none;
}
.drag-axis-percent-accu-icon .x-icon,
.drag-axis-percent-accu-icon:hover .x-icon,
.drag-axis-percent-accu-icon:active .x-icon {
  display: block;
  background: url('icon/drag/icon_axis_pa.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_axis_pa.png');
  _background: none;
}
.drag-axis-percent-accu-icon.native .x-icon,
.drag-axis-percent-accu-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/icon_axis_pa.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_axis_pa.png');
  _background: none;
}
.drag-axis-compare-icon .x-icon,
.drag-axis-compare-icon:hover .x-icon,
.drag-axis-compare-icon:active .x-icon {
  display: block;
  background: url('icon/drag/icon_axis_c.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_axis_c.png');
  _background: none;
}
.drag-axis-compare-icon.native .x-icon,
.drag-axis-compare-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/icon_axis_c.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_axis_c.png');
  _background: none;
}
.drag-axis-fall-icon .x-icon,
.drag-axis-fall-icon:hover .x-icon,
.drag-axis-fall-icon:active .x-icon {
  display: block;
  background: url('icon/drag/icon_axis_f.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_axis_f.png');
  _background: none;
}
.drag-axis-fall-icon.native .x-icon,
.drag-axis-fall-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/icon_axis_f.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_axis_f.png');
  _background: none;
}
.drag-bar-icon .x-icon,
.drag-bar-icon:hover .x-icon,
.drag-bar-icon:active .x-icon {
  display: block;
  background: url('icon/drag/icon_bar.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_bar.png');
  _background: none;
}
.drag-bar-icon.native .x-icon,
.drag-bar-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/icon_bar.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_bar.png');
  _background: none;
}
.drag-bar-accu-icon .x-icon,
.drag-bar-accu-icon:hover .x-icon,
.drag-bar-accu-icon:active .x-icon {
  display: block;
  background: url('icon/drag/icon_bar_a.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_bar_a.png');
  _background: none;
}
.drag-bar-accu-icon.native .x-icon,
.drag-bar-accu-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/icon_bar_a.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_bar_a.png');
  _background: none;
}
.drag-bar-compare-icon .x-icon,
.drag-bar-compare-icon:hover .x-icon,
.drag-bar-compare-icon:active .x-icon {
  display: block;
  background: url('icon/drag/icon_bar_c.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_bar_c.png');
  _background: none;
}
.drag-bar-compare-icon.native .x-icon,
.drag-bar-compare-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/icon_bar_c.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_bar_c.png');
  _background: none;
}
.drag-area-icon .x-icon,
.drag-area-icon:hover .x-icon,
.drag-area-icon:active .x-icon {
  display: block;
  background: url('icon/drag/icon_area.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_area.png');
  _background: none;
}
.drag-area-icon.native .x-icon,
.drag-area-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/icon_area.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_area.png');
  _background: none;
}
.drag-area-accu-icon .x-icon,
.drag-area-accu-icon:hover .x-icon,
.drag-area-accu-icon:active .x-icon {
  display: block;
  background: url('icon/drag/icon_area_a.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_area_a.png');
  _background: none;
}
.drag-area-accu-icon.native .x-icon,
.drag-area-accu-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/icon_area_a.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_area_a.png');
  _background: none;
}
.drag-area-percent-accu-icon .x-icon,
.drag-area-percent-accu-icon:hover .x-icon,
.drag-area-percent-accu-icon:active .x-icon {
  display: block;
  background: url('icon/drag/icon_area_pa.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_area_pa.png');
  _background: none;
}
.drag-area-percent-accu-icon.native .x-icon,
.drag-area-percent-accu-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/icon_area_pa.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_area_pa.png');
  _background: none;
}
.drag-area-compare-icon .x-icon,
.drag-area-compare-icon:hover .x-icon,
.drag-area-compare-icon:active .x-icon {
  display: block;
  background: url('icon/drag/icon_area_c.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_area_c.png');
  _background: none;
}
.drag-area-compare-icon.native .x-icon,
.drag-area-compare-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/icon_area_c.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_area_c.png');
  _background: none;
}
.drag-area-range-icon .x-icon,
.drag-area-range-icon:hover .x-icon,
.drag-area-range-icon:active .x-icon {
  display: block;
  background: url('icon/drag/icon_area_r.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_area_r.png');
  _background: none;
}
.drag-area-range-icon.native .x-icon,
.drag-area-range-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/icon_area_r.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_area_r.png');
  _background: none;
}
.drag-combine-icon .x-icon,
.drag-combine-icon:hover .x-icon,
.drag-combine-icon:active .x-icon {
  display: block;
  background: url('icon/drag/icon_combine.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_combine.png');
  _background: none;
}
.drag-combine-icon.native .x-icon,
.drag-combine-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/icon_combine.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_combine.png');
  _background: none;
}
.drag-combine-mult-icon .x-icon,
.drag-combine-mult-icon:hover .x-icon,
.drag-combine-mult-icon:active .x-icon {
  display: block;
  background: url('icon/drag/icon_combine_m.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_combine_m.png');
  _background: none;
}
.drag-combine-mult-icon.native .x-icon,
.drag-combine-mult-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/icon_combine_m.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_combine_m.png');
  _background: none;
}
.drag-line-icon .x-icon,
.drag-line-icon:hover .x-icon,
.drag-line-icon:active .x-icon {
  display: block;
  background: url('icon/drag/icon_line.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_line.png');
  _background: none;
}
.drag-line-icon.native .x-icon,
.drag-line-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/icon_line.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_line.png');
  _background: none;
}
.drag-pie-icon .x-icon,
.drag-pie-icon:hover .x-icon,
.drag-pie-icon:active .x-icon {
  display: block;
  background: url('icon/drag/icon_pie.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_pie.png');
  _background: none;
}
.drag-pie-icon.native .x-icon,
.drag-pie-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/icon_pie.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_pie.png');
  _background: none;
}
.drag-map-china-icon .x-icon,
.drag-map-china-icon:hover .x-icon,
.drag-map-china-icon:active .x-icon {
  display: block;
  background: url('icon/drag/icon_map_c.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_map_c.png');
  _background: none;
}
.drag-map-china-icon.native .x-icon,
.drag-map-china-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/icon_map_c.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_map_c.png');
  _background: none;
}
.drag-map-global-icon .x-icon,
.drag-map-global-icon:hover .x-icon,
.drag-map-global-icon:active .x-icon {
  display: block;
  background: url('icon/drag/icon_map_g.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_map_g.png');
  _background: none;
}
.drag-map-global-icon.native .x-icon,
.drag-map-global-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/icon_map_g.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_map_g.png');
  _background: none;
}
.drag-map-svg-icon .x-icon,
.drag-map-svg-icon:hover .x-icon,
.drag-map-svg-icon:active .x-icon {
  display: block;
  background: url('icon/drag/icon_map_s.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_map_s.png');
  _background: none;
}
.drag-map-svg-icon.native .x-icon,
.drag-map-svg-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/icon_map_s.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_map_s.png');
  _background: none;
}
.drag-map-gis-icon .x-icon,
.drag-map-gis-icon:hover .x-icon,
.drag-map-gis-icon:active .x-icon {
  display: block;
  background: url('icon/drag/icon_map_gis.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_map_gis.png');
  _background: none;
}
.drag-map-gis-icon.native .x-icon,
.drag-map-gis-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/icon_map_gis.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_map_gis.png');
  _background: none;
}
.drag-dashboard-icon .x-icon,
.drag-dashboard-icon:hover .x-icon,
.drag-dashboard-icon:active .x-icon {
  display: block;
  background: url('icon/drag/icon_dashboard.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_dashboard.png');
  _background: none;
}
.drag-dashboard-icon.native .x-icon,
.drag-dashboard-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/icon_dashboard.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_dashboard.png');
  _background: none;
}
.drag-donut-icon .x-icon,
.drag-donut-icon:hover .x-icon,
.drag-donut-icon:active .x-icon {
  display: block;
  background: url('icon/drag/icon_donut.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_donut.png');
  _background: none;
}
.drag-donut-icon.native .x-icon,
.drag-donut-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/icon_donut.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_donut.png');
  _background: none;
}
.drag-radar-icon .x-icon,
.drag-radar-icon:hover .x-icon,
.drag-radar-icon:active .x-icon {
  display: block;
  background: url('icon/drag/icon_radar.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_radar.png');
  _background: none;
}
.drag-radar-icon.native .x-icon,
.drag-radar-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/icon_radar.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_radar.png');
  _background: none;
}
.drag-radar-accu-icon .x-icon,
.drag-radar-accu-icon:hover .x-icon,
.drag-radar-accu-icon:active .x-icon {
  display: block;
  background: url('icon/drag/icon_radar_a.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_radar_a.png');
  _background: none;
}
.drag-radar-accu-icon.native .x-icon,
.drag-radar-accu-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/icon_radar_a.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_radar_a.png');
  _background: none;
}
.drag-bubble-icon .x-icon,
.drag-bubble-icon:hover .x-icon,
.drag-bubble-icon:active .x-icon {
  display: block;
  background: url('icon/drag/icon_bubble.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_bubble.png');
  _background: none;
}
.drag-bubble-icon.native .x-icon,
.drag-bubble-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/icon_bubble.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_bubble.png');
  _background: none;
}
.drag-bubble-force-icon .x-icon,
.drag-bubble-force-icon:hover .x-icon,
.drag-bubble-force-icon:active .x-icon {
  display: block;
  background: url('icon/drag/icon_bubble_f.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_bubble_f.png');
  _background: none;
}
.drag-bubble-force-icon.native .x-icon,
.drag-bubble-force-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/icon_bubble_f.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_bubble_f.png');
  _background: none;
}
.drag-scatter-icon .x-icon,
.drag-scatter-icon:hover .x-icon,
.drag-scatter-icon:active .x-icon {
  display: block;
  background: url('icon/drag/icon_scatter.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_scatter.png');
  _background: none;
}
.drag-scatter-icon.native .x-icon,
.drag-scatter-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/icon_scatter.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_scatter.png');
  _background: none;
}
.drag-funnel-icon .x-icon,
.drag-funnel-icon:hover .x-icon,
.drag-funnel-icon:active .x-icon {
  display: block;
  background: url('icon/drag/icon_funnel.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_funnel.png');
  _background: none;
}
.drag-funnel-icon.native .x-icon,
.drag-funnel-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/icon_funnel.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_funnel.png');
  _background: none;
}
.drag-detail-icon .x-icon,
.drag-detail-icon:hover .x-icon,
.drag-detail-icon:active .x-icon {
  display: block;
  background: url('icon/drag/pure/icon_detail.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_detail.png');
  _background: none;
}
.drag-detail-icon.native .x-icon,
.drag-detail-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/pure/icon_detail.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_detail.png');
  _background: none;
}
.drag-input-icon .x-icon,
.drag-input-icon:hover .x-icon,
.drag-input-icon:active .x-icon {
  display: block;
  background: url('icon/drag/pure/icon_input.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_input.png');
  _background: none;
}
.drag-input-icon.native .x-icon,
.drag-input-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/pure/icon_input.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_input.png');
  _background: none;
}
.drag-web-icon .x-icon,
.drag-web-icon:hover .x-icon,
.drag-web-icon:active .x-icon {
  display: block;
  background: url('icon/drag/pure/icon_web.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_web.png');
  _background: none;
}
.drag-web-icon.native .x-icon,
.drag-web-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/pure/icon_web.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_web.png');
  _background: none;
}
.drag-image-icon .x-icon,
.drag-image-icon:hover .x-icon,
.drag-image-icon:active .x-icon {
  display: block;
  background: url('icon/drag/pure/icon_image.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_image.png');
  _background: none;
}
.drag-image-icon.native .x-icon,
.drag-image-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/pure/icon_image.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_image.png');
  _background: none;
}
.drag-string-icon .x-icon,
.drag-string-icon:hover .x-icon,
.drag-string-icon:active .x-icon {
  display: block;
  background: url('icon/drag/pure/icon_string.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_string.png');
  _background: none;
}
.drag-string-icon.native .x-icon,
.drag-string-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/pure/icon_string.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_string.png');
  _background: none;
}
.drag-number-icon .x-icon,
.drag-number-icon:hover .x-icon,
.drag-number-icon:active .x-icon {
  display: block;
  background: url('icon/drag/pure/icon_number.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_number.png');
  _background: none;
}
.drag-number-icon.native .x-icon,
.drag-number-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/pure/icon_number.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_number.png');
  _background: none;
}
.drag-tree-icon .x-icon,
.drag-tree-icon:hover .x-icon,
.drag-tree-icon:active .x-icon {
  display: block;
  background: url('icon/drag/pure/icon_tree.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_tree.png');
  _background: none;
}
.drag-tree-icon.native .x-icon,
.drag-tree-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/pure/icon_tree.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_tree.png');
  _background: none;
}
.drag-date-icon .x-icon,
.drag-date-icon:hover .x-icon,
.drag-date-icon:active .x-icon {
  display: block;
  background: url('icon/drag/pure/icon_date.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_date.png');
  _background: none;
}
.drag-date-icon.native .x-icon,
.drag-date-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/pure/icon_date.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_date.png');
  _background: none;
}
.drag-year-icon .x-icon,
.drag-year-icon:hover .x-icon,
.drag-year-icon:active .x-icon {
  display: block;
  background: url('icon/drag/pure/icon_year.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_year.png');
  _background: none;
}
.drag-year-icon.native .x-icon,
.drag-year-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/pure/icon_year.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_year.png');
  _background: none;
}
.drag-year-month-icon .x-icon,
.drag-year-month-icon:hover .x-icon,
.drag-year-month-icon:active .x-icon {
  display: block;
  background: url('icon/drag/pure/icon_year_m.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_year_m.png');
  _background: none;
}
.drag-year-month-icon.native .x-icon,
.drag-year-month-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/pure/icon_year_m.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_year_m.png');
  _background: none;
}
.drag-year-season-icon .x-icon,
.drag-year-season-icon:hover .x-icon,
.drag-year-season-icon:active .x-icon {
  display: block;
  background: url('icon/drag/pure/icon_year_s.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_year_s.png');
  _background: none;
}
.drag-year-season-icon.native .x-icon,
.drag-year-season-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/pure/icon_year_s.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_year_s.png');
  _background: none;
}
.drag-ymd-icon .x-icon,
.drag-ymd-icon:hover .x-icon,
.drag-ymd-icon:active .x-icon {
  display: block;
  background: url('icon/drag/pure/icon_year_m_d.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_year_m_d.png');
  _background: none;
}
.drag-ymd-icon.native .x-icon,
.drag-ymd-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/pure/icon_year_m_d.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_year_m_d.png');
  _background: none;
}
.drag-general-query-icon .x-icon,
.drag-general-query-icon:hover .x-icon,
.drag-general-query-icon:active .x-icon {
  display: block;
  background: url('icon/drag/pure/icon_query_g.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_query_g.png');
  _background: none;
}
.drag-general-query-icon.native .x-icon,
.drag-general-query-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/pure/icon_query_g.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_query_g.png');
  _background: none;
}
.drag-query-icon .x-icon,
.drag-query-icon:hover .x-icon,
.drag-query-icon:active .x-icon {
  display: block;
  background: url('icon/drag/pure/icon_query.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_query.png');
  _background: none;
}
.drag-query-icon.native .x-icon,
.drag-query-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/pure/icon_query.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_query.png');
  _background: none;
}
.drag-reset-icon .x-icon,
.drag-reset-icon:hover .x-icon,
.drag-reset-icon:active .x-icon {
  display: block;
  background: url('icon/drag/pure/icon_reset.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_reset.png');
  _background: none;
}
.drag-reset-icon.native .x-icon,
.drag-reset-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/pure/icon_reset.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_reset.png');
  _background: none;
}
.drag-reuse-icon .x-icon,
.drag-reuse-icon:hover .x-icon,
.drag-reuse-icon:active .x-icon {
  display: block;
  background: url('icon/drag/pure/icon_reuse.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_reuse.png');
  _background: none;
}
.drag-reuse-icon.native .x-icon,
.drag-reuse-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/pure/icon_reuse.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_reuse.png');
  _background: none;
}
.drag-group-small-icon .x-icon,
.drag-group-small-icon:hover .x-icon,
.drag-group-small-icon:active .x-icon {
  display: block;
  background: url('icon/drag/small/icon_group.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_group.png');
  _background: none;
}
.drag-group-small-icon.native .x-icon,
.drag-group-small-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/small/icon_group.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_group.png');
  _background: none;
}
.drag-cross-small-icon .x-icon,
.drag-cross-small-icon:hover .x-icon,
.drag-cross-small-icon:active .x-icon {
  display: block;
  background: url('icon/drag/small/icon_cross.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_cross.png');
  _background: none;
}
.drag-cross-small-icon.native .x-icon,
.drag-cross-small-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/small/icon_cross.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_cross.png');
  _background: none;
}
.drag-complex-small-icon .x-icon,
.drag-complex-small-icon:hover .x-icon,
.drag-complex-small-icon:active .x-icon {
  display: block;
  background: url('icon/drag/small/icon_complex.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_complex.png');
  _background: none;
}
.drag-complex-small-icon.native .x-icon,
.drag-complex-small-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/small/icon_complex.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_complex.png');
  _background: none;
}
.drag-axis-small-icon .x-icon,
.drag-axis-small-icon:hover .x-icon,
.drag-axis-small-icon:active .x-icon {
  display: block;
  background: url('icon/drag/small/icon_axis.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_axis.png');
  _background: none;
}
.drag-axis-small-icon.native .x-icon,
.drag-axis-small-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/small/icon_axis.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_axis.png');
  _background: none;
}
.drag-axis-accu-small-icon .x-icon,
.drag-axis-accu-small-icon:hover .x-icon,
.drag-axis-accu-small-icon:active .x-icon {
  display: block;
  background: url('icon/drag/small/icon_axis_a.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_axis_a.png');
  _background: none;
}
.drag-axis-accu-small-icon.native .x-icon,
.drag-axis-accu-small-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/small/icon_axis_a.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_axis_a.png');
  _background: none;
}
.drag-axis-percent-accu-small-icon .x-icon,
.drag-axis-percent-accu-small-icon:hover .x-icon,
.drag-axis-percent-accu-small-icon:active .x-icon {
  display: block;
  background: url('icon/drag/small/icon_axis_pa.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_axis_pa.png');
  _background: none;
}
.drag-axis-percent-accu-small-icon.native .x-icon,
.drag-axis-percent-accu-small-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/small/icon_axis_pa.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_axis_pa.png');
  _background: none;
}
.drag-axis-compare-small-icon .x-icon,
.drag-axis-compare-small-icon:hover .x-icon,
.drag-axis-compare-small-icon:active .x-icon {
  display: block;
  background: url('icon/drag/small/icon_axis_c.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_axis_c.png');
  _background: none;
}
.drag-axis-compare-small-icon.native .x-icon,
.drag-axis-compare-small-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/small/icon_axis_c.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_axis_c.png');
  _background: none;
}
.drag-axis-fall-small-icon .x-icon,
.drag-axis-fall-small-icon:hover .x-icon,
.drag-axis-fall-small-icon:active .x-icon {
  display: block;
  background: url('icon/drag/small/icon_axis_f.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_axis_f.png');
  _background: none;
}
.drag-axis-fall-small-icon.native .x-icon,
.drag-axis-fall-small-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/small/icon_axis_f.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_axis_f.png');
  _background: none;
}
.drag-bar-small-icon .x-icon,
.drag-bar-small-icon:hover .x-icon,
.drag-bar-small-icon:active .x-icon {
  display: block;
  background: url('icon/drag/small/icon_bar.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_bar.png');
  _background: none;
}
.drag-bar-small-icon.native .x-icon,
.drag-bar-small-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/small/icon_bar.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_bar.png');
  _background: none;
}
.drag-bar-accu-small-icon .x-icon,
.drag-bar-accu-small-icon:hover .x-icon,
.drag-bar-accu-small-icon:active .x-icon {
  display: block;
  background: url('icon/drag/small/icon_bar_a.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_bar_a.png');
  _background: none;
}
.drag-bar-accu-small-icon.native .x-icon,
.drag-bar-accu-small-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/small/icon_bar_a.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_bar_a.png');
  _background: none;
}
.drag-bar-compare-small-icon .x-icon,
.drag-bar-compare-small-icon:hover .x-icon,
.drag-bar-compare-small-icon:active .x-icon {
  display: block;
  background: url('icon/drag/small/icon_bar_c.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_bar_c.png');
  _background: none;
}
.drag-bar-compare-small-icon.native .x-icon,
.drag-bar-compare-small-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/small/icon_bar_c.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_bar_c.png');
  _background: none;
}
.drag-area-small-icon .x-icon,
.drag-area-small-icon:hover .x-icon,
.drag-area-small-icon:active .x-icon {
  display: block;
  background: url('icon/drag/small/icon_area.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_area.png');
  _background: none;
}
.drag-area-small-icon.native .x-icon,
.drag-area-small-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/small/icon_area.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_area.png');
  _background: none;
}
.drag-area-accu-small-icon .x-icon,
.drag-area-accu-small-icon:hover .x-icon,
.drag-area-accu-small-icon:active .x-icon {
  display: block;
  background: url('icon/drag/small/icon_area_a.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_area_a.png');
  _background: none;
}
.drag-area-accu-small-icon.native .x-icon,
.drag-area-accu-small-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/small/icon_area_a.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_area_a.png');
  _background: none;
}
.drag-area-percent-accu-small-icon .x-icon,
.drag-area-percent-accu-small-icon:hover .x-icon,
.drag-area-percent-accu-small-icon:active .x-icon {
  display: block;
  background: url('icon/drag/small/icon_area_pa.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_area_pa.png');
  _background: none;
}
.drag-area-percent-accu-small-icon.native .x-icon,
.drag-area-percent-accu-small-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/small/icon_area_pa.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_area_pa.png');
  _background: none;
}
.drag-area-compare-small-icon .x-icon,
.drag-area-compare-small-icon:hover .x-icon,
.drag-area-compare-small-icon:active .x-icon {
  display: block;
  background: url('icon/drag/small/icon_area_c.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_area_c.png');
  _background: none;
}
.drag-area-compare-small-icon.native .x-icon,
.drag-area-compare-small-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/small/icon_area_c.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_area_c.png');
  _background: none;
}
.drag-area-range-small-icon .x-icon,
.drag-area-range-small-icon:hover .x-icon,
.drag-area-range-small-icon:active .x-icon {
  display: block;
  background: url('icon/drag/small/icon_area_r.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_area_r.png');
  _background: none;
}
.drag-area-range-small-icon.native .x-icon,
.drag-area-range-small-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/small/icon_area_r.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_area_r.png');
  _background: none;
}
.drag-combine-small-icon .x-icon,
.drag-combine-small-icon:hover .x-icon,
.drag-combine-small-icon:active .x-icon {
  display: block;
  background: url('icon/drag/small/icon_combine.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_combine.png');
  _background: none;
}
.drag-combine-small-icon.native .x-icon,
.drag-combine-small-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/small/icon_combine.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_combine.png');
  _background: none;
}
.drag-combine-mult-small-icon .x-icon,
.drag-combine-mult-small-icon:hover .x-icon,
.drag-combine-mult-small-icon:active .x-icon {
  display: block;
  background: url('icon/drag/small/icon_combine_m.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_combine_m.png');
  _background: none;
}
.drag-combine-mult-small-icon.native .x-icon,
.drag-combine-mult-small-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/small/icon_combine_m.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_combine_m.png');
  _background: none;
}
.drag-line-small-icon .x-icon,
.drag-line-small-icon:hover .x-icon,
.drag-line-small-icon:active .x-icon {
  display: block;
  background: url('icon/drag/small/icon_line.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_line.png');
  _background: none;
}
.drag-line-small-icon.native .x-icon,
.drag-line-small-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/small/icon_line.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_line.png');
  _background: none;
}
.drag-pie-small-icon .x-icon,
.drag-pie-small-icon:hover .x-icon,
.drag-pie-small-icon:active .x-icon {
  display: block;
  background: url('icon/drag/small/icon_pie.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_pie.png');
  _background: none;
}
.drag-pie-small-icon.native .x-icon,
.drag-pie-small-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/small/icon_pie.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_pie.png');
  _background: none;
}
.drag-map-china-small-icon .x-icon,
.drag-map-china-small-icon:hover .x-icon,
.drag-map-china-small-icon:active .x-icon {
  display: block;
  background: url('icon/drag/small/icon_map_c.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_map_c.png');
  _background: none;
}
.drag-map-china-small-icon.native .x-icon,
.drag-map-china-small-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/small/icon_map_c.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_map_c.png');
  _background: none;
}
.drag-map-global-small-icon .x-icon,
.drag-map-global-small-icon:hover .x-icon,
.drag-map-global-small-icon:active .x-icon {
  display: block;
  background: url('icon/drag/small/icon_map_g.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_map_g.png');
  _background: none;
}
.drag-map-global-small-icon.native .x-icon,
.drag-map-global-small-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/small/icon_map_g.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_map_g.png');
  _background: none;
}
.drag-map-svg-small-icon .x-icon,
.drag-map-svg-small-icon:hover .x-icon,
.drag-map-svg-small-icon:active .x-icon {
  display: block;
  background: url('icon/drag/small/icon_map_s.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_map_s.png');
  _background: none;
}
.drag-map-svg-small-icon.native .x-icon,
.drag-map-svg-small-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/small/icon_map_s.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_map_s.png');
  _background: none;
}
.drag-map-gis-small-icon .x-icon,
.drag-map-gis-small-icon:hover .x-icon,
.drag-map-gis-small-icon:active .x-icon {
  display: block;
  background: url('icon/drag/small/icon_map_gis.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_map_gis.png');
  _background: none;
}
.drag-map-gis-small-icon.native .x-icon,
.drag-map-gis-small-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/small/icon_map_gis.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_map_gis.png');
  _background: none;
}
.drag-dashboard-small-icon .x-icon,
.drag-dashboard-small-icon:hover .x-icon,
.drag-dashboard-small-icon:active .x-icon {
  display: block;
  background: url('icon/drag/small/icon_dashboard.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_dashboard.png');
  _background: none;
}
.drag-dashboard-small-icon.native .x-icon,
.drag-dashboard-small-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/small/icon_dashboard.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_dashboard.png');
  _background: none;
}
.drag-donut-small-icon .x-icon,
.drag-donut-small-icon:hover .x-icon,
.drag-donut-small-icon:active .x-icon {
  display: block;
  background: url('icon/drag/small/icon_donut.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_donut.png');
  _background: none;
}
.drag-donut-small-icon.native .x-icon,
.drag-donut-small-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/small/icon_donut.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_donut.png');
  _background: none;
}
.drag-radar-small-icon .x-icon,
.drag-radar-small-icon:hover .x-icon,
.drag-radar-small-icon:active .x-icon {
  display: block;
  background: url('icon/drag/small/icon_radar.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_radar.png');
  _background: none;
}
.drag-radar-small-icon.native .x-icon,
.drag-radar-small-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/small/icon_radar.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_radar.png');
  _background: none;
}
.drag-radar-accu-small-icon .x-icon,
.drag-radar-accu-small-icon:hover .x-icon,
.drag-radar-accu-small-icon:active .x-icon {
  display: block;
  background: url('icon/drag/small/icon_radar_a.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_radar_a.png');
  _background: none;
}
.drag-radar-accu-small-icon.native .x-icon,
.drag-radar-accu-small-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/small/icon_radar_a.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_radar_a.png');
  _background: none;
}
.drag-bubble-small-icon .x-icon,
.drag-bubble-small-icon:hover .x-icon,
.drag-bubble-small-icon:active .x-icon {
  display: block;
  background: url('icon/drag/small/icon_bubble.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_bubble.png');
  _background: none;
}
.drag-bubble-small-icon.native .x-icon,
.drag-bubble-small-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/small/icon_bubble.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_bubble.png');
  _background: none;
}
.drag-bubble-force-small-icon .x-icon,
.drag-bubble-force-small-icon:hover .x-icon,
.drag-bubble-force-small-icon:active .x-icon {
  display: block;
  background: url('icon/drag/small/icon_bubble_f.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_bubble_f.png');
  _background: none;
}
.drag-bubble-force-small-icon.native .x-icon,
.drag-bubble-force-small-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/small/icon_bubble_f.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_bubble_f.png');
  _background: none;
}
.drag-scatter-small-icon .x-icon,
.drag-scatter-small-icon:hover .x-icon,
.drag-scatter-small-icon:active .x-icon {
  display: block;
  background: url('icon/drag/small/icon_scatter.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_scatter.png');
  _background: none;
}
.drag-scatter-small-icon.native .x-icon,
.drag-scatter-small-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/small/icon_scatter.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_scatter.png');
  _background: none;
}
.drag-funnel-small-icon .x-icon,
.drag-funnel-small-icon:hover .x-icon,
.drag-funnel-small-icon:active .x-icon {
  display: block;
  background: url('icon/drag/small/icon_funnel.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_funnel.png');
  _background: none;
}
.drag-funnel-small-icon.native .x-icon,
.drag-funnel-small-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/small/icon_funnel.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_funnel.png');
  _background: none;
}
.drag-detail-small-icon .x-icon,
.drag-detail-small-icon:hover .x-icon,
.drag-detail-small-icon:active .x-icon {
  display: block;
  background: url('icon/drag/small/icon_detail.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_detail.png');
  _background: none;
}
.drag-detail-small-icon.native .x-icon,
.drag-detail-small-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/small/icon_detail.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_detail.png');
  _background: none;
}
.drag-input-small-icon .x-icon,
.drag-input-small-icon:hover .x-icon,
.drag-input-small-icon:active .x-icon {
  display: block;
  background: url('icon/drag/small/icon_input.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_input.png');
  _background: none;
}
.drag-input-small-icon.native .x-icon,
.drag-input-small-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/small/icon_input.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_input.png');
  _background: none;
}
.drag-web-small-icon .x-icon,
.drag-web-small-icon:hover .x-icon,
.drag-web-small-icon:active .x-icon {
  display: block;
  background: url('icon/drag/small/icon_web.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_web.png');
  _background: none;
}
.drag-web-small-icon.native .x-icon,
.drag-web-small-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/small/icon_web.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_web.png');
  _background: none;
}
.drag-image-small-icon .x-icon,
.drag-image-small-icon:hover .x-icon,
.drag-image-small-icon:active .x-icon {
  display: block;
  background: url('icon/drag/small/icon_image.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_image.png');
  _background: none;
}
.drag-image-small-icon.native .x-icon,
.drag-image-small-icon.disabled .x-icon {
  display: block;
  background: url('icon/drag/small/icon_image.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_image.png');
  _background: none;
}
.error-face-icon .x-icon,
.error-face-icon:hover .x-icon,
.error-face-icon:active .x-icon {
  display: block;
  background: url('icon/no_data.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/no_data.png');
  _background: none;
}
.error-face-icon.native .x-icon,
.error-face-icon.disabled .x-icon {
  display: block;
  background: url('icon/no_data.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/no_data.png');
  _background: none;
}
.drag-tip-dots-icon .x-icon,
.drag-tip-dots-icon:hover .x-icon,
.drag-tip-dots-icon:active .x-icon {
  display: block;
  background: url('icon/dots.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dots.png');
  _background: none;
}
.drag-tip-dots-icon.native .x-icon,
.drag-tip-dots-icon.disabled .x-icon {
  display: block;
  background: url('icon/dots.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dots.png');
  _background: none;
}
.bubble-no-projector .x-icon,
.bubble-no-projector:hover .x-icon,
.bubble-no-projector:active .x-icon {
  display: block;
  background: url('icon/bubble_no_projector.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/bubble_no_projector.png');
  _background: none;
}
.bubble-no-projector.native .x-icon,
.bubble-no-projector.disabled .x-icon {
  display: block;
  background: url('icon/bubble_no_projector.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/bubble_no_projector.png');
  _background: none;
}
.bubble-with-projector .x-icon,
.bubble-with-projector:hover .x-icon,
.bubble-with-projector:active .x-icon {
  display: block;
  background: url('icon/bubble_projector.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/bubble_projector.png');
  _background: none;
}
.bubble-with-projector.native .x-icon,
.bubble-with-projector.disabled .x-icon {
  display: block;
  background: url('icon/bubble_projector.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/bubble_projector.png');
  _background: none;
}
.drill-push-down-icon .x-icon,
.drill-push-down-icon:hover .x-icon,
.drill-push-down-icon:active .x-icon {
  display: block;
  background: url('icon/push_down.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/push_down.png');
  _background: none;
}
.drill-push-down-icon.native .x-icon,
.drill-push-down-icon.disabled .x-icon {
  display: block;
  background: url('icon/push_down.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/push_down.png');
  _background: none;
}
.drill-push-up-icon .x-icon,
.drill-push-up-icon:hover .x-icon,
.drill-push-up-icon:active .x-icon {
  display: block;
  background: url('icon/push_up.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/push_up.png');
  _background: none;
}
.drill-push-up-icon.native .x-icon,
.drill-push-up-icon.disabled .x-icon {
  display: block;
  background: url('icon/push_up.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/push_up.png');
  _background: none;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.y-overflow-auto {
  overflow-y: auto;
  overflow-x: hidden;
}
.x-overflow-auto {
  overflow-y: hidden;
  overflow-x: auto;
}
.y-overflow-scroll {
  overflow-y: scroll;
  overflow-x: hidden;
}
.x-overflow-scroll {
  overflow-y: hidden;
  overflow-x: scroll;
}
.overflow-auto {
  overflow-x: auto;
  overflow-y: auto;
}
.overflow-scroll {
  overflow-x: scroll;
  overflow-y: scroll;
}
.overflow-hidden {
  overflow-x: hidden;
  overflow-y: hidden;
}
.td-overflow {
  white-space: normal;
  word-break: break-all;
}
.overflow-dot {
  text-overflow: ellipsis;
  overflow-x: hidden;
  overflow-y: hidden;
  white-space: nowrap;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.display-block {
  display: block;
}
.display-inline {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
/**常用于span元素在与combo并列时**/
.vertical-super {
  vertical-align: super;
}
.vertical-top {
  vertical-align: top;
}
.horizon-center {
  text-align: center;
}
.horizon-left {
  text-align: left;
}
.div-horizon-center {
  margin-left: auto;
  margin-right: auto;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
/*类似ie6的盒子模型 可以在有百分比的时候加border 支持到ie8*/
.border-sizing {
  -webkit-box-sizing: border-box;
  /*Safari3.2+*/
  -moz-box-sizing: border-box;
  /*Firefox3.5+*/
  -ms-box-sizing: border-box;
  /*IE8*/
  box-sizing: border-box;
  /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
}
.content-sizing {
  -webkit-box-sizing: content-box;
  /*Safari3.2+*/
  -moz-box-sizing: content-box;
  /*Firefox3.5+*/
  -ms-box-sizing: content-box;
  /*IE8*/
  box-sizing: content-box;
  /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
@font-face {
  font-family: 'bi';
  src: url('font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('font/iconfont.woff') format('woff'), /* chrome、firefox */ url('font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('font/iconfont.svg#svgFontName') format('svg');
  
  /*  iOS 4.1- */
}
.b-font {
  font-family: "bi";
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
html,
button,
input,
select,
textarea,
* {
  font-family: "Microsoft YaHei", "Hiragino Sans GB W3";
}
html,
body,
div,
ul,
li,
img,
a,
span,
p,
* {
  margin: 0px;
}
html {
  height: 100%;
  overflow: hidden;
}
body {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  background-repeat: repeat;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: #1a1a1a;
  font: normal 12px "Microsoft YaHei", "Hiragino Sans GB W3";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: none;
  -kthml-user-focus: normal;
  -moz-user-focus: normal;
  -moz-outline: 0 none;
  outline: 0 none;
}
#wrapper {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
}
a {
  outline: none;
  text-decoration: none;
}
a:focus {
  outline: 0;
}
input,
textarea {
  margin: 0;
  padding: 0;
  outline: none;
  border: 1px solid #cccccc;
}
ul,
ol {
  margin: 0;
  padding: 0;
}
ul {
  list-style: disc;
}
li {
  list-style-type: none;
}
i {
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
div::-webkit-scrollbar,
textarea::-webkit-scrollbar {
  -webkit-appearance: none;
  background-color: #f4f4f4;
  width: 6px;
  height: 6px;
}
div::-webkit-scrollbar-thumb,
textarea::-webkit-scrollbar-thumb {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: #e2e2e2;
}