/*! 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: #000000; } 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; border: 1px solid #d4dadd; } .bi-theme-dark input, .bi-theme-dark textarea { border: 1px solid #525466; } 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; } .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-z-index-mask .bi-input { color: #ffffff; } .bi-z-index-mask .bi-textarea { color: #ffffff; } .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 { color: #c4c9d1; } .bi-list-item-simple .bi-input { color: #c4c9d1; } .bi-list-item-simple .bi-textarea { color: #c4c9d1; } .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-active3:hover, .bi-list-item-active3.hover { color: #ff4949; background-color: #ffecec; } .bi-list-item-active3:hover .bi-input, .bi-list-item-active3.hover .bi-input { color: #ff4949; } .bi-list-item-active3:hover .bi-textarea, .bi-list-item-active3.hover .bi-textarea { color: #ff4949; } .bi-list-item-active3.active, .bi-list-item-active3:active { color: #ffffff; background-color: #ff4949; } .bi-list-item-active3.active .bi-input, .bi-list-item-active3:active .bi-input { color: #ffffff; } .bi-list-item-active3.active .bi-textarea, .bi-list-item-active3:active .bi-textarea { color: #ffffff; } .bi-list-item-active3.disabled, .bi-list-item-active3.disabled:hover, .bi-list-item-active3.disabled:active { background-color: transparent !important; color: #9ea6b2 !important; } .bi-list-item-active3.disabled .bi-input, .bi-list-item-active3.disabled:hover .bi-input, .bi-list-item-active3.disabled:active .bi-input { color: #9ea6b2 !important; } .bi-list-item-active3.disabled .bi-textarea, .bi-list-item-active3.disabled:hover .bi-textarea, .bi-list-item-active3.disabled:active .bi-textarea { color: #9ea6b2 !important; } .bi-list-item-active3.disabled .bi-high-light, .bi-list-item-active3.disabled:hover .bi-high-light, .bi-list-item-active3.disabled:active .bi-high-light { color: #9ea6b2 !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-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 > * { margin: auto; } .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-horizontal-layout > * { margin: auto; } .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-vertical-center > * { margin: auto; } .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-center-layout > * { margin: auto; } .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-horizontal-layout .flex-wrapper-horizontal-layout-wrapper > * { margin: auto; } .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-wrapper-vertical-center .flex-wrapper-vertical-center-wrapper > * { margin: auto; } .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; } .bi-color-chooser-trigger { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; box-shadow: 0px 0px 2px 1px #d4dadd inset; -webkit-box-shadow: 0px 0px 2px 1px #d4dadd inset; -moz-box-shadow: 0px 0px 2px 1px #d4dadd inset; } .bi-color-picker-button .color-picker-button-mask { border: 1px solid #1a1a1a; } .bi-theme-dark .bi-color-picker-button .color-picker-button-mask { border: 1px solid #ffffff; } .bi-color-picker-editor .color-picker-editor-display { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; box-shadow: 0px 0px 2px 1px #d4dadd inset; -webkit-box-shadow: 0px 0px 2px 1px #d4dadd inset; -moz-box-shadow: 0px 0px 2px 1px #d4dadd inset; } .farbtastic { position: relative; } .farbtastic * { position: absolute; cursor: crosshair; } .farbtastic, .farbtastic .wheel { width: 195px; height: 195px; } .farbtastic .color, .farbtastic .overlay { top: 47px; left: 47px; width: 101px; height: 101px; } .farbtastic .wheel { width: 195px; height: 195px; } .farbtastic .marker { width: 17px; height: 17px; margin: -8px 0 0 -8px; overflow: hidden; } .bi-bubble-combo .button-combo-triangle-wrapper { position: fixed !important; } .bi-bubble-combo .bubble-combo-triangle-left { z-index: 1; width: 0; height: 0; border-top: 6px solid transparent; border-left: 6px solid #3f8ce8; border-bottom: 6px solid transparent; } .bi-bubble-combo .bubble-combo-triangle-right { z-index: 1; width: 0; height: 0; border-top: 6px solid transparent; border-right: 6px solid #3f8ce8; border-bottom: 6px solid transparent; } .bi-bubble-combo .bubble-combo-triangle-top { z-index: 1; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #3f8ce8; } .bi-bubble-combo .bubble-combo-triangle-bottom { z-index: 1; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #3f8ce8; } .bi-combo.bi-combo-popup { display: block !important; } .bi-bubble-popup-view { } .bi-adapt-editor .adapt-editor-text { font-size: 14px; } /*************BI.SearchEditor******************/ .bi-search-editor .close-font { font-size: 20px; } .bi-search-editor .search-font { font-size: 20px; } /*************BI.SearchEditor******************/ .bi-small-search-editor .bi-editor { font-size: 12px; } .bi-small-search-editor .bi-editor .bi-input { font-size: 12px; } .bi-small-search-editor .bi-editor .bi-label { font-size: 12px; } .bi-small-search-editor .close-font { font-size: 18px; } .bi-small-search-editor .search-font { font-size: 18px; } .bi-sign-initial-editor .sign-initial-editor-text { font-size: 14px; } /* BASICS */ .CodeMirror { /* Set height, width, borders, and global font properties here */ font-family: monospace; cursor: text; width: 100%; height: 100%; } /* PADDING */ .CodeMirror-lines { padding: 4px 0; /* Vertical padding around content */ } .CodeMirror pre { padding: 0 4px; /* Horizontal padding of content */ } .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler { background-color: white; /* The little square between H and V scrollbars */ } /* GUTTER */ .CodeMirror-gutters { border-right: 1px solid #ddd; background-color: #f7f7f7; white-space: nowrap; } .CodeMirror-linenumber { padding: 0 3px 0 5px; min-width: 20px; text-align: right; color: #999; white-space: nowrap; } .CodeMirror-guttermarker { color: black; } .CodeMirror-guttermarker-subtle { color: #999; } /* CURSOR */ .CodeMirror div.CodeMirror-cursor { border-left: 1px solid #1a1a1a; } .bi-theme-dark .CodeMirror div.CodeMirror-cursor { border-left: 1px solid #ffffff; } /* Shown when moving in bi-directional text */ .CodeMirror div.CodeMirror-secondarycursor { border-left: 1px solid silver; } .CodeMirror.cm-fat-cursor div.CodeMirror-cursor { width: auto; border: 0; background: #7e7; } .CodeMirror.cm-fat-cursor div.CodeMirror-cursors { z-index: 1; } .cm-animate-fat-cursor { width: auto; border: 0; -webkit-animation: blink 1.06s steps(1) infinite; -moz-animation: blink 1.06s steps(1) infinite; animation: blink 1.06s steps(1) infinite; } @-moz-keyframes blink { 0% { background: #7e7; } 50% { background: none; } 100% { background: #7e7; } } @-webkit-keyframes blink { 0% { background: #7e7; } 50% { background: none; } 100% { background: #7e7; } } @keyframes blink { 0% { background: #7e7; } 50% { background: none; } 100% { background: #7e7; } } /* Can style cursor different in overwrite (non-insert) mode */ .cm-tab { display: inline-block; text-decoration: inherit; } .CodeMirror-ruler { border-left: 1px solid #ccc; position: absolute; } /* DEFAULT THEME */ .cm-s-default .cm-header { color: blue; } .cm-s-default .cm-quote { color: #090; } .cm-negative { color: #d44; } .cm-positive { color: #292; } .cm-header, .cm-strong { font-weight: bold; } .cm-em { font-style: italic; } .cm-link { text-decoration: underline; } .cm-strikethrough { text-decoration: line-through; } .cm-s-default .cm-atom { color: #219; } .cm-s-default .cm-number { color: #164; } .cm-s-default .cm-def { color: #00f; } .cm-s-default .cm-variable-2 { color: #05a; } .cm-s-default .cm-variable-3 { color: #085; } .cm-s-default .cm-comment { color: #a50; } .cm-s-default .cm-string { color: #a11; } .cm-s-default .cm-string-2 { color: #f50; } .cm-s-default .cm-meta { color: #555; } .cm-s-default .cm-qualifier { color: #555; } .cm-s-default .cm-builtin { color: #30a; } .cm-s-default .cm-bracket { color: #997; } .cm-s-default .cm-tag { color: #170; } .cm-s-default .cm-attribute { color: #00c; } .cm-s-default .cm-hr { color: #999; } .cm-s-default .cm-link { color: #00c; } .cm-s-default span[class*="fieldName"] { display: inline-block; color: white; background: #3685f2; padding: 0 5px; margin: 1px 1px; } .cm-s-default span[class*="start"] { -webkit-border-radius: 3px 0px 0px 3px; -moz-border-radius: 3px 0px 0px 3px; border-radius: 3px 0px 0px 3px; margin-left: 3px; } .cm-s-default span[class*="end"] { -webkit-border-radius: 0px 3px 3px 0px; -moz-border-radius: 0px 3px 3px 0px; border-radius: 0px 3px 3px 0px; margin-right: 3px; } .cm-s-default span[class*="start end"] { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .cm-s-default span[class*="#"] { color: #3685f2; } .cm-s-default .cm-error { color: #f00; } .cm-invalidchar { color: #f00; } .CodeMirror-composing { border-bottom: 2px solid; } /* Default styles for common addons */ div.CodeMirror span.CodeMirror-matchingbracket { color: #0f0; } div.CodeMirror span.CodeMirror-nonmatchingbracket { color: #f22; } .CodeMirror-matchingtag { background: rgba(255, 150, 0, 0.3); } .CodeMirror-activeline-background { background: #e8f2ff; } /* STOP */ /* The rest of this file contains styles related to the mechanics of the editor. You probably shouldn't touch them. */ .CodeMirror { position: relative; overflow: hidden; } .CodeMirror-scroll { overflow: scroll !important; /* Things will break if this is overridden */ /* 30px is the magic margin used to hide the element's real scrollbars */ /* See overflow: hidden in .CodeMirror */ margin-bottom: -30px; margin-right: -30px; padding-bottom: 30px; height: 100%; outline: none; /* Prevent dragging from highlighting the element */ position: relative; } .CodeMirror-sizer { position: relative; border-right: 30px solid transparent; } /* The fake, visible scrollbars. Used to force redraw during scrolling before actuall scrolling happens, thus preventing shaking and flickering artifacts. */ .CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler { position: absolute; z-index: 6; display: none; } .CodeMirror-vscrollbar { right: 0; top: 0; overflow-x: hidden; overflow-y: scroll; } .CodeMirror-hscrollbar { bottom: 0; left: 0; overflow-y: hidden; overflow-x: scroll; } .CodeMirror-scrollbar-filler { right: 0; bottom: 0; } .CodeMirror-gutter-filler { left: 0; bottom: 0; } .CodeMirror-gutters { position: absolute; left: 0; top: 0; z-index: 3; } .CodeMirror-gutter { white-space: normal; height: 100%; display: inline-block; margin-bottom: -30px; /* Hack to make IE7 behave */ *zoom: 1; *display: inline; } .CodeMirror-gutter-wrapper { position: absolute; z-index: 4; height: 100%; } .CodeMirror-gutter-elt { position: absolute; cursor: default; z-index: 4; } .CodeMirror-gutter-wrapper { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .CodeMirror-lines { cursor: text; min-height: 1px; /* prevents collapsing before first draw */ } .CodeMirror pre { /* Reset some styles that the rest of the page might have set */ -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border-width: 0; background: transparent; font-family: inherit; font-size: inherit; margin: 0; white-space: pre; word-wrap: normal; color: inherit; z-index: 2; position: relative; overflow: visible; -webkit-tap-highlight-color: transparent; } .codemirror-high-line-height { line-height: 2; } .codemirror-low-line-height { line-height: 1.4; } .CodeMirror-wrap pre { word-wrap: break-word; white-space: pre-wrap; word-break: normal; } .CodeMirror-linebackground { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; } .CodeMirror-linewidget { position: relative; z-index: 2; overflow: auto; } .CodeMirror-code { outline: none; } /* Force content-box sizing for the elements where we expect it */ .CodeMirror-scroll, .CodeMirror-sizer, .CodeMirror-gutter, .CodeMirror-gutters, .CodeMirror-linenumber { -moz-box-sizing: content-box; box-sizing: content-box; } .CodeMirror-measure { position: absolute; width: 100%; height: 0; overflow: hidden; visibility: hidden; } .CodeMirror-measure pre { position: static; } .CodeMirror div.CodeMirror-cursor { position: absolute; border-right: none; width: 0; } div.CodeMirror-cursors { visibility: hidden; position: relative; z-index: 3; } .CodeMirror-focused div.CodeMirror-cursors { visibility: visible; } .CodeMirror-selected { background: #d9d9d9; } .CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; } .CodeMirror-crosshair { cursor: crosshair; } .CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; } .CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; } .cm-searching { background: #ffa; background: rgba(255, 255, 0, 0.4); } /* IE7 hack to prevent it from returning funny offsetTops on the spans */ .CodeMirror span { *vertical-align: text-bottom; } /* Used to force a border model for a node */ .cm-force-border { padding-right: .1px; } @media print { /* Hide the cursor when printing */ .CodeMirror div.CodeMirror-cursors { visibility: hidden; } } /* See issue #2901 */ .cm-tab-wrap-hack:after { content: ''; } /* Help users use markselection to safely style text background */ span.CodeMirror-selectedtext { background: none; } /*addon: show-hint*/ .CodeMirror-hints { position: absolute; z-index: 10000; overflow: hidden; list-style: none; margin: 0; padding: 2px; -webkit-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.2); box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.2); border-radius: 3px; border: 1px solid silver; background: white; font-size: 90%; font-family: monospace; max-height: 20em; overflow-y: auto; } .CodeMirror-hint { margin: 0; padding: 0 4px; border-radius: 2px; max-width: 19em; overflow: hidden; white-space: pre; color: black; cursor: pointer; } .CodeMirror-hints { z-index: 1000000000; } li.CodeMirror-hint-active { background: #08f; color: white; } .bi-message-title { font-size: 16px; cursor: pointer; } .bi-message-text { font-size: 16px; -webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; -o-user-select: text; user-select: text; } .bi-message-content { font-size: 16px; } .bi-message-close { font-size: 25px; } .bi-multi-list-view .bi-button-mask { opacity: 0.1; filter: alpha(opacity=10); } .bi-panel { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .bi-panel .panel-title .panel-title-text { cursor: text; font-size: 14px; } .bi-all-count-pager .all-pager-prev { font-size: 16px; } .bi-all-count-pager .all-pager-next { font-size: 16px; } .bi-pager .page-item { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .bi-direction-pager .direction-pager-prev { font-size: 16px; } .bi-direction-pager .direction-pager-next { font-size: 16px; } .bi-rich-editor-text-toolbar .text-toolbar-button { font-size: 16px; } .bi-segment > .center-element { overflow: hidden; overflow-x: hidden; overflow-y: hidden; background: #ffffff; border-right: 1px solid #d4dadd; border-top: 1px solid #d4dadd; border-bottom: 1px solid #d4dadd; } .bi-segment > .first-element { border-left: 1px solid #d4dadd; -webkit-border-radius: 6px 0px 0px 6px; -moz-border-radius: 6px 0px 0px 6px; border-radius: 6px 0px 0px 6px; } .bi-segment > .last-element { -webkit-border-radius: 0px 6px 6px 0px; -moz-border-radius: 0px 6px 6px 0px; border-radius: 0px 6px 6px 0px; } .bi-theme-dark .bi-segment > .center-element { overflow: hidden; overflow-x: hidden; overflow-y: hidden; background: #242640; border-right: 1px solid #525466; border-top: 1px solid #525466; border-bottom: 1px solid #525466; } .bi-theme-dark .bi-segment > .first-element { border-left: 1px solid #242640; } body .bi-button, #body .bi-button { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid #178cdf; background-color: #3f8ce8; text-align: center; vertical-align: middle; cursor: pointer; font-size: 14px; } body .bi-button.block, #body .bi-button.block { font-size: inherit; border-width: 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } body .bi-button.clear, #body .bi-button.clear { font-size: inherit; border-width: 0; background-color: transparent; } body .bi-button.clear:hover, #body .bi-button.clear:hover, body .bi-button.clear:active, #body .bi-button.clear:active { opacity: 0.75; filter: alpha(opacity=75); } body .bi-button.button-common, #body .bi-button.button-common, body .bi-button.button-common .b-font:before, #body .bi-button.button-common .b-font:before { color: #ffffff; } body .bi-button.button-common.clear, #body .bi-button.button-common.clear, body .bi-button.button-common.clear .b-font:before, #body .bi-button.button-common.clear .b-font:before { color: #3685f2; } body .bi-button.button-ignore, #body .bi-button.button-ignore { background-color: #ffffff; border-color: #d4dadd; } body .bi-button.button-ignore, #body .bi-button.button-ignore, body .bi-button.button-ignore .b-font:before, #body .bi-button.button-ignore .b-font:before { color: #1a1a1a; } body .bi-button.button-ignore.clear, #body .bi-button.button-ignore.clear { background-color: transparent; border-width: 0; } body .bi-button.button-success, #body .bi-button.button-success { background-color: #58cc7d; border-color: #58cc7d; } body .bi-button.button-success, #body .bi-button.button-success, body .bi-button.button-success .b-font:before, #body .bi-button.button-success .b-font:before { color: #ffffff; } body .bi-button.button-success.clear, #body .bi-button.button-success.clear { background-color: transparent; border-width: 0; } body .bi-button.button-success.clear, #body .bi-button.button-success.clear, body .bi-button.button-success.clear .b-font:before, #body .bi-button.button-success.clear .b-font:before { color: #5cb75d; } body .bi-button.button-warning, #body .bi-button.button-warning { background-color: #ff4949; border-color: #e85050; } body .bi-button.button-warning, #body .bi-button.button-warning, body .bi-button.button-warning .b-font:before, #body .bi-button.button-warning .b-font:before { color: #ffffff; } body .bi-button.button-warning.clear, #body .bi-button.button-warning.clear { background-color: transparent; border-width: 0; } body .bi-button.button-warning.clear, #body .bi-button.button-warning.clear, body .bi-button.button-warning.clear .b-font:before, #body .bi-button.button-warning.clear .b-font:before { color: #ff4949; } body .bi-button.button-common.disabled, #body .bi-button.button-common.disabled, body .bi-button.button-success.disabled, #body .bi-button.button-success.disabled, body .bi-button.button-warning.disabled, #body .bi-button.button-warning.disabled, body .bi-button.button-common.disabled.base-disabled, #body .bi-button.button-common.disabled.base-disabled, body .bi-button.button-success.disabled.base-disabled, #body .bi-button.button-success.disabled.base-disabled, body .bi-button.button-warning.disabled.base-disabled, #body .bi-button.button-warning.disabled.base-disabled { background: #cccccc !important; border-color: #cccccc !important; } body .bi-button.button-common.disabled, #body .bi-button.button-common.disabled, body .bi-button.button-success.disabled, #body .bi-button.button-success.disabled, body .bi-button.button-warning.disabled, #body .bi-button.button-warning.disabled, body .bi-button.button-common.disabled.base-disabled, #body .bi-button.button-common.disabled.base-disabled, body .bi-button.button-success.disabled.base-disabled, #body .bi-button.button-success.disabled.base-disabled, body .bi-button.button-warning.disabled.base-disabled, #body .bi-button.button-warning.disabled.base-disabled, body .bi-button.button-common.disabled .b-font:before, #body .bi-button.button-common.disabled .b-font:before, body .bi-button.button-success.disabled .b-font:before, #body .bi-button.button-success.disabled .b-font:before, body .bi-button.button-warning.disabled .b-font:before, #body .bi-button.button-warning.disabled .b-font:before, body .bi-button.button-common.disabled.base-disabled .b-font:before, #body .bi-button.button-common.disabled.base-disabled .b-font:before, body .bi-button.button-success.disabled.base-disabled .b-font:before, #body .bi-button.button-success.disabled.base-disabled .b-font:before, body .bi-button.button-warning.disabled.base-disabled .b-font:before, #body .bi-button.button-warning.disabled.base-disabled .b-font:before { color: #ffffff !important; } body .bi-button.button-ignore.disabled, #body .bi-button.button-ignore.disabled { background: #ffffff !important; border-color: #d4dadd !important; } body .bi-button.button-ignore.disabled, #body .bi-button.button-ignore.disabled, body .bi-button.button-ignore.disabled .b-font:before, #body .bi-button.button-ignore.disabled .b-font:before { color: #9ea6b2 !important; } body .bi-button.button-common.disabled.clear, #body .bi-button.button-common.disabled.clear, body .bi-button.button-success.disabled.clear, #body .bi-button.button-success.disabled.clear, body .bi-button.button-warning.disabled.clear, #body .bi-button.button-warning.disabled.clear, body .bi-button.button-ignore.disabled.clear, #body .bi-button.button-ignore.disabled.clear { background: transparent !important; border-width: 0 !important; } body .bi-button.button-common.disabled.clear, #body .bi-button.button-common.disabled.clear, body .bi-button.button-success.disabled.clear, #body .bi-button.button-success.disabled.clear, body .bi-button.button-warning.disabled.clear, #body .bi-button.button-warning.disabled.clear, body .bi-button.button-ignore.disabled.clear, #body .bi-button.button-ignore.disabled.clear, body .bi-button.button-common.disabled.clear .b-font:before, #body .bi-button.button-common.disabled.clear .b-font:before, body .bi-button.button-success.disabled.clear .b-font:before, #body .bi-button.button-success.disabled.clear .b-font:before, body .bi-button.button-warning.disabled.clear .b-font:before, #body .bi-button.button-warning.disabled.clear .b-font:before, body .bi-button.button-ignore.disabled.clear .b-font:before, #body .bi-button.button-ignore.disabled.clear .b-font:before { color: #9ea6b2 !important; } body .bi-button.button-common.disabled.clear:hover, #body .bi-button.button-common.disabled.clear:hover, body .bi-button.button-success.disabled.clear:hover, #body .bi-button.button-success.disabled.clear:hover, body .bi-button.button-warning.disabled.clear:hover, #body .bi-button.button-warning.disabled.clear:hover, body .bi-button.button-ignore.disabled.clear:hover, #body .bi-button.button-ignore.disabled.clear:hover, body .bi-button.button-common.disabled.clear:active, #body .bi-button.button-common.disabled.clear:active, body .bi-button.button-success.disabled.clear:active, #body .bi-button.button-success.disabled.clear:active, body .bi-button.button-warning.disabled.clear:active, #body .bi-button.button-warning.disabled.clear:active, body .bi-button.button-ignore.disabled.clear:active, #body .bi-button.button-ignore.disabled.clear:active { opacity: 1; filter: alpha(opacity=100); } .bi-basic-button.button-common .bi-button-mask, .bi-basic-button.button-success .bi-button-mask, .bi-basic-button.button-warning .bi-button-mask { opacity: 0.2; filter: alpha(opacity=20); background-color: #ffffff; } .bi-basic-button .bi-button-mask { opacity: 0.2; filter: alpha(opacity=20); background-color: #1a1a1a; } .bi-single-select-icon-text-item:active .b-font:before, .bi-single-select-icon-text-item.active .b-font:before { color: #3685f2; } .bi-code-editor .param { color: #ffffff; padding: 0 5px; margin: 1px 1px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #3f8ce8; display: inline-block; } .bi-code-editor .error-param { color: #ff4949; padding: 0 5px; margin: 1px 1px; display: inline-block; } .bi-editor { font-size: 12px; } .bi-multifile-editor .multifile-editor { text-align: right; cursor: pointer; font-size: 100px; z-index: 2; } .bi-shelter-editor .shelter-editor-text { font-size: 12px; } .bi-sign-editor .sign-editor-text { font-size: 12px; } .bi-textarea-editor { overflow: hidden; overflow-x: hidden; overflow-y: hidden; } .bi-textarea-editor .textarea-editor-content { font-size: 12px; } .bi-textarea-editor .textarea-editor-content { border: none; } .bi-file { opacity: 0; filter: alpha(opacity=0); z-index: 2; } .bi-input, .bi-textarea { border: none; outline: none; background-color: transparent; padding: 0; margin: 0; width: 100%; height: 100%; } .bi-input.bi-input-focus, .bi-textarea.bi-input-focus { border: none; } .bi-input.bi-input-error, .bi-textarea.bi-input-error { border: none; color: #ff4949 !important; } .bi-label { text-overflow: ellipsis; overflow-x: hidden; overflow-y: hidden; white-space: nowrap; word-break: break-all; } .bi-text { text-overflow: ellipsis; overflow-x: hidden; overflow-y: hidden; white-space: nowrap; -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标准语法)*/ word-wrap: break-word; word-break: break-word; } .bi-bubble { font-size: 14px; } .bi-bubble .bubble-text { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #ffecec; color: #ff4949; } .bi-tip { position: fixed !important; } .bi-toast { font-size: 14px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .bi-toast.toast-success { background: #e1f4e7; color: #5cb75d; } .bi-toast.toast-warning { background: #ffecec; color: #ff4949; } .bi-tooltip { max-width: 250px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-size: 12px; } .bi-tooltip.tooltip-success { background: #fff5c1; border: 1px solid #fff5c1; color: #1a1a1a; } .bi-tooltip.tooltip-warning { background: #ffecec; color: #ff4949; border: 1px solid #f4cbcb; } .bi-sql-editor .cm-s-default span[class*="#"] { color: #3685f2; } .bi-sql-editor .cm-s-default .cm-keyword { color: #3685f2; } .bi-sql-editor .cm-s-default .cm-function { color: #3685f2; } .bi-sql-editor .param { color: #ffffff; padding: 0 5px; margin: 1px 1px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #3f8ce8; display: inline-block; } .CodeMirror-hints .sql-fr-function { color: #3685f2; } .CodeMirror-hints .sql-keyword { color: #3685f2; } .bi-collection-table-cell { -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标准语法)*/ } .bi-collection-table-cell.first-row { border-top: 1px solid #d4dadd; } .bi-collection-table-cell.first-col { border-left: 1px solid #d4dadd; } .bi-theme-dark .bi-collection-table-cell.first-row { border-top: 1px solid #525466; } .bi-theme-dark .bi-collection-table-cell.first-col { border-left: 1px solid #525466; } .bi-quick-collection-table > div > .bi-collection { overflow: hidden !important; overflow-x: hidden !important; overflow-y: hidden !important; } .bi-table > .first-col { border-left: none; } .bi-table > .first-row { border-top: none; } .bi-table > div > div > table { border-bottom: 1px solid #d4dadd; border-right: 1px solid #d4dadd; } .bi-table > div.top-left > div > div > table { border-bottom: 1px solid #d4dadd; border-right: 1px solid #d4dadd; } .bi-table > div.top-right > div > div > table { border-bottom: 1px solid #d4dadd; border-right: 1px solid #d4dadd; } .bi-table > div.bottom-left > div > div > table { border-bottom: 1px solid #d4dadd; border-right: 1px solid #d4dadd; } .bi-table > div.bottom-right > div > div > table { border-right: 1px solid #d4dadd; border-bottom: 1px solid #d4dadd; } .bi-table > div > div > table, .bi-table > div > div > div > table { min-width: 100%; clear: both; vertical-align: middle; border-spacing: 0; border-collapse: separate; } .bi-table > div > div > table, .bi-table > div > div > div > table, .bi-table > div > div > table > * > * > th, .bi-table > div > div > div > table > * > * > th, .bi-table > div > div > table > * > * > td, .bi-table > div > div > div > table > * > * > td { vertical-align: middle; margin: 0; padding: 0; } .bi-table > div > div > table > tbody > tr > td, .bi-table > div > div > div > table > tbody > tr > td, .bi-table > div > div > table > thead > tr > td, .bi-table > div > div > div > table > thead > tr > td { border-top: 1px solid #d4dadd; border-left: 1px solid #d4dadd; } .bi-theme-dark .bi-table > div > div > table { border-bottom: 1px solid #525466; border-right: 1px solid #525466; } .bi-theme-dark .bi-table > div.top-left > div > div > table { border-bottom: 1px solid #525466; border-right: 1px solid #525466; } .bi-theme-dark .bi-table > div.top-right > div > div > table { border-bottom: 1px solid #525466; border-right: 1px solid #525466; } .bi-theme-dark .bi-table > div.bottom-left > div > div > table { border-bottom: 1px solid #525466; border-right: 1px solid #525466; } .bi-theme-dark .bi-table > div.bottom-right > div > div > table { border-right: 1px solid #525466; border-bottom: 1px solid #525466; } .bi-theme-dark .bi-table > div > div > table > tbody > tr > td, .bi-theme-dark .bi-table > div > div > div > table > tbody > tr > td, .bi-theme-dark .bi-table > div > div > table > thead > tr > td, .bi-theme-dark .bi-table > div > div > div > table > thead > tr > td { border-top: 1px solid #525466; border-left: 1px solid #525466; } .bi-grid-table-cell { -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标准语法)*/ } .bi-grid-table-cell.first-row { border-top: 1px solid #d4dadd; } .bi-grid-table-cell.first-col { border-left: 1px solid #d4dadd; } .bi-theme-dark .bi-grid-table-cell.first-row { border-top: 1px solid #525466; } .bi-theme-dark .bi-grid-table-cell.first-col { border-left: 1px solid #525466; } .scrollbar-layout-main { box-sizing: border-box; outline: none; overflow: hidden; position: absolute; transition-duration: 250ms; transition-timing-function: ease; user-select: none; background-color: rgba(102, 102, 102, 0.05); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d666666,endColorstr=#0d666666); border-radius: 5px; } .bi-theme-dark .scrollbar-layout-main { background-color: rgba(204, 204, 204, 0.05); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dcccccc,endColorstr=#0dcccccc); } .scrollbar-layout-main-vertical { bottom: 0; right: 0; top: 0; transition-property: background-color; width: 10px; } .scrollbar-layout-main-vertical.public-scrollbar-main-active, .scrollbar-layout-main-vertical:hover { width: 10px; } .scrollbar-layout-main-horizontal { bottom: 0; height: 10px; left: 0; transition-property: background-color; background-color: rgba(102, 102, 102, 0.05); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d666666,endColorstr=#0d666666); } .bi-theme-dark .scrollbar-layout-main-horizontal { background-color: rgba(204, 204, 204, 0.05); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dcccccc,endColorstr=#0dcccccc); } /* Touching the scroll-track directly makes the scroll-track bolder */ .scrollbar-layout-main-horizontal.public-scrollbar-main-active, .scrollbar-layout-main-horizontal:hover { height: 10px; } .scrollbar-layout-face { left: 0; overflow: hidden; position: absolute; z-index: 1; } /** * This selector renders the "nub" of the scrollface. The nub must * be rendered as pseudo-element so that it won't receive any UI events then * we can get the correct `event.offsetX` and `event.offsetY` from the * scrollface element while dragging it. */ .scrollbar-layout-face:after { border-radius: 6px; content: ''; display: block; position: absolute; transition: background-color 250ms ease; } .scrollbar-layout-face-horizontal { bottom: 0; left: 0; top: 0; } .scrollbar-layout-face-horizontal:after { bottom: 2px; left: 0; top: 2px; width: 100%; } .scrollbar-layout-face-vertical { left: 0; right: 0; top: 0; } .scrollbar-layout-face-vertical:after { height: 100%; left: 2px; right: 2px; top: 0; } /** * scrollbars. */ /* Touching the scroll-track directly makes the scroll-track bolder */ .public-scrollbar-face:after { background-color: rgba(102, 102, 102, 0.3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d666666,endColorstr=#4d666666); } .bi-theme-dark .public-scrollbar-face:after { background-color: rgba(204, 204, 204, 0.3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4dcccccc,endColorstr=#4dcccccc); } .public-scrollbar-main:hover .public-scrollbar-face:after, .public-scrollbar-main-active .public-scrollbar-face:after, .public-scrollbar-face-active:after { background-color: rgba(102, 102, 102, 0.7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3666666,endColorstr=#b3666666); } .bi-theme-dark .public-scrollbar-main:hover .public-scrollbar-face:after, .bi-theme-dark .public-scrollbar-main-active .public-scrollbar-face:after, .bi-theme-dark .public-scrollbar-face-active:after { background-color: rgba(204, 204, 204, 0.7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3cccccc,endColorstr=#b3cccccc); } .horizontal-scrollbar { bottom: 0; position: absolute; } .bi-resizable-table-cell .resizable-table-cell-resizer-container { cursor: ew-resize; z-index: 1; } .bi-resizable-table-cell .resizable-table-cell-resizer-container:hover .resizable-table-cell-resizer-knob, .bi-resizable-table-cell .resizable-table-cell-resizer-container.dragging .resizable-table-cell-resizer-knob { background-color: #3f8ce8; } .bi-resizable-table-cell .resizable-table-cell-resizer-container.suitable .resizable-table-cell-resizer-knob { background-color: #58cc7d; } .bi-resizable-table .resizable-table-resizer { cursor: ew-resize; z-index: 1; background-color: #3f8ce8; } .bi-resizable-table .resizable-table-resizer.suitable { background-color: #58cc7d; } .bi-resizable-table .resizable-table-region-resizer { cursor: ew-resize; z-index: 1; } .bi-resizable-table .resizable-table-region-resizer:hover .resizable-table-region-resizer-knob, .bi-resizable-table .resizable-table-region-resizer.dragging .resizable-table-region-resizer-knob { background-color: #3f8ce8; } .bi-branch-tree .bi-branch-tree-view { min-width: 300px; } .bi-display-tree .ztree * { color: #999999; } .bi-display-tree .ztree li a, .bi-display-tree .ztree li span { cursor: default !important; } .bi-display-tree .ztree li a:hover { text-decoration: none; } .bi-display-tree .ztree li a.curSelectedNode { padding-top: 1px; border: none; background-color: inherit; opacity: 1; filter: alpha(opacity=100); } .ztree * { padding: 0; margin: 0; } .ztree { margin: 0; padding: 5px; } .ztree li { padding: 0; margin: 0; list-style: none; line-height: 14px; text-align: left; white-space: nowrap; outline: 0; } .ztree li ul { margin: 0; padding: 0 0 0 18px; } .ztree li a { padding: 1px 3px 0 0; margin: 0; cursor: pointer; height: 24px; background-color: transparent; text-decoration: none; vertical-align: top; display: inline-block; } .ztree li a.curSelectedNode_Edit { padding-top: 0px; background-color: #FFE6B0; color: black; height: 16px; border: 1px #FFB951 solid; opacity: 0.8; } .ztree li a.tmpTargetNode_inner { padding-top: 0px; background-color: #316AC5; color: white; height: 16px; border: 1px #316AC5 solid; opacity: 0.8; filter: alpha(opacity=80); } .ztree li a input.rename { height: 14px; width: 80px; padding: 0; margin: 0; font-size: 12px; border: 1px #7EC4CC solid; *border: 0px; } .ztree li span { line-height: 24px; margin-right: 2px; } .ztree li span.button { line-height: 0; margin: 0; width: 16px; height: 16px; display: inline-block; vertical-align: middle; border: 0 none; cursor: pointer; outline: none; background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; } .ztree li span.button.chk { width: 16px; height: 16px; margin: 0 3px 0 0; cursor: auto; } .ztree li span.button.chk.checkbox_false_disable { background-position: 0 -56px; } .ztree li span.button.chk.checkbox_true_disable { background-position: -14px -56px; } .ztree li span.button.chk.radio_false_full { background-position: -28px 0; } .ztree li span.button.chk.radio_false_full_focus { background-position: -28px -14px; } .ztree li span.button.chk.radio_false_part { background-position: -28px -28px; } .ztree li span.button.chk.radio_false_part_focus { background-position: -28px -42px; } .ztree li span.button.chk.radio_false_disable { background-position: -28px -56px; } .ztree li span.button.chk.radio_true_full { background-position: -42px 0; } .ztree li span.button.chk.radio_true_full_focus { background-position: -42px -14px; } .ztree li span.button.chk.radio_true_part { background-position: -42px -28px; } .ztree li span.button.chk.radio_true_part_focus { background-position: -42px -42px; } .ztree li span.button.chk.radio_true_disable { background-position: -42px -56px; } .ztree li span.button.switch { width: 25px; height: 25px; } .ztree li span.button.noline_open { background-position: -92px -72px; } .ztree li span.button.noline_close { background-position: -74px -72px; } .ztree li span.button.root_docu { background: none; } .ztree li span.button.noline_docu { background: none; } .ztree li span.button.ico_open { margin-right: 2px; background-position: -110px -16px; vertical-align: top; *vertical-align: middle; } .ztree li span.button.ico_close { margin-right: 2px; background-position: -110px 0; vertical-align: top; *vertical-align: middle; } .ztree li span.button.ico_docu { margin-right: 2px; background-position: -110px -32px; vertical-align: top; *vertical-align: middle; } .ztree li span.button.edit { margin-right: 2px; background-position: -110px -48px; vertical-align: top; *vertical-align: middle; } .ztree li span.button.remove { margin-right: 2px; background-position: -110px -64px; vertical-align: top; *vertical-align: middle; } .ztree li span.button.ico_loading { width: 0px; margin-right: 2px; vertical-align: top; *vertical-align: middle; } ul.tmpTargetzTree { background-color: #FFE6B0; opacity: 0.8; filter: alpha(opacity=80); } span.tmpzTreeMove_arrow { width: 16px; height: 16px; display: inline-block; padding: 0; margin: 2px 0 0 1px; border: 0 none; position: absolute; background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: -110px -80px; } ul.ztree.zTreeDragUL { margin: 0; padding: 0; position: absolute; width: auto; height: auto; overflow: hidden; background-color: #cfcfcf; border: 1px #00B83F dotted; opacity: 0.8; filter: alpha(opacity=80); } .zTreeMask { z-index: 10000; background-color: #cfcfcf; opacity: 0.0; filter: alpha(opacity=0); position: absolute; } /* level style*/ /*.ztree li span.button.level0 { display:none; } .ztree li ul.level0 { padding:0; background:none; }*/ .bi-trigger .bi-trigger-icon-button { font-size: 16px; } .bi-select-text-trigger { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .bi-small-select-text-trigger { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } /**********BI.BIListView*************/ .bi-popup-view { position: fixed !important; overflow-y: visible !important; overflow-x: visible !important; overflow: visible !important; cursor: default; } .bi-popup-view .list-view-outer { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .bi-popup-view .list-view-toolbar { line-height: 30px; } .bi-popup-view .list-view-toolbar > .center-element { border-left: 1px solid #d4dadd; } .bi-popup-view .list-view-toolbar > .first-element { border-left: none; } .bi-theme-dark .bi-popup-view .list-view-toolbar > .center-element { border-left: 1px solid #525466; } .bi-theme-dark .bi-popup-view .list-view-toolbar > .first-element { border-left: none; } .bi-arrangement .arrangement-helper { background: #3f8ce8; z-index: 1000000000; } .bi-arrangement .arrangement-block { z-index: 1000000000; } .bi-arrangement .arrangement-drop-container { z-index: 1000000000; } .bi-arrangement .arrangement-drop-container .arrangement-drop-region { overflow: hidden; } .bi-arrangement .arrangement-drop-container .drop-devider { z-index: 1000000001; background: #3f8ce8; } .bi-arrangement .arrangement-drop-container .top-left, .bi-arrangement .arrangement-drop-container .top-right, .bi-arrangement .arrangement-drop-container .bottom-left, .bi-arrangement .arrangement-drop-container .bottom-right, .bi-arrangement .arrangement-drop-container .top-left-second, .bi-arrangement .arrangement-drop-container .top-right-second, .bi-arrangement .arrangement-drop-container .bottom-left-second, .bi-arrangement .arrangement-drop-container .bottom-right-second, .bi-arrangement .arrangement-drop-container .top-center, .bi-arrangement .arrangement-drop-container .bottom-center, .bi-arrangement .arrangement-drop-container .left-center, .bi-arrangement .arrangement-drop-container .right-center, .bi-arrangement .arrangement-drop-container .top-center-second, .bi-arrangement .arrangement-drop-container .bottom-center-second, .bi-arrangement .arrangement-drop-container .left-center-second, .bi-arrangement .arrangement-drop-container .right-center-second { z-index: 1000000001; background: #3f8ce8; } .bi-arrangement-droppable { z-index: 100000; } .bi-date-trigger { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .bi-down-list-popup .list-group-item-text { max-width: 203px; } .bi-down-list-popup .bi-down-list-item .list-item-text { max-width: 203px; } .bi-excel-table > div.bottom-right > div > div > table { border-right: 1px solid #d4dadd; } .bi-theme-dark .bi-excel-table > div.bottom-right > div > div > table { border-right: 1px solid #525466; } .bi-excel-table-header-cell { font-weight: bold; } .bi-file-manager-nav-button .file-manager-nav-button-text { max-width: 200px; } .bi-file-manager-nav-button .file-manager-nav-button-text.active { background-color: #fafbfc; color: #999999; } .bi-file-manager-nav-button .file-manager-nav-button-triangle { z-index: 1; } .bi-theme-dark .bi-file-manager-nav-button .file-manager-nav-button-text.active { background-color: #191b2b; color: #999999; } .bi-interactive-arrangement .interactive-arrangement-dragtag-line { z-index: 1000000000; background-color: #faaa39; } .bi-interactive-arrangement .interactive-arrangement-dragtag-icon { z-index: 1000000000; } .bi-interval-slider { min-height: 70px; } .bi-interval-slider-label { min-height: 50px; } .bi-month-trigger { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .bi-multidate-combo { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .bi-multidate-popup .multidate-popup-label { color: #3685f2; font-size: 14px; } .bi-multidate-popup .multidate-popup-item:active, .bi-multidate-popup .multidate-popup-item.active { background-color: #3685f2; color: #ffffff; -webkit-border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; } .bi-multidate-popup .multidate-popup-button { color: #3685f2; font-size: 14px; } .bi-multidate-segment .bi-multidate-editor { font-size: 14px; } .bi-multi-select-check-pane .multi-select-check-selected { text-decoration: underline; } .bi-multi-select-combo .multi-select-trigger-icon-button { font-size: 16px; } .bi-multi-select-insert-combo .multi-select-trigger-icon-button { font-size: 16px; } .bi-multi-select-trigger { -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; } .bi-multi-select-search-pane .multi-select-toolbar { color: #ff4949; } .bi-multi-select-check-selected-button { z-index: 1; } .bi-multi-tree-check-pane .multi-tree-check-selected { color: #3685f2; } .bi-multi-tree-combo .multi-select-trigger-icon-button { font-size: 16px; } .bi-multi-tree-popup .popup-view-tree { min-height: 170px; } .bi-multi-tree-check-selected-button .trigger-check-selected { color: #3685f2; z-index: 1; } .bi-number-editor { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .bi-number-interval .number-interval-small-editor { -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .bi-number-interval .number-interval-big-editor { -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .bi-number-interval .number-interval-big-combo { -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .bi-number-interval .number-interval-big-combo .bi-icon-combo-trigger .icon-combo-trigger-icon { font-size: 14px; } .bi-number-interval .number-interval-small-combo { -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .bi-number-interval .number-interval-small-combo .bi-icon-combo-trigger .icon-combo-trigger-icon { font-size: 14px; } .bi-number-interval.number-error .bi-input { color: #ff4949 !important; } .bi-page-table-cell { -webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; -o-user-select: text; user-select: text; } .bi-path-chooser .path-chooser-radio { z-index: 1; } .bi-path-region .path-region-label { z-index: 1; } .bi-preview-table-cell { min-height: 25px; min-width: 80px; max-width: 220px; } .bi-preview-table { -webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; -o-user-select: text; user-select: text; } .bi-preview-table > div > table > thead > tr.odd, .bi-preview-table > div > div > div > table > thead > tr.odd { background-color: #fafbfc; } .bi-theme-dark .bi-preview-table > div > table > thead > tr.odd, .bi-theme-dark .bi-preview-table > div > div > div > table > thead > tr.odd { background-color: #191b2b; } .bi-preview-table-header-cell { font-weight: bold; min-height: 25px; min-width: 80px; max-width: 220px; } .bi-quarter-trigger { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .bi-relation-view-region .relation-view-region-container { z-index: 1; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .bi-relation-view-region .relation-view-region-container.other-package { border-style: dashed; } .bi-sequence-table-dynamic-number .sequence-table-title-cell { overflow: hidden; overflow-x: hidden; overflow-y: hidden; -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标准语法)*/ } .bi-sequence-table-dynamic-number .sequence-table-number-cell { -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标准语法)*/ } .bi-sequence-table-list-number .sequence-table-title-cell { overflow: hidden; overflow-x: hidden; overflow-y: hidden; -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标准语法)*/ } .bi-sequence-table-list-number .sequence-table-number-cell { -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标准语法)*/ } .bi-sequence-table-tree-number .sequence-table-title-cell { overflow: hidden; overflow-x: hidden; overflow-y: hidden; -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标准语法)*/ } .bi-sequence-table-tree-number .sequence-table-number-cell { -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标准语法)*/ } .bi-single-slider-label { min-height: 50px; } .bi-single-slider-normal { min-height: 30px; } .bi-single-slider { min-height: 50px; } .bi-single-slider-button .slider-button { cursor: ew-resize; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .bi-slider-track .gray-track { background-color: rgba(153, 153, 153, 0.3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d999999,endColorstr=#4d999999); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .bi-slider-track .blue-track { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .bi-param-time-interval.time-error .bi-input { color: #ff4949; } .bi-param-time-interval.time-error .sign-editor-text { color: #ff4949; } .bi-year-popup .year-popup-navigation { line-height: 30px; } .bi-year-popup .year-popup-navigation > .center-element { border-left: 1px solid #d4dadd; } .bi-year-popup .year-popup-navigation > .first-element { border-left: none; } .bi-theme-dark .bi-year-popup .year-popup-navigation > .center-element { border-left: 1px solid #525466; } .bi-theme-dark .bi-year-popup .year-popup-navigation > .first-element { border-left: none; } .bi-year-trigger { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }