input, textarea { border: 1px solid #d4dadd; } .bi-theme-dark input, .bi-theme-dark textarea { border: 1px solid #525466; } .base-disabled { cursor: default !important; color: #9ea6b2 !important; } .base-disabled .bi-input { color: #9ea6b2 !important; } .base-disabled .bi-textarea { color: #9ea6b2 !important; } .base-disabled .b-font:before { color: #9ea6b2 !important; } .bi-theme-dark .base-disabled { color: #666666 !important; } .bi-theme-dark .base-disabled .bi-input { color: #666666 !important; } .bi-theme-dark .base-disabled .bi-textarea { color: #666666 !important; } .bi-theme-dark .base-disabled .b-font:before { color: #666666 !important; } .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: #fafbfc; color: #3d4d66; } .bi-background .bi-input { color: #3d4d66; } .bi-background .bi-textarea { color: #3d4d66; } .bi-theme-dark .bi-background { background-color: #191B2B; color: #cccccc; } .bi-theme-dark .bi-background .bi-input { color: #cccccc; } .bi-theme-dark .bi-background .bi-textarea { color: #cccccc; } .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: #242640; color: #cccccc; } .bi-theme-dark .bi-card .bi-input { color: #cccccc; } .bi-theme-dark .bi-card .bi-textarea { color: #cccccc; } .bi-disabled { color: #9ea6b2; } .bi-disabled .bi-input { color: #9ea6b2; } .bi-disabled .bi-textarea { color: #9ea6b2; } .bi-theme-dark .bi-disabled { color: #666666; } .bi-theme-dark .bi-disabled .bi-input { color: #666666; } .bi-theme-dark .bi-disabled .bi-textarea { color: #666666; } .bi-tips { color: #c4c9d1; } .bi-tips .bi-input { color: #c4c9d1; } .bi-tips .bi-textarea { color: #c4c9d1; } .bi-border { border: 1px solid #d4dadd; } .bi-theme-dark .bi-border { border: 1px solid #525466; } .bi-border-left { border-left: 1px solid #d4dadd; } .bi-theme-dark .bi-border-left { border-left: 1px solid #525466; } .bi-border-right { border-right: 1px solid #d4dadd; } .bi-theme-dark .bi-border-right { border-right: 1px solid #525466; } .bi-border-top { border-top: 1px solid #d4dadd; } .bi-theme-dark .bi-border-top { border-top: 1px solid #525466; } .bi-border-bottom { border-bottom: 1px solid #d4dadd; } .bi-theme-dark .bi-border-bottom { border-bottom: 1px solid #525466; } .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-high-light-background { background-color: #3f8ce8; color: #ffffff; } .bi-high-light-background .bi-input { color: #ffffff; } .bi-high-light-background .bi-textarea { color: #ffffff; } .bi-high-light-border { border-color: #178cdf; } .bi-water-mark { color: #cccccc; cursor: text; } .bi-water-mark .bi-input { color: #cccccc; } .bi-water-mark .bi-textarea { color: #cccccc; } .bi-theme-dark .bi-water-mark { color: #666666; } .bi-theme-dark .bi-water-mark .bi-input { color: #666666; } .bi-theme-dark .bi-water-mark .bi-textarea { color: #666666; } .bi-resizer { background: #1a1a1a; 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(26, 26, 26, 0.2); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#331a1a1a,endColorstr=#331a1a1a); } .bi-mask .bi-input { color: #ffffff; } .bi-mask .bi-textarea { color: #ffffff; } .bi-theme-dark .bi-mask { color: #242640; 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: #242640; } .bi-theme-dark .bi-mask .bi-textarea { color: #242640; } .bi-z-index-mask { color: #ffffff; background-color: rgba(26, 26, 26, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#801a1a1a,endColorstr=#801a1a1a); } .bi-list-item:hover, .bi-list-item.hover { color: #1a1a1a; background-color: rgba(26, 26, 26, 0.05); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d1a1a1a,endColorstr=#0d1a1a1a); } .bi-list-item:hover .bi-input, .bi-list-item.hover .bi-input { color: #1a1a1a; } .bi-list-item:hover .bi-textarea, .bi-list-item.hover .bi-textarea { color: #1a1a1a; } .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(255, 255, 255, 0.05); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dffffff,endColorstr=#0dffffff); } .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: #666666 !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: #666666 !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: #666666 !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: #666666 !important; } .bi-list-item-border:active, .bi-list-item-border.active { border: 1px solid #178cdf; } .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: #1a1a1a; } .bi-list-item-effect:hover .bi-input { color: #1a1a1a; } .bi-list-item-effect:hover .bi-textarea { color: #1a1a1a; } .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: #666666 !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: #666666 !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: #666666 !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: #666666 !important; } .bi-list-item-active:hover, .bi-list-item-active.hover { color: #1a1a1a; background-color: rgba(26, 26, 26, 0.05); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d1a1a1a,endColorstr=#0d1a1a1a); } .bi-list-item-active:hover .bi-input, .bi-list-item-active.hover .bi-input { color: #1a1a1a; } .bi-list-item-active:hover .bi-textarea, .bi-list-item-active.hover .bi-textarea { color: #1a1a1a; } .bi-list-item-active.active, .bi-list-item-active:active { color: #3685f2; background-color: rgba(26, 26, 26, 0.05); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d1a1a1a,endColorstr=#0d1a1a1a); } .bi-list-item-active.active .bi-input, .bi-list-item-active:active .bi-input { color: #3685f2; } .bi-list-item-active.active .bi-textarea, .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: #666666 !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: #666666 !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: #666666 !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: #666666 !important; } .bi-list-item-active2:hover, .bi-list-item-active2.hover { color: #1a1a1a; background-color: #ffffff; } .bi-list-item-active2:hover .bi-input, .bi-list-item-active2.hover .bi-input { color: #1a1a1a; } .bi-list-item-active2:hover .bi-textarea, .bi-list-item-active2.hover .bi-textarea { color: #1a1a1a; } .bi-list-item-active2.active, .bi-list-item-active2:active { color: #3685f2; background-color: #ffffff; } .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: #242640; } .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: #242640; } .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: #666666 !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: #666666 !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: #666666 !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: #666666 !important; } .bi-list-item-select:hover, .bi-list-item-select.hover { color: #1a1a1a; background-color: rgba(26, 26, 26, 0.05); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d1a1a1a,endColorstr=#0d1a1a1a); } .bi-list-item-select:hover .bi-input, .bi-list-item-select.hover .bi-input { color: #1a1a1a; } .bi-list-item-select:hover .bi-textarea, .bi-list-item-select.hover .bi-textarea { color: #1a1a1a; } .bi-list-item-select:active, .bi-list-item-select.active { color: #ffffff; background-color: #3f8ce8; } .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: #58cc7d; } .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: #58cc7d; } .bi-list-item-select.button-warning { color: #ff4949; } .bi-list-item-select.button-warning .bi-input { color: #ff4949; } .bi-list-item-select.button-warning .bi-textarea { color: #ff4949; } .bi-list-item-select.button-warning .bi-high-light { color: #ff4949; } .bi-list-item-select.button-warning.bi-high-light-border { border-color: #e85050; } .bi-list-item-select.button-warning:hover, .bi-list-item-select.button-warning.hover { color: #ff4949; background-color: #ffecec; } .bi-list-item-select.button-warning:hover .bi-input, .bi-list-item-select.button-warning.hover .bi-input { color: #ff4949; } .bi-list-item-select.button-warning:hover .bi-textarea, .bi-list-item-select.button-warning.hover .bi-textarea { color: #ff4949; } .bi-list-item-select.button-warning:hover .bi-high-light, .bi-list-item-select.button-warning.hover .bi-high-light { color: #ff4949; } .bi-list-item-select.button-warning:hover.bi-high-light-border, .bi-list-item-select.button-warning.hover.bi-high-light-border { border-color: #e85050; } .bi-list-item-select.button-warning:active, .bi-list-item-select.button-warning.active { color: #ffffff; background-color: #ff4949; } .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: #e85050; } .bi-list-item-select.disabled, .bi-list-item-select.disabled:hover, .bi-list-item-select.disabled:active { color: #9ea6b2 !important; background-color: transparent !important; } .bi-list-item-select.disabled .bi-input, .bi-list-item-select.disabled:hover .bi-input, .bi-list-item-select.disabled:active .bi-input { color: #9ea6b2 !important; } .bi-list-item-select.disabled .bi-textarea, .bi-list-item-select.disabled:hover .bi-textarea, .bi-list-item-select.disabled:active .bi-textarea { color: #9ea6b2 !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: #9ea6b2 !important; } .bi-list-item-select.disabled.bi-high-light-border, .bi-list-item-select.disabled:hover.bi-high-light-border, .bi-list-item-select.disabled:active.bi-high-light-border { border-color: #cccccc; } .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: #3f8ce8; } .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: #666666 !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: #666666 !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: #666666 !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: #666666 !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: #666666 !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: #666666 !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: #666666 !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: #666666 !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; } /**常用于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-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-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; -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.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.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-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; -ms-flex-pack: start; justify-content: flex-start; /* 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; /* 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-center.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-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; -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-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; -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-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; -ms-flex-pack: 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; -ms-flex-align: 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; } .bi-flex-wrapper-vertical-center .flex-wrapper-vertical-center-wrapper.stretch { width: 100%; /* 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; -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; -o-align-items: stretch; align-items: stretch; } .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.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.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-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; -ms-flex-pack: start; justify-content: flex-start; /* 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; /* 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-center.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-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; -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-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; -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-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; -ms-flex-pack: 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; -ms-flex-align: 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; } .bi-flex-wrapper-vertical-center .flex-wrapper-vertical-center-wrapper.stretch { width: 100%; /* 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; -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; -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-vertical-adapt-layout:after { display: inline-block; width: 0; min-height: 100%; vertical-align: middle; content: ' '; } .bi-theme-dark { background-color: #191B2B; color: #cccccc; } .bi-theme-dark .bi-input { color: #ffffff; }