/*! normalize.css v1.0.0 | MIT License | git.io/normalize */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, button, input, select, textarea { font-family: sans-serif; } body { margin: 0; } a:focus { outline: thin dotted; } a:active, a:hover { outline: 0; } h1 { font-size: 2em; margin: 0.67em 0; } h2 { font-size: 1.5em; margin: 0.83em 0; } h3 { font-size: 1.17em; margin: 1em 0; } h4 { font-size: 1em; margin: 1.33em 0; } h5 { font-size: .83em; margin: 1.67em 0; } h6 { font-size: .75em; margin: 2.33em 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } p, pre { margin: 1em 0; } code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ''; content: none; } small { font-size: 75%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } dl, menu, ol, ul { margin: 1em 0; } dd { margin: 0 0 0 40px; } menu, ol, ul { padding: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; } img { border: 0; -ms-interpolation-mode: bicubic; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; *overflow: visible; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } table { border-collapse: collapse; border-spacing: 0; } html, body, div, ul, ol, li, img, a, span, p, * { margin: 0; padding: 0; } a { outline: none; text-decoration: none; } a:focus { outline: 0; } input::-webkit-contacts-auto-fill-button { visibility: hidden; display: none !important; pointer-events: none; position: absolute; right: 0; } input::-ms-clear { display: none; } input, textarea { margin: 0; padding: 0; outline: none; } ul { list-style: disc; } li { list-style-type: none; } i { -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } 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-border.bi-nic-editor:hover, .bi-border.bi-rich-editor:hover, .bi-border.bi-nic-editor.hover, .bi-border.bi-rich-editor.hover { border: 1px solid #3685f2; } .bi-border.bi-rich-editor-focus, .bi-border.bi-nic-editor-focus { border: 1px solid #3685f2; -webkit-box-shadow: 0 0 0 2px #3685f2; -moz-box-shadow: 0 0 0 2px #3685f2; box-shadow: 0 0 0 2px #3685f2; } .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: #3685f2; } .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 { 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 #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: #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; }