fineui/src/css/base/pane.css

.farbtastic .wheel {
  background: url('images/1x/background/wheel.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/background/wheel.png');
  _background: none;
}
.farbtastic .overlay {
  background: url('images/1x/background/mask.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/background/mask.png');
  _background: none;
}
.farbtastic .marker {
  background: url('images/1x/background/marker.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/background/marker.png');
  _background: none;
}
.bi-display-tree .ztree li span.button.switch.center_open {
  background: url('images/1x/icon/tree_vertical_line_3.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_vertical_line_3.png');
  _background: none;
}
.bi-display-tree .ztree li span.button.switch.roots_open {
  background: url('images/1x/icon/tree_vertical_line_2.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_vertical_line_2.png');
  _background: none;
}
.bi-display-tree .ztree li span.button.switch.bottom_open {
  background: url('images/1x/icon/tree_vertical_line_4.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_vertical_line_4.png');
  _background: none;
}
.ztree li ul.line {
  background: url('images/1x/icon/tree_vertical_line_1.png') repeat-y 1px 0;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_vertical_line_1.png');
  _background: none;
}
.bi-theme-dark .ztree li ul.line {
  background: url('images/1x/icon/dark/tree_vertical_line_1.png') repeat-y 1px 0;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_vertical_line_1.png');
  _background: none;
}
.ztree li span.button.chk.checkbox_false_full {
  background: url('images/2x/icon/check_box_normal.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_normal.png');
  background-size: contain;
  _background: none;
}
.ztree li span.button.chk.checkbox_false_full_focus {
  background: url('images/2x/icon/check_box_normal.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_normal.png');
  background-size: contain;
  _background: none;
}
.ztree li span.button.chk.checkbox_false_part {
  background: url('images/2x/icon/half_selected.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/half_selected.png');
  background-size: contain;
  _background: none;
}
.ztree li span.button.chk.checkbox_false_part_focus {
  background: url('images/2x/icon/half_selected.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/half_selected.png');
  background-size: contain;
  _background: none;
}
.ztree li span.button.chk.checkbox_true_full {
  background: url('images/2x/icon/check_box_active.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_active.png');
  background-size: contain;
  _background: none;
}
.ztree li span.button.chk.checkbox_true_full_focus {
  background: url('images/2x/icon/check_box_active.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_active.png');
  background-size: contain;
  _background: none;
}
.ztree li span.button.chk.checkbox_true_part {
  background: url('images/2x/icon/half_selected.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/half_selected.png');
  background-size: contain;
  _background: none;
}
.ztree li span.button.chk.checkbox_true_part_focus {
  background: url('images/2x/icon/half_selected.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/half_selected.png');
  background-size: contain;
  _background: none;
}
.ztree.hack li span.button.chk.checkbox_false_full {
  background: url('images/1x/icon/check_box_normal.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check_box_normal.png');
  _background: none;
}
.ztree.hack li span.button.chk.checkbox_false_full_focus {
  background: url('images/1x/icon/check_box_normal.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check_box_normal.png');
  _background: none;
}
.ztree.hack li span.button.chk.checkbox_false_part {
  background: url('images/1x/icon/half_selected.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/half_selected.png');
  _background: none;
}
.ztree.hack li span.button.chk.checkbox_false_part_focus {
  background: url('images/1x/icon/half_selected.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/half_selected.png');
  _background: none;
}
.ztree.hack li span.button.chk.checkbox_true_full {
  background: url('images/1x/icon/check_box_active.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check_box_active.png');
  _background: none;
}
.ztree.hack li span.button.chk.checkbox_true_full_focus {
  background: url('images/1x/icon/check_box_active.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check_box_active.png');
  _background: none;
}
.ztree.hack li span.button.chk.checkbox_true_part {
  background: url('images/1x/icon/half_selected.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/half_selected.png');
  _background: none;
}
.ztree.hack li span.button.chk.checkbox_true_part_focus {
  background: url('images/1x/icon/half_selected.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/half_selected.png');
  _background: none;
}
.ztree li span.button.root_open {
  background: url('images/1x/icon/tree_expand_1.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_expand_1.png');
  _background: none;
}
.bi-theme-dark .ztree li span.button.root_open {
  background: url('images/1x/icon/dark/tree_expand_1.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_expand_1.png');
  _background: none;
}
.ztree li span.button.root_close {
  background: url('images/1x/icon/tree_collapse_1.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_collapse_1.png');
  _background: none;
}
.bi-theme-dark .ztree li span.button.root_close {
  background: url('images/1x/icon/dark/tree_collapse_1.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_collapse_1.png');
  _background: none;
}
.ztree li span.button.roots_open {
  background: url('images/1x/icon/tree_expand_2.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_expand_2.png');
  _background: none;
}
.bi-theme-dark .ztree li span.button.roots_open {
  background: url('images/1x/icon/dark/tree_expand_2.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_expand_2.png');
  _background: none;
}
.ztree li span.button.roots_close {
  background: url('images/1x/icon/tree_collapse_2.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_collapse_2.png');
  _background: none;
}
.bi-theme-dark .ztree li span.button.roots_close {
  background: url('images/1x/icon/dark/tree_collapse_2.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_collapse_2.png');
  _background: none;
}
.ztree li span.button.center_open {
  background: url('images/1x/icon/tree_expand_3.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_expand_3.png');
  _background: none;
}
.bi-theme-dark .ztree li span.button.center_open {
  background: url('images/1x/icon/dark/tree_expand_3.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_expand_3.png');
  _background: none;
}
.ztree li span.button.center_close {
  background: url('images/1x/icon/tree_collapse_3.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_collapse_3.png');
  _background: none;
}
.bi-theme-dark .ztree li span.button.center_close {
  background: url('images/1x/icon/dark/tree_collapse_3.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_collapse_3.png');
  _background: none;
}
.ztree li span.button.bottom_open {
  background: url('images/1x/icon/tree_expand_4.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_expand_4.png');
  _background: none;
}
.bi-theme-dark .ztree li span.button.bottom_open {
  background: url('images/1x/icon/dark/tree_expand_4.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_expand_4.png');
  _background: none;
}
.ztree li span.button.bottom_close {
  background: url('images/1x/icon/tree_collapse_4.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_collapse_4.png');
  _background: none;
}
.bi-theme-dark .ztree li span.button.bottom_close {
  background: url('images/1x/icon/dark/tree_collapse_4.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_collapse_4.png');
  _background: none;
}
.ztree li span.button.roots_docu {
  background: url('images/1x/icon/tree_vertical_line_2.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_vertical_line_2.png');
  _background: none;
}
.bi-theme-dark .ztree li span.button.roots_docu {
  background: url('images/1x/icon/dark/tree_vertical_line_2.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_vertical_line_2.png');
  _background: none;
}
.ztree li span.button.center_docu {
  background: url('images/1x/icon/tree_vertical_line_3.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_vertical_line_3.png');
  _background: none;
}
.bi-theme-dark .ztree li span.button.center_docu {
  background: url('images/1x/icon/dark/tree_vertical_line_3.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_vertical_line_3.png');
  _background: none;
}
.ztree li span.button.bottom_docu {
  background: url('images/1x/icon/tree_vertical_line_4.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_vertical_line_4.png');
  _background: none;
}
.bi-theme-dark .ztree li span.button.bottom_docu {
  background: url('images/1x/icon/dark/tree_vertical_line_4.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_vertical_line_4.png');
  _background: none;
}
.ztree li span.button.ico_loading {
  background: url('images/1x/icon/loading.gif') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/loading.gif');
  _background: none;
}
.base-line-conn-background {
  background: url('images/1x/icon/tree_vertical_line_1.png') repeat-y 0 0;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_vertical_line_1.png');
  _background: none;
}
.bi-theme-dark .base-line-conn-background {
  background: url('images/1x/icon/dark/tree_vertical_line_1.png') repeat-y 0 0;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_vertical_line_1.png');
  _background: none;
}
.first-line-conn-background {
  background: url('images/1x/icon/tree_vertical_line_2.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_vertical_line_2.png');
  _background: none;
}
.bi-theme-dark .first-line-conn-background {
  background: url('images/1x/icon/dark/tree_vertical_line_2.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_vertical_line_2.png');
  _background: none;
}
.mid-line-conn-background {
  background: url('images/1x/icon/tree_vertical_line_3.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_vertical_line_3.png');
  _background: none;
}
.bi-theme-dark .mid-line-conn-background {
  background: url('images/1x/icon/dark/tree_vertical_line_3.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_vertical_line_3.png');
  _background: none;
}
.last-line-conn-background {
  background: url('images/1x/icon/tree_vertical_line_4.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_vertical_line_4.png');
  _background: none;
}
.bi-theme-dark .last-line-conn-background {
  background: url('images/1x/icon/dark/tree_vertical_line_4.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_vertical_line_4.png');
  _background: none;
}
.loading-background {
  background: url('images/2x/icon/loading.gif') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/loading.gif');
  background-size: contain;
  _background: none;
}
.auto-color-background {
  background: url('images/2x/background/auto_color.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/background/auto_color.png');
  background-size: contain;
  _background: none;
}
.auto-color-normal-background {
  background: url('images/2x/background/auto_color_normal.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/background/auto_color_normal.png');
  background-size: contain;
  _background: none;
}
.auto-color-normal-disabled-background {
  background: url('images/2x/background/auto_color_normal_disable.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/background/auto_color_normal_disable.png');
  background-size: contain;
  _background: none;
}
.trans-color-background {
  background: url('images/2x/background/trans_normal.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/background/trans_normal.png');
  background-size: contain;
  _background: none;
}
.trans-color-disabled-background {
  background: url('images/2x/background/trans_disable.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/background/trans_disable.png');
  background-size: contain;
  _background: none;
}
.auto-color-background.hack {
  background: url('images/1x/background/auto_color.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/background/auto_color.png');
  _background: none;
}
.auto-color-normal-background.hack {
  background: url('images/1x/background/auto_color_normal.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/background/auto_color_normal.png');
  _background: none;
}
.auto-color-normal-disabled-background.hack {
  background: url('images/1x/background/auto_color_normal_disable.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/background/auto_color_normal_disable.png');
  _background: none;
}
.trans-color-background.hack {
  background: url('images/1x/background/trans_normal.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/background/trans_normal.png');
  _background: none;
}
.trans-color-disabled-background.hack {
  background: url('images/1x/background/trans_disable.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/background/trans_disable.png');
  _background: none;
}
.bi-pane {
  min-height: 55px;
  background-color: rgba(247, 248, 250, 0);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00f7f8fa,endColorstr=#00f7f8fa);
}
.bi-loading-widget div {
  background-color: rgba(54, 133, 242, 0.9);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e63685f2,endColorstr=#e63685f2);
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
  border-radius: 2.5px;
  -webkit-animation: loading-widget 0.8s infinite linear;
  -moz-animation: loading-widget 0.8s infinite linear;
  -ms-animation: loading-widget 0.8s infinite linear;
  -o-animation: loading-widget 0.8s infinite linear;
  animation: loading-widget 0.8s infinite linear;
}
.bi-loading-widget .rect2 {
  -webkit-animation-delay: -0.2s;
  -moz-animation-delay: -0.2s;
  -ms-animation-delay: -0.2s;
  -o-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
.bi-loading-widget .rect3 {
  -webkit-animation-delay: -0.4s;
  -moz-animation-delay: -0.4s;
  -ms-animation-delay: -0.4s;
  -o-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
@-webkit-keyframes loading-widget {
  0%,
  100% {
    -webkit-transform: scaleY(0.3);
    -moz-transform: scaleY(0.3);
    -o-transform: scaleY(0.3);
    -ms-transform: scaleY(0.3);
    transform: scaleY(0.3);
  }
  50% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-moz-keyframes loading-widget {
  0%,
  100% {
    -webkit-transform: scaleY(0.3);
    -moz-transform: scaleY(0.3);
    -o-transform: scaleY(0.3);
    -ms-transform: scaleY(0.3);
    transform: scaleY(0.3);
  }
  50% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-ms-keyframes loading-widget {
  0%,
  100% {
    -webkit-transform: scaleY(0.3);
    -moz-transform: scaleY(0.3);
    -o-transform: scaleY(0.3);
    -ms-transform: scaleY(0.3);
    transform: scaleY(0.3);
  }
  50% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-o-keyframes loading-widget {
  0%,
  100% {
    -webkit-transform: scaleY(0.3);
    -moz-transform: scaleY(0.3);
    -o-transform: scaleY(0.3);
    -ms-transform: scaleY(0.3);
    transform: scaleY(0.3);
  }
  50% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes loading-widget {
  0%,
  100% {
    -webkit-transform: scaleY(0.3);
    -moz-transform: scaleY(0.3);
    -o-transform: scaleY(0.3);
    -ms-transform: scaleY(0.3);
    transform: scaleY(0.3);
  }
  50% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
}
.bi-loading-widget.hack {
  background: url('images/2x/icon/loading.gif') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/loading.gif');
  background-size: contain;
  _background: none;
}
.bi-loading-widget.hack div {
  background-color: rgba(54, 133, 242, 0);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#003685f2,endColorstr=#003685f2);
}