@blueking/date-picker 0.0.11 → 0.0.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/vue2-full.css +2440 -1
  2. package/dist/vue2-full.es.js +49445 -36831
  3. package/dist/vue3-full.css +2440 -1
  4. package/dist/vue3-full.es.js +41900 -30999
  5. package/dist/vue3-light.css +877 -1
  6. package/dist/vue3-light.es.js +21182 -10639
  7. package/package.json +2 -2
  8. package/types/components/common-tab.vue.d.ts +1 -1
  9. package/types/vue2.d.ts +0 -1
  10. package/types/vue3.d.ts +0 -1
package/dist/vue3-full.css CHANGED
@@ -1 +1,2440 @@
1
- .bk-popover.bk-pop2-content{position:absolute;display:none;padding:7px 14px;font-size:12px;color:#fff;background:#26323d;border-radius:4px;box-sizing:border-box}.bk-popover.bk-pop2-content .bk-pop2-arrow{position:absolute;z-index:-1;width:8px;height:8px;background:#333;transform:rotate(45deg)}.bk-popover.bk-pop2-content[data-theme^=light]{color:#26323d;background-color:#fff;box-shadow:0 0 6px #dcdee5}.bk-popover.bk-pop2-content[data-theme^=light] .bk-pop2-arrow{background-color:#fff}.scroll-bar-style::-webkit-scrollbar{width:4px;height:4px}.scroll-bar-style::-webkit-scrollbar-thumb{background:#ddd;border-radius:20px;box-shadow:inset 0 0 6px #cccccc4d}html,body{padding:0;margin:0}*{box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;box-sizing:content-box}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button;-moz-appearance:button;appearance:button}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{padding:0;box-sizing:border-box}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}::-ms-clear,::-ms-reveal{display:none}input[type=text]::-ms-clear{display:none}input[type=text]::-ms-reveal{display:none}input[type=search]{box-sizing:content-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid #c0c0c0}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}.bk-scroll-y{overflow-y:auto}.bk-scroll-y::-webkit-scrollbar{width:4px;height:4px}.bk-scroll-y::-webkit-scrollbar-thumb{background:#ddd;border-radius:20px;box-shadow:inset 0 0 6px #cccccc4d}.bk-scroll-x{overflow-x:auto}.bk-scroll-x::-webkit-scrollbar{width:4px;height:4px}.bk-scroll-x::-webkit-scrollbar-thumb{background:#ddd;border-radius:20px;box-shadow:inset 0 0 6px #cccccc4d}.bk-button{display:inline-flex;height:32px;padding:5px 12px;font-size:14px;color:#63656e;text-decoration:none;white-space:nowrap;cursor:pointer;background-color:#fff;border:1px solid #c4c6cc;border-radius:2px;outline:none;box-sizing:border-box;transition:background-color ease .3s;-webkit-appearance:none;-moz-appearance:none;appearance:none;align-items:center;justify-content:center}.bk-button.bk-button-primary{background-color:#3a84ff;color:#fff;border-color:#3a84ff}.bk-button.bk-button-primary:hover{background-color:#5594fa;border-color:#5594fa}.bk-button.bk-button-primary:active{background-color:#2c77f4;border-color:#2c77f4;color:#fff}.bk-button.bk-button-primary.is-outline{color:#3a84ff;border-color:#3a84ff;background-color:#fff}.bk-button.bk-button-primary.is-outline:hover{background-color:#5594fa;border-color:#5594fa;color:#fff}.bk-button.bk-button-primary.is-outline:active{background-color:#2c77f4;border-color:#2c77f4;color:#fff}.bk-button.bk-button-primary.is-text{color:#3a84ff;background-color:transparent;border:none}.bk-button.bk-button-primary.is-text:not(.is-disabled):hover{color:#5594fa}.bk-button.bk-button-primary.is-disabled{color:#dcdee5;cursor:not-allowed}.bk-button.bk-button-primary.is-disabled:not(.is-text){background-color:#dcdee5;color:#fff;border-color:#dcdee5}.bk-button.bk-button-hover-primary:hover{background-color:#5594fa;border-color:#5594fa;color:#fff}.bk-button.bk-button-warning{background-color:#ff9c01;color:#fff;border-color:#ff9c01}.bk-button.bk-button-warning:hover{background-color:#ffb848;border-color:#ffb848}.bk-button.bk-button-warning:active{background-color:#eb9000;border-color:#eb9000;color:#fff}.bk-button.bk-button-warning.is-outline{color:#ff9c01;border-color:#ff9c01;background-color:#fff}.bk-button.bk-button-warning.is-outline:hover{background-color:#ffb848;border-color:#ffb848;color:#fff}.bk-button.bk-button-warning.is-outline:active{background-color:#eb9000;border-color:#eb9000;color:#fff}.bk-button.bk-button-warning.is-text{color:#ff9c01;background-color:transparent;border:none}.bk-button.bk-button-warning.is-text:not(.is-disabled):hover{color:#ffb848}.bk-button.bk-button-warning.is-disabled{color:#dcdee5;cursor:not-allowed}.bk-button.bk-button-warning.is-disabled:not(.is-text){background-color:#dcdee5;color:#fff;border-color:#dcdee5}.bk-button.bk-button-hover-warning:hover{background-color:#ffb848;border-color:#ffb848;color:#fff}.bk-button.bk-button-success{background-color:#2dcb56;color:#fff;border-color:#2dcb56}.bk-button.bk-button-success:hover{background-color:#45e35f;border-color:#45e35f}.bk-button.bk-button-success:active{background-color:#1ab943;border-color:#1ab943;color:#fff}.bk-button.bk-button-success.is-outline{color:#2dcb56;border-color:#2dcb56;background-color:#fff}.bk-button.bk-button-success.is-outline:hover{background-color:#45e35f;border-color:#45e35f;color:#fff}.bk-button.bk-button-success.is-outline:active{background-color:#1ab943;border-color:#1ab943;color:#fff}.bk-button.bk-button-success.is-text{color:#2dcb56;background-color:transparent;border:none}.bk-button.bk-button-success.is-text:not(.is-disabled):hover{color:#45e35f}.bk-button.bk-button-success.is-disabled{color:#dcdee5;cursor:not-allowed}.bk-button.bk-button-success.is-disabled:not(.is-text){background-color:#dcdee5;color:#fff;border-color:#dcdee5}.bk-button.bk-button-hover-success:hover{background-color:#45e35f;border-color:#45e35f;color:#fff}.bk-button.bk-button-danger{background-color:#ea3636;color:#fff;border-color:#ea3636}.bk-button.bk-button-danger:hover{background-color:#ff5656;border-color:#ff5656}.bk-button.bk-button-danger:active{background-color:#db2626;border-color:#db2626;color:#fff}.bk-button.bk-button-danger.is-outline{color:#ea3636;border-color:#ea3636;background-color:#fff}.bk-button.bk-button-danger.is-outline:hover{background-color:#ff5656;border-color:#ff5656;color:#fff}.bk-button.bk-button-danger.is-outline:active{background-color:#db2626;border-color:#db2626;color:#fff}.bk-button.bk-button-danger.is-text{color:#ea3636;background-color:transparent;border:none}.bk-button.bk-button-danger.is-text:not(.is-disabled):hover{color:#ff5656}.bk-button.bk-button-danger.is-disabled{color:#dcdee5;cursor:not-allowed}.bk-button.bk-button-danger.is-disabled:not(.is-text){background-color:#dcdee5;color:#fff;border-color:#dcdee5}.bk-button.bk-button-hover-danger:hover{background-color:#ff5656;border-color:#ff5656;color:#fff}.bk-button.bk-button-small{height:26px;padding:3px 12px;font-size:12px}.bk-button.bk-button-large{height:38px;padding:8px 20px;font-size:16px}.bk-button .bk-button-text{display:inline-flex;align-items:center;line-height:1}.bk-button.is-loading{position:relative}.bk-button.is-loading .bk-button-loading:not(:last-child){position:absolute}.bk-button.is-loading .bk-button-text{visibility:hidden}.bk-button:hover{border-color:#979ba5}.bk-button:active{color:#3a84ff;border-color:#3a84ff}.bk-button.is-text{height:auto;padding:0;font-size:inherit;color:#63656e;text-decoration:none;cursor:pointer;background-color:transparent;border:none;outline:none}.bk-button.is-disabled{color:#dcdee5;cursor:not-allowed;border-color:#dcdee5}.bk-button-group{display:inline-block;font-size:0}.bk-button-group.bk-button-group-small .bk-button{height:26px;padding:3px 12px;font-size:12px}.bk-button-group.bk-button-group-large .bk-button{height:38px;padding:8px 20px;font-size:16px}.bk-button-group .bk-button{height:32px;margin:0 0 0 -1px;border-radius:0}.bk-button-group .bk-button:not(.is-disabled){color:#63656e;background-color:#fff;border-color:#c4c6cc}.bk-button-group .bk-button.is-disabled{color:#c4c6cc}.bk-button-group .bk-button:first-child{border-radius:2px 0 0 2px}.bk-button-group .bk-button:last-child{border-radius:0 2px 2px 0}.bk-button-group .bk-button:only-child{border-radius:2px}.bk-button-group .bk-button:hover:not(.is-disabled),.bk-button-group .bk-button.is-selected:not(.is-disabled){position:relative;z-index:1;color:#3a84ff;background-color:#fff;border-color:#3a84ff}.bk-button-group .bk-button.is-selected:not(.is-disabled){background-color:#e1ecff}.bk-button-group .bk-button.is-selected.is-disabled{background-color:#f0f1f5}.bk-exception{position:relative;display:flex;width:100%;align-items:center;flex-direction:column;text-align:center}.bk-exception-img{display:flex;align-items:center;justify-content:center}.bk-exception-img .exception-image{display:block;height:100%;object-fit:contain}.bk-exception-title{color:#313238}.bk-exception-description{color:#63656e}.bk-exception-page .bk-exception-img{width:480px;height:240px}.bk-exception-page .bk-exception-title{margin-top:18px;font-size:24px;line-height:32px}.bk-exception-page .bk-exception-description{margin-top:16px;font-size:14px;line-height:22px}.bk-exception-page .bk-exception-footer{margin-top:24px}.bk-exception-part .bk-exception-img{width:120px;height:100px}.bk-exception-part .bk-exception-title{margin-top:8px;font-size:14px;line-height:22px}.bk-exception-part .bk-exception-description{margin-top:8px;font-size:12px;line-height:20px}.bk-exception-part .bk-exception-footer{margin-top:8px}.bk-tab{position:relative;display:flex}.bk-tab--top{flex-direction:column}.bk-tab--right{flex-direction:row-reverse}.bk-tab-header{position:relative;display:flex;color:#63656e}.bk-tab--left .bk-tab-header{border-right:1px solid #dcdee5}.bk-tab--right .bk-tab-header{border-left:1px solid #dcdee5}.bk-tab--vertical-tab .bk-tab-header{border:0}.bk-tab--left .bk-tab-header,.bk-tab--right .bk-tab-header{flex-direction:column}.bk-tab--left .bk-tab-header>div,.bk-tab--right .bk-tab-header>div{flex-direction:column}.bk-tab--card-tab .bk-tab-header,.bk-tab--vertical-tab .bk-tab-header{background:#F0F1F5}.bk-tab--card-tab .bk-tab-header{border-radius:4px 4px 0}.bk-tab--card .bk-tab-header,.bk-tab--vertical-card .bk-tab-header{border-bottom:1px solid #dcdee5}.bk-tab--border-card .bk-tab-header{border:solid #dcdee5;border-width:1px 1px 1px 0}.bk-tab--border-card .bk-tab-header{background:#FAFBFD}.bk-tab--unborder-card .bk-tab-header{border-bottom:1px solid #dcdee5}.bk-tab-header>div{display:flex;flex-wrap:nowrap}.bk-tab--card .bk-tab-header>div,.bk-tab--vertical-card .bk-tab-header>div,.bk-tab--border-card .bk-tab-header>div{margin-bottom:-1px}.bk-tab-header-nav{position:relative}.bk-tab--top .bk-tab-header-nav{overflow-x:auto;overflow-y:visible}.bk-tab--left .bk-tab-header-nav,.bk-tab--right .bk-tab-header-nav{overflow-x:visible;overflow-y:auto}.bk-tab--card .bk-tab-header-nav,.bk-tab--border-card .bk-tab-header-nav,.bk-tab--vertical-card .bk-tab-header-nav{border-left:1px solid #dcdee5}.bk-tab-header-nav::-webkit-scrollbar{display:none;width:0;height:0}.bk-tab-header-next,.bk-tab-header-prev{position:absolute;top:1px;bottom:1px;width:15px;background:#fff;content:""}.bk-tab-header-prev{left:1px}.bk-tab-header-next{right:1px}.bk-tab-header-operation .bk-tab-header-item{padding:0 12px}.bk-tab-header-setting{justify-self:flex-end;margin-left:auto;white-space:nowrap}.bk-tab-header-item{display:flex;white-space:nowrap;cursor:pointer;justify-content:center;align-items:center}.bk-tab--top .bk-tab-header-item{padding:0 20px}.bk-tab--left .bk-tab-header-item,.bk-tab--right .bk-tab-header-item{padding:0 12px}.bk-tab--left .bk-tab-header-item{text-align:right}.bk-tab--card .bk-tab-header-item,.bk-tab--vertical-card .bk-tab-header-item{border-top:1px solid #dcdee5}.bk-tab--card .bk-tab-header-item,.bk-tab--border-card .bk-tab-header-item,.bk-tab--vertical-card .bk-tab-header-item{border-right:1px solid #dcdee5}.bk-tab--card-tab .bk-tab-header-item{position:relative}.bk-tab--card-tab .bk-tab-header-item:not(:first-of-type):before,.bk-tab--card-tab .bk-tab-header-item:last-of-type:after{position:absolute;top:50%;left:0;display:block;width:1px;height:16px;margin-top:-8px;background:#c4c6cc;content:""}.bk-tab--card-tab .bk-tab-header-item:last-of-type:after{right:0;left:initial}.bk-tab--card-grid .bk-tab-header-item{height:40px;margin-right:8px;line-height:40px;background:#eaebf0;border-radius:4px 4px 0 0}.bk-tab-header-operation .bk-tab-header-item{padding-right:12px;padding-left:12px}.bk-tab-header-item:hover{color:#3a84ff}.bk-tab-header-item:hover .bk-tab-header--close{display:block;margin-left:5px;color:#ea3636}.bk-tab-header--active{color:#3a84ff}.bk-tab--card .bk-tab-header--active,.bk-tab--border-card .bk-tab-header--active,.bk-tab--vertical-card .bk-tab-header--active{background:white;border-bottom-color:#fff}.bk-tab--card-tab .bk-tab-header--active,.bk-tab--vertical-tab .bk-tab-header--active{background:#fff}.bk-tab--card-tab .bk-tab-header--active{border-radius:4px 4px 0 0}.bk-tab--card-tab .bk-tab-header--active:after,.bk-tab--card-tab .bk-tab-header--active:before,.bk-tab--card-tab .bk-tab-header--active+.bk-tab-header-item:before{display:none!important}.bk-tab--card-grid .bk-tab-header--active{background:#fff}.bk-tab-header--close{display:none;font-size:16px;color:#c4c6cc}.bk-tab-header--disabled{cursor:not-allowed}.bk-tab-header--disabled,.bk-tab-header--disabled:hover{color:#aaa}.bk-tab-header-active-bar{position:absolute;width:0;height:0;background:#3a84ff;transition:all ease-in .3s}.bk-tab-content{flex:1;padding:10px}.bk-tab--border-card .bk-tab-content,.bk-tab--vertical-card .bk-tab-content{border:solid #dcdee5;border-width:0 1px 1px}.bk-tab--card-grid .bk-tab-content{background:#fff;border-radius:0 4px 4px;box-shadow:0 2px 4px #1919290d}.bk-tab-panel{height:100%}.common-panel-tab .scoped-tab-header,.common-panel-tab .bk-tab-header{line-height:20px!important;border-bottom:0!important}.common-panel-tab .scoped-tab-header .scoped-tab-header-item,.common-panel-tab .scoped-tab-header .bk-tab-header-item,.common-panel-tab .bk-tab-header .scoped-tab-header-item,.common-panel-tab .bk-tab-header .bk-tab-header-item{padding:0 0 4px;margin-right:28px}.common-panel-tab .scoped-tab-header--active,.common-panel-tab .bk-tab-header--active{font-weight:700;color:#63656e}.common-panel-tab .scoped-tab-content,.common-panel-tab .bk-tab-content{display:none;width:0;height:0}.common-submit{flex:0 0 64px;width:64px;margin-left:8px}.common-favorite{display:flex;flex:0 0 32px;align-items:center;justify-content:center;width:32px;height:32px;margin-left:8px;cursor:pointer;background:#f5f7fa;border-radius:2px}.common-favorite:hover svg path{fill:#3a84ff}.bk-checkbox-group{display:inline-flex;letter-spacing:normal}.bk-checkbox{display:inline-flex;justify-self:center;align-items:center;font-size:14px;letter-spacing:normal;color:#63656e;cursor:pointer;-webkit-user-select:none;user-select:none}.bk-checkbox~.bk-checkbox{margin-left:30px}.bk-checkbox.is-checked .bk-checkbox-input{background:#3a84ff;border-color:#3a84ff;transition:all .1s}.bk-checkbox.is-checked .bk-checkbox-input.small:after{width:3px;height:6px}.bk-checkbox.is-checked .bk-checkbox-input:after{position:absolute;top:50%;left:50%;width:4px;height:8px;border:2px solid #fff;border-top:0;border-left:0;content:"";transform:translate(-50%,-60%) scaleY(1) rotate(45deg);transform-origin:center}.bk-checkbox.is-indeterminated .bk-checkbox-input{background:#3a84ff;border-color:#3a84ff;transition:all .1s}.bk-checkbox.is-indeterminated .bk-checkbox-input.small:after{width:6px;height:2px}.bk-checkbox.is-indeterminated .bk-checkbox-input:after{position:absolute;top:50%;left:50%;width:8px;height:2px;background:#fff;border:none;border-radius:2px;content:"";transform:translate(-50%,-50%)}.bk-checkbox.is-disabled{color:#c4c6cc;cursor:not-allowed}.bk-checkbox.is-disabled .bk-checkbox-input{background:#fafbfd;border-color:#dcdee5}.bk-checkbox.is-disabled .bk-checkbox-input:after{background:#dcdee5}.bk-checkbox.is-disabled.is-checked .bk-checkbox-input{background:#a3c5fd;border-color:#a3c5fd}.bk-checkbox.is-disabled.is-checked .bk-checkbox-input:after{background:#a3c5fd}.bk-checkbox-input{position:relative;display:inline-block;width:16px;height:16px;vertical-align:middle;border:1px solid #979ba5;border-radius:2px}.bk-checkbox-input.small{width:14px;height:14px}.bk-checkbox-original{position:absolute;top:0;left:0;z-index:-1;width:0;height:0}.bk-checkbox-label{display:inline-block;margin-left:6px;vertical-align:middle}.date-panel{display:flex;flex-direction:column;width:220px;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #dcdee5;box-shadow:0 2px 6px #0000001a}.date-panel-title{display:flex;flex:0 0 40px;align-items:center;height:40px;padding:0 12px;color:#63656e;border-bottom:1px solid #dcdee5}.date-panel-title .title-check{margin-left:auto}.date-panel-main{display:flex;flex:1;flex-direction:column;padding:8px 0 12px}.date-panel-main .date-header{display:flex;align-items:center;width:100%;height:24px}.date-panel-main .date-header-center{display:flex;flex:1;align-items:center;justify-content:center;height:100%;font-size:14px;font-weight:700}.date-panel-main .date-header-center .date-split{width:5px;height:2px;margin:0 10px;background-color:#63656e}.date-panel-main .date-header-right,.date-panel-main .date-header-left{display:flex;align-items:center;height:100%;padding:0 6px;font-size:16px}.date-panel-main .date-header-right .hand-icon,.date-panel-main .date-header-left .hand-icon{display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#979ba5}.date-panel-main .date-header-right .hand-icon svg,.date-panel-main .date-header-left .hand-icon svg{width:20px!important;height:20px!important;font-weight:700}.date-panel-main .date-header-right .hand-icon:hover,.date-panel-main .date-header-left .hand-icon:hover{color:#3a84ff;cursor:pointer}.date-panel-main .date-header-right .hand-icon:hover svg,.date-panel-main .date-header-left .hand-icon:hover svg{fill:#3a84ff}.date-panel-main .date-header-right{margin-left:auto}.date-panel-main .date-content{display:flex;flex-direction:column}.date-panel-main .date-content .date-grid{display:flex;align-items:center;width:100%;padding:0 12px;margin:0}.date-panel-main .date-content .date-grid-item{display:flex;flex:0 0 14.285%;align-items:center;justify-content:center;width:14.285%;min-width:28px;height:24px}.date-panel-main .date-content .date-grid-item:not(.not-click):hover{cursor:pointer;background-color:#f0f1f5}.date-panel-main .date-content .date-grid-item.is-today{color:#3a84ff;border:1px solid #a3c5fd;border-radius:2px}.date-panel-main .date-content .date-grid-item.is-last-month{color:#c4c6cc;background-color:#f0f1f5}.date-panel-main .date-content .date-grid-item.is-next-month{color:#c4c6cc}.date-panel-main .date-content .date-grid-item.is-disabled{color:#c4c6cc!important;cursor:not-allowed!important;background-color:#f0f1f5!important}.date-panel-main .date-content .date-grid-item.is-selected{color:#fff!important;background-color:#3a84ff!important;border-radius:2px}.date-wrapper{display:flex;flex-direction:column}.date-wrapper .date-input{display:flex;align-items:center;width:100%;min-height:56px}.date-wrapper .date-input .date-picker{display:flex;align-items:center;width:100%;min-width:360px;height:32px;background:#fff;border:1px solid #c4c6cc;border-radius:2px}.date-wrapper .date-input .date-picker-icon{display:flex;align-items:center;justify-content:center;margin-right:6px;margin-left:8px}.date-wrapper .date-input .date-picker-start,.date-wrapper .date-input .date-picker-end{width:160px;height:24px;padding:0 4px;font-size:12px;color:#63656e;border:none;border-radius:2px}.date-wrapper .date-input .date-picker-start:focus,.date-wrapper .date-input .date-picker-end:focus{background:#e1ecff;border:none;outline:none;box-shadow:none}.date-wrapper .date-input .date-picker-split{display:flex;align-items:center;justify-content:center;padding:0 8px;color:#979ba5}.date-wrapper .date-input .date-picker-clear{display:none!important;flex:0 0 32px;align-items:center;justify-content:center;width:32px;height:32px;font-size:14px;color:#c4c6cc}.date-wrapper .date-input .date-picker-clear:hover{color:#63656e;cursor:pointer}.date-wrapper .date-input .date-picker:hover .date-picker-clear{display:flex!important}.date-wrapper .show-format{display:flex;align-items:center;width:100%;min-width:100%;margin-top:-8px;margin-bottom:12px;color:#979ba5}.date-wrapper .show-format .format-button{margin-left:8px}.date-format-wrapper{display:flex;flex-direction:column;width:520px;padding:12px 15px;margin:-7px -14px}.date-format-wrapper .content-title{margin-bottom:12px;font-weight:700;line-height:20px}.date-format-wrapper .content-table{display:flex;flex-direction:column;width:100%;border-collapse:collapse;background-color:#fff;border:1px solid #eaeefb;border-top:0;border-left:0}.date-format-wrapper .content-table th,.date-format-wrapper .content-table td{height:42px;padding:8px 16px;color:#63656e;text-align:left;border:1px solid #eaeefb;border-right:0;border-bottom:0}.date-format-wrapper .content-table thead,.date-format-wrapper .content-table tr{display:flex;align-items:center;width:100%}.date-format-wrapper .content-table thead th,.date-format-wrapper .content-table tr th{flex:1;background-color:#fafbfd}.date-format-wrapper .content-table tbody{display:block;width:100%;max-height:300px;overflow:auto}.date-format-wrapper .content-table tbody td{display:flex;flex:1;align-items:center}.clearfix-style:after{display:block;height:0;clear:both;font-size:0;content:"";visibility:hidden}.bk-popper{display:none;padding:7px 14px;font-size:12px;color:#fff;background:#333;border-radius:4px}.bk-popper.light{color:#63656e;background:#fff;box-shadow:#dcdee5 0 0 6px}.bk-popper .bk-popper-arrow,.bk-popper .bk-popper-arrow:before{position:absolute;width:8px;height:8px;background:inherit}.bk-popper .bk-popper-arrow{visibility:hidden}.bk-popper .bk-popper-arrow:before{content:"";visibility:visible;transform:rotate(45deg)}.bk-popper[data-show]{display:block}.bk-popper[data-popper-placement^=top]>.bk-popper-arrow{bottom:-4px}.bk-popper[data-popper-placement^=bottom]>.bk-popper-arrow{top:-4px}.bk-popper[data-popper-placement^=left]>.bk-popper-arrow{right:-4px}.bk-popper[data-popper-placement^=right]>.bk-popper-arrow{left:-4px}.bk-textarea{--textarea-line-height: 20px;display:inline-flex;width:100%;overflow:hidden;font-size:12px;line-height:var(--textarea-line-height);color:#63656e;background-color:#fff;border:1px solid #c4c6cc;border-radius:2px;box-sizing:border-box;transition:all .3s;flex-direction:column}.bk-textarea ::placeholder{font-size:12px;color:#c4c6cc}.bk-textarea.resizable{resize:both}.bk-textarea ::-webkit-scrollbar{-webkit-appearance:none;width:3px}.bk-textarea ::-webkit-scrollbar-thumb{border-radius:4px;background-color:#dcdee5}.bk-textarea.is-disabled,.bk-textarea.is-readonly{background-color:#fafbfd;border-color:#dcdee5}.bk-textarea.is-disabled .bk-input--prefix-area,.bk-textarea.is-readonly .bk-input--prefix-area,.bk-textarea.is-disabled .bk-input--suffix-area,.bk-textarea.is-readonly .bk-input--suffix-area,.bk-textarea.is-disabled .bk-input--suffix-icon,.bk-textarea.is-readonly .bk-input--suffix-icon{cursor:not-allowed;background-color:#fafbfd}.bk-textarea.is-disabled input,.bk-textarea.is-readonly input,.bk-textarea.is-disabled textarea,.bk-textarea.is-readonly textarea{cursor:not-allowed;background-color:#fafbfd;opacity:1}.bk-textarea.is-readonly input,.bk-textarea.is-readonly textarea{cursor:auto}.bk-textarea>textarea{width:100%;padding:5px 10px;line-height:1.5;text-align:left;border:0;border-radius:2px;outline:none;resize:none}.bk-textarea--max-length{padding-right:10px;margin:0 0 0 auto;font-size:12px;text-align:right;transform:scale(.8);justify-content:flex-end}.bk-textarea--max-length.is-over-limit{color:#ea3636}.bk-textarea--max-length span{color:#979ba5}.bk-textarea.is-focused:not(.is-readonly){border-color:#3a84ff;outline:0;box-shadow:0 0 3px #a3c5fd}.bk-input{display:inline-flex;align-items:stretch;width:100%;height:32px;font-size:12px;border:1px solid #c4c6cc;border-radius:2px;transition:all .3s}.bk-input ::placeholder{font-size:12px;color:#c4c6cc}.bk-input.is-disabled,.bk-input.is-readonly{background-color:#fafbfd;border-color:#dcdee5}.bk-input.is-disabled .bk-input--prefix-area,.bk-input.is-readonly .bk-input--prefix-area,.bk-input.is-disabled .bk-input--suffix-area,.bk-input.is-readonly .bk-input--suffix-area,.bk-input.is-disabled .bk-input--suffix-icon,.bk-input.is-readonly .bk-input--suffix-icon{cursor:not-allowed;background-color:#fafbfd}.bk-input.is-disabled input,.bk-input.is-readonly input,.bk-input.is-disabled textarea,.bk-input.is-readonly textarea{cursor:not-allowed;background-color:#fafbfd;opacity:1}.bk-input.is-readonly input,.bk-input.is-readonly textarea{cursor:auto}.bk-input:hover:not(.is-disabled){border-color:#979ba5}.bk-input:hover:not(.is-disabled) .show-clear-only-hover{display:flex}.bk-input.is-simplicity{background-color:transparent;border-color:transparent;border-bottom-color:#c4c6cc}.bk-input.is-simplicity:hover:not(.is-disabled){background-color:#f5f7fa;border-color:transparent;border-bottom-color:#c4c6cc;box-shadow:none}.bk-input.is-simplicity:hover:not(.is-disabled) .bk-input--text,.bk-input.is-simplicity:hover:not(.is-disabled) .bk-input--suffix-icon{background-color:#f5f7fa}.bk-input--suffix-icon{display:flex;height:100%;padding-right:10px;font-size:14px;color:#c4c6cc;background-color:#fff;align-items:center;align-self:center;flex-shrink:0;cursor:pointer}.bk-input--suffix-icon:hover{color:#313238}.bk-input--suffix-icon.show-clear-only-hover{display:none}.bk-input--clear-icon{cursor:pointer;flex-shrink:0}.bk-input--clear-icon:hover{color:#979ba5}.bk-input--large{height:40px;font-size:14px}.bk-input--large ::placeholder{font-size:14px;color:#c4c6cc}.bk-input--large .bk-input--max-length{font-size:16px}.bk-input--large .bk-input--number-control span:first-child{margin-bottom:4px}.bk-input--small{height:26px;font-size:12px}.bk-input--small .bk-input--max-length,.bk-input--default,.bk-input--default .bk-input--max-length{font-size:12px}.bk-input.is-focused:not(.is-readonly){border-color:#3a84ff;outline:0;box-shadow:0 0 3px #a3c5fd}.bk-input.is-focused:not(.is-readonly).is-simplicity{border-color:transparent;border-bottom-color:#3a84ff;box-shadow:none}.bk-input.is-focused:not(.is-readonly).is-simplicity .bk-input--text,.bk-input.is-focused:not(.is-readonly).is-simplicity .bk-input--suffix-icon{background-color:#f5f7fa}.bk-input--prefix-area,.bk-input--suffix-area{display:flex;padding:0 10px;color:#63656e;background-color:#f5f7fa;border-right:1px solid #c4c6cc;align-items:center}.bk-input--suffix-area{border:0;border-left:1px solid #c4c6cc}.bk-input--max-length{align-self:center;padding-right:10px;font-size:12px;transform:scale(.8)}.bk-input--max-length.is-over-limit{color:#ea3636}.bk-input--max-length span{color:#979ba5}.bk-input--text{width:100%;padding:0 10px;overflow:hidden;line-height:1;color:#63656e;text-overflow:ellipsis;white-space:nowrap;background-color:#fff;background-image:none;border:none;border-radius:2px;outline:none;box-sizing:border-box;transition:all .3s;flex:1}.bk-input--text[type=search]::-webkit-search-decoration,.bk-input--text[type=search]::-webkit-search-cancel-button,.bk-input--text[type=search]::-webkit-search-results-button,.bk-input--text[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}.bk-input--text [type=search]::-ms-clear{display:none;width:0;height:0}.bk-input--text [type=search]::-ms-reveal{display:none;width:0;height:0}.bk-input--text[type=number]::-webkit-inner-spin-button,.bk-input--text[type=number]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.bk-input--number-control{display:flex;width:26px;height:100%;padding:4px 0;font-size:0;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center}.bk-input--number-control span{display:flex;overflow:hidden;line-height:1;color:#979ba5;text-align:center;cursor:pointer;background-color:#f5f7fa;flex:1;align-items:center}.bk-input--number-control span.is-disabled{color:#c4c6cc;cursor:not-allowed}.bk-input--number-control svg{font-size:14px}.bk-input--number-control span:first-child{transform:rotate(180deg)}.bk-input--number-control span:not(.is-disabled):hover{background-color:#eaebf0}@keyframes loading-scale-animate{0%{transform:scale(1)}to{transform:scale(.6)}}@keyframes fade{to{background-color:transparent}}.bk-fade-transtion .bk-fade-enter-active,.bk-fade-transtion .bk-fade-leave-active{transition:all .3s cubic-bezier(.55,0,.1,1)}.bk-fade-transtion .bk-fade-enter,.bk-fade-transtion .bk-fade-leave-to{opacity:0}.bk-select .mr5{margin-right:5px}.bk-select .ml5{margin-left:5px}.bk-select ul{padding:0;margin:0;font-weight:400;list-style:none}.bk-select.large .bk-select-content-wrapper{font-size:14px}.bk-select.is-focus.normal .bk-select-trigger .bk-select-tag.bk-select-tag--default{border-color:#3a84ff;box-shadow:0 0 3px #a3c5fd}.bk-select.is-focus .bk-input--default{border-color:#3a84ff;outline:0;box-shadow:0 0 3px #a3c5fd}.bk-select.is-focus .bk-input--default.is-simplicity{border-color:transparent;border-bottom-color:#3a84ff;box-shadow:none}.bk-select.is-focus .bk-input--default.is-simplicity .bk-input--text{background-color:#f5f7fa}.bk-select.popover-show .bk-select-trigger .angle-up{transform:rotate(0)}.bk-select.is-disabled .bk-input--text{cursor:not-allowed;background-color:#fafbfd}.bk-select .bk-input.is-focused{border-color:#3a84ff;outline:0;box-shadow:0 0 3px #a3c5fd}.bk-select .bk-input.is-focused.is-simplicity{border-color:transparent;border-bottom-color:#3a84ff;box-shadow:none}.bk-select .bk-input--text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:24px;cursor:pointer;background-color:#fff}.bk-select .bk-select-trigger{position:relative}.bk-select .bk-select-trigger .bk-tag-input .bk-tag-input-trigger .clear-icon{margin-right:0}.bk-select .bk-select-trigger .bk-select-tag{width:100%;height:32px;padding:0 28px 0 10px;line-height:normal;color:#63656e;text-align:left;vertical-align:middle;cursor:pointer;background-color:#fff;border:1px solid #c4c6cc;border-radius:2px;outline:none;box-sizing:border-box;transition:all .1s;resize:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;width:auto;align-items:center}.bk-select .bk-select-trigger .bk-select-tag::placeholder{color:#c4c6cc}.bk-select .bk-select-trigger .bk-select-tag.has-prefix{padding-left:0}.bk-select .bk-select-trigger .bk-select-tag.collapse-tag .bk-select-tag-wrapper{height:30px}.bk-select .bk-select-trigger .bk-select-tag:not(.collapse-tag){position:relative;z-index:1;height:auto;min-height:32px;flex-wrap:wrap}.bk-select .bk-select-trigger .bk-select-tag-wrapper{display:flex;align-items:center;flex-wrap:wrap;overflow:hidden}.bk-select .bk-select-trigger .bk-select-tag:not(.is-disabled):hover{border-color:#979ba5}.bk-select .bk-select-trigger .bk-select-tag.is-disabled{cursor:not-allowed;background-color:#fafbfd;border-color:#dcdee5}.bk-select .bk-select-trigger .bk-select-tag.is-disabled input,.bk-select .bk-select-trigger .bk-select-tag.is-disabled .bk-tag{cursor:not-allowed}.bk-select .bk-select-trigger .bk-select-tag.is-disabled .bk-tag:hover{background-color:#f0f1f5}.bk-select .bk-select-trigger .bk-select-tag.is-disabled .bk-tag .bk-tag-close{cursor:not-allowed}.bk-select .bk-select-trigger .bk-select-tag.is-disabled .is-disabled{padding-left:0}.bk-select .bk-select-trigger .bk-select-tag-input{width:100%;height:32px;line-height:normal;color:#63656e;text-align:left;vertical-align:middle;cursor:pointer;background-color:#fff;border:1px solid #c4c6cc;border-radius:2px;outline:none;box-sizing:border-box;transition:all .1s;resize:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:1%;height:22px;padding:0;margin:2px 5px 4px 0;background-color:transparent;border:none;flex-grow:1}.bk-select .bk-select-trigger .bk-select-tag-input::placeholder{color:#c4c6cc}.bk-select .bk-select-trigger .bk-select-tag .bk-tag{max-width:190px;padding:0 4px}.bk-select .bk-select-trigger .angle-up{right:4px;transform:rotate(180deg);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;width:20px;height:20px;font-size:20px;color:#979ba5;position:absolute;top:0;display:inline-flex;height:100%;align-items:center;justify-content:center}.bk-select .bk-select-trigger .clear-icon{right:4px;cursor:pointer;transition:all .1s;display:flex;width:20px;height:20px;font-size:14px;color:#c4c6cc;position:absolute;top:0;display:inline-flex;height:100%;align-items:center;justify-content:center}.bk-select .bk-select-trigger .clear-icon:hover{color:#979ba5}.bk-select .bk-select-trigger .spinner{right:6px;position:absolute;top:0;display:inline-flex;height:100%;align-items:center;justify-content:center}.bk-select--prefix-area{display:flex;height:100%;padding:0 10px;margin-right:10px;color:#63656e;background-color:#f5f7fa;border-right:1px solid #c4c6cc;align-items:center}.bk-popover.bk-pop2-content.bk-select-popover{padding:0;border:1px solid #dcdee5;border-radius:2px;box-shadow:0 2px 6px #0000001a}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-empty{display:flex;align-items:center;justify-content:center;height:56px;color:#63656e}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-empty .spinner{display:flex;width:14px;height:14px;margin-right:4px;font-size:14px;color:#c4c6cc;align-items:center;justify-content:center}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-empty span{margin-left:4px;line-height:18px}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-dropdown{overflow:auto}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-dropdown::-webkit-scrollbar{width:4px;height:4px}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-dropdown::-webkit-scrollbar-thumb{background:#dde4eb;border-radius:20px;box-shadow:inset 0 0 6px #cccccc4d}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-extension{display:flex;height:40px;background-color:#fafbfd;align-items:center;border-top:1px solid #dcdee5;border-radius:0 0 2px 2px}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-options{padding:4px 0}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option{position:relative;display:flex;height:32px;padding:0 12px;line-height:32px;color:#63656e;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option .bk-select-selected-icon{position:absolute;top:5px;right:10px}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option .bk-select-checkbox{margin-right:6px;pointer-events:none}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option.is-hover{background-color:#f5f7fa}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option:hover{color:#63656e;background-color:#f5f7fa}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option.is-selected:not(.is-checkbox){color:#3a84ff;background-color:#e1ecff}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option.is-disabled{color:#c4c6cc;cursor:not-allowed;background-color:transparent}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option.is-multiple{padding-right:32px}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option.is-multiple.is-selected{background-color:#fff}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option.is-multiple.is-hover,.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option.is-multiple:hover{background-color:#f5f7fa}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-options-loading{display:flex;align-items:center;justify-content:center}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-options-loading span{margin-left:4px;line-height:18px}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-option-group-label{height:32px;padding:0 8px;line-height:32px;color:#979ba5;text-align:left}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-option-group-label.collapsible{cursor:pointer}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-option-group.collapsible .bk-select-option{padding-left:40px}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-option-group.disabled .default-group-label{color:#c4c6cc;cursor:not-allowed}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-option-group .default-group-label{display:flex;-webkit-user-select:none;user-select:none;align-items:center}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-option-group .default-group-label-icon{display:flex;width:12px;height:12px;margin-right:8px;transition:all .1s;align-items:center;justify-content:center}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-option-group .default-group-label-icon.collapse{transform:rotate(-90deg)}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-option-group .bk-select-option{padding-left:24px}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-search-wrapper{display:flex;margin:4px 8px 0;border-bottom:1px solid #eaebf0;align-items:center}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-search-wrapper .icon-search{margin-left:2px;color:#979ba5}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-search-wrapper .bk-select-search-input{width:100%;height:32px;line-height:normal;color:#63656e;text-align:left;vertical-align:middle;cursor:pointer;background-color:#fff;border:1px solid #c4c6cc;border-radius:2px;outline:none;box-sizing:border-box;transition:all .1s;resize:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 8px;cursor:text;border:none}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-search-wrapper .bk-select-search-input::placeholder{color:#c4c6cc}.natural-picker{display:flex;align-items:center;min-height:56px}.natural-picker .natural-unit{width:118px;margin-left:8px}.recent-picker{display:flex;align-items:center;min-height:56px}.recent-picker .recent-unit{width:164px}.recent-picker .recent-unit .scoped-input,.recent-picker .recent-unit .bk-input{height:30px;border:none;border-left:1px solid #c4c6cc;border-radius:0}.recent-picker .recent-unit .scoped-input--text,.recent-picker .recent-unit .bk-input--text{border-radius:0}.timezone-picker{width:100%}.timezone-picker-option{display:flex;align-items:center;width:100%;color:#63656e}.timezone-picker-option .option-name{flex:1}.timezone-picker-option .option-country{display:flex;width:100%;margin-left:6px;color:#999}.timezone-picker-option .option-utc{display:inline-flex;align-items:center;justify-content:center;height:20px;padding:0 8px;background:#f0f1f5;border-radius:2px}.timezone-picker-option.is-selected{color:#3a84ff}.timezone-picker-option.is-selected .option-country{color:#699df4}.timezone-picker-option.is-selected .option-utc{color:#fff;background-color:#699df4}.panel-wrapper{width:510px;padding:12px 16px 0;background:#fff;border:1px solid #dcdee5;border-radius:2px;box-shadow:0 2px 6px #0000001a}.panel-wrapper .common-date-list{height:136px;max-height:136px;padding:0 0 4px;margin:12px -10px 0 0;overflow:auto}.panel-wrapper .common-date-list .list-item{display:inline-flex;align-items:center;min-width:calc(33.33% - 8px);height:28px;padding:0 8px;margin-right:8px;margin-bottom:8px;color:#313238;cursor:pointer;background:#f5f7fa;border-radius:2px}.panel-wrapper .common-date-list .list-item.is-recent-item{min-width:inherit;height:24px;padding:0 6px;color:#63656e}.panel-wrapper .common-date-list .list-item:hover{color:#3a84ff;background:#e1ecff}.panel-wrapper .date-pick-tab{padding-top:12px;border-top:1px solid #eaebf0}.panel-wrapper .date-pick-tab .scoped-tab-header-item,.panel-wrapper .date-pick-tab .bk-tab-header-item{margin-right:20px!important}.panel-wrapper .time-zone-panel{display:flex;align-items:center;height:45px;padding:0 16px;margin:0 -16px;color:#313238;background:#fafbfd;border-top:1px solid #dcdee5}.panel-wrapper .time-zone-panel .time-zone{display:flex;align-items:center;margin:0 8px}.panel-wrapper .time-zone-panel .time-zone-area{display:flex;align-items:center;margin-left:8px;color:#979ba5}.panel-wrapper .time-zone-panel .time-zone-tag{display:flex;align-items:center;justify-content:center;width:79px;height:20px;margin-right:8px;margin-left:auto;color:#63656e;background:#f0f1f5;border-radius:2px}.panel-wrapper .time-zone-picker{margin:8px 0}.panel-wrapper .common-wrapper{display:flex;flex-direction:column;height:139px;max-height:139px;overflow:auto}.panel-wrapper .common-wrapper .empty-content{height:100px;max-height:100px}.panel-wrapper .common-wrapper .empty-tips{display:flex;align-items:center;justify-content:center}.__bk_date_picker__{box-sizing:border-box;display:inline-flex;align-items:center;min-width:140px;height:32px;padding:0 4px;font-size:12px;color:#63656e;border:1px solid #c4c6cc;border-radius:2px}.__bk_date_picker__ .date-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:20px;font-weight:700;color:#989ca7;background:#f5f7fa;border-radius:2px}.__bk_date_picker__ .date-icon-left,.__bk_date_picker__ .date-icon-right{display:inline-flex}.__bk_date_picker__ .date-icon-left svg,.__bk_date_picker__ .date-icon-right svg{width:20px!important;height:20px!important}.__bk_date_picker__ .date-icon:hover{cursor:pointer;background-color:#f0f1f5}.__bk_date_picker__ .date-content{display:flex;align-items:center;height:24px;padding:0 6px;margin:0 4px;-webkit-user-select:none;user-select:none;border-radius:2px}.__bk_date_picker__ .date-content-icon{margin-right:4px}.__bk_date_picker__ .date-content-utc{display:flex;align-items:center;margin-left:4px;font-weight:700;color:#ff9c01}.__bk_date_picker__ .date-content:hover{cursor:pointer;background:#f5f7fa}.__bk_date_picker__.is-simplicity{border-color:transparent}.__bk_date_picker__.is-simplicity .date-icon{background-color:transparent}.__bk_date_picker__.is-disabled{color:#c4c6cc;cursor:not-allowed}.__bk_date_picker__.is-disabled .date-icon{color:#c4c6cc;pointer-events:none}.__bk_date_picker__.is-disabled .date-content{pointer-events:none;cursor:not-allowed}.__bk-date-picker-popover__{padding:0!important;margin:0!important;color:#63656e!important}.__bk-date-picker-popover__ ul{padding:0;margin:0}.__bk-date-picker-popover__ ul li{list-style:none}.__date-tooltips__{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:156px;line-height:20px}.__date-tooltips__ .date-tooltips-timezone{display:flex;align-items:center;margin-top:4px;color:#ff9c01}
1
+ .bk-popover.bk-pop2-content {
2
+ position: absolute;
3
+ display: none;
4
+ padding: 7px 14px;
5
+ font-size: 12px;
6
+ color: #fff;
7
+ background: #26323d;
8
+ border-radius: 4px;
9
+ box-sizing: border-box;
10
+ }
11
+ .bk-popover.bk-pop2-content .bk-pop2-arrow {
12
+ position: absolute;
13
+ z-index: -1;
14
+ width: 8px;
15
+ height: 8px;
16
+ background: #333;
17
+ transform: rotate(45deg);
18
+ }
19
+ .bk-popover.bk-pop2-content[data-theme^='light'] {
20
+ color: #26323d;
21
+ background-color: #fff;
22
+ box-shadow: 0 0 6px 0 #dcdee5;
23
+ }
24
+ .bk-popover.bk-pop2-content[data-theme^='light'] .bk-pop2-arrow {
25
+ background-color: #fff;
26
+ }
27
+ .scroll-bar-style::-webkit-scrollbar {
28
+ width: 4px;
29
+ height: 4px;
30
+ }
31
+ .scroll-bar-style::-webkit-scrollbar-thumb {
32
+ background: #ddd;
33
+ border-radius: 20px;
34
+ box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);
35
+ }
36
+ html,
37
+ body {
38
+ padding: 0;
39
+ margin: 0;
40
+ }
41
+ * {
42
+ box-sizing: border-box;
43
+ }
44
+ /**
45
+ * HTML5 display definitions
46
+ * ==========================================================================
47
+ *
48
+ * Correct `block` display not defined for any HTML5 element in IE 8/9.
49
+ * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
50
+ * Correct `block` display not defined for `main` in IE 11.
51
+ */
52
+ article,
53
+ aside,
54
+ details,
55
+ figcaption,
56
+ figure,
57
+ footer,
58
+ header,
59
+ hgroup,
60
+ main,
61
+ menu,
62
+ nav,
63
+ section,
64
+ summary {
65
+ display: block;
66
+ }
67
+ /**
68
+ * 1. Correct `inline-block` display not defined in IE 8/9.
69
+ * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
70
+ */
71
+ audio,
72
+ canvas,
73
+ progress,
74
+ video {
75
+ /* 1 */
76
+ display: inline-block;
77
+ /* 2 */
78
+ vertical-align: baseline;
79
+ }
80
+ /**
81
+ * Prevent modern browsers from displaying `audio` without controls.
82
+ * Remove excess height in iOS 5 devices.
83
+ */
84
+ audio:not([controls]) {
85
+ display: none;
86
+ height: 0;
87
+ }
88
+ /**
89
+ * Address `[hidden]` styling not present in IE 8/9/10.
90
+ * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
91
+ */
92
+ [hidden],
93
+ template {
94
+ display: none;
95
+ }
96
+ /**
97
+ * Links
98
+ * ==========================================================================
99
+ *
100
+ * Remove the gray background color from active links in IE 10.
101
+ */
102
+ a {
103
+ background-color: transparent;
104
+ }
105
+ /**
106
+ * Improve readability of focused elements when they are also in an
107
+ * active/hover state.
108
+ */
109
+ a:active,
110
+ a:hover {
111
+ outline: 0;
112
+ }
113
+ /**
114
+ * Text-level semantics
115
+ * ==========================================================================
116
+ *
117
+ * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
118
+ */
119
+ abbr[title] {
120
+ border-bottom: 1px dotted;
121
+ }
122
+ /**
123
+ * Embedded content
124
+ * ==========================================================================
125
+ *
126
+ * Remove border when inside `a` element in IE 8/9/10.
127
+ */
128
+ img {
129
+ border: 0;
130
+ }
131
+ /**
132
+ * Correct overflow not hidden in IE 9/10/11.
133
+ */
134
+ svg:not(:root) {
135
+ overflow: hidden;
136
+ }
137
+ /**
138
+ * Grouping content
139
+ * ==========================================================================
140
+ *
141
+ * Address margin not present in IE 8/9 and Safari.
142
+ */
143
+ figure {
144
+ margin: 1em 40px;
145
+ }
146
+ /**
147
+ * Address differences between Firefox and other browsers.
148
+ */
149
+ hr {
150
+ height: 0;
151
+ box-sizing: content-box;
152
+ }
153
+ /**
154
+ * Address odd `em`-unit font size rendering in all browsers.
155
+ *
156
+ * Forms
157
+ * ==========================================================================
158
+ *
159
+ * Known limitation: by default, Chrome and Safari on OS X allow very limited
160
+ * styling of `select`, unless a `border` property is set.
161
+ *
162
+ * 1. Correct color not being inherited.
163
+ * Known issue: affects color of disabled elements.
164
+ * 2. Correct font properties not being inherited.
165
+ * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
166
+ */
167
+ button,
168
+ input,
169
+ optgroup,
170
+ select,
171
+ textarea {
172
+ /* 3 */
173
+ margin: 0;
174
+ /* 2 */
175
+ font: inherit;
176
+ /* 1 */
177
+ color: inherit;
178
+ }
179
+ /**
180
+ * Address `overflow` set to `hidden` in IE 8/9/10/11.
181
+ */
182
+ button {
183
+ overflow: visible;
184
+ }
185
+ /**
186
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
187
+ * All other form control elements do not inherit `text-transform` values.
188
+ * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
189
+ * Correct `select` style inheritance in Firefox.
190
+ */
191
+ button,
192
+ select {
193
+ text-transform: none;
194
+ }
195
+ /**
196
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.
197
+ * 2. Correct inability to style clickable `input` types in iOS.
198
+ * 3. Improve usability and consistency of cursor style between image-type `input` and others.
199
+ */
200
+ button,
201
+ html input[type='button'],
202
+ input[type='reset'],
203
+ input[type='submit'] {
204
+ /* 3 */
205
+ cursor: pointer;
206
+ /* 2 */
207
+ appearance: button;
208
+ }
209
+ /* Re-set default cursor for disabled elements. */
210
+ button[disabled],
211
+ html input[disabled] {
212
+ cursor: default;
213
+ }
214
+ /* Remove inner padding and border in Firefox 4+. */
215
+ button::-moz-focus-inner,
216
+ input::-moz-focus-inner {
217
+ padding: 0;
218
+ border: 0;
219
+ }
220
+ /**
221
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet.
222
+ */
223
+ input {
224
+ line-height: normal;
225
+ }
226
+ /**
227
+ * It's recommended that you don't attempt to style these elements.
228
+ * Firefox's implementation doesn't respect box-sizing, padding, or width.
229
+ *
230
+ * 1. Address box sizing set to `content-box` in IE 8/9/10.
231
+ * 2. Remove excess padding in IE 8/9/10.
232
+ */
233
+ input[type='checkbox'],
234
+ input[type='radio'] {
235
+ /* 2 */
236
+ padding: 0;
237
+ /* 1 */
238
+ box-sizing: border-box;
239
+ }
240
+ /**
241
+ * Fix the cursor style for Chrome's increment/decrement buttons. For certain
242
+ * `font-size` values of the `input`, it causes the cursor style of the
243
+ * decrement button to change from `default` to `text`.
244
+ */
245
+ input[type='number']::-webkit-inner-spin-button,
246
+ input[type='number']::-webkit-outer-spin-button {
247
+ height: auto;
248
+ }
249
+ ::-ms-clear,
250
+ ::-ms-reveal {
251
+ display: none;
252
+ }
253
+ input[type='text']::-ms-clear {
254
+ display: none;
255
+ }
256
+ input[type='text']::-ms-reveal {
257
+ display: none;
258
+ }
259
+ /**
260
+ * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
261
+ * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
262
+ */
263
+ input[type='search'] {
264
+ /* 2 */
265
+ box-sizing: content-box;
266
+ /* 1 */
267
+ appearance: textfield;
268
+ }
269
+ /**
270
+ * Remove inner padding and search cancel button in Safari and Chrome on OS X.
271
+ * Safari (but not Chrome) clips the cancel button when the search input has
272
+ * padding (and `textfield` appearance).
273
+ */
274
+ input[type='search']::-webkit-search-cancel-button,
275
+ input[type='search']::-webkit-search-decoration {
276
+ appearance: none;
277
+ }
278
+ /**
279
+ * Define consistent border, margin, and padding.
280
+ */
281
+ fieldset {
282
+ padding: 0.35em 0.625em 0.75em;
283
+ margin: 0 2px;
284
+ border: 1px solid #c0c0c0;
285
+ }
286
+ /**
287
+ * 1. Correct `color` not being inherited in IE 8/9/10/11.
288
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
289
+ */
290
+ legend {
291
+ /* 2 */
292
+ padding: 0;
293
+ /* 1 */
294
+ border: 0;
295
+ }
296
+ /**
297
+ * Remove default vertical scrollbar in IE 8/9/10/11.
298
+ */
299
+ textarea {
300
+ overflow: auto;
301
+ }
302
+ /**
303
+ * Don't inherit the `font-weight` (applied by a rule above).
304
+ * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
305
+ */
306
+ optgroup {
307
+ font-weight: bold;
308
+ }
309
+ /**
310
+ * BK-Scroll-Style
311
+ */
312
+ .bk-scroll-y {
313
+ overflow-y: auto;
314
+ }
315
+ .bk-scroll-y::-webkit-scrollbar {
316
+ width: 4px;
317
+ height: 4px;
318
+ }
319
+ .bk-scroll-y::-webkit-scrollbar-thumb {
320
+ background: #ddd;
321
+ border-radius: 20px;
322
+ box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);
323
+ }
324
+ .bk-scroll-x {
325
+ overflow-x: auto;
326
+ }
327
+ .bk-scroll-x::-webkit-scrollbar {
328
+ width: 4px;
329
+ height: 4px;
330
+ }
331
+ .bk-scroll-x::-webkit-scrollbar-thumb {
332
+ background: #ddd;
333
+ border-radius: 20px;
334
+ box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);
335
+ }
336
+ .bk-button {
337
+ display: inline-flex;
338
+ height: 32px;
339
+ padding: 5px 12px;
340
+ font-size: 14px;
341
+ color: #63656e;
342
+ text-decoration: none;
343
+ white-space: nowrap;
344
+ cursor: pointer;
345
+ background-color: white;
346
+ border: 1px solid #c4c6cc;
347
+ border-radius: 2px;
348
+ outline: none;
349
+ box-sizing: border-box;
350
+ transition: background-color ease 0.3s;
351
+ appearance: none;
352
+ align-items: center;
353
+ justify-content: center;
354
+ }
355
+ .bk-button.bk-button-primary {
356
+ background-color: #3a84ff;
357
+ color: white;
358
+ border-color: #3a84ff;
359
+ }
360
+ .bk-button.bk-button-primary:hover {
361
+ background-color: #5594fa;
362
+ border-color: #5594fa;
363
+ }
364
+ .bk-button.bk-button-primary:active {
365
+ background-color: #2c77f4;
366
+ border-color: #2c77f4;
367
+ color: white;
368
+ }
369
+ .bk-button.bk-button-primary.is-outline {
370
+ color: #3a84ff;
371
+ border-color: #3a84ff;
372
+ background-color: white;
373
+ }
374
+ .bk-button.bk-button-primary.is-outline:hover {
375
+ background-color: #5594fa;
376
+ border-color: #5594fa;
377
+ color: white;
378
+ }
379
+ .bk-button.bk-button-primary.is-outline:active {
380
+ background-color: #2c77f4;
381
+ border-color: #2c77f4;
382
+ color: white;
383
+ }
384
+ .bk-button.bk-button-primary.is-text {
385
+ color: #3a84ff;
386
+ background-color: transparent;
387
+ border: none;
388
+ }
389
+ .bk-button.bk-button-primary.is-text:not(.is-disabled):hover {
390
+ color: #5594fa;
391
+ }
392
+ .bk-button.bk-button-primary.is-disabled {
393
+ color: #dcdee5;
394
+ cursor: not-allowed;
395
+ }
396
+ .bk-button.bk-button-primary.is-disabled:not(.is-text) {
397
+ background-color: #dcdee5;
398
+ color: white;
399
+ border-color: #dcdee5;
400
+ }
401
+ .bk-button.bk-button-hover-primary:hover {
402
+ background-color: #5594fa;
403
+ border-color: #5594fa;
404
+ color: white;
405
+ }
406
+ .bk-button.bk-button-warning {
407
+ background-color: #ff9c01;
408
+ color: white;
409
+ border-color: #ff9c01;
410
+ }
411
+ .bk-button.bk-button-warning:hover {
412
+ background-color: #ffb848;
413
+ border-color: #ffb848;
414
+ }
415
+ .bk-button.bk-button-warning:active {
416
+ background-color: #eb9000;
417
+ border-color: #eb9000;
418
+ color: white;
419
+ }
420
+ .bk-button.bk-button-warning.is-outline {
421
+ color: #ff9c01;
422
+ border-color: #ff9c01;
423
+ background-color: white;
424
+ }
425
+ .bk-button.bk-button-warning.is-outline:hover {
426
+ background-color: #ffb848;
427
+ border-color: #ffb848;
428
+ color: white;
429
+ }
430
+ .bk-button.bk-button-warning.is-outline:active {
431
+ background-color: #eb9000;
432
+ border-color: #eb9000;
433
+ color: white;
434
+ }
435
+ .bk-button.bk-button-warning.is-text {
436
+ color: #ff9c01;
437
+ background-color: transparent;
438
+ border: none;
439
+ }
440
+ .bk-button.bk-button-warning.is-text:not(.is-disabled):hover {
441
+ color: #ffb848;
442
+ }
443
+ .bk-button.bk-button-warning.is-disabled {
444
+ color: #dcdee5;
445
+ cursor: not-allowed;
446
+ }
447
+ .bk-button.bk-button-warning.is-disabled:not(.is-text) {
448
+ background-color: #dcdee5;
449
+ color: white;
450
+ border-color: #dcdee5;
451
+ }
452
+ .bk-button.bk-button-hover-warning:hover {
453
+ background-color: #ffb848;
454
+ border-color: #ffb848;
455
+ color: white;
456
+ }
457
+ .bk-button.bk-button-success {
458
+ background-color: #2dcb56;
459
+ color: white;
460
+ border-color: #2dcb56;
461
+ }
462
+ .bk-button.bk-button-success:hover {
463
+ background-color: #45e35f;
464
+ border-color: #45e35f;
465
+ }
466
+ .bk-button.bk-button-success:active {
467
+ background-color: #1ab943;
468
+ border-color: #1ab943;
469
+ color: white;
470
+ }
471
+ .bk-button.bk-button-success.is-outline {
472
+ color: #2dcb56;
473
+ border-color: #2dcb56;
474
+ background-color: white;
475
+ }
476
+ .bk-button.bk-button-success.is-outline:hover {
477
+ background-color: #45e35f;
478
+ border-color: #45e35f;
479
+ color: white;
480
+ }
481
+ .bk-button.bk-button-success.is-outline:active {
482
+ background-color: #1ab943;
483
+ border-color: #1ab943;
484
+ color: white;
485
+ }
486
+ .bk-button.bk-button-success.is-text {
487
+ color: #2dcb56;
488
+ background-color: transparent;
489
+ border: none;
490
+ }
491
+ .bk-button.bk-button-success.is-text:not(.is-disabled):hover {
492
+ color: #45e35f;
493
+ }
494
+ .bk-button.bk-button-success.is-disabled {
495
+ color: #dcdee5;
496
+ cursor: not-allowed;
497
+ }
498
+ .bk-button.bk-button-success.is-disabled:not(.is-text) {
499
+ background-color: #dcdee5;
500
+ color: white;
501
+ border-color: #dcdee5;
502
+ }
503
+ .bk-button.bk-button-hover-success:hover {
504
+ background-color: #45e35f;
505
+ border-color: #45e35f;
506
+ color: white;
507
+ }
508
+ .bk-button.bk-button-danger {
509
+ background-color: #ea3636;
510
+ color: white;
511
+ border-color: #ea3636;
512
+ }
513
+ .bk-button.bk-button-danger:hover {
514
+ background-color: #ff5656;
515
+ border-color: #ff5656;
516
+ }
517
+ .bk-button.bk-button-danger:active {
518
+ background-color: #db2626;
519
+ border-color: #db2626;
520
+ color: white;
521
+ }
522
+ .bk-button.bk-button-danger.is-outline {
523
+ color: #ea3636;
524
+ border-color: #ea3636;
525
+ background-color: white;
526
+ }
527
+ .bk-button.bk-button-danger.is-outline:hover {
528
+ background-color: #ff5656;
529
+ border-color: #ff5656;
530
+ color: white;
531
+ }
532
+ .bk-button.bk-button-danger.is-outline:active {
533
+ background-color: #db2626;
534
+ border-color: #db2626;
535
+ color: white;
536
+ }
537
+ .bk-button.bk-button-danger.is-text {
538
+ color: #ea3636;
539
+ background-color: transparent;
540
+ border: none;
541
+ }
542
+ .bk-button.bk-button-danger.is-text:not(.is-disabled):hover {
543
+ color: #ff5656;
544
+ }
545
+ .bk-button.bk-button-danger.is-disabled {
546
+ color: #dcdee5;
547
+ cursor: not-allowed;
548
+ }
549
+ .bk-button.bk-button-danger.is-disabled:not(.is-text) {
550
+ background-color: #dcdee5;
551
+ color: white;
552
+ border-color: #dcdee5;
553
+ }
554
+ .bk-button.bk-button-hover-danger:hover {
555
+ background-color: #ff5656;
556
+ border-color: #ff5656;
557
+ color: white;
558
+ }
559
+ .bk-button.bk-button-small {
560
+ height: 26px;
561
+ padding: 3px 12px;
562
+ font-size: 12px;
563
+ }
564
+ .bk-button.bk-button-large {
565
+ height: 38px;
566
+ padding: 8px 20px;
567
+ font-size: 16px;
568
+ }
569
+ .bk-button .bk-button-text {
570
+ display: inline-flex;
571
+ align-items: center;
572
+ line-height: 1;
573
+ }
574
+ .bk-button.is-loading {
575
+ position: relative;
576
+ }
577
+ .bk-button.is-loading .bk-button-loading:not(:last-child) {
578
+ position: absolute;
579
+ }
580
+ .bk-button.is-loading .bk-button-text {
581
+ visibility: hidden;
582
+ }
583
+ .bk-button:hover {
584
+ border-color: #979ba5;
585
+ }
586
+ .bk-button:active {
587
+ color: #3a84ff;
588
+ border-color: #3a84ff;
589
+ }
590
+ .bk-button.is-text {
591
+ height: auto;
592
+ padding: 0;
593
+ font-size: inherit;
594
+ color: #63656e;
595
+ text-decoration: none;
596
+ cursor: pointer;
597
+ background-color: transparent;
598
+ border: none;
599
+ outline: none;
600
+ }
601
+ .bk-button.is-disabled {
602
+ color: #dcdee5;
603
+ cursor: not-allowed;
604
+ border-color: #dcdee5;
605
+ }
606
+ .bk-button-group {
607
+ display: inline-block;
608
+ font-size: 0;
609
+ }
610
+ .bk-button-group.bk-button-group-small .bk-button {
611
+ height: 26px;
612
+ padding: 3px 12px;
613
+ font-size: 12px;
614
+ }
615
+ .bk-button-group.bk-button-group-large .bk-button {
616
+ height: 38px;
617
+ padding: 8px 20px;
618
+ font-size: 16px;
619
+ }
620
+ .bk-button-group .bk-button {
621
+ height: 32px;
622
+ margin: 0 0 0 -1px;
623
+ border-radius: 0;
624
+ }
625
+ .bk-button-group .bk-button:not(.is-disabled) {
626
+ color: #63656e;
627
+ background-color: white;
628
+ border-color: #c4c6cc;
629
+ }
630
+ .bk-button-group .bk-button.is-disabled {
631
+ color: #c4c6cc;
632
+ }
633
+ .bk-button-group .bk-button:first-child {
634
+ border-radius: 2px 0 0 2px;
635
+ }
636
+ .bk-button-group .bk-button:last-child {
637
+ border-radius: 0 2px 2px 0;
638
+ }
639
+ .bk-button-group .bk-button:only-child {
640
+ border-radius: 2px;
641
+ }
642
+ .bk-button-group .bk-button:hover:not(.is-disabled),
643
+ .bk-button-group .bk-button.is-selected:not(.is-disabled) {
644
+ position: relative;
645
+ z-index: 1;
646
+ color: #3a84ff;
647
+ background-color: white;
648
+ border-color: #3a84ff;
649
+ }
650
+ .bk-button-group .bk-button.is-selected:not(.is-disabled) {
651
+ background-color: #e1ecff;
652
+ }
653
+ .bk-button-group .bk-button.is-selected.is-disabled {
654
+ background-color: #f0f1f5;
655
+ }
656
+ .bk-exception {
657
+ position: relative;
658
+ display: flex;
659
+ width: 100%;
660
+ align-items: center;
661
+ flex-direction: column;
662
+ text-align: center;
663
+ }
664
+ .bk-exception-img {
665
+ display: flex;
666
+ align-items: center;
667
+ justify-content: center;
668
+ }
669
+ .bk-exception-img .exception-image {
670
+ display: block;
671
+ height: 100%;
672
+ object-fit: contain;
673
+ }
674
+ .bk-exception-title {
675
+ color: #313238;
676
+ }
677
+ .bk-exception-description {
678
+ color: #63656e;
679
+ }
680
+ .bk-exception-page .bk-exception-img {
681
+ width: 480px;
682
+ height: 240px;
683
+ }
684
+ .bk-exception-page .bk-exception-title {
685
+ margin-top: 18px;
686
+ font-size: 24px;
687
+ line-height: 32px;
688
+ }
689
+ .bk-exception-page .bk-exception-description {
690
+ margin-top: 16px;
691
+ font-size: 14px;
692
+ line-height: 22px;
693
+ }
694
+ .bk-exception-page .bk-exception-footer {
695
+ margin-top: 24px;
696
+ }
697
+ .bk-exception-part .bk-exception-img {
698
+ width: 120px;
699
+ height: 100px;
700
+ }
701
+ .bk-exception-part .bk-exception-title {
702
+ margin-top: 8px;
703
+ font-size: 14px;
704
+ line-height: 22px;
705
+ }
706
+ .bk-exception-part .bk-exception-description {
707
+ margin-top: 8px;
708
+ font-size: 12px;
709
+ line-height: 20px;
710
+ }
711
+ .bk-exception-part .bk-exception-footer {
712
+ margin-top: 8px;
713
+ }
714
+ .bk-tab {
715
+ position: relative;
716
+ display: flex;
717
+ }
718
+ .bk-tab--top {
719
+ flex-direction: column;
720
+ }
721
+ .bk-tab--right {
722
+ flex-direction: row-reverse;
723
+ }
724
+ .bk-tab-header {
725
+ position: relative;
726
+ display: flex;
727
+ color: #63656e;
728
+ }
729
+ .bk-tab--left .bk-tab-header {
730
+ border-right: 1px solid #dcdee5;
731
+ }
732
+ .bk-tab--right .bk-tab-header {
733
+ border-left: 1px solid #dcdee5;
734
+ }
735
+ .bk-tab--vertical-tab .bk-tab-header {
736
+ border: 0;
737
+ }
738
+ .bk-tab--left .bk-tab-header,
739
+ .bk-tab--right .bk-tab-header {
740
+ flex-direction: column;
741
+ }
742
+ .bk-tab--left .bk-tab-header > div,
743
+ .bk-tab--right .bk-tab-header > div {
744
+ flex-direction: column;
745
+ }
746
+ .bk-tab--card-tab .bk-tab-header,
747
+ .bk-tab--vertical-tab .bk-tab-header {
748
+ background: #F0F1F5;
749
+ }
750
+ .bk-tab--card-tab .bk-tab-header {
751
+ border-radius: 4px 4px 0;
752
+ }
753
+ .bk-tab--card .bk-tab-header,
754
+ .bk-tab--vertical-card .bk-tab-header {
755
+ border-bottom: 1px solid #dcdee5;
756
+ }
757
+ .bk-tab--border-card .bk-tab-header {
758
+ border: solid #dcdee5;
759
+ border-width: 1px 1px 1px 0;
760
+ }
761
+ .bk-tab--border-card .bk-tab-header {
762
+ background: #FAFBFD;
763
+ }
764
+ .bk-tab--unborder-card .bk-tab-header {
765
+ border-bottom: 1px solid #dcdee5;
766
+ }
767
+ .bk-tab-header > div {
768
+ display: flex;
769
+ flex-wrap: nowrap;
770
+ }
771
+ .bk-tab--card .bk-tab-header > div,
772
+ .bk-tab--vertical-card .bk-tab-header > div,
773
+ .bk-tab--border-card .bk-tab-header > div {
774
+ margin-bottom: -1px;
775
+ }
776
+ .bk-tab-header-nav {
777
+ position: relative;
778
+ }
779
+ .bk-tab--top .bk-tab-header-nav {
780
+ overflow-x: auto;
781
+ overflow-y: visible;
782
+ }
783
+ .bk-tab--left .bk-tab-header-nav,
784
+ .bk-tab--right .bk-tab-header-nav {
785
+ overflow-x: visible;
786
+ overflow-y: auto;
787
+ }
788
+ .bk-tab--card .bk-tab-header-nav,
789
+ .bk-tab--border-card .bk-tab-header-nav,
790
+ .bk-tab--vertical-card .bk-tab-header-nav {
791
+ border-left: 1px solid #dcdee5;
792
+ }
793
+ .bk-tab-header-nav::-webkit-scrollbar {
794
+ display: none;
795
+ width: 0;
796
+ height: 0;
797
+ }
798
+ .bk-tab-header-next,
799
+ .bk-tab-header-prev {
800
+ position: absolute;
801
+ top: 1px;
802
+ bottom: 1px;
803
+ width: 15px;
804
+ background: #fff;
805
+ content: '';
806
+ }
807
+ .bk-tab-header-prev {
808
+ left: 1px;
809
+ }
810
+ .bk-tab-header-next {
811
+ right: 1px;
812
+ }
813
+ .bk-tab-header-operation .bk-tab-header-item {
814
+ padding: 0 12px;
815
+ }
816
+ .bk-tab-header-setting {
817
+ justify-self: flex-end;
818
+ margin-left: auto;
819
+ white-space: nowrap;
820
+ }
821
+ .bk-tab-header-item {
822
+ display: flex;
823
+ white-space: nowrap;
824
+ cursor: pointer;
825
+ justify-content: center;
826
+ align-items: center;
827
+ }
828
+ .bk-tab--top .bk-tab-header-item {
829
+ padding: 0 20px;
830
+ }
831
+ .bk-tab--left .bk-tab-header-item,
832
+ .bk-tab--right .bk-tab-header-item {
833
+ padding: 0 12px;
834
+ }
835
+ .bk-tab--left .bk-tab-header-item {
836
+ text-align: right;
837
+ }
838
+ .bk-tab--card .bk-tab-header-item,
839
+ .bk-tab--vertical-card .bk-tab-header-item {
840
+ border-top: 1px solid #dcdee5;
841
+ }
842
+ .bk-tab--card .bk-tab-header-item,
843
+ .bk-tab--border-card .bk-tab-header-item,
844
+ .bk-tab--vertical-card .bk-tab-header-item {
845
+ border-right: 1px solid #dcdee5;
846
+ }
847
+ .bk-tab--card-tab .bk-tab-header-item {
848
+ position: relative;
849
+ }
850
+ .bk-tab--card-tab .bk-tab-header-item:not(:first-of-type):before,
851
+ .bk-tab--card-tab .bk-tab-header-item:last-of-type:after {
852
+ position: absolute;
853
+ top: 50%;
854
+ left: 0;
855
+ display: block;
856
+ width: 1px;
857
+ height: 16px;
858
+ margin-top: -8px;
859
+ background: #c4c6cc;
860
+ content: '';
861
+ }
862
+ .bk-tab--card-tab .bk-tab-header-item:last-of-type:after {
863
+ right: 0;
864
+ left: initial;
865
+ }
866
+ .bk-tab--card-grid .bk-tab-header-item {
867
+ height: 40px;
868
+ margin-right: 8px;
869
+ line-height: 40px;
870
+ background: #eaebf0;
871
+ border-radius: 4px 4px 0 0;
872
+ }
873
+ .bk-tab-header-operation .bk-tab-header-item {
874
+ padding-right: 12px;
875
+ padding-left: 12px;
876
+ }
877
+ .bk-tab-header-item:hover {
878
+ color: #3a84ff;
879
+ }
880
+ .bk-tab-header-item:hover .bk-tab-header--close {
881
+ display: block;
882
+ margin-left: 5px;
883
+ color: #ea3636;
884
+ }
885
+ .bk-tab-header--active {
886
+ color: #3a84ff;
887
+ /* 激活边框，跟随，不再用固定样式
888
+ //.@{bk-prefix}-tab--unborder-card & {
889
+ // border-bottom: 2px solid @tab-active;
890
+ //}
891
+ .@{bk-prefix}-tab--left:not(.@{bk-prefix}-tab--vertical-tab) & {
892
+ border-right: 2px solid @tab-active;
893
+ }
894
+
895
+ .@{bk-prefix}-tab--right:not(.@{bk-prefix}-tab--vertical-tab) & {
896
+ border-left: 2px solid @tab-active;
897
+ }
898
+ */
899
+ }
900
+ .bk-tab--card .bk-tab-header--active,
901
+ .bk-tab--border-card .bk-tab-header--active,
902
+ .bk-tab--vertical-card .bk-tab-header--active {
903
+ background: white;
904
+ border-bottom-color: white;
905
+ }
906
+ .bk-tab--card-tab .bk-tab-header--active,
907
+ .bk-tab--vertical-tab .bk-tab-header--active {
908
+ background: #fff;
909
+ }
910
+ .bk-tab--card-tab .bk-tab-header--active {
911
+ border-radius: 4px 4px 0 0;
912
+ }
913
+ .bk-tab--card-tab .bk-tab-header--active:after,
914
+ .bk-tab--card-tab .bk-tab-header--active:before,
915
+ .bk-tab--card-tab .bk-tab-header--active + .bk-tab-header-item:before {
916
+ /* stylelint-disable-next-line declaration-no-important */
917
+ display: none !important;
918
+ }
919
+ .bk-tab--card-grid .bk-tab-header--active {
920
+ background: #fff;
921
+ }
922
+ .bk-tab-header--close {
923
+ display: none;
924
+ font-size: 16px;
925
+ color: #c4c6cc;
926
+ }
927
+ .bk-tab-header--disabled {
928
+ cursor: not-allowed;
929
+ }
930
+ .bk-tab-header--disabled,
931
+ .bk-tab-header--disabled:hover {
932
+ color: #aaa;
933
+ }
934
+ .bk-tab-header-active-bar {
935
+ position: absolute;
936
+ width: 0;
937
+ height: 0;
938
+ background: #3a84ff;
939
+ transition: all ease-in 300ms;
940
+ }
941
+ .bk-tab-content {
942
+ flex: 1;
943
+ padding: 10px;
944
+ }
945
+ .bk-tab--border-card .bk-tab-content,
946
+ .bk-tab--vertical-card .bk-tab-content {
947
+ border: solid #dcdee5;
948
+ border-width: 0 1px 1px;
949
+ }
950
+ .bk-tab--card-grid .bk-tab-content {
951
+ background: #fff;
952
+ border-radius: 0 4px 4px 4px;
953
+ box-shadow: 0 2px 4px 0 #1919290d;
954
+ }
955
+ .bk-tab-panel {
956
+ height: 100%;
957
+ }
958
+ .common-panel-tab .scoped-tab-header,
959
+ .common-panel-tab .bk-tab-header {
960
+ /* stylelint-disable-next-line declaration-no-important */
961
+ line-height: 20px !important;
962
+ /* stylelint-disable-next-line declaration-no-important */
963
+ border-bottom: 0 !important;
964
+ }
965
+ .common-panel-tab .scoped-tab-header .scoped-tab-header-item,
966
+ .common-panel-tab .scoped-tab-header .bk-tab-header-item,
967
+ .common-panel-tab .bk-tab-header .scoped-tab-header-item,
968
+ .common-panel-tab .bk-tab-header .bk-tab-header-item {
969
+ padding: 0;
970
+ padding-bottom: 4px;
971
+ margin-right: 28px;
972
+ }
973
+ .common-panel-tab .scoped-tab-header--active,
974
+ .common-panel-tab .bk-tab-header--active {
975
+ font-weight: 700;
976
+ color: #63656e;
977
+ }
978
+ .common-panel-tab .scoped-tab-content,
979
+ .common-panel-tab .bk-tab-content {
980
+ display: none;
981
+ width: 0;
982
+ height: 0;
983
+ }.common-submit {
984
+ flex: 0 0 64px;
985
+ width: 64px;
986
+ margin-left: 8px;
987
+ }
988
+ .common-favorite {
989
+ display: flex;
990
+ flex: 0 0 32px;
991
+ align-items: center;
992
+ justify-content: center;
993
+ width: 32px;
994
+ height: 32px;
995
+ margin-left: 8px;
996
+ cursor: pointer;
997
+ background: #f5f7fa;
998
+ border-radius: 2px;
999
+ }
1000
+ .common-favorite:hover svg path {
1001
+ fill: #3a84ff;
1002
+ }.bk-checkbox-group {
1003
+ display: inline-flex;
1004
+ letter-spacing: normal;
1005
+ }
1006
+ .bk-checkbox {
1007
+ display: inline-flex;
1008
+ justify-self: center;
1009
+ align-items: center;
1010
+ font-size: 14px;
1011
+ letter-spacing: normal;
1012
+ color: #63656e;
1013
+ cursor: pointer;
1014
+ user-select: none;
1015
+ }
1016
+ .bk-checkbox ~ .bk-checkbox {
1017
+ margin-left: 30px;
1018
+ }
1019
+ .bk-checkbox.is-checked .bk-checkbox-input {
1020
+ background: #3a84ff;
1021
+ border-color: #3a84ff;
1022
+ transition: all 0.1s;
1023
+ }
1024
+ .bk-checkbox.is-checked .bk-checkbox-input.small::after {
1025
+ width: 3px;
1026
+ height: 6px;
1027
+ }
1028
+ .bk-checkbox.is-checked .bk-checkbox-input::after {
1029
+ position: absolute;
1030
+ top: 50%;
1031
+ left: 50%;
1032
+ width: 4px;
1033
+ height: 8px;
1034
+ border: 2px solid #fff;
1035
+ border-top: 0;
1036
+ border-left: 0;
1037
+ content: '';
1038
+ transform: translate(-50%, -60%) scaleY(1) rotate(45deg);
1039
+ transform-origin: center;
1040
+ }
1041
+ .bk-checkbox.is-indeterminated .bk-checkbox-input {
1042
+ background: #3a84ff;
1043
+ border-color: #3a84ff;
1044
+ transition: all 0.1s;
1045
+ }
1046
+ .bk-checkbox.is-indeterminated .bk-checkbox-input.small::after {
1047
+ width: 6px;
1048
+ height: 2px;
1049
+ }
1050
+ .bk-checkbox.is-indeterminated .bk-checkbox-input::after {
1051
+ position: absolute;
1052
+ top: 50%;
1053
+ left: 50%;
1054
+ width: 8px;
1055
+ height: 2px;
1056
+ background: #fff;
1057
+ border: none;
1058
+ border-radius: 2px;
1059
+ content: '';
1060
+ transform: translate(-50%, -50%);
1061
+ }
1062
+ .bk-checkbox.is-disabled {
1063
+ color: #c4c6cc;
1064
+ cursor: not-allowed;
1065
+ }
1066
+ .bk-checkbox.is-disabled .bk-checkbox-input {
1067
+ background: #fafbfd;
1068
+ border-color: #dcdee5;
1069
+ }
1070
+ .bk-checkbox.is-disabled .bk-checkbox-input::after {
1071
+ background: #dcdee5;
1072
+ }
1073
+ .bk-checkbox.is-disabled.is-checked .bk-checkbox-input {
1074
+ background: #a3c5fd;
1075
+ border-color: #a3c5fd;
1076
+ }
1077
+ .bk-checkbox.is-disabled.is-checked .bk-checkbox-input::after {
1078
+ background: #a3c5fd;
1079
+ }
1080
+ .bk-checkbox-input {
1081
+ position: relative;
1082
+ display: inline-block;
1083
+ width: 16px;
1084
+ height: 16px;
1085
+ vertical-align: middle;
1086
+ border: 1px solid #979ba5;
1087
+ border-radius: 2px;
1088
+ }
1089
+ .bk-checkbox-input.small {
1090
+ width: 14px;
1091
+ height: 14px;
1092
+ }
1093
+ .bk-checkbox-original {
1094
+ position: absolute;
1095
+ top: 0;
1096
+ left: 0;
1097
+ z-index: -1;
1098
+ width: 0;
1099
+ height: 0;
1100
+ }
1101
+ .bk-checkbox-label {
1102
+ display: inline-block;
1103
+ margin-left: 6px;
1104
+ vertical-align: middle;
1105
+ }
1106
+ /* stylelint-disable declaration-no-important */
1107
+ .date-panel {
1108
+ display: flex;
1109
+ flex-direction: column;
1110
+ width: 220px;
1111
+ user-select: none;
1112
+ background: #fff;
1113
+ border: 1px solid #dcdee5;
1114
+ box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1019607843);
1115
+ }
1116
+ .date-panel-title {
1117
+ display: flex;
1118
+ flex: 0 0 40px;
1119
+ align-items: center;
1120
+ height: 40px;
1121
+ padding: 0 12px;
1122
+ color: #63656e;
1123
+ border-bottom: 1px solid #dcdee5;
1124
+ }
1125
+ .date-panel-title .title-check {
1126
+ margin-left: auto;
1127
+ }
1128
+ .date-panel-main {
1129
+ display: flex;
1130
+ flex: 1;
1131
+ flex-direction: column;
1132
+ padding: 8px 0 12px 0;
1133
+ }
1134
+ .date-panel-main .date-header {
1135
+ display: flex;
1136
+ align-items: center;
1137
+ width: 100%;
1138
+ height: 24px;
1139
+ }
1140
+ .date-panel-main .date-header-center {
1141
+ display: flex;
1142
+ flex: 1;
1143
+ align-items: center;
1144
+ justify-content: center;
1145
+ height: 100%;
1146
+ font-size: 14px;
1147
+ font-weight: 700;
1148
+ }
1149
+ .date-panel-main .date-header-center .date-split {
1150
+ width: 5px;
1151
+ height: 2px;
1152
+ margin: 0 10px;
1153
+ background-color: #63656e;
1154
+ }
1155
+ .date-panel-main .date-header-right, .date-panel-main .date-header-left {
1156
+ display: flex;
1157
+ align-items: center;
1158
+ height: 100%;
1159
+ padding: 0 6px;
1160
+ font-size: 16px;
1161
+ }
1162
+ .date-panel-main .date-header-right .hand-icon, .date-panel-main .date-header-left .hand-icon {
1163
+ display: flex;
1164
+ align-items: center;
1165
+ justify-content: center;
1166
+ font-size: 16px;
1167
+ font-weight: bold;
1168
+ color: #979ba5;
1169
+ }
1170
+ .date-panel-main .date-header-right .hand-icon svg, .date-panel-main .date-header-left .hand-icon svg {
1171
+ width: 20px !important;
1172
+ height: 20px !important;
1173
+ font-weight: bold;
1174
+ }
1175
+ .date-panel-main .date-header-right .hand-icon:hover, .date-panel-main .date-header-left .hand-icon:hover {
1176
+ color: #3a84ff;
1177
+ cursor: pointer;
1178
+ }
1179
+ .date-panel-main .date-header-right .hand-icon:hover svg, .date-panel-main .date-header-left .hand-icon:hover svg {
1180
+ fill: #3a84ff;
1181
+ }
1182
+ .date-panel-main .date-header-right {
1183
+ margin-left: auto;
1184
+ }
1185
+ .date-panel-main .date-content {
1186
+ display: flex;
1187
+ flex-direction: column;
1188
+ }
1189
+ .date-panel-main .date-content .date-grid {
1190
+ display: flex;
1191
+ align-items: center;
1192
+ width: 100%;
1193
+ padding: 0 12px;
1194
+ margin: 0;
1195
+ }
1196
+ .date-panel-main .date-content .date-grid-item {
1197
+ display: flex;
1198
+ flex: 0 0 14.285%;
1199
+ align-items: center;
1200
+ justify-content: center;
1201
+ width: 14.285%;
1202
+ min-width: 28px;
1203
+ height: 24px;
1204
+ }
1205
+ .date-panel-main .date-content .date-grid-item:not(.not-click):hover {
1206
+ cursor: pointer;
1207
+ background-color: #f0f1f5;
1208
+ }
1209
+ .date-panel-main .date-content .date-grid-item.is-today {
1210
+ color: #3a84ff;
1211
+ border: 1px solid #a3c5fd;
1212
+ border-radius: 2px;
1213
+ }
1214
+ .date-panel-main .date-content .date-grid-item.is-last-month {
1215
+ color: #c4c6cc;
1216
+ background-color: #f0f1f5;
1217
+ }
1218
+ .date-panel-main .date-content .date-grid-item.is-next-month {
1219
+ color: #c4c6cc;
1220
+ }
1221
+ .date-panel-main .date-content .date-grid-item.is-disabled {
1222
+ color: #c4c6cc !important;
1223
+ cursor: not-allowed !important;
1224
+ background-color: #f0f1f5 !important;
1225
+ }
1226
+ .date-panel-main .date-content .date-grid-item.is-selected {
1227
+ color: #fff !important;
1228
+ background-color: #3a84ff !important;
1229
+ border-radius: 2px;
1230
+ }/* stylelint-disable declaration-no-important */
1231
+ .date-wrapper {
1232
+ display: flex;
1233
+ flex-direction: column;
1234
+ }
1235
+ .date-wrapper .date-input {
1236
+ display: flex;
1237
+ align-items: center;
1238
+ width: 100%;
1239
+ min-height: 56px;
1240
+ }
1241
+ .date-wrapper .date-input .date-picker {
1242
+ display: flex;
1243
+ align-items: center;
1244
+ width: 100%;
1245
+ min-width: 360px;
1246
+ height: 32px;
1247
+ background: #fff;
1248
+ border: 1px solid #c4c6cc;
1249
+ border-radius: 2px;
1250
+ }
1251
+ .date-wrapper .date-input .date-picker-icon {
1252
+ display: flex;
1253
+ align-items: center;
1254
+ justify-content: center;
1255
+ margin-right: 6px;
1256
+ margin-left: 8px;
1257
+ }
1258
+ .date-wrapper .date-input .date-picker-start, .date-wrapper .date-input .date-picker-end {
1259
+ width: 160px;
1260
+ height: 24px;
1261
+ padding: 0 4px;
1262
+ font-size: 12px;
1263
+ color: #63656e;
1264
+ border: none;
1265
+ border-radius: 2px;
1266
+ }
1267
+ .date-wrapper .date-input .date-picker-start:focus, .date-wrapper .date-input .date-picker-end:focus {
1268
+ background: #e1ecff;
1269
+ border: none;
1270
+ outline: none;
1271
+ box-shadow: none;
1272
+ }
1273
+ .date-wrapper .date-input .date-picker-split {
1274
+ display: flex;
1275
+ align-items: center;
1276
+ justify-content: center;
1277
+ padding: 0 8px;
1278
+ color: #979ba5;
1279
+ }
1280
+ .date-wrapper .date-input .date-picker-clear {
1281
+ display: none !important;
1282
+ flex: 0 0 32px;
1283
+ align-items: center;
1284
+ justify-content: center;
1285
+ width: 32px;
1286
+ height: 32px;
1287
+ font-size: 14px;
1288
+ color: #c4c6cc;
1289
+ }
1290
+ .date-wrapper .date-input .date-picker-clear:hover {
1291
+ color: #63656e;
1292
+ cursor: pointer;
1293
+ }
1294
+ .date-wrapper .date-input .date-picker:hover .date-picker-clear {
1295
+ display: flex !important;
1296
+ }
1297
+ .date-wrapper .show-format {
1298
+ display: flex;
1299
+ align-items: center;
1300
+ width: 100%;
1301
+ min-width: 100%;
1302
+ margin-top: -8px;
1303
+ margin-bottom: 12px;
1304
+ color: #979ba5;
1305
+ }
1306
+ .date-wrapper .show-format .format-button {
1307
+ margin-left: 8px;
1308
+ }
1309
+ .date-format-wrapper {
1310
+ display: flex;
1311
+ flex-direction: column;
1312
+ width: 520px;
1313
+ padding: 12px 15px;
1314
+ margin: -7px -14px;
1315
+ }
1316
+ .date-format-wrapper .content-title {
1317
+ margin-bottom: 12px;
1318
+ font-weight: bold;
1319
+ line-height: 20px;
1320
+ }
1321
+ .date-format-wrapper .content-table {
1322
+ display: flex;
1323
+ flex-direction: column;
1324
+ width: 100%;
1325
+ border-collapse: collapse;
1326
+ background-color: #fff;
1327
+ border: 1px solid #eaeefb;
1328
+ border-top: 0;
1329
+ border-left: 0;
1330
+ }
1331
+ .date-format-wrapper .content-table th,
1332
+ .date-format-wrapper .content-table td {
1333
+ height: 42px;
1334
+ padding: 8px 16px;
1335
+ color: #63656e;
1336
+ text-align: left;
1337
+ border: 1px solid #eaeefb;
1338
+ border-right: 0;
1339
+ border-bottom: 0;
1340
+ }
1341
+ .date-format-wrapper .content-table thead,
1342
+ .date-format-wrapper .content-table tr {
1343
+ display: flex;
1344
+ align-items: center;
1345
+ width: 100%;
1346
+ }
1347
+ .date-format-wrapper .content-table thead th,
1348
+ .date-format-wrapper .content-table tr th {
1349
+ flex: 1;
1350
+ background-color: #fafbfd;
1351
+ }
1352
+ .date-format-wrapper .content-table tbody {
1353
+ display: block;
1354
+ width: 100%;
1355
+ max-height: 300px;
1356
+ overflow: auto;
1357
+ }
1358
+ .date-format-wrapper .content-table tbody td {
1359
+ display: flex;
1360
+ flex: 1;
1361
+ align-items: center;
1362
+ }@keyframes loading-scale-animate {
1363
+ 0% {
1364
+ transform: scale(1);
1365
+ }
1366
+ 100% {
1367
+ transform: scale(0.6);
1368
+ }
1369
+ }
1370
+ @keyframes fade {
1371
+ 100% {
1372
+ background-color: transparent;
1373
+ }
1374
+ }
1375
+ .bk-transition .bk-fade-enter-active,
1376
+ .bk-transition .bk-fade-leave-active {
1377
+ transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
1378
+ }
1379
+ .bk-transition .bk-fade-enter,
1380
+ .bk-transition .bk-fade-leave-to {
1381
+ opacity: 0;
1382
+ }
1383
+ .clearfix-style::after {
1384
+ display: block;
1385
+ height: 0;
1386
+ clear: both;
1387
+ font-size: 0;
1388
+ content: '';
1389
+ visibility: hidden;
1390
+ }
1391
+ .bk-popper {
1392
+ display: none;
1393
+ padding: 7px 14px;
1394
+ font-size: 12px;
1395
+ color: #fff;
1396
+ background: #333;
1397
+ border-radius: 4px;
1398
+ }
1399
+ .bk-popper.light {
1400
+ color: #63656e;
1401
+ background: #fff;
1402
+ box-shadow: #dcdee5 0 0 6px 0;
1403
+ }
1404
+ .bk-popper .bk-popper-arrow,
1405
+ .bk-popper .bk-popper-arrow::before {
1406
+ position: absolute;
1407
+ width: 8px;
1408
+ height: 8px;
1409
+ background: inherit;
1410
+ }
1411
+ .bk-popper .bk-popper-arrow {
1412
+ visibility: hidden;
1413
+ }
1414
+ .bk-popper .bk-popper-arrow::before {
1415
+ content: '';
1416
+ visibility: visible;
1417
+ transform: rotate(45deg);
1418
+ }
1419
+ .bk-popper[data-show] {
1420
+ display: block;
1421
+ }
1422
+ .bk-popper[data-popper-placement^='top'] > .bk-popper-arrow {
1423
+ bottom: -4px;
1424
+ }
1425
+ .bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow {
1426
+ top: -4px;
1427
+ }
1428
+ .bk-popper[data-popper-placement^='left'] > .bk-popper-arrow {
1429
+ right: -4px;
1430
+ }
1431
+ .bk-popper[data-popper-placement^='right'] > .bk-popper-arrow {
1432
+ left: -4px;
1433
+ }
1434
+ .bk-textarea {
1435
+ --textarea-line-height: 20px;
1436
+ display: inline-flex;
1437
+ width: 100%;
1438
+ overflow: hidden;
1439
+ font-size: 12px;
1440
+ line-height: var(--textarea-line-height);
1441
+ color: #63656e;
1442
+ background-color: white;
1443
+ border: 1px solid #c4c6cc;
1444
+ border-radius: 2px;
1445
+ box-sizing: border-box;
1446
+ transition: all 0.3s;
1447
+ flex-direction: column;
1448
+ }
1449
+ .bk-textarea ::placeholder {
1450
+ font-size: 12px;
1451
+ color: #c4c6cc;
1452
+ }
1453
+ .bk-textarea.resizable {
1454
+ resize: both;
1455
+ }
1456
+ .bk-textarea ::-webkit-scrollbar {
1457
+ -webkit-appearance: none;
1458
+ width: 3px;
1459
+ }
1460
+ .bk-textarea ::-webkit-scrollbar-thumb {
1461
+ border-radius: 4px;
1462
+ background-color: #DCDEE5;
1463
+ }
1464
+ .bk-textarea.is-disabled,
1465
+ .bk-textarea.is-readonly {
1466
+ background-color: #fafbfd;
1467
+ border-color: #dcdee5;
1468
+ }
1469
+ .bk-textarea.is-disabled .bk-input--prefix-area,
1470
+ .bk-textarea.is-readonly .bk-input--prefix-area,
1471
+ .bk-textarea.is-disabled .bk-input--suffix-area,
1472
+ .bk-textarea.is-readonly .bk-input--suffix-area,
1473
+ .bk-textarea.is-disabled .bk-input--suffix-icon,
1474
+ .bk-textarea.is-readonly .bk-input--suffix-icon {
1475
+ cursor: not-allowed;
1476
+ background-color: #fafbfd;
1477
+ }
1478
+ .bk-textarea.is-disabled input,
1479
+ .bk-textarea.is-readonly input,
1480
+ .bk-textarea.is-disabled textarea,
1481
+ .bk-textarea.is-readonly textarea {
1482
+ cursor: not-allowed;
1483
+ background-color: #fafbfd;
1484
+ opacity: 1;
1485
+ }
1486
+ .bk-textarea.is-readonly input,
1487
+ .bk-textarea.is-readonly textarea {
1488
+ cursor: auto;
1489
+ }
1490
+ .bk-textarea > textarea {
1491
+ width: 100%;
1492
+ padding: 5px 10px;
1493
+ line-height: 1.5;
1494
+ text-align: left;
1495
+ border: 0;
1496
+ border-radius: 2px;
1497
+ outline: none;
1498
+ resize: none;
1499
+ }
1500
+ .bk-textarea--max-length {
1501
+ padding-right: 10px;
1502
+ margin: 0;
1503
+ margin-left: auto;
1504
+ font-size: 12px;
1505
+ text-align: right;
1506
+ transform: scale(0.8);
1507
+ justify-content: flex-end;
1508
+ }
1509
+ .bk-textarea--max-length.is-over-limit {
1510
+ color: #ea3636;
1511
+ }
1512
+ .bk-textarea--max-length span {
1513
+ color: #979ba5;
1514
+ }
1515
+ .bk-textarea.is-focused:not(.is-readonly) {
1516
+ border-color: #3a84ff;
1517
+ outline: 0;
1518
+ box-shadow: 0px 0px 3px 0px #a3c5fd;
1519
+ }
1520
+ .bk-input {
1521
+ display: inline-flex;
1522
+ align-items: stretch;
1523
+ width: 100%;
1524
+ height: 32px;
1525
+ font-size: 12px;
1526
+ border: 1px solid #c4c6cc;
1527
+ border-radius: 2px;
1528
+ transition: all 0.3s;
1529
+ }
1530
+ .bk-input ::placeholder {
1531
+ font-size: 12px;
1532
+ color: #c4c6cc;
1533
+ }
1534
+ .bk-input.is-disabled,
1535
+ .bk-input.is-readonly {
1536
+ background-color: #fafbfd;
1537
+ border-color: #dcdee5;
1538
+ }
1539
+ .bk-input.is-disabled .bk-input--prefix-area,
1540
+ .bk-input.is-readonly .bk-input--prefix-area,
1541
+ .bk-input.is-disabled .bk-input--suffix-area,
1542
+ .bk-input.is-readonly .bk-input--suffix-area,
1543
+ .bk-input.is-disabled .bk-input--suffix-icon,
1544
+ .bk-input.is-readonly .bk-input--suffix-icon {
1545
+ cursor: not-allowed;
1546
+ background-color: #fafbfd;
1547
+ }
1548
+ .bk-input.is-disabled input,
1549
+ .bk-input.is-readonly input,
1550
+ .bk-input.is-disabled textarea,
1551
+ .bk-input.is-readonly textarea {
1552
+ cursor: not-allowed;
1553
+ background-color: #fafbfd;
1554
+ opacity: 1;
1555
+ }
1556
+ .bk-input.is-readonly input,
1557
+ .bk-input.is-readonly textarea {
1558
+ cursor: auto;
1559
+ }
1560
+ .bk-input:hover:not(.is-disabled) {
1561
+ border-color: #979ba5;
1562
+ }
1563
+ .bk-input:hover:not(.is-disabled) .show-clear-only-hover {
1564
+ display: flex;
1565
+ }
1566
+ .bk-input.is-simplicity {
1567
+ background-color: transparent;
1568
+ border-color: transparent;
1569
+ border-bottom-color: #c4c6cc;
1570
+ }
1571
+ .bk-input.is-simplicity:hover:not(.is-disabled) {
1572
+ background-color: #f5f7fa;
1573
+ border-color: transparent;
1574
+ border-bottom-color: #c4c6cc;
1575
+ box-shadow: none;
1576
+ }
1577
+ .bk-input.is-simplicity:hover:not(.is-disabled) .bk-input--text,
1578
+ .bk-input.is-simplicity:hover:not(.is-disabled) .bk-input--suffix-icon {
1579
+ background-color: #f5f7fa;
1580
+ }
1581
+ .bk-input--suffix-icon {
1582
+ display: flex;
1583
+ height: 100%;
1584
+ padding-right: 10px;
1585
+ font-size: 14px;
1586
+ color: #c4c6cc;
1587
+ background-color: white;
1588
+ align-items: center;
1589
+ align-self: center;
1590
+ flex-shrink: 0;
1591
+ cursor: pointer;
1592
+ }
1593
+ .bk-input--suffix-icon:hover {
1594
+ color: #313238;
1595
+ }
1596
+ .bk-input--suffix-icon.show-clear-only-hover {
1597
+ display: none;
1598
+ }
1599
+ .bk-input--clear-icon {
1600
+ cursor: pointer;
1601
+ flex-shrink: 0;
1602
+ }
1603
+ .bk-input--clear-icon:hover {
1604
+ color: #979ba5;
1605
+ }
1606
+ .bk-input--large {
1607
+ height: 40px;
1608
+ font-size: 14px;
1609
+ }
1610
+ .bk-input--large ::placeholder {
1611
+ font-size: 14px;
1612
+ color: #c4c6cc;
1613
+ }
1614
+ .bk-input--large .bk-input--max-length {
1615
+ font-size: 16px;
1616
+ }
1617
+ .bk-input--large .bk-input--number-control span:first-child {
1618
+ margin-bottom: 4px;
1619
+ }
1620
+ .bk-input--small {
1621
+ height: 26px;
1622
+ font-size: 12px;
1623
+ }
1624
+ .bk-input--small .bk-input--max-length {
1625
+ font-size: 12px;
1626
+ }
1627
+ .bk-input--default {
1628
+ font-size: 12px;
1629
+ }
1630
+ .bk-input--default .bk-input--max-length {
1631
+ font-size: 12px;
1632
+ }
1633
+ .bk-input.is-focused:not(.is-readonly) {
1634
+ border-color: #3a84ff;
1635
+ outline: 0;
1636
+ box-shadow: 0px 0px 3px 0px #a3c5fd;
1637
+ }
1638
+ .bk-input.is-focused:not(.is-readonly).is-simplicity {
1639
+ border-color: transparent;
1640
+ border-bottom-color: #3a84ff;
1641
+ box-shadow: none;
1642
+ }
1643
+ .bk-input.is-focused:not(.is-readonly).is-simplicity .bk-input--text,
1644
+ .bk-input.is-focused:not(.is-readonly).is-simplicity .bk-input--suffix-icon {
1645
+ background-color: #f5f7fa;
1646
+ }
1647
+ .bk-input--prefix-area,
1648
+ .bk-input--suffix-area {
1649
+ display: flex;
1650
+ padding: 0 10px;
1651
+ color: #63656e;
1652
+ background-color: #f5f7fa;
1653
+ border-right: 1px solid #c4c6cc;
1654
+ align-items: center;
1655
+ }
1656
+ .bk-input--suffix-area {
1657
+ border: 0;
1658
+ border-left: 1px solid #c4c6cc;
1659
+ }
1660
+ .bk-input--max-length {
1661
+ align-self: center;
1662
+ padding-right: 10px;
1663
+ font-size: 12px;
1664
+ transform: scale(0.8);
1665
+ }
1666
+ .bk-input--max-length.is-over-limit {
1667
+ color: #ea3636;
1668
+ }
1669
+ .bk-input--max-length span {
1670
+ color: #979ba5;
1671
+ }
1672
+ .bk-input--text {
1673
+ width: 100%;
1674
+ padding: 0 10px;
1675
+ overflow: hidden;
1676
+ line-height: 1;
1677
+ color: #63656e;
1678
+ text-overflow: ellipsis;
1679
+ white-space: nowrap;
1680
+ background-color: white;
1681
+ background-image: none;
1682
+ border: none;
1683
+ border-radius: 2px;
1684
+ outline: none;
1685
+ box-sizing: border-box;
1686
+ transition: all 0.3s;
1687
+ flex: 1;
1688
+ }
1689
+ .bk-input--text[type='search']::-webkit-search-decoration,
1690
+ .bk-input--text[type='search']::-webkit-search-cancel-button,
1691
+ .bk-input--text[type='search']::-webkit-search-results-button,
1692
+ .bk-input--text[type='search']::-webkit-search-results-decoration {
1693
+ appearance: none;
1694
+ }
1695
+ .bk-input--text [type='search']::-ms-clear {
1696
+ display: none;
1697
+ width: 0;
1698
+ height: 0;
1699
+ }
1700
+ .bk-input--text [type='search']::-ms-reveal {
1701
+ display: none;
1702
+ width: 0;
1703
+ height: 0;
1704
+ }
1705
+ .bk-input--text[type='number']::-webkit-inner-spin-button,
1706
+ .bk-input--text[type='number']::-webkit-outer-spin-button {
1707
+ margin: 0;
1708
+ appearance: none;
1709
+ }
1710
+ .bk-input--number-control {
1711
+ display: flex;
1712
+ width: 26px;
1713
+ height: 100%;
1714
+ padding: 4px 0;
1715
+ font-size: 0;
1716
+ user-select: none;
1717
+ flex-direction: column;
1718
+ align-items: center;
1719
+ }
1720
+ .bk-input--number-control span {
1721
+ display: flex;
1722
+ overflow: hidden;
1723
+ line-height: 1;
1724
+ color: #979ba5;
1725
+ text-align: center;
1726
+ cursor: pointer;
1727
+ background-color: #f5f7fa;
1728
+ flex: 1;
1729
+ align-items: center;
1730
+ }
1731
+ .bk-input--number-control span.is-disabled {
1732
+ color: #c4c6cc;
1733
+ cursor: not-allowed;
1734
+ }
1735
+ .bk-input--number-control svg {
1736
+ font-size: 14px;
1737
+ }
1738
+ .bk-input--number-control span:first-child {
1739
+ transform: rotate(180deg);
1740
+ }
1741
+ .bk-input--number-control span:not(.is-disabled):hover {
1742
+ background-color: #eaebf0;
1743
+ }
1744
+ @keyframes loading-scale-animate {
1745
+ 0% {
1746
+ transform: scale(1);
1747
+ }
1748
+ 100% {
1749
+ transform: scale(0.6);
1750
+ }
1751
+ }
1752
+ @keyframes fade {
1753
+ 100% {
1754
+ background-color: transparent;
1755
+ }
1756
+ }
1757
+ .bk-transition .bk-fade-enter-active,
1758
+ .bk-transition .bk-fade-leave-active {
1759
+ transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
1760
+ }
1761
+ .bk-transition .bk-fade-enter,
1762
+ .bk-transition .bk-fade-leave-to {
1763
+ opacity: 0;
1764
+ }
1765
+ .bk-select .mr5 {
1766
+ margin-right: 5px;
1767
+ }
1768
+ .bk-select .ml5 {
1769
+ margin-left: 5px;
1770
+ }
1771
+ .bk-select ul {
1772
+ padding: 0;
1773
+ margin: 0;
1774
+ font-weight: normal;
1775
+ list-style: none;
1776
+ }
1777
+ .bk-select.large .bk-select-content-wrapper {
1778
+ font-size: 14px;
1779
+ }
1780
+ .bk-select.is-focus.normal .bk-select-trigger .bk-select-tag.bk-select-tag--default {
1781
+ border-color: #3a84ff;
1782
+ box-shadow: 0px 0px 3px 0px #a3c5fd;
1783
+ }
1784
+ .bk-select.is-focus .bk-input--default {
1785
+ border-color: #3a84ff;
1786
+ outline: 0;
1787
+ box-shadow: 0px 0px 3px 0px #a3c5fd;
1788
+ }
1789
+ .bk-select.is-focus .bk-input--default.is-simplicity {
1790
+ border-color: transparent;
1791
+ border-bottom-color: #3a84ff;
1792
+ box-shadow: none;
1793
+ }
1794
+ .bk-select.is-focus .bk-input--default.is-simplicity .bk-input--text {
1795
+ background-color: #f5f7fa;
1796
+ }
1797
+ .bk-select.popover-show .bk-select-trigger .angle-up {
1798
+ transform: rotate(0);
1799
+ }
1800
+ .bk-select.is-disabled .bk-input--text {
1801
+ cursor: not-allowed;
1802
+ background-color: #fafbfd;
1803
+ }
1804
+ .bk-select .bk-input.is-focused {
1805
+ border-color: #3a84ff;
1806
+ outline: 0;
1807
+ box-shadow: 0 0 3px 0 #a3c5fd;
1808
+ }
1809
+ .bk-select .bk-input.is-focused.is-simplicity {
1810
+ border-color: transparent;
1811
+ border-bottom-color: #3a84ff;
1812
+ box-shadow: none;
1813
+ }
1814
+ .bk-select .bk-input--text {
1815
+ overflow: hidden;
1816
+ text-overflow: ellipsis;
1817
+ white-space: nowrap;
1818
+ padding-right: 24px;
1819
+ cursor: pointer;
1820
+ background-color: white;
1821
+ }
1822
+ .bk-select .bk-select-trigger {
1823
+ position: relative;
1824
+ }
1825
+ .bk-select .bk-select-trigger .bk-tag-input .bk-tag-input-trigger .clear-icon {
1826
+ margin-right: 0;
1827
+ }
1828
+ .bk-select .bk-select-trigger .bk-select-tag {
1829
+ width: 100%;
1830
+ height: 32px;
1831
+ padding: 0 28px 0 10px;
1832
+ line-height: normal;
1833
+ color: #63656e;
1834
+ text-align: left;
1835
+ vertical-align: middle;
1836
+ cursor: pointer;
1837
+ background-color: white;
1838
+ border: 1px solid #c4c6cc;
1839
+ border-radius: 2px;
1840
+ outline: none;
1841
+ box-sizing: border-box;
1842
+ transition: all 0.1s;
1843
+ resize: none;
1844
+ overflow: hidden;
1845
+ text-overflow: ellipsis;
1846
+ white-space: nowrap;
1847
+ display: flex;
1848
+ width: auto;
1849
+ align-items: center;
1850
+ }
1851
+ .bk-select .bk-select-trigger .bk-select-tag::placeholder {
1852
+ color: #c4c6cc;
1853
+ }
1854
+ .bk-select .bk-select-trigger .bk-select-tag.has-prefix {
1855
+ padding-left: 0;
1856
+ }
1857
+ .bk-select .bk-select-trigger .bk-select-tag.collapse-tag .bk-select-tag-wrapper {
1858
+ height: 30px;
1859
+ }
1860
+ .bk-select .bk-select-trigger .bk-select-tag:not(.collapse-tag) {
1861
+ position: relative;
1862
+ z-index: 1;
1863
+ height: auto;
1864
+ min-height: 32px;
1865
+ flex-wrap: wrap;
1866
+ }
1867
+ .bk-select .bk-select-trigger .bk-select-tag-wrapper {
1868
+ display: flex;
1869
+ align-items: center;
1870
+ flex-wrap: wrap;
1871
+ overflow: hidden;
1872
+ }
1873
+ .bk-select .bk-select-trigger .bk-select-tag:not(.is-disabled):hover {
1874
+ border-color: #979ba5;
1875
+ }
1876
+ .bk-select .bk-select-trigger .bk-select-tag.is-disabled {
1877
+ cursor: not-allowed;
1878
+ background-color: #fafbfd;
1879
+ border-color: #dcdee5;
1880
+ }
1881
+ .bk-select .bk-select-trigger .bk-select-tag.is-disabled input {
1882
+ cursor: not-allowed;
1883
+ }
1884
+ .bk-select .bk-select-trigger .bk-select-tag.is-disabled .bk-tag {
1885
+ cursor: not-allowed;
1886
+ }
1887
+ .bk-select .bk-select-trigger .bk-select-tag.is-disabled .bk-tag:hover {
1888
+ background-color: #f0f1f5;
1889
+ }
1890
+ .bk-select .bk-select-trigger .bk-select-tag.is-disabled .bk-tag .bk-tag-close {
1891
+ cursor: not-allowed;
1892
+ }
1893
+ .bk-select .bk-select-trigger .bk-select-tag.is-disabled .is-disabled {
1894
+ padding-left: 0;
1895
+ }
1896
+ .bk-select .bk-select-trigger .bk-select-tag-input {
1897
+ width: 100%;
1898
+ height: 32px;
1899
+ padding: 0 28px 0 10px;
1900
+ line-height: normal;
1901
+ color: #63656e;
1902
+ text-align: left;
1903
+ vertical-align: middle;
1904
+ cursor: pointer;
1905
+ background-color: white;
1906
+ border: 1px solid #c4c6cc;
1907
+ border-radius: 2px;
1908
+ outline: none;
1909
+ box-sizing: border-box;
1910
+ transition: all 0.1s;
1911
+ resize: none;
1912
+ overflow: hidden;
1913
+ text-overflow: ellipsis;
1914
+ white-space: nowrap;
1915
+ width: 1%;
1916
+ height: 22px;
1917
+ padding: 0;
1918
+ margin: 2px 5px 4px 0;
1919
+ background-color: transparent;
1920
+ border: none;
1921
+ flex-grow: 1;
1922
+ }
1923
+ .bk-select .bk-select-trigger .bk-select-tag-input::placeholder {
1924
+ color: #c4c6cc;
1925
+ }
1926
+ .bk-select .bk-select-trigger .bk-select-tag .bk-tag {
1927
+ max-width: 190px;
1928
+ padding: 0 4px;
1929
+ }
1930
+ .bk-select .bk-select-trigger .angle-up {
1931
+ right: 4px;
1932
+ transform: rotate(180deg);
1933
+ transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
1934
+ display: flex;
1935
+ width: 20px;
1936
+ height: 20px;
1937
+ font-size: 20px;
1938
+ color: #979ba5;
1939
+ position: absolute;
1940
+ top: 0;
1941
+ display: inline-flex;
1942
+ height: 100%;
1943
+ align-items: center;
1944
+ justify-content: center;
1945
+ }
1946
+ .bk-select .bk-select-trigger .clear-icon {
1947
+ right: 4px;
1948
+ cursor: pointer;
1949
+ transition: all 0.1s;
1950
+ display: flex;
1951
+ width: 20px;
1952
+ height: 20px;
1953
+ font-size: 14px;
1954
+ color: #c4c6cc;
1955
+ position: absolute;
1956
+ top: 0;
1957
+ display: inline-flex;
1958
+ height: 100%;
1959
+ align-items: center;
1960
+ justify-content: center;
1961
+ }
1962
+ .bk-select .bk-select-trigger .clear-icon:hover {
1963
+ color: #979ba5;
1964
+ }
1965
+ .bk-select .bk-select-trigger .spinner {
1966
+ right: 6px;
1967
+ position: absolute;
1968
+ top: 0;
1969
+ display: inline-flex;
1970
+ height: 100%;
1971
+ align-items: center;
1972
+ justify-content: center;
1973
+ }
1974
+ .bk-select--prefix-area {
1975
+ display: flex;
1976
+ height: 100%;
1977
+ padding: 0 10px;
1978
+ margin-right: 10px;
1979
+ color: #63656e;
1980
+ background-color: #f5f7fa;
1981
+ border-right: 1px solid #c4c6cc;
1982
+ align-items: center;
1983
+ }
1984
+ .bk-popover.bk-pop2-content.bk-select-popover {
1985
+ padding: 0;
1986
+ border: 1px solid #dcdee5;
1987
+ border-radius: 2px;
1988
+ box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
1989
+ }
1990
+ .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-empty {
1991
+ display: flex;
1992
+ align-items: center;
1993
+ justify-content: center;
1994
+ height: 56px;
1995
+ color: #63656e;
1996
+ }
1997
+ .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-empty .spinner {
1998
+ display: flex;
1999
+ width: 14px;
2000
+ height: 14px;
2001
+ margin-right: 4px;
2002
+ font-size: 14px;
2003
+ color: #c4c6cc;
2004
+ align-items: center;
2005
+ justify-content: center;
2006
+ }
2007
+ .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-empty span {
2008
+ margin-left: 4px;
2009
+ line-height: 18px;
2010
+ }
2011
+ .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-dropdown {
2012
+ overflow: auto;
2013
+ }
2014
+ .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-dropdown::-webkit-scrollbar {
2015
+ width: 4px;
2016
+ height: 4px;
2017
+ }
2018
+ .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-dropdown::-webkit-scrollbar-thumb {
2019
+ background: #dde4eb;
2020
+ border-radius: 20px;
2021
+ box-shadow: inset 0 0 6px hsla(0, 0%, 80%, 0.3);
2022
+ }
2023
+ .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-extension {
2024
+ display: flex;
2025
+ height: 40px;
2026
+ background-color: #fafbfd;
2027
+ align-items: center;
2028
+ border-top: 1px solid #dcdee5;
2029
+ border-radius: 0 0 2px 2px;
2030
+ }
2031
+ .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-options {
2032
+ padding: 4px 0;
2033
+ }
2034
+ .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option {
2035
+ position: relative;
2036
+ display: flex;
2037
+ height: 32px;
2038
+ padding: 0 12px;
2039
+ line-height: 32px;
2040
+ color: #63656e;
2041
+ text-align: left;
2042
+ cursor: pointer;
2043
+ user-select: none;
2044
+ align-items: center;
2045
+ overflow: hidden;
2046
+ text-overflow: ellipsis;
2047
+ white-space: nowrap;
2048
+ }
2049
+ .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option .bk-select-selected-icon {
2050
+ position: absolute;
2051
+ top: 5px;
2052
+ right: 10px;
2053
+ }
2054
+ .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option .bk-select-checkbox {
2055
+ margin-right: 6px;
2056
+ pointer-events: none;
2057
+ }
2058
+ .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option-item {
2059
+ overflow: hidden;
2060
+ text-overflow: ellipsis;
2061
+ white-space: nowrap;
2062
+ }
2063
+ .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option.is-hover {
2064
+ background-color: #f5f7fa;
2065
+ }
2066
+ .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option:hover {
2067
+ color: #63656e;
2068
+ background-color: #f5f7fa;
2069
+ }
2070
+ .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option.is-selected:not(.is-checkbox) {
2071
+ color: #3a84ff;
2072
+ background-color: #e1ecff;
2073
+ }
2074
+ .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option.is-disabled {
2075
+ color: #c4c6cc;
2076
+ cursor: not-allowed;
2077
+ background-color: transparent;
2078
+ }
2079
+ .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option.is-multiple {
2080
+ padding-right: 32px;
2081
+ }
2082
+ .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option.is-multiple.is-selected {
2083
+ background-color: #fff;
2084
+ }
2085
+ .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option.is-multiple.is-hover {
2086
+ background-color: #f5f7fa;
2087
+ }
2088
+ .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option.is-multiple:hover {
2089
+ background-color: #f5f7fa;
2090
+ }
2091
+ .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-options-loading {
2092
+ display: flex;
2093
+ align-items: center;
2094
+ justify-content: center;
2095
+ }
2096
+ .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-options-loading span {
2097
+ margin-left: 4px;
2098
+ line-height: 18px;
2099
+ }
2100
+ .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-option-group-label {
2101
+ height: 32px;
2102
+ padding: 0 8px;
2103
+ line-height: 32px;
2104
+ color: #979ba5;
2105
+ text-align: left;
2106
+ }
2107
+ .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-option-group-label.collapsible {
2108
+ cursor: pointer;
2109
+ }
2110
+ .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-option-group.collapsible .bk-select-option {
2111
+ padding-left: 40px;
2112
+ }
2113
+ .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-option-group.disabled .default-group-label {
2114
+ color: #c4c6cc;
2115
+ cursor: not-allowed;
2116
+ }
2117
+ .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-option-group .default-group-label {
2118
+ display: flex;
2119
+ user-select: none;
2120
+ align-items: center;
2121
+ }
2122
+ .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-option-group .default-group-label-icon {
2123
+ display: flex;
2124
+ width: 12px;
2125
+ height: 12px;
2126
+ margin-right: 8px;
2127
+ transition: all 0.1s;
2128
+ align-items: center;
2129
+ justify-content: center;
2130
+ }
2131
+ .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-option-group .default-group-label-icon.collapse {
2132
+ transform: rotate(-90deg);
2133
+ }
2134
+ .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-option-group .bk-select-option {
2135
+ padding-left: 24px;
2136
+ }
2137
+ .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-search-wrapper {
2138
+ display: flex;
2139
+ margin: 4px 8px 0 8px;
2140
+ border-bottom: 1px solid #eaebf0;
2141
+ align-items: center;
2142
+ }
2143
+ .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-search-wrapper .icon-search {
2144
+ margin-left: 2px;
2145
+ color: #979ba5;
2146
+ }
2147
+ .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-search-wrapper .bk-select-search-input {
2148
+ width: 100%;
2149
+ height: 32px;
2150
+ padding: 0 28px 0 10px;
2151
+ line-height: normal;
2152
+ color: #63656e;
2153
+ text-align: left;
2154
+ vertical-align: middle;
2155
+ cursor: pointer;
2156
+ background-color: white;
2157
+ border: 1px solid #c4c6cc;
2158
+ border-radius: 2px;
2159
+ outline: none;
2160
+ box-sizing: border-box;
2161
+ transition: all 0.1s;
2162
+ resize: none;
2163
+ overflow: hidden;
2164
+ text-overflow: ellipsis;
2165
+ white-space: nowrap;
2166
+ padding: 0 8px;
2167
+ cursor: text;
2168
+ border: none;
2169
+ }
2170
+ .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-search-wrapper .bk-select-search-input::placeholder {
2171
+ color: #c4c6cc;
2172
+ }
2173
+ .natural-picker {
2174
+ display: flex;
2175
+ align-items: center;
2176
+ min-height: 56px;
2177
+ }
2178
+ .natural-picker .natural-unit {
2179
+ width: 118px;
2180
+ margin-left: 8px;
2181
+ }.recent-picker {
2182
+ display: flex;
2183
+ align-items: center;
2184
+ min-height: 56px;
2185
+ }
2186
+ .recent-picker .recent-unit {
2187
+ width: 164px;
2188
+ }
2189
+ .recent-picker .recent-unit .scoped-input,
2190
+ .recent-picker .recent-unit .bk-input {
2191
+ height: 30px;
2192
+ border: none;
2193
+ border-left: 1px solid #c4c6cc;
2194
+ border-radius: 0;
2195
+ }
2196
+ .recent-picker .recent-unit .scoped-input--text,
2197
+ .recent-picker .recent-unit .bk-input--text {
2198
+ border-radius: 0;
2199
+ }.timezone-picker {
2200
+ width: 100%;
2201
+ }
2202
+ .timezone-picker-option {
2203
+ display: flex;
2204
+ align-items: center;
2205
+ width: 100%;
2206
+ color: #63656e;
2207
+ }
2208
+ .timezone-picker-option .option-name {
2209
+ flex: 1;
2210
+ }
2211
+ .timezone-picker-option .option-country {
2212
+ display: flex;
2213
+ width: 100%;
2214
+ margin-left: 6px;
2215
+ color: #999;
2216
+ }
2217
+ .timezone-picker-option .option-utc {
2218
+ display: inline-flex;
2219
+ align-items: center;
2220
+ justify-content: center;
2221
+ height: 20px;
2222
+ padding: 0 8px;
2223
+ background: #f0f1f5;
2224
+ border-radius: 2px;
2225
+ }
2226
+ .timezone-picker-option.is-selected {
2227
+ color: #3a84ff;
2228
+ }
2229
+ .timezone-picker-option.is-selected .option-country {
2230
+ color: #699df4;
2231
+ }
2232
+ .timezone-picker-option.is-selected .option-utc {
2233
+ color: white;
2234
+ background-color: #699df4;
2235
+ }.panel-wrapper {
2236
+ width: 510px;
2237
+ padding: 12px 16px 0 16px;
2238
+ background: #fff;
2239
+ border: 1px solid #dcdee5;
2240
+ border-radius: 2px;
2241
+ box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1019607843);
2242
+ }
2243
+ .panel-wrapper .common-date-list {
2244
+ height: 136px;
2245
+ max-height: 136px;
2246
+ padding: 0;
2247
+ padding-bottom: 4px;
2248
+ margin: 12px -10px 0 0;
2249
+ overflow: auto;
2250
+ }
2251
+ .panel-wrapper .common-date-list .list-item {
2252
+ display: inline-flex;
2253
+ align-items: center;
2254
+ min-width: calc(33.33% - 8px);
2255
+ height: 28px;
2256
+ padding: 0 8px;
2257
+ margin-right: 8px;
2258
+ margin-bottom: 8px;
2259
+ color: #313238;
2260
+ cursor: pointer;
2261
+ background: #f5f7fa;
2262
+ border-radius: 2px;
2263
+ }
2264
+ .panel-wrapper .common-date-list .list-item.is-recent-item {
2265
+ min-width: inherit;
2266
+ height: 24px;
2267
+ padding: 0 6px;
2268
+ color: #63656e;
2269
+ }
2270
+ .panel-wrapper .common-date-list .list-item:hover {
2271
+ color: #3a84ff;
2272
+ background: #e1ecff;
2273
+ }
2274
+ .panel-wrapper .date-pick-tab {
2275
+ padding-top: 12px;
2276
+ border-top: 1px solid #eaebf0;
2277
+ }
2278
+ .panel-wrapper .date-pick-tab .scoped-tab-header-item,
2279
+ .panel-wrapper .date-pick-tab .bk-tab-header-item {
2280
+ /* stylelint-disable-next-line declaration-no-important */
2281
+ margin-right: 20px !important;
2282
+ }
2283
+ .panel-wrapper .time-zone-panel {
2284
+ display: flex;
2285
+ align-items: center;
2286
+ height: 45px;
2287
+ padding: 0 16px;
2288
+ margin: 0 -16px;
2289
+ color: #313238;
2290
+ background: #fafbfd;
2291
+ border-top: 1px solid #dcdee5;
2292
+ }
2293
+ .panel-wrapper .time-zone-panel .time-zone {
2294
+ display: flex;
2295
+ align-items: center;
2296
+ margin: 0 8px;
2297
+ }
2298
+ .panel-wrapper .time-zone-panel .time-zone-area {
2299
+ display: flex;
2300
+ align-items: center;
2301
+ margin-left: 8px;
2302
+ color: #979ba5;
2303
+ }
2304
+ .panel-wrapper .time-zone-panel .time-zone-tag {
2305
+ display: flex;
2306
+ align-items: center;
2307
+ justify-content: center;
2308
+ width: 79px;
2309
+ height: 20px;
2310
+ margin-right: 8px;
2311
+ margin-left: auto;
2312
+ color: #63656e;
2313
+ background: #f0f1f5;
2314
+ border-radius: 2px;
2315
+ }
2316
+ .panel-wrapper .time-zone-picker {
2317
+ margin: 8px 0;
2318
+ }
2319
+ .panel-wrapper .common-wrapper {
2320
+ display: flex;
2321
+ flex-direction: column;
2322
+ height: 139px;
2323
+ max-height: 139px;
2324
+ overflow: auto;
2325
+ }
2326
+ .panel-wrapper .common-wrapper .empty-content {
2327
+ height: 100px;
2328
+ max-height: 100px;
2329
+ }
2330
+ .panel-wrapper .common-wrapper .empty-tips {
2331
+ display: flex;
2332
+ align-items: center;
2333
+ justify-content: center;
2334
+ }.__bk_date_picker__ {
2335
+ box-sizing: border-box;
2336
+ display: inline-flex;
2337
+ align-items: center;
2338
+ min-width: 140px;
2339
+ height: 32px;
2340
+ padding: 0 4px;
2341
+ font-size: 12px;
2342
+ color: #63656e;
2343
+ border: 1px solid #c4c6cc;
2344
+ border-radius: 2px;
2345
+ }
2346
+ .__bk_date_picker__ .date-icon {
2347
+ display: flex;
2348
+ align-items: center;
2349
+ justify-content: center;
2350
+ width: 24px;
2351
+ height: 24px;
2352
+ font-size: 20px;
2353
+ font-weight: bold;
2354
+ color: #989ca7;
2355
+ background: #f5f7fa;
2356
+ border-radius: 2px;
2357
+ }
2358
+ .__bk_date_picker__ .date-icon-left, .__bk_date_picker__ .date-icon-right {
2359
+ display: inline-flex;
2360
+ }
2361
+ .__bk_date_picker__ .date-icon-left svg, .__bk_date_picker__ .date-icon-right svg {
2362
+ /* stylelint-disable-next-line declaration-no-important */
2363
+ width: 20px !important;
2364
+ /* stylelint-disable-next-line declaration-no-important */
2365
+ height: 20px !important;
2366
+ }
2367
+ .__bk_date_picker__ .date-icon:hover {
2368
+ cursor: pointer;
2369
+ background-color: #f0f1f5;
2370
+ }
2371
+ .__bk_date_picker__ .date-content {
2372
+ display: flex;
2373
+ align-items: center;
2374
+ height: 24px;
2375
+ padding: 0 6px;
2376
+ margin: 0 4px;
2377
+ user-select: none;
2378
+ border-radius: 2px;
2379
+ }
2380
+ .__bk_date_picker__ .date-content-icon {
2381
+ margin-right: 4px;
2382
+ }
2383
+ .__bk_date_picker__ .date-content-utc {
2384
+ display: flex;
2385
+ align-items: center;
2386
+ margin-left: 4px;
2387
+ font-weight: 700;
2388
+ color: #ff9c01;
2389
+ }
2390
+ .__bk_date_picker__ .date-content:hover {
2391
+ cursor: pointer;
2392
+ background: #f5f7fa;
2393
+ }
2394
+ .__bk_date_picker__.is-simplicity {
2395
+ border-color: transparent;
2396
+ }
2397
+ .__bk_date_picker__.is-simplicity .date-icon {
2398
+ background-color: transparent;
2399
+ }
2400
+ .__bk_date_picker__.is-disabled {
2401
+ color: #c4c6cc;
2402
+ cursor: not-allowed;
2403
+ }
2404
+ .__bk_date_picker__.is-disabled .date-icon {
2405
+ color: #c4c6cc;
2406
+ pointer-events: none;
2407
+ }
2408
+ .__bk_date_picker__.is-disabled .date-content {
2409
+ pointer-events: none;
2410
+ cursor: not-allowed;
2411
+ }
2412
+ .__bk-date-picker-popover__ {
2413
+ /* stylelint-disable-next-line declaration-no-important */
2414
+ padding: 0 !important;
2415
+ /* stylelint-disable-next-line declaration-no-important */
2416
+ margin: 0 !important;
2417
+ /* stylelint-disable-next-line declaration-no-important */
2418
+ color: #63656e !important;
2419
+ }
2420
+ .__bk-date-picker-popover__ ul {
2421
+ padding: 0;
2422
+ margin: 0;
2423
+ }
2424
+ .__bk-date-picker-popover__ ul li {
2425
+ list-style: none;
2426
+ }
2427
+ .__date-tooltips__ {
2428
+ display: flex;
2429
+ flex-direction: column;
2430
+ align-items: center;
2431
+ justify-content: center;
2432
+ max-width: 156px;
2433
+ line-height: 20px;
2434
+ }
2435
+ .__date-tooltips__ .date-tooltips-timezone {
2436
+ display: flex;
2437
+ align-items: center;
2438
+ margin-top: 4px;
2439
+ color: #ff9c01;
2440
+ }