input, textarea { border: 1px solid #e8eaed; } .bi-theme-dark input, .bi-theme-dark textarea { border: 1px solid #363e55; } .base-disabled { cursor: not-allowed !important; color: #9ea6b2 !important; } .base-disabled .bi-input { color: #9ea6b2 !important; } .base-disabled .bi-textarea { color: #9ea6b2 !important; } .base-disabled .b-font:before { color: #d0d4da !important; } .bi-theme-dark .base-disabled { color: #878d9f !important; } .bi-theme-dark .base-disabled .bi-input { color: #878d9f !important; } .bi-theme-dark .base-disabled .bi-textarea { color: #878d9f !important; } .bi-theme-dark .base-disabled .b-font:before { color: #606479 !important; } .bi-focus-shadow:focus-within, .bi-focus-shadow:focus, .bi-focus-shadow:hover { border-color: #3685f2; } .bi-focus-shadow.disabled:hover { border-color: #e8eaed; } .bi-theme-dark .bi-focus-shadow.disabled:hover { border-color: #363e55; } .base-invalid { cursor: default !important; } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { content: " "; display: table; line-height: 0; } .clearfix:after { clear: both; } .bi-background { background-color: #f7f8fa; color: #3d4d66; } .bi-background .bi-input { color: #3d4d66; } .bi-background .bi-textarea { color: #3d4d66; } .bi-theme-dark .bi-background { background-color: #191b2b; color: #d6e0dc; } .bi-theme-dark .bi-background .bi-input { color: #d6e0dc; } .bi-theme-dark .bi-background .bi-textarea { color: #d6e0dc; } .bi-header-background { background-color: #f2f4f7; color: #647185; } .bi-header-background .bi-input { color: #647185; } .bi-header-background .bi-textarea { color: #647185; } .bi-theme-dark .bi-header-background { background-color: #292f45; color: #afb7c6; } .bi-theme-dark .bi-header-background .bi-input { color: #afb7c6; } .bi-theme-dark .bi-header-background .bi-textarea { color: #afb7c6; } .bi-card { background-color: #ffffff; color: #3d4d66; } .bi-card .bi-input { color: #3d4d66; } .bi-card .bi-textarea { color: #3d4d66; } .bi-theme-dark .bi-card { background-color: #20263b; color: #d6e0dc; } .bi-theme-dark .bi-card .bi-input { color: #d6e0dc; } .bi-theme-dark .bi-card .bi-textarea { color: #d6e0dc; } .bi-disabled { color: #9ea6b2; } .bi-disabled .bi-input { color: #9ea6b2; } .bi-disabled .bi-textarea { color: #9ea6b2; } .bi-theme-dark .bi-disabled { color: #878d9f; } .bi-theme-dark .bi-disabled .bi-input { color: #878d9f; } .bi-theme-dark .bi-disabled .bi-textarea { color: #878d9f; } .bi-tips { color: #9ea6b2; } .bi-tips .bi-input { color: #9ea6b2; } .bi-tips .bi-textarea { color: #9ea6b2; } .bi-border { border: 1px solid #e8eaed; } .bi-border.disabled { border-color: #d0d4da !important; } .bi-border-top { border-top: 1px solid #e8eaed; } .bi-border-top.disabled { border-color: #d0d4da !important; } .bi-border-right { border-right: 1px solid #e8eaed; } .bi-border-right.disabled { border-color: #d0d4da !important; } .bi-border-bottom { border-bottom: 1px solid #e8eaed; } .bi-border-bottom.disabled { border-color: #d0d4da !important; } .bi-border-left { border-left: 1px solid #e8eaed; } .bi-border-left.disabled { border-color: #d0d4da !important; } .bi-theme-dark .bi-border { border: 1px solid #363e55; } .bi-theme-dark .bi-border-top { border-top: 1px solid #363e55; } .bi-theme-dark .bi-border-right { border-right: 1px solid #363e55; } .bi-theme-dark .bi-border-bottom { border-bottom: 1px solid #363e55; } .bi-theme-dark .bi-border-left { border-left: 1px solid #363e55; } .bi-split { border: 1px solid #f2f4f7; } .bi-split-top { border-top: 1px solid #f2f4f7; } .bi-split-right { border-right: 1px solid #f2f4f7; } .bi-split-bottom { border-bottom: 1px solid #f2f4f7; } .bi-split-left { border-left: 1px solid #f2f4f7; } .bi-theme-dark .bi-split { border: 1px solid #292f45; } .bi-theme-dark .bi-split-top { border-top: 1px solid #292f45; } .bi-theme-dark .bi-split-right { border-right: 1px solid #292f45; } .bi-theme-dark .bi-split-bottom { border-bottom: 1px solid #292f45; } .bi-theme-dark .bi-split-left { border-left: 1px solid #292f45; } .bi-font-helvetica-neue { font-family: "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Heiti, serif; } .bi-font-arial { font-family: Arial, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Heiti, serif; } .bi-font-PingFang { font-family: "PingFang SC", "Helvetica Neue", Arial, "Hiragino Sans GB", "Microsoft YaHei", Heiti, serif; } .bi-font-hiragino-sans { font-family: "Hiragino Sans GB", "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", Heiti, serif; } .bi-font-microsoft-yaHei { font-family: "Microsoft YaHei", "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", Heiti, serif; } .bi-font-heiti { font-family: Heiti, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", serif; } .bi-border-radius { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .bi-font-bold { font-weight: 700; } .bi-keyword-red-mark { color: #faaa39; } .bi-keyword-red-mark .bi-input { color: #faaa39; } .bi-keyword-red-mark .bi-textarea { color: #faaa39; } .bi-high-light { color: #3685f2; } .bi-high-light .bi-input { color: #3685f2; } .bi-high-light .bi-textarea { color: #3685f2; } .bi-error { color: #e65251; } .bi-error .bi-input { color: #e65251; } .bi-error .bi-textarea { color: #e65251; } .bi-high-light-background { background-color: #3685f2; color: #ffffff; } .bi-high-light-background .bi-input { color: #ffffff; } .bi-high-light-background .bi-textarea { color: #ffffff; } .bi-error-background { background-color: #e65251; color: #ffffff; } .bi-error-background .bi-input { color: #ffffff; } .bi-error-background .bi-textarea { color: #ffffff; } .bi-high-light-border { border: 1px solid #3685f2; } .bi-high-light-border.disabled { border-color: #d0d4da !important; } .bi-high-light-border-top { border-top: 1px solid #3685f2; } .bi-high-light-border-top.disabled { border-color: #d0d4da !important; } .bi-high-light-border-right { border-right: 1px solid #3685f2; } .bi-high-light-border-right.disabled { border-color: #d0d4da !important; } .bi-high-light-border-bottom { border-bottom: 1px solid #3685f2; } .bi-high-light-border-bottom.disabled { border-color: #d0d4da !important; } .bi-high-light-border-left { border-left: 1px solid #3685f2; } .bi-high-light-border-left.disabled { border-color: #d0d4da !important; } .bi-water-mark { color: #9ea6b2; cursor: text; } .bi-water-mark .bi-input { color: #9ea6b2; } .bi-water-mark .bi-textarea { color: #9ea6b2; } .bi-theme-dark .bi-water-mark { color: #6b7084; } .bi-theme-dark .bi-water-mark .bi-input { color: #6b7084; } .bi-theme-dark .bi-water-mark .bi-textarea { color: #6b7084; } .bi-resizer { background: #232E40; opacity: 0.2; filter: alpha(opacity=20); z-index: 1000000000 !important; } .bi-theme-dark .bi-resizer { background: #ffffff; } .bi-mask { color: #ffffff; background-color: rgba(35, 46, 64, 0.2); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33232e40,endColorstr=#33232e40); } .bi-mask .bi-input { color: #ffffff; } .bi-mask .bi-textarea { color: #ffffff; } .bi-theme-dark .bi-mask { color: #20263b; background-color: rgba(255, 255, 255, 0.2); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33ffffff,endColorstr=#33ffffff); } .bi-theme-dark .bi-mask .bi-input { color: #20263b; } .bi-theme-dark .bi-mask .bi-textarea { color: #20263b; } .bi-z-index-mask { background-color: rgba(35, 46, 64, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80232e40,endColorstr=#80232e40); } .bi-theme-dark .bi-z-index-mask { background-color: rgba(25, 27, 43, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc191b2b,endColorstr=#cc191b2b); } .bi-list-item:hover, .bi-list-item.hover { color: #232e40; background-color: rgba(54, 133, 242, 0.05); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d3685f2,endColorstr=#0d3685f2); } .bi-list-item:hover .bi-input, .bi-list-item.hover .bi-input { color: #232e40; } .bi-list-item:hover .bi-textarea, .bi-list-item.hover .bi-textarea { color: #232e40; } .bi-list-item.disabled, .bi-list-item.disabled:hover, .bi-list-item.disabled:active { background-color: transparent !important; color: #9ea6b2 !important; } .bi-list-item.disabled .bi-input, .bi-list-item.disabled:hover .bi-input, .bi-list-item.disabled:active .bi-input { color: #9ea6b2 !important; } .bi-list-item.disabled .bi-textarea, .bi-list-item.disabled:hover .bi-textarea, .bi-list-item.disabled:active .bi-textarea { color: #9ea6b2 !important; } .bi-list-item.disabled .bi-high-light, .bi-list-item.disabled:hover .bi-high-light, .bi-list-item.disabled:active .bi-high-light { color: #9ea6b2 !important; } .bi-theme-dark .bi-list-item:hover, .bi-theme-dark .bi-list-item.hover { color: #ffffff; background-color: rgba(54, 133, 242, 0.05); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d3685f2,endColorstr=#0d3685f2); } .bi-theme-dark .bi-list-item:hover .bi-input, .bi-theme-dark .bi-list-item.hover .bi-input { color: #ffffff; } .bi-theme-dark .bi-list-item:hover .bi-textarea, .bi-theme-dark .bi-list-item.hover .bi-textarea { color: #ffffff; } .bi-theme-dark .bi-list-item.disabled, .bi-theme-dark .bi-list-item.disabled:hover, .bi-theme-dark .bi-list-item.disabled:active { background-color: transparent !important; color: #878d9f !important; } .bi-theme-dark .bi-list-item.disabled .bi-input, .bi-theme-dark .bi-list-item.disabled:hover .bi-input, .bi-theme-dark .bi-list-item.disabled:active .bi-input { color: #878d9f !important; } .bi-theme-dark .bi-list-item.disabled .bi-textarea, .bi-theme-dark .bi-list-item.disabled:hover .bi-textarea, .bi-theme-dark .bi-list-item.disabled:active .bi-textarea { color: #878d9f !important; } .bi-theme-dark .bi-list-item.disabled .bi-high-light, .bi-theme-dark .bi-list-item.disabled:hover .bi-high-light, .bi-theme-dark .bi-list-item.disabled:active .bi-high-light { color: #878d9f !important; } .bi-list-item-border:active, .bi-list-item-border.active { border: 1px solid #3685f2; } .bi-list-item-simple:hover, .bi-list-item-simple.hover { color: #3685f2; } .bi-list-item-simple:hover .bi-input, .bi-list-item-simple.hover .bi-input { color: #3685f2; } .bi-list-item-simple:hover .bi-textarea, .bi-list-item-simple.hover .bi-textarea { color: #3685f2; } .bi-list-item-simple.disabled, .bi-list-item-simple.disabled:hover, .bi-list-item-simple.disabled:active { color: #9ea6b2 !important; } .bi-list-item-simple.disabled .bi-input, .bi-list-item-simple.disabled:hover .bi-input, .bi-list-item-simple.disabled:active .bi-input { color: #9ea6b2 !important; } .bi-list-item-simple.disabled .bi-textarea, .bi-list-item-simple.disabled:hover .bi-textarea, .bi-list-item-simple.disabled:active .bi-textarea { color: #9ea6b2 !important; } .bi-list-item-simple.disabled .bi-high-light, .bi-list-item-simple.disabled:hover .bi-high-light, .bi-list-item-simple.disabled:active .bi-high-light { color: #9ea6b2 !important; } .bi-list-item-effect:hover { color: #232e40; } .bi-list-item-effect:hover .bi-input { color: #232e40; } .bi-list-item-effect:hover .bi-textarea { color: #232e40; } .bi-list-item-effect.active, .bi-list-item-effect:active { color: #3685f2; } .bi-list-item-effect.active .bi-input, .bi-list-item-effect:active .bi-input { color: #3685f2; } .bi-list-item-effect.active .bi-textarea, .bi-list-item-effect:active .bi-textarea { color: #3685f2; } .bi-list-item-effect.disabled, .bi-list-item-effect.disabled:hover, .bi-list-item-effect.disabled:active { color: #9ea6b2 !important; } .bi-list-item-effect.disabled .bi-input, .bi-list-item-effect.disabled:hover .bi-input, .bi-list-item-effect.disabled:active .bi-input { color: #9ea6b2 !important; } .bi-list-item-effect.disabled .bi-textarea, .bi-list-item-effect.disabled:hover .bi-textarea, .bi-list-item-effect.disabled:active .bi-textarea { color: #9ea6b2 !important; } .bi-list-item-effect.disabled .bi-high-light, .bi-list-item-effect.disabled:hover .bi-high-light, .bi-list-item-effect.disabled:active .bi-high-light { color: #9ea6b2 !important; } .bi-theme-dark .bi-list-item-effect:hover { color: #ffffff; } .bi-theme-dark .bi-list-item-effect:hover .bi-input { color: #ffffff; } .bi-theme-dark .bi-list-item-effect:hover .bi-textarea { color: #ffffff; } .bi-theme-dark .bi-list-item-effect.active, .bi-theme-dark .bi-list-item-effect:active { color: #3685f2; } .bi-theme-dark .bi-list-item-effect.active .bi-input, .bi-theme-dark .bi-list-item-effect:active .bi-input { color: #3685f2; } .bi-theme-dark .bi-list-item-effect.active .bi-textarea, .bi-theme-dark .bi-list-item-effect:active .bi-textarea { color: #3685f2; } .bi-theme-dark .bi-list-item-effect.disabled, .bi-theme-dark .bi-list-item-effect.disabled:hover, .bi-theme-dark .bi-list-item-effect.disabled:active { background-color: transparent !important; color: #878d9f !important; } .bi-theme-dark .bi-list-item-effect.disabled .bi-input, .bi-theme-dark .bi-list-item-effect.disabled:hover .bi-input, .bi-theme-dark .bi-list-item-effect.disabled:active .bi-input { color: #878d9f !important; } .bi-theme-dark .bi-list-item-effect.disabled .bi-textarea, .bi-theme-dark .bi-list-item-effect.disabled:hover .bi-textarea, .bi-theme-dark .bi-list-item-effect.disabled:active .bi-textarea { color: #878d9f !important; } .bi-theme-dark .bi-list-item-effect.disabled .bi-high-light, .bi-theme-dark .bi-list-item-effect.disabled:hover .bi-high-light, .bi-theme-dark .bi-list-item-effect.disabled:active .bi-high-light { color: #878d9f !important; } .bi-list-item-active:hover, .bi-list-item-active.hover { color: #232e40; background-color: rgba(54, 133, 242, 0.06); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0f3685f2,endColorstr=#0f3685f2); } .bi-list-item-active:hover .bi-input, .bi-list-item-active.hover .bi-input { color: #232e40; } .bi-list-item-active:hover .bi-textarea, .bi-list-item-active.hover .bi-textarea { color: #232e40; } .bi-list-item-active:active { color: #3685f2; background-color: rgba(54, 133, 242, 0.06); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0f3685f2,endColorstr=#0f3685f2); } .bi-list-item-active:active .bi-input { color: #3685f2; } .bi-list-item-active:active .bi-textarea { color: #3685f2; } .bi-list-item-active.active { color: #3685f2; } .bi-list-item-active.active .bi-input { color: #3685f2; } .bi-list-item-active.active .bi-textarea { color: #3685f2; } .bi-list-item-active.disabled, .bi-list-item-active.disabled:hover, .bi-list-item-active.disabled:active { background-color: transparent !important; color: #9ea6b2 !important; } .bi-list-item-active.disabled .bi-input, .bi-list-item-active.disabled:hover .bi-input, .bi-list-item-active.disabled:active .bi-input { color: #9ea6b2 !important; } .bi-list-item-active.disabled .bi-textarea, .bi-list-item-active.disabled:hover .bi-textarea, .bi-list-item-active.disabled:active .bi-textarea { color: #9ea6b2 !important; } .bi-list-item-active.disabled .bi-high-light, .bi-list-item-active.disabled:hover .bi-high-light, .bi-list-item-active.disabled:active .bi-high-light { color: #9ea6b2 !important; } .bi-theme-dark .bi-list-item-active:hover, .bi-theme-dark .bi-list-item-active.hover { color: #ffffff; background-color: rgba(255, 255, 255, 0.05); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dffffff,endColorstr=#0dffffff); } .bi-theme-dark .bi-list-item-active:hover .bi-input, .bi-theme-dark .bi-list-item-active.hover .bi-input { color: #ffffff; } .bi-theme-dark .bi-list-item-active:hover .bi-textarea, .bi-theme-dark .bi-list-item-active.hover .bi-textarea { color: #ffffff; } .bi-theme-dark .bi-list-item-active.active, .bi-theme-dark .bi-list-item-active:active { color: #3685f2; background-color: rgba(255, 255, 255, 0.05); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dffffff,endColorstr=#0dffffff); } .bi-theme-dark .bi-list-item-active.active .bi-input, .bi-theme-dark .bi-list-item-active:active .bi-input { color: #3685f2; } .bi-theme-dark .bi-list-item-active.active .bi-textarea, .bi-theme-dark .bi-list-item-active:active .bi-textarea { color: #3685f2; } .bi-theme-dark .bi-list-item-active.disabled, .bi-theme-dark .bi-list-item-active.disabled:hover, .bi-theme-dark .bi-list-item-active.disabled:active { background-color: transparent !important; color: #878d9f !important; } .bi-theme-dark .bi-list-item-active.disabled .bi-input, .bi-theme-dark .bi-list-item-active.disabled:hover .bi-input, .bi-theme-dark .bi-list-item-active.disabled:active .bi-input { color: #878d9f !important; } .bi-theme-dark .bi-list-item-active.disabled .bi-textarea, .bi-theme-dark .bi-list-item-active.disabled:hover .bi-textarea, .bi-theme-dark .bi-list-item-active.disabled:active .bi-textarea { color: #878d9f !important; } .bi-theme-dark .bi-list-item-active.disabled .bi-high-light, .bi-theme-dark .bi-list-item-active.disabled:hover .bi-high-light, .bi-theme-dark .bi-list-item-active.disabled:active .bi-high-light { color: #878d9f !important; } .bi-list-item-active2:hover, .bi-list-item-active2.hover { color: #232e40; background-color: rgba(54, 133, 242, 0.06); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0f3685f2,endColorstr=#0f3685f2); } .bi-list-item-active2:hover .bi-input, .bi-list-item-active2.hover .bi-input { color: #232e40; } .bi-list-item-active2:hover .bi-textarea, .bi-list-item-active2.hover .bi-textarea { color: #232e40; } .bi-list-item-active2:active, .bi-list-item-active2.active { color: #3685f2; background-color: rgba(54, 133, 242, 0.06); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0f3685f2,endColorstr=#0f3685f2); } .bi-list-item-active2:active .bi-input, .bi-list-item-active2.active .bi-input { color: #3685f2; } .bi-list-item-active2:active .bi-textarea, .bi-list-item-active2.active .bi-textarea { color: #3685f2; } .bi-list-item-active2.disabled, .bi-list-item-active2.disabled:hover, .bi-list-item-active2.disabled:active { background-color: transparent !important; color: #9ea6b2 !important; } .bi-list-item-active2.disabled .bi-input, .bi-list-item-active2.disabled:hover .bi-input, .bi-list-item-active2.disabled:active .bi-input { color: #9ea6b2 !important; } .bi-list-item-active2.disabled .bi-textarea, .bi-list-item-active2.disabled:hover .bi-textarea, .bi-list-item-active2.disabled:active .bi-textarea { color: #9ea6b2 !important; } .bi-list-item-active2.disabled .bi-high-light, .bi-list-item-active2.disabled:hover .bi-high-light, .bi-list-item-active2.disabled:active .bi-high-light { color: #9ea6b2 !important; } .bi-theme-dark .bi-list-item-active2:hover, .bi-theme-dark .bi-list-item-active2.hover { color: #ffffff; background-color: rgba(54, 133, 242, 0.06); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0f3685f2,endColorstr=#0f3685f2); } .bi-theme-dark .bi-list-item-active2:hover .bi-input, .bi-theme-dark .bi-list-item-active2.hover .bi-input { color: #ffffff; } .bi-theme-dark .bi-list-item-active2:hover .bi-textarea, .bi-theme-dark .bi-list-item-active2.hover .bi-textarea { color: #ffffff; } .bi-theme-dark .bi-list-item-active2:active, .bi-theme-dark .bi-list-item-active2.active { color: #3685f2; background-color: rgba(54, 133, 242, 0.06); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0f3685f2,endColorstr=#0f3685f2); } .bi-theme-dark .bi-list-item-active2:active .bi-input, .bi-theme-dark .bi-list-item-active2.active .bi-input { color: #3685f2; } .bi-theme-dark .bi-list-item-active2:active .bi-textarea, .bi-theme-dark .bi-list-item-active2.active .bi-textarea { color: #3685f2; } .bi-theme-dark .bi-list-item-active2.disabled, .bi-theme-dark .bi-list-item-active2.disabled:hover, .bi-theme-dark .bi-list-item-active2.disabled:active { background-color: transparent !important; color: #878d9f !important; } .bi-theme-dark .bi-list-item-active2.disabled .bi-input, .bi-theme-dark .bi-list-item-active2.disabled:hover .bi-input, .bi-theme-dark .bi-list-item-active2.disabled:active .bi-input { color: #878d9f !important; } .bi-theme-dark .bi-list-item-active2.disabled .bi-textarea, .bi-theme-dark .bi-list-item-active2.disabled:hover .bi-textarea, .bi-theme-dark .bi-list-item-active2.disabled:active .bi-textarea { color: #878d9f !important; } .bi-theme-dark .bi-list-item-active2.disabled .bi-high-light, .bi-theme-dark .bi-list-item-active2.disabled:hover .bi-high-light, .bi-theme-dark .bi-list-item-active2.disabled:active .bi-high-light { color: #878d9f !important; } .bi-list-item-select:hover, .bi-list-item-select.hover { background-color: rgba(54, 133, 242, 0.06); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0f3685f2,endColorstr=#0f3685f2); } .bi-list-item-select:active, .bi-list-item-select.active { color: #ffffff; background-color: #3685f2; } .bi-list-item-select:active .bi-input, .bi-list-item-select.active .bi-input { color: #ffffff; } .bi-list-item-select:active .bi-textarea, .bi-list-item-select.active .bi-textarea { color: #ffffff; } .bi-list-item-select:active .bi-high-light, .bi-list-item-select.active .bi-high-light { color: #ffffff; } .bi-list-item-select.button-success:active, .bi-list-item-select.button-success.active { color: #ffffff; background-color: #13cd66; } .bi-list-item-select.button-success:active .bi-input, .bi-list-item-select.button-success.active .bi-input { color: #ffffff; } .bi-list-item-select.button-success:active .bi-textarea, .bi-list-item-select.button-success.active .bi-textarea { color: #ffffff; } .bi-list-item-select.button-success:active .bi-high-light, .bi-list-item-select.button-success.active .bi-high-light { color: #ffffff; } .bi-list-item-select.button-success:active.bi-high-light-border, .bi-list-item-select.button-success.active.bi-high-light-border { border-color: #13cd66; } .bi-list-item-select.button-warning { color: #e65251; } .bi-list-item-select.button-warning .bi-input { color: #e65251; } .bi-list-item-select.button-warning .bi-textarea { color: #e65251; } .bi-list-item-select.button-warning .bi-high-light { color: #e65251; } .bi-list-item-select.button-warning.bi-high-light-border { border-color: #e65251; } .bi-list-item-select.button-warning:hover, .bi-list-item-select.button-warning.hover { color: #e65251; background-color: #ffecec; } .bi-list-item-select.button-warning:hover .bi-input, .bi-list-item-select.button-warning.hover .bi-input { color: #e65251; } .bi-list-item-select.button-warning:hover .bi-textarea, .bi-list-item-select.button-warning.hover .bi-textarea { color: #e65251; } .bi-list-item-select.button-warning:hover .bi-high-light, .bi-list-item-select.button-warning.hover .bi-high-light { color: #e65251; } .bi-list-item-select.button-warning:hover.bi-high-light-border, .bi-list-item-select.button-warning.hover.bi-high-light-border { border-color: #e65251; } .bi-list-item-select.button-warning:active, .bi-list-item-select.button-warning.active { color: #ffffff; background-color: #e65251; } .bi-list-item-select.button-warning:active .bi-input, .bi-list-item-select.button-warning.active .bi-input { color: #ffffff; } .bi-list-item-select.button-warning:active .bi-textarea, .bi-list-item-select.button-warning.active .bi-textarea { color: #ffffff; } .bi-list-item-select.button-warning:active .bi-high-light, .bi-list-item-select.button-warning.active .bi-high-light { color: #ffffff; } .bi-list-item-select.button-warning:active.bi-high-light-border, .bi-list-item-select.button-warning.active.bi-high-light-border { border-color: #e65251; } .bi-list-item-select.disabled { color: #9ea6b2 !important; background-color: transparent !important; } .bi-list-item-select.disabled .bi-input { color: #9ea6b2 !important; } .bi-list-item-select.disabled .bi-textarea { color: #9ea6b2 !important; } .bi-list-item-select.disabled .bi-high-light { color: #9ea6b2 !important; } .bi-list-item-select.disabled.bi-high-light-border { border-color: #d0d4da; } .bi-list-item-select.disabled.hover, .bi-list-item-select.disabled.active { color: #ffffff !important; background-color: #d0d4da !important; } .bi-list-item-select.disabled.hover .bi-input, .bi-list-item-select.disabled.active .bi-input { color: #ffffff !important; } .bi-list-item-select.disabled.hover .bi-textarea, .bi-list-item-select.disabled.active .bi-textarea { color: #ffffff !important; } .bi-list-item-select.disabled.hover .bi-high-light, .bi-list-item-select.disabled.active .bi-high-light { color: #9ea6b2 !important; } .bi-list-item-select.disabled.hover.bi-high-light-border, .bi-list-item-select.disabled.active.bi-high-light-border { border-color: #d0d4da; } .bi-list-item-select2:hover, .bi-list-item-select2.hover { color: #232e40; } .bi-list-item-select2:hover .bi-input, .bi-list-item-select2.hover .bi-input { color: #232e40; } .bi-list-item-select2:hover .bi-textarea, .bi-list-item-select2.hover .bi-textarea { color: #232e40; } .bi-list-item-select2:hover.bi-border, .bi-list-item-select2.hover.bi-border { border-color: #3685f2; } .bi-list-item-select2:active { color: #3685f2; } .bi-list-item-select2:active .bi-input { color: #3685f2; } .bi-list-item-select2:active .bi-textarea { color: #3685f2; } .bi-list-item-select2:active.bi-border { border-color: #3685f2; } .bi-list-item-select2.active { color: #ffffff; background-color: #3685f2; } .bi-list-item-select2.active .bi-input { color: #ffffff; } .bi-list-item-select2.active .bi-textarea { color: #ffffff; } .bi-list-item-select2.active.bi-border { border-color: #3685f2; } .bi-list-item-select2.disabled, .bi-list-item-select2.disabled:hover, .bi-list-item-select2.disabled:active { background-color: transparent !important; color: #9ea6b2 !important; } .bi-list-item-select2.disabled .bi-input, .bi-list-item-select2.disabled:hover .bi-input, .bi-list-item-select2.disabled:active .bi-input { color: #9ea6b2 !important; } .bi-list-item-select2.disabled .bi-textarea, .bi-list-item-select2.disabled:hover .bi-textarea, .bi-list-item-select2.disabled:active .bi-textarea { color: #9ea6b2 !important; } .bi-list-item-select2.disabled .bi-high-light, .bi-list-item-select2.disabled:hover .bi-high-light, .bi-list-item-select2.disabled:active .bi-high-light { color: #9ea6b2 !important; } .bi-theme-dark .bi-list-item-select2:hover, .bi-theme-dark .bi-list-item-select2.hover { color: #ffffff; background-color: #20263b; } .bi-theme-dark .bi-list-item-select2:hover .bi-input, .bi-theme-dark .bi-list-item-select2.hover .bi-input { color: #ffffff; } .bi-theme-dark .bi-list-item-select2:hover .bi-textarea, .bi-theme-dark .bi-list-item-select2.hover .bi-textarea { color: #ffffff; } .bi-theme-dark .bi-list-item-select2.active, .bi-theme-dark .bi-list-item-select2:active { color: #3685f2; background-color: #20263b; } .bi-theme-dark .bi-list-item-select2.active .bi-input, .bi-theme-dark .bi-list-item-select2:active .bi-input { color: #3685f2; } .bi-theme-dark .bi-list-item-select2.active .bi-textarea, .bi-theme-dark .bi-list-item-select2:active .bi-textarea { color: #3685f2; } .bi-theme-dark .bi-list-item-select2.disabled, .bi-theme-dark .bi-list-item-select2.disabled:hover, .bi-theme-dark .bi-list-item-select2.disabled:active { background-color: transparent !important; color: #878d9f !important; } .bi-theme-dark .bi-list-item-select2.disabled .bi-input, .bi-theme-dark .bi-list-item-select2.disabled:hover .bi-input, .bi-theme-dark .bi-list-item-select2.disabled:active .bi-input { color: #878d9f !important; } .bi-theme-dark .bi-list-item-select2.disabled .bi-textarea, .bi-theme-dark .bi-list-item-select2.disabled:hover .bi-textarea, .bi-theme-dark .bi-list-item-select2.disabled:active .bi-textarea { color: #878d9f !important; } .bi-theme-dark .bi-list-item-select2.disabled .bi-high-light, .bi-theme-dark .bi-list-item-select2.disabled:hover .bi-high-light, .bi-theme-dark .bi-list-item-select2.disabled:active .bi-high-light { color: #878d9f !important; } .bi-list-item-select3:hover, .bi-list-item-select3.hover { background-color: #f7f8fa; } .bi-list-item-select3:active, .bi-list-item-select3.active { color: #3685f2; background-color: #f7f8fa; } .bi-list-item-select3:active .bi-input, .bi-list-item-select3.active .bi-input { color: #3685f2; } .bi-list-item-select3:active .bi-textarea, .bi-list-item-select3.active .bi-textarea { color: #3685f2; } .bi-list-item-select3.disabled:hover, .bi-list-item-select3.disabled.hover, .bi-list-item-select3.disabled:active, .bi-list-item-select3.disabled.active { background-color: #ffffff !important; } .bi-theme-dark .bi-list-item-select3:hover, .bi-theme-dark .bi-list-item-select3.hover { background-color: #191b2b; } .bi-theme-dark .bi-list-item-select3:active, .bi-theme-dark .bi-list-item-select3.active { color: #3685f2; background-color: #191b2b; } .bi-theme-dark .bi-list-item-select3:active .bi-input, .bi-theme-dark .bi-list-item-select3.active .bi-input { color: #3685f2; } .bi-theme-dark .bi-list-item-select3:active .bi-textarea, .bi-theme-dark .bi-list-item-select3.active .bi-textarea { color: #3685f2; } .bi-theme-dark .bi-list-item-select3.disabled:hover, .bi-theme-dark .bi-list-item-select3.disabled.hover, .bi-theme-dark .bi-list-item-select3.disabled:active, .bi-theme-dark .bi-list-item-select3.disabled.active { background-color: #20263b !important; } .bi-theme-dark .bi-list-item-select:hover, .bi-theme-dark .bi-list-item-select.hover { color: #ffffff; background-color: rgba(255, 255, 255, 0.05); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dffffff,endColorstr=#0dffffff); } .bi-theme-dark .bi-list-item-select:hover .bi-input, .bi-theme-dark .bi-list-item-select.hover .bi-input { color: #ffffff; } .bi-theme-dark .bi-list-item-select:hover .bi-textarea, .bi-theme-dark .bi-list-item-select.hover .bi-textarea { color: #ffffff; } .bi-theme-dark .bi-list-item-select:active, .bi-theme-dark .bi-list-item-select.active { color: #ffffff; background-color: #3685f2; } .bi-theme-dark .bi-list-item-select:active .bi-input, .bi-theme-dark .bi-list-item-select.active .bi-input { color: #ffffff; } .bi-theme-dark .bi-list-item-select:active .bi-textarea, .bi-theme-dark .bi-list-item-select.active .bi-textarea { color: #ffffff; } .bi-theme-dark .bi-list-item-select:active .bi-high-light, .bi-theme-dark .bi-list-item-select.active .bi-high-light { color: #ffffff; } .bi-theme-dark .bi-list-item-select.disabled, .bi-theme-dark .bi-list-item-select.disabled:hover, .bi-theme-dark .bi-list-item-select.disabled:active { background-color: transparent !important; color: #878d9f !important; } .bi-theme-dark .bi-list-item-select.disabled .bi-input, .bi-theme-dark .bi-list-item-select.disabled:hover .bi-input, .bi-theme-dark .bi-list-item-select.disabled:active .bi-input { color: #878d9f !important; } .bi-theme-dark .bi-list-item-select.disabled .bi-textarea, .bi-theme-dark .bi-list-item-select.disabled:hover .bi-textarea, .bi-theme-dark .bi-list-item-select.disabled:active .bi-textarea { color: #878d9f !important; } .bi-theme-dark .bi-list-item-select.disabled .bi-high-light, .bi-theme-dark .bi-list-item-select.disabled:hover .bi-high-light, .bi-theme-dark .bi-list-item-select.disabled:active .bi-high-light { color: #878d9f !important; } .bi-list-item-none:hover, .bi-list-item-none.hover { color: inherit; background-color: transparent; } .bi-list-item-none:hover .bi-input, .bi-list-item-none.hover .bi-input { color: inherit; } .bi-list-item-none:hover .bi-textarea, .bi-list-item-none.hover .bi-textarea { color: inherit; } .bi-list-item-none:active, .bi-list-item-none.active { color: inherit; background-color: transparent; } .bi-list-item-none:active .bi-input, .bi-list-item-none.active .bi-input { color: inherit; } .bi-list-item-none:active .bi-textarea, .bi-list-item-none.active .bi-textarea { color: inherit; } .bi-list-item-none:active .bi-high-light, .bi-list-item-none.active .bi-high-light { color: inherit; } .bi-list-item-none.disabled, .bi-list-item-none.disabled:hover, .bi-list-item-none.disabled:active { color: #9ea6b2 !important; background-color: transparent !important; } .bi-list-item-none.disabled .bi-input, .bi-list-item-none.disabled:hover .bi-input, .bi-list-item-none.disabled:active .bi-input { color: #9ea6b2 !important; } .bi-list-item-none.disabled .bi-textarea, .bi-list-item-none.disabled:hover .bi-textarea, .bi-list-item-none.disabled:active .bi-textarea { color: #9ea6b2 !important; } .bi-list-item-none.disabled .bi-high-light, .bi-list-item-none.disabled:hover .bi-high-light, .bi-list-item-none.disabled:active .bi-high-light { color: #9ea6b2 !important; } .bi-theme-dark .bi-list-item-none:hover, .bi-theme-dark .bi-list-item-none.hover { color: inherit; background-color: transparent; } .bi-theme-dark .bi-list-item-none:hover .bi-input, .bi-theme-dark .bi-list-item-none.hover .bi-input { color: inherit; } .bi-theme-dark .bi-list-item-none:hover .bi-textarea, .bi-theme-dark .bi-list-item-none.hover .bi-textarea { color: inherit; } .bi-theme-dark .bi-list-item-none:active, .bi-theme-dark .bi-list-item-none.active { color: inherit; background-color: transparent; } .bi-theme-dark .bi-list-item-none:active .bi-input, .bi-theme-dark .bi-list-item-none.active .bi-input { color: inherit; } .bi-theme-dark .bi-list-item-none:active .bi-textarea, .bi-theme-dark .bi-list-item-none.active .bi-textarea { color: inherit; } .bi-theme-dark .bi-list-item-none:active .bi-high-light, .bi-theme-dark .bi-list-item-none.active .bi-high-light { color: inherit; } .bi-theme-dark .bi-list-item-none.disabled, .bi-theme-dark .bi-list-item-none.disabled:hover, .bi-theme-dark .bi-list-item-none.disabled:active { background-color: transparent !important; color: #878d9f !important; } .bi-theme-dark .bi-list-item-none.disabled .bi-input, .bi-theme-dark .bi-list-item-none.disabled:hover .bi-input, .bi-theme-dark .bi-list-item-none.disabled:active .bi-input { color: #878d9f !important; } .bi-theme-dark .bi-list-item-none.disabled .bi-textarea, .bi-theme-dark .bi-list-item-none.disabled:hover .bi-textarea, .bi-theme-dark .bi-list-item-none.disabled:active .bi-textarea { color: #878d9f !important; } .bi-theme-dark .bi-list-item-none.disabled .bi-high-light, .bi-theme-dark .bi-list-item-none.disabled:hover .bi-high-light, .bi-theme-dark .bi-list-item-none.disabled:active .bi-high-light { color: #878d9f !important; } /*****************cursor*****************/ .cursor-pointer { cursor: pointer; } .cursor-default { cursor: default; } .cursor-move { cursor: move; } /*****************cursor*****************/ .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; } .display-block { display: block; } .display-inline { display: inline-block; *display: inline; *zoom: 1; } .display-table { display: table; } /**常用于span元素在与combo并列时**/ .vertical-super { vertical-align: super; } .vertical-top { vertical-align: top; } .horizon-center { text-align: center; } .horizon-left { text-align: left; } /*类似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标准语法)*/ } .bi-flex-center-adapt-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; -ms-flex-pack: center; justify-content: center; /* 09版 */ -webkit-box-align: center; /* 12版 */ -webkit-align-items: center; -moz-align-items: center; -ms-flex-align: 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; -ms-flex-pack: start; justify-content: flex-start; /* 09版 */ -webkit-box-align: start; /* 12版 */ -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; -ms-flex-align: 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.v-middle { /* 09版 */ -webkit-box-align: center; /* 12版 */ -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; -o-align-items: center; align-items: center; } .bi-flex-horizontal-layout.v-bottom { /* 09版 */ -webkit-box-align: flex-end; /* 12版 */ -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; -ms-flex-align: end; -o-align-items: flex-end; align-items: flex-end; } .bi-flex-horizontal-layout.v-stretch { /* 09版 */ -webkit-box-align: stretch; /* 12版 */ -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; -ms-flex-align: stretch; -o-align-items: stretch; align-items: stretch; } .bi-flex-horizontal-layout.h-stretch { /* 09版 */ -webkit-box-orient: vertical; /* 12版 */ -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; /* 09版 */ -webkit-box-pack: center; /* 12版 */ -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -ms-flex-pack: center; -o-justify-content: center; justify-content: center; /* 09版 */ -webkit-box-align: stretch; /* 12版 */ -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; -ms-flex-align: stretch; -o-align-items: stretch; align-items: stretch; } .bi-flex-vertical-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: vertical; /* 12版 */ -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; /* 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; -ms-flex-pack: start; justify-content: flex-start; /* 09版 */ -webkit-box-align: start; /* 12版 */ -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; -ms-flex-align: 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-vertical-layout.h-center { /* 09版 */ -webkit-box-align: center; /* 12版 */ -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; -o-align-items: center; align-items: center; } .bi-flex-vertical-layout.h-right { /* 09版 */ -webkit-box-align: flex-end; /* 12版 */ -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; -ms-flex-align: end; -o-align-items: flex-end; align-items: flex-end; } .bi-flex-vertical-layout.h-stretch { /* 09版 */ -webkit-box-align: stretch; /* 12版 */ -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; -ms-flex-align: stretch; -o-align-items: stretch; align-items: stretch; } .bi-flex-vertical-layout.v-stretch { /* 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; -ms-flex-pack: center; -o-justify-content: center; justify-content: center; /* 09版 */ -webkit-box-align: stretch; /* 12版 */ -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; -ms-flex-align: stretch; -o-align-items: stretch; align-items: stretch; } .bi-flex-scrollable-center-adapt-layout .flex-scrollable-center-adapt-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; -ms-flex-pack: 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; -ms-flex-align: center; -o-align-items: center; align-items: center; min-width: 100%; min-height: 100%; float: left; } .bi-flex-scrollable-horizontal-layout .flex-scrollable-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; -ms-flex-pack: 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; -ms-flex-align: 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-scrollable-horizontal-layout .flex-scrollable-horizontal-layout-wrapper.v-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-scrollable-horizontal-layout .flex-scrollable-horizontal-layout-wrapper.v-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-scrollable-horizontal-layout .flex-scrollable-horizontal-layout-wrapper.v-stretch { /* 09版 */ -webkit-box-align: stretch; /* 12版 */ -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; -o-align-items: stretch; align-items: stretch; } .bi-flex-scrollable-horizontal-layout .flex-scrollable-horizontal-layout-wrapper.h-stretch { /* 09版 */ -webkit-box-orient: vertical; /* 12版 */ -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; /* 09版 */ -webkit-box-pack: center; /* 12版 */ -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -ms-flex-pack: center; -o-justify-content: center; justify-content: center; /* 09版 */ -webkit-box-align: stretch; /* 12版 */ -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; -ms-flex-align: stretch; -o-align-items: stretch; align-items: stretch; } .bi-flex-scrollable-vertical-layout .flex-scrollable-vertical-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: vertical; /* 12版 */ -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; /* 09版 */ -webkit-box-pack: flex-start; /* 12版 */ -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; -ms-flex-pack: 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; -ms-flex-align: 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-width: 100%; } .bi-flex-scrollable-vertical-layout .flex-scrollable-vertical-layout-wrapper.h-center { /* 09版 */ -webkit-box-align: center; /* 12版 */ -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; -o-align-items: center; align-items: center; } .bi-flex-scrollable-vertical-layout .flex-scrollable-vertical-layout-wrapper.h-right { /* 09版 */ -webkit-box-align: flex-end; /* 12版 */ -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; -ms-flex-align: end; -o-align-items: flex-end; align-items: flex-end; } .bi-flex-scrollable-vertical-layout .flex-scrollable-vertical-layout-wrapper.h-stretch { /* 09版 */ -webkit-box-align: stretch; /* 12版 */ -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; -ms-flex-align: stretch; -o-align-items: stretch; align-items: stretch; } .bi-flex-scrollable-vertical-layout .flex-scrollable-vertical-layout-wrapper.v-stretch { /* 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; -ms-flex-pack: center; -o-justify-content: center; justify-content: center; /* 09版 */ -webkit-box-align: stretch; /* 12版 */ -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; -ms-flex-align: stretch; -o-align-items: stretch; align-items: stretch; } .bi-inline-center-adapt-layout:after { display: inline-block; width: 0; min-height: 100%; vertical-align: middle; content: ' '; } .bi-inline-center-adapt-layout > .inline-center-adapt-item { display: inline-block; } .bi-inline-center-adapt-layout > .inline-center-adapt-item.x-icon { display: inline-block !important; } .bi-inline-center-adapt-layout > .bi-combo.bi-combo-popup { display: inline-block !important; } .bi-inline-vertical-adapt-layout:after { display: inline-block; width: 0; min-height: 100%; vertical-align: middle; content: ' '; } .bi-inline-vertical-adapt-layout > .inline-vertical-adapt-item { display: inline-block; } .bi-inline-vertical-adapt-layout > .inline-vertical-adapt-item.x-icon { display: inline-block !important; } .bi-inline-vertical-adapt-layout > .bi-combo.bi-combo-popup { display: inline-block !important; } .bi-theme-dark { color: #d6e0dc; } .bi-theme-dark .bi-input { color: #ffffff; }